research-copilot 0.2.6 → 0.2.9

package/app/out/renderer/assets/{index-DFnA5GRw.js → index-DcOi0itd.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./MilkdownMarkdownEditor-2wg63TSu.js","./MilkdownMarkdownEditor-tTNRIB2K.css"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./MilkdownMarkdownEditor-CK0d0F6d.js","./MilkdownMarkdownEditor-tTNRIB2K.css"])))=>i.map(i=>d[i]);
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
@@ -12524,6 +12524,16 @@ const createLucideIcon = (iconName, iconNode) => {
   Component2.displayName = `${iconName}`;
   return Component2;
 };
+/**
+ * @license lucide-react v0.469.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ArrowLeft = createLucideIcon("ArrowLeft", [
+  ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
+  ["path", { d: "M19 12H5", key: "x3x0zl" }]
+]);
 /**
  * @license lucide-react v0.469.0 - ISC
  *
@@ -12609,6 +12619,17 @@ const ChartColumn = createLucideIcon("ChartColumn", [
   ["path", { d: "M13 17V5", key: "1frdt8" }],
   ["path", { d: "M8 17v-3", key: "17ska0" }]
 ]);
+/**
+ * @license lucide-react v0.469.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ChartNoAxesColumn = createLucideIcon("ChartNoAxesColumn", [
+  ["line", { x1: "18", x2: "18", y1: "20", y2: "10", key: "1xfpm4" }],
+  ["line", { x1: "12", x2: "12", y1: "20", y2: "4", key: "be30l9" }],
+  ["line", { x1: "6", x2: "6", y1: "20", y2: "14", key: "1r4le6" }]
+]);
 /**
  * @license lucide-react v0.469.0 - ISC
  *
@@ -12673,6 +12694,16 @@ const CircleCheck = createLucideIcon("CircleCheck", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
 ]);
+/**
+ * @license lucide-react v0.469.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const CircleDot = createLucideIcon("CircleDot", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }]
+]);
 /**
  * @license lucide-react v0.469.0 - ISC
  *
@@ -13018,6 +13049,19 @@ const Monitor = createLucideIcon("Monitor", [
 const Moon = createLucideIcon("Moon", [
   ["path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z", key: "a7tn18" }]
 ]);
+/**
+ * @license lucide-react v0.469.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Network = createLucideIcon("Network", [
+  ["rect", { x: "16", y: "16", width: "6", height: "6", rx: "1", key: "4q2zg0" }],
+  ["rect", { x: "2", y: "16", width: "6", height: "6", rx: "1", key: "8cvhb9" }],
+  ["rect", { x: "9", y: "2", width: "6", height: "6", rx: "1", key: "1egb70" }],
+  ["path", { d: "M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3", key: "1jsf9p" }],
+  ["path", { d: "M12 12V8", key: "2874zd" }]
+]);
 /**
  * @license lucide-react v0.469.0 - ISC
  *
@@ -13125,22 +13169,6 @@ const Send = createLucideIcon("Send", [
   ],
   ["path", { d: "m21.854 2.147-10.94 10.939", key: "12cjpa" }]
 ]);
-/**
- * @license lucide-react v0.469.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Settings = createLucideIcon("Settings", [
-  [
-    "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",
-      key: "1qme2f"
-    }
-  ],
-  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-]);
 /**
  * @license lucide-react v0.469.0 - ISC
  *
@@ -13302,7 +13330,7 @@ const Zap = createLucideIcon("Zap", [
     }
   ]
 ]);
-const api$b = window.api;
+const api$g = window.api;
 const KEY_FIELDS = [
   {
     name: "ANTHROPIC_API_KEY",
@@ -13337,7 +13365,62 @@ const KEY_FIELDS = [
     required: false
   }
 ];
-function ApiKeySetup({ onComplete }) {
+function UpdateBanner() {
+  const [update, setUpdate] = reactExports.useState(null);
+  const [dismissed, setDismissed] = reactExports.useState(false);
+  const [copied, setCopied] = reactExports.useState(false);
+  reactExports.useEffect(() => {
+    api$g.checkForUpdate().then((info) => {
+      if (info.hasUpdate) setUpdate(info);
+    }).catch(() => {
+    });
+  }, []);
+  if (!update || dismissed) return null;
+  const command = "npm update -g research-copilot";
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-4 relative rounded-lg border t-border-subtle t-bg-elevated overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { "aria-hidden": true, className: "absolute left-0 top-0 bottom-0 w-[2px] t-bg-accent-soft" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-3 py-2.5 flex items-start gap-2.5", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(CircleArrowUp, { size: 15, className: "t-text-accent-soft mt-0.5 shrink-0" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs font-medium t-text", children: [
+          "v",
+          update.latest,
+          " available",
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "t-text-secondary font-normal ml-1.5", children: [
+            "(current: v",
+            update.current,
+            ")"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-1.5 flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "flex-1 text-[10px] font-mono px-2 py-1 rounded t-bg-surface t-text select-all", children: command }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              onClick: () => {
+                navigator.clipboard.writeText(command);
+                setCopied(true);
+                setTimeout(() => setCopied(false), 2e3);
+              },
+              className: "shrink-0 p-1 rounded t-bg-surface hover:opacity-80 transition-opacity",
+              title: "Copy command",
+              children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { size: 12, className: "t-text-success" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { size: 12, className: "t-text-secondary" })
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          onClick: () => setDismissed(true),
+          className: "shrink-0 p-0.5 rounded hover:t-bg-surface transition-colors t-text-secondary hover:t-text",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(X$1, { size: 12 })
+        }
+      )
+    ] })
+  ] });
+}
+function ApiKeysSettings({ showSaveButton, onSaved }) {
   const [values, setValues] = reactExports.useState({});
   const [status, setStatus] = reactExports.useState({});
   const [visible, setVisible] = reactExports.useState({});
@@ -13346,14 +13429,14 @@ function ApiKeySetup({ onComplete }) {
   const [codexStatus, setCodexStatus] = reactExports.useState(null);
   const [codexLoggingIn, setCodexLoggingIn] = reactExports.useState(false);
   reactExports.useEffect(() => {
-    api$b.getApiKeyStatus().then((s15) => setStatus(s15));
-    api$b.getOpenAICodexStatus?.().then((s15) => setCodexStatus(s15)).catch(() => {
+    api$g.getApiKeyStatus().then((s15) => setStatus(s15));
+    api$g.getOpenAICodexStatus?.().then((s15) => setCodexStatus(s15)).catch(() => {
     });
   }, []);
   const handleCodexLogin = async () => {
     setCodexLoggingIn(true);
     try {
-      const result = await api$b.openaiCodexLogin?.();
+      const result = await api$g.openaiCodexLogin?.();
       if (result?.success) {
         setCodexStatus({ isLoggedIn: true });
       } else {
@@ -13365,148 +13448,632 @@ function ApiKeySetup({ onComplete }) {
       setCodexLoggingIn(false);
     }
   };
-  const hasAnyLlmKey = status.ANTHROPIC_API_KEY || status.OPENAI_API_KEY || codexStatus?.isLoggedIn || !!(values.ANTHROPIC_API_KEY || "").trim() || !!(values.OPENAI_API_KEY || "").trim();
   const handleSave = async () => {
     const entries = Object.entries(values).filter(([, v3]) => v3.trim());
     if (entries.length === 0 && !status.ANTHROPIC_API_KEY && !status.OPENAI_API_KEY && !codexStatus?.isLoggedIn) {
-      setError("Please enter at least one API key or sign in with ChatGPT to continue.");
+      setError("Please enter at least one LLM API key or sign in with ChatGPT.");
       return;
     }
     setSaving(true);
     setError(null);
     try {
       for (const [key, val] of entries) {
-        await api$b.saveApiKey(key, val);
+        await api$g.saveApiKey(key, val);
       }
-      onComplete();
+      const newStatus = await api$g.getApiKeyStatus();
+      setStatus(newStatus);
+      setValues({});
+      onSaved?.();
     } catch (err) {
       setError(err.message || "Failed to save keys");
     } finally {
       setSaving(false);
     }
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-screen w-screen t-bg-base t-text items-center justify-center", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "drag-region fixed top-0 left-0 right-0 h-8 z-50" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full max-w-lg px-8", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center mb-8", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative mx-auto mb-6 w-fit", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "div",
-          {
-            className: "w-14 h-14 rounded-2xl flex items-center justify-center t-gradient-accent t-gradient-accent-shadow-lg",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Key, { className: "text-white", size: 22 })
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "text-xl font-semibold tracking-tight mb-1", children: "Configure API Keys" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "t-text-secondary text-[13px] leading-relaxed", children: [
-          "At least one LLM key (Anthropic or OpenAI) is required.",
-          /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
-          "Keys are stored locally in ",
-          /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "px-1 py-0.5 rounded t-bg-surface text-xs font-mono", children: "~/.research-copilot/config.json" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-3 mb-6", children: KEY_FIELDS.map((field) => {
-        const alreadySet = status[field.name];
-        return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-lg border t-border t-bg-surface/50 p-3", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between mb-1.5", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "text-xs font-medium t-text flex items-center gap-1.5", children: [
-              field.label,
-              field.required && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] t-text-muted", children: "(required*)" }),
-              !field.required && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] t-text-muted", children: "(optional)" }),
-              alreadySet && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-0.5 text-[10px] text-green-500", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { size: 10 }),
-                " configured"
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(
-              "a",
-              {
-                href: field.url,
-                target: "_blank",
-                rel: "noreferrer",
-                className: "text-[10px] t-text-muted hover:t-text flex items-center gap-0.5",
-                onClick: (e) => {
-                  e.preventDefault();
-                  window.open(field.url, "_blank");
-                },
-                children: [
-                  "Get key ",
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLink, { size: 9 })
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "input",
-              {
-                type: visible[field.name] ? "text" : "password",
-                className: "w-full text-xs px-2.5 py-1.5 rounded-md border t-border t-bg-base t-text font-mono pr-8\n                               focus:outline-none focus:ring-1 focus:ring-[var(--color-accent)]",
-                placeholder: alreadySet ? "••••••••  (already set — leave blank to keep)" : field.placeholder,
-                value: values[field.name] || "",
-                onChange: (e) => setValues((prev) => ({ ...prev, [field.name]: e.target.value })),
-                "aria-label": `${field.label} API key`
-              }
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "button",
-              {
-                type: "button",
-                className: "absolute right-2 top-1/2 -translate-y-1/2 t-text-muted hover:t-text",
-                onClick: () => setVisible((prev) => ({ ...prev, [field.name]: !prev[field.name] })),
-                tabIndex: -1,
-                children: visible[field.name] ? /* @__PURE__ */ jsxRuntimeExports.jsx(EyeOff, { size: 13 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Eye, { size: 13 })
-              }
-            )
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(UpdateBanner, {}),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-3", children: KEY_FIELDS.map((field) => {
+      const alreadySet = status[field.name];
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-lg border t-border t-bg-surface/50 p-3", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between mb-1.5", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "text-xs font-medium t-text flex items-center gap-1.5", children: [
+            field.label,
+            field.required && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] t-text-muted", children: "(required*)" }),
+            !field.required && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] t-text-muted", children: "(optional)" }),
+            alreadySet && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-0.5 text-[10px] text-green-500", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { size: 10 }),
+              " configured"
+            ] })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] t-text-muted mt-1", children: field.hint })
-        ] }, field.name);
-      }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-lg border t-border t-bg-surface/50 p-3", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-between mb-1.5", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "text-xs font-medium t-text flex items-center gap-1.5", children: [
-          "ChatGPT Subscription",
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] t-text-muted", children: "(alternative to OpenAI API key)" }),
-          codexStatus?.isLoggedIn && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-0.5 text-[10px] text-green-500", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { size: 10 }),
-            " signed in"
-          ] })
-        ] }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "button",
-          {
-            onClick: handleCodexLogin,
-            disabled: codexLoggingIn || codexStatus?.isLoggedIn,
-            className: "flex items-center gap-1.5 px-3 py-1.5 rounded-md border t-border text-xs t-text-secondary hover:t-text t-bg-hover disabled:opacity-50",
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(LogIn, { size: 12 }),
-              codexLoggingIn ? "Signing in..." : codexStatus?.isLoggedIn ? "Already signed in" : "Sign in with ChatGPT"
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] t-text-muted mt-1", children: "Use your ChatGPT Plus/Pro subscription instead of an API key. No per-token billing." })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] t-text-muted mb-1", children: "* You need at least one of Anthropic or OpenAI (API key or ChatGPT subscription)." }),
-      error && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-red-400 mb-3", role: "alert", children: error }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "a",
+            {
+              href: field.url,
+              target: "_blank",
+              rel: "noreferrer",
+              className: "text-[10px] t-text-muted hover:t-text flex items-center gap-0.5",
+              onClick: (e) => {
+                e.preventDefault();
+                window.open(field.url, "_blank");
+              },
+              children: [
+                "Get key ",
+                /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLink, { size: 9 })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "input",
+            {
+              type: visible[field.name] ? "text" : "password",
+              className: "w-full text-xs px-2.5 py-1.5 rounded-md border t-border t-bg-base t-text font-mono pr-8\n                             focus:outline-none focus:ring-1 focus:ring-[var(--color-accent)]",
+              placeholder: alreadySet ? "••••••••  (already set — leave blank to keep)" : field.placeholder,
+              value: values[field.name] || "",
+              onChange: (e) => setValues((prev) => ({ ...prev, [field.name]: e.target.value })),
+              "aria-label": `${field.label} API key`
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              type: "button",
+              className: "absolute right-2 top-1/2 -translate-y-1/2 t-text-muted hover:t-text",
+              onClick: () => setVisible((prev) => ({ ...prev, [field.name]: !prev[field.name] })),
+              tabIndex: -1,
+              children: visible[field.name] ? /* @__PURE__ */ jsxRuntimeExports.jsx(EyeOff, { size: 13 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Eye, { size: 13 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] t-text-muted mt-1", children: field.hint })
+      ] }, field.name);
+    }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-lg border t-border t-bg-surface/50 p-3 mt-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-between mb-1.5", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "text-xs font-medium t-text flex items-center gap-1.5", children: [
+        "ChatGPT Subscription",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] t-text-muted", children: "(alternative to OpenAI API key)" }),
+        codexStatus?.isLoggedIn && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-0.5 text-[10px] text-green-500", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { size: 10 }),
+          " signed in"
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "button",
+        {
+          onClick: handleCodexLogin,
+          disabled: codexLoggingIn || codexStatus?.isLoggedIn,
+          className: "flex items-center gap-1.5 px-3 py-1.5 rounded-md border t-border text-xs t-text-secondary hover:t-text t-bg-hover disabled:opacity-50",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(LogIn, { size: 12 }),
+            codexLoggingIn ? "Signing in..." : codexStatus?.isLoggedIn ? "Already signed in" : "Sign in with ChatGPT"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] t-text-muted mt-1", children: "Use your ChatGPT Plus/Pro subscription instead of an API key. No per-token billing." })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] t-text-muted mt-2", children: "* At least one of Anthropic or OpenAI (API key or ChatGPT subscription) is required." }),
+    error && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-red-400 mt-2", role: "alert", children: error }),
+    showSaveButton && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        onClick: handleSave,
+        disabled: saving,
+        className: "px-4 py-1.5 rounded-md text-white text-[13px] font-medium hover:brightness-110 transition-[filter] duration-150 disabled:opacity-50 bg-[var(--color-accent)]",
+        children: saving ? "Saving…" : "Save & Continue"
+      }
+    ) })
+  ] });
+}
+function SegmentedControl({ options, value, onChange }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex rounded-lg border t-border overflow-hidden", children: options.map((opt) => {
+    const active = opt.value === value;
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        onClick: () => onChange(opt.value),
+        className: `flex-1 px-3 py-1.5 text-xs font-medium transition-colors
+              ${active ? "t-text-accent bg-[var(--color-accent)]/10" : "t-text-secondary hover:t-text hover:t-bg-hover"}
+            `,
+        children: opt.label
+      },
+      opt.value
+    );
+  }) });
+}
+function ResearchSettings({
+  researchIntensity,
+  webSearchDepth,
+  autoSaveSensitivity,
+  onChangeIntensity,
+  onChangeWebDepth,
+  onChangeAutoSave
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: "text-xs font-semibold t-text mb-1.5", children: "Literature Search Intensity" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] t-text-muted mb-2.5", children: "Controls how many papers are fetched per source and how thoroughly results are reviewed." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        SegmentedControl,
+        {
+          options: [
+            { label: "Low", value: "low" },
+            { label: "Medium", value: "medium" },
+            { label: "High", value: "high" }
+          ],
+          value: researchIntensity,
+          onChange: onChangeIntensity
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-[10px] t-text-muted mt-1.5", children: [
+        researchIntensity === "low" && "Faster searches, fewer papers. Good for quick checks.",
+        researchIntensity === "medium" && "Balanced coverage. Suitable for most research tasks.",
+        researchIntensity === "high" && "Thorough searches with more papers per source. Best for comprehensive reviews."
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: "text-xs font-semibold t-text mb-1.5", children: "Web Search Depth" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] t-text-muted mb-2.5", children: "Controls the number of results and how much content is fetched from each page." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        SegmentedControl,
+        {
+          options: [
+            { label: "Quick", value: "quick" },
+            { label: "Standard", value: "standard" },
+            { label: "Thorough", value: "thorough" }
+          ],
+          value: webSearchDepth,
+          onChange: onChangeWebDepth
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-[10px] t-text-muted mt-1.5", children: [
+        webSearchDepth === "quick" && "Fewer results, smaller page fetches. Good for simple lookups.",
+        webSearchDepth === "standard" && "Balanced results. Suitable for most searches.",
+        webSearchDepth === "thorough" && "More results and larger page fetches. Best for deep research."
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: "text-xs font-semibold t-text mb-1.5", children: "Auto-Save Sensitivity" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] t-text-muted mb-2.5", children: "How aggressively papers are auto-saved to your library based on relevance scores." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        SegmentedControl,
+        {
+          options: [
+            { label: "Conservative", value: "conservative" },
+            { label: "Balanced", value: "balanced" },
+            { label: "Aggressive", value: "aggressive" }
+          ],
+          value: autoSaveSensitivity,
+          onChange: onChangeAutoSave
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-[10px] t-text-muted mt-1.5", children: [
+        autoSaveSensitivity === "conservative" && "Only saves highly relevant papers. Keeps your library focused.",
+        autoSaveSensitivity === "balanced" && "Saves papers with good relevance. A sensible default.",
+        autoSaveSensitivity === "aggressive" && "Saves more papers for broader coverage. May include tangential results."
+      ] })
+    ] })
+  ] });
+}
+function DataAnalysisSettings({ executionTimeLimit, onChange }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-6", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: "text-xs font-semibold t-text mb-1.5", children: "Execution Time Limit" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] t-text-muted mb-2.5", children: "Maximum time allowed for Python data analysis scripts to run before timeout." }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      SegmentedControl,
+      {
+        options: [
+          { label: "1 min", value: "short" },
+          { label: "2 min", value: "standard" },
+          { label: "5 min", value: "extended" },
+          { label: "10 min", value: "long" }
+        ],
+        value: executionTimeLimit,
+        onChange
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-[10px] t-text-muted mt-1.5", children: [
+      executionTimeLimit === "short" && "Quick timeout for simple analyses.",
+      executionTimeLimit === "standard" && "Suitable for most data analysis tasks.",
+      executionTimeLimit === "extended" && "For larger datasets or complex computations.",
+      executionTimeLimit === "long" && "For very large datasets or intensive modeling tasks."
+    ] })
+  ] }) });
+}
+const REASONING_MODELS = [
+  "openai:gpt-5.4",
+  "openai:gpt-5.4-mini",
+  "openai:gpt-5.4-nano",
+  "openai:gpt-5.4-pro",
+  "openai-codex:gpt-5.4",
+  "openai-codex:gpt-5.4-mini",
+  "anthropic:claude-opus-4-6",
+  "anthropic-sub:claude-opus-4-6"
+];
+const SUPPORTED_MODELS = [
+  // OpenAI (API key)
+  { id: "openai:gpt-5.4", label: "GPT-5.4", provider: "OpenAI" },
+  { id: "openai:gpt-5.4-mini", label: "GPT-5.4 Mini", provider: "OpenAI" },
+  { id: "openai:gpt-5.4-nano", label: "GPT-5.4 Nano", provider: "OpenAI" },
+  { id: "openai:gpt-4o", label: "GPT-4o", provider: "OpenAI" },
+  { id: "openai:gpt-5.4-pro", label: "GPT-5.4 Pro", provider: "OpenAI" },
+  // ChatGPT Subscription (OAuth) — only models registered in pi-ai's openai-codex provider
+  { id: "openai-codex:gpt-5.4", label: "GPT-5.4", provider: "ChatGPT Subscription" },
+  { id: "openai-codex:gpt-5.4-mini", label: "GPT-5.4 Mini", provider: "ChatGPT Subscription" },
+  // Anthropic (API key)
+  { id: "anthropic:claude-opus-4-6", label: "Claude Opus 4.6", provider: "Anthropic" },
+  { id: "anthropic:claude-opus-4-5-20251101", label: "Claude Opus 4.5", provider: "Anthropic" },
+  { id: "anthropic:claude-sonnet-4-5-20250929", label: "Claude Sonnet 4.5", provider: "Anthropic" },
+  { id: "anthropic:claude-haiku-4-5-20251001", label: "Claude Haiku 4.5", provider: "Anthropic" },
+  // Claude Subscription (OAuth) — gated behind ENABLE_CLAUDE_SUB=1
+  { id: "anthropic-sub:claude-opus-4-6", label: "Claude Opus 4.6", provider: "Claude Subscription" },
+  { id: "anthropic-sub:claude-opus-4-5-20251101", label: "Claude Opus 4.5", provider: "Claude Subscription" },
+  { id: "anthropic-sub:claude-sonnet-4-5-20250929", label: "Claude Sonnet 4.5", provider: "Claude Subscription" },
+  { id: "anthropic-sub:claude-haiku-4-5-20251001", label: "Claude Haiku 4.5", provider: "Claude Subscription" }
+];
+const DEFAULT_MODEL = "openai:gpt-5.4";
+const api$f = window.api;
+const SPEED_OPTIONS = [
+  { label: "Slow", value: "slow", desc: "Minimal resource usage. Best for subscription plans with tight limits." },
+  { label: "Medium", value: "medium", desc: "Balanced processing. Suitable for most users." },
+  { label: "Fast", value: "fast", desc: "Processes papers quickly when idle. Uses more API calls." }
+];
+const MODEL_GROUPS = (() => {
+  const groups = /* @__PURE__ */ new Map();
+  for (const m of SUPPORTED_MODELS) {
+    const list2 = groups.get(m.provider) || [];
+    list2.push(m);
+    groups.set(m.provider, list2);
+  }
+  return groups;
+})();
+function WikiAgentSettings({ model, speed, onChangeModel, onChangeSpeed }) {
+  const [status, setStatus] = reactExports.useState(null);
+  const [stats, setStats] = reactExports.useState(null);
+  const [recentLog, setRecentLog] = reactExports.useState([]);
+  reactExports.useEffect(() => {
+    api$f.wikiGetStatus?.().then((s15) => setStatus(s15)).catch(() => {
+    });
+    api$f.wikiGetStats?.().then((s15) => setStats(s15)).catch(() => {
+    });
+    api$f.wikiGetLog?.().then((l2) => setRecentLog(l2 || [])).catch(() => {
+    });
+    const unsub = api$f.onWikiStatus?.((s15) => setStatus(s15));
+    return () => unsub?.();
+  }, []);
+  const enabled = model !== "none";
+  const speedDesc = SPEED_OPTIONS.find((o2) => o2.value === speed)?.desc || "";
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: "text-xs font-semibold t-text mb-1.5", children: "Wiki Agent Model" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] t-text-muted mb-2.5", children: "Select a model to power the background Paper Wiki agent. The wiki accumulates LLM-generated summaries of papers across all your projects. A smaller model is recommended for background processing." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "select",
+        {
+          value: model,
+          onChange: (e) => onChangeModel(e.target.value),
+          className: "w-full px-3 py-1.5 rounded-lg border t-border t-bg-base t-text text-xs",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "none", children: "None (disabled)" }),
+            Array.from(MODEL_GROUPS.entries()).map(([provider, models]) => /* @__PURE__ */ jsxRuntimeExports.jsx("optgroup", { label: provider, children: models.map((m) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: m.id, children: m.label }, m.id)) }, provider))
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] t-text-muted mt-1.5 italic", children: "Changes take effect after app restart." })
+    ] }),
+    enabled && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: "text-xs font-semibold t-text mb-1.5", children: "Processing Speed" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        SegmentedControl,
+        {
+          options: SPEED_OPTIONS,
+          value: speed,
+          onChange: onChangeSpeed
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] t-text-muted mt-2", children: speedDesc })
+    ] }),
+    enabled && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-lg border t-border t-bg-surface/50 p-3 space-y-3", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
-        (status.ANTHROPIC_API_KEY || status.OPENAI_API_KEY || codexStatus?.isLoggedIn) && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            onClick: onComplete,
-            className: "text-xs t-text-secondary hover:t-text transition-colors",
-            children: "Skip — keys already configured"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: "text-xs font-semibold t-text", children: "Status" }),
+        status?.state && status.state !== "disabled" && /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
-            onClick: handleSave,
-            disabled: saving,
-            className: "px-5 py-2 rounded-lg text-white text-sm font-medium hover:opacity-90 transition-all duration-200 disabled:opacity-50 t-gradient-accent t-gradient-accent-shadow",
-            children: saving ? "Saving..." : hasAnyLlmKey ? "Save & Continue" : "Save & Continue"
+            onClick: () => {
+              if (status.state === "paused") {
+                api$f.wikiResume?.();
+              } else {
+                api$f.wikiPause?.();
+              }
+            },
+            className: "px-2.5 py-1 rounded-md border t-border t-bg-base t-text text-[11px] font-medium hover:t-bg-hover transition-colors",
+            children: status.state === "paused" ? "Resume" : "Pause"
           }
         )
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-1 text-[11px]", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-muted", children: "State:" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "t-text flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `inline-block w-1.5 h-1.5 rounded-full ${status?.state === "processing" ? "bg-blue-500" : status?.state === "idle" ? "bg-green-500" : status?.state === "paused" ? "bg-yellow-500" : "bg-gray-400"}` }),
+          status?.state === "processing" ? `Processing (${status?.pending ?? 0} pending)` : status?.state ?? "Disabled"
+        ] }),
+        stats && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-muted", children: "Papers:" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "t-text", children: [
+            stats.papers,
+            " in wiki (",
+            stats.fulltext,
+            " fulltext, ",
+            stats.abstractOnly,
+            " abstract)"
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-muted", children: "Concepts:" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "t-text", children: [
+            stats.concepts,
+            " pages"
+          ] })
+        ] }),
+        status?.lastRunAt && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-muted", children: "Last run:" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text", children: formatRelativeTime(status.lastRunAt) })
+        ] })
+      ] }),
+      recentLog.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h5", { className: "text-[11px] font-medium t-text-muted mb-1", children: "Recent Activity" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-0.5 max-h-32 overflow-y-auto", children: recentLog.slice(0, 10).map((entry, i) => /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] t-text-muted font-mono leading-relaxed truncate", children: entry }, i)) })
       ] })
