@twinsearth/w2m-dsh-plugin 1.9.16 → 1.9.19

package/lib/client.js

@@ -493,47 +493,54 @@ const PLUGIN_UPDATE_ROUTE = '/api/w2m/plugin-update';
         '.w2mChat_threadHead{font-size:11px;color:var(--dsw-alias-label-tertiary);padding:4px 10px 0}',
         '.w2mChat_unseen{margin-left:6px;min-width:16px;padding:0 5px;border-radius:8px;background:var(--dsw-alias-accent-default);color:var(--dsw-alias-label-on-accent);font-size:10px;line-height:16px;text-align:center}',
         // v1.6.10: the transcript is selectable text; screenshots get a preview and a copy affordance.
-        '.w2mChatTab{padding:4px 10px;border-radius:6px;border:1px solid rgba(127,127,127,.35);background:transparent;color:inherit;font:inherit;cursor:pointer}',
-  '.w2mChat_panelFull{position:fixed;inset:5vh 8vw;width:auto;max-height:90vh;z-index:70}',
-  '.w2mChat_emojiRow{display:flex;gap:4px;padding:4px 8px;flex-wrap:wrap}',
-  '.w2mChat_emoji{padding:2px 4px;border:0;background:transparent;font-size:16px;line-height:1;cursor:pointer}',
-  '.w2mFleetStatus{display:flex;gap:16px;align-items:center;padding:2px 12px;font-size:11px;opacity:.8;white-space:nowrap}',
-  '.w2mFleetStatusItem{white-space:nowrap}',
-    '.w2mSearchToggle{height:26px;width:26px;border:0;border-radius:6px;background:transparent;color:inherit;font-size:14px;cursor:pointer}',
-  '.w2mSearchToggle:hover{background:rgba(127,127,127,.14)}',
-  '.w2mSearchBox{display:flex;align-items:center;gap:4px;padding:2px 4px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:var(--dsw-alias-background-secondary)}',
-  '.w2mSearchInput{height:24px;min-width:220px;border:0;background:transparent;color:inherit;font:inherit;outline:none}',
-  '.w2mSearchBtn{height:24px;min-width:24px;border:0;border-radius:4px;background:transparent;color:inherit;cursor:pointer}',
-  '.w2mSearchBtn:hover{background:rgba(127,127,127,.14)}',
-    '.w2mGpw_admin{padding:24px 32px 48px;box-sizing:border-box;max-width:1400px;margin:0 auto;color:var(--dsw-alias-label-primary);font-size:13px}',
-  '.w2mGpw_adminHead{margin-bottom:16px}',
-  '.w2mGpw_adminTitle{margin:0 0 6px;font-size:22px;line-height:30px;font-weight:600}',
-  '.w2mGpw_adminSub{margin:0;font-size:13px;color:var(--dsw-alias-label-tertiary)}',
-  '.w2mGpw_adminNote{margin:0 0 12px;padding:8px 12px;border-radius:6px;border:1px solid rgba(220,120,80,.5);background:rgba(220,120,80,.12);font-size:12px}',
-  '.w2mGpw_adminCard{border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:14px 16px;margin-bottom:14px;background:var(--dsw-alias-background-secondary)}',
-  '.w2mGpw_adminToolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}',
-  '.w2mGpw_adminInput{height:30px;padding:0 10px;border:1px solid var(--dsw-alias-border-l2);border-radius:4px;background:transparent;color:inherit;font:inherit;min-width:220px}',
-  '.w2mGpw_adminBtn{height:28px;padding:0 12px;border:1px solid var(--dsw-alias-border-l2);border-radius:4px;background:transparent;color:inherit;font:inherit;cursor:pointer}',
-  '.w2mGpw_adminBtn:hover{background:rgba(127,127,127,.12)}',
-  '.w2mGpw_adminBtn:disabled{opacity:.5;cursor:default}',
-  '.w2mGpw_adminTabs{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}',
-  '.w2mGpw_adminTab{height:26px;padding:0 10px;border:0;border-radius:4px;background:transparent;color:inherit;font:inherit;cursor:pointer;opacity:.75}',
-  '.w2mGpw_adminTab.is-active{background:rgba(64,132,255,.18);opacity:1;font-weight:600}',
-  '.w2mGpw_adminTable{width:100%;border-collapse:collapse;font-size:13px}',
-  '.w2mGpw_adminTable th{text-align:left;font-weight:600;padding:10px 12px;border-bottom:1px solid rgba(127,127,127,.25);white-space:nowrap}',
-  '.w2mGpw_adminTable td{padding:10px 12px;border-bottom:1px solid rgba(127,127,127,.12);vertical-align:middle}',
-  '.w2mGpw_adminEmpty{opacity:.7;text-align:center !important;padding:22px 12px !important}',
-  '.w2mGpw_adminPath{max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}',
-  '.w2mGpw_adminBadge{display:inline-block;padding:1px 8px;border-radius:10px;border:1px solid rgba(127,127,127,.35);font-size:12px}',
-  '.w2mGpw_adminBadge[data-kind="whitelist"]{border-color:rgba(80,180,120,.55);background:rgba(80,180,120,.12)}',
-  '.w2mGpw_adminBadge[data-kind="blacklist"]{border-color:rgba(220,120,80,.55);background:rgba(220,120,80,.12)}',
-  '.w2mGpw_sideEntry{justify-content:flex-start;text-align:left;font:inherit}',
-    '.w2mGpw_mainWrap{height:100%;min-height:0;overflow-y:auto;padding:24px 16px 48px;box-sizing:border-box}',
-  '.w2mGpw_mainWrap .w2mGpw_inline{max-width:960px;margin:0 auto}',
-  '.w2mGpw_mainWrap .w2mGpw_card{width:100%;max-width:none;max-height:none;position:static;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-alias-background-secondary)}',
-  '.w2mGpw_settingsBody .w2mGpw_inline{max-width:960px;margin:0 auto}',
-  '.w2mChat_view{position:static;inset:auto;width:100%;max-height:none;height:100%;border-radius:0}',
-  '.w2mChat_view .w2mChat_list{max-height:none;flex:1;min-height:0}',
+        '.w2mChatTab{padding:4px 10px;border-radius:6px;border:1px solid rgba(127,127,127,.35);background:transparent;color:inherit;font:inherit;cursor:pointer}',
+  '.w2mChat_panelFull{position:fixed;inset:5vh 8vw;width:auto;max-height:90vh;z-index:70}',
+  '.w2mChat_sticker{font-size:16px;line-height:1}',
+  '.w2mChat_stickerBig{font-size:28px;line-height:1.1}',
+  '.w2mChat_emojiRow{display:flex;gap:4px;padding:4px 8px;flex-wrap:wrap}',
+  '.w2mChat_emoji{padding:2px 4px;border:0;background:transparent;font-size:16px;line-height:1;cursor:pointer}',
+  '.w2mFleetStatus{display:flex;gap:16px;align-items:center;padding:2px 12px;font-size:11px;opacity:.8;white-space:nowrap}',
+  '.w2mFleetStatusItem{white-space:nowrap}',
+    '.w2mSearchToggle{height:26px;width:26px;border:0;border-radius:6px;background:transparent;color:inherit;font-size:14px;cursor:pointer}',
+  '.w2mSearchToggle:hover{background:rgba(127,127,127,.14)}',
+  '.w2mSearchBox{display:flex;align-items:center;gap:4px;padding:2px 4px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:var(--dsw-alias-background-secondary)}',
+  '.w2mSearchInput{height:24px;min-width:220px;border:0;background:transparent;color:inherit;font:inherit;outline:none}',
+  '.w2mSearchCount{font-size:11px;opacity:.75;min-width:34px;text-align:center}',
+  '.w2mSearchControls{display:inline-flex;align-items:center;gap:4px}',
+  '.w2mScrollUp{font-size:12px;padding:2px 6px;border:1px solid rgba(128,128,128,.4);border-radius:4px;background:transparent;color:inherit;cursor:pointer}',
+  '::highlight(w2m-conversation-search){background-color:rgba(255,235,59,.85);color:rgba(11,122,51,1)}',
+  '.w2mSearchMark{background-color:rgba(255,235,59,.85);color:rgba(11,122,51,1);border-radius:2px}',
+  '.w2mSearchBtn{height:24px;min-width:24px;border:0;border-radius:4px;background:transparent;color:inherit;cursor:pointer}',
+  '.w2mSearchBtn:hover{background:rgba(127,127,127,.14)}',
+    '.w2mGpw_admin{padding:24px 32px 48px;box-sizing:border-box;max-width:1400px;margin:0 auto;color:var(--dsw-alias-label-primary);font-size:13px}',
+  '.w2mGpw_adminHead{margin-bottom:16px}',
+  '.w2mGpw_adminTitle{margin:0 0 6px;font-size:22px;line-height:30px;font-weight:600}',
+  '.w2mGpw_adminSub{margin:0;font-size:13px;color:var(--dsw-alias-label-tertiary)}',
+  '.w2mGpw_adminNote{margin:0 0 12px;padding:8px 12px;border-radius:6px;border:1px solid rgba(220,120,80,.5);background:rgba(220,120,80,.12);font-size:12px}',
+  '.w2mGpw_adminCard{border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:14px 16px;margin-bottom:14px;background:var(--dsw-alias-background-secondary)}',
+  '.w2mGpw_adminToolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}',
+  '.w2mGpw_adminInput{height:30px;padding:0 10px;border:1px solid var(--dsw-alias-border-l2);border-radius:4px;background:transparent;color:inherit;font:inherit;min-width:220px}',
+  '.w2mGpw_adminBtn{height:28px;padding:0 12px;border:1px solid var(--dsw-alias-border-l2);border-radius:4px;background:transparent;color:inherit;font:inherit;cursor:pointer}',
+  '.w2mGpw_adminBtn:hover{background:rgba(127,127,127,.12)}',
+  '.w2mGpw_adminBtn:disabled{opacity:.5;cursor:default}',
+  '.w2mGpw_adminTabs{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}',
+  '.w2mGpw_adminTab{height:26px;padding:0 10px;border:0;border-radius:4px;background:transparent;color:inherit;font:inherit;cursor:pointer;opacity:.75}',
+  '.w2mGpw_adminTab.is-active{background:rgba(64,132,255,.18);opacity:1;font-weight:600}',
+  '.w2mGpw_adminTable{width:100%;border-collapse:collapse;font-size:13px}',
+  '.w2mGpw_adminTable th{text-align:left;font-weight:600;padding:10px 12px;border-bottom:1px solid rgba(127,127,127,.25);white-space:nowrap}',
+  '.w2mGpw_adminTable td{padding:10px 12px;border-bottom:1px solid rgba(127,127,127,.12);vertical-align:middle}',
+  '.w2mGpw_adminEmpty{opacity:.7;text-align:center !important;padding:22px 12px !important}',
+  '.w2mGpw_adminPath{max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}',
+  '.w2mGpw_adminBadge{display:inline-block;padding:1px 8px;border-radius:10px;border:1px solid rgba(127,127,127,.35);font-size:12px}',
+  '.w2mGpw_adminBadge[data-kind="whitelist"]{border-color:rgba(80,180,120,.55);background:rgba(80,180,120,.12)}',
+  '.w2mGpw_adminBadge[data-kind="blacklist"]{border-color:rgba(220,120,80,.55);background:rgba(220,120,80,.12)}',
+  '.w2mGpw_sideEntry{justify-content:flex-start;text-align:left;font:inherit}',
+    '.w2mGpw_mainWrap{height:100%;min-height:0;overflow-y:auto;padding:24px 16px 48px;box-sizing:border-box}',
+  '.w2mGpw_mainWrap .w2mGpw_inline{max-width:960px;margin:0 auto}',
+  '.w2mGpw_mainWrap .w2mGpw_card{width:100%;max-width:none;max-height:none;position:static;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-alias-background-secondary)}',
+  '.w2mGpw_settingsBody .w2mGpw_inline{max-width:960px;margin:0 auto}',
+  '.w2mChat_view{position:static;inset:auto;width:100%;max-height:none;height:100%;border-radius:0}',
+  '.w2mChat_view .w2mChat_list{max-height:none;flex:1;min-height:0}',
     '.w2mGpw_fullPage{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;background:var(--dsw-alias-background-primary)}',
   '.w2mGpw_fullHead{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid rgba(127,127,127,.25)}',
   '.w2mGpw_fullTitle{font-size:14px;font-weight:600}',
