Settings export/import + tab middle-click close

- Export Settings: palette command — serialises every persisted
  setting (12 fields) as pretty JSON and writes to clipboard. Toast
  on success / failure.
- Import Settings…: palette command — prompts for JSON, runs through
  setSettings (which clamps + falls-back). Bad input toasts an error;
  a blank prompt is cancel.
- Tab middle-click closes the tab (browser convention). Pinned tabs
  ignore the gesture; the user must explicitly unpin first.
- 2 new tests for middle-click (closes unpinned tab, no-op on pinned).
- 28 test files / 206 tests green.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: oratis

src/App.tsx

@@ -1313,6 +1313,54 @@ export function App() {
         label: "Rename Active File…",
         run: renameActiveFile,
       },
+      {
+        id: "export_settings",
+        label: "Export Settings (Copy JSON)",
+        run: () => {
+          const s = useAppStore.getState();
+          const payload = JSON.stringify(
+            {
+              fontSize: s.fontSize,
+              proseMaxWidth: s.proseMaxWidth,
+              autosaveMs: s.autosaveMs,
+              imagePasteDir: s.imagePasteDir,
+              exportTheme: s.exportTheme,
+              spellcheck: s.spellcheck,
+              lineWrap: s.lineWrap,
+              sidebarWidth: s.sidebarWidth,
+              outlineWidth: s.outlineWidth,
+              saveOnBlur: s.saveOnBlur,
+              trimOnSave: s.trimOnSave,
+              showLineNumbers: s.showLineNumbers,
+            },
+            null,
+            2,
+          );
+          navigator.clipboard
+            .writeText(payload)
+            .then(() => showToast(tr("toast.settingsCopied")))
+            .catch(() => showToast(tr("toast.copyFailed")));
+        },
+      },
+      {
+        id: "import_settings",
+        label: "Import Settings…",
+        run: () => {
+          const raw = window.prompt(tr("prompt.importSettings"), "");
+          if (!raw) return;
+          try {
+            const parsed = JSON.parse(raw);
+            if (parsed && typeof parsed === "object") {
+              useAppStore.getState().setSettings(parsed);
+              showToast(tr("toast.settingsImported"));
+            } else {
+              showToast(tr("toast.settingsImportBad"));
+            }
+          } catch {
+            showToast(tr("toast.settingsImportBad"));
+          }
+        },
+      },
       {
         id: "insert_hr",
         label: "Insert Horizontal Rule",

src/components/TabBar.test.tsx

@@ -49,6 +49,29 @@ describe("TabBar", () => {
     expect(useAppStore.getState().activeTabId).toBe("/b.md");
   });
 
+  it("middle-click on a tab closes it", () => {
+    useAppStore.setState({
+      tabs: [makeTab("/a.md", "a.md"), makeTab("/b.md", "b.md")],
+      activeTabId: "/a.md",
+    });
+    render(<TabBar />);
+    const aRow = screen.getByText("a.md").parentElement!;
+    fireEvent.mouseDown(aRow, { button: 1 });
+    const ids = useAppStore.getState().tabs.map((t) => t.id);
+    expect(ids).toEqual(["/b.md"]);
+  });
+
+  it("middle-click on a pinned tab is a no-op", () => {
+    useAppStore.setState({
+      tabs: [{ ...makeTab("/a.md", "a.md"), pinned: true }, makeTab("/b.md", "b.md")],
+      activeTabId: "/a.md",
+    });
+    render(<TabBar />);
+    const aRow = screen.getByText("a.md").parentElement!;
+    fireEvent.mouseDown(aRow, { button: 1 });
+    expect(useAppStore.getState().tabs).toHaveLength(2);
+  });
+
   it("hides the close button on pinned tabs and shows a pin glyph", () => {
     useAppStore.setState({
       tabs: [{ ...makeTab("/a.md", "a.md"), pinned: true }, makeTab("/b.md", "b.md")],

src/components/TabBar.tsx

@@ -68,6 +68,14 @@ export function TabBar() {
               e.preventDefault();
               setCtx({ id: tab.id, x: e.clientX, y: e.clientY });
             }}
+            onMouseDown={(e) => {
+              // Middle-click closes the tab (browser convention).
+              // Pinned tabs ignore the gesture; explicit unpin first.
+              if (e.button === 1 && !tab.pinned) {
+                e.preventDefault();
+                closeTab(tab.id);
+              }
+            }}
             className={`group titlebar-no-drag relative flex items-center gap-2 pl-3 pr-1 py-1.5 text-[12px] cursor-pointer border-r border-black/5 dark:border-white/10 select-none ${
               isActive
                 ? "bg-canvas-light dark:bg-canvas-dark text-ink-light dark:text-ink-dark"

src/lib/locales/en.ts

@@ -84,10 +84,14 @@ export const en = {
   "toast.renameNoFile": "No file to rename",
   "toast.renameBadName": "Name can't contain '/'",
   "toast.renameFailed": "Rename failed",
+  "toast.settingsCopied": "Settings copied to clipboard",
+  "toast.settingsImported": "Settings imported",
+  "toast.settingsImportBad": "Invalid settings JSON",
   "prompt.tableSize": "Table size as rows x cols (e.g. 3x4):",
   "prompt.linkUrl": "Link URL:",
   "prompt.linkText": "Link text:",
   "prompt.rename": "New file name:",
+  "prompt.importSettings": "Paste settings JSON:",
   "reload.confirmDirty":
     '"{0}" has unsaved changes that will be lost on reload. Continue?',
   "toast.wikilinkMiss": 'No vault file matches "{0}"',

src/lib/locales/zh.ts

@@ -85,10 +85,14 @@ export const zh: Strings = {
   "toast.renameNoFile": "没有可重命名的文件",
   "toast.renameBadName": "文件名不能包含 '/'",
   "toast.renameFailed": "重命名失败",
+  "toast.settingsCopied": "设置已复制到剪贴板",
+  "toast.settingsImported": "设置已导入",
+  "toast.settingsImportBad": "无效的设置 JSON",
   "prompt.tableSize": "表格尺寸：行 x 列（例如 3x4）：",
   "prompt.linkUrl": "链接 URL：",
   "prompt.linkText": "链接文本：",
   "prompt.rename": "新文件名：",
+  "prompt.importSettings": "粘贴设置 JSON：",
   "reload.confirmDirty": "「{0}」有未保存的修改，重新加载会丢失。继续吗？",
   "toast.wikilinkMiss": "Vault 里没有匹配的文件：{0}",
   "toast.openFailed": "打开 {0} 失败",