-    ] })
+    ] }),
+    !enabled && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-lg border t-border t-bg-surface/50 p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-[11px] t-text-muted", children: [
+      "The wiki agent is disabled. Select a model above to enable cross-project paper memory. Papers from all your projects are accumulated into a searchable local memory accessible via ",
+      /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "font-mono", children: "wiki_search" }),
+      ",",
+      " ",
+      /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "font-mono", children: "wiki_get" }),
+      ", ",
+      /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "font-mono", children: "wiki_coverage" }),
+      ", and ",
+      /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "font-mono", children: "wiki_source" }),
+      " — the wiki is a research memory layer, not a fact oracle."
+    ] }) })
+  ] });
+}
+function formatRelativeTime(isoString) {
+  const diff = Date.now() - new Date(isoString).getTime();
+  const mins = Math.floor(diff / 6e4);
+  if (mins < 1) return "just now";
+  if (mins < 60) return `${mins} minute${mins > 1 ? "s" : ""} ago`;
+  const hours = Math.floor(mins / 60);
+  if (hours < 24) return `${hours} hour${hours > 1 ? "s" : ""} ago`;
+  return new Date(isoString).toLocaleDateString();
+}
+const DEFAULT_SETTINGS = {
+  research: {
+    researchIntensity: "medium",
+    webSearchDepth: "standard",
+    autoSaveSensitivity: "balanced"
+  },
+  dataAnalysis: {
+    executionTimeLimit: "standard"
+  },
+  wikiAgent: {
+    model: "none",
+    speed: "medium"
+  }
+};
+const api$e = window.api;
+const TABS = [
+  { id: "api-keys", label: "API Keys", icon: Key },
+  { id: "research", label: "Research", icon: BookOpen },
+  { id: "data-analysis", label: "Data Analysis", icon: ChartNoAxesColumn },
+  { id: "paper-wiki", label: "Paper Wiki", icon: BookMarked }
+];
+const FOCUSABLE_SELECTOR = [
+  "button:not([disabled])",
+  "[href]",
+  "input:not([disabled])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  '[tabindex]:not([tabindex="-1"])'
+].join(",");
+function getVisibleFocusable(root2) {
+  return Array.from(root2.querySelectorAll(FOCUSABLE_SELECTOR)).filter((el2) => el2.offsetParent !== null);
+}
+function SettingsModal({ open, onClose, initialTab }) {
+  const [activeTab, setActiveTab] = reactExports.useState(initialTab ?? "api-keys");
+  const [settings, setSettings] = reactExports.useState(DEFAULT_SETTINGS);
+  const [loaded, setLoaded] = reactExports.useState(false);
+  const [dirty, setDirty] = reactExports.useState(false);
+  const panelRef = reactExports.useRef(null);
+  reactExports.useEffect(() => {
+    if (open && initialTab) {
+      setActiveTab(initialTab);
+    }
+  }, [open, initialTab]);
+  reactExports.useEffect(() => {
+    if (!open) return;
+    api$e.loadSettings?.().then((s15) => {
+      if (s15) setSettings(s15);
+      setLoaded(true);
+      setDirty(false);
+    }).catch(() => setLoaded(true));
+  }, [open]);
+  reactExports.useEffect(() => {
+    if (!open) return;
+    const trigger = document.activeElement;
+    const frame = requestAnimationFrame(() => {
+      const panel = panelRef.current;
+      if (!panel) return;
+      const focusable = getVisibleFocusable(panel);
+      const first = focusable[0] ?? panel;
+      first.focus();
+    });
+    return () => {
+      cancelAnimationFrame(frame);
+      if (trigger && document.contains(trigger)) {
+        trigger.focus?.();
+      }
+    };
+  }, [open]);
+  reactExports.useEffect(() => {
+    if (!open) return;
+    const handleKey = (e) => {
+      if (e.key === "Escape") {
+        e.preventDefault();
+        e.stopPropagation();
+        onClose();
+        return;
+      }
+      if (e.key !== "Tab") return;
+      const panel = panelRef.current;
+      if (!panel) return;
+      const focusable = getVisibleFocusable(panel);
+      if (focusable.length === 0) {
+        e.preventDefault();
+        panel.focus();
+        return;
+      }
+      const first = focusable[0];
+      const last = focusable[focusable.length - 1];
+      const active = document.activeElement;
+      if (!active || !panel.contains(active)) {
+        e.preventDefault();
+        first.focus();
+        return;
+      }
+      if (e.shiftKey && active === first) {
+        e.preventDefault();
+        last.focus();
+      } else if (!e.shiftKey && active === last) {
+        e.preventDefault();
+        first.focus();
+      }
+    };
+    window.addEventListener("keydown", handleKey, true);
+    return () => window.removeEventListener("keydown", handleKey, true);
+  }, [open, onClose]);
+  const updateSettings = (patch2) => {
+    setSettings((prev) => {
+      const next = { ...prev, ...patch2 };
+      if (patch2.research) next.research = { ...prev.research, ...patch2.research };
+      if (patch2.dataAnalysis) next.dataAnalysis = { ...prev.dataAnalysis, ...patch2.dataAnalysis };
+      if (patch2.wikiAgent) next.wikiAgent = { ...prev.wikiAgent, ...patch2.wikiAgent };
+      return next;
+    });
+    setDirty(true);
+  };
+  reactExports.useEffect(() => {
+    if (!dirty || !loaded) return;
+    const timer = setTimeout(() => {
+      api$e.saveSettings?.(settings).catch(() => {
+      });
+      setDirty(false);
+    }, 300);
+    return () => clearTimeout(timer);
+  }, [settings, dirty, loaded]);
+  if (!open) return null;
+  const activeLabel = TABS.find((t) => t.id === activeTab)?.label ?? "Settings";
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "fixed inset-0 z-[60] flex items-center justify-center", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 bg-black/40", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        ref: panelRef,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": "settings-dialog-title",
+        tabIndex: -1,
+        className: "relative w-full max-w-2xl h-[520px] rounded-xl border t-border t-bg-surface shadow-xl flex overflow-hidden outline-none",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "nav",
+            {
+              "aria-label": "Settings categories",
+              className: "w-48 shrink-0 border-r t-border t-bg-base flex flex-col py-4 px-2",
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "h1",
+                  {
+                    id: "settings-dialog-title",
+                    className: "px-3 mb-3 text-sm font-semibold t-text tracking-tight",
+                    children: "Settings"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-0.5", children: TABS.map((tab2) => {
+                  const Icon2 = tab2.icon;
+                  const active = activeTab === tab2.id;
+                  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                    "button",
+                    {
+                      onClick: () => setActiveTab(tab2.id),
+                      "aria-current": active ? "page" : void 0,
+                      className: `w-full flex items-center gap-2 px-3 py-1.5 rounded-lg text-xs font-medium transition-colors
+                    ${active ? "t-text-accent bg-[var(--color-accent)]/10" : "t-text-secondary hover:t-text hover:t-bg-hover"}
+                  `,
+                      children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(Icon2, { size: 14 }),
+                        tab2.label
+                      ]
+                    },
+                    tab2.id
+                  );
+                }) }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "px-3 text-[10px] t-text-muted leading-relaxed", children: [
+                  "Keys are stored in",
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "font-mono", children: "~/.research-copilot/" })
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 flex flex-col min-w-0", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between px-6 pt-4 pb-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-sm font-semibold t-text", children: activeLabel }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  onClick: onClose,
+                  className: "p-1.5 rounded-lg t-text-muted hover:t-text hover:t-bg-hover transition-colors",
+                  "aria-label": "Close settings",
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(X$1, { size: 16 })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 overflow-y-auto px-6 pb-4", children: [
+              activeTab === "api-keys" && /* @__PURE__ */ jsxRuntimeExports.jsx(ApiKeysSettings, {}),
+              activeTab === "research" && loaded && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                ResearchSettings,
+                {
+                  researchIntensity: settings.research.researchIntensity,
+                  webSearchDepth: settings.research.webSearchDepth,
+                  autoSaveSensitivity: settings.research.autoSaveSensitivity,
+                  onChangeIntensity: (v3) => updateSettings({ research: { ...settings.research, researchIntensity: v3 } }),
+                  onChangeWebDepth: (v3) => updateSettings({ research: { ...settings.research, webSearchDepth: v3 } }),
+                  onChangeAutoSave: (v3) => updateSettings({ research: { ...settings.research, autoSaveSensitivity: v3 } })
+                }
+              ),
+              activeTab === "data-analysis" && loaded && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                DataAnalysisSettings,
+                {
+                  executionTimeLimit: settings.dataAnalysis.executionTimeLimit,
+                  onChange: (v3) => updateSettings({ dataAnalysis: { executionTimeLimit: v3 } })
+                }
+              ),
+              activeTab === "paper-wiki" && loaded && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                WikiAgentSettings,
+                {
+                  model: settings.wikiAgent?.model ?? "none",
+                  speed: settings.wikiAgent?.speed ?? "medium",
+                  onChangeModel: (v3) => updateSettings({ wikiAgent: { ...settings.wikiAgent, model: v3 } }),
+                  onChangeSpeed: (v3) => updateSettings({ wikiAgent: { ...settings.wikiAgent, speed: v3 } })
+                }
+              )
+            ] }),
+            activeTab !== "api-keys" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-6 py-2.5 border-t t-border-subtle", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] t-text-muted", children: "Settings are saved automatically. Changes to research and analysis settings take effect for new agent sessions. Existing sessions require an app restart." }) })
+          ] })
+        ]
+      }
+    )
   ] });
 }
 const createStoreImpl = (createState2) => {
@@ -13548,32 +14115,6 @@ const createImpl = (createState2) => {
   return useBoundStore;
 };
 const create$1 = (createState2) => createState2 ? createImpl(createState2) : createImpl;
-const REASONING_MODELS = [
-  "openai:gpt-5.4",
-  "openai:gpt-5.4-mini",
-  "openai:gpt-5.4-nano",
-  "openai:gpt-5.4-pro",
-  "openai-codex:gpt-5.4",
-  "openai-codex:gpt-5.4-mini",
-  "anthropic:claude-opus-4-6"
-];
-const SUPPORTED_MODELS = [
-  // OpenAI (API key)
-  { id: "openai:gpt-5.4", label: "GPT-5.4", provider: "OpenAI" },
-  { id: "openai:gpt-5.4-mini", label: "GPT-5.4 Mini", provider: "OpenAI" },
-  { id: "openai:gpt-5.4-nano", label: "GPT-5.4 Nano", provider: "OpenAI" },
-  { id: "openai:gpt-4o", label: "GPT-4o", provider: "OpenAI" },
-  { id: "openai:gpt-5.4-pro", label: "GPT-5.4 Pro", provider: "OpenAI" },
-  // ChatGPT Subscription (OAuth) — only models registered in pi-ai's openai-codex provider
-  { id: "openai-codex:gpt-5.4", label: "GPT-5.4", provider: "ChatGPT Subscription" },
-  { id: "openai-codex:gpt-5.4-mini", label: "GPT-5.4 Mini", provider: "ChatGPT Subscription" },
-  // Anthropic (API key)
-  { id: "anthropic:claude-opus-4-6", label: "Claude Opus 4.6", provider: "Anthropic" },
-  { id: "anthropic:claude-opus-4-5-20251101", label: "Claude Opus 4.5", provider: "Anthropic" },
-  { id: "anthropic:claude-sonnet-4-5-20250929", label: "Claude Sonnet 4.5", provider: "Anthropic" },
-  { id: "anthropic:claude-haiku-4-5-20251001", label: "Claude Haiku 4.5", provider: "Anthropic" }
-];
-const DEFAULT_MODEL = "openai:gpt-5.4";
 function parseModelKey(key) {
   const i = key.indexOf(":");
   if (i > 0) return { provider: key.slice(0, i), modelId: key.slice(i + 1) };
@@ -13581,8 +14122,38 @@ function parseModelKey(key) {
   if (key.startsWith("gemini-")) return { provider: "google", modelId: key };
   return { provider: "openai", modelId: key };
 }
+const STORAGE_KEY = "rp-theme";
+function getInitialTheme() {
+  if (typeof window === "undefined") return "dark";
+  try {
+    const stored = window.localStorage.getItem(STORAGE_KEY);
+    if (stored === "light" || stored === "dark") return stored;
+  } catch {
+  }
+  return "dark";
+}
+function persistTheme(theme) {
+  if (typeof window === "undefined") return;
+  try {
+    window.localStorage.setItem(STORAGE_KEY, theme);
+  } catch {
+  }
+}
+function applyThemeClass(theme) {
+  if (typeof document === "undefined") return;
+  document.documentElement.classList.remove("dark", "light");
+  document.documentElement.classList.add(theme);
+}
+function bootTheme() {
+  const theme = getInitialTheme();
+  applyThemeClass(theme);
+  return theme;
+}
 const useUIStore = create$1((set) => ({
-  theme: "light",
+  // Theme hydrates from localStorage (or OS preference) at module init so
+  // the zustand state matches the <html> class applied by bootTheme() in
+  // main.tsx. Both ends derive from getInitialTheme() — they stay in sync.
+  theme: getInitialTheme(),
   leftTab: "files",
   centerView: "chat",
   selectedModel: DEFAULT_MODEL,
@@ -13605,6 +14176,17 @@ const useUIStore = create$1((set) => ({
     source: null,
     round: null
   },
+  wikiReaderSlug: null,
+  wikiReaderHistory: [],
+  setWikiReaderSlug: (slug) => set((s15) => ({
+    wikiReaderHistory: s15.wikiReaderSlug ? [...s15.wikiReaderHistory, s15.wikiReaderSlug] : s15.wikiReaderHistory,
+    wikiReaderSlug: slug
+  })),
+  wikiReaderBack: () => set((s15) => {
+    const history = [...s15.wikiReaderHistory];
+    const prev = history.pop() ?? null;
+    return { wikiReaderSlug: prev, wikiReaderHistory: history };
+  }),
   setReasoningEffort: (reasoningEffort) => {
     set({ reasoningEffort });
     const api2 = window.api;
@@ -13613,8 +14195,8 @@ const useUIStore = create$1((set) => ({
   },
   setTheme: (theme) => {
     set({ theme });
-    const api2 = window.api;
-    api2?.savePreferences?.({ theme });
+    persistTheme(theme);
+    applyThemeClass(theme);
   },
   toggleTheme: () => {
     const newTheme = useUIStore.getState().theme === "dark" ? "light" : "dark";
@@ -13680,7 +14262,9 @@ const useUIStore = create$1((set) => ({
     previewEntity: null,
     previewSourceTab: null,
     previewEditorFocused: false,
-    literatureFilter: { search: "", subTopic: null, sortBy: "year", sortDir: "desc", minScore: 0, source: null, round: null }
+    literatureFilter: { search: "", subTopic: null, sortBy: "year", sortDir: "desc", minScore: 0, source: null, round: null },
+    wikiReaderSlug: null,
+    wikiReaderHistory: []
   }),
   openPreview: (entity) => set((s15) => ({ previewEntity: entity, previewSourceTab: s15.leftTab, leftSidebarCollapsed: true, previewEditorFocused: false })),
   closePreview: () => set({ previewEntity: null, previewSourceTab: null, leftSidebarCollapsed: false, previewEditorFocused: false }),
@@ -13701,7 +14285,6 @@ async function hydratePreferences() {
     }
   }
   if (prefs.reasoningEffort) updates.reasoningEffort = prefs.reasoningEffort;
-  if (prefs.theme) updates.theme = prefs.theme;
   if (Object.keys(updates).length > 0) useUIStore.setState(updates);
 }
 const uiStore = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -13846,7 +14429,7 @@ const useToolEventsStore = create$1((set, get) => ({
   clearRun: () => set({ currentRunEvents: [] })
 }));
 const PAGE_SIZE = 20;
-const api$a = window.api;
+const api$d = window.api;
 let _sessionId = "";
 const useChatStore = create$1((set, get) => ({
   messages: [],
@@ -13874,7 +14457,7 @@ const useChatStore = create$1((set, get) => ({
       isStreaming: true
     }));
     if (_sessionId) {
-      api$a.saveMessage(_sessionId, userMsg).catch(() => {
+      api$d.saveMessage(_sessionId, userMsg).catch(() => {
       });
     }
     const { useUsageStore: useUsageStore2 } = await __vitePreload(async () => {
@@ -13888,12 +14471,12 @@ const useChatStore = create$1((set, get) => ({
         return { useUIStore: useUIStore3 };
       }, true ? void 0 : void 0, import.meta.url);
       const model = useUIStore2.getState().selectedModel;
-      await api$a.sendMessage(text2, void 0, model, images);
+      await api$d.sendMessage(text2, void 0, model, images);
     } catch {
     }
   },
   stop: async () => {
-    await api$a.stopAgent();
+    await api$d.stopAgent();
   },
   appendChunk: (chunk) => {
     set((s15) => ({ streamingText: s15.streamingText + chunk }));
@@ -13922,7 +14505,7 @@ const useChatStore = create$1((set, get) => ({
       };
     });
     if (_sessionId) {
-      api$a.saveMessage(_sessionId, assistantMsg).catch(() => {
+      api$d.saveMessage(_sessionId, assistantMsg).catch(() => {
       });
     }
   },
@@ -13948,7 +14531,7 @@ const useChatStore = create$1((set, get) => ({
       return { savedMessageIds: next };
     });
     if (_sessionId) {
-      api$a.markMessageSaved(_sessionId, messageId).catch(() => {
+      api$d.markMessageSaved(_sessionId, messageId).catch(() => {
       });
     }
   },
@@ -13965,9 +14548,9 @@ const useChatStore = create$1((set, get) => ({
     _sessionId = sessionId;
     try {
       const [count, messages, savedIds] = await Promise.all([
-        api$a.getMessageCount(sessionId),
-        api$a.loadMessages(sessionId, 0, PAGE_SIZE),
-        api$a.loadSavedMessageIds(sessionId)
+        api$d.getMessageCount(sessionId),
+        api$d.loadMessages(sessionId, 0, PAGE_SIZE),
+        api$d.loadSavedMessageIds(sessionId)
       ]);
       set({
         messages,
@@ -13984,8 +14567,8 @@ const useChatStore = create$1((set, get) => ({
     set({ isLoadingHistory: true });
     try {
       const [count, older] = await Promise.all([
-        api$a.getMessageCount(_sessionId),
-        api$a.loadMessages(_sessionId, _offset, PAGE_SIZE)
+        api$d.getMessageCount(_sessionId),
+        api$d.loadMessages(_sessionId, _offset, PAGE_SIZE)
       ]);
       if (older.length > 0) {
         set((s15) => ({
@@ -14063,7 +14646,7 @@ function merge(definitions, space2) {
   }
   return new Schema(property, normal, space2);
 }
-function normalize$1(value) {
+function normalize$2(value) {
   return value.toLowerCase();
 }
 class Info {
@@ -14163,8 +14746,8 @@ function create(definition2) {
       info.mustUseProperty = true;
     }
     properties[property] = info;
-    normals[normalize$1(property)] = property;
-    normals[normalize$1(info.attribute)] = property;
+    normals[normalize$2(property)] = property;
+    normals[normalize$2(info.attribute)] = property;
   }
   return new Schema(properties, normals, definition2.space);
 }
@@ -15203,7 +15786,7 @@ const cap$1 = /[A-Z]/g;
 const dash = /-[a-z]/g;
 const valid = /^data[-\w.:]+$/i;
 function find(schema, value) {
-  const normal = normalize$1(value);
+  const normal = normalize$2(value);
   let property = value;
   let Type = Info;
   if (normal in schema.normal) {
@@ -22223,9 +22806,9 @@ function join(...segments) {
       joined = joined === void 0 ? segments[index2] : joined + "/" + segments[index2];
     }
   }
-  return joined === void 0 ? "." : normalize(joined);
+  return joined === void 0 ? "." : normalize$1(joined);
 }
-function normalize(path2) {
+function normalize$1(path2) {
   assertPath$1(path2);
   const absolute = path2.codePointAt(0) === 47;
   let value = normalizeString(path2, !absolute);
@@ -26549,7 +27132,7 @@ function remarkGfm(options) {
   fromMarkdownExtensions.push(gfmFromMarkdown());
   toMarkdownExtensions.push(gfmToMarkdown(settings));
 }
-const api$9 = window.api;
+const api$c = window.api;
 function stamp(items, type) {
   return (items || []).map((i) => ({
     ...i,
@@ -26589,9 +27172,9 @@ const useEntityStore = create$1((set, get) => ({
   }),
   refreshAll: async () => {
     const [notesRaw, papersRaw, dataRaw] = await Promise.all([
-      api$9.listNotes(),
-      api$9.listLiterature(),
-      api$9.listData()
+      api$c.listNotes(),
+      api$c.listLiterature(),
+      api$c.listData()
     ]);
     const notes = stamp(notesRaw, "note");
     notes.sort((a, b2) => a.id === "agent-md" ? -1 : b2.id === "agent-md" ? 1 : 0);
@@ -26604,7 +27187,7 @@ const useEntityStore = create$1((set, get) => ({
     });
   },
   deleteEntity: async (id) => {
-    await api$9.deleteEntity(id);
+    await api$c.deleteEntity(id);
     await get().refreshAll();
   }
 }));
@@ -26660,10 +27243,10 @@ function findLastIndex(arr, pred) {
   }
   return -1;
 }
-const api$8 = window.api;
+const api$b = window.api;
 async function loadFromFramework() {
   try {
-    const data = await api$8?.getUsageTotals?.();
+    const data = await api$b?.getUsageTotals?.();
     return data ?? null;
   } catch (e) {
     console.warn("[usage-store] Failed to load persisted totals:", e);
@@ -26779,7 +27362,7 @@ const useUsageStore = create$1((set, get) => {
     },
     // Reset all-time totals (user-initiated)
     resetAllTime: () => {
-      api$8?.resetUsageTotals?.().catch?.(() => {
+      api$b?.resetUsageTotals?.().catch?.(() => {
       });
       set({
         runPromptTokens: 0,
@@ -26810,13 +27393,31 @@ const usageStore = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   __proto__: null,
   useUsageStore
 }, Symbol.toStringTag, { value: "Module" }));
-const api$7 = window.api;
+const api$a = window.api;
+async function applyOpenResult(set, result) {
+  if (!result) return false;
+  useChatStore.getState().clear();
+  useProgressStore.getState().clear();
+  useActivityStore.getState().clear();
+  useUIStore.getState().reset();
+  useEntityStore.getState().reset();
+  useUsageStore.getState().resetSession();
+  set({ hasProject: false, sessionId: "", projectPath: "" });
+  await new Promise((r) => setTimeout(r, 0));
+  set({
+    sessionId: result.sessionId,
+    projectPath: result.projectPath,
+    hasProject: true
+  });
+  await hydratePreferences();
+  return true;
+}
 const useSessionStore = create$1((set) => ({
   sessionId: "",
   projectPath: "",
   hasProject: false,
   init: async () => {
-    const session = await api$7.getCurrentSession();
+    const session = await api$a.getCurrentSession();
     set({
       sessionId: session.sessionId,
       projectPath: session.projectPath,
@@ -26827,28 +27428,15 @@ const useSessionStore = create$1((set) => ({
     }
   },
   pickFolder: async () => {
-    const result = await api$7.pickFolder();
-    if (result) {
-      useChatStore.getState().clear();
-      useProgressStore.getState().clear();
-      useActivityStore.getState().clear();
-      useUIStore.getState().reset();
-      useEntityStore.getState().reset();
-      useUsageStore.getState().resetSession();
-      set({ hasProject: false, sessionId: "", projectPath: "" });
-      await new Promise((r) => setTimeout(r, 0));
-      set({
-        sessionId: result.sessionId,
-        projectPath: result.projectPath,
-        hasProject: true
-      });
-      await hydratePreferences();
-      return true;
-    }
-    return false;
+    const result = await api$a.pickFolder();
+    return applyOpenResult(set, result);
+  },
+  openPath: async (projectPath) => {
+    const result = await api$a.openProjectPath(projectPath);
+    return applyOpenResult(set, result);
   },
   closeProject: async () => {
-    await api$7.closeProject();
+    await api$a.closeProject();
     useChatStore.getState().clear();
     useProgressStore.getState().clear();
     useActivityStore.getState().clear();
@@ -26858,7 +27446,7 @@ const useSessionStore = create$1((set) => ({
     set({ sessionId: "", projectPath: "", hasProject: false });
   }
 }));
-const api$6 = window.api;
+const api$9 = window.api;
 const ROW_HEIGHT = 28;
 const OVERSCAN_ROWS = 10;
 const MAX_DROP_FILE_SIZE = 100 * 1024 * 1024;
@@ -26957,7 +27545,7 @@ function WorkspaceTree() {
     const parentKey = toKey(relativePath);
     setParentLoading(parentKey, true);
     try {
-      const children = await api$6.listTree({
+      const children = await api$9.listTree({
         relativePath,
         showIgnored,
         limit: 2e3
@@ -26982,8 +27570,8 @@ function WorkspaceTree() {
         void Promise.all(dirs.map((dir) => loadChildren(dir)));
       }, 500);
     };
-    const unsubFileCreated = api$6.onFileCreated(scheduleRefresh);
-    const unsubAgentDone = api$6.onAgentDone(scheduleRefresh);
+    const unsubFileCreated = api$9.onFileCreated(scheduleRefresh);
+    const unsubAgentDone = api$9.onAgentDone(scheduleRefresh);
     return () => {
       if (debounceTimer) clearTimeout(debounceTimer);
       unsubFileCreated();
@@ -27023,7 +27611,7 @@ function WorkspaceTree() {
       }
       setSearching(true);
       try {
-        const results = await api$6.searchTree(query.trim(), { showIgnored, maxResults: 4e3 });
+        const results = await api$9.searchTree(query.trim(), { showIgnored, maxResults: 4e3 });
         setSearchResults(results);
       } finally {
         setSearching(false);
@@ -27067,7 +27655,7 @@ function WorkspaceTree() {
     if (node2.type !== "file") return;
     const ext = (node2.name.split(".").pop() || "").toLowerCase();
     if (!TEXT_EXTENSIONS.has(ext)) {
-      api$6.openFile(node2.path);
+      api$9.openFile(node2.path);
       return;
     }
     const normalizedNodePath = normalizePath(node2.path);
@@ -27092,14 +27680,14 @@ function WorkspaceTree() {
     });
   }, [data, openPreview]);
   const createArtifact = reactExports.useCallback(async (node2) => {
-    await api$6.createArtifactFromFile(node2.path);
+    await api$9.createArtifactFromFile(node2.path);
     await refreshEntities();
   }, [refreshEntities]);
   const handleTrashClick = reactExports.useCallback(async (node2) => {
     if (confirmTrashPath === node2.relativePath) {
       if (confirmTimerRef.current) clearTimeout(confirmTimerRef.current);
       setConfirmTrashPath(null);
-      const result = await api$6.trashFile(node2.path);
+      const result = await api$9.trashFile(node2.path);
       if (result.success) {
         const parentRelPath = node2.relativePath.includes("/") ? node2.relativePath.slice(0, node2.relativePath.lastIndexOf("/")) : "";
         await loadChildren(parentRelPath);
@@ -27148,7 +27736,7 @@ function WorkspaceTree() {
       return;
     }
     const relPath = creating.parentDir ? `${creating.parentDir}/${createValue.trim()}` : createValue.trim();
-    const result = creating.type === "file" ? await api$6.createFile(relPath) : await api$6.createDir(relPath);
+    const result = creating.type === "file" ? await api$9.createFile(relPath) : await api$9.createDir(relPath);
     if (result.success) {
       await loadChildren(creating.parentDir);
     }
@@ -27175,7 +27763,7 @@ function WorkspaceTree() {
     const parentDir = renaming.includes("/") ? renaming.slice(0, renaming.lastIndexOf("/")) : "";
     const newRelPath = parentDir ? `${parentDir}/${renameValue.trim()}` : renameValue.trim();
     if (newRelPath !== renaming) {
-      await api$6.renameFile(renaming, newRelPath);
+      await api$9.renameFile(renaming, newRelPath);
       await loadChildren(parentDir);
     }
     setRenaming(null);
@@ -27217,7 +27805,7 @@ function WorkspaceTree() {
       const base64 = btoa(
         new Uint8Array(buffer).reduce((data2, byte) => data2 + String.fromCharCode(byte), "")
       );
-      await api$6.dropToDir(file.name, base64, targetRelPath);
+      await api$9.dropToDir(file.name, base64, targetRelPath);
     }
     await loadChildren(targetRelPath);
   }, [getDropDir, loadChildren]);
@@ -27243,7 +27831,7 @@ function WorkspaceTree() {
       const base64 = btoa(
         new Uint8Array(buffer).reduce((data2, byte) => data2 + String.fromCharCode(byte), "")
       );
-      await api$6.dropToDir(file.name, base64, "");
+      await api$9.dropToDir(file.name, base64, "");
     }
     await loadChildren("");
   }, [loadChildren]);
@@ -27318,7 +27906,7 @@ function WorkspaceTree() {
               onKeyDown: handleCreateKeyDown,
               onBlur: () => void commitCreate(),
               placeholder: creating.type === "file" ? "filename.ext" : "folder name",
-              className: "flex-1 bg-transparent outline-none border-b border-[var(--color-accent-soft)] text-xs t-text"
+              className: "flex-1 bg-transparent outline-none t-focus-ring border-b border-[var(--color-accent-soft)] text-xs t-text"
             }
           )
         ]
@@ -27637,7 +28225,7 @@ const useSkillStore = create$1((set, get) => ({
     return result;
   }
 }));
-const remarkPlugins$2 = [remarkGfm];
+const remarkPlugins$3 = [remarkGfm];
 function HoverPreview({
   entity,
   anchorRect,
@@ -27679,7 +28267,7 @@ function HoverPreview({
             }
           ) })
         ] }),
-        content2 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 py-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "md-prose text-xs", style: { color: "var(--color-text-secondary)" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { remarkPlugins: remarkPlugins$2, children: content2.length > 600 ? content2.slice(0, 600) + "..." : content2 }) }) })
+        content2 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 py-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "md-prose text-xs", style: { color: "var(--color-text-secondary)" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { remarkPlugins: remarkPlugins$3, children: content2.length > 600 ? content2.slice(0, 600) + "..." : content2 }) }) })
       ]
     }
   );
@@ -28140,6 +28728,35 @@ function EntityTabs() {
     )
   ] });
 }
+const api$8 = window.api;
+function ConceptsList() {
+  const [concepts, setConcepts] = reactExports.useState([]);
+  const setSlug = useUIStore((s15) => s15.setWikiReaderSlug);
+  const activeSlug = useUIStore((s15) => s15.wikiReaderSlug);
+  reactExports.useEffect(() => {
+    api$8.wikiListPages?.().then((result) => {
+      if (result?.concepts) setConcepts(result.concepts);
+    }).catch(() => {
+    });
+  }, []);
+  if (concepts.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-[10px] t-text-accent-soft uppercase tracking-wider font-medium flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Network, { size: 10 }),
+      "Concepts"
+    ] }),
+    concepts.map((c) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        onClick: () => setSlug(c.slug),
+        className: `w-full text-left flex items-center justify-between px-1 py-0.5 rounded transition-colors ${activeSlug === c.slug ? "bg-[var(--color-accent-soft)]/10 t-text-accent" : "t-text-secondary hover:t-bg-hover"}`,
+        title: c.title,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] truncate", children: c.title })
+      },
+      c.slug
+    ))
+  ] });
+}
 function QuickAction({
   icon: Icon2,
   label,
@@ -28163,45 +28780,6 @@ function QuickAction({
     }
   );
 }
-function SourceBreakdown({ papers }) {
-  const sources = reactExports.useMemo(() => {
-    const counts = /* @__PURE__ */ new Map();
-    for (const p of papers) {
-      const src = p.externalSource || "unknown";
-      counts.set(src, (counts.get(src) || 0) + 1);
-    }
-    return Array.from(counts.entries()).sort((a, b2) => b2[1] - a[1]);
-  }, [papers]);
-  if (sources.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] t-text-muted uppercase tracking-wider font-medium", children: "Sources" }),
-    sources.map(([src, count]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between px-1", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] t-text-secondary capitalize", children: src.replace(/_/g, " ") }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] t-text-muted tabular-nums", children: count })
-    ] }, src))
-  ] });
-}
-function RoundHistory({ papers }) {
-  const rounds = reactExports.useMemo(() => {
-    const map2 = /* @__PURE__ */ new Map();
-    for (const p of papers) {
-      const round = p.addedInRound || "";
-      if (round) map2.set(round, (map2.get(round) || 0) + 1);
-    }
-    return Array.from(map2.entries()).sort();
-  }, [papers]);
-  if (rounds.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] t-text-muted uppercase tracking-wider font-medium", children: "Search Rounds" }),
-    rounds.map(([round, count]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between px-1", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] t-text-secondary", children: round }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] t-text-muted tabular-nums", children: [
-        count,
-        " papers"
-      ] })
-    ] }, round))
-  ] });
-}
 function GapAlerts({ papers }) {
   const gaps = reactExports.useMemo(() => {
     const topicScores = /* @__PURE__ */ new Map();
@@ -28312,8 +28890,7 @@ function LiteratureSidebar() {
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-3 border-t t-border" }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 overflow-y-auto px-3 py-3 space-y-4", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(SourceBreakdown, { papers }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(RoundHistory, { papers }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ConceptsList, {}),
       /* @__PURE__ */ jsxRuntimeExports.jsx(GapAlerts, { papers }),
       papers.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center py-6", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(ChartColumn, { size: 24, className: "mx-auto mb-2 t-text-muted opacity-30" }),
@@ -28505,20 +29082,25 @@ function UserProfile() {
     }
   );
 }
-const providers = [...new Set(SUPPORTED_MODELS.map((m) => m.provider))];
-const groupedModels = {};
-for (const p of providers) {
-  groupedModels[p] = SUPPORTED_MODELS.filter((m) => m.provider === p);
+const allProviders = [...new Set(SUPPORTED_MODELS.map((m) => m.provider))];
+const allGroupedModels = {};
+for (const p of allProviders) {
+  allGroupedModels[p] = SUPPORTED_MODELS.filter((m) => m.provider === p);
 }
 function ModelSelector$1({ selectedModel, onSelectModel }) {
   const [open, setOpen] = reactExports.useState(false);
   const [anthropicStatus, setAnthropicStatus] = reactExports.useState(null);
   const [codexStatus, setCodexStatus] = reactExports.useState(null);
   const [codexLoggingIn, setCodexLoggingIn] = reactExports.useState(false);
+  const [anthropicSubStatus, setAnthropicSubStatus] = reactExports.useState(null);
+  const [anthropicSubLoggingIn, setAnthropicSubLoggingIn] = reactExports.useState(false);
   const [showAnthropicDialog, setShowAnthropicDialog] = reactExports.useState(false);
   const [showOpenAIDialog, setShowOpenAIDialog] = reactExports.useState(false);
   const ref = reactExports.useRef(null);
   const api2 = window.api;
+  const claudeSubEnabled = api2?.isClaudeSubEnabled?.() ?? false;
+  const providers = claudeSubEnabled ? allProviders : allProviders.filter((p) => p !== "Claude Subscription");
+  const groupedModels = claudeSubEnabled ? allGroupedModels : Object.fromEntries(Object.entries(allGroupedModels).filter(([p]) => p !== "Claude Subscription"));
   const current = SUPPORTED_MODELS.find((m) => m.id === selectedModel);
   const refreshAnthropicStatus = reactExports.useCallback(async () => {
     try {
@@ -28536,6 +29118,14 @@ function ModelSelector$1({ selectedModel, onSelectModel }) {
       setCodexStatus(null);
     }
   }, [api2]);
+  const refreshAnthropicSubStatus = reactExports.useCallback(async () => {
+    try {
+      const status = await api2?.getAnthropicSubStatus?.();
+      setAnthropicSubStatus(status ?? null);
+    } catch {
+      setAnthropicSubStatus(null);
+    }
+  }, [api2]);
   reactExports.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
@@ -28557,11 +29147,12 @@ function ModelSelector$1({ selectedModel, onSelectModel }) {
   reactExports.useEffect(() => {
     refreshAnthropicStatus();
     refreshCodexStatus();
+    if (claudeSubEnabled) refreshAnthropicSubStatus();
     const unsub = api2?.onAnthropicAuthStatus?.((status) => setAnthropicStatus(status));
     return () => {
       if (typeof unsub === "function") unsub();
     };
-  }, [api2, refreshAnthropicStatus, refreshCodexStatus]);
+  }, [api2, refreshAnthropicStatus, refreshCodexStatus, refreshAnthropicSubStatus, claudeSubEnabled]);
   const handleCodexLogin = async () => {
     setCodexLoggingIn(true);
     try {
@@ -28581,6 +29172,25 @@ function ModelSelector$1({ selectedModel, onSelectModel }) {
     await api2?.openaiCodexLogout?.();
     await refreshCodexStatus();
   };
+  const handleAnthropicSubLogin = async () => {
+    setAnthropicSubLoggingIn(true);
+    try {
+      const result = await api2?.anthropicSubLogin?.();
+      if (result?.success) {
+        await refreshAnthropicSubStatus();
+      } else {
+        console.error("[ModelSelector] Anthropic sub login failed:", result?.error);
+      }
+    } catch (err) {
+      console.error("[ModelSelector] Anthropic sub login error:", err);
+    } finally {
+      setAnthropicSubLoggingIn(false);
+    }
+  };
+  const handleAnthropicSubLogout = async () => {
+    await api2?.anthropicSubLogout?.();
+    await refreshAnthropicSubStatus();
+  };
   const handleModelSelect = async (model) => {
     const { provider } = parseModelKey(model.id);
     if (provider === "openai-codex") {
@@ -28596,6 +29206,19 @@ function ModelSelector$1({ selectedModel, onSelectModel }) {
       setOpen(false);
       return;
     }
+    if (provider === "anthropic-sub") {
+      if (!anthropicSubStatus?.isLoggedIn) {
+        await handleAnthropicSubLogin();
+        const status = await api2?.getAnthropicSubStatus?.();
+        if (!status?.isLoggedIn) {
+          setOpen(false);
+          return;
+        }
+      }
+      onSelectModel(model.id);
+      setOpen(false);
+      return;
+    }
     if (provider === "openai") {
       const status = await api2?.getOpenAIAuthStatus?.();
       if (!status?.hasApiKey) {
@@ -28617,7 +29240,7 @@ function ModelSelector$1({ selectedModel, onSelectModel }) {
     refreshAnthropicStatus();
   };
   const { provider: currentProvider } = current ? parseModelKey(current.id) : { provider: "" };
-  const authBadge = currentProvider === "anthropic" ? anthropicStatus?.authMode === "api-key" ? "api" : "auth" : currentProvider === "openai-codex" ? "sub" : currentProvider === "openai" ? "api" : null;
+  const authBadge = currentProvider === "anthropic" ? anthropicStatus?.authMode === "api-key" ? "api" : "auth" : currentProvider === "anthropic-sub" ? "sub" : currentProvider === "openai-codex" ? "sub" : currentProvider === "openai" ? "api" : null;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref, className: "relative", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "button",
@@ -28638,7 +29261,7 @@ function ModelSelector$1({ selectedModel, onSelectModel }) {
             }
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Cpu, { size: 14 }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate max-w-[100px]", children: current?.label || selectedModel }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate max-w-[72px]", children: current?.label || selectedModel }),
           authBadge && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] px-1 rounded border t-border t-text-muted uppercase", children: authBadge }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { size: 12, className: `transition-transform ${open ? "rotate-180" : ""}` })
         ]
@@ -28678,6 +29301,38 @@ function ModelSelector$1({ selectedModel, onSelectModel }) {
           }
         )
       ] }),
+      provider === "Claude Subscription" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-3 pb-1 flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] t-text-muted", children: anthropicSubStatus?.isLoggedIn ? "Signed in" : "OAuth required" }),
+        anthropicSubStatus?.isLoggedIn ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "button",
+          {
+            onClick: (e) => {
+              e.stopPropagation();
+              handleAnthropicSubLogout();
+            },
+            className: "text-[10px] t-text-muted hover:t-text flex items-center gap-0.5",
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(LogOut, { size: 10 }),
+              " Sign out"
+            ]
+          }
+        ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "button",
+          {
+            onClick: (e) => {
+              e.stopPropagation();
+              handleAnthropicSubLogin();
+            },
+            disabled: anthropicSubLoggingIn,
+            className: "text-[10px] t-text-accent flex items-center gap-0.5 hover:opacity-80 disabled:opacity-50",
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(LogIn, { size: 10 }),
+              " ",
+              anthropicSubLoggingIn ? "Signing in..." : "Sign in"
+            ]
+          }
+        )
+      ] }),
       (provider === "OpenAI" || provider === "Anthropic") && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 pb-1 text-[11px] t-text-muted", children: "API Key" }),
       groupedModels[provider].map((model) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "button",
@@ -28961,75 +29616,119 @@ function LeftSidebar() {
     useChatStore.getState().insertContextReset();
     noContextShownRef.current = false;
   }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("aside", { className: "w-80 flex flex-col border-r t-border t-bg-base pt-10", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("nav", { "aria-label": "Sidebar tools", className: "px-4 pb-3 flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ModelSelector, {}),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ReasoningToggle, {}),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          ToolbarButton,
-          {
-            onClick: handleResetContext,
-            tooltip: "Reset AI context",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCcw, { size: 16 })
-          }
-        ),
+  return (
+    // Narrow windows (≤1279px) get w-80 (320px) so the center panel keeps
+    // room to breathe; wider windows (≥1280px) get w-[22rem] (352px) so the
+    // toolbar has comfortable slack. Below ~1024px the ModelSelector label
+    // is the first thing to truncate — see ModelSelector for the shrink
+    // pattern introduced in commit 95312df.
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("aside", { className: "w-80 xl:w-[22rem] flex flex-col border-r t-border t-bg-base pt-10", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("nav", { "aria-label": "Sidebar tools", className: "px-4 pb-3 flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ModelSelector, {}),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ReasoningToggle, {}),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            ToolbarButton,
+            {
+              onClick: handleResetContext,
+              tooltip: "Reset AI context",
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCcw, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            ToolbarButton,
+            {
+              onClick: toggleTheme,
+              tooltip: `${theme === "dark" ? "Light" : "Dark"} mode`,
+              children: theme === "dark" ? /* @__PURE__ */ jsxRuntimeExports.jsx(Sun, { size: 16 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Moon, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            ToolbarButton,
+            {
+              onClick: () => useUIStore.getState().toggleTerminal(),
+              tooltip: "Terminal  ⌘`",
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Terminal, { size: 16 })
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0", children: centerView === "literature" ? /* @__PURE__ */ jsxRuntimeExports.jsx(LiteratureSidebar, {}) : centerView === "compute" && window.api?.isComputeEnabled?.() ? /* @__PURE__ */ jsxRuntimeExports.jsx(ComputeSidebar, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(EntityTabs, {}) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border-t t-border p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(UserProfile, {}) })
+    ] })
+  );
+}
+const STARTERS = [
+  {
+    label: "Understand this folder",
+    description: "Scan files, existing artifacts, and recent work to get oriented."
+  },
+  {
+    label: "Start a literature review on …",
+    description: "Plan sub-topics, search multiple sources, score and summarize."
+  },
+  {
+    label: "Capture a research note about …",
+    description: "Draft a note artifact from your description."
+  }
+];
+function focusInput() {
+  const input = document.querySelector("[data-chat-input]");
+  if (!input) return;
+  input.focus();
+  const end = input.value.length;
+  try {
+    input.setSelectionRange(end, end);
+  } catch {
+  }
+}
+function prefillFromLabel(label) {
+  return label.replace(/…\s*$/, "").replace(/\s+$/, "") + (label.endsWith("…") ? " " : "");
+}
+function StarterRow({ starter, onActivate }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: onActivate,
+      className: "group relative w-full text-left flex flex-col gap-0.5 py-2.5 pl-4 pr-2 rounded-sm t-bg-hover transition-colors",
+      children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
-          ToolbarButton,
+          "span",
           {
-            onClick: toggleTheme,
-            tooltip: `${theme === "dark" ? "Light" : "Dark"} mode`,
-            children: theme === "dark" ? /* @__PURE__ */ jsxRuntimeExports.jsx(Sun, { size: 16 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Moon, { size: 16 })
+            "aria-hidden": true,
+            className: "absolute left-0 top-1.5 bottom-1.5 w-[2px] rounded-full bg-transparent group-hover:t-bg-accent-soft transition-colors"
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          ToolbarButton,
-          {
-            onClick: () => useUIStore.getState().toggleTerminal(),
-            tooltip: "Terminal  ⌘`",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Terminal, { size: 16 })
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0", children: centerView === "literature" ? /* @__PURE__ */ jsxRuntimeExports.jsx(LiteratureSidebar, {}) : centerView === "compute" && window.api?.isComputeEnabled?.() ? /* @__PURE__ */ jsxRuntimeExports.jsx(ComputeSidebar, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(EntityTabs, {}) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border-t t-border p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(UserProfile, {}) })
-  ] });
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[13px] t-text-secondary group-hover:t-text transition-colors leading-snug", children: starter.label }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] t-text-muted leading-snug", children: starter.description })
+      ]
+    }
+  );
 }
-const suggestions = [
-  { icon: FileText, label: "Draft a research note", prompt: "Help me draft a research note about " },
-  { icon: BookOpen, label: "Search literature", prompt: "Search for recent papers on " },
-  { icon: ChartColumn, label: "Analyze data", prompt: "Analyze the data in " },
-  { icon: Sparkles, label: "Brainstorm ideas", prompt: "Help me brainstorm ideas for " }
-];
 function HeroIdle() {
   const setDraftText = useChatStore((s15) => s15.setDraftText);
-  const handleSuggestion = (prompt) => {
-    setDraftText(prompt);
-    const input = document.querySelector("[data-chat-input]");
-    input?.focus();
+  const handleStarter = (label) => {
+    const prefill = prefillFromLabel(label);
+    setDraftText(prefill);
+    requestAnimationFrame(focusInput);
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center gap-10 w-full max-w-lg px-8", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center space-y-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "h1",
-      {
-        className: "t-text-secondary tracking-tight font-medium",
-        style: { fontSize: "var(--text-xl)" },
-        children: "What would you like to do?"
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-2 gap-3 w-full", children: suggestions.map(({ icon: Icon2, label, prompt }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "button",
-      {
-        onClick: () => handleSuggestion(prompt),
-        className: "group flex items-center gap-2.5 px-3.5 py-2.5 rounded-lg t-bg-surface border t-border\n                       chip-hover hover:shadow-sm transition-all duration-200 text-left",
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Icon2, { size: 14, className: "shrink-0 t-text-muted group-hover:t-text-accent-2 transition-colors" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-secondary group-hover:t-text font-medium transition-colors", style: { fontSize: "var(--text-sm)" }, children: label })
-        ]
-      },
-      label
-    )) })
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full max-w-lg px-8", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pl-4 mb-2 text-[10px] uppercase tracking-wider t-text-muted font-medium", children: "Start" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col", children: STARTERS.map((s15) => /* @__PURE__ */ jsxRuntimeExports.jsx(StarterRow, { starter: s15, onActivate: () => handleStarter(s15.label) }, s15.label)) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-8 pl-4 flex flex-col gap-1.5 text-[10px] t-text-muted", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("kbd", { className: "inline-flex items-center px-1 py-0 rounded border t-border-subtle t-bg-elevated text-[9.5px] font-mono t-text-secondary leading-[1.4]", children: "@" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "mention a note, paper, or file" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("kbd", { className: "inline-flex items-center px-1 py-0 rounded border t-border-subtle t-bg-elevated text-[9.5px] font-mono t-text-secondary leading-[1.4]", children: "↵" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "send" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "opacity-50", "aria-hidden": true, children: "·" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("kbd", { className: "inline-flex items-center px-1 py-0 rounded border t-border-subtle t-bg-elevated text-[9.5px] font-mono t-text-secondary leading-[1.4]", children: "⇧↵" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "newline" })
+      ] })
+    ] })
   ] });
 }
 function getFileName(path2) {
@@ -29656,8 +30355,8 @@ function ToolUseStream({ events: propEvents }) {
     running.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-1 mt-1", children: running.map((event) => /* @__PURE__ */ jsxRuntimeExports.jsx(ToolUseCard, { event }, event.id)) })
   ] });
 }