@@ -800,6 +807,7 @@ const PLUGIN_UPDATE_ROUTE = '/api/w2m/plugin-update';
         },
       }, [
         h('span', { key: 'i', className: 'w2mGpw_sideIcon', 'aria-hidden': 'true' }, '🌐'),
+        h('span', { key: 'l', className: 'w2mGpw_sideLabel' }, 'GPW'),
       ]);
     }
 
@@ -814,239 +822,322 @@ const PLUGIN_UPDATE_ROUTE = '/api/w2m/plugin-update';
       ]);
     }
 
-    /** v1.9.6: the GPW page rendered in the main workspace (slot main, key w2m-gpw). */
-    function GpwMainPage({ t }) {
-      return h('div', { className: 'w2mGpw_mainWrap' }, h(GpwAdminPage, { t }));
-    }
-
-    /**
-     * v1.9.7: the GPW management page, drawn as an admin console (title, filter bar, action
-     * buttons, table with row actions) rather than the floating popup card. The popup stays for
-     * the floating launcher; this page is what the sidebar row and the Settings tab open.
-     */
-    function GpwAdminPage({ sessionId }) {
-      const [state, setState] = React.useState(null);
-      const [error, setError] = React.useState(null);
-      const [busy, setBusy] = React.useState(false);
-      const [tab, setTab] = React.useState('all');
-      const [query, setQuery] = React.useState('');
-      const [manual, setManual] = React.useState('');
-      const call = async (url, init) => {
-        try {
-          const response = await fetch(url, { credentials: 'same-origin', headers: { accept: 'application/json', ...(init?.body === undefined ? {} : { 'content-type': 'application/json' }) }, ...init });
-          let body = null;
-          try { body = await response.json(); } catch { body = null; }
-          if (response.status === 404) return { ok: false, routeMissing: true, error: 'GPW route missing' };
-          if (response.ok !== true || body?.ok === false) return { ok: false, error: body?.error ?? ('HTTP ' + response.status) };
-          return { ok: true, body };
-        } catch (err) {
-          return { ok: false, error: err instanceof Error ? err.message : String(err) };
-        }
-      };
-      const load = React.useCallback(async () => {
-        const result = await call('/api/w2m/gpw/state', { method: 'GET' });
-        if (result.ok) { setState(result.body); setError(null); } else setError(result.routeMissing ? 'GPW 未启用（在插件页开启 dsh-gpw）' : (result.error ?? 'error'));
-      }, []);
-      React.useEffect(() => {
-        load();
-        const timer = setInterval(load, 3000);
-        return () => clearInterval(timer);
-      }, [load]);
-      const add = async (list, value) => {
-        if (value.trim() === '') return;
-        setBusy(true);
-        try {
-          const result = await call('/api/w2m/gpw/folders', { method: 'POST', body: JSON.stringify({ action: 'add', list, path: value.trim() }) });
-          if (result.ok) { setManual(''); await load(); } else setError(result.error ?? 'error');
-        } finally { setBusy(false); }
-      };
-      const remove = async (list, value) => {
-        setBusy(true);
-        try { await call('/api/w2m/gpw/folders', { method: 'POST', body: JSON.stringify({ action: 'remove', list, path: value }) }); await load(); } finally { setBusy(false); }
-      };
-      const decide = async (id, decision) => {
-        setBusy(true);
-        try { await call('/api/w2m/gpw/decide', { method: 'POST', body: JSON.stringify({ id, decision }) }); await load(); } finally { setBusy(false); }
-      };
-      const folders = state?.folders ?? { whitelist: [], blacklist: [] };
-      const pendingAll = Array.isArray(state?.pending) ? state.pending : [];
-      const pending = pendingAll.filter((item) => item?.session_id === null || item?.session_id === undefined || item?.session_id === sessionId);
-      const rows = [
-        ...(Array.isArray(folders.whitelist) ? folders.whitelist : []).map((path) => ({ path, list: 'whitelist' })),
-        ...(Array.isArray(folders.blacklist) ? folders.blacklist : []).map((path) => ({ path, list: 'blacklist' })),
-      ].filter((row) => (tab === 'all' || tab === row.list) && (query === '' || row.path.toLowerCase().includes(query.toLowerCase())));
-      const tabBtn = (key, label) => h('button', {
-        key,
-        type: 'button',
-        className: 'w2mGpw_adminTab' + (tab === key ? ' is-active' : ''),
-        onClick: () => setTab(key),
-      }, label);
-      return h('div', { className: 'w2mGpw_admin' }, [
-        h('div', { key: 'head', className: 'w2mGpw_adminHead' }, [
-          h('h1', { key: 'h', className: 'w2mGpw_adminTitle' }, 'GPW 文件策略'),
-          h('div', { key: 'sub', className: 'w2mGpw_adminSub' }, '白名单放行、黑名单拒绝，名单外的调用进入待审批队列'),
-        ]),
-        error === null ? null : h('div', { key: 'err', className: 'w2mGpw_adminNote' }, error),
-        state?.tampered === true ? h('div', { key: 'tampered', className: 'w2mGpw_adminNote' }, '名单被篡改，已锁定：' + (state?.tampered_reason ?? '')) : null,
-        h('div', { key: 'toolbar', className: 'w2mGpw_adminCard' }, [
-          h('div', { key: 'row', className: 'w2mGpw_adminToolbar' }, [
-            h('input', { key: 'q', className: 'w2mGpw_adminInput', value: query, placeholder: '搜索路径', onChange: (event) => setQuery(event.target.value) }),
-            h('input', { key: 'm', className: 'w2mGpw_adminInput', value: manual, placeholder: '输入绝对路径', onChange: (event) => setManual(event.target.value) }),
-            h('button', { key: 'w', type: 'button', className: 'w2mGpw_adminBtn', disabled: busy, onClick: () => add('whitelist', manual) }, '添加到白名单'),
-            h('button', { key: 'b', type: 'button', className: 'w2mGpw_adminBtn', disabled: busy, onClick: () => add('blacklist', manual) }, '添加到黑名单'),
-            h('button', { key: 'r', type: 'button', className: 'w2mGpw_adminBtn', disabled: busy, onClick: () => load() }, '刷新'),
-          ]),
-        ]),
-        h('div', { key: 'card', className: 'w2mGpw_adminCard' }, [
-          h('div', { key: 'tabs', className: 'w2mGpw_adminTabs' }, [tabBtn('all', '全部'), tabBtn('whitelist', '白名单'), tabBtn('blacklist', '黑名单'), tabBtn('pending', '待审批 (' + pending.length + ')')]),
-          tab === 'pending'
-            ? h('table', { key: 'ptable', className: 'w2mGpw_adminTable' }, [
-                h('thead', { key: 'thead' }, h('tr', null, [h('th', { key: 't' }, '工具'), h('th', { key: 'p' }, '路径'), h('th', { key: 's' }, '会话'), h('th', { key: 'a' }, '操作')])),
-                h('tbody', { key: 'tbody' }, pending.length === 0
-                  ? h('tr', null, h('td', { colSpan: 4, className: 'w2mGpw_adminEmpty' }, '没有待审批的调用'))
-                  : pending.map((item) => h('tr', { key: item.id }, [
-                      h('td', { key: 't' }, item.tool ?? 'tool'),
-                      h('td', { key: 'p', className: 'w2mGpw_adminPath' }, item.path ?? item.folder ?? '-'),
-                      h('td', { key: 's' }, item.session_id ?? '-'),
-                      h('td', { key: 'a' }, [
-                        h('button', { key: 'ok', type: 'button', className: 'w2mGpw_adminBtn', disabled: busy, onClick: () => decide(item.id, 'allow') }, '允许'),
-                        ' ',
-                        h('button', { key: 'no', type: 'button', className: 'w2mGpw_adminBtn', disabled: busy, onClick: () => decide(item.id, 'deny') }, '拒绝'),
-                      ]),
-                    ]))),
-              ])
-            : h('table', { key: 'table', className: 'w2mGpw_adminTable' }, [
-                h('thead', { key: 'thead' }, h('tr', null, [h('th', { key: 'p' }, '文件夹路径'), h('th', { key: 'k' }, '类型'), h('th', { key: 's' }, '状态'), h('th', { key: 'a' }, '操作')])),
-                h('tbody', { key: 'tbody' }, rows.length === 0
-                  ? h('tr', null, h('td', { colSpan: 4, className: 'w2mGpw_adminEmpty' }, '暂无记录'))
-                  : rows.map((row) => h('tr', { key: row.list + ':' + row.path }, [
-                      h('td', { key: 'p', className: 'w2mGpw_adminPath', title: row.path }, row.path),
-                      h('td', { key: 'k' }, h('span', { className: 'w2mGpw_adminBadge', 'data-kind': row.list }, row.list === 'whitelist' ? '白名单' : '黑名单')),
-                      h('td', { key: 's' }, '启用'),
-                      h('td', { key: 'a' }, h('button', { key: 'x', type: 'button', className: 'w2mGpw_adminBtn', disabled: busy, onClick: () => remove(row.list, row.path) }, '移除')),
-                    ]))),
-              ]),
-        ]),
-      ]);
-    }
-
-    /**
-     * v1.9.11: in-conversation full-text search with visible yellow highlights.
-     *
-     * The previous version only called window.find, which the desktop shell does not reliably
-     * surface. This walks the rendered conversation text and registers the matches through the CSS
-     * Custom Highlight API (no DOM mutation, so React's tree stays intact), then scrolls to the
-     * focused match. Matches stay yellow until the query changes or the box closes.
-     */
-    const SEARCH_HIGHLIGHT = 'w2m-conversation-search';
-    function clearSearchHighlight() {
-      try { if (typeof CSS !== 'undefined' && CSS.highlights) CSS.highlights.delete(SEARCH_HIGHLIGHT); } catch { /* unsupported */ }
-    }
-    function ConversationSearch() {
-      const [open, setOpen] = React.useState(false);
-      const [query, setQuery] = React.useState('');
-      const [count, setCount] = React.useState(0);
-      const [cursor, setCursor] = React.useState(-1);
-      const rangesRef = React.useRef([]);
-      const inputRef = React.useRef(null);
-      React.useEffect(() => { if (open && inputRef.current && inputRef.current.focus) inputRef.current.focus(); }, [open]);
-      const collect = React.useCallback(() => {
-        if (query === '' || typeof document === 'undefined') return [];
-        const needle = query.toLowerCase();
-        const ranges = [];
-        try {
-          const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, {
-            acceptNode(node) {
-              const parent = node.parentElement;
-              if (parent === null) return NodeFilter.FILTER_REJECT;
-              const tag = parent.tagName;
-              if (tag === 'SCRIPT' || tag === 'STYLE' || tag === 'TEXTAREA' || tag === 'INPUT') return NodeFilter.FILTER_REJECT;
-              if (parent.closest && parent.closest('[data-w2m-search]') !== null) return NodeFilter.FILTER_REJECT;
-              return node.nodeValue && node.nodeValue.trim() !== '' ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
-            },
-          });
-          let node = walker.nextNode();
-          while (node !== null && ranges.length < 500) {
-            const text = node.nodeValue.toLowerCase();
-            let index = text.indexOf(needle);
-            while (index >= 0) {
-              const range = document.createRange();
-              range.setStart(node, index);
-              range.setEnd(node, index + query.length);
-              ranges.push(range);
-              index = text.indexOf(needle, index + query.length);
-              if (ranges.length >= 500) break;
-            }
-            node = walker.nextNode();
-          }
-        } catch { /* finding is best effort */ }
-        return ranges;
-      }, [query]);
-      const paint = React.useCallback(() => {
-        const ranges = collect();
-        rangesRef.current = ranges;
-        setCount(ranges.length);
-        try {
-          if (typeof CSS !== 'undefined' && CSS.highlights && typeof Highlight === 'function') {
-            CSS.highlights.set(SEARCH_HIGHLIGHT, new Highlight(...ranges));
-          }
-        } catch { /* older engine: the count still helps */ }
-        if (ranges.length > 0) {
-          setCursor(0);
-          try {
-            const parent = ranges[0].startContainer.parentElement;
-            if (parent && parent.scrollIntoView) parent.scrollIntoView({ block: 'center', behavior: 'smooth' });
-          } catch { /* scroll is best effort */ }
-        } else setCursor(-1);
-        return ranges.length;
-      }, [collect]);
-      React.useEffect(() => {
-        if (!open) { clearSearchHighlight(); setCount(0); setCursor(-1); return undefined; }
-        paint();
-        return () => clearSearchHighlight();
-      }, [open, query, paint]);
-      const step = (backwards) => {
-        const ranges = rangesRef.current;
-        if (ranges.length === 0) { paint(); return; }
-        const next = (cursor + (backwards ? -1 : 1) + ranges.length) % ranges.length;
-        setCursor(next);
-        try {
-          const parent = ranges[next].startContainer.parentElement;
-          if (parent && parent.scrollIntoView) parent.scrollIntoView({ block: 'center', behavior: 'smooth' });
-        } catch { /* scroll is best effort */ }
-      };
-      if (!open) {
-        return h('button', {
-          type: 'button',
-          className: 'w2mSearchToggle',
-          title: '搜索本对话',
-          'aria-label': '搜索本对话',
-          onClick: () => setOpen(true),
-        }, '🔍');
-      }
-      return h('div', { className: 'w2mSearchBox', 'data-w2m-search': 'box' }, [
-        h('input', {
-          key: 'q',
-          ref: inputRef,
-          className: 'w2mSearchInput',
-          value: query,
-          placeholder: '搜索本对话全部内容',
-          onChange: (event) => setQuery(event.target.value),
-          onKeyDown: (event) => {
-            if (event.key === 'Enter') { event.preventDefault(); step(event.shiftKey); }
-            if (event.key === 'Escape') { setOpen(false); setQuery(''); }
-          },
-        }),
-        h('span', { key: 'count', className: 'w2mSearchCount' }, count === 0 ? (query === '' ? '' : '0') : whenCount(count, cursor)),
-        h('button', { key: 'prev', type: 'button', className: 'w2mSearchBtn', title: '上一个', onClick: () => step(true) }, '↑'),
-        h('button', { key: 'next', type: 'button', className: 'w2mSearchBtn', title: '下一个', onClick: () => step(false) }, '↓'),
-        h('button', { key: 'close', type: 'button', className: 'w2mSearchBtn', title: '关闭搜索', onClick: () => { setOpen(false); setQuery(''); clearSearchHighlight(); } }, '×'),
-      ]);
-    }
-    function whenCount(total, at) {
-      return (at >= 0 ? at + 1 : 0) + '/' + total;
+    /** v1.9.6: the GPW page rendered in the main workspace (slot main, key w2m-gpw). */
+    function GpwMainPage({ t }) {
+      return h('div', { className: 'w2mGpw_mainWrap' }, h(GpwAdminPage, { t }));
+    }
+
+    /**
+     * v1.9.7: the GPW management page, drawn as an admin console (title, filter bar, action
+     * buttons, table with row actions) rather than the floating popup card. The popup stays for
+     * the floating launcher; this page is what the sidebar row and the Settings tab open.
+     */
+    function GpwAdminPage({ sessionId }) {
+      const [state, setState] = React.useState(null);
+      const [error, setError] = React.useState(null);
+      const [busy, setBusy] = React.useState(false);
+      const [tab, setTab] = React.useState('all');
+      const [query, setQuery] = React.useState('');
+      const [manual, setManual] = React.useState('');
+      const [tokenInput, setTokenInput] = React.useState('');
+      const [tokenState, setTokenState] = React.useState(null);
+      const call = async (url, init) => {
+        try {
+          const response = await fetch(url, { credentials: 'same-origin', headers: { accept: 'application/json', ...(init?.body === undefined ? {} : { 'content-type': 'application/json' }) }, ...init });
+          let body = null;
+          try { body = await response.json(); } catch { body = null; }
+          if (response.status === 404) return { ok: false, routeMissing: true, error: 'GPW route missing' };
+          if (response.ok !== true || body?.ok === false) return { ok: false, error: body?.error ?? ('HTTP ' + response.status) };
+          return { ok: true, body };
+        } catch (err) {
+          return { ok: false, error: err instanceof Error ? err.message : String(err) };
+        }
+      };
+      const load = React.useCallback(async () => {
+        const result = await call('/api/w2m/gpw/state', { method: 'GET' });
+        if (result.ok) { setState(result.body); setError(null); } else setError(result.routeMissing ? 'GPW 未启用（在插件页开启 dsh-gpw）' : (result.error ?? 'error'));
+      }, []);
+      React.useEffect(() => {
+        load();
+        const timer = setInterval(load, 3000);
+        return () => clearInterval(timer);
+      }, [load]);
+      const loadToken = React.useCallback(async () => {
+        const result = await call('/api/w2m/operator-token', { method: 'GET' });
+        if (result.ok) setTokenState(result.body);
+      }, []);
+      React.useEffect(() => { loadToken(); }, [loadToken]);
+      const saveToken = async () => {
+        if (tokenInput.trim() === '') return;
+        setBusy(true);
+        try {
+          const result = await call('/api/w2m/operator-token', { method: 'POST', body: JSON.stringify({ token: tokenInput }) });
+          if (result.ok) { setTokenInput(''); await loadToken(); } else setError(result.error ?? 'token save failed');
+        } finally { setBusy(false); }
+      };
+      const add = async (list, value) => {
+        if (value.trim() === '') return;
+        setBusy(true);
+        try {
+          const result = await call('/api/w2m/gpw/folders', { method: 'POST', body: JSON.stringify({ action: 'add', list, path: value.trim() }) });
+          if (result.ok) { setManual(''); await load(); } else setError(result.error ?? 'error');
+        } finally { setBusy(false); }
+      };
+      const remove = async (list, value) => {
+        setBusy(true);
+        try { await call('/api/w2m/gpw/folders', { method: 'POST', body: JSON.stringify({ action: 'remove', list, path: value }) }); await load(); } finally { setBusy(false); }
+      };
+      const decide = async (id, decision) => {
+        setBusy(true);
+        try { await call('/api/w2m/gpw/decide', { method: 'POST', body: JSON.stringify({ id, decision }) }); await load(); } finally { setBusy(false); }
+      };
+      const folders = state?.folders ?? { whitelist: [], blacklist: [] };
+      const pendingAll = Array.isArray(state?.pending) ? state.pending : [];
+      const pending = pendingAll.filter((item) => item?.session_id === null || item?.session_id === undefined || item?.session_id === sessionId);
+      const rows = [
+        ...(Array.isArray(folders.whitelist) ? folders.whitelist : []).map((path) => ({ path, list: 'whitelist' })),
+        ...(Array.isArray(folders.blacklist) ? folders.blacklist : []).map((path) => ({ path, list: 'blacklist' })),
+      ].filter((row) => (tab === 'all' || tab === row.list) && (query === '' || row.path.toLowerCase().includes(query.toLowerCase())));
+      const tabBtn = (key, label) => h('button', {
+        key,
+        type: 'button',
+        className: 'w2mGpw_adminTab' + (tab === key ? ' is-active' : ''),
+        onClick: () => setTab(key),
+      }, label);
+      return h('div', { className: 'w2mGpw_admin' }, [
+        h('div', { key: 'head', className: 'w2mGpw_adminHead' }, [
+          h('h1', { key: 'h', className: 'w2mGpw_adminTitle' }, 'GPW 文件策略'),
+          h('div', { key: 'sub', className: 'w2mGpw_adminSub' }, '白名单放行、黑名单拒绝，名单外的调用进入待审批队列'),
+        ]),
+        error === null ? null : h('div', { key: 'err', className: 'w2mGpw_adminNote' }, error),
+        state?.tampered === true ? h('div', { key: 'tampered', className: 'w2mGpw_adminNote' }, '名单被篡改，已锁定：' + (state?.tampered_reason ?? '')) : null,
+        h('div', { key: 'token', className: 'w2mGpw_adminCard' }, [
+          h('div', { key: 'row', className: 'w2mGpw_adminToolbar' }, [
+            h('input', { key: 'i', className: 'w2mGpw_adminInput', type: 'password', value: tokenInput, placeholder: 'relay operator token（保存后只显示指纹）', onChange: (event) => setTokenInput(event.target.value) }),
+            h('button', { key: 's', type: 'button', className: 'w2mGpw_adminBtn w2mGpw_tokenSave', disabled: busy, onClick: saveToken }, '保存 token'),
+          ]),
+          h('div', { key: 'st', className: 'w2mGpw_adminSub' }, tokenState?.configured === true ? ('已配置 · ' + String(tokenState.source ?? '') + ' · ' + String(tokenState.fingerprint ?? '').slice(0, 12)) : '未配置 operator token（保存后写入 0600 文件，只显示指纹）'),
+        ]),
+        h('div', { key: 'toolbar', className: 'w2mGpw_adminCard' }, [
+          h('div', { key: 'row', className: 'w2mGpw_adminToolbar' }, [
+            h('input', { key: 'q', className: 'w2mGpw_adminInput', value: query, placeholder: '搜索路径', onChange: (event) => setQuery(event.target.value) }),
+            h('input', { key: 'm', className: 'w2mGpw_adminInput', value: manual, placeholder: '输入绝对路径', onChange: (event) => setManual(event.target.value) }),
+            h('button', { key: 'w', type: 'button', className: 'w2mGpw_adminBtn', disabled: busy, onClick: () => add('whitelist', manual) }, '添加到白名单'),
+            h('button', { key: 'b', type: 'button', className: 'w2mGpw_adminBtn', disabled: busy, onClick: () => add('blacklist', manual) }, '添加到黑名单'),
+            h('button', { key: 'r', type: 'button', className: 'w2mGpw_adminBtn', disabled: busy, onClick: () => load() }, '刷新'),
+          ]),
+        ]),
+        h('div', { key: 'card', className: 'w2mGpw_adminCard' }, [
+          h('div', { key: 'tabs', className: 'w2mGpw_adminTabs' }, [tabBtn('all', '全部'), tabBtn('whitelist', '白名单'), tabBtn('blacklist', '黑名单'), tabBtn('pending', '待审批 (' + pending.length + ')')]),
+          tab === 'pending'
+            ? h('table', { key: 'ptable', className: 'w2mGpw_adminTable' }, [
+                h('thead', { key: 'thead' }, h('tr', null, [h('th', { key: 't' }, '工具'), h('th', { key: 'p' }, '路径'), h('th', { key: 's' }, '会话'), h('th', { key: 'a' }, '操作')])),
+                h('tbody', { key: 'tbody' }, pending.length === 0
+                  ? h('tr', null, h('td', { colSpan: 4, className: 'w2mGpw_adminEmpty' }, '没有待审批的调用'))
+                  : pending.map((item) => h('tr', { key: item.id }, [
+                      h('td', { key: 't' }, item.tool ?? 'tool'),
+                      h('td', { key: 'p', className: 'w2mGpw_adminPath' }, item.path ?? item.folder ?? '-'),
+                      h('td', { key: 's' }, item.session_id ?? '-'),
+                      h('td', { key: 'a' }, [
+                        h('button', { key: 'ok', type: 'button', className: 'w2mGpw_adminBtn', disabled: busy, onClick: () => decide(item.id, 'allow') }, '允许'),
+                        ' ',
+                        h('button', { key: 'no', type: 'button', className: 'w2mGpw_adminBtn', disabled: busy, onClick: () => decide(item.id, 'deny') }, '拒绝'),
+                      ]),
+                    ]))),
+              ])
+            : h('table', { key: 'table', className: 'w2mGpw_adminTable' }, [
+                h('thead', { key: 'thead' }, h('tr', null, [h('th', { key: 'p' }, '文件夹路径'), h('th', { key: 'k' }, '类型'), h('th', { key: 's' }, '状态'), h('th', { key: 'a' }, '操作')])),
+                h('tbody', { key: 'tbody' }, rows.length === 0
+                  ? h('tr', null, h('td', { colSpan: 4, className: 'w2mGpw_adminEmpty' }, '暂无记录'))
+                  : rows.map((row) => h('tr', { key: row.list + ':' + row.path }, [
+                      h('td', { key: 'p', className: 'w2mGpw_adminPath', title: row.path }, row.path),
+                      h('td', { key: 'k' }, h('span', { className: 'w2mGpw_adminBadge', 'data-kind': row.list }, row.list === 'whitelist' ? '白名单' : '黑名单')),
+                      h('td', { key: 's' }, '启用'),
+                      h('td', { key: 'a' }, h('button', { key: 'x', type: 'button', className: 'w2mGpw_adminBtn', disabled: busy, onClick: () => remove(row.list, row.path) }, '移除')),
+                    ]))),
+              ]),
+        ]),
+      ]);
+    }
+
+    /**
+     * v1.9.11: in-conversation full-text search with visible yellow highlights.
+     *
+     * The previous version only called window.find, which the desktop shell does not reliably
+     * surface. This walks the rendered conversation text and registers the matches through the CSS
+     * Custom Highlight API (no DOM mutation, so React's tree stays intact), then scrolls to the
+     * focused match. Matches stay yellow until the query changes or the box closes.
+     */
+function searchRoots() {
+  const roots = [];
+  const seen = new Set();
+  const visit = (node) => {
+    if (!node || seen.has(node)) return;
+    seen.add(node);
+    if (node.nodeType === 1 || node.nodeType === 11) {
+      if (node.shadowRoot) { roots.push(node.shadowRoot); visit(node.shadowRoot); }
+      const kids = node.children ?? [];
+      for (let i = 0; i < kids.length; i += 1) visit(kids[i]);
     }
-
+  };
+  if (typeof document !== 'undefined' && document.body) { roots.push(document.body); visit(document.body); }
+  return roots;
+}
+function clearSearchMarks() {
+  if (typeof document === 'undefined') return;
+  const marks = document.querySelectorAll('mark.w2mSearchMark');
+  for (const mark of marks) {
+    const parent = mark.parentNode;
+    if (parent === null) continue;
+    parent.replaceChild(document.createTextNode(mark.textContent ?? ''), mark);
+    if (parent.normalize) parent.normalize();
+  }
+}
+function paintSearchMarks(query) {
+  clearSearchMarks();
+  if (typeof document === 'undefined' || query === '') return 0;
+  const needle = query.toLowerCase();
+  let total = 0;
+  for (const root of searchRoots()) {
+    let walker;
+    try {
+      walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, {
+        acceptNode(node) {
+          const parent = node.parentElement;
+          if (parent === null) return NodeFilter.FILTER_REJECT;
+          const tag = parent.tagName;
+          if (tag === 'SCRIPT' || tag === 'STYLE' || tag === 'TEXTAREA' || tag === 'INPUT') return NodeFilter.FILTER_REJECT;
+          if (parent.closest && parent.closest('[data-w2m-search]') !== null) return NodeFilter.FILTER_REJECT;
+          if (parent.closest && parent.closest('mark.w2mSearchMark') !== null) return NodeFilter.FILTER_REJECT;
+          return node.nodeValue && node.nodeValue.trim() !== '' ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
+        },
+      });
+    } catch { continue; }
+    const nodes = [];
+    let node = walker.nextNode();
+    while (node !== null) { nodes.push(node); node = walker.nextNode(); }
+    for (const textNode of nodes) {
+      const text = textNode.nodeValue ?? '';
+      const lower = text.toLowerCase();
+      const hits = [];
+      let index = lower.indexOf(needle);
+      while (index >= 0) { hits.push(index); index = lower.indexOf(needle, index + query.length); }
+      for (let k = hits.length - 1; k >= 0; k -= 1) {
+        try {
+          const range = document.createRange();
+          range.setStart(textNode, hits[k]);
+          range.setEnd(textNode, hits[k] + query.length);
+          const mark = document.createElement('mark');
+          mark.className = 'w2mSearchMark';
+          mark.setAttribute('style', 'background-color:rgba(255,235,59,.85);color:rgba(11,122,51,1)');
+          range.surroundContents(mark);
+          total += 1;
+        } catch { /* a range that crosses elements cannot be wrapped; skip it */ }
+      }
+    }
+  }
+  return total;
+}
+function findScrollSurface() {
+  if (typeof document === 'undefined') return null;
+  let best = null;
+  for (const root of searchRoots()) {
+    let all = [];
+    try { all = root.querySelectorAll ? [...root.querySelectorAll('*')] : []; } catch { continue; }
+    for (const el of all) {
+      if (el.scrollHeight <= el.clientHeight + 40) continue;
+      const style = typeof getComputedStyle === 'function' ? getComputedStyle(el) : null;
+      const overflow = style === null ? '' : style.overflowY;
+      if (overflow !== 'auto' && overflow !== 'scroll') continue;
+      if (best === null || el.scrollHeight > best.scrollHeight) best = el;
+    }
+  }
+  return best;
+}
+function ConversationSearch() {
+  const [open, setOpen] = React.useState(false);
+  const [query, setQuery] = React.useState('');
+  const [count, setCount] = React.useState(0);
+  const [cursor, setCursor] = React.useState(-1);
+  const inputRef = React.useRef(null);
+  const holdRef = React.useRef(null);
+  const longFiredRef = React.useRef(false);
+  React.useEffect(() => { if (open && inputRef.current && inputRef.current.focus) inputRef.current.focus(); }, [open]);
+  React.useEffect(() => {
+    if (!open) { clearSearchMarks(); setCount(0); setCursor(-1); return undefined; }
+    const total = paintSearchMarks(query);
+    setCount(total);
+    setCursor(total > 0 ? 0 : -1);
+    const first = document.querySelector('mark.w2mSearchMark');
+    if (first && first.scrollIntoView) first.scrollIntoView({ block: 'center', behavior: 'smooth' });
+    return () => clearSearchMarks();
+  }, [open, query]);
+  const step = (backwards) => {
+    const marks = [...document.querySelectorAll('mark.w2mSearchMark')];
+    if (marks.length === 0) { paintSearchMarks(query); return; }
+    const next = (cursor + (backwards ? -1 : 1) + marks.length) % marks.length;
+    setCursor(next);
+    if (marks[next] && marks[next].scrollIntoView) marks[next].scrollIntoView({ block: 'center', behavior: 'smooth' });
+  };
+  const scrollTurns = () => {
+    const surface = findScrollSurface();
+    if (surface !== null) surface.scrollBy({ top: -Math.round(Math.max(240, surface.clientHeight * 1.8)), behavior: 'smooth' });
+    else if (typeof window !== 'undefined') window.scrollBy({ top: -Math.round(window.innerHeight * 1.8), behavior: 'smooth' });
+  };
+  const scrollFirstTurn = () => {
+    const surface = findScrollSurface();
+    if (surface !== null) surface.scrollTo({ top: 0, behavior: 'smooth' });
+    else if (typeof window !== 'undefined') window.scrollTo({ top: 0, behavior: 'smooth' });
+  };
+  if (!open) {
+    return h('span', { className: 'w2mSearchControls' }, [
+      h('button', {
+        key: 'up',
+        type: 'button',
+        className: 'w2mScrollUp',
+        title: '向上滚动 3 轮（长按 3 秒到第一轮）',
+        'aria-label': '向上滚动 3 轮，长按 3 秒到第一轮',
+        onMouseDown: () => {
+          longFiredRef.current = false;
+          holdRef.current = setTimeout(() => { longFiredRef.current = true; scrollFirstTurn(); }, 3000);
+        },
+        onMouseUp: () => { if (holdRef.current) { clearTimeout(holdRef.current); holdRef.current = null; } },
+        onMouseLeave: () => { if (holdRef.current) { clearTimeout(holdRef.current); holdRef.current = null; } },
+        onClick: () => { if (longFiredRef.current) { longFiredRef.current = false; return; } scrollTurns(); },
+      }, '⇧3'),
+      h('button', {
+        key: 'find',
+        type: 'button',
+        className: 'w2mSearchToggle',
+        title: '搜索本对话',
+        'aria-label': '搜索本对话',
+        onClick: () => setOpen(true),
+      }, '🔍'),
+    ]);
+  }
+  return h('div', { className: 'w2mSearchBox', 'data-w2m-search': 'box' }, [
+    h('input', {
+      key: 'q',
+      ref: inputRef,
+      className: 'w2mSearchInput',
+      value: query,
+      placeholder: '搜索本对话全部内容',
+      onChange: (event) => setQuery(event.target.value),
+      onKeyDown: (event) => {
+        if (event.key === 'Enter') { event.preventDefault(); step(event.shiftKey); }
+        if (event.key === 'Escape') { setOpen(false); setQuery(''); }
+      },
+    }),
+    h('span', { key: 'count', className: 'w2mSearchCount' }, count === 0 ? (query === '' ? '' : '0') : whenCount(count, cursor)),
+    h('button', { key: 'prev', type: 'button', className: 'w2mSearchBtn', title: '上一个', onClick: () => step(true) }, '↑'),
+    h('button', { key: 'next', type: 'button', className: 'w2mSearchBtn', title: '下一个', onClick: () => step(false) }, '↓'),
+    h('button', { key: 'close', type: 'button', className: 'w2mSearchBtn', title: '关闭搜索', onClick: () => { setOpen(false); setQuery(''); clearSearchMarks(); } }, '×'),
+  ]);
+}
+function whenCount(total, at) {
+      return (at >= 0 ? at + 1 : 0) + '/' + total;
+    }
+
     /** v1.9.4: the GPW tab in Settings, between Models and Plugins. */
     function GpwSettingsPage({ t }) {
       return h('div', { className: 'w2mGpw_settingsBody' }, h(GpwPanel, { t, sessionId: undefined, inline: true, onClose: () => {} }));
@@ -1602,46 +1693,61 @@ function TargetSelect({ sessionId, locked: _locked, t }) {
       return message.origin === 'session' ? 'session' : 'chat';
     }
 
-    /** v1.9.4: the fleet-chat tab in the top bar; opens the full workspace page. */
-    function _FleetChatTab() {
-      return h('button', {
-        type: 'button',
-        className: 'w2mChatTab',
-        title: '编队聊天',
-        onClick: () => { try { window.dispatchEvent(new CustomEvent('w2m-chat-full')); } catch { /* headless */ } },
-      }, '编队聊天');
-    }
-
-    /** v1.9.4: the bottom bar: fleet and server online/total counts, always visible. */
-    function FleetStatusBar() {
-      const [snapshot, setSnapshot] = React.useState(null);
-      React.useEffect(() => {
-        let alive = true;
-        const load = async () => {
-          try {
-            const response = await fetch('/api/w2m/target?session_id=__global__', { credentials: 'same-origin', headers: { accept: 'application/json' } });
-            const body = response.ok ? await response.json() : null;
-            if (alive) setSnapshot(body?.state ?? body ?? null);
-          } catch {
-            if (alive) setSnapshot(null);
-          }
-        };
-        load();
-        const timer = setInterval(load, 5000);
-        return () => { alive = false; clearInterval(timer); };
-      }, []);
-      const fleet = snapshot?.fleet ?? null;
-      const server = snapshot?.server ?? null;
-      const fleetText = fleet && Number.isFinite(fleet.online) && Number.isFinite(fleet.total) ? fleet.online + '/' + fleet.total : '—';
-      const serverText = server && Number.isFinite(server.devices_online) && Number.isFinite(server.devices_total) ? server.devices_online + '/' + server.devices_total : '—';
-      return h('div', { className: 'w2mFleetStatus', title: '编队与服务器在线数量' }, [
-        h('span', { key: 'f', className: 'w2mFleetStatusItem' }, '本编队在线 ' + fleetText),
-        h('span', { key: 's', className: 'w2mFleetStatusItem' }, '全部机器在线 ' + serverText),
-      ]);
-    }
-
-    function FleetChat({ sessionId, viewMode }) {
-      const CHAT_EMOJIS = ['👍', '✅', '🚀', '😄', '❤️', '🎉', '🔧', '📌'];
+    /** v1.9.4: the fleet-chat tab in the top bar; opens the full workspace page. */
+    function _FleetChatTab() {
+      return h('button', {
+        type: 'button',
+        className: 'w2mChatTab',
+        title: '编队聊天',
+        onClick: () => { try { window.dispatchEvent(new CustomEvent('w2m-chat-full')); } catch { /* headless */ } },
+      }, '编队聊天');
+    }
+
+    /** v1.9.4: the bottom bar: fleet and server online/total counts, always visible. */
+    function FleetStatusBar() {
+      const [snapshot, setSnapshot] = React.useState(null);
+      React.useEffect(() => {
+        let alive = true;
+        const load = async () => {
+          try {
+            const response = await fetch('/api/w2m/target?session_id=__global__', { credentials: 'same-origin', headers: { accept: 'application/json' } });
+            const body = response.ok ? await response.json() : null;
+            if (alive) setSnapshot(body?.state ?? body ?? null);
+          } catch {
+            if (alive) setSnapshot(null);
+          }
+        };
+        load();
+        const timer = setInterval(load, 5000);
+        return () => { alive = false; clearInterval(timer); };
+      }, []);
+      const fleet = snapshot?.fleet ?? null;
+      const server = snapshot?.server ?? null;
+      const fleetText = fleet && Number.isFinite(fleet.online) && Number.isFinite(fleet.total) ? fleet.online + '/' + fleet.total : '—';
+      const serverText = server && Number.isFinite(server.devices_online) && Number.isFinite(server.devices_total) ? server.devices_online + '/' + server.devices_total : '—';
+      return h('div', { className: 'w2mFleetStatus', title: '编队与服务器在线数量' }, [
+        h('span', { key: 'f', className: 'w2mFleetStatusItem' }, '本编队在线 ' + fleetText),
+        h('span', { key: 's', className: 'w2mFleetStatusItem' }, '全部机器在线 ' + serverText),
+      ]);
+    }
+
+    function FleetChat({ sessionId, viewMode }) {
+      // v1.9.18: chat emotes are local slash commands, never image bytes. The relay only sees text.
+const CHAT_COMMANDS = ['/微笑', '/火箭', '/烟花'];
+// v1.9.18: the sticker pack is local to the plugin. Commands travel as text; rendering never requests bytes.
+const CHAT_STICKER_GLYPHS = { '/微笑': '\u{1F60A}', '/火箭': '\u{1F680}', '/烟花': '\u{1F386}' };
+const CHAT_STICKER_RE = /(\/微笑|\/火箭|\/烟花)/g;
+function renderChatText(text) {
+  const raw = String(text ?? '');
+  const whole = CHAT_STICKER_GLYPHS[raw.trim()];
+  if (whole !== undefined) return h('span', { className: 'w2mChat_stickerBig', 'data-sticker': raw.trim(), title: raw.trim() }, whole);
+  const parts = raw.split(CHAT_STICKER_RE);
+  if (parts.length === 1) return raw;
+  return parts.map((part, index) => (CHAT_STICKER_GLYPHS[part] !== undefined
+    ? h('span', { key: 'st' + index, className: 'w2mChat_sticker', 'data-sticker': part, title: part }, CHAT_STICKER_GLYPHS[part])
+    : part));
+}
+const CHAT_EMOJIS = CHAT_COMMANDS;
       const [open, setOpen] = React.useState(false);
       const [messages, setMessages] = React.useState([]);
       const [usage, setUsage] = React.useState(null);
@@ -1664,13 +1770,13 @@ function TargetSelect({ sessionId, locked: _locked, t }) {
       const [busy, setBusy] = React.useState(false);
       const [localMachineId, setLocalMachineId] = React.useState(null);
       // v1.7.2: screenshot state is clipboard-only (no preview); `toast` is the only visible feedback.
-      const [shotBusy, setShotBusy] = React.useState(false);
-      const [chatFull, setChatFull] = React.useState(false);
-      React.useEffect(() => { if (viewMode === true) setOpen(true); }, [viewMode]);
-      React.useEffect(() => {
-        const onFull = () => { setChatFull(true); setOpen(true); };
-        window.addEventListener('w2m-chat-full', onFull);
-        return () => window.removeEventListener('w2m-chat-full', onFull);
+      const [shotBusy, setShotBusy] = React.useState(false);
+      const [chatFull, setChatFull] = React.useState(false);
+      React.useEffect(() => { if (viewMode === true) setOpen(true); }, [viewMode]);
+      React.useEffect(() => {
+        const onFull = () => { setChatFull(true); setOpen(true); };
+        window.addEventListener('w2m-chat-full', onFull);
+        return () => window.removeEventListener('w2m-chat-full', onFull);
       }, []);
       const [toast, setToast] = React.useState(null);
       // v1.6.10: screenshot support (button + Ctrl+P). The blob is previewed and copied to the
@@ -1947,12 +2053,12 @@ function TargetSelect({ sessionId, locked: _locked, t }) {
                       var kind = messageKind(message, localMachineId);
                       return h('div', { key: message?.message_id ?? `${message?.machine_id}:${message?.at_ms}`, className: 'w2mChat_msg is-' + kind, onClick: () => { const selection = typeof window.getSelection === 'function' ? String(window.getSelection() ?? '') : ''; if (selection !== '') return; setReplyTo({ id: message?.message_id ?? null, threadId: message?.thread_id ?? null, text: typeof message?.text === 'string' ? message.text : '' }); } },
                         h('div', { className: 'w2mChat_meta' }, h(WhaleAvatar, { machineId: message?.machine_id }), `${machineLabel(message)} · ${timeLabel(message)}`, kind === 'session' ? ' · 来自会话' : '', h('button', { key: 'copy', type: 'button', className: 'w2mChat_copy', title: '复制这条消息', onClick: (event) => { event.stopPropagation(); copyText(String(message?.text ?? '')); } }, '⧉'), message?.thread_id ? h('span', { className: 'w2mChat_thread' }, '#' + message.thread_id) : null),
-                        h('div', { className: 'w2mChat_text' }, message?.text ?? ''));
+                        h('div', { className: 'w2mChat_text' }, renderChatText(message?.text ?? '')));
                       }),
                     ].filter((node) => node !== null))),
 
 
-              (chatFull || viewMode === true) ? h('div', { className: 'w2mChat_emojiRow' }, CHAT_EMOJIS.map((emoji) => h('button', { key: emoji, type: 'button', className: 'w2mChat_emoji', onClick: () => setText((prev) => prev + emoji) }, emoji))) : null,
+              (chatFull || viewMode === true) ? h('div', { className: 'w2mChat_emojiRow' }, CHAT_EMOJIS.map((emoji) => h('button', { key: emoji, type: 'button', className: 'w2mChat_emoji', onClick: () => setText((prev) => prev + emoji) }, emoji))) : null,
               h('div', { className: 'w2mChat_compose' },
                 replyTo === null ? null : h('div', { className: 'w2mChat_reply' }, [
                   h('span', { key: 'label' }, '回复：' + (replyTo.text.length > 40 ? replyTo.text.slice(0, 40) + '…' : replyTo.text)),
@@ -2188,17 +2294,17 @@ function TargetSelect({ sessionId, locked: _locked, t }) {
         } catch (error) {
           console.error('@twinsearth/w2m-dsh-plugin: the sidebar GPW entry was not mounted; the composer and launcher still work', error);
         }
-        // v1.9.6: the page the sidebar row switches to; the key must match the panellist id.
-        try {
-          slots.inject('main', () => slots.register({
-            name: 'main',
-            key: 'w2m-gpw',
-            label: () => 'GPW',
-            inject: () => ({ t }),
-          }, GpwMainPage));
-        } catch (error) {
-          console.error('@twinsearth/w2m-dsh-plugin: the GPW main page was not mounted', error);
-        }
+        // v1.9.6: the page the sidebar row switches to; the key must match the panellist id.
+        try {
+          slots.inject('main', () => slots.register({
+            name: 'main',
+            key: 'w2m-gpw',
+            label: () => 'GPW',
+            inject: () => ({ t }),
+          }, GpwMainPage));
+        } catch (error) {
+          console.error('@twinsearth/w2m-dsh-plugin: the GPW main page was not mounted', error);
+        }
         // v1.9.3: check-update + auto-update on the plugin settings page.
         try {
           slots.inject('settings.section', () => slots.register({
@@ -2250,41 +2356,41 @@ function TargetSelect({ sessionId, locked: _locked, t }) {
 
 
 
-      // v1.9.9: in-conversation search, in the session header next to Pin.
-      try {
-        slots.inject('conversation.session.header.actions', () => slots.register({
-          name: 'conversation.session.header.actions',
-          id: 'w2m-conversation-search',
-          order: 90,
-          label: () => '搜索本对话',
-          inject: () => ({}),
-        }, ConversationSearch));
-      } catch (error) {
-        console.error('@twinsearth/w2m-dsh-plugin: the conversation search control was not mounted', error);
-      }
-      // v1.9.6: fleet chat as a real conversation View tab (after Chat and Rules), rendering the
-      // full chat page in the main workspace.
-      try {
-        slots.inject('conversation.view', () => slots.register({
-          name: 'conversation.view',
-          id: 'w2m-chat',
-          order: 2,
-          label: () => '编队群组',
-          inject: (sessionId) => ({ sessionId, viewMode: true }),
-        }, FleetChat));
-      } catch (error) {
-        console.error('@twinsearth/w2m-dsh-plugin: the fleet-chat view tab was not mounted', error);
-      }
-      try {
-        slots.inject('shell.bottom', () => slots.register({
-          name: 'shell.bottom',
-          id: 'w2m-fleet-status',
-          label: () => 'W2M 编队状态',
-          inject: () => ({}),
-        }, FleetStatusBar));
-      } catch (error) {
-        console.error('@twinsearth/w2m-dsh-plugin: the fleet status bar was not mounted', error);
-      }
+      // v1.9.9: in-conversation search, in the session header next to Pin.
+      try {
+        slots.inject('conversation.session.header.actions', () => slots.register({
+          name: 'conversation.session.header.actions',
+          id: 'w2m-conversation-search',
+          order: 90,
+          label: () => '搜索本对话',
+          inject: () => ({}),
+        }, ConversationSearch));
+      } catch (error) {
+        console.error('@twinsearth/w2m-dsh-plugin: the conversation search control was not mounted', error);
+      }
+      // v1.9.6: fleet chat as a real conversation View tab (after Chat and Rules), rendering the
+      // full chat page in the main workspace.
+      try {
+        slots.inject('conversation.view', () => slots.register({
+          name: 'conversation.view',
+          id: 'w2m-chat',
+          order: 2,
+          label: () => '编队群组',
+          inject: (sessionId) => ({ sessionId, viewMode: true }),
+        }, FleetChat));
+      } catch (error) {
+        console.error('@twinsearth/w2m-dsh-plugin: the fleet-chat view tab was not mounted', error);
+      }
+      try {
+        slots.inject('shell.bottom', () => slots.register({
+          name: 'shell.bottom',
+          id: 'w2m-fleet-status',
+          label: () => 'W2M 编队状态',
+          inject: () => ({}),
+        }, FleetStatusBar));
+      } catch (error) {
+        console.error('@twinsearth/w2m-dsh-plugin: the fleet status bar was not mounted', error);
+      }
       // The fleet-chat panel: the same session-scoped seat, one slot after the target control.
       // Wrapped in its own try/catch on purpose — the target control is the primary half of this
       // bundle, and a chat panel that cannot mount must not take the page (or the app) down with it.