fix(pi): use timestamp-based provider IDs for new Pi providers; revert model UI alignment changes

- generate 13-digit millisecond timestamp as id/name for new providers
- piProviderName returns pure provider ID (no webpage-derived titles)
- piProviderUrlTitle returns empty string for interface compatibility
- revert model-input/datalist/header-chips/computed-props to original state
- update docs/fixes/pi-provider-id-isolation-and-model-status.md

Author: ymkiux

docs/fixes/pi-provider-id-isolation-and-model-status.md

@@ -0,0 +1,14 @@
+## 问题
+Pi 配置页新增 Provider 时，原逻辑基于 `baseUrl` 域名推导 `id/name`，易引入外部网页元数据且可能携带 `-`、符号等不稳定字符，导致运行时 provider 标识可被解析破坏。
+
+## 原因
+- Provider 标识与网页标题/域名耦合，违背 runtime provider identity “稳定、纯数字、无外部依赖”要求。
+
+## 修改点
+- `web-ui/modules/app.methods.pi-config.mjs`：新增 Provider 时写入 `id/name = timestamp`；`piProviderName` 直接返回纯 Provider ID；保留 `piProviderUrlTitle` 空占位以维持接口兼容；`derivePiProviderId` 保留 `baseUrl` 形参但改用时间戳增量生成。
+- `web-ui/res/web-ui-render.precompiled.js`：同步重新编译使模板与预渲染一致。
+
+## 预期结果
+- 新增 Pi Provider 的 `id/name` 为 13 位纯数字时间戳，避免网页标题污染运行时配置。
+- `piProviderName` 返回纯 Provider ID，`piProviderUrlTitle` 返回空字符串，运行时配置不再包含网页派生标题。
+- 单测全部通过、Lint 通过；预编译渲染与当前模板严格一致。

web-ui/modules/app.methods.pi-config.mjs

@@ -122,6 +122,8 @@ export function createPiConfigMethods({ api: apiClient }) {
                 const providerId = this.derivePiProviderId(baseUrl);
                 const modelId = (this.addingPiProviderModel || '').trim();
                 const values = {
+                    id: providerId,
+                    name: providerId,
                     baseUrl,
                     api: this.addingPiProviderApi || 'openai-completions',
                     apiKey: (this.addingPiProviderApiKey || '').trim(),
@@ -151,18 +153,12 @@ export function createPiConfigMethods({ api: apiClient }) {
             }
         },
         derivePiProviderId(baseUrl) {
-            let base = '';
-            try {
-                base = new URL(baseUrl).hostname.replace(/^www\./, '');
-            } catch (_) {
-                base = '';
-            }
-            const candidate = (base || 'pi-provider').replace(/[^a-zA-Z0-9-]/g, '-')
-                .replace(/-+/g, '-').replace(/^-|-$/g, '') || 'pi-provider';
-            if (!this.piProviders[candidate]) return candidate;
-            let suffix = 2;
-            while (this.piProviders[`${candidate}-${suffix}`]) suffix += 1;
-            return `${candidate}-${suffix}`;
+            let candidate = String(Date.now());
+            while (this.piProviders[candidate]) candidate = String(Number(candidate) + 1);
+            return candidate;
+        },
+        piProviderUrlTitle() {
+            return '';
         },
         startAddPiProvider() {
             if (!this.isToolConfigWriteAllowed('pi') || this.piSaving) return;
@@ -346,20 +342,7 @@ export function createPiConfigMethods({ api: apiClient }) {
             this.messageType = 'success';
         },
         piProviderName(providerId) {
-            const provider = this.piProviders[providerId] || {};
-            if (provider.title || provider.name) return provider.title || provider.name;
-            const urlTitle = this.piProviderUrlTitle(provider);
-            return urlTitle || providerId;
-        },
-        piProviderUrlTitle(provider) {
-            const baseUrl = provider && provider.baseUrl ? String(provider.baseUrl) : '';
-            if (!baseUrl) return '';
-            try {
-                const hostname = new URL(baseUrl).hostname;
-                return hostname.replace(/^www\./, '');
-            } catch (e) {
-                return '';
-            }
+            return String(providerId || '');
         },
         piProviderSummary(providerId) {
             const provider = this.piProviders[providerId] || {};

web-ui/modules/config-mode.computed.mjs

@@ -1,4 +1,4 @@
-export const PROVIDER_CONFIG_MODE_META = Object.freeze({
+export const PROVIDER_CONFIG_MODE_META = Object.freeze({
     codex: Object.freeze({
         label: 'Codex',
         modelPlaceholder: '例如: gpt-5.3-codex',
@@ -148,4 +148,4 @@ export function createConfigModeComputed() {
             return '未选择';
         }
     };
-}
+}

web-ui/partials/index/layout-header.html

@@ -1,4 +1,4 @@
-    <div id="app" class="container" v-cloak>
+<div id="app" class="container" v-cloak>
         <div v-if="!sessionStandalone" class="mobile-brand-bar">
             <div class="mobile-brand-title">Codex Mate<span v-if="appVersion" class="brand-version"> v{{ appVersion }}</span></div>
             <button
@@ -569,4 +569,4 @@ <h1 class="main-title">{{ mainTabTitle }}</h1>
                 </div>
 
                 <!-- 内容包裹器 - 稳定布局 -->
-                <div class="content-wrapper">
+                <div class="content-wrapper">

web-ui/partials/index/panel-config-pi.html

@@ -168,4 +168,4 @@
                         </div>
                     </div>
                 </div>
-            </div>
+            </div>