finch-markdown-editor 0.1.9 → 0.2.1

package/dist/panel.html

@@ -4,158 +4,27 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <title>写字</title>
-<style>
-:root{
-  --bg:var(--finch-bg-root,#f7f7f8);
-  --card:var(--finch-bg-elevated,#fff);
-  --text:var(--finch-text-primary,#1d1d20);
-  --muted:var(--finch-text-secondary,#777);
-  --border:var(--finch-border,#ddd);
-  --accent:var(--finch-accent,#3f6b56);
-}
-@media (prefers-color-scheme: dark) {
-  :root{
-    --bg:var(--finch-bg-root,#17171a);
-    --card:var(--finch-bg-elevated,#242429);
-    --text:var(--finch-text-primary,#eee);
-    --muted:var(--finch-text-secondary,#aaa);
-    --border:var(--finch-border,#3c3c43);
-    --accent:var(--finch-accent,#70a889);
-  }
-}
-*{box-sizing:border-box}
-html,body{height:100%}
-body{margin:0;background:var(--bg);color:var(--text);font:13px var(--finch-font-body,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)}
-.app{width:100%;height:100vh;display:flex;flex-direction:column}
-.stage{position:relative;flex:1;min-height:0}
-.pane{position:absolute;inset:0;display:none}
-.pane.active{display:block}
-.editor-wrap{position:relative;width:100%;height:100%;overflow:hidden;background:var(--card)}
-#editor{width:100%;height:100%;overflow:hidden}
-.fake-sel{position:fixed;z-index:15;border-radius:2px;background:rgba(63,107,86,.35);background:color-mix(in srgb,var(--accent) 34%,transparent);pointer-events:none}
-.preview-shell{position:absolute;inset:0;padding:32px 20px 20px;background:var(--bg);overflow:hidden}
-#article{display:block;width:100%;height:100%;border:0;border-radius:10px;background:var(--card)}
-/* Home / empty state: a launch page rather than a placeholder — headline plus
-   the Markdown files this editor recently touched in the current working
-   directory, newest-modified first, so a session can be resumed in one click. */
-.empty{position:absolute;z-index:5;inset:0;background:var(--card);color:var(--muted);display:block;overflow:auto;padding:30px 26px 34px;font-size:14px;line-height:1.7}
-.empty[hidden]{display:none}
-.home{max-width:860px;margin:0 auto}
-.home-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}
-.home-head h1{margin:0 0 3px;font-size:19px;font-weight:650;line-height:1.3;color:var(--text);letter-spacing:-.01em}
-.home-head p{margin:0;font-size:12.5px;line-height:1.5;color:var(--muted)}
-.home-cta{display:flex;gap:8px;flex:none}
-.home-btn{appearance:none;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:#fff;padding:7px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
-.home-btn:hover{filter:brightness(1.06)}
-.home-btn.ghost{background:transparent;border-color:var(--border);color:var(--text);font-weight:500}
-.home-btn.ghost:hover{filter:none;background:var(--bg)}
-.home-btn svg{width:14px;height:14px;flex:none}
-.home-section{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 10px;font-size:12px;color:var(--muted)}
-.home-section b{font-size:12.5px;font-weight:600;color:var(--text);flex:none}
-/* flex:0 1 auto (not flex:1) so the button hugs its own text — the blank
-   space next to a short path stays unclickable. Front-truncation (the "…"
-   prefix) happens in JS, not via a direction:rtl CSS trick: mixing a plain
-   "~" with rtl reordered the whole string visually ("finch-tools/~" instead
-   of "~/finch-tools"), so this box now renders left-to-right like normal. */
-.home-section .home-cwd{flex:0 1 auto;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.75;cursor:pointer;background:none;border:0;padding:0;font:inherit;color:inherit}
-.home-section .home-cwd:hover{opacity:1;color:var(--accent);text-decoration:underline}
-.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:12px}
-.doc-card{position:relative;display:flex;flex-direction:column;height:138px;padding:0;text-align:left;border:1px solid var(--border);border-radius:11px;background:var(--bg);color:var(--text);font:inherit;cursor:pointer;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease,transform .1s ease}
-.doc-card:hover{border-color:var(--accent);box-shadow:0 5px 16px rgba(0,0,0,.1)}
-.doc-card:active{transform:scale(.99)}
-.doc-preview{position:relative;flex:1;min-height:0;padding:11px 12px 0;font-size:11.5px;line-height:1.6;color:var(--muted);overflow:hidden;word-break:break-word}
-.doc-preview::after{content:'';position:absolute;left:0;right:0;bottom:0;height:34px;background:linear-gradient(to bottom,transparent,var(--bg))}
-.doc-foot{flex:none;padding:8px 12px 10px;border-top:1px solid var(--border);background:var(--card)}
-.doc-title{font-size:13px;font-weight:600;line-height:1.35;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-.doc-sub{margin-top:2px;display:flex;gap:6px;font-size:11px;line-height:1.4;color:var(--muted)}
-.doc-sub .doc-path{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:rtl;text-align:left}
-.doc-sub .doc-path.absolute-path{direction:ltr}
-.doc-sub .doc-time{flex:none;opacity:.8}
-.doc-reveal{position:absolute;top:6px;right:6px;z-index:1;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:7px;background:color-mix(in srgb, var(--bg) 72%, transparent);color:var(--muted);cursor:pointer;opacity:0;transition:opacity .12s ease,background .12s ease,color .12s ease}
-.doc-reveal svg{width:14px;height:14px}
-.doc-card:hover .doc-reveal,.doc-reveal:focus-visible{opacity:1}
-.doc-reveal:hover{background:var(--card);color:var(--text)}
-.home-hint{margin:0;padding:22px 0;text-align:center;font-size:12.5px;color:var(--muted)}
-.home-hint[hidden],.home-recent[hidden]{display:none}
-.status{font-size:12px;color:var(--muted);padding:5px 10px;text-align:center;border-top:1px solid var(--border);background:var(--bg)}
-.status a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
-.status.error{color:#c54232}
-.status:empty{padding:0;border-top:0}
-/* Lines an external revision (AI apply, or an on-disk edit) just rewrote.
-   The decoration is dropped again after the animation, so the highlight is
-   purely transient — it marks the change without leaving the doc annotated.
-   It eases in rather than appearing at full strength, and leaves a thin
-   change-bar on the left the way a diff view would, so the eye reads it as
-   "this got rewritten" instead of a highlighter pen being slapped down. */
-.cm-line.cm-ai-changed{border-radius:6px;animation:ai-edit-flash 1.9s cubic-bezier(.33,0,.2,1) both}
-@keyframes ai-edit-flash{
-  0%{background:transparent;box-shadow:inset 2px 0 0 transparent}
-  26%{background:color-mix(in srgb,var(--accent) 13%,transparent);box-shadow:inset 2px 0 0 color-mix(in srgb,var(--accent) 52%,transparent)}
-  55%{background:color-mix(in srgb,var(--accent) 11%,transparent);box-shadow:inset 2px 0 0 color-mix(in srgb,var(--accent) 44%,transparent)}
-  100%{background:transparent;box-shadow:inset 2px 0 0 transparent}
-}
-@media (prefers-reduced-motion:reduce){.cm-line.cm-ai-changed{animation:none;background:transparent;box-shadow:none}}
-.popup{position:fixed;z-index:20;display:flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--border);border-radius:9px;box-shadow:0 8px 22px rgba(0,0,0,.22);padding:5px;transform-origin:center bottom;animation:popup-in .18s cubic-bezier(.2,.8,.2,1)}
-.popup.hidden{display:none}
-@keyframes popup-in{from{opacity:0;transform:translateY(5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
-@media (prefers-reduced-motion:reduce){.popup{animation:none}}
-.popup input{width:147px;border:0;outline:0;background:transparent;color:var(--text);font:inherit;padding:4px 6px}
-.popup button{font:inherit;border:0;background:var(--accent);color:#fff;border-radius:6px;padding:5px 10px;cursor:pointer;white-space:nowrap}
-.popup button:hover{opacity:.9}
-/* Unsaved-changes confirm, deliberately a plain in-page overlay rather than
-   `window.finch.ui.confirm()`: the only entry point that can trigger it is
-   the toolbar's "home" button, which reaches this page as a `finch:menu`
-   postMessage — not a real user gesture — so the same Bridge action that
-   requires one (see `.actions` comment above) could not be trusted to fire
-   reliably from there. A plain DOM overlay has no such gesture requirement. */
-.confirm-overlay{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.32);animation:confirm-fade .12s ease}
-.confirm-overlay[hidden]{display:none}
-@keyframes confirm-fade{from{opacity:0}to{opacity:1}}
-.confirm-card{width:300px;max-width:calc(100% - 40px);background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.3);padding:16px;animation:confirm-in .16s cubic-bezier(.2,.8,.2,1)}
-@keyframes confirm-in{from{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
-@media (prefers-reduced-motion:reduce){.confirm-overlay,.confirm-card{animation:none}}
-.confirm-card p{margin:0 0 16px;font-size:13px;line-height:1.6;color:var(--text)}
-.confirm-actions{display:flex;justify-content:flex-end;gap:8px}
-.confirm-actions button{font:inherit;font-size:13px;border:1px solid var(--border);background:transparent;color:var(--text);border-radius:7px;padding:6px 12px;cursor:pointer}
-.confirm-actions button:hover{background:var(--bg)}
-.confirm-actions button.primary{border-color:var(--accent);background:var(--accent);color:#fff}
-.confirm-actions button.primary:hover{filter:brightness(1.06)}
-.confirm-actions button.ghost{border-color:transparent}
-/* Floating copy/export bar, deliberately living INSIDE this page rather than
-   in the host toolbar: a host toolbar click arrives here as a postMessage,
-   which is not a user activation for this document, so the async Clipboard
-   API and execCommand('copy') both refuse to run until the user happens to
-   click the page first. A real in-page click is a genuine user gesture, so
-   every copy/export below works on the first try. */
-.actions{position:absolute;right:32px;bottom:32px;z-index:8;display:flex;align-items:center;gap:3px;padding:5px;border-radius:11px;background:var(--card);border:1px solid var(--border);box-shadow:0 6px 20px rgba(0,0,0,.18);transition:gap .15s ease}
-.actions[hidden]{display:none}
-.actions button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--text);font:inherit;cursor:pointer;white-space:nowrap}
-.actions button:hover:not(:disabled){background:var(--bg)}
-.actions button[data-tooltip]::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);z-index:20;padding:6px 8px;border:1px solid var(--border);border-radius:7px;background:linear-gradient(135deg,color-mix(in srgb,var(--card) 96%,#fff),var(--bg));box-shadow:0 5px 16px rgba(0,0,0,.2);color:var(--text);font-size:12px;line-height:1;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,3px);transition:opacity .16s ease,transform .16s ease}
-.actions button[data-tooltip]:hover::after{opacity:1;transform:translate(-50%,0)}
-/* Center tooltips over ordinary buttons; at either end of the floating bar,
-   grow them inward instead of letting a long label escape the panel. */
-.actions button:first-child[data-tooltip]::after{left:0;transform:translateY(3px)}
-.actions button:first-child[data-tooltip]:hover::after{transform:translateY(0)}
-.actions button:last-child[data-tooltip]::after{left:auto;right:0;transform:translateY(3px)}
-.actions button:last-child[data-tooltip]:hover::after{transform:translateY(0)}
-.actions button:disabled{opacity:.45;cursor:default}
-.actions .sep{width:1px;height:18px;background:var(--border);margin:0 3px}
-.actions svg{width:16px;height:16px;flex:none}
-.actions .act-toggle{padding:0 6px;color:var(--muted)}
-.actions .act-toggle svg{transition:transform .15s ease;transform:rotate(180deg)}
-/* Collapsed = only the WeChat-copy action (icon only, label hidden) plus the
-   toggle remain visible; every other button/separator is a one-off export
-   action that most sessions never touch, so hiding them by default keeps
-   the floating bar from covering preview content. */
-.actions.collapsed [data-collapsible]{display:none}
-.actions.collapsed #actCopyWx{padding:0 7px}
-.actions.collapsed #actCopyWx .act-label{display:none}
-.actions.collapsed .act-toggle svg{transform:rotate(0deg)}
-</style>
+<link rel="stylesheet" href="panel.css">
+
 </head>
 <body>
 <main class="app">
+  <header id="appToolbar" class="app-toolbar" hidden>
+    <div class="app-toolbar-group">
+      <button id="appHome" class="app-tool" type="button" data-i18n-tooltip="toolbar.home.tooltip" aria-label="Home"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg></button>
+      <button id="appLibrary" class="app-tool" type="button" data-i18n-tooltip="appview.library" aria-label="Library"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M9 3v18"/><path d="m14 9 3 3-3 3"/></svg></button>
+      <button id="appOpen" class="app-tool" type="button" data-i18n-tooltip="home.openFile" aria-label="Open File"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"/></svg></button>
+      <button id="appSave" class="app-tool app-tool-label" type="button" data-i18n-tooltip="toolbar.save.tooltipDefault"><span class="ic-save"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"/><path d="M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7"/><path d="M7 3v4a1 1 0 0 0 1 1h7"/></svg></span><span class="ic-save-check" hidden><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.5 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h10.2a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4v4.35"/><path d="m16 19 2 2 4-4"/><path d="M17 15.13V14a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7"/><path d="M7 3v4a1 1 0 0 0 1 1h7"/></svg></span><span data-i18n="toolbar.save.label">Save</span></button>
+    </div>
+    <div class="app-document-meta"><strong id="appDocumentTitle" data-i18n="home.title">Writing</strong><span id="appDocumentPath"></span></div>
+    <div class="app-toolbar-group app-toolbar-end">
+      <button id="appPreview" class="app-tool app-tool-label checked" type="button" data-i18n-tooltip="toolbar.mode.label"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M15 3v18"/></svg><span data-i18n="toolbar.mode.label">Preview</span></button>
+      <div class="app-menu-wrap"><button id="appStyle" class="app-tool" type="button" data-i18n-tooltip="toolbar.style.tooltip"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 17a4 4 0 0 1-8 0V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2Z"/><path d="M16.7 13H19a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H7"/><path d="M 7 17h.01"/><path d="m11 8 2.3-2.3a2.4 2.4 0 0 1 3.404.004L18.6 7.6a2.4 2.4 0 0 1 .026 3.434L9.9 19.8"/></svg></button><div id="appStyleMenu" class="app-menu" hidden></div></div>
+      <button id="appFocus" class="app-tool" type="button" data-i18n-tooltip="appview.focus"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.086 18.412A2 2 0 0 1 12.67 19H5v-7.672a2 2 0 0 1 .586-1.414L11.75 3.75a6 6 0 1 1 8.49 8.49z"/><path d="M16 8 2 22"/><path d="M17.488 15H9"/></svg></button>
+      <div class="app-menu-wrap"><button id="appFont" class="app-tool" type="button" data-i18n-tooltip="toolbar.fontSize.tooltipEdit"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 4v16"/><path d="M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2"/><path d="M9 20h6"/></svg></button><div id="appFontMenu" class="app-menu" hidden></div></div>
+      <div class="app-menu-wrap"><button id="appMore" class="app-tool" type="button" data-i18n-tooltip="toolbar.more.tooltip"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg></button><div id="appMoreMenu" class="app-menu" hidden></div></div>
+    </div>
+  </header>
   <div class="stage">
     <div id="empty" class="empty">
       <div class="home">
@@ -187,6 +56,7 @@ body{margin:0;background:var(--bg);color:var(--text);font:13px var(--finch-font-
         <div id="editor" data-i18n-aria="editor.ariaLabel" aria-label="Markdown editor"></div>
       </div>
     </div>
+    <div id="previewResizer" class="preview-resizer"></div>
     <div id="previewPane" class="pane">
       <div class="preview-shell">
         <iframe id="article" sandbox="allow-same-origin" data-i18n-title="meta.title" title="Article Preview"></iframe>
@@ -199,10 +69,10 @@ body{margin:0;background:var(--bg);color:var(--text);font:13px var(--finch-font-
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
           </button>
           <button id="actSaveImg" type="button" data-i18n-tooltip="actions.exportImg" aria-label="Export image (download)" data-collapsible>
-            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.3 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v6.3"/><path d="m2 16 5-5c.928-.893 2.072-.893 3 0l3 3"/><path d="m14 14 1-1c.928-.893 2.072-.893 3 0"/><path d="M19 16v6"/><path d="m22 19-3 3-3-3"/><circle cx="9" cy="9" r="2"/></svg>
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.3 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10l-3.1-3.1a2 2 0 0 0-2.814.014L6 21"/><path d="m14 19 3 3v-5.5"/><path d="m17 22 3-3"/><circle cx="9" cy="9" r="2"/></svg>
           </button>
           <button id="actSavePdf" type="button" data-i18n-tooltip="actions.exportPdf" aria-label="Export PDF" data-collapsible>
-            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M12 18v-6"/><path d="m9 15 3 3 3-3"/></svg>
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"/><path d="M14 2v5a1 1 0 0 0 1 1h5"/><path d="M12 18v-6"/><path d="m9 15 3 3 3-3"/></svg>
           </button>
           <span class="sep" data-collapsible></span>
           <button id="actAiStyle" type="button" data-i18n-tooltip="actions.aiStyle" aria-label="Ask AI to design layout" data-collapsible>
@@ -216,10 +86,20 @@ body{margin:0;background:var(--bg);color:var(--text);font:13px var(--finch-font-
     </div>
   </div>
   <div id="status" class="status"></div>
+  <div id="libraryBackdrop" class="library-backdrop" hidden></div>
+  <aside id="libraryDrawer" class="library-drawer" aria-hidden="true">
+    <header><div><strong data-i18n="appview.library">Library</strong><span data-i18n="appview.libraryHint">Recent documents across Spaces</span></div><button id="libraryClose" type="button" aria-label="Close">×</button></header>
+    <div id="libraryGroups" class="library-groups"></div>
+  </aside>
 </main>
 <section id="popup" class="popup hidden">
   <input id="popupInput" type="text">
-  <button id="popupSend" data-i18n="popup.send">Send</button>
+  <span class="popup-action-slot">
+    <span id="popupShortcut" class="popup-shortcut" aria-hidden="true"></span>
+    <button id="popupSend" class="popup-send" aria-label="Send" data-i18n-tooltip="popup.send">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m5 12 7-7 7 7"/><path d="M12 19V5"/></svg>
+    </button>
+  </span>
 </section>
 <div id="confirmOverlay" class="confirm-overlay" hidden>
   <div class="confirm-card">
@@ -232,2469 +112,7 @@ body{margin:0;background:var(--bg);color:var(--text);font:13px var(--finch-font-
   </div>
 </div>
 <script src="codemirror.js"></script>
-<script>
-(function () {
-  'use strict';
-  var api = window.finch;
-
-  // ---- i18n ----------------------------------------------------------
-  // This page is a standalone static document (loaded into a host webview,
-  // not a bundled app with its own build-time locale), so translation
-  // happens at runtime: guess from navigator.language immediately (so the
-  // very first paint isn't wrong-language), then reconcile against the
-  // host's real locale once it arrives in the 'ready' handshake message
-  // (ctx.i18n.locale, forwarded from index.ts). Only zh/non-zh is
-  // distinguished — bm.md's own rendered article content is unaffected,
-  // this only covers this panel's own chrome (labels/status/tooltips).
-  var isZh = /^zh/i.test(navigator.language || '');
-  var STR = {
-    zh: {
-      'meta.title': '公众号文章预览',
-      'home.title': '写字',
-      'home.tagline.withAssistant': '你与{name}一起编排 Markdown 文件',
-      'home.tagline.default': '打开一个 Markdown 文件开始编辑与预览，或新建一篇文章。',
-      'home.openFile': '打开文件',
-      'home.newDoc': '新建文档',
-      'home.recentLabel': '最近编辑',
-      'home.hintScoped': '这个目录里还没有用编辑器打开过的 Markdown 文档。',
-      'home.hintDefault': '打开一个 Markdown 文件，之后这里会列出最近编辑的文档。',
-      'home.untitled': '未命名',
-      'home.revealInFileManager': '在文件管理器中定位',
-      'home.emptyDoc': '（空文档）',
-      'home.cwdTitle': '在访达 / 文件资源管理器中打开：{path}',
-      'home.cwdFallback': 'homePath（无 cwd 回退）',
-      'home.today': '今天 {clock}',
-      'home.yesterday': '昨天 {clock}',
-      'editor.ariaLabel': '写字编辑器',
-      'actions.copyToWx': '复制到公众号',
-      'actions.copyImg': '复制图片',
-      'actions.exportImg': '导出图片（下载）',
-      'actions.exportPdf': '导出 PDF',
-      'actions.aiStyle': '让 AI 设计排版',
-      'actions.toggle': '展开/收起',
-      'popup.placeholder': '让 {name} 编辑',
-      'popup.send': '发送',
-      'confirm.cancel': '取消',
-      'confirm.discard': '不保存',
-      'confirm.save': '保存并返回',
-      'confirm.message': '「{file}」还有未保存的改动，要保存后再返回首页吗？',
-      'common.markdownDocDefault': 'Markdown 文档',
-      'common.customStyleDefault': '自定义风格',
-      'toolbar.home.tooltip': '返回首页',
-      'toolbar.open.tooltipDefault': '打开 Markdown 文件',
-      'toolbar.save.label': '保存',
-      'toolbar.save.tooltipDefault': '保存（⌘/Ctrl+S）',
-      'toolbar.save.tooltipDirty': '有未保存的改动（⌘/Ctrl+S）',
-      'toolbar.save.labelSaved': '已保存',
-      'toolbar.save.tooltipSaved': '已保存',
-      'toolbar.annotate.label': '批注',
-      'toolbar.annotate.tooltipOn': '批注已开启：选中文字可发起 AI 修改',
-      'toolbar.annotate.tooltipOff': '开启批注：选中文字后可发起 AI 修改',
-      'toolbar.needDoc': '请先打开文档',
-      'toolbar.mode.label': '预览',
-      'toolbar.mode.tooltipToPreview': '切换到预览',
-      'toolbar.mode.tooltipToEdit': '切换到编辑',
-      'toolbar.mode.tooltipRendering': '正在渲染预览…',
-      'toolbar.style.tooltip': '排版风格',
-      'toolbar.style.tooltipNeedsPreview': '请先切换到预览',
-      'toolbar.style.customSlot': '自定义风格 {n} · {label}',
-      'toolbar.style.customSlotEmpty': '自定义风格 {n}（空）',
-      'toolbar.fontSize.tooltipPreview': '预览时不可更改字体',
-      'toolbar.fontSize.tooltipEdit': '编辑器字体大小',
-      'toolbar.fontSize.small': '小',
-      'toolbar.fontSize.medium': '中',
-      'toolbar.fontSize.large': '大',
-      'toolbar.fontFamily.default': '默认（无衬线）',
-      'toolbar.fontFamily.serif': '衬线体',
-      'toolbar.comfort.read': '紧凑',
-      'toolbar.comfort.write': '舒适',
-      'toolbar.focus.tooltipOn': '专注已开启：非当前行半透明',
-      'toolbar.focus.tooltipOff': '开启专注：非当前行半透明',
-      'toolbar.more.reload': '重新渲染',
-      'toolbar.more.reveal': '在文件管理器中定位',
-      'toolbar.more.about': '关于渲染',
-      'annotate.lineUnknown': '（未能精确定位对应行号，请以下方引用文本为准）',
-      'annotate.lineSingle': '第 {a} 行',
-      'annotate.lineRange': '第 {a}–{b} 行',
-      'annotate.lineCompactUnknown': '未定位',
-      'annotate.requirementWith': '要求：{comment}',
-      'annotate.requirementDefault': '让表达更清晰',
-      'annotate.pathMissing': '（未关联本地文件，请先粘贴/保存全部内容）',
-      'annotate.promptText': '请改写这段 Markdown 内容（位置：{lineLabel}），{requirement}：\n\n{text}\n\n先给出可直接替换的片段；我确认后，用针对这一段的局部替换写回源文件（{path}），不用重发全文。',
-      'annotate.reminder': '仅给出改写建议，不要在未确认前直接写入源文件。回复用自然的说法（如“确认后我就改到文件里”），不要提工具名或动作名。【强制要求，不可省略】只要本回合给出了改写建议并等我确认，就必须在回复文本之后、本回合结束前调用一次 Session action=suggest，附上 1–3 个一键确认选项（如“就用这版”“用更短的那版”“再换个语气”）。只写完回复文字、不调用 suggest，视为任务未完成——“把方案写给用户看”和“让用户能一键确认”是同一个任务的两半，缺一不可，不要因为文字已给完就认为确认环节已经处理完毕。',
-      'newdoc.needChat': '请在 Finch 对话中使用“新建文档”。',
-      'newdoc.label': '新建 Markdown 文档',
-      'newdoc.promptText': '我想新建一篇 Markdown 文档。请先根据我的要求确定标题、内容与一个尚不存在的绝对保存路径；信息不足时先问我。确认后把完整正文写入那个路径，并在编辑器中打开这篇新文档。',
-      'newdoc.reminder': '只能新建文件，不要覆盖已有文件。回复用自然的说法，不要提工具名或动作名。【强制要求，不可省略】只要本回合需要我确认标题、方向或保存位置，就必须在回合结束前调用一次 Session action=suggest，给出 1–3 个一键选项，不要让我手打。光在文字里问问题而不调 suggest，视为这次询问没完成。',
-      'newdoc.added': '已把新建文档引导加入输入框。',
-      'aiStyle.label': '根据 {file} 设计风格',
-      'aiStyle.note': 'AI 一键排版',
-      'aiStyle.baseNoteCustom': '当前基础风格是 kami（自定义 CSS 叠加其上）',
-      'aiStyle.baseNoteOther': '当前基础风格是 {style}',
-      'aiStyle.pathMissing': '（未关联本地文件）',
-      'aiStyle.promptText': '请为这篇公众号文章设计一套自定义排版 CSS。{baseNote}，你的 CSS 会叠加在基础风格之上。要求：只写普通 CSS 规则，选择器限定在 #bm-md 下的标签/结构（如 #bm-md h1、#bm-md p、#bm-md blockquote、#bm-md pre code、#bm-md a、#bm-md strong、#bm-md table 等），不要使用 class（bm.md 输出没有 class，只有内联样式），必要时用 !important 覆盖基础风格。可参考 bm.md 内置风格的设计语言：kami（暖色纸感）、bauhaus（几何撞色）、blueprint（技术蓝图网格）、botanical（清新绿意）、newsprint（报刊衬线）、retro（复古怀旧）、sketch（手绘风）、terminal（等宽暗色终端风）。文章路径：{path}。动手生成 CSS 前，先询问用户要覆盖「自定义风格 1、2、3」中的哪一个槽位；用户选择后，再把设计好的 CSS 应用到那个槽位（需要 css、简短标签和槽位编号 1/2/3）。这会覆盖并持久化那个槽位，同时立即应用到预览。',
-      'aiStyle.reminder': '必须先询问槽位，不能自行猜测或覆盖；用户明确选定 1/2/3 后才应用。回复用自然的说法，不要提工具名或动作名。【强制要求，不可省略】询问槽位时必须在回合结束前调用一次 Session action=suggest，给出“用自定义风格 1/2/3”三个一键选项，不要让我手打。只在文字里问选哪个槽位、不调 suggest，视为询问未完成。',
-      'aiStyle.requested': '已请求 AI 设计自定义排版。',
-      'status.saved': '已保存。',
-      'status.savedWithNewChanges': '已保存，编辑器中仍有新改动。',
-      'status.saveFailed': '保存失败：{err}',
-      'status.saving': '正在保存…',
-      'status.noSourceFile': '未关联本地文件：点击工具栏「打开」重新选择一次即可关联并启用保存。',
-      'status.pickerTimeout': '文件选择器长时间无响应，已切换为浏览器内选择器：请重新点击"打开"。',
-      'status.externalUpdateSkipped': '检测到文件外部更新；为避免覆盖未保存内容，暂未载入。',
-      'status.draftRestored': '已恢复上次未保存的编辑内容（与磁盘文件不同）。如需放弃，点击「打开」重新选择该文件并选择"放弃"。',
-      'status.draftConflict': '检测到本地存有未保存草稿，但文件在别处已被修改保存；已加载最新文件内容，草稿仍保留在本地未丢弃。',
-      'status.sourceMissing': '原文件已被移动或删除；当前内容仍保留在编辑器中，保存将在原路径重新创建文件。',
-      'status.externalUpdateApplied': '检测到文件更新，已刷新。',
-      'status.openingPicker': '正在打开文件选择器…',
-      'status.opening': '正在打开…',
-      'status.opened': '已打开 {file}。',
-      'status.contentUpdated': '内容已更新。',
-      'status.contentUpdatedLine': '已更新第 {line} 行。',
-      'status.contentUpdatedLines': '已更新第 {from}–{to} 行。',
-      'status.contentUpdatedSpots': '已更新 {count} 处，共 {lines} 行。',
-      'status.pasteImageTimeout': '粘贴图片超时',
-      'status.pasteImageFailed': '粘贴图片失败：{msg}',
-      'status.clipboardPrepareTimeout': '准备公众号图片超时',
-      'status.pleaseOpenArticle': '请先打开文章。',
-      'status.copiedRich': '公众号富文本 HTML 已复制，可直接粘贴到公众号编辑器。',
-      'status.copiedPlainOnly': '仅复制到纯文本，格式未能带上，请重试一次。',
-      'status.copyFailed': '复制失败，请重试一次。',
-      'status.richCopyFailed': '富文本复制失败：{err}',
-      'status.clipboardUnsupported': '当前环境不支持复制图片，请改用「导出图片」。',
-      'status.generatingImage': '正在生成图片…',
-      'status.previewNotReady': '预览尚未就绪',
-      'status.imageCopied': '图片已复制到剪贴板。',
-      'status.copyImageFailed': '复制图片失败：{err}（可改用「导出图片」）',
-      'status.exportImageFailedGeneric': '导出图片失败：预览尚未就绪。',
-      'status.exportImageFailed': '导出图片失败：{err}',
-      'status.generatingPdf': '正在生成 PDF…',
-      'status.exportPdfFailedGeneric': '导出 PDF 失败：预览尚未就绪。',
-      'status.exportPdfFailed': '导出 PDF 失败：{err}',
-      'status.exported': '已导出：{path}',
-      'status.annotateOn': '批注已开启：选中文字可发起 AI 修改。',
-      'status.annotateOff': '批注已关闭。',
-      'status.comfortWrite': '已切换为舒适模式（行距加宽）。',
-      'status.comfortRead': '已切换为紧凑模式。',
-      'status.focusOn': '专注已开启：非当前行半透明。',
-      'status.focusOff': '专注已关闭。',
-      'status.saveFailedNoReturn': '保存失败，未返回首页。',
-      'status.rendererAboutPrefix': '渲染器：本机 bmmd CLI（',
-      'status.rendererAboutSuffix': '，LGPL-3.0）。',
-      'status.appliedStyleSlot': '已应用「{label}」。',
-      'status.needCustomStyleFirst': '请先应用一个自定义/AI 设计的风格，再保存到槽位。',
-      'status.savedToSlot': '已保存到槽位 {slot}：{label}',
-      'status.serializeFailed': '无法序列化预览内容：{err}',
-      'status.imageConversionFailed': '预览内容无法转成图片（可能含有无法跨域读取的外部图片）',
-      'status.imageGenFailed': '生成图片数据失败',
-      'status.clipboardPrepareFailedDefault': '准备公众号图片失败',
-      'status.pasteImageFailedDefault': '粘贴图片失败',
-      'status.savedAppliedToSlot': '{labelPrefix}已保存并应用到自定义风格 {slot}。',
-    },
-    en: {
-      'meta.title': 'Article Preview',
-      'home.title': 'Writing',
-      'home.tagline.withAssistant': 'Write Markdown together with {name}',
-      'home.tagline.default': 'Open a Markdown file to start editing and previewing, or create a new article.',
-      'home.openFile': 'Open File',
-      'home.newDoc': 'New Document',
-      'home.recentLabel': 'Recent',
-      'home.hintScoped': 'No Markdown documents have been opened from this folder yet.',
-      'home.hintDefault': 'Open a Markdown file — recently edited documents will show up here.',
-      'home.untitled': 'Untitled',
-      'home.revealInFileManager': 'Show in file manager',
-      'home.emptyDoc': '(Empty document)',
-      'home.cwdTitle': 'Open in Finder / File Explorer: {path}',
-      'home.cwdFallback': 'homePath (no-cwd fallback)',
-      'home.today': 'Today {clock}',
-      'home.yesterday': 'Yesterday {clock}',
-      'editor.ariaLabel': 'Writing editor',
-      'actions.copyToWx': 'Copy for WeChat',
-      'actions.copyImg': 'Copy image',
-      'actions.exportImg': 'Export image (download)',
-      'actions.exportPdf': 'Export PDF',
-      'actions.aiStyle': 'Ask AI to design layout',
-      'actions.toggle': 'Expand/collapse',
-      'popup.placeholder': 'Let {name} edit',
-      'popup.send': 'Send',
-      'confirm.cancel': 'Cancel',
-      'confirm.discard': "Don't save",
-      'confirm.save': 'Save and return',
-      'confirm.message': '\u201c{file}\u201d has unsaved changes. Save before returning to Home?',
-      'common.markdownDocDefault': 'Markdown document',
-      'common.customStyleDefault': 'Custom style',
-      'toolbar.home.tooltip': 'Back to Home',
-      'toolbar.open.tooltipDefault': 'Open Markdown file',
-      'toolbar.save.label': 'Save',
-      'toolbar.save.tooltipDefault': 'Save (\u2318/Ctrl+S)',
-      'toolbar.save.tooltipDirty': 'Unsaved changes (\u2318/Ctrl+S)',
-      'toolbar.save.labelSaved': 'Saved',
-      'toolbar.save.tooltipSaved': 'Saved',
-      'toolbar.annotate.label': 'Annotate',
-      'toolbar.annotate.tooltipOn': 'Annotate is on — select text to ask AI to revise it',
-      'toolbar.annotate.tooltipOff': 'Turn on Annotate: select text to ask AI to revise it',
-      'toolbar.needDoc': 'Open a document first',
-      'toolbar.mode.label': 'Preview',
-      'toolbar.mode.tooltipToPreview': 'Switch to preview',
-      'toolbar.mode.tooltipToEdit': 'Switch to edit',
-      'toolbar.mode.tooltipRendering': 'Rendering preview…',
-      'toolbar.style.tooltip': 'Layout style',
-      'toolbar.style.tooltipNeedsPreview': 'Switch to preview first',
-      'toolbar.style.customSlot': 'Custom style {n} · {label}',
-      'toolbar.style.customSlotEmpty': 'Custom style {n} (empty)',
-      'toolbar.fontSize.tooltipPreview': "Font can't be changed while previewing",
-      'toolbar.fontSize.tooltipEdit': 'Editor font size',
-      'toolbar.fontSize.small': 'Small',
-      'toolbar.fontSize.medium': 'Medium',
-      'toolbar.fontSize.large': 'Large',
-      'toolbar.fontFamily.default': 'Default (sans-serif)',
-      'toolbar.fontFamily.serif': 'Serif',
-      'toolbar.comfort.read': 'Compact',
-      'toolbar.comfort.write': 'Comfortable',
-      'toolbar.focus.tooltipOn': 'Focus mode is on — inactive lines are dimmed',
-      'toolbar.focus.tooltipOff': 'Turn on focus mode: dim inactive lines',
-      'toolbar.more.reload': 'Re-render',
-      'toolbar.more.reveal': 'Show in file manager',
-      'toolbar.more.about': 'About rendering',
-      'annotate.lineUnknown': "(Couldn't pinpoint the exact line — use the quoted text below as reference)",
-      'annotate.lineSingle': 'Line {a}',
-      'annotate.lineRange': 'Lines {a}\u2013{b}',
-      'annotate.lineCompactUnknown': 'Unlocated',
-      'annotate.requirementWith': 'Requirement: {comment}',
-      'annotate.requirementDefault': 'make the wording clearer',
-      'annotate.pathMissing': '(No local file linked — ask me to paste/save the full text first)',
-      'annotate.promptText': 'Please rewrite this Markdown passage (location: {lineLabel}), {requirement}:\n\n{text}\n\nGive a drop-in replacement snippet first; once I confirm, write it back to the source file ({path}) as a targeted local replacement, not a full resend of the document.',
-      'annotate.reminder': "Only propose the rewrite — don't write to the source file before I confirm. Reply in natural language (e.g. “I'll put it into the file once you confirm”); never name the tool or its actions. [MANDATORY, not optional] Whenever this turn proposes a rewrite and is waiting on my confirmation, calling Session action=suggest with 1–3 one-tap confirmations (e.g. “Use this one”, “Use the shorter version”, “Try another tone”) is part of completing that same turn — writing the proposal text is only half the job. Do not treat the turn as done, and do not skip the call, just because the proposal text itself was already sent.",
-      'newdoc.needChat': 'Use \u201cNew Document\u201d from the Finch chat instead.',
-      'newdoc.label': 'New Markdown Document',
-      'newdoc.promptText': 'I want to create a new Markdown document. First work out the title, content, and a not-yet-existing absolute save path from my request — ask me first if anything is missing. Once confirmed, write the full body to that path and open the new document in the editor.',
-      'newdoc.reminder': 'Only create a new file; never overwrite an existing one. Reply in natural language and never name the tool or its actions. [MANDATORY, not optional] Whenever this turn ends still waiting on me to confirm a title, an angle, or a save location, it must call Session action=suggest with 1–3 one-tap options before the turn ends — asking the question in plain text is not enough on its own; skipping the call leaves the question unfinished.',
-      'newdoc.added': 'Added the new-document prompt to the composer.',
-      'aiStyle.label': 'Design a layout based on {file}',
-      'aiStyle.note': 'One-click AI layout',
-      'aiStyle.baseNoteCustom': 'The current base style is kami (your custom CSS layers on top of it)',
-      'aiStyle.baseNoteOther': 'The current base style is {style}',
-      'aiStyle.pathMissing': '(No local file linked)',
-      'aiStyle.promptText': 'Please design a custom layout CSS for this WeChat article. {baseNote}, and your CSS will layer on top of the base style. Requirements: write plain CSS rules only, with selectors scoped to tags/structure under #bm-md (e.g. #bm-md h1, #bm-md p, #bm-md blockquote, #bm-md pre code, #bm-md a, #bm-md strong, #bm-md table); don\u2019t use classes (bm.md\u2019s output has no classes, only inline styles), and use !important where needed to override the base style. You can draw on bm.md\u2019s built-in style language: kami (warm paper feel), bauhaus (geometric color-blocking), blueprint (technical grid), botanical (fresh green), newsprint (editorial serif), retro (nostalgic), sketch (hand-drawn), terminal (monospace dark). Article path: {path}. Before generating any CSS, ask the user which of \u201cCustom style 1/2/3\u201d slots to overwrite; once they choose, apply the CSS you designed to that slot (it needs the css, a short label, and the slot number 1/2/3). That overwrites and persists the slot and applies it to the preview immediately.',
-      'aiStyle.reminder': 'Always ask which slot first — never guess or overwrite on your own; apply it only after the user picks 1/2/3. Reply in natural language and never name the tool or its actions. [MANDATORY, not optional] Asking which slot must always be paired with calling Session action=suggest (“Use custom style 1/2/3” as one-tap options) before the turn ends — the question is not considered asked until that call happens, not merely the text of the question.',
-      'aiStyle.requested': 'Asked AI to design a custom layout.',
-      'status.saved': 'Saved.',
-      'status.savedWithNewChanges': "Saved — but the editor already has newer changes.",
-      'status.saveFailed': 'Save failed: {err}',
-      'status.saving': 'Saving…',
-      'status.noSourceFile': 'Not linked to a local file: click “Open” in the toolbar again to link it and enable saving.',
-      'status.pickerTimeout': 'The file picker took too long to respond and switched to the in-browser picker — please click "Open" again.',
-      'status.externalUpdateSkipped': 'Detected an external file update; not loaded yet to avoid overwriting unsaved changes.',
-      'status.draftRestored': 'Restored your last unsaved edits (differs from the file on disk). To discard, click "Open" and pick this file again, then choose "Discard".',
-      'status.draftConflict': 'A local unsaved draft exists, but the file was changed and saved elsewhere; loaded the latest file content — the draft is kept, not discarded.',
-      'status.sourceMissing': 'The original file was moved or deleted; your content is still here — saving will recreate the file at its original path.',
-      'status.externalUpdateApplied': 'Detected a file update and refreshed.',
-      'status.openingPicker': 'Opening the file picker…',
-      'status.opening': 'Opening…',
-      'status.opened': 'Opened {file}.',
-      'status.contentUpdated': 'Content updated.',
-      'status.contentUpdatedLine': 'Updated line {line}.',
-      'status.contentUpdatedLines': 'Updated lines {from}\u2013{to}.',
-      'status.contentUpdatedSpots': 'Updated {count} spots, {lines} lines in total.',
-      'status.pasteImageTimeout': 'Paste image timed out',
-      'status.pasteImageFailed': 'Paste image failed: {msg}',
-      'status.clipboardPrepareTimeout': 'Preparing WeChat images timed out',
-      'status.pleaseOpenArticle': 'Open an article first.',
-      'status.copiedRich': 'Rich HTML copied — paste it directly into the WeChat editor.',
-      'status.copiedPlainOnly': "Only plain text was copied; formatting didn't come through — please try again.",
-      'status.copyFailed': 'Copy failed — please try again.',
-      'status.richCopyFailed': 'Rich-text copy failed: {err}',
-      'status.clipboardUnsupported': 'Copying images isn\u2019t supported here — use \u201cExport Image\u201d instead.',
-      'status.generatingImage': 'Generating image…',
-      'status.previewNotReady': "Preview isn't ready yet",
-      'status.imageCopied': 'Image copied to the clipboard.',
-      'status.copyImageFailed': 'Copy image failed: {err} (try \u201cExport Image\u201d instead)',
-      'status.exportImageFailedGeneric': "Export image failed: preview isn't ready yet.",
-      'status.exportImageFailed': 'Export image failed: {err}',
-      'status.generatingPdf': 'Generating PDF…',
-      'status.exportPdfFailedGeneric': "Export PDF failed: preview isn't ready yet.",
-      'status.exportPdfFailed': 'Export PDF failed: {err}',
-      'status.exported': 'Exported: {path}',
-      'status.annotateOn': 'Annotate is on — select text to ask AI to revise it.',
-      'status.annotateOff': 'Annotate is off.',
-      'status.comfortWrite': 'Comfortable mode is on — roomier line spacing.',
-      'status.comfortRead': 'Compact mode is on.',
-      'status.focusOn': 'Focus mode is on — inactive lines are dimmed.',
-      'status.focusOff': 'Focus mode is off.',
-      'status.saveFailedNoReturn': 'Save failed — staying on this document.',
-      'status.rendererAboutPrefix': 'Renderer: local bmmd CLI (',
-      'status.rendererAboutSuffix': ', LGPL-3.0).',
-      'status.appliedStyleSlot': 'Applied \u201c{label}\u201d.',
-      'status.needCustomStyleFirst': 'Apply a custom/AI-designed style first before saving it to a slot.',
-      'status.savedToSlot': 'Saved to slot {slot}: {label}',
-      'status.serializeFailed': 'Failed to serialize the preview content: {err}',
-      'status.imageConversionFailed': "The preview couldn't be converted to an image (it may contain external images that can't be read cross-origin)",
-      'status.imageGenFailed': 'Failed to generate image data',
-      'status.clipboardPrepareFailedDefault': 'Failed to prepare WeChat images',
-      'status.pasteImageFailedDefault': 'Paste image failed',
-      'status.savedAppliedToSlot': '{labelPrefix}Saved and applied to custom style {slot}.',
-    },
-  };
-  function t(key, vars) {
-    var dict = isZh ? STR.zh : STR.en;
-    var s = Object.prototype.hasOwnProperty.call(dict, key) ? dict[key]
-      : (Object.prototype.hasOwnProperty.call(STR.en, key) ? STR.en[key] : key);
-    if (vars) {
-      for (var k in vars) {
-        if (Object.prototype.hasOwnProperty.call(vars, k)) s = s.split('{' + k + '}').join(String(vars[k]));
-      }
-    }
-    return s;
-  }
-  function applyStaticI18n(root) {
-    var scope = root || document;
-    document.documentElement.lang = isZh ? 'zh-CN' : 'en';
-    document.title = t('meta.title');
-    Array.prototype.forEach.call(scope.querySelectorAll('[data-i18n]'), function (el) {
-      el.textContent = t(el.getAttribute('data-i18n'));
-    });
-    Array.prototype.forEach.call(scope.querySelectorAll('[data-i18n-title]'), function (el) {
-      el.title = t(el.getAttribute('data-i18n-title'));
-    });
-    // The floating preview action bar (WeChat copy/export buttons) renders
-    // its own styled tooltip bubble in CSS from `data-tooltip` (see
-    // `.actions button[data-tooltip]::after`). Those buttons must NOT also
-    // carry a native `title` attribute, or hovering shows both the custom
-    // bubble and the browser's plain OS tooltip at once. `aria-label` keeps
-    // them accessible without reintroducing a `title`.
-    Array.prototype.forEach.call(scope.querySelectorAll('[data-i18n-tooltip]'), function (el) {
-      var text = t(el.getAttribute('data-i18n-tooltip'));
-      el.setAttribute('data-tooltip', text);
-      el.setAttribute('aria-label', text);
-    });
-    Array.prototype.forEach.call(scope.querySelectorAll('[data-i18n-aria]'), function (el) {
-      el.setAttribute('aria-label', t(el.getAttribute('data-i18n-aria')));
-    });
-  }
-
-  var empty = document.getElementById('empty');
-  var emptyNew = document.getElementById('emptyNew');
-  var emptyOpen = document.getElementById('emptyOpen');
-  var homeRecent = document.getElementById('homeRecent');
-  var homeGrid = document.getElementById('homeGrid');
-  var homeCwd = document.getElementById('homeCwd');
-  var homeHint = document.getElementById('homeHint');
-  var homeTagline = document.getElementById('homeTagline');
-  var editPane = document.getElementById('editPane');
-  var previewPane = document.getElementById('previewPane');
-  var editor = document.getElementById('editor');
-  var frame = document.getElementById('article');
-  var statusEl = document.getElementById('status');
-  var popup = document.getElementById('popup');
-  var popupInput = document.getElementById('popupInput');
-  var popupSend = document.getElementById('popupSend');
-  var actions = document.getElementById('actions');
-  var actCopyWx = document.getElementById('actCopyWx');
-  var actCopyImg = document.getElementById('actCopyImg');
-  var actSaveImg = document.getElementById('actSaveImg');
-  var actSavePdf = document.getElementById('actSavePdf');
-  var actAiStyle = document.getElementById('actAiStyle');
-  var actToggle = document.getElementById('actToggle');
-  var confirmOverlay = document.getElementById('confirmOverlay');
-  var confirmMessage = document.getElementById('confirmMessage');
-  var confirmCancel = document.getElementById('confirmCancel');
-  var confirmDiscard = document.getElementById('confirmDiscard');
-  var confirmSave = document.getElementById('confirmSave');
-
-  var pickFileSupported = false; // set from the backend 'ready' message
-  var annotationsEnabled = false; // off by default; toggled from the toolbar "annotate" button
-  var mode = 'edit';          // 'edit' | 'preview'
-  var style = 'kami';
-  var customCss = '';
-  var customStyleLabel = ''; // label of the currently-applied AI/custom CSS, if any
-  // 3 reusable custom-style slots, persisted host-side (global — shared by
-  // every document/panel, not per-session) so a style designed for one
-  // article can be reapplied to the next without asking AI to redesign it.
-  // Populated from the 'ready' message; kept in sync via 'styleSlots'.
-  var styleSlots = [null, null, null];
-  // Editor-only preferences. The font stacks are system-first: no webfont
-  // downloads, while macOS/Windows/Linux each get a native matching face.
-  var EDITOR_FONTS = {
-    songti: 'Songti SC, STSong, SimSun, Noto Serif CJK SC, serif',
-    rounded: 'PingFang SC, Microsoft YaHei, Noto Sans CJK SC, sans-serif'
-  };
-  var editorFontSize = 14;
-  var editorFont = 'rounded';
-  // Comfortable mode: roomier line spacing while composing. Default off
-  // (compact mode keeps the tighter 2px/1.7rem layout).
-  var comfortWriting = false;
-  // Focus mode ("专注"): dims every line except the cursor's own line.
-  var focusMode = false;
-  try {
-    // Only the three menu tiers are valid; anything else (missing, corrupt,
-    // or from an older tier set) falls back to the default 14px tier.
-    var savedFontSize = Number(localStorage.getItem('md-editor-font-size'));
-    if (savedFontSize === 14 || savedFontSize === 16 || savedFontSize === 18) editorFontSize = savedFontSize;
-    var savedEditorFont = localStorage.getItem('md-editor-font-family');
-    if (EDITOR_FONTS[savedEditorFont]) editorFont = savedEditorFont;
-    else if (savedEditorFont) localStorage.removeItem('md-editor-font-family');
-    comfortWriting = localStorage.getItem('md-editor-comfort-writing') === '1';
-    focusMode = localStorage.getItem('md-editor-focus-mode') === '1';
-  } catch (e) {}
-  var markdown = '';
-  var name = '';
-  var fileName = '';
-  var sourcePath = '';
-  var savedMarkdown = null;   // last markdown value confirmed written to disk
-  var html = '';
-  var frameReady = false;
-  var renderId = 0;
-  var renderingPreview = false;
-  var saveId = 0;
-  var pendingSaveContents = {};
-  // Resolvers for callers that need to *await* a save round-trip (the
-  // unsaved-changes confirm below) rather than fire-and-forget like the
-  // Save button / Cmd+S. Keyed by the same saveId as pendingSaveContents.
-  var pendingSaveResolvers = {};
-  var pasteImageId = 0;
-  var pendingPasteImages = {};
-  var clipboardImageId = 0;
-  var pendingClipboardImages = {};
-  var savedFlashTimer = 0;
-  var fileHandle = null;
-  var lastModified = 0;
-  var watchTimer = 0;
-  var watchBusy = false;
-  var selection = { text: '' };
-
-  var statusHideTimer = 0;
-  function setStatus(text, isError) {
-    if (statusHideTimer) { clearTimeout(statusHideTimer); statusHideTimer = 0; }
-    statusEl.textContent = text || '';
-    statusEl.className = 'status' + (isError ? ' error' : '');
-    // Auto-clear after 5s so a stale "已保存"/error message doesn't linger
-    // in the footer forever; an empty message needs no timer at all.
-    if (text) statusHideTimer = setTimeout(function () {
-      statusHideTimer = 0;
-      statusEl.textContent = '';
-      statusEl.className = 'status';
-    }, 5000);
-  }
-
-  function showRendererAbout() {
-    if (statusHideTimer) { clearTimeout(statusHideTimer); statusHideTimer = 0; }
-    statusEl.replaceChildren(document.createTextNode(t('status.rendererAboutPrefix')));
-    var link = document.createElement('a');
-    link.href = 'https://bm.md/';
-    link.textContent = 'bm.md';
-    link.title = 'https://bm.md/';
-    link.addEventListener('click', function (event) {
-      event.preventDefault();
-      if (api && api.postMessage) api.postMessage({ type: 'openLink', url: 'https://bm.md/' });
-    });
-    statusEl.append(link, document.createTextNode(t('status.rendererAboutSuffix')));
-    statusEl.className = 'status';
-    statusHideTimer = setTimeout(function () {
-      statusHideTimer = 0;
-      statusEl.textContent = '';
-      statusEl.className = 'status';
-    }, 5000);
-  }
-
-  function hasDocument() { return !!markdown || !!sourcePath; }
-
-  if (emptyNew) emptyNew.addEventListener('click', async function () {
-    if (!api || !api.composer) {
-      setStatus(t('newdoc.needChat'), true);
-      return;
-    }
-    try {
-      await api.composer.addContexts([{
-        type: 'annotation',
-        label: t('newdoc.label'),
-        promptText: t('newdoc.promptText'),
-        reminder: t('newdoc.reminder'),
-      }]);
-      setStatus(t('newdoc.added'));
-    } catch (e) {
-      setStatus(String(e), true);
-    }
-  });
-
-  if (emptyOpen) emptyOpen.addEventListener('click', function () { openFile(); });
-
-  // ── Home: recent documents ────────────────────────────────────────────
-  // The working directory arrives with the platform's own `finch:env` push;
-  // the backend scopes its recent-file list to whatever we hand back, so a
-  // panel in another Space never shows this Space's documents.
-  var envCwd = '';
-  var envSessionId = '';
-  var envSpaceId = '';
-  var fallbackCwd = '';
-  // Some Home views arrive without cwd/session. The backend may return the
-  // persisted ordinary-chat homePath as `fallbackCwd`, so empty envCwd must
-  // not block the request. Only "no `finch:env` yet" should, which this
-  // separate flag tracks instead of overloading envCwd.
-  var envReceived = false;
-  var recentRequested = false;
-  var assistantName = '';
-  var homeDir = '';
-
-  function escapeHtml(text) {
-    return String(text).replace(/[&<>"]/g, function (ch) {
-      return ch === '&' ? '&amp;' : ch === '<' ? '&lt;' : ch === '>' ? '&gt;' : '&quot;';
-    });
-  }
-
-  function updateHomeTagline() {
-    if (!homeTagline) return;
-    homeTagline.textContent = assistantName
-      ? t('home.tagline.withAssistant', { name: assistantName })
-      : t('home.tagline.default');
-  }
-
-  // "让 AI 编辑" placeholder becomes "让 <assistant name> 编辑"
-  // once the real assistant name arrives — same withAssistant/default split
-  // as the tagline above, so the popup never claims to be a generic "AI"
-  // when it's actually this session's named assistant. Fallback "Finch"
-  // mirrors the backend's own getAssistantName() default, so even the
-  // pre-handshake flash never says "AI".
-  function updatePopupPlaceholder() {
-    if (!popupInput) return;
-    popupInput.placeholder = t('popup.placeholder', { name: assistantName || 'Finch' });
-  }
-
-  // OS-friendly display only — the raw absolute path is still what's sent
-  // to the backend for the "reveal in file manager" click. homeDir arrives
-  // with the platform's own separator (Windows: "C:\Users\name", so check
-  // both '/' and '\\' — a plain '/'-only check would never match there and
-  // Windows paths would simply show in full, unabbreviated, which is fine).
-  function formatFriendlyPath(absPath) {
-    if (!absPath) return '';
-    if (homeDir && absPath === homeDir) return '~';
-    if (homeDir && (absPath.indexOf(homeDir + '/') === 0 || absPath.indexOf(homeDir + '\\') === 0)) {
-      return '~' + absPath.slice(homeDir.length);
-    }
-    return absPath;
-  }
-
-  // Manual front-truncation ("…/end/of/path") instead of CSS text-overflow
-  // (which trims the end, hiding the most useful — innermost — folder name).
-  // Character-count based rather than pixel-measured: good enough for a
-  // secondary label, and the CSS ellipsis on .home-cwd still backstops any
-  // panel narrower than this budget assumes.
-  function truncateFriendlyPath(text) {
-    var MAX = 46;
-    if (!text || text.length <= MAX) return text;
-    var sep = text.indexOf('/') === -1 && text.indexOf('\\') !== -1 ? '\\' : '/';
-    var tail = text.slice(-(MAX - 1));
-    var sepIdx = tail.indexOf(sep);
-    if (sepIdx > 0 && sepIdx < 10) tail = tail.slice(sepIdx);
-    return '…' + tail;
-  }
-
-  function renderHomeCwd() {
-    if (!homeCwd) return;
-    // `fallbackCwd` is the persisted real cwd from an ordinary no-Space
-    // Session, not a virtual filesystem path. It makes the Home view and
-    // that Session share exactly one recent-document scope.
-    var effectiveCwd = envCwd || fallbackCwd;
-    homeCwd.textContent = truncateFriendlyPath(formatFriendlyPath(effectiveCwd));
-    homeCwd.title = effectiveCwd ? t('home.cwdTitle', { path: effectiveCwd }) : '';
-    homeCwd.hidden = !effectiveCwd;
-  }
-
-  if (homeCwd) homeCwd.addEventListener('click', function () {
-    var effectiveCwd = envCwd || fallbackCwd;
-    if (!effectiveCwd || !api || !api.postMessage) return;
-    api.postMessage({ type: 'openPath', path: effectiveCwd });
-  });
-
-  function formatDocTime(ts) {
-    var date = new Date(ts);
-    if (!ts || isNaN(date.getTime())) return '';
-    var now = new Date();
-    var pad = function (n) { return n < 10 ? '0' + n : String(n); };
-    var clock = pad(date.getHours()) + ':' + pad(date.getMinutes());
-    var sameDay = date.toDateString() === now.toDateString();
-    if (sameDay) return t('home.today', { clock: clock });
-    var yesterday = new Date(now.getTime() - 86400000);
-    if (date.toDateString() === yesterday.toDateString()) return t('home.yesterday', { clock: clock });
-    if (date.getFullYear() === now.getFullYear()) return pad(date.getMonth() + 1) + '-' + pad(date.getDate());
-    return date.getFullYear() + '-' + pad(date.getMonth() + 1) + '-' + pad(date.getDate());
-  }
-
-  function requestRecentDocuments() {
-    if (!api || !api.postMessage || !envReceived) return;
-    recentRequested = true;
-    api.postMessage({ type: 'requestRecentDocuments', cwd: envCwd, sessionId: envSessionId, spaceId: envSpaceId });
-  }
-
-  function renderRecentDocuments(documents) {
-    if (!homeGrid || !homeRecent || !homeHint) return;
-    var list = Array.isArray(documents) ? documents : [];
-    if (list.length === 0) {
-      homeRecent.hidden = true;
-      homeHint.hidden = false;
-      homeHint.textContent = envCwd
-        ? t('home.hintScoped')
-        : t('home.hintDefault');
-      return;
-    }
-    var cards = '';
-    for (var i = 0; i < list.length; i++) {
-      var doc = list[i] || {};
-      // Under the virtual homePath scope relativePath is necessarily an
-      // absolute path. The normal RTL tail-truncation presentation would
-      // visually move its leading '/' to the far right, so keep it LTR.
-      var docPath = doc.relativePath || doc.fileName || '';
-      var docPathClass = /^(\/|[A-Za-z]:[\\/])/.test(docPath) ? 'doc-path absolute-path' : 'doc-path';
-      cards += '<button class="doc-card" type="button" data-path="' + escapeHtml(doc.path || '') + '" title="' + escapeHtml(doc.path || '') + '">'
-        + '<span class="doc-reveal" data-reveal-path="' + escapeHtml(doc.path || '') + '" role="button" tabindex="0" title="' + escapeHtml(t('home.revealInFileManager')) + '" aria-label="' + escapeHtml(t('home.revealInFileManager')) + '">'
-        + '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 14 1.45-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.55 6a2 2 0 0 1-1.94 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"/></svg>'
-        + '</span>'
-        + '<div class="doc-preview">' + escapeHtml(doc.preview || t('home.emptyDoc')) + '</div>'
-        + '<div class="doc-foot">'
-        + '<div class="doc-title">' + escapeHtml(doc.title || doc.fileName || t('home.untitled')) + '</div>'
-        + '<div class="doc-sub"><span class="' + docPathClass + '">' + escapeHtml(docPath) + '</span>'
-        + '<span class="doc-time">' + escapeHtml(formatDocTime(doc.modifiedAt)) + '</span></div>'
-        + '</div></button>';
-    }
-    homeGrid.innerHTML = cards;
-    homeRecent.hidden = false;
-    homeHint.hidden = true;
-  }
-
-  // Set while a Home-card click is in flight, so the `document` reply below
-  // can turn "正在打开…" into a completion message instead of leaving it
-  // to linger (or getting silently swallowed by the "isFirst" branch, which
-  // otherwise prints nothing at all for the very first document a panel loads).
-  var loadingFromHome = false;
-
-  if (homeGrid) homeGrid.addEventListener('click', function (event) {
-    if (!api || !api.postMessage) return;
-    var reveal = event.target && event.target.closest ? event.target.closest('.doc-reveal') : null;
-    if (reveal) {
-      event.preventDefault();
-      event.stopPropagation();
-      var revealPath = reveal.getAttribute('data-reveal-path') || '';
-      if (revealPath) api.postMessage({ type: 'openPath', path: revealPath });
-      return;
-    }
-    var card = event.target && event.target.closest ? event.target.closest('.doc-card') : null;
-    if (!card) return;
-    var docPath = card.getAttribute('data-path') || '';
-    if (!docPath) return;
-    loadingFromHome = true;
-    setStatus(t('status.opening'));
-    api.postMessage({ type: 'loadPath', path: docPath });
-  });
-  // The reveal control is keyboard-focusable (role="button" tabindex="0")
-  // since it's nested inside the card's own <button>; Enter/Space need their
-  // own handler because a non-<button> element doesn't get native activation.
-  if (homeGrid) homeGrid.addEventListener('keydown', function (event) {
-    if (event.key !== 'Enter' && event.key !== ' ') return;
-    var reveal = event.target && event.target.closest ? event.target.closest('.doc-reveal') : null;
-    if (!reveal || !api || !api.postMessage) return;
-    event.preventDefault();
-    event.stopPropagation();
-    var revealPath = reveal.getAttribute('data-reveal-path') || '';
-    if (revealPath) api.postMessage({ type: 'openPath', path: revealPath });
-  });
-
-  function updateEmptyState() {
-    empty.hidden = hasDocument();
-    if (actions) actions.hidden = !html;
-    // Refresh whenever the home page comes back into view: mtimes change while
-    // a document is open, and a file may have been created since last render.
-    if (!empty.hidden && envReceived) requestRecentDocuments();
-  }
-
-  function showPane() {
-    editPane.classList.toggle('active', mode === 'edit');
-    previewPane.classList.toggle('active', mode === 'preview');
-    if (mode === 'edit' && cm) requestAnimationFrame(function () { cm.layout(); });
-  }
-
-  function setPanelTitle(title) {
-    if (!api || !api.panel || !api.panel.setTitle) return;
-    api.panel.setTitle(title || t('home.title')).catch(function () {});
-  }
-
-  // 8 built-in presets, then a separator, then the 3 reusable AI-managed
-  // slots. The AI-custom entry itself was removed from this menu — AI now
-  // asks which slot to overwrite before calling set_style, so users only
-  // need this menu to pick a preset or reapply a saved slot.
-  function buildStyleMenuItems() {
-    var items = [
-      { id: 'style:kami', label: 'Kami' },
-      { id: 'style:bauhaus', label: 'Bauhaus' },
-      { id: 'style:blueprint', label: 'Blueprint' },
-      { id: 'style:botanical', label: 'Botanical' },
-      { id: 'style:newsprint', label: 'Newsprint' },
-      { id: 'style:retro', label: 'Retro' },
-      { id: 'style:sketch', label: 'Sketch' },
-      { id: 'style:terminal', label: 'Terminal' },
-      { id: 'style-sep', label: '', separator: true },
-    ];
-    for (var i = 0; i < 3; i++) {
-      var slot = styleSlots[i];
-      items.push(slot
-        ? { id: 'style:slot-use:' + i, label: t('toolbar.style.customSlot', { n: i + 1, label: slot.label }) }
-        : { id: 'style:slot-use:' + i, label: t('toolbar.style.customSlotEmpty', { n: i + 1 }), disabled: true });
-    }
-    return items;
-  }
-
-  // The whole toolbar is rebuilt and pushed as one array (rather than patching
-  // single items) so icon/label/disabled/checked states never drift out of
-  // sync with each other, and so `ext:` icon ids are always resolved fresh
-  // against the already-registered icon pack instead of racing it.
-  function buildToolbar() {
-    var saveIcon = 'ext:markdown-editor-icons/save';
-    var saveLabel = t('toolbar.save.label'), saveTooltip = t('toolbar.save.tooltipDefault');
-    if (dirty) {
-      // No extra "•" glyph — an enabled/highlighted save button already
-      // signals "there's something to save" without adding visual noise.
-      saveLabel = t('toolbar.save.label');
-      saveTooltip = t('toolbar.save.tooltipDirty');
-    } else if (savedFlash) {
-      saveIcon = 'ext:markdown-editor-icons/save-check';
-      saveLabel = t('toolbar.save.labelSaved');
-      saveTooltip = t('toolbar.save.tooltipSaved');
-    }
-    var hasDoc = hasDocument();
-    return [
-      {
-        // Always available — a one-click way back to the recent-documents
-        // launch page, regardless of what's currently open.
-        id: 'home', icon: 'house', tooltip: t('toolbar.home.tooltip'),
-      },
-      {
-        // Icon-only: the open action is unambiguous from the folder icon,
-        // and dropping the label keeps this crowded toolbar's left edge compact.
-        id: 'open', icon: 'ext:markdown-editor-icons/folder-open',
-        tooltip: sourcePath || fileName || t('toolbar.open.tooltipDefault'), disabled: nativePickPending,
-      },
-      { id: 'save', icon: saveIcon, label: saveLabel, tooltip: saveTooltip, disabled: !dirty },
-      { type: 'separator' },
-      {
-        // Labeled, unlike 'open': annotate is a mode toggle (checked state)
-        // rather than a one-shot action, so a visible label makes the
-        // on/off state legible at a glance instead of relying on hover.
-        // Both this and preview need an open document to mean anything.
-        id: 'annotate', icon: 'ext:markdown-editor-icons/file-pen-line', label: t('toolbar.annotate.label'),
-        tooltip: hasDoc ? (annotationsEnabled ? t('toolbar.annotate.tooltipOn') : t('toolbar.annotate.tooltipOff')) : t('toolbar.needDoc'),
-        checked: annotationsEnabled, disabled: !hasDoc,
-      },
-      {
-        // Label stays "预览" no matter which mode is active — the swatch
-        // icon plus `checked` already communicate on/off; flipping the word
-        // itself between "预览"/"编辑" read as ambiguous ("is this the mode
-        // I'm in, or the one I'm switching to?").
-        id: 'mode', icon: renderingPreview ? 'ext:markdown-editor-icons/hourglass' : 'ext:markdown-editor-icons/swatch-book',
-        label: t('toolbar.mode.label'), tooltip: hasDoc ? (renderingPreview ? t('toolbar.mode.tooltipRendering') : mode === 'edit' ? t('toolbar.mode.tooltipToPreview') : t('toolbar.mode.tooltipToEdit')) : t('toolbar.needDoc'),
-        checked: mode === 'preview', disabled: !hasDoc,
-      },
-      {
-        type: 'menu', id: 'style', icon: 'palette', tooltip: mode === 'preview' ? t('toolbar.style.tooltip') : t('toolbar.style.tooltipNeedsPreview'),
-        disabled: mode !== 'preview',
-        items: buildStyleMenuItems(),
-      },
-      { type: 'spacer' },
-      // NOTE: copy/export/AI-layout deliberately do NOT live here. A host
-      // toolbar click reaches this page as a postMessage, which carries no
-      // user activation, so clipboard writes and composer.addContexts() were
-      // both being rejected ("This action requires a user gesture") until
-      // the user first clicked somewhere in the page. Those actions now sit
-      // in the in-page floating bar over the preview (see `.actions` above),
-      // where a click is a real user gesture and they succeed on first try.
-      {
-        // Focus mode ("专注"): dims every line except the cursor's own, a
-        // checked toggle like annotate. Editing-only; preview has no lines.
-        // Icon-only like `open` — the tooltip explains what it does.
-        id: 'focus', icon: 'ext:markdown-editor-icons/feather',
-        tooltip: hasDoc ? (focusMode ? t('toolbar.focus.tooltipOn') : t('toolbar.focus.tooltipOff')) : t('toolbar.needDoc'),
-        checked: focusMode, disabled: !hasDoc || mode === 'preview',
-      },
-      {
-        type: 'menu', id: 'font-size', icon: 'ext:markdown-editor-icons/type',
-        tooltip: !hasDoc ? t('toolbar.needDoc') : mode === 'preview' ? t('toolbar.fontSize.tooltipPreview') : t('toolbar.fontSize.tooltipEdit'),
-        disabled: !hasDoc || mode === 'preview',
-        items: [
-          { id: 'comfort:read', label: t('toolbar.comfort.read'), checked: !comfortWriting },
-          { id: 'comfort:write', label: t('toolbar.comfort.write'), checked: comfortWriting },
-          { id: 'font-comfort-sep', label: '', separator: true },
-          { id: 'font-size:14', label: t('toolbar.fontSize.small'), checked: editorFontSize === 14 },
-          { id: 'font-size:16', label: t('toolbar.fontSize.medium'), checked: editorFontSize === 16 },
-          { id: 'font-size:18', label: t('toolbar.fontSize.large'), checked: editorFontSize === 18 },
-          { id: 'font-sep', label: '', separator: true },
-          { id: 'font-family:rounded', label: t('toolbar.fontFamily.default'), checked: editorFont === 'rounded' },
-          { id: 'font-family:songti', label: t('toolbar.fontFamily.serif'), checked: editorFont === 'songti' },
-        ],
-      },
-      {
-        type: 'menu', id: 'more', icon: 'settings',
-        items: [
-          { id: 'reload', label: t('toolbar.more.reload'), disabled: mode !== 'preview' },
-          { id: 'reveal', label: t('toolbar.more.reveal'), disabled: !hasDoc },
-          { id: 'more-sep', label: '', separator: true },
-          { id: 'about', label: t('toolbar.more.about') },
-        ],
-      },
-    ];
-  }
-
-  function syncToolbar() {
-    if (api) api.postMessage({ type: 'setToolbar', toolbar: buildToolbar() });
-  }
-
-  function setMode(next) {
-    closePopup();
-    mode = next;
-    showPane();
-    syncToolbar();
-    if (mode === 'preview') render();
-  }
-
-  // ---- CodeMirror 6 Markdown editor ----
-
-  // Bridges a pasted image File to the host, which writes it under this
-  // mini tool's own storage dir and replies with a `finch-file://` URL to
-  // insert. Round-trips through the same requestId/pending-map pattern as
-  // saveMarkdown above, since postMessage has no built-in request/response.
-  function pasteImageToHost(file) {
-    if (!api || !api.postMessage) return Promise.reject(new Error('No host bridge.'));
-    return new Promise(function (resolve, reject) {
-      var reader = new FileReader();
-      reader.onload = function () {
-        var dataUrl = typeof reader.result === 'string' ? reader.result : '';
-        var comma = dataUrl.indexOf(',');
-        var base64 = comma >= 0 ? dataUrl.slice(comma + 1) : '';
-        if (!base64) { reject(new Error('Could not read pasted image.')); return; }
-        var id = ++pasteImageId;
-        pendingPasteImages[id] = { resolve: resolve, reject: reject };
-        setTimeout(function () {
-          if (pendingPasteImages[id]) { delete pendingPasteImages[id]; reject(new Error(t('status.pasteImageTimeout'))); }
-        }, 15000);
-        api.postMessage({ type: 'pasteImage', data: base64, mimeType: file.type, requestId: id });
-      };
-      reader.onerror = function () { reject(new Error('Could not read pasted image.')); };
-      reader.readAsDataURL(file);
-    });
-  }
-
-  var cm = window.MarkdownCodeMirror.create({
-    parent: editor,
-    value: markdown,
-    onChange: function (value) {
-      markdown = value;
-      closePopup();
-      updateEmptyState();
-      setDirty(true);
-      scheduleDraftSave();
-    },
-    onOpenLink: function (url) {
-      if (api && api.postMessage) api.postMessage({ type: 'openLink', url: url });
-    },
-    onOpenImage: function (url) {
-      if (!api || !api.postMessage) return;
-      // Match Finch Delivery's preview message: pass the decoded absolute path
-      // directly to the host for local Finch files, rather than asking it to
-      // parse the custom URL a second time.
-      try {
-        var parsedImageUrl = new URL(url);
-        if (parsedImageUrl.protocol === 'finch-file:' && parsedImageUrl.hostname === 'local') {
-          var imagePath = parsedImageUrl.searchParams.get('path');
-          if (imagePath) { api.postMessage({ type: 'openImage', path: imagePath }); return; }
-        }
-      } catch (_) {}
-      api.postMessage({ type: 'openImage', url: url });
-    },
-    onPasteImage: pasteImageToHost,
-  });
-  cm.setFontSize(editorFontSize);
-  cm.setFontFamily(EDITOR_FONTS[editorFont]);
-  cm.setComfortWriting(comfortWriting);
-  cm.setFocusMode(focusMode);
-  cm.scrollDOM.addEventListener('scroll', closePopup);
-
-  // ---- Markdown <-> bm.md rendering ----
-
-  function activeCustomCss() { return style === 'custom' ? customCss : ''; }
-
-  function render() {
-    if (!markdown || !api) return;
-    var id = ++renderId;
-    renderingPreview = true;
-    syncToolbar();
-    api.postMessage({
-      type: 'renderBm',
-      markdown: markdown,
-      markdownStyle: style === 'custom' ? 'kami' : style,
-      customCss: activeCustomCss(),
-      requestId: id,
-    });
-  }
-
-  function captureScroll() {
-    var d = frame.contentDocument, e = d && d.scrollingElement;
-    if (!e) return null;
-    return { top: e.scrollTop };
-  }
-
-  function restoreScroll(saved) {
-    var d = frame.contentDocument, e = d && d.scrollingElement;
-    if (!saved || !e) return;
-    e.scrollTop = Math.min(saved.top, Math.max(0, e.scrollHeight - e.clientHeight));
-  }
-
-  // The <iframe id="article"> box itself already carries the correct
-  // theme-matched background (var(--card) in the CSS above, resolved for
-  // whatever skin/light/dark mode Finch is currently in). Read that back
-  // with getComputedStyle so the iframe's OWN document — which is what
-  // actually paints once its content loads — uses the identical color
-  // instead of the browser's default opaque-white canvas. This keeps short
-  // articles from showing a plain white strip below the themed content.
-  function articleBg() {
-    try { return getComputedStyle(frame).backgroundColor || ''; } catch (e) { return ''; }
-  }
-
-  function showHtml(next) {
-    var previous = captureScroll();
-    var d = frame.contentDocument;
-    html = next;
-    var bg = articleBg();
-    if (frameReady && d && d.body) {
-      d.body.innerHTML = html;
-      if (bg) d.body.style.background = bg;
-      restoreScroll(previous);
-      bindPreviewSelection();
-      return;
-    }
-    // Only reset the iframe's own html/body box model here. bm.md already
-    // inlines its own spacing (e.g. "padding: 2em 1.75em") and background
-    // directly onto the #bm-md section — do NOT override those, or the
-    // article loses its official top padding/background and looks flush
-    // against the frame edge.
-    frame.srcdoc = '<!doctype html><meta charset="utf-8"><base target="_blank">' +
-      '<style>html,body{margin:0!important;padding:0!important;min-height:100%}' +
-      'body{background:' + (bg || 'transparent') + '}' +
-      // bm.md's own inline style on #bm-md never sets a height, so a short
-      // article's background only covers its own content and the rest of
-      // the frame falls back to the body background set above. That's fine
-      // inside this iframe (body already carries the matching color), but
-      // it means the "所见即所得" canvas/PDF export and the raw #bm-md
-      // outerHTML used for copy would both crop right at the last line —
-      // no full-bleed backdrop the way the actual WeChat article does once
-      // published. Forcing #bm-md to at least fill the viewport keeps its
-      // own background (not just the iframe's) reaching all the way down.
-      '#bm-md{min-height:100dvh}</style>' +
-      '<body>' + html;
-  }
-
-  function lineRangeForOffsets(text, start, end) {
-    return { start: text.slice(0, start).split('\n').length, end: text.slice(0, end).split('\n').length };
-  }
-
-  function normalizeMappedText(text, sourceMap) {
-    var normalized = '', map = [];
-    for (var i = 0; i < text.length; i++) {
-      if (/\s/.test(text[i])) {
-        if (normalized && normalized[normalized.length - 1] !== ' ') {
-          normalized += ' ';
-          map.push(sourceMap[i]);
-        }
-      } else {
-        normalized += text[i];
-        map.push(sourceMap[i]);
-      }
-    }
-    if (normalized.endsWith(' ')) { normalized = normalized.slice(0, -1); map.pop(); }
-    return { text: normalized, map: map };
-  }
-
-  // Build an approximation of bm.md's visible text while retaining a map
-  // back to source offsets. Markdown markers and link destinations disappear
-  // in preview, which is why a direct substring search alone misses lines.
-  function projectRenderedMarkdown(source) {
-    var text = '', map = [];
-    function append(char, offset) { text += char; map.push(offset); }
-    for (var i = 0; i < source.length;) {
-      var lineStart = i === 0 || source[i - 1] === '\n';
-      if (lineStart) {
-        var fence = /^[ \t]*(?:```|~~~)[^\n]*/.exec(source.slice(i));
-        if (fence) { i += fence[0].length; continue; }
-        var prefix = /^[ \t]*(?:#{1,6}|>+|[-+*]|\d+[.)])[ \t]+/.exec(source.slice(i));
-        if (prefix) { i += prefix[0].length; continue; }
-      }
-      var link = /^!?\[([^\]]*)\]\((?:\\.|[^)])*\)/.exec(source.slice(i));
-      if (link) {
-        var labelOffset = i + link[0].indexOf('[') + 1;
-        for (var j = 0; j < link[1].length; j++) {
-          if (!/[*_~`]/.test(link[1][j])) append(link[1][j], labelOffset + j);
-        }
-        i += link[0].length;
-        continue;
-      }
-      var htmlTag = /^<[^>]+>/.exec(source.slice(i));
-      if (htmlTag) { i += htmlTag[0].length; continue; }
-      if (source[i] === '\\' && i + 1 < source.length) {
-        append(source[i + 1], i + 1);
-        i += 2;
-        continue;
-      }
-      if (/[*_~`]/.test(source[i])) { i++; continue; }
-      append(source[i], i);
-      i++;
-    }
-    return normalizeMappedText(text, map);
-  }
-
-  function findRenderedSourceRange(source, renderedText) {
-    var direct = source.indexOf(renderedText);
-    if (direct >= 0) return { start: direct, end: direct + renderedText.length };
-    var projected = projectRenderedMarkdown(source);
-    var needle = renderedText.replace(/\s+/g, ' ').trim();
-    var index = projected.text.indexOf(needle);
-    if (index >= 0) {
-      return { start: projected.map[index], end: projected.map[index + needle.length - 1] + 1 };
-    }
-    if (needle.length >= 12) {
-      var first = needle.slice(0, 6);
-      var last = needle.slice(-6);
-      var firstIndex = projected.text.indexOf(first);
-      var lastIndex = projected.text.indexOf(last, Math.max(0, firstIndex + first.length));
-      if (firstIndex >= 0 && lastIndex >= firstIndex) {
-        return { start: projected.map[firstIndex], end: projected.map[lastIndex + last.length - 1] + 1 };
-      }
-    }
-    return null;
-  }
-
-  function pathFileName(value) {
-    return String(value || '').split(/[\\/]/).pop() || '';
-  }
-
-  function bindPreviewSelection() {
-    var d = frame.contentDocument;
-    if (!d || d.__bound) return;
-    d.__bound = true;
-    function picked() {
-      if (!annotationsEnabled) return;
-      var w = frame.contentWindow;
-      var s = w.getSelection();
-      var text = s.toString().trim();
-      if (!text || !s.rangeCount) return;
-      var range = s.getRangeAt(0);
-      var rects = Array.from(range.getClientRects());
-      var frameRect = frame.getBoundingClientRect();
-      var boxes = rects.map(function (r) {
-        return { top: frameRect.top + r.top, left: frameRect.left + r.left, width: r.width, height: r.height };
-      });
-      var rect = range.getBoundingClientRect();
-      var sourceRange = findRenderedSourceRange(markdown, text);
-      var lines = sourceRange ? lineRangeForOffsets(markdown, sourceRange.start, sourceRange.end) : null;
-      scheduleOpenPopup(text, frameRect.top + rect.top, frameRect.top + rect.bottom,
-        frameRect.left + rect.left + rect.width / 2, boxes, lines, 'preview');
-    }
-    d.addEventListener('mouseup', picked);
-    d.addEventListener('mousedown', function () { cancelScheduledPopup(); closePopup(); });
-    d.addEventListener('keyup', picked);
-    // The preview lives in an iframe, so its keyboard events do not bubble to
-    // the panel document. Capture Cmd+P / Ctrl+P here too, preventing the
-    // browser's print dialog and returning to the editor from preview.
-    d.addEventListener('keydown', function (e) {
-      if ((e.metaKey || e.ctrlKey) && (e.key === 'p' || e.key === 'P')) {
-        e.preventDefault();
-        setMode('edit');
-      }
-    });
-    d.addEventListener('scroll', function () { cancelScheduledPopup(); closePopup(); }, true);
-    frame.contentWindow.addEventListener('scroll', function () { cancelScheduledPopup(); closePopup(); });
-  }
-
-  frame.onload = function () { frameReady = true; bindPreviewSelection(); };
-
-  // ---- Selection popup (editor + preview share this) ----
-  // top/bottom describe the selection's bounding box in viewport coordinates;
-  // the popup prefers sitting above the selection, and drops below it when
-  // there isn't enough room above (near the top of the panel).
-
-  var popupDelayTimer = 0;
-  var fakeSelBoxes = [];
-
-  // Selection popups appear after a short delay so a still-in-progress drag
-  // selection doesn't flash the popup at every intermediate position.
-  function scheduleOpenPopup(text, top, bottom, centerX, boxes, lines, origin) {
-    cancelScheduledPopup();
-    popupDelayTimer = setTimeout(function () {
-      openPopup(text, top, bottom, centerX, boxes, lines, origin);
-    }, 300);
-  }
-
-  function cancelScheduledPopup() {
-    if (popupDelayTimer) { clearTimeout(popupDelayTimer); popupDelayTimer = 0; }
-  }
-
-  function openPopup(text, top, bottom, centerX, boxes, lines, origin) {
-    selection.text = text;
-    selection.lines = lines || null;
-    selection.origin = origin || '';
-    popup.classList.remove('hidden');
-    popupInput.value = '';
-    showFakeSelection(boxes);
-    requestAnimationFrame(function () {
-      positionPopup(top, bottom, centerX);
-      popupInput.focus();
-    });
-  }
-
-  // Anchors the popup to the end-top of the selection (cursor) position:
-  // its left edge lines up with the cursor x and it opens above when
-  // there's room, so the popup sits above-right of where you stopped
-  // selecting, not floating centered over (or to the left of) it.
-  function positionPopup(top, bottom, cursorX) {
-    var margin = 8;
-    var w = popup.offsetWidth || 300;
-    var h = popup.offsetHeight || 44;
-    var left = Math.max(margin, Math.min(cursorX, window.innerWidth - w - margin));
-    var y = (top - margin >= h + 10) ? (top - h - 10) : (bottom + 10);
-    y = Math.max(margin, Math.min(y, window.innerHeight - h - margin));
-    popup.style.left = left + 'px';
-    popup.style.top = y + 'px';
-  }
-
-  // iframe selection highlighting disappears when focus moves to the popup.
-  // Preview selections therefore use temporary fixed boxes. CodeMirror draws
-  // its own persistent selection layer and does not use this fallback.
-  function showFakeSelection(boxes) {
-    clearFakeSelection();
-    (boxes || []).forEach(function (b) {
-      var el = document.createElement('div');
-      el.className = 'fake-sel';
-      el.style.top = b.top + 'px';
-      el.style.left = b.left + 'px';
-      el.style.width = b.width + 'px';
-      el.style.height = b.height + 'px';
-      document.body.appendChild(el);
-      fakeSelBoxes.push(el);
-    });
-  }
-
-  function clearFakeSelection() {
-    fakeSelBoxes.forEach(function (el) { el.remove(); });
-    fakeSelBoxes = [];
-  }
-
-  function closePopup(restoreEditorFocus) {
-    var shouldRestore = restoreEditorFocus === true && selection.origin === 'editor' && mode === 'edit';
-    cancelScheduledPopup();
-    popup.classList.add('hidden');
-    selection.text = '';
-    selection.lines = null;
-    selection.origin = '';
-    clearFakeSelection();
-    if (shouldRestore) requestAnimationFrame(function () { cm.focus(); });
-  }
-
-  popupSend.onclick = submitAnnotation;
-  popupInput.addEventListener('keydown', function (e) {
-    if (e.key === 'Enter') submitAnnotation();
-    if (e.key === 'Escape') closePopup(true);
-  });
-  document.addEventListener('keydown', function (e) {
-    if (e.key === 'Escape' && !popup.classList.contains('hidden')) closePopup(true);
-  });
-  // Clicking anywhere outside the popup cancels the pending/open popup and
-  // drops the fake selection highlight. The editor and toolbar are part of
-  // this same top document so a single listener covers them; the preview
-  // iframe is a separate browsing context and gets its own mousedown
-  // listener in bindPreviewSelection().
-  document.addEventListener('mousedown', function (e) {
-    if (popup.contains(e.target)) return;
-    cancelScheduledPopup();
-    closePopup();
-  });
-  window.addEventListener('resize', closePopup);
-
-  function lineLabel() {
-    if (!selection.lines) return t('annotate.lineUnknown');
-    var a = selection.lines.start, b = selection.lines.end;
-    return a === b ? t('annotate.lineSingle', { a: a }) : t('annotate.lineRange', { a: a, b: b });
-  }
-
-  function lineLabelCompact() {
-    if (!selection.lines) return t('annotate.lineCompactUnknown');
-    return selection.lines.start + '-' + selection.lines.end;
-  }
-
-  async function submitAnnotation() {
-    var comment = popupInput.value.trim();
-    if (!selection.text || !api || !api.composer) return;
-    // The prompt tells the AI it can read/overwrite the file at `sourcePath`
-    // directly — but if there are unsaved edits, disk still has the old
-    // content: the AI would read stale context (or, if it applies a
-    // full-document rewrite based on that stale read, would clobber the
-    // very edits the user hasn't saved yet). Flush to disk first whenever
-    // there's somewhere to save to, so the file the AI reads always matches
-    // what's on screen. A brand new unsaved document (no sourcePath) has
-    // nowhere to save to yet — the prompt already says so via
-    // `annotate.pathMissing` — so there's nothing to flush in that case.
-    if (dirty && sourcePath) {
-      var saved = await saveNowAndWait();
-      if (!saved) {
-        setStatus(t('status.saveFailedNoReturn'), true);
-        return;
-      }
-    }
-    try {
-      await api.composer.addContexts([{
-        type: 'annotation',
-        label: (fileName || 'Markdown') + ':' + lineLabelCompact(),
-        note: comment || undefined,
-        promptText: t('annotate.promptText', {
-          lineLabel: lineLabel(),
-          requirement: comment ? t('annotate.requirementWith', { comment: comment }) : t('annotate.requirementDefault'),
-          text: selection.text,
-          path: sourcePath || t('annotate.pathMissing'),
-        }),
-        reminder: t('annotate.reminder'),
-      }]);
-      closePopup(true);
-      setStatus(t('annotate.added'));
-    } catch (e) {
-      setStatus(String(e), true);
-    }
-  }
-
-  // ---- Editor selection ----
-
-  function offerEditorSelection() {
-    if (!annotationsEnabled) return;
-    var picked = cm.getSelection();
-    if (!picked) return;
-    var text = picked.text.trim();
-    if (!text) return;
-    var lines = lineRangeForOffsets(cm.getValue(), picked.start, picked.end);
-    scheduleOpenPopup(text, picked.rect.top, picked.rect.bottom,
-      (picked.rect.left + picked.rect.right) / 2, null, lines, 'editor');
-  }
-
-  editor.addEventListener('mouseup', offerEditorSelection);
-  editor.addEventListener('keyup', function (e) {
-    if (e.shiftKey) offerEditorSelection();
-  });
-
-  // ---- Save to disk: prefer the File System Access handle (works even when the
-  // host process can't expose an absolute path), fall back to the backend write
-  // when we have a real sourcePath, otherwise tell the user how to connect one.
-  // Saving is explicit (Save button / Cmd|Ctrl+S) rather than automatic, so the
-  // user is always in control of what's actually on disk. ----
-
-  var dirty = false;
-  var savedFlash = false; // true for ~3s right after a successful save, drives the save-check icon
-
-  // ---- Unsaved-draft recovery: mirror edits to a backend sidecar file so a
-  // crash, an accidental "Open" over unsaved work, or just closing without
-  // saving never actually loses anything — reopening the same path resumes
-  // from here instead of the last save.
-  //
-  // This used to debounce the send itself (~1.2s after typing stopped) and
-  // then try to force-flush on blur/pagehide/visibilitychange when the tab
-  // looked like it might be closing. That was unreliable in practice: a
-  // Cmd/Ctrl+W on an already-focused panel tears it down directly without
-  // reliably running page-lifecycle JS first, so the "flush on the way out"
-  // half of that plan couldn't be counted on — losing whatever was typed in
-  // the last debounce window.
-  //
-  // So instead: every keystroke posts immediately, with no client-side
-  // delay at all — by the time this call returns, the latest content has
-  // already left the panel. The *disk write* is debounced on the backend
-  // instead (see `scheduleDraftWrite` in index.ts), where the timer lives
-  // in the long-running extension host rather than in this page, so it
-  // keeps ticking (and still writes) even if the panel is destroyed a
-  // moment later. The host also flushes immediately on panel disposal, so
-  // real teardown never has to wait out any debounce either.
-  var draftPathSaved = ''; // path the last-sent draft belongs to, so a document switch can't cross-write it
-  var draftLastSent = null; // content of the most recent saveDraft actually posted, to skip redundant re-sends
-
-  function postDraftSave(path) {
-    draftPathSaved = path;
-    draftLastSent = markdown;
-    // `base` = the last disk-confirmed content, so the backend can record
-    // a baseline and detect if the file changes elsewhere before we reopen.
-    api.postMessage({ type: 'saveDraft', path: path, markdown: markdown, base: savedMarkdown });
-  }
-
-  function scheduleDraftSave() {
-    if (!sourcePath || !api || !api.postMessage) return;
-    if (draftPathSaved === sourcePath && draftLastSent === markdown) return; // nothing actually changed
-    postDraftSave(sourcePath);
-  }
-
-  // No-op now that there's no client-side timer to cancel — kept as a named
-  // call so the "we're done editing this document" call sites (save
-  // success, reset to home, document switch) still read as intentional and
-  // reset the dedupe state below them, without every call site needing to
-  // know the send is already synchronous.
-  function cancelDraftSave() {
-    draftPathSaved = '';
-    draftLastSent = null;
-  }
-
-  function discardDraftFor(path) {
-    cancelDraftSave();
-    if (path && api && api.postMessage) api.postMessage({ type: 'discardDraft', path: path });
-  }
-
-  function setDirty(next, justSaved) {
-    dirty = next;
-    if (savedFlashTimer) { clearTimeout(savedFlashTimer); savedFlashTimer = 0; }
-    savedFlash = !dirty && !!justSaved;
-    syncToolbar();
-    if (!dirty && justSaved) {
-      savedFlashTimer = setTimeout(function () {
-        savedFlashTimer = 0;
-        if (!dirty) { savedFlash = false; syncToolbar(); }
-      }, 3000);
-    }
-  }
-
-  async function writeToDisk(content) {
-    if (fileHandle && fileHandle.createWritable) {
-      try {
-        var writable = await fileHandle.createWritable();
-        await writable.write(content);
-        await writable.close();
-        lastModified = (await fileHandle.getFile()).lastModified;
-        savedMarkdown = content;
-        setDirty(markdown !== content, markdown === content);
-        setStatus(markdown === content ? t('status.saved') : t('status.savedWithNewChanges'));
-        cancelDraftSave();
-        return true;
-      } catch (e) {
-        setStatus(t('status.saveFailed', { err: String(e) }), true);
-        return false;
-      }
-    }
-    if (sourcePath) {
-      var id = ++saveId;
-      setStatus(t('status.saving'));
-      pendingSaveContents[id] = content;
-      api.postMessage({ type: 'saveMarkdown', path: sourcePath, markdown: content, requestId: id });
-      // The actual result arrives later as a 'savedMarkdown' (or 'error')
-      // message; resolve this promise then so awaiters (e.g. the unsaved-
-      // changes confirm) see the real outcome instead of an optimistic true.
-      return new Promise(function (resolve) { pendingSaveResolvers[id] = resolve; });
-    }
-    setStatus(t('status.noSourceFile'), true);
-    return false;
-  }
-
-  document.addEventListener('keydown', function (e) {
-    var mod = e.metaKey || e.ctrlKey;
-    if (mod && (e.key === 's' || e.key === 'S')) {
-      e.preventDefault();
-      saveNow();
-      return;
-    }
-    // Reserve Cmd+P / Ctrl+P for Markdown preview rather than browser print.
-    if (mod && (e.key === 'p' || e.key === 'P')) {
-      e.preventDefault();
-      setMode(mode === 'edit' ? 'preview' : 'edit');
-    }
-  });
-
-  // ---- Open / watch source file ----
-
-  function stopWatching() {
-    if (watchTimer) { clearInterval(watchTimer); watchTimer = 0; }
-    fileHandle = null;
-  }
-
-  // Line range touched by the most recent in-place external revision, so the
-  // status line can say *what* moved instead of just "content updated".
-  var lastExternalChange = null;
-
-  function applyDocument(nextMarkdown, nextName, nextPath, force, diskBaseline) {
-    // Deliberately does NOT check cm.hasFocus(): unsaved local edits must
-    // never be silently clobbered by an external update, whether or not the
-    // editor happens to have DOM focus at that instant (e.g. the panel was
-    // blurred mid-edit). The user's own uncommitted work always wins here;
-    // the (still-running) draft mirror already backs it up on disk either way.
-    if (!force && dirty && savedMarkdown !== null && nextMarkdown !== savedMarkdown) {
-      setStatus(t('status.externalUpdateSkipped'), true);
-      return false;
-    }
-    // Is this a revision of the document already on screen (an AI apply, or
-    // an external save), rather than a switch to a different file? Must be
-    // decided before `sourcePath` is reassigned below.
-    var revisesOpenDocument = savedMarkdown !== null && (!nextPath || !sourcePath || nextPath === sourcePath);
-    markdown = nextMarkdown;
-    name = nextName;
-    if (nextPath) sourcePath = nextPath;
-    fileName = pathFileName(nextPath || sourcePath) || nextName || 'Markdown';
-    // `savedMarkdown` must track the file's real *on-disk* content, not
-    // necessarily what's being displayed — when a restored draft differs
-    // from disk (`diskBaseline` provided and != nextMarkdown), keeping
-    // `savedMarkdown` at the draft's own text would poison the next draft
-    // mirror's baseline hash: it'd be recorded against a draft that was
-    // never actually on disk, so a later reopen would see the *true* disk
-    // content sitting unchanged at the real baseline and wrongly report
-    // an external-edit conflict that never happened.
-    savedMarkdown = typeof diskBaseline === 'string' ? diskBaseline : markdown;
-    // Patching only the changed span keeps the scroll offset and the caret
-    // where the user left them, and flashes the rewritten lines. A fresh
-    // document still gets the plain full replacement.
-    lastExternalChange = revisesOpenDocument ? cm.applyExternalValue(markdown) : null;
-    if (!lastExternalChange) cm.setValue(markdown);
-    setDirty(false); // also rebuilds+syncs the whole toolbar, picking up the new sourcePath/fileName below
-    setPanelTitle(fileName);
-    updateEmptyState();
-    if (mode === 'preview') render();
-    return true;
-  }
-
-  async function loadFile(f) {
-    name = f.name;
-    lastModified = f.lastModified;
-    if (typeof f.path === 'string' && f.path) {
-      sourcePath = f.path;
-      if (api) api.postMessage({ type: 'watchPath', path: sourcePath });
-    } else {
-      sourcePath = '';
-    }
-    // Land in the editor, not the rendered preview — opening a file is about
-    // reading/editing it, the user switches to preview explicitly when ready.
-    applyDocument(await f.text(), name, sourcePath, true);
-  }
-
-  function watchFile() {
-    if (!fileHandle) return;
-    if (watchTimer) clearInterval(watchTimer);
-    watchTimer = setInterval(async function () {
-      if (watchBusy || !fileHandle) return;
-      watchBusy = true;
-      try {
-        var next = await fileHandle.getFile();
-        if (next.lastModified !== lastModified) {
-          lastModified = next.lastModified;
-          var text = await next.text();
-          if (text !== savedMarkdown && applyDocument(text, name, sourcePath)) {
-            setStatus(t('status.externalUpdateApplied'));
-          }
-        }
-      } catch (e) { /* ignore */ }
-      watchBusy = false;
-    }, 800);
-  }
-
-  var nativePickPending = false;
-  var nativePickTimer = 0;
-
-  function clearNativePickTimer() {
-    if (nativePickTimer) { clearTimeout(nativePickTimer); nativePickTimer = 0; }
-  }
-
-  // The Open button is disabled for as long as `nativePickPending` is true
-  // (see buildToolbar), so the user cannot click their way out of a hung
-  // native request the way they normally could — the click itself is what's
-  // blocked. If the backend's reply is ever lost (observed after repeatedly
-  // switching Sessions while this panel is open, which can make a postMessage
-  // back to this panel fail silently mid-transition), the button would
-  // otherwise stay disabled forever with no way to recover. This timer is a
-  // pure safety net: it does not touch any real native dialog (the backend
-  // itself deliberately has no timeout on ctx.ui.pickFile(), see 'requestOpen'
-  // in index.ts) — it only un-sticks *this panel's own UI state* so the next
-  // click can try again.
-  function armNativePickTimer() {
-    clearNativePickTimer();
-    nativePickTimer = setTimeout(function () {
-      nativePickTimer = 0;
-      if (!nativePickPending) return;
-      nativePickPending = false;
-      pickFileSupported = false; // stop trusting a bridge that just went silent this session
-      syncToolbar();
-      setStatus(t('status.pickerTimeout'), true);
-    }, 20000);
-  }
-
-  // Picking a *different* file to open would otherwise silently replace
-  // whatever's currently in the buffer — this is the same "unsaved work"
-  // hazard as the Home button, just reached from a different toolbar item,
-  // so it gets the same confirm-first treatment.
-  async function openFile() {
-    if (dirty) {
-      var choice = await askUnsavedConfirm(t('confirm.message', { file: fileName || t('common.markdownDocDefault') }));
-      if (choice === 'cancel') return;
-      if (choice === 'save') {
-        var saved = await saveNowAndWait();
-        if (!saved) { setStatus(t('status.saveFailedNoReturn'), true); return; }
-      } else if (choice === 'discard') {
-        discardDraftFor(sourcePath);
-      }
-    }
-    stopWatching();
-    if (pickFileSupported && api && api.postMessage) {
-      if (nativePickPending) {
-        // A previous native request is still hanging (host round-trip stuck).
-        // Don't stack another one silently — this click is a fresh, real user
-        // gesture, so use it to open the reliable in-page/browser picker
-        // immediately instead of leaving the button looking unresponsive.
-        clearNativePickTimer();
-        pickFileSupported = false;
-        nativePickPending = false;
-        syncToolbar();
-        await openFileBrowserFallback();
-        return;
-      }
-      // Native Finch file picker: browses the current Space/workspace directory
-      // tree with real absolute paths, no Electron `File.path` shim needed.
-      nativePickPending = true;
-      armNativePickTimer();
-      syncToolbar();
-      setStatus(t('status.openingPicker'));
-      api.postMessage({ type: 'requestOpen' });
-      return;
-    }
-    await openFileBrowserFallback();
-  }
-
-  async function openFileBrowserFallback() {
-    if ('showOpenFilePicker' in window) {
-      try {
-        var handles = await window.showOpenFilePicker({
-          types: [{ description: 'Markdown', accept: { 'text/markdown': ['.md', '.markdown'] } }],
-          multiple: false,
-        });
-        fileHandle = handles[0];
-        await loadFile(await fileHandle.getFile());
-        watchFile();
-        return;
-      } catch (e) {
-        if (e && e.name === 'AbortError') return;
-      }
-    }
-    var input = document.createElement('input');
-    input.type = 'file';
-    input.accept = '.md,.markdown,text/markdown';
-    input.onchange = function () {
-      var f = input.files && input.files[0];
-      if (f) loadFile(f).catch(function (e) { setStatus(String(e), true); });
-    };
-    input.click();
-  }
-
-  // ---- Copy HTML / manual save ----
-
-  // Toolbar buttons are host-chrome UI: the click reaches this panel only
-  // through a postMessage round-trip, and by the time it does the panel's own
-  // document has often lost focus. The async Clipboard API refuses to write
-  // ("Document is not focused") in that state. Reclaim focus first, and if the
-  // async API still won't cooperate, fall back to the older selection-based
-  // execCommand('copy').
-  //
-  // Both paths deliberately stay in the TOP document, never the preview
-  // <iframe>: the iframe is `sandbox="allow-same-origin"` with no
-  // `allow-scripts`, and some hosts silently refuse focus()/execCommand
-  // targeted at a sandboxed same-origin document even when called from the
-  // (unsandboxed) parent — which was the actual cause of "复制到公众号"
-  // failing intermittently. Copying an equivalent holder element in the top
-  // document sidesteps that entirely.
-  function focusCopySurface() {
-    window.focus();
-    document.body.tabIndex = -1;
-    try { document.body.focus({ preventScroll: true }); } catch (e) { document.body.focus(); }
-  }
-
-  // Poll for document focus for a short while instead of a single
-  // best-effort attempt: the 'finch:menu' click reaches us via a postMessage
-  // round-trip from the host toolbar, and on some platforms the webview
-  // hasn't actually regained input focus yet by the time that message
-  // arrives — a single focus() + two rAFs isn't always enough. Re-attempt a
-  // few times with short waits; this costs at most ~250ms and is invisible
-  // to the user, but meaningfully reduces spurious "剪贴板不可用" failures.
-  async function waitForCopyFocus(maxAttempts) {
-    for (var i = 0; i < maxAttempts; i++) {
-      focusCopySurface();
-      await new Promise(function (resolve) {
-        requestAnimationFrame(function () { requestAnimationFrame(resolve); });
-      });
-      if (document.hasFocus()) return true;
-      await new Promise(function (resolve) { setTimeout(resolve, 40); });
-    }
-    return document.hasFocus();
-  }
-
-  // Ask the host to turn only its own finch-file image assets into data:
-  // URLs. The saved Markdown and preview HTML retain finch-file URLs; this
-  // expanded representation exists solely in the outbound clipboard payload,
-  // where WeChat has no way to resolve Finch's private local protocol.
-  function prepareClipboardHtml(sourceHtml) {
-    var urls = Array.from(new Set(sourceHtml.match(/finch-file:\/\/local\?path=[^\s)"']+/g) || []));
-    if (!urls.length || !api || !api.postMessage) return Promise.resolve(sourceHtml);
-    return new Promise(function (resolve, reject) {
-      var id = ++clipboardImageId;
-      pendingClipboardImages[id] = { resolve: resolve, reject: reject, sourceHtml: sourceHtml };
-      setTimeout(function () {
-        if (pendingClipboardImages[id]) { delete pendingClipboardImages[id]; reject(new Error(t('status.clipboardPrepareTimeout'))); }
-      }, 15000);
-      api.postMessage({ type: 'readClipboardImages', urls: urls, requestId: id });
-    });
-  }
-
-  // bmmd can leave an empty <p> directly before/after an image <figure>.
-  // The WeChat editor normalizes it to
-  // `<p><span leaf><br class="ProseMirror-trailingBreak"></span></p>`, which
-  // becomes a visible blank line above/below the pasted image. Remove ONLY
-  // those adjacent empty paragraphs from the clipboard copy. Do not touch
-  // the figure's own margins or its figcaption — both are intentional article
-  // formatting, including the automatic "Pasted image" caption.
-  function compactClipboardImageLayout(clipboardHtml) {
-    var doc = new DOMParser().parseFromString(clipboardHtml, 'text/html');
-    function isEmptyParagraph(node) {
-      return node && node.tagName === 'P' && !node.textContent.trim() && !node.querySelector('img,video,iframe,table');
-    }
-    Array.from(doc.querySelectorAll('figure.figure-image')).forEach(function (figure) {
-      var before = figure.previousElementSibling;
-      var after = figure.nextElementSibling;
-      if (isEmptyParagraph(before)) before.remove();
-      if (isEmptyParagraph(after)) after.remove();
-    });
-    return doc.body.innerHTML;
-  }
-
-  async function copyRichText(htmlValue, plainStr) {
-    // Fast path for the in-page action bar: the click already happened in
-    // this document, so focus is real and the write can go straight out.
-    // Burning ~250ms in the focus poll below would only risk the transient
-    // user-activation window for no benefit.
-    if (!document.hasFocus()) await waitForCopyFocus(5);
-    // `text/html` deliberately receives a Promise<Blob>: clipboard.write()
-    // itself starts immediately while the in-page click's user activation is
-    // fresh, while its promise concurrently waits for the host to read and
-    // embed local image assets. Awaiting that host round-trip *before* write
-    // would make Chromium reject the clipboard request as no longer gestural.
-    if (window.ClipboardItem && navigator.clipboard && navigator.clipboard.write) {
-      try {
-        await navigator.clipboard.write([new ClipboardItem({
-          'text/html': Promise.resolve(htmlValue).then(function (value) { return new Blob([value], { type: 'text/html' }); }),
-          'text/plain': new Blob([plainStr], { type: 'text/plain' }),
-        })]);
-        return 'rich';
-      } catch (e) { /* fall through to the legacy path below */ }
-    }
-    var htmlStr = await Promise.resolve(htmlValue);
-    if (copyRichTextLegacy(htmlStr)) return 'rich';
-    // Both rich-text paths failed (most likely: the webview never actually
-    // regained real input focus, which both APIs require). Rather than
-    // surfacing a hard failure, degrade to a plain-text copy so the user
-    // still gets *something* usable on the clipboard.
-    if (copyPlainTextLegacy(plainStr)) return 'plain';
-    return 'none';
-  }
-
-  function copyRichTextLegacy(htmlStr) {
-    var holder = document.createElement('div');
-    holder.contentEditable = 'true';
-    holder.style.position = 'fixed';
-    holder.style.left = '-9999px';
-    holder.style.top = '0';
-    holder.innerHTML = htmlStr;
-    document.body.appendChild(holder);
-    var range = document.createRange();
-    range.selectNodeContents(holder);
-    var sel = window.getSelection();
-    sel.removeAllRanges();
-    sel.addRange(range);
-    var ok = false;
-    try { ok = document.execCommand('copy'); } catch (e) { ok = false; }
-    sel.removeAllRanges();
-    holder.remove();
-    return ok;
-  }
-
-  function copyPlainTextLegacy(plainStr) {
-    var ta = document.createElement('textarea');
-    ta.value = plainStr;
-    ta.style.position = 'fixed';
-    ta.style.left = '-9999px';
-    ta.style.top = '0';
-    document.body.appendChild(ta);
-    ta.focus();
-    ta.select();
-    var ok = false;
-    try { ok = document.execCommand('copy'); } catch (e) { ok = false; }
-    ta.remove();
-    return ok;
-  }
-
-  // A previous attempt here walked the live iframe DOM and rewrote every
-  // element's font-family/color/background-color from computed values,
-  // plus converted top-level children's vertical margins into padding to
-  // avoid perceived "gaps" — all based on a theory that WeChat's paste
-  // cleaner drops the #bm-md root's own style attribute. Actual DevTools
-  // inspection of the pasted result proved that theory wrong: the pasted
-  // <section id="bm-md" style="...background-color...padding...font-
-  // family..."> keeps its full inline style completely intact. The
-  // flattening pass was therefore not just unnecessary but actively
-  // harmful — e.g. it force-added the container's vertical margin as
-  // *padding* onto every direct child including <hr>, which already had
-  // its own explicit background-color; padding on an <hr> paints INSIDE
-  // that background, so a 1px divider line turned into a tall solid
-  // block, which read as "the divider disappeared". Match bm.md's own
-  // "复制到公众号" behavior exactly for all ordinary content. The only
-  // intentional exception is local pasted images: Finch's private
-  // `finch-file:` protocol cannot exist outside Finch, so their `src` is
-  // converted into a data URL in the clipboard-only copy (see
-  // prepareClipboardHtml); preview/source remain untouched.
-  async function copyHtml() {
-    if (!html) { setStatus(t('status.pleaseOpenArticle'), true); return; }
-    try {
-      var plain = frame.contentDocument && frame.contentDocument.body
-        ? frame.contentDocument.body.innerText
-        : html.replace(/<[^>]+>/g, '');
-      var result = await copyRichText(prepareClipboardHtml(html), plain);
-      if (result === 'none') {
-        // One more attempt after a longer settle: covers the case where
-        // the webview genuinely hadn't regained input focus yet on the
-        // first try (e.g. right after switching sessions/tabs).
-        await new Promise(function (resolve) { setTimeout(resolve, 200); });
-        result = await copyRichText(prepareClipboardHtml(html), plain);
-      }
-      if (result === 'rich') setStatus(t('status.copiedRich'));
-      else if (result === 'plain') setStatus(t('status.copiedPlainOnly'), true);
-      else setStatus(t('status.copyFailed'), true);
-    } catch (e) {
-      setStatus(t('status.richCopyFailed', { err: String(e) }), true);
-    } finally {
-      if (mode === 'edit') requestAnimationFrame(function () { cm.focus(); });
-    }
-  }
-
-  // ---- Export (copy/download image, download PDF) ----
-  //
-  // There's no headless-render or html2canvas-style library bundled here, so
-  // this hand-rolls the same trick browsers themselves use for that purpose:
-  // serialize the *live rendered* #bm-md node (already fully styled — same
-  // DOM `copyHtml()` no longer needs to touch) into an SVG <foreignObject>,
-  // rasterize that through an <img>, then draw it onto a <canvas>. Because
-  // the source is the live iframe DOM rather than the static `html` string,
-  // this captures it pixel-for-pixel identical to what's on screen —
-  // genuinely "所见即所得" — with no separate style-flattening pass to get
-  // subtly wrong.
-  function articleSize() {
-    if (!frameReady || !frame.contentDocument) return null;
-    var root = frame.contentDocument.querySelector('#bm-md');
-    if (!root) return null;
-    var rect = root.getBoundingClientRect();
-    return {
-      root: root,
-      width: Math.ceil(rect.width || root.scrollWidth),
-      height: Math.ceil(rect.height || root.scrollHeight),
-    };
-  }
-
-  function renderArticleCanvas() {
-    var info = articleSize();
-    if (!info || !info.width || !info.height) return Promise.resolve(null);
-    var scale = 2; // fixed 2x for crisp copy/export regardless of display DPR
-
-    // An <img> pointed at an SVG data URL parses that SVG as XML, so the
-    // markup inside <foreignObject> has to be well-formed XHTML. The HTML
-    // serializer behind `.outerHTML` happily emits void elements as `<br>`
-    // or `<img …>` with no self-closing slash, which is valid HTML but
-    // fatal XML — the parse aborts and the <img> fires `error`, which is
-    // exactly why copying/downloading the image silently failed. Serialize
-    // through XMLSerializer instead so every tag is properly closed.
-    var clone = info.root.cloneNode(true);
-    // The live node gets `min-height:100dvh` from the preview stylesheet,
-    // which does not travel with the clone (no stylesheet inside the SVG)
-    // — restore the measured height inline so the exported image keeps the
-    // same full-bleed background the preview shows.
-    clone.style.minHeight = info.height + 'px';
-    clone.style.margin = '0';
-    clone.style.boxSizing = 'border-box';
-    var serialized;
-    try {
-      serialized = new XMLSerializer().serializeToString(clone);
-    } catch (e) {
-      return Promise.reject(new Error(t('status.serializeFailed', { err: String(e) })));
-    }
-    var svgMarkup = '<svg xmlns="http://www.w3.org/2000/svg" width="' + info.width + '" height="' + info.height + '">' +
-      '<foreignObject x="0" y="0" width="' + info.width + '" height="' + info.height + '">' +
-      serialized +
-      '</foreignObject></svg>';
-    var svgUrl = 'data:image/svg+xml;charset=utf-8,' + encodeURIComponent(svgMarkup);
-    return new Promise(function (resolve, reject) {
-      var img = new Image();
-      img.decoding = 'sync';
-      img.onload = function () {
-        try {
-          var canvas = document.createElement('canvas');
-          canvas.width = Math.round(info.width * scale);
-          canvas.height = Math.round(info.height * scale);
-          var ctx2d = canvas.getContext('2d');
-          ctx2d.scale(scale, scale);
-          // foreignObject content is transparent where the article doesn't
-          // paint; fill with the article's own background first so JPEG
-          // (which has no alpha) never turns those pixels black.
-          var bg = '';
-          try { bg = frame.contentWindow.getComputedStyle(info.root).backgroundColor; } catch (e2) { bg = ''; }
-          if (bg && bg !== 'rgba(0, 0, 0, 0)' && bg !== 'transparent') {
-            ctx2d.fillStyle = bg;
-            ctx2d.fillRect(0, 0, info.width, info.height);
-          }
-          ctx2d.drawImage(img, 0, 0, info.width, info.height);
-          resolve({ canvas: canvas, cssWidth: info.width, cssHeight: info.height });
-        } catch (e) { reject(e); }
-      };
-      img.onerror = function () {
-        reject(new Error(t('status.imageConversionFailed')));
-      };
-      img.src = svgUrl;
-    });
-  }
-
-  function canvasToBlob(canvas, type, quality) {
-    return new Promise(function (resolve, reject) {
-      canvas.toBlob(function (blob) {
-        if (blob) resolve(blob); else reject(new Error(t('status.imageGenFailed')));
-      }, type, quality);
-    });
-  }
-
-  function bytesToBase64(bytes) {
-    var binary = '';
-    var chunk = 0x8000;
-    for (var i = 0; i < bytes.length; i += chunk) {
-      binary += String.fromCharCode.apply(null, bytes.subarray(i, i + chunk));
-    }
-    return btoa(binary);
-  }
-
-  async function copyImage() {
-    if (!html) { setStatus(t('status.pleaseOpenArticle'), true); return; }
-    if (!window.ClipboardItem || !navigator.clipboard || !navigator.clipboard.write) {
-      setStatus(t('status.clipboardUnsupported'), true);
-      return;
-    }
-    setStatus(t('status.generatingImage'));
-    // Hand ClipboardItem a *pending promise* rather than a finished Blob, so
-    // clipboard.write() is invoked immediately while the click's transient
-    // user activation is still fresh; the rasterization then resolves into
-    // it. Awaiting the blob first would spend that activation on rendering
-    // and can get the write rejected on slower/longer articles.
-    var blobPromise = renderArticleCanvas().then(function (made) {
-      if (!made) throw new Error(t('status.previewNotReady'));
-      return canvasToBlob(made.canvas, 'image/png');
-    });
-    try {
-      await navigator.clipboard.write([new ClipboardItem({ 'image/png': blobPromise })]);
-      setStatus(t('status.imageCopied'));
-      return;
-    } catch (e) {
-      // Some builds reject a promise-valued ClipboardItem — retry once with
-      // the resolved Blob before giving up.
-      try {
-        var blob = await blobPromise;
-        await navigator.clipboard.write([new ClipboardItem({ 'image/png': blob })]);
-        setStatus(t('status.imageCopied'));
-        return;
-      } catch (e2) {
-        setStatus(t('status.copyImageFailed', { err: e2 && e2.message ? e2.message : String(e2) }), true);
-      }
-    }
-  }
-
-  async function exportImage() {
-    if (!html) { setStatus(t('status.pleaseOpenArticle'), true); return; }
-    try {
-      setStatus(t('status.generatingImage'));
-      var made = await renderArticleCanvas();
-      if (!made) { setStatus(t('status.exportImageFailedGeneric'), true); return; }
-      var blob = await canvasToBlob(made.canvas, 'image/png');
-      var buf = await blob.arrayBuffer();
-      var base64 = bytesToBase64(new Uint8Array(buf));
-      if (api && api.postMessage) {
-        api.postMessage({ type: 'exportFile', data: base64, ext: 'png', path: sourcePath, fileName: fileName, markdown: markdown });
-      }
-    } catch (e) {
-      setStatus(t('status.exportImageFailed', { err: String(e) }), true);
-    }
-  }
-
-  // Minimal single-page, single-image PDF, hand-built without any PDF
-  // library: a JPEG can be embedded byte-for-byte as a /DCTDecode image
-  // XObject stream, so no re-encoding is needed beyond what canvas.toBlob
-  // already produced. Page size is the article's CSS pixel size converted
-  // to points (1px = 0.75pt @ 96dpi); the image itself keeps its full
-  // (2x-scaled) pixel resolution for sharpness.
-  function pad10(n) {
-    var s = String(n);
-    while (s.length < 10) s = '0' + s;
-    return s;
-  }
-
-  function strToBytes(str) {
-    var bytes = new Uint8Array(str.length);
-    for (var i = 0; i < str.length; i++) bytes[i] = str.charCodeAt(i) & 0xff;
-    return bytes;
-  }
-
-  function concatBytes(parts) {
-    var total = 0;
-    for (var i = 0; i < parts.length; i++) total += parts[i].length;
-    var out = new Uint8Array(total);
-    var offset = 0;
-    for (var i = 0; i < parts.length; i++) { out.set(parts[i], offset); offset += parts[i].length; }
-    return out;
-  }
-
-  function buildSingleImagePdf(jpegBytes, imgW, imgH, pageW, pageH) {
-    var header = strToBytes('%PDF-1.4\n%\xE2\xE3\xCF\xD3\n');
-    var parts = [header];
-    var offsets = [0];
-    var pos = header.length;
-    function addObj(bytesArr) {
-      offsets.push(pos);
-      parts.push(bytesArr);
-      pos += bytesArr.length;
-    }
-    addObj(strToBytes('1 0 obj\n<< /Type /Catalog /Pages 2 0 R >>\nendobj\n'));
-    addObj(strToBytes('2 0 obj\n<< /Type /Pages /Kids [3 0 R] /Count 1 >>\nendobj\n'));
-    addObj(strToBytes('3 0 obj\n<< /Type /Page /Parent 2 0 R /MediaBox [0 0 ' + pageW.toFixed(2) + ' ' + pageH.toFixed(2) + '] /Resources << /XObject << /Im0 4 0 R >> >> /Contents 5 0 R >>\nendobj\n'));
-    var imgHeader = strToBytes('4 0 obj\n<< /Type /XObject /Subtype /Image /Width ' + imgW + ' /Height ' + imgH + ' /ColorSpace /DeviceRGB /BitsPerComponent 8 /Filter /DCTDecode /Length ' + jpegBytes.length + ' >>\nstream\n');
-    var imgFooter = strToBytes('\nendstream\nendobj\n');
-    addObj(concatBytes([imgHeader, jpegBytes, imgFooter]));
-    var contentStream = 'q ' + pageW.toFixed(2) + ' 0 0 ' + pageH.toFixed(2) + ' 0 0 cm /Im0 Do Q';
-    var csBytes = strToBytes(contentStream);
-    addObj(concatBytes([strToBytes('5 0 obj\n<< /Length ' + csBytes.length + ' >>\nstream\n'), csBytes, strToBytes('\nendstream\nendobj\n')]));
-    var xrefStart = pos;
-    var xrefLines = ['xref\n0 6\n0000000000 65535 f \n'];
-    for (var i = 1; i <= 5; i++) xrefLines.push(pad10(offsets[i]) + ' 00000 n \n');
-    var trailer = 'trailer\n<< /Size 6 /Root 1 0 R >>\nstartxref\n' + xrefStart + '\n%%EOF';
-    parts.push(strToBytes(xrefLines.join('') + trailer));
-    return concatBytes(parts);
-  }
-
-  async function exportPdf() {
-    if (!html) { setStatus(t('status.pleaseOpenArticle'), true); return; }
-    try {
-      setStatus(t('status.generatingPdf'));
-      var made = await renderArticleCanvas();
-      if (!made) { setStatus(t('status.exportPdfFailedGeneric'), true); return; }
-      var blob = await canvasToBlob(made.canvas, 'image/jpeg', 0.92);
-      var buf = await blob.arrayBuffer();
-      var jpegBytes = new Uint8Array(buf);
-      var pageW = made.cssWidth * 0.75;
-      var pageH = made.cssHeight * 0.75;
-      var pdfBytes = buildSingleImagePdf(jpegBytes, made.canvas.width, made.canvas.height, pageW, pageH);
-      var base64 = bytesToBase64(pdfBytes);
-      if (api && api.postMessage) {
-        api.postMessage({ type: 'exportFile', data: base64, ext: 'pdf', path: sourcePath, fileName: fileName, markdown: markdown });
-      }
-    } catch (e) {
-      setStatus(t('status.exportPdfFailed', { err: String(e) }), true);
-    }
-  }
-
-  // Bound directly to real clicks in this document — the whole point of
-  // moving these out of the host toolbar. `preventDefault` keeps the button
-  // from stealing the selection/focus the clipboard path relies on.
-  function bindAction(el, fn) {
-    if (!el) return;
-    el.addEventListener('click', function (ev) {
-      ev.preventDefault();
-      if (el.disabled) return;
-      el.disabled = true;
-      Promise.resolve()
-        .then(fn)
-        .catch(function (e) { setStatus(String(e), true); })
-        .then(function () { el.disabled = false; });
-    });
-  }
-
-  bindAction(actCopyWx, copyHtml);
-  bindAction(actCopyImg, copyImage);
-  bindAction(actSaveImg, exportImage);
-  bindAction(actSavePdf, exportPdf);
-  bindAction(actAiStyle, askAiStyle);
-
-  // Collapse state persists across reopens (per browser profile, not per
-  // document) via localStorage — a purely cosmetic preference, so falling
-  // back to "expanded" on any storage error is fine.
-  var ACTIONS_COLLAPSE_KEY = 'md-editor-actions-collapsed';
-  (function initActionsCollapse() {
-    var collapsed = false;
-    try { collapsed = localStorage.getItem(ACTIONS_COLLAPSE_KEY) === '1'; } catch (e) { /* ignore */ }
-    if (actions) actions.classList.toggle('collapsed', collapsed);
-  })();
-  if (actToggle) {
-    actToggle.addEventListener('click', function (ev) {
-      ev.preventDefault();
-      var collapsed = actions.classList.toggle('collapsed');
-      try { localStorage.setItem(ACTIONS_COLLAPSE_KEY, collapsed ? '1' : '0'); } catch (e) { /* ignore */ }
-    });
-  }
-
-  function saveNow() {
-    writeToDisk(markdown);
-  }
-
-  async function askAiStyle() {
-    if (!markdown || !api || !api.composer) { setStatus(t('status.pleaseOpenArticle'), true); return; }
-    var baseNote = style === 'custom' ? t('aiStyle.baseNoteCustom') : t('aiStyle.baseNoteOther', { style: style });
-    try {
-      await api.composer.addContexts([{
-        type: 'annotation',
-        label: t('aiStyle.label', { file: fileName || t('common.markdownDocDefault') }),
-        note: t('aiStyle.note'),
-        promptText: t('aiStyle.promptText', {
-          baseNote: baseNote,
-          path: sourcePath || t('aiStyle.pathMissing'),
-        }),
-        reminder: t('aiStyle.reminder'),
-      }]);
-      setStatus(t('aiStyle.requested'));
-    } catch (e) {
-      setStatus(String(e), true);
-    }
-  }
-
-  // ---- Toolbar (finch:menu) ----
-
-  function setStyle(next) {
-    style = next;
-    if (mode === 'preview') render();
-  }
-
-  function setEditorFontSize(size) {
-    if (size !== 14 && size !== 16 && size !== 18) return;
-    editorFontSize = size;
-    cm.setFontSize(size);
-    try { localStorage.setItem('md-editor-font-size', String(size)); } catch (e) {}
-    syncToolbar();
-  }
-
-  function setEditorFont(font) {
-    if (!EDITOR_FONTS[font]) return;
-    editorFont = font;
-    cm.setFontFamily(EDITOR_FONTS[font]);
-    try { localStorage.setItem('md-editor-font-family', font); } catch (e) {}
-    syncToolbar();
-  }
-
-  function setComfortWriting(on) {
-    comfortWriting = !!on;
-    cm.setComfortWriting(comfortWriting);
-    try { localStorage.setItem('md-editor-comfort-writing', comfortWriting ? '1' : '0'); } catch (e) {}
-    syncToolbar();
-    setStatus(comfortWriting ? t('status.comfortWrite') : t('status.comfortRead'));
-  }
-
-  function toggleFocusMode() {
-    focusMode = !focusMode;
-    // Mirror of the annotate guard in toggleAnnotations: annotate dims
-    // nothing but needs the whole doc readable to pick passages, while
-    // focus deliberately dims everything else — the two modes are
-    // mutually exclusive, so turning focus on forces annotate off.
-    if (focusMode && annotationsEnabled) {
-      annotationsEnabled = false;
-      closePopup();
-    }
-    cm.setFocusMode(focusMode);
-    try { localStorage.setItem('md-editor-focus-mode', focusMode ? '1' : '0'); } catch (e) {}
-    syncToolbar();
-    setStatus(focusMode ? t('status.focusOn') : t('status.focusOff'));
-  }
-
-  function toggleAnnotations() {
-    annotationsEnabled = !annotationsEnabled;
-    if (!annotationsEnabled) closePopup();
-    // Annotate and focus mode fight each other: focus dims every non-active
-    // line, which makes it hard to spot the text you're about to annotate
-    // elsewhere in the doc. Turning annotate on forces focus off so the
-    // whole document reads normally while selecting passages.
-    if (annotationsEnabled && focusMode) {
-      focusMode = false;
-      cm.setFocusMode(false);
-      try { localStorage.setItem('md-editor-focus-mode', '0'); } catch (e) {}
-    }
-    syncToolbar();
-    setStatus(annotationsEnabled ? t('status.annotateOn') : t('status.annotateOff'));
-  }
-
-  // Simple 3-way confirm ("保存并返回" / "不保存" / "取消") resolved as
-  // 'save' | 'discard' | 'cancel'. Backdrop click and Escape both count as
-  // cancel — staying put is the safe default when in doubt.
-  var confirmResolve = null;
-  function closeConfirm(result) {
-    confirmOverlay.hidden = true;
-    var resolve = confirmResolve;
-    confirmResolve = null;
-    if (resolve) resolve(result);
-  }
-  function askUnsavedConfirm(message) {
-    return new Promise(function (resolve) {
-      confirmResolve = resolve;
-      confirmMessage.textContent = message;
-      confirmOverlay.hidden = false;
-      confirmSave.focus();
-    });
-  }
-  if (confirmCancel) confirmCancel.addEventListener('click', function () { closeConfirm('cancel'); });
-  if (confirmDiscard) confirmDiscard.addEventListener('click', function () { closeConfirm('discard'); });
-  if (confirmSave) confirmSave.addEventListener('click', function () { closeConfirm('save'); });
-  if (confirmOverlay) confirmOverlay.addEventListener('click', function (e) { if (e.target === confirmOverlay) closeConfirm('cancel'); });
-  document.addEventListener('keydown', function (e) {
-    if (e.key === 'Escape' && confirmResolve) closeConfirm('cancel');
-  });
-
-  // Waits for a save round-trip to finish (unlike the fire-and-forget
-  // saveNow()/Cmd+S path) so callers can safely navigate away afterward.
-  async function saveNowAndWait() {
-    return await writeToDisk(markdown);
-  }
-
-  // Actually resets the in-page document state (not the file on disk) and
-  // tells the backend to stop watching it, then shows the launch page again.
-  function resetToHome() {
-    stopWatching();
-    cancelDraftSave();
-    closePopup();
-    markdown = '';
-    name = '';
-    fileName = '';
-    sourcePath = '';
-    savedMarkdown = null;
-    html = '';
-    annotationsEnabled = false;
-    mode = 'edit';
-    if (cm) cm.setValue('');
-    setPanelTitle(t('home.title'));
-    showHtml('');
-    if (api && api.postMessage) api.postMessage({ type: 'goHome' });
-    updateEmptyState();
-    showPane();
-    syncToolbar();
-    setStatus('');
-  }
-
-  // Manual "back to home" navigation. If there are unsaved edits, ask first —
-  // deliberately a plain in-page overlay (see .confirm-overlay CSS comment)
-  // rather than window.finch.ui.confirm(), since the "home" toolbar button is
-  // the only way to trigger this and it arrives here without a real user
-  // gesture the Bridge dialog could rely on.
-  async function goHome() {
-    if (dirty) {
-      var choice = await askUnsavedConfirm(t('confirm.message', { file: fileName || t('common.markdownDocDefault') }));
-      if (choice === 'cancel') return;
-      // The user has committed to leaving (save-then-leave or discard-then-
-      // leave) — tell the backend to stop watching *before* the save write
-      // below, not after. Otherwise our own writeFile() triggers its own
-      // fs.watch tick, which can race resetToHome() and push the just-saved
-      // document straight back onto a panel that already reset to Home.
-      if (api && api.postMessage) api.postMessage({ type: 'goHome' });
-      if (choice === 'save') {
-        var saved = await saveNowAndWait();
-        if (!saved) { setStatus(t('status.saveFailedNoReturn'), true); return; }
-      } else if (choice === 'discard') {
-        // The user explicitly threw these edits away — don't let the draft
-        // ghost-reappear next time this file is opened.
-        discardDraftFor(sourcePath);
-      }
-    }
-    resetToHome();
-  }
-
-  function handleMenu(itemId) {
-    if (api && api.postMessage) api.postMessage({ type: 'clientLog', message: 'finch:menu received, itemId=' + itemId });
-    if (itemId === 'home') { goHome(); return; }
-    if (itemId === 'open') { openFile(); return; }
-    if (itemId === 'annotate') { toggleAnnotations(); return; }
-    if (itemId === 'mode') { setMode(mode === 'edit' ? 'preview' : 'edit'); return; }
-    if (itemId === 'save') { saveNow(); return; }
-    if (itemId === 'reload') { render(); return; }
-    if (itemId === 'reveal') { if (sourcePath && api && api.postMessage) api.postMessage({ type: 'openPath', path: sourcePath }); return; }
-    if (itemId && itemId.indexOf('font-size:') === 0) { setEditorFontSize(Number(itemId.slice('font-size:'.length))); return; }
-    if (itemId && itemId.indexOf('font-family:') === 0) { setEditorFont(itemId.slice('font-family:'.length)); return; }
-    if (itemId === 'comfort:read') { setComfortWriting(false); return; }
-    if (itemId === 'comfort:write') { setComfortWriting(true); return; }
-    if (itemId === 'focus') { toggleFocusMode(); return; }
-    if (itemId === 'about') { showRendererAbout(); return; }
-    // These two must be checked before the generic 'style:' fallback below,
-    // since both also start with the literal prefix "style:".
-    if (itemId && itemId.indexOf('style:slot-use:') === 0) { applyStyleSlot(+itemId.slice('style:slot-use:'.length)); return; }
-    if (itemId && itemId.indexOf('style:slot-save:') === 0) { saveStyleSlot(+itemId.slice('style:slot-save:'.length)); return; }
-    if (itemId && itemId.indexOf('style:') === 0) { setStyle(itemId.slice(6)); return; }
-  }
-
-  function applyStyleSlot(index) {
-    var slot = styleSlots[index];
-    if (!slot) return;
-    customCss = slot.css;
-    customStyleLabel = slot.label;
-    style = 'custom';
-    setStatus(t('status.appliedStyleSlot', { label: slot.label }));
-    if (mode === 'preview') render(); else setMode('preview');
-    syncToolbar();
-  }
-
-  function saveStyleSlot(index) {
-    if (style !== 'custom' || !customCss) {
-      setStatus(t('status.needCustomStyleFirst'), true);
-      return;
-    }
-    var label = customStyleLabel || t('common.customStyleDefault');
-    if (api && api.postMessage) {
-      api.postMessage({ type: 'saveStyleSlot', slot: index, css: customCss, label: label });
-    }
-  }
-
-  // ---- Backend messages ----
-
-  if (api && api.onMessage) {
-    api.onMessage(function (m) {
-      if (!m || typeof m !== 'object') return;
-      if (m.type === 'ready') {
-        pickFileSupported = !!m.pickFileSupported;
-        styleSlots = Array.isArray(m.styleSlots) ? m.styleSlots : [null, null, null];
-        // Reconcile the navigator.language guess (used for the very first,
-        // synchronous paint) against the host's real locale (ctx.i18n.locale,
-        // forwarded from index.ts). Only re-render if it actually flips zh/en
-        // — this arrives early enough that the recent-documents grid and
-        // toolbar haven't rendered with the wrong language yet in practice.
-        if (typeof m.locale === 'string' && m.locale) {
-          var nextIsZh = /^zh/i.test(m.locale);
-          if (nextIsZh !== isZh) { isZh = nextIsZh; applyStaticI18n(); updatePopupPlaceholder(); }
-        }
-        if (m.assistantName) { assistantName = m.assistantName; updatePopupPlaceholder(); }
-        updateHomeTagline();
-        if (m.homeDir) { homeDir = m.homeDir; renderHomeCwd(); }
-        syncToolbar();
-        return;
-      }
-      if (m.type === 'styleSlots') {
-        styleSlots = Array.isArray(m.styleSlots) ? m.styleSlots : [null, null, null];
-        if (typeof m.savedSlot === 'number' && styleSlots[m.savedSlot]) {
-          setStatus(t('status.savedToSlot', { slot: m.savedSlot + 1, label: styleSlots[m.savedSlot].label }));
-        }
-        syncToolbar();
-        return;
-      }
-      if (m.type === 'clipboardImages') {
-        var pendingClipboard = pendingClipboardImages[m.requestId];
-        if (pendingClipboard) {
-          delete pendingClipboardImages[m.requestId];
-          var clipboardHtml = pendingClipboard.sourceHtml;
-          var imageUrls = m.images && typeof m.images === 'object' ? m.images : {};
-          Object.keys(imageUrls).forEach(function (originalUrl) {
-            if (typeof imageUrls[originalUrl] === 'string') clipboardHtml = clipboardHtml.split(originalUrl).join(imageUrls[originalUrl]);
-          });
-          pendingClipboard.resolve(compactClipboardImageLayout(clipboardHtml));
-        }
-        return;
-      }
-      if (m.type === 'clipboardImagesError') {
-        var pendingClipboardErr = pendingClipboardImages[m.requestId];
-        if (pendingClipboardErr) { delete pendingClipboardImages[m.requestId]; pendingClipboardErr.reject(new Error(m.message || t('status.clipboardPrepareFailedDefault'))); }
-        return;
-      }
-      if (m.type === 'pastedImage') {
-        var pendingPaste = pendingPasteImages[m.requestId];
-        if (pendingPaste) { delete pendingPasteImages[m.requestId]; pendingPaste.resolve(m.url); }
-        return;
-      }
-      if (m.type === 'pasteImageError') {
-        var pendingPasteErr = pendingPasteImages[m.requestId];
-        if (pendingPasteErr) { delete pendingPasteImages[m.requestId]; pendingPasteErr.reject(new Error(m.message || t('status.pasteImageFailedDefault'))); }
-        setStatus(t('status.pasteImageFailed', { msg: m.message || '' }));
-        return;
-      }
-      if (m.type === 'finch:env') {
-        // Panel scope changed (first open, or Home → Session relocation): rescope
-        // the recent list to this panel's own working directory.
-        var incomingCwd = m.cwd || '';
-        var incomingSessionId = m.sessionId || '';
-        var incomingSpaceId = m.spaceId || '';
-        if (incomingCwd !== envCwd || incomingSessionId !== envSessionId || incomingSpaceId !== envSpaceId || !envReceived) {
-          envCwd = incomingCwd;
-          envSessionId = incomingSessionId;
-          envSpaceId = incomingSpaceId;
-          fallbackCwd = '';
-          envReceived = true;
-          renderHomeCwd();
-          renderRecentDocuments([]);
-        }
-        if (!empty.hidden) requestRecentDocuments();
-        return;
-      }
-      if (m.type === 'recentDocuments') {
-        // Ignore a late reply for a directory we no longer belong to.
-        if ((m.cwd || '') !== envCwd) return;
-        fallbackCwd = m.fallbackCwd || '';
-        renderHomeCwd();
-        renderRecentDocuments(m.documents);
-        return;
-      }
-      if (m.type === 'status') { setStatus(m.message); return; }
-      if (m.type === 'lastFileUnavailable') { return; }
-      if (m.type === 'finch:menu') { handleMenu(m.itemId); return; }
-      if (m.type === 'document') {
-        var openedFromPicker = nativePickPending;
-        nativePickPending = false;
-        clearNativePickTimer();
-        var incoming = m.markdown || '';
-        var incomingPath = m.path || '';
-        // A different absolute path means this is a genuine "switch to
-        // another document" push (e.g. the AI just created/opened a second
-        // file while this panel already had one loaded) — not an echo of our
-        // own save, and not an external edit of the file we're currently
-        // looking at, so neither of the two guards below should apply to it.
-        var isDifferentDocument = !!incomingPath && !!sourcePath && incomingPath !== sourcePath;
-        if (!isDifferentDocument && incoming === savedMarkdown) { syncToolbar(); return; } // echo of our own save
-        var isFirst = savedMarkdown === null;
-        var wasLoadingFromHome = loadingFromHome;
-        loadingFromHome = false;
-        var applied = applyDocument(incoming, m.title || t('common.markdownDocDefault'), m.path || sourcePath, openedFromPicker || isFirst || isDifferentDocument, m.diskMarkdown);
-        if (!applied) { syncToolbar(); return; } // still clear the "open" button's pending/disabled state
-        if (m.draftRestored) {
-          // The buffer we just loaded is an unsaved draft, not what's on
-          // disk — keep it marked dirty so Save (or the draft-mirror timer)
-          // stays active, and say so briefly instead of pretending nothing
-          // happened. No blocking prompt: it's just the user's own last edit.
-          setDirty(true);
-          setStatus(t('status.draftRestored'));
-        } else if (m.draftConflict) {
-          // A draft existed, but the file was saved elsewhere (another
-          // editor, an AI apply) after that draft was taken — loading the
-          // draft over that would silently discard someone else's confirmed
-          // save, and loading disk over the draft without saying anything
-          // would silently discard the user's own edit. Load disk (the only
-          // version anyone else can see) and say so plainly instead of
-          // guessing; the stale draft file itself is left alone on disk.
-          setStatus(t('status.draftConflict'), true);
-        } else if (wasLoadingFromHome) {
-          setStatus(t('status.opened', { file: fileName }));
-        } else if (!isFirst) {
-          var touched = lastExternalChange;
-          if (touched && touched.hunks > 1) {
-            setStatus(t('status.contentUpdatedSpots', { count: touched.hunks, lines: touched.changedLines }));
-          } else if (touched && touched.fromLine === touched.toLine) {
-            setStatus(t('status.contentUpdatedLine', { line: touched.fromLine }));
-          } else if (touched) {
-            setStatus(t('status.contentUpdatedLines', { from: touched.fromLine, to: touched.toLine }));
-          } else {
-            setStatus(t('status.contentUpdated'));
-          }
-        }
-        return;
-      }
-      if (m.type === 'sourceMissing') {
-        if (m.path && m.path === sourcePath) setStatus(t('status.sourceMissing'), true);
-        return;
-      }
-      if (m.type === 'bmRendered') {
-        if (m.requestId !== renderId) return;
-        showHtml(m.html || '');
-        updateEmptyState();
-        renderingPreview = false;
-        syncToolbar(); // `html` just became available (or changed) — refresh the copy menu's disabled state
-        setStatus('');
-        return;
-      }
-      if (m.type === 'savedMarkdown') {
-        var savedContent = pendingSaveContents[m.requestId];
-        delete pendingSaveContents[m.requestId];
-        var saveResolve = pendingSaveResolvers[m.requestId];
-        delete pendingSaveResolvers[m.requestId];
-        if (m.requestId !== saveId || typeof savedContent !== 'string') {
-          if (saveResolve) saveResolve(false);
-          return;
-        }
-        savedMarkdown = savedContent;
-        setDirty(markdown !== savedContent, markdown === savedContent);
-        setStatus(markdown === savedContent ? t('status.saved') : t('status.savedWithNewChanges'));
-        if (saveResolve) saveResolve(true);
-        return;
-      }
-      if (m.type === 'customStyleSet') {
-        customCss = m.css || '';
-        customStyleLabel = m.label || t('common.customStyleDefault');
-        style = 'custom';
-        styleSlots = Array.isArray(m.styleSlots) ? m.styleSlots : styleSlots;
-        setStatus(t('status.savedAppliedToSlot', {
-          labelPrefix: m.label ? m.label + ' · ' : '',
-          slot: typeof m.savedSlot === 'number' ? m.savedSlot + 1 : '',
-        }));
-        if (mode === 'preview') render(); else setMode('preview');
-        syncToolbar();
-        return;
-      }
-      if (m.type === 'exported') { setStatus(t('status.exported', { path: m.path })); return; }
-      if (m.type === 'watchStarted') { return; }
-      if (m.type === 'pickCancelled') {
-        // User closed the native picker without choosing a file — clear the
-        // pending guard so the next click opens a fresh picker normally
-        // instead of assuming this request is still hanging.
-        nativePickPending = false;
-        clearNativePickTimer();
-        syncToolbar();
-        setStatus('');
-        return;
-      }
-      if (m.type === 'error') {
-        loadingFromHome = false; // don't let a stale flag mislabel the next unrelated document push
-        // A save failure surfaces here (no matching 'savedMarkdown' will ever
-        // arrive for that requestId) — resolve any awaiter as failed so the
-        // unsaved-changes confirm doesn't hang forever waiting on it.
-        Object.keys(pendingSaveResolvers).forEach(function (id) {
-          var resolve = pendingSaveResolvers[id];
-          delete pendingSaveResolvers[id];
-          if (resolve) resolve(false);
-        });
-        // A `fallback` error means the native picker timed out or errored on the
-        // backend. We cannot silently re-trigger the OS file dialog here — Chromium
-        // only allows showOpenFilePicker()/<input>.click() inside a real, still-fresh
-        // user gesture, and this message arrives asynchronously well after the click
-        // that started it. So just stop trusting the native path for the rest of this
-        // session; the next "Open article" click (a fresh gesture) uses the reliable
-        // in-page picker directly instead of hanging again.
-        nativePickPending = false;
-        clearNativePickTimer();
-        if (m.fallback) pickFileSupported = false;
-        // renderBm failures arrive through the same error channel; never
-        // leave the preview button stuck on the hourglass after one.
-        renderingPreview = false;
-        syncToolbar();
-        setStatus(m.message, true);
-        return;
-      }
-    });
-  }
-
-  // The host's own initial `ready` push (sent right when the panel is created,
-  // from `onDidOpenPanel`) races against this guest page loading and attaching
-  // the `api.onMessage` listener above — it can be sent before we're listening
-  // and silently lost, permanently leaving `pickFileSupported` at its default
-  // `false`. So instead of only relying on that push, we ask for it ourselves
-  // once we're actually ready to receive the answer; by construction that
-  // request can't be sent before our own listener exists.
-  if (api && api.postMessage) api.postMessage({ type: 'panelReady' });
-
-  // Remember-last-file: if nothing has loaded shortly after opening (no tool
-  // call, no restored payload), ask the backend for the last successfully
-  // opened path so the user doesn't have to reopen it by hand every time.
-  setTimeout(function () {
-    if (!hasDocument() && api && api.postMessage) api.postMessage({ type: 'requestLastFile' });
-    // `finch:env` normally lands before this; the retry covers a page rebind
-    // that missed the push, so Home still fills in its recent documents.
-    if (!recentRequested) requestRecentDocuments();
-  }, 400);
+<script src="panel.js"></script>
 
-  applyStaticI18n();
-  updateHomeTagline();
-  updatePopupPlaceholder();
-  updateEmptyState();
-  showPane();
-})();
-</script>
 </body>
 </html>