finch-markdown-editor 0.1.8 → 0.2.0

package/dist/panel.html

@@ -4,143 +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-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}
-.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">
@@ -172,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>
@@ -184,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>
@@ -201,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">
@@ -217,2408 +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.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.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给出可直接替换的片段；我确认后调用 markdown_editor_document 的 apply 动作，用更新后的完整内容覆盖源文件（path={path}）。',
-      'annotate.reminder': '仅给出改写建议，不要在未确认前直接写入源文件。',
-      'newdoc.needChat': '请在 Finch 对话中使用“新建文档”。',
-      'newdoc.label': '新建 Markdown 文档',
-      'newdoc.promptText': '我想新建一篇 Markdown 文档。请先根据我的要求确定标题、内容与一个尚不存在的绝对保存路径；信息不足时先问我。确认后调用 markdown_editor_document 的 create 动作，传入完整 Markdown 正文和绝对 path，并在编辑器中打开新文件。',
-      'newdoc.reminder': '新建文件时必须使用 markdown_editor_document 的 create 动作；不要覆盖已有文件。',
-      '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」中的哪一个槽位；用户选择后，再调用 markdown_editor_document 的 set_style，必须传入 css、简短 label 和 slot（1/2/3）。该调用会覆盖并持久化那个槽位，同时立即应用预览。',
-      'aiStyle.reminder': '必须先询问槽位，不能自行猜测或覆盖；用户明确选定 1/2/3 后才调用 set_style。',
-      '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.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.rendering': '正在渲染…',
-      '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.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.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; once I confirm, call markdown_editor_document\u2019s apply action to overwrite the source file (path={path}) with the updated content.',
-      'annotate.reminder': "Only propose the rewrite — don't write to the source file before I confirm.",
-      '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, call markdown_editor_document's create action with the full Markdown body and absolute path to write and open the new file.",
-      'newdoc.reminder': "Always use markdown_editor_document's create action for new files; never overwrite an existing file.",
-      '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, call markdown_editor_document\u2019s set_style with css, a short label, and slot (1/2/3). That call overwrites and persists that slot and applies it to the preview immediately.',
-      'aiStyle.reminder': "Always ask which slot first — never guess or overwrite on your own; call set_style only after the user picks 1/2/3.",
-      '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.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.rendering': 'Rendering…',
-      '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 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 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;
-    homeCwd.textContent = truncateFriendlyPath(formatFriendlyPath(envCwd));
-    homeCwd.title = envCwd ? t('home.cwdTitle', { path: envCwd }) : '';
-    homeCwd.hidden = !envCwd;
-  }
-
-  if (homeCwd) homeCwd.addEventListener('click', function () {
-    if (!envCwd || !api || !api.postMessage) return;
-    api.postMessage({ type: 'openPath', path: envCwd });
-  });
-
-  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 || !envCwd) return;
-    recentRequested = true;
-    api.postMessage({ type: 'requestRecentDocuments', cwd: envCwd });
-  }
-
-  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] || {};
-      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="doc-path">' + escapeHtml(doc.relativePath || doc.fileName || '') + '</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 && envCwd) 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: 'ext:markdown-editor-icons/swatch-book',
-        label: t('toolbar.mode.label'), tooltip: hasDoc ? (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;
-    setStatus(t('status.rendering'));
-    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;
-  }
-
-  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;
-    }
-    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;
-    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 || '';
-        if (incomingCwd !== envCwd) {
-          envCwd = incomingCwd;
-          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;
-        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) {
-          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();
-        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;
-        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>