-const api$5 = window.api;
-const remarkPlugins$1 = [remarkGfm];
+const api$7 = window.api;
+const remarkPlugins$2 = [remarkGfm];
 function formatMessageTime(ts2) {
   const d = new Date(ts2);
   const now2 = /* @__PURE__ */ new Date();
@@ -29731,7 +30430,7 @@ function SelectionBookmark() {
     try {
       const first = selectedText.split(/[.!?\n]/)[0].trim();
       const title = first.length > 60 ? first.slice(0, 57) + "…" : first || "Untitled selection";
-      const created = await api$5.artifactCreate({
+      const created = await api$7.artifactCreate({
         type: "note",
         title,
         content: selectedText,
@@ -29796,7 +30495,7 @@ const MessageBubble = React$2.memo(function MessageBubble2({ msg, isSaved }) {
     try {
       const first = msg.content.replace(/^#+\s*/, "").split(/[.!?\n]/)[0].trim();
       const title = first.length > 60 ? first.slice(0, 57) + "…" : first || "Untitled note";
-      const created = await api$5.artifactCreate({
+      const created = await api$7.artifactCreate({
         type: "note",
         title,
         content: msg.content,
@@ -29825,7 +30524,7 @@ const MessageBubble = React$2.memo(function MessageBubble2({ msg, isSaved }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `flex ${isUser ? "justify-end" : "justify-start"} group`, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
-      className: `relative max-w-[80%] rounded-2xl px-4 py-3 text-sm t-text ${!isUser ? "assistant-bubble" : ""}${!isUser && isSaved ? " border-l-2 border-[var(--color-status-success)]" : ""}`,
+      className: `relative max-w-[90%] rounded-2xl px-4 py-3 text-sm t-text ${!isUser ? "assistant-bubble" : ""}${!isUser && isSaved ? " border-l-2 border-[var(--color-status-success)]" : ""}`,
       style: {
         background: isUser ? "var(--color-bubble-user)" : "var(--color-bubble-assistant)"
       },
@@ -29842,7 +30541,7 @@ const MessageBubble = React$2.memo(function MessageBubble2({ msg, isSaved }) {
           },
           i
         )) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "md-prose", style: { color: "var(--color-text)" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { remarkPlugins: remarkPlugins$1, children: msg.content }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "md-prose", style: { color: "var(--color-text)" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { remarkPlugins: remarkPlugins$2, children: msg.content }) }),
         msg.timestamp > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `mt-1.5 text-[10px] t-text-muted select-none ${isUser ? "text-right" : "text-left"}`, children: formatMessageTime(msg.timestamp) }),
         !isUser && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute -right-8 top-2 flex flex-col gap-1.5", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -29872,11 +30571,18 @@ const MessageBubble = React$2.memo(function MessageBubble2({ msg, isSaved }) {
   ) });
 });
 function ThinkingIndicator() {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-1.5 mt-3 ml-2", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex gap-[3px] items-center", "aria-label": "Thinking", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-[5px] h-[5px] rounded-full t-bg-accent-soft animate-bounce animation-delay-0" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-[5px] h-[5px] rounded-full t-bg-accent-soft animate-bounce animation-delay-150" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-[5px] h-[5px] rounded-full t-bg-accent-soft animate-bounce animation-delay-300" })
-  ] }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      className: "flex items-center gap-2 mt-3 ml-2 text-[11px] t-text-muted",
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { size: 11, className: "t-text-accent-soft animate-spin shrink-0", "aria-hidden": true }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Thinking…" })
+      ]
+    }
+  );
 }
 function StreamingBubble() {
   const text2 = useChatStore((s15) => s15.streamingText);
@@ -29884,66 +30590,211 @@ function StreamingBubble() {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-start", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
-      className: "max-w-[80%] rounded-2xl px-4 py-3 text-sm t-text assistant-bubble",
+      className: "max-w-[90%] rounded-2xl px-4 py-3 text-sm t-text assistant-bubble",
       style: { background: "var(--color-bubble-assistant)" },
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "md-prose", style: { color: "var(--color-text)" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { remarkPlugins: remarkPlugins$1, children: text2 }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "md-prose", style: { color: "var(--color-text)" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { remarkPlugins: remarkPlugins$2, children: text2 }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "inline-block w-1.5 h-4 t-bg-accent-soft animate-pulse ml-0.5 align-text-bottom" })
       ]
     }
   ) });
 }
