dsh-browser-plus 0.0.0-stage → 0.5.1

package/lib/browser-electron/page-chrome.js

@@ -0,0 +1,2269 @@
+/**
+ * Human-facing browser chrome injected into the top-level page document.
+ * Keeping this UI in the page renderer avoids a second Electron
+ * WebContentsView and leaves the host composition tree stable.
+ */
+export const PAGE_CHROME_HOST_ID = '__dsh_browser_chrome_host__';
+export const PAGE_CHROME_ATTRIBUTE = 'data-dsh-browser-chrome';
+/** Generated once; stable across documents and reused by the provider. */
+export const PAGE_CHROME_SCRIPT = buildPageChromeScript();
+/** Convert human address-bar text into an allowed HTTP(S) navigation target. */
+export function normalizeBrowserAddress(raw) {
+    const value = raw.trim();
+    if (value === '')
+        return '';
+    if (/^https?:\/\//i.test(value))
+        return value;
+    if (/^[a-z][a-z0-9+.-]*:/i.test(value))
+        return '';
+    if (value.includes(' ') || !value.includes('.')) {
+        return 'https://www.bing.com/search?q=' + encodeURIComponent(value);
+    }
+    return 'https://' + value;
+}
+export function buildPageChromeScript(bindingToken = '', surface = 'full') {
+    const normalizer = normalizeBrowserAddress.toString();
+    // 样式与标记分开：样式走**构造样式表**（见 mount），标记里一个 <style> 都不放。
+    // 页面的 CSP 只要写了 style-src 又没有 unsafe-inline，<style> 会被整块拦掉。
+    const toolbarCss = [
+        '#toolbarRevealZone { position:absolute; top:0; left:50%; transform:translateX(-50%); width:280px; height:56px; pointer-events:auto; }',
+        '#toolbarReveal { position:absolute; top:-30px; left:50%; transform:translateX(-50%) scale(.84); box-sizing:border-box; width:28px; height:28px; padding:0; border:1px solid rgba(159,199,255,.34); border-radius:50%; background:rgba(24,43,69,.78); backdrop-filter:blur(16px) saturate(140%); box-shadow:0 8px 18px rgba(5,13,28,.24),inset 0 1px 0 rgba(255,255,255,.12); color:#e6f0ff; opacity:0; pointer-events:none; transition:top .20s ease,opacity .16s ease,transform .20s ease,background .16s ease; }',
+        '#toolbarRevealZone.armed #toolbarReveal, #toolbarRevealZone:hover #toolbarReveal, #toolbarReveal:focus-visible { top:5px; transform:translateX(-50%) scale(1); opacity:1; pointer-events:auto; }',
+        '#toolbarReveal:hover { background:rgba(48,82,129,.90); }',
+        '#bar { position:absolute; top:0; left:50%; transform:translateX(-50%) translateY(calc(-100% - 8px)); box-sizing:border-box; width:min(940px,calc(100vw - 24px)); min-height:42px; display:flex; align-items:center; gap:6px; padding:6px 8px; border:1px solid rgba(255,255,255,.20); border-radius:0 0 18px 18px; background:rgba(20,28,40,.56); box-shadow:0 18px 42px rgba(8,15,29,.30),0 4px 12px rgba(65,116,181,.18),inset 0 1px 0 rgba(255,255,255,.12); color:#f0f5ff; font:13px -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif; opacity:0; pointer-events:none; transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .16s ease; }',
+        '#bar.open { transform:translateX(-50%) translateY(8px); opacity:1; pointer-events:auto; }',
+        'button { width:30px; height:28px; border:0; border-radius:8px; background:transparent; color:inherit; cursor:pointer; font:18px/1 -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif; transition:background .18s ease,transform .18s ease,opacity .18s ease,color .18s ease; }',
+        'button:hover { background:rgba(255,255,255,.13); }',
+        'button:active { transform:scale(.94); }',
+        'button:focus-visible { outline:2px solid rgba(132,181,255,.88); outline-offset:2px; }',
+        'button:disabled { opacity:.42; cursor:default; }',
+        'button:disabled:hover { background:transparent; }',
+        '#bar button svg { display:block; margin:auto; }',
+        '#bar button.spinning { animation:dshSpin .5s linear; }',
+        '@keyframes dshSpin { to { transform:rotate(360deg); } }',
+        '#address { box-sizing:border-box; flex:1; min-width:80px; height:28px; padding:0 11px; border:1px solid rgba(255,255,255,.16); border-radius:14px; outline:none; background:rgba(5,12,24,.24); color:inherit; font:inherit; }',
+        '#address:focus { border-color:#83b7ff; box-shadow:0 0 0 2px rgba(131,183,255,.24); }',
+        '/* 二级菜单（收藏/操作轨迹/任务）统一按 Chrome 的样子做：贴着触发按钮、',
+        '   从按钮下方展开；left/top/max-height 在打开时由 anchorPopup() 内联算出来。 */',
+        '#panel { position:absolute; top:92px; left:12px; box-sizing:border-box; width:340px; max-height:min(70vh,420px); overflow:auto; display:none; border:1px solid #3c4043; border-radius:8px; background:#292a2d; box-shadow:0 1px 3px rgba(0,0,0,.40),0 10px 28px rgba(0,0,0,.45); padding:8px; color:#e8eaed; font:13px -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif; pointer-events:auto; }',
+        '#panel.open { display:block; }',
+        '#reveal { position:fixed; inset:0; background:#202124; opacity:0; pointer-events:none; }',
+        '#panel .save { width:auto; padding:0 12px; height:30px; border:1px solid rgba(160,200,255,.28); border-radius:8px; background:rgba(99,157,236,.16); color:#dceaff; font:13px -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif; cursor:pointer; }',
+        '#panel .item { display:flex; align-items:center; gap:8px; padding:7px 9px; border-radius:8px; cursor:pointer; transition:background .12s ease; }',
+        '#panel .item:hover { background:rgba(255,255,255,.09); }',
+        '#panel .item .t { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }',
+        '#panel .item .u { color:#a8c9ff; font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:180px; }',
+        '#panel .item .x { width:24px; height:24px; font:14px/1 -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif; }',
+        '.empty { padding:12px; color:#aeb9ca; font:13px -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif; }',
+        '.glass-panel { position:absolute; top:92px; left:12px; display:none; flex-direction:column; border:1px solid #3c4043; border-radius:8px; background:#292a2d; box-shadow:0 1px 3px rgba(0,0,0,.40),0 10px 28px rgba(0,0,0,.45); overflow:hidden; color:#e8eaed; font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif; pointer-events:auto; }',
+        '#trail { width:360px; }',
+        '#trail.open, #taskPanel.open { display:flex; }',
+        '#taskPanel { width:380px; }',
+        '#taskPanel .task-head, #trail .t-head { display:flex; align-items:center; justify-content:space-between; padding:11px 13px; border-bottom:1px solid rgba(255,255,255,.12); color:#f2f6ff; font:600 13px -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif; flex:none; }',
+        '#bar #taskControl { flex:none; box-sizing:border-box; width:auto; min-width:64px; height:28px; padding:0 10px; border:1px solid rgba(151,192,255,.34); border-radius:8px; background:rgba(40,77,126,.80); box-shadow:inset 0 1px 0 rgba(255,255,255,.12); color:#e7f1ff; cursor:pointer; font:600 12px/1 -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif; }',
+        '#bar #taskControl:hover { background:rgba(60,104,166,.88); }',
+        '#bar #taskControl[data-control="human"] { border-color:rgba(237,183,98,.48); background:rgba(137,88,27,.88); color:#fff0c9; }',
+        '#bar #taskControl[data-control="human"]:hover { background:rgba(170,110,34,.92); }',
+        '#bar #taskControl:disabled { opacity:.5; cursor:default; }',
+        '#taskPanel .task-close, #trail .t-close { width:24px; height:24px; border:0; border-radius:7px; background:transparent; color:#b7c4d5; cursor:pointer; font:15px/1 -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif; }',
+        '#taskPanel .task-close:hover, #trail .t-close:hover { background:rgba(255,255,255,.13); color:#fff; }',
+        '#taskList { flex:1; overflow-y:auto; padding:8px; }',
+        '#taskPanel .task-row { box-sizing:border-box; width:100%; min-height:80px; display:grid; grid-template-columns:94px minmax(0,1fr); grid-template-rows:auto auto auto auto; column-gap:10px; row-gap:3px; align-items:center; padding:8px; border:1px solid transparent; border-radius:14px; background:transparent; color:#e5edf9; text-align:left; font:13px/1.35 -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif; }',
+        // 状态圆点和「当前任务」那圈高亮原来都是硬切（圆点换色、边框与内阴影凭空出现）。
+        '#taskPanel .task-row { transition:background .18s ease,border-color .18s ease,box-shadow .18s ease; }',
+        '#taskPanel .task-row:hover { background:rgba(255,255,255,.07); }',
+        '#taskPanel .task-row:disabled { cursor:default; opacity:.48; }',
+        '#taskPanel .task-row:disabled:hover { background:transparent; }',
+        '#taskPanel .task-row.active { border-color:rgba(124,178,255,.62); background:rgba(85,143,224,.13); box-shadow:inset 0 1px 0 rgba(255,255,255,.06); }',
+        '#taskPanel .task-thumb { grid-row:1 / 5; width:94px; height:64px; display:grid; place-items:center; overflow:hidden; border-radius:14px; background:rgba(90,116,151,.30); color:#c9dcf8; font:600 11px -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif; letter-spacing:.04em; }',
+        '#taskPanel .task-thumb canvas.task-thumb-canvas { display:block; width:100%; height:100%; }',
+        '#taskPanel .task-thumb > * { grid-area:1 / 1; }',
+        '#taskPanel .task-title { display:flex; align-items:center; gap:7px; min-width:0; color:#f3f7ff; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }',
+        '#taskPanel .task-state { width:7px; height:7px; flex:none; border-radius:50%; background:#8792a1; transition:background .18s ease; }',
+        '#taskPanel .task-row.active .task-state { background:#77d59a; }',
+        '#taskPanel .task-row.status-running .task-state { background:#71b8ff; animation:dshPulse 1.1s ease-in-out infinite; }',
+        '#taskPanel .task-row.status-waiting-user .task-state { background:#f0bd69; }',
+        '#taskPanel .task-row.status-failed .task-state { background:#f18a8a; }',
+        '@keyframes dshPulse { 50% { opacity:.42; } }',
+        '#taskPanel .task-meta, #taskPanel .task-latest, #taskPanel .task-error { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }',
+        '#taskPanel .task-meta { color:#b8c5d6; }',
+        '#taskPanel .task-latest { color:#acd0ff; }',
+        '#taskPanel .task-error { color:#ffb1b1; }',
+        // ── 悬浮球：Agent 现在在做什么 ─────────────────────────────────────────────
+        // 宿主整层是 pointer-events:none，交互元素各自开回来 —— 漏了这一句球就只是画在那里：
+        // 拖不动、悬停也不出卡片（用户实测报「拖不动」就是它）。
+        '#orb { pointer-events:auto; position:fixed; right:18px; bottom:18px; width:44px; height:44px; z-index:2147483000; display:grid; place-items:center; box-sizing:border-box; border:1px solid rgba(255,255,255,.14); border-radius:50%; background:#292a2d; color:#e8eaed; cursor:pointer; box-shadow:0 1px 2px rgba(0,0,0,.5),0 8px 20px rgba(0,0,0,.34); opacity:.62; transition:opacity .18s ease,background .18s ease,border-color .18s ease; }',
+        '#orb:hover, #orb:focus-visible, #orb.dragging { opacity:1; background:#35363a; border-color:rgba(255,255,255,.24); }',
+        '#orb .orb-mark { width:21px; height:21px; opacity:.88; }',
+        '#orb .orb-ring { position:absolute; inset:-3px; border-radius:50%; border:2px solid transparent; border-top-color:#8ab4f8; border-right-color:#8ab4f8; opacity:0; transition:opacity .18s ease; animation:dshOrbSpin .85s linear infinite; }',
+        '#orb.working .orb-ring { opacity:1; }',
+        '@keyframes dshOrbSpin { to { transform:rotate(360deg); } }',
+        '#orb .orb-badge { position:absolute; right:-3px; bottom:-3px; box-sizing:border-box; min-width:17px; height:17px; padding:0 4px; border-radius:9px; background:#5f6368; color:#fff; font:600 10px/17px -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif; text-align:center; box-shadow:0 0 0 2px #202124; }',
+        '#orb .orb-badge:empty { display:none; }',
+        '#orb.done .orb-badge { background:#34a853; }',
+        '#orb.failed .orb-badge { background:#d93025; }',
+        '#orb.waiting .orb-badge { background:#f9ab00; color:#202124; }',
+        '#orbCard { pointer-events:auto; position:fixed; right:18px; bottom:74px; width:308px; max-height:342px; z-index:2147483000; display:none; flex-direction:column; overflow:hidden; border:1px solid #3c4043; border-radius:10px; background:#292a2d; color:#e8eaed; box-shadow:0 8px 24px rgba(0,0,0,.5); font:12px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif; }',
+        '#orbCard.open { display:flex; }',
+        '#orbCard .orb-head { flex:none; display:flex; align-items:baseline; justify-content:space-between; gap:8px; padding:9px 12px; border-bottom:1px solid #3c4043; font-weight:500; }',
+        '#orbCard .orb-task { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#9aa0a6; font-weight:400; font-size:11px; }',
+        '#orbCard .orb-list { overflow:auto; padding:6px 0; }',
+        '#orbCard .orb-item { display:grid; grid-template-columns:16px minmax(0,1fr); column-gap:8px; align-items:start; padding:5px 12px; }',
+        '#orbCard .orb-mark { display:grid; place-items:center; width:16px; height:16px; color:#9aa0a6; font-size:11px; }',
+        '#orbCard .orb-item.in_progress .orb-mark { color:#8ab4f8; }',
+        '#orbCard .orb-item.completed .orb-mark { color:#81c995; }',
+        '#orbCard .orb-item.completed .orb-text { color:#9aa0a6; }',
+        '#orbCard .orb-text { min-width:0; overflow-wrap:anywhere; }',
+        '#orbCard .orb-spin { width:10px; height:10px; border:1.5px solid transparent; border-top-color:#8ab4f8; border-right-color:#8ab4f8; border-radius:50%; animation:dshOrbSpin .9s linear infinite; }',
+        '#orbCard .orb-foot { flex:none; padding:8px 12px; border-top:1px solid #3c4043; color:#8ab4f8; font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }',
+        '#orbCard .orb-empty { padding:10px 12px; color:#9aa0a6; }',
+        '#trail #trailList { flex:1; overflow-y:auto; padding:8px 12px; }',
+        '#trail .activity-day { color:#accbff; font:11px/1.4 -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif; text-align:center; margin:6px 0 5px; }',
+        '#trail .activity-item { transition:background .12s ease; position:relative; display:grid; grid-template-columns:54px 16px minmax(0,1fr); column-gap:7px; align-items:start; padding:8px 0; }',
+        '#trail .activity-item:hover { background:rgba(255,255,255,.045); }',
+        '#trail .timeline-rail { position:relative; width:16px; min-height:30px; }',
+        '#trail .timeline-rail::before { content:""; position:absolute; top:4px; bottom:-14px; left:7px; width:1px; background:rgba(181,208,245,.28); }',
+        '#trail .activity-item:last-child .timeline-rail::before { display:none; }',
+        '#trail .t-time { color:#a8caff; font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace; font-variant-numeric:tabular-nums; }',
+        '#trail .t-flag { position:relative; z-index:1; display:grid; place-items:center; width:14px; height:14px; border-radius:50%; background:rgba(78,111,154,.72); color:#f2f7ff; font-size:9px; line-height:1; }',
+        '#trail .t-flag.ok { color:#a6efbc; }',
+        '#trail .t-flag.err { color:#ffb3b3; }',
+        '#trail .t-text { color:#e3ebf8; word-break:break-word; font:12px/1.45 -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif; }',
+        '@media (hover:none) { #toolbarReveal { top:5px; transform:translateX(-50%) scale(1); opacity:1; pointer-events:auto; } }',
+        '/* 窄屏：二级菜单的宽度由 anchorPopup() 按视口算，这里只兜一个上限。 */',
+        '@media (max-width:760px) { #panel, .glass-panel, #mainMenu { max-width:calc(100vw - 16px); } }',
+        '/* --- Chrome 风格外壳：常驻顶栏 + 分组 + 胶囊地址栏 --- */',
+        '#bar { width:min(1180px,calc(100vw - 20px)); height:46px; padding:0 8px; gap:2px; align-items:center; border-radius:12px; border:1px solid rgba(255,255,255,.13); background:rgba(24,30,40,.94); box-shadow:0 10px 34px rgba(0,0,0,.46); backdrop-filter:blur(18px); }',
+        '#bar.open { transform:translateX(-50%) translateY(6px); }',
+        '#bar .nav-group, #bar .right-group { display:flex; align-items:center; gap:2px; flex:none; }',
+        '#bar .sep { flex:none; width:1px; height:20px; margin:0 6px; background:rgba(255,255,255,.15); }',
+        '#bar button { width:32px; height:32px; border-radius:50%; }',
+        '#addressWrap { flex:1; min-width:120px; display:flex; align-items:center; gap:8px; box-sizing:border-box; height:32px; padding:0 12px; border-radius:16px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.10); }',
+        '#addressWrap:hover { background:rgba(255,255,255,.10); }',
+        '#addressWrap:focus-within { background:rgba(12,17,25,.86); border-color:#7cb0ff; box-shadow:0 0 0 2px rgba(124,176,255,.22); }',
+        '#secIcon { flex:none; width:14px; height:14px; color:#9db2cc; }',
+        '/* 图标换面时用 scale 弹一下：SVG 默认以 0,0 为原点，会把图标甩出去。 */',
+        '#secIcon, #bookmarks svg { transform-box:fill-box; transform-origin:center; }',
+        '#secIcon .info { display:none; }',
+        '#secIcon.insecure { color:#f0bd69; }',
+        '#secIcon.insecure .lock { display:none; }',
+        '#secIcon.insecure .info { display:block; }',
+        '#address { flex:1; min-width:0; height:auto; padding:0; border:0; background:transparent; font-size:13px; }',
+        '#address:focus { border:0; box-shadow:none; }',
+        '#bar #taskControl { width:auto; min-width:62px; height:32px; border-radius:16px; padding:0 12px; }',
+        '/* --- Chrome 风格标签栏：常驻在工具栏上方（Chrome 也是上标签、下工具栏） --- */',
+        '#tabstrip { position:absolute; top:0; left:50%; transform:translateX(-50%); box-sizing:border-box; width:min(1180px,calc(100vw - 20px)); height:34px; display:none; align-items:flex-end; gap:4px; padding:0 4px; overflow:hidden; pointer-events:auto; }',
+        '#tabstrip.open { display:flex; }',
+        '#tabstrip .tab { box-sizing:border-box; display:flex; align-items:center; min-width:44px; max-width:230px; height:30px; padding:0 12px; border:0; border-radius:10px; background:rgba(255,255,255,.05); color:#c2cfdf; cursor:pointer; font:12px/1 -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif; transition:background .15s ease,color .15s ease; }',
+        '#tabstrip .tab:hover { background:rgba(255,255,255,.11); color:#e9f1fb; }',
+        '#tabstrip .tab.active { background:rgba(255,255,255,.17); color:#fff; }',
+        '#tabstrip .tab .t { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }',
+        '/* 关闭按钮：Chrome 只在悬停/选中时显示，避免一排标签都是叉号。 */',
+        '#tabstrip .tab .close { flex:none; box-sizing:border-box; width:18px; height:18px; margin-left:6px; display:grid; place-items:center; border-radius:50%; color:#9aa0a6; font:12px/1 -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif; opacity:0; cursor:pointer; transition:opacity .12s ease,background .12s ease,color .12s ease; }',
+        '#tabstrip .tab:hover .close, #tabstrip .tab.active .close { opacity:1; }',
+        '#tabstrip .tab .close:hover { background:rgba(255,255,255,.16); color:#fff; }',
+        '/* 新标签页按钮：紧跟最后一个标签，Chrome 的 + 也在这里。 */',
+        '#tabstrip .newtab { flex:none; box-sizing:border-box; width:28px; height:28px; margin:0 0 3px 4px; display:grid; place-items:center; border:0; border-radius:50%; background:transparent; color:#9aa0a6; cursor:pointer; transition:background .15s ease,color .15s ease; }',
+        '#tabstrip .newtab:hover { background:rgba(255,255,255,.13); color:#e8eaed; }',
+        '#tabstrip .newtab:active { transform:scale(.94); }',
+        '#tabstrip .newtab:focus-visible { outline:2px solid rgba(138,180,248,.9); outline-offset:1px; }',
+        '/* 标签必须自带不透明底色：整条 chrome 是浮在页面之上的，只给 5% 白的话，',
+        '   在白色页面上标签会完全看不见（实测 example.com / iana.org 就是这样）。 */',
+        '/* flex-basis 200px：只给 min/max-width 时按钮会被压到 44px 最小宽度，',
+        '   标题只剩 "E…"，多个标签根本分不清。给一个可收缩的基准宽度。 */',
+        '#tabstrip .tab { flex:0 1 200px; background:rgba(24,30,40,.94); border:1px solid rgba(255,255,255,.10); box-shadow:0 4px 14px rgba(0,0,0,.32); }',
+        '#tabstrip .tab:hover { background:rgba(38,48,62,.96); }',
+        '#tabstrip .tab.active { background:rgba(58,72,92,.97); border-color:rgba(255,255,255,.20); }',
+        '/* 标签栏占位：工具栏展开时整体下移，收起时标签栏与工具栏一起滑出。 */',
+        '#bar.open { transform:translateX(-50%) translateY(42px); }',
+        '@media (max-width:760px) { #tabstrip { width:calc(100vw - 16px); } }',
+        '/* --- Chrome 式窗框：整条 chrome 贴满窗口宽度、上下两行齐平、不浮动 --- */',
+        '/* 之前是「居中的浮动小部件」（1180px 宽 + 圆角 + 阴影 + 两行之间留缝），',
+        '   那是它看着不像 Chrome 的根本原因。Chrome 的窗框是贴边的、齐平的。 */',
+        '/* 取消抽屉：顶栏常驻，不再有悬停热区与「收起」按钮。 */',
+        '#toolbarRevealZone, #toolbarHide { display:none !important; }',
+        '#tabstrip { left:0; right:0; width:auto; transform:none; height:40px; padding:0 8px; gap:2px; background:#202124; }',
+        '#bar { left:0; right:0; width:auto; transform:translateY(40px); height:44px; padding:0 8px; gap:6px; border:0; border-radius:0; background:#35363a; box-shadow:none; backdrop-filter:none; }',
+        '#bar.open { transform:translateX(0) translateY(40px); }',
+        '/* 拖动排序：跟手 + 让位动画。 */',
+        '#tabstrip .tab.dragging { z-index:3; opacity:.85; box-shadow:0 6px 16px rgba(0,0,0,.45); transition:none; }',
+        '#tabstrip .tab { transition:transform .12s ease; flex:0 1 240px; min-width:60px; height:34px; padding:0 10px; border:0; border-radius:8px 8px 0 0; background:transparent; color:#9aa0a6; box-shadow:none; }',
+        '#tabstrip .tab:hover { background:rgba(255,255,255,.06); color:#e8eaed; }',
+        '#tabstrip .tab.active:hover { background:#3c4043; }',
+        '#tabstrip .tab.active { background:#35363a; color:#e8eaed; }',
+        '/* 标签图标：16px 的圆角方块，没图标时退化成站点首字母（Chrome 也是这个回退）。 */',
+        '#tabstrip .tab .fav { flex:none; box-sizing:border-box; width:16px; height:16px; margin-right:8px; display:grid; place-items:center; overflow:hidden; border-radius:4px; color:#c3ccd9; font:600 9px/1 -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif; }',
+        '#tabstrip .tab .fav canvas { display:block; width:16px; height:16px; }',
+        '#tabstrip .tab.active .fav { color:#e8eaed; }',
+        '/* --- 加载状态：标签里转圈、工具栏的刷新变停止（Chrome 就是这一个按钮来回换）--- */',
+        '#bar #stop { display:none; }',
+        '#bar.loading #reload { display:none; }',
+        '#bar.loading #stop { display:block; }',
+        '#tabstrip .tab .fav.loading { border:2px solid rgba(154,160,166,.32); border-top-color:#8ab4f8; border-radius:50%; animation:dshSpin .8s linear infinite; }',
+        '/* --- 无边框窗口：标签栏就是窗口的第一行 --- */',
+        '/* 宿主用 titleBarStyle:hidden + titleBarOverlay 去掉了系统标题栏，把最小化/',
+        '   最大化/关闭画在内容区右上角。所以标签栏右侧必须留出它们的位置，并且整条',
+        '   标签栏要能拖动窗口（标签和 + 自己排除掉，否则点不动）。 */',
+        '#tabstrip { padding-right:148px; -webkit-app-region:drag; }',
+        '#tabstrip .tab, #tabstrip .newtab { -webkit-app-region:no-drag; }',
+        '/* macOS 的红绿灯在左边。 */',
+        ':host([data-dsh-caption="left"]) #tabstrip { padding-left:82px; padding-right:8px; }',
+        '#addressWrap { height:30px; border-radius:18px; background:#202124; border:1px solid #5f6368; }',
+        '#address::placeholder { color:#9aa0a6; }',
+        '#addressWrap:focus-within { background:#202124; border-color:#8ab4f8; box-shadow:0 0 0 1px #8ab4f8; }',
+        '#address { color:#e8eaed; }',
+        '/* --- Chrome 式二级菜单：不透明深色面板 + 8px 圆角 + 34px 菜单行 --- */',
+        '/* 之前是「毛玻璃浮层」（半透明 + 24/30px 模糊 + 16-20px 大圆角）。Chrome 的菜单',
+        '   是不透明的、圆角更小、行高固定的面板，这一条是用户点名要的「二级菜单风格」。 */',
+        '#panel, .glass-panel, #mainMenu { border:1px solid #3c4043; border-radius:8px; background:#292a2d; backdrop-filter:none; box-shadow:0 1px 3px rgba(0,0,0,.40),0 10px 28px rgba(0,0,0,.45); color:#e8eaed; }',
+        '#panel { padding:8px; }',
+        '/* ⋮ 主菜单：Chrome 的「更多」菜单，行高 34px、分组之间一条分隔线。 */',
+        '#mainMenu { position:absolute; top:92px; left:12px; box-sizing:border-box; width:264px; padding:6px 0; display:none; flex-direction:column; pointer-events:auto; }',
+        '#mainMenu.open { display:flex; }',
+        '#mmZoom { display:flex; align-items:center; justify-content:space-between; gap:4px; height:34px; padding:0 8px 0 16px; }',
+        '#mmZoom button { flex:none; display:flex; align-items:center; justify-content:center; width:28px; height:28px; border:0; border-radius:50%; background:transparent; color:#e8eaed; font:inherit; font-size:16px; line-height:1; cursor:pointer; }',
+        '#mmZoom #zoomLevel { width:auto; min-width:56px; border-radius:14px; font-size:12px; color:#9aa0a6; }',
+        '#mmZoom button:hover { background:#3c4043; }',
+        '.menu-item { box-sizing:border-box; width:100%; height:34px; display:flex; align-items:center; gap:14px; padding:0 16px; border:0; border-radius:4px; background:transparent; color:#e8eaed; font:13px/1 -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif; text-align:left; cursor:pointer; }',
+        '.menu-item:hover { background:#3c4043; }',
+        '.menu-item:active { background:#4a4e54; }',
+        '.menu-item[disabled] { opacity:.5; cursor:default; }',
+        '.menu-item[disabled]:hover { background:transparent; }',
+        '.menu-item .mi { flex:none; width:16px; height:16px; color:#9aa0a6; }',
+        '.menu-sep { flex:none; height:1px; margin:6px 0; background:#3c4043; }',
+        '/* 收藏列表行用同一套菜单行度量。 */',
+        '#panel .item { min-height:34px; padding:0 8px; border-radius:4px; }',
+        '#panel .item:hover { background:#3c4043; }',
+        '#panel .item .u { color:#9aa0a6; }',
+        '#panel .save { height:34px; border:0; border-radius:4px; background:#8ab4f8; color:#202124; font-weight:500; }',
+        '#panel .save:hover { background:#aecbfa; }',
+        '.empty { color:#9aa0a6; }',
+        '#taskPanel .task-head, #trail .t-head { padding:10px 14px; border-bottom:1px solid #3c4043; color:#e8eaed; font-weight:500; }',
+        '#trail .activity-day { color:#9aa0a6; }',
+        '#trail .t-time { color:#9aa0a6; }',
+        '#trail .t-flag { background:#3c4043; }',
+        '#trail .timeline-rail::before { background:#3c4043; }',
+        '#taskPanel .task-row:hover { background:#3c4043; }',
+        '#taskPanel .task-row.active { border-color:#8ab4f8; background:rgba(138,180,248,.14); }',
+        '#taskPanel .task-thumb { border-radius:6px; background:#3c4043; color:#9aa0a6; }',
+        '#taskPanel .task-meta { color:#9aa0a6; }',
+        '#taskPanel .task-latest { color:#8ab4f8; }',
+        '/* ⋮ 按钮本身：Chrome 的更多按钮是一个竖排三点图标。 */',
+        '#mainMenuBtn { flex:none; }',
+        '/* 查找栏：贴内容区右上角，和菜单同一套表面（不透明 #292a2d + 8px 圆角）。 */',
+        '/* 书签栏：贴在工具栏正下方（84px 处），和工具栏同色。 */',
+        '#bookmarkBar { position:fixed; top:84px; left:0; right:0; box-sizing:border-box; height:34px; display:none; align-items:center; gap:2px; padding:0 8px; background:#292a2d; border-bottom:1px solid #3c4043; overflow:hidden; pointer-events:auto; }',
+        '#bookmarkBar.open { display:block; white-space:nowrap; }',
+        '#bookmarkBar.open.animate { animation:dshBarIn .16s cubic-bezier(.2,.8,.2,1); }',
+        '#bookmarkBar .bm { box-sizing:border-box; display:inline-block; vertical-align:middle; width:max-content; max-width:180px; height:28px; line-height:28px; padding:0 8px; border:0; border-radius:4px; background:transparent; color:#e8eaed; font:12px -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif; cursor:pointer; white-space:nowrap; overflow:hidden; }',
+        '#bookmarkBar .bm:hover { background:#3c4043; }',
+        '#bookmarkBar .bm .bm-icon { display:inline-block; vertical-align:middle; width:16px; height:16px; margin-right:6px; }',
+        '#bookmarkBar .bm svg { width:16px; height:16px; }',
+        '#toast { position:fixed; top:12px; left:50%; transform:translateX(-50%); box-sizing:border-box; max-width:min(520px,60vw); padding:9px 14px; display:none; border:1px solid #3c4043; border-radius:8px; background:#292a2d; color:#e8eaed; font:13px -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif; box-shadow:0 6px 20px rgba(0,0,0,.45); pointer-events:none; z-index:5; }',
+        '#toast.open { display:block; }',
+        '#toast.warn { border-color:#8a6d3b; color:#fdd663; }',
+        '#findBar { position:fixed; top:92px; right:16px; display:none; align-items:center; gap:6px; box-sizing:border-box; padding:6px 8px; border:1px solid #3c4043; border-radius:8px; background:#292a2d; color:#e8eaed; box-shadow:0 1px 3px rgba(0,0,0,.40),0 10px 28px rgba(0,0,0,.45); pointer-events:auto; }',
+        '#findBar.open { display:flex; }',
+        '#findInput { width:200px; height:26px; box-sizing:border-box; padding:0 8px; border:1px solid #5f6368; border-radius:4px; background:#202124; color:#e8eaed; font:inherit; font-size:13px; outline:none; }',
+        '#findInput:focus { border-color:#8ab4f8; }',
+        '#findCount { min-width:46px; text-align:right; font-size:12px; color:#9aa0a6; }',
+        '#findBar button { width:26px; height:26px; border:0; border-radius:4px; background:transparent; color:#e8eaed; cursor:pointer; font:inherit; font-size:11px; line-height:1; }',
+        '#findBar button:hover { background:#3c4043; }',
+        '/* --- 动效：Chrome 的界面几乎每个状态切换都有 ~120-160ms 的过渡，这里补齐。',
+        '   一律只动 opacity/transform（合成器友好、不触发布局），并且尊重 prefers-reduced-motion。 */',
+        '@keyframes dshPopIn { from { opacity:0; transform:translateY(-6px) scale(.98) } to { opacity:1; transform:none } }',
+        '@keyframes dshDropIn { from { opacity:0; transform:translateX(-50%) translateY(-10px) } to { opacity:1; transform:translateX(-50%) } }',
+        '@keyframes dshToastOut { from { opacity:1; transform:translateX(-50%) } to { opacity:0; transform:translateX(-50%) translateY(-10px) } }',
+        '@keyframes dshBarIn { from { opacity:0; transform:translateY(-100%) } to { opacity:1; transform:none } }',
+        '/* 新标签从 0 宽长出来（Chrome 就是这样），所以标签自己必须裁掉内容。 */',
+        '@keyframes dshTabIn { from { opacity:0; min-width:0; max-width:0 } to { opacity:1; min-width:60px; max-width:230px } }',
+        '/* 二级菜单/查找栏：从按钮下方浮出来（display:none -> block 时动画会自己重播）。 */',
+        '#panel.open, .glass-panel.open, #mainMenu.open, #findBar.open { animation:dshPopIn .14s cubic-bezier(.2,.8,.2,1); }',
+        '#toast.open { animation:dshDropIn .16s cubic-bezier(.2,.8,.2,1); }',
+        '@keyframes dshPopOut { from { opacity:1; transform:none } to { opacity:0; transform:translateY(-4px) scale(.99) } }',
+        '/* 关闭：先播退场动画，150ms 后 JS 才摘 open（逻辑上已经关了，见 isPanelOpen）。 */',
+        '#panel.closing, .glass-panel.closing, #mainMenu.closing, #findBar.closing { animation:dshPopOut .13s cubic-bezier(.2,.8,.2,1) forwards; }',
+        '/* 收起时先淡出，再由 JS 摘掉 open 真正 display:none。 */',
+        '#toast.closing { animation:dshToastOut .16s cubic-bezier(.2,.8,.2,1) forwards; }',
+        '/* 新标签页从下方轻微浮入（只在「本文档第一次渲染之后新增」的标签上播，见 renderTabs）。 */',
+        '#tabstrip .tab.enter { animation:dshTabIn .16s cubic-bezier(.2,.8,.2,1); }',
+        '/* 地址栏聚焦/悬停：背景、描边、焦点环一起过渡，别硬切。 */',
+        '#addressWrap { transition:background .15s ease,border-color .15s ease,box-shadow .15s ease; }',
+        '#tabstrip .tab { transition:transform .16s cubic-bezier(.2,.8,.2,1),background .15s ease,color .15s ease; overflow:hidden; }',
+        '/* 系统开了「减少动态效果」就全部退化成瞬时（转圈除外，它表达的是状态）。 */',
+        '@media (prefers-reduced-motion:reduce) {',
+        '  #panel.open, .glass-panel.open, #mainMenu.open, #findBar.open, #toast.open, #tabstrip .tab.enter, #bookmarkBar.open, #toast.closing, #panel.closing, .glass-panel.closing, #mainMenu.closing, #findBar.closing { animation:none; }',
+        '  #addressWrap, #tabstrip .tab, button, #taskPanel .task-state { transition:none; }',
+        '}',
+    ].join('\n');
+    // Three surfaces share one stylesheet and one markup tree, separated by
+    // visibility: 'full' is today's layout (chrome injected in the page, kept as the
+    // revert switch), 'frame' is the host's own 84px view (tab strip + toolbar only)
+    // and 'page' is the copy that stays in the page (the popups). Popups cannot live
+    // in the frame: it is 84px tall and a menu would be clipped.
+    const chromeCssText = toolbarCss + '\n#toolbarRevealZone,#toolbarHide{display:none!important}'
+        // #bookmarkBar 现在由 frame 那份画：帧视图会跟着开关长到 118px（84 + 34），
+        // 书签栏正好落在 84..118。页面视图从 118 开始 —— 所以页面**一点都不用让位**，
+        // 站点的 position:fixed 头部也就永远不会被压住（这正是这一改动要修的）。
+        + (surface === 'frame' ? '\n#panel, .glass-panel, #mainMenu, #findBar, #toast, #orb, #orbCard { display:none !important }' : '')
+        + (surface === 'page'
+            // 书签栏由 frame 那份画，页面这份连标签栏一起藏掉，弹层挂在帧下方。
+            ? '\n#tabstrip, #bar, #bookmarkBar, #toolbarRevealZone, #toolbarHide { display:none !important }'
+                + '\n#panel, .glass-panel, #mainMenu, #findBar { top:8px !important }'
+            : '');
+    const toolbarHtml = [
+        '<div id="toolbarRevealZone"><button id="toolbarReveal" type="button" aria-label="展开工具栏" title="展开工具栏"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg></button></div>',
+        '<div id="tabstrip" role="tablist" aria-label="标签页"></div>',
+        '<div id="reveal" aria-hidden="true"></div>',
+        '<div id="bar" role="toolbar" aria-label="DSH browser controls">',
+        '<div class="nav-group">',
+        '<button id="back" type="button" aria-label="后退" title="后退"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 18l-6-6 6-6"/></svg></button>',
+        '<button id="forward" type="button" aria-label="前进" title="前进"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg></button>',
+        '<button id="reload" type="button" aria-label="刷新" title="刷新"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 1 1-2.64-6.36"/><polyline points="21 3 21 9 15 9"/></svg></button>',
+        '<button id="stop" type="button" aria-label="停止加载" title="停止加载"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="6" y="6" width="12" height="12" rx="2"/></svg></button>',
+        '<button id="home" type="button" aria-label="主页" title="主页"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 10.5 12 3l9 7.5"/><path d="M5 9.75V21h14V9.75"/></svg></button>',
+        '<button id="bookmarks" type="button" aria-label="收藏" title="收藏"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3.5l2.6 5.3 5.9.9-4.2 4.1 1 5.8-5.3-2.8-5.3 2.8 1-5.8-4.2-4.1 5.9-.9z"/></svg></button>',
+        '<button id="trailBtn" type="button" aria-label="操作轨迹" title="操作轨迹"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></svg></button>',
+        '<button id="tasksBtn" type="button" aria-label="任务" title="任务"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="5" width="16" height="14" rx="2"/><path d="M8 9h8M8 13h5"/></svg></button>',
+        '</div>',
+        '<div class="sep"></div>',
+        '<!-- 安全指示：Chrome 在 https 上给锁、在 http 上给「不安全」的提示图标，',
+        '     永远挂一把锁会误导人。两套图形都在，用 class 切换。 -->',
+        '<div id="addressWrap"><svg id="secIcon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><g class="lock"><rect x="4" y="10.5" width="16" height="10" rx="2"/><path d="M8 10.5V7a4 4 0 0 1 8 0v3.5"/></g><g class="info"><circle cx="12" cy="12" r="9"/><path d="M12 11v5.5"/><path d="M12 7.5v1"/></g></svg><input id="address" type="text" spellcheck="false" aria-label="地址栏" /></div>',
+        '<div class="sep"></div>',
+        '<div class="right-group">',
+        '<button id="taskControl" type="button" aria-label="接管当前任务" disabled>接管</button>',
+        '<button id="mainMenuBtn" type="button" aria-label="更多" title="更多"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><circle cx="12" cy="5" r="1.7"/><circle cx="12" cy="12" r="1.7"/><circle cx="12" cy="19" r="1.7"/></svg></button>',
+        '</div>',
+        '<button id="toolbarHide" type="button" aria-label="收起工具栏" title="收起工具栏"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 15 6-6 6 6"/></svg></button>',
+        '</div>',
+        '<!-- 书签栏：Chrome 工具栏下面那一条。默认关（⋮ → 显示书签栏）。 -->',
+        '<div id="bookmarkBar" role="toolbar" aria-label="书签栏"></div>',
+        '<!-- 查找栏：Chrome 把它放在内容区右上角、工具栏下方。 -->',
+        '<!-- 一次性提示条：导入结果之类的反馈（Chrome 没有这个，但没有它用户不知道成没成）。 -->',
+        '<div id="toast" role="status" aria-live="polite"></div>',
+        '<div id="findBar" role="search" aria-label="在页面中查找">',
+        '<input id="findInput" type="text" placeholder="在页面中查找" spellcheck="false" aria-label="在页面中查找" />',
+        '<span id="findCount"></span>',
+        '<button id="findPrev" type="button" title="上一个" aria-label="上一个">▲</button>',
+        '<button id="findNext" type="button" title="下一个" aria-label="下一个">▼</button>',
+        '<button id="findClose" type="button" title="关闭" aria-label="关闭">✕</button>',
+        '</div>',
+        '<div id="panel" role="menu" aria-label="收藏列表">',
+        '<button id="saveBookmark" class="save" type="button">★ 收藏当前页</button>',
+        '<div id="bookmarkList"></div>',
+        '</div>',
+        '<!-- Chrome 的「更多」菜单：这里的每一项都接到插件已有的能力上，不是新造的浏览器功能。 -->',
+        '<div id="mainMenu" role="menu" aria-label="更多功能">',
+        '<button id="mmNewTab" class="menu-item" type="button"><svg class="mi" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M12 5v14M5 12h14"/></svg><span>新建标签页</span></button>',
+        '<button id="mmBookmark" class="menu-item" type="button"><svg class="mi" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3.5l2.6 5.3 5.9.9-4.2 4.1 1 5.8-5.3-2.8-5.3 2.8 1-5.8-4.2-4.1 5.9-.9z"/></svg><span>收藏当前页</span></button>',
+        '<button id="mmFind" class="menu-item" type="button"><svg class="mi" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="11" cy="11" r="6"/><path d="M15.5 15.5L20 20"/></svg><span>查找</span></button>',
+        '<button id="mmBookmarkBar" class="menu-item" type="button">显示书签栏</button>',
+        '<!-- 导入登录状态：读一个 cookie JSON（Cookie-Editor / EditThisCookie / 我们自己导出的），',
+        '     交给宿主写进会话。文件用 <input type=file> 读，chrome 不需要任何磁盘权限。 -->',
+        '<button id="mmImportCookies" class="menu-item" type="button">导入登录状态…</button>',
+        '<button id="mmBookmarks" class="menu-item" type="button"><svg class="mi" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 3h12v18l-6-4-6 4z"/></svg><span>管理收藏</span></button>',
+        '<div class="menu-sep"></div>',
+        '<!-- 缩放：Chrome 的 ⋮ 菜单里就是 − / 百分比 / + 一行，点百分比回 100%。 -->',
+        '<div id="mmZoom" class="menu-zoom"><button id="zoomOut" type="button" aria-label="缩小" title="缩小">−</button><button id="zoomLevel" type="button" title="重置为 100%">100%</button><button id="zoomIn" type="button" aria-label="放大" title="放大">+</button></div>',
+        '<div class="menu-sep"></div>',
+        '<button id="mmTrail" class="menu-item" type="button"><svg class="mi" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></svg><span>操作轨迹</span></button>',
+        '<button id="mmTasks" class="menu-item" type="button"><svg class="mi" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="5" width="16" height="14" rx="2"/><path d="M8 9h8M8 13h5"/></svg><span>浏览器任务</span></button>',
+        '<div class="menu-sep"></div>',
+        '<button id="mmFullscreen" class="menu-item" type="button"><svg class="mi" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 9V4h5M20 15v5h-5M15 4h5v5M9 20H4v-5"/></svg><span>全屏</span></button>',
+        '</div>',
+        '<div id="trail" class="glass-panel" role="menu" aria-label="操作轨迹">',
+        '<div class="t-head"><span>操作轨迹</span><button id="trailClose" class="t-close" type="button" aria-label="关闭轨迹">×</button></div>',
+        '<div id="trailList"></div>',
+        '</div>',
+        '<div id="taskPanel" class="glass-panel" role="menu" aria-label="浏览器任务">',
+        '<div class="task-head"><span>浏览器任务</span><button id="taskClose" class="task-close" type="button" aria-label="关闭任务">×</button></div>',
+        '<div id="taskList"></div>',
+        '</div>',
+        // 悬浮球（右下角）：Agent 正在做什么。它不属于 menus —— 页面上的点击不该关掉它。
+        '<button id="orb" type="button" aria-label="Agent 任务"><span class="orb-ring"></span>'
+            + '<svg class="orb-mark" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3.25" y="4.75" width="17.5" height="14.5" rx="3.25"></rect><path d="M3.25 9.4h17.5"></path><circle cx="6.15" cy="7.05" r=".9" fill="currentColor" stroke="none"></circle><circle cx="8.75" cy="7.05" r=".9" fill="currentColor" stroke="none"></circle></svg>'
+            + '<span class="orb-badge"></span></button>',
+        '<div id="orbCard" role="menu" aria-label="Agent 任务"><div class="orb-head"><span>Agent 任务</span><span class="orb-task"></span></div><div class="orb-list"></div><div class="orb-foot"></div></div>',
+    ].join('\n');
+    return [
+        '(() => {',
+        '  if (window.top !== window) return',
+        '',
+        '  const hostId = ' + JSON.stringify(PAGE_CHROME_HOST_ID),
+        '  const chromeAttribute = ' + JSON.stringify(PAGE_CHROME_ATTRIBUTE),
+        '  const bindingToken = ' + JSON.stringify(bindingToken),
+        '  // Residual risk: a page that hooks JSON.stringify before this chrome is',
+        '  // injected can still capture the token on the next emit. The complete fix is',
+        '  // an isolated-world injection (CDP Runtime.evaluate with a worldName), which',
+        '  // keeps the token out of the page realm entirely. Follow-up work.',
+        '  const normalizeAddress = (' + normalizer + ')',
+        '',
+        '  const mount = () => {',
+        '    if (document.getElementById(hostId) || !document.documentElement) return',
+        "    const host = document.createElement('div')",
+        '    host.id = hostId',
+        "    host.style.cssText = 'all:initial;position:fixed;inset:0;z-index:2147483647;pointer-events:none'",
+        "    // frame 只有 84px 高，而书签栏之类的表面挂在它下面 —— 只要文档能滚，浏览器就会在右边画一条",
+        "    // 滚动条（真机截图里那条带箭头的）。影子根里的 html { } 够不到外层文档，只能在 JS 里设。",
+        "    // 版本标记：宿主元素在 light DOM 里，即使 chrome 用 closed shadow root，",
+        "    // 外部也能读到它——用来判断页面里跑的是哪一版 chrome。",
+        "    host.dataset.dshChrome = '3'",
+        "    // 系统的最小化/最大化/关闭画在哪一侧：Windows/Linux 在右，macOS 在左。",
+        "    // 标签栏要按这个留出位置（见 #tabstrip 的 padding）。",
+        "    host.dataset.dshCaption = /Mac|iPhone|iPad/i.test(String(navigator.platform || '') + ' ' + String(navigator.userAgent || '')) ? 'left' : 'right'",
+        "    const root = host.attachShadow({ mode: 'closed' })",
+        '    root.innerHTML = ' + JSON.stringify(toolbarHtml),
+        '    document.documentElement.append(host)',
+        "    // 样式必须走**构造样式表**（CSSOM），不能放 <style> 元素：",
+        "    // 页面只要下了 style-src 又没有 unsafe-inline，<style> 会被整块拦掉，",
+        "    // chrome 就退化成没有样式的裸按钮（实测 style-src 'none'：标签栏、工具栏、",
+        "    // 配色、布局全没了）。CSSOM 不受 CSP 管辖。",
+        "    // 取消抽屉：顶栏常驻，不再有悬停热区与「收起」按钮。",
+        "    const CHROME_SURFACE = " + JSON.stringify(surface) + ";",
+        "    // frame 只有 84px 高，而书签栏之类的表面挂在它下面 —— 只要文档能滚，浏览器就会在右边画一条",
+        "    // 滚动条（真机截图里那条带箭头的）。影子根里的 html { } 够不到外层文档，只能在 JS 里设。",
+        "    // ⚠️ 必须写在 CHROME_SURFACE 声明**之后**：写在前面会 TDZ 抛异常，把整个 mount 打挂（两个表面一起没）。",
+        "    if (CHROME_SURFACE === 'frame') {",
+        "      document.documentElement.style.overflow = 'hidden'",
+        "    }",
+        "    const chromeCss = " + JSON.stringify(chromeCssText) + ";",
+        "    let chromeStyled = false",
+        "    try {",
+        "      const chromeSheet = new CSSStyleSheet()",
+        "      chromeSheet.replaceSync(chromeCss)",
+        "      root.adoptedStyleSheets = [chromeSheet]",
+        "      chromeStyled = true",
+        "    } catch { /* 老引擎没有构造样式表 */ }",
+        "    if (!chromeStyled) { const fallbackStyle = document.createElement('style'); fallbackStyle.textContent = chromeCss; root.append(fallbackStyle) }",
+        "    // 不遮挡内容：Chrome 的页面从工具栏下方开始。这里是注入式 chrome，",
+        "    // 用同样的语义把文档整体下移顶栏高度（标签行 40 + 工具栏 44）。",
+        "    // important 是因为页面自己的样式常常优先级更高。",
+        "    // box-sizing + height:100% 是配套的：只加 padding 会让根元素比视口高 84px，",
+        "    // 于是**每个页面都凭空多出一条滚动条**（实测 deScrollH = clientH + 84）。",
+        "    // 根元素高度锁成视口高、padding 算在内部，滚动条就只由真实内容决定。",
+        "    // 书签栏开着时顶栏会多 34px，下移量要跟着变（否则页面会被压住一截）。",
+        "    let bookmarksVisible = false",
+        "    // page 表面上工具栏和书签栏都画在 frame 视图里，页面视图本身就从它们下面开始，",
+        "    // 所以页面一点也不用让位（以前要让 34px，position:fixed 的头部于是被压住）。",
+        "    const chromeInset = () => CHROME_SURFACE === 'page' ? 0 : 84 + (bookmarksVisible ? 34 : 0)",
+        "    // 下移量。**过渡只在第二次应用之后才补上**：chrome 每次导航都会重新注入，第一次就带",
+        "    // 过渡的话，每个页面加载（书签栏开着时 0 -> 34px）都会看到内容自己往下滑一下。",
+        "    let insetApplied = false",
+        "    const applyPageInset = value => {",
+        "      document.documentElement.style.setProperty('padding-top', value + 'px', 'important')",
+        "      if (insetApplied) return",
+        "      insetApplied = true",
+        "      if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return",
+        "      document.documentElement.style.transition = 'padding-top .16s ease'",
+        "    }",
+        "    applyPageInset(chromeInset())",
+        "    document.documentElement.style.setProperty('box-sizing', 'border-box', 'important')",
+        "    document.documentElement.style.setProperty('height', '100%', 'important')",
+        '',
+        "    const bar = root.getElementById('bar')",
+        "    const tabstrip = root.getElementById('tabstrip')",
+        "    const toolbarRevealZone = root.getElementById('toolbarRevealZone')",
+        "    const toolbarReveal = root.getElementById('toolbarReveal')",
+        "    const toolbarHide = root.getElementById('toolbarHide')",
+        "    const back = root.getElementById('back')",
+        "    const forward = root.getElementById('forward')",
+        "    const reload = root.getElementById('reload')",
+        "    const stop = root.getElementById('stop')",
+        "    const home = root.getElementById('home')",
+        "    const bookmarks = root.getElementById('bookmarks')",
+        "    const trail = root.getElementById('trailBtn')",
+        "    const trailPanel = root.getElementById('trail')",
+        "    const tasksBtn = root.getElementById('tasksBtn')",
+        "    const taskPanel = root.getElementById('taskPanel')",
+        "    const taskList = root.getElementById('taskList')",
+        "    const orb = root.getElementById('orb')",
+        "    const orbCard = root.getElementById('orbCard')",
+        "",
+        "    // ── 悬浮球 ──────────────────────────────────────────────────────────────",
+        "    // 两个数据源：任务摘要（status / latestAction）与定向的 task.todos 补丁",
+        "    // （Agent 的 todo 清单）。清单**不进摘要** —— 摘要会被注入每个访问过的页面的主世界。",
+        "    const taskTodosCache = new Map()",
+        "    const orbBadge = orb instanceof HTMLElement ? orb.querySelector('.orb-badge') : null",
+        "    const orbCardTask = orbCard instanceof HTMLElement ? orbCard.querySelector('.orb-task') : null",
+        "    const orbCardList = orbCard instanceof HTMLElement ? orbCard.querySelector('.orb-list') : null",
+        "    const orbCardFoot = orbCard instanceof HTMLElement ? orbCard.querySelector('.orb-foot') : null",
+        "    let orbCardTimer = null",
+        "    const orbTask = () => {",
+        "      const list = Array.isArray(window.__dshTasks) ? window.__dshTasks : []",
+        "      return list.find(task => task && task.key === chromeSelectedTaskKey) || list.find(task => task && task.active === true) || list[0]",
+        "    }",
+        "    let orbRenderSignature = null",
+        "    const renderOrb = () => {",
+        "      if (!(orb instanceof HTMLElement)) return",
+        "      const task = orbTask()",
+        "      const key = task && typeof task.key === 'string' ? task.key : ''",
+        "      const todos = key !== '' && Array.isArray(taskTodosCache.get(key)) ? taskTodosCache.get(key) : []",
+        "      const status = task && typeof task.status === 'string' ? task.status : 'idle'",
+        "      // 清单整表重建会把人的滚动位置弹回顶部、让转圈动画从头开始 —— 内容没变就整段跳过。",
+        "      const signature = key + '\u0001' + status + '\u0001' + (task && task.latestAction ? task.latestAction : '') + '\u0001' + todos.map(item => (item && item.status) + ':' + (item && item.content)).join('\u0002')",
+        "      if (signature === orbRenderSignature) return",
+        "      orbRenderSignature = signature",
+        "      const running = todos.some(item => item && item.status === 'in_progress')",
+        "      // 终态优先：Agent 的清单里通常有一条 in_progress，若让 running 盖过 failed/waiting-user，",
+        "      // 失败和「等你操作」就永远看不到（球一直转圈）。",
+        "      const settled = status === 'failed' || status === 'waiting-user'",
+        "      const working = status === 'running' || (running && !settled)",
+        "      const completed = todos.filter(item => item && item.status === 'completed').length",
+        "      // 清单被截断到上限时（与桥接 normalize 的 40 一致），最后那些可能没送进来 ——",
+        "      // 不能凭前 40 条就宣布「全部完成」。",
+        "      const capped = todos.length >= 40",
+        "      const allDone = todos.length > 0 && completed === todos.length && !capped",
+        "      orb.classList.toggle('working', working)",
+        "      orb.classList.toggle('done', !working && allDone)",
+        "      orb.classList.toggle('failed', !working && status === 'failed')",
+        "      orb.classList.toggle('waiting', !working && status === 'waiting-user')",
+        "      if (orbBadge) {",
+        "        // 角标只在有话要说时出现：进度、完成、失败、等你。空闲就是干净的一个球。",
+        "        if (working) orbBadge.textContent = todos.length > 0 ? String(completed) + '/' + String(todos.length) + (capped ? '+' : '') : ''",
+        "        else if (status === 'failed') orbBadge.textContent = '!'",
+        "        else if (status === 'waiting-user') orbBadge.textContent = '‖'",
+        "        else if (allDone) orbBadge.textContent = '✓'",
+        "        else orbBadge.textContent = ''",
+        "      }",
+        "      // 没有 label 时**不要**退回原始 key（session-6012f8c2-… 是内部键，给人看的东西）。",
+        "      if (orbCardTask) orbCardTask.textContent = task && typeof task.label === 'string' ? task.label : ''",
+        "      if (orbCardList) {",
+        "        orbCardList.textContent = ''",
+        "        if (todos.length === 0) {",
+        "          const empty = document.createElement('div')",
+        "          empty.className = 'orb-empty'",
+        "          empty.textContent = working ? '正在执行浏览器操作…' : '暂无任务清单'",
+        "          orbCardList.append(empty)",
+        "        } else {",
+        "          for (const item of todos) {",
+        "            const state = item && item.status === 'completed' ? 'completed' : item && item.status === 'in_progress' ? 'in_progress' : 'pending'",
+        "            const row = document.createElement('div')",
+        "            row.className = 'orb-item ' + state",
+        "            const mark = document.createElement('span')",
+        "            mark.className = 'orb-mark'",
+        "            if (state === 'in_progress') { const spin = document.createElement('span'); spin.className = 'orb-spin'; mark.append(spin) }",
+        "            else mark.textContent = state === 'completed' ? '✓' : '○'",
+        "            const text = document.createElement('span')",
+        "            text.className = 'orb-text'",
+        "            text.textContent = item && typeof item.content === 'string' ? item.content : ''",
+        "            row.append(mark, text)",
+        "            orbCardList.append(row)",
+        "          }",
+        "        }",
+        "      }",
+        "      if (orbCardFoot) {",
+        "        const latest = task && typeof task.latestAction === 'string' ? task.latestAction : ''",
+        "        orbCardFoot.textContent = working && latest !== '' ? '现在执行 · ' + latest : allDone ? '全部完成' : status === 'waiting-user' ? '等待你操作' : status === 'failed' ? '上次执行失败' : ''",
+        "        orbCardFoot.style.display = orbCardFoot.textContent === '' ? 'none' : ''",
+        "      }",
+        "      // 列表重建后卡片高度可能变了（缩略图补丁 5Hz 也会走到这里）—— 开着的话重新贴一次球，",
+        "      // 否则卡片长高会往下压住球（c1f6291 修的那个现象换了个触发路径）。",
+        "      try { if (orbCard instanceof HTMLElement && orbCard.classList.contains('open')) placeOrbCard() } catch { /* placeOrbCard 还没定义 */ }",
+        "    }",
+        "    // 悬浮球可拖动，位置交给宿主保存（chrome-prefs.json）—— 存在页面里会按源丢。",
+        "    let orbPos = null",
+        "    let orbDraggedAt = 0",
+        "    // 悬浮球**不随页面缩放变大变小**：它的大小是本地 px，宿主那层 zoom=1/缩放 正好抵消掉",
+        "    // （实测 100% 与 130% 下屏幕上都是 44px）。但坐标有两套 —— 事件与 rect 是页面 px，",
+        "    // style.left/top 是本地 px —— 混用就会拖动跳、夹取偏、卡片错位。",
+        "    const orbScale = () => { try { return typeof chromeScale === 'function' ? chromeScale() : 1 } catch { return 1 } }",
+        "    const clampOrbPos = (x, y) => {",
+        "      const s = orbScale()",
+        "      const maxX = Math.max(8, window.innerWidth * s - (orb instanceof HTMLElement ? orb.offsetWidth : 44) - 8)",
+        "      const maxY = Math.max(8, window.innerHeight * s - (orb instanceof HTMLElement ? orb.offsetHeight : 44) - 8)",
+        "      return { x: Math.min(Math.max(8, x), maxX), y: Math.min(Math.max(8, y), maxY) }",
+        "    }",
+        "    const applyOrbPos = () => {",
+        "      if (!(orb instanceof HTMLElement)) return",
+        "      if (orbPos === null) { orb.style.left = ''; orb.style.top = ''; orb.style.right = ''; orb.style.bottom = ''; return }",
+        "      // 存下来的坐标是在**当时那个窗口**里量出来的：窗口变小、换显示器、恢复最大化之后",
+        "      // 它可能已经在屏幕外 —— 那就再也拖不回来了（而且位置还会一直存在 chrome-prefs.json 里）。",
+        "      orbPos = clampOrbPos(orbPos.x, orbPos.y)",
+        "      orb.style.left = Math.round(orbPos.x) + 'px'",
+        "      orb.style.top = Math.round(orbPos.y) + 'px'",
+        "      orb.style.right = 'auto'",
+        "      orb.style.bottom = 'auto'",
+        "    }",
+        "    const emitOrbMove = (x, y) => {",
+        "      if (bindingToken === '') return",
+        "      try { const binding = window.__dshBrowserTaskAction; if (typeof binding === 'function') binding(JSON.stringify({ type: 'orb-move', x, y, token: bindingToken })) } catch { /* host unavailable */ }",
+        "    }",
+        "    let orbDrag = null",
+        "    if (orb instanceof HTMLElement) {",
+        "      orb.addEventListener('pointerdown', event => {",
+        "        if (event.button !== 0) return",
+        "        // moved 要比「按下时的起点」：拿 orb.offsetLeft 比的话，它是上一帧刚被 applyOrbPos 写进去的值，",
+        "        // 于是慢速拖动（每帧 <3px）永远不算拖动 —— 位置不落盘，松手还会误触 click。",
+        "        const s = orbScale()",
+        "        orbDrag = { startX: event.clientX, startY: event.clientY, localX: event.clientX * s, localY: event.clientY * s, dx: event.clientX * s - orb.offsetLeft, dy: event.clientY * s - orb.offsetTop, moved: false, pressed: false }",
+        "        orb.classList.add('dragging')",
+        "        // 不用 setPointerCapture：窗口级的 pointermove/pointerup 已经够了，而捕获会把后续的",
+        "        // click 重定向到球本身（标签拖动那条同款教训）。",
+        "      })",
+        "      window.addEventListener('pointermove', event => {",
+        "        // 在窗口外松手收不到 pointerup（pointercancel 也不保证）—— 不看 buttons 的话，",
+        "        // 鼠标一回到页面，球就会在没按任何键的情况下跟着光标跑。",
+        "        // 但**不能**见 0 就收尾：合成输入（离屏测试、CDP）的 pointermove 常常不带 buttons，",
+        "        // 那会把正常拖动也打断。所以只在「这次拖动曾经观察到按下」之后才认这个信号。",
+        "        if (orbDrag === null) return",
+        "        if (event.buttons !== 0) orbDrag.pressed = true",
+        "        else if (orbDrag.pressed) { endOrbDrag(); return }",
+        "        const s = orbScale()",
+        "        const spot = clampOrbPos(event.clientX * s - orbDrag.dx, event.clientY * s - orbDrag.dy)",
+        "        const x = spot.x",
+        "        const y = spot.y",
+        "        if (Math.abs(event.clientX * s - orbDrag.localX) > 3 || Math.abs(event.clientY * s - orbDrag.localY) > 3) orbDrag.moved = true",
+        "        orbPos = { x, y }",
+        "        applyOrbPos()",
+        "        if (orbDrag.moved && orbCard instanceof HTMLElement) orbCard.classList.remove('open')",
+        "      })",
+        "      const endOrbDrag = () => {",
+        "        if (orbDrag === null) return",
+        "        const moved = orbDrag.moved",
+        "        orbDrag = null",
+        "        orb.classList.remove('dragging')",
+        "        if (!moved) return",
+        "        orbDraggedAt = Date.now()",
+        "        if (orbPos !== null) emitOrbMove(orbPos.x, orbPos.y)",
+        "      }",
+        "      window.addEventListener('pointerup', endOrbDrag)",
+        "      window.addEventListener('pointercancel', endOrbDrag)",
+        "      // 在别的窗口/桌面上松手时，失焦是最可靠的信号（那时连 pointerup 都收不到）。",
+        "      window.addEventListener('blur', endOrbDrag)",
+        "      // 窗口一变形：已存的坐标要重新夹一次；卡片开着的话它也要跟着球重新定位。",
+        "      window.addEventListener('resize', () => { applyOrbPos(); if (orbCard instanceof HTMLElement && orbCard.classList.contains('open')) placeOrbCard() })",
+        "    }",
+        "    const placeOrbCard = () => {",
+        "      if (!(orb instanceof HTMLElement) || !(orbCard instanceof HTMLElement)) return",
+        "      const s = orbScale()",
+        "      const vw = window.innerWidth * s",
+        "      const vh = window.innerHeight * s",
+        "      // 视口比卡片还矮/还窄时（小窗口、分屏），先把卡片压到放得下再量 —— 否则它会",
+        "      // 被夹在 8..vh-8 之间，正好盖住贴底的球（review 报的 #10）。",
+        "      orbCard.style.maxHeight = Math.max(120, vh - 24) + 'px'",
+        "      orbCard.style.width = Math.max(160, Math.min(308, vw - 16)) + 'px'",
+        "      const box = orb.getBoundingClientRect()",
+        "      const width = orbCard.offsetWidth > 0 ? orbCard.offsetWidth : 308",
+        "      const height = orbCard.offsetHeight",
+        "      const left = Math.min(Math.max(8, box.left * s + (box.width * s) / 2 - width / 2), Math.max(8, window.innerWidth * s - width - 8))",
+        "      // 球拖到上方时，卡片再往上放就会被夹到视口顶、**盖住球自己** —— 上面放不下就翻到下面。",
+        "      const gap = 8",
+        "      const above = box.top * s - gap - height",
+        "      const top = above >= gap ? above : Math.min(box.bottom * s + gap, Math.max(gap, window.innerHeight * s - height - gap))",
+        "      orbCard.style.left = Math.round(left) + 'px'",
+        "      orbCard.style.top = Math.round(top) + 'px'",
+        "      orbCard.style.right = 'auto'",
+        "      orbCard.style.bottom = 'auto'",
+        "    }",
+        "    const openOrbCard = () => {",
+        "      if (orbCardTimer !== null) { clearTimeout(orbCardTimer); orbCardTimer = null }",
+        "      if (orbCard instanceof HTMLElement) { orbCard.classList.add('open'); placeOrbCard() }",
+        "    }",
+        "    const closeOrbCardSoon = () => {",
+        "      if (orbCardTimer !== null) clearTimeout(orbCardTimer)",
+        "      orbCardTimer = setTimeout(() => { if (orbCard instanceof HTMLElement) orbCard.classList.remove('open') }, 150)",
+        "    }",
+        "    if (orb instanceof HTMLElement && orbCard instanceof HTMLElement) {",
+        "      orb.addEventListener('pointerenter', openOrbCard)",
+        "      orb.addEventListener('pointerleave', closeOrbCardSoon)",
+        "      orbCard.addEventListener('pointerenter', openOrbCard)",
+        "      orbCard.addEventListener('pointerleave', closeOrbCardSoon)",
+        "      orb.addEventListener('click', () => { if (Date.now() - orbDraggedAt < 350) return; renderOrb(); if (orbCard.classList.contains('open')) orbCard.classList.remove('open'); else openOrbCard() })",
+        "    }",
+        "    const taskControl = root.getElementById('taskControl')",
+        "    const taskClose = root.getElementById('taskClose')",
+        "    const trailList = root.getElementById('trailList')",
+        "    const reveal = root.getElementById('reveal')",
+        "    const trailClose = root.getElementById('trailClose')",
+        "    const address = root.getElementById('address')",
+        "    const panel = root.getElementById('panel')",
+        "    const saveBookmark = root.getElementById('saveBookmark')",
+        "    const bookmarkList = root.getElementById('bookmarkList')",
+        "    const secIcon = root.getElementById('secIcon')",
+        "    const findBar = root.getElementById('findBar')",
+        "    const findInput = root.getElementById('findInput')",
+        "    const findCount = root.getElementById('findCount')",
+        "    const findPrev = root.getElementById('findPrev')",
+        "    const findNext = root.getElementById('findNext')",
+        "    const findClose = root.getElementById('findClose')",
+        "    const zoomOut = root.getElementById('zoomOut')",
+        "    const zoomIn = root.getElementById('zoomIn')",
+        "    const zoomLevel = root.getElementById('zoomLevel')",
+        "    const mainMenuBtn = root.getElementById('mainMenuBtn')",
+        "    const mainMenu = root.getElementById('mainMenu')",
+        "    const mmNewTab = root.getElementById('mmNewTab')",
+        "    const mmFind = root.getElementById('mmFind')",
+        "    const mmBookmark = root.getElementById('mmBookmark')",
+        "    const mmBookmarks = root.getElementById('mmBookmarks')",
+        "    const mmBookmarkBar = root.getElementById('mmBookmarkBar')",
+        "    const mmImportCookies = root.getElementById('mmImportCookies')",
+        "    const toast = root.getElementById('toast')",
+        "    const bookmarkBar = root.getElementById('bookmarkBar')",
+        "    const mmTrail = root.getElementById('mmTrail')",
+        "    const mmTasks = root.getElementById('mmTasks')",
+        "    const mmFullscreen = root.getElementById('mmFullscreen')",
+        "    if (!(secIcon instanceof SVGElement)) return",
+        "    if (!(findBar instanceof HTMLElement) || !(findInput instanceof HTMLInputElement) || !(findCount instanceof HTMLElement) || !(findPrev instanceof HTMLButtonElement) || !(findNext instanceof HTMLButtonElement) || !(findClose instanceof HTMLButtonElement)) return",
+        "    if (!(zoomOut instanceof HTMLButtonElement) || !(zoomIn instanceof HTMLButtonElement) || !(zoomLevel instanceof HTMLButtonElement)) return",
+        "    if (!(mmBookmarkBar instanceof HTMLButtonElement) || !(bookmarkBar instanceof HTMLElement)) return",
+        "    if (!(mmImportCookies instanceof HTMLButtonElement) || !(toast instanceof HTMLElement)) return",
+        "    if (!(mainMenuBtn instanceof HTMLButtonElement) || !(mainMenu instanceof HTMLElement) || !(mmNewTab instanceof HTMLButtonElement) || !(mmBookmark instanceof HTMLButtonElement) || !(mmBookmarks instanceof HTMLButtonElement) || !(mmTrail instanceof HTMLButtonElement) || !(mmTasks instanceof HTMLButtonElement) || !(mmFullscreen instanceof HTMLButtonElement)) return",
+        '    if (!(bar instanceof HTMLElement) || !(tabstrip instanceof HTMLElement) || !(toolbarRevealZone instanceof HTMLElement) || !(toolbarReveal instanceof HTMLButtonElement) || !(toolbarHide instanceof HTMLButtonElement) || !(back instanceof HTMLButtonElement) || !(forward instanceof HTMLButtonElement) || !(reload instanceof HTMLButtonElement) || !(stop instanceof HTMLButtonElement) || !(home instanceof HTMLButtonElement) || !(bookmarks instanceof HTMLButtonElement) || !(address instanceof HTMLInputElement) || !(panel instanceof HTMLElement) || !(saveBookmark instanceof HTMLButtonElement) || !(bookmarkList instanceof HTMLElement) || !(trail instanceof HTMLButtonElement) || !(trailPanel instanceof HTMLElement) || !(trailList instanceof HTMLElement) || !(trailClose instanceof HTMLButtonElement) || !(tasksBtn instanceof HTMLButtonElement) || !(taskPanel instanceof HTMLElement) || !(taskList instanceof HTMLElement) || !(taskControl instanceof HTMLButtonElement) || !(taskClose instanceof HTMLButtonElement)) return',
+        '',
+        "    // 内部文档（宿主起始页是 data: URL）不该把整段转义标记摊在地址栏里。",
+        "    // Chrome 对新标签页就是空地址栏 + 占位提示，这里照做。",
+        "    const isInternalLocation = () => location.protocol === 'data:' || location.href === '' || location.href === 'about:blank'",
+        "    // Chrome 的地址栏没聚焦时把 https:// 藏起来（只显示 www.iana.org/...），聚焦时给完整 URL。",
+        "    const prettifyAddress = href => href.replace(/^https?:[/][/]/, '').replace(/[/]$/, '')",
+        "    // 由 chrome 自己记录「动画真的跑了」——冒烟据此断言动效存在（把动画去掉这条就会红）。",
+        "    // 放在这里（而不是文件下半部分）是因为下面的图标动效要用它，而 refreshSecurity 在",
+        "    // 挂载过程中就会被调用一次 —— 声明晚了会撞上 TDZ，把整条挂载脚本炸掉。",
+        "    const motionLog = []",
+        "    // 真实的 CSS 过渡也记进日志：只记 WAAPI 的话，「CSS 里到底有没有过渡」就只能靠读",
+        "    // 字符串判断，而那是**声明**不是**行为**（第 41 轮的教训）。监听器挂在影子根**内部**，",
+        "    // 所以 event.target 是真实元素 —— 闭影子根外面是读不到的。",
+        "    root.addEventListener('transitionstart', event => {",
+        "      const target = event.target",
+        "      if (!(target instanceof HTMLElement)) return",
+        "      const id = String(target.className || target.tagName || '').split(' ')[0].slice(0, 24)",
+        "      motionLog.push({ id, phase: 'start', name: 'css:' + String(event.propertyName || ''), el: String(target.id || '') })",
+        "    }, true)",
+        "    // 真实的 CSS **动画**同理：入场动画是 keyframes，不是 transition，只记过渡会漏掉它。",
+        "    root.addEventListener('animationstart', event => {",
+        "      const target = event.target",
+        "      if (!(target instanceof HTMLElement)) return",
+        "      const id = String(target.className || target.tagName || '').split(' ')[0].slice(0, 24)",
+        "      motionLog.push({ id, phase: 'start', name: 'anim:' + String(event.animationName || ''), el: String(target.id || '') })",
+        "    }, true)",
+        "    window.__dshChromeMotion = () => motionLog.slice(-20)",
+        "    window.__dshChromeMotionClear = () => { motionLog.length = 0 }",
+        "    // 图标换面时的一下短促反馈（星标 / 安全指示共用）：记「决定」，动画本身走 WAAPI。",
+        "    // 首帧不播（调用方用 dataset 里的上一次状态判断），减少动态效果时也不播。",
+        "    const popIcon = (element, id) => {",
+        "      motionLog.push({ id, phase: 'start', name: 'dshIconIn' })",
+        "      if (typeof Element.prototype.animate !== 'function') return",
+        "      if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return",
+        "      element.animate(",
+        "        [{ opacity: 0, transform: 'scale(.8)' }, { opacity: 1, transform: 'none' }],",
+        "        { duration: 180, easing: 'cubic-bezier(.2,.8,.2,1)' },",
+        "      )",
+        "    }",
+        "    // 安全指示：http 页面挂一把锁是在骗人。https 给锁，其它给提示图标。",
+        "    const refreshSecurity = () => {",
+        "      // 和地址栏一样：frame 表面读标签摘要，不读自己的 location。",
+        "      const secUrl = CHROME_SURFACE === 'frame' ? activeTabUrl() : location.href",
+        "      const internal = CHROME_SURFACE === 'frame' ? secUrl === '' : isInternalLocation()",
+        "      const insecure = !internal && !/^https:/i.test(secUrl)",
+        "      const previous = secIcon.dataset.insecure",
+        "      secIcon.classList.toggle('insecure', insecure)",
+        "      secIcon.dataset.insecure = insecure ? '1' : '0'",
+        "      // 锁 ↔ 琥珀提示不要硬切（首次渲染不播，否则每次导航都闪一下）。",
+        "      if (previous !== undefined && previous !== secIcon.dataset.insecure) popIcon(secIcon, 'security')",
+        "      const label = internal ? '新标签页' : (insecure ? '不安全连接' : '安全连接')",
+        "      secIcon.setAttribute('aria-label', label)",
+        "      secIcon.setAttribute('title', label)",
+        "    }",
+        "    // 地址栏文字换地址时淡入（不是每次刷新都播：焦点/失焦那种只换显示形态的不算）。",
+        "    let lastAddressUrl",
+        "    const fadeAddress = () => {",
+        "      motionLog.push({ id: 'address', phase: 'start', name: 'dshAddressIn' })",
+        "      if (typeof Element.prototype.animate !== 'function') return",
+        "      if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return",
+        "      address.animate([{ opacity: .35 }, { opacity: 1 }], { duration: 180, easing: 'cubic-bezier(.2,.8,.2,1)' })",
+        "    }",
+        "    const refreshAddress = () => {",
+        "      refreshSecurity()",
+        "      // 缩放补偿挂在 750ms 的轮询上，而不是只靠 resize —— 实测页面缩放不一定派发 resize。",
+        "      syncZoomFromHost()",
+        "      if (root.activeElement === address) return",
+        "      // frame 表面里**不能读自己的 location** —— 那个文档是宿主的 data: URL，",
+        "      // 真实地址只能从标签摘要里拿（宿主随 bootstrap / patch 下发）。",
+        "      // frame 优先用宿主单独塞过来的**完整地址**（标签摘要里只有 origin —— 那是给页面那份的",
+        "      // 隐私设计），拿不到时才退回 origin。",
+        "      const shownUrl = CHROME_SURFACE === 'frame' ? (frameAddressUrl || activeTabUrl()) : location.href",
+        "      const internal = CHROME_SURFACE === 'frame' ? shownUrl === '' : isInternalLocation()",
+        "      if (lastAddressUrl !== undefined && lastAddressUrl !== shownUrl && !internal) fadeAddress()",
+        "      lastAddressUrl = shownUrl",
+        "      address.value = internal ? '' : prettifyAddress(shownUrl)",
+        "      address.placeholder = internal ? '搜索或输入网址' : ''",
+        "    }",
+        "    // 宿主把可见标签的**真实地址**直接塞给 frame 这份（只有它自己的 webContents 收得到，",
+        "    // 页面里那份永远拿不到 —— 见 host-main 的 queueFrameAddress）。",
+        "    let frameAddressUrl = ''",
+        "    window.__dshChromeAddress = url => { frameAddressUrl = typeof url === 'string' ? url : ''; refreshAddress() }",
+        "    // --- 查找（Ctrl+F）---",
+        "    // 高亮走 CSS Custom Highlight API + **文档级构造样式表**：不用 <style>",
+        "    // （页面的 CSP 会拦），也不动页面 DOM（改 DOM 会打断页面自己的脚本）。",
+        "    // 没有 Highlight API 时至少还能滚动定位。",
+        "    const FIND_LIMIT = 500",
+        "    let findQuery = ''",
+        "    let findRanges = []",
+        "    let findIndex = 0",
+        "    let findTimer = 0",
+        "    try {",
+        "      const findSheet = new CSSStyleSheet()",
+        "      findSheet.replaceSync('::highlight(dsh-find){background:#f0bd69;color:#202124}::highlight(dsh-find-current){background:#f28b25;color:#202124}')",
+        "      document.adoptedStyleSheets = document.adoptedStyleSheets.concat([findSheet])",
+        "    } catch { /* 没有 Highlight API */ }",
+        "    const clearFindHighlights = () => {",
+        "      try { CSS.highlights.delete('dsh-find'); CSS.highlights.delete('dsh-find-current') } catch { /* 没有 Highlight API */ }",
+        "    }",
+        "    const collectFindRanges = query => {",
+        "      const found = []",
+        "      if (query === '') return found",
+        "      const needle = query.toLowerCase()",
+        "      const rootNode = document.body || document.documentElement",
+        "      if (!rootNode) return found",
+        "      const walker = document.createTreeWalker(rootNode, 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 === 'NOSCRIPT' || tag === 'TEXTAREA') return NodeFilter.FILTER_REJECT",
+        "          return NodeFilter.FILTER_ACCEPT",
+        "        },",
+        "      })",
+        "      let node = walker.nextNode()",
+        "      while (node !== null && found.length < FIND_LIMIT) {",
+        "        const text = String(node.nodeValue || '')",
+        "        const hay = text.toLowerCase()",
+        "        let at = hay.indexOf(needle)",
+        "        while (at !== -1 && found.length < FIND_LIMIT) {",
+        "          const range = document.createRange()",
+        "          range.setStart(node, at)",
+        "          range.setEnd(node, at + needle.length)",
+        "          found.push(range)",
+        "          at = hay.indexOf(needle, at + needle.length)",
+        "        }",
+        "        node = walker.nextNode()",
+        "      }",
+        "      return found",
+        "    }",
+        "    const paintFind = () => {",
+        "      if (findRanges.length === 0) {",
+        "        clearFindHighlights()",
+        "        findCount.textContent = findQuery === '' ? '' : '0/0'",
+        "        return",
+        "      }",
+        "      const current = findRanges[findIndex]",
+        "      try {",
+        "        CSS.highlights.set('dsh-find', new Highlight(...findRanges))",
+        "        CSS.highlights.set('dsh-find-current', new Highlight(current))",
+        "      } catch { /* 没有 Highlight API */ }",
+        "      findCount.textContent = String(findIndex + 1) + '/' + String(findRanges.length)",
+        "      try {",
+        "        const rect = current.getBoundingClientRect()",
+        "        // 留出顶栏的高度，别让命中项贴在 chrome 底下。",
+        "        window.scrollTo({ top: Math.max(0, rect.top + window.scrollY - 140) })",
+        "      } catch { /* range 已失效 */ }",
+        "    }",
+        "    const runFind = () => {",
+        "      findQuery = findInput.value",
+        "      findRanges = collectFindRanges(findQuery)",
+        "      findIndex = 0",
+        "      paintFind()",
+        "    }",
+        "    const stepFind = delta => {",
+        "      if (findRanges.length === 0) { runFind(); if (findRanges.length === 0) return }",
+        "      const total = findRanges.length",
+        "      findIndex = ((findIndex + delta) % total + total) % total",
+        "      paintFind()",
+        "    }",
+        "    // 表面（弹层 / 查找栏）的「逻辑开关」和「视觉开关」是两件事：关的时候先播 130ms 的退场",
+        "    // 动画，\\`open\\` 类要留到动画结束才摘；但测试缝和工作区面板同步读的必须是**逻辑**状态，",
+        "    // 否则冒烟里「点了菜单项，菜单就该关了」会被这 130ms 骗到（第 31/32 轮那套状态机）。",
+        "    const isPanelOpen = element => element.classList.contains('open') && !element.classList.contains('closing')",
+        "    const closingState = new Map()",
+        "    const cancelPanelClose = element => {",
+        "      const state = closingState.get(element)",
+        "      if (state !== undefined) {",
+        "        window.clearTimeout(state.timer)",
+        "        element.removeEventListener('animationend', state.onEnd)",
+        "        closingState.delete(element)",
+        "      }",
+        "      element.classList.remove('closing')",
+        "    }",
+        "    // 收尾交给 animationend，不是死等一个固定时长：机器忙的时候动画可能还没跑完就被摘掉，",
+        "    // 那样表面会直接消失（看起来就是没动画）。400ms 兜底保证它不会卡住。",
+        "    const beginSurfaceClose = element => {",
+        "      element.classList.add('closing')",
+        "      const finish = () => { cancelPanelClose(element); element.classList.remove('open') }",
+        "      const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches",
+        "      const onEnd = event => { if (String(event.animationName || '') === 'dshPopOut') finish() }",
+        "      if (!reduced) element.addEventListener('animationend', onEnd)",
+        "      const timer = window.setTimeout(finish, reduced ? 0 : 400)",
+        "      closingState.set(element, { timer, onEnd })",
+        "    }",
+        "    // 打开一律走这里：先把「正在退场」作废。否则一个还在淡出的表面会被重新打开却带着",
+        "    // closing，400ms 后被兜底计时器收掉 —— 看起来就是「刚打开又自己关了」（第 41 轮踩到）。",
+        "    const showSurface = element => { cancelPanelClose(element); element.classList.add('open') }",
+        "    const openFind = () => {",
+        "      // 查找栏要访问页面 DOM，所以它留在页面里；frame 只能请宿主去开。",
+        "      if (onFrameSurface) { emitPageAction('find'); return }",
+        "      // 正在退场时又被叫开：把还没到点的关闭作废。",
+        "      cancelPanelClose(findBar)",
+        "      findBar.classList.add('open')",
+        "      findInput.focus()",
+        "      findInput.select()",
+        "      if (findInput.value !== '') runFind()",
+        "    }",
+        "    const closeFind = () => {",
+        "      // 关也要有动画（和第 40 轮的菜单同款）：先播退场，动画结束才真的 display:none。",
+        "      if (isPanelOpen(findBar)) beginSurfaceClose(findBar)",
+        "      findInput.value = ''",
+        "      findQuery = ''",
+        "      findRanges = []",
+        "      findIndex = 0",
+        "      findCount.textContent = ''",
+        "      clearFindHighlights()",
+        "    }",
+        "    findInput.addEventListener('input', () => {",
+        "      if (findTimer !== 0) window.clearTimeout(findTimer)",
+        "      findTimer = window.setTimeout(() => { findTimer = 0; runFind() }, 160)",
+        "    })",
+        "    findInput.addEventListener('keydown', event => {",
+        "      if (event.key === 'Enter') { event.preventDefault(); stepFind(event.shiftKey ? -1 : 1) }",
+        "      else if (event.key === 'Escape') { event.preventDefault(); closeFind() }",
+        "    })",
+        "    findPrev.addEventListener('click', () => stepFind(-1))",
+        "    findNext.addEventListener('click', () => stepFind(1))",
+        "    findClose.addEventListener('click', closeFind)",
+        "    // 和其它 chrome 钩子一样暴露出来：冒烟和排查要能直接驱动它（closed shadow root 里点不到）。",
+        "    window.__dshChromeFind = { open: openFind, close: closeFind, count: () => findRanges.length, index: () => findIndex }",
+        "    // 测试用：哪些弹层开着（闭影子根外面看不见）。",
+        "    window.__dshChromePanels = () => menus.map(entry => ({ id: entry.id, open: isPanelOpen(entry.popup), left: Math.round(entry.popup.getBoundingClientRect().left), width: Math.round(entry.popup.getBoundingClientRect().width), items: Array.from(entry.popup.querySelectorAll('button')).map(button => ({ id: button.id || String(button.className || ''), left: Math.round(button.getBoundingClientRect().left), top: Math.round(button.getBoundingClientRect().top), height: Math.round(button.getBoundingClientRect().height) })), rows: Array.from(entry.popup.querySelectorAll('.item, .activity-item, .task-row')).map(row => ({ cls: String(row.className || '').split(' ')[0], left: Math.round(row.getBoundingClientRect().left), top: Math.round(row.getBoundingClientRect().top), width: Math.round(row.getBoundingClientRect().width), height: Math.round(row.getBoundingClientRect().height) })) }))",
+        "    // 测试用：chrome 闭包里的关键状态（外面读不到）。",
+        "    window.__dshChromeState = () => ({ surface: CHROME_SURFACE, token: bindingToken === '' ? 'empty' : 'set', taskKey: String(chromeSelectedTaskKey), tabs: (window.__dshTabs || []).length, address: String(address.value || ''), zoom: String(zoomLevel.textContent || ''), starred: starSvg ? String(starSvg.dataset.starred) : 'none', insecure: String(secIcon.dataset.insecure), canBack: !back.disabled, canForward: !forward.disabled, iconAnimations: (starSvg ? starSvg.getAnimations().length : 0) + secIcon.getAnimations().length })",
+        "    // 测试用：绕过系统文件选择框，直接把一份 cookie 列表交给导入链路（选择框本身没法自动化）。",
+        "    window.__dshChromeImport = list => { emitImportCookies(list); return Array.isArray(list) ? list.length : 0 }",
+        "    // --- 页面缩放 ---",
+        "    // setZoomFactor 是 webContents 级的，页面会真正重排（vh / 媒体查询都跟着变），",
+        "    // 代价是**注入的 chrome 也会被一起放大**。所以给 host 一个反向 zoom 把它压回",
+        "    // 1:1，并且把页面下移量按比例换算（padding 是页面 CSS px，缩放后物理高度会变）。",
+        "    // 真值由宿主给（window.__dshZoom）：缩放是 webContents 级的、跨导航保留，",
+        "    // 而页面自己推不出来 —— 新文档的 devicePixelRatio 已经被缩放过了。",
+        "    let zoomFactor = 1",
+        "    const applyZoomFactor = factor => {",
+        "      const next = typeof factor === 'number' && Number.isFinite(factor) && factor > 0 ? factor : 1",
+        "      if (Math.abs(next - zoomFactor) < 0.005) return",
+        "      zoomFactor = next",
+        "      // frame 是**另一个视图**，页面缩放不会缩放它，所以它既不补偿自身缩放、",
+        "      // 也不下移文档；它只是把百分比显示出来（按钮按同一个值加减）。",
+        "      if (CHROME_SURFACE !== 'frame') {",
+        "        host.style.zoom = next === 1 ? '' : String(1 / next)",
+        "        applyPageInset(chromeInset() / next)",
+        "      }",
+        "      const zoomLabel = Math.round(next * 100) + '%'",
+        "      // 首帧不播（挂载时本来就要写一次），之后每次真的变了才弹一下。",
+        "      if (zoomLevel.textContent !== '' && zoomLevel.textContent !== zoomLabel) {",
+        "        flashChange(zoomLevel, 'zoom', 'dshZoomIn', [{ opacity: .35 }, { opacity: 1 }])",
+        "      }",
+        "      zoomLevel.textContent = zoomLabel",
+        "    }",
+        "    window.__dshChromeSetZoom = applyZoomFactor",
+        "    const syncZoomFromHost = () => { applyZoomFactor(window.__dshZoom) }",
+        "    const setZoom = next => {",
+        "      const clamped = Math.min(3, Math.max(0.25, Math.round(next * 100) / 100))",
+        "      // 本地先应用，不等宿主那一轮；宿主回填 __dshZoom 时会再校正一次。",
+        "      applyZoomFactor(clamped)",
+        "      emitZoom(clamped)",
+        "    }",
+        "    window.addEventListener('resize', syncZoomFromHost)",
+        "    // 聚焦时展开成完整 URL（Chrome 也是这个行为），失焦后回到精简形式。",
+        "    address.addEventListener('focus', () => { if (!isInternalLocation()) address.value = location.href })",
+        "    address.addEventListener('blur', refreshAddress)",
+        "    // frame 表面（宿主自己的 84px 视图）里，这些控件**不能操作自己那个文档** ——",
+        "    // 那是宿主的一张 data: 页。地址栏、前进后退、刷新、主页、停止、查找都转成",
+        "    // page-action 交给宿主，由它作用在真正的页面视图上。",
+        "    const onFrameSurface = CHROME_SURFACE === 'frame'",
+        "    // 反向中继：工具栏现在画在 frame 里，所以页面这份收到 Ctrl+L 时只能请 frame 去聚焦。",
+        "    const emitFrameAction = action => {",
+        "      if (bindingToken === '') return",
+        "      try {",
+        "        const binding = window.__dshBrowserTaskAction",
+        "        if (typeof binding === 'function') binding(JSON.stringify({ type: 'frame-action', action, token: bindingToken }))",
+        "      } catch { /* host unavailable */ }",
+        "    }",
+        "    const focusAddressBar = () => {",
+        "      if (CHROME_SURFACE === 'page') { emitFrameAction('focus-address'); return }",
+        "      address.focus()",
+        "      address.select()",
+        "    }",
+        "    window.__dshChromeFocusAddress = () => { address.focus(); address.select() }",
+        "    const emitPageAction = (action, extra) => {",
+        "      if (bindingToken === '') return",
+        "      try {",
+        "        const binding = window.__dshBrowserTaskAction",
+        "        if (typeof binding === 'function') binding(JSON.stringify({ type: 'page-action', action, token: bindingToken, ...(extra || {}) }))",
+        "      } catch { /* host unavailable */ }",
+        "    }",
+        "    const navigate = (typed) => {",
+        "      // 允许调用方先把输入框里的值取出来再失焦：blur 会触发 refreshAddress 把 value 改回",
+        "      // 当前地址，之后再读 value 就晚了（实测：回车后导航到的是上一页）。",
+        "      const target = normalizeAddress(typeof typed === 'string' ? typed : address.value)",
+        "      if (target === '') return",
+        "      if (onFrameSurface) emitPageAction('navigate', { url: target })",
+        "      else location.assign(target)",
+        "    }",
+        "    // 收藏存在宿主侧（整个 profile 共用），不放 localStorage —— 那是**按源**的：",
+        "    // 在 A 站收藏的页面到 B 站就看不见了（实测：iana.org 存进去，example.com 读出来是 null）。",
+        "    " + "",
+        "    const loadBookmarks = () => Array.isArray(window.__dshBookmarks) ? window.__dshBookmarks : []",
+        "    const emitOpenTab = url => { if (bindingToken === '' || typeof url !== 'string') return false; try { const binding = window.__dshBrowserTaskAction; if (typeof binding !== 'function') return false; binding(JSON.stringify({ type: 'new-tab', taskKey: chromeSelectedTaskKey, token: bindingToken, url })); return true } catch { return false } }",
+        "    const emitBookmarkAdd = () => { if (bindingToken === '') return; try { const binding = window.__dshBrowserTaskAction; if (typeof binding === 'function') binding(JSON.stringify({ type: 'bookmark-add', taskKey: chromeSelectedTaskKey, url: location.href, title: document.title || location.href, token: bindingToken })) } catch { /* host unavailable */ } }",
+        "    const emitBookmarkRemove = url => { if (bindingToken === '' || typeof url !== 'string') return; try { const binding = window.__dshBrowserTaskAction; if (typeof binding === 'function') binding(JSON.stringify({ type: 'bookmark-remove', taskKey: chromeSelectedTaskKey, url, token: bindingToken })) } catch { /* host unavailable */ } }",
+        '    // --- 书签栏（Chrome 工具栏下面那一条）---',
+        '    const barTitle = item => typeof item.title === \'string\' && item.title !== \'\' ? item.title : item.url',
+        '    const barIcon = () => {',
+        '      const svg = document.createElementNS(\'http://www.w3.org/2000/svg\', \'svg\')',
+        '      svg.setAttribute(\'viewBox\', \'0 0 24 24\')',
+        '      svg.setAttribute(\'fill\', \'none\')',
+        '      svg.setAttribute(\'stroke\', \'currentColor\')',
+        '      svg.setAttribute(\'stroke-width\', \'1.8\')',
+        '      const circle = document.createElementNS(\'http://www.w3.org/2000/svg\', \'circle\')',
+        '      circle.setAttribute(\'cx\', \'12\')',
+        '      circle.setAttribute(\'cy\', \'12\')',
+        '      circle.setAttribute(\'r\', \'9\')',
+        '      const path = document.createElementNS(\'http://www.w3.org/2000/svg\', \'path\')',
+        '      path.setAttribute(\'d\', \'M3 12h18M12 3c2.6 3.2 2.6 14.8 0 18M12 3c-2.6 3.2-2.6 14.8 0 18\')',
+        '      svg.append(circle, path)',
+        '      return svg',
+        '    }',
+        "    // 列表按 key 复用节点 + FLIP —— 和标签栏是同一个病：原来每次 replaceChildren() 重画，",
+        "    // 删掉中间一项时后面的会**瞬移** ✗，新节点也没有「上一刻的位置」可播。",
+        "    // 「谁该滑」用列表顺序判断（page 表面那份可能没有布局），rect 只用来算帧。",
+        "    const reconcileList = (container, keys, create, fill, id) => {",
+        "      const keyed = () => Array.from(container.children).filter(child => child instanceof HTMLElement && typeof child.dataset.dshKey === 'string')",
+        "      const before = new Map()",
+        "      for (const child of keyed()) { const box = child.getBoundingClientRect(); before.set(child.dataset.dshKey, { left: box.left, top: box.top }) }",
+        "      const previous = Array.from(before.keys())",
+        "      const nodes = new Map()",
+        "      for (const child of keyed()) nodes.set(child.dataset.dshKey, child)",
+        "      for (const [key, node] of Array.from(nodes)) if (!keys.includes(key)) { node.remove(); nodes.delete(key) }",
+        "      keys.forEach((key, index) => {",
+        "        let node = nodes.get(key)",
+        "        if (node === undefined) { node = create(key); node.dataset.dshKey = key; nodes.set(key, node) }",
+        "        fill(node, key)",
+        "        const at = keyed()[index]",
+        "        if (at !== node) container.insertBefore(node, at || null)",
+        "      })",
+        "      const moved = keys.filter(key => before.has(key) && previous.indexOf(key) !== keys.indexOf(key))",
+        "      if (moved.length === 0) return",
+        "      motionLog.push({ id, phase: 'slide', name: String(moved.length) })",
+        "      if (typeof Element.prototype.animate !== 'function') return",
+        "      if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return",
+        "      for (const key of moved) {",
+        "        const node = nodes.get(key)",
+        "        const was = before.get(key)",
+        "        if (node === undefined || was === undefined) continue",
+        "        const box = node.getBoundingClientRect()",
+        "        // 两个轴都要：书签栏是横排（left 变），面板列表是竖排（top 变）。",
+        "        const dx = Math.round(was.left - box.left)",
+        "        const dy = Math.round(was.top - box.top)",
+        "        if (Math.abs(dx) < 1 && Math.abs(dy) < 1) continue",
+        "        node.animate([{ transform: 'translate(' + dx + 'px,' + dy + 'px)' }, { transform: 'none' }], { duration: 160, easing: 'cubic-bezier(.2,.8,.2,1)' })",
+        "      }",
+        "    }",
+        "        const renderBookmarkBar = () => {",
+        "          bookmarkBar.classList.toggle('open', bookmarksVisible)",
+        "          if (!bookmarksVisible) { bookmarkBar.replaceChildren(); return }",
+        "          const items = loadBookmarks().filter(item => item && typeof item.url === 'string' && item.url !== '')",
+        "          const byUrl = new Map(items.map(item => [item.url, item]))",
+        "          reconcileList(bookmarkBar, items.map(item => item.url), () => {",
+        "            const chip = document.createElement('button')",
+        "            chip.type = 'button'",
+        "            chip.className = 'bm'",
+        "            // 点的是**当前**这一格（reuse 之后闭包里的旧 item 会过期）。",
+        "            chip.addEventListener('click', () => { const url = chip.dataset.dshKey; if (url === location.href) return; if (!emitOpenTab(url)) location.href = url })",
+        "            return chip",
+        "          }, (chip, url) => {",
+        "            const item = byUrl.get(url)",
+        "            const title = barTitle(item)",
+        "            if (chip.dataset.title === title) return",
+        "            chip.dataset.title = title",
+        "            chip.title = title",
+        "            // 地球占位 + 一个**裸文本节点**：span 包一层在 flex 里会被压成 0 宽（实测）。",
+        "            const icon = barIcon()",
+        "            icon.setAttribute('class', 'bm-icon')",
+        "            chip.replaceChildren(icon, document.createTextNode(title))",
+        "          }, 'bookmark-bar')",
+        "        }",
+        '    const applyBookmarksVisible = (visible, animate) => {',
+        "      // ⚠️ 只有**人真的去开**才播入场：chrome 每次导航都会重新注入，而书签栏的开关是",
+        "      // 宿主级的 —— 不挡的话，偏好开着的人**每加载一个页面书签栏都会再滑一次** ✗",
+        "      // （和标签栏第 36 轮那个 bug 同源）。宿主推来的状态永远不播 ✓。",
+        '      const wasVisible = bookmarksVisible',
+        '      bookmarksVisible = visible === true',
+        "      if (animate === true && bookmarksVisible && !wasVisible) { bookmarkBar.classList.add('animate'); bookmarkBar.addEventListener('animationend', () => bookmarkBar.classList.remove('animate'), { once: true }) }",
+        "      else if (!bookmarksVisible) bookmarkBar.classList.remove('animate')",
+        '      window.__dshBookmarkBar = bookmarksVisible',
+        '      renderBookmarkBar()',
+        '      mmBookmarkBar.textContent = bookmarksVisible ? \'隐藏书签栏\' : \'显示书签栏\'',
+        '      // 顶栏高了 34px，页面下移量要跟上（缩放时还要除以倍数）。',
+        '      const factor = Number(window.__dshZoom) || 1',
+        '      applyPageInset(chromeInset() / factor)',
+        '    }',
+        "        const renderBookmarks = () => {",
+        "          const list = loadBookmarks()",
+        "          const empty = bookmarkList.querySelector('.empty')",
+        "          if (list.length === 0) {",
+        "            if (empty === null) { const placeholder = document.createElement('div'); placeholder.className = 'empty'; placeholder.textContent = '暂无收藏'; bookmarkList.append(placeholder) }",
+        "            return",
+        "          }",
+        "          if (empty !== null) empty.remove()",
+        "          const byUrl = new Map(list.map(item => [item.url, item]))",
+        "          reconcileList(bookmarkList, list.map(item => item.url), () => {",
+        "            const row = document.createElement('div')",
+        "            row.className = 'item'",
+        "            const t = document.createElement('span'); t.className = 't'",
+        "            const u = document.createElement('span'); u.className = 'u'",
+        "            const x = document.createElement('button'); x.className = 'x'; x.type = 'button'; x.textContent = '×'; x.title = '删除收藏'",
+        "            // 两个监听器都读**当前**的 key（reuse 之后闭包里的旧 item 会过期）。",
+        "            x.addEventListener('click', event => {",
+        "              event.stopPropagation()",
+        "              const url = row.dataset.dshKey",
+        "              // 先本地摘掉（立即反馈），宿主随后会把权威列表推回来。",
+        "              window.__dshBookmarks = loadBookmarks().filter(b => b.url !== url)",
+        "              renderBookmarks()",
+        "              updateBookmarkStar()",
+        "              emitBookmarkRemove(url)",
+        "            })",
+        "            row.addEventListener('click', () => { const url = row.dataset.dshKey; if (isPanelOpen(panel)) beginSurfaceClose(panel); if (!emitOpenTab(url)) location.assign(url) })",
+        "            row.append(t, u, x)",
+        "            return row",
+        "          }, (row, url) => {",
+        "            const item = byUrl.get(url)",
+        "            row.querySelector('.t').textContent = item.title || url",
+        "            row.querySelector('.u').textContent = url",
+        "          }, 'bookmark')",
+        "        }",
+        "    const starSvg = bookmarks.querySelector('svg')",
+        "        // 前进/后退能不能点由宿主决定（tab.canGoBack/canGoForward）—— 两个表面必须一致，",
+        "        // 而 frame 那份读不到页面的历史、页面那份的 history.length 又不可靠。",
+        "        const applyNavState = () => {",
+        "          const tab = activeChromeTab()",
+        "          back.disabled = !(tab && tab.canGoBack === true)",
+        "          forward.disabled = !(tab && tab.canGoForward === true)",
+        "        }",
+        "    const updateBookmarkStar = () => {",
+        "      if (!starSvg) return",
+        "      // frame 表面不能读自己的 location（那是宿主的一张 data: 页），要读可见标签的地址 ——",
+        "      // 否则工具栏那颗星永远不会点亮（它一直是「未收藏」）。和安全指示同一个口径。",
+        "      // frame 表面拿不到完整地址：宿主故意只下发 origin（那份 chrome 跑在页面里，完整 URL",
+        "      // 会把 query/token 交给页面）。所以「这一页收藏了没」由宿主算好放在 tab.starred 里；",
+        "      // 页面那份读自己的 location 就行。",
+        "      const tab = CHROME_SURFACE === 'frame' ? activeChromeTab() : undefined",
+        "      const trimSlash = value => String(value || '').replace(/[/]$/, '')",
+        "      const starred = tab !== undefined",
+        "        ? tab.starred === true",
+        "        : location.href !== '' && loadBookmarks().some(b => trimSlash(b.url) === trimSlash(location.href))",
+        "      const previous = starSvg.dataset.starred",
+        "      starSvg.setAttribute('fill', starred ? 'currentColor' : 'none')",
+        "      starSvg.dataset.starred = starred ? '1' : '0'",
+        "      // 真的翻面时才弹一下：每次渲染都播就成噪声了。",
+        "      if (previous !== undefined && previous !== starSvg.dataset.starred) popIcon(starSvg, 'star')",
+        "    }",
+        "    const spinReload = () => { reload.classList.add('spinning'); window.setTimeout(() => reload.classList.remove('spinning'), 500) }",
+        "    const fmtTime = (at) => { const d = new Date(Number(at) || Date.now()); return String(d.getHours()).padStart(2, '0') + ':' + String(d.getMinutes()).padStart(2, '0') + ':' + String(d.getSeconds()).padStart(2, '0') }",
+        "    const fmtDate = (at) => { const d = new Date(Number(at) || Date.now()); return (d.getMonth() + 1) + '/' + d.getDate() }",
+        "    const describe = (entry) => {",
+        "      const p = entry.params || {}",
+        "      switch (entry.action) {",
+        "        case 'navigate': return '导航到 ' + String(p.url || '').slice(0, 80)",
+        "        case 'click': return '点击 (' + p.x + ', ' + p.y + ')'",
+        "        case 'fill': return '填写表单 ' + (Array.isArray(p.fields) ? p.fields.length : p.fields ?? 1) + ' 项'",
+        "        case 'type': return '输入文字' + (p.chars ? '（' + p.chars + ' 字符）' : '')",
+        "        case 'execute': return '执行页面脚本'",
+        "        case 'screenshot': return '截图' + (p.fullPage ? '（整页）' : '')",
+        "        case 'download': return '下载 ' + String(p.savePath || p.url || '').slice(0, 60)",
+        "        case 'content': return '读取页面内容' + (p.selector ? '（' + p.selector + '）' : '')",
+        "        case 'snapshot': return '页面快照'",
+        "        default: return String(entry.action || '')",
+        "      }",
+        "    }",
+        "    // 「刚变了」的一下短反馈（轨迹列表新增行 / 缩放百分比）。只对**真的变化**播，",
+        "    // 整表重画不播 —— 否则一开面板满屏都在动。",
+        "        // 工具栏按钮上的字（接管 / 交还 Agent）和 toast 的正文都是**整段换掉**的 ——",
+        "        // 值真的变了才播一下，避免每次重渲染都闪。",
+        "        const swapText = (element, next, id) => {",
+        "          const value = String(next == null ? '' : next)",
+        "          if (element.textContent === value) return",
+        "          element.textContent = value",
+        "          if (typeof element.animate !== 'function') return",
+        "          if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return",
+        "          motionLog.push({ id, phase: 'start', name: 'dshTextIn' })",
+        "          element.animate([{ opacity: .35 }, { opacity: 1 }], { duration: 140, easing: 'ease-out' })",
+        "        }",
+        "    // 切任务/切标签时，新露出来的页面从表面色淡进来（宿主只在「可见视图真的换了」时发这个 patch）。",
+        "    const playReveal = () => {",
+        "      if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return",
+        "      if (typeof reveal.animate !== 'function') return",
+        "      motionLog.push({ id: 'reveal', phase: 'start', name: 'dshReveal' })",
+        "      reveal.animate([{ opacity: 1 }, { opacity: 0 }], { duration: 140, easing: 'ease-out' })",
+        "    }",
+        "    const flashChange = (element, id, name, frames) => {",
+        "      motionLog.push({ id, phase: 'start', name })",
+        "      if (typeof Element.prototype.animate !== 'function') return",
+        "      if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return",
+        "      element.animate(frames, { duration: 150, easing: 'cubic-bezier(.2,.8,.2,1)' })",
+        "    }",
+        "    const renderTrail = () => {",
+        "      const list = Array.isArray(window.__dshTrail) ? window.__dshTrail : []",
+        "      trailList.textContent = ''",
+        "      if (list.length === 0) { const empty = document.createElement('div'); empty.className = 'empty'; empty.textContent = '暂无操作记录'; trailList.append(empty); return }",
+        "      const items = [...list].reverse()",
+        "      let lastDay = ''",
+        "      for (const entry of items) {",
+        "        const day = fmtDate(entry.at)",
+        "        if (day !== lastDay) {",
+        "          const head = document.createElement('div'); head.className = 'activity-day'; head.dataset.dshTrailDay = day; head.textContent = '— ' + day + ' —'; trailList.append(head); lastDay = day",
+        "        }",
+        "        const row = document.createElement('div')",
+        "        row.className = 'activity-item'",
+        "        const time = document.createElement('span'); time.className = 't-time'; time.textContent = fmtTime(entry.at)",
+        "        const rail = document.createElement('div'); rail.className = 'timeline-rail'",
+        "        const flag = document.createElement('span'); flag.className = 't-flag ' + (entry.ok === false ? 'err' : 'ok'); flag.textContent = entry.ok === false ? '✗' : '✓'",
+        "        rail.append(flag)",
+        "        const text = document.createElement('span'); text.className = 't-text'; text.textContent = describe(entry)",
+        "        row.append(time, rail, text)",
+        "        trailList.append(row)",
+        "      }",
+        "    }",
+        "    window.__dshTrailRender = renderTrail",
+        "    const appendTrailEntry = entry => {",
+        "      if (!trailPanel.classList.contains('open')) return",
+        "      if (!entry || typeof entry !== 'object') return",
+        "      if (trailList.childElementCount === 0 || trailList.querySelector('.empty')) { renderTrail(); return }",
+        "      const atTop = trailList.scrollTop <= 4",
+        "      const previousHeight = trailList.scrollHeight",
+        "      const day = fmtDate(entry.at)",
+        "      const row = document.createElement('div')",
+        "      row.className = 'activity-item'",
+        "      const time = document.createElement('span'); time.className = 't-time'; time.textContent = fmtTime(entry.at)",
+        "      const rail = document.createElement('div'); rail.className = 'timeline-rail'",
+        "      const flag = document.createElement('span'); flag.className = 't-flag ' + (entry.ok === false ? 'err' : 'ok'); flag.textContent = entry.ok === false ? '✗' : '✓'",
+        "      rail.append(flag)",
+        "      const text = document.createElement('span'); text.className = 't-text'; text.textContent = describe(entry)",
+        "      row.append(time, rail, text)",
+        "      const first = trailList.firstElementChild",
+        "      if (first && first instanceof HTMLElement && first.dataset.dshTrailDay === day) first.after(row)",
+        "      else { const head = document.createElement('div'); head.className = 'activity-day'; head.dataset.dshTrailDay = day; head.textContent = '— ' + day + ' —'; trailList.prepend(row); trailList.prepend(head) }",
+        "      flashChange(row, 'trail-row', 'dshRowIn', [{ opacity: 0, transform: 'translateY(-4px)' }, { opacity: 1, transform: 'none' }])",
+        "      if (!atTop) trailList.scrollTop += trailList.scrollHeight - previousHeight",
+        "    }",
+        "    const emitTaskAction = taskKey => { if (bindingToken === '') return; try { const binding = window.__dshBrowserTaskAction; if (typeof binding === 'function') binding(JSON.stringify({ type: 'switch-task', taskKey, token: bindingToken })) } catch { /* host unavailable */ } }",
+        "    const emitTaskControl = (taskKey, control) => { if (bindingToken === '') return; try { const binding = window.__dshBrowserTaskAction; if (typeof binding === 'function') binding(JSON.stringify({ type: 'set-control-owner', taskKey, control, token: bindingToken })) } catch { /* host unavailable */ } }",
+        "    const emitWorkspacePanels = (tasks, trail) => { if (bindingToken === '') return; const payload = { type: 'set-workspace-panels', tasks, trail }; try { const binding = window.__dshBrowserTaskAction; if (typeof binding === 'function') binding(JSON.stringify({ ...payload, token: bindingToken })) } catch { /* host unavailable */ } }",
+        "    const chromeTabList = () => Array.isArray(window.__dshTabs) ? window.__dshTabs : []",
+        "    const activeChromeTab = () => chromeTabList().find(tab => tab && tab.active === true)",
+        "    const activeTabUrl = () => { const tab = activeChromeTab(); return tab && typeof tab.url === 'string' ? tab.url : '' }",
+        "    const stepChromeTab = delta => {",
+        "      const list = chromeTabList()",
+        "      if (list.length < 2 || typeof chromeSelectedTaskKey !== 'string') return",
+        "      const at = list.findIndex(tab => tab && tab.active === true)",
+        "      const next = list[((at < 0 ? 0 : at) + delta + list.length) % list.length]",
+        "      if (next && typeof next.id === 'string') emitTabSwitch(chromeSelectedTaskKey, next.id)",
+        "    }",
+        "    const emitTabSwitch = (taskKey, tabId) => { if (bindingToken === '') return; try { const binding = window.__dshBrowserTaskAction; if (typeof binding === 'function') binding(JSON.stringify({ type: 'switch-tab', taskKey, tabId, token: bindingToken })) } catch { /* host unavailable */ } }",
+        "    // 新建/关闭标签：宿主没有权限自己造或销毁标签（标签的账在 provider 手里），",
+        "    // 所以这里只发请求，由宿主转给 provider，provider 建/销毁视图后再回推标签列表。",
+        "    const emitTabCreate = taskKey => { if (bindingToken === '' || typeof taskKey !== 'string') return; try { const binding = window.__dshBrowserTaskAction; if (typeof binding === 'function') binding(JSON.stringify({ type: 'new-tab', taskKey, token: bindingToken })) } catch { /* host unavailable */ } }",
+        "    const emitTabMove = (taskKey, tabId, toIndex) => { if (bindingToken === '' || typeof taskKey !== 'string' || typeof tabId !== 'string' || !Number.isInteger(toIndex) || toIndex < 0) return; try { const binding = window.__dshBrowserTaskAction; if (typeof binding === 'function') binding(JSON.stringify({ type: 'move-tab', taskKey, tabId, toIndex, token: bindingToken })) } catch { /* host unavailable */ } }",
+        "    const emitTabClose = (taskKey, tabId) => { if (bindingToken === '' || typeof taskKey !== 'string' || typeof tabId !== 'string') return; try { const binding = window.__dshBrowserTaskAction; if (typeof binding === 'function') binding(JSON.stringify({ type: 'close-tab', taskKey, tabId, token: bindingToken })) } catch { /* host unavailable */ } }",
+        "    const emitImportCookies = list => { if (bindingToken === '' || !Array.isArray(list)) return; try { const binding = window.__dshBrowserTaskAction; if (typeof binding === 'function') binding(JSON.stringify({ type: 'import-cookies', token: bindingToken, cookies: list })) } catch { /* host unavailable */ } }",
+        "    let toastTimer = 0",
+        "    let toastHideTimer = 0",
+        "    const finishToastHide = () => { toast.classList.remove('closing'); toast.classList.remove('open') }",
+        "    const hideToast = () => {",
+        "      if (!toast.classList.contains('open')) return",
+        "      // 收起时先淡出，再由计时器摘掉 open 真正 display:none。**不用 animationend 单独驱动** ——",
+        "      // 系统开了「减少动态效果」时动画不跑，那个事件就永远不来，toast 会挂在那儿不走。",
+        "      toast.classList.add('closing')",
+        "      if (toastHideTimer !== 0) window.clearTimeout(toastHideTimer)",
+        "      toastHideTimer = window.setTimeout(finishToastTimer, 220)",
+        "    }",
+        "    const finishToastTimer = () => { toastHideTimer = 0; finishToastHide() }",
+        "    const showToast = (text, level) => {",
+        "      swapText(toast, text, 'toast')",
+        "      toast.classList.toggle('warn', level === 'warn')",
+        "      // 正在淡出时又来了一条：取消退场，重新落下来。",
+        "      if (toastHideTimer !== 0) { window.clearTimeout(toastHideTimer); toastHideTimer = 0 }",
+        "      toast.classList.remove('closing')",
+        "      toast.classList.add('open')",
+        "      if (toastTimer !== 0) window.clearTimeout(toastTimer)",
+        "      toastTimer = window.setTimeout(hideToast, 5000)",
+        "    }",
+        "    // 动效测试缝：toast 在闭影子根里，外面既看不见也点不到，所以由 chrome 自己报状态、",
+        "    // 记录动画事件（__dshChromeMotion），冒烟据此断言「落下来 / 淡出去」都真的跑了。",
+        "        // 测试用：直接给第 N 个任务的缩略图喂一帧（真实的帧由宿主每隔几秒抓屏推来）。",
+        "        window.__dshChromeTaskThumb = (source, index) => {",
+        "          const thumbs = taskPanel.querySelectorAll('.task-thumb')",
+        "          const thumb = thumbs[typeof index === 'number' ? index : 0]",
+        "          if (!(thumb instanceof HTMLElement)) return 0",
+        "          const payload = String(source || '')",
+        "          taskThumbCache.set('probe', payload)",
+        "          paintTaskThumbnail(thumb, { thumbnail: payload, thumbnailVersion: Date.now() }, 'probe')",
+        "          return 1",
+        "        }",
+        "    window.__dshChromeToast = (text, level) => { showToast(text, level); return 'shown' }",
+        "    window.__dshChromeToastState = () => JSON.stringify({ open: toast.classList.contains('open'), closing: toast.classList.contains('closing'), text: toast.textContent })",
+        "    toast.addEventListener('animationstart', event => { motionLog.push({ id: 'toast', phase: 'start', name: String(event.animationName || '') }) })",
+        "    toast.addEventListener('animationend', event => { motionLog.push({ id: 'toast', phase: 'end', name: String(event.animationName || '') }) })",
+        "    findBar.addEventListener('animationstart', event => { motionLog.push({ id: 'find', phase: 'start', name: String(event.animationName || '') }) })",
+        "    findBar.addEventListener('animationend', event => { motionLog.push({ id: 'find', phase: 'end', name: String(event.animationName || '') }) })",
+        "    const emitBookmarkBar = visible => { if (bindingToken === '') return; try { const binding = window.__dshBrowserTaskAction; if (typeof binding === 'function') binding(JSON.stringify({ type: 'bookmark-bar', taskKey: chromeSelectedTaskKey, token: bindingToken, visible: !!visible })) } catch { /* host unavailable */ } }",
+        "    const emitZoom = factor => { if (bindingToken === '' || typeof factor !== 'number') return; try { const binding = window.__dshBrowserTaskAction; if (typeof binding === 'function') binding(JSON.stringify({ type: 'set-zoom', taskKey: chromeSelectedTaskKey, factor, token: bindingToken })) } catch { /* host unavailable */ } }",
+        "    const latestText = latest => { if (!latest || typeof latest !== 'object') return ''; const action = String(latest.action || ''); return action === '' ? '' : action + (latest.at ? ' · ' + fmtTime(latest.at) : '') }",
+        "    const statusText = status => status === 'running' ? '执行中' : status === 'waiting-user' ? '等待用户' : status === 'failed' ? '失败' : '空闲'",
+        '    let activeTask = null',
+        '    let userControlRequested = false',
+        "    // Thumbnails arrive only through the 'task.thumbnail' patch, never in the",
+        "    // bulk task summaries (those are readable by the page being displayed).",
+        '    const taskThumbCache = new Map()',
+        '    const renderTaskControl = tasks => {',
+        "      activeTask = tasks.find(task => task && task.active === true) || null",
+        "      if (!activeTask || typeof activeTask.key !== 'string') { userControlRequested = false; taskControl.disabled = true; taskControl.textContent = '接管'; taskControl.removeAttribute('data-control'); return }",
+        "      const human = activeTask.control === 'human'",
+        "      if (!human) userControlRequested = false",
+        "      taskControl.disabled = false; taskControl.dataset.control = human ? 'human' : 'agent'; swapText(taskControl, human ? '交还 Agent' : '接管', 'task-control'); taskControl.setAttribute('aria-label', human ? '交还当前任务给 Agent' : '接管当前任务')",
+        '    }',
+        "        // 缩略图每隔几秒就来一帧 —— 硬换会闪，所以新的**淡入**盖住旧的那帧，旧帧等动画结束再摘。",
+        "        // 两层必须落在同一格（grid-area:1/1），否则 grid 会把它们并排放。",
+        "        const paintThumbCanvas = (thumb, canvas) => {",
+        "          const previous = thumb.querySelector('canvas.task-thumb-canvas')",
+        "          if (previous === null) thumb.textContent = ''",
+        "          thumb.append(canvas)",
+        "          motionLog.push({ id: 'task-thumb', phase: 'start', name: 'dshThumbIn' })",
+        "          const reduced = typeof window.matchMedia === 'function' && window.matchMedia('(prefers-reduced-motion: reduce)').matches",
+        "          if (previous === null || typeof canvas.animate !== 'function' || reduced) { if (previous !== null) previous.remove(); return }",
+        "          const drop = () => previous.remove()",
+        "          const animation = canvas.animate([{ opacity: 0 }, { opacity: 1 }], { duration: 200, easing: 'ease-out' })",
+        "          // 收尾交给 finished，兜底 400ms（动画被取消时 finished 会 reject，也要收）。",
+        "          if (animation.finished && typeof animation.finished.then === 'function') animation.finished.then(drop, drop)",
+        "          else window.setTimeout(drop, 400)",
+        "        }",
+        "    const paintTaskThumbnail = (thumb, task, taskKey) => {",
+        "      const cached = taskThumbCache.get(taskKey)",
+        "      const source = typeof cached === 'string' ? cached : ''",
+        "      const version = String(Number.isFinite(task.thumbnailVersion) ? task.thumbnailVersion : 0)",
+        "      const token = taskKey + ':' + version + ':' + source.length",
+        "      if (thumb.dataset.dshThumbnailToken === token) return",
+        "      thumb.dataset.dshThumbnailToken = token",
+        "      const origin = typeof task.url === 'string' ? task.url.replace(/^https?:\\/\\//, '') : ''",
+        "      thumb.textContent = origin === '' ? 'DSH' : origin.toUpperCase().slice(0, 2)",
+        "      if (!source.startsWith('data:image/jpeg;base64,') || typeof createImageBitmap !== 'function') return",
+        "      try {",
+        "        const payload = source.slice('data:image/jpeg;base64,'.length)",
+        "        const bytes = Uint8Array.from(atob(payload), ch => ch.charCodeAt(0))",
+        "        const blob = new Blob([bytes], { type: 'image/jpeg' })",
+        "        createImageBitmap(blob).then(bitmap => {",
+        "          const canvas = document.createElement('canvas')",
+        "          canvas.className = 'task-thumb-canvas'",
+        "          canvas.width = 188",
+        "          canvas.height = 128",
+        "          const ctx = canvas.getContext('2d')",
+        "          if (!ctx) { if (typeof bitmap.close === 'function') bitmap.close(); return }",
+        "          const scale = Math.max(canvas.width / bitmap.width, canvas.height / bitmap.height)",
+        "          const drawnWidth = bitmap.width * scale",
+        "          const drawnHeight = bitmap.height * scale",
+        "          ctx.drawImage(bitmap, (canvas.width - drawnWidth) / 2, (canvas.height - drawnHeight) / 2, drawnWidth, drawnHeight)",
+        "          if (typeof bitmap.close === 'function') bitmap.close()",
+        "          if (thumb.isConnected && thumb.dataset.dshThumbnailToken === token) paintThumbCanvas(thumb, canvas)",
+        "        }).catch(() => { /* decode failure keeps fallback */ })",
+        "      } catch { /* malformed payload keeps fallback */ }",
+        "    }",
+        "        // 任务行原来是整列重建的（清空容器再 append）—— 任务多起来/结束时整列瞬移，",
+        "        // 正在跑的那个任务的缩略图也会被重画。改成和书签同一套：按 key 复用节点 + FLIP。",
+        "        const renderTasks = () => {",
+        "          const tasks = (Array.isArray(window.__dshTasks) ? window.__dshTasks : []).filter(task => task && typeof task === 'object')",
+        "          renderTaskControl(tasks)",
+        "          // key 不合法的任务照样列出来，但是禁用（第 8 轮就有的行为，别丢）。",
+        "          const keys = tasks.map((task, index) => (typeof task.key === 'string' && task.key.trim() !== '' ? task.key : 'malformed-' + index))",
+        "          const byKey = new Map(tasks.map((task, index) => [keys[index], task]))",
+        "          for (const child of Array.from(taskList.children)) {",
+        "            if (child instanceof HTMLElement && child.classList.contains('empty')) child.remove()",
+        "          }",
+        "          if (tasks.length === 0) {",
+        "            reconcileList(taskList, [], () => document.createElement('div'), () => {}, 'task-panel')",
+        "            const empty = document.createElement('div')",
+        "            empty.className = 'empty'",
+        "            empty.textContent = '暂无浏览器任务'",
+        "            taskList.append(empty)",
+        "            return",
+        "          }",
+        "          reconcileList(taskList, keys, () => {",
+        "            const row = document.createElement('button')",
+        "            row.type = 'button'",
+        "            const thumb = document.createElement('div'); thumb.className = 'task-thumb'; thumb.dataset.dshTaskThumb = '1'",
+        "            const title = document.createElement('span'); title.className = 'task-title'",
+        "            const state = document.createElement('span'); state.className = 'task-state'; state.dataset.dshTaskState = '1'",
+        "            const label = document.createElement('span'); label.dataset.dshTaskLabel = '1'",
+        "            title.append(state, label)",
+        "            const meta = document.createElement('span'); meta.className = 'task-meta'; meta.dataset.dshTaskMeta = '1'",
+        "            const recent = document.createElement('span'); recent.className = 'task-latest'; recent.dataset.dshTaskLatest = '1'",
+        "            const failure = document.createElement('span'); failure.className = 'task-error'; failure.dataset.dshTaskError = '1'",
+        "            row.append(thumb, title, meta, recent, failure)",
+        "            // 复用之后闭包里的 key 会过期 —— 点的时候从 dataset 现读（第 46 轮的教训）。",
+        "            row.addEventListener('click', () => {",
+        "              const key = row.dataset.dshKey",
+        "              if (typeof key === 'string' && key !== '') emitTaskAction(key)",
+        "            })",
+        "            return row",
+        "          }, (row, key) => {",
+        "            const task = byKey.get(key)",
+        "            if (task === undefined || !(row instanceof HTMLButtonElement)) return",
+        "            const status = ['idle', 'running', 'waiting-user', 'failed'].includes(task.status) ? task.status : 'idle'",
+        "            const control = task.control === 'human' ? 'human' : 'agent'",
+        "            row.className = 'task-row status-' + status + (task.active ? ' active' : '')",
+        "            row.disabled = task.active === true || !(typeof task.key === 'string' && task.key.trim() !== '')",
+        "            const state = row.querySelector('[data-dsh-task-state]')",
+        "            if (state instanceof HTMLElement) state.setAttribute('aria-label', statusText(status))",
+        "            const label = row.querySelector('[data-dsh-task-label]')",
+        "            if (label !== null) label.textContent = (typeof task.label === 'string' && task.label !== '' ? task.label : key)",
+        "            const meta = row.querySelector('[data-dsh-task-meta]')",
+        "        if (meta instanceof HTMLElement) swapText(meta, statusText(status) + ' · ' + (control === 'human' ? '人工控制' : 'Agent 控制'), 'task-meta')",
+        "            const recent = row.querySelector('[data-dsh-task-latest]')",
+        "            if (recent !== null) recent.textContent = latestText(task.latest)",
+        "            const failure = row.querySelector('[data-dsh-task-error]')",
+        "            if (failure !== null) failure.textContent = typeof task.error === 'string' ? task.error : ''",
+        "            const thumb = row.querySelector('.task-thumb')",
+        "            if (thumb instanceof HTMLElement) paintTaskThumbnail(thumb, task, key)",
+        "          }, 'task-panel')",
+        "        }",
+        "    window.__dshTaskRender = renderTasks",
+        "    const patchTaskRow = task => {",
+        "      if (!task || typeof task !== 'object' || typeof task.key !== 'string') return false",
+        "      const row = [...taskList.children].find(candidate => candidate instanceof HTMLElement && candidate.dataset.dshKey === task.key)",
+        "      if (!(row instanceof HTMLButtonElement)) return false",
+        "      const version = String(Number.isFinite(task.thumbnailVersion) ? task.thumbnailVersion : 0)",
+        "      if (row.dataset.dshThumbnailVersion !== version) return false",
+        "      const status = ['idle', 'running', 'waiting-user', 'failed'].includes(task.status) ? task.status : 'idle'",
+        "      const control = task.control === 'human' ? 'human' : 'agent'",
+        "      row.className = 'task-row status-' + status + (task.active ? ' active' : '')",
+        "      // 与整表渲染同一条规则：当前任务的行点不动（点了也只是切到自己）。",
+        "      row.disabled = task.active === true",
+        "      const state = row.querySelector('[data-dsh-task-state]')",
+        "      if (state instanceof HTMLElement) state.setAttribute('aria-label', statusText(status) + (task.active ? '，当前任务' : '，后台任务'))",
+        "      const label = row.querySelector('[data-dsh-task-label]')",
+        "      if (label instanceof HTMLElement) label.textContent = typeof task.label === 'string' && task.label !== '' ? task.label : task.key.slice(0, 12)",
+        "      const meta = row.querySelector('[data-dsh-task-meta]')",
+        "      if (meta instanceof HTMLElement) meta.textContent = statusText(status) + ' · ' + (control === 'human' ? '用户接管' : 'Agent 控制') + ' · ' + (Number.isFinite(task.tabs) ? task.tabs : 0) + ' 个标签页' + (typeof task.url === 'string' && task.url !== '' ? ' · ' + task.url : '')",
+        "      const recent = row.querySelector('[data-dsh-task-latest]')",
+        "      if (recent instanceof HTMLElement) recent.textContent = latestText(task.latest)",
+        "      const failure = row.querySelector('[data-dsh-task-error]')",
+        "      if (failure instanceof HTMLElement) failure.textContent = typeof task.error === 'string' ? task.error : ''",
+        "      return true",
+        "    }",
+        "    // 菜单的定位函数在下面才定义（它要用到工具栏按钮的矩形），但 applyWorkspacePanels",
+        "    // 在 bootstrap 到达时就会被调用——那时 const 还在 TDZ 里。用这个可替换的空实现先兜住。",
+        "    let anchorOpenMenus = () => {}",
+        "    const applyWorkspacePanels = () => {",
+        "      const state = window.__dshWorkspacePanels && typeof window.__dshWorkspacePanels === 'object' ? window.__dshWorkspacePanels : {}",
+        "      const tasksOpen = state.tasks === true",
+        "      const trailOpen = state.trail === true",
+        "      if (tasksOpen) showSurface(taskPanel); else if (isPanelOpen(taskPanel)) beginSurfaceClose(taskPanel)",
+        "      if (trailOpen) showSurface(trailPanel); else if (isPanelOpen(trailPanel)) beginSurfaceClose(trailPanel)",
+        "      anchorOpenMenus()",
+        "      if (tasksOpen || trailOpen) { bar.classList.add('open'); tabstrip.classList.add('open'); toolbarRevealZone.classList.remove('armed') }",
+        "    }",
+        "    const syncWorkspacePanels = () => { const tasksOpen = isPanelOpen(taskPanel); const trailOpen = isPanelOpen(trailPanel); emitWorkspacePanels(tasksOpen, trailOpen) }",
+        "    const armToolbarReveal = () => { if (!bar.classList.contains('open')) toolbarRevealZone.classList.add('armed') }",
+        "    const disarmToolbarReveal = () => { if (!bar.classList.contains('open') && root.activeElement !== toolbarReveal) toolbarRevealZone.classList.remove('armed') }",
+        "    const isToolbarTriggerPosition = event => event.clientY <= 56 && Math.abs(event.clientX - window.innerWidth / 2) <= 140",
+        "    const trackToolbarReveal = event => { if (!event.isTrusted || agentInputSuppressed() || bar.classList.contains('open')) return; if (isToolbarTriggerPosition(event)) armToolbarReveal(); else disarmToolbarReveal() }",
+        "    const triggerToolbarFromPage = event => {",
+        "      // Agent input must reach the page: swallowing it here made clicks in the",
+        "      // top-centre band silently vanish while the tool still reported success.",
+        "      if (!event.isTrusted || agentInputSuppressed() || bar.classList.contains('open') || event.button !== 0 || !isToolbarTriggerPosition(event)) return",
+        "      event.preventDefault()",
+        "      event.stopImmediatePropagation()",
+        "      openToolbar()",
+        "    }",
+        "    const openToolbar = () => { bar.classList.add('open'); tabstrip.classList.add('open'); toolbarRevealZone.classList.remove('armed'); toolbarRevealZone.style.display = 'none' }",
+        "    const closeToolbar = () => {",
+        "      bar.classList.remove('open')",
+        "      tabstrip.classList.remove('open')",
+        "      if (isPanelOpen(panel)) beginSurfaceClose(panel)",
+        "      if (isPanelOpen(trailPanel)) beginSurfaceClose(trailPanel)",
+        "      if (isPanelOpen(taskPanel)) beginSurfaceClose(taskPanel)",
+        "      syncWorkspacePanels()",
+        "      toolbarRevealZone.style.display = ''",
+        "      toolbarRevealZone.classList.add('armed')",
+        "      toolbarReveal.focus()",
+        "    }",
+        "    window.__dshWorkspaceRender = applyWorkspacePanels",
+        "    let chromeEpoch = -1",
+        "    let chromeRevision = -1",
+        "    let chromeSelectedTaskKey = undefined",
+        "    const requestChromeBootstrap = () => { if (bindingToken === '') return; try { const binding = window.__dshBrowserTaskAction; if (typeof binding === 'function') binding(JSON.stringify({ type: 'request-chrome-bootstrap', token: bindingToken })) } catch { /* host unavailable */ } }",
+        "    // 标签图标：宿主抓来的 favicon 会以 data: URL 出现在 tabs 里。",
+        "    // 这里**绝不建 img 元素、也不写它的 src 属性** —— 页面的 CSP 会拦掉图片加载",
+        "    // 一律走 atob → Blob → createImageBitmap → canvas。",
+        "    // 只有白名单里的栅格类型才解码；其余保持站点首字母回退。",
+        "    const tabIconPattern = /^data:image[/](?:png|jpeg|webp|gif|bmp|x-icon|vnd[.]microsoft[.]icon);base64,/",
+        "    const paintTabFavicon = (slot, tab) => {",
+        "      // 加载中就是 Chrome 那个转圈：占掉图标位，字母/图标都先不画。",
+        "      slot.classList.toggle('loading', tab.loading === true)",
+        "      if (tab.loading === true) { slot.textContent = ''; return }",
+        "      // 没图标时退化成站点首字母；www. 前缀要去掉，否则 iana.org 会显示成 W。",
+        "      const origin = typeof tab.url === 'string' ? tab.url.replace(/^https?:[/][/]/, '').replace(/^www[.]/i, '') : ''",
+        "      slot.textContent = origin === '' ? '' : origin.slice(0, 1).toUpperCase()",
+        "      const source = typeof tab.favicon === 'string' ? tab.favicon : ''",
+        "      if (!tabIconPattern.test(source) || typeof createImageBitmap !== 'function') return",
+        "      try {",
+        "        const payload = source.slice(source.indexOf(',') + 1)",
+        "        const bytes = Uint8Array.from(atob(payload), ch => ch.charCodeAt(0))",
+        "        const blob = new Blob([bytes], { type: source.slice(5, source.indexOf(';')) })",
+        "        createImageBitmap(blob).then(bitmap => {",
+        "          const canvas = document.createElement('canvas')",
+        "          canvas.className = 'tab-icon-canvas'",
+        "          canvas.width = 32",
+        "          canvas.height = 32",
+        "          const ctx = canvas.getContext('2d')",
+        "          if (!ctx) { if (typeof bitmap.close === 'function') bitmap.close(); return }",
+        "          const scale = Math.min(canvas.width / bitmap.width, canvas.height / bitmap.height)",
+        "          const drawnWidth = bitmap.width * scale",
+        "          const drawnHeight = bitmap.height * scale",
+        "          ctx.drawImage(bitmap, (canvas.width - drawnWidth) / 2, (canvas.height - drawnHeight) / 2, drawnWidth, drawnHeight)",
+        "          if (typeof bitmap.close === 'function') bitmap.close()",
+        "          if (slot.isConnected) { slot.textContent = ''; slot.append(canvas) }",
+        "        }).catch(() => { /* decode failure keeps the letter fallback */ })",
+        "      } catch { /* malformed payload keeps the letter fallback */ }",
+        "    }",
+        "    // 标签栏：数据来自 bootstrap 的 tabs 或 patch 的 tabs.set，只含当前选中任务的标签页。",
+        "    // --- 拖动排序用的小工具 ---",
+        "    let tabDrag = null",
+        "    const tabElements = () => Array.from(tabstrip.querySelectorAll('[data-dsh-tab-id]'))",
+        "    const clearTabShift = () => { for (const element of tabElements()) element.style.transform = '' }",
+        "    const tabDropIndex = (clientX, draggedId) => {",
+        "      const listed = (Array.isArray(window.__dshTabs) ? window.__dshTabs : []).filter(candidate => candidate && candidate.id !== draggedId)",
+        "      let index = 0",
+        "      for (const candidate of listed) {",
+        "        const element = tabstrip.querySelector('[data-dsh-tab-id=' + JSON.stringify(String(candidate.id)) + ']')",
+        "        if (element === null) continue",
+        "        const rect = element.getBoundingClientRect()",
+        "        if (clientX > rect.left + rect.width / 2) index += 1",
+        "      }",
+        "      return index",
+        "    }",
+        "    const shiftTabsForDrag = drag => {",
+        "      const listed = Array.isArray(window.__dshTabs) ? window.__dshTabs : []",
+        "      let position = 0",
+        "      for (const candidate of listed) {",
+        "        if (!candidate || typeof candidate.id !== 'string' || candidate.id === drag.id) continue",
+        "        const element = tabstrip.querySelector('[data-dsh-tab-id=' + JSON.stringify(String(candidate.id)) + ']')",
+        "        const before = position < drag.from",
+        "        position += 1",
+        "        if (element === null) continue",
+        "        // 让开：往右拖时中间那几格左移，往左拖时右移，视觉上给被拖的标签腾位置。",
+        "        if (!before && position - 1 >= drag.index) element.style.transform = ''",
+        "        else if (before && position - 1 >= drag.index) element.style.transform = 'translateX(' + Math.round(drag.width) + 'px)'",
+        "        else if (!before && position - 1 < drag.index) element.style.transform = 'translateX(-' + Math.round(drag.width) + 'px)'",
+        "        else element.style.transform = ''",
+        "      }",
+        "    }",
+        "    const onTabDragMove = event => {",
+        "      if (tabDrag === null) return",
+        "      const dx = event.clientX - tabDrag.startX",
+        "      if (tabDrag.moved !== true && Math.abs(dx) < 4) return",
+        "      tabDrag.moved = true",
+        "      tabDrag.button.classList.add('dragging')",
+        "      tabDrag.button.style.transform = 'translateX(' + Math.round(dx) + 'px)' ",
+        "      tabDrag.index = tabDropIndex(event.clientX, tabDrag.id)",
+        "      shiftTabsForDrag(tabDrag)",
+        "    }",
+        "    const endTabDrag = () => {",
+        "      if (tabDrag === null) return",
+        "      const drag = tabDrag",
+        "      tabDrag = null",
+        "      drag.button.classList.remove('dragging')",
+        "      drag.button.style.transform = ''",
+        "      clearTabShift()",
+        "      if (drag.moved === true && drag.index >= 0 && typeof chromeSelectedTaskKey === 'string') emitTabMove(chromeSelectedTaskKey, drag.id, drag.index)",
+        "    }",
+        "    // 入场动画跑完就摘掉 enter：免得动画的 transform 和拖动时的行内 transform 打架。",
+        "    tabstrip.addEventListener('animationend', event => {",
+        "      const target = event.target",
+        "      if (target !== null && typeof target.classList === 'object' && target.classList.contains('enter')) target.classList.remove('enter')",
+        "    })",
+        "    window.addEventListener('pointermove', onTabDragMove, true)",
+        "    window.addEventListener('pointerup', endTabDrag, true)",
+        "    window.addEventListener('pointercancel', endTabDrag, true)",
+        "    // 动效测试缝：弹层/标签都在闭影子根里，外面既点不到也算不到它们的 opacity，所以",
+        "    // 入场动画只给「本文档渲染过一次之后新增」的标签：chrome 每次导航都会重新注入，",
+        "    // 不加这个判断的话整条标签栏会在每个页面加载时重新弹一次。",
+        "    let tabsRendered = false",
+        "    let lastTabIds = []",
+        "    // 标签节点按 id 复用，而不是每次重画整条标签栏。两个理由：",
+        "    // ① 重建会让 active/hover 的过渡永远播不出来（新节点没有「上一个状态」）；",
+        "    // ② 关掉一个标签后，剩下的标签要能滑到新位置（FLIP），重建就没有「前一刻的位置」了。",
+        "    const tabNodes = new Map()",
+        "    const idOfButton = button => typeof button.dataset.dshTabId === 'string' ? button.dataset.dshTabId : ''",
+        "    const createTabNode = tab => {",
+        "      const button = document.createElement('button')",
+        "      button.type = 'button'",
+        "      button.className = 'tab'",
+        "      button.setAttribute('role', 'tab')",
+        "      const icon = document.createElement('span')",
+        "      icon.className = 'fav'",
+        "      const text = document.createElement('span')",
+        "      text.className = 't'",
+        "      const close = document.createElement('span')",
+        "      close.className = 'close'",
+        "      close.setAttribute('role', 'button')",
+        "      close.setAttribute('aria-label', '关闭标签页')",
+        "      close.title = '关闭标签页'",
+        "      close.textContent = '✕'",
+        "      // 监听器只装一次，标签 id 从 dataset 现读 —— 节点复用之后捕获的旧对象就作废了。",
+        "      close.addEventListener('click', event => {",
+        "        event.stopPropagation()",
+        "        if (typeof chromeSelectedTaskKey === 'string') emitTabClose(chromeSelectedTaskKey, idOfButton(button))",
+        "      })",
+        "      button.addEventListener('click', () => { if (typeof chromeSelectedTaskKey === 'string') emitTabSwitch(chromeSelectedTaskKey, idOfButton(button)) })",
+        "      // Chrome 的行为：中键点标签页就关掉它（不用先切过去）。",
+        "      button.addEventListener('auxclick', event => {",
+        "        if (event.button !== 1) return",
+        "        event.preventDefault()",
+        "        event.stopPropagation()",
+        "        if (typeof chromeSelectedTaskKey === 'string') emitTabClose(chromeSelectedTaskKey, idOfButton(button))",
+        "      })",
+        "      // --- 拖动排序（Chrome 的行为）---",
+        "      // 拖动跟手，落点用「其它标签的中点」判定：toIndex 是**移除被拖标签之后**",
+        "      // 的插入位置 —— 宿主和 provider 都按这个口径 splice，两端口径一致。",
+        "      button.addEventListener('pointerdown', event => {",
+        "        if (event.button !== 0 || typeof chromeSelectedTaskKey !== 'string') return",
+        "        // 点 ✕ 不是拖：捕获指针会把 click 重定向到标签本身，✕ 就再也点不到了（实测）。",
+        "        const pressedOn = event.target",
+        "        if (pressedOn !== null && typeof pressedOn.closest === 'function' && pressedOn.closest('.close') !== null) return",
+        "        const id = idOfButton(button)",
+        "        const listed = Array.isArray(window.__dshTabs) ? window.__dshTabs : []",
+        "        const rect = button.getBoundingClientRect()",
+        "        tabDrag = { id, button, startX: event.clientX, width: rect.width, from: listed.findIndex(candidate => candidate && candidate.id === id), index: -1, moved: false }",
+        "        // 不用 setPointerCapture：窗口级的 pointermove/pointerup 已经够了，而捕获会把",
+        "        // 后续的 click 重定向到标签本身（✕ 按钮就点不到了，实测）。",
+        "      })",
+        "      button.append(icon, text, close)",
+        "      return { button, icon, text }",
+        "    }",
+        "    const updateTabNode = (node, tab) => {",
+        "      const button = node.button",
+        "      button.dataset.dshTabId = tab.id",
+        "      // 用 classList 而不是 className：enter / dragging 是这一层的状态，不能被覆盖掉。",
+        "      button.classList.toggle('active', tab.active === true)",
+        "      button.setAttribute('aria-selected', tab.active === true ? 'true' : 'false')",
+        "      button.title = typeof tab.url === 'string' && tab.url !== '' ? tab.url : (typeof tab.title === 'string' ? tab.title : '')",
+        "      node.text.textContent = typeof tab.title === 'string' && tab.title !== '' ? tab.title : '新标签页'",
+        "      // 节点现在是复用的，所以每次 patch 都会走到这里 —— 但 favicon 的重画是「先摆字母、",
+        "      // 再异步解码换 canvas」，无条件重画会让图标每来一次 patch 就闪一下。只在真变了才画。",
+        "      const url = typeof tab.url === 'string' ? tab.url : ''",
+        "      const favicon = typeof tab.favicon === 'string' ? tab.favicon : ''",
+        "      const loading = tab.loading === true",
+        "      if (node.paintedUrl !== url || node.paintedFavicon !== favicon || node.paintedLoading !== loading) {",
+        "        node.paintedUrl = url",
+        "        node.paintedFavicon = favicon",
+        "        node.paintedLoading = loading",
+        "        paintTabFavicon(node.icon, tab)",
+        "      }",
+        "    }",
+        "    // Chrome 的 + 紧跟最后一个标签；即使一个标签都没有也要留着，",
+        "    // 否则任务会卡在一个标签上，再也开不出新的。",
+        "    const newTab = document.createElement('button')",
+        "    newTab.type = 'button'",
+        "    newTab.className = 'newtab'",
+        "    newTab.setAttribute('aria-label', '新建标签页')",
+        "    newTab.title = '新建标签页'",
+        "    const plusIcon = document.createElementNS('http://www.w3.org/2000/svg', 'svg')",
+        "    plusIcon.setAttribute('width', '14')",
+        "    plusIcon.setAttribute('height', '14')",
+        "    plusIcon.setAttribute('viewBox', '0 0 24 24')",
+        "    plusIcon.setAttribute('fill', 'none')",
+        "    plusIcon.setAttribute('stroke', 'currentColor')",
+        "    plusIcon.setAttribute('stroke-width', '2')",
+        "    plusIcon.setAttribute('stroke-linecap', 'round')",
+        "    const plusPath = document.createElementNS('http://www.w3.org/2000/svg', 'path')",
+        "    plusPath.setAttribute('d', 'M12 5v14M5 12h14')",
+        "    plusIcon.append(plusPath)",
+        "    newTab.append(plusIcon)",
+        "    newTab.addEventListener('click', () => { if (typeof chromeSelectedTaskKey === 'string') emitTabCreate(chromeSelectedTaskKey) })",
+        "    tabstrip.append(newTab)",
+        "    const renderTabs = () => {",
+        "      const tabs = Array.isArray(window.__dshTabs) ? window.__dshTabs : []",
+        "      // 工具栏的刷新/停止跟着**当前标签**的加载状态走，而不是整个任务。",
+        "      const activeTab = tabs.find(candidate => candidate && candidate.active === true)",
+        "      bar.classList.toggle('loading', activeTab !== undefined && activeTab.loading === true)",
+        "      // FLIP 的「前一刻」必须在动 DOM 之前量；拖动中的那个标签不算（它有行内 transform）。",
+        "      const beforeX = new Map()",
+        "      for (const [id, node] of tabNodes) {",
+        "        if (tabDrag !== null && tabDrag.id === id) continue",
+        "        if (node.button.isConnected === true) beforeX.set(id, node.button.getBoundingClientRect().left)",
+        "      }",
+        "      const ids = []",
+        "      const seen = new Set()",
+        "      let anchor = null",
+        "      for (const tab of tabs) {",
+        "        if (!tab || typeof tab !== 'object' || typeof tab.id !== 'string') continue",
+        "        seen.add(tab.id)",
+        "        ids.push(tab.id)",
+        "        let node = tabNodes.get(tab.id)",
+        "        if (node === undefined) {",
+        "          node = createTabNode(tab)",
+        "          tabNodes.set(tab.id, node)",
+        "          if (tabsRendered && !lastTabIds.includes(tab.id)) {",
+        "            node.button.classList.add('enter')",
+        "            // 记在 JS 里而不是只靠动画事件：可见的标签栏在 frame 视图里，而冒烟只有页面",
+        "            // 的求值通道。CSS 那条（.enter → dshTabIn）由单元测试钉住，这里钉住「该不该播」。",
+        "            motionLog.push({ id: 'tab', phase: 'start', name: 'dshTabIn' })",
+        "          }",
+        "        }",
+        "        updateTabNode(node, tab)",
+        "        // 只在位置不对的时候搬动：无谓的重新插入会打断正在播的动画。",
+        "        if (anchor === null) { if (tabstrip.firstElementChild !== node.button) tabstrip.insertBefore(node.button, tabstrip.firstChild) }",
+        "        else if (anchor.nextElementSibling !== node.button) anchor.after(node.button)",
+        "        anchor = node.button",
+        "      }",
+        "      for (const id of [...tabNodes.keys()]) {",
+        "        if (seen.has(id)) continue",
+        "        const node = tabNodes.get(id)",
+        "        tabNodes.delete(id)",
+        "        if (node === undefined) continue",
+        "        // 关掉的那个标签自己也要收起来：挪出文档流（这样幸存者的 FLIP 才量得准），原地淡出",
+        "        // 并把宽度收到 0 —— 和 Chrome 一样。记在 JS 里（不靠动画事件）：可见的标签栏在",
+        "        // frame 视图里，冒烟只有页面的求值通道；page 表面那份 rect 全是 0，动画跑不了。",
+        "        const button = node.button",
+        "        motionLog.push({ id: 'tab', phase: 'close', name: 'dshTabOut' })",
+        "        const rect = button.getBoundingClientRect()",
+        "        const stripRect = tabstrip.getBoundingClientRect()",
+        "        const canAnimate = typeof Element.prototype.animate === 'function' && rect.width > 1 &&",
+        "          !window.matchMedia('(prefers-reduced-motion: reduce)').matches",
+        "        if (!canAnimate) { button.remove(); continue }",
+        "        const width = Math.round(rect.width)",
+        "        button.style.position = 'absolute'",
+        "        button.style.left = Math.round(rect.left - stripRect.left) + 'px'",
+        "        button.style.top = Math.round(rect.top - stripRect.top) + 'px'",
+        "        button.style.width = width + 'px'",
+        "        button.style.pointerEvents = 'none'",
+        "        const closing = button.animate(",
+        "          [{ opacity: 1, width: width + 'px' }, { opacity: 0, width: '0px' }],",
+        "          { duration: 160, easing: 'cubic-bezier(.2,.8,.2,1)' },",
+        "        )",
+        "        if (closing !== null && typeof closing.addEventListener === 'function') closing.addEventListener('finish', () => button.remove())",
+        "        // 兜底：动画被取消或没跑也要收掉，否则会留下一个绝对定位的幽灵标签。",
+        "        window.setTimeout(() => button.remove(), 400)",
+        "      }",
+        "      if (tabstrip.lastElementChild !== newTab) tabstrip.append(newTab)",
+        "      // FLIP：位置变了的标签从旧位置滑过去。用列表顺序判断而不是 rect —— page 表面那份",
+        "      // 标签栏是 display:none，rect 全是 0；真正量 rect 的动画跑在可见的 frame 那份里。",
+        "      const moved = ids.filter(id => lastTabIds.includes(id) && lastTabIds.indexOf(id) !== ids.indexOf(id))",
+        "      if (moved.length > 0) {",
+        "        motionLog.push({ id: 'tab', phase: 'slide', name: String(moved.length) })",
+        "        if (typeof Element.prototype.animate === 'function') {",
+        "          for (const id of moved) {",
+        "            const node = tabNodes.get(id)",
+        "            const was = beforeX.get(id)",
+        "            if (node === undefined || was === undefined) continue",
+        "            const dx = was - node.button.getBoundingClientRect().left",
+        "            if (Math.abs(dx) < 1) continue",
+        "            node.button.animate([{ transform: 'translateX(' + dx + 'px)' }, { transform: 'none' }], { duration: 160, easing: 'cubic-bezier(.2,.8,.2,1)' })",
+        "          }",
+        "        }",
+        "      }",
+        "      lastTabIds = ids",
+        "      tabsRendered = true",
+        "    }",
+        "    window.__dshTabsRender = renderTabs",
+        "    // The one piece of this state machine worth testing on its own: a dropped or",
+        "    // reordered patch must trigger a resync, never a partial apply.",
+        "    const decideChromeMessage = (kind, epoch, revision, currentEpoch, currentRevision) => kind === 'bootstrap' ? 'bootstrap' : kind !== 'patch' ? 'ignore' : (epoch !== currentEpoch || revision !== currentRevision + 1) ? 'resync' : 'apply'",
+        "    let bookmarksChanged = false",
+        "    const applyChromeMessage = message => {",
+        "      // bootstrap 也带收藏（宿主每次注入都会给），所以这里统一收口。",
+        "      if (Array.isArray(message.bookmarks)) { window.__dshBookmarks = message.bookmarks; bookmarksChanged = true }",
+        "      if (message.bookmarkBar === true || message.bookmarkBar === false) applyBookmarksVisible(message.bookmarkBar)",
+        "      if (!message || typeof message !== 'object') return",
+        "      if (message.kind === 'bootstrap') {",
+        "        chromeEpoch = Number(message.epoch)",
+        "        chromeRevision = Number(message.revision)",
+        "        chromeSelectedTaskKey = typeof message.selectedTaskKey === 'string' ? message.selectedTaskKey : undefined",
+        "        window.__dshTasks = Array.isArray(message.tasks) ? message.tasks : []",
+        "        window.__dshTabs = Array.isArray(message.tabs) ? message.tabs : []",
+        "        const liveKeys = new Set(window.__dshTasks.map(task => task && task.key).filter(key => typeof key === 'string'))",
+        "        for (const key of [...taskThumbCache.keys()]) if (!liveKeys.has(key)) taskThumbCache.delete(key)",
+        "        window.__dshTrail = Array.isArray(message.trail) ? message.trail : []",
+        "        window.__dshWorkspacePanels = message.panels && typeof message.panels === 'object' ? message.panels : { tasks: false, trail: false }",
+        "        const saved = message.orbPosition",
+        "        orbPos = saved && typeof saved.x === 'number' && typeof saved.y === 'number' ? { x: saved.x, y: saved.y } : null",
+        "        applyOrbPos()",
+        "        renderTasks()",
+        "        renderOrb()",
+        "        renderTabs()",
+        "        renderTrail()",
+        "        applyWorkspacePanels()",
+        "        return",
+        "      }",
+        "      const decision = decideChromeMessage(message.kind, Number(message.epoch), Number(message.revision), chromeEpoch, chromeRevision)",
+        "      if (decision === 'ignore') return",
+        "      if (decision === 'resync') { requestChromeBootstrap(); return }",
+        "      chromeRevision = Number(message.revision)",
+        "      const tasks = Array.isArray(window.__dshTasks) ? [...window.__dshTasks] : []",
+        "      let fullTaskRender = false",
+        "      const taskPatches = []",
+        "      let trailReplaced = false",
+        "      const trailAppends = []",
+        "      let tabsChanged = false",
+        "      let panelsChanged = false",
+        "      for (const operation of Array.isArray(message.operations) ? message.operations : []) {",
+        "        if (!operation || typeof operation !== 'object') continue",
+        "        if (operation.op === 'task.upsert' && operation.task && typeof operation.task.key === 'string') {",
+        "          const index = tasks.findIndex(task => task && task.key === operation.task.key)",
+        "          if (index >= 0) { tasks[index] = operation.task; taskPatches.push(operation.task) }",
+        "          else { tasks.push(operation.task); fullTaskRender = true }",
+        "        } else if (operation.op === 'task.remove' && typeof operation.key === 'string') {",
+        "          const index = tasks.findIndex(task => task && task.key === operation.key)",
+        "          if (index >= 0) { tasks.splice(index, 1); fullTaskRender = true }",
+        "        } else if (operation.op === 'task.active') {",
+        "          chromeSelectedTaskKey = typeof operation.key === 'string' ? operation.key : undefined",
+        "          for (const task of tasks) if (task && typeof task === 'object') task.active = task.key === chromeSelectedTaskKey",
+        "          fullTaskRender = true",
+        "        } else if (operation.op === 'task.thumbnail' && typeof operation.key === 'string') {",
+        "          if (typeof operation.dataUrl === 'string') taskThumbCache.set(operation.key, operation.dataUrl)",
+        "          const task = tasks.find(candidate => candidate && candidate.key === operation.key)",
+        "          if (task) { task.thumbnailVersion = operation.version; fullTaskRender = true }",
+        "        } else if (operation.op === 'task.todos' && typeof operation.key === 'string') {",
+        "          // Agent 的任务清单：定向补丁（不进摘要），悬浮球读它。",
+        "          taskTodosCache.set(operation.key, Array.isArray(operation.todos) ? operation.todos : [])",
+        "          renderOrb()",
+        "        } else if (operation.op === 'trail.append' && operation.taskKey === chromeSelectedTaskKey && operation.entry) {",
+        "          const trail = Array.isArray(window.__dshTrail) ? window.__dshTrail : []",
+        "          window.__dshTrail = [...trail, operation.entry]",
+        "          trailAppends.push(operation.entry)",
+        "        } else if (operation.op === 'trail.replace' && (operation.taskKey === chromeSelectedTaskKey || operation.taskKey === undefined)) {",
+        "          window.__dshTrail = Array.isArray(operation.entries) ? operation.entries : []",
+        "          trailReplaced = true",
+        "        } else if (operation.op === 'reveal') {",
+        "      playReveal()",
+        "        } else if (operation.op === 'tabs.set') {",
+        "          window.__dshTabs = Array.isArray(operation.tabs) ? operation.tabs : []",
+        "          tabsChanged = true",
+        "        } else if (operation.op === 'panels.set' && operation.panels && typeof operation.panels === 'object') {",
+        "          window.__dshWorkspacePanels = operation.panels",
+        "          panelsChanged = true",
+        "        } else if (operation.op === 'notice' && typeof operation.text === 'string') {",
+        "          // 导入结果这类一次性反馈：宿主说了算，chrome 只负责显示。",
+        "          showToast(operation.text, operation.level === 'warn' ? 'warn' : undefined)",
+        "        } else if (operation.op === 'panel.state' && typeof operation.id === 'string') {",
+        "          // Relayed from the frame chrome: its buttons are real, the popups live here.",
+        "          const relayed = menus.find(candidate => candidate.id === operation.id)",
+        "          if (relayed !== undefined) {",
+        "            if (operation.open === true) {",
+        "              for (const other of menus) if (other.popup !== relayed.popup) closeMenu(other.popup)",
+        "              anchorPopupAt(relayed.popup, operation.left, operation.width !== undefined ? operation.width : relayed.width)",
+        "              showSurface(relayed.popup)",
+        "              relayed.trigger.setAttribute('aria-expanded', 'true')",
+        "              relayed.pinned = operation.pinned === true",
+        "              if (typeof relayed.onOpen === 'function') relayed.onOpen()",
+        "            } else {",
+        "              closeMenu(relayed.popup)",
+        "            }",
+        "            syncWorkspacePanels()",
+        "          }",
+        "        } else if (operation.op === 'bookmarkbar.set') {",
+        "          window.__dshBookmarkBar = operation.visible === true",
+        "          applyBookmarksVisible(operation.visible === true)",
+        "        } else if (operation.op === 'bookmarks.set') {",
+        "          window.__dshBookmarks = Array.isArray(operation.bookmarks) ? operation.bookmarks : []",
+        "          bookmarksChanged = true",
+        "        }",
+        "      }",
+        "      window.__dshTasks = tasks",
+        "      if (fullTaskRender) renderTasks()",
+        "      else if (taskPatches.length > 0) { renderTaskControl(tasks); for (const task of taskPatches) { if (!patchTaskRow(task)) { renderTasks(); break } } }",
+        "      renderOrb()",
+        "      if (trailReplaced) renderTrail()",
+        "      else for (const entry of trailAppends) appendTrailEntry(entry)",
+        "      // 换页也要重算星标：宿主给的标签 url 是**规范化过**的（没有结尾斜杠），而收藏里",
+        "      // 存的是 location.href（带斜杠）—— 直接比会永远不相等，所以按去掉结尾斜杠比。",
+        "      if (tabsChanged) { renderTabs(); updateBookmarkStar(); applyNavState() }",
+        "      if (panelsChanged) applyWorkspacePanels()",
+        "      if (bookmarksChanged) { renderBookmarks(); updateBookmarkStar(); renderBookmarkBar(); mmBookmarkBar.textContent = bookmarksVisible ? '隐藏书签栏' : '显示书签栏' }",
+        "    }",
+        "    window.__dshChromeApply = applyChromeMessage",
+        "    // 宿主可能在 chrome 挂载**完成之前**就把 bootstrap 推下来了（它只等导航提交，不等我们）：",
+        "    // 那一刻 __dshChromeApply 还不存在，状态只落在 window.__dshChromeBootstrap 上，闭包里的",
+        "    // chromeSelectedTaskKey 一直是 undefined —— 于是 Ctrl+T / Ctrl+W / 切标签**静默失效**",
+        "    // （实测：工具栏照常渲染、Ctrl+D 这类不依赖它的还正常）。这里补apply一次。",
+        "    try { if (window.__dshChromeBootstrap) applyChromeMessage(window.__dshChromeBootstrap) } catch { /* 已经坏了也不影响挂载 */ }",
+        "    if (window.__dshChromeBootstrap) applyChromeMessage(window.__dshChromeBootstrap)",
+        "    // 二级菜单（收藏 / 操作轨迹 / 任务）：Chrome 的弹层贴在触发按钮上、从按钮下方展开，",
+        "    // 所以位置不能写死在 CSS 里（按钮在工具栏右侧，窗口一改宽位置就变），每次打开按矩形算。",
+        "    // ⋮ 菜单里的「全屏」在进入/退出时要改文案，所以每次打开都重算一次。",
+        "    const renderMainMenu = () => {",
+        "      const label = mmFullscreen.querySelector('span')",
+        "      if (label) label.textContent = document.fullscreenElement ? '退出全屏' : '全屏'",
+        "    }",
+        "    const menus = [",
+        "      { id: 'bookmarks', popup: panel, trigger: bookmarks, width: 340, onOpen: () => { renderBookmarks(); updateBookmarkStar() } },",
+        "      { id: 'trail', popup: trailPanel, trigger: trail, width: 360, onOpen: renderTrail },",
+        "      { id: 'tasks', popup: taskPanel, trigger: tasksBtn, width: 380, onOpen: renderTasks },",
+        "      { id: 'main', popup: mainMenu, trigger: mainMenuBtn, width: 264, onOpen: renderMainMenu },",
+        "    ]",
+        "    // 给 Ctrl+H 用（Chrome 的历史快捷键 -> 我们的操作轨迹面板）。",
+        "    const trailMenu = menus[1]",
+        "    // host 被套了 zoom = 1/页面缩放（见 applyZoomFactor），所以 host 内部 1px 只有",
+        "    // 1/缩放 个页面 px。触发按钮的 rect、中继来的坐标都是**页面 px**，直接写进 style",
+        "    // 会被当成 host px —— 缩放 ≠ 100% 时弹层就跑偏（实测 160% 下偏 330px）。",
+        "    // frame 是另一个视图、不缩放，它报出去的坐标本来就是页面 px，所以不换算。",
+        "    const chromeScale = () => (CHROME_SURFACE === 'frame' ? 1 : zoomFactor)",
+        "    const popupGeometry = (trigger, width) => {",
+        "      const z = chromeScale()",
+        "      const rect = trigger.getBoundingClientRect()",
+        "      const viewportWidth = document.documentElement.clientWidth || window.innerWidth || 0",
+        "      const viewportHeight = document.documentElement.clientHeight || window.innerHeight || 0",
+        "      const usable = Math.max(200, Math.min(width, viewportWidth - 16))",
+        "      // A trigger with no box is hidden (the page surface keeps the popups but not",
+        "      // the toolbar), so fall back to right-aligning — same place the button is.",
+        "      const hidden = rect.width === 0 && rect.height === 0",
+        "      const anchorLeft = hidden ? viewportWidth - usable - 8 : rect.left",
+        "      const left = Math.max(8, Math.min(anchorLeft, Math.max(8, viewportWidth - usable - 8)))",
+        "      const top = Math.round(hidden ? 8 : rect.bottom + 8)",
+        "      // 以上全是页面 px，写进 style 前统一换成 host px。",
+        "      return { left: left * z, top: top * z, usable: usable * z, viewportHeight: viewportHeight * z }",
+        "    }",
+        "    const anchorPopupAt = (popup, left, width) => {",
+        "      const viewportWidth = document.documentElement.clientWidth || window.innerWidth || 0",
+        "      const viewportHeight = document.documentElement.clientHeight || window.innerHeight || 0",
+        "      const usable = Math.max(200, Math.min(typeof width === 'number' ? width : 320, viewportWidth - 16))",
+        "      const clamped = Math.max(8, Math.min(typeof left === 'number' ? left : viewportWidth - usable - 8, Math.max(8, viewportWidth - usable - 8)))",
+        "      const z = chromeScale()",
+        "      popup.style.width = usable * z + 'px'",
+        "      popup.style.left = clamped * z + 'px'",
+        "      popup.style.top = 8 * z + 'px'",
+        "      popup.style.maxHeight = Math.max(180, viewportHeight - 20) * z + 'px'",
+        "    }",
+        "    const anchorPopup = (popup, trigger, width) => {",
+        "      const g = popupGeometry(trigger, width)",
+        "      popup.style.width = g.usable + 'px'",
+        "      popup.style.left = g.left + 'px'",
+        "      popup.style.top = g.top + 'px'",
+        "      popup.style.maxHeight = Math.max(180, g.viewportHeight - g.top - 12) + 'px'",
+        "      return g",
+        "    }",
+        "    // frame 上的按钮是真的，弹层却必须画在页面里（frame 只有 84px 高，菜单会被裁）。",
+        "    // 所以 frame 把「哪个菜单、按钮在哪、多宽」告诉宿主，宿主中继给页面。",
+        "    const emitPanelState = (id, open, left, width, pinned) => {",
+        "      if (!onFrameSurface || typeof id !== 'string' || id === '' || bindingToken === '') return",
+        "      try {",
+        "        const binding = window.__dshBrowserTaskAction",
+        "        if (typeof binding === 'function') binding(JSON.stringify({ type: 'panel-state', token: bindingToken, id, open: !!open, pinned: pinned === true, ...(typeof left === 'number' ? { left } : {}), ...(typeof width === 'number' ? { width } : {}) }))",
+        "      } catch { /* host unavailable */ }",
+        "    }",
+        "    const closeMenu = (popup, reason) => {",
+        "      // 已经关了、或者正在退场，都不用再来一次（isPanelOpen 把「淡出中」也算没开）。",
+        "      if (!isPanelOpen(popup)) return",
+        "      beginSurfaceClose(popup)",
+        "      const finish = () => { cancelPanelClose(popup); popup.classList.remove('open') }",
+        "      // 由**动画结束**来收尾，不是死等一个固定时长：机器忙的时候动画可能还没跑完就被摘掉，",
+        "      // 那样菜单会直接消失（看起来就是没动画）。400ms 兜底保证它不会卡住。",
+        "      const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches",
+        "      const onEnd = event => { if (String(event.animationName || '') === 'dshPopOut') finish() }",
+        "      if (!reduced) popup.addEventListener('animationend', onEnd)",
+        "      const timer = window.setTimeout(finish, reduced ? 0 : 400)",
+        "      closingState.set(popup, { timer, onEnd })",
+        "      for (const entry of menus) if (entry.popup === popup) { entry.trigger.setAttribute('aria-expanded', 'false'); entry.pinned = false; if (reason !== 'hover') emitPanelState(entry.id, false) }",
+        "      syncWorkspacePanels()",
+        "    }",
+        "    const closeAllMenus = () => { for (const entry of menus) closeMenu(entry.popup) }",
+        "    // 指针只是**划过**工具栏（去别的地方）不该弹菜单 —— 用户实测报的。所以悬停要停留",
+        "    // 一下才算「想开」；指针离开按钮就撤销这次还没到点的打开。这一条不会误伤「从按钮",
+        "    // 走向菜单」：能走到菜单说明指针已经在按钮上停够久了，计时早就到点。",
+        "    const HOVER_OPEN_DELAY_MS = 240",
+        "    const hoverOpenTimers = new Map()",
+        "    const cancelHoverOpen = entry => {",
+        "      const timer = hoverOpenTimers.get(entry)",
+        "      if (timer !== undefined) { window.clearTimeout(timer); hoverOpenTimers.delete(entry) }",
+        "    }",
+        "    // 悬停是「预览」，点击是「钉住」：悬停打开后鼠标离开就收，点一下把它留在原地，",
+        "    // 再点一下才关。不这么做的话，鼠标一移到按钮上菜单先开、紧接着的点击又把它关掉。",
+        "    const openMenu = (entry, byHover) => {",
+        "      // 真正打开（点击 / 宿主推来的状态）就作废掉还没到点的悬停计时，否则它稍后",
+        "      // 会以「悬停」的身份再开一次，把刚点住（pinned）的菜单降级成悬停预览。",
+        "      cancelHoverOpen(entry)",
+        "      for (const other of menus) if (other.popup !== entry.popup) closeMenu(other.popup)",
+        "      const geometry = anchorPopup(entry.popup, entry.trigger, entry.width)",
+        "      emitPanelState(entry.id, true, geometry.left, geometry.usable, byHover !== true)",
+        "      const wasOpen = isPanelOpen(entry.popup)",
+        "      showSurface(entry.popup)",
+        "      entry.trigger.setAttribute('aria-expanded', 'true')",
+        "      entry.pinned = byHover !== true",
+        "      if (!wasOpen && typeof entry.onOpen === 'function') entry.onOpen()",
+        "      syncWorkspacePanels()",
+        "    }",
+        "    const toggleMenu = entry => {",
+        "      if (!entry.popup.classList.contains('open')) { openMenu(entry); return }",
+        "      if (entry.pinned !== true) { entry.pinned = true; return }",
+        "      closeMenu(entry.popup)",
+        "    }",
+        "    // 宿主推来的面板状态（set-workspace-panels）也会直接开面板，这时同样要贴按钮。",
+        "    anchorOpenMenus = () => { for (const entry of menus) if (entry.popup.classList.contains('open')) anchorPopup(entry.popup, entry.trigger, entry.width) }",
+        "    const toggleTrail = () => toggleMenu(menus[1])",
+        "    const closeTrail = () => closeMenu(trailPanel)",
+        "    const toggleTasks = () => toggleMenu(menus[2])",
+        "    const closeTasks = () => closeMenu(taskPanel)",
+        "    const togglePanel = () => toggleMenu(menus[0])",
+        "    applyWorkspacePanels()",
+        "    // Chrome 的排布是「导航在左、地址栏居中、功能图标在右」。原始标记里这三个",
+        "    // 图标在地址栏之前，直接重排 DOM 比改写那几行超长 SVG 字符串安全得多。",
+        "    const rightGroup = root.querySelector('.right-group')",
+        "    if (rightGroup !== null) {",
+        "      for (const node of [bookmarks, trail, tasksBtn]) rightGroup.insertBefore(node, taskControl)",
+        "    }",
+        "    // Chrome 式常驻顶栏：默认展开，用户点「收起」后才回到悬停模式。",
+        "    openToolbar()",
+        '',
+        "    toolbarRevealZone.addEventListener('pointerenter', armToolbarReveal)",
+        "    toolbarRevealZone.addEventListener('pointerleave', disarmToolbarReveal)",
+        "    toolbarRevealZone.addEventListener('mouseenter', armToolbarReveal)",
+        "    toolbarRevealZone.addEventListener('mouseleave', disarmToolbarReveal)",
+        "    window.addEventListener('pointermove', trackToolbarReveal, true)",
+        "    window.addEventListener('mousemove', trackToolbarReveal, true)",
+        "    window.addEventListener('pointerdown', triggerToolbarFromPage, true)",
+        "    window.addEventListener('mousedown', triggerToolbarFromPage, true)",
+        "    toolbarReveal.addEventListener('focus', armToolbarReveal)",
+        "    toolbarReveal.addEventListener('blur', () => window.setTimeout(disarmToolbarReveal, 0))",
+        "    toolbarReveal.addEventListener('click', openToolbar)",
+        "    toolbarHide.addEventListener('click', closeToolbar)",
+        "    back.addEventListener('click', () => { if (onFrameSurface) emitPageAction('back'); else history.back() })",
+        "    forward.addEventListener('click', () => { if (onFrameSurface) emitPageAction('forward'); else history.forward() })",
+        "    reload.addEventListener('click', () => { spinReload(); if (onFrameSurface) emitPageAction('reload'); else location.reload() })",
+        "    stop.addEventListener('click', () => { if (onFrameSurface) emitPageAction('stop'); else window.stop() })",
+        "    // 主页 = 新标签页。两种表面都交给宿主：页面不能自己导航到 data:（Chromium 拦渲染器发起的 data: 导航）。",
+        "    home.addEventListener('click', () => emitPageAction('home'))",
+        "    bookmarks.addEventListener('click', togglePanel)",
+        "    trail.addEventListener('click', toggleTrail)",
+        "    trailClose.addEventListener('click', closeTrail)",
+        "    tasksBtn.addEventListener('click', toggleTasks)",
+        "    taskClose.addEventListener('click', closeTasks)",
+        "    // 用户要求：二级菜单改成「悬停在按钮上」就展开（点击仍然保留，键盘/触屏要用）。",
+        "    // 鼠标从按钮滑到菜单要跨过 8px 空隙，所以收起给一个宽限期，进入菜单就取消。",
+        "    const HOVER_CLOSE_DELAY_MS = 220",
+        "    const hoverCloseTimers = new Map()",
+        "    const cancelHoverClose = popup => { const timer = hoverCloseTimers.get(popup); if (timer !== undefined) { window.clearTimeout(timer); hoverCloseTimers.delete(popup) } }",
+        "    const scheduleHoverClose = popup => {",
+        "      cancelHoverClose(popup)",
+        "      const entry = menus.find(candidate => candidate.popup === popup)",
+        "      // 被点住（pinned）的菜单不因为鼠标移开而消失。",
+        "      if (entry !== undefined && entry.pinned === true) return",
+        "      hoverCloseTimers.set(popup, window.setTimeout(() => { hoverCloseTimers.delete(popup); closeMenu(popup, 'hover') }, HOVER_CLOSE_DELAY_MS))",
+        "    }",
+        "    for (const entry of menus) {",
+        "      entry.pinned = false",
+        "      entry.popup.addEventListener('animationstart', event => { motionLog.push({ id: entry.id, phase: 'start', name: String(event.animationName || '') }) })",
+        "      entry.popup.addEventListener('animationend', event => { motionLog.push({ id: entry.id, phase: 'end', name: String(event.animationName || '') }) })",
+        "      entry.trigger.setAttribute('aria-haspopup', 'true')",
+        "      entry.trigger.setAttribute('aria-expanded', 'false')",
+        "      entry.trigger.addEventListener('pointerenter', () => {",
+        "        cancelHoverClose(entry.popup)",
+        "        cancelHoverOpen(entry)",
+        "        hoverOpenTimers.set(entry, window.setTimeout(() => { hoverOpenTimers.delete(entry); openMenu(entry, true) }, HOVER_OPEN_DELAY_MS))",
+        "      })",
+        "      // 离开按钮不安排关闭：鼠标一进入页面视图，frame 就再也看不到指针了，",
+        "      // 分不清「正走向菜单」和「走开了」——那个判断归页面（它的弹层有指针事件）。",
+        "      // 但「还没到点的悬停」必须撤销，那才是「只是划过去」。",
+        "      entry.trigger.addEventListener('pointerleave', () => {",
+        "        cancelHoverOpen(entry)",
+        "        if (!onFrameSurface) scheduleHoverClose(entry.popup)",
+        "      })",
+        "      entry.popup.addEventListener('pointerenter', () => cancelHoverClose(entry.popup))",
+        "      entry.popup.addEventListener('pointerleave', () => scheduleHoverClose(entry.popup))",
+        "    }",
+        "    // ⋮ 菜单的每一项都接到插件已有的能力上：新标签页走同一个 emitTabCreate，",
+        "    // 收藏复用 saveCurrentPage（宿主侧存储），三个面板只是打开各自那张菜单。",
+        "    const toggleFullscreen = () => {",
+        "      try {",
+        "        if (document.fullscreenElement) { void document.exitFullscreen?.() }",
+        "        else { void document.documentElement.requestFullscreen?.() }",
+        "      } catch { /* fullscreen unavailable */ }",
+        "    }",
+        "    zoomOut.addEventListener('click', () => { setZoom(zoomFactor - 0.1) })",
+        "    zoomIn.addEventListener('click', () => { setZoom(zoomFactor + 0.1) })",
+        "    zoomLevel.addEventListener('click', () => { setZoom(1) })",
+        "    mmNewTab.addEventListener('click', () => { closeMenu(mainMenu); if (typeof chromeSelectedTaskKey === 'string') emitTabCreate(chromeSelectedTaskKey) })",
+        "    mmFind.addEventListener('click', () => { closeMenu(mainMenu); openFind() })",
+        "    mmBookmark.addEventListener('click', () => { closeMenu(mainMenu); saveCurrentPage() })",
+        "    // 人手点的这一下才是「真的开」——只有这条路径播入场动画。",
+        "    const toggleBookmarkBar = () => { applyBookmarksVisible(!bookmarksVisible, true); emitBookmarkBar(bookmarksVisible) }",
+        "    mmBookmarkBar.addEventListener('click', () => { closeMenu(mainMenu); toggleBookmarkBar() })",
+        "    // 选文件交给 <input type=file>：chrome 因此不需要任何磁盘读取权限，浏览器自己给 File。",
+        "    const importInput = document.createElement('input')",
+        "    importInput.type = 'file'",
+        "    importInput.accept = '.json,application/json'",
+        "    // 必须藏起来：它在 DOM 里是为了 .click() 可靠，但原生文件控件会直接画出来（实测）。",
+        "    importInput.style.display = 'none'",
+        "    importInput.addEventListener('change', () => {",
+        "      const file = importInput.files && importInput.files.length > 0 ? importInput.files[0] : null",
+        "      importInput.value = ''",
+        "      if (file === null) return",
+        "      if (file.size > 2 * 1024 * 1024) { showToast('文件太大（上限 2 MB）', 'warn'); return }",
+        "      file.text().then(text => {",
+        "        let parsed",
+        "        try { parsed = JSON.parse(text) } catch { showToast('不是合法的 JSON 文件', 'warn'); return }",
+        "        const list = Array.isArray(parsed) ? parsed : (parsed && typeof parsed === 'object' && Array.isArray(parsed.cookies) ? parsed.cookies : null)",
+        "        if (list === null) { showToast('文件里没有 cookies 数组', 'warn'); return }",
+        "        if (list.length === 0) { showToast('文件里没有 cookie', 'warn'); return }",
+        "        emitImportCookies(list)",
+        "        showToast('正在导入 ' + list.length + ' 个 cookie…')",
+        "      }).catch(() => showToast('读取文件失败', 'warn'))",
+        "    })",
+        "    root.append(importInput)",
+        "    mmImportCookies.addEventListener('click', () => { closeMenu(mainMenu); importInput.click() })",
+        "    // 和 __dshChromeFind / __dshChromeApply 一类：给集成测试一个不用点闭影子根就能走完整条链的入口。",
+        "    window.__dshChromeBookmarkBar = () => toggleBookmarkBar()",
+        "    mmBookmarks.addEventListener('click', () => { openMenu(menus[0]) })",
+        "    mmTrail.addEventListener('click', () => { openMenu(menus[1]) })",
+        "    mmTasks.addEventListener('click', () => { openMenu(menus[2]) })",
+        "    mmFullscreen.addEventListener('click', () => { closeMenu(mainMenu); toggleFullscreen() })",
+        "    // 点到别处 / 按 Esc 收起钉住的菜单（Chrome 的菜单也是这么消失的）。",
+        "    window.addEventListener('pointerdown', event => { if (!event.composedPath().includes(host)) closeAllMenus() }, true)",
+        "    window.addEventListener('keydown', event => { if (event.key === 'Escape') closeAllMenus() }, true)",
+        "    const toggleTaskControl = () => { if (activeTask && typeof activeTask.key === 'string') emitTaskControl(activeTask.key, activeTask.control === 'human' ? 'agent' : 'human') }",
+        "    taskControl.addEventListener('pointerdown', event => { if (event.button === 0) toggleTaskControl() })",
+        "    taskControl.addEventListener('click', event => { if (event.detail === 0) toggleTaskControl() })",
+        "    const saveCurrentPage = () => {",
+        "      // frame 里的 location 是宿主那张 data: 页，收藏它毫无意义 —— 取标签摘要。",
+        "      const url = onFrameSurface ? activeTabUrl() : location.href",
+        "      const tab = activeChromeTab()",
+        "      const title = onFrameSurface",
+        "        ? (tab && typeof tab.title === 'string' && tab.title !== '' ? tab.title : url)",
+        "        : (document.title || url)",
+        "      if (url === '') return",
+        "      // 本地先加，立即有反馈；宿主是权威（会写盘并回推）。",
+        "      window.__dshBookmarks = [{ url, title }, ...loadBookmarks().filter(b => b.url !== url)]",
+        "      renderBookmarks()",
+        "      updateBookmarkStar()",
+        "      emitBookmarkAdd()",
+        '    }',
+        "    saveBookmark.addEventListener('click', saveCurrentPage)",
+        "    // Chrome 的行为：在**未聚焦**的地址栏上按下鼠标 → 全选，所以接着输入就是整条替换；",
+        "    // 已经聚焦时再点，走默认行为落到光标定位——和 Chrome 一致。",
+        "    // 关键：**不要在 focus 事件里 select()**。实测那样会让合成输入（CDP Input.insertText）",
+        "    // 再也落不进这个 shadow DOM 地址栏。这里改在 pointerdown 里 preventDefault 掉默认的",
+        "    // 落点行为，再手动聚焦 + 设选区，不碰 focus 事件。冒烟里有「点地址栏→输入→回车」",
+        "    // 的端到端检查，万一 insertText 又落不进来，那条会红。",
+        "    address.addEventListener('pointerdown', event => {",
+        "      if (root.activeElement === address) return",
+        "      event.preventDefault()",
+        "      address.focus()",
+        "      address.setSelectionRange(0, address.value.length)",
+        "    })",
+        "    address.addEventListener('keydown', event => {",
+        "      // 回车后要失焦：地址栏有焦点时 refreshAddress 会跳过（不然会把用户正在输入的地址",
+        "      // 冲掉），于是导航到新页面后它还停在上一页的地址上。Chrome 也是回车即收键盘。",
+        "      if (event.key === 'Enter') { event.preventDefault(); const typed = address.value; address.blur(); navigate(typed) }",
+        "      else if (event.key === 'Escape') address.blur()",
+        '    })',
+        "    window.addEventListener('keydown', event => {",
+        "      // 和缩放一样同时看 key 和 code：合成按键（CDP / 自动化）给的 key 可能是",
+        "      // 'Unidentified'，而 code 始终是物理位置 —— 只比 key 的 Ctrl+L / Ctrl+F 在",
+        "      // 自动化下永远不触发（实测）。",
+        "      if (event.ctrlKey || event.metaKey) {",
+        "        const chord = event.key.toLowerCase()",
+        "        const chordCode = event.code",
+        "        if (chord === 'l' || chordCode === 'KeyL') { event.preventDefault(); focusAddressBar() }",
+        "        else if (chord === 'f' || chordCode === 'KeyF') { event.preventDefault(); openFind() }",
+        "        // Chrome 的标签页快捷键。和上面一样同时看 key 和 code。",
+        "        else if (chord === 't' || chordCode === 'KeyT') { event.preventDefault(); if (typeof chromeSelectedTaskKey === 'string') emitTabCreate(chromeSelectedTaskKey) }",
+        "        else if (chord === 'w' || chordCode === 'KeyW') {",
+        "          event.preventDefault()",
+        "          const tab = activeChromeTab()",
+        "          if (tab && typeof tab.id === 'string' && typeof chromeSelectedTaskKey === 'string') emitTabClose(chromeSelectedTaskKey, tab.id)",
+        "        }",
+        "        else if (chord === 'tab' || chordCode === 'Tab') { event.preventDefault(); stepChromeTab(event.shiftKey ? -1 : 1) }",
+        "        // Chrome 的另外几个：收藏(Ctrl+D)、书签栏(Ctrl+Shift+B)、刷新(Ctrl+R)、历史(Ctrl+H)。",
+        "        else if (chord === 'd' || chordCode === 'KeyD') { event.preventDefault(); saveCurrentPage() }",
+        "        else if ((chord === 'b' || chordCode === 'KeyB') && event.shiftKey) { event.preventDefault(); applyBookmarksVisible(!bookmarksVisible); emitBookmarkBar(bookmarksVisible) }",
+        "        else if (chord === 'r' || chordCode === 'KeyR') { event.preventDefault(); spinReload(); if (onFrameSurface) emitPageAction('reload'); else location.reload() }",
+        "        else if (chord === 'h' || chordCode === 'KeyH') { event.preventDefault(); openMenu(trailMenu) }",
+        "      }",
+        "      // 不带 Ctrl 的几个：F5 刷新、Alt+左右前进后退、Esc 停止加载（Chrome 的行为）。",
+        "      if (event.key === 'F5') { event.preventDefault(); spinReload(); if (onFrameSurface) emitPageAction('reload'); else location.reload() }",
+        "      else if (event.altKey && (event.key === 'ArrowLeft' || event.code === 'ArrowLeft')) { event.preventDefault(); if (onFrameSurface) emitPageAction('back'); else history.back() }",
+        "      else if (event.altKey && (event.key === 'ArrowRight' || event.code === 'ArrowRight')) { event.preventDefault(); if (onFrameSurface) emitPageAction('forward'); else history.forward() }",
+        "      else if (event.key === 'Escape' && stop !== null && getComputedStyle(stop).display !== 'none') { if (onFrameSurface) emitPageAction('stop'); else window.stop() }",
+        "      // Chrome 的缩放快捷键：Ctrl + / Ctrl - / Ctrl 0。",
+        "      // 同时看 key 和 code —— 合成按键（CDP / 自动化）给的 key 可能是",
+        "      // 'Unidentified'，而 code 始终是物理位置。",
+        "      if (event.ctrlKey || event.metaKey) {",
+        "        const key = event.key",
+        "        const code = event.code",
+        "        const isZero = key === '0' || code === 'Digit0' || code === 'Numpad0'",
+        "        const isPlus = key === '+' || key === '=' || code === 'Equal' || code === 'NumpadAdd'",
+        "        const isMinus = key === '-' || code === 'Minus' || code === 'NumpadSubtract'",
+        "        if (isZero) { event.preventDefault(); setZoom(1) }",
+        "        else if (isPlus) { event.preventDefault(); setZoom(zoomFactor + 0.1) }",
+        "        else if (isMinus) { event.preventDefault(); setZoom(zoomFactor - 0.1) }",
+        "      }",
+        '    }, true)',
+        "    window.addEventListener('popstate', refreshAddress)",
+        "    window.addEventListener('hashchange', refreshAddress)",
+        '',
+        "    // User-control signal: mark the host so model-facing snapshots can tell",
+        "    // that a human is driving this page right now (ego's handoff semantics).",
+        "    let lastUserActivity = 0",
+        "    let chromePageActive = window.__dshChromeActive !== false",
+        "    let userActivityTimer = 0",
+        "    let addressTimer = 0",
+        "    const stopChromeTimers = () => { if (userActivityTimer !== 0) { window.clearInterval(userActivityTimer); userActivityTimer = 0 } if (addressTimer !== 0) { window.clearInterval(addressTimer); addressTimer = 0 } }",
+        "    const startChromeTimers = () => {",
+        "      if (!chromePageActive) return",
+        "      refreshAddress()",
+        "      if (userActivityTimer === 0) userActivityTimer = window.setInterval(() => { if (lastUserActivity !== 0 && Date.now() - lastUserActivity > 60000) host.removeAttribute('data-dsh-user-active') }, 15000)",
+        "      if (addressTimer === 0) addressTimer = window.setInterval(refreshAddress, 750)",
+        "    }",
+        "    const setChromeActive = active => { chromePageActive = active === true; stopChromeTimers(); if (chromePageActive) startChromeTimers() }",
+        "    window.__dshChromeSetActive = setChromeActive",
+        "    const markUserActive = () => { lastUserActivity = Date.now(); host.setAttribute('data-dsh-user-active', '1') }",
+        "    const agentInputSuppressed = () => Number(host.getAttribute('data-dsh-agent-input-until') || '0') > Date.now()",
+        "    const isChromeEvent = event => event.target === host || event.composedPath().includes(host)",
+        "    const isEditableTarget = target => target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement || target instanceof HTMLSelectElement || (target instanceof HTMLElement && target.isContentEditable)",
+        "    const isScrollKey = event => ['ArrowUp', 'ArrowDown', 'PageUp', 'PageDown', 'Home', 'End', ' '].includes(event.key) && !isEditableTarget(event.target)",
+        "    const isScrollbarPointer = event => event.clientX >= document.documentElement.clientWidth || event.clientY >= document.documentElement.clientHeight",
+        "    const canTrackUserEvent = event => event.isTrusted && !isChromeEvent(event) && !agentInputSuppressed()",
+        "    const requestUserControl = () => { if (userControlRequested || !activeTask || typeof activeTask.key !== 'string' || activeTask.control === 'human') return; userControlRequested = true; markUserActive(); emitTaskControl(activeTask.key, 'human') }",
+        "    let pointerCandidate = null",
+        "    const beginPointerCandidate = (id, event) => { if (!canTrackUserEvent(event) || isScrollbarPointer(event)) return; pointerCandidate = { id, x: event.clientX, y: event.clientY, moved: false } }",
+        "    const movePointerCandidate = (id, event) => { if (!pointerCandidate || pointerCandidate.id !== id) return; if (Math.hypot(event.clientX - pointerCandidate.x, event.clientY - pointerCandidate.y) > 8) pointerCandidate.moved = true }",
+        "    const finishPointerCandidate = (id, event) => { const candidate = pointerCandidate; pointerCandidate = null; if (!candidate || candidate.id !== id || candidate.moved || !canTrackUserEvent(event)) return; requestUserControl() }",
+        "    window.addEventListener('pointerdown', event => beginPointerCandidate(event.pointerId, event), true)",
+        "    window.addEventListener('pointermove', event => movePointerCandidate(event.pointerId, event), true)",
+        "    window.addEventListener('pointerup', event => finishPointerCandidate(event.pointerId, event), true)",
+        "    window.addEventListener('pointercancel', () => { pointerCandidate = null }, true)",
+        "    // Electron CDP emits Mouse Events for some input paths without Pointer Events.",
+        "    window.addEventListener('mousedown', event => { if (pointerCandidate === null) beginPointerCandidate('mouse', event) }, true)",
+        "    window.addEventListener('mousemove', event => movePointerCandidate('mouse', event), true)",
+        "    window.addEventListener('mouseup', event => finishPointerCandidate('mouse', event), true)",
+        "    window.addEventListener('keydown', event => { if (!canTrackUserEvent(event) || isScrollKey(event)) return; requestUserControl() }, true)",
+        "    // No wheel listener is intentional: scrolling never changes ownership.",
+        '',
+        '    setChromeActive(chromePageActive)',
+        "    host.setAttribute('data-dsh-browser-ready', '1')",
+        '  }',
+        "  // 整个 mount 包一层：这脚本是一条直线，任何一处抛异常都会**静默**把它后面的",
+        "  // 全部砍掉（工具栏照常出现，但菜单/快捷键/面板悄悄没了 —— 实测 mmFind 少一行",
+        "  // getElementById 就让 Ctrl+F 彻底失效，且没有任何报错）。异常写到 <html> 的",
+        "  // data 属性上，页面读得到，冒烟也会断言它是空的。",
+        "  const mountSafely = () => {",
+        "    try { mount() } catch (error) {",
+        "      try { document.documentElement.dataset.dshChromeError = String((error && error.message) || error) } catch { /* ignore */ }",
+        "    }",
+        "  }",
+        '',
+        "  // 尽快挂载：只要 <html> 存在就挂，不等 DOMContentLoaded。",
+        "  // 一个 body 传得很慢的页面，readyState 会在整个传输期间都是 'loading'，",
+        "  // 等它就意味着**整个加载过程中工具栏和标签栏都不见了**（实测 6 秒的 body",
+        "  // 期间截图为空）。mount() 自己是幂等的，所以这里再挂一次 DOMContentLoaded",
+        "  // 兜底，已经挂过就直接返回。",
+        "  if (document.documentElement) mountSafely()",
+        "  document.addEventListener('DOMContentLoaded', mountSafely, { once: true })",
+        '})()',
+    ].join('\n');
+}