regen.mde 0.8.1 → 0.8.2

package/desktop/BuildCorpusEditor/EditorForm.cs

@@ -634,69 +634,69 @@ console.log("style fixture");
         await ClickButtonAsync("Run Check");
         await WaitForBodyTextAsync("Checked ", "Run Check did not update status.");
 
-        await AssertControlStepAsync("layout still usable", """
-            (() => {
-              const modeStrip = document.querySelector(".mode-strip");
-              if (!modeStrip) throw new Error("Mode strip missing.");
+        await AssertControlStepAsync("layout still usable", """
+            (() => {
+              const modeStrip = document.querySelector(".mode-strip");
+              if (!modeStrip) throw new Error("Mode strip missing.");
               const canvas = document.querySelector(".canvas-wrap");
               if (!canvas || canvas.getBoundingClientRect().width < 300) {
                 throw new Error("Editor canvas did not render with usable width.");
               }
               return [...document.querySelectorAll(".statusbar span")].map((node) => node.textContent).join(" | ");
-            })()
-            """);
-
-        await AssertControlStepAsync("side panels collapse clicks", """
-            (() => {
-              const canvas = document.querySelector(".canvas-wrap");
-              const left = document.querySelector(".left-panel");
-              const right = document.querySelector(".right-panel");
-              if (!canvas || !left || !right) throw new Error("Panel collapse elements missing.");
-              const before = canvas.getBoundingClientRect().width;
-              document.querySelector('button[aria-label="Collapse Document Flow panel"]')?.click();
-              document.querySelector('button[aria-label="Collapse Output Health panel"]')?.click();
-              window.__REGEN_PANEL_BEFORE = before;
-              return `collapse clicks scheduled from ${before}`;
-            })()
-            """);
-        await Task.Delay(250);
-        await AssertControlStepAsync("side panels collapse without focus", """
-            (() => {
-              const shell = document.querySelector(".app-shell");
-              const canvas = document.querySelector(".canvas-wrap");
-              const left = document.querySelector(".left-panel");
-              const right = document.querySelector(".right-panel");
-              if (!shell || !canvas || !left || !right) throw new Error("Panel collapse elements missing.");
-              const before = Number(window.__REGEN_PANEL_BEFORE || 0);
-              if (!shell.classList.contains("left-collapsed") || !shell.classList.contains("right-collapsed")) {
-                throw new Error("Panel collapse classes were not applied.");
-              }
-              if (!left.classList.contains("collapsed") || !right.classList.contains("collapsed")) {
-                throw new Error("Panel elements were not marked collapsed.");
-              }
-              const after = canvas.getBoundingClientRect().width;
-              if (after <= before + 120) throw new Error(`Editor canvas did not reclaim enough width: ${before} -> ${after}`);
-              document.querySelector('button[aria-label="Expand Document Flow panel"]')?.click();
-              document.querySelector('button[aria-label="Expand Output Health panel"]')?.click();
-              window.__REGEN_PANEL_AFTER = after;
-              return `panels collapsed: ${before} -> ${after}`;
-            })()
-            """);
-        await Task.Delay(250);
-        await AssertControlStepAsync("side panels expand without focus", """
-            (() => {
-              const shell = document.querySelector(".app-shell");
-              if (!shell) throw new Error("Panel collapse shell missing.");
-              if (shell.classList.contains("left-collapsed") || shell.classList.contains("right-collapsed")) {
-                throw new Error("Panel expand did not restore the app shell.");
-              }
-              return `panels expanded after ${window.__REGEN_PANEL_AFTER}`;
-            })()
-            """);
-
-        if (!File.Exists(markdownOutput) || !File.ReadAllText(markdownOutput).Contains("UI save-as edit marker", StringComparison.Ordinal))
-        {
-            throw new InvalidOperationException("Save MD As did not write the smoke Markdown output.");
+            })()
+            """);
+
+        await AssertControlStepAsync("side panels collapse clicks", """
+            (() => {
+              const canvas = document.querySelector(".canvas-wrap");
+              const left = document.querySelector(".left-panel");
+              const right = document.querySelector(".right-panel");
+              if (!canvas || !left || !right) throw new Error("Panel collapse elements missing.");
+              const before = canvas.getBoundingClientRect().width;
+              document.querySelector('button[aria-label="Collapse Document Flow panel"]')?.click();
+              document.querySelector('button[aria-label="Collapse Output Health panel"]')?.click();
+              window.__REGEN_PANEL_BEFORE = before;
+              return `collapse clicks scheduled from ${before}`;
+            })()
+            """);
+        await Task.Delay(250);
+        await AssertControlStepAsync("side panels collapse without focus", """
+            (() => {
+              const shell = document.querySelector(".app-shell");
+              const canvas = document.querySelector(".canvas-wrap");
+              const left = document.querySelector(".left-panel");
+              const right = document.querySelector(".right-panel");
+              if (!shell || !canvas || !left || !right) throw new Error("Panel collapse elements missing.");
+              const before = Number(window.__REGEN_PANEL_BEFORE || 0);
+              if (!shell.classList.contains("left-collapsed") || !shell.classList.contains("right-collapsed")) {
+                throw new Error("Panel collapse classes were not applied.");
+              }
+              if (!left.classList.contains("collapsed") || !right.classList.contains("collapsed")) {
+                throw new Error("Panel elements were not marked collapsed.");
+              }
+              const after = canvas.getBoundingClientRect().width;
+              if (after <= before + 120) throw new Error(`Editor canvas did not reclaim enough width: ${before} -> ${after}`);
+              document.querySelector('button[aria-label="Expand Document Flow panel"]')?.click();
+              document.querySelector('button[aria-label="Expand Output Health panel"]')?.click();
+              window.__REGEN_PANEL_AFTER = after;
+              return `panels collapsed: ${before} -> ${after}`;
+            })()
+            """);
+        await Task.Delay(250);
+        await AssertControlStepAsync("side panels expand without focus", """
+            (() => {
+              const shell = document.querySelector(".app-shell");
+              if (!shell) throw new Error("Panel collapse shell missing.");
+              if (shell.classList.contains("left-collapsed") || shell.classList.contains("right-collapsed")) {
+                throw new Error("Panel expand did not restore the app shell.");
+              }
+              return `panels expanded after ${window.__REGEN_PANEL_AFTER}`;
+            })()
+            """);
+
+        if (!File.Exists(markdownOutput) || !File.ReadAllText(markdownOutput).Contains("UI save-as edit marker", StringComparison.Ordinal))
+        {
+            throw new InvalidOperationException("Save MD As did not write the smoke Markdown output.");
         }
         if (!largeSmokeDocument && (!File.Exists(wordOutput) || new FileInfo(wordOutput).Length == 0))
         {

package/desktop/BuildCorpusEditor/app.manifest

@@ -1,16 +1,16 @@
-<?xml version="1.0" encoding="utf-8"?>
-<assembly manifestVersion="1.0" xmlns="urn:schemas-microsoft-com:asm.v1">
-  <assemblyIdentity version="1.0.0.0" name="LifeAI.BuildCorpusEditor.app"/>
-  <trustInfo xmlns="urn:schemas-microsoft-com:asm.v2">
-    <security>
-      <requestedPrivileges xmlns="urn:schemas-microsoft-com:asm.v3">
-        <requestedExecutionLevel level="asInvoker" uiAccess="false" />
-      </requestedPrivileges>
-    </security>
-  </trustInfo>
-  <compatibility xmlns="urn:schemas-microsoft-com:compatibility.v1">
-    <application>
-      <supportedOS Id="{8e0f7a12-bfb3-4fe8-b9a5-48fd50a15a9a}" />
-    </application>
-  </compatibility>
-</assembly>
+<?xml version="1.0" encoding="utf-8"?>
+<assembly manifestVersion="1.0" xmlns="urn:schemas-microsoft-com:asm.v1">
+  <assemblyIdentity version="1.0.0.0" name="LifeAI.BuildCorpusEditor.app"/>
+  <trustInfo xmlns="urn:schemas-microsoft-com:asm.v2">
+    <security>
+      <requestedPrivileges xmlns="urn:schemas-microsoft-com:asm.v3">
+        <requestedExecutionLevel level="asInvoker" uiAccess="false" />
+      </requestedPrivileges>
+    </security>
+  </trustInfo>
+  <compatibility xmlns="urn:schemas-microsoft-com:compatibility.v1">
+    <application>
+      <supportedOS Id="{8e0f7a12-bfb3-4fe8-b9a5-48fd50a15a9a}" />
+    </application>
+  </compatibility>
+</assembly>

package/dist/windows-editor/wwwroot/index.html

@@ -1,22 +1,22 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>regen-mde</title>
-    <script>
-      window.__REGEN_MDEDITOR_ERROR = "";
-      window.addEventListener("error", function (event) {
-        window.__REGEN_MDEDITOR_ERROR = event.message || "window error";
-      });
-      window.addEventListener("unhandledrejection", function (event) {
-        window.__REGEN_MDEDITOR_ERROR = event.reason && event.reason.message ? event.reason.message : String(event.reason || "unhandled rejection");
-      });
-    </script>
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>regen-mde</title>
+    <script>
+      window.__REGEN_MDEDITOR_ERROR = "";
+      window.addEventListener("error", function (event) {
+        window.__REGEN_MDEDITOR_ERROR = event.message || "window error";
+      });
+      window.addEventListener("unhandledrejection", function (event) {
+        window.__REGEN_MDEDITOR_ERROR = event.reason && event.reason.message ? event.reason.message : String(event.reason || "unhandled rejection");
+      });
+    </script>
     <script type="module" crossorigin src="./assets/index-BB0sbZaD.js"></script>
     <link rel="stylesheet" crossorigin href="./assets/index-CtOv7qsC.css">
-  </head>
-  <body>
-    <div id="root"></div>
-  </body>
-</html>
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

package/editor-web/index.html

@@ -1,21 +1,21 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>regen-mde</title>
-    <script>
-      window.__REGEN_MDEDITOR_ERROR = "";
-      window.addEventListener("error", function (event) {
-        window.__REGEN_MDEDITOR_ERROR = event.message || "window error";
-      });
-      window.addEventListener("unhandledrejection", function (event) {
-        window.__REGEN_MDEDITOR_ERROR = event.reason && event.reason.message ? event.reason.message : String(event.reason || "unhandled rejection");
-      });
-    </script>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.jsx"></script>
-  </body>
-</html>
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>regen-mde</title>
+    <script>
+      window.__REGEN_MDEDITOR_ERROR = "";
+      window.addEventListener("error", function (event) {
+        window.__REGEN_MDEDITOR_ERROR = event.message || "window error";
+      });
+      window.addEventListener("unhandledrejection", function (event) {
+        window.__REGEN_MDEDITOR_ERROR = event.reason && event.reason.message ? event.reason.message : String(event.reason || "unhandled rejection");
+      });
+    </script>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>

package/editor-web/src/main.jsx

@@ -163,9 +163,9 @@ function App() {
   });
   const [dirty, setDirty] = React.useState(false);
   const [largeFile, setLargeFile] = React.useState(false);