-const GAP_THRESHOLD_MS = 5 * 60 * 1e3;
-function buildTimelineNodes(messages) {
-  const userAndAssistant = messages.filter((m) => m.role !== "system");
-  if (userAndAssistant.length < 6) return [];
-  const nodes = [];
-  let lastTs = 0;
-  let lastDate = "";
-  for (const msg of userAndAssistant) {
-    const gap = msg.timestamp - lastTs;
-    if (gap >= GAP_THRESHOLD_MS || lastTs === 0) {
-      const d = new Date(msg.timestamp);
-      const dateStr = d.toDateString();
-      const time = d.toLocaleTimeString([], { hour: "numeric", minute: "2-digit" });
-      let label;
-      const now2 = /* @__PURE__ */ new Date();
-      if (dateStr !== lastDate) {
-        const isToday = dateStr === now2.toDateString();
-        const yesterday = new Date(now2);
-        yesterday.setDate(yesterday.getDate() - 1);
-        const isYesterday = dateStr === yesterday.toDateString();
-        const dayLabel = isToday ? "" : isYesterday ? "Yest " : d.toLocaleDateString([], { month: "short", day: "numeric" }) + " ";
-        label = dayLabel + time;
-        lastDate = dateStr;
-      } else {
-        label = time;
-      }
-      nodes.push({ label, msgId: msg.id });
-    }
-    lastTs = msg.timestamp;
-  }
-  return nodes;
+function buildScrubNodes(messages) {
+  return messages.filter((m) => m.role === "user").map((msg) => ({
+    msgId: msg.id,
+    preview: msg.content.replace(/^#+\s*/gm, "").slice(0, 100),
+    time: msg.timestamp > 0 ? formatMessageTime(msg.timestamp) : ""
+  }));
 }
-function ChatTimeline({ messages }) {
+function ChatTimeline({ messages, scrollContainerRef }) {
   const requestScrollTo = useChatStore((s15) => s15.requestScrollTo);
-  const nodes = reactExports.useMemo(() => buildTimelineNodes(messages), [messages]);
-  if (nodes.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute right-0 top-0 bottom-0 w-[56px] flex flex-col items-center py-4 pointer-events-none select-none", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute top-4 bottom-4 w-px bg-[var(--color-border)]", style: { opacity: 0.3 } }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative flex flex-col gap-0 w-full h-full justify-between", children: nodes.map((node2, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "button",
+  const nodes = reactExports.useMemo(() => buildScrubNodes(messages), [messages]);
+  const positionsRef = reactExports.useRef([]);
+  const [, forceUpdate] = reactExports.useState(0);
+  const [hoveredIdx, setHoveredIdx] = reactExports.useState(null);
+  const [hoverY, setHoverY] = reactExports.useState(0);
+  const [viewport, setViewport] = reactExports.useState({ top: 0, height: 1 });
+  const railRef = reactExports.useRef(null);
+  const railHRef = reactExports.useRef(0);
+  const RAIL_PAD = 8;
+  const computePositions = reactExports.useCallback(() => {
+    const container = scrollContainerRef.current;
+    if (!container || nodes.length === 0) return;
+    const scrollH = container.scrollHeight;
+    if (scrollH <= 0) return;
+    const containerRect = container.getBoundingClientRect();
+    const scrollTop = container.scrollTop;
+    const pos = nodes.map((node2) => {
+      const el2 = container.querySelector(`[data-msg-id="${node2.msgId}"]`);
+      if (!el2) return 0;
+      const elRect = el2.getBoundingClientRect();
+      const absTop = elRect.top - containerRect.top + scrollTop;
+      return Math.min(Math.max(absTop / scrollH, 0), 1);
+    });
+    positionsRef.current = pos;
+    forceUpdate((n) => n + 1);
+  }, [nodes, scrollContainerRef]);
+  reactExports.useEffect(() => {
+    const container = scrollContainerRef.current;
+    if (!container || nodes.length === 0) {
+      positionsRef.current = [];
+      return;
+    }
+    const raf = requestAnimationFrame(() => computePositions());
+    const observer = new ResizeObserver(() => computePositions());
+    observer.observe(container);
+    return () => {
+      cancelAnimationFrame(raf);
+      observer.disconnect();
+    };
+  }, [nodes, messages, scrollContainerRef, computePositions]);
+  reactExports.useEffect(() => {
+    const rail = railRef.current;
+    if (!rail) return;
+    const obs = new ResizeObserver(([e]) => {
+      railHRef.current = e.contentRect.height;
+      forceUpdate((n) => n + 1);
+    });
+    obs.observe(rail);
+    return () => obs.disconnect();
+  }, []);
+  reactExports.useEffect(() => {
+    const container = scrollContainerRef.current;
+    if (!container) return;
+    const update = () => {
+      const { scrollTop, scrollHeight, clientHeight } = container;
+      if (scrollHeight <= 0) return;
+      setViewport({
+        top: scrollTop / scrollHeight,
+        height: Math.min(clientHeight / scrollHeight, 1)
+      });
+    };
+    update();
+    container.addEventListener("scroll", update, { passive: true });
+    const obs = new ResizeObserver(update);
+    obs.observe(container);
+    return () => {
+      container.removeEventListener("scroll", update);
+      obs.disconnect();
+    };
+  }, [scrollContainerRef, messages]);
+  const toY = (ratio) => {
+    const usable = railHRef.current - RAIL_PAD * 2;
+    return usable > 0 ? RAIL_PAD + ratio * usable : 0;
+  };
+  const handleMouseMove = reactExports.useCallback((e) => {
+    const rail = railRef.current;
+    const positions2 = positionsRef.current;
+    if (!rail || positions2.length === 0) return;
+    const rect = rail.getBoundingClientRect();
+    const y = e.clientY - rect.top;
+    setHoverY(y);
+    const usable = railHRef.current - RAIL_PAD * 2;
+    if (usable <= 0) return;
+    const ratio = Math.max(0, Math.min(1, (y - RAIL_PAD) / usable));
+    let best = 0;
+    let bestDist = Infinity;
+    for (let i = 0; i < positions2.length; i++) {
+      const d = Math.abs(positions2[i] - ratio);
+      if (d < bestDist) {
+        bestDist = d;
+        best = i;
+      }
+    }
+    setHoveredIdx(best);
+  }, []);
+  const handleMouseLeave = reactExports.useCallback(() => setHoveredIdx(null), []);
+  const handleClick = reactExports.useCallback(() => {
+    if (hoveredIdx !== null && nodes[hoveredIdx]) {
+      requestScrollTo(nodes[hoveredIdx].msgId);
+    }
+  }, [hoveredIdx, nodes, requestScrollTo]);
+  const positions = positionsRef.current;
+  const railH = railHRef.current;
+  const ready = nodes.length >= 3 && positions.length === nodes.length && railH > 0;
+  const hovered = hoveredIdx !== null ? nodes[hoveredIdx] : null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute right-0 top-0 bottom-0 w-[48px] select-none", style: { zIndex: 10 }, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
       {
-        onClick: () => requestScrollTo(node2.msgId),
-        className: "pointer-events-auto group/dot relative flex items-center justify-center",
-        title: node2.label,
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-[7px] h-[7px] rounded-full bg-[var(--color-text-muted)] group-hover/dot:bg-[var(--color-accent-soft)] transition-colors", style: { opacity: 0.5 } }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "absolute right-full mr-2 whitespace-nowrap text-[10px] t-text-muted opacity-0 group-hover/dot:opacity-100 transition-opacity pointer-events-none", children: node2.label })
-        ]
-      },
-      node2.msgId
-    )) })
+        ref: railRef,
+        className: "absolute inset-0 cursor-pointer",
+        role: "navigation",
+        "aria-label": "Message timeline",
+        onMouseMove: ready ? handleMouseMove : void 0,
+        onMouseLeave: ready ? handleMouseLeave : void 0,
+        onClick: ready ? handleClick : void 0,
+        children: ready && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "div",
+            {
+              className: "absolute left-[23px] w-px",
+              style: { top: RAIL_PAD, bottom: RAIL_PAD, background: "var(--color-border)", opacity: 0.25 }
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "div",
+            {
+              className: "absolute left-[18px] w-[11px] rounded-full",
+              style: {
+                top: toY(viewport.top),
+                height: Math.max(12, viewport.height * (railH - RAIL_PAD * 2)),
+                background: "var(--color-accent-soft)",
+                opacity: 0.15
+              }
+            }
+          ),
+          nodes.map((node2, i) => {
+            const isActive = hoveredIdx === i;
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "div",
+              {
+                className: "absolute",
+                style: {
+                  top: toY(positions[i]),
+                  left: 17,
+                  width: isActive ? 16 : 8,
+                  height: isActive ? 3 : 2,
+                  borderRadius: 1,
+                  background: "var(--color-accent-soft)",
+                  opacity: isActive ? 1 : 0.35,
+                  transition: "opacity 80ms"
+                }
+              },
+              node2.msgId
+            );
+          }),
+          hoveredIdx !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "div",
+            {
+              className: "absolute pointer-events-none",
+              style: { top: hoverY, left: 6, right: 6, height: 1, background: "var(--color-accent-soft)", opacity: 0.6 }
+            }
+          )
+        ] })
+      }
+    ),
+    ready && hovered && hoveredIdx !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        className: "absolute right-[52px] pointer-events-none",
+        style: { top: Math.max(8, Math.min(hoverY - 28, railH - 80)), zIndex: 50 },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "div",
+          {
+            className: "w-56 rounded-lg border shadow-lg overflow-hidden",
+            style: { background: "var(--color-bg-elevated)", borderColor: "var(--color-border)" },
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-[3px]", style: { background: "var(--color-accent-soft)" } }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-3 py-2", children: [
+                hovered.time && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[9px] t-text-muted block mb-1", children: hovered.time }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] t-text leading-relaxed line-clamp-3", children: hovered.preview || "(empty)" })
+              ] })
+            ]
+          }
+        )
+      }
+    )
   ] });
 }
 function ChatMessages() {
@@ -30002,13 +30853,14 @@ function ChatMessages() {
   }, [scrollToMessageId]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative h-full", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(SelectionBookmark, {}),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ChatTimeline, { messages }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ChatTimeline, { messages, scrollContainerRef }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
         ref: scrollContainerRef,
         onScroll: handleScroll,
-        className: "overflow-y-auto h-full pr-[56px]",
+        className: "overflow-y-auto h-full pr-[48px]",
+        style: { scrollbarWidth: "none" },
         role: "log",
         "aria-label": "Chat messages",
         "aria-live": "polite",
@@ -30050,7 +30902,7 @@ function ChatMessages() {
     )
   ] });
 }
