dsh-dock 0.14.0 → 0.15.0

package/README.md

@@ -26,7 +26,7 @@
 | **趣味游戏** | 任务等待时消磨时间的十款小游戏（五子棋、中国象棋、俄罗斯方块、推箱子、贪吃蛇、打砖块、极速赛车、坦克大战、星际躲避、反应堆解谜）；浮动窗口可拖动/缩放/最小化，不遮挡会话，靠屏幕侧边隐藏 |
 | **图片理解代理** | 图片识别等（visionproxy）；原图候选默认折叠展示，图片能力以你的声明为准 |
 | **远程访问** | 账号密码登录的远程入口：网关监听 `0.0.0.0` 独立端口，手机/平板/局域网设备访问同一实例，会话与任务进度实时一致；主实例保持仅监听 `127.0.0.1`，结构上不存在绕开登录的直连路径；LAN 非安全上下文自动补 crypto.randomUUID。手机端排版不在此列——统一归「手机适配」。 |
-| **手机适配** | 手机/窄屏排版与触控兜底：输入类控件 16px 防 iOS 聚焦缩放、纯图标按钮触控面积兜底 ≥36px、代码块横向滚动、viewport-fit=cover 安全区、滚动体 touch-action:pan-y + iOS 惯性滚动、设置弹层 min-height:0 滚动兜底；手机端 chrome 含底部 Tab 栏（会话/插件/设置，等待确认角标红色脉冲）+ 侧栏抽屉遮罩 + 软键盘让位 + 设置弹层纵排（宿主经 tapIndex 注入，客户端自建同款互斥） |
+| **手机适配** | 手机/窄屏排版与触控兜底：输入类控件 16px 防 iOS 聚焦缩放、纯图标按钮触控面积兜底 ≥36px、代码块横向滚动、viewport-fit=cover 安全区、滚动体 touch-action:pan-y + iOS 惯性滚动、设置弹层 min-height:0 滚动兜底；手机端 chrome 含左上角「三条横线」汉堡菜单（点击展开左侧会话抽屉，不占页面空间）+ 侧栏抽屉遮罩 + 软键盘让位 + 设置弹层纵排（宿主经 tapIndex 注入，客户端自建同款互斥） |
 | **心跳监视 / 主题信息** | 示例功能（纯 Client） |
 
 **会话区随身小控件**：启用后，在会话输入区工具行（模型选择器左侧）显示——
@@ -244,11 +244,11 @@ dsh plugin --profile web add dsh-dock     # 换回 npm 版
    - **异地组网**：Tailscale/ZeroTier 等虚拟组网内直接用组网 IP 访问同一入口，效果与局域网相同。
    - 旧版「服务器模式（0.0.0.0）」与「扫码令牌接力」已被此方案取代：前者把无认证的 DSH 裸露给局域网，后者双实例任务状态不同步。开启远程访问时会自动清理旧的 0.0.0.0 webserver 补丁行（提示重启后回到仅本机）。
 2. **手机端接力体验（窄屏自动生效；由「手机适配」提供）**：
-   - **底部 Tab 栏**：会话（拉出会话抽屉）/ **插件** / 设置。任务状态以角标显示在「插件」页签上：有任务进行中显示蓝色数量；**任务等待你确认工具调用时角标变红并脉冲**——公司电脑上跑着的任务停住等人，手机上一眼可见；此时点「插件」直达「运行状态」页处理，没有任务时进插件面板首页。
+   - **左上角汉堡菜单**：点「三条横线」展开左侧会话抽屉（不占页面空间，底部不再有常驻栏）。插件 / 设置 / 运行状态等入口本来就在抽屉里（原生侧栏），展开即可达；**任务等待你确认时汉堡右上角出现红色脉冲角标**（进行中为蓝色计数），一眼可见不用翻页。
    - **PWA 添加到主屏幕**：网关自带 manifest 与图标（品牌渐变 + 白色气泡，零依赖生成），手机浏览器「添加到主屏幕」后像 App 一样全屏打开，无地址栏；未登录也能先装，打开后自然进登录页。
    - **断线提示**：换网 / 锁屏久置导致连接中断时，页面顶部出现「连接已断开，正在重连…」胶囊，恢复后自动消失（连续 2 次探测失败才提示，不闪报）。
-   - **软键盘适配**：键盘弹出时底部 Tab 栏自动让位，不再挤占键盘上方空间。
-   - 会话入口统一在底部 Tab 栏「会话」页签（左缘浮动抽屉把手与浮动侧栏按钮均已移除，避免悬浮遮挡内容）。
+   - **软键盘适配**：键盘弹出时汉堡菜单自动让位，不再挤占键盘上方空间。
+   - 会话入口统一在左上角汉堡菜单（底部 Tab 栏、左缘浮动抽屉把手与浮动侧栏按钮均已移除，避免占用/遮挡内容）。
    - 面板「远程访问」页与首页总揽会显示当前**在线设备数**；登录页支持密码明文切换。
 
 **不开「远程访问」的直连形态**：也可以不经网关、自行经 patch 层把主实例绑 `0.0.0.0` 直连（安全自担，浏览器表层没有登录认证）。这种形态下「远程访问」功能可以整个停用，dsh-dock 仍兜住两件与功能开关无关的事：**非回环浏览器的「预览版说明」自动确认**（dsh 对远程浏览器的确认不持久化，每次刷新都会重弹；插件级注入，回环地址不介入、保留原生的一次性持久确认）与**「手机适配」的整套窄屏排版**（与远程访问完全解耦，见下）。

