diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 00000000..b3ebfcb8
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1,5 @@
+# Keep platform-specific scripts with safe line endings.
+*.sh text eol=lf
+*.command text eol=lf
+*.ps1 text eol=crlf
+*.bat text eol=crlf
diff --git a/.gitignore b/.gitignore
index f1cfcd11..21f7494d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -143,6 +143,9 @@ frontends/conductor_im_plugins/config.local.json
 **/__pycache__/
 
 .claude/
+
 # Project Mode SOP
 !memory/project_mode_sop.md
 
+# 本地 bug / 局限报告草稿（交给维护者参考，不进仓库）
+/BUG_*.md
diff --git a/assets/configure_mykey.py b/assets/configure_mykey.py
index 058b9fb9..b9ed19d7 100644
--- a/assets/configure_mykey.py
+++ b/assets/configure_mykey.py
@@ -88,7 +88,7 @@ LLM_PROVIDERS = [
         'type': 'native_oai',
         'template': {
             'name': 'deepseek', 'apikey': 'sk-<your-deepseek-key>',
-            'apibase': 'https://api.deepseek.com', 'model': 'deepseek-v4-flash',
+            'apibase': 'https://api.deepseek.com', 'model': 'deepseek-v4-pro',
             'api_mode': 'chat_completions', 'reasoning_effort': 'high',
         },
         'key_hint': '在 https://platform.deepseek.com/api_keys 获取',
@@ -126,11 +126,11 @@ LLM_PROVIDERS = [
         'template': {
             'name': 'qwen', 'apikey': 'sk-<your-dashscope-key>',
             'apibase': 'https://dashscope.aliyuncs.com/compatible-mode/v1',
-            'model': 'qwen3.5-plus',
+            'model': 'qwen3.6-max-preview',
             'api_mode': 'chat_completions',
         },
         'key_hint': '在 https://bailian.console.aliyun.com/ 获取 API Key',
-        'model_choices': ['qwen3.5-plus', 'qwen3-coder-plus'],
+        'model_choices': ['qwen3.6-max-preview', 'qwen3.5-plus', 'qwen3-coder-plus'],
         'extra_fields': [
             {
                 'key': '_endpoint', 'label': '选择端点',
diff --git a/assets/tools_schema.json b/assets/tools_schema.json
index 7a8b604c..01078937 100644
--- a/assets/tools_schema.json
+++ b/assets/tools_schema.json
@@ -60,10 +60,10 @@
   }},
   {"type": "function", "function": {
     "name": "ask_user",
-    "description": "Interrupt task to ask user when needing decisions, extra info, or facing unresolvable blockers",
+    "description": "Interrupt task to ask user when needing decisions, extra info, or facing unresolvable blockers. For multiple questions, use one call and put all in question—do not call repeatedly.",
     "parameters": {"type": "object", "properties": {
-      "question": {"type": "string", "description": "Question for the user"},
-      "candidates": {"type": "array", "items": {"type": "string"}, "description": "Optional quick-select choices for the user"}}}
+      "question": {"type": "string", "description": "Question for the user. For multiple questions, one per line (e.g. \"1. …\" / \"2. …\" or \"Q1: …\"); put A/B/C options under each question in this field. Do not cram multiple questions on one line. candidates is for single-question quick picks only."},
+      "candidates": {"type": "array", "items": {"type": "string"}, "description": "Optional quick-select choices for a single question only. Leave empty for multi-question prompts; put per-question options in question instead."}}}
   }},
   {"type": "function", "function": {
     "name": "start_long_term_update",
diff --git a/assets/tools_schema_cn.json b/assets/tools_schema_cn.json
index a34c19d7..0b70328c 100644
--- a/assets/tools_schema_cn.json
+++ b/assets/tools_schema_cn.json
@@ -60,10 +60,10 @@
   }},
   {"type": "function", "function": {
     "name": "ask_user",
-    "description": "当需要用户决策、提供额外信息或遇到无法自动解决的阻碍时，调用此工具中断任务并提问",
+    "description": "当需要用户决策、提供额外信息或遇到无法自动解决的阻碍时，调用此工具中断任务并提问。多题应一次调用、全部写在 question 里，不要多次调用。",
     "parameters": {"type": "object", "properties": {
-      "question": {"type": "string", "description": "向用户提出的明确问题"},
-      "candidates": {"type": "array", "items": {"type": "string"}, "description": "提供给用户的可选快捷选项列表"}}}
+      "question": {"type": "string", "description": "向用户提出的明确问题。多题时每题独占一行（如「1. …」「2. …」或「问题1: …」），每题下的选项用 A. B. C. 写在 question 内；不要用一行挤多题。candidates 仅用于单题快捷选项。"},
+      "candidates": {"type": "array", "items": {"type": "string"}, "description": "单题时的可选快捷选项（纯文字）。多题时留空，各题选项写在 question 里，勿把多题选项平铺到此数组。"}}}
   }},
   {"type": "function", "function": {
     "name": "start_long_term_update",
diff --git a/frontends/conductor.html b/frontends/conductor.html
index 287c69a8..5380d5c8 100644
--- a/frontends/conductor.html
+++ b/frontends/conductor.html
@@ -467,6 +467,45 @@
     sendBtn.addEventListener('click', send);
     inputEl.addEventListener('keydown', e=>{ if(e.key==='Enter' && !e.shiftKey && !e.isComposing && e.keyCode!==229){ e.preventDefault(); send(); } });
 
+    // Input length limit (10000 chars)
+    const MAX_LEN = 10000;
+    let limitToast = null;
+
+    function showLimitToast(msg) {
+      if (limitToast) return; // already showing, don't spam
+      limitToast = document.createElement('div');
+      limitToast.textContent = msg;
+      limitToast.style.cssText = 'position:fixed;top:24px;left:50%;transform:translateX(-50%);background:#dc2626;color:#fff;padding:10px 24px;border-radius:8px;font-size:14px;z-index:9999;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:opacity .3s';
+      document.body.appendChild(limitToast);
+      setTimeout(() => {
+        if (limitToast) { limitToast.style.opacity = '0'; }
+        setTimeout(() => { if (limitToast) { limitToast.remove(); limitToast = null; } }, 300);
+      }, 3000);
+    }
+
+    function checkLimit() {
+      if (inputEl.value.length > MAX_LEN) {
+        inputEl.value = inputEl.value.slice(0, MAX_LEN);
+        showLimitToast('已达字数上限（' + MAX_LEN + '）');
+      }
+    }
+
+    inputEl.addEventListener('paste', e => {
+      e.preventDefault();
+      const text = (e.clipboardData || window.clipboardData).getData('text') || '';
+      const remaining = MAX_LEN - inputEl.value.length + (inputEl.selectionEnd - inputEl.selectionStart);
+      const insert = text.slice(0, Math.max(0, remaining));
+      const start = inputEl.selectionStart;
+      const end = inputEl.selectionEnd;
+      inputEl.value = inputEl.value.slice(0, start) + insert + inputEl.value.slice(end);
+      inputEl.setSelectionRange(start + insert.length, start + insert.length);
+      if (text.length > remaining) {
+        showLimitToast('已达字数上限（' + MAX_LEN + '）');
+      }
+    });
+
+    inputEl.addEventListener('input', checkLimit);
+
     /* 接通后端: hello 推送 cards/chat/log 快照, approval 由 /approval 推送 */
     connect();
   </script>
diff --git a/frontends/conductor.py b/frontends/conductor.py
index ed9ad580..092744e5 100644
--- a/frontends/conductor.py
+++ b/frontends/conductor.py
@@ -5,6 +5,7 @@ from contextlib import asynccontextmanager
 
 from fastapi import FastAPI, WebSocket, WebSocketDisconnect
 from fastapi.responses import FileResponse, PlainTextResponse, JSONResponse
+from fastapi.middleware.cors import CORSMiddleware
 from pydantic import BaseModel
 
 ROOT = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
@@ -17,17 +18,43 @@ PORT = 8900
 HTML_PATH = os.path.join(os.path.dirname(os.path.abspath(__file__)), "conductor.html")
 
 
+def _desktop_llm_no() -> Optional[int]:
+    """Read the model index the user picked in the desktop UI.
+    Persisted by the bridge at ~/.ga_desktop_settings.json under ui.llmNo.
+    Returns None when unavailable, so callers keep the agent's default model."""
+    try:
+        from pathlib import Path
+        doc = json.loads((Path.home() / ".ga_desktop_settings.json").read_text(encoding="utf-8"))
+        no = (doc.get("ui") or {}).get("llmNo")
+        return int(no) if no is not None else None
+    except Exception:
+        return None
+
+
+def _apply_desktop_model(agent: "GenericAgent") -> None:
+    """Switch a freshly built agent to the desktop-selected model (if any)."""
+    no = _desktop_llm_no()
+    if no is None:
+        return
+    try:
+        agent.next_llm(int(no))
+    except Exception as e:
+        print(f"[conductor] failed to apply desktop model #{no}: {e}", file=sys.stderr)
+
+
 @asynccontextmanager
 async def lifespan(app: FastAPI):
     # 服务启动（事件循环已就绪）：捕获 loop 供工作线程跨线程推 WS 广播，并起主agent
     global main_loop
     main_loop = asyncio.get_running_loop()
+    import cost_tracker; cost_tracker.install()
     conductor.start()
     threading.Thread(target=im_poll_loop, name="im-poller", daemon=True).start()
     yield
 
 
 app = FastAPI(title="Conductor", lifespan=lifespan)
+app.add_middleware(CORSMiddleware, allow_origins=["*"], allow_methods=["*"], allow_headers=["*"])
 
 class ChatIn(BaseModel):
     msg: str
@@ -114,8 +141,8 @@ async def broadcast(payload: dict):
 
 def push_cards(): schedule_broadcast({"type": "subagents", "items": pool.snapshot()})
 
-def add_chat(msg: str, role: str = "conductor"):
-    item = {"id": short_id(), "role": role, "msg": msg, "ts": now_ms(), "read": role != "user"}
+def add_chat(msg: str, role: str = "conductor", files: list = None, images: list = None):
+    item = {"id": short_id(), "role": role, "msg": msg, "ts": now_ms(), "read": role != "user", "files": files or [], "images": images or []}
     chat_messages.append(item)
     if len(chat_messages) > 200: del chat_messages[:-200]
     schedule_broadcast({"type": "chat", "item": item})
@@ -194,6 +221,7 @@ class SubagentPool:
         agent.inc_out = True
         agent.verbose = False
         agent.no_print = True
+        _apply_desktop_model(agent)
         th = start_agent_runner(agent, f"subagent-{sid}")
         state = SubAgentState(id=sid, agent=agent, prompt=prompt, status="running", thread=th)
         with self.lock: self.subagents[sid] = state
@@ -346,6 +374,9 @@ API: {base}；requests，GET /readme查用法，GET /chat读未读对话，GET /
                     break
             try:
                 prompt = self._build_prompt(events)
+                # Follow the desktop-selected model live: re-read before each task
+                # so switching models in the UI takes effect without restarting.
+                _apply_desktop_model(self.agent)
                 dq = self.agent.put_task(prompt, source="conductor")
                 self._drain(dq, events)
             except Exception as e: print(f"Conductor error: {e}")
@@ -381,6 +412,11 @@ def im_poll_loop():
             last_fire[name] = now
             conductor.notify({"type": "im_signal", "source": name})
 
+@app.get("/token-stats")
+def conductor_token_stats():
+    import cost_tracker
+    return {"records": [{"thread": k, "input": v.input, "output": v.output, "cacheCreate": v.cache_create, "cacheRead": v.cache_read} for k, v in cost_tracker.all_trackers().items()]}
+
 @app.get("/")
 def index(): return FileResponse(HTML_PATH)
 
@@ -462,17 +498,22 @@ async def websocket(ws: WebSocket):
     await ws.accept()
     ws_clients.add(ws)
     try:
-        await ws.send_json({"type": "hello", "subagents": pool.snapshot(), "chat": chat_messages, "log": conductor.log})
+        running = any(s.status == "running" for s in pool.subagents.values())
+        await ws.send_json({"type": "hello", "subagents": pool.snapshot(), "chat": chat_messages, "log": conductor.log, "running": running})
         while True:
             data = await ws.receive_json()
             msg = (data.get("msg") or "").strip()
             if not msg: continue
-            add_chat(msg, role="user")
+            add_chat(msg, role="user", files=data.get("files") or [], images=data.get("images") or [])
             conductor.notify({"type": "user_message", "msg": msg})
     except WebSocketDisconnect: pass
     finally: ws_clients.discard(ws)
 
 if __name__ == "__main__":
-    import uvicorn, webbrowser, threading
-    threading.Timer(1.0, lambda: webbrowser.open(f"http://{HOST}:{PORT}")).start()
+    import uvicorn
+    # bridge 自启 conductor 时传 --no-browser:不在用户浏览器里弹一个独立 conductor UI,
+    # 用户从桌面版「指挥家」页直接连过来即可。手动跑 conductor.py(没带 flag)保持原行为。
+    if "--no-browser" not in sys.argv:
+        import webbrowser, threading
+        threading.Timer(1.0, lambda: webbrowser.open(f"http://{HOST}:{PORT}")).start()
     uvicorn.run("conductor:app", host=HOST, port=PORT, reload=False)
diff --git a/frontends/desktop/src-tauri/Cargo.lock b/frontends/desktop/src-tauri/Cargo.lock
index 5108f2d3..72a180b5 100644
--- a/frontends/desktop/src-tauri/Cargo.lock
+++ b/frontends/desktop/src-tauri/Cargo.lock
@@ -47,6 +47,28 @@ version = "1.0.102"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "7f202df86484c868dbad7eaa557ef785d5c66295e41b460ef922eca0723b842c"
 
+[[package]]
+name = "ashpd"
+version = "0.11.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d2f3f79755c74fd155000314eb349864caa787c6592eace6c6882dad873d9c39"
+dependencies = [
+ "async-fs",
+ "async-net",
+ "enumflags2",
+ "futures-channel",
+ "futures-util",
+ "rand",
+ "raw-window-handle",
+ "serde",
+ "serde_repr",
+ "url",
+ "wayland-backend",
+ "wayland-client",
+ "wayland-protocols",
+ "zbus",
+]
+
 [[package]]
 name = "async-broadcast"
 version = "0.7.2"
@@ -85,6 +107,17 @@ dependencies = [
  "slab",
 ]
 
+[[package]]
+name = "async-fs"
+version = "2.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8034a681df4aed8b8edbd7fbe472401ecf009251c8b40556b304567052e294c5"
+dependencies = [
+ "async-lock",
+ "blocking",
+ "futures-lite",
+]
+
 [[package]]
 name = "async-io"
 version = "2.6.0"
@@ -114,6 +147,17 @@ dependencies = [
  "pin-project-lite",
 ]
 
+[[package]]
+name = "async-net"
+version = "2.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b948000fad4873c1c9339d60f2623323a0cfd3816e5181033c6a5cb68b2accf7"
+dependencies = [
+ "async-io",
+ "blocking",
+ "futures-lite",
+]
+
 [[package]]
 name = "async-process"
 version = "2.5.0"
@@ -767,6 +811,15 @@ dependencies = [
  "syn 2.0.117",
 ]
 
+[[package]]
+name = "dlib"
+version = "0.5.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ab8ecd87370524b461f8557c119c405552c396ed91fc0a8eec68679eab26f94a"
+dependencies = [
+ "libloading",
+]
+
 [[package]]
 name = "dlopen2"
 version = "0.8.2"
@@ -805,6 +858,12 @@ dependencies = [
  "tendril",
 ]
 
+[[package]]
+name = "downcast-rs"
+version = "1.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "75b325c5dbd37f80359721ad39aca5a29fb04c89279657cffdda8736d0c0b9d2"
+
 [[package]]
 name = "dpi"
 version = "0.1.2"
@@ -1135,6 +1194,7 @@ name = "ga-desktop"
 version = "0.1.0"
 dependencies = [
  "dirs 5.0.1",
+ "rfd",
  "serde",
  "serde_json",
  "tauri",
@@ -2515,6 +2575,12 @@ dependencies = [
  "windows-sys 0.61.2",
 ]
 
+[[package]]
+name = "pollster"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2f3a9f18d041e6d0e102a0a46750538147e5e8992d3b4873aaafee2520b00ce3"
+
 [[package]]
 name = "potential_utf"
 version = "0.1.5"
@@ -2530,6 +2596,15 @@ version = "0.2.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "439ee305def115ba05938db6eb1644ff94165c5ab5e9420d1c1bcedbba909391"
 
+[[package]]
+name = "ppv-lite86"
+version = "0.2.21"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "85eae3c4ed2f50dcfe72643da4befc30deadb458a9b590d720cde2f2b1e97da9"
+dependencies = [
+ "zerocopy",
+]
+
 [[package]]
 name = "precomputed-hash"
 version = "0.1.1"
@@ -2638,6 +2713,35 @@ version = "6.0.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "f8dcc9c7d52a811697d2151c701e0d08956f92b0e24136cf4cf27b57a6a0d9bf"
 
+[[package]]
+name = "rand"
+version = "0.9.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "44c5af06bb1b7d3216d91932aed5265164bf384dc89cd6ba05cf59a35f5f76ea"
+dependencies = [
+ "rand_chacha",
+ "rand_core",
+]
+
+[[package]]
+name = "rand_chacha"
+version = "0.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d3022b5f1df60f26e1ffddd6c66e8aa15de382ae63b3a0c1bfc0e4d3e3f325cb"
+dependencies = [
+ "ppv-lite86",
+ "rand_core",
+]
+
+[[package]]
+name = "rand_core"
+version = "0.9.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "76afc826de14238e6e8c374ddcc1fa19e374fd8dd986b0d2af0d02377261d83c"
+dependencies = [
+ "getrandom 0.3.4",
+]
+
 [[package]]
 name = "raw-window-handle"
 version = "0.6.2"
@@ -2758,6 +2862,30 @@ dependencies = [
  "web-sys",
 ]
 
+[[package]]
+name = "rfd"
+version = "0.15.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ef2bee61e6cffa4635c72d7d81a84294e28f0930db0ddcb0f66d10244674ebed"
+dependencies = [
+ "ashpd",
+ "block2",
+ "dispatch2",
+ "js-sys",
+ "log",
+ "objc2",
+ "objc2-app-kit",
+ "objc2-core-foundation",
+ "objc2-foundation",
+ "pollster",
+ "raw-window-handle",
+ "urlencoding",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "web-sys",
+ "windows-sys 0.59.0",
+]
+
 [[package]]
 name = "rustc-hash"
 version = "2.1.2"
@@ -2852,6 +2980,12 @@ dependencies = [
  "syn 2.0.117",
 ]
 
+[[package]]
+name = "scoped-tls"
+version = "1.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e1cf6437eb19a8f4a6cc0f7dca544973b0b78843adbfeb3683d1a94a0024a294"
+
 [[package]]
 name = "scopeguard"
 version = "1.2.0"
@@ -4005,6 +4139,12 @@ dependencies = [
  "serde_derive",
 ]
 
+[[package]]
+name = "urlencoding"
+version = "2.1.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "daf8dba3b7eb870caf1ddeed7bc9d2a049f3cfdfae7cb521b087cc33ae4c49da"
+
 [[package]]
 name = "urlpattern"
 version = "0.3.0"
@@ -4218,6 +4358,66 @@ dependencies = [
  "semver",
 ]
 
+[[package]]
+name = "wayland-backend"
+version = "0.3.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2857dd20b54e916ec7253b3d6b4d5c4d7d4ca2c33c2e11c6c76a99bd8744755d"
+dependencies = [
+ "cc",
+ "downcast-rs",
+ "rustix",
+ "scoped-tls",
+ "smallvec",
+ "wayland-sys",
+]
+
+[[package]]
+name = "wayland-client"
+version = "0.31.14"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "645c7c96bb74690c3189b5c9cb4ca1627062bb23693a4fad9d8c3de958260144"
+dependencies = [
+ "bitflags 2.11.1",
+ "rustix",
+ "wayland-backend",
+ "wayland-scanner",
+]
+
+[[package]]
+name = "wayland-protocols"
+version = "0.32.13"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "23d0c813de3daa2ed6520af85a3bd49b0e722a3078506899aa9686fea58dc4b6"
+dependencies = [
+ "bitflags 2.11.1",
+ "wayland-backend",
+ "wayland-client",
+ "wayland-scanner",
+]
+
+[[package]]
+name = "wayland-scanner"
+version = "0.31.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9c324a910fd86ebdc364a3e61ec1f11737d3b1d6c273c0239ee8ff4bc0d24b4a"
+dependencies = [
+ "proc-macro2",
+ "quick-xml",
+ "quote",
+]
+
+[[package]]
+name = "wayland-sys"
+version = "0.31.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d8eab23fefc9e41f8e841df4a9c707e8a8c4ed26e944ef69297184de2785e3be"
+dependencies = [
+ "dlib",
+ "log",
+ "pkg-config",
+]
+
 [[package]]
 name = "web-sys"
 version = "0.3.98"
@@ -5094,6 +5294,26 @@ dependencies = [
  "zvariant",
 ]
 
+[[package]]
+name = "zerocopy"
+version = "0.8.52"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ce1022995ff5ff5d841ad7d994facc23098cd40152f2c1d11cd607c6f530653f"
+dependencies = [
+ "zerocopy-derive",
+]
+
+[[package]]
+name = "zerocopy-derive"
+version = "0.8.52"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1ae7f38b72ec2a254e2b87ef277cf2cd4fb97cbebf944faa6f33354da0867930"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.117",
+]
+
 [[package]]
 name = "zerofrom"
 version = "0.1.8"
@@ -5163,6 +5383,7 @@ dependencies = [
  "endi",
  "enumflags2",
  "serde",
+ "url",
  "winnow 1.0.3",
  "zvariant_derive",
  "zvariant_utils",
diff --git a/frontends/desktop/src-tauri/Cargo.toml b/frontends/desktop/src-tauri/Cargo.toml
index 297f8e1d..17e13de9 100644
--- a/frontends/desktop/src-tauri/Cargo.toml
+++ b/frontends/desktop/src-tauri/Cargo.toml
@@ -12,6 +12,7 @@ tauri-plugin-single-instance = "2"
 serde = { version = "1", features = ["derive"] }
 serde_json = "1"
 dirs = "5"
+rfd = "0.15"
 
 [lib]
 name = "ga_desktop_lib"
diff --git a/frontends/desktop/src-tauri/build.rs b/frontends/desktop/src-tauri/build.rs
index d860e1e6..97ab5de7 100644
--- a/frontends/desktop/src-tauri/build.rs
+++ b/frontends/desktop/src-tauri/build.rs
@@ -1,3 +1,25 @@
+use std::process::Command;
+
 fn main() {
+    // Build identity used to decide whether a bridge already holding :14168 belongs to THIS
+    // build. commit hash + build timestamp → distinct on every build, even when the human
+    // version in tauri.conf.json is unchanged (so same-version re-publishes still take over
+    // a stale bridge). The bridge reports this back via GET /services/identity.
+    let commit = Command::new("git")
+        .args(["rev-parse", "--short", "HEAD"])
+        .output()
+        .ok()
+        .filter(|o| o.status.success())
+        .map(|o| String::from_utf8_lossy(&o.stdout).trim().to_string())
+        .filter(|s| !s.is_empty())
+        .unwrap_or_else(|| "nogit".to_string());
+    let stamp = std::time::SystemTime::now()
+        .duration_since(std::time::UNIX_EPOCH)
+        .map(|d| d.as_secs())
+        .unwrap_or(0);
+    println!("cargo:rustc-env=GA_BUILD_ID={}-{}", commit, stamp);
+    // Re-run when the checked-out commit changes so the id stays fresh.
+    println!("cargo:rerun-if-changed=../../../.git/HEAD");
+
     tauri_build::build()
 }
diff --git a/frontends/desktop/src-tauri/capabilities/default.json b/frontends/desktop/src-tauri/capabilities/default.json
index 509107c5..cf96e341 100644
--- a/frontends/desktop/src-tauri/capabilities/default.json
+++ b/frontends/desktop/src-tauri/capabilities/default.json
@@ -2,6 +2,9 @@
   "identifier": "default",
   "description": "Default capabilities for all windows",
   "windows": ["main", "setup"],
+  "remote": {
+    "urls": ["http://127.0.0.1:14168", "http://localhost:14168"]
+  },
   "permissions": [
     "core:default",
     "core:window:default",
@@ -10,6 +13,12 @@
     "core:window:allow-set-focus",
     "core:window:allow-close",
     "core:window:allow-get-all-windows",
-    "core:webview:default"
+    "core:webview:default",
+    "allow-start-bridge",
+    "allow-start-bridge-with-config",
+    "allow-get-config",
+    "allow-export-mykey",
+    "allow-shortcut-should-ask",
+    "allow-shortcut-decide"
   ]
 }
diff --git a/frontends/desktop/src-tauri/icons/128x128.png b/frontends/desktop/src-tauri/icons/128x128.png
index 7182b4cb..cfb5e7f9 100644
Binary files a/frontends/desktop/src-tauri/icons/128x128.png and b/frontends/desktop/src-tauri/icons/128x128.png differ
diff --git a/frontends/desktop/src-tauri/icons/128x128@2x.png b/frontends/desktop/src-tauri/icons/128x128@2x.png
index 8b46700a..e9c94494 100644
Binary files a/frontends/desktop/src-tauri/icons/128x128@2x.png and b/frontends/desktop/src-tauri/icons/128x128@2x.png differ
diff --git a/frontends/desktop/src-tauri/icons/32x32.png b/frontends/desktop/src-tauri/icons/32x32.png
index ffd452b6..63a15c78 100644
Binary files a/frontends/desktop/src-tauri/icons/32x32.png and b/frontends/desktop/src-tauri/icons/32x32.png differ
diff --git a/frontends/desktop/src-tauri/icons/icon.icns b/frontends/desktop/src-tauri/icons/icon.icns
index 92218b9a..7fe7a9d3 100644
Binary files a/frontends/desktop/src-tauri/icons/icon.icns and b/frontends/desktop/src-tauri/icons/icon.icns differ
diff --git a/frontends/desktop/src-tauri/icons/icon.ico b/frontends/desktop/src-tauri/icons/icon.ico
index 671544e9..f52ee357 100644
Binary files a/frontends/desktop/src-tauri/icons/icon.ico and b/frontends/desktop/src-tauri/icons/icon.ico differ
diff --git a/frontends/desktop/src-tauri/icons/icon.png b/frontends/desktop/src-tauri/icons/icon.png
index e210843b..dad73e81 100644
Binary files a/frontends/desktop/src-tauri/icons/icon.png and b/frontends/desktop/src-tauri/icons/icon.png differ
diff --git a/frontends/desktop/src-tauri/permissions/bridge-commands.toml b/frontends/desktop/src-tauri/permissions/bridge-commands.toml
new file mode 100644
index 00000000..cf78df39
--- /dev/null
+++ b/frontends/desktop/src-tauri/permissions/bridge-commands.toml
@@ -0,0 +1,29 @@
+[[permission]]
+identifier = "allow-start-bridge"
+description = "Spawn bridge from the services panel when bridge was stopped."
+commands.allow = ["start_bridge"]
+
+[[permission]]
+identifier = "allow-start-bridge-with-config"
+description = "Spawn bridge from setup with explicit python/project paths."
+commands.allow = ["start_bridge_with_config"]
+
+[[permission]]
+identifier = "allow-get-config"
+description = "Read saved bridge spawn configuration."
+commands.allow = ["get_config"]
+
+[[permission]]
+identifier = "allow-export-mykey"
+description = "Save mykey.py via native file dialog."
+commands.allow = ["export_mykey"]
+
+[[permission]]
+identifier = "allow-shortcut-should-ask"
+description = "Check whether to show the first-run desktop-shortcut prompt."
+commands.allow = ["shortcut_should_ask"]
+
+[[permission]]
+identifier = "allow-shortcut-decide"
+description = "Persist the user's desktop-shortcut choice and create it if enabled."
+commands.allow = ["shortcut_decide"]
diff --git a/frontends/desktop/src-tauri/src/lib.rs b/frontends/desktop/src-tauri/src/lib.rs
index 853c9805..69ab0e3e 100644
--- a/frontends/desktop/src-tauri/src/lib.rs
+++ b/frontends/desktop/src-tauri/src/lib.rs
@@ -1,4 +1,5 @@
-use std::process::{Command, Child};
+use std::process::{Command, Child, Stdio};
+use std::io::{BufRead, BufReader};
 use std::sync::Mutex;
 use std::net::TcpStream;
 use std::time::{Duration, Instant};
@@ -20,19 +21,68 @@ fn project_root() -> PathBuf {
         .to_path_buf()
 }
 
-fn find_bridge_script() -> PathBuf {
-    // exe is at frontends/GenericAgent.exe
-    // bridge is at frontends/desktop_bridge.py
-    std::env::current_exe()
-        .expect("cannot get exe path")
-        .parent().expect("cannot get exe dir")
-        .join("desktop_bridge.py")
+/// Directory next to which a self-contained bundle keeps its runtime/ folder.
+/// Windows: the exe's folder. Linux: the .AppImage's folder ($APPIMAGE) when launched as an
+/// AppImage (current_exe would otherwise point inside the read-only squashfs mount).
+/// macOS portable package: the folder containing GenericAgent.app and runtime/.
+fn bundle_anchor_dir() -> Option<PathBuf> {
+    #[cfg(not(windows))]
+    {
+        if let Some(p) = std::env::var_os("APPIMAGE") {
+            if let Some(d) = PathBuf::from(p).parent() {
+                return Some(d.to_path_buf());
+            }
+        }
+    }
+
+    let exe = std::env::current_exe().ok()?;
+
+    #[cfg(target_os = "macos")]
+    {
+        // current_exe() inside a bundle is:
+        //   <package>/GenericAgent.app/Contents/MacOS/GenericAgent
+        // Prefer the standard macOS layout where runtime is embedded in the app:
+        //   GenericAgent.app/Contents/Resources/runtime/app/agentmain.py
+        // Fall back to the old portable layout for compatibility:
+        //   <package>/runtime/app/agentmain.py
+        let mut d = exe.parent();
+        while let Some(dir) = d {
+            if dir.extension().and_then(|s| s.to_str()) == Some("app") {
+                let resources = dir.join("Contents").join("Resources");
+                if resources.join("runtime").join("app").join("agentmain.py").exists() {
+                    return Some(resources);
+                }
+                if let Some(parent) = dir.parent() {
+                    return Some(parent.to_path_buf());
+                }
+            }
+            d = dir.parent();
+        }
+    }
+
+    Some(exe.parent()?.to_path_buf())
+}
+
+/// Embedded interpreter inside the bundle's runtime/python (base python, before venv).
+fn bundle_python() -> Option<PathBuf> {
+    let root = bundle_root()?;
+    #[cfg(windows)]
+    let p = root.join("python").join("python.exe");
+    #[cfg(not(windows))]
+    let p = root.join("python").join("bin").join("python3");
+    if p.exists() { Some(p) } else { None }
 }
 
 /// Find python executable:
-/// 1. .portable/uv-python/ 下找 python.exe (Windows) 或 python3 (Unix)
-/// 2. Fallback to system PATH
+/// 1. The embedded bundle python (runtime/python) — deps are installed directly into it
+///    (no venv), and its path is resolved relative to the bundle anchor at runtime, so the
+///    package stays relocatable (moving the folder doesn't break absolute venv paths).
+/// 2. .portable/uv-python/ 下找 python.exe (Windows) 或 python3 (Unix)
+/// 3. Fallback to system PATH
 fn find_python() -> String {
+    if let Some(p) = bundle_python() {
+        return p.to_string_lossy().to_string();
+    }
     let root = project_root();
     let portable_python_dir = root.join(".portable").join("uv-python");
 
@@ -69,11 +119,20 @@ fn find_python() -> String {
     { "python3".to_string() }
 }
 
-/// Find project directory by searching upward from exe for agentmain.py
+/// Find the project directory (folder containing agentmain.py).
+/// Bundle layout: <exe dir>/runtime/app/agentmain.py. Dev layout: walk up from the exe.
 fn find_project_dir() -> Option<String> {
+    // Bundle layout: source tucked under <anchor>/runtime/app/
+    if let Some(anchor) = bundle_anchor_dir() {
+        let app = anchor.join("runtime").join("app");
+        if app.join("agentmain.py").exists() {
+            return Some(app.to_string_lossy().to_string());
+        }
+    }
+
+    // Dev/source layout: walk up to 8 levels from the exe location.
     let exe = std::env::current_exe().ok()?;
-    let mut dir = exe.parent();
-    // Walk up to 8 levels from exe location
+    let mut dir = Some(exe.parent()?);
     for _ in 0..8 {
         match dir {
             Some(d) => {
@@ -95,12 +154,212 @@ fn settings_path() -> PathBuf {
         .join(".ga_desktop_settings.json")
 }
 
-/// Read config from settings file, or auto-discover and save
+/// Read the settings file as a JSON object (empty object when missing/unparseable).
+fn read_settings() -> serde_json::Map<String, serde_json::Value> {
+    let path = settings_path();
+    if let Ok(content) = std::fs::read_to_string(&path) {
+        if let Ok(serde_json::Value::Object(m)) = serde_json::from_str(&content) {
+            return m;
+        }
+    }
+    serde_json::Map::new()
+}
+
+/// Merge `updates` into the existing settings file and write it back, preserving any keys
+/// we don't touch. The old code rewrote the file with only python_path/project_dir, which
+/// would silently drop sibling keys like `desktop_shortcut`. Always go through here.
+fn merge_settings(updates: serde_json::Value) {
+    let mut obj = read_settings();
+    if let serde_json::Value::Object(m) = updates {
+        for (k, v) in m {
+            obj.insert(k, v);
+        }
+    }
+    let val = serde_json::Value::Object(obj);
+    if let Ok(text) = serde_json::to_string_pretty(&val) {
+        let _ = std::fs::write(settings_path(), text);
+    }
+}
+
+/// Desktop-shortcut preference stored in settings under `desktop_shortcut`.
+/// None  = never asked (first run)
+/// Some(true)/Some(false) = user's remembered choice.
+fn read_shortcut_pref() -> Option<bool> {
+    read_settings().get("desktop_shortcut").and_then(|v| v.as_bool())
+}
+
+fn write_shortcut_pref(enabled: bool) {
+    merge_settings(serde_json::json!({ "desktop_shortcut": enabled }));
+}
+
+/// Create (or overwrite) a desktop shortcut pointing at the CURRENT exe. Overwriting on every
+/// enabled launch is what makes the portable bundle relocatable: move the folder, relaunch, and
+/// the shortcut is rewritten to the new path. Windows-only (uses a .lnk via WScript.Shell).
+#[cfg(windows)]
+fn ensure_desktop_shortcut() {
+    let Ok(exe) = std::env::current_exe() else { return; };
+    let Some(desktop) = dirs::desktop_dir() else { return; };
+    let lnk = desktop.join("GenericAgent.lnk");
+    let work_dir = exe.parent().map(|p| p.to_path_buf()).unwrap_or_else(|| exe.clone());
+
+    let exe_s = exe.to_string_lossy().replace('\'', "''");
+    let lnk_s = lnk.to_string_lossy().replace('\'', "''");
+    let work_s = work_dir.to_string_lossy().replace('\'', "''");
+
+    // Build the shortcut via WScript.Shell COM, consistent with the existing powershell usage
+    // elsewhere in this file. No extra crate needed.
+    let script = format!(
+        "$ws = New-Object -ComObject WScript.Shell; \
+         $sc = $ws.CreateShortcut('{lnk}'); \
+         $sc.TargetPath = '{exe}'; \
+         $sc.WorkingDirectory = '{work}'; \
+         $sc.IconLocation = '{exe}'; \
+         $sc.Save()",
+        lnk = lnk_s, exe = exe_s, work = work_s
+    );
+
+    let mut cmd = Command::new("powershell.exe");
+    cmd.args(["-NoProfile", "-ExecutionPolicy", "Bypass", "-Command", &script]);
+    cmd.creation_flags(0x08000000); // CREATE_NO_WINDOW
+    let _ = cmd.status();
+}
+
+#[cfg(target_os = "linux")]
+fn ensure_desktop_shortcut() {
+    // Launch target: the AppImage path when running as one, else the current exe. Writing the
+    // current path on every enabled launch keeps a relocated bundle's launcher valid.
+    let Some(target) = std::env::var_os("APPIMAGE").map(PathBuf::from)
+        .or_else(|| std::env::current_exe().ok()) else { return; };
+    let exec = target.to_string_lossy().replace('"', "");
+    // Linux .desktop Icon= needs an image file (or themed name), not the AppImage path. The CI
+    // ships GenericAgent.png next to the AppImage; fall back to a generic themed icon otherwise.
+    let icon = bundle_anchor_dir()
+        .map(|d| d.join("GenericAgent.png"))
+        .filter(|p| p.exists())
+        .map(|p| p.to_string_lossy().into_owned())
+        .unwrap_or_else(|| "application-x-executable".to_string());
+    let entry = format!(
+        "[Desktop Entry]\nType=Application\nName=GenericAgent\nComment=GenericAgent Desktop\n\
+         Exec=\"{exec}\"\nIcon={icon}\nTerminal=false\nCategories=Utility;Development;\n",
+        exec = exec, icon = icon
+    );
+    let write_desktop = |path: &std::path::Path| {
+        if std::fs::write(path, &entry).is_ok() {
+            use std::os::unix::fs::PermissionsExt;
+            let _ = std::fs::set_permissions(path, std::fs::Permissions::from_mode(0o755));
+        }
+    };
+    if let Some(home) = dirs::home_dir() {
+        let apps = home.join(".local/share/applications");
+        let _ = std::fs::create_dir_all(&apps);
+        write_desktop(&apps.join("GenericAgent.desktop"));
+    }
+    if let Some(desktop) = dirs::desktop_dir() {
+        let _ = std::fs::create_dir_all(&desktop);
+        let f = desktop.join("GenericAgent.desktop");
+        write_desktop(&f);
+        // GNOME marks unknown launchers "untrusted"; flag ours so it runs on double-click. Best effort.
+        let _ = Command::new("gio")
+            .args(["set", &f.to_string_lossy(), "metadata::trusted", "true"])
+            .status();
+    }
+}
+
+#[cfg(target_os = "macos")]
+fn ensure_desktop_shortcut() {
+    // The .app is the launchable unit; drop a symlink to it on the Desktop.
+    let Ok(exe) = std::env::current_exe() else { return; };
+    let mut app: Option<PathBuf> = None;
+    let mut d = exe.parent();
+    while let Some(dir) = d {
+        if dir.extension().and_then(|s| s.to_str()) == Some("app") { app = Some(dir.to_path_buf()); break; }
+        d = dir.parent();
+    }
+    let (Some(app), Some(desktop)) = (app, dirs::desktop_dir()) else { return; };
+    let link = desktop.join("GenericAgent.app");
+    let _ = std::fs::remove_file(&link);
+    let _ = std::os::unix::fs::symlink(&app, &link);
+}
+
+#[cfg(all(not(windows), not(target_os = "linux"), not(target_os = "macos")))]
+fn ensure_desktop_shortcut() {}
+
+/// First-run shortcut handling for portable bundles (all platforms). Self-heals the shortcut
+/// path on every enabled launch (cheap, no UI). The first-run ASK is driven by the frontend
+/// (see the `shortcut_should_ask` / `shortcut_decide` commands): a native dialog from this
+/// background startup thread has no parent window and gets buried behind the main window on
+/// first launch, so the prompt is owned by the web UI instead, which always renders on top.
+fn maybe_setup_shortcut() {
+    if bundle_root().is_none() {
+        return;
+    }
+    // Only self-heal when the user already opted in. Never prompt here.
+    if read_shortcut_pref() == Some(true) {
+        ensure_desktop_shortcut();
+    }
+}
+
+/// Frontend asks whether to show the first-run "create desktop shortcut?" prompt.
+/// True only on a portable bundle whose preference has never been set.
+#[tauri::command]
+fn shortcut_should_ask() -> bool {
+    bundle_root().is_some() && read_shortcut_pref().is_none()
+}
+
+/// Frontend reports the user's choice. Persists it and creates the shortcut when enabled.
+#[tauri::command]
+fn shortcut_decide(create: bool) {
+    write_shortcut_pref(create);
+    if create {
+        ensure_desktop_shortcut();
+    }
+}
+
+/// True when this binary is running from inside a macOS .app bundle (packaged build).
+/// Used to refuse stale ~/.ga_desktop_settings.json that could point at an old checkout
+/// when App Translocation hides our own runtime/ from current_exe().
+#[cfg(target_os = "macos")]
+fn running_inside_app_bundle() -> bool {
+    std::env::current_exe()
+        .ok()
+        .map(|p| {
+            p.components().any(|c| {
+                c.as_os_str().to_string_lossy().ends_with(".app")
+            })
+        })
+        .unwrap_or(false)
+}
+
+/// Read config from settings file, or auto-discover and save.
+/// Self-contained bundles always prefer their own runtime/app over stale user settings,
+/// otherwise an old ~/.ga_desktop_settings.json can silently point the UI at a different checkout.
 pub fn get_or_discover_config() -> (String, String) {
     let path = settings_path();
 
-    // Try reading existing settings
-    if path.exists() {
+    if bundle_root().is_some() {
+        let python = find_python();
+        let project = find_project_dir().unwrap_or_default();
+        if !python.is_empty() && !project.is_empty() {
+            merge_settings(serde_json::json!({
+                "python_path": python,
+                "project_dir": project
+            }));
+            return (python, project);
+        }
+    }
+
+    // Try reading existing settings.
+    // On macOS, a packaged .app must never trust ~/.ga_desktop_settings.json: App
+    // Translocation can run the bundle from a random read-only copy where bundle_root()
+    // fails to see our own runtime/, and an old settings file would then silently point
+    // the bridge at a previously installed checkout. In that case fall through to
+    // auto-discovery (which still resolves the bundle via .app-relative search below).
+    #[cfg(target_os = "macos")]
+    let trust_settings = !running_inside_app_bundle();
+    #[cfg(not(target_os = "macos"))]
+    let trust_settings = true;
+
+    if trust_settings && path.exists() {
         if let Ok(content) = std::fs::read_to_string(&path) {
             if let Ok(val) = serde_json::from_str::<serde_json::Value>(&content) {
                 let python = val.get("python_path")
@@ -124,16 +383,254 @@ pub fn get_or_discover_config() -> (String, String) {
 
     // Save discovered config
     if !python.is_empty() && !project.is_empty() {
-        let json = serde_json::json!({
+        merge_settings(serde_json::json!({
             "python_path": python,
             "project_dir": project
-        });
-        let _ = std::fs::write(&path, serde_json::to_string_pretty(&json).unwrap());
+        }));
     }
 
     (python, project)
 }
 
+/// Self-contained bundle support dir: holds python/, wheels/, install_windows.ps1 and app/.
+/// Typical portable layout keeps only the exe (+README) at the top level and tucks everything
+/// else under <exe dir>/runtime/. Returns None when this is not a bundle (e.g. dev build).
+fn bundle_root() -> Option<PathBuf> {
+    let runtime = bundle_anchor_dir()?.join("runtime");
+    if runtime.join("app").join("agentmain.py").exists() {
+        return Some(runtime);
+    }
+    None
+}
+
+/// Marker written after a successful offline prepare. Lives under runtime/ so it travels
+/// with the bundle: a relocated folder stays "prepared" (deps live in the embedded python,
+/// which is itself relocatable) and won't re-run prepare.
+fn prepared_marker() -> Option<PathBuf> {
+    Some(bundle_root()?.join(".prepared"))
+}
+
+/// True when this is a self-contained bundle whose python env has not been prepared yet
+/// (embedded python present but deps not yet installed into it).
+fn needs_first_run_prepare(project_dir: &str) -> bool {
+    if project_dir.is_empty() { return false; }
+    bundle_python().is_some() && prepared_marker().map(|m| !m.exists()).unwrap_or(false)
+}
+
+/// Clear env vars a host launcher injects pointing at its own runtime. The Linux AppImage exports
+/// PYTHONHOME/PYTHONPATH (-> bundled python crashes with "No module named 'encodings'") and
+/// LD_LIBRARY_PATH (-> wrong shared libs). Our bundled python / prepare / bridge must run clean.
+fn sanitize_bundle_env(cmd: &mut Command) {
+    cmd.env_remove("PYTHONHOME");
+    cmd.env_remove("PYTHONPATH");
+    cmd.env_remove("LD_LIBRARY_PATH");
+    // Stamp the bridge we spawn with this build's id so a later app launch can tell whether the
+    // bridge holding :14168 is ours (see bridge_identity_matches / GET /services/identity).
+    cmd.env("GA_BUILD_ID", env!("GA_BUILD_ID"));
+}
+
+/// Run the offline prepare (install_windows.ps1 -Mode PrepareOnly) using bundled python + wheels.
+/// Streams the script's stdout and forwards GAPROGRESS markers to `report(pct, message)`.
+/// Blocking; intended to run on a background thread. Writes ~/.ga_desktop_settings.json.
+fn run_offline_prepare(project_dir: &str, report: &dyn Fn(i32, &str)) -> Result<(), String> {
+    let root = bundle_root().ok_or("cannot locate bundle root")?;
+    let wheels = root.join("wheels");
+
+    #[cfg(windows)]
+    let (script, py) = (
+        root.join("install_windows.ps1"),
+        root.join("python").join("python.exe"),
+    );
+    #[cfg(target_os = "macos")]
+    let (script, py) = (
+        root.join("install_macos.sh"),
+        root.join("python").join("bin").join("python3"),
+    );
+    #[cfg(all(not(windows), not(target_os = "macos")))]
+    let (script, py) = (
+        root.join("install_linux.sh"),
+        root.join("python").join("bin").join("python3"),
+    );
+
+    if !script.exists() || !py.exists() || !wheels.exists() {
+        return Err(format!("prepare resources missing under {:?}", root));
+    }
+
+    #[cfg(windows)]
+    let mut cmd = {
+        let mut c = Command::new("powershell.exe");
+        c.args(["-NoProfile", "-ExecutionPolicy", "Bypass", "-File"])
+            .arg(&script)
+            .arg("-PythonPath").arg(&py)
+            .arg("-ProjectDir").arg(project_dir)
+            .arg("-WheelDir").arg(&wheels)
+            .arg("-ExtraPipPackages").arg("fastapi uvicorn websockets")
+            // -NoVenv: install deps straight into the embedded python (no venv) so the
+            // bundle is relocatable. See prepared_marker / find_python.
+            .args(["-Mode", "PrepareOnly", "-SkipNpmInstall", "-NoVenv"]);
+        c
+    };
+    #[cfg(not(windows))]
+    let mut cmd = {
+        let mut c = Command::new("bash");
+        c.arg(&script)
+            .arg("--python-path").arg(&py)
+            .arg("--project-dir").arg(project_dir)
+            .arg("--wheel-dir").arg(&wheels)
+            .arg("--extra-packages").arg("fastapi uvicorn websockets")
+            // --no-venv: install deps straight into the embedded python (no venv) so the
+            // bundle is relocatable. See prepared_marker / find_python.
+            .args(["--mode", "PrepareOnly", "--no-venv"]);
+        c
+    };
+
+    cmd.stdout(Stdio::piped()).stderr(Stdio::null());
+    sanitize_bundle_env(&mut cmd);
+    #[cfg(windows)]
+    cmd.creation_flags(0x08000000); // CREATE_NO_WINDOW
+    let mut child = cmd.spawn().map_err(|e| format!("failed to launch prepare: {}", e))?;
+
+    // Forward the script's ASCII progress keys to the loading window, which localizes them
+    // (window.gaProgress maps key -> zh/en by navigator.language).
+    if let Some(out) = child.stdout.take() {
+        for line in BufReader::new(out).lines().flatten() {
+            if let Some(key) = line.trim().strip_prefix("GAPROGRESS|") {
+                match key.trim() {
+                    "venv" => report(15, "venv"),
+                    "deps" => report(45, "deps"),
+                    "done" => report(90, "done"),
+                    _ => {}
+                }
+            }
+        }
+    }
+
+    let status = child.wait().map_err(|e| format!("prepare wait failed: {}", e))?;
+    if !status.success() {
+        return Err(format!("prepare exited with status {:?}", status.code()));
+    }
+    // Record success so later launches (and relocated copies) skip the prepare step.
+    if let Some(marker) = prepared_marker() {
+        let _ = std::fs::write(&marker, b"ok\n");
+    }
+    Ok(())
+}
+
+/// GET /services/identity from a running bridge; returns the parsed JSON (or None when the
+/// endpoint is absent — i.e. an older/foreign bridge).
+fn bridge_reported_identity() -> Option<serde_json::Value> {
+    use std::io::{Read, Write};
+    let mut stream = TcpStream::connect_timeout(
+        &"127.0.0.1:14168".parse().unwrap(),
+        Duration::from_millis(800),
+    ).ok()?;
+    let _ = stream.set_read_timeout(Some(Duration::from_millis(800)));
+    let _ = stream.set_write_timeout(Some(Duration::from_millis(600)));
+    let req = b"GET /services/identity HTTP/1.1\r\nHost: 127.0.0.1\r\nConnection: close\r\n\r\n";
+    stream.write_all(req).ok()?;
+    let mut buf = Vec::new();
+    let _ = stream.read_to_end(&mut buf);
+    let text = String::from_utf8_lossy(&buf);
+    let body = text.split("\r\n\r\n").nth(1)?;
+    serde_json::from_str(body.trim()).ok()
+}
+
+fn norm_path(p: &str) -> String {
+    std::fs::canonicalize(p)
+        .map(|c| c.to_string_lossy().to_string())
+        .unwrap_or_else(|_| p.to_string())
+}
+
+/// A running bridge is "ours" only when it serves the same install path AND was spawned by the
+/// same build. The build id (commit+timestamp, see build.rs) changes on every build, so an
+/// in-place upgrade or a same-version re-publish still counts as a different bridge → take over.
+/// An old bridge with no /identity (None) or no build_id field ("") never matches → taken over.
+fn bridge_identity_matches(project_dir: &str) -> bool {
+    let Some(id) = bridge_reported_identity() else { return false; };
+    let reported_root = id.get("ga_root").and_then(|v| v.as_str()).unwrap_or("");
+    let reported_build = id.get("build_id").and_then(|v| v.as_str()).unwrap_or("");
+    if reported_build != env!("GA_BUILD_ID") {
+        return false;
+    }
+    let (a, b) = (norm_path(reported_root), norm_path(project_dir));
+    #[cfg(windows)]
+    { a.eq_ignore_ascii_case(&b) }
+    #[cfg(not(windows))]
+    { a == b }
+}
+
+/// Last resort when a stale bridge ignores POST /services/bridge/exit (e.g. an old build with
+/// no such endpoint): force-kill whatever process is listening on :14168 so the new bridge can
+/// bind it. Only called after an identity mismatch, so we never kill a bridge that is ours.
+fn force_free_bridge_port() {
+    #[cfg(windows)]
+    {
+        // netstat -ano: last column is the PID for the :14168 LISTENING row.
+        if let Ok(out) = Command::new("netstat").args(["-ano", "-p", "tcp"]).output() {
+            let text = String::from_utf8_lossy(&out.stdout);
+            for line in text.lines() {
+                if line.contains(":14168") && line.to_uppercase().contains("LISTENING") {
+                    if let Some(pid) = line.split_whitespace().last() {
+                        let mut c = Command::new("taskkill");
+                        c.args(["/F", "/PID", pid]);
+                        c.creation_flags(0x08000000);
+                        let _ = c.status();
+                    }
+                }
+            }
+        }
+    }
+    #[cfg(not(windows))]
+    {
+        // lsof prints the listening PIDs; kill -9 each.
+        if let Ok(out) = Command::new("lsof").args(["-ti", "tcp:14168", "-sTCP:LISTEN"]).output() {
+            for pid in String::from_utf8_lossy(&out.stdout).split_whitespace() {
+                let _ = Command::new("kill").args(["-9", pid]).status();
+            }
+        }
+    }
+}
+
+fn request_bridge_shutdown() {
+    use std::io::{Read, Write};
+    let Ok(mut stream) = TcpStream::connect_timeout(
+        &"127.0.0.1:14168".parse().unwrap(),
+        Duration::from_millis(800),
+    ) else {
+        return;
+    };
+    let _ = stream.set_read_timeout(Some(Duration::from_millis(600)));
+    let _ = stream.set_write_timeout(Some(Duration::from_millis(600)));
+    let req = b"POST /services/bridge/exit HTTP/1.1\r\nHost: 127.0.0.1\r\nContent-Length: 0\r\nConnection: close\r\n\r\n";
+    let _ = stream.write_all(req);
+    let _ = stream.read(&mut [0u8; 512]);
+}
+
+fn takeover_stale_bridge(project_dir: &str) {
+    if project_dir.is_empty() || !is_bridge_running() {
+        return;
+    }
+    if bridge_identity_matches(project_dir) {
+        return;
+    }
+    eprintln!("[tauri] a different/stale bridge holds 127.0.0.1:14168; taking over");
+    request_bridge_shutdown();
+    let start = Instant::now();
+    while is_bridge_running() && start.elapsed() < Duration::from_secs(10) {
+        thread::sleep(Duration::from_millis(200));
+    }
+    // Old bridges have no /services/bridge/exit endpoint and ignore the request above — if the
+    // port is still held, force-kill the listener so our fresh bridge can bind it.
+    if is_bridge_running() {
+        eprintln!("[tauri] stale bridge did not exit; force-freeing :14168");
+        force_free_bridge_port();
+        let start = Instant::now();
+        while is_bridge_running() && start.elapsed() < Duration::from_secs(5) {
+            thread::sleep(Duration::from_millis(200));
+        }
+    }
+}
+
 fn is_bridge_running() -> bool {
     TcpStream::connect(("127.0.0.1", 14168)).is_ok()
 }
@@ -149,83 +646,28 @@ fn wait_for_port(port: u16, timeout: Duration) -> bool {
     false
 }
 
-fn start_bridge() {
-    let script = find_bridge_script();
-    if !script.exists() {
-        eprintln!("[tauri] bridge script not found: {:?}", script);
-        return;
-    }
-
-    let python = find_python();
-    eprintln!("[tauri] using python: {}", python);
-
-    let show_console = std::env::args().any(|a| a == "--console");
-
-    let mut cmd = Command::new(&python);
-    cmd.arg(&script)
-       .current_dir(script.parent().unwrap());
-
-    #[cfg(windows)]
-    if !show_console {
-        const CREATE_NO_WINDOW: u32 = 0x08000000;
-        cmd.creation_flags(CREATE_NO_WINDOW);
-    }
-
-    match cmd.spawn() {
-        Ok(child) => {
-            eprintln!("[tauri] started bridge PID={}", child.id());
-            *BRIDGE_PROCESS.lock().unwrap() = Some(child);
-        }
-        Err(e) => {
-            eprintln!("[tauri] failed to start bridge: {} (python={})", e, python);
-            return;
-        }
-    }
-
-    if !wait_for_port(14168, Duration::from_secs(15)) {
-        eprintln!("[tauri] WARNING: bridge did not become ready within 15s");
-    }
-}
-
-fn ensure_bridge_running() {
+fn spawn_bridge_process(python_path: &str, project_dir: &str) -> Result<(), String> {
     if is_bridge_running() {
-        eprintln!("[tauri] bridge already running on 127.0.0.1:14168; reusing it");
-        return;
+        return Ok(());
     }
-    start_bridge();
+    let py = PathBuf::from(python_path);
+    let dir = PathBuf::from(project_dir);
+    let script = dir.join("frontends").join("desktop_bridge.py");
+    if !script.exists() {
+        return Err(format!("desktop_bridge.py not found at {:?}", script));
+    }
+
+    let mut cmd = Command::new(&py);
+    cmd.arg(&script).current_dir(&dir);
+    sanitize_bundle_env(&mut cmd);
+    #[cfg(windows)]
+    cmd.creation_flags(0x08000000); // CREATE_NO_WINDOW
+    let child = cmd.spawn().map_err(|e| format!("Failed to spawn: {}", e))?;
+    *BRIDGE_PROCESS.lock().unwrap() = Some(child);
+    Ok(())
 }
 
-#[tauri::command]
-fn start_bridge_with_config(app_handle: tauri::AppHandle, python_path: String, project_dir: String) -> Result<(), String> {
-    // Save to settings
-    let path = settings_path();
-    let obj = serde_json::json!({"python_path": python_path, "project_dir": project_dir});
-    std::fs::write(&path, serde_json::to_string_pretty(&obj).unwrap())
-        .map_err(|e| format!("Failed to write settings: {}", e))?;
-
-    // Start bridge only if it is not already accepting connections.
-    if !is_bridge_running() {
-        let py = PathBuf::from(&python_path);
-        let dir = PathBuf::from(&project_dir);
-        let script = dir.join("frontends").join("desktop_bridge.py");
-        if !script.exists() {
-            return Err(format!("desktop_bridge.py not found at {:?}", script));
-        }
-
-        let mut cmd = Command::new(&py);
-        cmd.arg(&script).current_dir(&dir);
-        #[cfg(windows)]
-        cmd.creation_flags(0x08000000); // CREATE_NO_WINDOW
-        let child = cmd.spawn().map_err(|e| format!("Failed to spawn: {}", e))?;
-        *BRIDGE_PROCESS.lock().unwrap() = Some(child);
-    }
-
-    // Wait for port
-    if !wait_for_port(14168, Duration::from_secs(20)) {
-        return Err("Bridge did not become ready within 20s".into());
-    }
-
-    // Navigate main window to bridge URL after the bridge is ready, then show it.
+fn show_bridge_window(app_handle: &tauri::AppHandle) {
     if let Some(main_win) = app_handle.get_webview_window("main") {
         let url = tauri::Url::parse("http://127.0.0.1:14168/").unwrap();
         let _ = main_win.navigate(url);
@@ -235,7 +677,32 @@ fn start_bridge_with_config(app_handle: tauri::AppHandle, python_path: String, p
     if let Some(setup_win) = app_handle.get_webview_window("setup") {
         let _ = setup_win.hide();
     }
+}
 
+#[tauri::command]
+fn start_bridge_with_config(app_handle: tauri::AppHandle, python_path: String, project_dir: String) -> Result<(), String> {
+    // Save to settings (merge so sibling keys like desktop_shortcut survive).
+    merge_settings(serde_json::json!({"python_path": python_path, "project_dir": project_dir}));
+
+    spawn_bridge_process(&python_path, &project_dir)?;
+
+    // Wait for port
+    if !wait_for_port(14168, Duration::from_secs(20)) {
+        return Err("Bridge did not become ready within 20s".into());
+    }
+
+    show_bridge_window(&app_handle);
+    Ok(())
+}
+
+#[tauri::command]
+fn start_bridge(app_handle: tauri::AppHandle) -> Result<(), String> {
+    let (python_path, project_dir) = get_or_discover_config();
+    spawn_bridge_process(&python_path, &project_dir)?;
+    if !wait_for_port(14168, Duration::from_secs(20)) {
+        return Err("Bridge did not become ready within 20s".into());
+    }
+    show_bridge_window(&app_handle);
     Ok(())
 }
 
@@ -244,15 +711,37 @@ fn get_config() -> (String, String) {
     get_or_discover_config()
 }
 
+#[tauri::command]
+fn export_mykey(content: String) -> Result<Option<String>, String> {
+    let path = rfd::FileDialog::new()
+        .set_file_name("mykey.py")
+        .add_filter("Python", &["py"])
+        .save_file();
+    match path {
+        Some(p) => {
+            std::fs::write(&p, content.as_bytes()).map_err(|e| e.to_string())?;
+            Ok(Some(p.to_string_lossy().into_owned()))
+        }
+        None => Ok(None),
+    }
+}
+
 #[cfg_attr(mobile, tauri::mobile_entry_point)]
 pub fn run() {
     let args: Vec<String> = std::env::args().collect();
     let no_autostart = args.iter().any(|a| a == "--no-autostart");
     let dev_mode = args.iter().any(|a| a == "--dev");
 
+    let project_dir = find_project_dir().unwrap_or_default();
+    let needs_prepare = needs_first_run_prepare(&project_dir);
+
+    takeover_stale_bridge(&project_dir);
+
     let bridge_ok = is_bridge_running();
     let mut spawned_bridge = false;
-    if !bridge_ok && !no_autostart {
+    // Skip the early spawn when a first-run prepare is required (no venv yet);
+    // the setup thread prepares the env first and then starts the bridge.
+    if !bridge_ok && !no_autostart && !needs_prepare {
         // Try to start bridge with saved/discovered config
         let (py_str, dir_str) = get_or_discover_config();
         let dir = PathBuf::from(&dir_str);
@@ -260,6 +749,7 @@ pub fn run() {
         if script.exists() {
             let mut cmd = Command::new(&py_str);
             cmd.arg(&script).current_dir(&dir);
+            sanitize_bundle_env(&mut cmd);
             #[cfg(windows)]
             cmd.creation_flags(0x08000000);
             if let Ok(child) = cmd.spawn() {
@@ -277,55 +767,129 @@ pub fn run() {
                 let _ = w.set_focus();
             }
         }))
-        .invoke_handler(tauri::generate_handler![start_bridge_with_config, get_config])
+        .invoke_handler(tauri::generate_handler![start_bridge_with_config, start_bridge, get_config, export_mykey, shortcut_should_ask, shortcut_decide])
         .setup(move |app| {
-            let bridge_wait = if spawned_bridge {
-                Duration::from_secs(20)
-            } else {
-                Duration::from_secs(2)
-            };
-            let bridge_ready = wait_for_port(14168, bridge_wait);
-            if bridge_ready {
-                // Navigate to bridge HTTP only after it is ready; the window starts on loading.html
-                // so WebView never caches an early "connection refused" error page.
-                if let Some(w) = app.get_webview_window("main") {
-                    let url = tauri::Url::parse("http://127.0.0.1:14168/").unwrap();
-                    let _ = w.navigate(url);
-                    if dev_mode {
-                        w.open_devtools();
-                    } else {
-                        // Disable F5/F12/Ctrl+R/right-click in production
-                        let _ = w.eval(r#"
-                            document.addEventListener('keydown', function(e) {
-                                if (e.key === 'F12' || e.key === 'F5' ||
-                                    (e.ctrlKey && e.key === 'r') ||
-                                    (e.ctrlKey && e.shiftKey && e.key === 'I')) {
-                                    e.preventDefault();
-                                }
-                            });
-                            document.addEventListener('contextmenu', function(e) {
-                                e.preventDefault();
-                            });
-                        "#);
-                    }
-                    let _ = w.show();
-                }
-            } else {
-                // Show setup window
-                if let Some(w) = app.get_webview_window("setup") {
-                    if dev_mode {
-                        w.open_devtools();
-                    }
-                    let _ = w.show();
-                }
+            // Show the loading window immediately so the first-run prepare isn't a blank screen.
+            // The window starts on loading.html (a local page), so no "connection refused" flash.
+            if let Some(w) = app.get_webview_window("main") {
+                let _ = w.show();
             }
+
+            let handle = app.handle().clone();
+            let project_dir = project_dir.clone();
+            thread::spawn(move || {
+                // Progress reporter: push status into the loading window (window.gaProgress).
+                let main_win = handle.get_webview_window("main");
+
+                let report = |pct: i32, msg: &str| {
+                    if let Some(w) = &main_win {
+                        let js = format!(
+                            "window.gaProgress && window.gaProgress({}, {})",
+                            pct,
+                            serde_json::to_string(msg).unwrap_or_else(|_| "\"\"".to_string())
+                        );
+                        let _ = w.eval(&js);
+                    }
+                };
+
+                // First-run (self-contained bundle): prepare the embedded python env offline,
+                // then start the bridge with the freshly created venv.
+                if needs_prepare {
+                    report(5, "start");
+                    if let Err(e) = run_offline_prepare(&project_dir, &report) {
+                        eprintln!("[tauri] first-run prepare failed: {}", e);
+                        if let Some(sw) = handle.get_webview_window("setup") { let _ = sw.show(); }
+                        if let Some(mw) = handle.get_webview_window("main") { let _ = mw.hide(); }
+                        return;
+                    }
+                    report(95, "starting");
+                    if !is_bridge_running() {
+                        let (py_str, dir_str) = get_or_discover_config();
+                        let dir = PathBuf::from(&dir_str);
+                        let script = dir.join("frontends").join("desktop_bridge.py");
+                        if script.exists() {
+                            let mut cmd = Command::new(&py_str);
+                            cmd.arg(&script).current_dir(&dir);
+                            sanitize_bundle_env(&mut cmd);
+                            #[cfg(windows)]
+                            cmd.creation_flags(0x08000000);
+                            if let Ok(child) = cmd.spawn() {
+                                *BRIDGE_PROCESS.lock().unwrap() = Some(child);
+                            }
+                        }
+                    }
+                }
+
+                // First run (prepare) and cold bridge start may take a while; allow up to 60s.
+                let wait = if needs_prepare || spawned_bridge {
+                    Duration::from_secs(60)
+                } else {
+                    Duration::from_secs(2)
+                };
+                let bridge_ready = wait_for_port(14168, wait);
+
+                if bridge_ready {
+                    // The bridge auto-starts conductor + scheduler itself (on_startup), so we do
+                    // NOT probe their ports here: that would self-detect the bridge's own
+                    // just-started extras and falsely report "ports busy".
+                    if !wait_for_port(14168, Duration::from_secs(15)) {
+                        eprintln!("[tauri] bridge not reachable before navigate");
+                        if let Some(w) = &main_win {
+                            let msg = "无法连接 bridge (127.0.0.1:14168)，请关闭程序后重试。";
+                            let js = format!(
+                                "alert({})",
+                                serde_json::to_string(msg).unwrap_or_else(|_| "\"\"".to_string())
+                            );
+                            let _ = w.eval(&js);
+                        }
+                        return;
+                    }
+                    // Navigate to the bridge HTTP only after it is ready.
+                    if let Some(w) = handle.get_webview_window("main") {
+                        if let Ok(url) = tauri::Url::parse("http://127.0.0.1:14168/") {
+                            let _ = w.navigate(url);
+                        }
+                        if dev_mode {
+                            w.open_devtools();
+                        } else {
+                            // Disable F5/F12/Ctrl+R/right-click in production
+                            let _ = w.eval(r#"
+                                document.addEventListener('keydown', function(e) {
+                                    if (e.key === 'F12' || e.key === 'F5' ||
+                                        (e.ctrlKey && e.key === 'r') ||
+                                        (e.ctrlKey && e.shiftKey && e.key === 'I')) {
+                                        e.preventDefault();
+                                    }
+                                });
+                                document.addEventListener('contextmenu', function(e) {
+                                    e.preventDefault();
+                                });
+                            "#);
+                        }
+                        let _ = w.show();
+                        let _ = w.set_focus();
+                    }
+                    if let Some(sw) = handle.get_webview_window("setup") { let _ = sw.hide(); }
+                    // App is up and reachable: ask-once / self-heal the desktop shortcut.
+                    // Runs last so it never blocks the loading/navigation path.
+                    maybe_setup_shortcut();
+                } else {
+                    // Bridge never came up -> let the user fix paths in the setup window.
+                    if let Some(sw) = handle.get_webview_window("setup") {
+                        if dev_mode { sw.open_devtools(); }
+                        let _ = sw.show();
+                    }
+                    if let Some(mw) = handle.get_webview_window("main") { let _ = mw.hide(); }
+                }
+            });
             Ok(())
         })
         .on_window_event(|window, event| {
             if let tauri::WindowEvent::CloseRequested { .. } = event {
                 let label = window.label();
                 if label == "main" {
-                    // Main closed -> exit app
+                    // Persistent backend: closing the window does NOT stop the bridge or its
+                    // services, so relaunching attaches to the warm backend on 14168.
                     window.app_handle().exit(0);
                 } else if label == "setup" {
                     // Setup closed -> exit if main is not visible
diff --git a/frontends/desktop/src-tauri/tauri.conf.json b/frontends/desktop/src-tauri/tauri.conf.json
index 1bb06aea..5681ffa1 100644
--- a/frontends/desktop/src-tauri/tauri.conf.json
+++ b/frontends/desktop/src-tauri/tauri.conf.json
@@ -17,6 +17,7 @@
         "width": 1280,
         "height": 800,
         "resizable": true,
+        "maximized": true,
         "visible": false,
         "url": "loading.html"
       },
diff --git a/frontends/desktop/static/app.js b/frontends/desktop/static/app.js
index 79b33dbb..b6ad62ba 100644
--- a/frontends/desktop/static/app.js
+++ b/frontends/desktop/static/app.js
@@ -1,2118 +1,6203 @@
-window.process = window.process || { platform: navigator.platform.toLowerCase().includes('mac') ? 'darwin' : 'win32' };
-// GenericAgent Desktop — Renderer Logic
-// Handles UI state, sessions, streaming, slash commands.
-
+// GenericAgent 桌面版 —— bridge 适配 + 业务 UI（HTTP 命令 / WS 状态 / i18n）。
+// 文案全部走 i18n：静态用 data-i18n / data-i18n-ph / data-i18n-title，
+// 动态用 t(key)。dev 标注层与发给 agent 的预设 prompt 不进 UI 字典。
 'use strict';
 
-// ─── State ────────────────────────────────────────────────────────────────
-const state = {
-  sessions: new Map(),      // localSessionId -> { id, bridgeSessionId, title, messages: [], cwd, config, diagnostics }
-  activeId: null,
-  bridgeReady: false,
-  defaultConfig: { theme: 'auto', llmNo: 0, gaRoot: '' },
-  modelProfiles: [],
-  restartingBridge: false,
-  bridgeNoticeMessage: null,
-  mykeyReady: true,
-  runtimeBySessionId: new Map(),
-};
+/* ═══════════════ 端口/URL 常量 ═══════════════
+   bridge / conductor 的端口和 origin 都集中在这里。要换端口、要切同源、
+   要让 bridge 代理 conductor —— 改这一块即可,下面所有 URL 引用全都跟着走。
+   *_ORIGIN 不带尾巴 path,调用方自己拼 "/sessions" "/ws" 等。 */
+const BRIDGE_PORT = 14168;
+const CONDUCTOR_PORT = 8900;
+const BRIDGE_ORIGIN = `${location.protocol}//${location.hostname}:${BRIDGE_PORT}`;
+const BRIDGE_WS_ORIGIN = `${location.protocol === 'https:' ? 'wss:' : 'ws:'}//${location.hostname}:${BRIDGE_PORT}`;
+const CONDUCTOR_ORIGIN = `${location.protocol}//${location.hostname}:${CONDUCTOR_PORT}`;
+const CONDUCTOR_WS_ORIGIN = `${location.protocol === 'https:' ? 'wss:' : 'ws:'}//${location.hostname}:${CONDUCTOR_PORT}`;
 
-// Helper: get config/diagnostics for the active session (or defaults)
-function getActiveConfig() {
-  const sess = state.sessions.get(state.activeId);
-  return sess ? sess.config : state.defaultConfig;
-}
-function getActiveDiagnostics() {
-  const sess = state.sessions.get(state.activeId);
-  return sess ? sess.diagnostics : [];
+/* ═══════════════ 进程状态 store ═══════════════ */
+const _serviceById = {};
+const _serviceListeners = new Set();
+
+function _serviceList() {
+  return Object.values(_serviceById).sort((a, b) => String(a.id).localeCompare(String(b.id)));
 }
 
-// ─── DOM refs ─────────────────────────────────────────────────────────────
-const $ = (id) => document.getElementById(id);
-const messagesEl = $('messages');
-const inputEl = $('input');
-const sendBtn = $('send-btn');
-const sessionListEl = $('session-list');
-const sessionTitleEl = $('session-title');
-const statusBadge = $('status-badge');
-const statusText = $('status-text');
-const settingsModal = $('settings-modal');
-const errorBanner = $('error-banner');
-const diagnosticsPanel = $('diagnostics-panel');
-const diagnosticsLogEl = $('diagnostics-log');
-
-
-// ─── Diagnostics ─────────────────────────────────────────────────────────
-const MAX_DIAGNOSTICS = 200;
-
-function diagnosticText(payload) {
-  if (payload == null) return '';
-  if (typeof payload === 'string') return payload;
-  if (payload instanceof Error) return payload.stack || payload.message;
-  try {
-    return JSON.stringify(payload);
-  } catch (_) {
-    return String(payload);
+function _serviceNotify() {
+  const items = _serviceList();
+  for (const cb of _serviceListeners) {
+    try { cb(items, _serviceById); } catch (e) { console.error('[service-store]', e); }
   }
 }
 
-function addDiagnostic(level, message, payload) {
-  const ts = new Date().toISOString();
-  const detail = diagnosticText(payload);
-  const diags = getActiveDiagnostics();
-  diags.push({ ts, level, message, detail });
-  if (diags.length > MAX_DIAGNOSTICS) diags.shift();
-  renderDiagnostics();
+const gaServiceStore = {
+  applySnapshot(services) {
+    for (const k of Object.keys(_serviceById)) delete _serviceById[k];
+    for (const s of services || []) {
+      if (s && s.id) _serviceById[s.id] = s;
+    }
+    _serviceNotify();
+  },
+  applyChanged(service) {
+    if (service && service.id) _serviceById[service.id] = service;
+    _serviceNotify();
+  },
+  onServices(cb) {
+    _serviceListeners.add(cb);
+    cb(_serviceList(), _serviceById);
+    return () => _serviceListeners.delete(cb);
+  },
+  list: _serviceList,
+  get: (id) => _serviceById[id],
+};
+
+let bridgeUiOffline = false;
+
+/* ═══════════════ Bridge 适配（HTTP 命令 + WS 状态） ═══════════════ */
+(function initGaBridge() {
+  const listeners = new Map();
+  let ws = null;
+  let cachedBridgeReady = null;
+  let wsRetries = 0;
+  let wsRetryTimer = null;
+  const bridgeBase = BRIDGE_ORIGIN;
+  const wsUrl = `${BRIDGE_WS_ORIGIN}/ws`;
+
+  function on(channel, cb) {
+    if (typeof cb !== 'function') return () => {};
+    if (!listeners.has(channel)) listeners.set(channel, new Set());
+    listeners.get(channel).add(cb);
+    if (channel === 'bridge-ready' && cachedBridgeReady) {
+      try { cb(cachedBridgeReady); } catch (err) { console.error('[ga bridge] replay bridge-ready', err); }
+    }
+    return () => listeners.get(channel)?.delete(cb);
+  }
+
+  function emit(channel, payload) {
+    if (channel === 'bridge-ready') cachedBridgeReady = payload;
+    const set = listeners.get(channel);
+    if (!set) return;
+    for (const cb of Array.from(set)) {
+      try { cb(payload); } catch (err) { console.error('[ga bridge]', channel, err); }
+    }
+  }
+
+  function handleServiceWs(msg) {
+    if (msg.type === 'services.snapshot') gaServiceStore.applySnapshot(msg.services);
+    else if (msg.type === 'service.changed') gaServiceStore.applyChanged(msg.service);
+    emit('service-state', msg);
+  }
+
+  const sleep = (ms) => new Promise(resolve => setTimeout(resolve, ms));
+  const tauriInvoke = (name, args = {}) => {
+    const invoke = window.__TAURI__?.core?.invoke;
+    if (!invoke) throw new Error('Tauri IPC is not available');
+    return invoke(name, args);
+  };
+
+  async function http(path, options = {}) {
+    const headers = Object.assign({}, options.headers || {});
+    const init = Object.assign({}, options, { headers });
+    if (init.body && typeof init.body !== 'string') {
+      headers['Content-Type'] = headers['Content-Type'] || 'application/json';
+      init.body = JSON.stringify(init.body);
+    }
+    const res = await fetch(`${bridgeBase}${path}`, init);
+    const text = await res.text();
+    let data = null;
+    try { data = text ? JSON.parse(text) : {}; } catch (_) { data = { raw: text }; }
+    if (!res.ok) {
+      const err = new Error((data && (data.error || data.message)) || `${res.status} ${res.statusText}`);
+      err.status = res.status;
+      err.data = data;
+      throw err;
+    }
+    return data;
+  }
+
+  async function waitBridgeStatus(timeoutMs = 20000) {
+    const deadline = Date.now() + timeoutMs;
+    let lastErr = null;
+    while (Date.now() < deadline) {
+      try {
+        const status = await http('/status');
+        wsRetries = 0;
+        connectWs();
+        return status;
+      } catch (err) {
+        lastErr = err;
+        await sleep(350);
+      }
+    }
+    throw lastErr || new Error('Bridge did not become ready');
+  }
+
+  function connectWs() {
+    if (ws && (ws.readyState === WebSocket.OPEN || ws.readyState === WebSocket.CONNECTING)) return;
+    if (wsRetryTimer) { clearTimeout(wsRetryTimer); wsRetryTimer = null; }
+    try {
+      ws = new WebSocket(wsUrl);
+      ws.addEventListener('open', () => { wsRetries = 0; emit('bridge-log', 'WS connected'); });
+      ws.addEventListener('message', (ev) => {
+        let msg;
+        try { msg = JSON.parse(ev.data); } catch (_) { return; }
+        if (msg.type === 'bridge-ready') emit('bridge-ready', msg);
+        else if (msg.type === 'services.snapshot' || msg.type === 'service.changed') handleServiceWs(msg);
+        else if (msg.type === 'session-state') emit('bridge-notification', msg);
+        else if (msg.type === 'bridge-log') emit('bridge-log', msg.payload || msg);
+        else if (msg.type === 'bridge-error') emit('bridge-error', msg.payload || msg);
+      });
+      ws.addEventListener('close', () => { emit('bridge-closed', { reason: 'ws-closed' }); scheduleWsReconnect(); });
+      ws.addEventListener('error', () => emit('bridge-error', { type: 'ws-error', message: 'WebSocket error' }));
+    } catch (err) {
+      emit('bridge-error', { type: 'ws-error', message: err.message || String(err) });
+      scheduleWsReconnect();
+    }
+  }
+
+  /* WS 自动重连(指数退避,封顶 30s)。手机浏览器后台会被 OS 掐 WS,
+     不重连的话回到前台还是死连接。`visibilitychange` 那一段是回前台立刻重连。 */
+  function scheduleWsReconnect() {
+    if (wsRetryTimer) clearTimeout(wsRetryTimer);
+    if (typeof document !== 'undefined' && document.hidden) return; // 后台等回前台再连
+    const delay = Math.min(30000, 1000 * Math.pow(2, wsRetries));
+    wsRetries++;
+    wsRetryTimer = setTimeout(() => { wsRetryTimer = null; connectWs(); }, delay);
+  }
+  if (typeof document !== 'undefined') {
+    document.addEventListener('visibilitychange', () => {
+      if (!document.hidden && (!ws || ws.readyState >= WebSocket.CLOSING)) {
+        wsRetries = 0; connectWs();
+      }
+    });
+  }
+
+  async function rpc(method, params = {}) {
+    switch (method) {
+      case 'app/status': return http('/status');
+      case 'app/config/get': return http('/config');
+      case 'app/config/save': return http('/config', { method: 'POST', body: params || {} });
+      case 'get/model-profiles': return http('/model-profiles');
+      case 'session/new': return http('/session/new', { method: 'POST', body: params || {} });
+      case 'session/prompt': {
+        const sid = params.sessionId || params.id || params.bridgeSessionId;
+        if (!sid) throw new Error('session/prompt missing sessionId');
+        return http(`/session/${encodeURIComponent(sid)}/prompt`, { method: 'POST', body: params || {} });
+      }
+      case 'session/poll': {
+        const sid = params.sessionId || params.id || params.bridgeSessionId;
+        if (!sid) throw new Error('session/poll missing sessionId');
+        const after = params.afterId ?? params.after ?? 0;
+        const limit = params.limit ?? 200;
+        return http(`/session/${encodeURIComponent(sid)}/messages?after=${encodeURIComponent(after)}&limit=${encodeURIComponent(limit)}`);
+      }
+      case 'session/cancel': {
+        const sid = params.sessionId || params.id || params.bridgeSessionId;
+        if (!sid) throw new Error('session/cancel missing sessionId');
+        return http(`/session/${encodeURIComponent(sid)}/cancel`, { method: 'POST', body: params || {} });
+      }
+      case 'app/path/open': return http('/path/open', { method: 'POST', body: params || {} });
+      case 'services/start': {
+        const id = params.id;
+        if (!id) throw new Error('services/start missing id');
+        return http('/services/start', { method: 'POST', body: { id } });
+      }
+      case 'services/stop': {
+        const id = params.id;
+        if (!id) throw new Error('services/stop missing id');
+        return http('/services/stop', { method: 'POST', body: { id } });
+      }
+      case 'services/logs': {
+        const id = params.id;
+        if (!id) throw new Error('services/logs missing id');
+        const tail = params.tail ?? 200;
+        return http(`/services/logs?id=${encodeURIComponent(id)}&tail=${encodeURIComponent(tail)}`);
+      }
+      case 'services/panel': return http('/services/panel');
+      case 'services/bridge/exit': return http('/services/bridge/exit', { method: 'POST' });
+      case 'services/mykey/get': return http('/services/mykey');
+      case 'services/mykey/save': return http('/services/mykey', { method: 'POST', body: params || {} });
+      case 'app/path/selectGaRoot': return http('/config');
+      case 'list_continuable_sessions': return { sessions: [] };
+      case 'restore_session': throw new Error('restore_session is not implemented in web2 bridge');
+      default: throw new Error(`Unknown RPC method: ${method}`);
+    }
+  }
+
+  async function startService(id) {
+    try {
+      const res = await rpc('services/start', { id });
+      if (res.service) gaServiceStore.applyChanged(res.service);
+      return res;
+    } catch (e) {
+      if (e.data && e.data.service) gaServiceStore.applyChanged(e.data.service);
+      throw e;
+    }
+  }
+
+  async function stopService(id) {
+    const res = await rpc('services/stop', { id });
+    if (res.service) gaServiceStore.applyChanged(res.service);
+    return res;
+  }
+
+  async function spawnBridge() {
+    connectWs();
+    try {
+      const status = await http('/status');
+      bridgeUiOffline = false;
+      return status;
+    } catch (_) {
+      await tauriInvoke('start_bridge');
+      const status = await waitBridgeStatus();
+      bridgeUiOffline = false;
+      return status;
+    }
+  }
+
+  async function exitBridge() {
+    const res = await rpc('services/bridge/exit');
+    cachedBridgeReady = null;
+    if (ws) {
+      try { ws.close(); } catch (_) {}
+    }
+    return res;
+  }
+
+  window.ga = {
+    platform: navigator.platform.toLowerCase().includes('mac') ? 'darwin' : 'win32',
+    startBridge: async () => { connectWs(); return http('/status'); },
+    spawnBridge,
+    stopBridge: async () => ({ ok: true }),
+    exitBridge,
+    checkStatus: () => rpc('app/status', {}),
+    getConfig: () => rpc('app/config/get', {}),
+    saveConfig: (cfg) => rpc('app/config/save', cfg || {}),
+    getModelProfiles: () => rpc('get/model-profiles', {}),
+    selectGaRoot: () => rpc('app/path/selectGaRoot', {}),
+    openMykeyTemplate: () => rpc('app/path/open', { kind: 'mykeyTemplate' }),
+    openMykey: () => rpc('app/path/open', { kind: 'mykey' }),
+    startService,
+    stopService,
+    getServiceLogs: (id, tail = 200) => rpc('services/logs', { id, tail }),
+    getServicePanel: () => rpc('services/panel', {}),
+    getMykeyContent: () => rpc('services/mykey/get', {}),
+    saveMykeyContent: (content) => rpc('services/mykey/save', { content }),
+    tauriInvoke,
+    setBridgeUiOffline: (offline) => { bridgeUiOffline = !!offline; },
+    pollSession: (sessionId, afterId = 0) => rpc('session/poll', { sessionId, afterId }),
+    rpc,
+    onBridgeMessage: (cb) => on('bridge-message', cb),
+    onBridgeNotification: (cb) => on('bridge-notification', cb),
+    onBridgeError: (cb) => on('bridge-error', cb),
+    onBridgeClosed: (cb) => on('bridge-closed', cb),
+    onBridgeReady: (cb) => on('bridge-ready', cb),
+    onBridgeLog: (cb) => on('bridge-log', cb),
+    onServiceState: (cb) => on('service-state', cb),
+    onOpenSearch: (cb) => on('open-search', cb),
+  };
+
+  connectWs();
+  http('/status').then(status => emit('bridge-ready', status))
+    .catch(err => emit('bridge-error', { type: 'http-error', message: err.message || String(err) }));
+})();
+
+/* ═══════════════ i18n ═══════════════ */
+const I18N = {
+  zh: {
+    'app.title': 'GenericAgent 桌面版',
+    'brand.sub': '桌面终端',
+    'nav.chat': '聊天', 'nav.services': '后台服务', 'nav.channels': '消息通道', 'nav.status': '状态面板',
+    'nav.collab': '指挥家', 'nav.token': '用量',
+    'foot.settings': '配置', 'foot.ver': 'GenericAgent · 桌面版',
+    'chat.startTitle': '开始对话', 'chat.startSub': '直接输入，或点预设功能一键启动',
+    'preset.butler.t': '指挥家', 'preset.butler.d': '复杂任务自动拆解，只需查看进度和简报',
+    'preset.plan.t': 'Plan 模式', 'preset.plan.d': '加载 Plan SOP，按探索→规划→执行→验证流程',
+    'preset.goal.t': 'Goal 模式', 'preset.goal.d': '设定目标，自主完成',
+    'preset.autonomous.t': '自主行动', 'preset.autonomous.d': '按 SOP 规划/执行任务,产出报告(reflect/autonomous.py 同源)',
+    'preset.hive.t': 'Hive 协作', 'preset.hive.d': '多 worker 协同攻坚',
+    'preset.review.t': '深度复核', 'preset.review.d': '挑刺式质量把关',
+    'preset.findwork.t': '找点事做', 'preset.findwork.d': '分析当前情况,推荐一批让你感兴趣的 TODO',
+    'preset.mine.t': '我的·周报', 'preset.mine.d': '自定义：抓本周提交并写周报',
+    'preset.add.t': '自定义', 'preset.add.d': '任意一句话存为功能',
+    'composer.placeholder': 'GA 能帮你做些什么？',
+    'search.placeholder': '搜索会话…', 'conv.new': '新对话',
+    'ctx.pin': '置顶', 'ctx.unpin': '取消置顶', 'ctx.rename': '重命名', 'ctx.del': '删除',
+    'common.close': '关闭', 'common.more': '更多', 'common.optional': '选填', 'common.save': '保存',
+    'modal.preset': '预设功能', 'modal.addModel': '添加模型', 'modal.editModel': '编辑模型', 'modal.settings': '配置',
+    'modal.customPreset': '自定义预设',
+    'modal.editCustomPreset': '编辑任务',
+    'customPreset.titlePh': '标题，例如「写周报」',
+    'customPreset.promptPh': 'Prompt 内容，发送时会作为消息提交',
+    'customPreset.empty': '标题和 Prompt 不能为空',
+    'customPreset.removeTitle': '删除',
+    'customPreset.editTitle': '编辑',
+    'builtinPreset.restoreBtn': '恢复默认预设',
+    'set.appearance': '外观', 'set.plainUi': '素色', 'set.fontSize': '聊天字号', 'set.lang': '语言', 'set.model': '模型', 'set.addModel': '添加模型', 'set.features': '功能', 'set.importMykey': '导入已有模型配置（mykey.py）', 'set.exportMykey': '导出当前模型配置', 'set.serviceManager': '后台服务管理',
+    'shortcut.askConfirm': '是否在桌面创建 GenericAgent 快捷方式？',
+    'appearance.light': '浅色', 'appearance.dark': '深色',
+    'set.noModels': '暂无模型，点击下方添加',
+    'lang.zh': '简体中文', 'lang.en': 'English',
+    'model.name': '备注', 'model.namePh': '会显示在模型列表',
+    'model.apikey': 'API Key', 'model.apikeyPh': 'sk-...', 'model.apikeyKeep': '留空则保持原 Key 不变',
+    'model.apibase': 'API 地址', 'model.apibasePh': 'https://.../v1/messages',
+    'model.protocol': '协议', 'model.protocolPick': '请选择…', 'model.protocolOai': 'OpenAI 兼容 (chat/completions)', 'model.protocolClaude': 'Anthropic (Claude /v1/messages)',
+    'model.stream': '响应方式', 'model.streamOn': '流式', 'model.streamOff': '非流式',
+    'model.model': '模型', 'model.modelPh': 'model 参数名',
+    'model.modelHint': '须与中转站/官方文档中的 model 字段完全一致',
+    'model.retries': '重试 (次)', 'model.connTimeout': '连接超时 (s)', 'model.readTimeout': '读取超时 (s)',
+    'model.save': '保存', 'common.cancel': '取消', 'common.confirm': '确认', 'common.edit': '编辑', 'common.delete': '删除',
+    'pq.title': '快速接入官方模型', 'pq.sub': '填好 API Key 即可使用', 'pq.toggle': '展开 / 收起',
+    'pq.deepseekDesc': '官方 API · OpenAI 兼容', 'pq.qwenDesc': '通义千问 · 阿里云百炼',
+    'guide.step1': '点击下方链接，登录后创建并复制 API Key',
+    'guide.step2': '把 Key 粘贴到下方「API Key」输入框',
+    'guide.step3': '点击保存，即可在模型列表中选用',
+    'guide.prefillTip': '已为你预填 API 地址、协议与模型，可按需修改',
+    'guide.getKey': '获取 {name} 的 API Key', 'guide.copy': '复制链接', 'guide.copied': '链接已复制',
+    'err.modelSave': '保存失败', 'err.modelRequired': '请填写模型、API Key 和 API 地址',
+    'err.modelDelete': '删除失败', 'err.modelDeleteLast': '至少保留一个模型',
+    'confirm.modelDelete': '确定删除该模型配置？',
+    'model.aggregation': '渠道组（自动故障转移）', 'model.aggregationShort': '渠道组', 'model.aggregationDesc': '按顺序尝试，失败自动切换到下一个',
+    'model.emptyMixin': '尚未加入模型',
+    'model.addToMixin': '加入渠道组', 'model.inMixin': '已在渠道组', 'model.removeFromMixin': '移出渠道组', 'model.alreadyInMixin': '已在渠道组中', 'model.dragReorder': '拖拽调整顺序',
+    'err.mixinFailed': '操作失败',
+    'page.services.title': '后台服务', 'page.services.sub': 'IM 消息通道与后台进程，集中查看、启停与日志',
+    'page.channels.title': '消息通道', 'page.channels.sub': '后台 IM 进程：列表、启停与日志（同 hub.pyw）',
+    'page.status.title': '状态面板', 'page.status.sub': 'hub.pyw 管理的后台进程/服务，集中查看与启停',
+    'page.collab.title': '指挥家', 'page.collab.sub': '交代目标，自动拆活与跟进',
+    'collab.progressTitle': '分工进度',
+    'collab.progressEmpty': '还没有任务在执行。告诉指挥家你的目标后，这里会显示拆分后的处理进度。',
+    'collab.placeholder': '请对指挥家描述你想完成的目标',
+    'collab.guideTitle': '把要完成的事告诉指挥家',
+    'collab.guideWhen': '适合需要多步处理、要花一些时间才能完成的目标。日常聊天和快问快答，请用左侧「聊天」。',
+    'collab.guideStep1t': '描述目标',
+    'collab.guideStep1d': '在聊天框里写下你想做的事，发给指挥家',
+    'collab.guideStep2t': '自动拆解',
+    'collab.guideStep2d': '指挥家自动拆解、分配任务，实时监督和调度',
+    'collab.guideStep3t': '交付摘要',
+    'collab.guideStep3d': '指挥家根据执行状态，呈上任务简报',
+    'collab.guideStep4t': '随时调整',
+    'collab.guideStep4d': '随时补充要求或细节，指挥家都会处理',
+    'collab.chipProgress': '现在进展如何？',
+    'collab.chipPause': '先暂停当前任务',
+    'collab.chipSummary': '总结一下目前的结果',
+    'collab.showProgressTitle': '查看分工进度',
+    'collab.statRunning': '进行中',
+    'collab.statDone': '已完成',
+    'collab.plusMenu': '更多操作',
+    'collab.switchMode': '切换模式',
+    'collab.typing': '指挥家正在处理',
+    'collab.offline': '无法连接指挥家服务，请确认后端已启动。',
+    'collab.retry': '重试',
+    'collab.reconnect': '连接断开，正在重连… 已保留上次任务进度。',
+    'collab.reconnectIn': '{n} 秒后重试',
+    'collab.stRunning': '执行中', 'collab.stReported': '已回报', 'collab.stPaused': '已暂停',
+    'collab.stFailed': '遇到问题', 'collab.stTerminated': '已终止',
+    'collab.summaryRunning': '正在处理中…', 'collab.summaryWait': '等待回报',
+    'collab.taskFallback': '任务 {n}',
+    'collab.timeJust': '刚刚',
+    'collab.timeSec': '{n} 秒前',
+    'collab.timeMin': '{n} 分钟前',
+    'collab.timeHr': '{n} 小时前',
+    'collab.timeDay': '{n} 天前',
+    'page.token.title': '用量', 'page.token.sub': '每会话与累计用量及缓存率',
+    'status.connecting': '正在连接…', 'status.ready': '服务在线', 'status.running': '处理中',
+    'status.disconnected': '服务离线', 'status.stopped': '已停止', 'status.idle': '待命',
+    'conv.emptyList': '暂无会话，点「＋ 新对话」开始', 'conv.defaultTitle': '新对话',
+    'err.bridge': '服务未响应', 'err.newSession': '新建会话失败', 'err.poll': '轮询失败', 'err.stop': '停止失败',
+    'err.interruptTimeout': '等待上一轮停止超时，请稍后再试',
+    'sys.interruptPrev.hint': '已停止上一轮，正在处理新消息',
+    'chat.interrupting': '正在停止上一轮…',
+    'chat.sessionLoading': '正在加载会话…',
+    'sys.stopRequested': '已请求停止',
+    'slash.help': '可用命令：\n/new 新会话  /clear 清屏  /stop 停止  /settings 设置',
+    'slash.unknown': '未知命令',
+    'upload.hint': '上传文件：选择 / 拖拽 / 粘贴',
+    'upload.button': '上传文件',
+    'upload.tooLarge': '文件过大或数量超限', 'upload.empty': '跳过空文件',
+    'upload.failed': '上传失败',
+    'err.charLimit': '已达字数上限（{n}），发送时将自动截断', 'err.charLimitReached': '已达字数上限（{n}）', 'err.numMax': '不能超过 {n}',
+    'file.openFailed': '无法打开文件',
+    'file.kindGeneric': '文件',
+    'file.kindDoc': '文档',
+    'file.kindSheet': '表格',
+    'file.kindSlide': '幻灯片',
+    'file.kindCode': '代码',
+    'file.kindArchive': '压缩包',
+    'file.kindAudio': '音频',
+    'file.kindVideo': '视频',
+    'upload.removeTitle': '移除',
+    'upload.dropHint': '松开以上传文件',
+    'lightbox.closeTitle': '关闭',
+    'fold.thinking': '思考', 'fold.tool': '工具调用', 'fold.toolResult': '工具结果', 'fold.llm': 'LLM Running', 'fold.turn': '第 {n} 轮',
+    'plan.header': '计划 ({done}/{total})', 'plan.complete': '✓ 计划完成 ({n}/{n})',
+    'plan.running': '计划执行中', 'plan.completeTitle': '计划完成',
+    'plan.placeholder': '计划模式已激活', 'plan.waiting': '等待写入 {path} …', 'plan.overflow': '还有 {n} 项',
+    'plan.current': '当前', 'plan.collapse': '收起', 'plan.expand': '展开', 'plan.details': '详情',
+    'plan.capsuleRunning': '运行中', 'plan.capsuleComplete': '已完成',
+    'timing.elapsed': '已运行 {t}',
+    'model.auto': '自动选择',
+    'model.menuLabel': '选择模型',
+    'chip.plan': 'Plan',
+    'chip.auto': 'Auto',
+    'ch.wechat': '微信', 'ch.wecom': '企业微信', 'ch.lark': '飞书', 'ch.dingtalk': '钉钉',
+    'ch.qq': 'QQ', 'ch.telegram': 'Telegram', 'ch.discord': 'Discord',
+    'ch.loading': '加载中…', 'ch.empty': '未发现 IM 进程脚本',
+    'ch.logEmpty': '暂无日志',
+    'err.channelLoad': '加载失败', 'err.channelStart': '启动失败', 'err.channelStop': '停止失败',
+    'err.mykeyImport': '导入模型配置失败',
+    'err.mykeyExport': '导出模型配置失败',
+    'err.channelNotConfigured': '请先在 mykey.py 中配置该平台',
+    'sys.channelStarted': '已启动', 'sys.channelStopped': '已停止',
+    'modal.channelLogs': '进程日志',
+    'modal.mykeyConfig': 'mykey.py 配置',
+    'sys.configSaved': '配置已保存',
+    'sys.mykeyImported': '模型配置已导入',
+    'sys.mykeyExported': '模型配置已导出',
+    'st.starting': '启动中…', 'st.stopping': '停止中…', 'st.online': '在线', 'st.offline': '离线', 'st.error': '错误', 'st.running': '运行', 'st.abnormal': '异常',
+    'act.configure': '配置', 'act.logs': '日志', 'act.restart': '重启', 'act.stop': '停止', 'act.start': '启动', 'act.exit': '退出',
+    'act.copy': '复制', 'act.copied': '已复制', 'act.copyTex': 'TeX', 'act.send': '发送',
+    'proc.imbotWechat': 'imbot · 微信', 'proc.imbotDing': 'imbot · 钉钉', 'proc.scheduler': '定时任务调度', 'proc.conductor': '指挥家',
+    'cm.scheduling': '调度中', 'cm.running': '执行中', 'cm.idleSt': '空闲',
+    'cm.master': '已派 3 子任务', 'cm.w1': '子任务：抓取数据', 'cm.w2': '子任务：复核结果', 'cm.sub': '等待派单',
+    'tok.total': '累计', 'tok.cost': '缓存率', 'tok.today': '今日', 'tok.tabAll': '聊天', 'tok.tabConductor': '指挥家', 'tok.condTotal': '指挥家累计', 'tok.condCurrent': '指挥家本次', 'tok.condTip': '指挥家消耗不计入聊天累计', 'tok.condOffline': '指挥家服务离线', 'tok.disclaimer': '不同 API 网站的计费价格可能会有差异，请以实际网站为准。',
+    'tok.colSession': '会话', 'tok.colIn': '输入', 'tok.colOut': '输出', 'tok.colCacheW': '缓存写入', 'tok.colCache': '缓存读取', 'tok.colCost': '成本',
+    'tok.from': '从', 'tok.to': '到', 'tok.reset': '重置', 'tok.noData': '暂无记录', 'tok.deleted': '此会话已删除',
+    'tok.pricingUnknown': '⚠ 此模型计费规则尚未明确，按默认估算',
+    'tok.priceInput': '输入: $', 'tok.priceOutput': '输出: $',
+    'tok.priceCacheW': '缓存写入: $', 'tok.priceCacheR': '缓存读取: $',
+    'presetPrompt.goal': '进入 Goal 模式：读 L3 goal mode SOP，自主达成我接下来描述的目标。',
+    'presetPrompt.plan': '进入 Plan 模式：先读 memory/plan_sop.md，按其中「探索→规划→执行→验证」流程，等我接下来描述要做的任务。',
+    'presetPrompt.autonomous': '🤖 进入自主行动模式：阅读 memory/autonomous_operation_sop.md，按 SOP 选取或规划任务,独立执行并产出报告。',
+    'presetPrompt.hive': '启动 Goal Hive 模式：按 hive SOP 拉起多个 worker 协同完成我接下来的目标。',
+    'presetPrompt.review': '进入监察者模式：对刚才的产出严格挑刺、逐项复核并报告问题。',
+    'presetPrompt.findwork': '按照自主行动的规划部分，充分分析我的情况，给我生成一批 TODO，务必让我感兴趣。',
+    'presetPrompt.mine': '抓取本周的 git 提交并写一份周报。',
+    'ask.banner': 'GA 等你回答',
+    'ask.replyHint': '在下方输入框回复',
+    'ask.placeholderOpen': '在此输入你的回答… (Enter 发送)',
+  },
+  en: {
+    'app.title': 'GenericAgent Desktop',
+    'brand.sub': 'Desktop terminal',
+    'nav.chat': 'Chat', 'nav.services': 'Services', 'nav.channels': 'Channels', 'nav.status': 'Status',
+    'nav.collab': 'Conductor', 'nav.token': 'Usage',
+    'foot.settings': 'Settings', 'foot.ver': 'GenericAgent · Desktop',
+    'chat.startTitle': 'Start a conversation', 'chat.startSub': 'Type a message, or pick a preset',
+    'preset.butler.t': 'Conductor', 'preset.butler.d': 'Auto-decompose complex tasks; just check progress and briefings',
+    'preset.plan.t': 'Plan mode', 'preset.plan.d': 'Load Plan SOP — explore→plan→execute→verify',
+    'preset.goal.t': 'Goal mode', 'preset.goal.d': 'Set a goal, run autonomously',
+    'preset.autonomous.t': 'Autonomous mode', 'preset.autonomous.d': 'Plan/execute tasks per SOP and produce reports (same as reflect/autonomous.py)',
+    'preset.hive.t': 'Hive', 'preset.hive.d': 'Multi-worker collaboration',
+    'preset.review.t': 'Deep review', 'preset.review.d': 'Strict quality check',
+    'preset.findwork.t': 'Find me work', 'preset.findwork.d': 'Analyze my context and suggest a batch of interesting TODOs',
+    'preset.mine.t': 'My · Weekly', 'preset.mine.d': 'Custom: weekly report from commits',
+    'preset.add.t': 'Custom', 'preset.add.d': 'Save any prompt as a function',
+    'composer.placeholder': 'What can GA do for you?',
+    'search.placeholder': 'Search chats…', 'conv.new': 'New chat',
+    'ctx.pin': 'Pin', 'ctx.unpin': 'Unpin', 'ctx.rename': 'Rename', 'ctx.del': 'Delete',
+    'common.close': 'Close', 'common.more': 'More', 'common.optional': 'Optional', 'common.save': 'Save',
+    'modal.preset': 'Presets', 'modal.addModel': 'Add model', 'modal.editModel': 'Edit model', 'modal.settings': 'Settings',
+    'modal.customPreset': 'Custom preset',
+    'modal.editCustomPreset': 'Edit task',
+    'customPreset.titlePh': 'Title, e.g. "Weekly report"',
+    'customPreset.promptPh': 'Prompt body — sent as the message when clicked',
+    'customPreset.empty': 'Title and Prompt cannot be empty',
+    'customPreset.removeTitle': 'Delete',
+    'customPreset.editTitle': 'Edit',
+    'builtinPreset.restoreBtn': 'Restore defaults',
+    'set.appearance': 'Appearance', 'set.plainUi': 'Plain', 'set.fontSize': 'Chat font size', 'set.lang': 'Language', 'set.model': 'Model', 'set.addModel': 'Add model', 'set.features': 'Features', 'set.importMykey': 'Import model config (mykey.py)', 'set.exportMykey': 'Export current model config', 'set.serviceManager': 'Service manager',
+    'shortcut.askConfirm': 'Create a desktop shortcut for GenericAgent?',
+    'appearance.light': 'Light', 'appearance.dark': 'Dark',
+    'set.noModels': 'No models yet — add one below',
+    'lang.zh': '简体中文', 'lang.en': 'English',
+    'model.name': 'Note', 'model.namePh': 'Shown in the model list',
+    'model.apikey': 'API Key', 'model.apikeyPh': 'sk-...', 'model.apikeyKeep': 'Leave blank to keep the current key',
+    'model.apibase': 'API base URL', 'model.apibasePh': 'https://.../v1/messages',
+    'model.protocol': 'Protocol', 'model.protocolPick': 'Select…', 'model.protocolOai': 'OpenAI-compatible (chat/completions)', 'model.protocolClaude': 'Anthropic (Claude /v1/messages)',
+    'model.stream': 'Response', 'model.streamOn': 'Stream', 'model.streamOff': 'Non-stream',
+    'model.model': 'Model', 'model.modelPh': 'model parameter name',
+    'model.modelHint': 'Must match the model field in your provider docs exactly',
+    'model.retries': 'Retries (×)', 'model.connTimeout': 'Connect (s)', 'model.readTimeout': 'Read (s)',
+    'model.save': 'Save', 'common.cancel': 'Cancel', 'common.confirm': 'Confirm', 'common.edit': 'Edit', 'common.delete': 'Delete',
+    'pq.title': 'Quick connect a model', 'pq.sub': 'Add your API key to get started', 'pq.toggle': 'Expand / collapse',
+    'pq.deepseekDesc': 'Official API · OpenAI-compatible', 'pq.qwenDesc': 'Tongyi Qwen · Aliyun Bailian',
+    'guide.step1': 'Open the link, sign in, then create & copy your API key',
+    'guide.step2': 'Paste the key into the “API Key” field below',
+    'guide.step3': 'Click Save — then pick it from the model list',
+    'guide.prefillTip': 'API base, protocol and model are pre-filled — edit if needed',
+    'guide.getKey': 'Get your {name} API key', 'guide.copy': 'Copy link', 'guide.copied': 'Link copied',
+    'err.modelSave': 'Save failed', 'err.modelRequired': 'Model, API Key and base URL are required',
+    'err.modelDelete': 'Delete failed', 'err.modelDeleteLast': 'At least one model is required',
+    'confirm.modelDelete': 'Delete this model profile?',
+    'model.aggregation': 'Channel group (auto failover)', 'model.aggregationShort': 'Channel group', 'model.aggregationDesc': 'Tries in order, switches to the next on failure',
+    'model.emptyMixin': 'No models added yet',
+    'model.addToMixin': 'Add to channel', 'model.inMixin': 'In channel', 'model.removeFromMixin': 'Remove from channel', 'model.alreadyInMixin': 'Already in the channel', 'model.dragReorder': 'Drag to reorder',
+    'err.mixinFailed': 'Operation failed',
+    'page.services.title': 'Services', 'page.services.sub': 'IM channels and background processes — view, start/stop, logs',
+    'page.channels.title': 'Channels', 'page.channels.sub': 'Background IM processes: list, start/stop, logs (hub.pyw style)',
+    'page.status.title': 'Status', 'page.status.sub': 'Background processes/services managed by hub.pyw',
+    'page.collab.title': 'Conductor', 'page.collab.sub': 'Describe a goal — split, delegate, and follow up',
+    'collab.progressTitle': 'Progress',
+    'collab.progressEmpty': 'No tasks running yet. After you describe a goal to Conductor, split tasks will appear here.',
+    'collab.placeholder': 'Describe the goal you want to accomplish',
+    'collab.guideTitle': 'Tell Conductor what you want done',
+    'collab.guideWhen': 'Best for multi-step goals that take a while. For everyday chat and quick questions, use Chat in the sidebar.',
+    'collab.guideStep1t': 'Describe your goal',
+    'collab.guideStep1d': 'Write what you want done in the chat box and send it to Conductor',
+    'collab.guideStep2t': 'Auto breakdown',
+    'collab.guideStep2d': 'Conductor breaks down, assigns, monitors, and coordinates',
+    'collab.guideStep3t': 'Summary',
+    'collab.guideStep3d': 'Conductor delivers a briefing based on execution status',
+    'collab.guideStep4t': 'Adjust anytime',
+    'collab.guideStep4d': 'Add requirements or details anytime — Conductor handles them',
+    'collab.chipProgress': 'How is it going?',
+    'collab.chipPause': 'Pause current tasks',
+    'collab.chipSummary': 'Summarize progress so far',
+    'collab.showProgressTitle': 'View task progress',
+    'collab.statRunning': 'Running',
+    'collab.statDone': 'Done',
+    'collab.plusMenu': 'More actions',
+    'collab.switchMode': 'Switch mode',
+    'collab.typing': 'Conductor is working',
+    'collab.offline': 'Cannot reach the service. Make sure the backend is running.',
+    'collab.retry': 'Retry',
+    'collab.reconnect': 'Disconnected — reconnecting… Your last progress is kept.',
+    'collab.reconnectIn': 'Retry in {n}s',
+    'collab.stRunning': 'Running', 'collab.stReported': 'Reported', 'collab.stPaused': 'Paused',
+    'collab.stFailed': 'Issue', 'collab.stTerminated': 'Ended',
+    'collab.summaryRunning': 'Working…', 'collab.summaryWait': 'Awaiting report',
+    'collab.taskFallback': 'Task {n}',
+    'collab.timeJust': 'just now',
+    'collab.timeSec': '{n}s ago',
+    'collab.timeMin': '{n}m ago',
+    'collab.timeHr': '{n}h ago',
+    'collab.timeDay': '{n}d ago',
+    'page.token.title': 'Usage', 'page.token.sub': 'Per-session and total usage & cache rate',
+    'status.connecting': 'Connecting…', 'status.ready': 'Service online', 'status.running': 'Working…',
+    'status.disconnected': 'Service offline', 'status.stopped': 'Stopped', 'status.idle': 'Standby',
+    'conv.emptyList': 'No chats yet — click “＋ New chat”', 'conv.defaultTitle': 'New chat',
+    'err.bridge': 'Service not responding', 'err.newSession': 'Failed to create session', 'err.poll': 'Polling failed', 'err.stop': 'Stop failed',
+    'err.interruptTimeout': 'Timed out waiting for the previous reply to stop — try again',
+    'sys.interruptPrev.hint': 'Previous reply stopped — processing new message',
+    'chat.interrupting': 'Stopping previous reply…',
+    'chat.sessionLoading': 'Loading conversation…',
+    'sys.stopRequested': 'Stop requested',
+    'slash.help': 'Commands:\n/new new chat  /clear clear  /stop stop  /settings settings',
+    'slash.unknown': 'Unknown command',
+    'upload.hint': 'Upload file: pick / drag / paste',
+    'upload.button': 'Upload file',
+    'upload.tooLarge': 'File too large or limit reached', 'upload.empty': 'Skipped empty file',
+    'upload.failed': 'Upload failed',
+    'err.charLimit': 'Character limit reached ({n}), text will be truncated on send', 'err.charLimitReached': 'Character limit reached ({n})', 'err.numMax': 'Cannot exceed {n}',
+    'file.openFailed': 'Cannot open file',
+    'file.kindGeneric': 'File',
+    'file.kindDoc': 'Document',
+    'file.kindSheet': 'Spreadsheet',
+    'file.kindSlide': 'Slides',
+    'file.kindCode': 'Code',
+    'file.kindArchive': 'Archive',
+    'file.kindAudio': 'Audio',
+    'file.kindVideo': 'Video',
+    'upload.removeTitle': 'Remove',
+    'upload.dropHint': 'Drop to upload files',
+    'lightbox.closeTitle': 'Close',
+    'fold.thinking': 'Thinking', 'fold.tool': 'Tool call', 'fold.toolResult': 'Tool result', 'fold.llm': 'LLM Running', 'fold.turn': 'Turn {n}',
+    'plan.header': 'Plan ({done}/{total})', 'plan.complete': '✓ Plan complete ({n}/{n})',
+    'plan.running': 'Running plan', 'plan.completeTitle': 'Plan complete',
+    'plan.placeholder': 'Plan mode activated', 'plan.waiting': 'waiting for {path} …', 'plan.overflow': '+{n} more',
+    'plan.current': 'Now', 'plan.collapse': 'Collapse', 'plan.expand': 'Expand', 'plan.details': 'Details',
+    'plan.capsuleRunning': 'Running', 'plan.capsuleComplete': 'Done',
+    'timing.elapsed': 'Elapsed {t}',
+    'model.auto': 'Auto',
+    'model.menuLabel': 'Select model',
+    'chip.plan': 'Plan',
+    'chip.auto': 'Auto',
+    'ch.wechat': 'WeChat', 'ch.wecom': 'WeCom', 'ch.lark': 'Lark', 'ch.dingtalk': 'DingTalk',
+    'ch.qq': 'QQ', 'ch.telegram': 'Telegram', 'ch.discord': 'Discord',
+    'ch.loading': 'Loading…', 'ch.empty': 'No IM process scripts found',
+    'ch.logEmpty': 'No log output yet',
+    'err.channelLoad': 'Failed to load', 'err.channelStart': 'Start failed', 'err.channelStop': 'Stop failed',
+    'err.mykeyImport': 'Failed to import model config',
+    'err.mykeyExport': 'Failed to export model config',
+    'err.channelNotConfigured': 'Configure this platform in mykey.py first',
+    'sys.channelStarted': 'Started', 'sys.channelStopped': 'Stopped',
+    'modal.channelLogs': 'Process logs',
+    'modal.mykeyConfig': 'mykey.py',
+    'sys.configSaved': 'Configuration saved',
+    'sys.mykeyImported': 'Model config imported',
+    'sys.mykeyExported': 'Model config exported',
+    'st.starting': 'Starting…', 'st.stopping': 'Stopping…', 'st.online': 'Online', 'st.offline': 'Offline', 'st.error': 'Error', 'st.running': 'Running', 'st.abnormal': 'Error',
+    'act.configure': 'Configure', 'act.logs': 'Logs', 'act.restart': 'Restart', 'act.stop': 'Stop', 'act.start': 'Start', 'act.exit': 'Exit',
+    'act.copy': 'Copy', 'act.copied': 'Copied', 'act.copyTex': 'TeX', 'act.send': 'Send',
+    'proc.imbotWechat': 'imbot · WeChat', 'proc.imbotDing': 'imbot · DingTalk', 'proc.scheduler': 'Scheduler', 'proc.conductor': 'Conductor',
+    'cm.scheduling': 'Scheduling', 'cm.running': 'Running', 'cm.idleSt': 'Idle',
+    'cm.master': 'Dispatched 3 subtasks', 'cm.w1': 'Subtask: fetch data', 'cm.w2': 'Subtask: review results', 'cm.sub': 'Waiting for tasks',
+    'tok.total': 'Total', 'tok.cost': 'Cache rate', 'tok.today': 'Today', 'tok.tabAll': 'Chat', 'tok.tabConductor': 'Conductor', 'tok.condTotal': 'Conductor Total', 'tok.condCurrent': 'Conductor Current', 'tok.condTip': 'Conductor usage is not included in chat totals', 'tok.condOffline': 'Service offline', 'tok.disclaimer': 'Pricing may vary by API provider. Please refer to the actual website.',
+    'tok.colSession': 'Session', 'tok.colIn': 'Input', 'tok.colOut': 'Output', 'tok.colCacheW': 'Cache write', 'tok.colCache': 'Cache read', 'tok.colCost': 'Cost',
+    'tok.from': 'From', 'tok.to': 'To', 'tok.reset': 'Reset', 'tok.noData': 'No records', 'tok.deleted': 'Session deleted',
+    'tok.pricingUnknown': '⚠ Pricing not confirmed, using defaults',
+    'tok.priceInput': 'Input: $', 'tok.priceOutput': 'Output: $',
+    'tok.priceCacheW': 'Cache write: $', 'tok.priceCacheR': 'Cache read: $',
+    'presetPrompt.goal': 'Enter Goal mode: read the L3 goal-mode SOP and autonomously achieve the goal I describe next.',
+    'presetPrompt.plan': 'Enter Plan mode: first read memory/plan_sop.md, follow its explore→plan→execute→verify flow, and wait for the task I describe next.',
+    'presetPrompt.autonomous': '🤖 Enter autonomous mode: read memory/autonomous_operation_sop.md, follow the SOP to pick or plan a task, execute independently, and produce a report.',
+    'presetPrompt.hive': 'Start Goal Hive mode: per the hive SOP, spawn multiple workers to collaboratively achieve the goal I describe next.',
+    'presetPrompt.review': 'Enter reviewer mode: strictly scrutinize the previous output, review item by item and report issues.',
+    'presetPrompt.findwork': 'Following the autonomous planning section, analyze my situation thoroughly and generate a batch of TODOs that genuinely interest me.',
+    'presetPrompt.mine': 'Collect this week\'s git commits and write a weekly report.',
+    'ask.banner': 'GA is waiting for your answer',
+    'ask.replyHint': 'Reply in the input below',
+    'ask.placeholderOpen': 'Type your answer here… (Enter to send)',
+  },
+};
+const LANGS = ['zh', 'en'];
+const STORE = { lang: 'ga_lang', theme: 'ga_theme', appearance: 'ga_appearance', plain: 'ga_plain', fontSize: 'ga_font_size', llmNo: 'ga_llm_no' };
+const APPEARANCE_IDS = ['light', 'dark'];
+const CHAT_FONT_MIN = 10;
+const CHAT_FONT_MAX = 20;
+const CHAT_FONT_DEFAULT = 14;
+const CHAT_FONT_LEGACY = { sm: 12, md: 14, lg: 16 };
+const HLJS_THEME_BASE = 'https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/';
+
+function normalizeChatFontSize(value) {
+  if (typeof value === 'string' && CHAT_FONT_LEGACY[value]) return CHAT_FONT_LEGACY[value];
+  const n = parseInt(value, 10);
+  if (Number.isFinite(n)) return Math.min(CHAT_FONT_MAX, Math.max(CHAT_FONT_MIN, n));
+  return CHAT_FONT_DEFAULT;
 }
 
-function formatDiagnostics() {
-  const diags = getActiveDiagnostics();
-  if (diags.length === 0) return 'No diagnostics yet.';
-  return diags.map((entry) => {
-    const suffix = entry.detail ? `\n  ${entry.detail}` : '';
-    return `[${entry.ts}] ${entry.level.toUpperCase()} ${entry.message}${suffix}`;
+function bootUiFromDom() {
+  const root = document.documentElement;
+  const out = { lang: 'zh', theme: '1', appearance: 'light', plainUi: false, chatFontSize: CHAT_FONT_DEFAULT };
+  if (root.lang === 'en') out.lang = 'en';
+  if (root.dataset.theme) out.theme = root.dataset.theme;
+  if (APPEARANCE_IDS.includes(root.dataset.appearance)) out.appearance = root.dataset.appearance;
+  if (out.appearance === 'light' && root.dataset.plain === '1') out.plainUi = true;
+  if (root.dataset.chatFont) out.chatFontSize = normalizeChatFontSize(root.dataset.chatFont);
+  return out;
+}
+let { lang, theme, appearance, plainUi, chatFontSize } = bootUiFromDom();
+
+function syncHljsTheme() {
+  const link = document.getElementById('hljs-theme');
+  if (link) link.href = HLJS_THEME_BASE + (appearance === 'dark' ? 'github-dark.min.css' : 'github.min.css');
+  document.querySelectorAll('.bubble.md pre code').forEach(block => {
+    if (typeof hljs !== 'undefined') hljs.highlightElement(block);
+  });
+}
+
+/** 服务端 ui 落盘后的本地镜像，仅供 index.html 内联脚本首帧防闪；不是真相源。 */
+function syncBootCache() {
+  localStorage.setItem(STORE.lang, lang);
+  localStorage.setItem(STORE.theme, theme);
+  localStorage.setItem(STORE.appearance, appearance);
+  localStorage.setItem(STORE.fontSize, String(chatFontSize));
+  if (plainUi) localStorage.setItem(STORE.plain, '1');
+  else localStorage.removeItem(STORE.plain);
+  localStorage.setItem(STORE.llmNo, String(state.llmNo));
+}
+async function persistUiPrefs() {
+  try {
+    await window.ga.saveConfig({
+      config: { lang, theme, appearance, plain: plainUi, llmNo: state.llmNo, fontSize: chatFontSize },
+    });
+    syncBootCache();
+  } catch (_) {}
+}
+const bridgeHost = () => BRIDGE_ORIGIN;
+async function bridgeFetch(path, opts = {}) {
+  const headers = { ...(opts.headers || {}) };
+  const init = { ...opts, headers };
+  if (init.body && typeof init.body !== 'string') {
+    headers['Content-Type'] = 'application/json';
+    init.body = JSON.stringify(init.body);
+  }
+  const res = await fetch(`${bridgeHost()}${path}`, init);
+  let data = {};
+  try { data = await res.json(); } catch (_) {}
+  if (!res.ok) throw new Error(data.error || data.message || res.statusText);
+  return data;
+}
+function t(key) { return (I18N[lang] && I18N[lang][key]) || (I18N.zh[key]) || key; }
+window.gaT = t;
+document.addEventListener('collab:running-count', e => {
+  const b = document.getElementById('collab-badge');
+  if (!b) return;
+  const n = e.detail?.count || 0;
+  b.hidden = !n;
+  b.textContent = n ? (n > 9 ? '9+' : String(n)) : '';
+});
+function optionalPh(key) {
+  const sep = (lang === 'en') ? ', ' : '，';
+  return `${t('common.optional')}${sep}${t(key)}`;
+}
+function applyI18n() {
+  document.documentElement.lang = (lang === 'en') ? 'en' : 'zh-CN';
+  document.title = t('app.title');
+  document.querySelectorAll('[data-i18n]').forEach(el => { el.textContent = t(el.dataset.i18n); });
+  document.querySelectorAll('[data-i18n-ph]').forEach(el => {
+    const phKey = el.dataset.i18nPh;
+    const val = el.hasAttribute('data-optional-ph') ? optionalPh(phKey) : t(phKey);
+    if (el.isContentEditable) el.setAttribute('data-ph', val);  // contenteditable 用 :empty::before 显示
+    else el.setAttribute('placeholder', val);
+  });
+  document.querySelectorAll('[data-i18n-title]').forEach(el => { el.setAttribute('title', t(el.dataset.i18nTitle)); });
+  renderLangList();
+  // 语言切换后重算激活模型 chip 文案；若当前会话已有渠道组运行态模型，保留运行态而非退回首选项
+  const _ap = (state.modelProfiles || []).find(p => (p.id ?? 0) === state.llmNo);
+  if (_ap) state.modelName = modelDisplayName(_ap);
+  if (_ap?.kind === 'mixin' && state.liveModel?.sessionId === state.activeId) applyLiveModel(state.liveModel);
+  else if (typeof updateModelChip === 'function') updateModelChip();
+  window.gaRefreshModelGuide?.();
+  window.collabRetranslate?.();
+  syncAskUserUi();
+}
+// 语言对应国旗 SVG(en 用美国旗,按要求)
+const FLAGS = {
+  zh: '<svg class="flag" viewBox="0 0 30 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="30" height="20" fill="#ee1c25"/><polygon points="6,3.5 6.9,6.2 9.7,6.2 7.4,7.9 8.3,10.6 6,8.9 3.7,10.6 4.6,7.9 2.3,6.2 5.1,6.2" fill="#ffde00"/><circle cx="11.5" cy="2.6" r=".9" fill="#ffde00"/><circle cx="13.2" cy="4.3" r=".9" fill="#ffde00"/><circle cx="13.2" cy="6.7" r=".9" fill="#ffde00"/><circle cx="11.5" cy="8.4" r=".9" fill="#ffde00"/></svg>',
+  en: '<svg class="flag" viewBox="0 0 38 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="38" height="20" fill="#ffffff"/><g fill="#b22234"><rect width="38" height="1.54"/><rect y="3.08" width="38" height="1.54"/><rect y="6.16" width="38" height="1.54"/><rect y="9.24" width="38" height="1.54"/><rect y="12.32" width="38" height="1.54"/><rect y="15.4" width="38" height="1.54"/><rect y="18.48" width="38" height="1.54"/></g><rect width="15.2" height="10.78" fill="#3c3b6e"/></svg>',
+};
+function renderLangList() {
+  const box = document.getElementById('lang-list');
+  if (!box) return;
+  box.innerHTML = '';
+  LANGS.forEach(code => {
+    const row = document.createElement('label');
+    row.className = 'model-row' + (lang === code ? ' sel' : '');
+    row.innerHTML = `<input type="radio" name="lang-pick"${lang === code ? ' checked' : ''}>${FLAGS[code] || ''}<span>${escapeHtml(t('lang.' + code))}</span>`;
+    row.addEventListener('click', (e) => { e.preventDefault(); selectLang(code); });
+    box.appendChild(row);
+  });
+}
+function selectLang(code) {
+  if (!LANGS.includes(code) || lang === code) return;
+  lang = code;
+  applyI18n();
+  renderSessionList();
+  refreshStatusLabel();
+  updateModelChip();
+  renderSettingsModels();
+  if (typeof renderAllPresets === 'function') renderAllPresets();
+  if (isServicesPageActive()) refreshServicesPanel();
+  void persistUiPrefs();
+}
+function syncChatFontSegments(value) {
+  document.querySelectorAll('.chat-font-seg').forEach(el => {
+    const v = parseInt(el.dataset.value, 10);
+    el.classList.toggle('on', v <= value);
+    el.classList.toggle('cur', v === value);
+  });
+  const stepper = document.getElementById('chat-font-stepper');
+  if (stepper) {
+    stepper.setAttribute('aria-valuenow', String(value));
+    stepper.setAttribute('aria-valuetext', `${value}px`);
+  }
+}
+function chatFontFromPointer(clientX) {
+  const segs = document.getElementById('chat-font-segments');
+  if (!segs) return chatFontSize;
+  const rect = segs.getBoundingClientRect();
+  const ratio = Math.min(1, Math.max(0, (clientX - rect.left) / rect.width));
+  return CHAT_FONT_MIN + Math.round(ratio * (CHAT_FONT_MAX - CHAT_FONT_MIN));
+}
+function initChatFontStepper() {
+  const segs = document.getElementById('chat-font-segments');
+  if (!segs || segs.childElementCount) return;
+  for (let i = CHAT_FONT_MIN; i <= CHAT_FONT_MAX; i++) {
+    const btn = document.createElement('button');
+    btn.type = 'button';
+    btn.className = 'chat-font-seg';
+    btn.dataset.value = String(i);
+    btn.tabIndex = -1;
+    btn.addEventListener('click', (e) => {
+      e.stopPropagation();
+      applyChatFontSize(i);
+    });
+    segs.appendChild(btn);
+  }
+  const stepper = document.getElementById('chat-font-stepper');
+  if (!stepper || stepper.dataset.bound) return;
+  stepper.dataset.bound = '1';
+  let dragging = false;
+  const pick = (clientX, persist) => applyChatFontSize(chatFontFromPointer(clientX), { persist });
+  stepper.addEventListener('pointerdown', (e) => {
+    if (e.button !== 0) return;
+    dragging = true;
+    stepper.setPointerCapture(e.pointerId);
+    pick(e.clientX, false);
+  });
+  stepper.addEventListener('pointermove', (e) => {
+    if (!dragging) return;
+    pick(e.clientX, false);
+  });
+  const endDrag = (e, persist) => {
+    if (!dragging) return;
+    dragging = false;
+    try { stepper.releasePointerCapture(e.pointerId); } catch (_) {}
+    pick(e.clientX, persist);
+  };
+  stepper.addEventListener('pointerup', (e) => endDrag(e, true));
+  stepper.addEventListener('pointercancel', (e) => endDrag(e, false));
+  stepper.addEventListener('keydown', (e) => {
+    if (e.key === 'ArrowLeft' || e.key === 'ArrowDown') {
+      e.preventDefault();
+      applyChatFontSize(chatFontSize - 1);
+    } else if (e.key === 'ArrowRight' || e.key === 'ArrowUp') {
+      e.preventDefault();
+      applyChatFontSize(chatFontSize + 1);
+    } else if (e.key === 'Home') {
+      e.preventDefault();
+      applyChatFontSize(CHAT_FONT_MIN);
+    } else if (e.key === 'End') {
+      e.preventDefault();
+      applyChatFontSize(CHAT_FONT_MAX);
+    }
+  });
+}
+function applyChatFontSize(size, { persist } = { persist: true }) {
+  chatFontSize = normalizeChatFontSize(size);
+  document.documentElement.dataset.chatFont = String(chatFontSize);
+  document.documentElement.style.setProperty('--chat-font', `${chatFontSize}px`);
+  const label = document.getElementById('chat-font-value');
+  if (label) label.textContent = `${chatFontSize}px`;
+  syncChatFontSegments(chatFontSize);
+  if (persist) void persistUiPrefs();
+}
+function applyTheme(id, { persist } = { persist: true }) {
+  // 主题选色已下线,只保留灰色亮色主题(--accent 在 styles.css 里硬编码)。
+  // 函数保留可调用,只把 dataset.theme 固定到 '1' 兼容旧 localStorage。
+  theme = '1';
+  document.documentElement.dataset.theme = '1';
+  if (persist) void persistUiPrefs();
+}
+function syncPlainSwitch() {
+  const row = document.getElementById('plain-ui-row');
+  const sw = document.getElementById('plain-ui-switch');
+  if (!row || !sw) return;
+  const show = appearance === 'light';
+  row.hidden = !show;
+  sw.setAttribute('aria-checked', plainUi ? 'true' : 'false');
+}
+function applyAppearance(nextApp, nextPlain, { persist } = { persist: true }) {
+  appearance = APPEARANCE_IDS.includes(nextApp) ? nextApp : 'light';
+  if (appearance === 'light') plainUi = !!nextPlain;
+  else plainUi = false;
+  document.documentElement.dataset.appearance = appearance;
+  if (plainUi) document.documentElement.dataset.plain = '1';
+  else delete document.documentElement.dataset.plain;
+  document.querySelectorAll('#appearance-seg .appear-card').forEach(el => {
+    const on = el.dataset.appearance === appearance;
+    el.classList.toggle('sel', on);
+    el.setAttribute('aria-checked', on ? 'true' : 'false');
+  });
+  syncPlainSwitch();
+  syncHljsTheme();
+  if (persist) void persistUiPrefs();
+}
+
+/* ═══════════════ 侧边栏导航 ═══════════════ */
+const nav = document.getElementById('nav');
+const pages = document.querySelectorAll('#pages .page');
+let currentPage = 'chat';
+function gaGoPage(key) {
+  const item = nav?.querySelector(`.nav-item[data-page="${key}"]`);
+  if (!item) return;
+  currentPage = key;
+  nav.querySelectorAll('.nav-item').forEach(n => n.classList.toggle('active', n === item));
+  pages.forEach(p => p.classList.toggle('active', p.dataset.page === key));
+  renderSessionList();
+  window.gaSetActiveFileComposer?.(key === 'collab' ? 'collab' : 'chat');
+  if (key === 'collab') window.collabInit?.();
+}
+window.gaGoPage = gaGoPage;
+nav.addEventListener('click', (e) => {
+  const item = e.target.closest('.nav-item');
+  if (!item) return;
+  gaGoPage(item.dataset.page);
+});
+
+/* ═══════════════ 弹窗开关 ═══════════════ */
+const openModal = (id) => { const m = document.getElementById(id); if (m) m.hidden = false; };
+window.gaOpenModal = openModal;
+const closeModals = () => document.querySelectorAll('.modal').forEach(m => {
+  m.hidden = true;
+  m.querySelectorAll('.field-limit-hint').forEach(h => h.style.display = 'none');
+});
+const bindClick = (id, fn) => { const el = document.getElementById(id); if (el) el.addEventListener('click', fn); };
+function openServiceManagerFromSettings() {
+  closeModals();
+  gaGoPage('services');
+  setSvcTab('status');
+  void loadStatusPanel();
+}
+bindClick('add-model-btn', (e) => {
+  e.stopPropagation();
+  openAddModelForm();
+});
+bindClick('settings-btn',  (e) => { e.stopPropagation(); openSettings(); });
+bindClick('settings-services-btn', (e) => { e.stopPropagation(); openServiceManagerFromSettings(); });
+
+const importMykeyInput = document.getElementById('import-mykey-input');
+async function importMykeyFromFile(file) {
+  if (!file) return;
+  const text = await file.text();
+  if (!text.trim()) throw new Error(t('err.mykeyImport'));
+  await window.ga.saveMykeyContent(text);
+  await loadModelProfiles();
+}
+bindClick('import-mykey-btn', (e) => {
+  e.stopPropagation();
+  if (importMykeyInput) importMykeyInput.click();
+});
+if (importMykeyInput) {
+  importMykeyInput.addEventListener('change', async () => {
+    const file = importMykeyInput.files && importMykeyInput.files[0];
+    importMykeyInput.value = '';
+    if (!file) return;
+    try {
+      await importMykeyFromFile(file);
+      showChanToast(t('sys.mykeyImported'), '', 'ok');
+    } catch (err) {
+      showChanToast(t('err.mykeyImport'), err.message || String(err), 'err');
+    }
+  });
+}
+async function exportMykeyToDir() {
+  const res = await window.ga.getMykeyContent();
+  const content = (res && res.content) ? String(res.content) : '';
+  if (!content.trim()) throw new Error(t('err.mykeyExport'));
+  // WebView2：独立缓存 + 无目录选择/下载；走 Tauri 原生另存为
+  if (window.__TAURI__?.core?.invoke) {
+    const path = await window.ga.tauriInvoke('export_mykey', { content });
+    if (!path) return;
+    showChanToast(t('sys.mykeyExported'), path, 'ok');
+    return;
+  }
+  if (typeof window.showDirectoryPicker === 'function') {
+    const dir = await window.showDirectoryPicker();
+    const handle = await dir.getFileHandle('mykey.py', { create: true });
+    const writable = await handle.createWritable();
+    await writable.write(content);
+    await writable.close();
+    showChanToast(t('sys.mykeyExported'), '', 'ok');
+    return;
+  }
+  const blob = new Blob([content], { type: 'text/plain;charset=utf-8' });
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement('a');
+  a.href = url;
+  a.download = 'mykey.py';
+  a.rel = 'noopener';
+  document.body.appendChild(a);
+  a.click();
+  a.remove();
+  URL.revokeObjectURL(url);
+  showChanToast(t('sys.mykeyExported'), '', 'ok');
+}
+bindClick('export-mykey-btn', async (e) => {
+  e.stopPropagation();
+  try {
+    await exportMykeyToDir();
+  } catch (err) {
+    if (err && (err.name === 'AbortError' || err.code === 20)) return;
+    showChanToast(t('err.mykeyExport'), err.message || String(err), 'err');
+  }
+});
+// 侧边栏「快速接入」：点击官方模型按钮 → 打开预填好的添加模型表单
+const pqEl = document.getElementById('provider-quickstart');
+if (pqEl) pqEl.addEventListener('click', (e) => {
+  const btn = e.target.closest('.pq-btn[data-provider]');
+  if (!btn) return;
+  e.preventDefault(); e.stopPropagation();
+  openAddModelFormForProvider(btn.dataset.provider);
+});
+// 「快速接入」卡片折叠/展开（向下箭头），状态记忆到 localStorage
+const pqToggle = document.getElementById('pq-toggle');
+if (pqEl && pqToggle) {
+  const applyPq = (collapsed) => {
+    pqEl.classList.toggle('collapsed', collapsed);
+    pqToggle.setAttribute('aria-expanded', collapsed ? 'false' : 'true');
+  };
+  let pqCollapsed = false;
+  try { pqCollapsed = localStorage.getItem('ga_pq_collapsed') === '1'; } catch (_) {}
+  applyPq(pqCollapsed);
+  const togglePq = (e) => {
+    if (e) e.stopPropagation();
+    pqCollapsed = !pqEl.classList.contains('collapsed');
+    applyPq(pqCollapsed);
+    try { localStorage.setItem('ga_pq_collapsed', pqCollapsed ? '1' : '0'); } catch (_) {}
+  };
+  pqToggle.addEventListener('click', togglePq);
+  pqToggle.addEventListener('keydown', (e) => {
+    if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); togglePq(); }
+  });
+}
+// 接入指引：复制获取 API Key 的链接
+bindClick('model-guide-copy', (e) => {
+  e.preventDefault(); e.stopPropagation();
+  const link = document.getElementById('model-guide-link');
+  const url = link ? link.href : '';
+  if (!url || !navigator.clipboard) return;
+  navigator.clipboard.writeText(url).then(() => showChanToast(t('guide.copied'), '', 'ok')).catch(() => {});
+});
+bindClick('preset-btn',    (e) => { e.stopPropagation(); openModal('preset-modal'); });
+document.querySelectorAll('.modal').forEach(m =>
+  m.addEventListener('click', (e) => {
+    if (e.target.closest('[data-close]')) {
+      m.hidden = true;
+      m.querySelectorAll('.field-limit-hint').forEach(h => h.style.display = 'none');
+    }
+  }));
+document.addEventListener('keydown', (e) => { if (e.key === 'Escape') closeModals(); });
+
+function showConfirmDialog({ title, message, okText, okKind = 'primary', cancelText } = {}) {
+  const modal = document.getElementById('confirm-modal');
+  if (!modal) return Promise.resolve(false);
+  const titleEl = document.getElementById('confirm-title');
+  const msgEl = document.getElementById('confirm-message');
+  const okBtn = document.getElementById('confirm-ok');
+  const cancelBtn = document.getElementById('confirm-cancel');
+  if (titleEl) titleEl.textContent = title || t('common.confirm');
+  if (msgEl) msgEl.textContent = message || '';
+  if (cancelBtn) cancelBtn.textContent = cancelText || t('common.cancel');
+  if (okBtn) {
+    okBtn.textContent = okText || t('common.confirm');
+    okBtn.classList.toggle('danger', okKind === 'danger');
+    okBtn.classList.toggle('primary', okKind !== 'danger');
+  }
+  modal.hidden = false;
+  return new Promise(resolve => {
+    let done = false;
+    const finish = (yes) => {
+      if (done) return;
+      done = true;
+      modal.hidden = true;
+      cleanup();
+      resolve(yes);
+    };
+    const onOk = (e) => { e.preventDefault(); e.stopPropagation(); finish(true); };
+    const onCancel = (e) => { e.preventDefault(); e.stopPropagation(); finish(false); };
+    const onClose = (e) => { if (e.target.closest('[data-close]')) finish(false); };
+    const onKey = (e) => { if (e.key === 'Escape') { e.preventDefault(); e.stopPropagation(); finish(false); } };
+    const cleanup = () => {
+      okBtn?.removeEventListener('click', onOk);
+      cancelBtn?.removeEventListener('click', onCancel);
+      modal.removeEventListener('click', onClose, true);
+      document.removeEventListener('keydown', onKey, true);
+    };
+    okBtn?.addEventListener('click', onOk);
+    cancelBtn?.addEventListener('click', onCancel);
+    modal.addEventListener('click', onClose, true);
+    document.addEventListener('keydown', onKey, true);
+    okBtn?.focus();
+  });
+}
+
+/* ═══════════════ Markdown ═══════════════ */
+if (typeof marked !== 'undefined') {
+  marked.setOptions({ gfm: true, breaks: true, mangle: false, headerIds: false });
+}
+const ALLOWED_URI_RE = /^(https?:|mailto:|tel:|#|\/)/i;
+function escapeHtml(s) {
+  const d = document.createElement('div'); d.textContent = String(s == null ? '' : s); return d.innerHTML;
+}
+/** GA list_llms 形如 SessionClass/备注；桌面 UI 只展示 / 后一段 */
+function profileLabel(name) {
+  const s = String(name || '');
+  const i = s.indexOf('/');
+  return (i >= 0 ? s.slice(i + 1) : s).trim();
+}
+function normalizeProfiles(list) {
+  return (list || []).map(p => ({ ...p, name: profileLabel(p.name) || p.name }));
+}
+function sanitizeMarkdown(html) {
+  const tpl = document.createElement('template');
+  tpl.innerHTML = String(html);
+  const blocked = new Set(['SCRIPT','STYLE','IFRAME','OBJECT','EMBED','LINK','META','BASE','FORM','INPUT','BUTTON']);
+  const walker = document.createTreeWalker(tpl.content, NodeFilter.SHOW_ELEMENT);
+  const rmv = [];
+  while (walker.nextNode()) {
+    const el = walker.currentNode;
+    if (blocked.has(el.tagName)) { rmv.push(el); continue; }
+    for (const attr of Array.from(el.attributes)) {
+      const n = attr.name.toLowerCase(), v = attr.value.trim();
+      if (n.startsWith('on') || n === 'srcdoc') { el.removeAttribute(attr.name); continue; }
+      if ((n === 'href' || n === 'src' || n === 'xlink:href') && v && !ALLOWED_URI_RE.test(v)) el.removeAttribute(attr.name);
+    }
+    if (el.tagName === 'A') { el.setAttribute('rel','noopener noreferrer'); el.setAttribute('target','_blank'); }
+  }
+  rmv.forEach(el => el.remove());
+  return tpl.innerHTML;
+}
+/* ═══════════════ LaTeX 保护 (PR移植) ═══════════════ */
+const _latexSlots = [];
+function protectLatex(text) {
+  _latexSlots.length = 0;
+  // 先保护代码围栏和行内代码，避免其中的 $ \( \[ 被误匹配
+  const _codeSlots = [];
+  // 代码围栏 ```...```
+  text = text.replace(/```[\s\S]*?```/g, (m) => {
+    const id = _codeSlots.length;
+    _codeSlots.push(m);
+    return `\x00CODE:${id}\x00`;
+  });
+  // 行内代码 `...`
+  text = text.replace(/`[^`\n]+`/g, (m) => {
+    const id = _codeSlots.length;
+    _codeSlots.push(m);
+    return `\x00CODE:${id}\x00`;
+  });
+  // 块级 \[...\]
+  text = text.replace(/\\\[([\s\S]+?)\\\]/g, (_, expr) => {
+    const id = _latexSlots.length;
+    _latexSlots.push({ expr: expr.trim(), display: true });
+    return `<!--LATEX:${id}-->`;
+  });
+  // 块级 $$...$$
+  text = text.replace(/\$\$([\s\S]+?)\$\$/g, (_, expr) => {
+    const id = _latexSlots.length;
+    _latexSlots.push({ expr: expr.trim(), display: true });
+    return `<!--LATEX:${id}-->`;
+  });
+  // 行内 \(...\)
+  text = text.replace(/\\\(([\s\S]+?)\\\)/g, (_, expr) => {
+    const id = _latexSlots.length;
+    _latexSlots.push({ expr: expr.trim(), display: false });
+    return `<!--LATEX:${id}-->`;
+  });
+  // 行内 $...$（不贪婪，排除 $$ 和转义）
+  text = text.replace(/(?<!\\)\$([^\n$]+?)\$/g, (_, expr) => {
+    const id = _latexSlots.length;
+    _latexSlots.push({ expr: expr.trim(), display: false });
+    return `<!--LATEX:${id}-->`;
+  });
+  // 恢复代码占位符
+  text = text.replace(/\x00CODE:(\d+)\x00/g, (_, i) => _codeSlots[Number(i)]);
+  return text;
+}
+function restoreLatex(html) {
+  if (!_latexSlots.length) return html;
+  return html.replace(/<!--LATEX:(\d+)-->/g, (_, i) => {
+    const slot = _latexSlots[Number(i)];
+    if (!slot) return '';
+    if (typeof katex === 'undefined') {
+      return slot.display ? `<div class="katex-block">${escapeHtml(slot.expr)}</div>`
+                          : `<span class="katex-inline">${escapeHtml(slot.expr)}</span>`;
+    }
+    try {
+      const rendered = katex.renderToString(slot.expr, { displayMode: slot.display, throwOnError: false });
+      return slot.display ? `<div class="katex-block">${rendered}</div>`
+                          : `<span class="katex-inline">${rendered}</span>`;
+    } catch (_) { return escapeHtml(slot.expr); }
+  });
+}
+
+function renderMarkdown(text) {
+  if (typeof marked === 'undefined') return escapeHtml(text).replace(/\n/g, '<br>');
+  try {
+    const protected_ = protectLatex(String(text || ''));
+    let html = sanitizeMarkdown(marked.parse(protected_));
+    html = restoreLatex(html);
+    // TUI 风格代码块：包装 pre>code 为 .code-block 容器 + 语言头
+    html = html.replace(/<pre><code\b(?:\s+class="language-([^"]*)")?[^>]*>([\s\S]*?)<\/code><\/pre>/g,
+      (_, lang, body) => {
+        const label = lang || 'code';
+        return `<div class="code-block"><div class="code-block-head"><span class="code-block-lang">${escapeHtml(label)}</span><button class="code-block-copy" aria-label="Copy code">\u29C9</button></div><pre><code class="language-${escapeHtml(label)}">${body}</code></pre></div>`;
+      });
+    return html;
+  } catch (_) { return escapeHtml(text); }
+}
+/**
+ * Agent 流协议（与 agent_loop.py / continue_cmd 一致）按行解析：
+ * - 工具调用：🛠️ 行 + 开围栏行 `` `{n}text `` + 正文 + 闭围栏行（仅 `{n}，取区间内最后一行）
+ * - 工具结果：开围栏行 `` `{n} ``（n≥5）+ 正文 + 同长度闭围栏行
+ */
+function parseAgentFenceLine(line) {
+  const m = /^[ \t]*(`{3,})([^\n`]*)[ \t]*$/.exec(line ?? '');
+  if (!m) return null;
+  return { ticks: m[1].length, tag: m[2] };
+}
+
+function isAgentStructureBoundaryLine(line, opts) {
+  if (/^🛠️ Tool:/.test(line)) return true;
+  // 工具「结果」区内：5 反引号是开/闭围栏，不能当边界（否则闭围栏会被当成下一结构 → 拆出多个空「工具结果」）
+  if (!opts || !opts.forToolResult) {
+    const f = parseAgentFenceLine(line);
+    if (f && f.ticks >= 5 && f.tag === '') return true;
+  }
+  if (/^\*\*LLM Running \(Turn \d+\)/.test(line)) return true;
+  if (/^<thinking>/i.test(line)) return true;
+  return false;
+}
+
+function indexOfNextAgentStructureLine(lines, from, opts) {
+  for (let i = from; i < lines.length; i++) {
+    if (isAgentStructureBoundaryLine(lines[i], opts)) return i;
+  }
+  return lines.length;
+}
+
+function lastFenceCloseLineIndex(lines, from, toExclusive, tickCount) {
+  let last = -1;
+  for (let i = from; i < toExclusive; i++) {
+    const f = parseAgentFenceLine(lines[i]);
+    if (f && f.ticks === tickCount && f.tag === '') last = i;
+  }
+  return last;
+}
+
+function parseToolCallBlock(lines, i) {
+  const m = /^🛠️ Tool: `([^`]+)`/.exec(lines[i] || '');
+  if (!m) return null;
+  const open = parseAgentFenceLine(lines[i + 1]);
+  if (!open || open.tag !== 'text') return null;
+  const bodyStart = i + 2;
+  const zoneEnd = indexOfNextAgentStructureLine(lines, bodyStart);
+  const closeIdx = lastFenceCloseLineIndex(lines, bodyStart, zoneEnd, open.ticks);
+  if (closeIdx < 0) return null;
+  return {
+    name: m[1],
+    body: lines.slice(bodyStart, closeIdx).join('\n'),
+    nextLine: closeIdx + 1,
+  };
+}
+
+function parseToolResultBlock(lines, i) {
+  const open = parseAgentFenceLine(lines[i]);
+  if (!open || open.ticks < 5 || open.tag !== '') return null;
+  const bodyStart = i + 1;
+  const zoneEnd = indexOfNextToolResultZoneEnd(lines, bodyStart);
+  const closeIdx = lastFenceCloseLineIndex(lines, bodyStart, zoneEnd, open.ticks);
+  if (closeIdx < 0) return null;
+  return {
+    body: lines.slice(bodyStart, closeIdx).join('\n'),
+    nextLine: closeIdx + 1,
+  };
+}
+
+/** 工具结果区 zone：不把 5 反引号围栏行当边界（见 isAgentStructureBoundaryLine） */
+function indexOfNextToolResultZoneEnd(lines, from) {
+  return indexOfNextAgentStructureLine(lines, from, { forToolResult: true });
+}
+
+/** 流式未闭合工具调用（对齐 TUI _safe_pos：末尾 in-flight 🛠️ 块） */
+function parseInFlightToolCall(lines, i) {
+  if (parseToolCallBlock(lines, i)) return null;
+  const m = /^🛠️ Tool: `([^`]+)`/.exec(lines[i] || '');
+  if (!m) return null;
+  const open = parseAgentFenceLine(lines[i + 1]);
+  let bodyStart;
+  let zoneEnd;
+  if (open && open.tag === 'text') {
+    bodyStart = i + 2;
+    zoneEnd = indexOfNextAgentStructureLine(lines, bodyStart);
+    if (lastFenceCloseLineIndex(lines, bodyStart, zoneEnd, open.ticks) >= 0) return null;
+  } else {
+    bodyStart = i + 1;
+    zoneEnd = lines.length;
+    for (let j = i + 1; j < lines.length; j++) {
+      if (isAgentStructureBoundaryLine(lines[j])) { zoneEnd = j; break; }
+    }
+  }
+  return {
+    name: m[1],
+    body: lines.slice(bodyStart, zoneEnd).join('\n'),
+    nextLine: zoneEnd,
+    inFlight: true,
+  };
+}
+
+/** 流式未闭合工具结果（5 反引号围栏未到） */
+function parseInFlightToolResult(lines, i) {
+  if (parseToolResultBlock(lines, i)) return null;
+  const open = parseAgentFenceLine(lines[i]);
+  if (!open || open.ticks < 5 || open.tag !== '') return null;
+  const bodyStart = i + 1;
+  const zoneEnd = indexOfNextToolResultZoneEnd(lines, bodyStart);
+  if (lastFenceCloseLineIndex(lines, bodyStart, zoneEnd, open.ticks) >= 0) return null;
+  return {
+    body: lines.slice(bodyStart, zoneEnd).join('\n'),
+    nextLine: zoneEnd,
+    inFlight: true,
+  };
+}
+
+/** 将 agent 协议块替换为占位符，其余行原样保留给 Markdown */
+function foldAgentProtocolBlocks(body, { onTool, onResult }) {
+  const lines = String(body || '').split('\n');
+  const out = [];
+  let proseFrom = 0;
+  let i = 0;
+
+  const flushProse = (until) => {
+    if (until <= proseFrom) return;
+    out.push(lines.slice(proseFrom, until).join('\n'));
+    proseFrom = until;
+  };
+
+  while (i < lines.length) {
+    const tool = parseToolCallBlock(lines, i);
+    if (tool) {
+      flushProse(i);
+      out.push(onTool(tool.name, tool.body));
+      i = tool.nextLine;
+      proseFrom = i;
+      continue;
+    }
+    const result = parseToolResultBlock(lines, i);
+    if (result) {
+      flushProse(i);
+      out.push(onResult(result.body));
+      i = result.nextLine;
+      proseFrom = i;
+      continue;
+    }
+    const liveTool = parseInFlightToolCall(lines, i);
+    if (liveTool) {
+      flushProse(i);
+      out.push(onTool(liveTool.name, liveTool.body, { inFlight: true }));
+      i = liveTool.nextLine;
+      proseFrom = i;
+      continue;
+    }
+    const liveResult = parseInFlightToolResult(lines, i);
+    if (liveResult) {
+      flushProse(i);
+      out.push(onResult(liveResult.body, { inFlight: true }));
+      i = liveResult.nextLine;
+      proseFrom = i;
+      continue;
+    }
+    i++;
+  }
+  flushProse(lines.length);
+  return out.join('');
+}
+
+function extractAskUserToolJson(content) {
+  const lines = String(content || '').split('\n');
+  for (let i = 0; i < lines.length; i++) {
+    const block = parseToolCallBlock(lines, i);
+    if (block && block.name === 'ask_user') return block.body;
+  }
+  return null;
+}
+
+// ============================================================================
+// [turn_segs 数据结构层] —— 单轮渲染的纯函数，供 append-only draft 与静态消息复用
+// 设计：每个函数自包含（内部自建 folds/asks 占位栈，渲染完即还原），轮间零共享状态。
+// renderTurnBody(body)        : 单轮原文 → 该轮内层HTML（块级折叠thinking/tool/result）
+// renderTurnFold(body, turnIndex) : 单轮原文 → 旧轮的<details>折叠壳（内部下标0起，标题显示1起+summary副标题）
+// 结构化 turn_segs 渲染使用的纯函数：折叠工具块、ask_user 与轮摘要。
+// ============================================================================
+// 去除 GenericAgent 轮次分隔标记；turn_segs 已结构化，不应展示原始 marker
+function stripTurnMarker(body) {
+  return String(body || '')
+    .replace(/^\s*\**LLM Running \(Turn \d+\) \.\.\.\**\s*/i, '');
+}
+
+function renderTurnBody(body) {
+  // 自包含：每次调用独立的占位栈，渲染完立即还原，无跨调用共享状态
+  const folds = [];
+  const asks = [];
+  const stash = (label, b, cls, opts) => {
+    folds.push({ label, body: b, cls: cls || '', open: !!(opts && opts.open) });
+    return `\n\n§§FOLD:${folds.length - 1}§§\n\n`;
+  };
+  const stashAsk = (data) => { asks.push(data); return `\n\n§§ASK:${asks.length - 1}§§\n\n`; };
+  let s = stripTurnMarker(body);
+  s = s.replace(/<thinking>[\s\S]*?<\/thinking>/gi, m => stash(t('fold.thinking'), m.replace(/<\/?thinking>/gi, ''), 'fold-thinking'));
+  s = foldAgentProtocolBlocks(s, {
+    onTool(name, json, meta) {
+      if (name === 'ask_user' && !meta?.inFlight) {
+        const data = parseAskUserJson(json);
+        if (data && normalizeAskUserData(data)) return stashAsk(data);
+      }
+      const live = !!meta?.inFlight;
+      return stash(`${t('fold.tool')}: ${name}${live ? ' …' : ''}`, json,
+        live ? 'fold-tool fold-tool-live' : 'fold-tool', { open: live });
+    },
+    onResult(b, meta) {
+      const live = !!meta?.inFlight;
+      return stash(`${t('fold.toolResult')}${live ? ' …' : ''}`, b,
+        live ? 'fold-result fold-tool-live' : 'fold-result', { open: live });
+    },
+  });
+  s = s.replace(/<function_calls>[\s\S]*?<\/function_calls>/gi, m => stash(t('fold.tool'), m, 'fold-tool'));
+  s = s.replace(/<function_results>[\s\S]*?<\/function_results>/gi, m => stash(t('fold.toolResult'), m, 'fold-result'));
+  s = s.replace(/<summary>([\s\S]*?)<\/summary>/gi, (_, inner) => `<div class="turn-summary">${inner}</div>`);
+  let html = renderMarkdown(s);
+  // 还原占位符
+  html = html
+    .replace(/§§ASK:(\d+)§§/g, (_, i) => {
+      const data = asks[Number(i)];
+      return data ? renderAskUserNotice(data) : '';
+    })
+    .replace(/§§FOLD:(\d+)§§/g, (_, i) => {
+      const f = folds[Number(i)];
+      if (!f) return '';
+      const openAttr = f.open ? ' open' : '';
+      return `<details class="fold ${f.cls}"${openAttr}><summary>${escapeHtml(f.label)}</summary><pre class="fold-pre">${escapeHtml(f.body)}</pre></details>`;
+    });
+  return html;
+}
+
+// 抽出该轮首个 <summary> 文本作为折叠头副标题；无则回退提取工具名列表
+function extractTurnSummaryPure(raw) {
+  const m = /<summary>([\s\S]*?)<\/summary>/i.exec(raw || '');
+  if (m) return m[1].replace(/<[^>]+>/g, '').replace(/\s+/g, ' ').trim();
+  const tools = [];
+  const toolRe = /🛠️\s*Tool:\s*`([^`]+)`/g;
+  let tm;
+  while ((tm = toolRe.exec(raw || '')) !== null) {
+    if (!tools.includes(tm[1])) tools.push(tm[1]);
+  }
+  return tools.length ? tools.join(', ') : '';
+}
+
+// 旧轮折叠壳：内部 turnIndex 从 0 起；UI 标题显示为 1 起。调用方一律传内部下标。
+function turnDisplayNo(turnIndex) {
+  return Math.max(0, Number(turnIndex) || 0) + 1;
+}
+function renderTurnFold(body, turnIndex) {
+  const raw = stripTurnMarker(body);
+  const sum = extractTurnSummaryPure(raw);
+  const bodyForRender = sum ? raw.replace(/<summary>[\s\S]*?<\/summary>\s*/i, '') : raw;
+  const inner = renderTurnBody(bodyForRender);
+  const turnLabel = t('fold.turn').replace('{n}', turnDisplayNo(turnIndex));
+  const head = sum
+    ? `${escapeHtml(turnLabel)}：<span class="turn-head-sum">${escapeHtml(sum)}</span>`
+    : escapeHtml(turnLabel);
+  return `<details class="fold fold-turn"><summary>${head}</summary>${inner}</details>`;
+}
+
+function lastInflightBlockBody(body) {
+  const lines = String(body || '').split('\n');
+  let last = null;
+  for (let i = 0; i < lines.length; i++) {
+    const liveTool = parseInFlightToolCall(lines, i);
+    if (liveTool?.inFlight) { last = { body: liveTool.body }; i = liveTool.nextLine - 1; continue; }
+    const closedTool = parseToolCallBlock(lines, i);
+    if (closedTool) { last = null; i = closedTool.nextLine - 1; continue; }
+    const liveRes = parseInFlightToolResult(lines, i);
+    if (liveRes?.inFlight) { last = { body: liveRes.body }; i = liveRes.nextLine - 1; continue; }
+    const closedRes = parseToolResultBlock(lines, i);
+    if (closedRes) { last = null; i = closedRes.nextLine - 1; continue; }
+  }
+  return last;
+}
+
+function tryPatchInflightToolDom(curEl, body, prevBody) {
+  if (!prevBody || body.length < prevBody.length || !body.startsWith(prevBody)) return false;
+  if (!curEl.querySelector('details.fold-tool-live')) return false;
+  const prevBlock = lastInflightBlockBody(prevBody);
+  const curBlock = lastInflightBlockBody(body);
+  if (!curBlock || !prevBlock || !curBlock.body.startsWith(prevBlock.body)) return false;
+  const liveFolds = curEl.querySelectorAll('details.fold-tool-live');
+  const pre = liveFolds[liveFolds.length - 1]?.querySelector('.fold-pre');
+  if (!pre) return false;
+  pre.textContent = curBlock.body;
+  return true;
+}
+
+function parseAskUserJson(raw) {
+  if (raw == null) return null;
+  const txt = String(raw).trim();
+  if (!txt) return null;
+  try { return JSON.parse(txt); } catch (_) {}
+  try {
+    let out = '';
+    let inStr = false;
+    let esc = false;
+    for (let i = 0; i < txt.length; i++) {
+      const c = txt[i];
+      if (esc) { out += c; esc = false; continue; }
+      if (c === '\\') { out += c; esc = true; continue; }
+      if (c === '"') { inStr = !inStr; out += c; continue; }
+      if (inStr) {
+        if (c === '\n') out += '\\n';
+        else if (c === '\r') out += '\\r';
+        else if (c === '\t') out += '\\t';
+        else if (c.charCodeAt(0) < 0x20) out += '\\u' + c.charCodeAt(0).toString(16).padStart(4, '0');
+        else out += c;
+      } else out += c;
+    }
+    return JSON.parse(out);
+  } catch (_) {}
+  return null;
+}
+
+function normalizeAskUserData(data) {
+  const raw = data || {};
+  const question = String(raw.question || '').trim();
+  if (!question) return null;
+  const cs = raw.candidates || [];
+  const candidates = Array.isArray(cs)
+    ? cs.map(x => String(x == null ? '' : x)).filter(x => x.trim())
+    : [];
+  return { question, candidates };
+}
+
+/** 格式化 ask_user 题干：编号与正文同行；无空行时在 2./3. 前分段 */
+function formatAskUserQuestion(text) {
+  let s = String(text || '').trim();
+  if (!s) return s;
+  // 「1.\n正文」→「1. 正文」
+  s = s.replace(/^(\d+[.、:：)])\s*\n+\s*/gm, '$1 ');
+  s = s.replace(/(\n)(\d+[.、:：)])\s*\n+\s*/g, '$1$2 ');
+  s = s.replace(/(\n|^)(问题\s*\d+\s*[:：.、)]?)\s*\n+\s*/gi, '$1$2 ');
+  // 题与题之间：尚无空行时，仅在 2./3. 前插入空行（不动 1. 与题干）
+  if (!/\n\s*\n/.test(s)) {
+    s = s.replace(/(\S)\s+(?=问题\s*[2-9]\d*\s*[:：.、)]?\s*)/gi, '$1\n\n');
+    s = s.replace(/(\S)\s+(?=[2-9]\d*[.、:：)]\s+\S)/g, '$1\n\n');
+  }
+  return boldAskQuestionLines(s);
+}
+
+function boldAskQuestionLines(text) {
+  return String(text || '').split('\n').map(line => {
+    const t = line.trim();
+    if (!t || /^\*\*.+\*\*$/.test(t)) return line;
+    if (/^\d+[.、:：)]\s+\S/.test(t)) return '**' + t + '**';
+    if (/^问题\s*\d+/i.test(t)) return '**' + t + '**';
+    if (/[？?]\s*$/.test(t) && !/^[A-Da-d][.)]\s/.test(t)) return '**' + t + '**';
+    return line;
   }).join('\n');
 }
 
-function renderDiagnostics() {
-  if (diagnosticsLogEl) diagnosticsLogEl.textContent = formatDiagnostics();
+function markAskOptionHtml(html) {
+  let out = String(html || '');
+  out = out.replace(/<p>([^<]*[A-Da-d][.)]\s[^<]*)<\/p>/gi, '<p class="ask-option-line">$1</p>');
+  out = out.replace(/(<br\s*\/?>)\s*([A-Da-d][.)]\s[^<]+)/gi, '<span class="ask-option-line">$2</span>');
+  return out;
 }
 
-function openDiagnostics() {
-  renderDiagnostics();
-  diagnosticsPanel.classList.remove('hidden');
+/** 预览模式：true = 始终显示 candidates；false = 题干已含选项/多题时不重复渲染底部列表 */
+const ASK_USER_ALWAYS_SHOW_CANDIDATES = false;
+
+/** 题干已含选项/多题，或 candidates 无法与题干对应时，不再重复渲染底部列表 */
+function shouldShowAskCandidates(item) {
+  if (!item || !item.candidates.length) return false;
+  if (ASK_USER_ALWAYS_SHOW_CANDIDATES) return true;
+  const q = item.question;
+  if (/两个问题|多个问题|两道|两题/.test(q)) return false;
+  if ((q.match(/问题\s*\d/gi) || []).length >= 2) return false;
+  if ((q.match(/^[ \t]*\d+[.、:：)]\s+/gm) || []).length >= 2) return false;
+  if ((q.match(/^[ \t]*[A-Da-d][.)]\s/mg) || []).length >= 2) return false;
+  const comboN = item.candidates.filter(c => /\d+[A-Da-d]\s*\+\s*\d+[A-Da-d]/i.test(c)).length;
+  if (comboN >= Math.max(1, Math.ceil(item.candidates.length * 0.5))) return false;
+  // 题干里有多道问句，却把全部选项平铺在 candidates → 无法区分归属，不展示
+  const qMarks = (q.match(/[？?]/g) || []).length;
+  if (qMarks >= 2 && item.candidates.length > 4) return false;
+  return true;
 }
 
-function closeDiagnostics() {
-  diagnosticsPanel.classList.add('hidden');
+
+function renderAskUserNotice(data) {
+  const item = normalizeAskUserData(data);
+  if (!item) return '';
+  // 单题与多题统一处理：多题的选项本就内联在题干里；单题的选项放在 candidates 里，
+  // 这里把它折叠进题干，按同样的 A./B./C. 内联方式渲染，不再单独画一个编号列表。
+  const question = foldAskCandidates(item);
+  const qHtml = markAskOptionHtml(renderMarkdown(formatAskUserQuestion(question)));
+  return `<div class="ask-user-notice" data-ask-user="1">
+    <div class="ask-user-banner">
+      <span class="ask-user-banner-text">${escapeHtml(t('ask.banner'))}</span>
+      <span class="ask-user-banner-sep" aria-hidden="true">·</span>
+      <span class="ask-user-banner-hint">${escapeHtml(t('ask.replyHint'))}</span>
+    </div>
+    ${qHtml ? `<div class="ask-user-body md">${qHtml}</div>` : ''}
+  </div>`;
 }
 
-async function copyDiagnostics() {
-  const text = formatDiagnostics();
-  try {
-    await navigator.clipboard.writeText(text);
-    addDiagnostic('info', 'Diagnostics copied to clipboard');
-  } catch (err) {
-    addDiagnostic('error', 'Failed to copy diagnostics', err);
-    showError('Failed to copy diagnostics: ' + (err.message || err), null, null, { skipDiagnostic: true });
+/** 单题的 candidates 折叠进题干（统一成 A./B./C. 内联选项）；多题或无法对应时原样返回题干 */
+function foldAskCandidates(item) {
+  if (!shouldShowAskCandidates(item)) return item.question;
+  const opts = item.candidates.map((c, j) => {
+    const label = String(c).replace(/^\s*(?:[A-Za-z]|\d{1,2})\s*[.)、:：]\s*/, '').trim();
+    return `${String.fromCharCode(65 + j)}. ${label}`;
+  }).join('\n');
+  // 用单换行（而非空行）拼进题干，让题干+选项渲染成同一个 <p>，每个选项都跟在 <br> 后面 —
+  // 与多题内联选项走完全一致的 .ask-option-line 缩进，避免首项 A 贴左边、B/C/D 缩进的错位。
+  return item.question.replace(/\s+$/, '') + '\n' + opts;
+}
+
+function askUserPlaceholder(item) {
+  // 单题与多题统一：都用自由作答提示，不再针对单题单独显示「输入 1/2/3 选择」
+  return t('ask.placeholderOpen');
+}
+
+function assistantStructuredText(msg) {
+  if (!msg || msg.role !== 'assistant') return '';
+  if (Array.isArray(msg.turn_segs) && msg.turn_segs.length) return msg.turn_segs.join('\n');
+  return typeof msg.content === 'string' ? msg.content : '';
+}
+
+function getPendingAskUser(sess) {
+  if (!sess || rt(sess).busy) return null;
+  const msgs = sess.messages || [];
+  let lastAskIdx = -1;
+  let askData = null;
+  for (let i = msgs.length - 1; i >= 0; i--) {
+    if (msgs[i].role !== 'assistant') continue;
+    const json = extractAskUserToolJson(assistantStructuredText(msgs[i]));
+    if (json != null) {
+      lastAskIdx = i;
+      askData = normalizeAskUserData(parseAskUserJson(json));
+      break;
+    }
   }
+  if (!askData) return null;
+  const replied = msgs.slice(lastAskIdx + 1).some(m => m.role === 'user');
+  return replied ? null : askData;
 }
 
-function clearDiagnostics() {
-  const sess = state.sessions.get(state.activeId);
-  if (sess) sess.diagnostics = [];
-  renderDiagnostics();
-}
-
-// ─── Markdown ─────────────────────────────────────────────────────────────
-if (typeof marked !== 'undefined') {
-  marked.setOptions({
-    gfm: true,
-    breaks: true,
-    mangle: false,
-    headerIds: false
+function syncAskUserUi() {
+  const sess = activeSess();
+  const pending = sess ? getPendingAskUser(sess) : null;
+  const notices = [...document.querySelectorAll('.ask-user-notice')];
+  notices.forEach((el, i) => {
+    const isLast = i === notices.length - 1;
+    el.classList.toggle('is-active', !!pending && isLast);
+    el.classList.toggle('is-answered', !pending || !isLast);
   });
+  if (inputEl) inputEl.setAttribute('data-ph', pending ? askUserPlaceholder(pending) : t('composer.placeholder'));  // contenteditable 用 data-ph（无 placeholder 属性）
+  if (composerEl) composerEl.classList.toggle('is-awaiting-answer', !!pending);
 }
 
-const ALLOWED_URI_RE = /^(https?:|mailto:|tel:|#|\/)/i;
+/* ═══════════════ 渲染后增强 (PR移植) ═══════════════ */
+/* ───────────── 统一复制 SVG Icon ───────────── */
+// Phosphor 图标助手：把 window.gaIcon(name) 包一层，给动态渲染的 UI 用，与静态 [data-ga-icon] 保持一致
+const GA_ICON = (name, className = '') => (typeof window.gaIcon === 'function' ? window.gaIcon(name, className) : '');
+const SVG_COPY_ICON = GA_ICON('copy');
+const SVG_CHECK_ICON = GA_ICON('check');
 
-function renderMarkdown(text) {
-  if (typeof marked === 'undefined') {
-    const div = document.createElement('div');
-    div.textContent = text;
-    return div.innerHTML;
-  }
-  try {
-    return sanitizeMarkdown(marked.parse(text));
-  } catch (e) {
-    return escapeHtml(text);
-  }
-}
-
-function sanitizeMarkdown(html) {
-  const template = document.createElement('template');
-  template.innerHTML = String(html);
-  const blockedTags = new Set(['SCRIPT', 'STYLE', 'IFRAME', 'OBJECT', 'EMBED', 'LINK', 'META', 'BASE', 'FORM', 'INPUT', 'BUTTON']);
-  const walker = document.createTreeWalker(template.content, NodeFilter.SHOW_ELEMENT);
-  const removals = [];
-  while (walker.nextNode()) {
-    const el = walker.currentNode;
-    if (blockedTags.has(el.tagName)) {
-      removals.push(el);
-      continue;
+function postRenderEnhance(containerEl) {
+  if (!containerEl) return;
+  // 代码高亮 + 复制按钮（.code-block 容器已自带头部复制按钮，跳过）
+  containerEl.querySelectorAll('pre code').forEach(block => {
+    if (typeof hljs !== 'undefined') hljs.highlightElement(block);
+    if (block.closest('.code-block')) return; // TUI 风格容器已有复制按钮
+    if (!block.parentElement.querySelector('.code-copy-btn')) {
+      const btn = document.createElement('button');
+      btn.className = 'code-copy-btn'; btn.innerHTML = SVG_COPY_ICON;
+      btn.title = t('act.copy');
+      btn.onclick = () => {
+        navigator.clipboard.writeText(block.textContent).then(() => {
+          btn.innerHTML = SVG_CHECK_ICON; setTimeout(() => btn.innerHTML = SVG_COPY_ICON, 1500);
+        });
+      };
+      block.parentElement.style.position = 'relative';
+      block.parentElement.appendChild(btn);
     }
-    for (const attr of Array.from(el.attributes)) {
-      const name = attr.name.toLowerCase();
-      const value = attr.value.trim();
-      if (name.startsWith('on') || name === 'srcdoc') {
-        el.removeAttribute(attr.name);
-        continue;
-      }
-      if ((name === 'href' || name === 'src' || name === 'xlink:href') && value && !ALLOWED_URI_RE.test(value)) {
-        el.removeAttribute(attr.name);
-      }
-    }
-    if (el.tagName === 'A') {
-      el.setAttribute('rel', 'noopener noreferrer');
-      el.setAttribute('target', '_blank');
-    }
-  }
-  for (const el of removals) el.remove();
-  return template.innerHTML;
-}
-
-
-function detectStructuredKind(line) {
-  const trimmed = String(line || '').trim();
-  const m = trimmed.match(/^(TOOL_RECALL|TOOL_REQUEST|TOOL_RESPONSE|COWORK|TUNR|TURN|ACTION|OBSERVATION|THOUGHT|TOOL)[\s:_-]*(.*)$/i);
-  if (m) return { kind: m[1].toUpperCase(), rest: (m[2] || '').trim() };
-
-  // GenericAgent's ACP bridge currently streams tool calls/results as plain
-  // assistant text, not as ACP `tool_call` notifications. Recognize the real
-  // XML-ish markers so streamed code_run/file_read/etc. blocks are folded.
-  if (/^<function_calls\b[^>]*>/i.test(trimmed) || /^<invoke\b[^>]*\bname=["'][^"']+["'][^>]*>/i.test(trimmed)) {
-    return { kind: 'TOOL_CALL', rest: trimmed };
-  }
-  if (/^<function_results\b[^>]*>/i.test(trimmed) || /^<result\b[^>]*>/i.test(trimmed)) {
-    return { kind: 'TOOL_RESULT', rest: trimmed };
-  }
-  return null;
-}
-
-function isStructuredClosingLine(line, kind, textSoFar) {
-  const trimmed = String(line || '').trim();
-  const block = String(textSoFar || '');
-  if (kind === 'TOOL_CALL') {
-    if (/^<\/function_calls>$/i.test(trimmed)) return true;
-    // Single-invoke streams may omit the <function_calls> wrapper.
-    return /^<\/invoke>$/i.test(trimmed) && !/^\s*<function_calls\b/im.test(block);
-  }
-  if (kind === 'TOOL_RESULT') {
-    if (/^<\/function_results>$/i.test(trimmed)) return true;
-    // Single-result streams may omit the <function_results> wrapper.
-    return /^<\/result>$/i.test(trimmed) && !/^\s*<function_results\b/im.test(block);
-  }
-  return false;
-}
-
-function summarizeStructuredBlock(kind, text) {
-  const raw = String(text || '');
-  // For all kinds: prefer <summary> tag content only
-  const summaryMatch = raw.match(/<summary>\s*([\s\S]*?)\s*<\/summary>/i);
-  if (summaryMatch) {
-    const line = summaryMatch[1].trim().split('\n')[0] || kind;
-    return line.length > 96 ? line.slice(0, 96) + '…' : line;
-  }
-  // No summary tag: show kind only (no body text leakage)
-  if (kind === 'LLM_RUNNING') return 'LLM Running';
-  return kind;
-}
-
-const LLM_RUNNING_MARKER_RE = /(\**LLM Running \(Turn \d+\) \.\.\.\**)/g;
-
-function splitLLMRunningSegments(raw) {
-  const placeholders = [];
-  const protect = value => {
-    placeholders.push(value);
-    return `\u0000PH${placeholders.length - 1}\u0000`;
-  };
-  let safe = String(raw || '').replace(/`{4,}[\s\S]*?`{4,}/g, protect);
-  safe = safe.replace(/`{4,}[^`][\s\S]*$/g, protect);
-  const restore = value => String(value || '').replace(/\u0000PH(\d+)\u0000/g, (_, i) => placeholders[Number(i)] || '');
-  const parts = safe.split(LLM_RUNNING_MARKER_RE).map(restore);
-  if (parts.length < 4) return null;
-  const segments = [];
-  if (parts[0] && parts[0].trim()) segments.push({ kind: 'agent_message_chunk', text: parts[0].trimEnd() });
-  const turns = [];
-  for (let i = 1; i < parts.length; i += 2) {
-    turns.push({ marker: parts[i] || '', content: parts[i + 1] || '' });
-  }
-  turns.forEach((turn, idx) => {
-    const text = `${turn.marker}${turn.content}`.trimEnd();
-    if (!text) return;
-    // Match Streamlit: historical/intermediate LLM Running turns are folded;
-    // the latest turn remains plain so final answers are not hidden by default.
-    segments.push({ kind: idx < turns.length - 1 ? 'LLM_RUNNING' : 'agent_message_chunk', text });
   });
-  return segments.length ? segments : null;
-}
-
-function splitStructuredSegments(text) {
-  const raw = String(text || '');
-  const llmSegments = splitLLMRunningSegments(raw);
-  if (llmSegments) return llmSegments;
-  const lines = raw.split(/\r?\n/);
-  const segments = [];
-  let buf = [];
-  let kind = 'agent_message_chunk';
-  let inFence = false;
-  const flush = () => {
-    if (!buf.length) return;
-    segments.push({ kind, text: buf.join('\n').trimEnd() });
-    buf = [];
-  };
-  for (const line of lines) {
-    const fence = /^\s*```/.test(line);
-    const hit = !inFence ? detectStructuredKind(line) : null;
-    if (hit && hit.kind !== kind) {
-      flush();
-      kind = hit.kind;
-      buf.push(line);
-    } else {
-      buf.push(line);
-    }
-    if (!inFence && kind !== 'agent_message_chunk' && isStructuredClosingLine(line, kind, buf.join('\n'))) {
-      flush();
-      kind = 'agent_message_chunk';
-    }
-    if (fence) inFence = !inFence;
-  }
-  flush();
-  return segments.length ? segments : [{ kind: 'agent_message_chunk', text: raw }];
-}
-
-function hasUnfencedStructuredMarker(text) {
-  let inFence = false;
-  for (const line of String(text || '').split(/\r?\n/)) {
-    const fence = /^\s*```/.test(line);
-    if (!inFence && detectStructuredKind(line)) return true;
-    if (fence) inFence = !inFence;
-  }
-  return false;
-}
-
-function shouldFoldSegment(kind, text) {
-  return kind !== 'agent_message_chunk' || hasUnfencedStructuredMarker(text);
-}
-
-function getNowMs() {
-  if (typeof performance !== 'undefined' && typeof performance.now === 'function') return Math.round(performance.now());
-  return Date.now();
-}
-
-function formatDuration(ms) {
-  const value = Number(ms);
-  if (!Number.isFinite(value) || value < 0) return '';
-  if (value < 1000) return `${Math.max(1, Math.round(value))}ms`;
-  if (value < 60000) return `${(value / 1000).toFixed(value < 10000 ? 1 : 0)}s`;
-  const minutes = Math.floor(value / 60000);
-  const seconds = Math.round((value % 60000) / 1000);
-  return `${minutes}m ${seconds}s`;
-}
-
-function formatTaskElapsed(ms, ended) {
-  const totalSeconds = Math.max(0, Math.floor(Number(ms) / 1000));
-  const hours = Math.floor(totalSeconds / 3600);
-  const minutes = Math.floor((totalSeconds % 3600) / 60);
-  const seconds = totalSeconds % 60;
-  const parts = [];
-  if (hours) parts.push(`${hours}h`);
-  if (hours || minutes) parts.push(`${minutes}min`);
-  parts.push(`${seconds}s`);
-  const elapsed = parts.join(' ');
-  if (ended) return `Done ✓ ${elapsed}`;
-  const spinner = '⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏';
-  const frame = spinner[Math.floor(Date.now() / 1000) % spinner.length];
-  return `${frame} ${elapsed}`;
-}
-
-function getSessionRuntime(sess) {
-  if (!sess) return null;
-  const sessionId = sess.id;
-  let runtime = state.runtimeBySessionId.get(sessionId);
-  if (!runtime) {
-    runtime = {
-      busy: false,
-      currentTurnEl: null,
-      lastMessageType: null,
-      taskStartedAt: 0,
-      taskTimerId: null,
-      assistantDraft: null,
-
+  // TUI 代码块头部复制按钮绑定
+  containerEl.querySelectorAll('.code-block-copy').forEach(btn => {
+    if (btn.dataset.bound) return;
+    btn.dataset.bound = '1';
+    btn.onclick = () => {
+      const code = btn.closest('.code-block').querySelector('code');
+      if (!code) return;
+      navigator.clipboard.writeText(code.textContent.trim()).then(() => {
+        btn.textContent = '\u2713';
+        setTimeout(() => { btn.textContent = '\u29C9'; }, 1500);
+      });
     };
-    state.runtimeBySessionId.set(sessionId, runtime);
+  });
+  // KaTeX 复制按钮
+  containerEl.querySelectorAll('.katex-block').forEach(el => {
+    if (el.querySelector('.latex-copy-btn')) return;
+    const src = el.querySelector('annotation[encoding="application/x-tex"]');
+    if (!src) return;
+    const btn = document.createElement('button');
+    btn.className = 'latex-copy-btn'; btn.textContent = '\u29C9';
+    btn.title = t('act.copyTex');
+    btn.onclick = () => {
+      navigator.clipboard.writeText(src.textContent).then(() => {
+        btn.textContent = '\u2713'; setTimeout(() => btn.textContent = '\u29C9', 1500);
+      });
+    };
+    el.style.position = 'relative';
+    el.appendChild(btn);
+  });
+  syncAskUserUi();
+}
+
+
+/* ═══════════════ 状态 ═══════════════ */
+const state = {
+  sessions: new Map(), activeId: null, bridgeReady: false,
+  llmNo: 0, modelProfiles: [], modelName: null,
+  runtime: new Map(),
+  pendingFiles: [],
+  fileSeq: 0,
+};
+function rt(sess) {
+  let r = state.runtime.get(sess.id);
+  if (!r) { r = { polling:false, busy:false, lastId:0, seen:new Set(), draftEl:null, draftSegs:null, draftTurn:0, taskStartedAt:null, taskEndedAt:null, taskTimerId:null, planCompleteAt:null, planLostAt:null, planHoldItems:[], planLastPayload:null, planLastComplete:false, planHideTimer:null, planDismissedComplete:false, planCollapsed:false, planShowAll:false }; state.runtime.set(sess.id, r); }
+  return r;
+}
+const activeSess = () => state.sessions.get(state.activeId) || null;
+const isActive = (sess) => sess && sess.id === state.activeId;
+
+function saveSessions() {}
+function patchSession(sess, fields) {
+  if (!sess.bridgeSessionId) return;
+  fetch(`${BRIDGE_ORIGIN}/session/${encodeURIComponent(sess.bridgeSessionId)}`, {
+    method: 'PATCH', headers: {'Content-Type':'application/json'}, body: JSON.stringify(fields)
+  }).catch(() => {});
+}
+async function loadSessions() {
+  try {
+    const res = await fetch(`${BRIDGE_ORIGIN}/sessions`);
+    const data = await res.json();
+    if (!data.sessions) return;
+    for (const s of data.sessions) {
+      state.sessions.set(s.id, {
+        id: s.id, bridgeSessionId: s.id, title: s.title,
+        messages: [], untitled: s.untitled ?? true,
+        pinned: s.pinned ?? false, lastActiveTs: s.updatedAt || s.createdAt
+      });
+    }
+    // 刷新后固定恢复「上次正在看的会话」（前端持久化的 ga_active），而不是 bridge 的
+    // activeSessionId（=最近更新的会话，会随后台会话变动而跳来跳去）。没有有效的已存
+    // 会话则置空 → 显示「新会话」空态，由用户自己点选。
+    const savedActive = localStorage.getItem('ga_active');
+    state.activeId = (savedActive && state.sessions.has(savedActive)) ? savedActive : null;
+  } catch (_) {}
+}
+
+/* ═══════════════ DOM refs ═══════════════ */
+const chatPage   = document.querySelector('.page[data-page="chat"]');
+const msgArea    = chatPage.querySelector('.msg-area');
+const chatStart  = msgArea.querySelector('.chat-start');
+const inputEl    = document.getElementById('chat-input');
+const sendBtn    = document.getElementById('send-btn');
+const planBarEl = document.getElementById('plan-bar');
+const composerEl = document.getElementById('chat-composer');
+const msgLoading = document.getElementById('msg-loading');
+const sessionLoadingEl = document.getElementById('session-loading');
+const MIN_MSG_LOADING_MS = 450;
+const HYDRATE_LOADING_TIMEOUT_MS = 10000;
+const POLL_MSG_LIMIT = 200;
+const PLAN_LOST_GRACE_MS = 1500;  // tuiapp_v2._PLAN_LOST_GRACE_SEC
+const PLAN_COMPLETE_GRACE_MS = 3000;  // tuiapp_v2._PLAN_GRACE_SEC
+
+function isPlanPresetPrompt(text) {
+  const p = String(text || '').toLowerCase();
+  return p.includes('plan_sop') || p.includes('plan 模式') || p.includes('plan mode');
+}
+let _submitInFlight = false;
+const runToggle  = document.getElementById('run-toggle');
+const chatStatus = pageStatusBar(runToggle);
+const runLabel   = runToggle?.querySelector('.rs-label');
+const convListEl = document.querySelector('.conv-list');
+const newConvBtn = document.querySelector('.new-conv');
+const searchInput = document.querySelector('.search input');
+const rpResize   = document.getElementById('rp-resize');
+const rpPanel    = document.getElementById('rightpanel');
+const bodyEl     = document.querySelector('.body');
+/* 每个页面的 page-top 各自挂一对 hamburger / 会话 按钮(.pt-sb-toggle / .pt-rp-toggle),
+   全部绑同一个 toggle,效果跟以前的单一 sb-toggle/rp-toggle 一样,只是入口变成顶栏。 */
+document.querySelectorAll('.pt-sb-toggle').forEach(b => b.addEventListener('click', () => bodyEl.classList.toggle('sb-collapsed')));
+document.querySelectorAll('.pt-rp-toggle').forEach(b => b.addEventListener('click', () => bodyEl.classList.toggle('rp-collapsed')));
+
+const sbResize = document.getElementById('sb-resize');
+const sbPanel  = document.querySelector('.sidebar');
+
+// 通用拖拽：dir=+1 拖动 →clientX 增大就增宽(左侧栏);dir=-1 反之(右侧)
+function bindResize(handle, panel, dir, min, max) {
+  if (!handle || !panel) return;
+  let dragging = false, startX = 0, startW = 0;
+  handle.addEventListener('mousedown', (e) => {
+    dragging = true; startX = e.clientX; startW = panel.offsetWidth;
+    handle.classList.add('dragging');
+    panel.style.transition = 'none';  // 拖拽期间禁用 transition，避免宽度动画延迟
+    document.body.style.cursor = 'col-resize';
+    document.body.style.userSelect = 'none';
+    e.preventDefault();
+  });
+  document.addEventListener('mousemove', (e) => {
+    if (!dragging) return;
+    const w = Math.min(max, Math.max(min, startW + dir * (e.clientX - startX)));
+    panel.style.width = w + 'px';
+    panel.style.flex = '0 0 ' + w + 'px';
+  });
+  document.addEventListener('mouseup', () => {
+    if (!dragging) return;
+    dragging = false;
+    handle.classList.remove('dragging');
+    panel.style.transition = '';  // 恢复 CSS transition（按钮折叠动画仍生效）
+    document.body.style.cursor = '';
+    document.body.style.userSelect = '';
+  });
+}
+bindResize(rpResize, rpPanel, -1, 160, 400);  // 右栏:cursor 左移 → 增宽
+bindResize(sbResize, sbPanel, +1, 180, 360);  // 左栏:cursor 右移 → 增宽
+const modelChip  = document.getElementById('model-chip');
+const modelNameEl= modelChip ? modelChip.querySelector('.model-name') : null;
+// conductor 页面也有一个独立的模型 chip,共用一份模型数据
+const collabModelChip   = document.getElementById('cdb-model-chip');
+const collabModelNameEl = collabModelChip ? collabModelChip.querySelector('.model-name') : null;
+
+let msgsEl = null;
+function ensureMsgs() {
+  if (!msgsEl) {
+    msgsEl = document.createElement('div');
+    msgsEl.className = 'msgs';
+    msgArea.insertBefore(msgsEl, msgLoading || null);
   }
-  return runtime;
+  return msgsEl;
+}
+function refreshEmptyState(sess) {
+  const has = sess && sess.messages.length > 0;
+  msgArea.classList.toggle('has-msgs', !!has);
+  if (chatStart) chatStart.style.display = has ? 'none' : '';
+  if (msgsEl) msgsEl.style.display = has ? '' : 'none';
 }
 
-function getActiveSessionRuntime() {
-  const sess = state.sessions.get(state.activeId);
-  return sess ? getSessionRuntime(sess) : null;
+function planTpl(tpl, v) {
+  return String(tpl || '').replace(/\{(\w+)\}/g, (_, k) => (v[k] != null ? String(v[k]) : `{${k}}`));
 }
 
-function findSessionByBridgeId(bridgeSessionId) {
-  if (!bridgeSessionId) return state.sessions.get(state.activeId) || null;
-  for (const sess of state.sessions.values()) {
-    if (sess.bridgeSessionId === bridgeSessionId || sess.id === bridgeSessionId) return sess;
+let planPollTimer;
+function syncPlanPollTimer() {
+  const on = !!(activeSess()?.bridgeSessionId && state.bridgeReady);
+  if (on && !planPollTimer) {
+    planPollTimer = setInterval(() => {
+      const s = activeSess();
+      if (!s || !isActive(s)) return;
+      planFetch(s);
+      planTick(s);
+    }, 1000);
+  } else if (!on && planPollTimer) {
+    clearInterval(planPollTimer);
+    planPollTimer = null;
   }
-  return null;
 }
 
-function isActiveSession(sess) {
-  return !!sess && sess.id === state.activeId;
+function clearPlanGrace(r) {
+  r.planCompleteAt = r.planLostAt = null;
+  r.planHoldItems = [];
+  r.planLastPayload = null;
+  r.planLastComplete = false;
+  r.planDismissedComplete = false;
+  if (r.planHideTimer) { clearTimeout(r.planHideTimer); r.planHideTimer = null; }
 }
 
-function withSessionDom(sess, fn) {
-  if (isActiveSession(sess)) return fn();
-  return null;
+function schedulePlanCompleteDismiss(sess) {
+  const r = rt(sess);
+  if (r.planHideTimer) clearTimeout(r.planHideTimer);
+  r.planHideTimer = setTimeout(() => {
+    r.planHideTimer = null;
+    r.planDismissedComplete = true;
+    if (isActive(sess)) refreshPlanBar(null);
+  }, PLAN_COMPLETE_GRACE_MS);
 }
 
-function updateTaskRuntimeBadges(now = getNowMs()) {
-  const badges = document.querySelectorAll('.task-elapsed[data-started-at]');
-  badges.forEach((badge) => {
-    const startedAt = Number(badge.dataset.startedAt || 0);
-    if (startedAt) badge.textContent = formatTaskElapsed(now - startedAt);
+/** tuiapp_v2._refresh_planbar：用 runtime 里缓存的 items / placeholder 重绘 */
+function refreshPlanBarFromRuntime(sess) {
+  const r = rt(sess);
+  const lp = r.planLastPayload;
+  let items = r.planHoldItems || [];
+  if (r.planLostAt != null && Date.now() - r.planLostAt >= PLAN_LOST_GRACE_MS) {
+    items = [];
+    r.planHoldItems = [];
+    r.planLostAt = null;
+  }
+  if (r.planDismissedComplete) {
+    refreshPlanBar(null);
+    return;
+  }
+  if (r.planCompleteAt != null && Date.now() - r.planCompleteAt >= PLAN_COMPLETE_GRACE_MS) {
+    r.planDismissedComplete = true;
+    refreshPlanBar(null);
+    return;
+  }
+  if (!items.length) {
+    if (lp?.active && lp.placeholder) {
+      refreshPlanBar(lp);
+      return;
+    }
+    const held = r.planHoldItems || [];
+    if (lp?.complete && (lp.items?.length || held.length)) {
+      refreshPlanBar({
+        active: true,
+        placeholder: false,
+        items: lp.items?.length ? lp.items : held,
+        done: lp.done ?? held.filter(it => it.status === 'done').length,
+        total: lp.total ?? (lp.items?.length || held.length),
+        complete: true,
+        step: lp.step || '',
+      });
+      return;
+    }
+    refreshPlanBar(null);
+    return;
+  }
+  refreshPlanBar({
+    active: true,
+    placeholder: false,
+    items,
+    done: lp?.done ?? items.filter(it => it.status === 'done').length,
+    total: lp?.total ?? items.length,
+    complete: !!(lp?.complete || (items.length && items.every(it => it.status === 'done'))),
+    step: lp?.step || '',
   });
 }
 
-function clearTaskTimer(sess) {
-  const runtime = sess ? getSessionRuntime(sess) : getActiveSessionRuntime();
-  if (runtime?.taskTimerId) {
-    clearInterval(runtime.taskTimerId);
-    runtime.taskTimerId = null;
+/** 每秒 tick grace（对齐 TUI _poll_plan_files → _refresh_planbar） */
+function planTick(sess) {
+  if (!sess || !isActive(sess)) return;
+  refreshPlanBarFromRuntime(sess);
+}
+
+function applyPlanPayload(sess, raw) {
+  if (!sess) return;
+  const r = rt(sess);
+  const now = Date.now();
+
+  if (raw?.active) {
+    if (raw.placeholder && !r.planLastPayload?.active) {
+      r.planCollapsed = false;
+      r.planShowAll = false;
+    }
+    r.planLastPayload = raw;
+    const items = raw.items || [];
+    if (items.length) {
+      r.planLostAt = null;
+      r.planHoldItems = items;
+    } else if (!raw.placeholder && !raw.complete && r.planHoldItems.length) {
+      if (!r.planLostAt) r.planLostAt = now;
+    }
+    const nowComplete = !!raw.complete && (items.length > 0 || r.planHoldItems.length > 0);
+    const wasComplete = r.planLastComplete;
+    if (nowComplete && !wasComplete) {
+      r.planCompleteAt = now;
+      schedulePlanCompleteDismiss(sess);
+    } else if (!nowComplete) {
+      r.planCompleteAt = null;
+      r.planDismissedComplete = false;
+      if (r.planHideTimer) { clearTimeout(r.planHideTimer); r.planHideTimer = null; }
+    }
+    r.planLastComplete = nowComplete;
+  } else if (r.planHoldItems.length && !r.planDismissedComplete) {
+    if (!r.planLostAt) r.planLostAt = now;
+  } else if (!r.planDismissedComplete) {
+    clearPlanGrace(r);
+  }
+
+  if (!isActive(sess)) return;
+  if (r.planDismissedComplete) {
+    refreshPlanBar(null);
+    return;
+  }
+  if (raw?.active && raw.placeholder) {
+    refreshPlanBar(raw);
+    return;
+  }
+  if (raw?.active && raw.complete && (raw.items?.length || r.planHoldItems.length)) {
+    refreshPlanBar({
+      ...raw,
+      items: raw.items?.length ? raw.items : r.planHoldItems,
+    });
+    return;
+  }
+  refreshPlanBarFromRuntime(sess);
+}
+
+function planItemUi(status, isCurrent) {
+  const st = String(status || 'open').toLowerCase();
+  if (st === 'done') return { cls: 'plan-item--done', mark: '✓' };
+  if (st === 'error' || st === 'failed') return { cls: 'plan-item--error', mark: '✕' };
+  if (st === 'warn' || st === 'warning') return { cls: 'plan-item--warn', mark: '!' };
+  if (isCurrent) return { cls: 'plan-item--current', mark: '●' };
+  return { cls: 'plan-item--pending', mark: '○' };
+}
+
+function pickPlanWindow(items, stepText) {
+  const list = Array.isArray(items) ? items : [];
+  if (!list.length) return { shown: [], curInShown: -1, overflow: 0 };
+  let cur = list.findIndex(it => it.status !== 'done');
+  if (cur < 0) cur = list.length - 1;
+  const step = String(stepText || '').trim();
+  if (step) {
+    const hit = list.findIndex(it => String(it.content || '').includes(step.slice(0, 24)));
+    if (hit >= 0) cur = hit;
+  }
+  let start, end;
+  if (cur <= 1) {
+    start = cur;
+    end = Math.min(list.length, cur + 3);
+  } else {
+    start = cur - 1;
+    end = Math.min(list.length, cur + 2);
+  }
+  const shown = list.slice(start, end);
+  return { shown, curInShown: cur - start, overflow: Math.max(0, list.length - shown.length) };
+}
+
+function planCapsuleLabel(plan) {
+  const step = plan.step ? String(plan.step).slice(0, 80) : '';
+  if (plan.complete) return { tag: t('plan.capsuleComplete'), step: step || planTpl(t('plan.complete'), { n: plan.total }) };
+  if (plan.placeholder) return { tag: t('plan.placeholder'), step: '' };
+  return { tag: t('plan.capsuleRunning'), step: step || planTpl(t('plan.header'), { done: plan.done, total: plan.total }) };
+}
+
+function bindPlanCardUiOnce() {
+  if (!planBarEl || planBarEl._planUiBound) return;
+  planBarEl._planUiBound = true;
+  planBarEl.addEventListener('click', (e) => {
+    const sess = activeSess();
+    if (!sess) return;
+    const r = rt(sess);
+    const payload = r.planLastPayload;
+    if (!payload?.active) return;
+    if (e.target.closest('[data-plan-expand]')) {
+      r.planCollapsed = false;
+      refreshPlanBar(payload);
+    } else if (e.target.closest('[data-plan-collapse]')) {
+      r.planCollapsed = true;
+      refreshPlanBar(payload);
+    } else if (e.target.closest('[data-plan-details]')) {
+      r.planShowAll = !r.planShowAll;
+      refreshPlanBar(payload);
+    }
+  });
+}
+
+function refreshPlanBar(plan) {
+  if (!planBarEl) return;
+  bindPlanCardUiOnce();
+  if (!plan?.active) {
+    planBarEl.hidden = true;
+    planBarEl.replaceChildren();
+    planBarEl.className = 'plan-card';
+    return;
+  }
+  const sess = activeSess();
+  const r = sess ? rt(sess) : { planCollapsed: false, planShowAll: false };
+  const collapsed = !!r.planCollapsed;
+  const stepText = plan.step ? String(plan.step).slice(0, 120) : '';
+  const done = plan.done ?? (plan.items || []).filter(it => it.status === 'done').length;
+  const total = plan.total ?? (plan.items || []).length;
+  const mod = [
+    'plan-card',
+    collapsed ? 'plan-card--collapsed' : 'plan-card--expanded',
+    plan.complete ? 'plan-card--complete' : '',
+    plan.placeholder ? 'plan-card--placeholder' : '',
+  ].filter(Boolean).join(' ');
+  planBarEl.hidden = false;
+  planBarEl.className = mod;
+
+  if (collapsed) {
+    const cap = planCapsuleLabel(plan);
+    planBarEl.innerHTML = '';
+    const btn = document.createElement('button');
+    btn.type = 'button';
+    btn.className = 'plan-capsule';
+    btn.dataset.planExpand = '1';
+    const dot = document.createElement('span');
+    dot.className = 'plan-status-dot';
+    const txt = document.createElement('span');
+    txt.className = 'plan-capsule-text';
+    if (cap.step) txt.innerHTML = `${escapeHtml(cap.tag)} · <em>${escapeHtml(cap.step)}</em>`;
+    else txt.textContent = cap.tag;
+    btn.append(dot, txt);
+    planBarEl.append(btn);
+    return;
+  }
+
+  const frag = document.createDocumentFragment();
+  const head = document.createElement('div');
+  head.className = 'plan-card-head';
+  const dot = document.createElement('span');
+  dot.className = 'plan-status-dot';
+  const title = document.createElement('span');
+  title.className = 'plan-title';
+  title.textContent = plan.placeholder ? t('plan.placeholder')
+    : plan.complete ? t('plan.completeTitle')
+    : t('plan.running');
+  head.append(dot, title);
+  if (!plan.placeholder && total > 0) {
+    const prog = document.createElement('span');
+    prog.className = 'plan-progress';
+    prog.textContent = `${done}/${total}`;
+    head.append(prog);
+  }
+  const actions = document.createElement('div');
+  actions.className = 'plan-head-actions';
+  const collapseBtn = document.createElement('button');
+  collapseBtn.type = 'button';
+  collapseBtn.className = 'plan-btn';
+  collapseBtn.dataset.planCollapse = '1';
+  collapseBtn.textContent = t('plan.collapse');
+  actions.append(collapseBtn);
+  head.append(actions);
+  frag.append(head);
+
+  if (stepText) {
+    const cur = document.createElement('div');
+    cur.className = 'plan-current';
+    const lab = document.createElement('span');
+    lab.className = 'plan-current-label';
+    lab.textContent = `${t('plan.current')}：`;
+    const body = document.createElement('span');
+    body.className = 'plan-current-text';
+    body.textContent = stepText;
+    cur.append(lab, body);
+    frag.append(cur);
+  }
+
+  if (plan.placeholder) {
+    const wait = document.createElement('div');
+    wait.className = 'plan-wait';
+    wait.textContent = planTpl(t('plan.waiting'), { path: plan.pathHint || 'plan.md' });
+    frag.append(wait);
+  } else {
+    const list = plan.items || [];
+    const { shown, curInShown, overflow } = r.planShowAll
+      ? { shown: list, curInShown: list.findIndex(it => it.status !== 'done'), overflow: 0 }
+      : pickPlanWindow(list, stepText);
+    if (shown.length) {
+      const ul = document.createElement('ul');
+      ul.className = 'plan-items';
+      shown.forEach((it, i) => {
+        const ui = planItemUi(it.status, i === curInShown);
+        const li = document.createElement('li');
+        li.className = 'plan-item ' + ui.cls;
+        const mark = document.createElement('span');
+        mark.className = 'plan-item-mark';
+        mark.textContent = ui.mark;
+        const txt = document.createElement('span');
+        txt.className = 'plan-item-text';
+        txt.textContent = it.content || '';
+        li.append(mark, txt);
+        ul.append(li);
+      });
+      frag.append(ul);
+    }
+    const foot = document.createElement('div');
+    foot.className = 'plan-foot';
+    const moreN = r.planShowAll ? 0 : (overflow || Math.max(0, list.length - shown.length));
+    if (moreN > 0) {
+      const hint = document.createElement('span');
+      hint.className = 'plan-more-hint';
+      hint.textContent = planTpl(t('plan.overflow'), { n: moreN });
+      foot.append(hint);
+    }
+    if (list.length > 3) {
+      const det = document.createElement('button');
+      det.type = 'button';
+      det.className = 'plan-btn';
+      det.dataset.planDetails = '1';
+      det.textContent = r.planShowAll ? t('plan.collapse') : t('plan.details');
+      foot.append(det);
+    }
+    if (foot.childNodes.length) frag.append(foot);
+  }
+  planBarEl.replaceChildren(frag);
+}
+
+async function planFetch(sess) {
+  if (!sess?.bridgeSessionId || !state.bridgeReady || !isActive(sess)) return;
+  try {
+    const res = await fetch(`${BRIDGE_ORIGIN}/session/${encodeURIComponent(sess.bridgeSessionId)}/plan`);
+    if (!res.ok) throw new Error(`plan ${res.status}`);
+    const data = await res.json();
+    applyPlanPayload(sess, data.plan ?? data.result?.plan);
+  } catch (_) { /* 对齐 TUI：读盘/网络失败不立刻清空条 */ }
+}
+
+async function planPoll(sess) {
+  await planFetch(sess);
+  planTick(sess);
+}
+
+/* ═══════════════ 消息渲染 ═══════════════ */
+function stripAttachPlaceholders(text) {
+  return String(text || '').replace(/\[(Image|File)\s+#\d+\]\s*/g, '').trim();
+}
+// 把消息文本里的 [Image #N]/[File #N] 占位符“按原位置”渲染成内联 chip(显示文件名),其余文本转义+换行,
+// 这样消息里能看到附件在文本中的位置(卡片/缩略图照常另外渲染)。lookup(kind,n) 取该附件文件名。
+// 同时兜底去掉内联的本地上传路径(历史/conductor 回显)。
+function renderMsgTextWithChips(text, lookup) {
+  const s = String(text || '').replace(/[^\s]*desktop_uploads[^\s]*\s*/g, '');
+  const esc = t2 => escapeHtml(t2).replace(/\n/g, '<br>');
+  const re = /\[(Image|File)\s+#(\d+)\]/g;
+  let out = '', last = 0, m;
+  while ((m = re.exec(s))) {
+    out += esc(s.slice(last, m.index));
+    const name = (lookup && lookup(m[1], Number(m[2]))) || (m[1] === 'Image' ? 'image' : 'file');
+    out += `<span class="ph-chip" contenteditable="false">${escapeHtml(name)}</span>`;
+    last = re.lastIndex;
+  }
+  out += esc(s.slice(last));
+  return out.trim();
+}
+function fileSubLabel(name) {
+  const m = String(name || '').match(/\.([^.]+)$/);
+  if (!m) return t('file.kindGeneric');
+  const ext = m[1].toLowerCase();
+  const docExts = ['pdf', 'doc', 'docx', 'rtf', 'odt', 'pages', 'tex'];
+  const sheetExts = ['xls', 'xlsx', 'csv', 'tsv', 'numbers', 'ods'];
+  const slideExts = ['ppt', 'pptx', 'key', 'odp'];
+  const codeExts = ['py', 'js', 'ts', 'tsx', 'jsx', 'java', 'c', 'cpp', 'h', 'hpp', 'rs', 'go', 'rb', 'php', 'sh', 'html', 'css', 'json', 'yaml', 'yml', 'xml', 'sql', 'md'];
+  const archiveExts = ['zip', 'tar', 'gz', 'rar', '7z', 'bz2'];
+  const audioExts = ['mp3', 'wav', 'flac', 'aac', 'ogg', 'm4a'];
+  const videoExts = ['mp4', 'mov', 'avi', 'mkv', 'webm', 'wmv'];
+  if (docExts.includes(ext)) return t('file.kindDoc');
+  if (sheetExts.includes(ext)) return t('file.kindSheet');
+  if (slideExts.includes(ext)) return t('file.kindSlide');
+  if (codeExts.includes(ext)) return t('file.kindCode') + ' · ' + ext.toUpperCase();
+  if (archiveExts.includes(ext)) return t('file.kindArchive');
+  if (audioExts.includes(ext)) return t('file.kindAudio');
+  if (videoExts.includes(ext)) return t('file.kindVideo');
+  return ext.toUpperCase();
+}
+/** 无 turn_segs 时按 LLM Running 标记切轮（与 stapp.fold_turns 同源） */
+function splitContentTurnSegs(content) {
+  const src = String(content || '');
+  const parts = src.split(/\**LLM Running \(Turn \d+\) \.\.\.\**/);
+  const segs = [];
+  for (let i = 1; i < parts.length; i++) {
+    const body = parts[i] || '';
+    if (body.length || segs.length) segs.push(body);
+  }
+  if (segs.length > 1) return segs;
+  return src.length ? [src] : [];
+}
+
+function assistantTurnSegs(msg) {
+  if (Array.isArray(msg?.turn_segs) && msg.turn_segs.length) return msg.turn_segs;
+  if (typeof msg?.content === 'string' && msg.content.length) return splitContentTurnSegs(msg.content);
+  return [];
+}
+
+/** turn_segs 未就绪时回退 content（双轨兼容，不改 ljq 渲染主路径） */
+function draftSegsFromPartial(raw, m) {
+  const segs = Array.isArray(m.turn_segs) ? m.turn_segs : [];
+  if (segs.length && segs.some(s => (s || '').length > 0)) return segs;
+  const content = typeof raw.content === 'string' ? raw.content : (m.content || '');
+  return content ? [content] : segs;
+}
+function firstNonEmptyTurnIndex(segs) {
+  const arr = Array.isArray(segs) ? segs : [];
+  for (let i = 0; i < arr.length; i++) {
+    if ((arr[i] || '').length > 0) return i;
+  }
+  return 0;
+}
+// 后端 curr_turn 是内部 0-based 下标。展示时优先当前 turn；若该 turn 为空，回退到最后一个非空 turn。
+function resolveVisibleTurnIndex(segs, preferredTurn) {
+  const arr = Array.isArray(segs) ? segs : [];
+  const first = firstNonEmptyTurnIndex(arr);
+  const preferred = Number.isFinite(Number(preferredTurn)) ? Number(preferredTurn) : -1;
+  if (preferred >= 0 && (arr[preferred] || '').length > 0) return preferred;
+  for (let i = arr.length - 1; i >= 0; i--) {
+    if ((arr[i] || '').length > 0) return i;
+  }
+  return Math.max(first, preferred >= 0 ? preferred : (arr.length ? arr.length - 1 : first));
+}
+// 静态完整渲染：visibleTurn 之前的 seg 固化折叠；visibleTurn 作为当前正文展示。
+function renderAssistantTurnsHtml(segs, currTurn, withCursor = false) {
+  const arr = Array.isArray(segs) ? segs : [];
+  if (!arr.length) return '';
+  const first = firstNonEmptyTurnIndex(arr);
+  const curr = resolveVisibleTurnIndex(arr, currTurn);
+  let html = '';
+  for (let i = first; i < curr; i++) {
+    if ((arr[i] || '').length > 0) html += `<div class="turn-frozen" data-turn="${i}">${renderTurnFold(arr[i] || '', i)}</div>`;
+  }
+  html += `<div class="turn-cur" data-turn="${curr}">${renderTurnBody(arr[curr] || '')}${withCursor ? '<span class="cursor"></span>' : ''}</div>`;
+  return html;
+}
+function assistantCopyText(msg) {
+  const segs = assistantTurnSegs(msg);
+  if (segs.length) {
+    // 复制保持旧行为：只复制当前/最后可见 turn，不复制已折叠历史 turn。
+    const turn = resolveVisibleTurnIndex(segs, msg?.curr_turn);
+    return stripTurnMarker(segs[turn] || '').replace(/<summary>[\s\S]*?<\/summary>\s*/i, '').trim();
+  }
+  return '';
+}
+function msgNode(msg) {
+  const el = document.createElement('div');
+  el.className = 'msg ' + (msg.role || 'system');
+  if (msg.role === 'user') {
+    const shown = (typeof msg.display === 'string' && msg.display.length) ? msg.display : msg.content;
+    const imgsHtml = (msg.images && msg.images.length)
+      ? `<div class="user-imgs">${msg.images.map(im => `<img src="${im.dataUrl || uploadRawUrl(im.path)}" data-path="${escapeHtml(im.path || '')}" alt="">`).join('')}</div>`
+      : '';
+    const filesHtml = (msg.files && msg.files.length)
+      ? `<div class="user-files">${msg.files.map(f => {
+          const name = f.name || 'file';
+          const sub = fileSubLabel(name);
+          return `<div class="file-chip" data-path="${escapeHtml(f.path || '')}" data-name="${escapeHtml(name)}"><span class="fc-icon">${GA_ICON('fileText')}</span><span class="fc-meta"><span class="fc-name">${escapeHtml(name)}</span><span class="fc-sub">${escapeHtml(sub)}</span></span></div>`;
+        }).join('')}</div>`
+      : '';
+    const chipText = renderMsgTextWithChips(shown, (kind, n) => {
+      const hit = (kind === 'Image' ? (msg.images || []) : (msg.files || [])).find(x => x.id === 'f-' + n);
+      return hit && (hit.name || '');
+    });
+    const textHtml = chipText ? `<div class="bubble">${chipText}</div>` : '';
+    el.innerHTML = `<div class="user-stack">${filesHtml}${imgsHtml}${textHtml}</div>`;
+  }
+  else if (msg.role === 'assistant') {
+    const segs = assistantTurnSegs(msg);
+    let html = renderAssistantTurnsHtml(segs, msg.curr_turn, false);
+    if (msg.stopped) html += `<p><em>[${escapeHtml(t('status.stopped'))}]</em></p>`;
+    el.innerHTML = `<div class="bubble md">${html}</div>`;
+    postRenderEnhance(el.querySelector('.bubble'));
+  }
+  else if (msg.role === 'error') el.innerHTML = `<div class="bubble err">${escapeHtml(msg.content)}</div>`;
+  else el.innerHTML = `<div class="bubble sys">${escapeHtml(msg.content)}</div>`;
+  if (msg.role === 'user' || msg.role === 'assistant') {
+    const copyBtn = document.createElement('button');
+    copyBtn.className = 'bubble-copy-btn';
+    copyBtn.title = t('act.copy');
+    copyBtn.innerHTML = SVG_COPY_ICON;
+    copyBtn.addEventListener('click', (e) => {
+      e.stopPropagation();
+      const text = (msg.role === 'user')
+        ? stripAttachPlaceholders((typeof msg.display === 'string' && msg.display.length) ? msg.display : (msg.content || ''))
+        : assistantCopyText(msg);
+      navigator.clipboard.writeText(text).then(() => {
+        copyBtn.innerHTML = SVG_CHECK_ICON;
+        setTimeout(() => { copyBtn.innerHTML = SVG_COPY_ICON; }, 1500);
+      });
+    });
+    el.appendChild(copyBtn);
+  }
+  return el;
+}
+function collabItemToMsg(item) {
+  const attach = arr => (arr || []).map(x => {
+    const sid = x.sid != null ? x.sid : (String(x.id || '').startsWith('f-') ? String(x.id).slice(2) : x.id);
+    return { id: 'f-' + sid, name: x.name, path: x.path, dataUrl: x.dataUrl };
+  });
+  if (item.role === 'user') {
+    return { role: 'user', content: item.msg, display: item.msg, images: attach(item.images), files: attach(item.files) };
+  }
+  if (item.role === 'conductor') return { role: 'assistant', turn_segs: [item.msg || ''], curr_turn: 0 };
+  if (item.role === 'error') return { role: 'error', content: item.msg || '' };
+  return { role: 'system', content: item.msg || '' };
+}
+function renderAllMessages(sess) {
+  const box = ensureMsgs(); box.innerHTML = '';
+  for (const m of sess.messages) box.appendChild(msgNode(m));
+  syncAskUserUi();
+  // badge 恢复在 pollSession finally 中执行（此时 messages 已通过异步加载填充）
+  refreshEmptyState(sess); scrollBottom(true);
+}
+// 遍历消息对，用 ts 差值恢复 badge；对运行中任务恢复 taskStartedAt
+function restoreElapsedBadges(sess, box) {
+  const msgs = sess.messages;
+  if (!msgs || !msgs.length) return;
+  const nodes = box.querySelectorAll('.msg');
+  let lastUserTs = null;
+  for (let i = 0; i < msgs.length; i++) {
+    if (msgs[i].role === 'user') {
+      lastUserTs = msgs[i].ts ? msgs[i].ts * 1000 : null; // 无 ts 则重置
+    } else if (msgs[i].role === 'assistant') {
+      if (lastUserTs && msgs[i].ts) {
+        const elapsed = msgs[i].ts * 1000 - lastUserTs;
+        if (elapsed > 0 && nodes[i]) {
+          ensureTaskElapsedBadge(nodes[i], lastUserTs, msgs[i].ts * 1000);
+        }
+      }
+      lastUserTs = null;
+    }
+  }
+  // 运行中任务：最后一条是 user 且 session busy，恢复实时计时
+  if (lastUserTs && rt(sess).busy) {
+    const r = rt(sess);
+    r.taskStartedAt = lastUserTs;
+    r.taskEndedAt = null;
+  }
+}
+function appendMessage(sess, msg) {
+  if (!isActive(sess)) return;
+  const el = msgNode(msg);
+  ensureMsgs().appendChild(el);
+  if (msg.role === 'assistant') {
+    const r = rt(sess);
+    if (r.taskStartedAt) {
+      ensureTaskElapsedBadge(el, r.taskStartedAt, r.taskEndedAt || Date.now());
+      r.taskStartedAt = null; r.taskEndedAt = null;
+    }
+  }
+  refreshEmptyState(sess); scrollBottom(true);
+  if (msg.role === 'assistant' || msg.role === 'user') syncAskUserUi();
+}
+function isNearBottom(threshold = 80) {
+  return msgArea.scrollHeight - msgArea.scrollTop - msgArea.clientHeight < threshold;
+}
+function scrollBottom(force) {
+  if (force || isNearBottom()) {
+    requestAnimationFrame(() => { msgArea.scrollTop = msgArea.scrollHeight; });
+  }
+}
+/* ═══════════════ 打字机效果 (PR移植) ═══════════════ */
+const TW_SPEED = 10;  // 逐字步长；paintDraft 只重绘当前轮
+const TW_INTERVAL = 35; // ms
+const TW_CATCHUP_THRESHOLD = 480; // 积压过大时加速追平
+const TW_CATCHUP_MULTIPLIER = 8;
+const TW_RECOVER_MIN = 1200;  // 保留常量；刷新恢复改由 snapDraftRecover 一律对齐
+const DRAFT_INTERACT_MS = 520; // 用户滚代码块/点折叠时暂缓 DOM 重写
+
+function isDraftInteractFrozen(r) {
+  return Date.now() < (r.draftFreezeUntil || 0);
+}
+function armDraftInteractFreeze(r, ms = DRAFT_INTERACT_MS) {
+  r.draftFreezeUntil = Math.max(r.draftFreezeUntil || 0, Date.now() + ms);
+}
+function snapshotDraftScroll(root) {
+  if (!root) return [];
+  return [...root.querySelectorAll('.bubble .code-block pre, .bubble .fold-pre')].map(n => n.scrollTop);
+}
+function restoreDraftScroll(root, tops) {
+  if (!root || !tops.length) return;
+  const nodes = root.querySelectorAll('.bubble .code-block pre, .bubble .fold-pre');
+  tops.forEach((top, i) => { if (nodes[i] && top > 0) nodes[i].scrollTop = top; });
+}
+function bindDraftInteractGuard(el, r) {
+  if (!el || el.dataset.gaDraftGuard) return;
+  el.dataset.gaDraftGuard = '1';
+  const arm = () => { if (!r._suppressToggleFreeze) armDraftInteractFreeze(r); };
+  el.addEventListener('mousedown', (e) => {
+    if (e.target.closest('details summary, .code-block pre, .fold-pre')) armDraftInteractFreeze(r);
+  }, true);
+  el.addEventListener('wheel', (e) => {
+    if (e.target.closest('.code-block pre, .fold-pre')) armDraftInteractFreeze(r);
+  }, { capture: true, passive: true });
+  el.addEventListener('toggle', (e) => {
+    if (e.target.matches('details')) arm();
+  }, true);
+}
+function resetTypewriterState(r) {
+  if (r.twState?.timer) clearInterval(r.twState.timer);
+  r.twState = null;
+  r.draftRecoverPending = false;
+  r.draftStreamBaseline = 0;
+  r._draftPaintBody = '';
+}
+
+/** 刷新/hydrate/重连：已有 partial 一次性对齐全文并单帧绘制，不重播打字机 */
+function snapDraftRecover(r) {
+  if (!r.draftRecoverPending || !r.draftEl) return false;
+  if (!r.twState) r.twState = { turn: 0, shown: 0, timer: null };
+  const tw = r.twState;
+  if (tw.timer) { clearInterval(tw.timer); tw.timer = null; }
+  const segs = Array.isArray(r.draftSegs) ? r.draftSegs : [];
+  const turn = Math.max(0, Number(r.draftTurn) || 0);
+  tw.turn = turn;
+  tw.shown = (segs[turn] || '').length;
+  r.draftRecoverPending = false;
+  r.draftStreamBaseline = tw.shown;
+  r._draftPaintBody = '';
+  ensureDraftFrozenThrough(r, turn);
+  paintDraft(r, turn, segs[turn] || '');
+  return true;
+}
+
+function renderDraft(sess) {
+  const r = rt(sess);
+  if (!isActive(sess)) return;
+  const box = ensureMsgs();
+  if (!r.draftEl || r.draftEl.parentNode !== box) {
+    r.draftEl = document.createElement('div'); r.draftEl.className = 'msg assistant'; box.appendChild(r.draftEl);
+    bindDraftInteractGuard(r.draftEl, r);
+    if (r.taskStartedAt) ensureTaskElapsedBadge(r.draftEl, r.taskStartedAt, null);
+  }
+  if (!r.twState) r.twState = { turn: 0, shown: 0, timer: null };
+  const tw = r.twState;
+  const backendTurn = Math.max(0, Number(r.draftTurn) || 0);
+  if (tw.turn == null || tw.turn < 0) tw.turn = 0;
+  if (tw.turn > backendTurn) tw.turn = backendTurn;
+  // 流式渲染模型：segs 是源数据；tw.turn 是正在打字的 turn；tw.turn 之前的 DOM 一旦 frozen 就不再动。
+  ensureDraftFrozenThrough(r, tw.turn);
+
+  const tick = () => {
+    const segs = Array.isArray(r.draftSegs) ? r.draftSegs : [];
+    const backendTurnNow = Math.max(0, Number(r.draftTurn) || 0);
+    if (tw.turn == null || tw.turn < 0) tw.turn = 0;
+    if (tw.turn > backendTurnNow) tw.turn = backendTurnNow;
+    r.streamTurn = tw.turn;
+    const cur = segs[tw.turn] || '';
+
+    // 当前 turn 打完，并且后端已进入后续 turn：当前 DOM 固化，然后打字机推进到下一 turn。
+    if (tw.shown >= cur.length && backendTurnNow > tw.turn) {
+      paintDraft(r, tw.turn, cur);
+      freezeCurrentTurnDom(r, tw.turn);
+      tw.turn += 1;
+      tw.shown = 0;
+      r.streamTurn = tw.turn;
+      return;
+    }
+
+    if (tw.shown >= cur.length) return; // 中途不停止 timer，等新 partial/done。
+    if (isDraftInteractFrozen(r)) return;
+
+    const t0 = performance.now();
+    const backlog = cur.length - tw.shown;
+    let step = backlog > TW_CATCHUP_THRESHOLD ? TW_SPEED * TW_CATCHUP_MULTIPLIER : TW_SPEED;
+    const last = tw.lastElapsed || 0;
+    if (last > 60) step = Math.max(step, Math.ceil(backlog / 3));
+    else step = Math.min(step, 120);
+    tw.shown = Math.min(tw.shown + step, cur.length);
+    paintDraft(r, tw.turn, cur.slice(0, tw.shown));
+    tw.lastElapsed = performance.now() - t0;
+  };
+
+  if (snapDraftRecover(r)) {
+    if (!tw.timer) tw.timer = setInterval(tick, TW_INTERVAL);
+    refreshEmptyState(sess);
+    return;
+  }
+
+  if (!tw.timer) tw.timer = setInterval(tick, TW_INTERVAL);
+  if (!isDraftInteractFrozen(r)) tick();
+  refreshEmptyState(sess);
+}
+
+function ensureDraftFrozenThrough(r, currTurn) {
+  if (!r.draftEl) return;
+  const segs = Array.isArray(r.draftSegs) ? r.draftSegs : [];
+  const upto = Math.max(0, Number(currTurn) || 0);
+  let bubble = r.draftEl.querySelector(':scope > .bubble.md');
+  if (!bubble) {
+    bubble = document.createElement('div');
+    bubble.className = 'bubble md';
+    r.draftEl.appendChild(bubble);
+  }
+  const cur = bubble.querySelector(':scope > .turn-cur');
+  for (let turn = 0; turn < upto; turn++) {
+    if (bubble.querySelector(`:scope > .turn-frozen[data-turn="${turn}"]`)) continue;
+    const frozen = document.createElement('div');
+    frozen.className = 'turn-frozen';
+    frozen.dataset.turn = turn;
+    frozen.innerHTML = renderTurnFold(segs[turn] || '', turn);
+    if (cur) bubble.insertBefore(frozen, cur);
+    else bubble.appendChild(frozen);
+    postRenderEnhance(frozen);
   }
 }
 
-function startTaskTimer(sess, startedAt = getNowMs()) {
-  const runtime = getSessionRuntime(sess);
-  clearTaskTimer(sess);
-  runtime.taskStartedAt = Number(startedAt) || getNowMs();
-  if (isActiveSession(sess)) updateTaskRuntimeBadges(runtime.taskStartedAt);
-  runtime.taskTimerId = setInterval(() => {
-    if (isActiveSession(sess)) updateTaskRuntimeBadges();
+function freezeCurrentTurnDom(r, turn) {
+  if (!r.draftEl) return;
+  const bubble = r.draftEl.querySelector(':scope > .bubble.md');
+  if (!bubble) return;
+  const cur = bubble.querySelector(':scope > .turn-cur');
+  if (!cur) return;
+  cur.className = 'turn-frozen';
+  cur.dataset.turn = turn;
+  cur.innerHTML = renderTurnFold((r.draftSegs || [])[turn] || '', turn);
+  postRenderEnhance(cur);
+}
+
+function paintDraft(r, turn, visibleCurrBody) {
+  if (!r.draftEl || isDraftInteractFrozen(r)) return;
+  const wasNear = isNearBottom();
+  let bubble = r.draftEl.querySelector(':scope > .bubble.md');
+  if (!bubble) {
+    bubble = document.createElement('div');
+    bubble.className = 'bubble md';
+    r.draftEl.appendChild(bubble);
+  }
+  let cur = bubble.querySelector(':scope > .turn-cur');
+  if (!cur) {
+    cur = document.createElement('div');
+    cur.className = 'turn-cur';
+    bubble.appendChild(cur);
+  }
+  cur.dataset.turn = turn ?? 0;
+  const body = visibleCurrBody || '';
+  const prevBody = r._draftPaintBody || '';
+  if (!tryPatchInflightToolDom(cur, body, prevBody)) {
+    cur.innerHTML = renderTurnBody(body) + '<span class="cursor"></span>';
+    postRenderEnhance(cur);
+  } else if (!cur.querySelector('.cursor')) {
+    cur.insertAdjacentHTML('beforeend', '<span class="cursor"></span>');
+  }
+  r._draftPaintBody = body;
+
+  if (wasNear) {
+    const inCodeScroll = document.activeElement?.closest?.('.code-block pre, .fold-pre')
+      && r.draftEl.contains(document.activeElement);
+    if (!inCodeScroll) scrollBottom();
+  }
+}
+
+function flushTypewriter(sess) {
+  resetTypewriterState(rt(sess));
+}
+
+/* ═══════════════ 运行状态 ═══════════════ */
+function pageStatusBar(btnEl) {
+  const label = btnEl?.querySelector('.rs-label');
+  return {
+    /** state: 'ready' | 'busy' | 'offline' | 'connecting'；兼容旧调用 set(text, true) */
+    set(text, state = 'ready') {
+      if (!btnEl) return;
+      const mode = state === true ? 'busy' : (state === false ? 'ready' : state);
+      btnEl.classList.remove('busy', 'offline', 'connecting');
+      if (mode === 'busy') btnEl.classList.add('busy');
+      else if (mode === 'offline') btnEl.classList.add('offline');
+      else if (mode === 'connecting') btnEl.classList.add('connecting');
+      if (label) label.textContent = text ?? '';
+    },
+    setBusy(text) { this.set(text, 'busy'); },
+    setReady() { this.set(t('status.ready'), 'ready'); },
+    setDisconnected() { this.set(t('status.disconnected'), 'offline'); },
+    setConnecting() { this.set(t('status.connecting'), 'connecting'); },
+  };
+}
+function refreshStatusLabel() {
+  const s = activeSess();
+  if (s && rt(s).busy) {
+    chatStatus.setBusy(formatTaskElapsed(Date.now() - (rt(s).taskStartedAt || Date.now())));
+  } else if (state.bridgeReady) {
+    chatStatus.setReady();
+  } else {
+    chatStatus.setDisconnected();
+  }
+}
+
+/* ═══════════════ 消息计时 ═══════════════ */
+function formatTaskElapsed(ms) {
+  const v = Number(ms);
+  if (!Number.isFinite(v) || v < 0) return '';
+  const sec = Math.round(v / 1000);
+  if (sec < 60) return t('timing.elapsed').replace('{t}', `${Math.max(1, sec)}s`);
+  const min = Math.floor(sec / 60), s = sec % 60;
+  if (min < 60) return t('timing.elapsed').replace('{t}', `${min}m ${s}s`);
+  const hr = Math.floor(min / 60), m = min % 60;
+  return t('timing.elapsed').replace('{t}', `${hr}h ${m}m`);
+}
+
+function ensureTaskElapsedBadge(wrap, startedAt, endedAt) {
+  if (!wrap || !startedAt) return null;
+  let badge = wrap.querySelector(':scope > .task-elapsed');
+  if (!badge) {
+    badge = document.createElement('div');
+    badge.className = 'task-elapsed';
+    wrap.prepend(badge);
+  }
+  const elapsed = (endedAt || Date.now()) - startedAt;
+  badge.textContent = formatTaskElapsed(elapsed);
+  badge.dataset.live = endedAt ? '' : '1';
+  return badge;
+}
+
+function startTaskTimer(sess) {
+  const r = rt(sess);
+  if (r.taskStartedAt) return;  // 已在计时，不重置
+  // 优先从消息时间戳恢复（刷新后持久化）
+  const msgs = sess.messages;
+  let restored = 0;
+  if (msgs && msgs.length) {
+    for (let i = msgs.length - 1; i >= 0; i--) {
+      if (msgs[i].role === 'user' && msgs[i].ts) { restored = msgs[i].ts * 1000; break; }
+    }
+  }
+  r.taskStartedAt = restored || Date.now();
+  r.taskEndedAt = null;
+  if (r.taskTimerId) clearInterval(r.taskTimerId);
+  r.taskTimerId = setInterval(() => {
+    if (!r.taskStartedAt) return;
+    const el = r.draftEl || document.querySelector('.msg-list .msg.assistant:last-child');
+    if (el) ensureTaskElapsedBadge(el, r.taskStartedAt, null);
+    // 更新左上角状态栏显示实时耗时
+    if (isActive(sess)) {
+      chatStatus.setBusy(formatTaskElapsed(Date.now() - r.taskStartedAt));
+    }
   }, 1000);
 }
 
 function stopTaskTimer(sess) {
-  if (isActiveSession(sess)) updateTaskRuntimeBadges();
-  const runtime = getSessionRuntime(sess);
-  clearTaskTimer(sess);
-  runtime.taskStartedAt = 0;
+  const r = rt(sess);
+  if (r.taskTimerId) { clearInterval(r.taskTimerId); r.taskTimerId = null; }
+  if (!r.taskStartedAt) return;
+  r.taskEndedAt = Date.now();
 }
 
-function taskElapsedBadge(startedAt, endedAt) {
-  const start = Number(startedAt || 0);
-  if (!start) return '';
-  const end = Number(endedAt || 0);
-  const now = end || getNowMs();
-  const ended = !!end;
-  const liveAttr = ended ? 'data-ended="1"' : `data-started-at="${escapeHtml(String(start))}"`;
-  return `<span class="task-elapsed" ${liveAttr}>${escapeHtml(formatTaskElapsed(now - start, ended))}</span>`;
-}
-
-function ensureAssistantTaskElapsed(wrap, startedAt, endedAt) {
-  if (!wrap) return null;
-  const html = taskElapsedBadge(startedAt, endedAt);
-  let badge = wrap.querySelector(':scope > .task-elapsed');
-  if (!html) {
-    badge?.remove();
-    return null;
-  }
-  if (!badge) {
-    wrap.insertAdjacentHTML('afterbegin', html);
-    badge = wrap.querySelector(':scope > .task-elapsed');
+function setBusy(sess, busy) {
+  const r = rt(sess);
+  if (r.busy && !busy) resetTypewriterState(r);
+  r.busy = busy;
+  if (busy) startTaskTimer(sess); else stopTaskTimer(sess);
+  if (!isActive(sess)) return;
+  if (busy) {
+    chatStatus.setBusy(formatTaskElapsed(Date.now() - (r.taskStartedAt || Date.now())));
+  } else if (state.bridgeReady) {
+    chatStatus.setReady();
   } else {
-    const holder = document.createElement('div');
-    holder.innerHTML = html;
-    badge.replaceWith(holder.firstElementChild);
-    badge = wrap.querySelector(':scope > .task-elapsed');
+    chatStatus.setDisconnected();
+  }
+  if (sendBtn) {
+    sendBtn.classList.toggle('is-stop', busy);
+    sendBtn.setAttribute('aria-label', busy ? t('act.stop') : t('act.send'));
+    sendBtn.title = busy ? t('act.stop') : '';
   }
-  return badge;
 }
+// run-toggle 现为纯状态展示组件：运行中转红，不再响应点击（停止改由发送键的录制键承担）
 
-function turnLabelForSegment(seg, index) {
-  const summary = summarizeStructuredBlock(seg.kind, seg.text);
-  if (seg.kind === 'LLM_RUNNING') return summary || `Turn ${index + 1}`;
-  if (seg.kind === 'TOOL_CALL') return 'Tool';
-  if (seg.kind === 'TOOL_RESULT') return 'Result';
-  return summary || seg.kind || `Turn ${index + 1}`;
-}
-
-function nextTurnIndexForWrap(wrap) {
-  const current = Number(wrap?.dataset?.turnIndex || 0) || 0;
-  const next = current + 1;
-  if (wrap) wrap.dataset.turnIndex = String(next);
-  return next;
-}
-
-function turnHeaderLabel(index, label) {
-  return `Turn ${index} : ${label || 'response'}`;
-}
-
-function groupIntoTurns(segments, options = {}) {
-  let foldIndex = 0;
-  return (segments || []).map((seg) => {
-    if (!shouldFoldSegment(seg.kind, seg.text)) return { type: 'plain', segment: seg };
-    const index = ++foldIndex;
-    return {
-      type: 'turn',
-      index,
-      label: turnLabelForSegment(seg, index - 1),
-      segment: seg
-    };
+/* ═══════════════ 会话 ═══════════════ */
+function isUntitled(x) { return !x || /^(new chat|新对话|新会话)$/i.test(String(x).trim()); }
+function sortedSessions() {
+  // display order: pinned first, then most-recently-active. [0] is the topmost.
+  return [...state.sessions.values()].sort((a, b) => {
+    if (a.pinned && !b.pinned) return -1;
+    if (!a.pinned && b.pinned) return 1;
+    return (b.lastActiveTs || 0) - (a.lastActiveTs || 0);
   });
 }
-
-function extractTagBody(text, tag) {
-  const escapedTag = String(tag || '').replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-  const pattern = '<' + escapedTag + '\\b[^>]*>([\\s\\S]*?)<\\/' + escapedTag + '>';
-  const m = String(text || '').match(new RegExp(pattern, 'i'));
-  return m ? m[1].trim() : '';
+function renderSessionList() {
+  convListEl.innerHTML = '';
+  const query = (searchInput ? searchInput.value : '').trim().toLowerCase();
+  const all = sortedSessions();
+  const filtered = query
+    ? all.filter(s => {
+        const title = displayTitle(s).toLowerCase();
+        const hasMsg = s.messages && s.messages.some(m => (m.text || '').toLowerCase().includes(query));
+        return title.includes(query) || hasMsg;
+      })
+    : all;
+  if (filtered.length === 0) {
+    const e = document.createElement('div');
+    e.className = 'conv-empty'; e.textContent = t('conv.emptyList');
+    convListEl.appendChild(e); return;
+  }
+  for (const sess of filtered) {
+    const r = state.runtime.get(sess.id);
+    const busy = !!(r && r.busy);
+    const item = document.createElement('div');
+    item.className = 'conv-item' + (currentPage === 'chat' && sess.id === state.activeId ? ' active' : '') + (busy ? '' : ' idle');
+    item.dataset.id = sess.id;
+    const pinSvg = sess.pinned ? GA_ICON('pushPinSimple', 'ci-pin') : '';
+    item.innerHTML =
+      `<span class="ci-dot"></span><div class="ci-main">` +
+      `<div class="ci-title">${pinSvg}${escapeHtml(displayTitle(sess))}</div>` +
+      `<div class="ci-meta">${busy ? t('status.running') : t('status.idle')}</div></div>` +
+      `<button class="ci-more" title="${escapeHtml(t('common.more'))}">${GA_ICON('dotsThreeVertical')}</button>`;
+    convListEl.appendChild(item);
+  }
 }
-
-function parseToolDetails(kind, text) {
-  const raw = String(text || '');
-  if (kind === 'TOOL_CALL') {
-    const invoke = raw.match(/<invoke\b[^>]*\bname=["']([^"']+)["'][^>]*>/i);
-    const tool = invoke ? invoke[1] : '';
-    const params = extractTagBody(raw, 'parameter') || extractTagBody(raw, 'arguments') || extractTagBody(raw, 'args');
-    const jsonish = params || (raw.match(/<invoke\b[^>]*>[\s\S]*?<\/invoke>/i)?.[0] || '').replace(/<\/?invoke[^>]*>/gi, '').trim();
-    if (tool || jsonish) return { title: tool ? `Tool: ${tool}` : 'Tool call', tool, args: jsonish };
-  }
-  if (kind === 'TOOL_RESULT') {
-    const result = extractTagBody(raw, 'result') || raw.replace(/<\/?function_results[^>]*>/gi, '').trim();
-    if (result) return { title: 'Tool result', tool: 'result', args: result };
-  }
-  return null;
+if (searchInput) searchInput.addEventListener('input', () => renderSessionList());
+async function ensureBridgeSession(sess) {
+  if (sess.bridgeSessionId) return sess.bridgeSessionId;
+  const res = await window.ga.rpc('session/new', { cwd: '', mcp_servers: [] });
+  if (res?.error) throw new Error(res.error.message || res.error);
+  sess.bridgeSessionId = res.sessionId || res.result?.sessionId;
+  return sess.bridgeSessionId;
 }
-
-function renderToolDetailInto(container, seg) {
-  const detail = parseToolDetails(seg.kind, seg.text);
-  if (!detail) return;
-  const detailTurn = document.createElement('div');
-  detailTurn.className = 'turn tool-detail-turn';
-  const header = document.createElement('button');
-  header.type = 'button';
-  header.className = 'turn-header tool-detail-header';
-  header.innerHTML = `<span class="turn-caret">▼</span><span class="turn-tag">${escapeHtml(detail.title)}</span><span class="turn-summary">args</span>`;
-  header.addEventListener('click', () => detailTurn.classList.toggle('collapsed'));
-  const body = document.createElement('div');
-  body.className = 'turn-body md tool-detail-body';
-  const codeText = `Tool: ${detail.tool || detail.title.replace(/^Tool:\s*/, '') || 'tool'}\nargs:\n${detail.args || ''}`;
-  body.innerHTML = `<pre class="tool-args-code"><code>${escapeHtml(codeText)}</code></pre>`;
-  detailTurn.appendChild(header);
-  detailTurn.appendChild(body);
-  container.appendChild(detailTurn);
+// 仿 TUI(continue_cmd.py 的 _preview_text 思路):sess.title 只在用户手动 rename 时被填,
+// 平时为空;sidebar 显示名实时从消息派生 —— 优先取最后一段 assistant 输出里的 <summary>...</summary>,
+// 其次用首条用户消息纯文本,都没有时回退到 t('conv.defaultTitle')。
+function isAutoTitle(x) {
+  const s = String(x || '').trim();
+  if (!s) return true;
+  if (/^(new chat|新对话|新会话)$/i.test(s)) return true;
+  if (/^agent-\d+$/i.test(s)) return true;  // 兼容上一轮误存的 agent-N
+  return false;
 }
-
-function renderTurnTreeInto(container, turn) {
-  const seg = turn.segment;
-  const node = document.createElement('div');
-  node.className = 'turn collapsed structured-turn turn-group';
-  node.dataset.kind = seg.kind;
-  node.dataset.buf = seg.text;
-  const header = document.createElement('button');
-  header.type = 'button';
-  header.className = 'turn-header';
-  header.innerHTML = `<span class="turn-caret">▼</span><span class="turn-tag">${escapeHtml(turnHeaderLabel(turn.index, turn.label))}</span>`;
-  header.addEventListener('click', () => node.classList.toggle('collapsed'));
-  const body = document.createElement('div');
-  body.className = 'turn-body md';
-  const hasToolDetail = Boolean(parseToolDetails(seg.kind, seg.text));
-  renderToolDetailInto(body, seg);
-  if (!hasToolDetail) {
-    const rendered = document.createElement('div');
-    rendered.className = 'turn-rendered-md';
-    rendered.innerHTML = renderMarkdown(seg.text);
-    body.appendChild(rendered);
-  }
-  node.appendChild(header);
-  node.appendChild(body);
-  container.appendChild(node);
-}
-
-/**
- * Extract <summary>...</summary> from text, render it as a faded italic hint,
- * and return the remaining text. If no summary tag found, returns text unchanged.
- */
-/**
- * Strip leading <summary> and <think> tags from text.
- * Returns { summary, think, remaining } where summary/think are the extracted
- * content strings (or null), and remaining is the text to render as markdown.
- */
-function stripLeadingMetaTags(text) {
-  let remaining = text;
-  let summary = null;
-  let think = null;
-  // Strip <summary>...</summary> at start
-  const sumRe = /^<summary>([\s\S]*?)<\/summary>\s*/i;
-  const sumM = remaining.match(sumRe);
-  if (sumM) {
-    summary = sumM[1].trim();
-    remaining = remaining.slice(sumM[0].length);
-  }
-  // Strip <think>...</think> at start (or after summary)
-  const thinkRe = /^<think>([\s\S]*?)<\/think>\s*/i;
-  const thinkM = remaining.match(thinkRe);
-  if (thinkM) {
-    think = thinkM[1].trim();
-    remaining = remaining.slice(thinkM[0].length);
-  }
-  return { summary, think, remaining };
-}
-
-function extractAndRenderSummary(container, text) {
-  const { summary, think, remaining } = stripLeadingMetaTags(text);
-  if (summary) {
-    const hint = document.createElement('div');
-    hint.className = 'summary-hint';
-    hint.textContent = summary;
-    container.appendChild(hint);
-  }
-  if (think) {
-    const thinkEl = document.createElement('div');
-    thinkEl.className = 'think-hint';
-    thinkEl.textContent = think;
-    container.appendChild(thinkEl);
-  }
-  return remaining;
-}
-
-function renderStructuredMarkdownInto(container, text, options = {}) {
-  const segments = splitStructuredSegments(text);
-  container.innerHTML = '';
-  if (segments.length === 1 && !shouldFoldSegment(segments[0].kind, segments[0].text)) {
-    const remaining = extractAndRenderSummary(container, text);
-    if (remaining) container.insertAdjacentHTML('beforeend', renderMarkdown(remaining));
-    return;
-  }
-  for (const item of groupIntoTurns(segments, options)) {
-    if (item.type === 'plain') {
-      const plain = document.createElement('div');
-      plain.className = 'md';
-      const remaining = extractAndRenderSummary(plain, item.segment.text);
-      if (remaining) plain.insertAdjacentHTML('beforeend', renderMarkdown(remaining));
-      container.appendChild(plain);
-      continue;
+function displayTitle(sess) {
+  if (sess && sess.title && !isAutoTitle(sess.title)) return sess.title;
+  const msgs = (sess && sess.messages) || [];
+  // 1) 优先:最后一段 assistant 文本里的 <summary>...</summary>
+  for (let i = msgs.length - 1; i >= 0; i--) {
+    const m = msgs[i];
+    if (!m || m.role !== 'assistant') continue;
+    const txt = assistantStructuredText(m);
+    const sm = /<summary>([\s\S]*?)<\/summary>/i.exec(txt);
+    if (sm && sm[1].trim()) {
+      const line = sm[1].trim().split('\n')[0].trim();
+      if (line) return line.length > 60 ? line.slice(0, 60) + '…' : line;
     }
-    renderTurnTreeInto(container, item);
   }
+  // 2) 兜底:首条用户消息纯文本(去附件占位符)
+  for (const m of msgs) {
+    if (!m || m.role !== 'user') continue;
+    const raw = typeof m.content === 'string' ? m.content : (m.display || '');
+    const clean = stripAttachPlaceholders(raw).trim();
+    if (clean) return clean.length > 40 ? clean.slice(0, 40) + '…' : clean;
+  }
+  return t('conv.defaultTitle');
 }
-
-// ─── Copy button injection for code blocks and pre blocks ─────────────────
-function injectCopyButtons(container) {
-  if (!container) return;
-  const blocks = container.querySelectorAll('pre');
-  blocks.forEach(pre => {
-    if (pre.querySelector('.copy-btn')) return; // already injected
-    pre.style.position = 'relative';
-    const btn = document.createElement('button');
-    btn.className = 'copy-btn';
-    btn.textContent = 'Copy';
-    btn.setAttribute('aria-label', 'Copy code');
-    btn.addEventListener('click', () => {
-      const code = pre.querySelector('code') || pre;
-      navigator.clipboard.writeText(code.textContent).then(() => {
-        btn.textContent = '✓ Copied';
-        btn.classList.add('copied');
-        setTimeout(() => { btn.textContent = 'Copy'; btn.classList.remove('copied'); }, 2000);
-      }).catch(() => {
-        btn.textContent = '✗ Failed';
-        setTimeout(() => { btn.textContent = 'Copy'; }, 2000);
-      });
-    });
-    pre.appendChild(btn);
-  });
-}
-
-function escapeHtml(s) {
-  return String(s).replace(/[&<>"']/g, c => ({
-    '&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'
-  }[c]));
-}
-
-// ─── Session management ──────────────────────────────────────────────────
-function isUntitledSessionTitle(title) {
-  return !title || /^new\s+chat$/i.test(String(title).trim());
-}
-
-function createLocalSession(id, title, bridgeSessionId = id) {
-  const sess = {
-    id, bridgeSessionId, title: title || 'New chat', messages: [], cwd: null,
-    untitled: isUntitledSessionTitle(title),
-    config: { ...state.defaultConfig },
-    diagnostics: [],
-  };
-  getSessionRuntime(sess);
-  // Keep freshly-created chats visually quiet: the empty state is enough guidance.
-  state.sessions.set(id, sess);
+async function newSession() {
+  const localId = 'local-' + Date.now() + '-' + Math.random().toString(16).slice(2);
+  const sess = { id: localId, bridgeSessionId: null, title: '', messages: [], untitled: true, lastActiveTs: Date.now() };
+  state.sessions.set(localId, sess);
+  try {
+    await ensureBridgeSession(sess);
+    state.sessions.delete(localId);
+    sess.id = sess.bridgeSessionId;
+    state.sessions.set(sess.id, sess);
+  } catch (e) { showError(t('err.newSession') + ': ' + (e.message || e)); }
+  setActiveSession(sess.id);
+  saveSessions();
   renderSessionList();
-  return sess;
+}
+function sessionNeedsHydrate(sess) {
+  return !!(sess?.bridgeSessionId && state.bridgeReady && !sess.messages.length);
+}
+
+function runSessionHydrate(sess) {
+  setSessionLoading(true);
+  const tid = setTimeout(() => {
+    if (isActive(sess)) setSessionLoading(false);
+  }, HYDRATE_LOADING_TIMEOUT_MS);
+  return hydrateSession(sess).finally(() => {
+    clearTimeout(tid);
+    if (isActive(sess)) setSessionLoading(false);
+  });
 }
 
 function setActiveSession(id) {
-  // Save scroll position of current session before switching
-  if (state.activeId) {
-    const prevRuntime = state.runtimeBySessionId.get(state.activeId);
-    if (prevRuntime) prevRuntime.scrollPos = messagesEl.scrollTop;
-  }
+  setSessionLoading(false);
   state.activeId = id;
+  if (id) localStorage.setItem('ga_active', id);  // 持久化当前会话，刷新后固定恢复它
   const sess = state.sessions.get(id);
   if (!sess) return;
-  sessionTitleEl.textContent = sess.title;
-  renderMessages();
+  if (msgsEl) msgsEl.innerHTML = '';
+  const r = rt(sess);
+  r.draftEl = null;
+  resetTypewriterState(r);
+  renderAllMessages(sess);
+  setBusy(sess, rt(sess).busy);
   renderSessionList();
-  renderDiagnostics();
-  const runtime = getSessionRuntime(sess);
-  setBusy(runtime.busy, runtime.busy ? 'Agent is responding…' : null, sess);
-  // When switching to a session that is still running, ensure the live draft
-  // is rendered immediately and polling is active (it may have been started
-  // earlier but its render calls were no-ops because the session wasn't active).
-  if (runtime.busy) {
-    const draft = runtime.assistantDraft;
-    if (draft && !draft.finalized) {
-      renderAssistantDraftInPlace(sess, draft);
-    }
-    // Restart polling if it stopped (e.g. page reload or race condition)
-    if (!runtime.polling) {
-      runtime.forcePollOnce = true;
-      pollSessionMessages(sess);
-    } else {
-      // Polling is running but was rendering as no-op while we were away.
-      // Do an immediate one-shot poll to refresh the view right now.
-      (async () => {
-        try {
-          const res = await GaBridge.pollSession(sess.bridgeSessionId || sess.id, runtime.lastPolledMessageId || 0);
-          if (res?.error) return;
-          const result = res.result || res;
-          for (const msg of (result.messages || [])) upsertPolledMessage(sess, msg, { partial: false });
-          if (result.partial) upsertPolledMessage(sess, result.partial, { partial: true });
-        } catch(e) { /* ignore, regular polling will handle it */ }
-      })();
-    }
+  refreshPlanBar(null);
+  syncPlanPollTimer();
+  if (!sess.bridgeSessionId || !state.bridgeReady) return;
+  if (sessionNeedsHydrate(sess)) {
+    runSessionHydrate(sess);
+  } else {
+    restoreElapsedBadges(sess, ensureMsgs());
+    planPoll(sess);
   }
 }
-
-function renderSessionList() {
-  // Preserve the + button (must remain in DOM as anchor for insertBefore)
-  const newBtn = document.getElementById('new-session-btn');
-  // Remove only existing tab elements, never the + button
-  sessionListEl.querySelectorAll('.session-tab').forEach((el) => el.remove());
-  if (state.sessions.size === 0) return;
-  for (const sess of state.sessions.values()) {
-    const item = document.createElement('button');
-    item.type = 'button';
-    item.className = 'session-tab' + (sess.id === state.activeId ? ' active' : '');
-    item.setAttribute('role', 'tab');
-    item.setAttribute('aria-selected', sess.id === state.activeId ? 'true' : 'false');
-    item.setAttribute('data-session-id', sess.id);
-    item.title = sess.title;
-    // ─── Drag-and-drop reorder ───
-    item.draggable = true;
-    item.addEventListener('dragstart', (e) => {
-      e.dataTransfer.setData('text/plain', sess.id);
-      e.dataTransfer.effectAllowed = 'move';
-      item.classList.add('dragging');
-    });
-    item.addEventListener('dragend', () => {
-      item.classList.remove('dragging');
-      sessionListEl.querySelectorAll('.session-tab.drag-over').forEach(el => el.classList.remove('drag-over'));
-    });
-    item.addEventListener('dragover', (e) => {
-      e.preventDefault();
-      e.dataTransfer.dropEffect = 'move';
-      item.classList.add('drag-over');
-    });
-    item.addEventListener('dragleave', () => {
-      item.classList.remove('drag-over');
-    });
-    item.addEventListener('drop', (e) => {
-      e.preventDefault();
-      item.classList.remove('drag-over');
-      const draggedId = e.dataTransfer.getData('text/plain');
-      if (draggedId && draggedId !== sess.id) {
-        reorderSession(draggedId, sess.id);
-      }
-    });
-    // Per-tab status dot
-    const dot = document.createElement('span');
-    dot.className = 'tab-dot';
-    const runtime = getSessionRuntime(sess);
-    if (runtime && runtime.busy) dot.classList.add('busy');
-    item.appendChild(dot);
-    // Tab label
-    const label = document.createElement('span');
-    label.className = 'tab-label';
-    label.textContent = sess.title;
-    item.appendChild(label);
-    // Close button (Chrome-style ×)
-    const closeBtn = document.createElement('span');
-    closeBtn.className = 'tab-close';
-    closeBtn.setAttribute('role', 'button');
-    closeBtn.setAttribute('aria-label', 'Close tab');
-    closeBtn.textContent = '×';
-    closeBtn.addEventListener('click', (e) => {
-      e.stopPropagation();
-      closeSession(sess.id);
-    });
-    item.appendChild(closeBtn);
-    item.addEventListener('click', () => setActiveSession(sess.id));
-    sessionListEl.insertBefore(item, newBtn);
-  }
-}
-
-// ─── Tab drag reorder helper ─────────────────────────────────────────────────
-function reorderSession(draggedId, targetId) {
-  const entries = [...state.sessions.entries()];
-  const fromIdx = entries.findIndex(([id]) => id === draggedId);
-  const toIdx = entries.findIndex(([id]) => id === targetId);
-  if (fromIdx === -1 || toIdx === -1 || fromIdx === toIdx) return;
-  const [moved] = entries.splice(fromIdx, 1);
-  entries.splice(toIdx, 0, moved);
-  state.sessions = new Map(entries);
-  renderSessionList();
-}
-
-function closeSession(id) {
-  if (state.sessions.size <= 1) return; // Don't close the last tab
-  // Notify bridge to delete this session
+async function closeSession(id) {
   const sess = state.sessions.get(id);
   if (sess && sess.bridgeSessionId) {
-    const bridgeUrl = window.ga.bridgeUrl || 'http://127.0.0.1:14168';
-    fetch(`${bridgeUrl}/session/${sess.bridgeSessionId}`, { method: 'DELETE' }).catch(() => {});
+    try { await window.ga.rpc('session/cancel', { sessionId: sess.bridgeSessionId }); } catch (_) {}
+    fetch(`${BRIDGE_ORIGIN}/session/${sess.bridgeSessionId}`, { method: 'DELETE' }).catch(() => {});
   }
-  const keys = [...state.sessions.keys()];
-  const idx = keys.indexOf(id);
-  state.sessions.delete(id);
-  state.runtimeBySessionId.delete(id);
+  state.sessions.delete(id); state.runtime.delete(id);
   if (state.activeId === id) {
-    // Switch to adjacent tab (prefer right, fallback left)
-    const newIdx = Math.min(idx, keys.length - 2);
-    const remaining = [...state.sessions.keys()];
-    setActiveSession(remaining[Math.max(0, Math.min(newIdx, remaining.length - 1))]);
-  } else {
-    renderSessionList();
+    const next = (sortedSessions()[0] || {}).id || null;  // 切到列表最靠上的会话
+    if (next) setActiveSession(next);
+    else { state.activeId = null; localStorage.removeItem('ga_active'); if (msgsEl) msgsEl.innerHTML = ''; refreshEmptyState(null); refreshStatusLabel(); }
   }
+  saveSessions();
+  renderSessionList();
 }
 
-async function newSession() {
-  if (!state.bridgeReady) {
-    showError('Bridge is not ready yet. Please wait a moment.');
+const convMenu = document.getElementById('conv-menu');
+let menuTargetId = null;
+convListEl.addEventListener('click', (e) => {
+  const more = e.target.closest('.ci-more');
+  if (more) {
+    e.stopPropagation();
+    menuTargetId = more.closest('.conv-item').dataset.id;
+    // 根据当前会话置顶状态切菜单文案:置顶 / 取消置顶
+    const tgt = state.sessions.get(menuTargetId);
+    const pinSpan = convMenu.querySelector('[data-act="pin"] [data-i18n]');
+    if (pinSpan) {
+      const k = tgt && tgt.pinned ? 'ctx.unpin' : 'ctx.pin';
+      pinSpan.setAttribute('data-i18n', k);
+      pinSpan.textContent = t(k);
+    }
+    convMenu.hidden = false;
+    const rect = more.getBoundingClientRect();
+    convMenu.style.top = (rect.bottom + 4) + 'px';
+    convMenu.style.left = (rect.right - convMenu.offsetWidth) + 'px';
     return;
   }
-  const previousSess = state.sessions.get(state.activeId) || null;
-  // Don't mark previousSess as busy - it's not doing anything
-  // Just show status text without changing any tab dot
-  const statusEl = $('status');
-  if (statusEl) statusEl.textContent = 'Creating session…';
-  let createdSess = null;
-  try {
-    const cwd = await getCwd();
-    const res = await window.ga.rpc('session/new', { cwd, mcp_servers: [] });
-    if (res.error) throw new Error(typeof res.error === 'string' ? res.error : (res.error.message || JSON.stringify(res.error)));
-    const bridgeSessionId = res.sessionId;
-    const localSessionId = `local-${Date.now()}-${Math.random().toString(16).slice(2)}`;
-    createdSess = createLocalSession(localSessionId, 'New chat', bridgeSessionId);
-    createdSess.cwd = cwd;
-    setActiveSession(localSessionId);
-  } catch (e) {
-    showError('Failed to create session: ' + e.message);
-  } finally {
-    setBusy(false, null, createdSess || previousSess);
+  const it = e.target.closest('.conv-item');
+  if (it && it.dataset.id) {
+    setActiveSession(it.dataset.id);
+    const chatNav = nav.querySelector('.nav-item[data-page="chat"]');
+    if (chatNav && !chatNav.classList.contains('active')) chatNav.click();
   }
-}
-
-async function getCwd() {
-  // Use GA root as default cwd
-  const status = await window.ga.checkStatus();
-  return status.gaRoot;
-}
-
-// ─── Messages rendering ──────────────────────────────────────────────────
-// DOM cache: sessionId -> { fragment, scrollTop }
-const _domCache = new Map();
-
-function renderMessages() {
-  const sess = state.sessions.get(state.activeId);
-  const runtime = sess ? getSessionRuntime(sess) : null;
-
-  // Save current DOM + scroll to cache for previous session
-  if (state._prevRenderedId && state._prevRenderedId !== state.activeId) {
-    const frag = document.createDocumentFragment();
-    while (messagesEl.firstChild) frag.appendChild(messagesEl.firstChild);
-    _domCache.set(state._prevRenderedId, {
-      fragment: frag,
-      scrollTop: runtime ? (state.runtimeBySessionId.get(state._prevRenderedId)?.scrollPos ?? 0) : 0,
-    });
-  }
-
-  if (runtime) {
-    runtime.currentTurnEl = null;
-    runtime.lastMessageType = null;
-  }
-
-  const hasSavedMessages = !!sess && sess.messages.length > 0;
-  const hasDraft = !!runtime?.assistantDraft && !runtime.assistantDraft.finalized;
-  if (!sess || (!hasSavedMessages && !hasDraft)) {
-    messagesEl.innerHTML = '';
-    messagesEl.classList.add('empty');
-    messagesEl.innerHTML = `
-      <div class="empty-state">
-        <div class="empty-title">New task</div>
-        <div class="empty-sub">Task me anything. Type <code>/help</code> for commands.</div>
-      </div>`;
-    state._prevRenderedId = state.activeId;
-    return;
-  }
-
-  messagesEl.classList.remove('empty');
-
-  // Try to restore from cache
-  const cached = _domCache.get(state.activeId);
-  if (cached) {
-    messagesEl.innerHTML = '';
-    messagesEl.appendChild(cached.fragment);
-    _domCache.delete(state.activeId);
-    // If there's a live draft, the cached DOM is stale — re-render the draft portion
-    if (hasDraft) {
-      // Remove the stale assistant wrap (last unfinalized msg-assistant element)
-      const last = messagesEl.lastElementChild;
-      if (last?.classList?.contains('msg-assistant') && last.dataset.finalized !== '1') {
-        last.remove();
-      }
-      renderAssistantDraft(sess, runtime.assistantDraft);
-    }
-    messagesEl.scrollTop = cached.scrollTop;
-  } else {
-    messagesEl.innerHTML = '';
-    for (const m of sess.messages) renderMessage(m, false);
-    if (hasDraft) renderAssistantDraft(sess, runtime.assistantDraft);
-    messagesEl.scrollTop = messagesEl.scrollHeight;
-  }
-  state._prevRenderedId = state.activeId;
-}
-
-function prepareMessagesForContent() {
-  if (messagesEl.classList.contains('empty')) messagesEl.innerHTML = '';
-  messagesEl.classList.remove('empty');
-}
-
-function renderMessage(msg, append = true) {
-  prepareMessagesForContent();
-
-  if (msg.role === 'user') {
-    const wrap = document.createElement('div');
-    wrap.className = 'msg msg-user';
-    let imagesHtml = '';
-    const ids = msg.image_ids || [];
-    if (ids.length > 0) {
-      imagesHtml = '<div class="user-images">' + ids.map(id => {
-        const dataUrl = sessionStorage.getItem('img:' + id);
-        if (dataUrl) {
-          return `<img src="${dataUrl}" class="user-msg-thumb" />`;
-        }
-        return `<span class="user-msg-thumb-placeholder" title="Image expired">🖼</span>`;
-      }).join('') + '</div>';
-    }
-    wrap.innerHTML = `<div class="bubble">${imagesHtml}${escapeHtml(msg.content)}</div>`;
-    messagesEl.appendChild(wrap);
-    const sess = state.sessions.get(state.activeId);
-    const runtime = sess ? getSessionRuntime(sess) : null;
-    if (runtime) {
-      runtime.currentTurnEl = null; // reset turn grouping on user message
-      runtime.lastMessageType = 'user';
-    }
-  } else if (msg.role === 'system') {
-    const wrap = document.createElement('div');
-    wrap.className = 'msg msg-system';
-    wrap.textContent = msg.content;
-    messagesEl.appendChild(wrap);
-  } else if (msg.role === 'error') {
-    const wrap = document.createElement('div');
-    wrap.className = 'msg msg-error';
-    wrap.textContent = msg.content;
-    messagesEl.appendChild(wrap);
-    const sess = state.sessions.get(state.activeId);
-    const runtime = sess ? getSessionRuntime(sess) : null;
-    if (runtime) runtime.currentTurnEl = null;
-  } else if (msg.role === 'assistant') {
-    // Final full message (when reloading from state)
-    const wrap = document.createElement('div');
-    wrap.className = 'msg msg-assistant';
-    if (msg.segments) {
-      ensureAssistantTaskElapsed(wrap, msg.taskStartedAt, msg.taskEndedAt);
-      for (const seg of msg.segments) {
-        wrap.appendChild(buildTurn(seg.kind, seg.text, seg.collapsed, nextTurnIndexForWrap(wrap)));
-      }
+});
+convMenu.addEventListener('click', (e) => {
+  e.stopPropagation();
+  const act = e.target.closest('.ctx-item')?.dataset.act;
+  const sess = menuTargetId && state.sessions.get(menuTargetId);
+  if (sess && act === 'pin') {
+    if (sess.pinned) {
+      sess.pinned = false;       // 取消置顶 + 放到 pinned 之后、其它 unpinned 之前(unpinned 区域顶部)
+      const others = [...state.sessions.values()].filter(s => s.id !== sess.id);
+      const m = new Map();
+      for (const s of others) if (s.pinned) m.set(s.id, s);  // 先所有仍 pinned 的
+      m.set(sess.id, sess);                                   // 再本会话(刚 unpinned)
+      for (const s of others) if (!s.pinned) m.set(s.id, s);  // 再其它 unpinned
+      state.sessions = m;
     } else {
-      const body = document.createElement('div');
-      body.className = 'assistant-response md';
-      ensureAssistantTaskElapsed(wrap, msg.taskStartedAt, msg.taskEndedAt);
-      const cleanContent = (msg.content || '').replace(/\n*`{5}\n*\[Info\] Final response to user\.\n*`{5}\s*$/, '');
-      renderStructuredMarkdownInto(body, cleanContent);
-      injectCopyButtons(body);
-      wrap.appendChild(body);
+      sess.pinned = true;        // 置顶 + 移到列表顶
+      const m = new Map(); m.set(sess.id, sess);
+      for (const [k, v] of state.sessions) if (k !== sess.id) m.set(k, v);
+      state.sessions = m;
     }
-    injectCopyButtons(wrap);
-    messagesEl.appendChild(wrap);
-  }
-  if (append) scrollToBottom();
-}
-
-function buildTurn(kind, text, collapsed, index) {
-  const turn = document.createElement('div');
-  turn.className = 'turn' + (collapsed ? ' collapsed' : '');
-  turn.dataset.kind = kind;
-  const turnIndex = Number(index || 0);
-  const label = turnIndex ? turnHeaderLabel(turnIndex, kind) : kind;
-  const summary = summarizeStructuredBlock(kind, text);
-  const header = document.createElement('div');
-  header.className = 'turn-header';
-  header.innerHTML = `<span class="turn-caret">▼</span><span class="turn-tag">${escapeHtml(label)}</span><span class="turn-summary">${escapeHtml(summary)}</span>`;
-  header.addEventListener('click', () => turn.classList.toggle('collapsed'));
-  const body = document.createElement('div');
-  body.className = 'turn-body md';
-  const hasToolDetail = Boolean(parseToolDetails(kind, text));
-  renderToolDetailInto(body, { kind, text });
-  if (!hasToolDetail) {
-    const rendered = document.createElement('div');
-    rendered.className = 'turn-rendered-md';
-    rendered.innerHTML = renderMarkdown(text);
-    body.appendChild(rendered);
-  }
-  turn.appendChild(header);
-  turn.appendChild(body);
-  injectCopyButtons(body);
-  return turn;
-}
-
-function isNearBottom(threshold = 150) {
-  return messagesEl.scrollHeight - messagesEl.scrollTop - messagesEl.clientHeight < threshold;
-}
-
-function scrollToBottom(smooth = true) {
-  messagesEl.scrollTo({ top: messagesEl.scrollHeight, behavior: smooth ? 'smooth' : 'auto' });
-}
-
-// ─── Streaming chunks (from ACP bridge notifications) ────────────────────
-// ACP sends method='session/update' with params.update.sessionUpdate=
-//   agent_message_chunk | agent_thought_chunk | tool_call | tool_call_update | plan | available_commands_update
-function handleNotification(msg) {
-  // Handle WS session-state notifications from the bridge backend.
-  // These have {type: "session-state", sessionId, state, status, seq, ...}
-  // and are used to kick-start polling for sessions that became active
-  // (e.g. after page reload, or when a background session starts running).
-  if (msg.type === 'session-state') {
-    const sess = findSessionByBridgeId(msg.sessionId);
-    if (!sess) return;
-    const runtime = getSessionRuntime(sess);
-    if ((msg.state === 'running' || msg.status === 'running') && !runtime.polling) {
-      runtime.busy = true;
-      runtime.forcePollOnce = true;
-      setBusy(true, 'Thinking…', sess);
-      pollSessionMessages(sess);
-    } else if (msg.state === 'idle' || msg.state === 'error' || msg.status === 'idle') {
-      // Session finished in background — do a final poll to pick up remaining messages
-      if (!runtime.polling && runtime.busy) {
-        runtime.forcePollOnce = true;
-        pollSessionMessages(sess);
-      }
-    }
-    // Update tab dot regardless
+    saveSessions();
+    patchSession(sess, { pinned: sess.pinned });
     renderSessionList();
-    return;
-  }
-  if (msg.method !== 'session/update') return;
-  const update = msg.params?.update;
-  if (!update) return;
-  const kind = update.sessionUpdate;
-  const bridgeSessionId = msg.params?.sessionId || update.sessionId || update.session?.id;
-  const sess = findSessionByBridgeId(bridgeSessionId);
-  if (!sess) return;
-
-
-  if (kind === 'agent_message_chunk') {
-    const text = extractText(update.content);
-    appendAssistantChunk(sess, text);
-  } else if (kind === 'task_started') {
-    hideError();
-    startTaskTimer(sess);
-    setBusy(true, 'Thinking…', sess);
-  } else if (kind === 'task_completed' || kind === 'cancelled') {
-    finalizeAssistantReply(sess);
-    setBusy(false, null, sess);
-    hideError();
-  } else if (kind === 'error') {
-    finalizeAssistantReply(sess);
-    setBusy(false, null, sess);
-    const errText = update.message || update.error || 'Bridge error';
-    sess.messages.push({ role: 'error', content: errText });
-    if (isActiveSession(sess)) renderMessage({ role: 'error', content: errText });
-    showError(errText);
-  } else if (kind === 'agent_thought_chunk') {
-    const text = extractText(update.content);
-    appendStreamChunk(sess, kind, text);
-  } else if (kind === 'tool_call') {
-    const toolName = update.title || update.name || update.kind || update.toolCallId || 'tool';
-    const args = update.arguments || update.args || update.input || update.content || '';
-    const argText = typeof args === 'string' ? args : JSON.stringify(args, null, 2);
-    const text = `<function_calls>
-<invoke name="${escapeHtml(toolName)}">
-<parameter name="args">${escapeHtml(argText)}</parameter>
-</invoke>
-</function_calls>`;
-    appendTurn(sess, 'TOOL_CALL', text, true);
-  } else if (kind === 'tool_call_update') {
-    // Status updates, keep simple
-    if (update.status && update.status !== 'in_progress') {
-      appendTurn(sess, 'tool', `[${update.status}] ${update.toolCallId || ''}`, true);
-    }
-  } else if (kind === 'plan') {
-    const lines = (update.entries || []).map(e =>
-      `- [${e.status || 'pending'}] ${e.content || ''}`
-    ).join('\n');
-    appendTurn(sess, 'plan', lines, false);
-  }
-}
-
-function extractText(content) {
-  if (!content) return '';
-  if (typeof content === 'string') return content;
-  if (content.type === 'text') return content.text || '';
-  if (Array.isArray(content)) return content.map(extractText).join('');
-  return '';
-}
-
-function getLiveAssistantWrap(sess) {
-  if (!isActiveSession(sess)) return null;
-  const last = messagesEl.lastElementChild;
-  if (last?.classList?.contains('msg-assistant') && last.dataset.finalized !== '1') return last;
-  const wrap = document.createElement('div');
-  wrap.className = 'msg msg-assistant';
-  const runtime = getSessionRuntime(sess);
-  if (runtime.taskStartedAt) {
-    wrap.dataset.taskStartedAt = String(runtime.taskStartedAt);
-    ensureAssistantTaskElapsed(wrap, runtime.taskStartedAt);
-  }
-  messagesEl.appendChild(wrap);
-  return wrap;
-}
-
-function getAssistantDraft(sess) {
-  const runtime = getSessionRuntime(sess);
-  if (!runtime.assistantDraft || runtime.assistantDraft.finalized) {
-    runtime.assistantDraft = {
-      text: '',
-      segments: [],
-      currentSegmentIndex: -1,
-      taskStartedAt: runtime.taskStartedAt || 0,
-      taskEndedAt: 0,
-      finalized: false,
-      bridgeMessageId: 0
+  } else if (sess && act === 'rename') {
+    convMenu.hidden = true;
+    const item = convListEl.querySelector(`.conv-item[data-id="${sess.id}"]`);
+    if (!item) return;
+    const titleEl = item.querySelector('.ci-title');
+    if (!titleEl) return;
+    const oldTitle = sess.title || '';
+    const inp = document.createElement('input');
+    inp.className = 'ci-rename-input';
+    inp.maxLength = 50;
+    inp.value = oldTitle;
+    titleEl.replaceWith(inp);
+    bindToastLimit(inp);
+    inp.focus();
+    inp.select();
+    const finish = (save) => {
+      if (inp._done) return;
+      inp._done = true;
+      const val = inp.value.trim();
+      if (save && val && val !== oldTitle) {
+        sess.title = val;
+        sess.untitled = false;
+        saveSessions();
+        patchSession(sess, { title: val, untitled: false });
+        const history = tokLoadHistory();
+        const sid = sess.bridgeSessionId || sess.id;
+        let changed = false;
+        history.forEach(h => { if (h.sessionId === sid) { h.title = val; changed = true; } });
+        if (changed) tokSaveHistory(history);
+      }
+      renderSessionList();
     };
-  }
-  if (!runtime.assistantDraft.taskStartedAt && runtime.taskStartedAt) runtime.assistantDraft.taskStartedAt = runtime.taskStartedAt;
-  return runtime.assistantDraft;
-}
-
-function renderAssistantDraft(sess, draft) {
-  if (!isActiveSession(sess) || !draft || draft.finalized) return null;
-  prepareMessagesForContent();
-  const wrap = document.createElement('div');
-  wrap.className = 'msg msg-assistant';
-  if (draft.taskStartedAt) {
-    wrap.dataset.taskStartedAt = String(draft.taskStartedAt);
-    ensureAssistantTaskElapsed(wrap, draft.taskStartedAt, draft.taskEndedAt);
-  }
-  if (draft.text) {
-    wrap.dataset.buf = draft.text;
-    const body = document.createElement('div');
-    body.className = 'assistant-response md';
-    renderStructuredMarkdownInto(body, draft.text);
-    injectCopyButtons(body);
-    if (!draft.finalized) body.insertAdjacentHTML('beforeend', '<span class="cursor"></span>');
-    wrap.appendChild(body);
-  }
-  for (const seg of draft.segments || []) {
-    wrap.appendChild(buildTurn(seg.kind, seg.text, seg.collapsed, nextTurnIndexForWrap(wrap)));
-  }
-  injectCopyButtons(wrap);
-  messagesEl.appendChild(wrap);
-  return wrap;
-}
-
-function renderAssistantDraftInPlace(sess, draft) {
-  if (!isActiveSession(sess) || !draft || draft.finalized) return null;
-  prepareMessagesForContent();
-  const runtime = getSessionRuntime(sess);
-  const wrap = getLiveAssistantWrap(sess);
-  if (draft.taskStartedAt || runtime.taskStartedAt) {
-    const startedAt = draft.taskStartedAt || runtime.taskStartedAt;
-    wrap.dataset.taskStartedAt = String(startedAt);
-    ensureAssistantTaskElapsed(wrap, startedAt, draft.taskEndedAt);
-  }
-  wrap.dataset.buf = draft.text || '';
-  let body = wrap.querySelector('.assistant-response');
-  if (!body) {
-    body = document.createElement('div');
-    body.className = 'assistant-response md';
-    // Keep plain assistant text before folded/tool turns.
-    const firstTurn = wrap.querySelector('.turn');
-    if (firstTurn) wrap.insertBefore(body, firstTurn);
-    else wrap.appendChild(body);
-  }
-  renderStructuredMarkdownInto(body, draft.text || '');
-  injectCopyButtons(body);
-  body.insertAdjacentHTML('beforeend', '<span class="cursor"></span>');
-  if (isNearBottom()) scrollToBottom(false);
-  return wrap;
-}
-
-function appendAssistantChunk(sess, text) {
-  if (!text) return;
-  const runtime = getSessionRuntime(sess);
-  const draft = getAssistantDraft(sess);
-  draft.text += text;
-  draft.currentSegmentIndex = -1;
-  runtime.currentTurnEl = null;
-  if (!isActiveSession(sess)) return;
-  prepareMessagesForContent();
-  let wrap = getLiveAssistantWrap(sess);
-  let body = wrap.querySelector('.assistant-response');
-  if (!body) {
-    body = document.createElement('div');
-    body.className = 'assistant-response md';
-    wrap.appendChild(body);
-  }
-  wrap.dataset.buf = draft.text;
-  ensureAssistantTaskElapsed(wrap, draft.taskStartedAt || runtime.taskStartedAt);
-  renderStructuredMarkdownInto(body, draft.text);
-  body.insertAdjacentHTML('beforeend', '<span class="cursor"></span>');
-  if (isNearBottom()) scrollToBottom(false);
-}
-
-function appendStreamChunk(sess, kind, text) {
-  if (!text) return;
-  // Group consecutive chunks of same kind into one turn (fold_turns style)
-  const runtime = getSessionRuntime(sess);
-  const draft = getAssistantDraft(sess);
-  let seg = draft.segments[draft.currentSegmentIndex];
-  if (!seg || seg.kind !== kind) {
-    seg = { kind, text: '', collapsed: false };
-    draft.segments.push(seg);
-    draft.currentSegmentIndex = draft.segments.length - 1;
-    runtime.currentTurnEl = null;
-  }
-  seg.text += text;
-  if (!isActiveSession(sess)) return;
-  let turn = runtime.currentTurnEl;
-  const currentKind = turn?.dataset.kind;
-  if (!turn || currentKind !== kind) {
-    turn = createStreamingTurn(sess, kind);
-    runtime.currentTurnEl = turn;
-  }
-  turn.dataset.buf = seg.text;
-  const body = turn.querySelector('.turn-body');
-  const { summary, remaining: cleanText } = stripLeadingMetaTags(seg.text);
-  // Update the header turn-summary span (visible when collapsed)
-  const summarySpan = turn.querySelector('.turn-summary');
-  if (summarySpan && summary) {
-    summarySpan.textContent = summary;
-  }
-  // Only render the clean body text (no summary-hint in body)
-  body.innerHTML = renderMarkdown(cleanText) + '<span class="cursor"></span>';
-  if (isNearBottom()) scrollToBottom(false);
-}
-
-function appendTurn(sess, kind, text, collapsed) {
-  const draft = getAssistantDraft(sess);
-  draft.segments.push({ kind, text, collapsed: !!collapsed });
-  draft.currentSegmentIndex = -1;
-  if (!isActiveSession(sess)) return;
-  prepareMessagesForContent();
-  const wrap = getLiveAssistantWrap(sess);
-  wrap.appendChild(buildTurn(kind, text, collapsed, nextTurnIndexForWrap(wrap)));
-  if (isNearBottom()) scrollToBottom(false);
-}
-
-function createStreamingTurn(sess, kind) {
-  prepareMessagesForContent();
-  const wrap = getLiveAssistantWrap(sess);
-  const turn = document.createElement('div');
-  turn.className = 'turn';
-  turn.dataset.kind = kind;
-  const displayKind = kind === 'agent_thought_chunk' ? 'thinking' : 'response';
-  const turnIndex = nextTurnIndexForWrap(wrap);
-  turn.innerHTML = `
-    <div class="turn-header"><span class="turn-caret">▼</span><span class="turn-tag">${escapeHtml(turnHeaderLabel(turnIndex, displayKind))}</span><span class="turn-summary"></span></div>
-    <div class="turn-body md"></div>`;
-  turn.querySelector('.turn-header').addEventListener('click', () => turn.classList.toggle('collapsed'));
-  // thinking turns collapsed by default once complete
-  if (kind === 'agent_thought_chunk') turn.dataset.autoCollapse = '1';
-  wrap.appendChild(turn);
-  return turn;
-}
-
-function getCurrentAssistantWrap(sess) {
-  if (!isActiveSession(sess)) return null;
-  const last = messagesEl.lastElementChild;
-  if (last?.classList?.contains('msg-assistant') && last.dataset.finalized !== '1') return last;
-  return null;
-}
-
-function finalizeStreamingTurn(sess) {
-  const runtime = getSessionRuntime(sess);
-  const wrap = getCurrentAssistantWrap(sess);
-  const liveAssistant = wrap?.querySelector('.assistant-response');
-  if (liveAssistant) {
-    renderStructuredMarkdownInto(liveAssistant, wrap.dataset.buf || '');
-    injectCopyButtons(liveAssistant);
-  }
-  if (runtime.assistantDraft?.segments?.length) {
-    for (const seg of runtime.assistantDraft.segments) {
-      if (seg.kind === 'agent_thought_chunk') seg.collapsed = true;
-    }
-  }
-  if (!runtime.currentTurnEl) return;
-  const t = runtime.currentTurnEl;
-  const body = t.querySelector('.turn-body');
-  // Remove cursor, strip summary/think tags; set turn-summary in header
-  if (body) {
-    const { summary: extractedSummary, remaining: cleanBuf } = stripLeadingMetaTags(t.dataset.buf || '');
-    body.innerHTML = renderMarkdown(cleanBuf);
-    // Set the turn-summary span in the header for collapsed display
-    const summaryEl = t.querySelector('.turn-summary');
-    if (summaryEl) {
-      const kind = t.dataset.kind || 'response';
-      summaryEl.textContent = extractedSummary || summarizeStructuredBlock(kind, cleanBuf);
-    }
-  }
-  if (t.dataset.autoCollapse === '1') t.classList.add('collapsed');
-  const idx = runtime.assistantDraft?.currentSegmentIndex;
-  if (Number.isInteger(idx) && runtime.assistantDraft?.segments?.[idx]) {
-    runtime.assistantDraft.segments[idx].collapsed = t.classList.contains('collapsed');
-  }
-  runtime.currentTurnEl = null;
-}
-
-function finalizeAssistantReply(sess) {
-  const endedAt = getNowMs();
-  finalizeStreamingTurn(sess);
-  // Remove any residual blinking cursors (e.g. after RPC timeout)
-  messagesEl.querySelectorAll('.cursor').forEach(el => el.remove());
-  const runtime = getSessionRuntime(sess);
-  const draft = runtime.assistantDraft;
-  const wrap = getCurrentAssistantWrap(sess);
-  if (draft && sess && !draft.finalized) {
-    draft.finalized = true;
-    draft.taskEndedAt = endedAt;
-    // Strip trailing [Info] Final response to user. marker (wrapped in 5 backticks)
-    if (draft.text) {
-      draft.text = draft.text.replace(/\n*`{5}\n*\[Info\] Final response to user\.\n*`{5}\s*$/, '');
-    }
-    if (draft.segments?.length) {
-      const last = draft.segments[draft.segments.length - 1];
-      if (last && last.text) {
-        last.text = last.text.replace(/\n*`{5}\n*\[Info\] Final response to user\.\n*`{5}\s*$/, '');
-      }
-    }
-    const msg = { role: 'assistant', finalized: true, taskEndedAt: endedAt };
-    if (draft.bridgeMessageId) msg.id = Number(draft.bridgeMessageId);
-    if (draft.taskStartedAt) msg.taskStartedAt = Number(draft.taskStartedAt);
-    if (draft.text) msg.content = draft.text;
-    if (draft.segments?.length) msg.segments = draft.segments.map((seg) => ({
-      kind: seg.kind,
-      text: seg.text || '',
-      collapsed: !!seg.collapsed
-    }));
-    if (msg.content || msg.segments?.length) sess.messages.push(msg);
-    runtime.assistantDraft = null;
-  }
-  if (wrap) {
-    wrap.dataset.finalized = '1';
-    wrap.dataset.taskEndedAt = String(endedAt);
-    ensureAssistantTaskElapsed(wrap, wrap.dataset.taskStartedAt || runtime.taskStartedAt || draft?.taskStartedAt, endedAt);
-    renderMessages();
-  } else if (!isActiveSession(sess)) {
-    // Session finished in background — its DOM cache is stale, discard it
-    // so that switching to it will do a full re-render from sess.messages
-    _domCache.delete(sess.id);
-  }
-  stopTaskTimer(sess);
-}
-
-// ─── Sending prompts ─────────────────────────────────────────────────────
-function normalizeBridgeMessage(msg) {
-  return {
-    id: Number(msg.id || 0),
-    role: msg.role || 'system',
-    content: msg.content || '',
-    image_ids: msg.image_ids || []
-  };
-}
-
-function upsertPolledMessage(sess, raw, { partial = false } = {}) {
-  if (!sess || !raw) return;
-  const msg = normalizeBridgeMessage(raw);
-  if (!msg.id) return;
-  const runtime = getSessionRuntime(sess);
-  if (!runtime.seenBridgeMessageIds) runtime.seenBridgeMessageIds = new Set();
-
-  if (partial && msg.role === 'assistant') {
-    const draft = getAssistantDraft(sess);
-    const changed = draft.bridgeMessageId !== msg.id || draft.text !== (msg.content || '');
-    draft.bridgeMessageId = msg.id;
-    draft.text = msg.content || '';
-    draft.currentSegmentIndex = -1;
-    draft.finalized = false;
-    // Polling partial updates used to call renderMessages(), which rebuilt the
-    // whole message list every 500ms. That destroys user fold/collapse DOM
-    // state and can make the live answer appear to jump/duplicate. Update only
-    // the live assistant draft in-place; final messages are still reconciled by
-    // id in the non-partial branch below.
-    if (changed && isActiveSession(sess)) renderAssistantDraftInPlace(sess, draft);
-    return;
-  }
-
-  if (runtime.seenBridgeMessageIds.has(msg.id)) return;
-  runtime.seenBridgeMessageIds.add(msg.id);
-  runtime.lastPolledMessageId = Math.max(Number(runtime.lastPolledMessageId || 0), msg.id);
-
-  const draft = runtime.assistantDraft;
-  if (msg.role === 'assistant' && draft && !draft.finalized && Number(draft.bridgeMessageId || 0) === msg.id) {
-    draft.text = msg.content || draft.text || '';
-    finalizeAssistantReply(sess);
-    return;
-  }
-  sess.messages.push(msg);
-  if (isActiveSession(sess)) renderMessage(msg);
-}
-
-async function pollSessionMessages(sess) {
-  if (!sess) return;
-  const runtime = getSessionRuntime(sess);
-  if (runtime.polling) return;
-  runtime.polling = true;
-  try {
-    while (runtime.busy || runtime.forcePollOnce) {
-      runtime.forcePollOnce = false;
-      const res = await window.ga.pollSession(sess.bridgeSessionId || sess.id, runtime.lastPolledMessageId || 0);
-      if (res?.error) throw new Error(res.error.message || res.error);
-      const result = res.result || res;
-      for (const msg of (result.messages || [])) upsertPolledMessage(sess, msg, { partial: false });
-      if (result.partial) upsertPolledMessage(sess, result.partial, { partial: true });
-      const busy = result.status === 'running' || !!result.partial;
-      setBusy(busy, busy ? 'Thinking…' : null, sess);
-      if (!busy) {
-        finalizeAssistantReply(sess);
-        break;
-      }
-      await new Promise(resolve => setTimeout(resolve, 500));
-    }
-  } catch (e) {
-    addDiagnostic('error', 'Polling failed', e);
-    showError('Polling failed: ' + (e.message || e));
-    setBusy(false, null, sess);
-  } finally {
-    runtime.polling = false;
-  }
-}
-
-async function sendPrompt(text, images = []) {
-  if (!state.bridgeReady) {
-    showError('Bridge is not ready.');
-    return;
-  }
-  if (!state.activeId) {
-    await newSession();
-    if (!state.activeId) return;
-  }
-  const sess = state.sessions.get(state.activeId);
-  const runtime = getSessionRuntime(sess);
-  if (runtime.busy) return;
-
-  // Store images in sessionStorage and collect ids
-  const imageIds = images.map(img => {
-    try { sessionStorage.setItem('img:' + img.id, img.dataUrl); } catch(e) { /* quota */ }
-    return img.id;
-  });
-
-  const localUserMsg = { role: 'user', content: text, image_ids: imageIds };
-  sess.messages.push(localUserMsg);
-  renderMessage(localUserMsg);
-  startTaskTimer(sess);
-  if (sess.untitled || isUntitledSessionTitle(sess.title)) {
-    sess.title = text.trim().slice(0, 40) + (text.trim().length > 40 ? '…' : '');
-    sess.untitled = false;
-    sessionTitleEl.textContent = sess.title;
-    renderSessionList();
-  }
-
-  setBusy(true, 'Thinking…', sess);
-  try {
-    const res = await window.ga.rpc('session/prompt', {
-      sessionId: await ensureBridgeSession(sess),
-      prompt: text,
-      images: images.map(img => ({id: img.id, dataUrl: img.dataUrl})),
-      llmNo: sess.config.llmNo
+    inp.addEventListener('keydown', e => {
+      if (e.key === 'Enter') { e.preventDefault(); finish(true); }
+      else if (e.key === 'Escape') { e.preventDefault(); finish(false); }
     });
-    if (res?.error) throw new Error(res.error.message || res.error);
-    const acceptedUserId = Number(res.userMessageId || res.result?.userMessageId || 0);
-    if (acceptedUserId) {
-      if (!runtime.seenBridgeMessageIds) runtime.seenBridgeMessageIds = new Set();
-      runtime.seenBridgeMessageIds.add(acceptedUserId);
-      runtime.lastPolledMessageId = Math.max(Number(runtime.lastPolledMessageId || 0), acceptedUserId);
+    inp.addEventListener('blur', () => finish(true));
+    return;
+  } else if (sess && act === 'del') {
+    closeSession(sess.id);
+  }
+  convMenu.hidden = true;
+});
+document.addEventListener('click', () => { convMenu.hidden = true; });
+newConvBtn.addEventListener('click', (e) => { e.preventDefault(); newSession(); });
+
+/* ═══════════════ 轮询 + 流式 ═══════════════ */
+function normalize(m) {
+  const o = { id: Number(m.id || 0), role: m.role || 'system' };
+  if (m.role !== 'assistant') o.content = m.content || '';
+  if (typeof m.display === 'string' && m.display.length) o.display = m.display;
+  if (m.stopped) o.stopped = true;
+  if (m.images) o.images = m.images;
+  if (m.files) o.files = m.files;
+  if (m.ts) o.ts = m.ts;
+  // [turn_segs双轨] 透传结构化轮数组(若后端提供)；落库消息与 partial 都可能带
+  if (Array.isArray(m.turn_segs)) o.turn_segs = m.turn_segs;
+  if (typeof m.curr_turn === 'number') o.curr_turn = m.curr_turn;
+  if (m.role === 'assistant' && !o.turn_segs?.length && typeof m.content === 'string') o.content = m.content;
+  return o;
+}
+function upsert(sess, raw, partial) {
+  const m = normalize(raw); const r = rt(sess);
+  if (partial && m.role === 'assistant') {
+    if (!r.draftEl) resetTypewriterState(r);
+    const prevLen = (Array.isArray(r.draftSegs) ? (r.draftSegs[r.draftTurn] || '') : '').length;
+    r.draftSegs = draftSegsFromPartial(raw, m);
+    r.draftTurn = (typeof m.curr_turn === 'number') ? m.curr_turn : Math.max(0, r.draftSegs.length - 1);
+    const curLen = (r.draftSegs[r.draftTurn] || '').length;
+    const wasEmpty = prevLen === 0;
+    // 新 draft（含刷新/停止后再开）：对齐已有 partial，避免从 0 重播打字机
+    if ((!r.draftEl || wasEmpty) && curLen > 0) {
+      r.draftRecoverPending = true;
     }
-    runtime.forcePollOnce = true;
-    pollSessionMessages(sess);
+    const tw = r.twState;
+    if (tw && curLen > (r.draftStreamBaseline || 0)) {
+      const baseline = r.draftStreamBaseline || 0;
+      if (tw.shown < baseline) tw.shown = baseline;
+    }
+    r.draftStreamBaseline = curLen;
+    if (isActive(sess)) renderDraft(sess);
+    return;
+  }
+  if (!m.id || r.seen.has(m.id)) return;
+  r.seen.add(m.id); r.lastId = Math.max(r.lastId, m.id);
+  if (m.role === 'assistant' && r.draftEl) {
+    // done 收尾:用 final m 原地重画 bubble(保留 ljq 的"复用 draftEl 不闪烁"优化),
+    // 同时彻底丢掉 partial 累积的 DOM——避免 frp 高延迟下漏掉的最后一拍丢字。
+    // assistantTurnSegs(m) 双轨处理 turn_segs/content,跟 msgNode refresh 路径同源。
+    flushTypewriter(sess);
+    const segs = assistantTurnSegs(m);
+    const curr = resolveVisibleTurnIndex(segs, m.curr_turn);
+    r.draftSegs = segs;
+    r.draftTurn = curr;
+    r.streamTurn = curr;
+    if (!r.twState) r.twState = { shown: 0, timer: null };
+    if (r.twState.timer) { clearInterval(r.twState.timer); r.twState.timer = null; }
+    r.twState.turn = curr;
+    r.twState.shown = (segs[curr] || '').length;
+    r.draftRecoverPending = false;
+    if (isActive(sess)) {
+      let bubble = r.draftEl.querySelector(':scope > .bubble.md');
+      if (!bubble) {
+        bubble = document.createElement('div');
+        bubble.className = 'bubble md';
+        r.draftEl.appendChild(bubble);
+      }
+      bubble.innerHTML = renderAssistantTurnsHtml(segs, curr, false);
+      postRenderEnhance(bubble);
+    }
+    const cursor = r.draftEl.querySelector('.cursor');
+    if (cursor) cursor.remove();
+    if (r.taskStartedAt) {
+      ensureTaskElapsedBadge(r.draftEl, r.taskStartedAt, r.taskEndedAt || Date.now());
+      r.taskStartedAt = null; r.taskEndedAt = null;
+    }
+    if (!r.draftEl.querySelector('.bubble-copy-btn')) {
+      const copyBtn = document.createElement('button');
+      copyBtn.className = 'bubble-copy-btn';
+      copyBtn.title = t('act.copy');
+      copyBtn.innerHTML = SVG_COPY_ICON;
+      copyBtn.addEventListener('click', (e) => {
+        e.stopPropagation();
+        const text = assistantCopyText(m);
+        navigator.clipboard.writeText(text).then(() => {
+          copyBtn.innerHTML = SVG_CHECK_ICON;
+          setTimeout(() => { copyBtn.innerHTML = SVG_COPY_ICON; }, 1500);
+        });
+      });
+      r.draftEl.appendChild(copyBtn);
+    }
+    r.draftEl = null; r.draftSegs = null; r.draftTurn = 0; r.streamTurn = 0;
+    sess.messages.push(m);
+    refreshEmptyState(sess);
+    if (m.role === 'assistant' || m.role === 'user') syncAskUserUi();
+    saveSessions();
+    return;
+  }
+  sess.messages.push(m); appendMessage(sess, m);
+  saveSessions();
+}
+
+async function fetchSessionPoll(sess, opts = {}) {
+  const r = rt(sess);
+  const sid = sess.bridgeSessionId || sess.id;
+  const afterId = opts.after ?? r.lastId ?? 0;
+  const limit = opts.limit ?? POLL_MSG_LIMIT;
+  const res = await window.ga.rpc('session/poll', { sessionId: sid, afterId, limit });
+  if (res?.error) throw new Error(res.error.message || res.error);
+  return res.result || res;
+}
+
+function applyPollResult(sess, result) {
+  if (result.partial) upsert(sess, result.partial, true);
+  for (const msg of (result.messages || [])) upsert(sess, msg, false);
+  const busy = result.status === 'running' || !!result.partial;
+  setBusy(sess, busy);
+  if (isActive(sess)) {
+    applyPlanPayload(sess, result.plan);
+    applyLiveModel(result.model, sess);
+  }
+  return busy;
+}
+
+/** 渠道组随故障转移变化时，用运行态当前子模型刷新 chip（非渠道组/无 agent 时不动，保持静态显示） */
+function applyLiveModel(live, sess = activeSess()) {
+  const selected = (state.modelProfiles || []).find(p => (p.id ?? 0) === state.llmNo);
+  if (!selected || selected.kind !== 'mixin' || !live || !live.isMixin || !live.current) return;
+  state.liveModel = { ...live, sessionId: sess?.id || state.activeId };
+  const label = `${t('model.aggregationShort')}${lang === 'en' ? ' (' : '（'}${profileLabel(live.current) || live.current}${lang === 'en' ? ')' : '）'}`;
+  if (state.modelName !== label) { state.modelName = label; updateModelChip(); }
+}
+
+/** hydrate 批量灌历史，避免逐条 appendMessage 触发全量重绘 */
+function hydrateHistoryMessages(sess, messages) {
+  const r = rt(sess);
+  for (const raw of (messages || [])) {
+    const m = normalize(raw);
+    if (!m.id || r.seen.has(m.id)) continue;
+    r.seen.add(m.id);
+    r.lastId = Math.max(r.lastId, m.id);
+    sess.messages.push(m);
+  }
+  if (isActive(sess)) renderAllMessages(sess);
+}
+
+/** 拉历史：limit=0 一次拿全量（bridge 不截断）；不等 idle，running 续交给 pollSession */
+async function hydrateSession(sess) {
+  try {
+    const result = await fetchSessionPoll(sess, { after: 0, limit: 0 });
+    hydrateHistoryMessages(sess, result.messages);
+    if (result.partial) upsert(sess, result.partial, true);
+    const busy = result.status === 'running' || !!result.partial;
+    setBusy(sess, busy);
+    if (isActive(sess)) applyPlanPayload(sess, result.plan);
+    if (busy && !rt(sess).polling) pollSession(sess);
   } catch (e) {
-    sess.messages.push({ role: 'error', content: e.message || String(e) });
-    if (isActiveSession(sess)) renderMessage({ role: 'error', content: e.message || String(e) });
-    setBusy(false, null, sess);
+    showError(t('err.poll') + ': ' + (e.message || e));
+    setBusy(sess, false);
+  } finally {
+    if (isActive(sess)) {
+      restoreElapsedBadges(sess, ensureMsgs());
+      syncAskUserUi();
+    }
+    tokPollBridge();
   }
 }
 
-async function cancelPrompt() {
-  const sess = state.sessions.get(state.activeId);
-  const runtime = sess ? getSessionRuntime(sess) : null;
-  if (!runtime?.busy) return false;
+async function pollSession(sess) {
+  const r = rt(sess);
+  if (r.polling) { r.pollAgain = true; return; }
+  r.polling = true;
+  r.pollAgain = false;
+  /* 手机切后台再回前台时,第一拍 fetch 经常用着死连接秒挂(Failed to fetch),
+     但只要给链路 1-2 秒重建,后续就稳。原版一炸就 showError,体验糟。
+     改成:同一次 polling 循环里连续失败 ≥ MAX_ERRORS 次才放弃,
+     单次失败做指数退避(1s / 2s / 4s / 8s),够 ride through 一次后台恢复抖动。 */
+  const MAX_ERRORS = 5;
+  let consecutiveErrors = 0;
   try {
-    const res = await window.ga.rpc('session/cancel', { sessionId: sess?.bridgeSessionId || state.activeId });
-    if (res.error) throw new Error(res.error.message || res.error);
-    setBusy(false, null, sess);  // clear busy immediately; don't wait for server-side cancelled event
+    do {
+      try {
+        const result = await fetchSessionPoll(sess);
+        consecutiveErrors = 0;
+        const busy = applyPollResult(sess, result);
+        if (busy) await new Promise(z => setTimeout(z, 500));
+        else {
+          if (r.draftEl) { r.draftEl.remove(); r.draftEl = null; r.draftSegs = null; r.draftTurn = 0; }
+          resetTypewriterState(r);
+          break;
+        }
+      } catch (innerErr) {
+        consecutiveErrors++;
+        if (consecutiveErrors >= MAX_ERRORS) throw innerErr;
+        const backoff = Math.min(8000, 1000 * Math.pow(2, consecutiveErrors - 1));
+        await new Promise(z => setTimeout(z, backoff));
+      }
+    } while (true);
+  } catch (e) {
+    showError(t('err.poll') + ': ' + (e.message || e));
+    setBusy(sess, false);
+  } finally {
+    r.polling = false; renderSessionList();
+    // 历史消息已全部加载，恢复已完成任务的耗时 badge
+    if (isActive(sess)) {
+      restoreElapsedBadges(sess, ensureMsgs());
+      syncAskUserUi();
+    }
+    tokPollBridge();
+    if (r.pollAgain) {
+      r.pollAgain = false;
+      pollSession(sess);
+    }
+  }
+}
+
+function removeUsedPendingFiles(usedFiles) {
+  if (!usedFiles.length) return;
+  const usedSids = new Set(usedFiles.map(f => f.sid));
+  const touched = new Set(usedFiles.map(f => fileCtx(f)));
+  state.pendingFiles = state.pendingFiles.filter(f => !usedSids.has(f.sid));
+  touched.forEach(ctx => renderThumbStrip(ctx));
+}
+
+function clearDraft(sess) {
+  const r = rt(sess);
+  resetTypewriterState(r);
+  if (r.draftEl) { r.draftEl.remove(); r.draftEl = null; r.draftSegs = null; r.draftTurn = 0; }
+}
+
+async function waitSessionIdle(sess, maxMs = 4000) {
+  const start = Date.now();
+  while (rt(sess).busy && Date.now() - start < maxMs) {
+    await new Promise(z => setTimeout(z, 100));
+  }
+  return !rt(sess).busy;
+}
+
+function setSessionLoading(on) {
+  if (!msgArea || !sessionLoadingEl) return;
+  if (on && msgArea.classList.contains('is-loading')) return;
+  msgArea.classList.toggle('is-session-loading', !!on);
+  sessionLoadingEl.hidden = !on;
+  if (on && sessionLoadingEl.querySelector('[data-i18n]')) {
+    sessionLoadingEl.querySelector('[data-i18n]').textContent = t('chat.sessionLoading');
+  }
+}
+
+function setMsgLoading(on) {
+  if (msgArea) msgArea.classList.toggle('is-loading', !!on);
+  if (msgLoading) {
+    msgLoading.hidden = !on;
+    if (on) {
+      setSessionLoading(false);
+      scrollBottom();
+    }
+  }
+}
+
+function setComposerLocked(on) {
+  if (composerEl) composerEl.classList.toggle('is-locked', !!on);
+  if (inputEl) inputEl.contentEditable = on ? 'false' : 'true';  // contenteditable 无 readOnly,改切 contentEditable
+  if (sendBtn) {
+    sendBtn.disabled = !!on;
+    sendBtn.classList.toggle('is-busy', !!on);
+    sendBtn.setAttribute('aria-busy', on ? 'true' : 'false');
+  }
+}
+
+/** stapp.py 同款：运行中再发 → cancel 当前轮次，等 idle 后再提交新 prompt */
+async function interruptBeforeSend(sess) {
+  if (!rt(sess).busy) return true;
+  const t0 = Date.now();
+  setMsgLoading(true);
+  try {
+    clearDraft(sess);
+    try {
+      const res = await window.ga.rpc('session/cancel', { sessionId: sess.bridgeSessionId || sess.id });
+      if (res?.error) throw new Error(res.error.message || res.error);
+    } catch (e) {
+      showChanToast(t('err.stop') + ': ' + (e.message || e), '', 'err');
+      return false;
+    }
+    showChanToast(t('sys.interruptPrev.hint'), '', 'info');
+    const idle = await waitSessionIdle(sess);
+    clearDraft(sess);
+    if (!idle) {
+      showChanToast(t('err.interruptTimeout'), '', 'err');
+      return false;
+    }
+    return true;
+  } finally {
+    const wait = Math.max(0, MIN_MSG_LOADING_MS - (Date.now() - t0));
+    if (wait) await new Promise(r => setTimeout(r, wait));
+    setMsgLoading(false);
+  }
+}
+
+/* ═══════════════ 发送 / 取消 ═══════════════ */
+async function sendPrompt(text) {
+  text = String(text || '').trim();
+  if (!text) return false;
+  if (!state.bridgeReady) { showError(t('err.bridge')); return false; }
+  if (!state.activeId) { await newSession(); if (!state.activeId) return false; }
+  const sess = activeSess(); const r = rt(sess);
+  if (r.busy) {
+    const interrupted = await interruptBeforeSend(sess);
+    if (!interrupted) return false;
+  }
+  // PLAN/AUTO 现在是预设功能（preset 卡片）一次性发送，不再是常驻 prefix
+  const composedPrompt = expandFilePlaceholders(text).trim();
+  const usedFiles = collectUsedFiles(text);
+  const userMsg = { role: 'user', content: text, ts: Date.now() / 1000 };
+  const previewImgs = usedFiles.filter(f => f.isImage).map(f => ({ id: 'f-' + f.sid, name: f.name, path: f.path, dataUrl: f.dataUrl || '' }));
+  if (previewImgs.length) userMsg.images = previewImgs;
+  const previewFiles = usedFiles.filter(f => !f.isImage).map(f => ({ id: 'f-' + f.sid, name: f.name, path: f.path }));
+  if (previewFiles.length) userMsg.files = previewFiles;
+  sess.messages.push(userMsg); appendMessage(sess, userMsg);
+  if (isPlanPresetPrompt(text)) {
+    const pr = rt(sess);
+    pr.planCollapsed = false;
+    pr.planShowAll = false;
+    const sidHint = (sess.bridgeSessionId || sess.id || 'sess').replace(/\//g, '_');
+    applyPlanPayload(sess, {
+      active: true, placeholder: true, done: 0, total: 0, complete: false,
+      step: '', pathHint: `plan_${sidHint}/plan.md`, items: [],
+    });
+  }
+  sess.lastActiveTs = Date.now();
+  // 仿 TUI:不再从首条消息自动改名 —— 标题在 newSession 时已设为 agent-N,
+  // 之后只接受用户手动 rename。
+  saveSessions();
+  setBusy(sess, true);
+  try {
+    let sid = await ensureBridgeSession(sess);
+    try {
+      await bridgeFetch(`/session/${encodeURIComponent(sid)}/restore`, { method: 'POST', body: {} });
+    } catch (restoreErr) {
+      if (/not found/i.test(restoreErr.message || '')) {
+        sess.bridgeSessionId = null;
+        sid = await ensureBridgeSession(sess);
+        state.sessions.delete(sess.id);
+        sess.id = sess.bridgeSessionId;
+        state.sessions.set(sess.id, sess);
+        state.activeId = sess.id;
+        localStorage.setItem('ga_active', sess.id);  // 会话 id 因 bridge 重建而变更，同步持久化
+      }
+    }
+    const res = await window.ga.rpc('session/prompt', { sessionId: sid, prompt: composedPrompt, display: text, llmNo: state.llmNo,
+      files: previewFiles, imageMetas: previewImgs.map(im => ({ name: im.name, path: im.path })) });
+    if (res?.error) throw new Error(res.error.message || res.error);
+    removeUsedPendingFiles(usedFiles);
+    const uid = Number(res.userMessageId || res.result?.userMessageId || 0);
+    if (uid) { r.seen.add(uid); r.lastId = Math.max(r.lastId, uid); }
+    planPoll(sess);
+    pollSession(sess);
     return true;
   } catch (e) {
-    showSystem('Stop failed: ' + (e.message || e));
+    const em = { role: 'error', content: e.message || String(e) };
+    sess.messages.push(em); appendMessage(sess, em);
+    setBusy(sess, false);
     return false;
   }
 }
-
-// ─── Slash commands ──────────────────────────────────────────────────────
-async function handleSlash(cmd) {
-  const [name, ...rest] = cmd.trim().slice(1).split(/\s+/);
-  const arg = rest.join(' ');
-  const sess = state.sessions.get(state.activeId);
-
-  switch (name) {
-    case 'help':
-      showSystem([
-        'Available commands:',
-        '  /new        New session',
-        '  /clear      Clear current session display',
-        '  /stop       Cancel the current request',
-        '  /theme      Switch theme (light|dark|auto)',
-      ].join('\n'));
-      break;
-    case 'new':
-      await newSession();
-      break;
-    case 'clear':
-      if (sess) { sess.messages = []; renderMessages(); }
-      break;
-    case 'stop':
-      if (await cancelPrompt()) showSystem('Stop requested.');
-      break;
-    case 'restart':
-      await restartBridge();
-      break;
-    case 'settings':
-      openSettings();
-      break;
-    case 'theme':
-      if (['light', 'dark', 'auto'].includes(arg)) {
-        const cfg = getActiveConfig();
-        cfg.theme = arg;
-        applyTheme();
-        await window.ga.saveConfig(cfg);
-        showSystem(`Theme → ${arg}`);
-      } else {
-        showSystem('Usage: /theme light|dark|auto');
-      }
-      break;
-    case 'cwd':
-      if (!arg) {
-        const status = await window.ga.checkStatus();
-        showSystem(`cwd: ${sess?.cwd || status.gaRoot}`);
-      } else {
-        showSystem(`Creating new session in ${arg}…`);
-        // Need a new session for different cwd
-        const res = await window.ga.rpc('session/new', { cwd: arg, mcp_servers: [] });
-        if (res.error) showSystem('Failed: ' + (res.error.message || res.error));
-        else {
-          const bridgeSessionId = res.sessionId;
-          const localSessionId = `local-${Date.now()}-${Math.random().toString(16).slice(2)}`;
-          const ns = createLocalSession(localSessionId, arg.split('/').pop() || arg, bridgeSessionId);
-          ns.cwd = arg;
-          setActiveSession(localSessionId);
-        }
-      }
-      break;
-    default:
-      showSystem(`Unknown command: /${name}. Try /help.`);
-  }
+async function cancelPrompt() {
+  const sess = activeSess();
+  if (!sess || !rt(sess).busy) return false;
+  try {
+    const res = await window.ga.rpc('session/cancel', { sessionId: sess.bridgeSessionId || sess.id });
+    if (res?.error) throw new Error(res.error.message || res.error);
+    clearDraft(sess);
+    rt(sess).pollAgain = true;
+    return true;
+  } catch (e) { showError(t('err.stop') + ': ' + (e.message || e)); return false; }
 }
 
+/* ═══════════════ 输入区 / slash / 预设 ═══════════════ */
+async function submitInput() {
+  if (_submitInFlight) return;
+  let text = composerText('chat');
+  if (!text.trim()) return;
+  if (text.trim().startsWith('/')) {
+    inputEl.innerHTML = '';
+    handleSlash(text.trim());
+    return;
+  }
+  if (text.length > 20000) {
+    text = text.slice(0, 20000);
+    showToast(t('err.charLimit').replace('{n}', 20000), 'warn');
+  }
+  _submitInFlight = true;
+  setComposerLocked(true);
+  try {
+    const sent = await sendPrompt(text);
+    if (sent) {
+      inputEl.innerHTML = '';
+    }
+  } finally {
+    _submitInFlight = false;
+    setComposerLocked(false);
+    syncAskUserUi();
+  }
+}
+sendBtn.addEventListener('click', (e) => {
+  e.preventDefault();
+  const sess = activeSess();
+  if (sess && rt(sess).busy) { cancelPrompt(); return; }  // 运行中：发送键是录制键 → 纯停止
+  submitInput();
+});
+inputEl.addEventListener('keydown', (e) => {
+  if (e.key === 'Enter' && !e.shiftKey && !e.isComposing && e.keyCode !== 229) { e.preventDefault(); submitInput(); }
+});
+// 输入框的 input/paste 监听统一在 bindComposerUpload(ctx) 里绑(chat + collab 通用)
 function showSystem(text) {
-  const msg = { role: 'system', content: text };
-  const sess = state.sessions.get(state.activeId);
-  if (sess) sess.messages.push(msg);
-  renderMessage(msg);
-  return msg;
+  const sess = activeSess(); if (!sess) return;
+  const m = { role: 'system', content: text };
+  sess.messages.push(m); appendMessage(sess, m);
 }
-
-function updateBridgeNotice(text) {
-  const notice = state.bridgeNoticeMessage;
-  state.bridgeNoticeMessage = null;
-  if (!notice) return;
-  notice.content = text;
-  const sess = state.sessions.get(state.activeId);
-  if (sess && sess.messages.includes(notice)) renderMessages();
+function showError(text) {
+  const sess = activeSess();
+  if (sess) { const m = { role: 'error', content: text }; sess.messages.push(m); appendMessage(sess, m); }
+  else console.error(text);
 }
-
-// ─── Status / UI helpers ─────────────────────────────────────────────────
-function setStatus(kind, text) {
-  statusBadge.className = 'badge ' + kind;
-  statusText.textContent = text;
-  // Update per-tab dot for active session
-  updateTabDot(state.activeId, kind);
+let _toastTimer = null;
+function showToast(text) {
+  let el = document.getElementById('ga-toast');
+  if (!el) { el = document.createElement('div'); el.id = 'ga-toast'; el.className = 'ga-toast'; document.body.appendChild(el); }
+  el.textContent = text;
+  el.classList.add('show');
+  clearTimeout(_toastTimer);
+  _toastTimer = setTimeout(() => el.classList.remove('show'), 1800);
 }
-
-function updateTabDot(sessionId, kind) {
-  if (!sessionId) return;
-  const tab = sessionListEl.querySelector(`[data-session-id="${sessionId}"]`);
-  if (!tab) return;
-  const dot = tab.querySelector('.tab-dot');
-  if (!dot) return;
-  dot.className = 'tab-dot';
-  if (kind === 'busy') dot.classList.add('busy');
-  else if (kind === 'warn') dot.classList.add('warn');
-  else if (kind === 'err') dot.classList.add('err');
-  // 'ok' = default green (no extra class needed)
-}
-
-const SEND_ICON = `<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg>`;
-const STOP_ICON = `<svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor"><rect x="6" y="6" width="12" height="12" rx="1"/></svg>`;
-
-function setBusy(busy, label, sess = state.sessions.get(state.activeId)) {
-  const runtime = sess ? getSessionRuntime(sess) : null;
-  if (runtime) runtime.busy = busy;
-  // Always update per-tab dot for this session
-  if (sess) {
-    const dotKind = busy ? 'busy' : (state.bridgeReady ? 'ok' : 'warn');
-    updateTabDot(sess.id, dotKind);
+async function handleSlash(cmd) {
+  const name = cmd.slice(1).split(/\s+/)[0];
+  switch (name) {
+    case 'help': showSystem(t('slash.help')); break;
+    case 'new': await newSession(); break;
+    case 'clear': { const s = activeSess(); if (s) { s.messages = []; renderAllMessages(s); } break; }
+    case 'stop': if (await cancelPrompt()) showSystem(t('sys.stopRequested')); break;
+    case 'settings': openSettings(); break;
+    default: showSystem(t('slash.unknown') + ': /' + name);
   }
-  if (!isActiveSession(sess)) return;
-  if (busy) setStatus('busy', label || 'Working…');
-  else setStatus(state.bridgeReady ? 'ok' : 'warn', state.bridgeReady ? 'Ready' : 'Starting…');
-  renderSendButtonState();
+}
+// 预设卡：按 data-preset 解耦（与翻译后的标题无关）
+document.querySelectorAll('.feature-grid').forEach(grid => {
+  grid.addEventListener('click', (e) => {
+    const editBtn = e.target.closest('.fc-edit');
+    if (editBtn) {
+      e.stopPropagation();
+      const cp = state.customPresets.find(p => p.id === editBtn.dataset.editId);
+      if (cp) openCustomPresetEditor(cp);
+      return;
+    }
+    const xBtn = e.target.closest('.fc-x');
+    if (xBtn) {
+      e.stopPropagation();
+      const kind = xBtn.dataset.removeKind;
+      const id = xBtn.dataset.removeId;
+      if (kind === 'builtin') hideBuiltinPreset(id);
+      else if (kind === 'custom') removeCustomPreset(id);
+      return;
+    }
+    const card = e.target.closest('.fcard');
+    if (!card || !grid.contains(card)) return;
+    const key = card.dataset.preset;
+    if (key === 'add') { closeModals(); openModal('custom-preset-modal'); resetCustomPresetForm(); return; }
+    if (card.classList.contains('fcard-custom')) {
+      const id = card.dataset.id;
+      const cp = state.customPresets.find(p => p.id === id);
+      if (cp) { closeModals(); sendPrompt(cp.prompt); }
+      return;
+    }
+    if (!key) { inputEl.focus(); closeModals(); return; }
+    const bp = BUILTIN_PRESETS.find(p => p.key === key);
+    if (bp?.navigate) { closeModals(); gaGoPage(bp.navigate); window.collabFocus?.(); return; }
+    const prompt = I18N[lang]['presetPrompt.' + key] || I18N.zh['presetPrompt.' + key];
+    closeModals();
+    if (prompt) sendPrompt(prompt);
+  });
+});
+
+/* ═══════════════ 模型 / 设置 ═══════════════ */
+function updateModelChip() {
+  const name = state.modelName || '';
+  if (modelNameEl) modelNameEl.textContent = name;
+  if (collabModelNameEl) collabModelNameEl.textContent = name;
+}
+function modelDisplayName(p, fallbackName) {
+  if (p && p.kind === 'mixin') {
+    // 静态回退显示「渠道组（首选模型名）」；运行后由 applyLiveModel 切到真实当前子模型。
+    const primary = (p.members || [])[0];
+    if (!primary) return t('model.aggregation');
+    const open = lang === 'en' ? ' (' : '（', close = lang === 'en' ? ')' : '）';
+    return `${t('model.aggregationShort')}${open}${profileLabel(primary) || primary}${close}`;
+  }
+  return profileLabel(fallbackName ?? (p && p.name)) || (fallbackName ?? (p && p.name)) || null;
+}
+async function selectModel(id, name) {
+  state.llmNo = id;
+  state.liveModel = null;
+  const p = (state.modelProfiles || []).find(x => (x.id ?? 0) === id);
+  state.modelName = modelDisplayName(p, name);
+  updateModelChip();
+  renderSettingsModels();
+  await persistUiPrefs();
+}
+async function addToMixin(id) {
+  try {
+    const res = await bridgeFetch(`/model-profiles/${id}/mixin`, { method: 'POST', body: {} });
+    if (res?.ok === false || res?.error) throw new Error(res.error || t('err.mixinFailed'));
+    state.modelProfiles = normalizeProfiles(res.profiles || []);
+    renderSettingsModels();
+  } catch (ex) { showChanToast(t('err.mixinFailed'), ex.message || '', 'err'); }
+}
+async function removeFromMixin(id) {
+  try {
+    const res = await bridgeFetch(`/model-profiles/${id}/mixin`, { method: 'DELETE', body: {} });
+    if (res?.ok === false || res?.error) throw new Error(res.error || t('err.mixinFailed'));
+    state.modelProfiles = normalizeProfiles(res.profiles || []);
+    renderSettingsModels();
+  } catch (ex) { showChanToast(t('err.mixinFailed'), ex.message || '', 'err'); }
+}
+async function reorderMixin(members) {
+  try {
+    const res = await bridgeFetch('/model-profiles/mixin/order', { method: 'PUT', body: { members } });
+    if (res?.ok === false || res?.error) throw new Error(res.error || t('err.mixinFailed'));
+    state.modelProfiles = normalizeProfiles(res.profiles || []);
+    renderSettingsModels();
+    const active = state.modelProfiles.find(p => (p.id ?? 0) === state.llmNo);
+    if (active) { state.modelName = modelDisplayName(active); updateModelChip(); }
+  } catch (ex) { showChanToast(t('err.mixinFailed'), ex.message || '', 'err'); renderSettingsModels(); }
+}
+function flipReorder(container, mutate) {
+  const rows = [...container.querySelectorAll('.model-member:not(.dragging)')];
+  const first = new Map(rows.map(el => [el, el.getBoundingClientRect()]));
+  mutate();
+  rows.forEach(el => {
+    const a = first.get(el), b = el.getBoundingClientRect();
+    if (!a) return;
+    const dx = a.left - b.left, dy = a.top - b.top;
+    if (!dx && !dy) return;
+    el.style.transition = 'none';
+    el.style.transform = `translate(${dx}px, ${dy}px)`;
+    requestAnimationFrame(() => {
+      el.style.transition = 'transform .14s cubic-bezier(.2,.8,.2,1)';
+      el.style.transform = '';
+    });
+  });
+}
+function bindMixinDrag(body, members) {
+  let drag = null;
+  const clear = () => {
+    body.querySelectorAll('.model-member').forEach(x => x.classList.remove('dragging', 'drag-over'));
+    document.body.classList.remove('mixin-dragging');
+  };
+  body.addEventListener('pointerdown', (e) => {
+    const handle = e.target.closest('.model-member-drag');
+    if (!handle || e.button !== 0) return;
+    const row = handle.closest('.model-member');
+    if (!row) return;
+    e.preventDefault();
+    handle.setPointerCapture?.(e.pointerId);
+    drag = { handle, row, name: row.dataset.member, order: [...members], original: [...members], pointerId: e.pointerId, over: null };
+    row.classList.add('dragging');
+    document.body.classList.add('mixin-dragging');
+  });
+  body.addEventListener('pointermove', (e) => {
+    if (!drag) return;
+    const over = document.elementFromPoint(e.clientX, e.clientY)?.closest('.model-member');
+    if (!over || !body.contains(over) || over === drag.row) return;
+    const rect = over.getBoundingClientRect();
+    const after = e.clientY > rect.top + rect.height / 2;
+    const overKey = `${over.dataset.member}:${after ? 'after' : 'before'}`;
+    if (overKey === drag.over) return;
+    drag.over = overKey;
+    const from = drag.order.indexOf(drag.name), overIdx = drag.order.indexOf(over.dataset.member);
+    if (from < 0 || overIdx < 0) return;
+    const [moved] = drag.order.splice(from, 1);
+    let insertAt = drag.order.indexOf(over.dataset.member) + (after ? 1 : 0);
+    drag.order.splice(insertAt, 0, moved);
+    flipReorder(body, () => {
+      if (after) body.insertBefore(drag.row, over.nextSibling);
+      else body.insertBefore(drag.row, over);
+    });
+  });
+  const finish = (e) => {
+    if (!drag) return;
+    drag.handle.releasePointerCapture?.(drag.pointerId);
+    const changed = JSON.stringify(drag.order) !== JSON.stringify(drag.original);
+    const next = drag.order;
+    drag = null;
+    clear();
+    if (changed) reorderMixin(next);
+  };
+  body.addEventListener('pointerup', finish);
+  body.addEventListener('pointercancel', finish);
+}
+const MODEL_ACT_EDIT = GA_ICON('pencilSimple');
+const MODEL_ACT_DEL = GA_ICON('trash');
+let editingModelId = null;
+
+function setModelApikeyMode(isAdd) {
+  const apikey = document.getElementById('model-apikey-input');
+  const apikeyReq = document.querySelector('#model-apikey-label .field-req');
+  if (!apikey) return;
+  apikey.required = isAdd;
+  apikey.dataset.i18nPh = isAdd ? 'model.apikeyPh' : 'model.apikeyKeep';
+  if (isAdd) apikey.removeAttribute('data-optional-ph');
+  else { apikey.value = ''; apikey.setAttribute('data-optional-ph', ''); }
+  if (apikeyReq) apikeyReq.hidden = !isAdd;
 }
 
-function renderSendButtonState() {
-  const hasText = inputEl.value.trim().length > 0;
-  const busy = !!getActiveSessionRuntime()?.busy;
-  sendBtn.classList.toggle('stop', busy);
-  sendBtn.title = busy ? 'Stop (Esc)' : 'Send (Enter)';
-  sendBtn.innerHTML = busy ? STOP_ICON : SEND_ICON;
-  sendBtn.disabled = !hasText && !busy;
+/* ═══════════════ 官方模型快速接入（DeepSeek / 通义千问）═══════════════ */
+// 预填 API 地址 / 协议 / 模型，用户只需粘贴 API Key。apibase 末尾的 /v1 会被
+// 后端自动补成 /v1/chat/completions（见 mykey_template.py 的拼接规则）。
+const PROVIDER_PRESETS = {
+  deepseek: {
+    label: 'DeepSeek', descKey: 'pq.deepseekDesc',
+    protocol: 'oai', apibase: 'https://api.deepseek.com/v1',
+    model: 'deepseek-v4-pro', name: 'DeepSeek',
+    keyUrl: 'https://platform.deepseek.com/api_keys',
+    color: '#4D6BFE', tint: 'rgba(77,107,254,.12)',
+    logo: '<svg viewBox="0 0 24 24" fill="#4D6BFE" xmlns="http://www.w3.org/2000/svg"><path d="M23.748 4.651c-.254-.124-.364.113-.512.233-.051.04-.094.09-.137.137-.372.397-.806.657-1.373.626-.829-.046-1.537.214-2.163.848-.133-.782-.575-1.248-1.247-1.548-.352-.155-.708-.311-.955-.65-.172-.24-.219-.509-.305-.774-.055-.16-.11-.323-.293-.35-.2-.031-.278.136-.356.276-.313.572-.434 1.202-.422 1.84.027 1.436.633 2.58 1.838 3.393.137.094.172.187.129.323-.082.28-.18.553-.266.833-.055.179-.137.218-.328.14a5.5 5.5 0 0 1-1.737-1.179c-.857-.828-1.631-1.743-2.597-2.46a12 12 0 0 0-.689-.47c-.985-.957.13-1.743.387-1.836.27-.098.094-.433-.778-.428-.872.003-1.67.295-2.687.685a3 3 0 0 1-.465.136 9.6 9.6 0 0 0-2.883-.101c-1.885.21-3.39 1.1-4.497 2.622C.082 8.776-.231 10.854.152 13.02c.403 2.284 1.568 4.175 3.36 5.653 1.857 1.533 3.997 2.284 6.438 2.14 1.482-.085 3.132-.284 4.994-1.86.47.234.962.328 1.78.398.629.058 1.235-.031 1.705-.129.735-.155.684-.836.418-.961-2.155-1.004-1.682-.595-2.112-.926 1.095-1.295 2.768-3.598 3.284-6.733.05-.346.115-.834.108-1.114-.004-.171.035-.238.23-.257a4.2 4.2 0 0 0 1.545-.475c1.397-.763 1.96-2.016 2.093-3.517.02-.23-.004-.467-.247-.588M11.58 18.168c-2.088-1.642-3.101-2.183-3.52-2.16-.39.024-.32.472-.234.763.09.288.207.487.371.74.114.167.192.416-.113.603-.673.416-1.842-.14-1.897-.168-1.361-.801-2.5-1.86-3.301-3.306-.775-1.393-1.225-2.888-1.299-4.482-.02-.385.094-.522.477-.592a4.7 4.7 0 0 1 1.53-.038c2.131.311 3.946 1.264 5.467 2.774.868.86 1.525 1.887 2.202 2.89.72 1.066 1.494 2.082 2.48 2.915.348.291.626.513.892.677-.802.09-2.14.109-3.055-.615zm1.001-6.44a.306.306 0 0 1 .415-.287.3.3 0 0 1 .113.074.3.3 0 0 1 .086.214c0 .17-.136.307-.308.307a.303.303 0 0 1-.306-.307m3.11 1.596c-.2.081-.4.151-.591.16a1.25 1.25 0 0 1-.798-.254c-.274-.23-.47-.358-.551-.758a1.7 1.7 0 0 1 .015-.588c.07-.327-.007-.537-.238-.727-.188-.156-.426-.199-.689-.199a.6.6 0 0 1-.254-.078.253.253 0 0 1-.114-.358 1 1 0 0 1 .192-.21c.356-.202.767-.136 1.146.016.352.144.618.408 1.001.782.392.451.462.576.685.915.176.264.336.536.446.848.066.194-.02.353-.25.45"/></svg>',
+  },
+  qwen: {
+    label: '通义千问', descKey: 'pq.qwenDesc',
+    protocol: 'oai', apibase: 'https://dashscope.aliyuncs.com/compatible-mode/v1',
+    model: 'qwen3.6-max-preview', name: '通义千问',
+    keyUrl: 'https://bailian.console.aliyun.com/?apiKey=1',
+    color: '#615CED', tint: 'rgba(97,92,237,.12)',
+    logo: '<svg viewBox="0 0 24 24" fill="#615CED" xmlns="http://www.w3.org/2000/svg"><path d="M23.919 14.545 20.817 9.17l1.47-2.544a.56.56 0 0 0 0-.566l-1.633-2.83a.57.57 0 0 0-.49-.283h-6.207L12.487.402a.57.57 0 0 0-.49-.284H8.732a.56.56 0 0 0-.49.284L5.139 5.775h-2.94a.56.56 0 0 0-.49.284L.077 8.887a.56.56 0 0 0 0 .567L3.18 14.83l-1.47 2.545a.56.56 0 0 0 0 .566l1.634 2.83a.57.57 0 0 0 .49.283h6.205l1.47 2.545a.57.57 0 0 0 .49.284h3.266a.57.57 0 0 0 .49-.284l3.104-5.375h2.94a.57.57 0 0 0 .49-.283l1.634-2.828a.55.55 0 0 0-.004-.568M8.733.686l1.634 2.828-1.634 2.828H21.8L20.164 9.17H7.425L5.63 6.06Zm1.306 19.801-6.205-.002 1.634-2.83h3.265L2.201 6.344h3.267q3.182 5.517 6.367 11.032zm10.124-5.66L18.53 12l-6.532 11.315-1.634-2.83c2.129-3.673 4.25-7.351 6.373-11.028h3.592l3.102 5.374z"/></svg>',
+  },
+};
+window.gaProviderPresets = PROVIDER_PRESETS;
+
+// 在「添加模型」弹窗顶部显示/隐藏接入指引横幅。key 为 null 时隐藏。
+function setModelGuide(key) {
+  const box = document.getElementById('model-guide');
+  if (!box) return;
+  const p = key && PROVIDER_PRESETS[key];
+  if (!p) { box.hidden = true; box.dataset.provider = ''; return; }
+  box.hidden = false;
+  box.dataset.provider = key;
+  const logo = document.getElementById('model-guide-logo');
+  if (logo) { logo.innerHTML = p.logo || ''; logo.style.background = p.tint || ''; }
+  const nameEl = document.getElementById('model-guide-name');
+  if (nameEl) nameEl.textContent = p.label;
+  const link = document.getElementById('model-guide-link');
+  if (link) { link.href = p.keyUrl; link.textContent = t('guide.getKey').replace('{name}', p.label); }
+}
+window.gaRefreshModelGuide = () => {
+  const box = document.getElementById('model-guide');
+  if (box && !box.hidden && box.dataset.provider) setModelGuide(box.dataset.provider);
+};
+
+function openAddModelFormForProvider(key) {
+  const p = PROVIDER_PRESETS[key];
+  if (!p) return openAddModelForm();
+  editingModelId = null;
+  const form = document.getElementById('add-model-form');
+  const title = document.getElementById('model-form-title');
+  const errEl = document.getElementById('add-model-err');
+  if (title) title.dataset.i18n = 'modal.addModel';
+  if (form) {
+    form.reset();
+    form.model.value = p.model || '';
+    form.apibase.value = p.apibase || '';
+    form.name.value = p.name || '';
+    const pr = form.querySelector(`input[name="protocol"][value="${p.protocol}"]`);
+    if (pr) pr.checked = true;
+  }
+  setModelApikeyMode(true);
+  if (errEl) { errEl.hidden = true; errEl.textContent = ''; }
+  setModelGuide(key);
+  openModal('add-model-modal');
+  applyI18n();
+  const apikey = document.getElementById('model-apikey-input');
+  if (apikey) setTimeout(() => apikey.focus(), 60);
 }
 
-function updateSendButton() {
-  renderSendButtonState();
+function openAddModelForm() {
+  editingModelId = null;
+  const form = document.getElementById('add-model-form');
+  const title = document.getElementById('model-form-title');
+  const errEl = document.getElementById('add-model-err');
+  if (title) title.dataset.i18n = 'modal.addModel';
+  if (form) form.reset();
+  setModelApikeyMode(true);
+  setModelGuide(null);
+  if (errEl) { errEl.hidden = true; errEl.textContent = ''; }
+  openModal('add-model-modal');
+  applyI18n();
 }
+async function openEditModelForm(id) {
+  editingModelId = id;
+  setModelGuide(null);
+  const errEl = document.getElementById('add-model-err');
+  if (errEl) { errEl.hidden = true; errEl.textContent = ''; }
+  try {
+    const res = await bridgeFetch(`/model-profiles/${id}`);
+    const p = res.profile;
+    if (!p) throw new Error(t('err.modelSave'));
+    const form = document.getElementById('add-model-form');
+    const title = document.getElementById('model-form-title');
+    if (title) title.dataset.i18n = 'modal.editModel';
+    if (form) {
+      form.model.value = p.model || '';
+      form.apibase.value = p.apibase || '';
+      form.name.value = p.name || '';
+      form.max_retries.value = p.max_retries ?? 5;
+      form.connect_timeout.value = p.connect_timeout ?? 15;
+      form.read_timeout.value = p.read_timeout ?? 300;
+      // 编辑模式:按 varName 回填协议分段控件
+      const pv = /claude/i.test(p.varName || '') ? 'claude' : 'oai';
+      const pr = form.querySelector(`input[name="protocol"][value="${pv}"]`);
+      if (pr) pr.checked = true;
+      // 回填流式开关(默认流式)
+      const sv = (p.stream === false) ? 'false' : 'true';
+      const sr = form.querySelector(`input[name="stream"][value="${sv}"]`);
+      if (sr) sr.checked = true;
+    }
+    setModelApikeyMode(false);
+    openModal('add-model-modal');
+    applyI18n();
+  } catch (ex) {
+    showChanToast(t('err.modelSave'), ex.message || '', 'err');
+  }
+}
+async function deleteModel(id, name) {
+  const label = profileLabel(name) || name || ('#' + id);
+  if (!(await showConfirmDialog({ title: t('common.delete'), message: `${t('confirm.modelDelete')}\n${label}`, okText: t('common.delete'), okKind: 'danger' }))) return;
+  try {
+    const res = await bridgeFetch(`/model-profiles/${id}`, { method: 'DELETE', body: {} });
+    if (res?.ok === false || res?.error) throw new Error(res.error || t('err.modelDelete'));
+    const wasActive = state.llmNo === id;
+    const oldNo = state.llmNo;
+    state.modelProfiles = normalizeProfiles(res.profiles || []);
+    if (wasActive) {
+      const p = state.modelProfiles[0];
+      if (p) await selectModel(p.id ?? 0, p.name);
+      else { state.llmNo = 0; state.modelName = null; updateModelChip(); }
+    } else if (oldNo > id) {
+      const p = state.modelProfiles[oldNo - 1];
+      if (p) await selectModel(p.id ?? (oldNo - 1), p.name);
+    }
+    renderSettingsModels();
+  } catch (ex) {
+    const msg = ex.message || '';
+    showChanToast(msg.includes('last profile') ? t('err.modelDeleteLast') : t('err.modelDelete'), msg.includes('last profile') ? '' : msg, 'err');
+  }
+}
+function renderSettingsModels() {
+  const box = document.getElementById('model-list');
+  if (!box) return;
+  box.innerHTML = '';
+  const list = state.modelProfiles || [];
+  const mixin = list.find(p => p.kind === 'mixin');
+  const natives = list.filter(p => p.kind !== 'mixin');
+  const byName = new Map(natives.map(p => [p.name, p]));
 
-function showError(text, actionLabel, actionFn, options = {}) {
-  if (!options.skipDiagnostic) addDiagnostic('error', text);
-  $('error-text').textContent = text;
-  const actionBtn = $('error-action');
-  if (actionLabel && actionFn) {
-    actionBtn.textContent = actionLabel;
-    actionBtn.classList.remove('hidden');
-    actionBtn.onclick = async () => {
-      try {
-        await actionFn();
-      } catch (err) {
-        showError('Action failed: ' + (err.message || err));
+  // ── 渠道组（自动故障转移）：可展开组；本身也可被选为激活模型 ──
+  if (mixin) {
+    const gid = mixin.id ?? 0;
+    const members = mixin.members || [];
+    const expanded = state.mixinExpanded !== false; // 默认展开
+    const group = document.createElement('div');
+    group.className = 'model-group';
+    const head = document.createElement('label');
+    head.className = 'model-row model-row--mixin' + (state.llmNo === gid ? ' sel' : '');
+    head.innerHTML = `<input type="radio" name="model-pick"${state.llmNo === gid ? ' checked' : ''}><span class="model-mixin-caret" data-act="toggle">${GA_ICON(expanded ? 'caretDown' : 'caretRight')}</span><span class="model-row-name">${escapeHtml(t('model.aggregation'))}</span>`;
+    head.querySelector('[data-act="toggle"]').addEventListener('click', (e) => { e.stopPropagation(); e.preventDefault(); state.mixinExpanded = !expanded; renderSettingsModels(); });
+    head.addEventListener('click', (e) => { if (e.target.closest('[data-act="toggle"]')) return; e.preventDefault(); selectModel(gid, mixin.name); });
+    group.appendChild(head);
+    if (expanded) {
+      const body = document.createElement('div');
+      body.className = 'model-mixin-body';
+      if (!members.length) {
+        const em = document.createElement('div');
+        em.className = 'model-mixin-empty'; em.textContent = t('model.emptyMixin');
+        body.appendChild(em);
+      } else {
+        members.forEach((mName, i) => {
+          const mp = byName.get(mName);
+          const row = document.createElement('div');
+          row.className = 'model-member';
+          row.dataset.member = mName;
+          row.innerHTML = `<button type="button" class="model-member-drag" data-act="drag" title="${escapeHtml(t('model.dragReorder'))}" aria-label="${escapeHtml(t('model.dragReorder'))}"><span class="grip-dot"></span></button><span class="model-member-name">${escapeHtml(profileLabel(mName) || mName)}</span><button type="button" class="model-act model-act-del" data-act="unmix" title="${escapeHtml(t('model.removeFromMixin'))}">${GA_ICON('x')}</button>`;
+          row.querySelector('[data-act="unmix"]').addEventListener('click', (e) => { e.stopPropagation(); e.preventDefault(); if (mp) removeFromMixin(mp.id ?? 0); });
+          body.appendChild(row);
+        });
+        bindMixinDrag(body, members);
       }
-    };
+      group.appendChild(body);
+    }
+    box.appendChild(group);
+  }
+
+  // ── 独立模型（聚合渠道组已自带分隔，这里不再单列标题）──
+  if (!natives.length) {
+    const empty = document.createElement('div');
+    empty.className = 'set-empty'; empty.textContent = t('set.noModels');
+    box.appendChild(empty);
   } else {
-    actionBtn.classList.add('hidden');
-  }
-  errorBanner.classList.remove('hidden');
-  clearTimeout(showError._t);
-  if (!actionLabel) {
-    showError._t = setTimeout(() => errorBanner.classList.add('hidden'), 6000);
+    for (const p of natives) {
+      const id = p.id ?? 0;
+      const label = profileLabel(p.name) || p.name || ('#' + id);
+      const row = document.createElement('label');
+      row.className = 'model-row' + (state.llmNo === id ? ' sel' : '');
+      // 独立列表按钮统一为「加入渠道组」（➕）；移除只在渠道组展开区做。
+      // 已在渠道组的，按钮仍是「加入」，但点击只提示「已在渠道组中」，并用 is-in 给个淡淡的视觉区分。
+      const mixToggle = !mixin ? '' : `<button type="button" class="model-act model-act-addmix${p.inMixin ? ' is-in' : ''}" data-act="addmix" title="${escapeHtml(p.inMixin ? t('model.alreadyInMixin') : t('model.addToMixin'))}">${GA_ICON('plus')}</button>`;
+      row.innerHTML = `<input type="radio" name="model-pick"${state.llmNo === id ? ' checked' : ''}><span class="model-row-name">${escapeHtml(label)}</span><span class="model-row-actions">${mixToggle}<button type="button" class="model-act" data-act="edit" title="${escapeHtml(t('common.edit'))}">${MODEL_ACT_EDIT}</button><button type="button" class="model-act model-act-del" data-act="delete" title="${escapeHtml(t('common.delete'))}">${MODEL_ACT_DEL}</button></span>`;
+      row.querySelector('[data-act="edit"]').addEventListener('click', (e) => { e.stopPropagation(); e.preventDefault(); openEditModelForm(id); });
+      row.querySelector('[data-act="delete"]').addEventListener('click', (e) => { e.stopPropagation(); e.preventDefault(); deleteModel(id, p.name); });
+      const addBtn = row.querySelector('[data-act="addmix"]');
+      if (addBtn) addBtn.addEventListener('click', (e) => {
+        e.stopPropagation(); e.preventDefault();
+        if (p.inMixin) showToast(t('model.alreadyInMixin'));
+        else addToMixin(id);
+      });
+      row.addEventListener('click', (e) => {
+        if (e.target.closest('.model-row-actions')) return;
+        e.preventDefault();
+        selectModel(id, p.name);
+      });
+      box.appendChild(row);
+    }
   }
+  applyI18n();
 }
-function hideError() { errorBanner.classList.add('hidden'); }
-
-// ─── Theme ───────────────────────────────────────────────────────────────
-function applyTheme() {
-  const cfg = getActiveConfig();
-  document.documentElement.setAttribute('data-theme', cfg.theme || 'auto');
+function openSettings() {
+  openModal('settings-modal');
+  renderSettingsModels();
+  renderLangList();
+  applyTheme(theme, { persist: false });
+  applyAppearance(appearance, plainUi, { persist: false });
+  applyChatFontSize(chatFontSize, { persist: false });
 }
-
-// ─── Settings modal ──────────────────────────────────────────────────────
-function renderModelOptions() {
-  const select = $('cfg-llm');
-  const selected = String(getActiveConfig().llmNo || 0);
-  const profiles = Array.isArray(state.modelProfiles) ? state.modelProfiles : [];
-  const options = profiles.length ? profiles : [{ llmNo: 0, name: 'Default / Auto' }];
-  select.textContent = '';
-  for (const profile of options) {
-    const opt = document.createElement('option');
-    opt.value = String(profile.llmNo);
-    // Display as "name/model" when both fields available
-    const displayName = profile.name && profile.model
-      ? `${profile.name}/${profile.model}`
-      : profile.name || profile.model || `Model ${profile.llmNo}`;
-    opt.textContent = displayName;
-    select.appendChild(opt);
-  }
-  if (![...select.options].some((opt) => opt.value === selected)) {
-    const opt = document.createElement('option');
-    opt.value = selected;
-    opt.textContent = selected === '0' ? 'Default / Auto' : `Model ${selected}`;
-    select.appendChild(opt);
-  }
-  select.value = selected;
-}
-
 async function loadModelProfiles() {
   try {
-    const result = await window.ga.getModelProfiles();
-    state.modelProfiles = Array.isArray(result && result.profiles) ? result.profiles : [];
-    renderModelOptions();
-  } catch (err) {
-    addDiagnostic('warn', 'Failed to load model names', err);
-    renderModelOptions();
-  }
-}
-
-function openSettings() {
-  renderModelOptions();
-  const cfg = getActiveConfig();
-  $('cfg-llm').value = String(cfg.llmNo || 0);
-  settingsModal.classList.remove('hidden');
-  loadModelProfiles();
-}
-function closeSettings() { settingsModal.classList.add('hidden'); }
-
-async function openConfigFile(openFn, label) {
-  try {
-    const result = await openFn();
-    if (result && result.ok === false) {
-      showError(`Failed to open ${label}: ${result.error || result.path || 'unknown error'}`);
+    const res = await window.ga.getModelProfiles();
+    const list = res?.profiles || res?.result?.profiles || [];
+    state.modelProfiles = normalizeProfiles(list);
+    const active = state.modelProfiles.find(p => p.active) || state.modelProfiles[0];
+    if (active) {
+      state.llmNo = active.id ?? 0;
+      state.modelName = modelDisplayName(active);
     }
-  } catch (err) {
-    showError(`Failed to open ${label}: ${err.message || err}`);
+    updateModelChip();
+    renderSettingsModels();
+  } catch (_) {}
+}
+/* ═══════════════ 模型菜单(chat + conductor 共用一份逻辑,各自一个 DOM) ═══════════════ */
+const modelMenu       = document.getElementById('model-menu');
+const collabModelMenu = document.getElementById('cdb-model-menu');
+function renderModelMenu(menuEl) {
+  if (!menuEl) return;
+  const list = state.modelProfiles || [];
+  const rows = list.map((p, i) => {
+    const no = (p.id ?? i);
+    const isActive = (state.llmNo === no) ? ' active' : '';
+    const label = (isActive && p.kind === 'mixin' && state.modelName) ? state.modelName : modelDisplayName(p);
+    return `<div class="ga-menu-item${isActive}" data-llmno="${no}">${escapeHtml(label || '')}</div>`;
+  });
+  menuEl.innerHTML = rows.join('');
+  applyI18n();
+}
+function openModelMenu(chipEl, menuEl) {
+  if (!chipEl || !menuEl) return;
+  if (typeof convMenu !== 'undefined' && convMenu) convMenu.hidden = true;
+  window.collabComposer?.closeMenu?.();
+  closeAllModelMenus();
+  renderModelMenu(menuEl);
+  menuEl.hidden = false;
+  chipEl.classList.add('open');
+  const chipRect = chipEl.getBoundingClientRect();
+  const composer = chipEl.closest('.composer');
+  if (composer) {
+    const composerRect = composer.getBoundingClientRect();
+    menuEl.style.left = (chipRect.left - composerRect.left) + 'px';
+    menuEl.style.bottom = (composerRect.bottom - chipRect.top + 4) + 'px';
   }
 }
+function closeAllModelMenus() {
+  if (modelMenu) modelMenu.hidden = true;
+  if (collabModelMenu) collabModelMenu.hidden = true;
+  if (modelChip) modelChip.classList.remove('open');
+  if (collabModelChip) collabModelChip.classList.remove('open');
+}
+function bindModelMenuItemClick(menuEl) {
+  if (!menuEl) return;
+  menuEl.addEventListener('click', (e) => {
+    e.stopPropagation();
+    const item = e.target.closest('.ga-menu-item');
+    if (!item) return;
+    const no = parseInt(item.dataset.llmno, 10);
+    if (Number.isNaN(no)) return;
+    const p = (state.modelProfiles || []).find(x => (x.id ?? 0) === no);
+    selectModel(no, (p && p.name) || '');
+    closeAllModelMenus();
+  });
+}
+bindModelMenuItemClick(modelMenu);
+bindModelMenuItemClick(collabModelMenu);
+if (modelChip) modelChip.addEventListener('click', (e) => {
+  e.preventDefault(); e.stopPropagation();
+  if (modelMenu && !modelMenu.hidden) { closeAllModelMenus(); return; }
+  openModelMenu(modelChip, modelMenu);
+});
+if (collabModelChip) collabModelChip.addEventListener('click', (e) => {
+  e.preventDefault(); e.stopPropagation();
+  if (collabModelMenu && !collabModelMenu.hidden) { closeAllModelMenus(); return; }
+  openModelMenu(collabModelChip, collabModelMenu);
+});
+document.addEventListener('click', (e) => {
+  if (e.target.closest('#model-menu') || e.target.closest('#model-chip') ||
+      e.target.closest('#cdb-model-menu') || e.target.closest('#cdb-model-chip') ||
+      e.target.closest('#chat-menu') || e.target.closest('#chat-plus-btn') ||
+      e.target.closest('#cdb-menu') || e.target.closest('#cdb-plus-btn')) return;
+  closeAllModelMenus();
+  window.chatComposer?.closeMenu?.();
+  window.collabComposer?.closeMenu?.();
+});
+document.addEventListener('keydown', (e) => {
+  if (e.key === 'Escape') {
+    closeAllModelMenus();
+    window.chatComposer?.closeMenu?.();
+    window.collabComposer?.closeMenu?.();
+  }
+});
 
-async function saveSettings() {
-  const saveBtn = $('save-settings');
-  saveBtn.disabled = true;
+// 主题色板已删除,点击事件不再注册
+const appearanceSeg = document.getElementById('appearance-seg');
+if (appearanceSeg) appearanceSeg.addEventListener('click', (e) => {
+  const btn = e.target.closest('.appear-card[data-appearance]');
+  if (!btn) return;
+  const isLight = btn.dataset.appearance === 'light';
+  applyAppearance(btn.dataset.appearance, isLight && plainUi);
+});
+const plainUiSwitch = document.getElementById('plain-ui-switch');
+if (plainUiSwitch) plainUiSwitch.addEventListener('click', () => {
+  if (appearance === 'light') applyAppearance('light', !plainUi);
+});
+async function loadBridgeConfig() {
   try {
-    const sess = state.sessions.get(state.activeId);
-    if (!sess) throw new Error('No active session');
-    const cfg = sess.config;
-    cfg.llmNo = Math.max(0, parseInt($('cfg-llm').value, 10) || 0);
-    await window.ga.saveConfig(cfg);
-    closeSettings();
-  } catch (err) {
-    showError('Failed to save settings: ' + (err.message || err));
-  } finally {
-    saveBtn.disabled = false;
-  }
-}
-
-async function ensureBridgeSession(sess) {
-  if (!sess) throw new Error('No active session.');
-  if (sess.bridgeSessionId) return sess.bridgeSessionId;
-  const cwd = sess.cwd || await getCwd();
-  const res = await window.ga.rpc('session/new', { cwd, mcp_servers: [] });
-  if (res.error) throw new Error(typeof res.error === 'string' ? res.error : (res.error.message || JSON.stringify(res.error)));
-  sess.bridgeSessionId = res.sessionId;
-  sess.cwd = cwd;
-  return sess.bridgeSessionId;
-}
-
-async function restartBridge(options = {}) {
-  const { remapSessions = false } = options;
-  setStatus('warn', 'Restarting…');
-  state.bridgeReady = false;
-  state.restartingBridge = true;
-  if (remapSessions) {
-    for (const sess of state.sessions.values()) sess.bridgeSessionId = null;
-  }
-  state.bridgeNoticeMessage = showSystem('Bridge restarting…');
-  await window.ga.startBridge(getActiveConfig().llmNo || 0);
-  window.setTimeout(() => {
-    if (state.restartingBridge && !state.bridgeReady && !getActiveSessionRuntime()?.busy) {
-      markBridgeReady('Bridge ready.');
-      addDiagnostic('warn', 'Bridge ready event timeout; restored Ready status locally');
+    const res = await window.ga.getConfig();
+    const cfg = res?.config || {};
+    if (LANGS.includes(cfg.lang)) {
+      lang = cfg.lang;
+      applyI18n();
     }
-  }, 2500);
+    if (cfg.theme != null) applyTheme(cfg.theme, { persist: false });
+    if (cfg.appearance) applyAppearance(cfg.appearance, !!cfg.plain, { persist: false });
+    if (cfg.fontSize != null) applyChatFontSize(cfg.fontSize, { persist: false });
+    if (cfg.llmNo != null && state.modelProfiles.length) {
+      const p = state.modelProfiles.find(x => (x.id ?? 0) === cfg.llmNo);
+      if (p) {
+        state.llmNo = cfg.llmNo;
+        state.modelName = modelDisplayName(p);
+        updateModelChip();
+        renderSettingsModels();
+      }
+    }
+    syncBootCache();
+  } catch (_) {}
 }
 
-// ─── Bridge events ───────────────────────────────────────────────────────
-let _bootstrappingSession = false;
-async function markBridgeReady(noticeText = 'Bridge ready.') {
-  if (state.bridgeReady) return; // already marked ready, prevent double-fire
-  state.bridgeReady = true;
-  state.restartingBridge = false;
-  if (getActiveSessionRuntime()?.busy) setStatus('busy', 'Agent is responding…');
-  else setStatus('ok', 'Ready');
-  updateBridgeNotice(noticeText);
-  hideError();
-  // Restore sessions from bridge (survives page refresh) or create first session
-  if (state.sessions.size === 0 && !_bootstrappingSession) {
-    _bootstrappingSession = true;
+const addModelForm = document.getElementById('add-model-form');
+if (addModelForm) addModelForm.addEventListener('submit', async (e) => {
+  e.preventDefault();
+  const errEl = document.getElementById('add-model-err');
+  const fd = new FormData(addModelForm);
+  const payload = Object.fromEntries(fd.entries());
+  const isEdit = editingModelId != null;
+  if (!payload.apibase?.trim() || !payload.model?.trim()) {
+    if (errEl) { errEl.textContent = t('err.modelRequired'); errEl.hidden = false; }
+    return;
+  }
+  if (!isEdit && !payload.apikey?.trim()) {
+    if (errEl) { errEl.textContent = t('err.modelRequired'); errEl.hidden = false; }
+    return;
+  }
+  try {
+    const res = isEdit
+      ? await bridgeFetch(`/model-profiles/${editingModelId}`, { method: 'PUT', body: payload })
+      : await bridgeFetch('/model-profiles', { method: 'POST', body: payload });
+    if (res?.ok === false || res?.error) throw new Error(res.error || t('err.modelSave'));
+    state.modelProfiles = normalizeProfiles(res.profiles || []);
+    const pid = isEdit ? editingModelId : (res.profileId ?? state.modelProfiles.at(-1)?.id ?? 0);
+    const p = state.modelProfiles.find(x => (x.id ?? 0) === pid) || state.modelProfiles.at(-1);
+    if (p) await selectModel(p.id ?? pid, p.name);
+    document.getElementById('add-model-modal').hidden = true;
+    addModelForm.reset();
+    editingModelId = null;
+    if (errEl) errEl.hidden = true;
+  } catch (ex) {
+    if (errEl) { errEl.textContent = (ex.message || t('err.modelSave')); errEl.hidden = false; }
+  }
+});
+
+/* ═══════════════ 文件上传（图片+任意文件，tuiapp_v2 模式） ═══════════════ */
+const MAX_UPLOAD_FILES = 10;
+const MAX_UPLOAD_BYTES = 500 * 1024 * 1024; // 500 MB
+const IMG_EXT_RE = /\.(png|jpe?g|gif|webp|bmp|svg)$/i;
+const thumbStrip = document.getElementById('thumb-strip');
+const chatPanel = document.querySelector('main.main');
+let activeFileComposer = 'chat';
+
+function fileCtx(f) { return f.ctx || 'chat'; }
+function filesForCtx(ctx) { return state.pendingFiles.filter(f => fileCtx(f) === ctx); }
+
+function composerPageEl(ctx) {
+  const page = ctx === 'collab' ? 'collab' : 'chat';
+  return document.querySelector(`.page--chat-ui[data-page="${page}"]`);
+}
+function composerRootEl(ctx) {
+  return composerPageEl(ctx)?.querySelector('.composer');
+}
+function composerCfg(ctx = activeFileComposer) {
+  const root = composerRootEl(ctx);
+  const page = composerPageEl(ctx);
+  return {
+    input: root?.querySelector('.composer-inset .input') || null,
+    strip: root?.querySelector('.thumb-strip') || null,
+    uploadBtn: null,
+    imgInput: root?.querySelector('input[type="file"]') || null,
+    dropZone: ctx === 'collab' ? page : chatPanel,
+  };
+}
+
+function renderThumbStrip(ctx = activeFileComposer) {
+  const cfg = composerCfg(ctx);
+  if (!cfg.strip) return;
+  const files = filesForCtx(ctx);
+  if (files.length === 0) {
+    cfg.strip.innerHTML = '';
+    cfg.strip.hidden = true;
+    return;
+  }
+  cfg.strip.innerHTML = files.map(f => {
+    if (f.isImage && f.dataUrl) {
+      return `<div class="thumb" data-sid="${f.sid}"><img src="${f.dataUrl}"><button class="x" data-sid="${f.sid}" data-i18n-title="upload.removeTitle" title="">×</button></div>`;
+    }
+    const name = f.name || 'file';
+    const label = name.replace(/[<>&]/g, c => ({ '<': '&lt;', '>': '&gt;', '&': '&amp;' }[c]));
+    const sub = fileSubLabel(name).replace(/[<>&]/g, c => ({ '<': '&lt;', '>': '&gt;', '&': '&amp;' }[c]));
+    const path = (f.path || '').replace(/[<>&"]/g, c => ({ '<': '&lt;', '>': '&gt;', '&': '&amp;', '"': '&quot;' }[c]));
+    const dataName = name.replace(/[<>&"]/g, c => ({ '<': '&lt;', '>': '&gt;', '&': '&amp;', '"': '&quot;' }[c]));
+    return `<div class="file-chip pending" data-sid="${f.sid}" data-path="${path}" data-name="${dataName}"><span class="fc-icon">${GA_ICON('fileText')}</span><span class="fc-meta"><span class="fc-name">${label}</span><span class="fc-sub">${sub}</span></span><button class="x" data-sid="${f.sid}" data-i18n-title="upload.removeTitle" title="">×</button></div>`;
+  }).join('');
+  cfg.strip.hidden = false;
+  applyI18n();
+}
+
+// 在 ctx 对应输入框(contenteditable)的光标处插入原子 chip（删不进中间，像 @人）
+function insertPlaceholderInComposer(file, ctx = activeFileComposer) {
+  const input = composerCfg(ctx).input;
+  if (!input) return;
+  const chip = document.createElement('span');
+  chip.className = 'ph-chip';
+  chip.setAttribute('contenteditable', 'false');
+  chip.dataset.sid = String(file.sid);
+  chip.dataset.kind = file.isImage ? 'image' : 'file';
+  chip.textContent = file.name || 'file';
+  input.focus();
+  const sel = window.getSelection();
+  let range;
+  if (sel && sel.rangeCount && input.contains(sel.getRangeAt(0).commonAncestorContainer)) {
+    range = sel.getRangeAt(0);
+  } else {
+    range = document.createRange(); range.selectNodeContents(input); range.collapse(false);
+  }
+  range.deleteContents();
+  range.insertNode(chip);
+  const sp = document.createTextNode(' ');  // chip 后补一个 nbsp，便于继续打字/定位光标
+  chip.after(sp);
+  range.setStartAfter(sp); range.collapse(true);
+  if (sel) { sel.removeAllRanges(); sel.addRange(range); }
+  input.dispatchEvent(new Event('input', { bubbles: true }));
+}
+
+// 按 sid 从该文件所属 ctx 的输入框移除 chip（连同紧邻空格）
+function removePlaceholderFromComposer(file) {
+  const input = composerCfg(fileCtx(file)).input;
+  if (!input) return;
+  const chip = input.querySelector(`.ph-chip[data-sid="${file.sid}"]`);
+  if (!chip) return;
+  const next = chip.nextSibling;
+  if (next && next.nodeType === 3) next.nodeValue = next.nodeValue.replace(/^[\s ]/, '');
+  chip.remove();
+  input.dispatchEvent(new Event('input', { bubbles: true }));
+}
+
+// 读取 contenteditable 输入框为纯文本：chip → [Image #N]/[File #N]，<br>/<div> → 换行
+function readComposerTextFrom(input) {
+  if (!input) return '';
+  const ser = (node, first) => {
+    if (node.nodeType === 3) return node.nodeValue;
+    if (node.nodeType !== 1) return '';
+    if (node.classList && node.classList.contains('ph-chip')) {
+      const kind = node.dataset.kind === 'image' ? 'Image' : 'File';
+      return `[${kind} #${node.dataset.sid}]`;
+    }
+    if (node.tagName === 'BR') return '\n';
+    let inner = '';
+    node.childNodes.forEach(c => { inner += ser(c, false); });
+    return (first ? '' : '\n') + inner;
+  };
+  let out = '';
+  input.childNodes.forEach((n, i) => { out += ser(n, i === 0); });
+  return out.replace(/ /g, ' ');
+}
+
+function composerText(ctx = activeFileComposer) {
+  return readComposerTextFrom(composerCfg(ctx).input);
+}
+
+function isImageFile(f) {
+  return (f && (f.type || '').startsWith('image/')) || IMG_EXT_RE.test(f?.name || '');
+}
+
+function placeholderFor(file) {
+  return file.isImage ? `[Image #${file.sid}]` : `[File #${file.sid}]`;
+}
+
+function expandFilePlaceholders(text) {
+  return text.replace(/\[(Image|File) #(\d+)\]/g, (m, kind, n) => {
+    const f = state.pendingFiles.find(x => x.sid === Number(n));
+    return (f && f.path) ? f.path : '';  // #3 悬空占位符(无对应文件)→ 删掉,不把垃圾发给 agent
+  });
+}
+
+function collectUsedFiles(text) {
+  const used = [];
+  text.replace(/\[(Image|File) #(\d+)\]/g, (m, kind, n) => {
+    const f = state.pendingFiles.find(x => x.sid === Number(n));
+    if (f) used.push(f);
+    return m;
+  });
+  return used;
+}
+
+// ── 附件占位符健壮性 ─────────────────────────────────────────────
+// 统一移除一个待发附件:出列 + (可选)抹占位符 + 重绘 + 删 bridge 上的文件
+function removePendingFile(sid, { stripPlaceholder = false } = {}) {
+  const idx = state.pendingFiles.findIndex(f => f.sid === sid);
+  if (idx < 0) return;
+  const removed = state.pendingFiles.splice(idx, 1)[0];
+  if (stripPlaceholder) removePlaceholderFromComposer(removed);
+  renderThumbStrip(fileCtx(removed));
+  if (removed.path) {
+    fetch(`${BRIDGE_ORIGIN}/upload`, {
+      method: 'DELETE', headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ path: removed.path }),
+    }).catch(() => {});
+  }
+}
+// #1 对账:DOM 里 chip 没了(被原子删除/退格整块删)→ 同步移除附件 + 删磁盘文件
+function reconcilePendingFiles(ctx = activeFileComposer) {
+  const input = composerCfg(ctx).input;
+  if (!input) return;
+  const present = new Set([...input.querySelectorAll('.ph-chip[data-sid]')].map(c => Number(c.dataset.sid)));
+  for (const f of filesForCtx(ctx).filter(x => !present.has(x.sid))) {
+    removePendingFile(f.sid, { stripPlaceholder: false });
+  }
+}
+
+async function uploadOne(name, dataUrl, sid) {
+  const res = await fetch(`${BRIDGE_ORIGIN}/upload`, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ name, dataUrl, sid: sid || '' }),
+  });
+  const j = await res.json();
+  if (!j.ok) throw new Error(j.error || 'upload failed');
+  return j.path;
+}
+
+async function addFiles(fileList) {
+  const files = Array.from(fileList || []);
+  if (files.length === 0) return;
+  let skipped = false;
+  let emptyHit = false;
+  const accepted = [];
+  for (const f of files) {
+    if (!f || f.size === 0) { emptyHit = true; continue; }
+    if (f.size > MAX_UPLOAD_BYTES) { skipped = true; continue; }
+    if (state.pendingFiles.length + accepted.length >= MAX_UPLOAD_FILES) { skipped = true; break; }
+    accepted.push(f);
+  }
+  if (emptyHit) showChanToast(t('upload.empty'), '', 'err');
+  if (accepted.length === 0) {
+    if (skipped) showChanToast(t('upload.tooLarge'), '', 'err');
+    return;
+  }
+  const ctx = activeFileComposer;
+  let uploadSid = '';
+  if (ctx === 'collab') {
+    uploadSid = 'collab';
+  } else {
+    let upSess = activeSess();
+    if (!upSess) { await newSession(); upSess = activeSess(); }
+    if (upSess && !upSess.bridgeSessionId) { try { await ensureBridgeSession(upSess); } catch (_) {} }
+    uploadSid = (upSess && upSess.bridgeSessionId) || '';
+  }
+  for (const f of accepted) {
     try {
-      // Try to restore existing sessions from bridge
-      const bridgeUrl = window.ga.bridgeUrl || 'http://127.0.0.1:14168';
-      const listRes = await fetch(`${bridgeUrl}/sessions`).then(r => r.json()).catch(() => null);
-      const existingSessions = listRes?.sessions || [];
-      if (existingSessions.length > 0) {
-        // Restore each session from bridge
-        for (const bSess of existingSessions) {
-          const localId = `local-${Date.now()}-${Math.random().toString(16).slice(2)}`;
-          const sess = createLocalSession(localId, bSess.title || 'Restored', bSess.id || bSess.sessionId);
-          // Fetch full messages for this session
-          const sid = bSess.id || bSess.sessionId;
-          const msgRes = await fetch(`${bridgeUrl}/session/${sid}/messages?after=0&limit=9999`).then(r => r.json()).catch(() => null);
-          if (msgRes?.messages) {
-            sess.messages = msgRes.messages;
-            // Initialize polling state so we don't re-fetch these messages
-            const runtime = getSessionRuntime(sess);
-            runtime.seenBridgeMessageIds = new Set();
-            let maxId = 0;
-            for (const m of msgRes.messages) {
-              if (m.id) { runtime.seenBridgeMessageIds.add(Number(m.id)); maxId = Math.max(maxId, Number(m.id)); }
-            }
-            runtime.lastPolledMessageId = maxId;
-          }
-        }
-        // Activate the first session
-        const firstLocalId = [...state.sessions.keys()][0];
-        if (firstLocalId) setActiveSession(firstLocalId);
-      } else {
-        await newSession();
-      }
-    } finally { _bootstrappingSession = false; }
-  }
-  updateSendButton();
-  // Refresh model profiles from bridge (authoritative source)
-  loadModelProfiles();
-}
-
-window.ga.onBridgeReady(() => {
-  markBridgeReady();
-});
-
-window.ga.onBridgeMessage(() => {
-  // RPC responses are resolved in main; renderer readiness comes from bridge-ready.
-});
-
-window.ga.onBridgeNotification((msg) => {
-  handleNotification(msg);
-});
-
-window.ga.onBridgeError((err) => {
-  console.error('Bridge error:', err);
-  addDiagnostic('error', 'Bridge error', err);
-  setStatus('err', 'Error');
-  state.bridgeReady = false;
-  state.restartingBridge = false;
-
-  if (err.type === 'no-mykey') {
-    showError(err.message, 'Setup', async () => {
-      await window.ga.openMykeyTemplate();
-    }, { skipDiagnostic: true });
-  } else if (err.type === 'no-python') {
-    showError(err.message, 'Settings', openSettings, { skipDiagnostic: true });
-  } else {
-    showError(err.message || 'Bridge error', null, null, { skipDiagnostic: true });
-  }
-});
-
-window.ga.onBridgeClosed((info) => {
-  addDiagnostic('warn', 'Bridge closed', info);
-  if (state.restartingBridge) {
-    setStatus('warn', 'Restarting…');
-    return;
-  }
-  state.bridgeReady = false;
-  // Clear busy flag on all sessions so pending poll loops can exit cleanly
-  for (const [sid, runtime] of state.runtimeBySessionId) {
-    if (runtime.busy) setBusy(false, null, state.sessions.get(sid));
-  }
-  setStatus('err', `Bridge stopped (${info.code})`);
-});
-
-window.ga.onBridgeLog((text) => {
-  console.log('[bridge]', text);
-  addDiagnostic('info', 'Bridge log', text);
-});
-
-// ─── Input handling ──────────────────────────────────────────────────────
-inputEl.addEventListener('input', () => {
-  // auto-resize
-  inputEl.style.height = 'auto';
-  inputEl.style.height = Math.min(inputEl.scrollHeight, 200) + 'px';
-  updateSendButton();
-});
-
-// IME composition fix - triple guard for CJK input methods (macOS especially)
-let _imeComposing = false;
-inputEl.addEventListener('compositionstart', () => { _imeComposing = true; });
-inputEl.addEventListener('compositionend', () => { _imeComposing = false; });
-
-inputEl.addEventListener('keydown', (e) => {
-  if (e.key === 'Enter' && !e.shiftKey) {
-    if (e.isComposing || _imeComposing || e.keyCode === 229) return; // IME active, ignore
-    e.preventDefault();
-    submitInput();
-  } else if (e.key === 'Escape' && getActiveSessionRuntime()?.busy) {
-    e.preventDefault();
-    cancelPrompt();
-  }
-});
-
-// ─── Image paste handling ─────────────────────────────────────────────────
-const imagePreviews = document.getElementById('image-previews');
-const pendingImages = []; // Array of { dataUrl, id }
-
-inputEl.addEventListener('paste', (e) => {
-  const items = e.clipboardData?.items;
-  if (!items) return;
-  for (const item of items) {
-    if (item.type.startsWith('image/')) {
-      e.preventDefault();
-      const file = item.getAsFile();
-      if (!file) continue;
-      const reader = new FileReader();
-      reader.onload = () => {
-        const dataUrl = reader.result;
-        const id = `img-${Date.now()}-${Math.random().toString(16).slice(2, 8)}`;
-        pendingImages.push({ dataUrl, id });
-        renderImagePreviews();
+      const dataUrl = await new Promise((resolve, reject) => {
+        const r = new FileReader();
+        r.onload = () => resolve(String(r.result || ''));
+        r.onerror = () => reject(r.error);
+        r.readAsDataURL(f);
+      });
+      const path = await uploadOne(f.name || 'file', dataUrl, uploadSid);
+      state.fileSeq += 1;
+      const sid = state.fileSeq;
+      const isImage = isImageFile(f);
+      const entry = {
+        sid, name: f.name || 'file', isImage, path,
+        dataUrl: isImage ? dataUrl : '',
+        ctx,
       };
-      reader.readAsDataURL(file);
-      break; // handle one image per paste
+      state.pendingFiles.push(entry);
+      insertPlaceholderInComposer(entry, ctx);
+      renderThumbStrip(ctx);
+    } catch (e) {
+      showChanToast(t('upload.failed'), e.message || String(e), 'err');
     }
   }
-});
-
-function renderImagePreviews() {
-  imagePreviews.innerHTML = '';
-  for (const img of pendingImages) {
-    const wrapper = document.createElement('div');
-    wrapper.className = 'image-preview-item';
-    wrapper.dataset.imgId = img.id;
-
-    const imgEl = document.createElement('img');
-    imgEl.src = img.dataUrl;
-    imgEl.alt = 'Pasted image';
-
-    const closeBtn = document.createElement('button');
-    closeBtn.className = 'remove-img';
-    closeBtn.textContent = '×';
-    closeBtn.setAttribute('aria-label', 'Remove image');
-    closeBtn.addEventListener('click', () => {
-      const idx = pendingImages.findIndex(i => i.id === img.id);
-      if (idx !== -1) pendingImages.splice(idx, 1);
-      renderImagePreviews();
-    });
-
-    wrapper.appendChild(imgEl);
-    wrapper.appendChild(closeBtn);
-    imagePreviews.appendChild(wrapper);
-  }
-  imagePreviews.style.display = pendingImages.length ? 'flex' : 'none';
+  if (skipped) showChanToast(t('upload.tooLarge'), '', 'err');
 }
 
-function clearPendingImages() {
-  pendingImages.length = 0;
-  renderImagePreviews();
-}
-
-function submitInput() {
-  const text = inputEl.value.trim();
-  if (!text && pendingImages.length === 0) return;
-  if (getActiveSessionRuntime()?.busy) {
-    showSystem('Agent is still responding. Press Esc or Stop before sending another message.');
+function handleThumbStripClick(e, ctx) {
+  const x = e.target.closest('.x');
+  if (x) {
+    const sid = Number(x.dataset.sid);
+    const idx = state.pendingFiles.findIndex(f => f.sid === sid && fileCtx(f) === ctx);
+    if (idx >= 0) {
+      const removed = state.pendingFiles[idx];
+      state.pendingFiles.splice(idx, 1);
+      removePlaceholderFromComposer(removed);
+      renderThumbStrip(ctx);
+      if (removed.path) {
+        fetch(`${BRIDGE_ORIGIN}/upload`, {
+          method: 'DELETE',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ path: removed.path }),
+        }).catch(() => {});
+      }
+    }
     return;
   }
-  const images = [...pendingImages];
-  inputEl.value = '';
-  inputEl.style.height = 'auto';
-  clearPendingImages();
-  updateSendButton();
+  const fileChip = e.target.closest('.file-chip.pending');
+  if (fileChip) {
+    const path = fileChip.getAttribute('data-path');
+    const name = fileChip.getAttribute('data-name');
+    if (path) openUploadFile(path, name);
+    return;
+  }
+  const img = e.target.closest('img');
+  if (img && img.src) openLightbox(img.src);
+}
 
-  if (text.startsWith('/')) {
-    handleSlash(text).catch((err) => {
-      showSystem('Command failed: ' + (err.message || err));
+function bindComposerUpload(ctx) {
+  const cfg = composerCfg(ctx);
+  if (!cfg.input || cfg.input.dataset.gaUploadBound) return;
+  cfg.input.dataset.gaUploadBound = ctx;
+
+  if (cfg.uploadBtn && !cfg.uploadBtn.dataset.bound) {
+    cfg.uploadBtn.dataset.bound = '1';
+    cfg.uploadBtn.addEventListener('click', (e) => {
+      e.preventDefault();
+      activeFileComposer = ctx;
+      cfg.imgInput?.click();
     });
-  } else {
-    sendPrompt(text, images);
+  }
+  if (cfg.imgInput && !cfg.imgInput.dataset.bound) {
+    cfg.imgInput.dataset.bound = '1';
+    cfg.imgInput.addEventListener('change', () => {
+      activeFileComposer = ctx;
+      addFiles(cfg.imgInput.files);
+      cfg.imgInput.value = '';
+    });
+  }
+  cfg.strip?.addEventListener('click', (e) => handleThumbStripClick(e, ctx));
+  cfg.input.addEventListener('paste', (e) => {
+    activeFileComposer = ctx;
+    const cd = e.clipboardData || window.clipboardData;
+    const items = cd && cd.items;
+    const files = [];
+    if (items) for (const it of items) { if (it.kind === 'file') { const f = it.getAsFile(); if (f) files.push(f); } }
+    if (files.length) { e.preventDefault(); addFiles(files); return; }
+    // 富文本粘贴 → 强制纯文本（contenteditable 默认会粘 HTML，会污染输入框）
+    e.preventDefault();
+    const text = cd ? cd.getData('text/plain').replace(/\r\n/g, '\n') : '';
+    if (!text) return;
+    // Hard-limit: only insert what fits within maxLen
+    const maxLen = 20000;
+    const curLen = cfg.input.textContent.length;
+    const sel = window.getSelection();
+    const selLen = (sel.rangeCount && cfg.input.contains(sel.anchorNode)) ? sel.toString().length : 0;
+    const remaining = maxLen - curLen + selLen;
+    if (remaining <= 0) { showChanToast(t('err.charLimit').replace('{n}', maxLen), '', 'err'); return; }
+    const insert = text.slice(0, remaining);
+    document.execCommand('insertText', false, insert);
+    if (text.length > remaining) showChanToast(t('err.charLimit').replace('{n}', maxLen), '', 'err');
+  });
+  cfg.input.addEventListener('input', () => {
+    activeFileComposer = ctx;
+    // 内容清空后浏览器可能残留 <br>，抹掉以便 :empty 占位提示生效
+    if (!cfg.input.textContent.trim() && !cfg.input.querySelector('.ph-chip')) cfg.input.innerHTML = '';
+    reconcilePendingFiles(ctx);  // chip 被删 → 同步清理附件 + 删磁盘文件
+  });
+  const zone = cfg.dropZone;
+  const dropKey = `dropBound_${ctx}`;
+  if (!zone || zone.dataset[dropKey]) return;
+  zone.dataset[dropKey] = '1';
+  let dragDepth = 0;
+  const hasFiles = (e) => {
+    const types = e.dataTransfer && e.dataTransfer.types;
+    if (!types) return false;
+    for (let i = 0; i < types.length; i += 1) {
+      if (types[i] === 'Files') return true;
+    }
+    return false;
+  };
+  zone.addEventListener('dragenter', (e) => {
+    if (!hasFiles(e)) return;
+    e.preventDefault();
+    activeFileComposer = ctx;
+    dragDepth += 1;
+    zone.classList.add('dragover');
+    zone.dataset.dropHint = t('upload.dropHint');
+  });
+  zone.addEventListener('dragover', (e) => {
+    if (!hasFiles(e)) return;
+    e.preventDefault();
+    activeFileComposer = ctx;
+    e.dataTransfer.dropEffect = 'copy';
+  });
+  zone.addEventListener('dragleave', (e) => {
+    if (!hasFiles(e)) return;
+    dragDepth = Math.max(0, dragDepth - 1);
+    if (dragDepth === 0) zone.classList.remove('dragover');
+  });
+  zone.addEventListener('drop', (e) => {
+    if (!hasFiles(e)) return;
+    e.preventDefault();
+    dragDepth = 0;
+    zone.classList.remove('dragover');
+    activeFileComposer = ctx;
+    addFiles(e.dataTransfer.files);
+  });
+}
+
+bindComposerUpload('chat');
+bindComposerUpload('collab');
+
+Object.assign(window, {
+  gaSetActiveFileComposer: ctx => { activeFileComposer = ctx === 'collab' ? 'collab' : 'chat'; },
+  gaPageStatusBar: pageStatusBar,
+  gaExpandFilePlaceholders: expandFilePlaceholders,
+  gaRenderMsgChips: renderMsgTextWithChips,
+  gaCollectUsedFiles: collectUsedFiles,
+  gaComposerText: composerText,
+  gaClearUsedPendingFiles: text => removeUsedPendingFiles(collectUsedFiles(text)),
+  gaFileSubLabel: fileSubLabel,
+  gaMsgNode: msgNode,
+  gaCollabItemToMsg: collabItemToMsg,
+  gaPostRenderEnhance: postRenderEnhance,
+  gaEscapeHtml: escapeHtml,
+});
+
+if (chatPanel) {
+  const blockFileDrop = e => {
+    const types = e.dataTransfer?.types;
+    if (!types) return;
+    for (let i = 0; i < types.length; i += 1) if (types[i] === 'Files') { e.preventDefault(); return; }
+  };
+  window.addEventListener('dragover', blockFileDrop);
+  window.addEventListener('drop', blockFileDrop);
+}
+
+/* ═══════════════ bridge 事件 ═══════════════ */
+window.ga.onBridgeReady(async () => {
+  state.bridgeReady = true;
+  syncPlanPollTimer();
+  refreshStatusLabel();
+  if (!state.activeId) { refreshEmptyState(null); }
+  await loadModelProfiles();
+  await loadBridgeConfig();
+  if (isServicesPageActive()) renderChannelList(gaServiceStore.list());
+  const sess = activeSess();
+  if (sess && sessionNeedsHydrate(sess)) {
+    await runSessionHydrate(sess);
+  } else if (sess) planPoll(sess);
+  delete document.documentElement.dataset.bootHasSessions;
+  if (sess) refreshEmptyState(sess);
+});
+setTimeout(() => { delete document.documentElement.dataset.bootHasSessions; }, 3000);
+window.ga.onBridgeNotification((msg) => {
+  if (msg && msg.type === 'session-state') {
+    for (const sess of state.sessions.values()) {
+      if (sess.bridgeSessionId === msg.sessionId) {
+        if (msg.status === 'running' || msg.state === 'running') pollSession(sess);
+        if (msg.state === 'idle' || msg.status === 'idle') tokPollBridge();
+        renderSessionList();
+        break;
+      }
+    }
+  }
+});
+window.ga.onBridgeError((err) => { console.warn('[bridge error]', err); });
+window.ga.onBridgeClosed(() => {
+  state.bridgeReady = false;
+  syncPlanPollTimer();
+  const s = activeSess();
+  if (s) applyPlanPayload(s, null);
+  chatStatus.setDisconnected();
+});
+
+/* ═══════════════ Token 用量页 ═══════════════ */
+const tokTbody = document.getElementById('tok-tbody');
+const tokTable = document.getElementById('tok-table');
+const tokPager = document.getElementById('tok-pager');
+const tokSince = document.getElementById('tok-since');
+const tokUntil = document.getElementById('tok-until');
+const tokTotalN = document.getElementById('tok-total-n');
+const tokTodayN = document.getElementById('tok-today-n');
+const tokCostN = document.getElementById('tok-cost-n');
+const TOK_PER_PAGE = 15;
+let _tokPage = 0;
+let _tokHistory = [];
+let _tokLastSnap = {};
+
+// Model price table: $/M tokens [input, output]
+const MODEL_PRICES = {
+  'gpt-5.4':[2.50,15],'gpt-5':[1.25,10],'gpt-5-mini':[0.25,2],'gpt-4o':[2.50,10],'gpt-4o-mini':[0.15,0.60],
+  'gpt-4.1':[2,8],'gpt-4.1-mini':[0.40,1.60],'gpt-4.1-nano':[0.10,0.40],'o4-mini':[0.55,2.20],
+  'claude-opus-4-8':[5,25],'claude-opus-4-7':[5,25],'claude-opus-4-6':[5,25],'claude-sonnet-4-6':[3,15],'claude-sonnet-4-5':[3,15],'claude-haiku-4-5':[1,5],
+  'deepseek-v4':[0.14,0.28],'deepseek-v4-pro':[0.435,0.87],'deepseek-chat':[0.14,0.28],'deepseek-reasoner':[0.55,2.19],
+  'glm-5.1':[0.50,0.50],'minimax-m2.7':[0.50,0.50],'kimi-for-coding':[0.50,2],
+};
+const CNY_RATE = 7.2;
+function estCost(inp, out, model, cacheRead, cacheCreate) {
+  let p = [3,15];
+  if (model) { const m = model.toLowerCase().replace(/\[.*\]/,''); p = MODEL_PRICES[m] || Object.entries(MODEL_PRICES).find(([k])=>m.includes(k))?.[1] || p; }
+  const isClaudeOrDS = model && /claude|deepseek/i.test(model);
+  const cacheReadRate = isClaudeOrDS ? 0.1 : 0.5;
+  const cacheWriteRate = isClaudeOrDS ? 1.25 : 1.0;
+  const cost = (inp*p[0] + out*p[1] + (cacheRead||0)*p[0]*cacheReadRate + (cacheCreate||0)*p[0]*cacheWriteRate) / 1e6 * CNY_RATE;
+  return cost.toFixed(2);
+}
+function fmtTok(n) { return n>=1e6?(n/1e6).toFixed(2)+'M':n>=1e3?(n/1e3).toFixed(1)+'k':String(n); }
+function fmtTime(ts) { return new Date(ts*1000).toLocaleString(undefined,{month:'short',day:'numeric',hour:'2-digit',minute:'2-digit'}); }
+function modelPriceTip(model) {
+  if (!model) return '';
+  const m = model.toLowerCase().replace(/\[.*\]/,'');
+  const entry = MODEL_PRICES[m] || Object.entries(MODEL_PRICES).find(([k])=>m.includes(k))?.[1];
+  const known = !!entry;
+  const p = entry || [3,15];
+  const isClaudeOrDS = /claude|deepseek/i.test(m);
+  const cacheReadRate = isClaudeOrDS ? 0.1 : 0.5;
+  const cacheWriteRate = isClaudeOrDS ? 1.25 : 1.0;
+  const lines = [];
+  if (!known) lines.push(t('tok.pricingUnknown'));
+  lines.push(t('tok.priceInput') + p[0] + ' /M');
+  lines.push(t('tok.priceOutput') + p[1] + ' /M');
+  lines.push(t('tok.priceCacheW') + (p[0] * cacheWriteRate).toFixed(2) + ' /M');
+  lines.push(t('tok.priceCacheR') + (p[0] * cacheReadRate).toFixed(2) + ' /M');
+  return lines.join('\n');
+}
+
+function tokLoadHistory() { return _tokHistory; }
+function tokSaveHistory(h) {
+  _tokHistory = h;
+  fetch(`${BRIDGE_ORIGIN}/token-history`, {
+    method:'POST', headers:{'Content-Type':'application/json'},
+    body: JSON.stringify({history:h, snap:_tokLastSnap, conductorHist:_condHist, conductorLast:_condLast})
+  }).catch(()=>{});
+}
+
+let _tokPolling = false;
+async function tokPollBridge() {
+  if (_tokPolling) return;
+  _tokPolling = true;
+  try {
+    if (!_tokHistory.length) {
+      const stored = await bridgeFetch('/token-history');
+      if (stored.history?.length) _tokHistory = stored.history;
+      if (stored.snap) _tokLastSnap = stored.snap;
+      if (stored.conductorHist) _condHist = stored.conductorHist;
+      if (stored.conductorLast) _condLast = stored.conductorLast;
+    }
+    const data = await bridgeFetch('/token-stats');
+    const history = tokLoadHistory();
+    for (const r of (data.records||[])) {
+      const key = r.thread;
+      const sid = key.replace('GA-','');
+      const sess = [...state.sessions.values()].find(s=>s.bridgeSessionId===sid);
+      if (sess && rt(sess).busy) continue;
+      const prev = _tokLastSnap[key] || {input:0,output:0,cacheCreate:0,cacheRead:0};
+      let di = r.input-prev.input, do_ = r.output-prev.output, dc = r.cacheCreate-prev.cacheCreate, dr = r.cacheRead-prev.cacheRead;
+      if (di<0||do_<0||dc<0||dr<0) { di = r.input; do_ = r.output; dc = r.cacheCreate; dr = r.cacheRead; }
+      if (di>0||do_>0||dc>0||dr>0) {
+        const title = sess ? displayTitle(sess) : sid;
+        history.push({sessionId:sid, title:title, input:di, output:do_, cacheCreate:dc, cacheRead:dr, model:r.model||'', ts:Date.now()/1000});
+        if(sess?.title) history.forEach(h=>{if(h.sessionId===sid&&(!h.title||h.title===sid))h.title=sess.title;});
+      }
+      _tokLastSnap[key] = {input:r.input, output:r.output, cacheCreate:r.cacheCreate, cacheRead:r.cacheRead};
+    }
+    tokSaveHistory(history);
+  } catch(_) {}
+  _tokPolling = false;
+}
+
+function tokGetFiltered() {
+  let records = tokLoadHistory();
+  const parseD = v => v ? new Date(v.replace(/\s+/,'T')).getTime()/1000 : 0;
+  const since = parseD(tokSince?.value);
+  const until = parseD(tokUntil?.value);
+  if (since) records = records.filter(r=>r.ts>=since);
+  if (until) records = records.filter(r=>r.ts<=until);
+  return records;
+}
+
+function tokRenderStats(filtered, all) {
+  let total=0, totalInput=0, totalCacheRead=0, totalCacheCreate=0;
+  filtered.forEach(r=>{total+=(r.input||0)+(r.output||0)+(r.cacheRead||0)+(r.cacheCreate||0); totalInput+=(r.input||0); totalCacheRead+=(r.cacheRead||0); totalCacheCreate+=(r.cacheCreate||0);});
+  if(tokTotalN) tokTotalN.textContent=fmtTok(total);
+  const cacheBase = totalInput + totalCacheRead + totalCacheCreate;
+  if(tokCostN) tokCostN.textContent= cacheBase > 0 ? (totalCacheRead / cacheBase * 100).toFixed(1) + '%' : '0%';
+  const todayStart=new Date(); todayStart.setHours(0,0,0,0); const todayTs=todayStart.getTime()/1000;
+  let todayT=0; all.filter(r=>r.ts>=todayTs).forEach(r=>{todayT+=(r.input||0)+(r.output||0)+(r.cacheRead||0)+(r.cacheCreate||0);});
+  if(tokTodayN) tokTodayN.textContent=fmtTok(todayT);
+}
+
+function tokRenderTable(records) {
+  if(!tokTbody) return;
+  const bySession=new Map();
+  for(const r of records){
+    const k=r.sessionId||'?';
+    const ss= r._conductor ? null : [...state.sessions.values()].find(s=>s.bridgeSessionId===k);
+    let title = ss ? displayTitle(ss) : (r.title||k);
+    const deleted = r._conductor ? !!r._killed : !ss;
+    if(!bySession.has(k)) bySession.set(k,{title:title,deleted:deleted,input:0,output:0,cacheCreate:0,cacheRead:0,lastTs:0,prompts:[]});
+    const s=bySession.get(k); s.input+=r.input||0; s.output+=r.output||0; s.cacheCreate+=r.cacheCreate||0; s.cacheRead+=r.cacheRead||0;
+    if(r.ts>s.lastTs){s.lastTs=r.ts; s.title=title;} s.prompts.push(r);
+  }
+  tokTbody.innerHTML='';
+  if(bySession.size===0){tokTbody.innerHTML=`<tr><td colspan="6" style="color:var(--muted)">${t('tok.noData')}</td></tr>`;if(tokPager)tokPager.innerHTML='';return;}
+  const sorted=[...bySession.values()].sort((a,b)=>b.lastTs-a.lastTs);
+  const totalPages=Math.ceil(sorted.length/TOK_PER_PAGE);
+  if(_tokPage>=totalPages)_tokPage=totalPages-1;
+  const pageItems=sorted.slice(_tokPage*TOK_PER_PAGE,(_tokPage+1)*TOK_PER_PAGE);
+  for(const s of pageItems){
+    const sCacheBase = s.input + s.cacheRead + s.cacheCreate;
+    const sCacheRate = sCacheBase > 0 ? (s.cacheRead / sCacheBase * 100).toFixed(1) + '%' : '0%';
+    const tr=document.createElement('tr'); tr.className='tok-row-session';
+    tr.innerHTML=`<td title="${escapeHtml(s.title)}">${escapeHtml(s.title)}${s.deleted?'<span class="tok-deleted">'+t('tok.deleted')+'</span>':''}</td><td>${fmtTok(s.input)}</td><td>${fmtTok(s.output)}</td><td>${fmtTok(s.cacheCreate)}</td><td>${fmtTok(s.cacheRead)}</td><td>${sCacheRate}</td>`;
+    tokTbody.appendChild(tr);
+    const details=[]; s.prompts.sort((a,b)=>b.ts-a.ts);
+    for(const p of s.prompts){
+      const dr=document.createElement('tr'); dr.className='tok-detail'; dr.hidden=true;
+      const modelHtml = p.model ? ` · <span class="tok-model-tip">${escapeHtml(p.model)}</span>` : '';
+      const pCacheBase = (p.input||0) + (p.cacheRead||0) + (p.cacheCreate||0);
+      const pCacheRate = pCacheBase > 0 ? ((p.cacheRead||0) / pCacheBase * 100).toFixed(1) + '%' : '0%';
+      dr.innerHTML=`<td>${fmtTime(p.ts)}${modelHtml}</td><td>${fmtTok(p.input||0)}</td><td>${fmtTok(p.output||0)}</td><td>${fmtTok(p.cacheCreate||0)}</td><td>${fmtTok(p.cacheRead||0)}</td><td>${pCacheRate}</td>`;
+      tokTbody.appendChild(dr); details.push(dr);
+    }
+    tr.addEventListener('click',()=>{const o=tr.classList.toggle('open');details.forEach(d=>d.hidden=!o);});
+  }
+  if(tokPager){renderTokPager(tokPager, totalPages, _tokPage, p => { _tokPage = p; tokRenderTable(records); });}
+}
+
+/* 分页按钮:首页/末页 + 当前页前后各 2 + 省略号,最多渲染 ~9 个 DOM,
+   1000 页和 10 页都长一样,不会一行排开拖死浏览器。 */
+function renderTokPager(host, totalPages, currentPage, onJump) {
+  host.innerHTML = '';
+  if (totalPages <= 1) return;
+  const makeBtn = (label, page, opts = {}) => {
+    const b = document.createElement('button');
+    if (opts.svg) b.innerHTML = label;
+    else b.textContent = label;
+    if (opts.active) b.classList.add('active');
+    if (opts.arrow) b.classList.add('tok-pager-arrow');
+    if (opts.disabled) b.disabled = true;
+    if (!opts.disabled) b.addEventListener('click', () => onJump(page));
+    return b;
+  };
+  const makeEllipsis = () => {
+    const s = document.createElement('span');
+    s.className = 'tok-pager-gap';
+    s.textContent = '…';
+    return s;
+  };
+  // 收集页码:1 / 当前-2..当前+2 / 末页,去重并填省略号
+  const pages = new Set([0, totalPages - 1]);
+  for (let i = Math.max(0, currentPage - 2); i <= Math.min(totalPages - 1, currentPage + 2); i++) pages.add(i);
+  const sorted = [...pages].sort((a, b) => a - b);
+  // 首尾箭头用 phosphor 图标(跟侧栏 .chev 同款),不再用 Unicode 字符
+  host.appendChild(makeBtn(GA_ICON('caretLeft'), currentPage - 1, { svg: true, arrow: true, disabled: currentPage === 0 }));
+  let prev = -1;
+  for (const p of sorted) {
+    if (prev >= 0 && p - prev > 1) host.appendChild(makeEllipsis());
+    host.appendChild(makeBtn(String(p + 1), p, { active: p === currentPage }));
+    prev = p;
+  }
+  host.appendChild(makeBtn(GA_ICON('caretRight'), currentPage + 1, { svg: true, arrow: true, disabled: currentPage === totalPages - 1 }));
+}
+
+async function loadTokenPage(){await tokPollBridge();const f=tokGetFiltered();const all=tokLoadHistory();tokRenderStats(f,all);tokRenderTable(f);}
+
+const _COND_HIST_KEY = 'conductor_token_hist';
+const _COND_LAST_KEY = 'conductor_token_last';
+const _condZero = {input:0,output:0,cacheCreate:0,cacheRead:0,cost:0};
+let _condHist = null, _condLast = null;
+function _condLoadHist() { return _condHist || {..._condZero}; }
+function _condLoadLast() { return _condLast; }
+function _condSave(hist, last) {
+  _condHist = hist; _condLast = last;
+  fetch(`${BRIDGE_ORIGIN}/token-history`, {
+    method:'POST', headers:{'Content-Type':'application/json'},
+    body: JSON.stringify({history:_tokHistory, snap:_tokLastSnap, conductorHist:hist, conductorLast:last})
+  }).catch(()=>{});
+}
+
+/* ─── Token tab switching ─── */
+let _tokTab = 'chat';
+const tokTabs = document.getElementById('tok-tabs');
+const tokFilter = document.querySelector('.tok-filter');
+const tokStatRow = document.querySelector('.page[data-page="token"] .stat-row');
+if (tokTabs) tokTabs.addEventListener('click', e => {
+  const btn = e.target.closest('.tok-tab');
+  if (!btn || btn.classList.contains('active')) return;
+  tokTabs.querySelectorAll('.tok-tab').forEach(b => b.classList.remove('active'));
+  btn.classList.add('active');
+  _tokTab = btn.dataset.tab;
+  _tokPage = 0;
+  if (_tokTab === 'conductor') { if (tokFilter) tokFilter.style.display = 'none'; if (tokStatRow) tokStatRow.style.display = 'none'; if (tokTable) tokTable.classList.add('tok-table--conductor'); loadConductorTokens(); }
+  else { if (tokFilter) tokFilter.style.display = ''; if (tokStatRow) tokStatRow.style.display = ''; if (tokTable) tokTable.classList.remove('tok-table--conductor'); loadTokenPage(); }
+});
+
+async function loadConductorTokens() {
+  let curIn = 0, curOut = 0, curCc = 0, curCr = 0, curCost = 0;
+  let fetchOk = false;
+  try {
+    const data = await (await fetch(`${CONDUCTOR_ORIGIN}/token-stats`)).json();
+    const recs = (data.records || []).filter(r => r.thread === 'conductor-agent' || r.thread.startsWith('subagent-'));
+    for (const r of recs) {
+      curIn += r.input || 0; curOut += r.output || 0; curCc += r.cacheCreate || 0; curCr += r.cacheRead || 0;
+      curCost += parseFloat(estCost(r.input || 0, r.output || 0, r.model || '', r.cacheRead || 0, r.cacheCreate || 0));
+    }
+    fetchOk = true;
+  } catch (_) {
+    if (tokTbody) tokTbody.innerHTML = `<tr><td colspan="6" style="color:var(--muted)">${t('tok.condOffline')}</td></tr>`;
+    return;
+  }
+  const hist = _condLoadHist();
+  const last = _condLoadLast();
+  if (fetchOk && last && (curIn < last.input || curOut < last.output)) {
+    hist.input += last.input; hist.output += last.output; hist.cacheCreate += last.cacheCreate; hist.cacheRead += last.cacheRead; hist.cost += last.cost;
+  }
+  if (fetchOk) _condSave(hist, {input:curIn, output:curOut, cacheCreate:curCc, cacheRead:curCr, cost:curCost});
+  const hIn = hist.input + curIn, hOut = hist.output + curOut, hCc = hist.cacheCreate + curCc, hCr = hist.cacheRead + curCr, hCost = hist.cost + curCost;
+  if (!tokTbody) return;
+  const tip = t('tok.condTip');
+  const _ci = GA_ICON('gitFork', 'tok-cond-ico');
+  const hCacheBase = hIn + hCr + hCc;
+  const hCacheRate = hCacheBase > 0 ? (hCr / hCacheBase * 100).toFixed(1) + '%' : '0%';
+  const curCacheBase = curIn + curCr + curCc;
+  const curCacheRate = curCacheBase > 0 ? (curCr / curCacheBase * 100).toFixed(1) + '%' : '0%';
+  tokTbody.innerHTML = `<tr class="tok-row-conductor" title="${tip}"><td>${_ci}${t('tok.condTotal')}</td><td>${fmtTok(hIn)}</td><td>${fmtTok(hOut)}</td><td>${fmtTok(hCc)}</td><td>${fmtTok(hCr)}</td><td>${hCacheRate}</td></tr><tr class="tok-row-conductor" title="${tip}"><td>${_ci}${t('tok.condCurrent')}</td><td>${fmtTok(curIn)}</td><td>${fmtTok(curOut)}</td><td>${fmtTok(curCc)}</td><td>${fmtTok(curCr)}</td><td>${curCacheRate}</td></tr>`;
+  const pager = document.getElementById('tok-pager');
+  if (pager) pager.innerHTML = '';
+}
+
+/* Flatpickr 初始化 */
+const _fpOpts = { enableTime:true, time_24hr:true, dateFormat:'Y-m-d  H:i', locale:window.flatpickr?.l10ns?.[document.documentElement.lang==='en'?'default':'zh']||'default', allowInput:false, onChange(){ _tokPage=0; loadTokenPage(); } };
+const fpSince = tokSince ? flatpickr(tokSince, _fpOpts) : null;
+const fpUntil = tokUntil ? flatpickr(tokUntil, _fpOpts) : null;
+const tokResetBtn=document.getElementById('tok-reset');
+if(tokResetBtn)tokResetBtn.addEventListener('click',()=>{if(fpSince)fpSince.clear();if(fpUntil)fpUntil.clear();_tokPage=0;loadTokenPage();});
+
+/* ─── Token trend chart ─── */
+nav.addEventListener('click',(e)=>{const item=e.target.closest('.nav-item');if(item&&item.dataset.page==='token'){if(_tokTab==='conductor')loadConductorTokens();else loadTokenPage();}if(item&&item.dataset.page==='services')refreshServicesPanel();});
+/* ═══════════════ 自定义预设 ═══════════════ */
+const CP_KEY = 'ga_custom_presets';
+const HB_KEY = 'ga_hidden_builtins';
+
+const BUILTIN_PRESETS = [
+  { key: 'butler', titleKey: 'preset.butler.t', descKey: 'preset.butler.d', navigate: 'collab',
+    get iconSvg() { return GA_ICON('gitFork', 'fc-ic'); } },
+  { key: 'plan',   titleKey: 'preset.plan.t',   descKey: 'preset.plan.d',   promptKey: 'presetPrompt.plan',
+    get iconSvg() { return GA_ICON('listChecks', 'fc-ic'); } },
+  { key: 'goal',    titleKey: 'preset.goal.t',    descKey: 'preset.goal.d',    promptKey: 'presetPrompt.goal',
+    get iconSvg() { return GA_ICON('crosshair', 'fc-ic'); } },
+  { key: 'autonomous', titleKey: 'preset.autonomous.t', descKey: 'preset.autonomous.d', promptKey: 'presetPrompt.autonomous',
+    get iconSvg() { return GA_ICON('gridFour', 'fc-ic'); } },
+  { key: 'hive',    titleKey: 'preset.hive.t',    descKey: 'preset.hive.d',    promptKey: 'presetPrompt.hive',
+    get iconSvg() { return GA_ICON('hexagon', 'fc-ic'); } },
+  { key: 'review',  titleKey: 'preset.review.t',  descKey: 'preset.review.d',  promptKey: 'presetPrompt.review',
+    get iconSvg() { return GA_ICON('magnifyingGlass', 'fc-ic'); } },
+  { key: 'findwork', titleKey: 'preset.findwork.t', descKey: 'preset.findwork.d', promptKey: 'presetPrompt.findwork',
+    get iconSvg() { return GA_ICON('robot', 'fc-ic'); } },
+  { key: 'mine',    titleKey: 'preset.mine.t',    descKey: 'preset.mine.d',    promptKey: 'presetPrompt.mine',
+    get iconSvg() { return GA_ICON('star', 'fc-ic'); } },
+];
+const ADD_ICON_SVG = GA_ICON('plus', 'fc-ic');
+// 自定义保存后生成的卡片图标（用户图标，表示"用户自定义的任务"）—— 与"添加"卡的 + 区分
+const CUSTOM_ICON_SVG = '<svg class="fc-ic" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>';
+
+state.customPresets = [];
+state.hiddenBuiltins = new Set();
+
+function loadCustomPresets() {
+  try {
+    const raw = localStorage.getItem(CP_KEY);
+    const arr = raw ? JSON.parse(raw) : [];
+    state.customPresets = Array.isArray(arr) ? arr.filter(p => p && p.id && p.title && p.prompt) : [];
+  } catch { state.customPresets = []; }
+}
+function saveCustomPresets() {
+  localStorage.setItem(CP_KEY, JSON.stringify(state.customPresets));
+}
+function loadHiddenBuiltins() {
+  try {
+    const raw = localStorage.getItem(HB_KEY);
+    const arr = raw ? JSON.parse(raw) : [];
+    state.hiddenBuiltins = new Set(Array.isArray(arr) ? arr.filter(k => typeof k === 'string') : []);
+  } catch { state.hiddenBuiltins = new Set(); }
+}
+function saveHiddenBuiltins() {
+  localStorage.setItem(HB_KEY, JSON.stringify([...state.hiddenBuiltins]));
+}
+
+const EDIT_PENCIL_SVG = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4z"/></svg>';
+function makeCardEl({ kind, dataAttrs, iconSvg, titleText, descText, removable, editable }) {
+  const card = document.createElement('div');
+  card.className = 'fcard ' + kind;
+  for (const [k, v] of Object.entries(dataAttrs || {})) card.dataset[k] = v;
+  card.innerHTML = iconSvg;
+  if (editable) {
+    const ed = document.createElement('button');
+    ed.className = 'fc-edit';
+    ed.type = 'button';
+    ed.dataset.editId = dataAttrs?.id || '';
+    ed.dataset.i18nTitle = 'customPreset.editTitle';
+    ed.title = t('customPreset.editTitle');
+    ed.innerHTML = EDIT_PENCIL_SVG;
+    card.appendChild(ed);
+  }
+  if (removable) {
+    const x = document.createElement('button');
+    x.className = 'fc-x';
+    x.type = 'button';
+    x.dataset.removeKind = kind === 'fcard-builtin' ? 'builtin' : 'custom';
+    x.dataset.removeId = dataAttrs?.id || dataAttrs?.preset || '';
+    x.dataset.i18nTitle = 'customPreset.removeTitle';
+    x.title = t('customPreset.removeTitle');
+    x.textContent = '×';
+    card.appendChild(x);
+  }
+  const titleEl = document.createElement('div');
+  titleEl.className = 'fc-t';
+  titleEl.textContent = titleText;
+  titleEl.title = titleText;        // 截断后悬停看完整标题
+  card.appendChild(titleEl);
+  const descEl = document.createElement('div');
+  descEl.className = 'fc-d';
+  descEl.textContent = descText;
+  descEl.title = descText;          // 截断后悬停看完整描述
+  card.appendChild(descEl);
+  return card;
+}
+
+function renderAllPresets() {
+  document.querySelectorAll('.feature-grid').forEach(grid => {
+    grid.innerHTML = '';
+    for (const bp of BUILTIN_PRESETS) {
+      if (state.hiddenBuiltins.has(bp.key)) continue;
+      grid.appendChild(makeCardEl({
+        kind: 'fcard-builtin',
+        dataAttrs: { preset: bp.key },
+        iconSvg: bp.iconSvg,
+        titleText: t(bp.titleKey),
+        descText: t(bp.descKey),
+        removable: true,
+      }));
+    }
+    for (const cp of state.customPresets) {
+      grid.appendChild(makeCardEl({
+        kind: 'fcard-custom',
+        dataAttrs: { id: cp.id },
+        iconSvg: CUSTOM_ICON_SVG,
+        titleText: cp.title,
+        descText: cp.prompt,
+        removable: true,
+        editable: true,
+      }));
+    }
+    const addCard = makeCardEl({
+      kind: 'add',
+      dataAttrs: { preset: 'add' },
+      iconSvg: ADD_ICON_SVG,
+      titleText: t('preset.add.t'),
+      descText: t('preset.add.d'),
+      removable: false,
+    });
+    grid.appendChild(addCard);
+  });
+  updateRestoreBtnVisibility();
+}
+
+function addCustomPreset(title, prompt) {
+  const id = 'cp-' + Date.now().toString(36) + '-' + Math.random().toString(36).slice(2, 6);
+  state.customPresets.push({ id, title, prompt });
+  saveCustomPresets();
+  renderAllPresets();
+}
+function updateCustomPreset(id, title, prompt) {
+  const cp = state.customPresets.find(p => p.id === id);
+  if (!cp) return;
+  cp.title = title;
+  cp.prompt = prompt;
+  saveCustomPresets();
+  renderAllPresets();
+}
+function removeCustomPreset(id) {
+  const idx = state.customPresets.findIndex(p => p.id === id);
+  if (idx < 0) return;
+  state.customPresets.splice(idx, 1);
+  saveCustomPresets();
+  renderAllPresets();
+}
+function hideBuiltinPreset(key) {
+  if (!BUILTIN_PRESETS.some(bp => bp.key === key)) return;
+  state.hiddenBuiltins.add(key);
+  saveHiddenBuiltins();
+  renderAllPresets();
+}
+function restoreBuiltinPresets() {
+  state.hiddenBuiltins.clear();
+  saveHiddenBuiltins();
+  renderAllPresets();
+}
+function updateRestoreBtnVisibility() {
+  const btn = document.getElementById('preset-restore-btn');
+  if (!btn) return;
+  btn.hidden = state.hiddenBuiltins.size === 0;
+}
+
+const cpModal = document.getElementById('custom-preset-modal');
+const cpTitleInput = document.getElementById('cp-title');
+const cpPromptInput = document.getElementById('cp-prompt');
+const cpSaveBtn = document.getElementById('cp-save');
+const cpError = document.getElementById('cp-error');
+const cpModalTitle = cpModal?.querySelector('.modal-title');
+let cpEditId = null;   // null=新建模式; 否则为正在编辑的自定义预设 id
+function clearCpFieldHints() {
+  cpModal?.querySelectorAll('.field-limit-hint').forEach(h => { h.style.display = 'none'; });
+}
+function resetCustomPresetForm() {
+  cpEditId = null;
+  if (cpModalTitle) cpModalTitle.textContent = t('modal.customPreset');
+  if (cpTitleInput) cpTitleInput.value = '';
+  if (cpPromptInput) cpPromptInput.value = '';
+  if (cpError) { cpError.hidden = true; cpError.textContent = ''; }
+  clearCpFieldHints();
+  setTimeout(() => { if (cpTitleInput) cpTitleInput.focus(); }, 0);
+}
+function openCustomPresetEditor(cp) {
+  closeModals();
+  openModal('custom-preset-modal');
+  cpEditId = cp.id;
+  if (cpModalTitle) cpModalTitle.textContent = t('modal.editCustomPreset');
+  if (cpTitleInput) cpTitleInput.value = cp.title;
+  if (cpPromptInput) cpPromptInput.value = cp.prompt;
+  if (cpError) { cpError.hidden = true; cpError.textContent = ''; }
+  clearCpFieldHints();
+  setTimeout(() => { if (cpTitleInput) cpTitleInput.focus(); }, 0);
+}
+if (cpSaveBtn) cpSaveBtn.addEventListener('click', () => {
+  const title = (cpTitleInput?.value || '').trim();
+  const prompt = (cpPromptInput?.value || '').trim();
+  if (!title || !prompt) {
+    if (cpError) { cpError.textContent = t('customPreset.empty'); cpError.hidden = false; }
+    return;
+  }
+  if (cpEditId) updateCustomPreset(cpEditId, title, prompt);
+  else addCustomPreset(title, prompt);
+  cpEditId = null;
+  if (cpModal) cpModal.hidden = true;
+});
+
+const restoreBtn = document.getElementById('preset-restore-btn');
+if (restoreBtn) restoreBtn.addEventListener('click', () => { restoreBuiltinPresets(); });
+
+
+/* ═══════════════ 图片预览 lightbox ═══════════════ */
+const lightbox    = document.getElementById('lightbox');
+const lightboxImg = document.getElementById('lightbox-img');
+function openLightbox(src) {
+  if (!lightbox || !lightboxImg || !src) return;
+  lightboxImg.src = src;
+  lightbox.hidden = false;
+}
+function closeLightbox() {
+  if (!lightbox || !lightboxImg) return;
+  lightbox.hidden = true;
+  lightboxImg.src = '';
+}
+if (lightbox) {
+  lightbox.addEventListener('click', (e) => {
+    if (e.target.closest('[data-close]')) closeLightbox();
+  });
+}
+document.addEventListener('keydown', (e) => {
+  if (e.key === 'Escape' && lightbox && !lightbox.hidden) closeLightbox();
+});
+if (msgArea) {
+  msgArea.addEventListener('click', (e) => {
+    const img = e.target.closest('.user-imgs img');
+    if (img && img.src) { openLightbox(img.src); return; }
+    const fileChip = e.target.closest('.user-files .file-chip');
+    if (fileChip) {
+      const path = fileChip.getAttribute('data-path');
+      const name = fileChip.getAttribute('data-name');
+      if (path) openUploadFile(path, name);
+    }
+  });
+}
+
+function uploadRawUrl(path, download) {
+  return `${BRIDGE_ORIGIN}/upload/raw?path=${encodeURIComponent(path || '')}${download ? '&download=1' : ''}`;
+}
+function bridgeIsLocal() {
+  return location.hostname === '127.0.0.1' || location.hostname === 'localhost';
+}
+async function openUploadFile(path, name) {
+  // 远程访问：浏览器无法调起 bridge 那台/本机的系统程序，降级为下载到本机
+  if (!bridgeIsLocal()) {
+    const a = document.createElement('a');
+    a.href = uploadRawUrl(path, true);
+    a.download = name || '';
+    document.body.appendChild(a); a.click(); a.remove();
+    return;
+  }
+  // 本地：bridge 与你同机，调系统默认程序打开 / 在文件夹显示
+  const mode = isPreviewableByName(name || path) ? 'open' : 'reveal';
+  try {
+    const res = await fetch(`${BRIDGE_ORIGIN}/path/open`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ kind: 'upload', path, mode }),
+    });
+    const j = await res.json();
+    if (!j.ok) throw new Error(j.error || 'open failed');
+  } catch (e) {
+    showChanToast(t('file.openFailed'), e.message || String(e), 'err');
   }
 }
 
-sendBtn.addEventListener('click', () => {
-  if (getActiveSessionRuntime()?.busy) {
-    cancelPrompt().then((ok) => {
-      if (ok) showSystem('Stop requested.');
+const PREVIEWABLE_EXTS = new Set([
+  'pdf',
+  'png', 'jpg', 'jpeg', 'gif', 'webp', 'bmp', 'svg', 'heic', 'tiff',
+  'txt', 'md', 'log', 'json', 'yaml', 'yml', 'xml', 'csv', 'tsv', 'ini', 'toml', 'env', 'rtf',
+  'py', 'js', 'ts', 'tsx', 'jsx', 'java', 'c', 'cpp', 'h', 'hpp', 'rs', 'go', 'rb', 'php', 'sh', 'bash', 'zsh', 'fish', 'lua', 'pl', 'r', 'scala', 'kt', 'swift',
+  'html', 'htm', 'css', 'scss', 'sass', 'less', 'vue', 'svelte', 'sql',
+  'doc', 'docx', 'pages', 'odt',
+  'xls', 'xlsx', 'numbers', 'ods',
+  'ppt', 'pptx', 'key', 'odp',
+  'mp3', 'wav', 'flac', 'aac', 'ogg', 'm4a',
+  'mp4', 'mov', 'avi', 'mkv', 'webm', 'wmv',
+]);
+function isPreviewableByName(name) {
+  const m = String(name || '').match(/\.([^./\\]+)$/);
+  if (!m) return false;
+  return PREVIEWABLE_EXTS.has(m[1].toLowerCase());
+}
+
+/* ═══════════════ 后台服务页 Tab（消息通道 / 状态面板） ═══════════════ */
+let _svcTab = 'channels';
+const svcTabsEl = document.getElementById('svc-tabs');
+
+function isServicesPageActive() {
+  return !!document.querySelector('.page[data-page="services"].active');
+}
+function isSvcTab(tab) {
+  return isServicesPageActive() && _svcTab === tab;
+}
+function setSvcTab(tab) {
+  if (!tab || tab === _svcTab) return;
+  _svcTab = tab;
+  svcTabsEl?.querySelectorAll('.svc-tab').forEach((b) => b.classList.toggle('active', b.dataset.tab === tab));
+  document.querySelectorAll('[data-svc-panel]').forEach((p) => p.classList.toggle('active', p.dataset.svcPanel === tab));
+  if (tab === 'channels') renderChannelList(gaServiceStore.list());
+  else loadStatusPanel();
+}
+function refreshServicesPanel() {
+  if (!isServicesPageActive()) return;
+  if (_svcTab === 'channels') renderChannelList(gaServiceStore.list());
+  else loadStatusPanel();
+}
+if (svcTabsEl) {
+  svcTabsEl.addEventListener('click', (e) => {
+    const btn = e.target.closest('.svc-tab');
+    if (!btn) return;
+    setSvcTab(btn.dataset.tab);
+  });
+}
+
+/* ═══════════════ 消息通道（复用 gaServiceStore + WS 同步） ═══════════════ */
+const CHAN_ICON = GA_ICON('chatTeardropText', 'lr-ic');
+const CHAN_FILE_LABELS = {
+  'qqapp.py': 'ch.qq',
+  'wechatapp.py': 'ch.wechat',
+  'wecomapp.py': 'ch.wecom',
+  'dingtalkapp.py': 'ch.dingtalk',
+  'tgapp.py': 'ch.telegram',
+  'dcapp.py': 'ch.discord',
+  'fsapp.py': 'ch.lark',
+};
+const chanListEl = document.getElementById('chan-list');
+const chanEmptyEl = document.getElementById('chan-empty');
+const chanLogModal = document.getElementById('chan-log-modal');
+const chanLogPre = document.getElementById('chan-log-pre');
+const chanLogTitle = document.getElementById('chan-log-title');
+const chanConfigModal = document.getElementById('chan-config-modal');
+const chanConfigTitle = document.getElementById('chan-config-title');
+const chanConfigEditor = document.getElementById('chan-config-editor');
+const chanConfigSave = document.getElementById('chan-config-save');
+let _chanLogId = null;
+let _chanBusy = false;
+let _chanToastTimer = null;
+
+function getToastRoot() {
+  let root = document.getElementById('toast-root');
+  if (!root) {
+    root = document.createElement('div');
+    root.id = 'toast-root';
+    root.className = 'toast-root';
+    root.setAttribute('aria-live', 'polite');
+    document.body.appendChild(root);
+  }
+  return root;
+}
+
+function showChanToast(title, detail, kind) {
+  if (!title) return;
+  const root = getToastRoot();
+  if (_chanToastTimer) clearTimeout(_chanToastTimer);
+  root.innerHTML = '';
+  const el = document.createElement('div');
+  el.className = `toast toast-${kind === 'err' ? 'err' : kind === 'info' ? 'info' : 'ok'}`;
+  const tEl = document.createElement('span');
+  tEl.className = 'toast-title';
+  tEl.textContent = title;
+  el.appendChild(tEl);
+  if (detail) {
+    const dEl = document.createElement('span');
+    dEl.className = 'toast-detail';
+    dEl.textContent = detail;
+    el.appendChild(dEl);
+  }
+  root.appendChild(el);
+  const show = () => el.classList.add('show');
+  requestAnimationFrame(show);
+  setTimeout(show, 16);
+  _chanToastTimer = setTimeout(() => {
+    el.classList.remove('show');
+    setTimeout(() => el.remove(), 300);
+  }, 3000);
+}
+
+/* ── Input length validation ── */
+(function initInputLimits() {
+  let _toastTimer = null;
+
+  // msgKey 默认用会截断的文案；硬上限输入框传 'err.charLimitReached'（只提醒不提截断）
+  function limitToast(maxLen, msgKey = 'err.charLimit') {
+    clearTimeout(_toastTimer);
+    _toastTimer = setTimeout(() => {
+      const msg = t(msgKey).replace('{n}', maxLen);
+      showChanToast(msg, '', 'err');
+    }, 300);
+  }
+
+  // Toast-based: for elements with maxLength attribute (input/textarea) —— 硬上限,不会截断
+  function bindToastLimit(el) {
+    if (!el || !el.maxLength || el.maxLength < 0) return;
+    el.addEventListener('input', () => {
+      if (el.value.length >= el.maxLength) limitToast(el.maxLength, 'err.charLimitReached');
     });
-  } else submitInput();
-});
-
-// ─── Buttons ─────────────────────────────────────────────────────────────
-$('new-session-btn').addEventListener('click', newSession);
-$('settings-btn').addEventListener('click', openSettings);
-$('close-settings').addEventListener('click', closeSettings);
-$('cancel-settings').addEventListener('click', closeSettings);
-$('save-settings').addEventListener('click', saveSettings);
-$('open-mykey').addEventListener('click', () => openConfigFile(window.ga.openMykey, 'mykey.py'));
-$('error-dismiss').addEventListener('click', hideError);
-
-settingsModal.querySelector('.modal-backdrop').addEventListener('click', closeSettings);
-
-// ─── Message Search (Cmd/Ctrl+F) ─────────────────────────────────────────
-(function initSearch() {
-  const searchBar = document.getElementById('search-bar');
-  const searchInput = document.getElementById('search-input');
-  const searchClose = document.getElementById('search-close');
-  const searchPrev = document.getElementById('search-prev');
-  const searchNext = document.getElementById('search-next');
-  const searchCount = document.getElementById('search-count');
-
-  let highlights = [];
-  let currentIdx = -1;
-
-  function openSearch() {
-    searchBar.classList.remove('hidden');
-    searchBar.classList.add('visible');
-    searchInput.focus();
-    searchInput.select();
   }
 
-  function closeSearch() {
-    searchBar.classList.remove('visible');
-    searchBar.classList.add('hidden');
-    clearHighlights();
-    searchInput.value = '';
-    searchCount.textContent = '';
-  }
-
-  function clearHighlights() {
-    highlights.forEach(el => {
-      const parent = el.parentNode;
-      if (parent) {
-        parent.replaceChild(document.createTextNode(el.textContent), el);
-        parent.normalize();
+  // Toast-based: for contenteditable elements (no native maxLength)
+  // Note: we only warn on input, not hard-truncate, because truncating innerHTML
+  // would destroy embedded chips, cursor position, and break IME composition.
+  // Actual truncation happens at send time in submitInput().
+  function bindContentEditableLimit(el, maxLen) {
+    if (!el) return;
+    let composing = false;
+    el.addEventListener('compositionstart', () => { composing = true; });
+    el.addEventListener('compositionend', () => {
+      composing = false;
+      trimExcess();
+    });
+    // Layer 1: block non-IME input when at capacity
+    el.addEventListener('beforeinput', (e) => {
+      if (composing) return; // let IME through, trim after compositionend
+      if (e.inputType === 'historyUndo' || e.inputType === 'historyRedo') return;
+      if (e.inputType && e.inputType.startsWith('delete')) return;
+      if (el.textContent.length >= maxLen) {
+        e.preventDefault();
+        limitToast(maxLen);
       }
     });
-    highlights = [];
-    currentIdx = -1;
-  }
-
-  function doSearch(query) {
-    clearHighlights();
-    if (!query) { searchCount.textContent = ''; return; }
-
-    const chatArea = document.getElementById('messages');
-    const walker = document.createTreeWalker(chatArea, NodeFilter.SHOW_TEXT, null);
-    const textNodes = [];
-    while (walker.nextNode()) textNodes.push(walker.currentNode);
-
-    const lowerQ = query.toLowerCase();
-    textNodes.forEach(node => {
-      const text = node.textContent;
-      const lower = text.toLowerCase();
-      let idx = lower.indexOf(lowerQ);
-      if (idx === -1) return;
-
-      const frag = document.createDocumentFragment();
-      let lastIdx = 0;
-      while (idx !== -1) {
-        frag.appendChild(document.createTextNode(text.slice(lastIdx, idx)));
-        const mark = document.createElement('mark');
-        mark.className = 'search-highlight';
-        mark.textContent = text.slice(idx, idx + query.length);
-        frag.appendChild(mark);
-        highlights.push(mark);
-        lastIdx = idx + query.length;
-        idx = lower.indexOf(lowerQ, lastIdx);
-      }
-      frag.appendChild(document.createTextNode(text.slice(lastIdx)));
-      node.parentNode.replaceChild(frag, node);
-    });
-
-    searchCount.textContent = highlights.length ? `1/${highlights.length}` : '0';
-    if (highlights.length) { currentIdx = 0; scrollToHighlight(); }
-  }
-
-  function scrollToHighlight() {
-    highlights.forEach((el, i) => el.classList.toggle('active', i === currentIdx));
-    if (highlights[currentIdx]) {
-      // Expand any collapsed ancestor turns so the match is visible
-      let ancestor = highlights[currentIdx].parentElement;
-      while (ancestor && ancestor !== document.body) {
-        if (ancestor.classList.contains('turn') && ancestor.classList.contains('collapsed')) {
-          ancestor.classList.remove('collapsed');
+    // Layer 2: after IME commits, trim excess from last text node
+    function trimExcess() {
+      const cur = el.textContent.length;
+      if (cur <= maxLen) return;
+      const excess = cur - maxLen;
+      // Walk text nodes in reverse to trim from the end (skip chip internals)
+      const walker = document.createTreeWalker(el, NodeFilter.SHOW_TEXT);
+      const textNodes = [];
+      while (walker.nextNode()) textNodes.push(walker.currentNode);
+      if (!textNodes.length) return;
+      let toRemove = excess;
+      for (let i = textNodes.length - 1; i >= 0 && toRemove > 0; i--) {
+        const node = textNodes[i];
+        if (node.nodeValue.length <= toRemove) {
+          toRemove -= node.nodeValue.length;
+          node.nodeValue = '';
+        } else {
+          node.nodeValue = node.nodeValue.slice(0, node.nodeValue.length - toRemove);
+          toRemove = 0;
         }
-        ancestor = ancestor.parentElement;
       }
-      highlights[currentIdx].scrollIntoView({ block: 'center', behavior: 'smooth' });
-      searchCount.textContent = `${currentIdx + 1}/${highlights.length}`;
+      limitToast(maxLen);
     }
   }
 
-  function nextMatch() { if (!highlights.length) return; currentIdx = (currentIdx + 1) % highlights.length; scrollToHighlight(); }
-  function prevMatch() { if (!highlights.length) return; currentIdx = (currentIdx - 1 + highlights.length) % highlights.length; scrollToHighlight(); }
-
-  // Event listeners
-  searchClose.addEventListener('click', closeSearch);
-  searchPrev.addEventListener('click', prevMatch);
-  searchNext.addEventListener('click', nextMatch);
-
-  let searchTimeout;
-  searchInput.addEventListener('input', () => {
-    clearTimeout(searchTimeout);
-    searchTimeout = setTimeout(() => doSearch(searchInput.value), 200);
-  });
-  searchInput.addEventListener('keydown', (e) => {
-    if (e.key === 'Enter') { e.shiftKey ? prevMatch() : nextMatch(); e.preventDefault(); }
-    if (e.key === 'Escape') { closeSearch(); e.preventDefault(); }
-  });
-
-  // Global shortcut: Cmd+F (Mac) / Ctrl+F (Win/Linux)
-  // Note: On macOS Electron intercepts Cmd+F via menu accelerator,
-  // so we also listen for IPC 'open-search' from main process.
-  document.addEventListener('keydown', (e) => {
-    const isMac = navigator.platform.toUpperCase().indexOf('MAC') >= 0;
-    const mod = isMac ? e.metaKey : e.ctrlKey;
-    if (mod && e.key === 'f') {
-      e.preventDefault();
-      openSearch();
+  // Per-field inline hint: creates a small red span right after the input.
+  // 用 JS 管控长度(去掉原生 maxlength),以便"超限尝试"时可靠告警:
+  // 超出上限的字符先被键入,再由本逻辑截回上限并告警——每次超限都触发 input,
+  // 兼容打字/粘贴/中文 IME。到达上限本身合法、不告警。告警出现后自动消失,不常驻。
+  function bindFieldInlineLimit(el) {
+    if (!el || !el.maxLength || el.maxLength < 0) return;
+    const max = el.maxLength;
+    el.removeAttribute('maxlength');   // 转为 JS 管控
+    const hint = document.createElement('span');
+    hint.className = 'field-limit-hint';
+    hint.style.cssText = 'color:var(--err,#dc2626);font-size:.75rem;display:none;margin-top:2px';
+    el.insertAdjacentElement('afterend', hint);
+    let hideTimer = null;
+    function warn() {
+      hint.textContent = t('err.charLimitReached').replace('{n}', max);
+      hint.style.display = 'block';
+      clearTimeout(hideTimer);
+      hideTimer = setTimeout(() => { hint.style.display = 'none'; }, 2500);
     }
-    if (e.key === 'Escape' && searchBar.classList.contains('visible')) {
-      e.preventDefault();
-      closeSearch();
+    function enforce() {
+      if (el.value.length <= max) return;
+      const atEnd = el.selectionStart >= el.value.length;
+      el.value = el.value.slice(0, max);
+      if (atEnd) el.setSelectionRange(max, max);
+      warn();
     }
-  });
+    let composing = false;
+    el.addEventListener('compositionstart', () => { composing = true; });
+    el.addEventListener('compositionend', () => { composing = false; enforce(); });
+    el.addEventListener('input', () => { if (!composing) enforce(); });
+  }
 
-  // Listen for IPC from main process (menu accelerator on macOS)
-  if (window.ga && window.ga.onOpenSearch) {
-    window.ga.onOpenSearch(() => openSearch());
+  window.bindFieldInlineLimit = bindFieldInlineLimit;
+  window.bindToastLimit = bindToastLimit;
+
+  // Number field: clamp to max on blur, no red text; block non-integer chars
+  function bindNumberClamp(el) {
+    if (!el || !el.max) return;
+    const max = Number(el.max);
+    if (!max) return;
+    // Block all non-digit keys (allow navigation/editing keys)
+    el.addEventListener('keydown', (e) => {
+      if (e.ctrlKey || e.metaKey || e.altKey) return; // allow shortcuts
+      if (['Backspace','Delete','Tab','ArrowLeft','ArrowRight','Home','End'].includes(e.key)) return;
+      if (e.key.length === 1 && !/[0-9]/.test(e.key)) e.preventDefault();
+    });
+    el.addEventListener('input', () => {
+      // Strip non-digit chars (IME can bypass keydown)
+      const cleaned = el.value.replace(/[^0-9]/g, '');
+      if (cleaned !== el.value) el.value = cleaned;
+      const v = Number(el.value);
+      if (el.value !== '' && v > max) el.value = max;
+    });
+  }
+
+  // Wait for DOM ready
+  function setup() {
+    // Contenteditable inputs (chat + collab)
+    const chatInput = document.querySelector('.input[contenteditable][data-i18n-ph="composer.placeholder"]');
+    const collabInput = document.getElementById('cdb-input');
+    bindContentEditableLimit(chatInput, 20000);
+    bindContentEditableLimit(collabInput, 20000);
+
+    // Toast targets (standard inputs/textareas with maxLength)
+    const searchInput = document.querySelector('.search input');
+    const mykeyEditor = document.getElementById('chan-config-editor');
+    [searchInput, mykeyEditor].forEach(bindToastLimit);
+
+    // Model form: per-field inline hints
+    const form = document.getElementById('add-model-form');
+    if (form) {
+      ['model', 'apikey', 'apibase', 'name'].forEach(name => {
+        bindFieldInlineLimit(form.querySelector(`[name="${name}"]`));
+      });
+      ['max_retries', 'connect_timeout', 'read_timeout'].forEach(name => {
+        bindNumberClamp(form.querySelector(`[name="${name}"]`));
+      });
+    }
+
+    // Preset form: 每字段独立内联提示（标题/Prompt 各自独立,互不串扰）
+    bindFieldInlineLimit(document.getElementById('cp-title'));
+    bindFieldInlineLimit(document.getElementById('cp-prompt'));
+
+    // First-run desktop-shortcut prompt (Windows portable bundle only). Driven from the web UI
+    // so the dialog always renders on top — a native dialog from the Rust startup thread had no
+    // parent window and got buried behind the main window on first launch.
+    maybeAskDesktopShortcut();
+  }
+
+  async function maybeAskDesktopShortcut() {
+    try {
+      const should = await window.ga.tauriInvoke('shortcut_should_ask');
+      if (!should) return;
+      const create = await showConfirmDialog({ title: t('common.confirm'), message: t('shortcut.askConfirm'), okText: t('common.confirm') });
+      await window.ga.tauriInvoke('shortcut_decide', { create });
+    } catch (_) { /* not in tauri / not a bundle — ignore */ }
+  }
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', setup);
+  } else {
+    setup();
   }
 })();
 
-// ─── Init ────────────────────────────────────────────────────────────────
-(async function init() {
-  // Add platform class to body for platform-specific CSS
-  const platform = (window.ga && window.ga.platform) || process.platform || 'unknown';
-  document.body.classList.add('platform-' + platform);
-
+function channelDisplayName(ch) {
+  const file = (ch.name || ch.id || '').split('/').pop();
+  const key = CHAN_FILE_LABELS[file];
+  return key ? t(key) : (ch.name || ch.id || '');
+}
+function channelStatusClass(status) {
+  if (status === 'running') return 'on';
+  if (status === 'error') return 'err';
+  return 'off';
+}
+function channelStatusLabel(status) {
+  const map = {
+    running: 'st.running', offline: 'st.offline', error: 'st.error',
+    starting: 'st.starting', stopping: 'st.stopping',
+  };
+  return t(map[status] || 'st.offline');
+}
+function channelErrorMessage(code) {
+  const map = { not_configured: 'err.channelNotConfigured' };
+  return t(map[code] || code || 'err.channelStart');
+}
+function channelToastDetail(e) {
+  const svc = e.data && e.data.service;
+  if (svc && svc.lastError) return svc.lastError;
+  const code = e.data && e.data.error;
+  return channelErrorMessage(code || e.message);
+}
+function renderChannelList(channels) {
+  if (!chanListEl) return;
+  const rows = (channels || []).filter((ch) => (ch.id || '').startsWith('frontends/'));
+  chanListEl.innerHTML = '';
+  if (chanEmptyEl) chanEmptyEl.hidden = rows.length > 0;
+  for (const ch of rows) {
+    const row = document.createElement('div');
+    row.className = 'list-row';
+    row.dataset.channelId = ch.id;
+    const stClass = channelStatusClass(ch.status || 'offline');
+    const running = !!ch.running;
+    row.innerHTML = `
+      ${CHAN_ICON}
+      <div class="chan-meta">
+        <b class="chan-name"></b>
+        <span class="kv chan-path"></span>
+      </div>
+      <span class="lr-st ${stClass} chan-status"></span>
+      <span class="grow"></span>
+      <button type="button" class="link-btn link sm" data-act="configure"></button>
+      <button type="button" class="link-btn link sm" data-act="logs"></button>
+      <button type="button" class="sw-mini${running ? ' on' : ''}" data-act="toggle" aria-pressed="${running}"><i></i></button>`;
+    row.querySelector('.chan-name').textContent = channelDisplayName(ch);
+    row.querySelector('.chan-path').textContent = ch.name || ch.id;
+    row.querySelector('.chan-status').textContent = channelStatusLabel(ch.status || 'offline');
+    row.querySelector('[data-act="configure"]').textContent = t('act.configure');
+    row.querySelector('[data-act="logs"]').textContent = t('act.logs');
+    chanListEl.appendChild(row);
+  }
+}
+async function toggleChannel(id, running, toggleEl) {
+  if (_chanBusy) return;
+  _chanBusy = true;
+  if (toggleEl) toggleEl.disabled = true;
+  const label = channelDisplayName(gaServiceStore.get(id) || { id });
   try {
-    const saved = await window.ga.getConfig();
-    Object.assign(state.defaultConfig, saved);
-  } catch (err) {
-    addDiagnostic('error', 'Failed to load settings', err);
-    showError('Failed to load settings; using defaults: ' + (err.message || err));
+    if (running) {
+      await window.ga.stopService(id);
+      showChanToast(t('sys.channelStopped') + ' · ' + label, '', 'ok');
+    } else {
+      const res = await window.ga.startService(id);
+      if (res && res.service && res.service.status === 'error') {
+        throw Object.assign(new Error(res.service.lastError || 'start_failed'), { data: res });
+      }
+      showChanToast(t('sys.channelStarted') + ' · ' + label, '', 'ok');
+    }
+  } catch (e) {
+    showChanToast(
+      (running ? t('err.channelStop') : t('err.channelStart')) + ' · ' + label,
+      channelToastDetail(e),
+      'err'
+    );
+  } finally {
+    _chanBusy = false;
+    if (toggleEl) toggleEl.disabled = false;
   }
-  applyTheme();
-  await loadModelProfiles();
-  updateSendButton();
-  inputEl.focus();
+}
+async function openChannelLogs(id) {
+  if (!chanLogModal || !chanLogPre) return;
+  _chanLogId = id;
+  const ch = gaServiceStore.get(id) || { id };
+  const titleName = id === '__bridge__' ? (ch.name || 'bridge') : statusDisplayName(ch);
+  if (chanLogTitle) chanLogTitle.textContent = t('modal.channelLogs') + ' · ' + titleName;
+  chanLogPre.textContent = t('ch.loading');
+  openModal('chan-log-modal');
+  try {
+    const res = await window.ga.getServiceLogs(id, 200);
+    const lines = res.lines || [];
+    chanLogPre.textContent = lines.length ? lines.join('\n') : t('ch.logEmpty');
+  } catch (e) {
+    chanLogPre.textContent = t('err.channelLoad') + ': ' + (e.message || e);
+  }
+}
+async function openChannelMykey(channelId) {
+  if (!chanConfigModal || !chanConfigEditor) return;
+  const ch = gaServiceStore.get(channelId) || { id: channelId };
+  if (chanConfigTitle) {
+    chanConfigTitle.textContent = t('modal.mykeyConfig') + (channelId ? ' · ' + channelDisplayName(ch) : '');
+  }
+  chanConfigEditor.value = t('ch.loading');
+  chanConfigEditor.disabled = true;
+  if (chanConfigSave) chanConfigSave.disabled = true;
+  openModal('chan-config-modal');
+  try {
+    const res = await window.ga.getMykeyContent();
+    chanConfigEditor.value = res.content || '';
+  } catch (e) {
+    chanConfigEditor.value = t('err.channelLoad') + ': ' + (e.message || e);
+  } finally {
+    chanConfigEditor.disabled = false;
+    if (chanConfigSave) chanConfigSave.disabled = false;
+    chanConfigEditor.focus();
+  }
+}
+async function saveChannelMykey() {
+  if (!chanConfigEditor || !chanConfigSave) return;
+  chanConfigSave.disabled = true;
+  try {
+    await window.ga.saveMykeyContent(chanConfigEditor.value);
+    showChanToast(t('sys.configSaved'), '', 'ok');
+    chanConfigModal.hidden = true;
+  } catch (e) {
+    showChanToast(t('err.channelLoad'), e.message || String(e), 'err');
+  } finally {
+    chanConfigSave.disabled = false;
+  }
+}
+if (chanConfigSave) {
+  chanConfigSave.addEventListener('click', saveChannelMykey);
+}
+
+/* ═══════════════ 状态面板（复用 ServiceManager + 启停/日志） ═══════════════ */
+const statusListEl = document.getElementById('status-list');
+const BRIDGE_SERVICE_ID = '__bridge__';
+const EXTRA_SERVICE_IDS = new Set(['frontends/conductor.py', 'reflect/scheduler.py']);
+
+function bridgeOfflinePanelServices() {
+  return [
+    {
+      id: BRIDGE_SERVICE_ID,
+      name: `bridge (:${BRIDGE_PORT})`,
+      status: 'offline',
+      running: false,
+      pid: null,
+      memMb: null,
+      cpuPct: null,
+      managed: false,
+    },
+    {
+      id: 'frontends/conductor.py',
+      name: 'frontends/conductor.py',
+      status: 'offline',
+      running: false,
+      pid: null,
+      memMb: null,
+      cpuPct: null,
+      managed: false,
+      bridgeOffline: true,
+    },
+    {
+      id: 'reflect/scheduler.py',
+      name: 'reflect/scheduler.py',
+      status: 'offline',
+      running: false,
+      pid: null,
+      memMb: null,
+      cpuPct: null,
+      managed: false,
+      bridgeOffline: true,
+    },
+  ];
+}
+
+function statusDisplayName(s) {
+  if (!s) return '';
+  if (s.id === BRIDGE_SERVICE_ID) return s.name || 'bridge';
+  if (s.id === 'reflect/scheduler.py') return t('proc.scheduler');
+  if (s.id === 'frontends/conductor.py') return t('proc.conductor');
+  return channelDisplayName(s);
+}
+function fmtPid(pid) { return pid ? `PID ${pid}` : '—'; }
+function fmtRes(s) {
+  const cpu = s.cpuPct != null ? `${s.cpuPct}%` : '—';
+  const mem = s.memMb != null ? `${s.memMb}MB` : '—';
+  return `${cpu} / ${mem}`;
+}
+
+function renderStatusPanel(services) {
+  if (!statusListEl) return;
+  statusListEl.innerHTML = '';
+  for (const s of services || []) {
+    const row = document.createElement('div');
+    row.className = 'list-row';
+    row.dataset.serviceId = s.id;
+    const stClass = channelStatusClass(s.status || 'offline');
+    const running = !!s.running;
+    const managed = s.managed !== false;
+    const isBridge = s.id === BRIDGE_SERVICE_ID;
+    const isExtra = EXTRA_SERVICE_IDS.has(s.id);
+    let acts = '';
+    if (isBridge) {
+      if (running) {
+        acts += `<button type="button" class="link-btn link sm" data-act="logs"></button>`;
+        acts += `<button type="button" class="link-btn link sm" data-act="bridge-exit"></button>`;
+      } else {
+        acts += `<button type="button" class="link-btn link sm" data-act="bridge-start"></button>`;
+      }
+    } else if (!s.bridgeOffline) {
+      acts += `<button type="button" class="link-btn link sm" data-act="logs"></button>`;
+      if (managed) {
+        if (running) acts += `<button type="button" class="link-btn link sm" data-act="restart"></button>`;
+        if (isExtra) {
+          acts += `<button type="button" class="link-btn link sm${running ? ' on' : ''}" data-act="toggle" aria-pressed="${running}"></button>`;
+        } else {
+          acts += `<button type="button" class="sw-mini${running ? ' on' : ''}" data-act="toggle" aria-pressed="${running}"><i></i></button>`;
+        }
+      }
+    }
+    row.innerHTML = `
+      <b class="st-name"></b>
+      <span class="lr-st ${stClass} st-status"></span>
+      <span class="kv st-pid"></span>
+      <span class="kv st-res"></span>
+      <span class="grow"></span>
+      ${acts}`;
+    row.querySelector('.st-name').textContent = statusDisplayName(s);
+    row.querySelector('.st-status').textContent = channelStatusLabel(s.status || 'offline');
+    row.querySelector('.st-pid').textContent = fmtPid(s.pid);
+    row.querySelector('.st-res').textContent = fmtRes(s);
+    const logBtn = row.querySelector('[data-act="logs"]');
+    if (logBtn) logBtn.textContent = t('act.logs');
+    const rstBtn = row.querySelector('[data-act="restart"]');
+    if (rstBtn) rstBtn.textContent = t('act.restart');
+    const startBridgeBtn = row.querySelector('[data-act="bridge-start"]');
+    if (startBridgeBtn) startBridgeBtn.textContent = t('act.start');
+    const exitBridgeBtn = row.querySelector('[data-act="bridge-exit"]');
+    if (exitBridgeBtn) exitBridgeBtn.textContent = t('act.exit');
+    const textToggleBtn = row.querySelector('.link-btn[data-act="toggle"]');
+    if (textToggleBtn) textToggleBtn.textContent = running ? t('act.exit') : t('act.start');
+    statusListEl.appendChild(row);
+  }
+}
+
+async function loadStatusPanel() {
+  if (!statusListEl) return;
+  if (bridgeUiOffline) {
+    renderStatusPanel(bridgeOfflinePanelServices());
+    return;
+  }
+  try {
+    const res = await window.ga.getServicePanel();
+    renderStatusPanel(res.services || []);
+  } catch (_) {
+    window.ga.setBridgeUiOffline(true);
+    gaServiceStore.applySnapshot(bridgeOfflinePanelServices());
+    renderStatusPanel(bridgeOfflinePanelServices());
+  }
+}
+
+async function restartService(id) {
+  const label = statusDisplayName(gaServiceStore.get(id) || { id });
+  await window.ga.stopService(id);
+  const res = await window.ga.startService(id);
+  if (res && res.service && res.service.status === 'error') {
+    throw Object.assign(new Error(res.service.lastError || 'start_failed'), { data: res });
+  }
+  showChanToast(t('act.restart') + ' · ' + label, '', 'ok');
+}
+
+if (statusListEl) {
+  statusListEl.addEventListener('click', async (e) => {
+    const row = e.target.closest('.list-row');
+    if (!row) return;
+    const id = row.dataset.serviceId;
+    const actEl = e.target.closest('[data-act]');
+    if (!actEl || !id) return;
+    const act = actEl.dataset.act;
+    if (act === 'logs') {
+      openChannelLogs(id);
+      return;
+    }
+    if (act === 'bridge-start') {
+      if (_chanBusy) return;
+      _chanBusy = true;
+      actEl.disabled = true;
+      try {
+        await window.ga.spawnBridge();
+        await loadStatusPanel();
+        showChanToast(t('sys.channelStarted') + ' · bridge', '', 'ok');
+      } catch (err) {
+        showChanToast(t('err.channelStart') + ' · bridge', err.message || String(err), 'err');
+      } finally {
+        _chanBusy = false;
+        actEl.disabled = false;
+      }
+      return;
+    }
+    if (act === 'bridge-exit') {
+      if (_chanBusy) return;
+      _chanBusy = true;
+      actEl.disabled = true;
+      try {
+        window.ga.setBridgeUiOffline(true);
+        gaServiceStore.applySnapshot(bridgeOfflinePanelServices());
+        renderStatusPanel(bridgeOfflinePanelServices());
+        await window.ga.exitBridge();
+        showChanToast(t('sys.channelStopped') + ' · bridge', '', 'ok');
+      } catch (err) {
+        showChanToast(t('err.channelStop') + ' · bridge', err.message || String(err), 'err');
+      } finally {
+        _chanBusy = false;
+        actEl.disabled = false;
+      }
+      return;
+    }
+    if (act === 'restart') {
+      if (_chanBusy) return;
+      _chanBusy = true;
+      try {
+        await restartService(id);
+        await loadStatusPanel();
+      } catch (err) {
+        showChanToast(t('act.restart') + ' · ' + statusDisplayName({ id }), err.message || String(err), 'err');
+      } finally {
+        _chanBusy = false;
+      }
+      return;
+    }
+    if (act === 'toggle') {
+      if (actEl.disabled || _chanBusy) return;
+      const running = actEl.classList.contains('on');
+      await toggleChannel(id, running, actEl);
+      if (isSvcTab('status')) loadStatusPanel();
+    }
+  });
+}
+
+gaServiceStore.onServices((list) => {
+  if (isSvcTab('channels')) renderChannelList(list);
+  if (isSvcTab('status')) {
+    if (bridgeUiOffline) renderStatusPanel(bridgeOfflinePanelServices());
+    else loadStatusPanel();
+  }
+});
+if (chanListEl) {
+  chanListEl.addEventListener('click', async (e) => {
+    const row = e.target.closest('.list-row');
+    if (!row) return;
+    const id = row.dataset.channelId;
+    const actEl = e.target.closest('[data-act]');
+    if (!actEl || !id) return;
+    const act = actEl.dataset.act;
+    if (act === 'logs') {
+      openChannelLogs(id);
+      return;
+    }
+    if (act === 'configure') {
+      openChannelMykey(id);
+      return;
+    }
+    if (act === 'toggle') {
+      if (actEl.disabled || _chanBusy) return;
+      const running = actEl.classList.contains('on');
+      await toggleChannel(id, running, actEl);
+    }
+  });
+}
+
+/* ═══════════════ 启动 ═══════════════ */
+(async () => {
+await loadSessions();
+applyAppearance(appearance, plainUi, { persist: false });
+applyTheme(theme, { persist: false });
+initChatFontStepper();
+applyChatFontSize(chatFontSize, { persist: false });
+syncHljsTheme();
+applyI18n();
+updateModelChip();
+renderSessionList();
+loadCustomPresets();
+loadHiddenBuiltins();
+renderAllPresets();
+if (state.activeId) setActiveSession(state.activeId);
+else refreshEmptyState(null);
+// bridge-ready 可能在上面的 await 期间就已到达（WS 一连上 bridge 即推送），
+// 此时 state.bridgeReady 已为 true，直接按真实状态渲染，避免把「就绪」覆盖回「连接中」。
+if (state.bridgeReady) refreshStatusLabel();
+else chatStatus.setConnecting();
+window.ga.startBridge && window.ga.startBridge();
+})();
+
+/* 聊天 / Conductor 共用 composer 绑定（结构：.composer > .composer-slot > .composer-inset） */
+function bindComposerInRoot(root, opts) {
+  if (!root || root.dataset.composerBound) return null;
+  root.dataset.composerBound = '1';
+  const ctx = opts.ctx || root.dataset.composerCtx || 'chat';
+  const input = root.querySelector('.composer-inset .input');
+  const fileInput = root.querySelector('input[type="file"]');
+  const plusBtn = root.querySelector('.composer-plus');
+  const menu = root.querySelector('.composer-menu');
+  const sendBtn = root.querySelector('.send');
+
+  function closeMenu() {
+    if (!menu) return;
+    menu.hidden = true;
+    plusBtn?.setAttribute('aria-expanded', 'false');
+  }
+
+  function openMenu() {
+    if (!menu || !plusBtn) return;
+    closeAllModelMenus?.();
+    if (ctx === 'chat') window.collabComposer?.closeMenu?.();
+    else window.chatComposer?.closeMenu?.();
+    menu.hidden = false;
+    plusBtn.setAttribute('aria-expanded', 'true');
+  }
+
+  function toggleMenu() {
+    if (!menu) return;
+    if (menu.hidden) openMenu();
+    else closeMenu();
+  }
+
+  function doSend() { opts.onSend?.(); }
+
+  plusBtn?.addEventListener('click', (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    toggleMenu();
+  });
+
+  menu?.addEventListener('click', (e) => {
+    const item = e.target.closest('[data-composer-action]');
+    if (!item) return;
+    e.stopPropagation();
+    closeMenu();
+    const act = item.dataset.composerAction;
+    if (act === 'upload') {
+      window.gaSetActiveFileComposer?.(ctx);
+      fileInput?.click();
+      return;
+    }
+    if (act === 'preset') openModal('preset-modal');
+  });
+
+  input?.addEventListener('keydown', (e) => {
+    if (e.key === 'Enter' && !e.shiftKey && !e.isComposing && e.keyCode !== 229) {
+      e.preventDefault();
+      doSend();
+    }
+  });
+
+  sendBtn?.addEventListener('click', (e) => {
+    e.preventDefault();
+    doSend();
+  });
+
+  opts.afterBind?.(root, { input, closeMenu, doSend });
+  return { ctx, input, closeMenu, focus: () => input?.focus() };
+}
+
+(function () {
+  'use strict';
+  const root = document.getElementById('chat-composer');
+  const bound = bindComposerInRoot(root, {
+    ctx: 'chat',
+    onSend() {
+      const sess = activeSess();
+      if (sess && rt(sess).busy) { cancelPrompt(); return; }
+      submitInput();
+    },
+  });
+  if (bound) window.chatComposer = { closeMenu: bound.closeMenu, focus: bound.focus };
+})();
+
+(function () {
+  'use strict';
+  const root = document.getElementById('cdb-composer');
+  if (!root) return;
+
+  let onSend = null;
+  const input = root.querySelector('.composer-inset .input');
+  const sendBtn = root.querySelector('.send');
+
+  function text() { return window.gaComposerText?.('collab') ?? ''; }
+  function clearIfMatch(raw) {
+    if (input && text().trim() === String(raw || '').trim()) input.innerHTML = '';
+  }
+  function setEnabled(on) {
+    if (input) input.contentEditable = on ? 'true' : 'false';
+    if (sendBtn) sendBtn.disabled = !on;
+  }
+
+  const bound = bindComposerInRoot(root, {
+    ctx: 'collab',
+    onSend() { if (onSend) onSend(text()); },
+    afterBind() {
+      document.querySelectorAll('#collab-quick [data-prompt-key]').forEach((btn) => {
+        btn.addEventListener('click', () => {
+          if (!onSend) return;
+          const key = btn.dataset.promptKey;
+          onSend((window.gaT && window.gaT(key)) || key);
+        });
+      });
+    },
+  });
+  if (!bound) return;
+
+  function init(handler) {
+    onSend = handler;
+  }
+
+  window.collabComposer = {
+    init, text, clearIfMatch, setEnabled,
+    focus: bound.focus,
+    closeMenu: bound.closeMenu,
+  };
+})();
+
+/* Conductor 页 — 直连 Conductor WS，不走 bridge session */
+(function () {
+  'use strict';
+  const wsUrl = () => `${CONDUCTOR_WS_ORIGIN}/ws`;
+  const FAIL_MAX = 5, RECON_BASE = 1200, RECON_MAX = 30000;
+  const $ = id => document.getElementById(id);
+  const t = k => (window.gaT && window.gaT(k)) || k;
+  const esc = s => (window.gaEscapeHtml ? window.gaEscapeHtml(s) : String(s ?? '').replace(/[&<>"]/g, c => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' }[c])));
+  const stripAttach = text => String(text || '')
+    .replace(/\[(Image|File)\s+#\d+\]\s*/g, '')
+    .replace(/[^\s]*desktop_uploads[^\s]*\s*/g, '')  // 兜底:去掉内联的本地上传路径,避免历史/回显消息把全路径甩出来
+    .trim();
+  const GA_STATUS_BREATHE_SM = '<span class="ga-status-breathe ga-status-breathe--sm" aria-hidden="true"><span class="ga-status-breathe__ring"></span><span class="ga-status-breathe__core"></span></span>';
+  function collabStatusMark(status) {
+    switch (status) {
+      case 'running': return GA_STATUS_BREATHE_SM;
+      case 'reported': return '<span class="collab-st-ic collab-st-ic--ok" aria-hidden="true">✓</span>';
+      case 'paused': return '<span class="collab-st-ic collab-st-ic--pause" aria-hidden="true">⏸</span>';
+      case 'failed': return '<span class="collab-st-ic collab-st-ic--warn" aria-hidden="true">!</span>';
+      case 'terminated': return '<span class="collab-st-ic collab-st-ic--off" aria-hidden="true">×</span>';
+      default: return '<span class="collab-dot" aria-hidden="true"></span>';
+    }
+  }
+  const ST_KEYS = { running: 'collab.stRunning', reported: 'collab.stReported', paused: 'collab.stPaused', failed: 'collab.stFailed', terminated: 'collab.stTerminated' };
+
+  const S = {
+    everConnected: false, reconnecting: false, serviceAvailable: false,
+    messages: [], workers: [], runningCount: 0,
+    conductorTyping: false, failCount: 0,
+    historyReady: false, reconnectAt: 0, progressOpen: false,
+  };
+  let ws, connectTimer, reconnectTick, titleSeq = 0, wsGen = 0, localSeq = 0;
+  const titleSeen = new Map();
+  let prevRail = { running: 0, done: 0, issue: 0, count: 0, sig: '' };
+  const prevUpdated = new Map();
+  const collabStatus = window.gaPageStatusBar?.($('collab-run-toggle'));
+
+  let draftEl = null;
+
+  const scrollMsgs = () => {
+    const root = $('collab-msgs');
+    const sc = root?.querySelector('.collab-scroll');
+    if (sc) sc.scrollTop = sc.scrollHeight;
+  };
+  const showDraft = () => S.conductorTyping && S.serviceAvailable && S.historyReady && S.messages.length > 0;
+
+  function workerSig(list) {
+    return (list || []).map(w => `${w.id}:${w.updatedAt}:${w.status}`).join('|');
+  }
+
+  function pulseEl(el) {
+    if (!el) return;
+    el.classList.remove('pulse');
+    void el.offsetWidth;
+    el.classList.add('pulse');
+  }
+
+  function syncProgressDrawer() {
+    const page = document.querySelector('.page[data-page="collab"]');
+    if (page) page.classList.toggle('collab-prog-open', S.progressOpen);
+  }
+
+  function syncRail(opts = {}) {
+    const rail = $('collab-rail');
+    const hasChat = S.historyReady && S.messages.length > 0;
+    if (rail) rail.hidden = !hasChat;
+
+    const running = S.workers.filter(w => w.status === 'running').length;
+    const done = S.workers.filter(w => w.status === 'reported').length;
+    const issue = S.workers.filter(w => w.status === 'failed').length;
+    const runBadge = $('collab-rail-run');
+    const doneBadge = $('collab-rail-done');
+    const issueBadge = $('collab-rail-issue');
+    const runN = $('collab-rail-run-n');
+    const doneN = $('collab-rail-done-n');
+    const issueN = $('collab-rail-issue-n');
+
+    if (runBadge) runBadge.hidden = running <= 0;
+    if (doneBadge) doneBadge.hidden = done <= 0;
+    if (issueBadge) issueBadge.hidden = issue <= 0;
+    if (runN) runN.textContent = String(running);
+    if (doneN) doneN.textContent = String(done);
+    if (issueN) issueN.textContent = String(issue);
+
+    const sig = workerSig(S.workers);
+    if (opts.pulse) {
+      if (running > prevRail.running || S.workers.length > prevRail.count) pulseEl(runBadge);
+      if (done > prevRail.done) pulseEl(doneBadge);
+      if (issue > prevRail.issue) pulseEl(issueBadge);
+    } else if (sig !== prevRail.sig) {
+      if (running !== prevRail.running) pulseEl(runBadge);
+      if (done !== prevRail.done) pulseEl(doneBadge);
+      if (issue !== prevRail.issue) pulseEl(issueBadge);
+    }
+    prevRail = { running, done, issue, count: S.workers.length, sig };
+    syncProgressDrawer();
+  }
+
+  function toggleProgress(open) {
+    S.progressOpen = typeof open === 'boolean' ? open : !S.progressOpen;
+    syncRail();
+  }
+
+  function clearDraft() {
+    if (draftEl) { draftEl.remove(); draftEl = null; }
+  }
+
+  function syncDraft() {
+    const list = $('collab-msg-list');
+    if (!list || list.hidden || !showDraft()) return clearDraft();
+    if (!draftEl) draftEl = document.createElement('div');
+    draftEl.className = 'msg system collab-msg-enter';
+    draftEl.setAttribute('aria-label', t('collab.typing'));
+    draftEl.innerHTML = '<div class="bubble sys"><span class="collab-wait-dots" aria-hidden="true"><i></i><i></i><i></i></span></div>';
+    list.appendChild(draftEl);
+    requestAnimationFrame(scrollMsgs);
+  }
+
+  function relTime(ts) {
+    if (!ts) return '';
+    const ms = typeof ts === 'number' ? (ts > 1e12 ? ts : ts * 1000) : Date.parse(ts);
+    if (!ms || Number.isNaN(ms)) return '';
+    const sec = Math.max(0, Math.floor((Date.now() - ms) / 1000));
+    if (sec < 10) return t('collab.timeJust');
+    if (sec < 60) return t('collab.timeSec').replace('{n}', sec);
+    const min = Math.floor(sec / 60);
+    if (min < 60) return t('collab.timeMin').replace('{n}', min);
+    const hr = Math.floor(min / 60);
+    return hr < 24 ? t('collab.timeHr').replace('{n}', hr) : t('collab.timeDay').replace('{n}', Math.floor(hr / 24));
+  }
+
+  function mapStatus(status, reply) {
+    const r = (reply || '').trim();
+    if (status === 'running') return 'running';
+    if (status === 'failed') return 'failed';
+    if (status === 'aborted') return 'terminated';
+    if (status === 'stopped') return r ? 'reported' : 'paused';
+    return 'paused';
+  }
+
+  function normalizeWorker(raw) {
+    if (!titleSeen.has(raw.id)) titleSeen.set(raw.id, ++titleSeq);
+    const ui = mapStatus(raw.status, raw.reply);
+    let title = String(raw.prompt ?? '').replace(/^[\s请帮我麻烦]+/u, '').trim();
+    if (!title) title = t('collab.taskFallback').replace('{n}', titleSeen.get(raw.id));
+    else {
+      title = (title.split(/[\n。！？.!?]/)[0] || '').trim();
+      if (title.length > 18) title = title.slice(0, 18) + '…';
+    }
+    const reply = String(raw.reply || '').replace(/\s+/g, ' ').trim();
+    let summary = reply ? (reply.length > 80 ? reply.slice(0, 80) + '…' : reply) : t(ui === 'running' ? 'collab.summaryRunning' : 'collab.summaryWait');
+    return { id: raw.id, title, status: ui, summary, fullReply: raw.reply || '', updatedAt: raw.updated_at };
+  }
+
+  function syncCollabStatus() {
+    if (!collabStatus) return;
+    if (S.conductorTyping && S.serviceAvailable) collabStatus.setBusy(t('status.running'));
+    else if (S.serviceAvailable) collabStatus.setReady();
+    else if (S.reconnecting || (!S.everConnected && S.failCount < FAIL_MAX)) collabStatus.setConnecting();
+    else collabStatus.set(t('collab.offlineShort'), 'offline');  // 顶栏直接显示"无法连接 Conductor(8900)"取代"未连接"
+  }
+
+  function setConnUi() {
+    const retry = $('collab-retry');
+    const avail = S.serviceAvailable;
+    const trying = !avail && !S.everConnected && S.failCount < FAIL_MAX;
+    // 只有"真离线且不在自动重连"才显示刷新图标(右边的手动重试入口)
+    if (retry) retry.hidden = avail || S.reconnecting || trying;
+    window.collabComposer?.setEnabled?.(avail);
+    syncCollabStatus();
+    syncDraft();
+    syncRail();
+  }
+
+  let cardMenu = null;
+  function hideCardMenu() { if (cardMenu) { cardMenu.remove(); cardMenu = null; } }
+  function showCardMenu(x, y, sid) {
+    hideCardMenu();
+    cardMenu = document.createElement('div');
+    cardMenu.className = 'ctx-menu';
+    cardMenu.style.left = x + 'px';
+    cardMenu.style.top = y + 'px';
+    cardMenu.innerHTML = `<div class="ctx-item danger">${GA_ICON('trash')}${esc(t('ctx.del'))}</div>`;
+    cardMenu.querySelector('.ctx-item').onclick = (e) => {
+      e.stopPropagation();
+      fetch(`${CONDUCTOR_ORIGIN}/subagent/${sid}`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ action: 'kill' }) });
+      hideCardMenu();
+    };
+    document.body.appendChild(cardMenu);
+    setTimeout(() => document.addEventListener('mousedown', (e) => { if (!cardMenu?.contains(e.target)) hideCardMenu(); }, { once: true }), 0);
+  }
+
+  let drawerEl = null;
+  function closeWorkerDrawer() { if (drawerEl) { drawerEl.remove(); drawerEl = null; } }
+  function openWorkerDrawer(w) {
+    closeWorkerDrawer();
+    drawerEl = document.createElement('div');
+    drawerEl.className = 'collab-drawer-wrap';
+    drawerEl.innerHTML = `<div class="collab-drawer-backdrop"></div><aside class="collab-drawer"><div class="collab-drawer-head"><span class="collab-drawer-title">${esc(w.title)}</span><button class="modal-x collab-drawer-close">${GA_ICON('x')}</button></div><div class="collab-drawer-body"><div class="bubble md"></div></div></aside>`;
+    const bubble = drawerEl.querySelector('.collab-drawer-body .bubble');
+    if (bubble) {
+      bubble.innerHTML = renderTurnBody(w.fullReply || t('collab.summaryWait'));
+      postRenderEnhance(bubble);
+    }
+    drawerEl.querySelector('.collab-drawer-backdrop').onclick = closeWorkerDrawer;
+    drawerEl.querySelector('.collab-drawer-close').onclick = closeWorkerDrawer;
+    document.body.appendChild(drawerEl);
+  }
+
+  function renderWorkers() {
+    const box = $('collab-workers'), empty = $('collab-progress-empty');
+    if (!box) return;
+    if (empty) empty.hidden = S.workers.length > 0;
+    box.innerHTML = S.workers.map(w => `
+      <article class="collab-card collab-card--${w.status}" data-sid="${esc(w.id)}">
+        <div class="collab-card-st">${collabStatusMark(w.status)}${esc(t(ST_KEYS[w.status] || 'collab.stPaused'))}${w.updatedAt ? `<span class="collab-card-time">${esc(relTime(w.updatedAt))}</span>` : ''}</div>
+        <div class="collab-card-title">${esc(w.title)}</div>
+        <div class="collab-card-sum">${esc(w.summary)}</div>
+      </article>`).join('');
+    box.querySelectorAll('.collab-card').forEach(el => {
+      const w = S.workers.find(x => x.id === el.dataset.sid);
+      if (w) {
+        const prev = prevUpdated.get(w.id);
+        if (prev != null && prev !== w.updatedAt) pulseEl(el);
+        prevUpdated.set(w.id, w.updatedAt);
+      }
+      el.addEventListener('contextmenu', e => {
+        e.preventDefault();
+        showCardMenu(e.clientX, e.clientY, el.dataset.sid);
+      });
+      el.addEventListener('click', () => {
+        if (w) openWorkerDrawer(w);
+      });
+    });
+    const running = S.workers.filter(w => w.status === 'running').length;
+    const done = S.workers.filter(w => w.status === 'reported').length;
+    S.runningCount = running;
+    document.dispatchEvent(new CustomEvent('collab:running-count', { detail: { count: running } }));
+    const stats = $('collab-progress-stats');
+    if (stats) {
+      const has = running > 0 || done > 0;
+      stats.hidden = !has;
+      if (has) {
+        stats.innerHTML = [
+          running > 0 ? `<span class="collab-stat collab-stat--running">${GA_STATUS_BREATHE_SM}<span class="n">${running}</span> ${esc(t('collab.statRunning'))}</span>` : '',
+          done > 0 ? `<span class="collab-stat collab-stat--done"><span class="collab-rail-dot" aria-hidden="true"></span><span class="n">${done}</span> ${esc(t('collab.statDone'))}</span>` : '',
+        ].filter(Boolean).join('');
+      }
+    }
+    syncRail({ pulse: true });
+  }
+
+  function syncMessages() {
+    const area = $('collab-msgs'), welcome = $('collab-welcome'), list = $('collab-msg-list');
+    if (!area || !list) return;
+    if (!S.historyReady) {
+      area.classList.remove('has-msgs');
+      if (welcome) welcome.hidden = true;
+      list.hidden = true;
+      syncRail();
+      return;
+    }
+    const has = S.messages.length > 0;
+    area.classList.toggle('has-msgs', has);
+    if (welcome) welcome.hidden = has;
+    list.hidden = !has;
+    list.replaceChildren();
+    const toMsg = window.gaCollabItemToMsg;
+    const render = window.gaMsgNode;
+    if (toMsg && render) {
+      for (const item of S.messages) {
+        const el = render(toMsg(item));
+        el.classList.add('collab-msg-enter');
+        list.appendChild(el);
+      }
+    }
+    syncDraft();
+    scrollMsgs();
+    syncRail();
+  }
+
+  function pushMsg(item) {
+    if (item.id && S.messages.some(m => m.id === item.id)) return;
+    if (item.role === 'user') {
+      const plain = stripAttach(item.msg);
+      const expand = window.gaExpandFilePlaceholders;
+      for (let i = S.messages.length - 1; i >= 0; i--) {
+        const m = S.messages[i];
+        // 服务端回显的 msg 是 expand(本地文本)（附件被展开成了本地路径），和本地乐观消息其实是同一条。
+        // 命中后保留本地那条的干净显示（占位符 msg + 结构化 files/images 卡片），只补服务端 id/ts，
+        // 丢弃带路径的回显文本 —— 既去重、又不丢卡片、不外露本地路径，与 chat 显示一致。
+        if (m._local && m.role === 'user' &&
+            (stripAttach(m.msg) === plain || m.msg === item.msg || (expand && expand(m.msg) === item.msg))) {
+          m.id = item.id || m.id;
+          if (item.ts != null) m.ts = item.ts;
+          if (item.read != null) m.read = item.read;
+          m._local = false;
+          syncMessages();
+          setConnUi();
+          return;
+        }
+      }
+    }
+    S.messages.push(item);
+    if (item.role === 'conductor') S.conductorTyping = false;
+    syncMessages();
+    setConnUi();
+  }
+
+  function setWorkers(rawList) {
+    S.workers = (rawList || []).map(normalizeWorker);
+    renderWorkers();
+  }
+
+  function onWsData(data, gen) {
+    if (gen !== wsGen) return;
+    if (data.type === 'hello') {
+      S.historyReady = true;
+      S.messages = (data.chat || []).map(raw => ({ id: raw.id, role: raw.role || 'system', msg: raw.msg || '', ts: raw.ts, read: raw.read, files: raw.files || [], images: raw.images || [] }));
+      S.conductorTyping = !!data.running;
+      setWorkers(data.subagents || []);
+      syncMessages();
+      setConnUi();
+    } else if (data.type === 'subagents') setWorkers(data.items || []);
+    else if (data.type === 'chat') pushMsg({ id: data.item.id, role: data.item.role || 'system', msg: data.item.msg || '', ts: data.item.ts, read: data.item.read, files: data.item.files || [], images: data.item.images || [] });
+  }
+
+  function resetWs() {
+    wsGen++;
+    if (!ws) return;
+    const old = ws;
+    ws = null;
+    old.onopen = old.onclose = old.onerror = old.onmessage = null;
+    try { old.close(); } catch {}
+  }
+
+  function scheduleReconnect() {
+    clearTimeout(connectTimer);
+    clearInterval(reconnectTick);
+    if (!S.everConnected && S.failCount >= FAIL_MAX) {
+      S.reconnecting = false;
+      return setConnUi();
+    }
+    const delay = Math.min(RECON_MAX, RECON_BASE * Math.pow(2, Math.max(0, S.failCount - 1)));
+    S.reconnectAt = Date.now() + delay;
+    S.reconnecting = S.everConnected;
+    setConnUi();
+    reconnectTick = setInterval(() => { if (!S.reconnecting) clearInterval(reconnectTick); else setConnUi(); }, 500);
+    connectTimer = setTimeout(connect, delay);
+  }
+
+  function connect() {
+    if (ws && (ws.readyState === WebSocket.OPEN || ws.readyState === WebSocket.CONNECTING)) return;
+    clearTimeout(connectTimer);
+    clearInterval(reconnectTick);
+    const gen = ++wsGen;
+    setConnUi();
+    let sock;
+    try { sock = new WebSocket(wsUrl()); } catch (e) {
+      if (gen !== wsGen) return;
+      S.failCount++;
+      return scheduleReconnect();
+    }
+    ws = sock;
+    sock.onopen = () => {
+      if (gen !== wsGen) return;
+      S.everConnected = true;
+      S.serviceAvailable = true;
+      S.reconnecting = false;
+      S.failCount = 0;
+      setConnUi();
+    };
+    sock.onclose = (ev) => {
+      if (gen !== wsGen) return;
+      S.serviceAvailable = false;
+      if (S.everConnected) S.reconnecting = true;
+      else S.failCount++;
+      setConnUi();
+      scheduleReconnect();
+    };
+    sock.onerror = () => {};
+    sock.onmessage = ev => {
+      if (gen !== wsGen) return;
+      try { onWsData(JSON.parse(ev.data), gen); } catch {}
+    };
+  }
+
+  function sendText(rawText) {
+    const text = (rawText || '').trim();
+    if (!text || !ws || ws.readyState !== WebSocket.OPEN) return false;
+    window.gaSetActiveFileComposer?.('collab');
+    const expand = window.gaExpandFilePlaceholders || (s => s);
+    const collect = window.gaCollectUsedFiles || (() => []);
+    const clearUsed = window.gaClearUsedPendingFiles || (() => {});
+    const used = collect(text);
+    const images = [], files = [];
+    for (const f of used) (f.isImage ? images : files).push(f.isImage ? { path: f.path, dataUrl: f.dataUrl, name: f.name, sid: f.sid } : { path: f.path, name: f.name, sid: f.sid });
+    S.messages.push({ id: `_local_${++localSeq}`, _local: true, role: 'user', msg: text, ts: Date.now() / 1000, images, files });
+    S.conductorTyping = true;
+    syncMessages();
+    ws.send(JSON.stringify({ msg: expand(text), files, images }));
+    clearUsed(text);
+    window.collabComposer?.clearIfMatch?.(text);
+    setConnUi();
+    return true;
+  }
+
+  $('collab-retry')?.addEventListener('click', () => { S.failCount = 0; S.reconnecting = false; resetWs(); connect(); });
+  $('collab-rail-toggle')?.addEventListener('click', () => toggleProgress());
+  $('collab-prog-close')?.addEventListener('click', () => toggleProgress(false));
+
+  window.collabComposer?.init?.(sendText);
+
+  window.collabInit = () => {
+    window.gaSetActiveFileComposer?.('collab');
+    syncMessages();
+    setConnUi();
+    renderWorkers();
+    connect();
+  };
+  window.collabFocus = () => window.collabComposer?.focus?.();
+  window.collabRetranslate = () => { renderWorkers(); syncMessages(); setConnUi(); };
+})();
+
+/* ═══════════════ Composer layout: inline / stacked ═══════════════ */
+(function initComposerLayout() {
+  const BREAKPOINT = 480;
+  const SINGLE_LINE = 36;
+
+  document.querySelectorAll('.composer-inset').forEach(inset => {
+    const input = inset.querySelector('.input');
+    if (!input) return;
+
+    function update() {
+      const wide = inset.offsetWidth >= BREAKPOINT;
+      const single = input.scrollHeight <= SINGLE_LINE;
+      inset.classList.toggle('is-inline', wide && single);
+    }
+
+    new ResizeObserver(update).observe(inset);
+    input.addEventListener('input', update);
+    update();
+  });
 })();
diff --git a/frontends/desktop/static/assets/fonts/README.md b/frontends/desktop/static/assets/fonts/README.md
new file mode 100644
index 00000000..f8e5a57e
--- /dev/null
+++ b/frontends/desktop/static/assets/fonts/README.md
@@ -0,0 +1,34 @@
+# Desktop Font Assets
+
+These font files are the offline Latin bundle for the vanilla desktop shell.
+
+## Files
+
+- `azonix-wordmark.woff2`
+  - Role: brand wordmark only
+  - Source: converted on 2026-05-25 from the local owner-installed file at `~/Library/Fonts/azonix/Azonix.otf`
+  - License: owner-provided / verify before external redistribution
+  - Note: this repo currently treats Azonix as a project-local brand asset
+
+- `lexend-latin.woff2`
+  - Role: English titles and navigation
+  - Source: Google Fonts CSS2 API, specimen page <https://fonts.google.com/specimen/Lexend>
+  - Downloaded: 2026-05-25
+  - License: SIL Open Font License 1.1
+
+- `noto-sans-latin.woff2`
+  - Role: English body copy and default Latin UI text
+  - Source: Google Fonts CSS2 API, specimen page <https://fonts.google.com/noto/specimen/Noto+Sans>
+  - Downloaded: 2026-05-25
+  - License: SIL Open Font License 1.1
+
+- `jetbrains-mono-latin.woff2`
+  - Role: config/value dense controls and numeric surfaces
+  - Source: Google Fonts CSS2 API, specimen page <https://fonts.google.com/specimen/JetBrains+Mono>
+  - Downloaded: 2026-05-25
+  - License: SIL Open Font License 1.1
+
+## Notes
+
+- Only Latin subsets are bundled here. Chinese UI text continues to use the existing system fallback stack.
+- Runtime does not fetch fonts from a CDN. `frontends/desktop/static/assets/fonts/fonts.css` is the only font entrypoint for the vanilla shell.
diff --git a/frontends/desktop/static/assets/fonts/azonix-wordmark.woff2 b/frontends/desktop/static/assets/fonts/azonix-wordmark.woff2
new file mode 100644
index 00000000..947bfbeb
Binary files /dev/null and b/frontends/desktop/static/assets/fonts/azonix-wordmark.woff2 differ
diff --git a/frontends/desktop/static/assets/fonts/fonts.css b/frontends/desktop/static/assets/fonts/fonts.css
new file mode 100644
index 00000000..8103b351
--- /dev/null
+++ b/frontends/desktop/static/assets/fonts/fonts.css
@@ -0,0 +1,21 @@
+@font-face {
+  font-family: "GA Azonix";
+  src:
+    url("./azonix-wordmark.woff2") format("woff2"),
+    local("Azonix"),
+    local("Azonix Regular"),
+    local("Azonix-Regular");
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD;
+}
+
+@font-face {
+  font-family: "GA JetBrains Mono";
+  src: url("./jetbrains-mono-latin.woff2") format("woff2");
+  font-style: normal;
+  font-weight: 400 600;
+  font-display: swap;
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
diff --git a/frontends/desktop/static/assets/fonts/jetbrains-mono-latin.woff2 b/frontends/desktop/static/assets/fonts/jetbrains-mono-latin.woff2
new file mode 100644
index 00000000..2ca6ac60
Binary files /dev/null and b/frontends/desktop/static/assets/fonts/jetbrains-mono-latin.woff2 differ
diff --git a/frontends/desktop/static/assets/fonts/lexend-latin.woff2 b/frontends/desktop/static/assets/fonts/lexend-latin.woff2
new file mode 100644
index 00000000..0968c152
Binary files /dev/null and b/frontends/desktop/static/assets/fonts/lexend-latin.woff2 differ
diff --git a/frontends/desktop/static/assets/fonts/noto-sans-latin.woff2 b/frontends/desktop/static/assets/fonts/noto-sans-latin.woff2
new file mode 100644
index 00000000..e0829304
Binary files /dev/null and b/frontends/desktop/static/assets/fonts/noto-sans-latin.woff2 differ
diff --git a/frontends/desktop/static/fallback.html b/frontends/desktop/static/fallback.html
index 6c28749a..c53f3c4e 100644
--- a/frontends/desktop/static/fallback.html
+++ b/frontends/desktop/static/fallback.html
@@ -87,5 +87,46 @@ async function doStart() {
 pyInput.addEventListener('keydown', e=>{ if(e.key==='Enter') dirInput.focus(); });
 dirInput.addEventListener('keydown', e=>{ if(e.key==='Enter') doStart(); });
 </script>
+
+<script>
+// Input length limit (300 chars) — in separate script to work even without Tauri
+const MAX_LEN = 300;
+const _pyInput = document.getElementById('pypath');
+const _dirInput = document.getElementById('projdir');
+[_pyInput, _dirInput].forEach(el => {
+  if (!el) return;
+  const hint = document.createElement('span');
+  hint.style.cssText = 'color:#dc2626;font-size:.75rem;display:none;margin-top:2px';
+  el.parentNode.appendChild(hint);
+
+  function checkLimit() {
+    if (el.value.length > MAX_LEN) {
+      el.value = el.value.slice(0, MAX_LEN);
+    }
+    if (el.value.length >= MAX_LEN) {
+      hint.textContent = 'Character limit reached (' + MAX_LEN + ') / 已达字数上限（' + MAX_LEN + '）';
+      hint.style.display = 'block';
+    } else {
+      hint.style.display = 'none';
+    }
+  }
+
+  // Intercept paste: only take first MAX_LEN chars from clipboard
+  el.addEventListener('paste', e => {
+    e.preventDefault();
+    const text = (e.clipboardData || window.clipboardData).getData('text') || '';
+    const start = el.selectionStart;
+    const end = el.selectionEnd;
+    const remaining = MAX_LEN - el.value.length + (end - start);
+    const insert = text.slice(0, Math.max(0, remaining));
+    el.value = el.value.slice(0, start) + insert + el.value.slice(end);
+    el.setSelectionRange(start + insert.length, start + insert.length);
+    checkLimit();
+  });
+
+  // Fallback: keyboard input beyond limit
+  el.addEventListener('input', checkLimit);
+});
+</script>
 </body>
 </html>
diff --git a/frontends/desktop/static/index.html b/frontends/desktop/static/index.html
index e86ba27e..3390ca8b 100644
--- a/frontends/desktop/static/index.html
+++ b/frontends/desktop/static/index.html
@@ -1,116 +1,679 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="zh-CN">
 <head>
-  <meta charset="UTF-8">
-  <title>GenericAgent</title>
-  <link rel="stylesheet" href="styles.css">
+<meta charset="UTF-8">
+<title>GenericAgent</title>
+<link rel="stylesheet" href="assets/fonts/fonts.css?v=2">
+<link rel="stylesheet" href="styles.css?v=181">
+<!-- KaTeX: LaTeX 公式渲染 -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/katex.min.css" crossorigin="anonymous">
+<!-- highlight.js: 代码高亮 -->
+<link id="hljs-theme" rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/github.min.css" crossorigin="anonymous">
+<!-- Flatpickr: 日期选择器 -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr@4.6.13/dist/flatpickr.min.css" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/flatpickr@4.6.13/dist/flatpickr.min.js" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/flatpickr@4.6.13/dist/l10n/zh.js" crossorigin="anonymous"></script>
+<script>
+(function(){
+  var t=localStorage.getItem('ga_theme'); if(t) document.documentElement.dataset.theme=t;
+  var l=localStorage.getItem('ga_lang'); if(l==='en') document.documentElement.lang='en';
+  var legacy=localStorage.getItem('ga_style');
+  var app=localStorage.getItem('ga_appearance');
+  if(!app&&legacy){
+    if(legacy==='dark') app='dark';
+    else{ app='light'; if(legacy==='classic') localStorage.setItem('ga_plain','1'); }
+    localStorage.setItem('ga_appearance',app);
+    localStorage.removeItem('ga_style');
+  }
+  app=app||'light';
+  document.documentElement.dataset.appearance=app;
+  if(app==='light'&&localStorage.getItem('ga_plain')==='1') document.documentElement.dataset.plain='1';
+  var LEGACY_FONT={sm:12,md:14,lg:16};
+  function chatFontPx(v){
+    if(v&&LEGACY_FONT[v]) return LEGACY_FONT[v];
+    var n=parseInt(v,10); if(!isNaN(n)&&n>=10&&n<=20) return n;
+    return 14;
+  }
+  var fs=localStorage.getItem('ga_font_size');
+  var cfp=chatFontPx(fs);
+  document.documentElement.dataset.chatFont=String(cfp);
+  document.documentElement.style.setProperty('--chat-font',cfp+'px');
+  var hljs=document.getElementById('hljs-theme');
+  if(hljs&&app==='dark') hljs.href='https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/github-dark.min.css';
+  try{ var sraw=localStorage.getItem('ga_sessions'); if(sraw && JSON.parse(sraw).length) document.documentElement.dataset.bootHasSessions='1'; }catch(_){}
+})();
+</script>
 </head>
 <body>
-  <div id="app">
-    <!-- Main area -->
-    <main id="main">
-      <header id="topbar">
-        <div class="topbar-left">
-          <div id="session-list" class="tab-strip" role="tablist" aria-label="Chats">
-            <button id="new-session-btn" class="tab-new-btn" title="New chat" aria-label="New chat">
-              <svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2">
-                <path d="M12 5v14M5 12h14"/>
-              </svg>
-            </button>
-          </div>
-        </div>
-        <div class="topbar-right">
-          <h1 id="session-title" class="sr-only">GenericAgent</h1>
-          <span id="status-badge" class="badge">
-            <span class="status-dot"></span>
-            <span id="status-text">Starting…</span>
-          </span>
-        </div>
-      </header>
 
-      <div id="search-bar" class="search-bar hidden">
-        <input id="search-input" type="text" placeholder="Search messages…" aria-label="Search messages">
-        <span id="search-count" class="search-count"></span>
-        <button id="search-prev" class="search-nav-btn" title="Previous (Shift+Enter)" aria-label="Previous match">▲</button>
-        <button id="search-next" class="search-nav-btn" title="Next (Enter)" aria-label="Next match">▼</button>
-        <button id="search-close" class="search-nav-btn" title="Close (Escape)" aria-label="Close search">✕</button>
+<div id="app">
+
+  <div class="body">
+
+    <!-- ① 左侧边栏 -->
+    <aside class="sidebar">
+      <div class="brand">
+        <div class="brand-text">
+          <div class="brand-name ga-wordmark">Generic Agent</div>
+          <div class="brand-sub" data-i18n="brand.sub"></div>
+        </div>
       </div>
 
-      <section id="messages" class="empty">
-        <div class="empty-state">
-          <div class="empty-title">New task</div>
-          <div class="empty-sub">Task me anything. Type <code>/help</code> for commands.</div>
+      <nav class="nav" id="nav">
+        <a class="nav-item active" data-page="chat">
+          <span class="ic" data-ga-icon="chatTeardropText"></span>
+          <span data-i18n="nav.chat"></span>
+        </a>
+        <a class="nav-item" data-page="collab">
+          <span class="ic" data-ga-icon="gitFork"></span>
+          <span data-i18n="nav.collab"></span>
+          <span id="collab-badge" class="collab-nav-badge" hidden></span>
+        </a>
+        <a class="nav-item" data-page="services">
+          <span class="ic" data-ga-icon="broadcast"></span>
+          <span data-i18n="nav.services"></span>
+        </a>
+        <a class="nav-item" data-page="token">
+          <span class="ic" data-ga-icon="coins"></span>
+          <span data-i18n="nav.token"></span>
+        </a>
+      </nav>
+
+      <!-- 快速接入官方模型（DeepSeek / 通义千问）：填好 API Key 即可使用 -->
+      <div class="provider-quickstart" id="provider-quickstart">
+        <div class="pq-head" id="pq-toggle" role="button" tabindex="0" aria-expanded="true">
+          <span class="fr-l">
+            <span class="ic" data-ga-icon="lightning"></span>
+            <span class="pq-title" data-i18n="pq.title"></span>
+          </span>
+          <span class="pq-collapse chev" data-ga-icon="caretRight" aria-hidden="true"></span>
         </div>
-      </section>
+        <div class="pq-body">
+          <button type="button" class="pq-btn" data-provider="deepseek">
+            <span class="pq-logo" style="background:rgba(77,107,254,.12)" aria-hidden="true"><svg viewBox="0 0 24 24" fill="#4D6BFE" xmlns="http://www.w3.org/2000/svg"><path d="M23.748 4.651c-.254-.124-.364.113-.512.233-.051.04-.094.09-.137.137-.372.397-.806.657-1.373.626-.829-.046-1.537.214-2.163.848-.133-.782-.575-1.248-1.247-1.548-.352-.155-.708-.311-.955-.65-.172-.24-.219-.509-.305-.774-.055-.16-.11-.323-.293-.35-.2-.031-.278.136-.356.276-.313.572-.434 1.202-.422 1.84.027 1.436.633 2.58 1.838 3.393.137.094.172.187.129.323-.082.28-.18.553-.266.833-.055.179-.137.218-.328.14a5.5 5.5 0 0 1-1.737-1.179c-.857-.828-1.631-1.743-2.597-2.46a12 12 0 0 0-.689-.47c-.985-.957.13-1.743.387-1.836.27-.098.094-.433-.778-.428-.872.003-1.67.295-2.687.685a3 3 0 0 1-.465.136 9.6 9.6 0 0 0-2.883-.101c-1.885.21-3.39 1.1-4.497 2.622C.082 8.776-.231 10.854.152 13.02c.403 2.284 1.568 4.175 3.36 5.653 1.857 1.533 3.997 2.284 6.438 2.14 1.482-.085 3.132-.284 4.994-1.86.47.234.962.328 1.78.398.629.058 1.235-.031 1.705-.129.735-.155.684-.836.418-.961-2.155-1.004-1.682-.595-2.112-.926 1.095-1.295 2.768-3.598 3.284-6.733.05-.346.115-.834.108-1.114-.004-.171.035-.238.23-.257a4.2 4.2 0 0 0 1.545-.475c1.397-.763 1.96-2.016 2.093-3.517.02-.23-.004-.467-.247-.588M11.58 18.168c-2.088-1.642-3.101-2.183-3.52-2.16-.39.024-.32.472-.234.763.09.288.207.487.371.74.114.167.192.416-.113.603-.673.416-1.842-.14-1.897-.168-1.361-.801-2.5-1.86-3.301-3.306-.775-1.393-1.225-2.888-1.299-4.482-.02-.385.094-.522.477-.592a4.7 4.7 0 0 1 1.53-.038c2.131.311 3.946 1.264 5.467 2.774.868.86 1.525 1.887 2.202 2.89.72 1.066 1.494 2.082 2.48 2.915.348.291.626.513.892.677-.802.09-2.14.109-3.055-.615zm1.001-6.44a.306.306 0 0 1 .415-.287.3.3 0 0 1 .113.074.3.3 0 0 1 .086.214c0 .17-.136.307-.308.307a.303.303 0 0 1-.306-.307m3.11 1.596c-.2.081-.4.151-.591.16a1.25 1.25 0 0 1-.798-.254c-.274-.23-.47-.358-.551-.758a1.7 1.7 0 0 1 .015-.588c.07-.327-.007-.537-.238-.727-.188-.156-.426-.199-.689-.199a.6.6 0 0 1-.254-.078.253.253 0 0 1-.114-.358 1 1 0 0 1 .192-.21c.356-.202.767-.136 1.146.016.352.144.618.408 1.001.782.392.451.462.576.685.915.176.264.336.536.446.848.066.194-.02.353-.25.45"/></svg></span>
+            <span class="pq-btn-text">
+              <span class="pq-btn-name">DeepSeek</span>
+              <span class="pq-btn-desc" data-i18n="pq.deepseekDesc"></span>
+            </span>
+            <span class="pq-arrow" data-ga-icon="caretRight"></span>
+          </button>
+          <button type="button" class="pq-btn" data-provider="qwen">
+            <span class="pq-logo" style="background:rgba(97,92,237,.12)" aria-hidden="true"><svg viewBox="0 0 24 24" fill="#615CED" xmlns="http://www.w3.org/2000/svg"><path d="M23.919 14.545 20.817 9.17l1.47-2.544a.56.56 0 0 0 0-.566l-1.633-2.83a.57.57 0 0 0-.49-.283h-6.207L12.487.402a.57.57 0 0 0-.49-.284H8.732a.56.56 0 0 0-.49.284L5.139 5.775h-2.94a.56.56 0 0 0-.49.284L.077 8.887a.56.56 0 0 0 0 .567L3.18 14.83l-1.47 2.545a.56.56 0 0 0 0 .566l1.634 2.83a.57.57 0 0 0 .49.283h6.205l1.47 2.545a.57.57 0 0 0 .49.284h3.266a.57.57 0 0 0 .49-.284l3.104-5.375h2.94a.57.57 0 0 0 .49-.283l1.634-2.828a.55.55 0 0 0-.004-.568M8.733.686l1.634 2.828-1.634 2.828H21.8L20.164 9.17H7.425L5.63 6.06Zm1.306 19.801-6.205-.002 1.634-2.83h3.265L2.201 6.344h3.267q3.182 5.517 6.367 11.032zm10.124-5.66L18.53 12l-6.532 11.315-1.634-2.83c2.129-3.673 4.25-7.351 6.373-11.028h3.592l3.102 5.374z"/></svg></span>
+            <span class="pq-btn-text">
+              <span class="pq-btn-name">通义千问</span>
+              <span class="pq-btn-desc" data-i18n="pq.qwenDesc"></span>
+            </span>
+            <span class="pq-arrow" data-ga-icon="caretRight"></span>
+          </button>
+        </div>
+      </div>
 
-      <div id="composer-wrap">
-        <div id="composer">
-          <div id="image-previews" class="image-previews"></div>
-          <textarea id="input" rows="1" placeholder="Type a message, or /help"></textarea>
-          <div class="composer-bottom">
-            <div class="composer-hints">
-              <button id="settings-btn" class="icon-btn ghost" title="Settings" aria-label="Settings">
-                <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2">
-                  <circle cx="12" cy="12" r="3"/>
-                  <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/>
-                </svg>
-                <span class="hint-label">Settings</span>
-              </button>
+      <div class="sidebar-foot">
+        <a class="foot-row" id="settings-btn">
+          <span class="fr-l">
+            <span class="ic" data-ga-icon="gear"></span>
+            <span data-i18n="foot.settings"></span>
+          </span>
+          <span class="chev" data-ga-icon="caretRight"></span>
+        </a>
+        <div class="foot-ver" data-i18n="foot.ver"></div>
+      </div>
+    </aside>
+    <div class="sb-resize" id="sb-resize"></div>
 
-            </div>
-            <button id="send-btn" class="send-btn" title="Send (Enter)">
-              <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2">
-                <path d="M5 12h14M13 6l6 6-6 6"/>
-              </svg>
+    <!-- 中间主区 -->
+    <main class="main">
+
+      <div id="pages">
+
+        <!-- 聊天 -->
+        <section class="page active page--chat-ui" data-page="chat">
+          <div class="page-top">
+            <button type="button" class="pt-icon pt-sb-toggle" aria-label="toggle sidebar">
+              <span data-ga-icon="caretLeft"></span>
+            </button>
+            <button class="run-state" id="run-toggle" type="button">
+              <i class="dot"></i> <span class="rs-label"></span>
+            </button>
+            <button type="button" class="pt-icon pt-rp-toggle" aria-label="toggle conversations">
+              <span data-ga-icon="caretRight"></span>
             </button>
           </div>
-        </div>
+          <div class="chat-shell">
+          <div class="chat-panel">
+          <div class="msg-area">
+            <div class="chat-start">
+              <div class="feature-head">
+                <div class="page-title" data-i18n="chat.startTitle"></div>
+                <div class="page-sub" data-i18n="chat.startSub"></div>
+              </div>
+              <div class="feature-grid"></div>
+            </div>
+            <div class="session-loading" id="session-loading" hidden aria-live="polite">
+              <span class="ga-spin" aria-hidden="true"></span>
+              <span data-i18n="chat.sessionLoading"></span>
+            </div>
+            <div class="msg-loading" id="msg-loading" hidden aria-live="polite">
+              <span class="ga-spin" aria-hidden="true"></span>
+              <span data-i18n="chat.interrupting"></span>
+            </div>
+          </div>
+          <div class="composer-anchor" id="chat-composer-anchor">
+            <div class="composer" id="chat-composer" data-composer-ctx="chat">
+            <div class="composer-slot">
+            <div class="plan-card" id="plan-bar" hidden aria-live="polite"></div>
+            <div class="composer-inset">
+              <div class="thumb-strip" id="thumb-strip" hidden></div>
+              <div class="input" id="chat-input" contenteditable="true" role="textbox" aria-multiline="true" data-i18n-ph="composer.placeholder"></div>
+              <div class="composer-bot">
+                <div class="composer-plus-wrap">
+                  <button type="button" class="ic-btn composer-plus" id="chat-plus-btn" aria-haspopup="menu" aria-expanded="false" data-i18n-title="collab.plusMenu" title="">
+                    <span data-ga-icon="plus"></span>
+                  </button>
+                  <div class="ga-menu composer-menu" id="chat-menu" hidden role="menu">
+                    <button type="button" class="ga-menu-item" data-composer-action="upload" role="menuitem">
+                      <span data-ga-icon="paperclip"></span>
+                      <span data-i18n="upload.button"></span>
+                    </button>
+                    <button type="button" class="ga-menu-item" data-composer-action="preset" role="menuitem">
+                      <span data-ga-icon="lightning"></span>
+                      <span data-i18n="modal.preset"></span>
+                    </button>
+                  </div>
+                </div>
+                <span class="spacer"></span>
+                <button type="button" class="chip" id="model-chip" data-i18n-title="model.menuLabel" title=""><span class="model-name"></span> <span class="chip-ic" data-ga-icon="caretDown"></span></button>
+                <button type="button" class="send" id="send-btn" aria-label="send">
+                  <span data-ga-icon="paperPlaneTilt"></span>
+                </button>
+              </div>
+            </div>
+            </div>
+            <div class="ga-menu" id="model-menu" hidden></div>
+            <input type="file" id="chat-file-input" multiple hidden>
+            </div>
+          </div>
+          </div>
+          </div>
+        </section>
+
+        <!-- 后台服务：消息通道 + 状态面板 -->
+        <section class="page" data-page="services">
+          <div class="page-top">
+            <button type="button" class="pt-icon pt-sb-toggle" aria-label="toggle sidebar">
+              <span data-ga-icon="caretLeft"></span>
+            </button>
+            <span class="pt-spacer"></span>
+            <button type="button" class="pt-icon pt-rp-toggle" aria-label="toggle conversations">
+              <span data-ga-icon="caretRight"></span>
+            </button>
+          </div>
+          <div class="page-pad">
+            <div class="page-title" data-i18n="page.services.title"></div>
+            <div class="svc-tabs" id="svc-tabs">
+              <button type="button" class="svc-tab active" data-tab="channels" data-i18n="page.channels.title"></button>
+              <button type="button" class="svc-tab" data-tab="status" data-i18n="page.status.title"></button>
+            </div>
+            <div class="svc-panel active" data-svc-panel="channels">
+              <div class="list" id="chan-list"></div>
+              <div class="list-empty" id="chan-empty" hidden data-i18n="ch.empty"></div>
+            </div>
+            <div class="svc-panel" data-svc-panel="status">
+              <div class="list" id="status-list"></div>
+            </div>
+          </div>
+        </section>
+
+        <!-- 指挥家 Conductor（对话区结构复用 page--chat-ui / chat-shell） -->
+        <section class="page page--chat-ui" data-page="collab">
+          <div class="page-top">
+            <button type="button" class="pt-icon pt-sb-toggle" aria-label="toggle sidebar">
+              <span data-ga-icon="caretLeft"></span>
+            </button>
+            <div class="page-top-center">
+              <button class="run-state" id="collab-run-toggle" type="button">
+                <i class="dot"></i> <span class="rs-label"></span>
+              </button>
+              <button type="button" class="pt-icon collab-retry-btn" id="collab-retry" hidden data-i18n-aria-label="collab.retry" aria-label="retry">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="23 4 23 10 17 10"/><path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10"/></svg>
+              </button>
+            </div>
+            <button type="button" class="pt-icon pt-rp-toggle" aria-label="toggle conversations">
+              <span data-ga-icon="caretRight"></span>
+            </button>
+          </div>
+          <div class="chat-shell">
+          <div class="chat-panel">
+          <div class="msg-area collab-msgs" id="collab-msgs">
+            <div class="collab-scroll">
+              <div class="collab-guide" id="collab-welcome" hidden>
+                <div class="feature-head">
+                  <div class="page-title" data-i18n="collab.guideTitle"></div>
+                  <p class="page-sub" data-i18n="collab.guideWhen"></p>
+                </div>
+                <div class="collab-guide-steps">
+                  <div class="collab-guide-step">
+                    <span class="collab-guide-ic" aria-hidden="true"><span data-ga-icon="chatTeardropText"></span></span>
+                    <span class="collab-guide-txt"><span class="collab-guide-label" data-i18n="collab.guideStep1t"></span><span class="collab-guide-desc" data-i18n="collab.guideStep1d"></span></span>
+                  </div>
+                  <div class="collab-guide-step">
+                    <span class="collab-guide-ic" aria-hidden="true"><span data-ga-icon="gridFour"></span></span>
+                    <span class="collab-guide-txt"><span class="collab-guide-label" data-i18n="collab.guideStep2t"></span><span class="collab-guide-desc" data-i18n="collab.guideStep2d"></span></span>
+                  </div>
+                  <div class="collab-guide-step">
+                    <span class="collab-guide-ic" aria-hidden="true"><span data-ga-icon="listChecks"></span></span>
+                    <span class="collab-guide-txt"><span class="collab-guide-label" data-i18n="collab.guideStep3t"></span><span class="collab-guide-desc" data-i18n="collab.guideStep3d"></span></span>
+                  </div>
+                  <div class="collab-guide-step">
+                    <span class="collab-guide-ic" aria-hidden="true"><span data-ga-icon="pencilSimple"></span></span>
+                    <span class="collab-guide-txt"><span class="collab-guide-label" data-i18n="collab.guideStep4t"></span><span class="collab-guide-desc" data-i18n="collab.guideStep4d"></span></span>
+                  </div>
+                </div>
+              </div>
+              <div class="msgs" id="collab-msg-list" hidden></div>
+            </div>
+            <div class="collab-overlay">
+              <div class="collab-rail" id="collab-rail" hidden>
+                <button type="button" class="collab-rail-handle" id="collab-rail-toggle" data-i18n-title="collab.showProgressTitle" title="">
+                  <span class="collab-rail-grip" aria-hidden="true"></span>
+                  <svg class="collab-rail-chev" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true"><path d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"/></svg>
+                  <span class="collab-rail-badge collab-rail-run" id="collab-rail-run" hidden>
+                    <span class="collab-rail-spin" aria-hidden="true"></span>
+                    <span class="n" id="collab-rail-run-n">0</span>
+                  </span>
+                  <span class="collab-rail-badge collab-rail-done" id="collab-rail-done" hidden>
+                    <span class="collab-rail-dot" aria-hidden="true"></span>
+                    <span class="n" id="collab-rail-done-n">0</span>
+                  </span>
+                  <span class="collab-rail-badge collab-rail-issue" id="collab-rail-issue" hidden>
+                    <span class="collab-rail-dot collab-rail-dot--danger" aria-hidden="true"></span>
+                    <span class="n" id="collab-rail-issue-n">0</span>
+                  </span>
+                </button>
+              </div>
+              <aside class="collab-prog-panel" id="collab-prog-panel">
+                <div class="collab-prog-panel-head">
+                  <span data-i18n="collab.progressTitle"></span>
+                  <button type="button" class="ic-btn collab-prog-close" id="collab-prog-close" aria-label="close">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true"><path d="M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z"/></svg>
+                  </button>
+                </div>
+                <div class="collab-prog-stats" id="collab-progress-stats" hidden></div>
+                <div class="collab-progress-empty" id="collab-progress-empty" data-i18n="collab.progressEmpty"></div>
+                <div id="collab-workers"></div>
+              </aside>
+            </div>
+          </div>
+          <div class="collab-quick" id="collab-quick">
+            <button type="button" class="pill" data-prompt-key="collab.chipProgress" data-i18n="collab.chipProgress"></button>
+            <button type="button" class="pill" data-prompt-key="collab.chipPause" data-i18n="collab.chipPause"></button>
+            <button type="button" class="pill" data-prompt-key="collab.chipSummary" data-i18n="collab.chipSummary"></button>
+          </div>
+          <div class="composer-anchor" id="cdb-composer-anchor">
+            <div class="composer" id="cdb-composer" data-composer-ctx="collab">
+            <div class="composer-slot">
+            <div class="composer-inset">
+              <div class="thumb-strip" id="cdb-thumb-strip" hidden></div>
+              <div class="input" id="cdb-input" contenteditable="true" role="textbox" aria-multiline="true" data-i18n-ph="collab.placeholder"></div>
+              <div class="composer-bot">
+                <div class="composer-plus-wrap">
+                  <button type="button" class="ic-btn composer-plus" id="cdb-plus-btn" aria-haspopup="menu" aria-expanded="false" data-i18n-title="collab.plusMenu" title="">
+                    <span data-ga-icon="plus"></span>
+                  </button>
+                  <div class="ga-menu composer-menu" id="cdb-menu" hidden role="menu">
+                    <button type="button" class="ga-menu-item" data-composer-action="upload" role="menuitem">
+                      <span data-ga-icon="paperclip"></span>
+                      <span data-i18n="upload.button"></span>
+                    </button>
+                  </div>
+                </div>
+                <span class="spacer"></span>
+                <button type="button" class="chip" id="cdb-model-chip" data-i18n-title="model.menuLabel" title="">
+                  <span class="model-name"></span>
+                  <span class="chip-ic" data-ga-icon="caretDown"></span>
+                </button>
+                <button type="button" class="send" id="cdb-send" aria-label="send">
+                  <span data-ga-icon="paperPlaneTilt"></span>
+                </button>
+              </div>
+            </div>
+            </div>
+            <div class="ga-menu" id="cdb-model-menu" hidden></div>
+            <input type="file" id="cdb-file-input" multiple hidden>
+            </div>
+          </div>
+          </div>
+          </div>
+        </section>
+
+        <!-- Token 统计 -->
+        <section class="page" data-page="token">
+          <div class="page-top">
+            <button type="button" class="pt-icon pt-sb-toggle" aria-label="toggle sidebar">
+              <span data-ga-icon="caretLeft"></span>
+            </button>
+            <span class="pt-spacer"></span>
+            <button type="button" class="pt-icon pt-rp-toggle" aria-label="toggle conversations">
+              <span data-ga-icon="caretRight"></span>
+            </button>
+          </div>
+          <div class="page-pad">
+            <div class="page-title" data-i18n="page.token.title"></div>
+            <div class="tok-tabs" id="tok-tabs">
+              <button class="tok-tab active" data-tab="chat" data-i18n="tok.tabAll"></button>
+              <button class="tok-tab" data-tab="conductor" data-i18n="tok.tabConductor"></button>
+            </div>
+            <div class="tok-filter">
+              <label data-i18n="tok.from"></label>
+              <input type="text" id="tok-since" class="tok-date" readonly>
+              <label data-i18n="tok.to"></label>
+              <input type="text" id="tok-until" class="tok-date" readonly>
+              <button class="tok-reset" id="tok-reset" data-i18n="tok.reset"></button>
+            </div>
+            <div class="stat-row">
+              <div class="stat"><div class="s-n" id="tok-total-n">0</div><div class="s-l" data-i18n="tok.total"></div></div>
+              <div class="stat"><div class="s-n" id="tok-cost-n">0%</div><div class="s-l" data-i18n="tok.cost"></div></div>
+              <div class="stat"><div class="s-n" id="tok-today-n">0</div><div class="s-l" data-i18n="tok.today"></div></div>
+            </div>
+            <table class="tok-table" id="tok-table">
+              <thead><tr>
+                <th data-i18n="tok.colSession"></th>
+                <th data-i18n="tok.colIn"></th>
+                <th data-i18n="tok.colOut"></th>
+                <th data-i18n="tok.colCacheW"></th>
+                <th data-i18n="tok.colCache"></th>
+                <th data-i18n="tok.cost"></th>
+              </tr></thead>
+              <tbody id="tok-tbody"></tbody>
+            </table>
+            <div class="tok-pager" id="tok-pager"></div>
+          </div>
+        </section>
+
       </div>
     </main>
 
-    <!-- Settings modal -->
-    <div id="settings-modal" class="modal hidden">
-      <div class="modal-backdrop"></div>
-      <div class="modal-body">
-        <div class="modal-header">
-          <h2>Settings</h2>
-          <button class="icon-btn ghost" id="close-settings">✕</button>
-        </div>
-        <div class="modal-content">
-          <div class="form-row">
-            <label for="cfg-llm">Model</label>
-            <select id="cfg-llm">
-              <option value="0">Default / Auto</option>
-            </select>
-            <small>Select the LLM profile from mykey.py.</small>
-          </div>
-          <div class="form-row">
-            <label>API keys</label>
-            <div class="btn-row">
-              <button class="btn" id="open-mykey">Open mykey.py</button>
-            </div>
-            <small>Configure API keys in <code>mykey.py</code> at the GA project root.</small>
-          </div>
-        </div>
-        <div class="modal-footer">
-          <button class="btn ghost" id="cancel-settings">Cancel</button>
-          <button class="btn primary" id="save-settings">Save</button>
+    <!-- ④ 右侧会话面板 -->
+    <div class="rp-resize" id="rp-resize"></div>
+    <aside class="rightpanel" id="rightpanel">
+      <div class="rp-head">
+        <div class="search">
+          <span class="search-ic" data-ga-icon="magnifyingGlass"></span>
+          <input data-i18n-ph="search.placeholder" placeholder="" maxlength="50">
         </div>
       </div>
-    </div>
+      <button type="button" class="new-conv">
+        <span data-ga-icon="plus"></span>
+        <span data-i18n="conv.new"></span>
+      </button>
+      <div class="conv-list"></div>
 
+      <!-- 会话操作菜单 -->
+      <div class="ctx-menu" id="conv-menu" hidden>
+        <div class="ctx-item" data-act="pin">
+          <span data-ga-icon="pushPinSimple"></span>
+          <span data-i18n="ctx.pin"></span>
+        </div>
+        <div class="ctx-item" data-act="rename">
+          <span data-ga-icon="pencilSimple"></span>
+          <span data-i18n="ctx.rename"></span>
+        </div>
+        <div class="ctx-item danger" data-act="del">
+          <span data-ga-icon="trash"></span>
+          <span data-i18n="ctx.del"></span>
+        </div>
+      </div>
+    </aside>
 
+  </div>
 
-    <!-- Error banner -->
-    <div id="error-banner" class="error-banner hidden">
-      <span id="error-text"></span>
-      <button class="icon-btn ghost" id="error-action"></button>
-      <button class="icon-btn ghost" id="error-dismiss">✕</button>
+  <!-- 预设功能 弹窗 -->
+  <div class="modal" id="preset-modal" hidden>
+    <div class="modal-backdrop" data-close></div>
+    <div class="modal-card" role="dialog">
+      <div class="modal-head">
+        <div class="modal-title" data-i18n="modal.preset"></div>
+        <button id="preset-restore-btn" class="preset-restore" type="button" data-i18n="builtinPreset.restoreBtn" hidden></button>
+        <button class="modal-x" data-close data-i18n-title="common.close" title="">
+          <span data-ga-icon="x"></span>
+        </button>
+      </div>
+      <div class="modal-body preset-pop">
+        <div class="feature-grid"></div>
+      </div>
     </div>
   </div>
 
-  <script src="vendor/marked.min.js"></script>
-  <script src="ga-web.js?v=14168-2"></script>
-  <script src="app.js?v=poll-fold-7"></script>
+  <!-- 添加模型 弹窗（模板，未实现）-->
+  <div class="modal" id="add-model-modal" hidden>
+    <div class="modal-backdrop" data-close></div>
+    <div class="modal-card" role="dialog">
+      <div class="modal-head">
+        <div class="modal-title" id="model-form-title" data-i18n="modal.addModel"></div>
+        <button class="modal-x" data-close data-i18n-title="common.close" title="">
+          <span data-ga-icon="x"></span>
+        </button>
+      </div>
+      <div class="modal-body model-form-body">
+        <div class="model-guide" id="model-guide" hidden>
+          <div class="model-guide-head">
+            <span class="model-guide-logo" id="model-guide-logo" aria-hidden="true"></span>
+            <span class="model-guide-name" id="model-guide-name"></span>
+          </div>
+          <ol class="model-guide-steps">
+            <li data-i18n="guide.step1"></li>
+            <li data-i18n="guide.step2"></li>
+            <li data-i18n="guide.step3"></li>
+          </ol>
+          <div class="model-guide-link-row">
+            <a class="model-guide-link" id="model-guide-link" href="#" target="_blank" rel="noopener noreferrer"></a>
+            <button type="button" class="model-guide-copy" id="model-guide-copy" data-i18n-title="guide.copy" title="" aria-label="copy">
+              <span data-ga-icon="copy"></span>
+            </button>
+          </div>
+          <p class="model-guide-tip" data-i18n="guide.prefillTip"></p>
+        </div>
+        <form id="add-model-form" class="model-form" autocomplete="off">
+          <label><span class="field-label"><span data-i18n="model.model"></span><span class="field-req" aria-hidden="true">*</span></span><input name="model" required data-i18n-ph="model.modelPh" maxlength="50"><span class="field-hint" data-i18n="model.modelHint"></span></label>
+          <label id="model-apikey-label"><span class="field-label"><span data-i18n="model.apikey"></span><span class="field-req" aria-hidden="true">*</span></span><input name="apikey" type="password" data-i18n-ph="model.apikeyPh" id="model-apikey-input" maxlength="200"></label>
+          <label><span class="field-label"><span data-i18n="model.apibase"></span><span class="field-req" aria-hidden="true">*</span></span><input name="apibase" required data-i18n-ph="model.apibasePh" maxlength="200"></label>
+          <div class="model-form-field"><span class="field-label"><span data-i18n="model.protocol"></span><span class="field-req" aria-hidden="true">*</span></span>
+            <div class="seg-group" role="radiogroup">
+              <label class="seg-opt"><input type="radio" name="protocol" value="oai" required><span data-i18n="model.protocolOai"></span></label>
+              <label class="seg-opt"><input type="radio" name="protocol" value="claude" required><span data-i18n="model.protocolClaude"></span></label>
+            </div>
+          </div>
+          <div class="model-form-field"><span class="field-label"><span data-i18n="model.stream"></span></span>
+            <div class="seg-group" role="radiogroup">
+              <label class="seg-opt"><input type="radio" name="stream" value="true" checked><span data-i18n="model.streamOn"></span></label>
+              <label class="seg-opt"><input type="radio" name="stream" value="false"><span data-i18n="model.streamOff"></span></label>
+            </div>
+          </div>
+          <label><span data-i18n="model.name"></span><input name="name" data-i18n-ph="model.namePh" data-optional-ph maxlength="50"></label>
+          <div class="model-form-row">
+            <label class="model-form-mini"><span data-i18n="model.retries"></span><input name="max_retries" type="text" inputmode="numeric" pattern="[0-9]*" min="1" max="20" value="5"></label>
+            <label class="model-form-mini"><span data-i18n="model.connTimeout"></span><input name="connect_timeout" type="text" inputmode="numeric" pattern="[0-9]*" min="1" max="300" value="15"></label>
+            <label class="model-form-mini"><span data-i18n="model.readTimeout"></span><input name="read_timeout" type="text" inputmode="numeric" pattern="[0-9]*" min="5" max="3600" value="300"></label>
+          </div>
+          <p class="model-form-err" id="add-model-err" hidden></p>
+          <div class="model-form-actions">
+            <button type="button" class="set-btn ghost" data-close data-i18n="common.cancel"></button>
+            <button type="submit" class="set-btn primary"><span data-i18n="model.save"></span></button>
+          </div>
+        </form>
+      </div>
+    </div>
+  </div>
+
+  <div class="modal" id="confirm-modal" hidden>
+    <div class="modal-backdrop" data-close></div>
+    <div class="modal-card confirm-card" role="dialog" aria-modal="true" aria-labelledby="confirm-title">
+      <div class="modal-head">
+        <div class="modal-title" id="confirm-title"></div>
+        <button class="modal-x" data-close data-i18n-title="common.close" title="">
+          <span data-ga-icon="x"></span>
+        </button>
+      </div>
+      <div class="modal-body confirm-body">
+        <div class="confirm-message" id="confirm-message"></div>
+        <div class="confirm-actions">
+          <button type="button" class="set-btn ghost" id="confirm-cancel"></button>
+          <button type="button" class="set-btn primary" id="confirm-ok"></button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- 自定义预设 弹窗 -->
+  <div class="modal" id="custom-preset-modal" hidden>
+    <div class="modal-backdrop" data-close></div>
+    <div class="modal-card" role="dialog">
+      <div class="modal-head">
+        <div class="modal-title" data-i18n="modal.customPreset"></div>
+        <button class="modal-x" data-close data-i18n-title="common.close" title="">
+          <span data-ga-icon="x"></span>
+        </button>
+      </div>
+      <div class="modal-body cp-body">
+        <input class="cp-input" id="cp-title" type="text" data-i18n-ph="customPreset.titlePh" placeholder="" maxlength="50">
+        <textarea class="cp-textarea" id="cp-prompt" rows="6" data-i18n-ph="customPreset.promptPh" placeholder="" maxlength="10000"></textarea>
+        <div class="cp-error" id="cp-error" hidden></div>
+        <div class="cp-actions">
+          <button class="cp-btn" data-close data-i18n="common.cancel" type="button"></button>
+          <button class="cp-btn cp-btn-primary" id="cp-save" data-i18n="common.save" type="button"></button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- 渠道日志 弹窗 -->
+  <div class="modal" id="chan-log-modal" hidden>
+    <div class="modal-backdrop" data-close></div>
+    <div class="modal-card modal-card-wide modal-card-inset" role="dialog">
+      <div class="modal-head">
+        <div class="modal-title" id="chan-log-title" data-i18n="modal.channelLogs"></div>
+        <button class="modal-x" data-close data-i18n-title="common.close" title="">
+          <span data-ga-icon="x"></span>
+        </button>
+      </div>
+      <div class="modal-body modal-body-inset">
+        <pre class="chan-log-pre" id="chan-log-pre"></pre>
+      </div>
+    </div>
+  </div>
+
+  <!-- mykey 配置 弹窗 -->
+  <div class="modal" id="chan-config-modal" hidden>
+    <div class="modal-backdrop" data-close></div>
+    <div class="modal-card modal-card-wide modal-card-inset" role="dialog">
+      <div class="modal-head">
+        <div class="modal-title" id="chan-config-title" data-i18n="modal.mykeyConfig"></div>
+        <button class="modal-x" data-close data-i18n-title="common.close" title="">
+          <span data-ga-icon="x"></span>
+        </button>
+      </div>
+      <div class="modal-body modal-body-inset chan-config-body">
+        <textarea id="chan-config-editor" class="mykey-editor" spellcheck="false" maxlength="1000000"></textarea>
+        <div class="chan-config-foot">
+          <button type="button" class="chan-config-save" id="chan-config-save" data-i18n="common.save"></button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- 配置 弹窗 -->
+  <div class="modal" id="settings-modal" hidden>
+    <div class="modal-backdrop" data-close></div>
+    <div class="modal-card" role="dialog">
+      <div class="modal-head">
+        <div class="modal-title" data-i18n="modal.settings"></div>
+        <button class="modal-x" data-close data-i18n-title="common.close" title="">
+          <span data-ga-icon="x"></span>
+        </button>
+      </div>
+      <div class="modal-body set-body">
+        <div class="set-block">
+          <div class="set-sec-t" data-i18n="set.appearance"></div>
+          <div class="appear-cards" id="appearance-seg" role="radiogroup">
+            <button class="appear-card sel" type="button" data-appearance="light" role="radio" aria-checked="true">
+              <span class="appear-preview appear-preview-light" aria-hidden="true"></span>
+              <span class="appear-name" data-i18n="appearance.light"></span>
+            </button>
+            <button class="appear-card" type="button" data-appearance="dark" role="radio" aria-checked="false">
+              <span class="appear-preview appear-preview-dark" aria-hidden="true"></span>
+              <span class="appear-name" data-i18n="appearance.dark"></span>
+            </button>
+          </div>
+          <div class="set-toggle-row" id="plain-ui-row" hidden>
+            <span class="set-toggle-label" data-i18n="set.plainUi"></span>
+            <button class="set-switch" type="button" id="plain-ui-switch" role="switch" aria-checked="false">
+              <span class="set-switch-knob" aria-hidden="true"></span>
+            </button>
+          </div>
+        </div>
+        <div class="set-block">
+          <div class="set-sec-t" id="chat-font-label" data-i18n="set.fontSize"></div>
+          <div class="chat-font-panel">
+            <div class="chat-font-stepper" id="chat-font-stepper" role="slider"
+              aria-valuemin="10" aria-valuemax="20" aria-valuenow="14"
+              aria-valuetext="14px" aria-labelledby="chat-font-label" tabindex="0">
+              <div class="chat-font-segments" id="chat-font-segments"></div>
+            </div>
+            <span class="chat-font-value" id="chat-font-value" aria-hidden="true">14px</span>
+            <div class="chat-font-scale" aria-hidden="true">
+              <span class="chat-font-scale-min">10</span>
+              <span class="chat-font-scale-max">20</span>
+            </div>
+          </div>
+        </div>
+        <div class="set-block">
+          <div class="set-sec-t" data-i18n="set.lang"></div>
+          <div class="model-list lang-list" id="lang-list"></div>
+        </div>
+        <div class="set-block">
+          <div class="set-sec-t" data-i18n="set.model"></div>
+          <div class="model-list" id="model-list"></div>
+          <button class="set-btn" id="add-model-btn" type="button">
+            <span data-ga-icon="plus"></span>
+            <span data-i18n="set.addModel"></span>
+          </button>
+        </div>
+        <div class="set-block">
+          <div class="set-sec-t" data-i18n="set.features"></div>
+          <button class="set-btn" id="import-mykey-btn" type="button">
+            <span data-ga-icon="fileText"></span>
+            <span data-i18n="set.importMykey"></span>
+          </button>
+          <input type="file" id="import-mykey-input" accept=".py,text/plain" hidden>
+          <button class="set-btn set-btn-follow" id="export-mykey-btn" type="button">
+            <span data-ga-icon="folderSimple"></span>
+            <span data-i18n="set.exportMykey"></span>
+          </button>
+          <button class="set-btn set-btn-follow" id="settings-services-btn" type="button">
+            <span data-ga-icon="broadcast"></span>
+            <span data-i18n="set.serviceManager"></span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- 图片预览 lightbox -->
+<div class="lightbox" id="lightbox" hidden>
+  <div class="lightbox-backdrop" data-close></div>
+  <button class="lightbox-x" data-close data-i18n-title="lightbox.closeTitle" title="">×</button>
+  <img class="lightbox-img" id="lightbox-img" alt="">
+</div>
+
+<div id="toast-root" class="toast-root" aria-live="polite"></div>
+
+<script src="vendor/marked.min.js"></script>
+<!-- KaTeX JS -->
+<script src="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/katex.min.js" crossorigin="anonymous"></script>
+<!-- highlight.js -->
+<script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/highlight.min.js" crossorigin="anonymous"></script>
+<script src="phosphor-icons.js?v=2"></script>
+<script src="app.js?v=208"></script>
 </body>
 </html>
diff --git a/frontends/desktop/static/loading.html b/frontends/desktop/static/loading.html
index a99b0ede..f02eddb3 100644
--- a/frontends/desktop/static/loading.html
+++ b/frontends/desktop/static/loading.html
@@ -1,14 +1,56 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="zh-CN">
 <head>
 <meta charset="UTF-8">
 <title>GenericAgent</title>
 <style>
-:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;background:#fff;color:#111}
+:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI","Microsoft YaHei UI","Helvetica Neue",Helvetica,Arial,sans-serif;background:#fff;color:#111}
 @media(prefers-color-scheme:dark){:root{background:#1a1a1a;color:#eee}}
 html,body{height:100%;margin:0;display:flex;align-items:center;justify-content:center}
-.card{text-align:center;opacity:.78}.spinner{width:28px;height:28px;margin:0 auto 14px;border:3px solid #9994;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
+.card{text-align:center;opacity:.85;width:280px}
+.spinner{width:28px;height:28px;margin:0 auto 14px;border:3px solid #9994;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}
+@keyframes spin{to{transform:rotate(360deg)}}
+#ga-status{font-size:13px;line-height:1.5}
+.bar{display:none;width:240px;height:6px;margin:14px auto 0;background:#9993;border-radius:99px;overflow:hidden}
+.bar.show{display:block}
+#ga-bar{height:100%;width:0;background:currentColor;border-radius:99px;transition:width .3s ease}
+#ga-bar.indet{width:35%;animation:indet 1.1s ease-in-out infinite}
+@keyframes indet{0%{margin-left:-35%}100%{margin-left:100%}}
 </style>
+<script>
+// Loading window shows before the main UI, on a different origin than the app, so it can't
+// read the app's saved language; fall back to the system/browser locale.
+var GA_ZH = (navigator.language || '').toLowerCase().indexOf('zh') === 0;
+var GA_MSG = {
+  starting_app: GA_ZH ? '正在启动 GenericAgent…' : 'Starting GenericAgent…',
+  start:        GA_ZH ? '首次启动，正在准备运行环境…' : 'First run: preparing the runtime…',
+  venv:         GA_ZH ? '正在创建运行环境…' : 'Creating the runtime environment…',
+  deps:         GA_ZH ? '正在安装依赖…' : 'Installing dependencies…',
+  done:         GA_ZH ? '依赖安装完成' : 'Dependencies installed',
+  starting:     GA_ZH ? '正在启动服务…' : 'Starting services…'
+};
+window.gaProgress = function(pct, key){
+  var s = document.getElementById('ga-status');
+  if (s) s.textContent = GA_MSG[key] || key;
+  var bar = document.querySelector('.bar');
+  var fill = document.getElementById('ga-bar');
+  if (bar) bar.classList.add('show');
+  if (fill){
+    if (pct < 0){ fill.classList.add('indet'); }
+    else { fill.classList.remove('indet'); fill.style.width = Math.max(0, Math.min(100, pct)) + '%'; }
+  }
+};
+document.addEventListener('DOMContentLoaded', function(){
+  var s = document.getElementById('ga-status');
+  if (s) s.textContent = GA_MSG.starting_app;
+});
+</script>
 </head>
-<body><div class="card"><div class="spinner"></div><div>Starting GenericAgent…</div></div></body>
+<body>
+  <div class="card">
+    <div class="spinner"></div>
+    <div id="ga-status">正在启动 GenericAgent…</div>
+    <div class="bar"><div id="ga-bar"></div></div>
+  </div>
+</body>
 </html>
diff --git a/frontends/desktop/static/phosphor-icons.js b/frontends/desktop/static/phosphor-icons.js
new file mode 100644
index 00000000..6a76f642
--- /dev/null
+++ b/frontends/desktop/static/phosphor-icons.js
@@ -0,0 +1,101 @@
+(() => {
+  const PATHS = {
+    chatTeardropText:
+      'M172,112a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h68A8,8,0,0,1,172,112Zm-8,24H96a8,8,0,0,0,0,16h68a8,8,0,0,0,0-16Zm68-12A100.11,100.11,0,0,1,132,224H48a16,16,0,0,1-16-16V124a100,100,0,0,1,200,0Zm-16,0a84,84,0,0,0-168,0v84h84A84.09,84.09,0,0,0,216,124Z',
+    broadcast:
+      'M128,88a40,40,0,1,0,40,40A40,40,0,0,0,128,88Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,152Zm73.71,7.14a80,80,0,0,1-14.08,22.2,8,8,0,0,1-11.92-10.67,63.95,63.95,0,0,0,0-85.33,8,8,0,1,1,11.92-10.67,80.08,80.08,0,0,1,14.08,84.47ZM69,103.09a64,64,0,0,0,11.26,67.58,8,8,0,0,1-11.92,10.67,79.93,79.93,0,0,1,0-106.67A8,8,0,1,1,80.29,85.34,63.77,63.77,0,0,0,69,103.09ZM248,128a119.58,119.58,0,0,1-34.29,84,8,8,0,1,1-11.42-11.2,103.9,103.9,0,0,0,0-145.56A8,8,0,1,1,213.71,44,119.58,119.58,0,0,1,248,128ZM53.71,200.78A8,8,0,1,1,42.29,212a119.87,119.87,0,0,1,0-168,8,8,0,1,1,11.42,11.2,103.9,103.9,0,0,0,0,145.56Z',
+    chartBar:
+      'M224,200h-8V40a8,8,0,0,0-8-8H152a8,8,0,0,0-8,8V80H96a8,8,0,0,0-8,8v40H48a8,8,0,0,0-8,8v64H32a8,8,0,0,0,0,16H224a8,8,0,0,0,0-16ZM160,48h40V200H160ZM104,96h40V200H104ZM56,144H88v56H56Z',
+    usersThree:
+      'M244.8,150.4a8,8,0,0,1-11.2-1.6A51.6,51.6,0,0,0,192,128a8,8,0,0,1-7.37-4.89,8,8,0,0,1,0-6.22A8,8,0,0,1,192,112a24,24,0,1,0-23.24-30,8,8,0,1,1-15.5-4A40,40,0,1,1,219,117.51a67.94,67.94,0,0,1,27.43,21.68A8,8,0,0,1,244.8,150.4ZM190.92,212a8,8,0,1,1-13.84,8,57,57,0,0,0-98.16,0,8,8,0,1,1-13.84-8,72.06,72.06,0,0,1,33.74-29.92,48,48,0,1,1,58.36,0A72.06,72.06,0,0,1,190.92,212ZM128,176a32,32,0,1,0-32-32A32,32,0,0,0,128,176ZM72,120a8,8,0,0,0-8-8A24,24,0,1,1,87.24,82a8,8,0,1,0,15.5-4A40,40,0,1,0,37,117.51,67.94,67.94,0,0,0,9.6,139.19a8,8,0,1,0,12.8,9.61A51.6,51.6,0,0,1,64,128,8,8,0,0,0,72,120Z',
+    coins:
+      'M184,89.57V84c0-25.08-37.83-44-88-44S8,58.92,8,84v40c0,20.89,26.25,37.49,64,42.46V172c0,25.08,37.83,44,88,44s88-18.92,88-44V132C248,111.3,222.58,94.68,184,89.57ZM232,132c0,13.22-30.79,28-72,28-3.73,0-7.43-.13-11.08-.37C170.49,151.77,184,139,184,124V105.74C213.87,110.19,232,122.27,232,132ZM72,150.25V126.46A183.74,183.74,0,0,0,96,128a183.74,183.74,0,0,0,24-1.54v23.79A163,163,0,0,1,96,152,163,163,0,0,1,72,150.25Zm96-40.32V124c0,8.39-12.41,17.4-32,22.87V123.5C148.91,120.37,159.84,115.71,168,109.93ZM96,56c41.21,0,72,14.78,72,28s-30.79,28-72,28S24,97.22,24,84,54.79,56,96,56ZM24,124V109.93c8.16,5.78,19.09,10.44,32,13.57v23.37C36.41,141.4,24,132.39,24,124Zm64,48v-4.17c2.63.1,5.29.17,8,.17,3.88,0,7.67-.13,11.39-.35A121.92,121.92,0,0,0,120,171.41v23.46C100.41,189.4,88,180.39,88,172Zm48,26.25V174.4a179.48,179.48,0,0,0,24,1.6,183.74,183.74,0,0,0,24-1.54v23.79a165.45,165.45,0,0,1-48,0Zm64-3.38V171.5c12.91-3.13,23.84-7.79,32-13.57V172C232,180.39,219.59,189.4,200,194.87Z',
+    sidebarSimple:
+      'M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40ZM40,56H80V200H40ZM216,200H96V56H216V200Z',
+    pencilSimple:
+      'M227.31,73.37,182.63,28.68a16,16,0,0,0-22.63,0L36.69,152A15.86,15.86,0,0,0,32,163.31V208a16,16,0,0,0,16,16H92.69A15.86,15.86,0,0,0,104,219.31L227.31,96a16,16,0,0,0,0-22.63ZM92.69,208H48V163.31l88-88L180.69,120ZM192,108.68,147.31,64l24-24L216,84.68Z',
+    magnifyingGlass:
+      'M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z',
+    books:
+      'M231.65,194.55,198.46,36.75a16,16,0,0,0-19-12.39L132.65,34.42a16.08,16.08,0,0,0-12.3,19l33.19,157.8A16,16,0,0,0,169.16,224a16.25,16.25,0,0,0,3.38-.36l46.81-10.06A16.09,16.09,0,0,0,231.65,194.55ZM136,50.15c0-.06,0-.09,0-.09l46.8-10,3.33,15.87L139.33,66Zm6.62,31.47,46.82-10.05,3.34,15.9L146,97.53Zm6.64,31.57,46.82-10.06,13.3,63.24-46.82,10.06ZM216,197.94l-46.8,10-3.33-15.87L212.67,182,216,197.85C216,197.91,216,197.94,216,197.94ZM104,32H56A16,16,0,0,0,40,48V208a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V48A16,16,0,0,0,104,32ZM56,48h48V64H56Zm0,32h48v96H56Zm48,128H56V192h48v16Z',
+    gridFour:
+      'M200,40H56A16,16,0,0,0,40,56V200a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,80H136V56h64ZM120,56v64H56V56ZM56,136h64v64H56Zm144,64H136V136h64v64Z',
+    robot:
+      'M200,48H136V16a8,8,0,0,0-16,0V48H56A32,32,0,0,0,24,80V192a32,32,0,0,0,32,32H200a32,32,0,0,0,32-32V80A32,32,0,0,0,200,48Zm16,144a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V80A16,16,0,0,1,56,64H200a16,16,0,0,1,16,16Zm-52-56H92a28,28,0,0,0,0,56h72a28,28,0,0,0,0-56Zm-24,16v24H116V152ZM80,164a12,12,0,0,1,12-12h8v24H92A12,12,0,0,1,80,164Zm84,12h-8V152h8a12,12,0,0,1,0,24ZM72,108a12,12,0,1,1,12,12A12,12,0,0,1,72,108Zm88,0a12,12,0,1,1,12,12A12,12,0,0,1,160,108Z',
+    dotsThree:
+      'M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128Zm56-12a12,12,0,1,0,12,12A12,12,0,0,0,196,116ZM60,116a12,12,0,1,0,12,12A12,12,0,0,0,60,116Z',
+    folderSimplePlus:
+      'M216,72H130.67L102.93,51.2a16.12,16.12,0,0,0-9.6-3.2H40A16,16,0,0,0,24,64V200a16,16,0,0,0,16,16H216.89A15.13,15.13,0,0,0,232,200.89V88A16,16,0,0,0,216,72Zm0,128H40V64H93.33L123.2,86.4A8,8,0,0,0,128,88h88Zm-56-56a8,8,0,0,1-8,8H136v16a8,8,0,0,1-16,0V152H104a8,8,0,0,1,0-16h16V120a8,8,0,0,1,16,0v16h16A8,8,0,0,1,160,144Z',
+    folderSimple:
+      'M216,72H130.67L102.93,51.2a16.12,16.12,0,0,0-9.6-3.2H40A16,16,0,0,0,24,64V200a16,16,0,0,0,16,16H216.89A15.13,15.13,0,0,0,232,200.89V88A16,16,0,0,0,216,72Zm0,128H40V64H93.33L123.2,86.4A8,8,0,0,0,128,88h88Z',
+    bracketsCurly:
+      'M43.18,128a29.78,29.78,0,0,1,8,10.26c4.8,9.9,4.8,22,4.8,33.74,0,24.31,1,36,24,36a8,8,0,0,1,0,16c-17.48,0-29.32-6.14-35.2-18.26-4.8-9.9-4.8-22-4.8-33.74,0-24.31-1-36-24-36a8,8,0,0,1,0-16c23,0,24-11.69,24-36,0-11.72,0-23.84,4.8-33.74C50.68,38.14,62.52,32,80,32a8,8,0,0,1,0,16C57,48,56,59.69,56,84c0,11.72,0,23.84-4.8,33.74A29.78,29.78,0,0,1,43.18,128ZM240,120c-23,0-24-11.69-24-36,0-11.72,0-23.84-4.8-33.74C205.32,38.14,193.48,32,176,32a8,8,0,0,0,0,16c23,0,24,11.69,24,36,0,11.72,0,23.84,4.8,33.74a29.78,29.78,0,0,0,8,10.26,29.78,29.78,0,0,0-8,10.26c-4.8,9.9-4.8,22-4.8,33.74,0,24.31-1,36-24,36a8,8,0,0,0,0,16c17.48,0,29.32-6.14,35.2-18.26,4.8-9.9,4.8-22,4.8-33.74,0-24.31,1-36,24-36a8,8,0,0,0,0-16Z',
+    gear:
+      'M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm88-29.84q.06-2.16,0-4.32l14.92-18.64a8,8,0,0,0,1.48-7.06,107.21,107.21,0,0,0-10.88-26.25,8,8,0,0,0-6-3.93l-23.72-2.64q-1.48-1.56-3-3L186,40.54a8,8,0,0,0-3.94-6,107.71,107.71,0,0,0-26.25-10.87,8,8,0,0,0-7.06,1.49L130.16,40Q128,40,125.84,40L107.2,25.11a8,8,0,0,0-7.06-1.48A107.6,107.6,0,0,0,73.89,34.51a8,8,0,0,0-3.93,6L67.32,64.27q-1.56,1.49-3,3L40.54,70a8,8,0,0,0-6,3.94,107.71,107.71,0,0,0-10.87,26.25,8,8,0,0,0,1.49,7.06L40,125.84Q40,128,40,130.16L25.11,148.8a8,8,0,0,0-1.48,7.06,107.21,107.21,0,0,0,10.88,26.25,8,8,0,0,0,6,3.93l23.72,2.64q1.49,1.56,3,3L70,215.46a8,8,0,0,0,3.94,6,107.71,107.71,0,0,0,26.25,10.87,8,8,0,0,0,7.06-1.49L125.84,216q2.16.06,4.32,0l18.64,14.92a8,8,0,0,0,7.06,1.48,107.21,107.21,0,0,0,26.25-10.88,8,8,0,0,0,3.93-6l2.64-23.72q1.56-1.48,3-3L215.46,186a8,8,0,0,0,6-3.94,107.71,107.71,0,0,0,10.87-26.25,8,8,0,0,0-1.49-7.06Zm-16.1-6.5a73.93,73.93,0,0,1,0,8.68,8,8,0,0,0,1.74,5.48l14.19,17.73a91.57,91.57,0,0,1-6.23,15L187,173.11a8,8,0,0,0-5.1,2.64,74.11,74.11,0,0,1-6.14,6.14,8,8,0,0,0-2.64,5.1l-2.51,22.58a91.32,91.32,0,0,1-15,6.23l-17.74-14.19a8,8,0,0,0-5-1.75h-.48a73.93,73.93,0,0,1-8.68,0,8,8,0,0,0-5.48,1.74L100.45,215.8a91.57,91.57,0,0,1-15-6.23L82.89,187a8,8,0,0,0-2.64-5.1,74.11,74.11,0,0,1-6.14-6.14,8,8,0,0,0-5.1-2.64L46.43,170.6a91.32,91.32,0,0,1-6.23-15l14.19-17.74a8,8,0,0,0,1.74-5.48,73.93,73.93,0,0,1,0-8.68,8,8,0,0,0-1.74-5.48L40.2,100.45a91.57,91.57,0,0,1,6.23-15L69,82.89a8,8,0,0,0,5.1-2.64,74.11,74.11,0,0,1,6.14-6.14A8,8,0,0,0,82.89,69L85.4,46.43a91.32,91.32,0,0,1,15-6.23l17.74,14.19a8,8,0,0,0,5.48,1.74,73.93,73.93,0,0,1,8.68,0,8,8,0,0,0,5.48-1.74L155.55,40.2a91.57,91.57,0,0,1,15,6.23L173.11,69a8,8,0,0,0,2.64,5.1,74.11,74.11,0,0,1,6.14,6.14,8,8,0,0,0,5.1,2.64l22.58,2.51a91.32,91.32,0,0,1,6.23,15l-14.19,17.74A8,8,0,0,0,199.87,123.66Z',
+    caretLeft:
+      'M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z',
+    caretDown:
+      'M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z',
+    caretRight:
+      'M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z',
+    paperPlaneTilt:
+      'M227.32,28.68a16,16,0,0,0-15.66-4.08l-.15,0L19.57,82.84a16,16,0,0,0-2.49,29.8L102,154l41.3,84.87A15.86,15.86,0,0,0,157.74,248q.69,0,1.38-.06a15.88,15.88,0,0,0,14-11.51l58.2-191.94c0-.05,0-.1,0-.15A16,16,0,0,0,227.32,28.68ZM157.83,231.85l-.05.14,0-.07-40.06-82.3,48-48a8,8,0,0,0-11.31-11.31l-48,48L24.08,98.25l-.07,0,.14,0L216,40Z',
+    paperclip:
+      'M209.66,122.34a8,8,0,0,1,0,11.32l-82.05,82a56,56,0,0,1-79.2-79.21L147.67,35.73a40,40,0,1,1,56.61,56.55L105,193A24,24,0,1,1,71,159L154.3,74.38A8,8,0,1,1,165.7,85.6L82.39,170.31a8,8,0,1,0,11.27,11.36L192.93,81A24,24,0,1,0,159,47L59.76,147.68a40,40,0,1,0,56.53,56.62l82.06-82A8,8,0,0,1,209.66,122.34Z',
+    lightning:
+      'M215.79,118.17a8,8,0,0,0-5-5.66L153.18,90.9l14.66-73.33a8,8,0,0,0-13.69-7l-112,120a8,8,0,0,0,3,13l57.63,21.61L88.16,238.43a8,8,0,0,0,13.69,7l112-120A8,8,0,0,0,215.79,118.17ZM109.37,214l10.47-52.38a8,8,0,0,0-5-9.06L62,132.71l84.62-90.66L136.16,94.43a8,8,0,0,0,5,9.06l52.8,19.8Z',
+    pushPinSimple:
+      'M216,168h-9.29L185.54,48H192a8,8,0,0,0,0-16H64a8,8,0,0,0,0,16h6.46L49.29,168H40a8,8,0,0,0,0,16h80v56a8,8,0,0,0,16,0V184h80a8,8,0,0,0,0-16ZM86.71,48h82.58l21.17,120H65.54Z',
+    trash:
+      'M216,48H176V40a24,24,0,0,0-24-24H104A24,24,0,0,0,80,40v8H40a8,8,0,0,0,0,16h8V208a16,16,0,0,0,16,16H192a16,16,0,0,0,16-16V64h8a8,8,0,0,0,0-16ZM96,40a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8v8H96Zm96,168H64V64H192ZM112,104v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Zm48,0v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Z',
+    x:
+      'M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z',
+    dotsThreeVertical:
+      'M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128Zm0-56a12,12,0,1,1-12-12A12,12,0,0,1,140,72Zm0,112a12,12,0,1,1-12-12A12,12,0,0,1,140,184Z',
+    plus:
+      'M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z',
+    copy:
+      'M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32ZM160,208H48V96H160Zm48-48H176V88a8,8,0,0,0-8-8H96V48H208Z',
+    check:
+      'M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z',
+    crosshair:
+      'M232,120h-8.34A96.14,96.14,0,0,0,136,32.34V24a8,8,0,0,0-16,0v8.34A96.14,96.14,0,0,0,32.34,120H24a8,8,0,0,0,0,16h8.34A96.14,96.14,0,0,0,120,223.66V232a8,8,0,0,0,16,0v-8.34A96.14,96.14,0,0,0,223.66,136H232a8,8,0,0,0,0-16Zm-96,87.6V200a8,8,0,0,0-16,0v7.6A80.15,80.15,0,0,1,48.4,136H56a8,8,0,0,0,0-16H48.4A80.15,80.15,0,0,1,120,48.4V56a8,8,0,0,0,16,0V48.4A80.15,80.15,0,0,1,207.6,120H200a8,8,0,0,0,0,16h7.6A80.15,80.15,0,0,1,136,207.6ZM128,88a40,40,0,1,0,40,40A40,40,0,0,0,128,88Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,152Z',
+    compass:
+      'M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216ZM172.42,72.84l-64,32a8.05,8.05,0,0,0-3.58,3.58l-32,64A8,8,0,0,0,80,184a8.1,8.1,0,0,0,3.58-.84l64-32a8.05,8.05,0,0,0,3.58-3.58l32-64a8,8,0,0,0-10.74-10.74ZM138,138,97.89,158.11,118,118l40.15-20.07Z',
+    listChecks:
+      'M224,128a8,8,0,0,1-8,8H128a8,8,0,0,1,0-16h88A8,8,0,0,1,224,128ZM128,72h88a8,8,0,0,0,0-16H128a8,8,0,0,0,0,16Zm88,112H128a8,8,0,0,0,0,16h88a8,8,0,0,0,0-16ZM82.34,42.34,56,68.69,45.66,58.34A8,8,0,0,0,34.34,69.66l16,16a8,8,0,0,0,11.32,0l32-32A8,8,0,0,0,82.34,42.34Zm0,64L56,132.69,45.66,122.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32,0l32-32a8,8,0,0,0-11.32-11.32Zm0,64L56,196.69,45.66,186.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32,0l32-32a8,8,0,0,0-11.32-11.32Z',
+    star:
+      'M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z',
+    fileText:
+      'M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM200,216H56V40h88V88a8,8,0,0,0,8,8h48V216Zm-32-80a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,136Zm0,32a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,168Z',
+    gitFork:
+      'M224,64a32,32,0,1,0-40,31v17a8,8,0,0,1-8,8H80a8,8,0,0,1-8-8V95a32,32,0,1,0-16,0v17a24,24,0,0,0,24,24h40v25a32,32,0,1,0,16,0V136h40a24,24,0,0,0,24-24V95A32.06,32.06,0,0,0,224,64ZM48,64A16,16,0,1,1,64,80,16,16,0,0,1,48,64Zm96,128a16,16,0,1,1-16-16A16,16,0,0,1,144,192ZM192,80a16,16,0,1,1,16-16A16,16,0,0,1,192,80Z',
+    hexagon:
+      'M223.68,66.15,135.68,18h0a15.88,15.88,0,0,0-15.36,0l-88,48.17a16,16,0,0,0-8.32,14v95.64a16,16,0,0,0,8.32,14l88,48.17a15.88,15.88,0,0,0,15.36,0l88-48.17a16,16,0,0,0,8.32-14V80.18A16,16,0,0,0,223.68,66.15ZM216,175.82,128,224,40,175.82V80.18L128,32h0l88,48.17Z',
+  };
+
+  function gaIcon(name, className = '') {
+    const d = PATHS[name];
+    if (!d) return '';
+    const cls = className ? ` class="${className}"` : '';
+    return `<svg${cls} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true" focusable="false"><path d="${d}"/></svg>`;
+  }
+
+  function gaHydrateIcons(root = document) {
+    root.querySelectorAll('[data-ga-icon]').forEach((node) => {
+      node.outerHTML = gaIcon(node.dataset.gaIcon, node.className || '');
+    });
+  }
+
+  window.GA_ICON_PATHS = PATHS;
+  window.gaIcon = gaIcon;
+  window.gaHydrateIcons = gaHydrateIcons;
+
+  if (typeof document !== 'undefined') {
+    const hydrate = () => gaHydrateIcons(document);
+    hydrate();
+    if (document.readyState === 'loading') {
+      document.addEventListener('DOMContentLoaded', hydrate, { once: true });
+    }
+  }
+})();
diff --git a/frontends/desktop/static/styles.css b/frontends/desktop/static/styles.css
index f2659d43..44c166eb 100644
--- a/frontends/desktop/static/styles.css
+++ b/frontends/desktop/static/styles.css
@@ -1,896 +1,2517 @@
-/* GenericAgent Desktop — Minimal Codex-inspired styling */
+/* GenericAgent 桌面版 — 界面骨架 mockup
+   仅布局与视觉占位。所有颜色均走 CSS 变量，主题可整体切换（无硬编码颜色）。 */
 
-:root {
-  --bg: #ffffff;
-  --bg-subtle: #fafafa;
-  --bg-hover: #f3f3f3;
-  --bg-active: #ededed;
-  --border: #e8e8e8;
-  --border-strong: #d4d4d4;
-  --text: #0a0a0a;
-  --text-muted: #6b6b6b;
-  --text-faint: #9a9a9a;
-  --accent: #0a0a0a;
-  --accent-text: #ffffff;
-  --user-bg: #f5f5f5;
-  --code-bg: #f5f5f5;
-  --code-text: #1a1a1a;
-  --shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(0, 0, 0, 0.04);
-  --shadow-strong: 0 4px 24px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.05);
-  --radius: 10px;
-  --radius-sm: 6px;
-  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  --font-mono: "SF Mono", "SFMono-Regular", ui-monospace, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
-  --ok: #16a34a;
-  --warn: #f59e0b;
-  --err: #dc2626;
+* { box-sizing: border-box; margin: 0; padding: 0; }
+
+/* —— 全局滚动条 —— */
+::-webkit-scrollbar{ width:6px; height:6px; }
+::-webkit-scrollbar-track{ background:transparent; }
+::-webkit-scrollbar-thumb{
+  background:var(--line);
+  border-radius:0;
+}
+::-webkit-scrollbar-thumb:hover{ background:var(--line-strong); }
+::-webkit-scrollbar-corner{ background:transparent; }
+
+:root{
+  --font-sans:-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI Variable","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",emoji;
+  --font-brand:"GA Azonix",var(--font-sans);
+  --font-mono:"GA JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono","Courier New","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",monospace;
+  --font-num:var(--font-mono);
+  --font-num-variant:lining-nums tabular-nums;
+  --chat-col-w:760px;
+  /* —— 基础面 —— */
+  --bg-base:#f4f5f7;
+  --bg:var(--bg-base);
+  --panel:#ffffff;
+  --card:#ffffff;
+  --field-bg:#fafbfc;
+  --line-base:#e9eaee;
+  --line:var(--line-base);
+  --line-soft-base:#f0f1f4;
+  --line-soft:var(--line-soft-base);
+  --line-strong:#d4d8e0;    /* hover 描边 */
+  --hover-2:#eceef2;        /* 次级 hover 底 */
+  --hover-dim:#0000000f;
+
+  /* —— 文字 —— */
+  --txt:#1f2430;
+  --txt-strong:#3b414f;     /* 标题 */
+  --txt-2:#4a4f5c;          /* 常规可点文字 */
+  --txt-3:#5b6170;
+  --muted:#656b7a;
+  --muted2:#767d8d;
+  --placeholder:#c4cad6;
+  --icon:#6b7180;
+  --on-accent:#ffffff;      /* 彩色底上的字/图标 */
+
+  /* —— 强调色(只保留灰色亮色主题,删去 mac 8 色主题切换)—— */
+  --accent:#8e8e93;
+  --accent-bg:#eef0f3;
+  --accent-soft:#f4f5f7;
+  /* 向后兼容别名:旧代码 / 未合并分支(如 PR#1)仍用 --blue* */
+  --blue:var(--accent); --blue-bg:var(--accent-bg); --blue-soft:var(--accent-soft);
+
+  /* —— 品牌徽标渐变 —— */
+  --brand1:#ffb35c;
+  --brand2:#ff7a59;
+
+  /* —— 状态：成功 / 危险 / 关闭 —— */
+  --ok:#39a85a;
+  --ok-strong:#2f9e54;
+  --ok-bg:#e9f7ee;
+  --ok-ring:#39a85a33;
+  /* 发送键专用：浅色=黑色，深色在 dark 块里覆盖为深蓝 */
+  --ink-green:#1a1a1a;
+  --ink-green-hover:#000000;
+  --danger:#d64545;
+  --danger-dot:#e23b3b;
+  --danger-text:#d3514f;
+  --danger-bg:#fdeceb;
+  --danger-ring:#e23b3b38;
+  --confirm-primary-bg:#1a1a1a;
+  --confirm-primary-fg:#ffffff;
+  --success:var(--ok-strong);
+  --success-bg:var(--ok-bg);
+  --success-ring:var(--ok-ring);
+  --off-bg:#eef0f3;
+  --switch-off:#cfd4de;
+  --dot-idle:#c2c7d0;
+
+  /* —— 外观切换页的样本色（不跟随当前主题，固定为 light/dark 实际配色） —— */
+  --sample-light-bg:#f4f5f7;
+  --sample-light-panel:#ffffff;
+  --sample-light-line:#e9eaee;
+  --sample-dark-bg:#161b22;
+  --sample-dark-panel:#21262d;
+  --sample-dark-line:#484f58;
+
+  /* —— 阴影 / 遮罩 —— */
+  --overlay:#14192861;
+  --shadow:0 1px 2px #1419280a, 0 8px 24px #1419280d;
+  --shadow-pop:0 8px 24px #14192829;
+  --shadow-modal:0 18px 50px #14192847;
+
+  --divider-base:rgba(15, 74, 133, 0.22);
+  --divider:var(--divider-base);
+
+  --radius:4px; --radius-sm:2px;
+  /* —— 折叠块 —— */
+  --fold-thinking-border:#d4c090;
+  --fold-thinking-bg:#fefbf3;
+  --fold-tool-border:#90b8d4;
+  --fold-tool-bg:#f3f8fe;
+  --fold-result-border:#a0d4a0;
+  --fold-result-bg:#f4fdf4;
+  --fold-turn-border:var(--line);
+  --fold-turn-bg:var(--field-bg);
+  --fold-retry-border:var(--line-soft);
+  --fold-retry-bg:transparent;
 }
 
-[data-theme="dark"] {
-  --bg: #1a1a1a;
-  --bg-subtle: #1f1f1f;
-  --bg-hover: #262626;
-  --bg-active: #2d2d2d;
-  --border: #2a2a2a;
-  --border-strong: #3a3a3a;
-  --text: #ededed;
-  --text-muted: #a0a0a0;
-  --text-faint: #6b6b6b;
-  --accent: #ededed;
-  --accent-text: #0a0a0a;
-  --user-bg: #262626;
-  --code-bg: #0f0f0f;
-  --code-text: #e0e0e0;
-  --shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.04);
-  --shadow-strong: 0 4px 24px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.05);
+/* —— 主题色板(素色:仅 accent 浅底) —— */
+html[data-theme]{
+  --accent-bg:color-mix(in srgb, var(--accent) 14%, var(--panel));
+  --accent-soft:color-mix(in srgb, var(--accent) 7%, var(--panel));
+  --brand1:color-mix(in srgb, var(--accent) 40%, #ffc978);
+  --brand2:var(--accent);
 }
 
-@media (prefers-color-scheme: dark) {
-  [data-theme="auto"] {
-    --bg: #1a1a1a;
-    --bg-subtle: #1f1f1f;
-    --bg-hover: #262626;
-    --bg-active: #2d2d2d;
-    --border: #2a2a2a;
-    --border-strong: #3a3a3a;
-    --text: #ededed;
-    --text-muted: #a0a0a0;
-    --text-faint: #6b6b6b;
-    --accent: #ededed;
-    --accent-text: #0a0a0a;
-    --user-bg: #262626;
-    --code-bg: #0f0f0f;
-    --code-text: #e0e0e0;
-    --shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.04);
-    --shadow-strong: 0 4px 24px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.05);
-  }
+/* —— 外观：浅色（accent 轻 tint 页面/边框）—— */
+html[data-appearance="light"]:not([data-plain="1"])[data-theme]{
+  --accent-bg:color-mix(in srgb, var(--accent) 20%, var(--panel));
+  --accent-soft:color-mix(in srgb, var(--accent) 11%, var(--panel));
+  --bg:color-mix(in srgb, var(--accent) 7%, var(--bg-base));
+  --line:color-mix(in srgb, var(--accent) 16%, var(--line-base));
+  --line-soft:color-mix(in srgb, var(--accent) 10%, var(--line-soft-base));
+  --divider:color-mix(in srgb, var(--accent) 22%, var(--divider-base));
 }
 
-* { box-sizing: border-box; }
-
-html, body {
-  margin: 0; padding: 0; height: 100%;
-  font-family: var(--font);
-  font-size: 14px;
-  letter-spacing: -0.01em;
-  color: var(--text);
-  background: var(--bg);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  overflow: hidden;
+/* —— 外观：深色 —— */
+html[data-appearance="dark"]{
+  --bg-base:#161b22;
+  --bg:#161b22;
+  --panel:#21262d;
+  --card:#21262d;
+  --field-bg:#161b22;
+  --line-base:#484f58;
+  --line:#484f58;
+  --line-soft-base:#30363d;
+  --line-soft:#30363d;
+  --line-strong:#656d76;
+  --hover-2:#30363d;
+  --hover-dim:#ffffff0f;
+  --txt:#e6edf3;
+  --txt-strong:#ffffff;
+  --txt-2:#c9d1d9;
+  --txt-3:#afb8c1;
+  --muted:#9aa3af;
+  --muted2:#828b96;
+  --placeholder:#656d76;
+  --icon:#7d8590;
+  --off-bg:#30363d;
+  --switch-off:#656d76;
+  --dot-idle:#656d76;
+  --ok:#3fb950;
+  --ok-strong:#46c35a;
+  --ok-bg:#12261e;
+  --ok-ring:#3fb95033;
+  --danger:#f85149;
+  --danger-dot:#f85149;
+  --danger-text:#ff7b72;
+  --danger-bg:#2d1515;
+  --danger-ring:#f8514938;
+  --confirm-primary-bg:#e6edf3;
+  --confirm-primary-fg:#161b22;
+  --overlay:#010409a6;
+  --shadow:0 1px 2px #01040966, 0 8px 24px #01040966;
+  --shadow-pop:0 8px 24px #01040999;
+  --shadow-modal:0 18px 50px #010409cc;
+  /* —— 折叠块（dark 覆盖） —— */
+  --fold-thinking-border:#6b5b30;
+  --fold-thinking-bg:#2a2418;
+  --fold-tool-border:#3a5066;
+  --fold-tool-bg:#16202b;
+  --fold-result-border:#3f6647;
+  --fold-result-bg:#15241a;
+  --divider-base:#569cd6;
+  --divider:var(--divider-base);
+  /* 发送键：深色用鲜亮深蓝 */
+  --ink-green:#2559d8;
+  --ink-green-hover:#3a6ef0;
+}
+html[data-appearance="dark"][data-theme]{
+  --accent-bg:color-mix(in srgb, var(--accent) 22%, var(--panel));
+  --accent-soft:color-mix(in srgb, var(--accent) 12%, var(--panel));
+  --divider:color-mix(in srgb, var(--accent) 18%, var(--divider-base));
 }
 
-#app {
-  display: flex;
-  height: 100vh;
-  width: 100vw;
+html,body{ height:100%; }
+html{ --chat-font:13px; }
+body{ background:var(--bg); color:var(--txt); font-size:13px; overflow:hidden; font-family:var(--font-sans); }
+
+#app{
+  width:100vw; height:100vh; background:var(--bg);
+  overflow:hidden; display:flex; flex-direction:column;
 }
 
-/* ─── Top tabs ───────────────────────────────────────────────────────── */
-button, input, textarea, select, .icon-btn, .btn, .send-btn, .session-tab, .tab-new-btn {
-  -webkit-app-region: no-drag;
+/* ---- 弹窗（添加模型 / 配置）---- */
+.chip.add-model{ padding:5px 8px; }
+.modal{ position:fixed; inset:0; z-index:500; display:flex; align-items:center; justify-content:center; }
+.modal[hidden]{ display:none; }
+/* 添加模型是从「配置」里二级弹出，需盖在配置之上 */
+#add-model-modal{ z-index:600; }
+#confirm-modal{ z-index:700; }
+.modal-backdrop{ position:absolute; inset:0; background:var(--overlay); }
+.modal-card{
+  position:relative; width:420px; max-width:92vw; max-height:86vh; overflow:hidden;
+  background:var(--panel); border:1px solid var(--line); border-radius:6px;
+  box-shadow:var(--shadow-modal); display:flex; flex-direction:column;
+}
+/* 弹出动画 */
+@keyframes modalBgIn{ from{ opacity:0 } to{ opacity:1 } }
+@keyframes modalCardIn{
+  from{ opacity:0; transform:translateY(10px) scale(.96); }
+  to{ opacity:1; transform:none; }
+}
+.modal:not([hidden]) .modal-backdrop{ animation:modalBgIn .15s ease-out; }
+.modal:not([hidden]) .modal-card{ animation:modalCardIn .18s cubic-bezier(.2,.7,.3,1); }
+
+.modal-head{
+  display:flex; align-items:center; justify-content:space-between;
+  padding:16px 18px; border-bottom:1px solid var(--line-soft);
+}
+.modal-title{ font-size:15px; font-weight:600; color:var(--txt-strong); }
+.modal-x{
+  width:28px; height:28px; border:none; background:transparent; cursor:pointer;
+  color:var(--muted); border-radius:4px; display:flex; align-items:center; justify-content:center;
+}
+.modal-x svg{ width:16px; height:16px; }
+.modal-x:hover{ background:var(--line-soft); }
+.modal-body{ flex:1; min-height:340px; overflow:auto; }
+
+/* 配置弹窗内的骨架控件（未实现逻辑）*/
+.set-body{ min-height:0; padding:18px; display:flex; flex-direction:column; gap:22px; }
+.set-block{ display:flex; flex-direction:column; gap:0; }
+.preset-pop{ min-height:0; padding:18px; display:flex; flex-direction:column; gap:14px; }
+.set-sec-t{ font-size:12px; font-weight:500; color:var(--txt-2); margin-bottom:10px; }
+
+/* 外观：mac 式预览卡片 */
+.appear-cards{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
+.appear-card{
+  display:flex; flex-direction:column; align-items:center; gap:8px;
+  padding:10px 8px 9px; border:2px solid var(--line); border-radius:4px;
+  background:var(--field-bg); cursor:pointer; font-family:inherit; transition:.15s;
+}
+.appear-card:hover{ border-color:var(--line-strong); background:var(--line-soft); }
+.appear-card.sel{
+  border-color:var(--accent); background:var(--accent-bg);
+  box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent);
+}
+.appear-preview{
+  width:100%; height:44px; border-radius:4px; border:1px solid var(--line);
+  position:relative; overflow:hidden;
+}
+.appear-preview-light{
+  background:linear-gradient(180deg, var(--sample-light-bg) 0%, var(--sample-light-bg) 42%, var(--sample-light-panel) 42%, var(--sample-light-panel) 100%);
+}
+.appear-preview-light::after{
+  content:''; position:absolute; left:10%; top:52%; width:55%; height:7px;
+  border-radius:4px; background:var(--sample-light-line);
+}
+.appear-preview-dark{
+  background:linear-gradient(180deg, var(--sample-dark-bg) 0%, var(--sample-dark-bg) 42%, var(--sample-dark-panel) 42%, var(--sample-dark-panel) 100%);
+  border-color:var(--sample-dark-line);
+}
+.appear-preview-dark::after{
+  content:''; position:absolute; left:10%; top:52%; width:55%; height:7px;
+  border-radius:4px; background:var(--sample-dark-line);
+}
+.appear-name{ font-size:12px; font-weight:500; color:var(--txt-2); font-family:var(--font-sans); }
+.appear-card.sel .appear-name{ color:var(--accent); }
+
+/* 素色：mac/iOS 设置行 + Toggle Switch */
+.set-toggle-row{
+  display:flex; align-items:center; justify-content:space-between; gap:12px;
+  margin-top:10px; padding:10px 12px;
+  border:1px solid var(--line); border-radius:4px; background:var(--field-bg);
+}
+.set-toggle-row[hidden]{ display:none; }
+.set-toggle-label{ font-size:13px; font-weight:500; color:var(--txt-2); font-family:var(--font-sans); }
+.set-switch{
+  position:relative; flex:0 0 auto; width:44px; height:26px;
+  border:none; border-radius:999px; background:var(--switch-off);
+  cursor:pointer; transition:background .2s; padding:0;
+}
+.set-switch[aria-checked="true"]{ background:var(--accent); }
+.set-switch-knob{
+  position:absolute; top:2px; left:2px; width:22px; height:22px;
+  border-radius:50%; background:var(--card);
+  box-shadow:0 1px 3px var(--hover-dim); transition:transform .2s;
+}
+.set-switch[aria-checked="true"] .set-switch-knob{ transform:translateX(18px); }
+.set-switch:focus-visible{ outline:2px solid var(--accent); outline-offset:2px; }
+
+.lang-list{ margin-bottom:0; }
+
+.chat-font-panel{
+  display:grid; grid-template-columns:1fr auto; grid-template-rows:auto auto;
+  column-gap:14px; row-gap:6px; align-items:center;
+  padding:12px 14px; border:1px solid var(--line); border-radius:4px;
+  background:var(--field-bg);
+}
+.chat-font-stepper{ grid-column:1; grid-row:1; cursor:pointer; touch-action:none; border-radius:4px; }
+.chat-font-value{
+  grid-column:2; grid-row:1 / 3; align-self:center;
+  font-size:13px; font-weight:500; color:var(--txt-strong);
+  font-variant-numeric:var(--font-num-variant); text-align:right; line-height:1;
+  padding-left:14px; border-left:1px solid var(--line); min-width:42px;
+}
+.chat-font-scale{ grid-column:1; grid-row:2; }
+.chat-font-stepper:focus{ outline:none; }
+.chat-font-stepper:focus-visible{
+  outline:2px solid var(--accent); outline-offset:2px;
+}
+.chat-font-segments{
+  display:grid; grid-template-columns:repeat(11, 1fr); gap:3px;
+}
+.chat-font-seg{
+  height:7px; border:none; padding:0; margin:0; border-radius:2px;
+  background:var(--line); cursor:pointer;
+  transition:background .12s;
+}
+.chat-font-seg.on{ background:color-mix(in srgb, var(--accent) 55%, var(--line)); }
+.chat-font-seg.cur{ background:var(--accent); }
+.chat-font-seg:hover{ background:color-mix(in srgb, var(--accent) 35%, var(--line)); }
+.chat-font-seg.on:hover{ background:color-mix(in srgb, var(--accent) 55%, var(--line)); }
+.chat-font-seg.cur:hover{ background:var(--accent); }
+.chat-font-scale{
+  display:grid; grid-template-columns:repeat(11, 1fr); gap:3px;
+  font-size:11px; line-height:1; color:var(--muted);
+  font-family:var(--font-num); font-variant-numeric:var(--font-num-variant);
+}
+.chat-font-scale-min{ grid-column:1; justify-self:start; }
+.chat-font-scale-max{ grid-column:11; justify-self:end; }
+
+/* 颜色色盘已删除(只保留灰色亮色主题) */
+.model-list{ display:flex; flex-direction:column; gap:4px; margin-bottom:10px; max-height:340px; overflow:auto; }
+.model-row{
+  display:flex; align-items:center; gap:10px; padding:8px 10px;
+  border:1px solid var(--line); border-radius:4px; background:var(--field-bg);
+  cursor:pointer; font-size:13px; color:var(--txt-2); transition:.12s;
+}
+.model-row:hover{ background:var(--line-soft); border-color:var(--line-strong); }
+/* 选中态：文字用强调色 --txt-strong（而非偏灰的 --accent），保证选中后只会更清晰、不会变淡 */
+.model-row.sel{ background:var(--accent-bg); border-color:var(--accent); color:var(--txt-strong); }
+.model-row input{ accent-color:var(--accent); flex:0 0 auto; pointer-events:none; }
+.flag{ width:20px; height:14px; flex:0 0 auto; border-radius:2px; box-shadow:0 0 0 1px var(--line); display:inline-block; }
+.model-row-name{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+.model-row-actions{
+  display:flex; gap:2px; flex:0 0 auto; opacity:0; transition:opacity .12s;
+}
+.model-row:hover .model-row-actions,
+.model-row.sel .model-row-actions{ opacity:1; }
+.model-act{
+  width:28px; height:28px; border:none; background:transparent; cursor:pointer;
+  color:var(--muted); border-radius:4px; display:flex; align-items:center; justify-content:center;
+  padding:0; flex:0 0 auto;
+}
+.model-act:hover{ background:var(--hover-dim); color:var(--txt-2); }
+.model-act-del:hover{ color:var(--danger-text); }
+.model-act svg{ width:14px; height:14px; pointer-events:none; }
+.set-empty{ font-size:12px; color:var(--muted); padding:6px 0; }
+/* 聚合渠道分组：与独立模型同款行样式，仅多一个折叠箭头，且紧贴下方独立模型 */
+.model-group{ display:flex; flex-direction:column; gap:4px; }
+.model-mixin-caret{ display:flex; align-items:center; justify-content:center; flex:0 0 auto; height:28px; color:var(--muted); cursor:pointer; }
+/* 渠道组是中文标签而非代码标识符，用界面 sans 字体，避免落到等宽字体的中文回退 */
+.model-row--mixin .model-row-name{ font-family:var(--font-sans); }
+.model-mixin-caret svg{ width:13px; height:13px; pointer-events:none; }
+.model-mixin-body{ display:flex; flex-direction:column; gap:3px; margin:2px 0 2px 14px; padding-left:10px; border-left:1px dashed var(--line-strong); }
+.model-mixin-empty{ font-size:12px; color:var(--muted); padding:4px 2px; }
+.model-member{ display:flex; align-items:center; gap:8px; padding:5px 8px; border-radius:4px; font-size:12px; color:var(--txt-2); background:var(--field-bg); border:1px solid var(--line); }
+.model-member:hover{ background:var(--line-soft); }
+.model-member.dragging{ opacity:.78; box-shadow:0 3px 12px rgba(0,0,0,.12); }
+.model-member-drag{
+  width:16px; height:20px; flex:0 0 auto; border:none; background:transparent; color:var(--muted);
+  border-radius:4px; display:flex; align-items:center; justify-content:center; padding:0;
+  cursor:grab; touch-action:none; user-select:none;
+}
+.model-member-drag:active{ cursor:grabbing; }
+.grip-dot{
+  width:2px; height:2px; border-radius:50%; background:currentColor;
+  box-shadow:0 -4px 0 currentColor, 0 4px 0 currentColor, 5px -4px 0 currentColor, 5px 0 0 currentColor, 5px 4px 0 currentColor;
+  transform:translateX(-2.5px); opacity:.68;
+}
+.model-member:hover .model-member-drag{ color:var(--txt-2); background:var(--hover-dim); }
+.mixin-dragging{ cursor:grabbing; }
+.model-member-name{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+.model-member .model-act{ width:22px; height:22px; opacity:.6; }
+.model-member:hover .model-act{ opacity:1; }
+.model-act-addmix:hover{ color:var(--accent); }
+/* 已在渠道组：➕ 仍是「加入」按钮，但给个淡淡的 accent 提示，点击只弹「已在渠道组中」 */
+.model-act-addmix.is-in{ color:var(--accent); opacity:.5; }
+.model-act-addmix.is-in:hover{ opacity:.8; }
+/* 轻提示 toast（屏幕顶部）*/
+.ga-toast{
+  position:fixed; left:50%; top:72px; transform:translateX(-50%) translateY(-8px);
+  background:var(--card); color:var(--txt); border:1px solid var(--line-strong);
+  border-radius:6px; padding:10px 18px; font-size:13px; font-family:var(--font-sans);
+  box-shadow:0 8px 28px rgba(0,0,0,.24); opacity:0; pointer-events:none;
+  transition:opacity .18s, transform .18s; z-index:9999;
+}
+.ga-toast.show{ opacity:1; transform:translateX(-50%) translateY(0); }
+.set-btn{
+  width:100%; display:flex; align-items:center; gap:8px;
+  border:1px solid var(--line); background:var(--card); color:var(--txt-2);
+  border-radius:4px; padding:10px 12px; font-size:13px; font-weight:500;
+  font-family:inherit; cursor:pointer; transition:.12s;
+}
+.set-btn svg{ width:15px; height:15px; flex:0 0 auto; color:var(--accent); }
+.set-btn:hover{ background:var(--line-soft); border-color:var(--line-strong); }
+.set-btn.primary{ background:var(--confirm-primary-bg); color:var(--confirm-primary-fg); border-color:var(--confirm-primary-bg); }
+.set-btn.primary:hover{ filter:brightness(1.05); }
+.set-btn.danger{ background:var(--danger-bg); color:var(--danger-text); border-color:var(--danger-ring); }
+.set-btn.danger:hover{ background:var(--danger-bg); border-color:var(--danger-text); }
+.set-btn.ghost{ background:transparent; }
+.set-btn-follow{ margin-top:8px; }
+.model-form-body{ min-height:0; }
+.model-form{ padding:18px; display:flex; flex-direction:column; gap:12px; }
+.model-form label{ display:flex; flex-direction:column; gap:5px; font-size:12px; font-weight:500; color:var(--txt-2); }
+.field-label{ display:inline-flex; align-items:center; gap:2px; font-family:var(--font-sans); }
+.field-req{ color:var(--danger-text); font-weight:500; line-height:1; }
+.model-form input{
+  border:1px solid var(--line); border-radius:4px; padding:8px 10px;
+  font-size:13px; font-family:inherit; background:var(--field-bg); color:var(--txt);
+}
+.model-form input:focus{ outline:none; border-color:var(--accent); }
+.model-form input::placeholder{ color:var(--placeholder); opacity:1; }
+
+/* 协议选择:分段控件(替代 native dropdown,样式可控)*/
+.model-form-field{ display:flex; flex-direction:column; gap:5px; font-size:12px; font-weight:500; color:var(--txt-2); }
+.seg-group{
+  display:flex; gap:4px; padding:3px;
+  border:1px solid var(--line); border-radius:4px; background:var(--field-bg);
+}
+.seg-opt{
+  flex:1; display:flex; align-items:center; justify-content:center;
+  padding:7px 10px; border-radius:4px; cursor:pointer;
+  font-size:12px; font-weight:500; color:var(--txt-2); font-family:var(--font-sans);
+  transition:background .12s, color .12s; user-select:none;
+}
+.seg-opt input{ position:absolute; opacity:0; pointer-events:none; }
+.seg-opt:hover{ background:var(--line-soft); color:var(--txt); }
+.seg-opt:has(input:checked){ background:var(--accent); color:var(--on-accent); }
+.seg-opt:has(input:checked):hover{ background:var(--accent); color:var(--on-accent); }
+.model-form .field-hint{ font-size:11px; font-weight:400; color:var(--muted); line-height:1.35; margin-top:2px; }
+#add-model-form .model-form-row{
+  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; width:100%;
+}
+#add-model-form .model-form-mini{
+  gap:4px; font-size:11px; font-weight:500; font-family:var(--font-sans);
+}
+#add-model-form .model-form-mini input[type="number"]{
+  padding:5px 6px; font-size:12px; line-height:1; height:30px;
+  border:1px solid var(--line); border-radius:4px;
+  background:var(--field-bg); color:var(--txt); font-family:inherit;
+}
+#add-model-form .model-form-mini input[type="number"]:focus{
+  outline:none; border-color:var(--accent);
+}
+.model-form-actions{ display:flex; gap:8px; margin-top:4px; }
+.model-form-actions .set-btn{ flex:1; justify-content:center; }
+.model-form-err{ font-size:12px; color:var(--danger-text); }
+
+.body{
+  --shell-pad:14px;
+  --shell-head-h:28px;
+  --shell-gap:10px;
+  --new-conv-h:40px;
+  --conv-list-pad-top:0;
+  --nav-align-pad:var(--shell-gap);
+  --chat-stack-gap:10px;
+  flex:1;
+  display:grid;
+  grid-template-columns:auto 0 minmax(0, 1fr) 0 auto;
+  grid-template-rows:minmax(0, 1fr);
+  min-height:0;
+  background:var(--bg);
+  padding:0;
+  position:relative;
+}
+.body > .sidebar{ grid-column:1; grid-row:1; min-height:0; }
+.body > .sb-resize{ grid-column:2; grid-row:1; }
+.body > .main{ grid-column:3; grid-row:1; min-width:0; min-height:0; }
+.body > .rp-resize{ grid-column:4; grid-row:1; }
+.body > .rightpanel{ grid-column:5; grid-row:1; min-height:0; }
+
+/* ============ ① 侧边栏（立体卡片 · 美术重点）============ */
+.sidebar{
+  width:232px; background:var(--panel);
+  border-right:1px solid var(--divider); border-radius:0; box-shadow:none;
+  overflow:hidden; display:flex; flex-direction:column;
+  padding:var(--shell-pad) 12px 12px;
+  box-sizing:border-box;
+  transition:width .2s, padding .2s, opacity .15s;
+}
+.brand{
+  display:flex; align-items:center; gap:0;
+  flex:0 0 var(--shell-head-h);
+  height:var(--shell-head-h);
+  max-height:var(--shell-head-h);
+  padding:0 6px;
+  box-sizing:border-box;
+  overflow:hidden;
+}
+.brand-text{ display:flex; flex-direction:column; min-width:0; justify-content:center; }
+.brand-name{
+  font-family:var(--font-brand);
+  font-weight:400;
+  font-size:17px;
+  line-height:1;
+  white-space:nowrap;
+}
+.brand-sub{ display:none; }
+
+.ga-num{
+  font-family:var(--font-num);
+  font-variant-numeric:var(--font-num-variant);
 }
 
-.tab-strip {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  align-items: flex-end;
-  gap: 2px;
-  overflow: hidden;
-  padding: 8px 0 0 0;
-  scrollbar-width: none;
+.nav{
+  display:flex; flex-direction:column; gap:2px; flex:1; min-height:0;
+  overflow:auto;
+  padding-top:var(--nav-align-pad);
+  box-sizing:border-box;
 }
-/* macOS: leave space for traffic-light buttons */
-body.platform-darwin .tab-strip {
-  padding-left: 80px;
+.nav-item{
+  display:flex; align-items:center; gap:8px; padding:0 8px;
+  height:28px; border-radius:var(--radius-sm); color:var(--txt-2); cursor:pointer;
+  font-size:13px; user-select:none; font-family:var(--font-sans);
 }
-.tab-strip::-webkit-scrollbar { display: none; }
+.ic{ width:16px; height:16px; flex:0 0 auto; }
+.nav-item .ic{ opacity:.85; }
+.fr-l{ display:flex; align-items:center; gap:8px; }
+.nav-item:hover{ background:var(--line-soft); }
+/* 选中态保留"加粗"观感,但用 text-shadow 模拟而非 font-weight,
+   避免真正改变字重导致字形占位变宽、引起布局抖动 */
+.nav-item.active{ background:var(--accent-bg); color:var(--txt-strong); text-shadow:-.3px 0 currentColor, .3px 0 currentColor, 0 0 .5px currentColor; }
+.nav-item.active .ic{ opacity:1; }
+.beta{
+  margin-left:auto; font-size:9px; font-weight:500; color:var(--accent);
+  background:var(--accent-soft); padding:1px 6px; border-radius:10px;
+}
+.nav-item.active .beta{ background:var(--card); }
 
-/* Chrome-like chat tabs */
-.session-tab {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  flex: 0 1 180px;
-  min-width: 60px;
-  height: 32px;
-  padding: 0 6px 0 10px;
-  border: 1px solid transparent;
-  border-bottom: 0;
-  border-radius: 10px 10px 0 0;
-  background: transparent;
-  color: var(--text-muted);
-  font: inherit;
-  font-size: 13px;
-  text-align: left;
-  white-space: nowrap;
-  overflow: hidden;
-  cursor: pointer;
+/* margin-top:6px 跟 .provider-quickstart 内部的 gap:6px 对齐,
+   保证「通义千问 → 配置」和「pq-head → DeepSeek」间距一致 */
+.sidebar-foot{ border-top:none; padding-top:0; margin-top:6px; }
+.foot-ver{
+  font-size:10px; color:var(--muted2); padding:10px 10px 2px;
+  font-family:var(--font-num); font-variant-numeric:var(--font-num-variant);
 }
-.session-tab .tab-label {
-  flex: 1;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
+.foot-row{
+  display:flex; justify-content:space-between; align-items:center;
+  padding:14px 10px; border-radius:var(--radius-sm); color:var(--txt-2); cursor:pointer;
+  font-family:var(--font-sans);
 }
-.session-tab .tab-dot {
-  flex-shrink: 0;
-  width: 7px; height: 7px;
-  border-radius: 50%;
-  background: var(--ok);
-  margin-right: 2px;
-}
-.session-tab .tab-dot.busy { background: var(--warn); animation: pulse 1.2s infinite; }
-.session-tab .tab-dot.err { background: var(--err); }
-.session-tab .tab-dot.warn { background: var(--warn); }
-.session-tab .tab-close {
-  flex-shrink: 0;
-  width: 18px;
-  height: 18px;
-  border-radius: 50%;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 14px;
-  line-height: 1;
-  color: var(--text-faint);
-  opacity: 0;
-  transition: opacity 0.1s, background 0.1s;
-  cursor: pointer;
-}
-.session-tab:hover .tab-close { opacity: 1; }
-.session-tab .tab-close:hover {
-  background: var(--bg-active);
-  color: var(--text);
-}
-.session-tab:hover { background: var(--bg-hover); color: var(--text); }
-.session-tab.active {
-  background: var(--bg);
-  border-color: var(--border);
-  color: var(--text);
-  font-weight: 600;
-}
-.session-tab.active .tab-close { opacity: 0.6; }
-.session-tab.active .tab-close:hover { opacity: 1; background: var(--bg-active); }
+.foot-row:hover{ background:var(--line-soft); }
+.chev{ width:14px; height:14px; color:var(--muted2); flex:0 0 auto; }
 
-.tab-new-btn {
-  width: 28px;
-  height: 28px;
-  margin: 0 8px 2px 2px;
-  border: 0;
-  border-radius: 50%;
-  background: transparent;
-  color: var(--text-muted);
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  flex-shrink: 0;
-  align-self: flex-end;
+/* ── 侧边栏「快速接入官方模型」:头部与「配置」按钮同款 foot-row 风格,
+   左侧 lightning 图标 + 标题,右侧 caretRight 跟"配置"完全一致,
+   展开时旋转 90° 朝下,折叠时朝右(== "配置"的 >)。默认展开,可折叠。── */
+.provider-quickstart{
+  flex:0 0 auto; margin-top:8px;
+  display:flex; flex-direction:column; gap:6px;
 }
-.tab-new-btn:hover { background: var(--bg-hover); color: var(--text); }
+.pq-head{
+  display:flex; justify-content:space-between; align-items:center;
+  padding:14px 10px; border-radius:var(--radius-sm); color:var(--txt-2); cursor:pointer;
+  font-family:var(--font-sans); user-select:none;
+}
+.pq-head:hover{ background:var(--line-soft); }
+.pq-collapse{ transition:transform .18s; transform-origin:center; }
+.pq-head:hover .pq-collapse{ color:var(--txt-2); }
+.pq-body{ display:flex; flex-direction:column; gap:6px; padding:0 10px; }
+/* 默认展开:箭头朝下;折叠:箭头朝右(== 「配置」的 >) */
+.provider-quickstart:not(.collapsed) .pq-collapse{ transform:rotate(90deg); }
+.provider-quickstart.collapsed .pq-collapse{ transform:rotate(0deg); }
+.provider-quickstart.collapsed{ gap:0; }
+.provider-quickstart.collapsed .pq-body{ display:none; }
+.pq-btn{
+  display:flex; align-items:center; gap:8px; width:100%;
+  padding:7px 8px; border:1px solid var(--line-base); border-radius:var(--radius-sm);
+  background:var(--field-bg); cursor:pointer; text-align:left;
+  transition:border-color .15s, background .15s;
+}
+.pq-btn:hover{ background:var(--card); border-color:var(--accent); }
+.pq-logo{
+  flex:0 0 auto; width:26px; height:26px; border-radius:7px;
+  display:flex; align-items:center; justify-content:center;
+}
+.pq-logo svg{ width:16px; height:16px; }
+.pq-btn-text{ flex:1; min-width:0; display:flex; flex-direction:column; gap:1px; }
+.pq-btn-name{ font-size:12px; font-weight:500; color:var(--txt); line-height:1.35; }
+.pq-btn-desc{ font-size:10px; color:var(--muted); line-height:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+.pq-arrow{ flex:0 0 auto; width:13px; height:13px; color:var(--muted2); transition:transform .15s, color .15s; }
+.pq-btn:hover .pq-arrow{ color:var(--accent); transform:translateX(2px); }
 
-.sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
+/* ── 添加模型弹窗内的接入指引横幅 ── */
+.model-guide{
+  margin:18px 18px 0; padding:12px 14px;
+  border:1px solid var(--line-base); border-radius:var(--radius-sm);
+  background:var(--field-bg);
+}
+.model-guide-head{ display:flex; align-items:center; gap:8px; margin-bottom:8px; }
+.model-guide-logo{
+  flex:0 0 auto; width:24px; height:24px; border-radius:6px;
+  display:flex; align-items:center; justify-content:center;
+}
+.model-guide-logo svg{ width:15px; height:15px; }
+.model-guide-name{ font-size:13px; font-weight:600; color:var(--txt-strong); }
+.model-guide-steps{ margin:0 0 8px; padding-left:18px; display:flex; flex-direction:column; gap:3px; }
+.model-guide-steps li{ font-size:12px; color:var(--txt-2); line-height:1.55; }
+.model-guide-link-row{ display:flex; align-items:center; gap:6px; }
+.model-guide-link{
+  flex:1; min-width:0; font-size:12px; font-weight:500; color:var(--accent);
+  text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
+}
+.model-guide-link:hover{ text-decoration:underline; }
+.model-guide-copy{
+  flex:0 0 auto; width:26px; height:26px; border:1px solid var(--line);
+  border-radius:6px; background:var(--panel); color:var(--muted);
+  display:flex; align-items:center; justify-content:center; cursor:pointer;
+}
+.model-guide-copy:hover{ color:var(--accent); border-color:var(--accent); }
+.model-guide-copy svg{ width:14px; height:14px; display:block; }
+.model-guide-tip{ margin:8px 0 0; font-size:11px; color:var(--muted); line-height:1.35; }
+.confirm-card{ width:360px; }
+.confirm-body{ min-height:0; padding:18px; }
+.confirm-message{ white-space:pre-wrap; color:var(--txt-2); font-size:13px; line-height:1.55; }
+.confirm-actions{ display:flex; gap:10px; margin-top:18px; }
+.confirm-actions .set-btn{ flex:1; justify-content:center; }
+
+/* ============ 中间主区 ============ */
+.main{
+  display:flex; flex-direction:column; min-width:0; min-height:0;
+  background:var(--panel);
+  border:0;
+  border-radius:0; box-shadow:none; overflow:hidden;
+  padding-top:var(--shell-pad);
+  box-sizing:border-box;
 }
 
-/* ─── Main ────────────────────────────────────────────────────────────── */
-#main {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  background: var(--bg);
+.topbar{
+  height:46px; flex:0 0 46px; display:flex; align-items:center;
+  justify-content:space-between; padding:0 16px; border-bottom:none;
+  background:var(--panel);
+}
+/* 各页面自带的顶栏(融入页面、随页面切换),沿用旧 .topbar 视觉,但归属各 page */
+.page > .page-top{
+  height:var(--shell-head-h); max-height:var(--shell-head-h);
+  flex:0 0 var(--shell-head-h);
+  display:grid; grid-template-columns:28px 1fr 28px; align-items:center;
+  padding:0 4px; column-gap:8px;
+  background:var(--panel);
+  box-sizing:border-box;
+}
+.page > .page-top .run-state{
+  grid-column:2; justify-self:center;
+  height:var(--shell-head-h); max-height:var(--shell-head-h);
+}
+.page > .page-top .pt-sb-toggle{ grid-column:1; justify-self:start; }
+.page > .page-top .pt-rp-toggle{ grid-column:3; justify-self:end; }
+.page > .page-top .pt-spacer{ grid-column:2; }
+/* 顶栏左右两侧的纯图标按钮(无边框、无背景):
+   左 .pt-sb-toggle = 开关左栏,右 .pt-rp-toggle = 开关右栏。
+   收起时 svg 旋转 180°,跟之前那两个箭头 toggle 的视觉行为一致。 */
+.pt-icon{
+  width:28px; height:28px; display:inline-flex; align-items:center; justify-content:center;
+  background:transparent; border:none; padding:0; flex:0 0 auto;
+  color:var(--txt-2); opacity:.7; cursor:pointer;
+  transition:opacity .15s, color .15s;
+}
+.pt-icon:hover{ opacity:1; color:var(--txt); }
+.pt-icon svg{ width:16px; height:16px; transition:transform .2s; }
+.body.sb-collapsed .pt-sb-toggle svg,
+.body.rp-collapsed .pt-rp-toggle svg{ transform:rotate(180deg); }
+.pt-spacer{ flex:1 1 auto; }
+.tb-left{ display:flex; align-items:center; gap:14px; font-size:12px; }
+.pill{
+  border:1px solid var(--line); background:var(--card); border-radius:20px;
+  padding:5px 12px; font-size:12px; color:var(--txt-2); cursor:pointer;
+}
+.pill:hover{ border-color:var(--line-strong); }
+/* 纯状态展示组件（不可点）：就绪/运行中=绿，未连接=红，连接中=灰 */
+.run-state{
+  display:flex; align-items:center; gap:9px; height:var(--shell-head-h); color:var(--ok);
+  font-weight:500; font-size:12px; border:none; background:transparent;
+  padding:0; font-family:inherit; cursor:default; line-height:1;
+}
+.run-state .dot{
+  width:9px; height:9px; border-radius:50%; background:var(--ok); flex:0 0 auto;
+}
+.run-state.connecting{ color:var(--muted); }
+.run-state.connecting .dot{ background:var(--muted2); }
+.run-state.offline{ color:var(--danger); }
+.run-state.offline .dot{ background:var(--danger-dot); }
+.run-state.busy{ color:var(--ok); }
+
+/* 呼吸灯：内圈常亮(容器 60%) + 中圈扩散（无转圈） */
+.ga-status-breathe,
+.run-state.busy .dot{
+  --breathe-color:var(--ok);
+  --breathe-box:12px;
+  --breathe-core:calc(var(--breathe-box) * 0.6);
+  position:relative;
+  display:inline-block;
+  width:var(--breathe-box);
+  height:var(--breathe-box);
+  flex:0 0 auto;
+  background:transparent !important;
+  border:none;
+  vertical-align:middle;
+}
+.ga-status-breathe--sm{ --breathe-box:10px; }
+.run-state.busy .dot{
+  width:var(--breathe-box);
+  height:var(--breathe-box);
+}
+.ga-status-breathe__core,
+.run-state.busy .dot::before{
+  content:'';
+  position:absolute;
+  left:50%; top:50%;
+  width:var(--breathe-core); height:var(--breathe-core);
+  transform:translate(-50%,-50%);
+  border-radius:50%;
+  background:var(--breathe-color);
+  z-index:2;
+}
+.ga-status-breathe__ring,
+.run-state.busy .dot::after{
+  content:'';
+  position:absolute;
+  left:50%; top:50%;
+  width:var(--breathe-core); height:var(--breathe-core);
+  transform:translate(-50%,-50%);
+  border-radius:50%;
+  border:1px solid color-mix(in srgb, var(--breathe-color) 52%, transparent);
+  z-index:1;
+  pointer-events:none;
+  animation:ga-status-breathe 1.75s ease-out infinite;
+}
+@keyframes ga-status-breathe{
+  0%{ transform:translate(-50%,-50%) scale(1); opacity:.55; }
+  100%{ transform:translate(-50%,-50%) scale(2.35); opacity:0; }
+}
+.link{ color:var(--accent); cursor:pointer; }
+.muted{ color:var(--muted); }
+.ic-btn{
+  width:30px; height:30px; border-radius:4px; border:1px solid transparent;
+  background:transparent; cursor:pointer; color:var(--icon);
+  display:flex; align-items:center; justify-content:center;
+}
+.ic-btn svg{ width:16px; height:16px; }
+.ic-btn:hover{ background:var(--line-soft); }
+
+.chat-tools{
+  display:flex; align-items:center; gap:8px; padding:10px 16px;
+  border-bottom:none;
+}
+.chat-tools .spacer{ flex:1; }
+
+/* ---- 多页面容器：一项导航一页 ---- */
+#pages{ flex:1; min-height:0; display:flex; flex-direction:column; }
+.page{ display:none; flex:1; min-height:0; flex-direction:column; min-width:0; }
+.page.active{ display:flex; }
+.page-pad{ flex:1; overflow:auto; padding:26px 30px; }
+.page-title{ font-size:18px; font-weight:600; color:var(--txt-strong); font-family:var(--font-sans); }
+.page-sub{ font-size:12px; color:var(--muted); margin-top:5px; margin-bottom:16px; }
+
+/* 聊天 / Conductor 共用对话布局（page--chat-ui） */
+.page.page--chat-ui{ min-height:0; width:100%; }
+.page.page--chat-ui > .page-top{ flex:0 0 var(--shell-head-h); }
+.page.page--chat-ui > .chat-shell{
+  flex:1; min-height:0; width:100%;
+  margin-top:var(--shell-gap);
+  padding:0 16px 16px;
+  display:flex; flex-direction:column;
+  box-sizing:border-box;
+}
+.page.page--chat-ui > .chat-shell > .chat-panel{
+  flex:1; min-height:0; width:100%;
+  display:flex; flex-direction:column;
+  gap:var(--chat-stack-gap);
+  box-sizing:border-box;
+}
+.page.page--chat-ui .msg-area{
+  position:relative;
+  flex:1; min-height:0;
+  width:100%;
+  overflow:auto;
+  display:flex;
+  flex-direction:column;
+  align-items:stretch;
+  justify-content:center;
+  gap:14px;
+  padding:16px 0;
+  margin:0;
+  border:none;
+  border-radius:0;
+  background:transparent;
+  box-sizing:border-box;
+}
+.page.page--chat-ui .composer-anchor,
+.page.page--chat-ui .composer,
+.page.page--chat-ui .composer-slot,
+.page.page--chat-ui .composer-inset{
+  width:100%;
+  min-width:0;
+  box-sizing:border-box;
+}
+.page.page--chat-ui .composer-anchor{
+  flex:0 0 auto;
+  padding:0;
+  margin:0;
+  background:transparent;
+}
+.page.page--chat-ui .composer{
+  padding:10px 0 0;
+}
+.page.page--chat-ui .composer-inset{
+  border:1px solid var(--line);
+  border-radius:var(--radius);
+  background:var(--card);
+}
+.page.page--chat-ui .msgs{
+  width:100%;
+  max-width:var(--chat-col-w);
+  margin:0 auto;
+}
+.page.page--chat-ui .chat-start{
+  width:100%;
+  max-width:var(--chat-col-w);
+  margin:0 auto;
 }
 
-#topbar {
-  height: 44px;
-  border-bottom: 1px solid var(--border);
-  display: flex;
-  align-items: stretch;
-  justify-content: space-between;
-  padding: 0 12px 0 0;
-  -webkit-app-region: drag;
-  flex-shrink: 0;
-  background: var(--bg-subtle);
+/* 聊天页（其它页面仍用下方默认） */
+.msg-area{
+  position:relative;
+  flex:1; overflow:auto; display:flex; flex-direction:column;
+  align-items:center; justify-content:center; gap:14px; padding:24px;
+  border:1px solid var(--line);
+}
+.session-loading{
+  position:absolute; inset:0; z-index:25;
+  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px;
+  background:color-mix(in srgb, var(--panel) 88%, transparent);
+  font-size:13px; font-weight:500; color:var(--txt-2);
+  pointer-events:none;
+}
+.session-loading[hidden]{ display:none !important; }
+.msg-area.is-session-loading .chat-start,
+.msg-area.is-session-loading .msgs{ visibility:hidden; }
+.msg-area.has-msgs .msg-loading{ margin-top:auto; }
+.msg-loading{
+  position:sticky; bottom:16px; align-self:center; z-index:20;
+  display:flex; align-items:center; gap:10px;
+  margin-top:12px; padding:10px 16px;
+  border-radius:999px; background:var(--card);
+  border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));
+  box-shadow:var(--shadow-pop);
+  font-size:13px; font-weight:500; color:var(--txt);
+  pointer-events:none;
+}
+.msg-loading[hidden]{ display:none !important; }
+.msg-area.is-loading .msg-loading{ animation:msg-loading-in .2s ease-out; }
+@keyframes msg-loading-in{
+  from{ opacity:0; transform:translateY(8px); }
+  to{ opacity:1; transform:translateY(0); }
+}
+.ga-spin{
+  width:20px; height:20px; flex:0 0 auto;
+  border:2.5px solid var(--line); border-top-color:var(--accent);
+  border-radius:50%; animation:ga-spin .65s linear infinite;
+}
+@keyframes ga-spin{ to{ transform:rotate(360deg); } }
+/* 有消息时必须顶对齐：父级 .page--chat-ui .msg-area 的 center 优先级更高，否则会滚不到顶部 */
+.page.page--chat-ui .msg-area.has-msgs{ align-items:stretch; justify-content:flex-start; }
+.conv-empty{ color:var(--muted2); font-size:12px; }
+
+/* 消息流 */
+.msgs{ width:100%; max-width:var(--chat-col-w); margin:0 auto; display:flex; flex-direction:column; gap:14px; }
+.msg{ display:flex; flex-wrap:wrap; }
+.msg.user{ justify-content:flex-end; }
+.msg.assistant,.msg.error{ justify-content:flex-start; }
+.msg.system{ justify-content:center; }
+.bubble{
+  max-width:80%; padding:10px 14px; border-radius:6px; font-size:var(--chat-font);
+  line-height:1.55; white-space:pre-wrap; word-break:break-word;
+  background:var(--accent-bg); color:var(--txt-strong);
+}
+.bubble.md{ white-space:normal; background:transparent; color:var(--txt); max-width:100%; width:100%; border-radius:4px; }
+.bubble.err{ background:var(--danger-bg); color:var(--danger-text); white-space:normal; }
+.bubble.sys{ background:transparent; color:var(--muted); font-size:12px; padding:4px 8px; }
+.bubble.md p{ margin:0 0 8px; } .bubble.md p:last-child{ margin:0; }
+/* ---- TUI 风格代码块 ---- */
+.code-block{ border:1px solid var(--line); border-radius:var(--radius-sm); overflow:hidden; margin:8px 0; }
+.code-block-head{
+  display:flex; align-items:center; justify-content:space-between;
+  padding:4px 12px; background:var(--field-bg); border-bottom:1px solid var(--line);
+  font-family:var(--font-mono); font-size:.75em; color:var(--muted);
+}
+.code-block-lang{ text-transform:uppercase; letter-spacing:.5px; font-weight:500; }
+.code-block-copy{
+  background:none; border:none; color:var(--muted); cursor:pointer;
+  font-size:1.1em; padding:2px 4px; border-radius:3px; line-height:1;
+  transition:color .15s, background .15s;
+}
+.code-block-copy:hover{ color:var(--txt); background:var(--hover-dim); }
+.code-block pre{ margin:0; border:none; border-radius:0; }
+.bubble.md pre{ background:var(--field-bg); border:1px solid var(--line); border-radius:4px; padding:10px 12px; overflow:auto; font-size:.86em; font-family:var(--font-mono); }
+.bubble.md pre code{ font-family:var(--font-mono); }
+.bubble.md .code-block pre{ background:var(--field-bg); border:none; border-radius:0; padding:12px 14px; overflow:auto; font-size:.86em; margin:0; }
+.bubble.md .code-block{ border:1px solid var(--line); }
+.bubble.md :not(pre) > code{ background:var(--field-bg); border-radius:4px; padding:1px 5px; font-size:.86em; font-family:var(--font-mono); }
+.bubble.md a{ color:var(--accent); }
+.bubble.md ul,.bubble.md ol{ margin:0 0 8px; padding-left:20px; }
+.bubble.md blockquote{
+  margin:0 0 8px; padding:0 0 0 12px;
+  border-left:3px solid var(--line-strong); color:var(--txt-2);
+}
+.bubble.md h1,.bubble.md h2,.bubble.md h3,.bubble.md h4,.bubble.md h5,.bubble.md h6{
+  color:var(--txt-strong); margin:0 0 8px; line-height:1.35; font-weight:600;
+}
+.bubble.md h1{ font-size:1.3em; } .bubble.md h2{ font-size:1.15em; } .bubble.md h3{ font-size:1.05em; }
+.bubble.md strong,.bubble.md b{ color:var(--txt-strong); font-weight:600; }
+.bubble.md hr{ border:none; border-top:1px solid var(--line-strong); margin:10px 0; }
+.bubble.md table{ width:100%; border-collapse:collapse; margin:0 0 8px; font-size:.92em; }
+.bubble.md th,.bubble.md td{ border:1px solid var(--line); padding:6px 10px; text-align:left; }
+.bubble.md th{ background:var(--line-soft); color:var(--txt-strong); }
+.fold{ margin:6px 0; border:none; border-radius:0; background:transparent; }
+.bubble .fold summary{ cursor:pointer; padding:6px 10px; font-size:.86em; color:var(--muted); user-select:none; list-style:none; display:flex; align-items:center; gap:4px; }
+.bubble .fold summary::-webkit-details-marker{ display:none; }
+.bubble .fold summary::marker{ display:none; content:''; }
+.bubble .fold summary::before{ content:'▶'; font-size:.7em; display:inline-block; transition:transform .2s ease; }
+.fold[open] > summary::before{ transform:rotate(90deg); }
+.bubble .fold summary:hover{ color:var(--txt-2); }
+.bubble .fold pre{ margin:0; padding:10px 12px; border:none; background:transparent; font-size:.86em; overflow:auto; }
+.cursor{ display:inline-block; width:7px; height:14px; background:var(--accent); vertical-align:-2px; margin-left:2px; animation:blink 1s steps(2) infinite; }
+.draft-tw-plain{
+  white-space:pre-wrap; word-break:break-word;
+  font-family:inherit; font-size:inherit; line-height:inherit;
+}
+.draft-tw-plain:empty{ display:none; }
+@keyframes blink{ 50%{ opacity:0; } }
+
+/* 预设功能卡片（现在嵌在聊天空状态）*/
+.chat-start{ width:100%; max-width:560px; }
+html[data-boot-has-sessions] .chat-start{ display:none !important; }
+.feature-head{ text-align:center; margin-bottom:22px; }
+.feature-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:12px; }
+.fcard{
+  border:1px solid var(--line); border-radius:4px; background:var(--card);
+  padding:16px 14px; cursor:pointer; transition:.15s;
+}
+.fcard:hover{ border-color:var(--accent); box-shadow:var(--shadow); transform:translateY(-1px); }
+.fcard.add{ border-style:dashed; background:var(--accent-soft); }
+.fc-ic{ width:26px; height:26px; color:var(--txt-strong); }
+.fc-t{
+  font-weight:500; font-size:13px; margin-top:10px; font-family:var(--font-sans);
+  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
+}
+.fc-d{
+  font-size:11px; color:var(--muted); margin-top:3px;
+  display:-webkit-box; -webkit-box-orient:vertical;
+  -webkit-line-clamp:2; line-clamp:2;
+  overflow:hidden; text-overflow:ellipsis; word-break:break-word;
 }
 
-.topbar-left, .topbar-right {
-  display: flex;
-  align-items: center;
-  gap: 0;
+/* 后台服务页 — 下划线 Tab(消息通道 / 状态面板)。margin 与 .tok-tabs 对齐
+   保证两个页面标题与 tab 之间间距一致 */
+.svc-tabs{
+  display:flex; gap:28px; margin:10px 0 0;
+  border-bottom:1px solid var(--line);
 }
-.topbar-right { display: none; }
-.topbar-left { flex: 1; min-width: 0; align-items: stretch; }
-.topbar-right { flex-shrink: 0; }
+.svc-tab{
+  padding:12px 0 10px; margin-bottom:-1px;
+  font-size:14px; font-weight:500; border:none; background:transparent;
+  color:var(--muted); cursor:pointer;
+  border-bottom:2px solid transparent; transition:color .15s, border-color .15s;
+}
+.svc-tab:hover{ color:var(--txt); }
+.svc-tab.active{ color:var(--txt-strong); border-bottom-color:var(--txt-strong); }
+.svc-panel{ display:none; margin-top:16px; }
+.svc-panel.active{ display:block; }
+.svc-panel .list{ margin-top:0; }
 
-#session-title {
-  font-size: 13px;
-  font-weight: 600;
-  margin: 0;
-  letter-spacing: -0.01em;
+/* 通用列表（消息通道 / 状态面板 / token 明细）*/
+.list{ display:flex; flex-direction:column; gap:6px; margin-top:14px; }
+.list-row{
+  display:flex; align-items:center; gap:12px; padding:11px 14px;
+  border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--card); font-size:13px;
+}
+.list-row.head{ background:var(--line-soft); color:var(--muted); font-size:11px; border:none; }
+.lr-ic{ width:18px; height:18px; color:var(--muted); flex:0 0 auto; }
+.grow{ flex:1; }
+.kv{ color:var(--muted); font-size:12px; min-width:54px; text-align:right; }
+.lr-st{ font-size:11px; padding:2px 8px; border-radius:10px; font-weight:500; }
+.lr-st.on{ color:var(--ok-strong); background:var(--ok-bg); }
+.lr-st.off{ color:var(--muted); background:var(--off-bg); }
+.lr-st.err{ color:var(--danger-text); background:var(--danger-bg); }
+.sw-mini{ width:32px; height:18px; border:none; border-radius:12px; background:var(--switch-off); position:relative; cursor:pointer; }
+.sw-mini i{ position:absolute; top:2px; left:2px; width:14px; height:14px; background:var(--on-accent); border-radius:50%; transition:.15s; }
+.sw-mini.on{ background:var(--accent); }
+.sw-mini.on i{ left:16px; }
+.sw-mini:disabled{ opacity:.45; cursor:not-allowed; }
+.link.sm{ font-size:12px; }
+.link-btn{
+  border:none; background:none; padding:0; font:inherit;
+  color:var(--accent); cursor:pointer;
+}
+.link-btn:disabled{ opacity:.45; cursor:not-allowed; }
+.list-row .link-btn, .list-row .sw-mini{ flex-shrink:0; }
+.list-empty{
+  margin-top:14px; padding:24px; text-align:center;
+  font-size:13px; color:var(--muted);
+}
+.toast-root{
+  position:fixed; left:50%; top:72px; transform:translateX(-50%);
+  z-index:99999; display:flex; flex-direction:column; align-items:center; gap:8px;
+  pointer-events:none; max-width:min(420px,92vw); width:max-content;
+}
+.toast{
+  padding:12px 20px; border-radius:var(--radius-sm);
+  font-size:13px; line-height:1.35;
+  box-shadow:var(--shadow-pop);
+  opacity:0; transform:translateY(-8px); transition:opacity .28s ease, transform .28s ease;
+  pointer-events:auto; text-align:center; min-width:200px;
+}
+.toast.show{ opacity:1; transform:translateY(0); }
+.toast-ok{
+  color:var(--success); background:var(--success-bg); border:1px solid var(--success-ring);
+}
+.toast-err{
+  color:var(--danger-text); background:var(--danger-bg); border:1px solid var(--danger-ring);
+}
+.toast-info{
+  color:var(--muted); background:var(--card); border:1px solid var(--line);
+  box-shadow:var(--shadow); padding:6px 12px; min-width:0; font-size:12px;
+}
+.toast-title{ font-weight:500; display:block; margin-bottom:2px; }
+.toast-detail{ font-size:12px; opacity:.88; display:block; word-break:break-word; }
+.toast-info .toast-title{ font-weight:500; margin-bottom:0; }
+.composer.is-locked{
+  opacity:.55; pointer-events:none; filter:saturate(.75);
+}
+.composer.is-locked .input{
+  background:var(--field-bg); cursor:not-allowed;
+}
+.chan-log-pre{
+  max-height:360px; overflow:auto; margin:0;
+  font-family:var(--font-mono); font-variant-numeric:var(--font-num-variant); font-size:13px; line-height:1.55;
+  color:var(--txt-2); background:var(--field-bg);
+  border:1px solid var(--line); border-radius:var(--radius-sm);
+  padding:14px 16px; white-space:pre-wrap; word-break:break-word;
+}
+.modal-card-wide{ width:min(720px,92vw); }
+.modal-card-inset{ width:min(680px,calc(92vw - 48px)); }
+.modal-body-inset{ padding:0 18px 18px; min-height:0; }
+.chan-config-body{
+  display:flex; flex-direction:column; gap:8px;
+}
+.mykey-editor{
+  flex:1; min-height:420px; width:100%;
+  padding:0; margin:0;
+  font-family:var(--font-mono); font-variant-numeric:var(--font-num-variant); font-size:13px; line-height:1.55;
+  color:var(--txt); background:var(--card);
+  border:none; border-radius:0; resize:vertical; outline:none;
+}
+.mykey-editor:focus{ outline:none; }
+.chan-config-foot{
+  display:flex; justify-content:flex-end;
+}
+.chan-config-save{
+  border:1px solid var(--line); background:var(--card); color:var(--txt-2);
+  border-radius:6px; padding:5px 12px; font-size:12px; font-weight:500;
+  font-family:inherit; cursor:pointer;
+}
+.chan-config-save:hover{ background:var(--hover-2); }
+.chan-config-save:disabled{ opacity:.45; cursor:not-allowed; }
+.chan-meta{ display:flex; flex-direction:column; gap:2px; min-width:0; }
+.chan-meta .chan-name{ font-size:14px; }
+.chan-meta .chan-path{ font-size:11px; color:var(--muted); font-family:var(--font-mono); font-variant-numeric:var(--font-num-variant); }
+
+/* 协作动态卡片 */
+.card-row{ display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:12px; margin:14px 0; }
+.card-mini{ border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--card); padding:14px; }
+.card-mini b{ font-size:13px; }
+.cm-st{ font-size:11px; font-weight:500; margin-top:8px; }
+.cm-st.on{ color:var(--ok-strong); } .cm-st.idle{ color:var(--muted); }
+.cm-d{ font-size:11px; color:var(--muted); margin-top:4px; }
+
+/* token 汇总卡 — tab 复用 .svc-tabs/.svc-tab 的下划线样式(原蓝色 pill 弃用) */
+.tok-tabs{
+  display:flex; gap:28px; margin:10px 0 0;
+  border-bottom:1px solid var(--line);
+}
+.tok-tab{
+  padding:12px 0 10px; margin-bottom:-1px;
+  font-size:14px; font-weight:500; border:none; background:transparent;
+  color:var(--muted); cursor:pointer;
+  border-bottom:2px solid transparent; transition:color .15s, border-color .15s;
+}
+.tok-tab:hover{ color:var(--txt); background:transparent; }
+.tok-tab.active{
+  color:var(--txt-strong); border-color:transparent; border-bottom-color:var(--txt-strong);
+  background:transparent;
+}
+.tok-filter{ display:flex; align-items:center; gap:8px; margin:12px 0; flex-wrap:wrap; }
+.tok-filter label{ font-size:12px; color:var(--muted); }
+.tok-date{
+  box-sizing:border-box; height:30px;
+  border:1px solid var(--line); border-radius:6px; padding:0 8px;
+  font-size:12px; background:var(--field-bg); color:var(--txt); cursor:pointer;
+  width:160px;
+}
+.tok-date:focus{ border-color:var(--accent); outline:none; }
+/* Flatpickr 主题覆盖 — 全部使用项目 CSS 变量 */
+.flatpickr-calendar{
+  background:var(--card) !important; border:1px solid var(--line) !important; border-radius:var(--radius) !important;
+  box-shadow:var(--shadow-pop) !important; font-family:inherit !important; font-size:13px !important;
+}
+.flatpickr-months .flatpickr-month,
+.flatpickr-current-month{ color:var(--txt) !important; fill:var(--txt) !important; font-weight:500 !important; }
+.flatpickr-current-month .flatpickr-monthDropdown-months,
+.flatpickr-current-month input.cur-year{ color:var(--txt) !important; background:var(--field-bg) !important; font-weight:500 !important; font-size:13px !important; }
+.flatpickr-weekdays{ background:var(--field-bg) !important; }
+span.flatpickr-weekday{ color:var(--muted) !important; font-size:11px; }
+.flatpickr-day{
+  color:var(--txt) !important; border-radius:6px;
+}
+.flatpickr-day:hover{ background:var(--hover-2) !important; border-color:transparent !important; }
+.flatpickr-day.today{ border-color:var(--accent) !important; }
+.flatpickr-day.selected{ background:var(--accent) !important; color:var(--on-accent) !important; border-color:var(--accent) !important; }
+.flatpickr-day.prevMonthDay,
+.flatpickr-day.nextMonthDay{ color:var(--muted2) !important; }
+.flatpickr-time input,
+.flatpickr-time .flatpickr-am-pm{ color:var(--txt) !important; background:var(--field-bg) !important; }
+.flatpickr-time input:hover,
+.flatpickr-time input:focus{ background:var(--hover-2) !important; }
+.numInputWrapper:hover{ background:var(--hover-2) !important; }
+.flatpickr-months .flatpickr-prev-month,
+.flatpickr-months .flatpickr-next-month{ fill:var(--txt-2) !important; }
+.flatpickr-months .flatpickr-prev-month:hover svg,
+.flatpickr-months .flatpickr-next-month:hover svg{ fill:var(--txt) !important; }
+.tok-reset{
+  box-sizing:border-box; height:30px; display:inline-flex; align-items:center;
+  border:1px solid var(--line); border-radius:4px; padding:0 10px;
+  font-size:12px; background:var(--field-bg); color:var(--muted); cursor:pointer;
+}
+.tok-reset:hover{ background:var(--hover-2); color:var(--txt-2); }
+/* 固定列宽:数字列按 fmtTok 最长输出"123.45M"宽度估算固定 px,
+   第一列(会话名/指挥家累计 等)拿剩余空间,过长用省略号 + title tooltip */
+.tok-table{ width:100%; border-collapse:collapse; margin-top:14px; font-size:13px; table-layout:fixed; }
+.tok-table th{ text-align:left; padding:8px 12px; font-size:11px; color:var(--muted); background:var(--line-soft); font-weight:500; }
+.tok-table th:not(:first-child){ text-align:right; }
+.tok-table td{ padding:9px 12px; border-bottom:1px solid var(--line-soft); }
+.tok-table td:not(:first-child){ text-align:right; color:var(--muted); font-size:12px; font-family:var(--font-num); font-variant-numeric:var(--font-num-variant); }
+.tok-table td:first-child{ font-weight:500; color:var(--txt-strong); }
+/* 第一列自动占剩余宽度,溢出省略 */
+.tok-table th:first-child, .tok-table td:first-child{
+  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
+}
+/* 数字列固定 80px,缓存率列 85px */
+.tok-table th:nth-child(n+2):nth-child(-n+5),
+.tok-table td:nth-child(n+2):nth-child(-n+5){ width:80px; }
+.tok-table th:nth-child(6),
+.tok-table td:nth-child(6){ width:85px; }
+/* Conductor tab 只有两行汇总: 用自动列宽铺满,数字列均匀分布,不让首列吃掉所有空间 */
+.tok-table--conductor{ table-layout:auto; }
+.tok-table--conductor th:first-child, .tok-table--conductor td:first-child{ overflow:visible; white-space:nowrap; }
+.tok-table--conductor th:nth-child(n+2):nth-child(-n+5),
+.tok-table--conductor td:nth-child(n+2):nth-child(-n+5),
+.tok-table--conductor th:nth-child(6),
+.tok-table--conductor td:nth-child(6){ width:auto; }
+.tok-row-session{ cursor:pointer; }
+.tok-row-session:hover td{ background:var(--hover-dim); }
+.tok-row-session td:first-child::before{ content:'▶'; margin-right:6px; font-size:10px; color:var(--muted2); transition:transform .15s; display:inline-block; }
+.tok-row-session.open td:first-child::before{ transform:rotate(90deg); }
+.tok-row-conductor{ cursor:default; }
+.tok-row-conductor td:first-child::before{ content:''; margin:0; }
+.tok-cond-ico{ width:1em; height:1em; vertical-align:-0.15em; margin-right:5px; }
+.tok-row-conductor:hover td{ background:var(--hover-dim); }
+.tok-detail td{ padding:5px 12px 5px 32px; font-size:11px; color:var(--muted); border-bottom:1px solid var(--line-soft); background:var(--field-bg); }
+.tok-detail td:not(:first-child){ text-align:right; }
+.tok-detail[hidden]{ display:none; }
+.tok-model-tip{
+  color:var(--accent);
+}
+.tok-pager{ display:flex; gap:4px; justify-content:center; margin-top:12px; flex-wrap:wrap; align-items:center; }
+.tok-pager button{
+  min-width:28px; height:28px; border:1px solid var(--line); border-radius:4px;
+  background:var(--card); color:var(--txt-2); font-size:12px; cursor:pointer;
+  display:inline-flex; align-items:center; justify-content:center;
+}
+/* 首尾箭头按钮用 phosphor SVG,跟侧栏 .chev 同款灰色,尺寸略小 */
+.tok-pager-arrow svg{ width:12px; height:12px; color:var(--muted2); }
+.tok-pager-arrow:hover:not(:disabled) svg{ color:var(--txt-2); }
+.tok-pager button:hover:not(:disabled){ background:var(--hover-2); }
+.tok-pager button:disabled{ opacity:.4; cursor:default; }
+.tok-pager button.active{ background:var(--accent); color:var(--on-accent); border-color:var(--accent); }
+.tok-pager-gap{ color:var(--muted); padding:0 4px; font-size:12px; user-select:none; }
+.tok-deleted{ margin-left:6px; font-size:10px; font-weight:400; color:var(--muted2); background:var(--line-soft); border-radius:3px; padding:1px 5px; }
+.stat-row{ display:flex; gap:12px; margin:14px 0; }
+.stat{ flex:1; border:1px solid var(--line); border-radius:var(--radius); background:var(--card); padding:16px; text-align:center; }
+.s-n{ font-size:20px; font-weight:600; color:var(--txt-strong); font-family:var(--font-num); font-variant-numeric:var(--font-num-variant); }
+.s-l{ font-size:11px; color:var(--muted); margin-top:4px; }
+
+.composer{
+  position:relative; padding:12px 16px 16px;
+  border-top:none;
+  background:var(--panel);
+}
+.chip{
+  border:1px solid var(--line); background:transparent; border-radius:0;
+  padding:0 11px; min-height:30px; font-size:12px; font-weight:500; color:var(--txt-2); cursor:pointer;
+  font-family:var(--font-sans);
+  display:inline-flex; align-items:center; gap:5px;
+}
+.chip.sm{
+  padding:0 12px;
+  min-height:32px;
+  font-family:var(--font-sans);
+  font-size:14px;
+  font-weight:700;
+  line-height:1;
+  text-transform:uppercase;
+  color:var(--txt-strong);
+  background:var(--field-bg);
+  border-color:var(--line-strong);
+}
+.chip-ic{ width:12px; height:12px; flex:0 0 auto; transition:transform .18s; }
+.chip.open .chip-ic{ transform:rotate(180deg); }
+.cb-left .chip{
+  border-top:0; border-bottom:0; border-left:0; border-right:1px solid var(--line);
+  background:transparent;
+}
+.cb-left .chip.sm{
+  background:var(--field-bg);
+  color:var(--txt-strong);
+  border-right:1px solid var(--line-strong);
+}
+.cb-left .chip:first-child{ border-left:0; border-top-left-radius:4px; border-bottom-left-radius:4px; }
+.cb-left .chip:last-child{ border-right:0; border-top-right-radius:4px; border-bottom-right-radius:4px; }
+.cb-left .chip:only-child{ border-radius:4px; border-right:0; }
+.composer-inset{
+  width:100%;
+  border:1px solid var(--line); border-radius:var(--radius);
+  background:var(--card);
+  display:grid;
+  grid-template-columns:1fr;
+}
+.composer-inset .thumb-strip{ padding:8px 12px 0; }
+.composer-inset.is-inline{
+  grid-template-columns:1fr auto;
+}
+.composer-inset.is-inline .thumb-strip{ grid-column:1 / -1; }
+.composer-inset.is-inline .input{ grid-column:1; }
+.composer-inset.is-inline .composer-bot{
+  grid-column:2;
+  padding:0 8px 0 0;
+  align-self:end;
+}
+.composer-inset.is-inline .composer-bot .spacer{ display:none; }
+.composer-inset:focus-within{
+  border-color:var(--accent);
+  box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent);
+}
+.composer-inset .input{
+  width:100%; min-height:38px; max-height:160px; overflow-y:auto;
+  border:none; border-radius:0; background:transparent;
+  padding:10px 12px; font-size:13px; line-height:1.55; outline:none;
+  font-family:inherit; color:var(--txt);
+  white-space:pre-wrap; word-break:break-word;
+}
+/* contenteditable 空提示（textarea 的 placeholder 等价物）*/
+.composer-inset .input:empty::before{
+  content:attr(data-ph); color:var(--muted); pointer-events:none;
+  font-size:13px; font-weight:400;
+}
+.composer-inset .composer-bot{
+  margin-top:0; padding:2px 10px 8px; justify-content:flex-start;
+}
+.composer-inset .composer-bot .spacer{ flex:1; }
+.composer-plus-wrap{ position:relative; flex:0 0 auto; }
+.composer-plus-wrap .composer-menu{
+  left:0; right:auto; top:auto; bottom:calc(100% + 6px); min-width:180px;
+}
+.composer-plus{ width:34px; height:34px; }
+.composer-inset .composer-bot > #model-chip,
+.composer-inset .composer-bot > #cdb-model-chip{ border:none; border-radius:4px; }
+/* 原子附件 chip（像 @人，光标进不去、退格整块删）*/
+.ph-chip{
+  display:inline-flex; align-items:center; vertical-align:baseline;
+  margin:0 2px; padding:1px 8px; border-radius:6px;
+  background:color-mix(in srgb, var(--accent) 22%, transparent); color:var(--accent);
+  font-size:.9em; white-space:nowrap; user-select:none; cursor:default;
+}
+.composer-bot{ display:flex; align-items:center; justify-content:flex-end; gap:8px; }
+.cb-left{
+  display:inline-flex; align-items:stretch; gap:0;
+  border:1px solid var(--line); border-radius:4px; overflow:hidden;
+  background:var(--field-bg);
+}
+.send{
+  position:relative;
+  width:34px; height:34px; border-radius:6px; border:none; cursor:pointer;
+  background:var(--ink-green); color:#fff;
+  display:flex; align-items:center; justify-content:center;
+  transition:background .15s;
+}
+.send:hover:not(:disabled):not(.is-stop){ background:var(--ink-green-hover); }
+.send:disabled{ opacity:.7; cursor:not-allowed; }
+.send.is-busy svg{ visibility:hidden; }
+.send.is-busy::after{
+  content:''; position:absolute; inset:0; margin:auto;
+  width:16px; height:16px;
+  border:2px solid color-mix(in srgb, var(--on-accent) 35%, transparent);
+  border-top-color:var(--on-accent); border-radius:50%;
+  animation:ga-spin .65s linear infinite;
+}
+.send svg{ width:15px; height:15px; }
+/* 运行中：发送键变红色停止键（点击=暂停当前回合）。回车仍走发送（打断重发）。 */
+.send.is-stop{ background:var(--danger); cursor:pointer; }
+.send.is-stop:hover{ background:var(--danger-dot); }
+.send.is-stop svg{ display:none; }
+.send.is-stop::after{
+  content:''; width:12px; height:12px; border-radius:3px;
+  background:var(--on-accent);
 }
 
-.badge {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  padding: 3px 8px;
-  border-radius: 10px;
-  background: var(--bg-subtle);
-  border: 1px solid var(--border);
-  font-size: 11px;
-  color: var(--text-muted);
+/* ============ ④ 右侧会话面板 ============ */
+.rp-toggle, .sb-toggle{
+  position:relative; z-index:10; align-self:center;
+  width:20px; height:36px; border:0; background:none; border-radius:4px;
+  cursor:pointer; display:flex; align-items:center; justify-content:center;
+  color:var(--txt-2); flex:0 0 auto; margin-right:-10px; margin-left:-10px;
+  opacity:.55;  /* 展开态：纯图标按钮，无底无框 */
+  transition:color .15s, opacity .15s, background .15s, width .2s, margin .2s;
+}
+.rp-toggle:hover, .sb-toggle:hover{ opacity:1; color:var(--txt); background:var(--hover-2); }
+.rp-toggle svg, .sb-toggle svg{ width:14px; height:14px; transition:transform .2s; }
+/* 视觉上压进对应面板内侧（不改变 flex 布局，仅位移） */
+.rp-toggle{ transform:translateX(24px); }
+.sb-toggle{ transform:translateX(-22px); }
+
+.body.rp-collapsed .rp-toggle svg,
+.body.sb-collapsed .sb-toggle svg{ transform:rotate(180deg); }
+.body.rp-collapsed .rp-toggle{
+  position:absolute; right:7px; top:50%; transform:translateY(-50%);
+  margin:0; width:20px; opacity:.6;
+  border:1px solid var(--line); background:var(--panel);  /* 折叠态：恢复成边缘小标签 */
+}
+.body.sb-collapsed .sb-toggle{
+  position:absolute; left:7px; top:50%; transform:translateY(-50%);
+  margin:0; width:20px; opacity:.6;
+  border:1px solid var(--line); background:var(--panel);
+}
+.body.rp-collapsed .rp-toggle:hover,
+.body.sb-collapsed .sb-toggle:hover{ opacity:1; background:var(--panel); border-color:var(--line-strong); }
+
+.rp-resize, .sb-resize{
+  width:6px; min-width:0; cursor:col-resize; border-radius:2px;
+  background:transparent; transition:background .15s;
+  align-self:stretch; justify-self:stretch;
+  position:relative; z-index:5;
+  margin:0 -3px;
+}
+.rp-resize:hover, .rp-resize.dragging,
+.sb-resize:hover, .sb-resize.dragging{ background:var(--accent); }
+.body.rp-collapsed .rp-resize,
+.body.sb-collapsed .sb-resize{ display:none; }
+
+/* 侧边栏折叠时整块隐藏 */
+.body.sb-collapsed .sidebar{
+  width:0; padding:0; border:none; opacity:0; pointer-events:none; overflow:hidden;
+  margin:0; display:none;
 }
 
-.status-dot {
-  width: 6px; height: 6px;
-  border-radius: 50%;
-  background: var(--text-faint);
+.rightpanel{
+  width:220px; background:var(--panel);
+  border-left:1px solid var(--divider); border-radius:0; box-shadow:none;
+  overflow:hidden;
+  padding:var(--shell-pad) 12px 12px;
+  box-sizing:border-box;
+  display:flex; flex-direction:column; gap:var(--shell-gap);
+  transition:width .2s, padding .2s, opacity .15s;
 }
-.badge.ok .status-dot { background: var(--ok); }
-.badge.warn .status-dot { background: var(--warn); }
-.badge.err .status-dot { background: var(--err); }
-.badge.busy .status-dot { background: var(--warn); animation: pulse 1.2s infinite; }
+.rp-head{
+  flex:0 0 auto;
+  display:block;
+  box-sizing:border-box;
+}
+.search{
+  display:flex; align-items:center; gap:6px; border:1px solid var(--line);
+  border-radius:4px; padding:0 10px; color:var(--muted); font-size:12px;
+  min-height:var(--shell-head-h);
+  box-sizing:border-box;
+}
+.search input{ border:none; outline:none; flex:1; font-size:12px; background:transparent; color:var(--txt); }
+.search-ic{ width:14px; height:14px; color:var(--muted); flex:0 0 auto; }
+.new-conv{
+  flex:0 0 var(--new-conv-h);
+  min-height:var(--new-conv-h);
+  width:100%;
+  box-sizing:border-box;
+  border:1px solid var(--line); background:var(--line-soft); border-radius:4px;
+  padding:0 12px; font-size:13px; color:var(--txt-2); cursor:pointer; font-weight:500;
+  display:flex; align-items:center; justify-content:center; gap:7px; font-family:var(--font-sans);
+}
+.new-conv svg{ width:14px; height:14px; }
+.new-conv:hover{ background:var(--hover-2); }
+.conv-list{
+  flex:1; display:flex; flex-direction:column; align-items:stretch; gap:6px;
+  padding-top:var(--conv-list-pad-top);
+  overflow:auto; min-height:0;
+  scrollbar-width:none;
+  -ms-overflow-style:none;
+}
+.conv-list::-webkit-scrollbar{ display:none; width:0; height:0; }
+.body.rp-collapsed .rightpanel{
+  width:0; padding:0; border:none; opacity:0; pointer-events:none; overflow:hidden;
+  margin:0; display:none;
+}
+.conv-empty{ color:var(--muted2); font-size:12px; }
+.conv-item{ display:flex; align-items:center; gap:9px; padding:9px 10px; border-radius:4px; cursor:pointer; }
+.conv-item:hover{ background:var(--line-soft); }
+.conv-item.active{ background:var(--accent-bg); }
+.ci-dot{ width:7px; height:7px; border-radius:50%; background:var(--ok); flex:0 0 auto; }
+.conv-item.idle .ci-dot{ background:var(--dot-idle); }
+.ci-main{ flex:1; min-width:0; }
+.ci-title{ font-size:13px; font-weight:500; color:var(--txt-strong); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
+.ci-rename-input{
+  font-size:13px; font-weight:500; color:var(--txt-strong); width:100%;
+  border:1px solid var(--accent); border-radius:4px; padding:1px 4px;
+  background:var(--field-bg); outline:none;
+}
+.ci-pin{ width:14px; height:14px; color:var(--accent); margin-right:3px; vertical-align:-3px; flex:0 0 auto; display:inline-block; }
+.ci-meta{ font-size:11px; color:var(--muted); margin-top:2px; }
+.ci-more{
+  flex:0 0 auto; width:26px; height:26px; border:none; background:transparent;
+  color:var(--txt-3); border-radius:4px; cursor:pointer;
+  display:flex; align-items:center; justify-content:center;
+  opacity:0; transition:opacity .12s;
+}
+.ci-more svg{ width:20px; height:20px; }
+.conv-item:hover .ci-more, .conv-item.active .ci-more{ opacity:1; }
+.ci-more:hover{ background:var(--hover-dim); color:var(--txt-2); }
 
-@keyframes pulse { 50% { opacity: 0.3; } }
+.ctx-menu{
+  position:fixed; z-index:200; min-width:124px; background:var(--card);
+  border:1px solid var(--line); border-radius:4px; padding:4px;
+  box-shadow:var(--shadow-pop);
+}
+.ctx-menu[hidden]{ display:none; }
+.ctx-item{
+  display:flex; align-items:center; gap:8px; padding:8px 10px;
+  font-size:12px; border-radius:4px; cursor:pointer; color:var(--txt-strong); user-select:none;
+}
+.ctx-item svg{ width:15px; height:15px; flex:0 0 auto; }
+.ctx-item:hover{ background:var(--line-soft); }
+.ctx-item.danger{ color:var(--danger); }
+.ctx-item.danger:hover{ background:var(--danger-bg); }
 
-/* ─── Messages ─────────────────────────────────────────────────────────── */
-#messages {
-  flex: 1;
-  overflow-y: auto;
-  padding: 24px 20px 8px;
+/* Plan 卡片：吸附在输入框左上方（半悬浮窄卡） */
+.composer-anchor{
+  position:relative;
+  flex:0 0 auto;
+  padding:0;
+  background:var(--panel);
+}
+.composer-anchor > .composer{
+  padding:0;
+  background:transparent;
+}
+.composer-slot{
+  position:relative;
+  width:100%;
+}
+.plan-card{
+  position:absolute;
+  left:10px;
+  bottom:100%;
+  margin-bottom:0;
+  z-index:13;
+  width:min(600px, 100%);
+  min-width:280px;
+  max-width:100%;
+  box-sizing:border-box;
+  font-size:12px;
+  line-height:1.35;
+  color:var(--txt);
+  pointer-events:auto;
+}
+.plan-card[hidden]{ display:none !important; }
+.plan-card--expanded{
+  padding:10px 12px 8px;
+  background:var(--card);
+  border:1px solid var(--line);
+  border-bottom:none;
+  border-left:3px solid var(--accent);
+  border-radius:var(--radius-sm) var(--radius-sm) 0 0;
+  box-shadow:0 -4px 16px #14192812, 0 -1px 0 var(--line) inset;
+}
+.plan-card--collapsed{
+  width:auto;
+  min-width:0;
+  max-width:min(520px, 70%);
+  margin-bottom:0;
+}
+/* 吸附：卡片底与输入框顶共边，视觉上连成一体 */
+.composer-slot:has(.plan-card:not([hidden])) .composer-inset{
+  border-top-left-radius:0;
+  border-top-right-radius:0;
+}
+.composer-slot:has(.plan-card--collapsed:not([hidden])) .plan-capsule{
+  border-radius:var(--radius-sm) var(--radius-sm) 0 0;
+  border-bottom:1px solid var(--line);
+  box-shadow:0 -4px 12px #14192810;
+}
+.plan-card-head{
+  display:flex;
+  align-items:center;
+  gap:8px;
+  margin-bottom:6px;
+}
+.plan-status-dot{
+  flex:0 0 auto;
+  width:7px; height:7px;
+  border-radius:50%;
+  background:var(--accent);
+}
+.plan-card--complete .plan-status-dot{ background:var(--success); }
+.plan-card--placeholder .plan-status-dot{
+  animation:plan-dot-pulse 1.4s ease-in-out infinite;
+}
+@keyframes plan-dot-pulse{
+  0%,100%{ opacity:1; transform:scale(1); }
+  50%{ opacity:.55; transform:scale(.92); }
+}
+.plan-title{
+  flex:1 1 auto;
+  font-weight:600;
+  font-size:12px;
+  color:var(--txt-strong);
+  min-width:0;
+  white-space:nowrap;
+  overflow:hidden;
+  text-overflow:ellipsis;
+}
+.plan-progress{
+  flex:0 0 auto;
+  font-weight:600;
+  font-size:12px;
+  color:var(--accent);
+  font-family:var(--font-num);
+  font-variant-numeric:var(--font-num-variant);
+}
+.plan-card--complete .plan-progress{ color:var(--success); }
+.plan-head-actions{
+  flex:0 0 auto;
+  display:flex;
+  align-items:center;
+  gap:4px;
+}
+.plan-btn{
+  border:0;
+  background:transparent;
+  padding:2px 6px;
+  font-size:11px;
+  font-weight:500;
+  color:var(--accent);
+  cursor:pointer;
+  border-radius:var(--radius-sm);
+  font-family:var(--font-sans);
+}
+.plan-btn:hover{ background:var(--accent-soft); }
+.plan-current{
+  display:flex;
+  gap:4px;
+  align-items:flex-start;
+  margin-bottom:8px;
+  padding-left:15px;
+}
+.plan-current-label{
+  flex:0 0 auto;
+  color:var(--muted);
+  font-size:11px;
+}
+.plan-current-text{
+  flex:1 1 auto;
+  color:var(--accent);
+  font-weight:500;
+  word-break:break-word;
+}
+.plan-card--complete .plan-current-text{ color:var(--success); }
+.plan-wait{
+  color:var(--muted2);
+  padding:0 0 4px 15px;
+  font-size:11px;
+}
+.plan-items{
+  list-style:none;
+  margin:0;
+  padding:0 0 4px 15px;
+}
+.plan-item{
+  display:flex;
+  gap:6px;
+  align-items:flex-start;
+  margin-top:3px;
+}
+.plan-item-mark{
+  flex:0 0 auto;
+  width:1.1em;
+  text-align:center;
+  line-height:1.35;
+}
+.plan-item-text{
+  flex:1 1 auto;
+  word-break:break-word;
+}
+.plan-item--done .plan-item-mark,
+.plan-item--done .plan-item-text{
+  color:var(--muted);
+  opacity:.75;
+}
+.plan-item--done .plan-item-text{ text-decoration:line-through; }
+.plan-item--current .plan-item-mark{ color:var(--accent); }
+.plan-item--current .plan-item-text{ color:var(--accent); font-weight:500; }
+.plan-item--pending .plan-item-mark,
+.plan-item--pending .plan-item-text{ color:var(--muted); }
+.plan-item--error .plan-item-mark,
+.plan-item--error .plan-item-text{ color:var(--danger); }
+.plan-item--warn .plan-item-mark,
+.plan-item--warn .plan-item-text{ color:#c67600; }
+html[data-appearance="dark"] .plan-item--warn .plan-item-mark,
+html[data-appearance="dark"] .plan-item--warn .plan-item-text{ color:#f0a020; }
+.plan-foot{
+  display:flex;
+  justify-content:flex-end;
+  gap:8px;
+  padding-top:4px;
+  border-top:1px solid var(--line-soft);
+  margin-top:4px;
+}
+.plan-more-hint{
+  flex:1 1 auto;
+  align-self:center;
+  font-size:11px;
+  color:var(--muted2);
+  text-align:left;
+}
+.plan-capsule{
+  display:inline-flex;
+  align-items:center;
+  gap:8px;
+  max-width:100%;
+  padding:6px 12px;
+  border:1px solid var(--line);
+  border-left:3px solid var(--accent);
+  border-radius:999px;
+  background:var(--card);
+  cursor:pointer;
+  font-size:12px;
+  font-weight:500;
+  color:var(--txt);
+  box-shadow:var(--shadow);
+  font-family:var(--font-sans);
+}
+.plan-capsule:hover{ border-color:var(--line-strong); background:var(--field-bg); }
+.plan-capsule-text{
+  min-width:0;
+  white-space:nowrap;
+  overflow:hidden;
+  text-overflow:ellipsis;
+  color:var(--txt-2);
+}
+.plan-capsule-text em{
+  font-style:normal;
+  color:var(--accent);
+  font-weight:600;
+}
+.plan-card--complete .plan-capsule{ border-left-color:var(--success); }
+.plan-card--complete .plan-capsule-text em{ color:var(--success); }
+
+/* ─── chat composer: Plan/Auto toggle ─── */
+.chip.on{
+  background:var(--accent);
+  color:var(--on-accent);
+  border-color:var(--accent);
+  font-weight:700;
+}
+/* 组内 .cb-left .chip.sm 的底色/字色优先级(0,3,0)高于 .chip.on(0,2,0)，会把开态盖掉，
+   导致根本看不出开/关；这里用 (0,4,0) 覆盖：开态 = 主题色实底高亮，一眼可辨 */
+.cb-left .chip.sm.on{
+  background:var(--accent);
+  color:var(--on-accent);
+  border-right-color:var(--accent);
 }
 
-#messages.empty {
-  display: flex;
-  align-items: center;
-  justify-content: center;
+/* ─── chat composer: model dropdown menu ─── */
+.ga-menu{
+  position:absolute;
+  background:var(--card);
+  border:1px solid var(--line);
+  border-radius:4px;
+  box-shadow:var(--shadow);
+  padding:4px;
+  min-width:160px;
+  z-index:50;
+}
+.ga-menu-item{
+  display:block;
+  width:100%;
+  text-align:left;
+  background:transparent;
+  border:0;
+  padding:6px 10px;
+  border-radius:4px;
+  font:inherit;
+  color:var(--txt-2);
+  cursor:pointer;
+  font-family:var(--font-mono);
+  font-variant-numeric:var(--font-num-variant);
+}
+.ga-menu-item:hover{ background:var(--hover-2); }
+.ga-menu-item.active{ color:var(--txt-strong); }  /* 选中项用强调色而非发灰的 --accent，避免变淡 */
+/* 浅色模式：模型下拉里选中项仅靠文字色区分太弱——加背景 + 加粗，一眼可辨 */
+html[data-appearance="light"] .ga-menu-item.active{
+  background:color-mix(in srgb, var(--accent) 16%, var(--panel));
+  font-weight:700;
+}
+/* 深色模式：同样处理 */
+html[data-appearance="dark"] .ga-menu-item.active{
+  background:color-mix(in srgb, var(--accent) 22%, var(--panel));
+  font-weight:700;
+}
+.composer-menu .ga-menu-item{
+  display:flex; align-items:center; gap:8px;
+}
+.composer-menu .ga-menu-item svg{ width:16px; height:16px; flex:0 0 auto; color:var(--icon); }
+
+/* ─── chat composer: image thumb strip ─── */
+.thumb-strip{
+  display:flex;
+  flex-wrap:wrap;
+  gap:6px;
+  padding:6px 0;
+}
+.thumb{
+  position:relative;
+  width:48px;
+  height:48px;
+  border:1px solid var(--line);
+  border-radius:4px;
+  overflow:hidden;
+  background:var(--field-bg);
+}
+.thumb img{
+  width:100%;
+  height:100%;
+  object-fit:cover;
+  display:block;
+}
+.thumb .x{
+  position:absolute;
+  top:1px;
+  right:1px;
+  width:16px;
+  height:16px;
+  border-radius:4px;
+  border:0;
+  background:var(--card);
+  color:var(--txt-2);
+  font-size:11px;
+  line-height:1;
+  cursor:pointer;
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  padding:0;
+}
+.thumb .x:hover{ color:var(--danger); }
+
+.file-chip{
+  position:relative;
+  display:inline-flex;
+  align-items:center;
+  gap:6px;
+  height:32px;
+  padding:0 28px 0 10px;
+  border:1px solid var(--line);
+  border-radius:4px;
+  background:var(--field-bg);
+  color:var(--txt);
+  font-size:12px;
+  max-width:220px;
+}
+.file-chip svg{
+  width:14px; height:14px;
+  color:var(--txt-2);
+  flex:0 0 auto;
+}
+.file-chip .fc-name{
+  white-space:nowrap;
+  overflow:hidden;
+  text-overflow:ellipsis;
+}
+.file-chip .x{
+  position:absolute;
+  top:50%;
+  right:4px;
+  transform:translateY(-50%);
+  width:18px; height:18px;
+  border-radius:4px;
+  border:0;
+  background:transparent;
+  color:var(--txt-2);
+  font-size:13px;
+  line-height:1;
+  cursor:pointer;
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  padding:0;
+}
+.file-chip .x:hover{ color:var(--danger); }
+
+/* ─── thumb-strip 里的文件 chip：升级成卡片样式（与消息中一致） ─── */
+.thumb-strip .file-chip.pending{
+  height:auto;
+  min-height:52px;
+  padding:8px 32px 8px 8px;
+  gap:9px;
+  max-width:240px;
+  border-radius:4px;
+  background:var(--panel);
+  cursor:pointer;
+  transition:background .15s, border-color .15s, box-shadow .15s;
+}
+.thumb-strip .file-chip.pending:hover{
+  background:var(--hover-2);
+  border-color:var(--line-strong);
+  box-shadow:var(--shadow);
+}
+.thumb-strip .file-chip.pending .fc-icon{
+  width:32px; height:32px;
+  flex:0 0 auto;
+  border-radius:4px;
+  background:var(--accent-bg);
+  color:var(--accent);
+  display:flex; align-items:center; justify-content:center;
+}
+.thumb-strip .file-chip.pending .fc-icon svg{
+  width:16px; height:16px;
+  color:inherit;
+}
+.thumb-strip .file-chip.pending .fc-meta{
+  display:flex; flex-direction:column;
+  min-width:0;
+  line-height:1.35;
+}
+.thumb-strip .file-chip.pending .fc-name{
+  font-size:12px;
+  font-weight:500;
+  color:var(--txt-strong);
+  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
+}
+.thumb-strip .file-chip.pending .fc-sub{
+  font-size:11px;
+  color:var(--muted);
+  margin-top:1px;
 }
 
-.empty-state {
-  text-align: center;
-  color: var(--text-muted);
-  max-width: 400px;
-}
-.empty-logo {
-  font-size: 36px;
-  color: var(--text-muted);
-  margin-bottom: 12px;
-  letter-spacing: 0.1em;
-}
-.empty-title {
-  font-size: 18px;
-  font-weight: 600;
-  color: var(--text);
-  margin-bottom: 4px;
-}
-.empty-sub {
-  font-size: 13px;
-}
-.empty-sub code {
-  background: var(--bg-subtle);
-  padding: 1px 6px;
-  border-radius: 4px;
-  font-family: var(--font-mono);
-  font-size: 12px;
+/* ─── chat panel: drag-over overlay ─── */
+.main.dragover{ position:relative; }
+.main.dragover::after{
+  content: attr(data-drop-hint);
+  position:absolute; inset:0;
+  display:flex; align-items:center; justify-content:center;
+  background:var(--accent-bg);
+  color:var(--accent);
+  border:2px dashed var(--accent);
+  border-radius:0;
+  font-size:15px; font-weight:500;
+  pointer-events:none;
+  z-index:50;
 }
 
-.msg {
-  max-width: 780px;
-  margin: 0 auto 18px;
-  font-size: 14.5px;
-  line-height: 1.66;
+/* ─── message bubble: image attachments (Gemini-style: image floats free, text in its own bubble) ─── */
+.user-stack{
+  display:flex; flex-direction:column; align-items:flex-end;
+  gap:6px; max-width:80%;
+}
+.user-imgs{
+  display:flex; flex-wrap:wrap; gap:4px;
+  justify-content:flex-end;
+}
+.user-imgs img{
+  width:120px; height:120px;
+  border-radius:12px;
+  background:var(--field-bg);
+  object-fit:cover;
+  cursor:zoom-in;
+  display:block;
+}
+.user-files{
+  display:flex; flex-direction:column; gap:6px;
+  align-items:flex-end;
+}
+.user-files .file-chip{
+  height:auto;
+  min-height:56px;
+  padding:10px 14px 10px 10px;
+  gap:10px;
+  max-width:280px;
+  border-radius:4px;
+  background:var(--panel);
+  cursor:pointer;
+  transition:background .15s, border-color .15s, box-shadow .15s, transform .15s;
+}
+.user-files .file-chip:hover{
+  background:var(--hover-2);
+  border-color:var(--line-strong);
+  box-shadow:var(--shadow);
+  transform:translateY(-1px);
+}
+.user-files .file-chip .fc-icon{
+  width:36px; height:36px;
+  flex:0 0 auto;
+  border-radius:4px;
+  background:var(--accent-bg);
+  color:var(--accent);
+  display:flex; align-items:center; justify-content:center;
+}
+.user-files .file-chip .fc-icon svg{
+  width:18px; height:18px;
+  color:inherit;
+}
+.user-files .file-chip .fc-meta{
+  display:flex; flex-direction:column;
+  min-width:0;
+  line-height:1.35;
+}
+.user-files .file-chip .fc-name{
+  font-size:13px;
+  font-weight:500;
+  color:var(--txt-strong);
+  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
+}
+.user-files .file-chip .fc-sub{
+  font-size:11px;
+  color:var(--muted);
+  margin-top:2px;
+}
+.user-stack .bubble{ max-width:100%; }
+
+/* ─── lightbox (image preview) ─── */
+.lightbox{
+  position:fixed; inset:0; z-index:600;
+  display:flex; align-items:center; justify-content:center;
+}
+.lightbox[hidden]{ display:none; }
+.lightbox-backdrop{
+  position:absolute; inset:0;
+  background:var(--overlay);
+}
+.lightbox-img{
+  position:relative;
+  max-width:90vw; max-height:90vh;
+  border-radius:8px;
+  box-shadow:var(--shadow-modal);
+  background:var(--card);
+}
+.lightbox-x{
+  position:absolute; top:16px; right:16px;
+  width:36px; height:36px;
+  border:0; border-radius:4px;
+  background:var(--card); color:var(--txt-2);
+  font-size:20px; line-height:1;
+  cursor:pointer;
+  box-shadow:var(--shadow-pop);
+  display:flex; align-items:center; justify-content:center;
+  padding:0;
+}
+.lightbox-x:hover{ color:var(--danger); }
+.thumb img{ cursor:zoom-in; }
+
+/* ─── 自定义预设：卡上的删除按钮 ─── */
+.fcard{ position:relative; }
+.fcard .fc-x{
+  position:absolute; top:6px; right:6px;
+  width:20px; height:20px;
+  border:0; border-radius:4px;
+  background:var(--card); color:var(--txt-2);
+  font-size:14px; line-height:1;
+  cursor:pointer;
+  box-shadow:var(--shadow);
+  display:none; align-items:center; justify-content:center;
+  padding:0;
+}
+.fcard:hover .fc-x{ display:flex; }
+.fcard .fc-x:hover{ color:var(--danger); }
+
+/* ─── 自定义预设：卡上的编辑按钮（删除按钮左侧）─── */
+.fcard .fc-edit{
+  position:absolute; top:6px; right:30px;
+  width:20px; height:20px;
+  border:0; border-radius:4px;
+  background:var(--card); color:var(--txt-2);
+  cursor:pointer;
+  box-shadow:var(--shadow);
+  display:none; align-items:center; justify-content:center;
+  padding:0;
+}
+.fcard .fc-edit svg{ width:13px; height:13px; }
+.fcard:hover .fc-edit{ display:flex; }
+.fcard .fc-edit:hover{ color:var(--txt-strong); }
+
+/* ─── 自定义预设 modal 表单 ─── */
+.cp-body{
+  padding:18px; display:flex; flex-direction:column; gap:12px;
+  min-height:0;
+}
+.cp-input, .cp-textarea{
+  width:100%; box-sizing:border-box;
+  padding:10px 12px;
+  background:var(--field-bg);
+  border:1px solid var(--line); border-radius:4px;
+  color:var(--txt); font:inherit;
+  outline:none;
+}
+.cp-input:focus, .cp-textarea:focus{ border-color:var(--accent); }
+.cp-textarea{ resize:vertical; min-height:120px; }
+.cp-error{
+  font-size:12px; color:var(--danger);
+}
+.cp-actions{
+  display:flex; justify-content:flex-end; gap:8px;
+  margin-top:4px;
+}
+.cp-btn{
+  padding:8px 16px;
+  border:1px solid var(--line); border-radius:4px;
+  background:var(--card); color:var(--txt);
+  cursor:pointer; font:inherit;
+}
+.cp-btn:hover{ background:var(--hover-2); }
+.cp-btn-primary{
+  background:var(--accent); color:var(--on-accent); border-color:var(--accent);
+}
+.cp-btn-primary:hover{ background:var(--accent); opacity:.9; }
+
+.preset-restore{
+  margin-left:auto; margin-right:8px;
+  padding:5px 12px; font-size:12px;
+  border:1px solid var(--line); border-radius:4px;
+  background:var(--card); color:var(--txt-2);
+  cursor:pointer; font-family:inherit;
+}
+.preset-restore:hover{ background:var(--hover-2); color:var(--accent); border-color:var(--accent); }
+.preset-restore[hidden]{ display:none; }
+
+.modal-title,
+.set-sec-t{
+  font-family:var(--font-sans);
 }
 
-.msg-user {
-  display: flex;
-  justify-content: flex-end;
-}
-.msg-user .bubble {
-  background: transparent;
-  padding: 0;
-  border-radius: 0;
-  max-width: 85%;
-  white-space: pre-wrap;
-  word-wrap: break-word;
-  color: var(--text);
-  font-weight: 500;
+.model-row-name,
+#model-chip .model-name,
+#cdb-model-chip .model-name,
+.model-form input,
+#add-model-form .model-form-mini input[type="number"],
+.chat-font-value,
+.kv{
+  font-family:var(--font-mono);
+  font-variant-numeric:var(--font-num-variant);
 }
 
-.msg-assistant {
-  color: var(--text);
+/* ═══════════════ Markdown 渲染增强 (from PR) ═══════════════ */
+.fold-pre{ white-space:pre-wrap; word-break:break-word; max-height:300px; overflow:auto; }
+.fold.fold-thinking{ border-color:var(--fold-thinking-border); background:var(--fold-thinking-bg); }
+.fold.fold-tool{ border:none; background:transparent; }
+.fold.fold-tool-live > summary{ opacity:.85; font-style:italic; }
+.fold.fold-result{ border:none; background:transparent; }
+.fold.fold-turn{ border-color:var(--fold-turn-border); background:var(--fold-turn-bg); }
+.fold.fold-turn > summary{ font-weight:500; color:var(--txt-2); white-space:nowrap; overflow:hidden; }
+.fold.fold-retry{ border-color:var(--fold-retry-border); background:var(--fold-retry-bg); border-style:dashed; }
+.fold.fold-retry > summary{ font-size:11px; color:var(--muted2); font-weight:400; }
+.fold.fold-retry pre{ font-size:11px; color:var(--muted); }
+/* ---- 代码块容器 + 复制按钮 ---- */
+.bubble.md pre{ position:relative; background:var(--field-bg); border-radius:8px; padding:12px; overflow-x:auto; }
+.bubble.md pre code{ font-size:.92em; }
+.code-copy-btn{
+  position:absolute; top:6px; right:6px; z-index:1;
+  border:1px solid var(--line); background:var(--card); color:var(--muted);
+  border-radius:6px; padding:4px; font-size:0; cursor:pointer;
+  opacity:0; transition:opacity .15s, background .12s;
+  display:flex; align-items:center; justify-content:center;
 }
-.assistant-response {
-  padding: 0;
-  color: var(--text);
+.bubble.md pre:hover .code-copy-btn{ opacity:1; }
+.code-copy-btn:hover{ background:var(--line-soft); color:var(--txt-2); }
+.code-copy-btn svg{ width:14px; height:14px; }
+/* ---- KaTeX 公式 ---- */
+.katex-block{ display:block; text-align:center; margin:12px 0; overflow-x:auto; }
+.katex-inline{ display:inline; }
+.katex-block .katex{ font-size:1.1em; }
+.latex-copy-btn{
+  position:absolute; top:4px; right:4px; z-index:1;
+  background:none; border:none; color:var(--muted); cursor:pointer;
+  font-size:0.82em; padding:2px 4px; border-radius:3px; line-height:1;
+  opacity:0; transition:opacity .15s, color .15s, background .15s;
+}
+.katex-block{ position:relative; }
+.katex-block:hover .latex-copy-btn{ opacity:1; }
+.latex-copy-btn:hover{ color:var(--txt); background:var(--hover-dim); }
+/* ---- 气泡级复制按钮 (F2) ---- */
+.bubble-copy-btn{
+  display:inline-flex; align-items:center; flex-basis:100%;
+  margin-top:2px; padding:2px 4px; border:none; background:none;
+  color:var(--muted); cursor:pointer; opacity:0; transition:opacity .15s;
+}
+.msg:hover .bubble-copy-btn{ opacity:1; }
+.msg.user .bubble-copy-btn{ justify-content:flex-end; }
+.msg.assistant .bubble-copy-btn{ justify-content:flex-start; }
+.bubble-copy-btn:hover{ color:var(--txt-2); }
+.bubble-copy-btn svg{ width:14px; height:14px; }
+/* ---- highlight.js 适配 ---- */
+.hljs{ background:transparent !important; padding:0 !important; }
+html[data-appearance="dark"] .bubble.md{
+  --md-link:color-mix(in srgb, var(--accent) 42%, var(--txt-strong));
+}
+html[data-appearance="dark"] .bubble.md .katex{ color:var(--txt); }
+html[data-appearance="dark"] .bubble.md a{ color:var(--md-link); }
+html[data-appearance="dark"] .bubble.md :not(pre) > code{
+  background:var(--line-soft); border:1px solid var(--line); color:var(--txt);
+}
+html[data-appearance="dark"] .bubble.md pre{
+  background:var(--line-soft); border-color:var(--line-strong);
+}
+html[data-appearance="dark"] .bubble.md pre code{ color:var(--txt-2); }
+/* ---- 打字机光标 ---- */
+.cursor-blink::after{
+  content:'▍'; animation:blink 1s step-end infinite; color:var(--accent);
+}
+@keyframes blink{ 50%{ opacity:0; } }
+/* —— 最后一轮 summary 弱化显示 —— */
+.turn-summary{
+  display:block; font-style:italic; color:var(--muted);
+  font-size:12px; margin-bottom:6px;
+  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
+}
+/* 历史轮 <summary> 头部的副标题（来自模型 <summary> 抽取） */
+.fold-turn > summary .turn-head-sum{
+  font-style:italic; color:var(--muted); font-weight:normal; margin-left:4px;
+  min-width:0; overflow:hidden; text-overflow:ellipsis;
 }
 
-.msg-system {
-  color: var(--text-faint);
-  font-size: 12px;
-  text-align: left;
-  padding: 6px 10px;
-  font-family: var(--font-mono);
-  white-space: pre-wrap;
+/* —— ask_user 显眼提醒 —— */
+.ask-user-notice{
+  margin:8px 0 4px;
+  border:1px solid var(--line);
+  border-left:3px solid var(--accent);
+  border-radius:0;
+  background:color-mix(in srgb, var(--accent-bg) 55%, var(--card));
+  padding:10px 12px;
+}
+.ask-user-notice.is-active{
+  border-color:color-mix(in srgb, var(--accent) 28%, var(--line));
+  background:color-mix(in srgb, var(--accent-bg) 72%, var(--card));
+}
+.ask-user-notice.is-answered{
+  opacity:.78;
+  background:var(--card);
+  border-color:var(--line);
+  border-left-color:var(--muted2);
+}
+.ask-user-banner{
+  display:flex; align-items:baseline; flex-wrap:wrap;
+  gap:4px 6px;
+  margin-bottom:8px;
+  line-height:1.35;
+}
+.ask-user-banner-text{
+  font-size:13px; font-weight:600;
+  color:var(--txt-strong);
+}
+.ask-user-notice.is-active .ask-user-banner-text{
+  color:var(--accent);
+}
+.ask-user-notice.is-answered .ask-user-banner-text{
+  color:var(--muted);
+}
+.ask-user-banner-sep{
+  color:var(--muted2);
+  font-size:12px; user-select:none;
+}
+.ask-user-banner-hint{
+  font-size:12px; font-weight:400; color:var(--muted);
+}
+.ask-user-body{
+  font-size:14px; line-height:1.55; color:var(--txt);
+  font-weight:500; margin:0;
+}
+.ask-user-body strong{ color:var(--txt-strong); }
+.ask-user-body code{
+  background:rgba(127,127,127,.14);
+  padding:1px 5px; border-radius:4px; font-size:.92em;
+}
+/* 覆盖 .bubble.md ul/ol/p，题干内列表与正文左缘对齐 */
+.bubble.md .ask-user-notice .ask-user-body p{
+  margin:0 0 4px;
+}
+.bubble.md .ask-user-notice .ask-user-body p:last-child{
+  margin-bottom:0;
+}
+.bubble.md .ask-user-notice .ask-user-body p.ask-option-line{
+  padding-left:1.25em;
+  margin:0;
+  font-weight:400;
+}
+.bubble.md .ask-user-notice .ask-user-body span.ask-option-line{
+  display:block;
+  padding-left:1.25em;
+  margin:0;
+  font-weight:400;
+  line-height:1.55;
+}
+.bubble.md .ask-user-notice .ask-user-body ul,
+.bubble.md .ask-user-notice .ask-user-body ol{
+  margin:4px 0 0; padding:0; list-style:none;
+}
+.bubble.md .ask-user-notice .ask-user-body ul > li,
+.bubble.md .ask-user-notice .ask-user-body ol > li{
+  margin:0; padding:2px 0; padding-left:0;
+}
+.bubble.md .ask-user-notice .ask-user-body ol{
+  counter-reset:ask-ol;
+}
+.bubble.md .ask-user-notice .ask-user-body ol > li{
+  counter-increment:ask-ol;
+  display:block;
+}
+.bubble.md .ask-user-notice .ask-user-body ol > li::before{
+  content:counter(ask-ol) ". ";
+  font-weight:500;
+  color:color-mix(in srgb, var(--txt) 38%, var(--muted));
+}
+.bubble.md .ask-user-notice .ask-user-body ol > li > p{
+  display:inline;
+  margin:0;
+}
+.ask-user-notice.is-active .ask-user-body ol > li::before{
+  color:color-mix(in srgb, var(--accent) 72%, var(--txt));
+}
+.ask-candidates{
+  display:flex; flex-direction:column; gap:0;
+}
+.ask-candidates li{
+  display:block;
+  font-size:14px; line-height:1.55; color:var(--txt);
+}
+.ask-candidate-key{
+  font-weight:500;
+  color:color-mix(in srgb, var(--txt) 38%, var(--muted));
+}
+.ask-user-notice.is-active .ask-candidate-key{
+  color:color-mix(in srgb, var(--accent) 72%, var(--txt));
+}
+.ask-user-notice.is-answered .ask-candidate-key{
+  color:var(--muted2);
+}
+.ask-candidate-label{
+  white-space:pre-wrap; word-break:break-word;
 }
 
-.msg-error {
-  color: var(--err);
-  background: rgba(220, 38, 38, 0.06);
-  border-left: 3px solid var(--err);
-  padding: 8px 14px;
-  border-radius: 4px;
-  font-family: var(--font-mono);
-  font-size: 12px;
-  white-space: pre-wrap;
+/* —— 消息计时 badge —— */
+.task-elapsed{
+  display:block; font-size:11px; color:var(--muted);
+  line-height:1; min-height:18px;
+  padding:0 6px; margin-bottom:2px;
+  border-radius:var(--radius-sm);
 }
 
-/* Turn (collapsible segment of assistant reply) */
-.turn {
-  margin: 6px 0 10px;
-  border: 0;
-  border-radius: var(--radius-sm);
-  overflow: hidden;
-  background: transparent;
+/* ---- Conductor(仅保留与主聊天不同的部分,布局见 .page--chat-ui) ---- */
+#collab-welcome[hidden], .collab-msgs .msgs[hidden],
+.collab-rail[hidden], .collab-prog-stats[hidden],
+.collab-rail-run[hidden], .collab-rail-done[hidden], .collab-rail-issue[hidden]{ display:none !important; }
+/* 顶栏中央:状态栏 + 离线时的刷新图标按钮(取代原本的 banner+重试) */
+.page > .page-top .page-top-center{
+  grid-column:2; display:flex; align-items:center; justify-content:center; gap:6px;
+  min-width:0;
 }
-.msg-assistant .turn[data-kind="agent_message_chunk"] {
-  border: 0;
-  background: transparent;
+/* 收尾按钮:跟 .preset-restore 同款 — 白底 + 中性边框, hover 转 accent 色 */
+.collab-retry-btn{
+  width:24px; height:24px;
+  border:1px solid var(--line); background:var(--card); border-radius:4px;
+  opacity:1; color:var(--txt-2);
 }
-.turn-header {
-  width: max-content;
-  max-width: 100%;
-  padding: 4px 8px;
-  border-radius: 999px;
-  background: var(--bg-subtle);
-  border: 1px solid var(--border);
-  font-size: 12px;
-  color: var(--text-muted);
-  cursor: pointer;
-  user-select: none;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-family: var(--font);
-  overflow: hidden;
-  white-space: nowrap;
+.collab-retry-btn:hover{ background:var(--hover-2); color:var(--accent); border-color:var(--accent); opacity:1; }
+.collab-retry-btn svg{ width:14px; height:14px; }
+.collab-retry-btn[hidden]{ display:none !important; }
+.page.page--chat-ui[data-page="collab"] .msg-area.collab-msgs{ overflow:hidden; padding:0; }
+.page.page--chat-ui[data-page="collab"] .collab-scroll{
+  flex:1 1 0; min-height:0; overflow:auto;
+  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px;
+  padding:16px;
 }
-.turn-header:hover { background: var(--bg-hover); }
-.turn-caret {
-  display: inline-block;
-  transition: transform 0.15s;
-  font-size: 10px;
+.page.page--chat-ui[data-page="collab"] .collab-msgs.has-msgs .collab-scroll{
+  align-items:stretch; justify-content:flex-start;
 }
-.turn.collapsed .turn-caret { transform: rotate(-90deg); }
-.turn.collapsed .turn-body { display: none; }
-
-.turn-body {
-  padding: 8px 0 0 18px;
-  color: var(--text-muted);
+.page.page--chat-ui[data-page="collab"] .collab-overlay{
+  position:absolute; inset:0; z-index:10; pointer-events:none;
 }
-
-.turn-tag {
-  text-transform: uppercase;
-  font-size: 10px;
-  letter-spacing: 0.08em;
-  color: var(--text-faint);
-  font-weight: 600;
-  flex-shrink: 0;
+.page.page--chat-ui[data-page="collab"] .collab-overlay > .collab-rail,
+.page.page--chat-ui[data-page="collab"] .collab-overlay > .collab-prog-panel{ pointer-events:auto; }
+.page.page--chat-ui[data-page="collab"].dragover .collab-msgs::after{
+  content:attr(data-drop-hint); position:absolute; inset:8px; z-index:20; pointer-events:none;
+  display:flex; align-items:center; justify-content:center; border-radius:var(--radius);
+  border:2px dashed var(--accent); background:color-mix(in srgb, var(--accent) 8%, var(--panel));
+  font-size:13px; color:var(--accent); font-weight:500;
 }
-
-.turn-status {
-  font-size: 11px;
-  color: var(--text-muted);
-  margin-left: auto;
+.collab-rail{
+  position:absolute; left:0; top:50%; z-index:14;
+  transform:translateY(-50%);
+  transition:left .22s ease-out;
 }
-.tool-detail-turn {
-  margin: 0 0 8px;
-  border: 1px solid var(--border-subtle);
-  border-radius: var(--radius-sm);
-  background: color-mix(in srgb, var(--surface-raised) 82%, transparent);
+.page.page--chat-ui[data-page="collab"].collab-prog-open .collab-rail{ left:232px; }
+.collab-rail-handle{
+  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px;
+  width:22px; padding:10px 3px; cursor:pointer;
+  border:1px solid var(--line); border-left:none;
+  border-radius:0 var(--radius-sm) var(--radius-sm) 0;
+  background:var(--card); color:var(--muted);
+  box-shadow:2px 0 8px rgba(0,0,0,.06);
+  transition:border-color .2s, color .2s, box-shadow .2s;
 }
-.tool-detail-header {
-  min-height: 28px;
-  padding: 5px 8px;
+.collab-rail-handle:hover{ border-color:var(--line-strong); color:var(--txt-2); box-shadow:2px 0 12px rgba(0,0,0,.1); }
+.collab-rail-grip{
+  width:3px; height:18px; border-radius:2px;
+  background:linear-gradient(180deg, transparent, var(--line-strong) 20%, var(--line-strong) 80%, transparent);
+  opacity:.55;
 }
-.tool-detail-body {
-  padding: 8px;
+.collab-rail-chev{ width:12px; height:12px; flex:0 0 auto; transition:transform .22s ease-out; }
+.page.page--chat-ui[data-page="collab"].collab-prog-open .collab-rail-chev{ transform:rotate(180deg); }
+.collab-rail-badge{
+  display:flex; flex-direction:column; align-items:center; gap:2px;
+  font-size:10px; font-weight:500; line-height:1;
+  font-family:var(--font-num); font-variant-numeric:var(--font-num-variant);
 }
-.tool-detail-body pre {
-  margin: 0;
-  max-height: 240px;
-  overflow: auto;
+.collab-rail-badge.pulse{ animation:collab-rail-pulse .55s ease-out; }
+@keyframes collab-rail-pulse{
+  0%{ transform:scale(1); }
+  35%{ transform:scale(1.12); }
+  100%{ transform:scale(1); }
 }
-.turn-rendered-md:empty { display: none; }
-
-/* Markdown content */
-.md {
-  line-height: 1.72;
-  letter-spacing: -0.006em;
+/* 把手运行数：转圈与呼吸上下分开，转圈内不叠绿点 */
+.collab-rail-spin{
+  display:block;
+  width:12px; height:12px;
+  margin:0 auto;
+  border-radius:50%;
+  background:transparent;
+  border:2px solid color-mix(in srgb, var(--ok) 22%, transparent);
+  border-top-color:var(--ok);
+  animation:collab-rail-spin .8s linear infinite;
 }
-.md p { margin: 0 0 10px; }
-.md p:last-child { margin-bottom: 0; }
-.md h1, .md h2, .md h3 { margin: 16px 0 8px; font-family: var(--font-display); font-weight: 600; letter-spacing: -0.02em; }
-.md h1 { font-size: 18px; }
-.md h2 { font-size: 16px; }
-.md h3 { font-size: 14px; }
-.md ul, .md ol { margin: 0 0 10px; padding-left: 22px; }
-.md li { margin: 2px 0; }
-.md code {
-  font-family: var(--font-mono);
-  font-size: 12.5px;
-  background: var(--code-bg);
-  padding: 1px 5px;
-  border-radius: 3px;
+@keyframes collab-rail-spin{ to{ transform:rotate(360deg); } }
+.collab-rail-dot{ width:6px; height:6px; border-radius:50%; background:var(--ok); flex:0 0 auto; }
+.collab-rail-run .n{ color:var(--ok); }
+.collab-rail-done .n{ color:var(--muted); }
+.collab-rail-done .collab-rail-dot{ background:var(--muted2); }
+.collab-rail-issue .n{ color:var(--danger); }
+.collab-rail-dot--danger{ background:var(--danger-dot); }
+.collab-prog-panel{
+  position:absolute; top:0; left:0; bottom:0; width:232px; z-index:12;
+  display:flex; flex-direction:column; overflow:hidden;
+  background:var(--panel); border-right:1px solid var(--line);
+  box-shadow:4px 0 16px rgba(0,0,0,.06);
+  transform:translateX(-100%); transition:transform .22s ease-out;
+  pointer-events:none;
 }
-.md pre {
-  background: var(--code-bg);
-  padding: 10px 12px;
-  border-radius: var(--radius-sm);
-  overflow-x: auto;
-  margin: 8px 0;
-  border: 1px solid var(--border);
+.page.page--chat-ui[data-page="collab"].collab-prog-open .collab-prog-panel{
+  transform:translateX(0); pointer-events:auto;
 }
-.md pre code {
-  background: transparent;
-  padding: 0;
-  color: var(--code-text);
-  font-size: 12.5px;
-  line-height: 1.5;
+.collab-prog-panel-head{
+  flex:0 0 auto; display:flex; align-items:center; justify-content:space-between; gap:6px;
+  padding:8px 8px 4px 12px;
+  font-size:13px; font-weight:600; color:var(--txt-strong);
 }
-.md blockquote {
-  border-left: 3px solid var(--border-strong);
-  padding-left: 12px;
-  color: var(--text-muted);
-  margin: 8px 0;
+.collab-prog-panel-head .ic-btn{ width:26px; height:26px; }
+.collab-prog-panel-head .ic-btn svg{ width:14px; height:14px; }
+.collab-prog-stats{
+  flex:0 0 auto; display:flex; flex-wrap:wrap; gap:5px;
+  padding:2px 10px 5px;
 }
-.md a { color: var(--text); text-decoration: underline; }
-.md hr { border: 0; border-top: 1px solid var(--border); margin: 12px 0; }
-.md table { border-collapse: collapse; margin: 8px 0; }
-.md th, .md td { border: 1px solid var(--border); padding: 4px 8px; font-size: 12.5px; }
-
-/* Streaming cursor */
-.cursor {
-  display: inline-block;
-  width: 6px;
-  height: 1em;
-  background: var(--text-muted);
-  vertical-align: text-bottom;
-  margin-left: 2px;
-  animation: blink 1s steps(2) infinite;
+.collab-stat{
+  display:inline-flex; align-items:center; gap:4px;
+  font-size:10px; font-weight:500; padding:2px 7px; border-radius:4px;
+  line-height:1.35;
 }
-@keyframes blink { 50% { opacity: 0; } }
-
-/* ─── Composer ─────────────────────────────────────────────────────────── */
-#composer-wrap {
-  padding: 8px 20px 16px;
-  background: var(--bg);
+.collab-stat--running{ color:var(--ok); background:color-mix(in srgb, var(--ok) 10%, var(--panel)); }
+.collab-stat--done{ color:var(--muted); background:color-mix(in srgb, var(--muted) 10%, var(--panel)); }
+.collab-prog-stats .ga-status-breathe--sm{ --breathe-box:8px; }
+.collab-prog-stats .collab-rail-dot{ width:5px; height:5px; }
+.collab-stat--done .collab-rail-dot{ background:var(--muted2); }
+.collab-stat .n{ font-family:var(--font-num); font-variant-numeric:var(--font-num-variant); font-weight:500; font-size:10px; }
+.collab-progress-empty{
+  flex:0 0 auto; font-size:12px; color:var(--muted); line-height:1.35;
+  padding:4px 10px 2px;
 }
-
-#composer {
-  max-width: 780px;
-  margin: 0 auto;
-  background: var(--bg);
-  border: 1px solid var(--border-strong);
-  border-radius: var(--radius);
-  box-shadow: var(--shadow);
-  transition: border-color 0.15s, box-shadow 0.15s;
+#collab-workers{
+  flex:1 1 0; min-height:0; overflow-y:auto; padding:6px 10px 12px;
 }
-#composer:focus-within {
-  border-color: var(--accent);
-  box-shadow: var(--shadow-strong);
+.collab-card{
+  position:relative;
+  border:1px solid var(--line); border-radius:6px; background:var(--card);
+  padding:8px 10px 8px 12px; margin-bottom:6px; border-left:3px solid var(--collab-st, var(--line));
+  box-shadow:0 1px 4px rgba(0,0,0,.04);
+  transition:border-color .3s, box-shadow .3s, transform .2s;
 }
-
-#input {
-  width: 100%;
-  border: 0;
-  outline: 0;
-  resize: none;
-  padding: 12px 14px 4px;
-  background: transparent;
-  color: var(--text);
-  font-family: var(--font);
-  font-size: 14px;
-  line-height: 1.5;
-  max-height: 200px;
+.collab-card.pulse{ animation:collab-rail-pulse .55s ease-out; }
+.collab-card:hover{ transform:translateY(-1px); box-shadow:0 4px 14px rgba(0,0,0,.07); }
+.collab-card--running{ --collab-st:var(--ok); }
+.collab-card--reported{ --collab-st:var(--muted); }
+.collab-card--paused{ --collab-st:var(--amber); }
+.collab-card--failed{ --collab-st:var(--danger); }
+.collab-card--terminated{ --collab-st:var(--line-strong); }
+.collab-card-st{ display:flex; align-items:center; gap:5px; font-size:11px; color:var(--muted); margin-bottom:4px; flex-wrap:wrap; }
+.collab-dot{ width:7px; height:7px; border-radius:50%; background:var(--collab-st); flex:0 0 auto; }
+.collab-st-ic{ display:inline-flex; align-items:center; justify-content:center; width:14px; height:14px; font-size:10px; font-weight:500; flex:0 0 auto; }
+.collab-st-ic--ok{ color:var(--ok); }
+.collab-st-ic--done{ color:var(--muted); }
+.collab-st-ic--warn{ color:var(--danger); }
+.collab-st-ic--pause,.collab-st-ic--off{ color:var(--muted); }
+.collab-card-time{ margin-left:auto; font-size:10px; color:var(--muted); opacity:.85; }
+.collab-card-title{ font-size:13px; font-weight:500; color:var(--txt-strong); margin-bottom:3px; line-height:1.35; }
+.collab-card-sum{ font-size:11px; color:var(--muted); line-height:1.35; cursor:pointer; }
+.collab-drawer-wrap{ position:fixed; inset:0; z-index:550; display:flex; }
+.collab-drawer-backdrop{ position:absolute; inset:0; background:var(--overlay); }
+.collab-drawer{
+  position:absolute; right:0; top:0; bottom:0; width:min(420px,85vw);
+  background:var(--panel); border-left:1px solid var(--line);
+  box-shadow:var(--shadow-modal); display:flex; flex-direction:column;
+  animation:collabDrawerIn .2s ease-out;
 }
-#input::placeholder { color: var(--text-faint); }
-
-/* Image previews in composer */
-.image-previews {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-start;
-  gap: 8px;
-  padding: 8px 12px 0;
+@keyframes collabDrawerIn{ from{ transform:translateX(100%); } to{ transform:translateX(0); } }
+.collab-drawer-head{
+  display:flex; align-items:center; justify-content:space-between;
+  padding:14px 16px; border-bottom:1px solid var(--line-soft);
 }
-.image-previews:empty { display: none; }
-.image-preview-item {
-  position: relative;
-  width: 64px;
-  height: 64px;
-  border-radius: 6px;
-  overflow: hidden;
-  border: 1px solid var(--border);
+.collab-drawer-title{ font-size:14px; font-weight:600; color:var(--txt-strong); }
+.collab-drawer-body{
+  flex:1; overflow-y:auto; padding:16px; font-size:13px; line-height:1.55; color:var(--txt);
 }
-.image-preview-item img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
+.collab-drawer-body p,.collab-drawer-body ul,.collab-drawer-body ol,.collab-drawer-body pre{ margin:0 0 .5em; }
+.collab-drawer-body code{ font-size:12px; background:var(--field-bg); padding:1px 4px; border-radius:4px; }
+.collab-drawer-body pre code{ display:block; padding:8px; border-radius:6px; white-space:pre-wrap; }
+.collab-msg-enter{ animation:collab-msg-in .35s ease-out both; }
+.bubble.sys .collab-wait-dots{
+  display:inline-flex; align-items:center; justify-content:center; gap:5px;
+  vertical-align:middle; padding:2px 0;
 }
-.image-preview-item .remove-img {
-  position: absolute;
-  top: 2px;
-  right: 2px;
-  width: 18px;
-  height: 18px;
-  border-radius: 50%;
-  background: rgba(0,0,0,0.6);
-  color: #fff;
-  border: 0;
-  font-size: 12px;
-  line-height: 18px;
-  text-align: center;
-  cursor: pointer;
-  padding: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+.collab-wait-dots i{
+  display:block; width:5px; height:5px; border-radius:50%; background:var(--muted);
+  animation:collab-wait-dot 1.2s ease-in-out infinite; font-style:normal;
 }
-.image-preview-item .remove-img:hover {
-  background: rgba(0,0,0,0.85);
+.collab-wait-dots i:nth-child(1){ animation-delay:0s; }
+.collab-wait-dots i:nth-child(2){ animation-delay:.2s; }
+.collab-wait-dots i:nth-child(3){ animation-delay:.4s; }
+@keyframes collab-wait-dot{
+  0%,80%,100%{ opacity:.35; transform:translateY(0); }
+  40%{ opacity:1; transform:translateY(-3px); }
 }
-
-/* User message image thumbnails */
-.user-images {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 6px;
-  margin-bottom: 6px;
-  justify-content: flex-end;
+@keyframes collab-msg-in{
+  from{ opacity:0; transform:translateY(8px); }
+  to{ opacity:1; transform:translateY(0); }
 }
-.user-msg-thumb {
-  width: 80px;
-  height: 80px;
-  object-fit: cover;
-  border-radius: 6px;
-  border: 1px solid var(--border);
+.collab-guide{ width:100%; max-width:var(--chat-col-w); margin:0 auto; }
+.collab-guide .feature-head{ text-align:center; margin-bottom:22px; }
+.collab-guide .page-title{ font-size:20px; line-height:1.35; margin-bottom:2px; }
+.collab-guide .page-sub{ font-size:13px; line-height:1.55; margin-top:10px; margin-bottom:0; }
+.collab-guide-steps{
+  display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:48px 56px;
+  margin:0 0 8px; align-items:start;
 }
-
-.composer-bottom {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 4px 8px 8px 14px;
+.collab-guide-step{
+  display:flex; flex-direction:column; align-items:center; gap:22px;
+  text-align:center; min-height:100%;
 }
-
-.composer-hints {
-  display: flex;
-  align-items: center;
-  gap: 4px;
+.collab-guide-ic{
+  flex:0 0 auto; width:52px; height:52px; border-radius:14px;
+  display:flex; align-items:center; justify-content:center;
+  background:color-mix(in srgb, var(--accent) 10%, var(--panel));
+  color:var(--accent);
+  border:1px solid color-mix(in srgb, var(--accent) 16%, var(--line));
 }
-.composer-hints .icon-btn.ghost {
-  font-size: 11px;
-  padding: 3px 7px;
-  gap: 4px;
+.collab-guide-ic svg{ width:24px; height:24px; }
+.collab-guide-txt{ display:flex; flex-direction:column; gap:12px; width:100%; }
+.collab-guide-label{ font-size:14px; font-weight:500; color:var(--txt-strong); line-height:1.35; }
+.collab-guide-desc{ font-size:12px; font-weight:400; font-style:italic; color:var(--muted); line-height:1.55; }
+.collab-nav-badge{
+  margin-left:auto; min-width:18px; height:18px; padding:0 5px; border-radius:999px;
+  background:var(--ok); color:#fff; font-size:10px; font-weight:500; line-height:1; text-align:center;
 }
-.hint-label {
-  font-size: 11px;
-  color: var(--text-muted);
+.page.page--chat-ui[data-page="collab"] > .chat-shell > .chat-panel > .collab-quick{
+  flex:0 0 auto;
+  display:flex; flex-wrap:wrap; gap:8px;
 }
-
-.send-btn {
-  width: 30px; height: 30px;
-  border: 0;
-  border-radius: 6px;
-  background: var(--accent);
-  color: var(--accent-text);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  transition: opacity 0.15s, transform 0.1s;
+@media (max-width:900px){
+  .collab-guide-steps{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:40px 32px; }
+  .collab-guide-step{ gap:20px; }
+  .page.page--chat-ui[data-page="collab"].collab-prog-open .collab-rail{ left:min(232px, 72vw); }
+  .collab-prog-panel{ width:min(232px, 72vw); }
 }
-.send-btn:hover { opacity: 0.85; }
-.send-btn:active { transform: scale(0.96); }
-.send-btn:disabled { opacity: 0.4; cursor: not-allowed; }
-.send-btn.stop { background: var(--err); }
-
-/* ─── Buttons ──────────────────────────────────────────────────────────── */
-.icon-btn {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 6px;
-  padding: 6px 10px;
-  background: var(--bg);
-  color: var(--text);
-  border: 1px solid var(--border-strong);
-  border-radius: var(--radius-sm);
-  cursor: pointer;
-  font-size: 13px;
-  font-family: var(--font);
-  transition: background 0.15s;
-}
-.icon-btn:hover { background: var(--bg-hover); }
-.icon-btn.ghost {
-  border: 0;
-  background: transparent;
-  color: var(--text-muted);
-}
-.icon-btn.ghost:hover { background: var(--bg-hover); color: var(--text); }
-.icon-btn.full { width: 100%; justify-content: flex-start; }
-
-.btn {
-  padding: 7px 14px;
-  border: 1px solid var(--border-strong);
-  background: var(--bg);
-  color: var(--text);
-  border-radius: var(--radius-sm);
-  font-size: 13px;
-  cursor: pointer;
-  font-family: var(--font);
-}
-.btn:hover { background: var(--bg-hover); }
-.btn.primary {
-  background: var(--accent);
-  color: var(--accent-text);
-  border-color: var(--accent);
-}
-.btn.primary:hover { opacity: 0.88; }
-.btn.ghost { border: 0; background: transparent; }
-
-.hidden { display: none !important; }
-
-/* ─── Modal ────────────────────────────────────────────────────────────── */
-.modal {
-  position: fixed;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 100;
-}
-.modal-backdrop {
-  position: absolute;
-  inset: 0;
-  background: rgba(0, 0, 0, 0.25);
-  backdrop-filter: blur(2px);
-}
-.modal-body {
-  position: relative;
-  background: var(--bg);
-  border-radius: var(--radius);
-  box-shadow: var(--shadow-strong);
-  width: 460px;
-  max-width: 90vw;
-  max-height: 88vh;
-  display: flex;
-  flex-direction: column;
-}
-.modal-header {
-  padding: 14px 18px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  border-bottom: 1px solid var(--border);
-}
-.modal-header h2 { margin: 0; font-size: 15px; font-weight: 600; }
-.modal-content { padding: 16px 18px; overflow-y: auto; }
-.modal-footer {
-  padding: 12px 18px;
-  border-top: 1px solid var(--border);
-  display: flex;
-  justify-content: flex-end;
-  gap: 8px;
-}
-
-.form-row {
-  margin-bottom: 14px;
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-.form-row label {
-  font-size: 12px;
-  font-weight: 500;
-  color: var(--text);
-}
-.form-row input, .form-row select {
-  padding: 7px 10px;
-  background: var(--bg-subtle);
-  border: 1px solid var(--border);
-  border-radius: var(--radius-sm);
-  color: var(--text);
-  font-family: var(--font);
-  font-size: 13px;
-  outline: 0;
-  transition: border-color 0.15s;
-}
-.form-row input:focus, .form-row select:focus {
-  border-color: var(--border-strong);
-}
-.form-row small {
-  color: var(--text-faint);
-  font-size: 11px;
-}
-.form-row small code {
-  font-family: var(--font-mono);
-  font-size: 11px;
-  background: var(--bg-subtle);
-  padding: 1px 4px;
-  border-radius: 3px;
-}
-.input-row {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-}
-.input-row input { min-width: 0; }
-.input-row .btn { flex: 0 0 auto; }
-.btn-row { display: flex; gap: 8px; }
-
-
-/* ─── Diagnostics panel ────────────────────────────────────────────────── */
-.diagnostics-panel {
-  position: fixed;
-  top: 56px;
-  right: 16px;
-  width: min(520px, calc(100vw - 32px));
-  max-height: calc(100vh - 88px);
-  background: var(--bg);
-  border: 1px solid var(--border-strong);
-  border-radius: var(--radius);
-  box-shadow: var(--shadow-strong);
-  z-index: 60;
-  display: flex;
-  flex-direction: column;
-}
-.diagnostics-header {
-  padding: 12px 14px;
-  border-bottom: 1px solid var(--border);
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 12px;
-}
-.diagnostics-header h2 { margin: 0; font-size: 14px; font-weight: 600; }
-.diagnostics-header p { margin: 3px 0 0; color: var(--text-faint); font-size: 11px; }
-.diagnostics-log {
-  margin: 0;
-  padding: 12px 14px;
-  min-height: 180px;
-  overflow: auto;
-  white-space: pre-wrap;
-  word-break: break-word;
-  background: var(--code-bg);
-  color: var(--code-text);
-  font-family: var(--font-mono);
-  font-size: 11px;
-  line-height: 1.45;
-}
-.diagnostics-footer {
-  padding: 10px 12px;
-  border-top: 1px solid var(--border);
-  display: flex;
-  justify-content: flex-end;
-  gap: 8px;
-}
-
-/* ─── Error banner ─────────────────────────────────────────────────────── */
-.error-banner {
-  position: fixed;
-  top: 56px;
-  right: 16px;
-  max-width: 420px;
-  background: var(--bg);
-  border: 1px solid var(--err);
-  border-left: 3px solid var(--err);
-  border-radius: var(--radius-sm);
-  padding: 10px 14px;
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  font-size: 12.5px;
-  box-shadow: var(--shadow-strong);
-  z-index: 50;
-}
-
-/* Scrollbars (WebKit) */
-::-webkit-scrollbar { width: 10px; height: 10px; }
-::-webkit-scrollbar-track { background: transparent; }
-::-webkit-scrollbar-thumb {
-  background: var(--border-strong);
-  border-radius: 5px;
-  border: 2px solid var(--bg);
-}
-::-webkit-scrollbar-thumb:hover { background: var(--text-faint); }
-
-
-/* Structured GA action cards */
-.structured-turn { margin: 8px 0; }
-.structured-turn .turn-header { width: fit-content; max-width: min(100%, 760px); background: rgba(248, 248, 250, 0.92); }
-.turn-summary { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-muted); font-size: 12px; }
-.structured-turn .turn-body { margin-top: 6px; padding: 10px 12px; border-left: 2px solid var(--border); color: var(--text); }
-
-.task-elapsed { display: block; width: max-content; color: var(--accent); font-size: 12px; font-weight: 600; margin: 0 0 6px 0; }
-.tool-detail-turn { margin: 8px 0 0 16px; border-left: 2px solid var(--accent); padding-left: 8px; }
-.tool-detail-body .tool-args-code { margin: 6px 0 0; white-space: pre-wrap; }
-
-.summary-hint { font-style: italic; color: var(--text-muted, #888); opacity: 0.7; margin-bottom: 4px; font-size: 0.9em; }
-.think-hint { font-style: italic; color: var(--text-muted, #888); opacity: 0.6; margin-bottom: 4px; font-size: 0.85em; }
-
-
-/* ─── Copy Button for code blocks / pre blocks ─── */
-pre { position: relative; }
-pre .copy-btn {
-  position: absolute; top: 6px; right: 6px;
-  background: rgba(128,128,128,0.15); border: 1px solid rgba(128,128,128,0.25);
-  border-radius: 4px; padding: 2px 8px; font-size: 12px;
-  color: var(--text-muted, #888); cursor: pointer;
-  opacity: 0; transition: opacity 0.2s;
-  z-index: 2; user-select: none;
-}
-pre:hover .copy-btn { opacity: 1; }
-pre .copy-btn:hover { background: rgba(128,128,128,0.3); color: var(--text, #333); }
-pre .copy-btn.copied { color: #4caf50; border-color: #4caf50; opacity: 1; }
-
-/* ─── Search Bar ─────────────────────────────────────────────────────── */
-#search-bar {
-  display: none; position: fixed; top: 40px; right: 16px;
-  background: var(--bg, #fff); border: 1px solid var(--border, #ddd);
-  border-radius: 8px; padding: 6px 10px; gap: 6px; align-items: center;
-  box-shadow: 0 2px 8px rgba(0,0,0,0.15); z-index: 9999;
-  font-size: 13px;
-}
-#search-bar.visible { display: flex; }
-#search-input {
-  border: 1px solid var(--border, #ccc); border-radius: 4px;
-  padding: 4px 8px; font-size: 13px; width: 200px;
-  background: var(--input-bg, #fff); color: var(--text, #333);
-  outline: none;
-}
-#search-input:focus { border-color: var(--accent, #4a9eff); }
-#search-count { min-width: 40px; text-align: center; color: var(--text-muted, #888); font-size: 12px; }
-#search-bar button {
-  background: none; border: none; cursor: pointer; font-size: 16px;
-  color: var(--text, #333); padding: 2px 6px; border-radius: 4px;
-}
-#search-bar button:hover { background: rgba(128,128,128,0.15); }
-mark.search-highlight { background: #ffeb3b; color: #000; border-radius: 2px; padding: 0 1px; }
-mark.search-highlight.active { background: #ff9800; color: #fff; }
-
-/* ─── Tab Drag ───────────────────────────────────────────────────────── */
-.tab-btn.drag-over-left { box-shadow: inset 3px 0 0 var(--accent, #4a9eff); }
-.tab-btn.drag-over-right { box-shadow: inset -3px 0 0 var(--accent, #4a9eff); }
diff --git a/frontends/desktop_bridge.py b/frontends/desktop_bridge.py
index 6bd96bf2..0d441275 100644
--- a/frontends/desktop_bridge.py
+++ b/frontends/desktop_bridge.py
@@ -11,7 +11,7 @@ HTTP API:
   GET    /status
   GET    /config
   POST   /config
-  GET    /model-profiles
+  GET    /model-profiles  (+ POST / PUT / DELETE by id)
   GET    /sessions
   POST   /session/new
   GET    /session/{sid}
@@ -19,14 +19,25 @@ HTTP API:
   POST   /session/{sid}/prompt
   GET    /session/{sid}/messages?after=0&limit=200
   POST   /session/{sid}/cancel
+  POST   /services/start        body: {"id":"frontends/qqapp.py"}
+  POST   /services/stop         body: {"id":"frontends/qqapp.py"}
+  GET    /services/logs?id=frontends/qqapp.py&tail=200
+  GET    /services/panel
+  GET    /services/mykey
+  POST   /services/mykey       body: {"content":"..."}
+  POST   /services/stop-extras   stop conductor + scheduler (127.0.0.1 only)
+  POST   /services/start-extras  start conductor + scheduler (127.0.0.1 only)
+  POST   /services/bridge/exit    stop managed services, then exit bridge (127.0.0.1 only)
 
-WS API:
-  GET /ws -> events only, e.g.
-  {"type":"session-state","sessionId":"sess-...","state":"running","seq":3,"updatedAt":...}
+WS API (state sync):
+  GET /ws -> on connect sends services.snapshot; service.changed on updates
+  {"type":"services.snapshot","services":[...]}
+  {"type":"service.changed","service":{...}}
 """
 from __future__ import annotations
 
-import asyncio, contextlib, importlib, json, os, sys
+import asyncio, atexit, contextlib, importlib, json, os, re, subprocess, sys
+from collections import Counter, deque
 import threading, time, traceback, uuid
 from dataclasses import dataclass, field
 from pathlib import Path
@@ -52,6 +63,13 @@ def find_default_ga_root() -> Path:
 
 DEFAULT_GA_ROOT = find_default_ga_root()
 
+_FINAL_INFO_RE = re.compile(r'\n*`{5}\n*\[Info\] Final response to user\.\n*`{5}\s*$')
+
+
+def strip_final_info_marker(text: Any) -> str:
+    return _FINAL_INFO_RE.sub('', str(text or ''))
+
+
 for _s in (sys.stdout, sys.stderr):
     with contextlib.suppress(Exception):
         _s.reconfigure(encoding="utf-8", errors="replace")
@@ -76,6 +94,30 @@ class Session:
     thread: Optional[threading.Thread] = None
     cancel_requested: bool = False
     last_error: str = ""
+    pinned: bool = False
+    untitled: bool = True
+    plan_scan_baseline: int = 0
+    plan_path: str = ""
+    llm_history: Optional[List[dict]] = None
+
+
+def _load_plan_baseline(item: dict, msgs: list) -> int:
+    """Persisted per-session baseline (tuiapp_v2: set on /continue, not on preset text)."""
+    base = int(item.get("plan_scan_baseline", 0) or 0)
+    if base >= len(msgs):
+        return 0
+    return max(0, base)
+
+
+def _sanitize_desktop_plan_path(session_id: str, plan_path: str) -> str:
+    """Desktop: drop shared plan_demo paths so sessions do not read the same file."""
+    import plan_state
+    p = (plan_path or "").strip()
+    if not p:
+        return ""
+    if plan_state.is_session_scoped_plan_path(p, session_id):
+        return p
+    return plan_state.default_session_plan_path(session_id)
 
 
 class AgentManager:
@@ -85,11 +127,240 @@ class AgentManager:
         self.config: Dict[str, Any] = {}
         self.sessions: Dict[str, Session] = {}
         self.active_session_id: Optional[str] = None
+        self._sessions_file = Path(self.ga_root) / "temp" / "desktop_sessions.json"
+        self._load_sessions()
 
     @property
     def mykey_path(self) -> str:
         return str(Path(self.ga_root) / "mykey.py")
 
+    def _persist(self):
+        try:
+            self._sessions_file.parent.mkdir(parents=True, exist_ok=True)
+            arr = []
+            with self.lock:
+                for s in self.sessions.values():
+                    llm_hist = None
+                    if s.agent and hasattr(s.agent, 'llmclient'):
+                        try: llm_hist = s.agent.llmclient.backend.history
+                        except Exception: pass
+                    if llm_hist is None:
+                        llm_hist = s.llm_history
+                    arr.append({"id": s.id, "title": s.title, "cwd": s.cwd,
+                                "created_at": s.created_at, "updated_at": s.updated_at,
+                                "messages": s.messages, "msg_seq": s.msg_seq,
+                                "pinned": s.pinned, "untitled": s.untitled,
+                                "plan_scan_baseline": s.plan_scan_baseline,
+                                "plan_path": s.plan_path or "",
+                                "llm_history": llm_hist})
+            self._sessions_file.write_text(json.dumps(arr, ensure_ascii=False, default=str), encoding="utf-8")
+        except Exception as e:
+            print(f"[bridge] persist sessions failed: {e}", file=sys.stderr)
+
+    def _load_sessions(self):
+        try:
+            if not self._sessions_file.exists():
+                return
+            arr = json.loads(self._sessions_file.read_text(encoding="utf-8"))
+            for item in arr:
+                msgs = item.get("messages", [])
+                sess = Session(id=item["id"], title=item.get("title", "New chat"),
+                               cwd=item.get("cwd", self.ga_root),
+                               created_at=item.get("created_at", time.time()),
+                               updated_at=item.get("updated_at", time.time()),
+                               messages=msgs,
+                               msg_seq=item.get("msg_seq", 0),
+                               pinned=item.get("pinned", False),
+                               untitled=item.get("untitled", True),
+                               plan_scan_baseline=_load_plan_baseline(item, msgs),
+                               plan_path=_sanitize_desktop_plan_path(
+                                   item["id"], item.get("plan_path") or ""),
+                               status="idle", agent=None,
+                               llm_history=item.get("llm_history"))
+                self.sessions[sess.id] = sess
+            if self.sessions:
+                self.active_session_id = max(self.sessions.values(), key=lambda s: s.updated_at).id
+        except Exception as e:
+            print(f"[bridge] load sessions failed: {e}", file=sys.stderr)
+
+    def _mykey_file(self) -> Path:
+        p = Path(self.ga_root) / "mykey.py"
+        if not p.exists():
+            tpl = Path(self.ga_root) / "mykey_template.py"
+            p.write_text(tpl.read_text(encoding="utf-8") if tpl.exists() else "", encoding="utf-8")
+        return p
+
+    @staticmethod
+    def _next_native_var(text: str, protocol: str) -> str:
+        # 协议必选(由前端下拉强制),不再用 apibase 兜底瞎猜
+        proto = str(protocol or "").strip().lower()
+        if proto == "claude":
+            prefix = "native_claude_config"
+        elif proto in ("oai", "openai"):
+            prefix = "native_oai_config"
+        else:
+            raise ValueError("protocol is required: choose 'oai' or 'claude'")
+        nums = [0]
+        if re.search(rf"^{prefix}\s*=", text, re.M):
+            nums.append(0)
+        nums.extend(int(m.group(1)) for m in re.finditer(rf"^{prefix}(\d+)\s*=", text, re.M))
+        n = max(nums) + 1
+        return prefix if n == 1 and not re.search(rf"^{prefix}\s*=", text, re.M) else f"{prefix}{n}"
+
+    @staticmethod
+    def _format_py_dict(d: dict) -> str:
+        lines = [f"    '{k}': {json.dumps(v, ensure_ascii=False)}," if isinstance(v, str) else f"    '{k}': {v}," for k, v in d.items()]
+        return "{\n" + "\n".join(lines) + "\n}"
+
+    def _invalidate_mykey_cache(self) -> None:
+        self.ensure_ga_import_path()
+        sys.modules.pop("mykey", None)
+        with contextlib.suppress(Exception):
+            import llmcore
+            llmcore._mykey_mtime = None
+
+    def _profile_keys(self) -> List[str]:
+        self.ensure_ga_import_path()
+        from llmcore import reload_mykeys
+        return [k for k in reload_mykeys()[0] if any(x in k for x in ("api", "config", "cookie"))]
+
+    def _profile_at(self, profile_id: int) -> tuple[str, dict]:
+        keys = self._profile_keys()
+        if profile_id < 0 or profile_id >= len(keys):
+            raise ValueError("profile not found")
+        var = keys[profile_id]
+        if "mixin" in var:
+            raise ValueError("mixin profiles not supported here")
+        from llmcore import reload_mykeys
+        cfg = reload_mykeys()[0].get(var)
+        if not isinstance(cfg, dict):
+            raise ValueError("profile not editable")
+        return var, dict(cfg)
+
+    @staticmethod
+    def _find_var_block_span(text: str, var_name: str) -> Optional[tuple[int, int]]:
+        m = re.search(rf"^{re.escape(var_name)}\s*=\s*\{{", text, re.M)
+        if not m:
+            return None
+        start, i, depth = m.start(), m.end() - 1, 0
+        while i < len(text):
+            if text[i] == "{":
+                depth += 1
+            elif text[i] == "}":
+                depth -= 1
+                if depth == 0:
+                    end = i + 1
+                    while end < len(text) and text[end] in "\r\n":
+                        end += 1
+                    return start, end
+            i += 1
+        return None
+
+    def _patch_var_block(self, text: str, var: str, cfg: Optional[dict] = None) -> str:
+        if not (span := self._find_var_block_span(text, var)):
+            raise ValueError(f"config block not found: {var}")
+        s, e = span
+        if cfg is None:
+            return text[:s].rstrip() + "\n" + text[e:].lstrip("\n")
+        return text[:s] + f"{var} = {self._format_py_dict(cfg)}\n" + text[e:]
+
+    def _build_cfg(self, data: dict, existing: Optional[dict] = None, *, require_key: bool = True) -> dict:
+        apibase, model = str(data.get("apibase") or "").strip(), str(data.get("model") or "").strip()
+        if not apibase or not model:
+            raise ValueError("apibase and model are required")
+        apikey = str(data.get("apikey") or "").strip() or str((existing or {}).get("apikey") or "").strip()
+        if require_key and not apikey:
+            raise ValueError("apikey is required")
+        # 从 existing 起步：保留表单未覆盖的高级字段（proxy / temperature / api_mode /
+        # reasoning_effort / fake_cc_system_prompt / thinking_type …），避免 GUI 编辑时丢失
+        cfg: Dict[str, Any] = dict(existing or {})
+        cfg.update({"apikey": apikey, "apibase": apibase, "model": model})
+        if "name" in data:
+            name = str(data.get("name") or "").strip()
+            if name:
+                cfg["name"] = name
+            else:
+                cfg.pop("name", None)
+        for k in ("max_retries", "connect_timeout", "read_timeout"):
+            if data.get(k) is not None and str(data.get(k)).strip() != "":
+                cfg[k] = int(data[k])
+        # 流式开关：默认 True 不写（保持 mykey 干净），仅显式非流式才落 'stream': False
+        if "stream" in data:
+            s = data["stream"]
+            stream = s if isinstance(s, bool) else str(s).strip().lower() not in ("false", "0", "no", "off")
+            if stream:
+                cfg.pop("stream", None)
+            else:
+                cfg["stream"] = False
+        return cfg
+
+    def _save_mykey_text(self, text: str) -> list:
+        self._mykey_file().write_text(text, encoding="utf-8")
+        self._invalidate_mykey_cache()
+        self._reload_live_agents()
+        return self.list_model_profiles()
+
+    def _reload_live_agents(self) -> None:
+        """mykey.py 改动后，强制所有活着的会话 agent 重建 LLM session，让新 key/模型
+        立即生效（无需重启）。重建保留对话 history（agentmain 内部用 oldhistory 接回）。
+
+        纯 bridge 侧实现，不改 agentmain：每次调 agent.load_llm_sessions() 前，把
+        llmcore 的全局 mtime 标志清空（与 _invalidate_mykey_cache 同一手法），使其内部
+        reload_mykeys() 报告 changed=True、从而真正重建——否则刷新模型列表等路径会先
+        消费掉变更标志，常驻 agent 的 load_llm_sessions 会因 changed=False 跳过重建。"""
+        self.ensure_ga_import_path()
+        try:
+            import llmcore
+        except Exception:
+            return
+        with self.lock:
+            agents = [s.agent for s in self.sessions.values() if getattr(s, "agent", None) is not None]
+        for agent in agents:
+            fn = getattr(agent, "load_llm_sessions", None)
+            if not callable(fn):
+                continue
+            try:
+                llmcore._mykey_mtime = None   # 让本次 reload_mykeys() 视为“已变更”，触发真正重建
+                fn()
+            except Exception as e:
+                print(f"[bridge] reload live agent failed: {e}", file=sys.stderr)
+
+    def add_model_profile(self, data: dict) -> dict:
+        cfg = self._build_cfg(data)
+        text = self._mykey_file().read_text(encoding="utf-8")
+        var = self._next_native_var(text, data.get("protocol", ""))
+        profiles = self._save_mykey_text(text.rstrip() + f"\n{var} = {self._format_py_dict(cfg)}\n")
+        return {"varName": var, "profileId": profiles[-1]["id"] if profiles else 0, "profiles": profiles}
+
+    def get_model_profile(self, profile_id: int) -> dict:
+        var, cfg = self._profile_at(profile_id)
+        ks = ("model", "apibase", "apikey", "name", "max_retries", "connect_timeout", "read_timeout")
+        out = {"id": profile_id, "varName": var, **{k: cfg.get(k, d) for k, d in zip(ks, ("", "", "", "", 5, 15, 300))}}
+        out["stream"] = cfg.get("stream", True)
+        return out
+
+    def update_model_profile(self, profile_id: int, data: dict) -> dict:
+        var, existing = self._profile_at(profile_id)
+        text = self._mykey_file().read_text(encoding="utf-8")
+        profiles = self._save_mykey_text(self._patch_var_block(text, var, self._build_cfg(data, existing, require_key=False)))
+        return {"varName": var, "profileId": profile_id, "profiles": profiles}
+
+    def delete_model_profile(self, profile_id: int) -> dict:
+        if len(self._profile_keys()) <= 1:
+            raise ValueError("cannot delete the last profile")
+        var, cfg = self._profile_at(profile_id)
+        text = self._patch_var_block(self._mykey_file().read_text(encoding="utf-8"), var).rstrip() + "\n"
+        # 顺手把它从聚合渠道里摘掉，避免 llm_nos 残留指向已删除的模型（会让 Mixin 构建失败）
+        name = str(cfg.get("name") or cfg.get("model") or "").strip()
+        keys, mk = self._mykey_vars()
+        mvar, mcfg = self._mixin_entry(keys, mk)
+        if mcfg and mvar is not None and name in [str(m) for m in (mcfg.get("llm_nos") or [])]:
+            mcfg = {**mcfg, "llm_nos": [str(m) for m in (mcfg.get("llm_nos") or []) if str(m) != name]}
+            if self._find_var_block_span(text, mvar):
+                text = self._patch_var_block(text, mvar, mcfg)
+        profiles = self._save_mykey_text(text)
+        return {"profileId": profile_id, "profiles": profiles}
+
     def ensure_ga_import_path(self) -> Path:
         root = Path(self.ga_root).resolve()
         if str(root) not in sys.path:
@@ -98,6 +369,8 @@ class AgentManager:
 
     def make_agent(self, sess: Session):
         root = self.ensure_ga_import_path()
+        try: import cost_tracker; cost_tracker.install()
+        except Exception: pass
         old_cwd = os.getcwd()
         try:
             os.chdir(sess.cwd or str(root))
@@ -112,16 +385,131 @@ class AgentManager:
             with contextlib.suppress(Exception):
                 os.chdir(old_cwd)
 
-    def list_model_profiles(self):
+    @staticmethod
+    def _base_display_name(var: str, cfg: Optional[dict]) -> str:
+        c = cfg or {}
+        return str(c.get("name") or c.get("model") or var)
+
+    def _mykey_vars(self):
+        """(keys, mk)：mykey 里的模型变量名（按定义顺序，与 agentmain.llmclients 索引
+        一一对齐）和原始 dict。过滤规则与 _profile_keys / load_llm_sessions 完全一致，
+        因此 id == llmclients 下标，前端选中 llmNo 能正确激活对应 client。"""
+        self._mykey_file()   # 确保 mykey.py 存在（首次从模板生成空配置），否则全新安装时
+                             # reload_mykeys 找不到 mykey 会返回空，空聚合渠道就不显示了
         self.ensure_ga_import_path()
+        from llmcore import reload_mykeys
+        mk = reload_mykeys()[0]
+        keys = [k for k in mk if any(x in k for x in ("api", "config", "cookie"))]
+        return keys, mk
+
+    def _mixin_entry(self, keys, mk):
+        """返回 (mixin_var, mixin_cfg_dict) 或 (None, None)。单一主聚合渠道，只取第一个。"""
+        for k in keys:
+            if "mixin" in k and isinstance(mk.get(k), dict):
+                return k, dict(mk[k])
+        return None, None
+
+    def list_model_profiles(self):
+        """直接读 mykey.py 结构（不依赖能否成功构建出 client），这样空聚合渠道、
+        未填 key 的模型也能如实展示。聚合渠道(kind=mixin)带 members；基本模型
+        (kind=native)带 inMixin/group。"""
         try:
-            agentmain = importlib.import_module("agentmain")
-            agent = agentmain.GenericAgent()
-            if hasattr(agent, "list_llms"):
-                return [{"id": i, "name": name, "active": active} for i, name, active in agent.list_llms()]
+            keys, mk = self._mykey_vars()
         except Exception as e:
             print(f"get model profiles failed: {e}", file=sys.stderr)
-        return []
+            return []
+        _, mcfg = self._mixin_entry(keys, mk)
+        members = [str(m) for m in (mcfg.get("llm_nos") or [])] if mcfg else []
+        active = self.config.get("llmNo", 0)
+        out = []
+        for i, k in enumerate(keys):
+            cfg = mk.get(k) if isinstance(mk.get(k), dict) else {}
+            if "mixin" in k:
+                out.append({"id": i, "varName": k, "kind": "mixin", "name": "",
+                            "members": members, "active": i == active})
+            else:
+                name = self._base_display_name(k, cfg)
+                out.append({"id": i, "varName": k, "kind": "native", "name": name,
+                            "model": cfg.get("model", ""),
+                            "group": "native" if "native" in k else "std",
+                            "inMixin": name in members, "active": i == active})
+        return out
+
+    def add_to_mixin(self, profile_id: int) -> dict:
+        """把一个基本模型加入主聚合渠道：把它的 name 追加进 mixin_config['llm_nos']。
+        坑1：校验 Native 一致性（聚合内必须全 Native 或全非 Native）。
+        坑2：加入前若该模型没有显式 name，先把 name 写进它的配置块（保证引用稳定）。"""
+        var, cfg = self._profile_at(profile_id)   # 对 mixin 会抛错（只接受 native）
+        name = str(cfg.get("name") or cfg.get("model") or "").strip()
+        if not name:
+            raise ValueError("this model needs a name or model before joining the channel")
+        keys, mk = self._mykey_vars()
+        mvar, mcfg = self._mixin_entry(keys, mk)
+        new_is_native = "native" in var
+        name2var = {self._base_display_name(k, mk.get(k) if isinstance(mk.get(k), dict) else {}): k
+                    for k in keys if "mixin" not in k}
+        existing = [str(m) for m in (mcfg.get("llm_nos") or [])] if mcfg else []
+        for m in existing:
+            mv = name2var.get(m)
+            if mv is not None and ("native" in mv) != new_is_native:
+                raise ValueError("aggregation channel requires all-Native or all-non-Native models")
+        text = self._mykey_file().read_text(encoding="utf-8")
+        if not cfg.get("name"):
+            text = self._patch_var_block(text, var, {**cfg, "name": name})
+        if mcfg is None:
+            mcfg, mvar, existing = {"llm_nos": [], "max_retries": 10, "base_delay": 0.5}, "mixin_config", []
+        if name not in existing:
+            existing.append(name)
+        mcfg = {**mcfg, "llm_nos": existing}
+        if self._find_var_block_span(text, mvar):
+            text = self._patch_var_block(text, mvar, mcfg)
+        else:
+            text = text.rstrip() + f"\n{mvar} = {self._format_py_dict(mcfg)}\n"
+        return {"profiles": self._save_mykey_text(text)}
+
+    def remove_from_mixin(self, profile_id: int) -> dict:
+        """把一个基本模型移出主聚合渠道。"""
+        var, cfg = self._profile_at(profile_id)
+        name = str(cfg.get("name") or cfg.get("model") or "").strip()
+        keys, mk = self._mykey_vars()
+        mvar, mcfg = self._mixin_entry(keys, mk)
+        if not mcfg or mvar is None:
+            return {"profiles": self.list_model_profiles()}
+        members = [str(m) for m in (mcfg.get("llm_nos") or []) if str(m) != name]
+        mcfg = {**mcfg, "llm_nos": members}
+        text = self._patch_var_block(self._mykey_file().read_text(encoding="utf-8"), mvar, mcfg)
+        return {"profiles": self._save_mykey_text(text)}
+
+    def reorder_mixin(self, members: list) -> dict:
+        """按前端拖拽后的顺序重写主渠道组 llm_nos。只接受当前成员的重排，不增删。"""
+        keys, mk = self._mykey_vars()
+        mvar, mcfg = self._mixin_entry(keys, mk)
+        if not mcfg or mvar is None:
+            raise ValueError("mixin channel not found")
+        old = [str(m) for m in (mcfg.get("llm_nos") or [])]
+        new = [str(m) for m in (members or [])]
+        if len(new) != len(old) or Counter(new) != Counter(old):
+            raise ValueError("reorder must contain the same channel members")
+        if new == old:
+            return {"profiles": self.list_model_profiles()}
+        mcfg = {**mcfg, "llm_nos": new}
+        text = self._patch_var_block(self._mykey_file().read_text(encoding="utf-8"), mvar, mcfg)
+        return {"profiles": self._save_mykey_text(text)}
+
+    @staticmethod
+    def _live_model(sess: Session) -> Optional[dict]:
+        """该会话 agent 当前真正在用的模型（渠道组会随故障转移变化）。
+        agent 还没建（没跑过 turn）时返回 None，前端回退到静态显示。"""
+        ag = getattr(sess, "agent", None)
+        if ag is None:
+            return None
+        try:
+            back = ag.llmclient.backend
+            if "Mixin" in type(back).__name__:
+                return {"current": back.current_name, "isMixin": True}
+            return {"current": back.name, "isMixin": False}
+        except Exception:
+            return None
 
     def snapshot(self, sess: Session, include_messages: bool = True) -> dict:
         out = {
@@ -134,6 +522,9 @@ class AgentManager:
             "updatedAt": sess.updated_at,
             "lastError": sess.last_error,
             "msgSeq": sess.msg_seq,
+            "pinned": sess.pinned,
+            "untitled": sess.untitled,
+            "model": self._live_model(sess),
         }
         if include_messages:
             out["messages"] = list(sess.messages)
@@ -148,6 +539,7 @@ class AgentManager:
         sess.updated_at = time.time()
         if role == "user" and content.strip() and sess.title == "New chat":
             sess.title = content.strip().replace("\n", " ")[:40]
+        self._persist()
         return msg
 
     def create_session(self, cwd: Optional[str] = None) -> Session:
@@ -157,6 +549,7 @@ class AgentManager:
             self.sessions[sid] = sess
             self.active_session_id = sid
         emit_session_state(sess, "created")
+        self._persist()
         return sess
 
     def get_session(self, sid: str) -> Session:
@@ -177,10 +570,14 @@ class AgentManager:
                 with contextlib.suppress(Exception):
                     sess.agent.abort()
         emit_session_state(sess, "closed")
+        self._persist()
+        _purge_session_uploads(sid)
         return {"ok": True, "sessionId": sid}
 
-    def submit_prompt(self, sid: str, prompt: Any, images: Optional[list] = None) -> dict:
+    def submit_prompt(self, sid: str, prompt: Any, images: Optional[list] = None, llm_no: Optional[int] = None, display: Optional[str] = None, files_meta: Optional[list] = None, image_metas: Optional[list] = None) -> dict:
         prompt, image_ids = normalize_prompt(prompt, images)
+        if llm_no is not None:
+            self.config["llmNo"] = int(llm_no)
         with self.lock:
             sess = self.sessions.get(sid)
             if not sess:
@@ -190,24 +587,40 @@ class AgentManager:
             extra = {}
             if image_ids:
                 extra["image_ids"] = image_ids
+            if isinstance(display, str) and display.strip() and display != prompt:
+                extra["display"] = display
+            if files_meta:
+                extra["files"] = files_meta
+            if image_metas:
+                extra["images"] = image_metas
             user_msg = self.add_message(sess, "user", prompt, **extra)
+            import plan_state
+            if plan_state.is_plan_preset_prompt(prompt):
+                plan_state.bind_plan_session(sess, prompt)
+                self._persist()
             sess.status = "running"
             sess.cancel_requested = False
             sess.last_error = ""
-            sess.partial = {"id": sess.msg_seq + 1, "role": "assistant", "content": "", "ts": time.time(), "partial": True}
-            t = threading.Thread(target=self.run_agent_turn, args=(sess, prompt, None), daemon=True, name=f"Turn-{sid}")
+            sess.partial = {"id": sess.msg_seq + 1, "role": "assistant", "content": "", "ts": time.time(), "partial": True,
+                            "curr_turn": 0, "turn_segs": []}  # turn_segs[i]=第i轮全文(权威结构化,前端按轮渲染);content保留双轨兜底
+            t = threading.Thread(target=self.run_agent_turn, args=(sess, prompt, None, llm_no), daemon=True, name=f"Turn-{sid}")
             sess.thread = t
             t.start()
             seq = sess.msg_seq
         emit_session_state(sess, "running")
         return {"ok": True, "sessionId": sid, "accepted": True, "userMessageId": user_msg["id"], "seq": seq}
 
-    def run_agent_turn(self, sess: Session, prompt: str, images: Optional[list] = None):
+    def run_agent_turn(self, sess: Session, prompt: str, images: Optional[list] = None, llm_no: Optional[int] = None):
         try:
             if sess.agent is None:
                 sess.agent = self.make_agent(sess)
             agent = sess.agent
+            no = self.config.get("llmNo") if llm_no is None else llm_no
+            if no is not None and hasattr(agent, "next_llm"):
+                with contextlib.suppress(Exception):
+                    agent.next_llm(int(no))
             full = ""
+            done_outputs = None  # done时agent给的全量轮文本(turn_resps.copy())
             if hasattr(agent, "put_task"):
                 display_q = agent.put_task(prompt, images=images or [])
                 pieces = []
@@ -228,19 +641,38 @@ class AgentManager:
                                     sess.partial["content"] = "".join(pieces) if getattr(agent, "inc_out", False) else text
                                     sess.partial["ts"] = time.time()
                                     sess.updated_at = time.time()
+                                    # 轨道2: bridge 归一化为前端直接可渲染的 0 基 turn_segs；outputs=turn_resps[-2:]
+                                    _t = int(item.get("turn", 0) or 0)
+                                    _outs = item.get("outputs") or []
+                                    _idx = max(0, _t - 1)
+                                    sess.partial["curr_turn"] = _idx
+                                    _segs = sess.partial["turn_segs"]
+                                    while len(_segs) <= _idx:
+                                        _segs.append("")
+                                    if _outs:
+                                        _segs[_idx] = str(_outs[-1])
+                                        if len(_outs) >= 2 and _idx >= 1:
+                                            _segs[_idx - 1] = str(_outs[-2])
                         if "done" in item:
-                            full = str(item.get("done") or "")
+                            full = strip_final_info_marker(item.get("done") or "")
+                            done_outputs = item.get("outputs")  # done时=turn_resps.copy()全量轮
+                            if done_outputs:
+                                done_outputs = [strip_final_info_marker(s) for s in done_outputs]
+                                with self.lock:
+                                    if sess.partial is not None:
+                                        sess.partial["content"] = full
+                                        sess.partial["ts"] = time.time()
+                                        sess.partial["updatedAt"] = sess.partial["ts"] if "updatedAt" in sess.partial else sess.partial.get("updatedAt")
+                                        sess.partial["curr_turn"] = max(0, len(done_outputs) - 1)
+                                        sess.partial["turn_segs"] = list(done_outputs)
+                                        sess.updated_at = time.time()
                             break
                     else:
                         pieces.append(str(item))
                 if not full and pieces:
                     full = pieces[-1] if not getattr(agent, "inc_out", False) else "".join(pieces)
-            elif hasattr(agent, "run"):
-                ret = agent.run(prompt)
-                if isinstance(ret, str):
-                    full = ret
             else:
-                full = "GenericAgent object has no put_task/run method"
+                full = "GenericAgent object has no put_task method"
             if not full:
                 full = "(completed)"
             if sess.cancel_requested:
@@ -254,10 +686,19 @@ class AgentManager:
                 return
             with self.lock:
                 sess.partial = None
-                # Strip trailing [Info] Final response to user. marker
-                import re as _re
-                full = _re.sub(r'\n*`{5}\n*\[Info\] Final response to user\.\n*`{5}\s*$', '', full)
-                self.add_message(sess, "assistant", full)
+                full = strip_final_info_marker(full)
+                if done_outputs:
+                    done_outputs = [strip_final_info_marker(s) for s in done_outputs]
+                import plan_state
+                plan_state.sync_plan_path_from_text(sess, full, sess.cwd or self.ga_root)
+                # 轨道2: 落库时带结构化全量轮(权威turn_segs),前端按轮渲染;content保留兜底
+                _final_segs = [str(s) for s in done_outputs] if done_outputs else None
+                if _final_segs:
+                    self.add_message(sess, "assistant", full, turn_segs=_final_segs)
+                else:
+                    self.add_message(sess, "assistant", full)
+                try: sess.llm_history = json.loads(json.dumps(agent.llmclient.backend.history, ensure_ascii=False, default=str))
+                except Exception: pass
                 sess.status = "idle"
                 sess.last_error = ""
             emit_session_state(sess, "idle")
@@ -279,14 +720,28 @@ class AgentManager:
             msgs = [m for m in sess.messages if int(m.get("id", 0)) > after]
             if limit > 0:
                 msgs = msgs[-limit:]
+            import plan_state
             return {
                 "sessionId": sid,
                 "status": sess.status,
                 "messages": msgs,
                 "partial": dict(sess.partial) if sess.partial else None,
+                "plan": plan_state.desktop_plan_payload_from_session(sess, self.ga_root),
                 "msgSeq": sess.msg_seq,
                 "updatedAt": sess.updated_at,
                 "lastError": sess.last_error,
+                "model": self._live_model(sess),
+            }
+
+    def plan_snapshot(self, sid: str) -> dict:
+        with self.lock:
+            sess = self.sessions.get(sid)
+            if not sess:
+                raise web.HTTPNotFound(text=json.dumps({"error": f"session not found: {sid}"}, ensure_ascii=False), content_type="application/json")
+            import plan_state
+            return {
+                "sessionId": sid,
+                "plan": plan_state.desktop_plan_payload_from_session(sess, self.ga_root),
             }
 
     def cancel(self, sid: str) -> dict:
@@ -298,93 +753,79 @@ class AgentManager:
             if sess.agent and hasattr(sess.agent, "abort"):
                 with contextlib.suppress(Exception):
                     sess.agent.abort()
+            partial_text = ""
+            if sess.partial:
+                partial_text = (sess.partial.get("content") or "").strip()
+            if partial_text:
+                self.add_message(sess, "assistant", partial_text, stopped=True)
             sess.status = "cancelled"
             sess.partial = None
             sess.updated_at = time.time()
         emit_session_state(sess, "cancelled")
         return {"ok": True, "sessionId": sid}
 
+    def restore_context(self, sid: str) -> dict:
+        with self.lock:
+            sess = self.sessions.get(sid)
+            if not sess:
+                raise web.HTTPNotFound(text=json.dumps({"error": f"session not found: {sid}"}, ensure_ascii=False), content_type="application/json")
+            if sess.agent is not None:
+                return {"ok": True, "sessionId": sid, "restored": False, "reason": "agent already alive"}
+        agent = self.make_agent(sess)
+        if sess.llm_history:
+            try:
+                agent.llmclient.backend.history = sess.llm_history
+            except Exception as e:
+                print(f"[bridge] restore llm_history failed: {e}", file=sys.stderr)
+        else:
+            history = []
+            for m in sess.messages:
+                role = m.get("role")
+                content = m.get("content", "")
+                if role == "user":
+                    history.append({"role": "user", "content": [{"type": "text", "text": content}]})
+                elif role == "assistant":
+                    history.append({"role": "assistant", "content": [{"type": "text", "text": content}]})
+            if history:
+                try:
+                    agent.llmclient.backend.history = history
+                except Exception as e:
+                    print(f"[bridge] inject history failed: {e}", file=sys.stderr)
+        with self.lock:
+            sess.agent = agent
+            sess.status = "idle"
+        return {"ok": True, "sessionId": sid, "restored": True, "messageCount": len(sess.llm_history or sess.messages)}
+
 
 import base64
-import tempfile
-
-# Shared temp dir for image uploads (persists for process lifetime)
-_UPLOAD_DIR = Path(tempfile.gettempdir()) / "ga_web2_uploads"
-_UPLOAD_DIR.mkdir(parents=True, exist_ok=True)
-
-
-def _save_image_data(data_url: str, img_id: str) -> str:
-    """Save a data URL to disk, return absolute path."""
-    # data:image/png;base64,xxxxx
-    if "," in data_url:
-        header, b64 = data_url.split(",", 1)
-    else:
-        b64 = data_url
-        header = ""
-    ext = "png"
-    if "jpeg" in header or "jpg" in header:
-        ext = "jpg"
-    elif "webp" in header:
-        ext = "webp"
-    elif "gif" in header:
-        ext = "gif"
-    fpath = _UPLOAD_DIR / f"{img_id}.{ext}"
-    fpath.write_bytes(base64.b64decode(b64))
-    return str(fpath)
 
 
 def normalize_prompt(prompt: Any, images: Optional[list] = None):
-    """Normalize prompt and images.
-    
-    images: list of dicts {"id": "img-xxx", "dataUrl": "data:..."} or plain data URLs.
-    Returns: (prompt_text_with_image_tags, image_ids_list)
+    """Flatten a prompt (str or content-part list) to plain text.
+
+    Image/file attachments are handled by the frontend, which inlines the
+    uploaded file path into the prompt text (see expandFilePlaceholders) and
+    sends path-only metadata via files/imageMetas — so no per-prompt image
+    persistence happens here. The `images` arg is accepted for backward compat
+    and ignored; the returned image-id list is always empty.
     """
-    images = list(images or [])
     if isinstance(prompt, list):
         text_parts = []
         for part in prompt:
             if isinstance(part, str):
                 text_parts.append(part)
-            elif isinstance(part, dict):
-                if part.get("type") in ("text", "input_text"):
-                    text_parts.append(str(part.get("text") or part.get("content") or ""))
-                elif part.get("type") in ("image", "input_image"):
-                    url = part.get("image_url") or part.get("url") or part.get("data")
-                    if isinstance(url, dict):
-                        url = url.get("url")
-                    if url:
-                        images.append(url)
+            elif isinstance(part, dict) and part.get("type") in ("text", "input_text"):
+                text_parts.append(str(part.get("text") or part.get("content") or ""))
         prompt = "\n".join([p for p in text_parts if p])
 
-    # Process images: save to disk, build [image:path] tags
-    image_ids = []
-    image_tags = []
-    for img in images:
-        if isinstance(img, dict):
-            img_id = img.get("id") or f"img-{uuid.uuid4().hex[:8]}"
-            data_url = img.get("dataUrl") or img.get("data_url") or ""
-        else:
-            # Plain data URL string
-            img_id = f"img-{uuid.uuid4().hex[:8]}"
-            data_url = str(img)
-        if data_url:
-            path = _save_image_data(data_url, img_id)
-            image_tags.append(f"[image:{path}]")
-            image_ids.append(img_id)
-
-    # Append image tags to prompt
-    final_prompt = str(prompt or "")
-    if image_tags:
-        final_prompt = final_prompt + "\n" + "\n".join(image_tags)
-
-    return final_prompt, image_ids
+    return str(prompt or ""), []
 
 
 manager = AgentManager()
 
 
 # ---------------------------------------------------------------------------
-# Transport layer: WS notification only
+# Transport layer: WS state push
 # ---------------------------------------------------------------------------
 
 class WsHub:
@@ -410,6 +851,286 @@ class WsHub:
 hub = WsHub()
 
 
+# ---------------------------------------------------------------------------
+# Service management (hub.pyw core + WS notify)
+# ---------------------------------------------------------------------------
+
+_SKIP = frozenset({"goal_mode.py", "chatapp_common.py", "tuiapp.py", "qtapp.py"})
+BRIDGE_ID = "__bridge__"
+
+_SERVICE_KEYS: Dict[str, tuple] = {
+    "frontends/qqapp.py": ("qq_app_id", "qq_app_secret"),
+    "frontends/dcapp.py": ("discord_bot_token",),
+    "frontends/dingtalkapp.py": ("dingtalk_client_id", "dingtalk_client_secret"),
+    "frontends/fsapp.py": ("fs_app_id", "fs_app_secret"),
+    "frontends/tgapp.py": ("tg_bot_token",),
+    "frontends/wecomapp.py": ("wecom_bot_id", "wecom_secret"),
+}
+
+
+def _load_mykeys(ga_root: Path) -> dict:
+    if not (ga_root / "mykey.py").exists():
+        return {}
+    root = str(ga_root.resolve())
+    if root not in sys.path:
+        sys.path.insert(0, root)
+    import mykey as mk
+    importlib.reload(mk)
+    return {k: v for k, v in vars(mk).items() if not k.startswith("_")}
+
+
+def discover_im_services(ga_root: Path) -> List[dict]:
+    out: List[dict] = []
+    d = ga_root / "frontends"
+    if not d.is_dir():
+        return out
+    for f in sorted(os.listdir(d)):
+        if "app" not in f or not f.endswith(".py") or f in _SKIP or "stapp" in f or "tuiapp" in f:
+            continue
+        rel = f"frontends/{f}"
+        out.append({"id": rel, "cmd": [sys.executable, str(d / f)]})
+    return out
+
+
+def discover_extra_services(ga_root: Path) -> List[dict]:
+    out: List[dict] = []
+    sched = ga_root / "reflect" / "scheduler.py"
+    if sched.is_file():
+        out.append({
+            "id": "reflect/scheduler.py",
+            "cmd": [sys.executable, "agentmain.py", "--reflect", "reflect/scheduler.py"],
+        })
+    # conductor 跟 scheduler 一样,bridge 启动时自动拉起。--no-browser 是关键:
+    # conductor.py 默认会用 webbrowser.open 在用户浏览器弹一个 8900 端口 UI,
+    # 桌面版自启时不需要这个独立 UI(用户从「指挥家」页直接访问)。
+    conductor = ga_root / "frontends" / "conductor.py"
+    if conductor.is_file():
+        out.append({
+            "id": "frontends/conductor.py",
+            "cmd": [sys.executable, "frontends/conductor.py", "--no-browser"],
+        })
+    return out
+
+
+def _mem_mb(pid: Optional[int]) -> Optional[int]:
+    if not pid:
+        return None
+    if sys.platform == "win32":
+        import ctypes
+        from ctypes import wintypes
+        class PROCESS_MEMORY_COUNTERS(ctypes.Structure):
+            _fields_ = [
+                ("cb", wintypes.DWORD), ("PageFaultCount", wintypes.DWORD),
+                ("PeakWorkingSetSize", ctypes.c_size_t), ("WorkingSetSize", ctypes.c_size_t),
+                ("QuotaPeakPagedPoolUsage", ctypes.c_size_t), ("QuotaPagedPoolUsage", ctypes.c_size_t),
+                ("QuotaPeakNonPagedPoolUsage", ctypes.c_size_t), ("QuotaNonPagedPoolUsage", ctypes.c_size_t),
+                ("PagefileUsage", ctypes.c_size_t), ("PeakPagefileUsage", ctypes.c_size_t),
+            ]
+        counters = PROCESS_MEMORY_COUNTERS()
+        counters.cb = ctypes.sizeof(PROCESS_MEMORY_COUNTERS)
+        h = ctypes.windll.kernel32.OpenProcess(0x1000, False, pid)
+        if not h:
+            return None
+        ok = ctypes.windll.psapi.GetProcessMemoryInfo(h, ctypes.byref(counters), counters.cb)
+        ctypes.windll.kernel32.CloseHandle(h)
+        return round(counters.WorkingSetSize / 1024 / 1024) if ok else None
+    status = Path(f"/proc/{pid}/status")
+    if status.is_file():
+        for line in status.read_text(encoding="utf-8", errors="replace").splitlines():
+            if line.startswith("VmRSS:"):
+                return round(int(line.split()[1]) / 1024)
+    return None
+
+
+def _cpu_pct(pid: Optional[int]) -> Optional[float]:
+    if not pid:
+        return None
+    try:
+        import psutil
+        return round(psutil.Process(pid).cpu_percent(0) or 0, 1)
+    except Exception:
+        return None
+
+
+class ServiceManager:
+    """hub.pyw ServiceManager + HTTP/WS glue."""
+
+    def __init__(self, ga_root: str, emit_fn):
+        self.ga_root = Path(ga_root)
+        self.procs: Dict[str, subprocess.Popen] = {}
+        self.buffers: Dict[str, deque] = {}
+        self._emit = emit_fn
+        im = discover_im_services(self.ga_root)
+        extra = discover_extra_services(self.ga_root)
+        self._im_catalog = {s["id"]: s for s in im}
+        self._catalog = {**self._im_catalog, **{s["id"]: s for s in extra}}
+        self._stopping: Set[str] = set()
+
+    def _is_configured(self, sid: str) -> bool:
+        keys = _SERVICE_KEYS.get(sid)
+        if not keys:
+            return True
+        mykeys = _load_mykeys(self.ga_root)
+        return all(str(mykeys.get(k) or "").strip() for k in keys)
+
+    def _log_tail(self, sid: str, n: int = 3) -> str:
+        buf = self.buffers.get(sid)
+        if not buf:
+            return ""
+        lines = [ln.strip() for ln in list(buf)[-n:] if ln.strip()]
+        return lines[-1][:300] if lines else ""
+
+    def _state(self, sid: str, *, err: str = "") -> dict:
+        proc = self.procs.get(sid)
+        running = proc is not None and proc.poll() is None
+        status = "running" if running else "offline"
+        last_error = err
+        if proc is not None and proc.poll() is not None:
+            if sid in self._stopping:
+                status, last_error = "offline", ""
+            else:
+                status = "error"
+                last_error = err or self._log_tail(sid) or f"exit code {proc.returncode}"
+        elif err:
+            status, running = "error", False
+        return {
+            "id": sid,
+            "status": status,
+            "running": running,
+            "pid": proc.pid if running else None,
+            "lastError": last_error,
+        }
+
+    def list_state(self) -> List[dict]:
+        return [self._state(sid) for sid in sorted(self._im_catalog)]
+
+    def _bridge_state(self) -> dict:
+        pid = os.getpid()
+        port = int(os.environ.get("BRIDGE_PORT", "14168"))
+        return {
+            "id": BRIDGE_ID,
+            "name": f"bridge (:{port})",
+            "status": "running",
+            "running": True,
+            "pid": pid,
+            "memMb": _mem_mb(pid),
+            "cpuPct": _cpu_pct(pid),
+            "managed": False,
+            "lastError": "",
+        }
+
+    def list_panel_state(self) -> List[dict]:
+        out = [self._bridge_state()]
+        for sid in sorted(self._catalog, key=lambda s: (s in self._im_catalog, s)):
+            item = self._state(sid)
+            item["name"] = sid
+            item["memMb"] = _mem_mb(item.get("pid"))
+            item["cpuPct"] = _cpu_pct(item.get("pid"))
+            item["managed"] = True
+            out.append(item)
+        return out
+
+    def _notify(self, sid: str, *, err: str = "") -> None:
+        self._emit({"type": "service.changed", "service": self._state(sid, err=err)})
+
+    def _wait_started(self, proc: subprocess.Popen, timeout: float = 2.0) -> None:
+        deadline = time.time() + timeout
+        while time.time() < deadline:
+            if proc.poll() is not None:
+                return
+            time.sleep(0.1)
+
+    def _reader(self, sid: str, proc: subprocess.Popen) -> None:
+        assert proc.stdout is not None
+        for line in proc.stdout:
+            buf = self.buffers.get(sid)
+            if buf is not None:
+                buf.append(line)
+        self._notify(sid)
+
+    def start_service(self, sid: str) -> dict:
+        svc = self._catalog.get(sid)
+        if not svc:
+            raise KeyError(sid)
+        proc = self.procs.get(sid)
+        if proc is not None and proc.poll() is None:
+            return {"ok": True, "service": self._state(sid)}
+        if not self._is_configured(sid):
+            keys = ", ".join(_SERVICE_KEYS.get(sid, ()))
+            err = f"not configured in mykey.py ({keys})"
+            self._notify(sid, err=err)
+            return {"ok": False, "error": "not_configured", "service": self._state(sid, err=err)}
+        self.buffers[sid] = deque(maxlen=500)
+        env = {**os.environ, "PYTHONUNBUFFERED": "1", "PYTHONIOENCODING": "utf-8"}
+        kw: Dict[str, Any] = dict(
+            cwd=str(self.ga_root), stdout=subprocess.PIPE, stderr=subprocess.STDOUT,
+            text=True, encoding="utf-8", errors="replace", bufsize=1, env=env,
+        )
+        if sys.platform == "win32":
+            kw["creationflags"] = subprocess.CREATE_NO_WINDOW
+        proc = subprocess.Popen(svc["cmd"], **kw)
+        self.procs[sid] = proc
+        threading.Thread(target=self._reader, args=(sid, proc), daemon=True).start()
+        self._wait_started(proc)
+        item = self._state(sid)
+        self._notify(sid)
+        if item["status"] == "error":
+            return {"ok": False, "error": item["lastError"] or "start_failed", "service": item}
+        return {"ok": True, "service": item}
+
+    def autostart_extras(self) -> None:
+        """Auto-start non-IM services on bridge boot. Currently:
+          - reflect/scheduler.py (drives L4 archive cron every 12h).
+        IM services stay manual (need explicit mykey.py config + user opt-in)."""
+        for sid in sorted(set(self._catalog) - set(self._im_catalog)):
+            try:
+                res = self.start_service(sid)
+                tag = "ok" if res.get("ok") else f"fail: {res.get('error')}"
+            except Exception as e:
+                tag = f"exception {type(e).__name__}: {e}"
+            print(f"[autostart] {sid}: {tag}", file=sys.stderr)
+
+    def stop_all_extras(self) -> None:
+        for sid in sorted(set(self._catalog) - set(self._im_catalog)):
+            with contextlib.suppress(Exception):
+                self.stop_service(sid)
+
+    def stop_service(self, sid: str) -> dict:
+        if sid not in self._catalog:
+            raise KeyError(sid)
+        self._stopping.add(sid)
+        proc = self.procs.get(sid)
+        if proc and proc.poll() is None:
+            proc.terminate()
+            proc.wait()
+        self.procs.pop(sid, None)
+        self._stopping.discard(sid)
+        item = self._state(sid)
+        self._notify(sid)
+        return {"ok": True, "service": item}
+
+    def read_logs(self, sid: str, tail: int = 200) -> dict:
+        if sid == BRIDGE_ID:
+            return {"ok": True, "lines": [f"GenericAgent bridge pid={os.getpid()}"]}
+        if sid not in self._catalog:
+            raise KeyError(sid)
+        tail = max(1, min(int(tail or 200), 2000))
+        buf = self.buffers.get(sid)
+        lines = [ln.rstrip("\n") for ln in list(buf or [])[-tail:]]
+        return {"ok": True, "lines": lines}
+
+
+services = ServiceManager(str(DEFAULT_GA_ROOT), hub.emit)
+
+
+def _bridge_shutdown_services() -> None:
+    with contextlib.suppress(Exception):
+        services.stop_all_extras()
+
+
+atexit.register(_bridge_shutdown_services)
+
+
 def emit_session_state(sess: Session, state_name: str):
     hub.emit({
         "type": "session-state",
@@ -433,6 +1154,10 @@ async def ws_handler(request):
         "http": True,
         "wsEventsOnly": True,
     }, ensure_ascii=False))
+    await ws.send_str(json.dumps({
+        "type": "services.snapshot",
+        "services": services.list_state(),
+    }, ensure_ascii=False, default=str))
     async for msg in ws:
         if msg.type == WSMsgType.TEXT:
             # WS is intentionally not a data/command channel anymore.
@@ -451,7 +1176,7 @@ async def ws_handler(request):
 def cors_headers():
     return {
         "Access-Control-Allow-Origin": "*",
-        "Access-Control-Allow-Methods": "GET,POST,DELETE,OPTIONS",
+        "Access-Control-Allow-Methods": "GET,POST,PUT,DELETE,OPTIONS",
         "Access-Control-Allow-Headers": "Content-Type",
     }
 
@@ -494,20 +1219,93 @@ async def status_handler(request):
     })
 
 
+_SETTINGS = Path.home() / ".ga_desktop_settings.json"
+_UI_KEYS = ("lang", "theme", "appearance", "plain", "llmNo", "fontSize")
+
+
+def _desktop_ui() -> dict:
+    try:
+        ui = json.loads(_SETTINGS.read_text(encoding="utf-8")).get("ui")
+        return dict(ui) if isinstance(ui, dict) else {}
+    except Exception:
+        return {}
+
+
 async def get_config_handler(request):
-    return json_ok({"gaRoot": manager.ga_root, "mykeyPath": manager.mykey_path, "config": manager.config})
+    profiles = manager.list_model_profiles()
+    active = next((p["id"] for p in profiles if p.get("active")), manager.config.get("llmNo", 0))
+    cfg = dict(manager.config)
+    if "llmNo" not in cfg:
+        cfg["llmNo"] = active
+    cfg.update(_desktop_ui())
+    return json_ok({"gaRoot": manager.ga_root, "mykeyPath": manager.mykey_path, "config": cfg})
 
 
 async def save_config_handler(request):
     data = await read_json(request)
     cfg = data.get("config", data)
     if isinstance(cfg, dict):
+        patch = {k: cfg[k] for k in _UI_KEYS if k in cfg}
+        if patch:
+            try:
+                doc = json.loads(_SETTINGS.read_text(encoding="utf-8")) if _SETTINGS.is_file() else {}
+                if not isinstance(doc, dict):
+                    doc = {}
+                ui = doc["ui"] if isinstance(doc.get("ui"), dict) else {}
+                ui.update(patch)
+                doc["ui"] = ui
+                _SETTINGS.write_text(json.dumps(doc, ensure_ascii=False, indent=2), encoding="utf-8")
+            except Exception as e:
+                print(f"[bridge] save ui prefs failed: {e}", file=sys.stderr)
         manager.config.update(cfg)
     return json_ok({"ok": True, "gaRoot": manager.ga_root, "mykeyPath": manager.mykey_path, "config": manager.config})
 
 
 async def model_profiles_handler(request):
-    return json_ok({"profiles": manager.list_model_profiles()})
+    try:
+        pid = request.match_info.get("id")
+        if pid is not None:
+            profile_id = int(pid)
+            if request.method == "GET":
+                return json_ok({"profile": manager.get_model_profile(profile_id)})
+            if request.method == "PUT":
+                return json_ok({"ok": True, **manager.update_model_profile(profile_id, await read_json(request))})
+            if request.method == "DELETE":
+                return json_ok({"ok": True, **manager.delete_model_profile(profile_id)})
+            return json_ok({"ok": False, "error": "method not allowed"}, status=405)
+        if request.method == "POST":
+            return json_ok({"ok": True, **manager.add_model_profile(await read_json(request))})
+        return json_ok({"profiles": manager.list_model_profiles()})
+    except ValueError as e:
+        return json_ok({"ok": False, "error": str(e)}, status=400)
+    except Exception as e:
+        return json_ok({"ok": False, "error": str(e)}, status=500)
+
+
+async def mixin_handler(request):
+    """聚合渠道成员管理：POST 加入 / DELETE 移出 主聚合渠道。"""
+    try:
+        profile_id = int(request.match_info.get("id"))
+        if request.method == "POST":
+            return json_ok({"ok": True, **manager.add_to_mixin(profile_id)})
+        if request.method == "DELETE":
+            return json_ok({"ok": True, **manager.remove_from_mixin(profile_id)})
+        return json_ok({"ok": False, "error": "method not allowed"}, status=405)
+    except ValueError as e:
+        return json_ok({"ok": False, "error": str(e)}, status=400)
+    except Exception as e:
+        return json_ok({"ok": False, "error": str(e)}, status=500)
+
+
+async def mixin_order_handler(request):
+    """渠道组成员拖拽排序：PUT {members:[name,...]}。"""
+    try:
+        data = await read_json(request)
+        return json_ok({"ok": True, **manager.reorder_mixin(data.get("members") or [])})
+    except ValueError as e:
+        return json_ok({"ok": False, "error": str(e)}, status=400)
+    except Exception as e:
+        return json_ok({"ok": False, "error": str(e)}, status=500)
 
 
 async def list_sessions_handler(request):
@@ -533,12 +1331,37 @@ async def delete_session_handler(request):
     return json_ok(manager.delete_session(sid))
 
 
+async def patch_session_handler(request):
+    sid = request.match_info["sid"]
+    sess = manager.get_session(sid)
+    data = await read_json(request)
+    if "title" in data:
+        sess.title = data["title"]
+        sess.untitled = False
+    if "pinned" in data:
+        sess.pinned = bool(data["pinned"])
+    if "untitled" in data:
+        sess.untitled = bool(data["untitled"])
+    if "plan_scan_baseline" in data:
+        sess.plan_scan_baseline = int(data["plan_scan_baseline"])
+    sess.updated_at = time.time()
+    manager._persist()
+    return json_ok({"ok": True, "session": manager.snapshot(sess, include_messages=False)})
+
+
 async def prompt_handler(request):
     sid = request.match_info["sid"]
     data = await read_json(request)
     prompt = data.get("prompt", data.get("content", data.get("message", "")))
     images = data.get("images") or []
-    return json_ok(manager.submit_prompt(sid, prompt, images))
+    display = data.get("display")
+    files_meta = data.get("files") or []        # 非图片附件 [{name, path}]
+    image_metas = data.get("imageMetas") or []   # 图片附件 [{name, path}]（不含 dataUrl）
+    llm_no = data.get("llmNo")
+    if llm_no is not None:
+        llm_no = int(llm_no)
+    return json_ok(manager.submit_prompt(sid, prompt, images, llm_no=llm_no, display=display,
+                                          files_meta=files_meta, image_metas=image_metas))
 
 
 async def messages_handler(request):
@@ -553,56 +1376,445 @@ async def cancel_handler(request):
     return json_ok(manager.cancel(sid))
 
 
+async def restore_handler(request):
+    sid = request.match_info["sid"]
+    return json_ok(manager.restore_context(sid))
+
+
+async def plan_handler(request):
+    sid = request.match_info["sid"]
+    return json_ok(manager.plan_snapshot(sid))
+
+
 async def path_open_handler(request):
     data = await read_json(request)
     kind = data.get("kind", "")
+    mode = data.get("mode", "open")
     if kind == "mykey":
         target = Path(manager.ga_root) / "mykey.py"
+        if not target.exists():
+            template = Path(manager.ga_root) / "mykey_template.py"
+            target = template if template.exists() else target
+    elif kind == "mykeyTemplate":
+        target = Path(manager.ga_root) / "mykey_template.py"
+    elif kind == "upload":
+        raw = Path(data.get("path") or "")
+        try:
+            resolved = raw.resolve()
+            upload_root = _WEB_UPLOAD_DIR.resolve()
+            resolved.relative_to(upload_root)
+        except (ValueError, OSError):
+            return json_ok({"ok": False, "error": "path not in upload dir"}, status=403)
+        target = resolved
     else:
         target = Path(data.get("path") or data.get("target") or manager.ga_root)
     target = target.resolve()
     if not target.exists():
-        return json_ok({"ok": False, "error": f"File not found: {target}"})
-    # Actually open the file with the system default editor
-    import subprocess, platform
-    if platform.system() == "Windows":
-        os.startfile(str(target))
-    elif platform.system() == "Darwin":
-        subprocess.Popen(["open", str(target)])
-    else:
-        subprocess.Popen(["xdg-open", str(target)])
+        return json_ok({"ok": False, "error": f"File not found: {target}"}, status=404)
+    try:
+        if mode == "reveal":
+            _reveal_path_in_file_manager(target)
+        elif kind == "upload":
+            _open_path_default(target)  # 用户文件用系统默认程序(open 动词),避免 edit 动词 fallback 记事本
+        else:
+            _open_path_in_editor(target)  # mykey 等配置文件仍用编辑器(edit 动词)
+    except OSError as e:
+        return json_ok({"ok": False, "error": str(e), "path": str(target)}, status=500)
     return json_ok({"ok": True, "path": str(target)})
 
 
+# File attachments live under GA's own temp dir (gitignored), NOT the OS temp
+# dir, so they survive bridge restarts. Instead of wiping everything on startup,
+# we keep files for UPLOAD_RETENTION_DAYS and only sweep stale ones.
+_WEB_UPLOAD_DIR = Path(DEFAULT_GA_ROOT) / "temp" / "desktop_uploads"
+_WEB_UPLOAD_DIR.mkdir(parents=True, exist_ok=True)
+
+UPLOAD_RETENTION_DAYS = 30
+
+
+def _safe_session_dir(sid: str) -> str:
+    """Sanitize a session id into a safe single-level folder name."""
+    s = re.sub(r"[^A-Za-z0-9_-]", "", str(sid or ""))
+    return s or "_misc"
+
+
+def _session_upload_dir(sid: str) -> Path:
+    """Per-session upload subdir under desktop_uploads/, created on demand."""
+    d = _WEB_UPLOAD_DIR / _safe_session_dir(sid)
+    d.mkdir(parents=True, exist_ok=True)
+    return d
+
+
+def _purge_session_uploads(sid: str) -> None:
+    """Best-effort: drop a session's whole upload subdir when the session is deleted."""
+    import shutil
+    with contextlib.suppress(Exception):
+        shutil.rmtree(_WEB_UPLOAD_DIR / _safe_session_dir(sid), ignore_errors=True)
+
+
+def _sweep_stale_uploads(retention_days: int = UPLOAD_RETENTION_DAYS) -> None:
+    """Best-effort: delete uploaded files older than retention_days (by mtime),
+    then drop empty session subdirs. Replaces the old wholesale rmtree-on-startup
+    so attachments persist across restarts while temp storage can't grow forever."""
+    cutoff = time.time() - retention_days * 86400
+    try:
+        for f in _WEB_UPLOAD_DIR.rglob("*"):
+            try:
+                if f.is_file() and f.stat().st_mtime < cutoff:
+                    f.unlink()
+            except OSError:
+                pass
+        for d in _WEB_UPLOAD_DIR.iterdir():
+            try:
+                if d.is_dir() and not any(d.iterdir()):
+                    d.rmdir()
+            except OSError:
+                pass
+    except OSError:
+        pass
+
+
+_sweep_stale_uploads()
+
+
+async def upload_handler(request):
+    """Save a file uploaded by the web client and return its absolute path.
+    Body: {name: "<original filename>", dataUrl: "data:<mime>;base64,<...>", sid: "<session id>"}
+    Files are grouped per session under desktop_uploads/<sid>/ so deleting a
+    session can purge its attachments. Missing sid falls back to a _misc bucket.
+    Returns: {ok: true, path: "<abs path>"}
+    """
+    try:
+        data = await request.json()
+        if not isinstance(data, dict):
+            data = {}
+    except web.HTTPRequestEntityTooLarge:
+        return json_ok({"ok": False, "error": "file too large for bridge body limit"})
+    except Exception as e:
+        return json_ok({"ok": False, "error": f"invalid request: {e}"})
+    name = (data.get("name") or "file").strip().replace("/", "_").replace("\\", "_")
+    data_url = data.get("dataUrl") or ""
+    if "," in data_url:
+        b64 = data_url.split(",", 1)[1]
+    else:
+        b64 = data_url
+    try:
+        blob = base64.b64decode(b64)
+    except Exception as e:
+        return json_ok({"ok": False, "error": f"decode failed: {e}"})
+    if not blob:
+        return json_ok({"ok": False, "error": "empty file"})
+    safe_name = name or "file"
+    fpath = _session_upload_dir(data.get("sid") or "") / f"{uuid.uuid4().hex[:12]}__{safe_name}"
+    fpath.write_bytes(blob)
+    return json_ok({"ok": True, "path": str(fpath)})
+
+
+async def upload_delete_handler(request):
+    """Delete a previously-uploaded file. Path must live under _WEB_UPLOAD_DIR."""
+    data = await read_json(request)
+    raw = data.get("path") or ""
+    try:
+        target = Path(raw).resolve()
+        upload_root = _WEB_UPLOAD_DIR.resolve()
+        if upload_root not in target.parents:
+            return json_ok({"ok": False, "error": "path outside upload dir"})
+        if target.exists():
+            target.unlink()
+        return json_ok({"ok": True})
+    except Exception as e:
+        return json_ok({"ok": False, "error": str(e)})
+
+
+async def upload_raw_handler(request):
+    """Stream an uploaded file. inline by default (browser preview / <img>),
+    ?download=1 forces a download. Path must live under _WEB_UPLOAD_DIR
+    (whitelist — prevents path traversal). Works for remote browsers too,
+    so it covers both 'preview after refresh' and 'download from remote'."""
+    import mimetypes
+    from urllib.parse import quote
+    raw = request.query.get("path", "")
+    try:
+        target = Path(raw).resolve()
+        target.relative_to(_WEB_UPLOAD_DIR.resolve())
+    except (ValueError, OSError):
+        return web.Response(status=403, text="path not in upload dir")
+    if not target.is_file():
+        return web.Response(status=404, text="file not found")
+    ctype = mimetypes.guess_type(target.name)[0] or "application/octet-stream"
+    disp = "attachment" if request.query.get("download") in ("1", "true") else "inline"
+    orig_name = target.name.split("__", 1)[-1]  # 去掉 <uuid>__ 前缀，还原原始文件名
+    return web.Response(
+        body=target.read_bytes(),
+        content_type=ctype,
+        headers={
+            "Content-Disposition": f"{disp}; filename*=UTF-8''{quote(orig_name)}",
+            "Cache-Control": "no-cache",
+        },
+    )
+
+
+def _open_path_in_editor(target: Path) -> None:
+    """Open a file in the user's editor; Windows .py often has no default association."""
+    import platform
+    path = str(target.resolve())
+    if platform.system() == "Windows":
+        try:
+            os.startfile(path, "edit")
+            return
+        except OSError:
+            pass
+        for cmd in (["notepad.exe", path], ["cursor.cmd", path], ["code.cmd", path], ["cursor", path], ["code", path]):
+            try:
+                subprocess.Popen(cmd, close_fds=True)
+                return
+            except (FileNotFoundError, OSError):
+                continue
+        raise OSError(f"No editor available to open: {path}")
+    if platform.system() == "Darwin":
+        subprocess.Popen(["open", path])
+        return
+    subprocess.Popen(["xdg-open", path])
+
+
+def _reveal_path_in_file_manager(target: Path) -> None:
+    """Open the system file manager and select/highlight the target file."""
+    import platform
+    path = str(target.resolve())
+    if platform.system() == "Windows":
+        subprocess.Popen(["explorer", "/select,", path])
+        return
+    if platform.system() == "Darwin":
+        subprocess.Popen(["open", "-R", path])
+        return
+    # Linux: no universal "select file" command; fall back to opening parent dir
+    subprocess.Popen(["xdg-open", str(target.parent)])
+
+
+def _open_path_default(target: Path) -> None:
+    """Open a file with the OS default app (default 'open' verb).
+
+    For user uploads. Unlike _open_path_in_editor (which uses Windows' 'edit'
+    verb and falls back to Notepad), this respects each file type's registered
+    default app — PDF viewer, Word, archive tool, etc. — so binaries like pdf
+    or docx no longer land in Notepad as garbage."""
+    import platform
+    path = str(target.resolve())
+    if platform.system() == "Windows":
+        os.startfile(path)  # default "open" verb = double-click behavior
+        return
+    if platform.system() == "Darwin":
+        subprocess.Popen(["open", path])
+        return
+    subprocess.Popen(["xdg-open", path])
+
+
+def _mykey_file() -> Path:
+    root = Path(manager.ga_root)
+    target = root / "mykey.py"
+    if not target.is_file():
+        template = root / "mykey_template.py"
+        if template.is_file():
+            target.write_text(template.read_text(encoding="utf-8"), encoding="utf-8")
+    return target
+
+
+async def mykey_get_handler(request):
+    target = _mykey_file()
+    content = target.read_text(encoding="utf-8") if target.is_file() else ""
+    return json_ok({"content": content, "path": str(target)})
+
+
+async def mykey_save_handler(request):
+    data = await read_json(request)
+    content = data.get("content")
+    if content is None:
+        return json_ok({"ok": False, "error": "missing_content"}, status=400)
+    try:
+        profiles = manager._save_mykey_text(str(content))
+    except Exception as e:
+        return json_ok({"ok": False, "error": str(e)}, status=400)
+    return json_ok({"ok": True, "path": str(manager._mykey_file()), "profiles": profiles})
+
+
+async def service_start_handler(request):
+    body = await read_json(request)
+    sid = body.get("id") or request.query.get("id")
+    if not sid:
+        return json_ok({"ok": False, "error": "missing_id"}, status=400)
+    result = services.start_service(sid)
+    if not result.get("ok"):
+        return json_ok(result, status=400)
+    return json_ok(result)
+
+
+async def service_stop_handler(request):
+    body = await read_json(request)
+    sid = body.get("id") or request.query.get("id")
+    if not sid:
+        return json_ok({"ok": False, "error": "missing_id"}, status=400)
+    return json_ok(services.stop_service(sid))
+
+
+async def service_logs_handler(request):
+    sid = request.query.get("id")
+    if not sid:
+        return json_ok({"ok": False, "error": "missing_id"}, status=400)
+    tail = int(request.query.get("tail") or 200)
+    return json_ok(services.read_logs(sid, tail=tail))
+
+
+async def service_panel_handler(request):
+    return json_ok({"services": services.list_panel_state()})
+
+
+def _is_local_peer(peer: str) -> bool:
+    p = (peer or "").strip()
+    return p in ("127.0.0.1", "::1") or p.startswith("::ffff:127.0.0.1")
+
+
+async def stop_extras_handler(request):
+    if not _is_local_peer(request.remote or ""):
+        return json_ok({"ok": False, "error": "forbidden"}, status=403)
+    services.stop_all_extras()
+    return json_ok({"ok": True})
+
+
+async def start_extras_handler(request):
+    if not _is_local_peer(request.remote or ""):
+        return json_ok({"ok": False, "error": "forbidden"}, status=403)
+    services.autostart_extras()
+    return json_ok({"ok": True})
+
+
+async def identity_handler(request):
+    return json_ok({"ga_root": str(DEFAULT_GA_ROOT), "app_dir": str(APP_DIR), "pid": os.getpid(),
+                    "build_id": os.environ.get("GA_BUILD_ID", "")})
+
+
+def _exit_bridge() -> None:
+    with contextlib.suppress(Exception):
+        services.stop_all_extras()
+    threading.Timer(0.4, lambda: os._exit(0)).start()
+
+
+async def bridge_exit_handler(request):
+    if not _is_local_peer(request.remote or ""):
+        return json_ok({"ok": False, "error": "forbidden"}, status=403)
+    _exit_bridge()
+    return json_ok({"ok": True})
+
+
+async def token_stats_handler(request):
+    try:
+        sys.path.insert(0, str(APP_DIR)) if str(APP_DIR) not in sys.path else None
+        import cost_tracker
+        trackers = cost_tracker.all_trackers()
+        records = []
+        for k, v in trackers.items():
+            model = ''
+            sid = k.replace('GA-', '')
+            with manager.lock:
+                sess = manager.sessions.get(sid)
+            if sess and sess.agent:
+                try: model = sess.agent.get_llm_name(model=True) or ''
+                except Exception: pass
+            records.append({"thread": k, "input": v.input, "output": v.output,
+                            "cacheCreate": v.cache_create, "cacheRead": v.cache_read, "model": model})
+    except Exception:
+        records = []
+    return json_ok({"records": records})
+
+
+_TOKEN_HISTORY_FILE = None
+
+def _tok_file() -> Path:
+    global _TOKEN_HISTORY_FILE
+    if _TOKEN_HISTORY_FILE is None:
+        _TOKEN_HISTORY_FILE = Path(manager.ga_root) / "temp" / "desktop_token_history.json"
+    return _TOKEN_HISTORY_FILE
+
+async def get_token_history_handler(request):
+    f = _tok_file()
+    if f.is_file():
+        try:
+            data = json.loads(f.read_text(encoding="utf-8"))
+            return json_ok(data)
+        except Exception:
+            pass
+    return json_ok({"history": [], "snap": {}})
+
+async def post_token_history_handler(request):
+    data = await read_json(request)
+    f = _tok_file()
+    f.parent.mkdir(parents=True, exist_ok=True)
+    f.write_text(json.dumps(data, ensure_ascii=False), encoding="utf-8")
+    return json_ok({"ok": True})
+
+
 def create_app():
-    app = web.Application(middlewares=[cors_middleware])
+    app = web.Application(middlewares=[cors_middleware], client_max_size=500 * 1024 * 1024)
     app.router.add_get("/ws", ws_handler)
     app.router.add_get("/status", status_handler)
     app.router.add_get("/config", get_config_handler)
     app.router.add_post("/config", save_config_handler)
     app.router.add_get("/model-profiles", model_profiles_handler)
+    app.router.add_post("/model-profiles", model_profiles_handler)
+    app.router.add_put("/model-profiles/mixin/order", mixin_order_handler)
+    app.router.add_post("/model-profiles/{id}/mixin", mixin_handler)
+    app.router.add_delete("/model-profiles/{id}/mixin", mixin_handler)
+    app.router.add_get("/model-profiles/{id}", model_profiles_handler)
+    app.router.add_put("/model-profiles/{id}", model_profiles_handler)
+    app.router.add_delete("/model-profiles/{id}", model_profiles_handler)
     app.router.add_get("/sessions", list_sessions_handler)
     app.router.add_post("/session/new", new_session_handler)
     app.router.add_get("/session/{sid}", get_session_handler)
     app.router.add_delete("/session/{sid}", delete_session_handler)
+    app.router.add_patch("/session/{sid}", patch_session_handler)
     app.router.add_post("/session/{sid}/prompt", prompt_handler)
     app.router.add_get("/session/{sid}/messages", messages_handler)
+    app.router.add_get("/session/{sid}/plan", plan_handler)
     app.router.add_post("/session/{sid}/cancel", cancel_handler)
+    app.router.add_post("/session/{sid}/restore", restore_handler)
     app.router.add_post("/path/open", path_open_handler)
+    app.router.add_post("/upload", upload_handler)
+    app.router.add_delete("/upload", upload_delete_handler)
+    app.router.add_get("/upload/raw", upload_raw_handler)
+    app.router.add_get("/token-stats", token_stats_handler)
+    app.router.add_get("/token-history", get_token_history_handler)
+    app.router.add_post("/token-history", post_token_history_handler)
+    app.router.add_post("/services/start", service_start_handler)
+    app.router.add_post("/services/stop", service_stop_handler)
+    app.router.add_get("/services/logs", service_logs_handler)
+    app.router.add_get("/services/panel", service_panel_handler)
+    app.router.add_get("/services/mykey", mykey_get_handler)
+    app.router.add_post("/services/mykey", mykey_save_handler)
+    app.router.add_post("/services/stop-extras", stop_extras_handler)
+    app.router.add_post("/services/start-extras", start_extras_handler)
+    app.router.add_get("/services/identity", identity_handler)
+    app.router.add_post("/services/bridge/exit", bridge_exit_handler)
 
     # Serve static frontend (desktop/static/)
     static_dir = APP_DIR / "desktop" / "static"
 
     async def index_handler(request):
-        return web.FileResponse(static_dir / "index.html")
+        return web.FileResponse(
+            static_dir / "index.html",
+            headers={"Cache-Control": "no-cache, no-store, must-revalidate"},
+        )
 
     app.router.add_get("/", index_handler)
     app.router.add_static("/", static_dir, show_index=False)
 
     async def on_startup(app):
         hub.loop = asyncio.get_running_loop()
+        services.autostart_extras()
+
+    async def on_shutdown(app):
+        services.stop_all_extras()
 
     app.on_startup.append(on_startup)
+    app.on_shutdown.append(on_shutdown)
     return app
 
 
diff --git a/frontends/plan_state.py b/frontends/plan_state.py
index cf5e865e..bab87ee9 100644
--- a/frontends/plan_state.py
+++ b/frontends/plan_state.py
@@ -20,7 +20,7 @@ Supported task-line shapes (all matched by `extract`):
 """
 from __future__ import annotations
 import os, re
-from typing import Optional
+from typing import Any, Optional
 
 _DONE_CHARS = set("xX✓✔√☑")
 # Newline-insert before a bullet stuck to JSON debris (`{"content": "- [ ] …`).
@@ -188,3 +188,158 @@ def summary(items: list[tuple[str, str]]) -> tuple[int, int]:
 
 def is_complete(items: list[tuple[str, str]]) -> bool:
     return not items or all(st == "done" for _, st in items)
+
+
+# --- Desktop bridge only (APIs above unchanged) ---
+_ENTER_PLAN_RE = re.compile(r"""enter_plan_mode\s*\(\s*["']([^"']+)["']""", re.I)
+
+
+def _msg_content(m) -> str:
+    if isinstance(m, str): return m
+    c = m.get("content") if isinstance(m, dict) else getattr(m, "content", None)
+    return c if isinstance(c, str) else ""
+
+
+def plan_path_mention_in_messages(messages, start_idx: int = 0) -> Optional[str]:
+    for m in reversed(_slice(messages, start_idx)):
+        text = _msg_content(m)
+        if not text: continue
+        if "enter_plan_mode" in text and (hit := _ENTER_PLAN_RE.search(text)):
+            return hit.group(1).strip().strip("\"'")
+        if "plan.md" in text and (hits := _PATH_RE.findall(text)):
+            return hits[-1].strip().strip("\"'")
+    return None
+
+
+def _resolve_stashed_at(p: str, root: str) -> Optional[str]:
+    if not p or not root: return None
+    rel = p.lstrip("./\\")
+    cwd = root.rstrip("/\\")
+    for c in (p, os.path.join(cwd, "temp", rel), os.path.join(cwd, rel)):
+        if os.path.isfile(c) and os.path.getsize(c) > 0: return c
+    return None
+
+
+def _find_path_at(messages, start_idx: int, root: str) -> Optional[str]:
+    for m in reversed(_slice(messages, start_idx)):
+        text = _msg_content(m)
+        if not text or "plan.md" not in text: continue
+        for hit in reversed(_PATH_RE.findall(text)):
+            if p := _resolve_stashed_at(hit.strip().strip("\"'"), root): return p
+    return None
+
+
+def default_session_plan_path(session_id: str) -> str:
+    sid = (session_id or "sess").replace("/", "_")
+    return f"temp/plan_{sid}/plan.md"
+
+
+def is_session_scoped_plan_path(path: str, session_id: str) -> bool:
+    """Desktop: only bind/adopt paths under this session's plan_{id}/ tree."""
+    if not path:
+        return False
+    sid = (session_id or "sess").replace("/", "_")
+    norm = path.replace("\\", "/").lstrip("./")
+    return f"plan_{sid}/" in norm or norm.endswith(f"plan_{sid}/plan.md")
+
+
+def is_plan_preset_prompt(prompt: str) -> bool:
+    p = (prompt or "").lower()
+    return "plan_sop" in p or "plan 模式" in p or "plan mode" in p
+
+
+def bind_plan_session(sess: Any, prompt: str = "", path: Optional[str] = None) -> str:
+    """Bind plan card to this session only (avoids sharing plan_demo/ across sessions)."""
+    rel = (path or "").strip() or default_session_plan_path(getattr(sess, "id", "") or "")
+    sess.plan_path = rel
+    msgs = list(getattr(sess, "messages", []) or [])
+    sess.plan_scan_baseline = len(msgs)
+    return rel
+
+
+def sync_plan_path_from_text(sess: Any, text: str, root: str) -> None:
+    """If agent emits enter_plan_mode(...), keep session bound path in sync."""
+    if not text:
+        return
+    m = _ENTER_PLAN_RE.search(text)
+    if not m:
+        return
+    raw = m.group(1).strip().strip("\"'")
+    if not raw:
+        return
+    sess.plan_path = raw.lstrip("./")
+
+
+def session_plan_active(sess: Any, agent, messages, start_idx: int, root: str) -> bool:
+    """Desktop: active when this session has a bound plan_path (not global plan_*/ scan)."""
+    bound = (getattr(sess, "plan_path", None) or "").strip()
+    if not bound:
+        return False
+    if _stashed_plan_path(agent):
+        return True
+    if _resolve_stashed_at(bound, root):
+        return True
+    if getattr(sess, "status", "") == "running":
+        return True
+    # Plan preset bound this session — keep placeholder until plan.md appears or path changes
+    if is_session_scoped_plan_path(bound, getattr(sess, "id", "")):
+        return True
+    return False
+
+
+def session_plan_resolve(bound: str, root: str) -> Optional[str]:
+    if not bound:
+        return None
+    return _resolve_stashed_at(bound.strip(), root)
+
+
+def _desktop_resolve_plan_file(sess: Any, bound: str, root: str, agent, messages, base: int) -> Optional[str]:
+    """Desktop read path: bound → agent stash → per-session message scan."""
+    path = session_plan_resolve(bound, root)
+    if path:
+        return path
+    if agent and (stash := _stashed_plan_path(agent)):
+        if p := _resolve_stashed_at(stash, root):
+            return p
+    return _find_path_at(messages, base, root)
+
+
+def desktop_plan_payload_from_session(sess: Any, ga_root: str = "") -> dict:
+    """Per-session plan card — bound plan_path + tuiapp_v2-style item/placeholder/complete."""
+    raw = list(getattr(sess, "messages", []) or [])
+    base = max(0, int(getattr(sess, "plan_scan_baseline", 0) or 0))
+    if base > len(raw):
+        base = len(raw)
+    root = (getattr(sess, "cwd", None) or ga_root or "").strip()
+    agent = getattr(sess, "agent", None)
+    partial = getattr(sess, "partial", None)
+    if isinstance(partial, dict) and isinstance(partial.get("content"), str):
+        sync_plan_path_from_text(sess, partial["content"], root)
+    sid = getattr(sess, "id", "") or ""
+    if not (getattr(sess, "plan_path", None) or "").strip():
+        mentioned = plan_path_mention_in_messages(raw, base)
+        if mentioned and is_session_scoped_plan_path(mentioned, sid):
+            sess.plan_path = mentioned.lstrip("./")
+        else:
+            return {"active": False}
+    if not session_plan_active(sess, agent, raw, base, root):
+        return {"active": False}
+    bound = getattr(sess, "plan_path", "") or ""
+    path = _desktop_resolve_plan_file(sess, bound, root, agent, raw, base)
+    items = []
+    if path:
+        try:
+            items = [{"content": c, "status": st} for c, st in extract(open(path, encoding="utf-8", errors="replace").read())]
+        except OSError:
+            pass
+    step_msgs = list(raw[base:])
+    if isinstance(p := getattr(sess, "partial", None), dict) and isinstance(c := p.get("content"), str) and c:
+        step_msgs.append({"content": c})
+    step = current_step(step_msgs, start_idx=0)
+    if not items:
+        hp = getattr(sess, "plan_path", "") or _stashed_plan_path(agent) or ""
+        hint = "/".join(hp.replace("\\", "/").rstrip("/").split("/")[-2:]) if hp else "plan.md"
+        return {"active": True, "placeholder": True, "done": 0, "total": 0, "complete": False, "step": step, "pathHint": hint, "items": []}
+    pairs = [(x["content"], x["status"]) for x in items]
+    n_done, n_total = summary(pairs)
+    return {"active": True, "placeholder": False, "done": n_done, "total": n_total, "complete": is_complete(pairs), "step": step, "items": items}
diff --git a/llmcore.py b/llmcore.py
index be60ea45..5958e8dc 100644
--- a/llmcore.py
+++ b/llmcore.py
@@ -965,6 +965,8 @@ class MixinSession:
     def primary(self): return self._sessions[0]
     @property
     def model(self): return getattr(self._sessions[self._cur_idx], 'model', None)
+    @property
+    def current_name(self): return getattr(self._sessions[self._cur_idx], 'name', None)
     def _pick(self):
         if self._cur_idx and time.time() - self._switched_at > self._spring_sec: self._cur_idx = 0
         return self._cur_idx
diff --git a/mykey_template.py b/mykey_template.py
index ef8b8578..4531ae8e 100644
--- a/mykey_template.py
+++ b/mykey_template.py
@@ -128,7 +128,8 @@
 #  NativeOAISession 可以混用）或者全不是 Native，不能 Native 与非 Native 混。
 #  请你按需
 mixin_config = {
-    'llm_nos': ['gpt-native'],   # 按优先级排列；Claude 与 GPT 混用
+    'llm_nos': [],               # 默认空：桌面端会显示一个空的「渠道组（自动故障转移）」，添加模型后
+                                 # 在设置里用 ➕ 把基本模型加进来即可（也可在此手填名字）
     # 'llm_nos': ['cc-relay-1', 'cc-relay-2', 'gpt-native'],  # 按优先级排列；Claude 与 GPT 混用，注意: 启用时需要启用'cc-relay-1', 'cc-relay-2'配置!
     'max_retries': 10,           # int；整个 rotation 的总重试次数上限
     'base_delay': 0.5,           # float 秒；指数退避起始延迟（retry n 时延迟≈base_delay * 2^n）
@@ -285,23 +286,25 @@ mixin_config = {
 #  适合 GPT/o 系列、Gemini 或任何 OAI 兼容且支持原生 tool 字段的模型。
 #  和 NativeClaudeSession 共用大部分逻辑（继承关系），只是请求走 OAI 协议。
 
-native_oai_config = {
-    'name': 'gpt-native',                           # /llms 显示名 & mixin 引用名
-    'apikey': 'sk-<your-openai-key>',                # Bearer 鉴权
-    'apibase': 'https://api.openai.com/v1',          # 补齐到 /v1/chat/completions
-    'model': 'gpt-5.4',                              # gpt-5/o 系列
-    'api_mode': 'chat_completions',                  # 'chat_completions'（默认）|'responses'
-    # 'reasoning_effort': 'high',                    # none|minimal|low|medium|high|xhigh
-                                                     # chat_completions → payload.reasoning_effort
-                                                     # responses        → payload.reasoning.effort
-    'max_retries': 3,                                # int 默认 1
-    'connect_timeout': 10,                           # int 秒 默认 5（最小 1）
-    'read_timeout': 120,                             # int 秒 默认 30（最小 5）
-    # 'temperature': 1.0,                            # float 默认 1.0
-    # 'max_tokens': 8192,                            # int 默认 8192
-    # 'proxy': 'http://127.0.0.1:2082',              # 可选单 session HTTP 代理
-    # 'context_win': 16000,                          # int 默认 24000；历史裁剪阈值
-}
+# 默认整段注释：新装时「独立模型」列表为空。在桌面端「添加模型」填好 apikey 后会
+# 自动生成同类 native_oai_config 变量；或取消下面注释手动填。
+# native_oai_config = {
+#     'name': 'gpt-native',                           # /llms 显示名 & mixin 引用名
+#     'apikey': 'sk-<your-openai-key>',                # Bearer 鉴权
+#     'apibase': 'https://api.openai.com/v1',          # 补齐到 /v1/chat/completions
+#     'model': 'gpt-5.4',                              # gpt-5/o 系列
+#     'api_mode': 'chat_completions',                  # 'chat_completions'（默认）|'responses'
+#     # 'reasoning_effort': 'high',                    # none|minimal|low|medium|high|xhigh
+#                                                      # chat_completions → payload.reasoning_effort
+#                                                      # responses        → payload.reasoning.effort
+#     'max_retries': 3,                                # int 默认 1
+#     'connect_timeout': 10,                           # int 秒 默认 5（最小 1）
+#     'read_timeout': 120,                             # int 秒 默认 30（最小 5）
+#     # 'temperature': 1.0,                            # float 默认 1.0
+#     # 'max_tokens': 8192,                            # int 默认 8192
+#     # 'proxy': 'http://127.0.0.1:2082',              # 可选单 session HTTP 代理
+#     # 'context_win': 16000,                          # int 默认 24000；历史裁剪阈值
+# }
 
 # ── 也可以走 Responses API ──────────────────────────────────────────────────
 #  对接 OpenAI /v1/responses 端点。reasoning_effort 会以 reasoning.effort