-const api$4 = window.api;
+const api$6 = window.api;
 const typeIcons$1 = {
   note: /* @__PURE__ */ jsxRuntimeExports.jsx(StickyNote, { size: 13, className: "t-text-warning" }),
   paper: /* @__PURE__ */ jsxRuntimeExports.jsx(BookOpen, { size: 13, className: "t-text-info" }),
@@ -30109,7 +30961,7 @@ function MentionPopover({ query, onSelect, onClose }) {
       }
     }
     debounceRef.current = setTimeout(() => {
-      api$4.getCandidates(search2, type).then((result) => {
+      api$6.getCandidates(search2, type).then((result) => {
         if (stale) return;
         setCandidates(result || []);
         setSelectedIdx(0);
@@ -30302,7 +31154,7 @@ const SLASH_COMMANDS = [
   { name: "/delete", description: "Delete an entity", args: "<id>" },
   { name: "/help", description: "Show available commands" }
 ];
-const api$3 = window.api;
+const api$5 = window.api;
 const ACCEPTED_IMAGE_TYPES = ["image/png", "image/jpeg", "image/gif", "image/webp"];
 const MAX_IMAGES = 5;
 const ACCEPTED_DOC_EXTENSIONS = [".pdf", ".csv", ".md", ".txt", ".json", ".xml", ".html", ".docx"];
@@ -30423,7 +31275,7 @@ function ChatInput() {
             const dataUrl = reader.result;
             const base64 = dataUrl.split(",")[1];
             try {
-              const result = await api$3.convertFileToText(file.name, base64);
+              const result = await api$5.convertFileToText(file.name, base64);
               if (result?.success && result.content) {
                 setPendingFiles((p) => p.map(
                   (f) => f.name === file.name ? { ...f, content: result.content, loading: false } : f
@@ -30540,19 +31392,19 @@ ${fileBlocks}`;
     try {
       switch (cmd) {
         case "/notes": {
-          const notes = await api$3.listNotes();
+          const notes = await api$5.listNotes();
           result = notes?.length ? `**Notes (${notes.length}):**
 ` + notes.map((n) => `- ${n.title} \`${n.id.slice(0, 8)}\``).join("\n") : "No notes yet.";
           break;
         }
         case "/papers": {
-          const papers = await api$3.listLiterature();
+          const papers = await api$5.listLiterature();
           result = papers?.length ? `**Papers (${papers.length}):**
 ` + papers.map((p) => `- ${p.title} \`${p.citeKey}\``).join("\n") : "No papers yet.";
           break;
         }
         case "/data": {
-          const data = await api$3.listData();
+          const data = await api$5.listData();
           result = data?.length ? `**Data (${data.length}):**
 ` + data.map((d) => `- ${d.name} \`${d.id.slice(0, 8)}\``).join("\n") : "No data attachments yet.";
           break;
@@ -30562,7 +31414,7 @@ ${fileBlocks}`;
             result = "Usage: `/search <query>`";
             break;
           }
-          const results = await api$3.search(rest);
+          const results = await api$5.search(rest);
           result = results?.length ? `**Search results for "${rest}":**
 ` + results.map((r) => `- [${r.type}] ${r.title} \`${r.id.slice(0, 8)}\``).join("\n") : `No results for "${rest}".`;
           break;
@@ -30572,7 +31424,7 @@ ${fileBlocks}`;
             result = "Usage: `/note <title>`";
             break;
           }
-          const r = await api$3.artifactCreate({ type: "note", title: rest, content: "" });
+          const r = await api$5.artifactCreate({ type: "note", title: rest, content: "" });
           result = r?.success ? `Note saved: **${rest}**` : `Failed: ${r?.error || "unknown error"}`;
           refreshEntities();
           break;
@@ -30595,7 +31447,7 @@ ${fileBlocks}`;
           const bibtex = flags.bibtex || `@article{${citeKey},
   title = {${cleaned}}
 }`;
-          const r = await api$3.artifactCreate({
+          const r = await api$5.artifactCreate({
             type: "paper",
             title: cleaned,
             authors,
@@ -30622,7 +31474,7 @@ ${fileBlocks}`;
             result = "Usage: `/save-data <name> --path <file>`";
             break;
           }
-          const r = await api$3.artifactCreate({
+          const r = await api$5.artifactCreate({
             type: "data",
             title: cleaned,
             filePath: flags.path,
@@ -30633,7 +31485,7 @@ ${fileBlocks}`;
           break;
         }
         case "/summary": {
-          const summaryResult = await api$3.sessionSummaryGet();
+          const summaryResult = await api$5.sessionSummaryGet();
           if (!summaryResult?.success || !summaryResult?.summary) {
             result = "No session summary available yet.";
             break;
@@ -30660,7 +31512,7 @@ ${s15.openQuestions.map((q2) => `- ${q2}`).join("\n")}`;
             result = "Usage: `/delete <id>`";
             break;
           }
-          const r = await api$3.deleteEntity(rest);
+          const r = await api$5.deleteEntity(rest);
           result = r?.success ? `Deleted \`${rest}\`` : `Failed: ${r?.error || "not found"}`;
           refreshEntities();
           break;
@@ -30879,49 +31731,245 @@ ${s15.openQuestions.map((q2) => `- ${q2}`).join("\n")}`;
     )
   ] });
 }
-function TopicTree({
-  papers,
-  selectedTopic,
-  onSelect
-}) {
-  const topicCounts = reactExports.useMemo(() => {
-    const counts = /* @__PURE__ */ new Map();
-    for (const p of papers) {
-      const topic = p.subTopic || "Uncategorized";
-      counts.set(topic, (counts.get(topic) || 0) + 1);
+const api$4 = window.api;
+const remarkPlugins$1 = [remarkGfm];
+function PaperFallback({ paper }) {
+  const authors = paper.authors || [];
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "text-base font-semibold t-text leading-tight", children: paper.title }),
+    authors.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs t-text-muted", children: authors.join(", ") }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap gap-1.5", children: [
+      paper.year && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "px-1.5 py-0.5 text-[10px] rounded t-bg-elevated t-text-muted", children: paper.year }),
+      paper.venue && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "px-1.5 py-0.5 text-[10px] rounded t-bg-elevated t-text-muted", children: paper.venue }),
+      paper.doi && !paper.doi.startsWith("unknown:") && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "a",
+        {
+          href: `https://doi.org/${paper.doi}`,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "inline-flex items-center gap-0.5 px-1.5 py-0.5 text-[10px] rounded t-bg-elevated t-text-accent hover:underline",
+          children: [
+            "DOI ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLink, { size: 8 })
+          ]
+        }
+      ),
+      paper.relevanceScore != null && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "px-1.5 py-0.5 text-[10px] rounded t-bg-elevated t-text-accent", children: [
+        paper.relevanceScore,
+        "/10"
+      ] })
+    ] }),
+    paper.abstract && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] t-text-muted uppercase tracking-wider mb-1 font-medium", children: "Abstract" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs t-text-secondary leading-relaxed", children: paper.abstract })
+    ] }),
+    paper.relevanceJustification && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] t-text-muted uppercase tracking-wider mb-1 font-medium", children: "Relevance" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs t-text-secondary italic leading-relaxed", children: paper.relevanceJustification })
+    ] }),
+    (paper.keyFindings || []).length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] t-text-muted uppercase tracking-wider mb-1 font-medium", children: "Key Findings" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "space-y-0.5", children: paper.keyFindings.map((f, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { className: "text-xs t-text-secondary flex items-start gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 mt-1 w-1 h-1 rounded-full bg-[var(--color-accent-soft)]" }),
+        f
+      ] }, i)) })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] t-text-muted italic pt-2", children: "No wiki page available for this paper yet." })
+  ] });
+}
+function WikiReaderPanel() {
+  const slug = useUIStore((s15) => s15.wikiReaderSlug);
+  const setSlug = useUIStore((s15) => s15.setWikiReaderSlug);
+  const goBack = useUIStore((s15) => s15.wikiReaderBack);
+  const history = useUIStore((s15) => s15.wikiReaderHistory);
+  const papers = useEntityStore((s15) => s15.papers);
+  const [content2, setContent] = reactExports.useState(null);
+  const [loading, setLoading] = reactExports.useState(false);
+  const isPaperFallback = slug?.startsWith("paper:");
+  const fallbackPaper = isPaperFallback ? papers.find((p) => p.id === slug.replace("paper:", "")) : null;
+  reactExports.useEffect(() => {
+    if (!slug || isPaperFallback) {
+      setContent(null);
+      return;
     }
-    return Array.from(counts.entries()).sort((a, b2) => b2[1] - a[1]);
-  }, [papers]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-48 shrink-0 border-r t-border overflow-y-auto py-2", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "button",
-      {
-        onClick: () => onSelect(null),
-        className: `w-full text-left px-3 py-1.5 text-xs transition-colors ${selectedTopic === null ? "t-text-accent font-medium bg-[var(--color-accent-soft)]/10" : "t-text-secondary hover:t-bg-hover"}`,
-        children: [
-          "All Topics (",
-          papers.length,
-          ")"
-        ]
+    let cancelled = false;
+    setLoading(true);
+    api$4.wikiReadPage?.(slug).then((md) => {
+      if (!cancelled) {
+        setContent(md);
+        setLoading(false);
       }
-    ),
-    topicCounts.map(([topic, count]) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "button",
-      {
-        onClick: () => onSelect(selectedTopic === topic ? null : topic),
-        className: `w-full text-left px-3 py-1.5 text-xs transition-colors truncate ${selectedTopic === topic ? "t-text-accent font-medium bg-[var(--color-accent-soft)]/10" : "t-text-secondary hover:t-bg-hover"}`,
-        title: topic,
-        children: [
-          topic,
-          " (",
-          count,
-          ")"
-        ]
-      },
-      topic
-    ))
+    }).catch(() => {
+      if (!cancelled) {
+        setContent(null);
+        setLoading(false);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [slug, isPaperFallback]);
+  const processedContent = reactExports.useMemo(() => {
+    if (!content2) return null;
+    return content2.replace(
+      /<!--\s*paper:(\S+)\s*-->([\s\S]*?)<!--\s*\/paper:\1\s*-->/g,
+      (_match, paperSlug, body) => {
+        const firstLine = body.trim().split("\n")[0] || "";
+        const titleMatch = firstLine.match(/\*{1,2}([^*]+)\*{1,2}/) || firstLine.match(/"([^"]+)"/);
+        const title = titleMatch ? titleMatch[1] : paperSlug;
+        return `
+---
+### [${title}](#wiki:${paperSlug})
+${body.trim()}
+`;
+      }
+    ).replace(/<!--[\s\S]*?-->/g, "").replace(
+      /\[\[([^\]]+)\]\]/g,
+      (_match, innerSlug) => `[${innerSlug}](#wiki:${innerSlug})`
+    );
+  }, [content2]);
+  const handleLinkClick = reactExports.useCallback((e) => {
+    const target = e.target;
+    const anchor = target.closest("a");
+    if (!anchor) return;
+    const href = anchor.getAttribute("href");
+    if (href?.startsWith("#wiki:")) {
+      e.preventDefault();
+      setSlug(href.replace("#wiki:", ""));
+    }
+  }, [setSlug]);
+  if (!slug) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center h-full text-center px-6", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(BookOpen, { size: 28, className: "t-text-muted mb-2.5 opacity-30" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs t-text-muted", children: "Select a paper or concept to view details." })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col h-full min-h-0", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5 px-3 py-1.5 border-b t-border t-bg-surface shrink-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          onClick: goBack,
+          disabled: history.length === 0,
+          className: "p-1 rounded t-text-muted hover:t-text transition-colors disabled:opacity-30",
+          title: "Back",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowLeft, { size: 14 })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 text-[11px] t-text-muted truncate font-mono", children: isPaperFallback ? fallbackPaper?.title || slug : slug }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          onClick: () => setSlug(null),
+          className: "p-1 rounded t-text-muted hover:t-text transition-colors",
+          title: "Close",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(X$1, { size: 13 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto px-4 py-3", onClick: handleLinkClick, children: loading ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs t-text-muted animate-pulse", children: "Loading..." }) : isPaperFallback && fallbackPaper ? /* @__PURE__ */ jsxRuntimeExports.jsx(PaperFallback, { paper: fallbackPaper }) : processedContent ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "md-prose text-sm", style: { color: "var(--color-text)" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { remarkPlugins: remarkPlugins$1, children: processedContent }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs t-text-muted", children: "No wiki page found for this slug." }) })
   ] });
 }