package/client.js

@@ -2299,7 +2299,15 @@ function subscribePanel(fn) {
 // features/tokenlog/view.jsx
 var import_react2 = __toESM(require("react"), 1);
 var import_jsx_runtime = require("react/jsx-runtime");
+var routeGone = false;
+function isTokenlogRouteGone() {
+  return routeGone;
+}
+function routeGoneMessage() {
+  return "\u5BBF\u4E3B\u672A\u542F\u7528\u300C\u7528\u91CF\u8BB0\u5F55\u300D\u8DEF\u7531\uFF08\u6216\u5BBF\u4E3B\u8FDB\u7A0B\u662F\u65E7\u7248\u672C\uFF09\uFF0C\u8BF7\u5728\u529F\u80FD\u575E\u91CC\u542F\u7528\u8BE5\u529F\u80FD\u6216\u91CD\u542F dsh web";
+}
 function rpcCall(method, args) {
+  if (routeGone) return Promise.reject(new Error(routeGoneMessage()));
   return fetch("dsh-dock/tokenlog/" + method, {
     method: "POST",
     headers: { "content-type": "application/json" },
@@ -2308,7 +2316,8 @@ function rpcCall(method, args) {
     const data = await res.json().catch(() => ({}));
     if (res.ok && data && data.ok === true) return data.data;
     if (res.status === 405 || res.status === 404) {
-      throw new Error("\u5BBF\u4E3B\u8FDB\u7A0B\u662F\u65E7\u7248\u672C\uFF08\u6CA1\u6709\u7528\u91CF\u8BB0\u5F55\u8DEF\u7531\uFF09\uFF0C\u91CD\u542F dsh web \u540E\u91CD\u8BD5");
+      routeGone = true;
+      throw new Error(routeGoneMessage());
     }
     if (data && data.ok === false) throw new Error(data.error && data.error.message || "HTTP " + res.status);
     throw new Error("HTTP " + res.status + (data && data.error && data.error.message ? ": " + data.error.message : ""));
@@ -3670,32 +3679,37 @@ function TokenLogChip(props) {
   (0, import_react2.useEffect)(() => {
     if (!sid) return;
     let cancel = false;
-    const load = () => rpcCall("query", { sessionId: sid }).then((d) => {
-      if (!cancel) setSnap({ totals: d && d.totals, rate: d && d.rateUsdCny || 7.2, err: "" });
-    }).catch((e) => {
-      if (!cancel) setSnap((s) => ({ totals: s.totals, rate: s.rate, err: String(e && e.message || e) }));
-    });
+    let timer = null;
+    const load = () => {
+      if (cancel || isTokenlogRouteGone()) return null;
+      return rpcCall("query", { sessionId: sid }).then((d) => {
+        if (!cancel) setSnap({ totals: d && d.totals, rate: d && d.rateUsdCny || 7.2, err: "" });
+      }).catch((e) => {
+        if (!cancel) setSnap((s) => ({ totals: s.totals, rate: s.rate, err: String(e && e.message || e) }));
+      });
+    };
     load();
-    const timer = setInterval(load, 1e4);
+    timer = setInterval(load, 1e4);
     return () => {
       cancel = true;
-      clearInterval(timer);
+      if (timer) clearInterval(timer);
     };
   }, [sid]);
   if (!sid) return null;
   const t = snap.totals;
-  const label = snap.err && !t ? snap.err.includes("\u91CD\u542F") ? "\u7528\u91CF\xB7\u9700\u91CD\u542F\u5BBF\u4E3B" : "\u7528\u91CF\xB7\u5931\u8D25" : t ? "\u26C1 " + fmtCompact(t.totalTokens) + (t.cost > 0 ? " \xB7 " + fmtCostCny(t.cost, snap.rate) : "") : "\u26C1 \u2026";
-  const title = t ? "\u672C\u4F1A\u8BDD " + fmtNum(t.calls) + " \u6B21\u8C03\u7528 \xB7 " + fmtNum(t.totalTokens) + " Token \xB7 " + fmtCostCny(t.cost, snap.rate) + "\uFF08\u4F30\u7B97\uFF09\n\u70B9\u51FB\u5728\u529F\u80FD\u575E\u67E5\u770B\u7528\u91CF\u8BB0\u5F55" : (snap.err ? snap.err + "\n" : "") + "\u70B9\u51FB\u5728\u529F\u80FD\u575E\u67E5\u770B\u7528\u91CF\u8BB0\u5F55";
+  const gone = isTokenlogRouteGone();
+  const label = gone ? "\u7528\u91CF\xB7\u672A\u542F\u7528" : snap.err && !t ? snap.err.includes("\u91CD\u542F") || snap.err.includes("\u542F\u7528") ? "\u7528\u91CF\xB7\u672A\u542F\u7528" : "\u7528\u91CF\xB7\u5931\u8D25" : t ? "\u26C1 " + fmtCompact(t.totalTokens) + (t.cost > 0 ? " \xB7 " + fmtCostCny(t.cost, snap.rate) : "") : "\u26C1 \u2026";
+  const title = gone ? routeGoneMessage() + "\n\uFF08\u53EF\u5728\u529F\u80FD\u575E\u91CC\u542F\u7528\u300C\u7528\u91CF\u8BB0\u5F55\u300D\uFF09" : t ? "\u672C\u4F1A\u8BDD " + fmtNum(t.calls) + " \u6B21\u8C03\u7528 \xB7 " + fmtNum(t.totalTokens) + " Token \xB7 " + fmtCostCny(t.cost, snap.rate) + "\uFF08\u4F30\u7B97\uFF09\n\u70B9\u51FB\u5728\u529F\u80FD\u575E\u67E5\u770B\u7528\u91CF\u8BB0\u5F55" : (snap.err ? snap.err + "\n" : "") + "\u70B9\u51FB\u5728\u529F\u80FD\u575E\u67E5\u770B\u7528\u91CF\u8BB0\u5F55";
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "button",
     {
       type: "button",
-      className: "dockchip" + (snap.err && !t ? " err" : ""),
+      className: "dockchip" + (snap.err && !t && !gone ? " err" : ""),
       title,
       "aria-label": "\u4F1A\u8BDD\u7528\u91CF",
       onClick: () => openPanel("tokenlog", { sessionId: sid, navAt: Date.now() }),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dockchip-dot", style: { background: "var(--dk-warn)" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dockchip-dot", style: { background: gone ? "var(--dsw-alias-label-tertiary,#8b95ab)" : "var(--dk-warn)" } }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: label })
       ]
     }
@@ -12110,70 +12124,28 @@ function mobileChrome() {
   scrim.className = "dsh-mobile-scrim";
   document.body.appendChild(scrim);
   document.querySelectorAll(".dsh-mobile-tabbar").forEach((el) => el.remove());
-  const tabbar = document.createElement("nav");
-  tabbar.className = "dsh-mobile-tabbar";
-  tabbar.setAttribute("aria-label", "\u5E95\u90E8\u5BFC\u822A");
-  let tasksActive = 0;
-  let tasksWaiting = 0;
-  const tabDefs = [
-    {
-      id: "sessions",
-      label: "\u4F1A\u8BDD",
-      icon: '<svg viewBox="0 0 24 24"><path d="M21 12a8 8 0 0 1-8 8H5l-2 2V12a8 8 0 0 1 8-8h2a8 8 0 0 1 8 8z"/></svg>',
-      act: () => expand()
-    },
-    {
-      id: "dock",
-      label: "\u63D2\u4EF6",
-      icon: '<svg viewBox="0 0 24 24"><rect x="4" y="4" width="7" height="7" rx="1.5"/><rect x="13" y="4" width="7" height="7" rx="1.5"/><rect x="4" y="13" width="7" height="7" rx="1.5"/><rect x="13" y="13" width="7" height="7" rx="1.5"/></svg>',
-      act: () => {
-        openPanel(tasksActive > 0 || tasksWaiting > 0 ? "runstate" : "home");
-      }
-    },
-    {
-      id: "settings",
-      label: "\u8BBE\u7F6E",
-      icon: '<svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="3.2"/><path d="M19.4 15a1.7 1.7 0 0 0 .34 1.87l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06A1.7 1.7 0 0 0 15 19.4a1.7 1.7 0 0 0-1 1.55V21a2 2 0 1 1-4 0v-.09A1.7 1.7 0 0 0 9 19.4a1.7 1.7 0 0 0-1.87.34l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.7 1.7 0 0 0 4.6 15a1.7 1.7 0 0 0-1.55-1H3a2 2 0 1 1 0-4h.09A1.7 1.7 0 0 0 4.6 9a1.7 1.7 0 0 0-.34-1.87l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.7 1.7 0 0 0 9 4.6a1.7 1.7 0 0 0 1-1.55V3a2 2 0 1 1 4 0v.09a1.7 1.7 0 0 0 1 1.51 1.7 1.7 0 0 0 1.87-.34l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.7 1.7 0 0 0 19.4 9c.23.6.86 1 1.51 1H21a2 2 0 1 1 0 4h-.09a1.7 1.7 0 0 0-1.51 1z"/></svg>',
-      act: () => {
-        const b = [...document.querySelectorAll("button")].find((x) => {
-          const a = x.getAttribute("aria-label") || "";
-          return a === "\u8BBE\u7F6E" || a === "Settings" || (x.textContent || "").trim() === "\u8BBE\u7F6E";
-        });
-        if (b) b.click();
-      }
-    }
-  ];
-  let tasksBadge = null;
-  const tabButtons = tabDefs.map((def) => {
-    const b = document.createElement("button");
-    b.type = "button";
-    b.className = "dsh-mobile-tab";
-    b.dataset.tab = def.id;
-    b.innerHTML = def.icon + "<span>" + def.label + "</span>";
-    b.addEventListener("click", () => def.act());
-    if (def.id === "dock") {
-      tasksBadge = document.createElement("span");
-      tasksBadge.className = "dsh-mobile-tab-badge";
-      tasksBadge.style.display = "none";
-      b.appendChild(tasksBadge);
-    }
-    tabbar.appendChild(b);
-    return b;
-  });
-  document.body.appendChild(tabbar);
-  const syncTabs = () => {
+  const burger = document.createElement("button");
+  burger.type = "button";
+  burger.className = "dsh-mobile-burger";
+  burger.setAttribute("aria-label", "\u6253\u5F00\u4F1A\u8BDD\u5217\u8868");
+  burger.setAttribute("aria-expanded", "false");
+  burger.innerHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 7h16"/><path d="M4 12h16"/><path d="M4 17h16"/></svg><span class="dsh-mobile-burger-badge" hidden></span>';
+  burger.addEventListener("click", () => expand());
+  document.body.appendChild(burger);
+  const syncBurger = () => {
     const expanded = !sidebarCollapsed();
-    const settingsOpen = dialogOpen();
-    for (const b of tabButtons) {
-      const id = b.dataset.tab;
-      const on = id === "sessions" && expanded || id === "dock" && panelNav.open || id === "settings" && settingsOpen;
-      b.classList.toggle("on", on);
-    }
+    burger.setAttribute("aria-expanded", expanded ? "true" : "false");
+    burger.classList.toggle("on", expanded);
   };
-  const unsubPanel = subscribePanel(syncTabs);
+  const badge = burger.querySelector(".dsh-mobile-burger-badge");
   let runstateGone = false;
   const pollTasks = () => {
-    if (runstateGone || !tasksBadge || !narrow() || document.visibilityState === "hidden" || !tabbar.isConnected) return;
+    if (runstateGone || !badge || !narrow() || document.visibilityState === "hidden" || !burger.isConnected) return;
+    const on = stateOf("runstate").enabled !== false;
+    if (!on && !window.__dshDockRunstate) {
+      badge.hidden = true;
+      return;
+    }
     fetch("dsh-dock/runstate/status", {
       method: "POST",
       headers: { "content-type": "application/json" },
@@ -12181,32 +12153,36 @@ function mobileChrome() {
     }).then(async (res) => {
       if (res.status === 404 || res.status === 405) {
         runstateGone = true;
-        tasksActive = 0;
-        tasksWaiting = 0;
-        tasksBadge.style.display = "none";
+        badge.hidden = true;
         return null;
       }
       const body = await res.json().catch(() => null);
       if (!body) return null;
       const active = body.data && body.data.active || [];
-      const waiting = active.filter((t) => t.approvals && t.approvals.length).length;
-      tasksActive = active.length;
-      tasksWaiting = waiting;
+      const waiting = active.reduce((n, t) => n + (Array.isArray(t.approvals) ? t.approvals.length : 0), 0);
       if (waiting > 0) {
-        tasksBadge.textContent = String(waiting);
-        tasksBadge.className = "dsh-mobile-tab-badge wait";
-        tasksBadge.style.display = "";
+        badge.textContent = waiting > 99 ? "99+" : String(waiting);
+        badge.className = "dsh-mobile-burger-badge wait";
+        badge.hidden = false;
+        burger.setAttribute("title", waiting + " \u4E2A\u4EFB\u52A1\u7B49\u5F85\u4F60\u786E\u8BA4");
       } else if (active.length > 0) {
-        tasksBadge.textContent = String(active.length);
-        tasksBadge.className = "dsh-mobile-tab-badge";
-        tasksBadge.style.display = "";
+        badge.textContent = active.length > 99 ? "99+" : String(active.length);
+        badge.className = "dsh-mobile-burger-badge";
+        badge.hidden = false;
+        burger.setAttribute("title", active.length + " \u4E2A\u4EFB\u52A1\u8FDB\u884C\u4E2D");
       } else {
-        tasksBadge.style.display = "none";
+        badge.hidden = true;
+        burger.removeAttribute("title");
       }
     }).catch(() => {
     });
   };
   const tasksTimer = setInterval(pollTasks, 3e3);
+  const onVisible = () => {
+    if (document.visibilityState === "visible") pollTasks();
+  };
+  document.addEventListener("visibilitychange", onVisible);
+  pollTasks();
   const vv = window.visualViewport || null;
   const kbdSync = () => {
     if (!vv) return;
@@ -12215,18 +12191,15 @@ function mobileChrome() {
   };
   const sync = () => {
     kbdSync();
-    document.querySelectorAll(".dsh-mobile-tabbar").forEach((el) => {
-      if (el !== tabbar) el.remove();
-    });
+    document.querySelectorAll(".dsh-mobile-tabbar").forEach((el) => el.remove());
     const on = narrow() && !!frameEl() && !dialogOpen();
     const collapsed = sidebarCollapsed();
     const right = rightOpen();
     if (scrim) scrim.style.display = on && !collapsed ? "" : "none";
-    tabbar.style.display = narrow() && !!frameEl() && !panelNav.open && !right ? "" : "none";
-    syncTabs();
+    burger.style.display = narrow() && !!frameEl() && !panelNav.open && !right ? "" : "none";
+    syncBurger();
   };
   sync();
-  pollTasks();
   const observer = typeof MutationObserver !== "undefined" ? new MutationObserver(sync) : null;
   if (observer) observer.observe(document.documentElement, { attributes: true, attributeFilter: ["data-sidebar-collapsed"], subtree: true });
   const timer = setInterval(sync, 1500);
@@ -12235,15 +12208,11 @@ function mobileChrome() {
   else if (mq.addListener) mq.addListener(onMq);
   window.addEventListener("resize", kbdSync);
   if (vv && vv.addEventListener) vv.addEventListener("resize", kbdSync);
-  const onVisible = () => {
-    if (document.visibilityState === "visible") pollTasks();
-  };
-  document.addEventListener("visibilitychange", onVisible);
   const onClick = (e) => {
     if (!narrow()) return;
     const t = e.target;
     if (!t || !t.closest) return;
-    if (t.closest(".dsh-mobile-tabbar")) return;
+    if (t.closest(".dsh-mobile-burger")) return;
     const expanded = !!document.querySelector('button[aria-label="\u6536\u8D77\u4FA7\u8FB9\u680F"],button[aria-label="Collapse sidebar"]');
     const col = document.querySelector('[class*="sidebarCol"]');
     const inSidebar = col && col.contains(t);
@@ -12275,15 +12244,14 @@ function mobileChrome() {
     if (observer) observer.disconnect();
     clearInterval(timer);
     clearInterval(tasksTimer);
-    unsubPanel();
+    document.removeEventListener("visibilitychange", onVisible);
     if (mq.removeEventListener) mq.removeEventListener("change", onMq);
     else if (mq.removeListener) mq.removeListener(onMq);
     window.removeEventListener("resize", kbdSync);
     if (vv && vv.removeEventListener) vv.removeEventListener("resize", kbdSync);
-    document.removeEventListener("visibilitychange", onVisible);
     document.documentElement.classList.remove("dsh-dock-kbd");
     if (scrim) scrim.remove();
-    tabbar.remove();
+    burger.remove();
     if (window.__dshDockMobileDrawer === "client") delete window.__dshDockMobileDrawer;
   };
 }
@@ -12352,7 +12320,7 @@ function MobileView() {
       import_react22.default.createElement(
         "span",
         { className: "dkmob-dim" },
-        "\u5E95\u90E8 Tab \u680F\uFF08\u4F1A\u8BDD / \u63D2\u4EF6 / \u8BBE\u7F6E\uFF09+ \u4FA7\u680F\u62BD\u5C49\u906E\u7F69 + \u8F6F\u952E\u76D8\u8BA9\u4F4D\uFF1B\u4F1A\u8BDD\u5165\u53E3\u5728\u5E95\u90E8\u300C\u4F1A\u8BDD\u300D\u9875\u7B7E\uFF0C\u4E0D\u8BBE\u5DE6\u7F18\u6D6E\u52A8\u6309\u94AE\u3002",
+        "\u5DE6\u4E0A\u89D2\u6C49\u5821\u83DC\u5355\uFF08\u5C55\u5F00\u5DE6\u4FA7\u4F1A\u8BDD\u62BD\u5C49\uFF09+ \u4FA7\u680F\u62BD\u5C49\u906E\u7F69 + \u8F6F\u952E\u76D8\u8BA9\u4F4D\uFF1B\u5E95\u90E8 Tab \u680F\u5DF2\u6309\u7528\u6237\u8981\u6C42\u79FB\u9664\uFF0C\u63D2\u4EF6/\u8BBE\u7F6E\u7B49\u5165\u53E3\u5728\u62BD\u5C49\u91CC\u3002",
         owner === "host" ? "\u5F53\u524D\u7531\u5BBF\u4E3B\u6CE8\u5165\u7248\u9A71\u52A8\uFF08\u91CD\u542F dsh web \u540E\u751F\u6548\u7684\u90A3\u5957\uFF09\u3002" : owner === "client" ? "\u5F53\u524D\u7531\u5BA2\u6237\u7AEF\u81EA\u5EFA\u7248\u9A71\u52A8\uFF08\u5237\u65B0\u5373\u751F\u6548\uFF09\u3002" : ""
       )
     ),
@@ -12369,7 +12337,7 @@ function MobileView() {
 function MobileStat() {
   const { active, chrome } = useMobileState();
   if (!active) return import_react22.default.createElement("span", null, "\u5F53\u524D\u89C6\u53E3\u672A\u547D\u4E2D\u624B\u673A\u5F62\u6001\uFF0C\u6837\u5F0F\u672A\u6CE8\u5165");
-  return import_react22.default.createElement("span", null, "\u624B\u673A\u6A21\u5F0F\u751F\u6548\u4E2D \xB7 " + (chrome ? "\u5E95\u90E8 Tab \u680F\u5DF2\u63A5\u7BA1\u4F1A\u8BDD\u5165\u53E3" : "chrome \u5E26\u5BBD\u672A\u547D\u4E2D\uFF08\u2264700px \u624D\u542F\u7528\uFF09"));
+  return import_react22.default.createElement("span", null, "\u624B\u673A\u6A21\u5F0F\u751F\u6548\u4E2D \xB7 " + (chrome ? "\u5DE6\u4E0A\u89D2\u6C49\u5821\u83DC\u5355\u5DF2\u63A5\u7BA1\u4F1A\u8BDD\u5165\u53E3" : "chrome \u5E26\u5BBD\u672A\u547D\u4E2D\uFF08\u2264700px \u624D\u542F\u7528\uFF09"));
 }
 var css6 = [
   // 输入类控件 16px：防 iOS 聚焦自动放大（<16px 的输入框聚焦时 Safari 强制缩放页面）
@@ -12378,7 +12346,7 @@ var css6 = [
   'body[data-dk-mobile="1"] :is(button, [role="button"]){-webkit-tap-highlight-color:transparent;touch-action:manipulation;}',
   // 纯图标按钮面积兜底：实测窄屏下一批 28×28 的工具钮很难点中；36px 是不引起行高剧变的上限。
   // 只收「唯一子元素是 svg」的按钮，避免撑坏带文字的行内控件；排除本模块 chrome 按钮。
-  'body[data-dk-mobile="1"] button:has(> svg:only-child):not(.dsh-mobile-tab){min-width:36px;min-height:36px;}',
+  'body[data-dk-mobile="1"] button:has(> svg:only-child):not(.dsh-mobile-burger){min-width:36px;min-height:36px;}',
   // 代码块横向滚动、行内代码换行：窄屏不撑破版面
   'body[data-dk-mobile="1"] pre{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}',
   'body[data-dk-mobile="1"] code{overflow-wrap:anywhere;}',
@@ -12395,19 +12363,31 @@ var css6 = [
   ".dkmob-state.on{color:var(--dsw-alias-state-success-primary);border-color:var(--dsw-alias-state-success-primary);}",
   ".dkmob-dim{color:var(--dsw-alias-label-secondary);font-size:12px;}",
   ".dkmob-note{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.7;border-top:1px solid var(--dsw-alias-border-l1);padding-top:10px;}",
-  // 手机端 chrome：底部 Tab 栏 + 抽屉遮罩（窄屏 ≤700px；与宿主半部同款）
+  // 手机端 chrome：左上角汉堡菜单 + 抽屉遮罩（窄屏 ≤700px；与宿主半部同款）
   "@media (max-width:700px){",
   ".dsh-mobile-scrim{position:fixed;inset:0;z-index:75;background:rgba(8,10,14,.45);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);touch-action:none}",
-  ".dsh-mobile-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:65;display:flex;align-items:stretch;justify-content:space-around;padding:6px 8px calc(8px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--dsw-alias-bg-layer-2,#1c2230) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--dsw-alias-border-l1,rgba(127,139,161,.25));touch-action:manipulation}",
-  ".dsh-mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;padding:4px 0;border:0;background:transparent;color:var(--dsw-alias-label-tertiary,#8b95ab);font:600 11px/1.2 inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:10px;position:relative}",
-  ".dsh-mobile-tab svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}",
-  ".dsh-mobile-tab.on{color:var(--dsw-alias-label-primary,#e6eaf2)}",
-  ".dsh-mobile-tab.on svg{color:var(--dk-accent,#4d9fff)}",
-  ".dsh-mobile-tab:active{transform:scale(.94)}",
-  ".dsh-mobile-tab-badge{position:absolute;top:0;right:calc(50% - 26px);box-sizing:border-box;min-width:16px;height:16px;padding:0 4px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#4d9fff;color:#fff;font-size:10px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;box-shadow:0 2px 8px rgba(0,0,0,.35);pointer-events:none}",
-  ".dsh-mobile-tab-badge.wait{background:#ef4444;animation:dsh-badge-pulse 1.2s ease-in-out infinite}",
-  "@keyframes dsh-badge-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}",
-  "@media (prefers-reduced-motion:reduce){.dsh-mobile-tab-badge.wait{animation:none}}",
+  // 左上角汉堡菜单（三条横线）：44×44 触控面积，避让刘海/圆角安全区；z 66 高于正文、
+  // 低于遮罩 75 / 抽屉 80——抽屉展开时被自然盖住。
+  // ⚠️ 视觉上刻意「不贴合卡片」：页面左上角本来就是空的，原生同类控件（右上的侧栏开关）
+  // 是**裸图标**——无底色、无边框、无阴影。早期版本做成白底圆角卡片 + 阴影 + 模糊，
+  // 悬浮在白底页面上像一块贴上去的异物（用户实测反馈「没有贴合边缘，很突兀」）。
+  // 现在与原生同款：透明底、无边框无阴影，只留图标；点按才给极轻的底色反馈。
+  // 视觉重量靠图标本身撑住（22px、1.9px 描边、主文字色），不靠容器。
+  ".dsh-mobile-burger{position:fixed;left:env(safe-area-inset-left,0px);top:env(safe-area-inset-top,0px);z-index:66;box-sizing:border-box;width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:0;background:transparent;color:var(--dsw-alias-label-primary,#e6eaf2);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color .15s var(--ds-ease-in-out,ease)}",
+  ".dsh-mobile-burger svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}",
+  // 展开态：图标换成强调色（与原生「已激活」的语义一致），不引入额外容器。
+  ".dsh-mobile-burger.on{color:var(--dk-accent,#4d9fff)}",
+  // 点按反馈走图标本身（用 :active 的底色透出，范围就是 44×44 触控区）。
+  ".dsh-mobile-burger:active{background:color-mix(in srgb,currentColor 12%,transparent)}",
+  // 待确认任务角标：锚在按钮右上角的小圆点/数字。刻意做成「贴边小圆点」而不是
+  // 底部 Tab 栏那种带容器的页签角标——汉堡是裸图标，角标再带容器就又突兀了。
+  // 等待确认（要人介入）= 红点 + 脉冲；进行中 = 蓝色数字（弱一级，不抢注意力）。
+  ".dsh-mobile-burger-badge{position:absolute;top:4px;right:4px;box-sizing:border-box;min-width:8px;height:8px;padding:0;border-radius:999px;background:#4d9fff;font:700 9px/8px inherit;font-variant-numeric:tabular-nums;text-align:center;color:#fff;pointer-events:none;box-shadow:0 0 0 2px var(--dsw-alias-bg-layer-1,#12151b)}",
+  ".dsh-mobile-burger-badge[hidden]{display:none}",
+  ".dsh-mobile-burger-badge:not([hidden]){min-width:16px;height:16px;line-height:16px;padding:0 4px}",
+  ".dsh-mobile-burger-badge.wait{background:#ef4444;animation:dsh-burger-badge-pulse 1.2s ease-in-out infinite}",
+  "@keyframes dsh-burger-badge-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}",
+  "@media (prefers-reduced-motion:reduce){.dsh-mobile-burger-badge.wait{animation:none}}",
   // ⚠️ 「设置页滑不动」的关键兜底（客户端无条件携带 = 刷新即生效，不必等宿主重启）：
   // 窄屏把设置弹层改成纵向堆叠后，内容列若是默认 min-height:auto 就会被内容撑高
   // （无头 390×844 实测列高 1216px 塞在 844px 视口里）、再被 .panel 的 overflow:hidden
@@ -12415,19 +12395,26 @@ var css6 = [
   // 都不动。补 min-height:0 后 scrollTop 0 → 425。宿主半部 MOBILE_LAYOUT_CSS 同款；
   // 两处都写是因为宿主注入要重启 dsh web 才更新，而客户端样式刷新即生效，覆盖窗口期。
   '[role="dialog"][class*="panel"]>[class*="content"]{min-height:0!important}',
-  // 输入区吸附到 Tab 栏上方 + 滚动体留白（与宿主半部同款）。
+  // 输入区吸附到视口底部 + 滚动体留白（与宿主半部同款）。
+  // ⚠️ 底部留白只保留 iPhone home indicator 的安全区，不再额外留白。沿革：原 72px 是
+  // 「底部 Tab 栏高度 + 安全区」；Tab 栏移除后先收到 24px，但实测（真实实例 390×844
+  // 像素扫描）输入卡片下方仍有 **51px** 空白带，其中 24px 是这里的滚动体内边距、
+  // 6px 是下面 composerSeat 的内边距——两者都是 Tab 栏时代的遗留，在没有底栏的页面上
+  // 纯属浪费。收窄到「只有安全区」后卡片下沿更贴近视口底，这 30px 直接变成会话区
+  // 可显示的正文（滚动体内边距在 flex 容器里会把 composerSeat 连同消息区一起下移/增高）。
+  // dsh 自带的 ~21px 底部间距（卡片 margin）保留，视觉上仍有呼吸感，不会贴死屏幕边缘。
   // ⚠️ 绝不能给滚动体加 justify-content:flex-end/center 贴底：内容会被挤到滚动体
   // 起点之外，Chrome 不把起点方向溢出算进 scrollHeight（手机视口实测
   // scrollHeight==clientHeight、maxScroll==0），会话记录彻底滚不动、首条消息永远看不到。
   // 宿主半部旧版注入里还留着那条 flex-end（要重启 dsh web 才消失），这里用更高优先级
-  // 的选择器显式复位：刷新页面即修好，不必等重启。
-  '[class*="scrollBody"][data-conversation-scroll]{justify-content:flex-start !important;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px)) !important}',
-  'html:not(.dsh-dock-kbd) [class*="scrollBody"]{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px)) !important}',
-  'html.dsh-dock-kbd [class*="scrollBody"]{padding-bottom:12px !important}',
-  '[class*="scrollBody"]>[class*="composerSeat"]{margin-top:auto;padding-bottom:6px}',
+  // 的选择器显式复位：刷新页面即修好，不必等重启。贴底只能用输入区自己的 margin-top:auto。
+  '[class*="scrollBody"][data-conversation-scroll]{justify-content:flex-start !important;padding-bottom:env(safe-area-inset-bottom,0px) !important}',
+  'html:not(.dsh-dock-kbd) [class*="scrollBody"]{padding-bottom:env(safe-area-inset-bottom,0px) !important}',
+  'html.dsh-dock-kbd [class*="scrollBody"]{padding-bottom:env(safe-area-inset-bottom,0px) !important}',
+  '[class*="scrollBody"]>[class*="composerSeat"]{margin-top:auto;padding-bottom:0}',
   // 输入区工具行上的 dsh-dock chip（用量/余额）：窄屏下 28cqw 的宽度上限把它们挤成
   // 「…」「余..」（手机实测），既读不出数值又白占输入行空间。手机端整组收起，数值在
-  // 底部「插件」里看（用量/余额页信息更全）；桌面端不动。
+  // 功能坞（抽屉里进）看；桌面端不动。
   ".dockchip-row{display:none}",
   '[class*="sidebarCol"]:has([class*="collapsed"]){visibility:hidden}',
   // ⚠️ 列级 visibility:hidden 在 dsh 0.2.0 上挡不住：工作区浏览器给自己的
@@ -12442,9 +12429,9 @@ var css6 = [
   // 设置/插件管理弹层挂在侧栏列内部：上面隐藏整列会把它连坐隐藏（空气弹层）。
   // visibility 可被后代覆盖，弹层关闭态整体卸载，所以只在真正打开时命中。
   '[class*="sidebarCol"]:has([class*="collapsed"]) [role="dialog"]{visibility:visible}',
-  "html.dsh-dock-kbd .dsh-mobile-tabbar{display:none !important}",
-  // 功能坞面板在手机端抬到原生弹层之上：从侧栏进的官方插件管理页等原生弹层 z 序高于
-  // 面板默认的 200，功能坞开在下面会被盖住——「插件」页签点了像没反应/露出原页面。
+  "html.dsh-dock-kbd .dsh-mobile-burger{display:none !important}",
+  // 功能坞面板在手机端抬到原生弹层之上：从抽屉进的官方插件管理页等原生弹层 z 序高于
+  // 面板默认的 200，功能坞开在下面会被盖住。抽屉展开时从侧栏 rail 点功能坞图标进入。
   '[class*="dockm-backdrop"]{z-index:2000 !important}',
   "}"
 ].join("\n");
@@ -12453,7 +12440,7 @@ var feature11 = {
   name: "\u624B\u673A\u9002\u914D",
   order: 170,
   accent: "#34d399",
-  description: "\u624B\u673A/\u7A84\u5C4F\u6392\u7248\u4E0E\u89E6\u63A7\u515C\u5E95\uFF1A\u5E95\u90E8 Tab \u680F + \u4FA7\u680F\u62BD\u5C49\u300116px \u8F93\u5165\u9632 iOS \u7F29\u653E\u3001\u56FE\u6807\u6309\u94AE\u89E6\u63A7\u9762\u79EF\u3001\u4EE3\u7801\u5757\u6EDA\u52A8\u3001\u6EDA\u52A8\u515C\u5E95",
+  description: "\u624B\u673A/\u7A84\u5C4F\u6392\u7248\u4E0E\u89E6\u63A7\u515C\u5E95\uFF1A\u5DE6\u4E0A\u89D2\u6C49\u5821\u83DC\u5355 + \u4FA7\u680F\u62BD\u5C49\u300116px \u8F93\u5165\u9632 iOS \u7F29\u653E\u3001\u56FE\u6807\u6309\u94AE\u89E6\u63A7\u9762\u79EF\u3001\u4EE3\u7801\u5757\u6EDA\u52A8\u3001\u6EDA\u52A8\u515C\u5E95",
   defaultEnabled: true,
   css: css6,
   Overlay: MobileOverlay,
@@ -12462,7 +12449,7 @@ var feature11 = {
 };
 
 // src/client.jsx
-var DOCK_VERSION = "0.14.0";
+var DOCK_VERSION = "0.15.0";
 var BUILTIN_FEATURES = [feature, feature2, feature3, feature4, feature5, feature6, feature7, feature8, feature9, feature10, feature11];
 var PLANNED_FEATURES = [];
 var PLANNED_NOTES = {};