-  const [moveSources, setMoveSources] = React.useState(false);
-  const [leftPanelCollapsed, setLeftPanelCollapsed] = React.useState(() => window.localStorage?.getItem("build-corpus-editor-left-panel") === "collapsed");
-  const [rightPanelCollapsed, setRightPanelCollapsed] = React.useState(() => window.localStorage?.getItem("build-corpus-editor-right-panel") === "collapsed");
+  const [moveSources, setMoveSources] = React.useState(false);
+  const [leftPanelCollapsed, setLeftPanelCollapsed] = React.useState(() => window.localStorage?.getItem("build-corpus-editor-left-panel") === "collapsed");
+  const [rightPanelCollapsed, setRightPanelCollapsed] = React.useState(() => window.localStorage?.getItem("build-corpus-editor-right-panel") === "collapsed");
   const sourceViewRef = React.useRef(null);
   const pageAreaRef = React.useRef(null);
   const scrollSyncRef = React.useRef(false);
@@ -223,17 +223,17 @@ function App() {
     if (editor && !dirty && markdown.length <= RICH_EDITOR_LIMIT) editor.commands.setContent(markdownToHtml(markdown));
   }, [editor, markdown, dirty]);
 
-  React.useEffect(() => {
-    window.localStorage?.setItem("build-corpus-editor-theme", theme);
-  }, [theme]);
-
-  React.useEffect(() => {
-    window.localStorage?.setItem("build-corpus-editor-left-panel", leftPanelCollapsed ? "collapsed" : "open");
-  }, [leftPanelCollapsed]);
-
-  React.useEffect(() => {
-    window.localStorage?.setItem("build-corpus-editor-right-panel", rightPanelCollapsed ? "collapsed" : "open");
-  }, [rightPanelCollapsed]);
+  React.useEffect(() => {
+    window.localStorage?.setItem("build-corpus-editor-theme", theme);
+  }, [theme]);
+
+  React.useEffect(() => {
+    window.localStorage?.setItem("build-corpus-editor-left-panel", leftPanelCollapsed ? "collapsed" : "open");
+  }, [leftPanelCollapsed]);
+
+  React.useEffect(() => {
+    window.localStorage?.setItem("build-corpus-editor-right-panel", rightPanelCollapsed ? "collapsed" : "open");
+  }, [rightPanelCollapsed]);
 
   async function chooseOpen() {
     try {
@@ -537,7 +537,7 @@ function App() {
   const codeMirrorTheme = "light";
 
   return (
-    <main className={`app-shell${leftPanelCollapsed ? " left-collapsed" : ""}${rightPanelCollapsed ? " right-collapsed" : ""}`} data-theme={theme}>
+    <main className={`app-shell${leftPanelCollapsed ? " left-collapsed" : ""}${rightPanelCollapsed ? " right-collapsed" : ""}`} data-theme={theme}>
       <aside className="brand-rail" aria-label="Primary tools">
         <div className="mark">BC</div>
         <div className="rail-item active">Ed</div>
@@ -566,53 +566,53 @@ function App() {
         </div>
       </header>
 
-      <section className={`side-panel left-panel${leftPanelCollapsed ? " collapsed" : ""}`}>
-        <div className="panel-chrome">
-          <button
-            type="button"
-            className="panel-toggle"
-            aria-label={leftPanelCollapsed ? "Expand Document Flow panel" : "Collapse Document Flow panel"}
-            aria-expanded={!leftPanelCollapsed}
-            onClick={() => setLeftPanelCollapsed((collapsed) => !collapsed)}
-            title={leftPanelCollapsed ? "Expand Document Flow" : "Collapse Document Flow"}
-          >
-            <span aria-hidden="true">≡</span>
-          </button>
-          <h2 className="panel-title">Document Flow</h2>
-        </div>
-        <div className="panel-body">
-          <div className="source-card">
-            <strong>{sourceText}</strong>
-            <p>{dirty ? "The Markdown draft has unsaved changes." : "The Markdown draft is in sync with its save target."}</p>
-            <label className="batch-option"><input type="checkbox" checked={moveSources} onChange={(event) => setMoveSources(event.target.checked)} /> Move processed files to sources</label>
-          </div>
-          <div className="format-flow">
-            <div className="flow-step">
-              <div className="badge">{sourceBadge}</div>
-              <div><b>Original</b><small>{sourcePath || "Choose a file to begin"}</small></div>
-              <small>{sourcePath ? "loaded" : "empty"}</small>
-            </div>
-            <div className="flow-step">
-              <div className="badge">MD</div>
-              <div><b>Working draft</b><small>{draftText}</small></div>
-              <small>{dirty ? "dirty" : "saved"}</small>
-            </div>
-            <div className="flow-step">
-              <div className="badge">DOCX</div>
-              <div><b>Word export</b><small>{exportText}</small></div>
-              <small>{exportPath ? "done" : "ready"}</small>
-            </div>
-          </div>
-
-          <h2 className="panel-title">Insert</h2>
-          <div className="insert-grid">
-            <button className="insert-tile" disabled={!canUseRich} onClick={() => editor?.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run()}><b>Table</b>Rows, columns, headers</button>
-            <button className="insert-tile" disabled={!canUseRich} onClick={insertImageFile}><b>Image</b>File with alt text</button>
-            <button className="insert-tile" disabled={!canUseRich} onClick={() => editor?.chain().focus().toggleBlockquote().run()}><b>Callout</b>Note or quotation</button>
-            <button className="insert-tile" disabled={!canUseRich} onClick={() => editor?.chain().focus().toggleTaskList().run()}><b>Task</b>Checklist block</button>
-          </div>
-        </div>
-      </section>
+      <section className={`side-panel left-panel${leftPanelCollapsed ? " collapsed" : ""}`}>
+        <div className="panel-chrome">
+          <button
+            type="button"
+            className="panel-toggle"
+            aria-label={leftPanelCollapsed ? "Expand Document Flow panel" : "Collapse Document Flow panel"}
+            aria-expanded={!leftPanelCollapsed}
+            onClick={() => setLeftPanelCollapsed((collapsed) => !collapsed)}
+            title={leftPanelCollapsed ? "Expand Document Flow" : "Collapse Document Flow"}
+          >
+            <span aria-hidden="true">≡</span>
+          </button>
+          <h2 className="panel-title">Document Flow</h2>
+        </div>
+        <div className="panel-body">
+          <div className="source-card">
+            <strong>{sourceText}</strong>
+            <p>{dirty ? "The Markdown draft has unsaved changes." : "The Markdown draft is in sync with its save target."}</p>
+            <label className="batch-option"><input type="checkbox" checked={moveSources} onChange={(event) => setMoveSources(event.target.checked)} /> Move processed files to sources</label>
+          </div>
+          <div className="format-flow">
+            <div className="flow-step">
+              <div className="badge">{sourceBadge}</div>
+              <div><b>Original</b><small>{sourcePath || "Choose a file to begin"}</small></div>
+              <small>{sourcePath ? "loaded" : "empty"}</small>
+            </div>
+            <div className="flow-step">
+              <div className="badge">MD</div>
+              <div><b>Working draft</b><small>{draftText}</small></div>
+              <small>{dirty ? "dirty" : "saved"}</small>
+            </div>
+            <div className="flow-step">
+              <div className="badge">DOCX</div>
+              <div><b>Word export</b><small>{exportText}</small></div>
+              <small>{exportPath ? "done" : "ready"}</small>
+            </div>
+          </div>
+
+          <h2 className="panel-title">Insert</h2>
+          <div className="insert-grid">
+            <button className="insert-tile" disabled={!canUseRich} onClick={() => editor?.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run()}><b>Table</b>Rows, columns, headers</button>
+            <button className="insert-tile" disabled={!canUseRich} onClick={insertImageFile}><b>Image</b>File with alt text</button>
+            <button className="insert-tile" disabled={!canUseRich} onClick={() => editor?.chain().focus().toggleBlockquote().run()}><b>Callout</b>Note or quotation</button>
+            <button className="insert-tile" disabled={!canUseRich} onClick={() => editor?.chain().focus().toggleTaskList().run()}><b>Task</b>Checklist block</button>
+          </div>
+        </div>
+      </section>
 
       <section className={`workspace ${mode} ${largeFile ? "large" : ""}`}>
         <div className="mode-strip">
@@ -700,51 +700,51 @@ function App() {
         </div>
       </section>
 
-      <aside className={`side-panel right-panel${rightPanelCollapsed ? " collapsed" : ""}`}>
-        <div className="panel-chrome">
-          <h2 className="panel-title">Output Health</h2>
-          <button
-            type="button"
-            className="panel-toggle"
-            aria-label={rightPanelCollapsed ? "Expand Output Health panel" : "Collapse Output Health panel"}
-            aria-expanded={!rightPanelCollapsed}
-            onClick={() => setRightPanelCollapsed((collapsed) => !collapsed)}
-            title={rightPanelCollapsed ? "Expand Output Health" : "Collapse Output Health"}
-          >
-            <span aria-hidden="true">≡</span>
-          </button>
-        </div>
-        <div className="panel-body">
-          <div className="source-card">
-            <strong>Round-trip confidence</strong>
-            <p>Tables, images, links, and headings are tracked as conversion risks.</p>
-            <div className="meter" aria-label="Round-trip confidence"><span style={{ width: `${confidence}%` }} /></div>
-          </div>
-
-          <h2 className="panel-title">Table Tools</h2>
-          <div className="tool-group">
-            <button disabled={!canUseRich || !editor?.isActive("table")} onClick={() => editor?.chain().focus().addRowAfter().run()}>Row +</button>
-            <button disabled={!canUseRich || !editor?.isActive("table")} onClick={() => editor?.chain().focus().addColumnAfter().run()}>Col +</button>
-            <button disabled={!canUseRich || !editor?.isActive("table")} onClick={() => editor?.chain().focus().deleteRow().run()}>Row -</button>
-            <button disabled={!canUseRich || !editor?.isActive("table")} onClick={() => editor?.chain().focus().deleteColumn().run()}>Col -</button>
-            <button disabled={!canUseRich || !editor?.isActive("table")} onClick={() => editor?.chain().focus().toggleHeaderRow().run()}>Header</button>
-            <button disabled={!canUseRich || !editor?.isActive("table")} onClick={() => editor?.chain().focus().deleteTable().run()}>Delete</button>
-          </div>
-
-          <h2 className="panel-title">Image Tools</h2>
-          <div className="tool-group">
-            <button disabled={!canUseRich} onClick={insertImageFile}>File</button>
-            <button disabled={!canUseRich} onClick={insertImageUrl}>URL</button>
-          </div>
-
-          <div className="checklist">
-            <div className="check"><span className="dot" /><div><b>Markdown target</b><br />{markdownPath || "Choose Save MD As..."}</div></div>
-            <div className="check"><span className="dot" /><div><b>Word export</b><br />{exportPath || "Ready to export with template hook."}</div></div>
-            <div className="check"><span className={imageCount ? "dot warn" : "dot"} /><div><b>Images</b><br />{imageCount} detected. Asset folder policy still needs final pass.</div></div>
-            <div className="check"><span className={tableCount ? "dot warn" : "dot"} /><div><b>Tables</b><br />{tableCount} detected. Advanced cell controls are surfaced here.</div></div>
-          </div>
-        </div>
-      </aside>
+      <aside className={`side-panel right-panel${rightPanelCollapsed ? " collapsed" : ""}`}>
+        <div className="panel-chrome">
+          <h2 className="panel-title">Output Health</h2>
+          <button
+            type="button"
+            className="panel-toggle"
+            aria-label={rightPanelCollapsed ? "Expand Output Health panel" : "Collapse Output Health panel"}
+            aria-expanded={!rightPanelCollapsed}
+            onClick={() => setRightPanelCollapsed((collapsed) => !collapsed)}
+            title={rightPanelCollapsed ? "Expand Output Health" : "Collapse Output Health"}
+          >
+            <span aria-hidden="true">≡</span>
+          </button>
+        </div>
+        <div className="panel-body">
+          <div className="source-card">
+            <strong>Round-trip confidence</strong>
+            <p>Tables, images, links, and headings are tracked as conversion risks.</p>
+            <div className="meter" aria-label="Round-trip confidence"><span style={{ width: `${confidence}%` }} /></div>
+          </div>
+
+          <h2 className="panel-title">Table Tools</h2>
+          <div className="tool-group">
+            <button disabled={!canUseRich || !editor?.isActive("table")} onClick={() => editor?.chain().focus().addRowAfter().run()}>Row +</button>
+            <button disabled={!canUseRich || !editor?.isActive("table")} onClick={() => editor?.chain().focus().addColumnAfter().run()}>Col +</button>
+            <button disabled={!canUseRich || !editor?.isActive("table")} onClick={() => editor?.chain().focus().deleteRow().run()}>Row -</button>
+            <button disabled={!canUseRich || !editor?.isActive("table")} onClick={() => editor?.chain().focus().deleteColumn().run()}>Col -</button>
+            <button disabled={!canUseRich || !editor?.isActive("table")} onClick={() => editor?.chain().focus().toggleHeaderRow().run()}>Header</button>
+            <button disabled={!canUseRich || !editor?.isActive("table")} onClick={() => editor?.chain().focus().deleteTable().run()}>Delete</button>
+          </div>
+
+          <h2 className="panel-title">Image Tools</h2>
+          <div className="tool-group">
+            <button disabled={!canUseRich} onClick={insertImageFile}>File</button>
+            <button disabled={!canUseRich} onClick={insertImageUrl}>URL</button>
+          </div>
+
+          <div className="checklist">
+            <div className="check"><span className="dot" /><div><b>Markdown target</b><br />{markdownPath || "Choose Save MD As..."}</div></div>
+            <div className="check"><span className="dot" /><div><b>Word export</b><br />{exportPath || "Ready to export with template hook."}</div></div>
+            <div className="check"><span className={imageCount ? "dot warn" : "dot"} /><div><b>Images</b><br />{imageCount} detected. Asset folder policy still needs final pass.</div></div>
+            <div className="check"><span className={tableCount ? "dot warn" : "dot"} /><div><b>Tables</b><br />{tableCount} detected. Advanced cell controls are surfaced here.</div></div>
+          </div>
+        </div>
+      </aside>
 
       <footer className="statusbar">
         <span>{status}{exportPath ? ` - Last Word export: ${exportPath}` : ""}</span>