+function normalize(raw) {
+  return raw.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, " ").trim();
+}
+function splitWords(s15) {
+  const out = [];
+  for (const w2 of s15.split(" ")) if (w2) out.push(w2);
+  return out;
+}
+function firstAndLastWords(s15) {
+  const words = splitWords(s15);
+  if (words.length === 0) return [];
+  if (words.length === 1) return [words[0]];
+  return words[0] === words[words.length - 1] ? [words[0]] : [words[0], words[words.length - 1]];
+}
+function makeSearchable(p) {
+  const normTitle = normalize(p.title || "");
+  const titleWords = splitWords(normTitle);
+  const normAuthors = (p.authors || []).map((a) => normalize(a)).filter(Boolean);
+  const prefixTokens = /* @__PURE__ */ new Set();
+  for (const a of normAuthors) for (const t of firstAndLastWords(a)) prefixTokens.add(t);
+  return {
+    normTitle,
+    titleWords,
+    titleWordSet: new Set(titleWords),
+    normAuthors,
+    authorPrefixTokens: Array.from(prefixTokens),
+    normVenue: p.venue ? normalize(p.venue) : void 0,
+    normTldr: p.tldr ? normalize(p.tldr) : void 0,
+    normAbstract: p.abstract ? normalize(p.abstract) : void 0
+  };
+}
+function tokenizeQuery(query) {
+  const seen2 = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const w2 of normalize(query).split(" ")) {
+    if (w2.length < 2) continue;
+    if (seen2.has(w2)) continue;
+    seen2.add(w2);
+    out.push(w2);
+  }
+  return out;
+}
+function isSubsequence(needle, hay) {
+  if (needle.length === 0) return true;
+  if (needle.length > hay.length) return false;
+  let i = 0;
+  for (let j2 = 0; j2 < hay.length && i < needle.length; j2++) {
+    if (hay.charCodeAt(j2) === needle.charCodeAt(i)) i++;
+  }
+  return i === needle.length;
+}
+function scoreToken(token, p) {
+  let best = 0;
+  if (p.titleWordSet.has(token)) {
+    best = Math.max(best, 20);
+  } else if (p.normTitle.includes(token)) {
+    best = Math.max(best, 10);
+  } else if (token.length >= 4) {
+    for (const word of p.titleWords) {
+      if (word.length >= token.length && isSubsequence(token, word)) {
+        best = Math.max(best, 4);
+        break;
+      }
+    }
+  }
+  for (const pref of p.authorPrefixTokens) {
+    if (pref.startsWith(token)) {
+      best = Math.max(best, 10);
+      break;
+    }
+  }
+  if (best < 8) {
+    for (const full of p.normAuthors) {
+      if (full.includes(token)) {
+        best = Math.max(best, 8);
+        break;
+      }
+    }
+  }
+  if (p.normVenue && p.normVenue.includes(token)) best = Math.max(best, 3);
+  if (p.normTldr && p.normTldr.includes(token)) best = Math.max(best, 3);
+  if (p.normAbstract && p.normAbstract.includes(token)) best = Math.max(best, 2);
+  return best;
+}
+function scorePaper(tokens, p) {
+  if (tokens.length === 0) return 0;
+  let total = 0;
+  let hits = 0;
+  for (const t of tokens) {
+    const s15 = scoreToken(t, p);
+    if (s15 > 0) {
+      hits++;
+      total += s15;
+    }
+  }
+  const required = tokens.length <= 3 ? tokens.length : Math.ceil(0.7 * tokens.length);
+  if (hits < required) return null;
+  return total;
+}
+const api$3 = window.api;
 function ScoreBadge({ score }) {
   if (score == null) return null;
   const color2 = score >= 8 ? "text-emerald-500" : score >= 6 ? "text-amber-500" : "t-text-muted";
@@ -30955,36 +32003,49 @@ function PaperRow({
   paper,
   expanded,
   onToggle,
-  onPreview
+  wikiSlug,
+  isActive,
+  source = "project"
 }) {
+  const setWikiSlug = useUIStore((s15) => s15.setWikiReaderSlug);
   const authors = paper.authors || [];
   const authorStr = authors.length <= 3 ? authors.join(", ") : `${authors.slice(0, 2).join(", ")} et al.`;
   const keyFindings = paper.keyFindings || [];
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-b t-border last:border-b-0", children: [
+  const isWiki = source === "wiki";
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `border-b t-border last:border-b-0 ${isActive ? "bg-[var(--color-accent-soft)]/8" : ""} ${isWiki ? "border-l-2 border-l-[var(--color-accent-soft)]" : ""}`, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
-        className: "flex items-center gap-3 px-3 py-2 hover:bg-[var(--color-accent-soft)]/5 transition-colors cursor-pointer",
+        className: `flex items-center gap-3 px-3 py-2 transition-colors cursor-pointer ${isActive ? "bg-[var(--color-accent-soft)]/10" : "hover:bg-[var(--color-accent-soft)]/5"}`,
         onClick: onToggle,
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "shrink-0 t-text-muted", children: expanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { size: 14 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { size: 14 }) }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[13px] t-text font-medium truncate leading-tight", children: paper.title }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5 min-w-0", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[13px] t-text font-medium truncate leading-tight", children: paper.title }),
+              isWiki && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "span",
+                {
+                  className: "shrink-0 px-1.5 py-0 text-[9px] uppercase tracking-wider rounded t-text-accent bg-[var(--color-accent-soft)]/15 border border-[var(--color-accent-soft)]/30",
+                  title: "From paper wiki — not in this project",
+                  children: "Wiki"
+                }
+              )
+            ] }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] t-text-muted truncate mt-0.5", children: authorStr })
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 text-[11px] t-text-muted tabular-nums w-10 text-right", children: paper.year || "—" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "shrink-0 w-10 text-right", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ScoreBadge, { score: paper.relevanceScore }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 text-[11px] t-text-muted tabular-nums w-12 text-right", children: paper.citationCount != null ? paper.citationCount : "—" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
               onClick: (e) => {
                 e.stopPropagation();
-                onPreview();
+                setWikiSlug(wikiSlug || `paper:${paper.id}`);
               },
-              className: "shrink-0 p-1 rounded t-text-muted hover:t-text-accent-soft transition-colors",
-              title: "Open detail",
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(BookOpen, { size: 14 })
+              className: `shrink-0 p-1 rounded transition-colors ${wikiSlug ? "t-text-accent-soft hover:t-text-accent" : "t-text-muted hover:t-text-accent-soft"}`,
+              title: wikiSlug ? "View wiki page" : "View paper details",
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(BookOpen, { size: 13 })
             }
           )
         ]
@@ -30994,8 +32055,6 @@ function PaperRow({
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap gap-1.5", children: [
         paper.venue && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "px-1.5 py-0.5 text-[10px] rounded t-bg-elevated t-text-muted", children: paper.venue }),
         paper.subTopic && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "px-1.5 py-0.5 text-[10px] rounded bg-[var(--color-accent-soft)]/10 t-text-accent", children: paper.subTopic }),
-        paper.externalSource && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "px-1.5 py-0.5 text-[10px] rounded t-bg-elevated t-text-muted", children: paper.externalSource }),
-        paper.addedInRound && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "px-1.5 py-0.5 text-[10px] rounded t-bg-elevated t-text-muted", children: paper.addedInRound }),
         paper.doi && !paper.doi.startsWith("unknown:") && /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "a",
           {
@@ -31040,6 +32099,46 @@ function PaperRow({
     ] })
   ] });
 }
+function WikiStatusPill() {
+  const [status, setStatus] = reactExports.useState(null);
+  reactExports.useEffect(() => {
+    let cancelled = false;
+    api$3.wikiGetStatus?.().then((s15) => {
+      if (!cancelled) setStatus(s15);
+    }).catch(() => {
+    });
+    const unsub = api$3.onWikiStatus?.((s15) => setStatus(s15));
+    return () => {
+      cancelled = true;
+      unsub?.();
+    };
+  }, []);
+  if (!status || status.state === "disabled") return null;
+  const isProcessing = status.state === "processing";
+  const isPaused = status.state === "paused";
+  const totalInBatch = status.processed + status.pending;
+  const pct = totalInBatch > 0 ? Math.round(status.processed / totalInBatch * 100) : 0;
+  const dotClass = isProcessing ? "bg-blue-500 animate-pulse" : isPaused ? "bg-yellow-500" : "bg-emerald-500";
+  const label = isProcessing ? `Wiki · processing${totalInBatch > 0 ? ` ${status.processed}/${totalInBatch}` : ""}` : isPaused ? "Wiki · paused" : `Wiki · idle${status.totalInWiki > 0 ? ` · ${status.totalInWiki} pages` : ""}`;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: "ml-auto flex items-center gap-2 shrink-0",
+      title: status.lastRunAt ? `Last tick: ${new Date(status.lastRunAt).toLocaleString()}` : void 0,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `inline-block w-1.5 h-1.5 rounded-full ${dotClass}` }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-muted tabular-nums", children: label }),
+        isProcessing && totalInBatch > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-16 h-1 rounded-full t-bg-elevated overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: "h-full bg-blue-500 transition-[width] duration-500 ease-out",
+            style: { width: `${pct}%` }
+          }
+        ) })
+      ]
+    }
+  );
+}
 function CoverageBar$1({ papers }) {
   const topicCounts = reactExports.useMemo(() => {
     const counts = /* @__PURE__ */ new Map();
@@ -31069,7 +32168,7 @@ function CoverageBar$1({ papers }) {
       highRelevance,
       " highly relevant"
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 max-w-48", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-1.5 rounded-full t-bg-elevated overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max-w-48 w-48", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-1.5 rounded-full t-bg-elevated overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
         className: "h-full rounded-full t-gradient-accent-h",
@@ -31077,10 +32176,11 @@ function CoverageBar$1({ papers }) {
           width: `${Math.min(100, highRelevance / Math.max(papers.length, 1) * 100)}%`
         }
       }
-    ) }) })
+    ) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(WikiStatusPill, {})
   ] });
 }
-function FilterBar$1() {
+function FilterBar$1({ topics }) {
   const filter = useUIStore((s15) => s15.literatureFilter);
   const setFilter = useUIStore((s15) => s15.setLiteratureFilter);
   const [showFilters, setShowFilters] = reactExports.useState(false);
@@ -31095,7 +32195,7 @@ function FilterBar$1() {
             type: "text",
             value: filter.search,
             onChange: (e) => setFilter({ search: e.target.value }),
-            placeholder: "Search papers by title, author, abstract...",
+            placeholder: "Search papers...",
             className: "w-full pl-8 pr-3 py-1.5 text-xs rounded-lg border t-border t-bg-surface t-text focus:outline-none focus:border-[var(--color-accent-soft)]"
           }
         ),
@@ -31108,6 +32208,18 @@ function FilterBar$1() {
           }
         )
       ] }),
+      topics.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "select",
+        {
+          value: filter.subTopic || "",
+          onChange: (e) => setFilter({ subTopic: e.target.value || null }),
+          className: "px-2 py-1.5 text-xs rounded-lg border t-border t-bg-surface t-text max-w-40",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "", children: "All topics" }),
+            topics.map((t) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: t, children: t }, t))
+          ]
+        }
+      ),
       /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "button",
         {
@@ -31115,7 +32227,6 @@ function FilterBar$1() {
           className: `flex items-center gap-1 px-2 py-1.5 text-xs rounded-lg border t-border transition-colors ${hasActiveFilters ? "border-[var(--color-accent-soft)] t-text-accent" : "t-text-muted hover:t-text-secondary"}`,
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(Filter, { size: 12 }),
-            "Filters",
             hasActiveFilters && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-[var(--color-accent-soft)]" })
           ]
         }
@@ -31147,12 +32258,47 @@ function FilterBar$1() {
     ] })
   ] });
 }
+function wikiMetaToEntityItem(meta) {
+  return {
+    id: `wiki:${meta.slug}`,
+    type: "paper",
+    title: meta.title,
+    authors: meta.authors,
+    year: meta.year,
+    venue: meta.venue,
+    abstract: meta.tldr
+    // show tldr as abstract preview for wiki rows
+  };
+}
 function LiteratureView() {
   const papers = useEntityStore((s15) => s15.papers);
   const filter = useUIStore((s15) => s15.literatureFilter);
   const setFilter = useUIStore((s15) => s15.setLiteratureFilter);
-  const openPreview = useUIStore((s15) => s15.openPreview);
-  const [expandedId, setExpandedId] = reactExports.useState(null);
+  const wikiReaderSlug = useUIStore((s15) => s15.wikiReaderSlug);
+  const setWikiSlug = useUIStore((s15) => s15.setWikiReaderSlug);
+  const [expandedKey, setExpandedKey] = reactExports.useState(null);
+  const [wikiSlugs, setWikiSlugs] = reactExports.useState({});
+  const [wikiMeta, setWikiMeta] = reactExports.useState([]);
+  reactExports.useEffect(() => {
+    let cancelled = false;
+    api$3.wikiPaperSlugMap?.().then((map2) => {
+      if (!cancelled && map2) setWikiSlugs(map2);
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [papers]);
+  reactExports.useEffect(() => {
+    let cancelled = false;
+    api$3.wikiListPaperMeta?.().then((list2) => {
+      if (!cancelled && Array.isArray(list2)) setWikiMeta(list2);
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
   const handleSort = reactExports.useCallback(
     (key) => {
       if (filter.sortBy === key) {
@@ -31163,73 +32309,121 @@ function LiteratureView() {
     },
     [filter.sortBy, filter.sortDir, setFilter]
   );
-  const filtered = reactExports.useMemo(() => {
-    let result = [...papers];
-    if (filter.search.trim()) {
-      const q2 = filter.search.toLowerCase();
-      result = result.filter((p) => {
-        const title = (p.title || "").toLowerCase();
-        const abstract = (p.abstract || "").toLowerCase();
-        const authors = (p.authors || []).join(" ").toLowerCase();
-        return title.includes(q2) || abstract.includes(q2) || authors.includes(q2);
-      });
-    }
-    if (filter.subTopic) {
-      result = result.filter(
-        (p) => (p.subTopic || "Uncategorized") === filter.subTopic
-      );
-    }
-    if (filter.minScore > 0) {
-      result = result.filter((p) => (p.relevanceScore || 0) >= filter.minScore);
+  const topics = reactExports.useMemo(() => {
+    const counts = /* @__PURE__ */ new Map();
+    for (const p of papers) {
+      const topic = p.subTopic;
+      if (topic) counts.set(topic, (counts.get(topic) || 0) + 1);
     }
-    if (filter.source) {
-      result = result.filter((p) => p.externalSource === filter.source);
+    return Array.from(counts.entries()).sort((a, b2) => b2[1] - a[1]).map(([t]) => t);
+  }, [papers]);
+  const projectRows = reactExports.useMemo(() => {
+    return papers.map((p) => ({
+      key: `project:${p.id}`,
+      source: "project",
+      paper: p,
+      wikiSlug: wikiSlugs[p.id],
+      searchable: makeSearchable({
+        title: p.title || "",
+        authors: p.authors || [],
+        venue: p.venue,
+        tldr: void 0,
+        abstract: p.abstract
+      })
+    }));
+  }, [papers, wikiSlugs]);
+  const wikiOnlyRows = reactExports.useMemo(() => {
+    const usedSlugs = new Set(Object.values(wikiSlugs));
+    return wikiMeta.filter((m) => !usedSlugs.has(m.slug)).map((m) => ({
+      key: `wiki:${m.slug}`,
+      source: "wiki",
+      paper: wikiMetaToEntityItem(m),
+      wikiSlug: m.slug,
+      searchable: makeSearchable({
+        title: m.title,
+        authors: m.authors,
+        venue: m.venue,
+        tldr: m.tldr
+      })
+    }));
+  }, [wikiMeta, papers, wikiSlugs]);
+  const filteredRows = reactExports.useMemo(() => {
+    const query = filter.search.trim();
+    const tokens = query ? tokenizeQuery(query) : [];
+    const searching = tokens.length > 0;
+    const passesProjectFilters = (p) => {
+      if (filter.subTopic && (p.subTopic || "Uncategorized") !== filter.subTopic) return false;
+      if (filter.minScore > 0 && (p.relevanceScore || 0) < filter.minScore) return false;
+      if (filter.source && p.externalSource !== filter.source) return false;
+      if (filter.round && p.addedInRound !== filter.round) return false;
+      return true;
+    };
+    const scored = [];
+    for (const row of projectRows) {
+      if (!passesProjectFilters(row.paper)) continue;
+      if (searching) {
+        const s15 = scorePaper(tokens, row.searchable);
+        if (s15 == null) continue;
+        scored.push({ row, score: s15 });
+      } else {
+        scored.push({ row, score: 0 });
+      }
     }
-    if (filter.round) {
-      result = result.filter((p) => p.addedInRound === filter.round);
+    if (searching) {
+      for (const row of wikiOnlyRows) {
+        const s15 = scorePaper(tokens, row.searchable);
+        if (s15 == null) continue;
+        scored.push({ row, score: s15 });
+      }
     }
-    result.sort((a, b2) => {
-      const dir = filter.sortDir === "desc" ? -1 : 1;
+    const dir = filter.sortDir === "desc" ? -1 : 1;
+    const compareSortKey = (a, b2) => {
       switch (filter.sortBy) {
-        case "year": {
-          const ay = a.year || 0;
-          const by = b2.year || 0;
-          return (ay - by) * dir;
-        }
-        case "relevance": {
-          const as2 = a.relevanceScore || 0;
-          const bs2 = b2.relevanceScore || 0;
-          return (as2 - bs2) * dir;
-        }
-        case "citations": {
-          const ac2 = a.citationCount || 0;
-          const bc2 = b2.citationCount || 0;
-          return (ac2 - bc2) * dir;
-        }
+        case "year":
+          return ((a.year || 0) - (b2.year || 0)) * dir;
+        case "relevance":
+          return ((a.relevanceScore || 0) - (b2.relevanceScore || 0)) * dir;
+        case "citations":
+          return ((a.citationCount || 0) - (b2.citationCount || 0)) * dir;
         case "title":
           return a.title.localeCompare(b2.title) * dir;
         default:
           return 0;
       }
+    };
+    scored.sort((a, b2) => {
+      if (searching) {
+        if (a.score !== b2.score) return b2.score - a.score;
+      }
+      return compareSortKey(a.row.paper, b2.row.paper);
     });
-    return result;
-  }, [papers, filter]);
-  const hasTopics = papers.some((p) => p.subTopic);
+    return scored.map((s15) => s15.row);
+  }, [projectRows, wikiOnlyRows, filter]);
+  reactExports.useEffect(() => {
+    if (wikiReaderSlug || filteredRows.length === 0) return;
+    const first = filteredRows[0];
+    if (first.source === "wiki") {
+      setWikiSlug(first.wikiSlug);
+    } else {
+      setWikiSlug(first.wikiSlug || `paper:${first.paper.id}`);
+    }
+  }, [filteredRows, wikiReaderSlug, setWikiSlug]);
+  const activeRowKey = reactExports.useMemo(() => {
+    if (!wikiReaderSlug) return null;
+    if (wikiReaderSlug.startsWith("paper:")) {
+      return `project:${wikiReaderSlug.slice("paper:".length)}`;
+    }
+    for (const [paperId, slug] of Object.entries(wikiSlugs)) {
+      if (slug === wikiReaderSlug) return `project:${paperId}`;
+    }
+    return `wiki:${wikiReaderSlug}`;
+  }, [wikiReaderSlug, wikiSlugs]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 flex flex-col min-h-0", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(FilterBar$1, {}),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(FilterBar$1, { topics }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 flex min-h-0", children: [
-      hasTopics && /* @__PURE__ */ jsxRuntimeExports.jsx(
-        TopicTree,
-        {
-          papers,
-          selectedTopic: filter.subTopic,
-          onSelect: (topic) => setFilter({ subTopic: topic })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 flex flex-col min-w-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-1/2 flex flex-col min-w-0 border-r t-border", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 px-3 py-1.5 border-b t-border t-bg-surface", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-5" }),
-          " ",
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             SortHeader,
             {
@@ -31262,36 +32456,34 @@ function LiteratureView() {
               className: "w-10 justify-end"
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            SortHeader,
-            {
-              label: "Cites",
-              sortKey: "citations",
-              currentSort: filter.sortBy,
-              currentDir: filter.sortDir,
-              onSort: handleSort,
-              className: "w-12 justify-end"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-8" }),
-          " "
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-8" })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto", children: filtered.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center h-full text-center px-8", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto", children: filteredRows.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center h-full text-center px-8", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(BookOpen, { size: 32, className: "t-text-muted mb-3 opacity-40" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm t-text-muted", children: papers.length === 0 ? "No papers yet. Use the chat to search for literature." : "No papers match your filters." })
-        ] }) : filtered.map((paper) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ] }) : filteredRows.map((row) => /* @__PURE__ */ jsxRuntimeExports.jsx(
           PaperRow,
           {
-            paper,
-            expanded: expandedId === paper.id,
-            onToggle: () => setExpandedId(expandedId === paper.id ? null : paper.id),
-            onPreview: () => openPreview(paper)
+            paper: row.paper,
+            source: row.source,
+            expanded: expandedKey === row.key,
+            isActive: activeRowKey === row.key,
+            onToggle: () => {
+              setExpandedKey(expandedKey === row.key ? null : row.key);
+              if (row.source === "wiki") {
+                setWikiSlug(row.wikiSlug);
+              } else {
+                setWikiSlug(row.wikiSlug || `paper:${row.paper.id}`);
+              }
+            },
+            wikiSlug: row.wikiSlug
           },
-          paper.id
+          row.key
         )) })
-      ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-1/2 min-w-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(WikiReaderPanel, {}) })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(CoverageBar$1, { papers: filtered })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CoverageBar$1, { papers: filteredRows.filter((r) => r.source === "project").map((r) => r.paper) })
   ] });
 }
 function formatDuration(seconds) {
@@ -31368,7 +32560,16 @@ function RunRow({
         className: "flex items-center gap-3 px-3 py-2 hover:bg-[var(--color-accent-soft)]/5 transition-colors cursor-pointer",
         onClick: onToggle,
         children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "shrink-0 t-text-muted", children: expanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { size: 14 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { size: 14 }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": expanded ? "Collapse run details" : "Expand run details",
+              "aria-expanded": expanded,
+              className: "shrink-0 t-text-muted",
+              children: expanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { size: 14 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { size: 14 })
+            }
+          ),
           /* @__PURE__ */ jsxRuntimeExports.jsx(StatusDot, { status: run.status }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[13px] t-text font-medium truncate leading-tight font-mono", children: run.command }),
@@ -31501,7 +32702,9 @@ function FilterBar({
     search2 && /* @__PURE__ */ jsxRuntimeExports.jsx(
       "button",
       {
+        type: "button",
         onClick: () => onSearchChange(""),
+        "aria-label": "Clear search",
         className: "absolute right-2 top-1/2 -translate-y-1/2 t-text-muted hover:t-text",
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(X$1, { size: 12 })
       }
@@ -31644,22 +32847,56 @@ function ViewSwitcher() {
   const setCenterView = useUIStore((s15) => s15.setCenterView);
   const paperCount = useEntityStore((s15) => s15.papers.length);
   const activeComputeRuns = useActiveRunCount();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("nav", { "aria-label": "View switcher", className: "flex items-center gap-0.5 px-4 pt-10 pb-1", children: viewTabs.map(({ key, label, icon: Icon2, shortcut }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "button",
-    {
-      onClick: () => setCenterView(key),
-      className: `no-drag flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg transition-colors ${centerView === key ? "t-text-accent bg-[var(--color-accent-soft)]/10" : "t-text-muted hover:t-text-secondary hover:t-bg-hover"}`,
-      title: `${label} (${shortcut})`,
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Icon2, { size: 13 }),
-        label,
-        key === "literature" && paperCount > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-0.5 px-1 py-px text-[9px] rounded-full t-bg-elevated t-text-muted tabular-nums", children: paperCount }),
-        key === "compute" && activeComputeRuns > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-0.5 px-1 py-px text-[9px] rounded-full bg-[var(--color-accent-soft)]/10 t-text-accent tabular-nums", children: activeComputeRuns }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[9px] t-text-muted opacity-40 ml-0.5", children: shortcut })
-      ]
-    },
-    key
-  )) });
+  return (
+    // Bottom hairline gives the nav a real anchor — without it, the tabs
+    // float in a gray area between the drag region and the content.
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "nav",
+      {
+        "aria-label": "View switcher",
+        className: "flex items-stretch gap-1 px-4 pt-10 border-b t-border",
+        children: viewTabs.map(({ key, label, icon: Icon2, shortcut }) => {
+          const isActive = centerView === key;
+          return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "button",
+            {
+              onClick: () => setCenterView(key),
+              "aria-current": isActive ? "page" : void 0,
+              title: `${label} (${shortcut})`,
+              className: `no-drag relative group flex items-center gap-2 px-3 pt-1.5 pb-2 text-[13px] font-medium transition-colors ${isActive ? "t-text" : "t-text-muted hover:t-text-secondary"}`,
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Icon2, { size: 14, className: isActive ? "t-text-accent" : "" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: label }),
+                key === "literature" && paperCount > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "span",
+                  {
+                    className: `px-1.5 py-px text-[10px] rounded-full tabular-nums ${isActive ? "t-bg-accent/15 t-text-accent" : "t-bg-elevated t-text-muted"}`,
+                    children: paperCount
+                  }
+                ),
+                key === "compute" && activeComputeRuns > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "px-1.5 py-px text-[10px] rounded-full tabular-nums t-bg-accent/15 t-text-accent", children: activeComputeRuns }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "kbd",
+                  {
+                    className: `inline-flex items-center px-1 py-0 rounded border text-[9.5px] font-mono leading-[1.4] transition-colors ${isActive ? "t-border-accent-soft t-text-accent-soft bg-transparent" : "t-border-subtle t-bg-elevated t-text-muted group-hover:t-text-secondary"}`,
+                    children: shortcut
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "span",
+                  {
+                    "aria-hidden": true,
+                    className: `pointer-events-none absolute left-0 right-0 -bottom-px h-[2px] transition-colors ${isActive ? "t-bg-accent" : "bg-transparent"}`
+                  }
+                )
+              ]
+            },
+            key
+          );
+        })
+      }
+    )
+  );
 }
 function CenterPanel() {
   const centerView = useUIStore((s15) => s15.centerView);
@@ -31680,13 +32917,13 @@ function CenterPanel() {
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("main", { id: "main-content", className: "flex-1 flex flex-col min-w-0", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(ViewSwitcher, {}),
-    showHero ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(HeroIdle, {}) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0 px-6 pt-4 pb-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-auto h-full", style: { maxWidth: "48rem" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChatMessages, {}) }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-6 pb-5", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-auto", style: { maxWidth: "48rem" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChatInput, {}) }) })
+    showHero ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(HeroIdle, {}) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0 px-6 pt-4 pb-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-auto h-full", style: { maxWidth: "64rem" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChatMessages, {}) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-6 pb-5", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-auto", style: { maxWidth: "64rem" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChatInput, {}) }) })
   ] });
 }
 const remarkPlugins = [remarkGfm];
 const LazyMilkdownMarkdownEditor = reactExports.lazy(async () => {
-  const mod = await __vitePreload(() => import("./MilkdownMarkdownEditor-2wg63TSu.js").then((n) => n.bL), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
+  const mod = await __vitePreload(() => import("./MilkdownMarkdownEditor-CK0d0F6d.js").then((n) => n.bL), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
   return { default: mod.MilkdownMarkdownEditor };
 });
 const typeIcons = {
@@ -32312,14 +33549,21 @@ function StatusBar() {
   const hasRunUsage = runTokens > 0;
   const hasProjectUsage = allTimeTokens > 0;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "h-7 flex items-center px-4 gap-5 border-t t-border t-bg-surface text-[11px] t-text-secondary select-none shrink-0", children: [
-    hasSkills && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-2 overflow-hidden", children: activeSkills.map((name2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 px-1.5 py-0.5 rounded t-bg-accent/10 t-text-accent whitespace-nowrap", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px]", children: "⚡" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: name2 })
-    ] }, name2)) }),
-    hasActivity && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-3 overflow-hidden", children: toolSummary.map((t) => /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 whitespace-nowrap", children: [
-      t.pending > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-warning", children: "⟳" }) : t.failed > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-error", children: "✗" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-success", children: "✓" }),
+    hasSkills && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-2 overflow-hidden", children: activeSkills.map((name2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "span",
+      {
+        className: "flex items-center gap-1.5 px-1.5 py-0.5 rounded t-bg-accent/10 t-text-accent whitespace-nowrap",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(CircleDot, { size: 10, className: "shrink-0", "aria-hidden": true }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: name2 })
+        ]
+      },
+      name2
+    )) }),
+    hasActivity && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-3 overflow-hidden", children: toolSummary.map((t) => /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1.5 whitespace-nowrap", children: [
+      t.pending > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { size: 11, className: "t-text-warning shrink-0 animate-spin", "aria-label": "In progress" }) : t.failed > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(X$1, { size: 11, className: "t-text-error shrink-0", "aria-label": "Failed" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { size: 11, className: "t-text-success shrink-0", "aria-label": "Done" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "capitalize", children: t.name }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "t-text-muted", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "t-text-muted tabular-nums", children: [
         "×",
         t.total
       ] })
@@ -32337,7 +33581,7 @@ function StatusBar() {
           "% cache"
         ] })
       ] }),
-      hasRunUsage && hasProjectUsage && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-muted", children: "│" }),
+      hasRunUsage && hasProjectUsage && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-muted opacity-50", "aria-hidden": true, children: "·" }),
       hasProjectUsage && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "t-text-muted", title: "Project total", children: [
         formatTokens(allTimeTokens),
         " / ",
@@ -41131,134 +42375,437 @@ const useToolProgressStore = create$1((set) => ({
   clearAll: () => set({ inFlight: /* @__PURE__ */ new Map() })
 }));
 const api = window.api;
-function UpdateBanner() {
-  const [update, setUpdate] = reactExports.useState(null);
-  const [dismissed, setDismissed] = reactExports.useState(false);
-  const [copied, setCopied] = reactExports.useState(false);
-  reactExports.useEffect(() => {
-    api.checkForUpdate().then((info) => {
-      if (info.hasUpdate) setUpdate(info);
-    }).catch(() => {
-    });
-  }, []);
-  if (!update || dismissed) return null;
-  const command = "npm update -g research-copilot";
-  const handleCopy = () => {
-    navigator.clipboard.writeText(command);
-    setCopied(true);
-    setTimeout(() => setCopied(false), 2e3);
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "div",
+function relativeTime(iso) {
+  const then = new Date(iso).getTime();
+  if (!Number.isFinite(then)) return "";
+  const diffMs = Date.now() - then;
+  const mins = Math.floor(diffMs / 6e4);
+  if (mins < 1) return "just now";
+  if (mins < 60) return `${mins}m ago`;
+  const hours = Math.floor(mins / 60);
+  if (hours < 24) return `${hours}h ago`;
+  const days = Math.floor(hours / 24);
+  if (days < 7) return `${days}d ago`;
+  const weeks = Math.floor(days / 7);
+  if (weeks < 5) return `${weeks}w ago`;
+  return new Date(iso).toLocaleDateString(void 0, { month: "short", day: "numeric" });
+}
+function splitPath(p) {
+  const clean = p.replace(/\/+$/, "");
+  const idx = clean.lastIndexOf("/");
+  if (idx < 0) return { name: clean, parent: "" };
+  return { name: clean.slice(idx + 1), parent: clean.slice(0, idx) };
+}
+function Kbd({ children }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("kbd", { className: "inline-flex items-center px-1 py-0 rounded border t-border-subtle t-bg-elevated text-[9.5px] font-mono t-text-secondary leading-[1.4]", children });
+}
+function RecentRow({
+  entry,
+  active,
+  confirmRemove,
+  stats,
+  onActivate,
+  onHover
+}) {
+  const { name: name2, parent } = splitPath(entry.path);
+  const totalArtifacts = stats ? stats.papers + stats.notes + stats.data : 0;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "button",
     {
-      className: "w-full max-w-md mb-6 rounded-xl border t-border-subtle overflow-hidden",
-      style: { background: "linear-gradient(135deg, rgba(99,102,241,0.12), rgba(168,85,247,0.10))" },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-3 flex items-start gap-3", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(CircleArrowUp, { size: 18, className: "text-indigo-400 mt-0.5 shrink-0" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-[13px] font-medium t-text", children: [
-            "v",
-            update.latest,
-            " available",
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "t-text-secondary font-normal ml-1.5", children: [
-              "(current: v",
-              update.current,
-              ")"
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-2 flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "flex-1 text-xs font-mono px-2.5 py-1.5 rounded-md t-bg-surface t-text select-all truncate", children: command }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "button",
-              {
-                onClick: handleCopy,
-                className: "shrink-0 p-1.5 rounded-md t-bg-surface hover:opacity-80 transition-opacity",
-                title: "Copy command",
-                children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { size: 14, className: "text-green-400" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { size: 14, className: "t-text-secondary" })
-              }
-            )
-          ] })
-        ] }),
+      type: "button",
+      onClick: onActivate,
+      onMouseEnter: onHover,
+      className: `group relative w-full text-left flex items-baseline gap-4 py-2 pl-4 pr-3 rounded-sm transition-colors ${active ? "t-bg-hover" : ""}`,
+      children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
+          "span",
           {
-            onClick: () => setDismissed(true),
-            className: "shrink-0 p-1 rounded-md hover:t-bg-surface transition-colors t-text-secondary hover:t-text",
-            title: "Dismiss",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(X$1, { size: 14 })
+            "aria-hidden": true,
+            className: `absolute left-0 top-1 bottom-1 w-[2px] rounded-full transition-colors ${active ? "t-bg-accent" : "bg-transparent group-hover:t-bg-accent-soft"}`
           }
-        )
-      ] })
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-[13px] font-medium truncate ${active ? "t-text" : "t-text-secondary group-hover:t-text"}`, children: name2 }),
+            entry.pinned && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[9px] uppercase tracking-wider t-text-muted", children: "pinned" }),
+            stats && !stats.initialized && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[9px] uppercase tracking-wider t-text-muted", title: "No .research-pilot directory yet", children: "new" })
+          ] }),
+          parent && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[11px] t-text-muted truncate font-mono mt-0.5", children: parent })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "shrink-0 flex flex-col items-end gap-0.5 tabular-nums text-[10px] t-text-muted", children: confirmRemove ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-error-soft", children: "press ⌫ again" }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          stats && totalArtifacts > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-1.5 t-text-secondary", children: [
+            stats.papers > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+              stats.papers,
+              "p"
+            ] }),
+            stats.notes > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+              stats.notes,
+              "n"
+            ] }),
+            stats.data > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+              stats.data,
+              "d"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: relativeTime(entry.openedAt) })
+        ] }) })
+      ]
     }
   );
 }
+function WikiPanel({ onOpenSettings }) {
+  const [stats, setStats] = reactExports.useState(null);
+  const [recentPapers, setRecentPapers] = reactExports.useState([]);
+  const [status, setStatus] = reactExports.useState(null);
+  const [loaded, setLoaded] = reactExports.useState(false);
+  reactExports.useEffect(() => {
+    let cancelled = false;
+    Promise.all([
+      api.wikiGetStats?.().catch(() => null),
+      api.wikiListPaperMeta?.().catch(() => null),
+      api.wikiGetStatus?.().catch(() => null)
+    ]).then(([s15, list2, st2]) => {
+      if (cancelled) return;
+      if (s15) setStats(s15);
+      if (Array.isArray(list2)) {
+        const sorted = [...list2].sort((a, b2) => (b2.updatedAt || "").localeCompare(a.updatedAt || ""));
+        setRecentPapers(sorted.slice(0, 3));
+      }
+      if (st2) setStatus(st2);
+      setLoaded(true);
+    });
+    const unsub = api.onWikiStatus?.((s15) => setStatus(s15));
+    return () => {
+      cancelled = true;
+      unsub?.();
+    };
+  }, []);
+  if (!loaded) return null;
+  const isDisabled = status?.state === "disabled";
+  const isEmpty = (stats?.papers ?? 0) === 0;
+  const header = /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-baseline justify-between mb-3", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] uppercase tracking-wider t-text-muted font-medium", children: "Paper wiki" }),
+    !isEmpty && stats && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] t-text-muted tabular-nums", children: stats.papers }),
+    isDisabled && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] uppercase tracking-wider t-text-muted", children: "off" })
+  ] });
+  if (isDisabled) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { "aria-labelledby": "wiki-panel-heading", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { id: "wiki-panel-heading", className: "sr-only", children: "Paper wiki" }),
+      header,
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[12px] t-text-secondary leading-relaxed", children: "Turn the wiki agent on in settings to build a cross-project summary of every paper you save. It runs quietly in the background." }),
+      onOpenSettings && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          onClick: onOpenSettings,
+          className: "mt-3 inline-flex items-center gap-1.5 text-[11px] t-text-accent-soft hover:t-text-accent transition-colors",
+          children: "Open settings →"
+        }
+      )
+    ] });
+  }
+  if (isEmpty) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { "aria-labelledby": "wiki-panel-heading", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { id: "wiki-panel-heading", className: "sr-only", children: "Paper wiki" }),
+      header,
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[12px] t-text-secondary leading-relaxed", children: "Your cross-project library. As you save papers in any project, the agent summarizes each one here — visible from every project afterwards." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-3 text-[11px] t-text-muted leading-relaxed", children: "Nothing here yet. Open a project and add your first paper." })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { "aria-labelledby": "wiki-panel-heading", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { id: "wiki-panel-heading", className: "sr-only", children: "Paper wiki" }),
+    header,
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-baseline gap-3 text-[11px] t-text-secondary tabular-nums mb-6", children: [
+      (stats?.fulltext ?? 0) > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text font-medium", children: stats.fulltext }),
+        " ",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-muted", children: "fulltext" })
+      ] }),
+      (stats?.abstractOnly ?? 0) > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-muted opacity-50", "aria-hidden": true, children: "·" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text font-medium", children: stats.abstractOnly }),
+          " ",
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-muted", children: "abstract" })
+        ] })
+      ] }),
+      (stats?.concepts ?? 0) > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-muted opacity-50", "aria-hidden": true, children: "·" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text font-medium", children: stats.concepts }),
+          " ",
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-muted", children: "concepts" })
+        ] })
+      ] })
+    ] }),
+    recentPapers.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-6", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[10px] uppercase tracking-wider t-text-muted font-medium mb-2", children: "Recently added" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "flex flex-col gap-1.5", children: recentPapers.map((p) => /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { className: "flex items-baseline gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 text-[10px] t-text-muted mt-1", children: "·" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[12px] t-text-secondary truncate leading-snug", children: p.title }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-[10px] t-text-muted font-mono truncate", children: [
+            p.slug,
+            p.updatedAt && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+              " · ",
+              relativeTime(p.updatedAt)
+            ] })
+          ] })
+        ] })
+      ] }, p.slug)) })
+    ] }),
+    status && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5 text-[10px] t-text-muted", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "span",
+        {
+          className: `inline-block w-1.5 h-1.5 rounded-full ${status.state === "processing" ? "bg-blue-500 animate-pulse" : status.state === "paused" ? "bg-yellow-500" : "bg-emerald-500"}`,
+          "aria-hidden": true
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "capitalize", children: status.state }),
+      status.lastRunAt && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "opacity-50", "aria-hidden": true, children: "·" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+          "last tick ",
+          relativeTime(status.lastRunAt)
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function TipsBlock() {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { "aria-label": "Tips", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[10px] uppercase tracking-wider t-text-muted font-medium mb-2", children: "Tips" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("ul", { className: "flex flex-col gap-1.5 text-[11px] t-text-secondary", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Kbd, { children: "/" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-muted", children: "or" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Kbd, { children: "⌘K" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "open the command palette" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Kbd, { children: "@" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "mention a note, paper, or file" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Kbd, { children: "⌘1" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Kbd, { children: "⌘2" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "switch between chat and literature" })
+      ] })
+    ] })
+  ] });
+}
 function FolderGate({ onOpenSettings }) {
   const pickFolder = useSessionStore((s15) => s15.pickFolder);
+  const openPath = useSessionStore((s15) => s15.openPath);
   const refreshEntities = useEntityStore((s15) => s15.refreshAll);
-  const handlePick = async () => {
-    const picked = await pickFolder();
-    if (picked) {
-      await refreshEntities();
+  const [recents, setRecents] = reactExports.useState([]);
+  const [projectStats, setProjectStats] = reactExports.useState({});
+  const [activeIndex, setActiveIndex] = reactExports.useState(0);
+  const [confirmRemove, setConfirmRemove] = reactExports.useState(null);
+  const [opening, setOpening] = reactExports.useState(false);
+  reactExports.useEffect(() => {
+    let cancelled = false;
+    api.listRecentProjects?.().then((list2) => {
+      if (!cancelled && Array.isArray(list2)) setRecents(list2);
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  reactExports.useEffect(() => {
+    if (recents.length === 0) {
+      setProjectStats({});
+      return;
     }
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-screen w-screen t-bg-base t-text items-center justify-center", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "drag-region fixed top-0 left-0 right-0 h-8 z-50" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center max-w-sm px-8", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(UpdateBanner, {}),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative mx-auto mb-8 w-fit", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "div",
-            {
-              className: "w-14 h-14 rounded-2xl flex items-center justify-center t-gradient-accent t-gradient-accent-shadow-lg",
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-white text-xl font-bold tracking-tight", children: "P" })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "div",
-            {
-              className: "absolute -inset-2 rounded-3xl opacity-15 blur-xl -z-10 t-gradient-accent"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "h1",
-          {
-            className: "text-2xl font-semibold mb-2 tracking-tight",
-            children: "Research Pilot"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "t-text-secondary text-[13px] mb-8 leading-relaxed", children: [
-          "Open a project folder to begin. Your notes, papers, and data will live in a ",
-          /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "px-1 py-0.5 rounded t-bg-surface text-xs font-mono", children: ".research-pilot" }),
-          " directory."
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center gap-3", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "button",
-            {
-              onClick: handlePick,
-              className: "inline-flex items-center gap-2 px-5 py-2.5 rounded-lg text-white text-sm font-medium\n                         hover:opacity-90 transition-all duration-200 t-gradient-accent t-gradient-accent-shadow",
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(FolderOpen, { size: 16 }),
-                "Open Project Folder"
-              ]
-            }
-          ),
-          onOpenSettings && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "button",
-            {
-              onClick: onOpenSettings,
-              className: "inline-flex items-center gap-1.5 text-xs t-text-secondary hover:t-text transition-colors",
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(Settings, { size: 13 }),
-                "API Keys & Settings"
-              ]
-            }
-          )
+    let cancelled = false;
+    api.projectStatsBatch?.(recents.map((r) => r.path)).then(
+      (map2) => {
+        if (!cancelled && map2) setProjectStats(map2);
+      }
+    ).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [recents]);
+  const handleOpen = reactExports.useCallback(async (path2) => {
+    if (opening) return;
+    setOpening(true);
+    try {
+      const ok2 = await openPath(path2);
+      if (ok2) await refreshEntities();
+    } finally {
+      setOpening(false);
+    }
+  }, [openPath, refreshEntities, opening]);
+  const handlePickNew = reactExports.useCallback(async () => {
+    if (opening) return;
+    setOpening(true);
+    try {
+      const ok2 = await pickFolder();
+      if (ok2) await refreshEntities();
+    } finally {
+      setOpening(false);
+    }
+  }, [pickFolder, refreshEntities, opening]);
+  const handleRemove = reactExports.useCallback(async (path2) => {
+    await api.removeRecentProject?.(path2);
+    setRecents((prev) => {
+      const next = prev.filter((e) => e.path !== path2);
+      setActiveIndex((i) => Math.min(Math.max(0, i), Math.max(0, next.length - 1)));
+      return next;
+    });
+    setConfirmRemove(null);
+  }, []);
+  reactExports.useEffect(() => {
+    const handler = (e) => {
+      if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "o") {
+        e.preventDefault();
+        handlePickNew();
+        return;
+      }
+      if (e.key === "ArrowDown") {
+        if (recents.length === 0) return;
+        e.preventDefault();
+        setActiveIndex((i) => (i + 1) % recents.length);
+        setConfirmRemove(null);
+      } else if (e.key === "ArrowUp") {
+        if (recents.length === 0) return;
+        e.preventDefault();
+        setActiveIndex((i) => (i - 1 + recents.length) % recents.length);
+        setConfirmRemove(null);
+      } else if (e.key === "Enter") {
+        if (recents.length === 0) {
+          e.preventDefault();
+          handlePickNew();
+          return;
+        }
+        const target = recents[activeIndex];
+        if (target) {
+          e.preventDefault();
+          handleOpen(target.path);
+        }
+      } else if (e.key === "Backspace" || e.key === "Delete") {
+        if (recents.length === 0) return;
+        const target = recents[activeIndex];
+        if (!target) return;
+        e.preventDefault();
+        if (confirmRemove === target.path) {
+          handleRemove(target.path);
+        } else {
+          setConfirmRemove(target.path);
+        }
+      } else if (e.key === "Escape") {
+        setConfirmRemove(null);
+      }
+    };
+    window.addEventListener("keydown", handler);
+    return () => window.removeEventListener("keydown", handler);
+  }, [recents, activeIndex, confirmRemove, handleOpen, handlePickNew, handleRemove]);
+  const hasRecents = recents.length > 0;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col h-screen w-screen t-bg-base t-text overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "drag-region fixed top-0 left-0 right-0 h-10 z-50" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "main",
+      {
+        id: "main-content",
+        className: "flex-1 overflow-y-auto pt-[12vh] px-[8vw] pb-6",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-auto w-full max-w-6xl", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-12 pl-1", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "text-[16px] font-semibold t-text tracking-tight leading-none", children: "Research Pilot" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[11px] t-text-muted mt-1.5 leading-none", children: "A research workflow, not a chat window." })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-1 xl:grid-cols-[minmax(0,1fr)_20rem] gap-12 xl:gap-16 items-start", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { "aria-labelledby": "recents-heading", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { id: "recents-heading", className: "sr-only", children: "Recent projects" }),
+              hasRecents ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-baseline justify-between mb-2 pl-4", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] uppercase tracking-wider t-text-muted font-medium", children: "Recent projects" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] t-text-muted tabular-nums", children: recents.length })
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col mb-6", children: recents.map((entry, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  RecentRow,
+                  {
+                    entry,
+                    stats: projectStats[entry.path],
+                    active: i === activeIndex,
+                    confirmRemove: confirmRemove === entry.path,
+                    onActivate: () => handleOpen(entry.path),
+                    onHover: () => {
+                      setActiveIndex(i);
+                      if (confirmRemove !== entry.path) setConfirmRemove(null);
+                    }
+                  },
+                  entry.path
+                )) })
+              ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-6 pl-4", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-baseline justify-between mb-3", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] uppercase tracking-wider t-text-muted font-medium", children: "Recent projects" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] t-text-muted", children: "—" })
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[13px] t-text-secondary leading-relaxed mb-1", children: "No projects yet." }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-[12px] t-text-muted leading-relaxed max-w-md", children: [
+                  "Pick a folder to begin — we'll create a",
+                  " ",
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "px-1 py-0.5 rounded t-bg-elevated text-[10.5px] font-mono t-text-secondary", children: ".research-pilot" }),
+                  " ",
+                  "directory beside it for your notes, papers, and data. Everything stays on disk; nothing goes to the cloud."
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pl-4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                "button",
+                {
+                  onClick: handlePickNew,
+                  disabled: opening,
+                  className: "inline-flex items-center gap-2.5 px-3 py-1.5 rounded-md border t-border t-text-secondary hover:t-text hover:t-border-accent-soft text-[12px] transition-colors disabled:opacity-50",
+                  children: [
+                    hasRecents ? "Open another folder…" : "Choose a folder to begin",
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(Kbd, { children: "⌘O" })
+                  ]
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("aside", { "aria-label": "Global status", className: "flex flex-col gap-10 xl:pl-4 xl:border-l t-border-subtle", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "xl:pl-8", children: /* @__PURE__ */ jsxRuntimeExports.jsx(WikiPanel, { onOpenSettings }) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "xl:pl-8", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TipsBlock, {}) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-16 pl-1 flex items-center gap-5 text-[10px] t-text-muted flex-wrap", children: [
+            hasRecents && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Kbd, { children: "↑↓" }),
+                " navigate"
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Kbd, { children: "↵" }),
+                " open"
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Kbd, { children: "⌫" }),
+                " remove"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Kbd, { children: "⌘O" }),
+              " new folder"
+            ] }),
+            onOpenSettings && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Kbd, { children: "⌘," }),
+              " settings"
+            ] }),
+            onOpenSettings && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                onClick: onOpenSettings,
+                className: "ml-auto text-[11px] t-text-muted hover:t-text-secondary transition-colors",
+                children: "API keys & settings →"
+              }
+            )
+          ] })
         ] })
-      ] })
-    ] })
+      }
+    )
   ] });
 }
 function App() {
@@ -41273,16 +42820,17 @@ function App() {
   const terminalVisible = useUIStore((s15) => s15.terminalVisible);
   const terminalAlive = useUIStore((s15) => s15.terminalAlive);
   const theme = useUIStore((s15) => s15.theme);
-  const [apiKeyChecked, setApiKeyChecked] = reactExports.useState(false);
-  const [needsApiKeySetup, setNeedsApiKeySetup] = reactExports.useState(false);
-  const [showApiKeySetup, setShowApiKeySetup] = reactExports.useState(false);
+  const [settingsOpen, setSettingsOpen] = reactExports.useState(false);
+  const [settingsTab, setSettingsTab] = reactExports.useState("api-keys");
+  const [authChecked, setAuthChecked] = reactExports.useState(false);
   reactExports.useEffect(() => {
-    api.getApiKeyStatus().then((status) => {
-      const hasLlmKey = status.ANTHROPIC_API_KEY || status.OPENAI_API_KEY;
-      setNeedsApiKeySetup(!hasLlmKey);
-      setShowApiKeySetup(!hasLlmKey);
-      setApiKeyChecked(true);
-    }).catch(() => setApiKeyChecked(true));
+    api.hasLlmAuth?.().then((hasAuth) => {
+      if (!hasAuth) {
+        setSettingsOpen(true);
+        setSettingsTab("api-keys");
+      }
+      setAuthChecked(true);
+    }).catch(() => setAuthChecked(true));
   }, []);
   reactExports.useEffect(() => {
     document.documentElement.classList.remove("dark", "light");
@@ -41476,18 +43024,33 @@ function App() {
         e.preventDefault();
         useUIStore.getState().toggleTerminal();
       }
+      if ((e.metaKey || e.ctrlKey) && e.key === ",") {
+        e.preventDefault();
+        setSettingsOpen((prev) => !prev);
+      }
     };
     window.addEventListener("keydown", handler);
     return () => window.removeEventListener("keydown", handler);
   }, [previewEntity, previewEditorFocused]);
-  if (!apiKeyChecked) {
+  if (!authChecked) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-screen w-screen t-bg-base t-text items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "drag-region fixed top-0 left-0 right-0 h-8 z-50" }) });
   }
-  if (showApiKeySetup) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(ApiKeySetup, { onComplete: () => setShowApiKeySetup(false) });
-  }
+  const settingsModal = /* @__PURE__ */ jsxRuntimeExports.jsx(
+    SettingsModal,
+    {
+      open: settingsOpen,
+      onClose: () => setSettingsOpen(false),
+      initialTab: settingsTab
+    }
+  );
   if (!hasProject) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(FolderGate, { onOpenSettings: () => setShowApiKeySetup(true) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(FolderGate, { onOpenSettings: () => {
+        setSettingsTab("api-keys");
+        setSettingsOpen(true);
+      } }),
+      settingsModal
+    ] });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col h-screen w-screen t-bg-base t-text", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: "#main-content", className: "skip-link", children: "Skip to content" }),
@@ -41513,9 +43076,11 @@ function App() {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(StatusBar, {})
+    /* @__PURE__ */ jsxRuntimeExports.jsx(StatusBar, {}),
+    settingsModal
   ] }) });
 }
+bootTheme();
 ReactDOM.createRoot(document.getElementById("root")).render(
   /* @__PURE__ */ jsxRuntimeExports.jsx(React$2.StrictMode, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(App, {}) })
 );