research-copilot 0.2.17 → 0.2.20

package/app/out/renderer/assets/{index-B2UUF9y9.js → index-CUsEKU8Q.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./MilkdownMarkdownEditor-CuTa5j4S.js","./MilkdownMarkdownEditor-tTNRIB2K.css"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./MilkdownMarkdownEditor-Bj7JSjF5.js","./MilkdownMarkdownEditor-CCdZ2mtg.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;
@@ -12704,6 +12704,26 @@ 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
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ClipboardPaste = createLucideIcon("ClipboardPaste", [
+  [
+    "path",
+    { d: "M15 2H9a1 1 0 0 0-1 1v2c0 .6.4 1 1 1h6c.6 0 1-.4 1-1V3c0-.6-.4-1-1-1Z", key: "1pp7kr" }
+  ],
+  [
+    "path",
+    {
+      d: "M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2M16 4h2a2 2 0 0 1 2 2v2M11 14h10",
+      key: "2ik1ml"
+    }
+  ],
+  ["path", { d: "m17 10 4 4-4 4", key: "vp2hj1" }]
+]);
 /**
  * @license lucide-react v0.469.0 - ISC
  *
@@ -12754,6 +12774,17 @@ const Database = createLucideIcon("Database", [
   ["path", { d: "M3 5V19A9 3 0 0 0 21 19V5", key: "1wlel7" }],
   ["path", { d: "M3 12A9 3 0 0 0 21 12", key: "mv7ke4" }]
 ]);
+/**
+ * @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 Ellipsis = createLucideIcon("Ellipsis", [
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
+  ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
+  ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
+]);
 /**
  * @license lucide-react v0.469.0 - ISC
  *
@@ -12950,6 +12981,18 @@ const Globe = createLucideIcon("Globe", [
   ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
   ["path", { d: "M2 12h20", key: "9i4pu4" }]
 ]);
+/**
+ * @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 Hash = createLucideIcon("Hash", [
+  ["line", { x1: "4", x2: "20", y1: "9", y2: "9", key: "4lhtct" }],
+  ["line", { x1: "4", x2: "20", y1: "15", y2: "15", key: "vyu0kd" }],
+  ["line", { x1: "10", x2: "8", y1: "3", y2: "21", key: "1ggp8o" }],
+  ["line", { x1: "16", x2: "14", y1: "3", y2: "21", key: "weycgp" }]
+]);
 /**
  * @license lucide-react v0.469.0 - ISC
  *
@@ -12989,6 +13032,17 @@ const Lightbulb = createLucideIcon("Lightbulb", [
   ["path", { d: "M9 18h6", key: "x1upvd" }],
   ["path", { d: "M10 22h4", key: "ceow96" }]
 ]);
+/**
+ * @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 Link2 = createLucideIcon("Link2", [
+  ["path", { d: "M9 17H7A5 5 0 0 1 7 7h2", key: "8i5ue5" }],
+  ["path", { d: "M15 7h2a5 5 0 1 1 0 10h-2", key: "1b9ql8" }],
+  ["line", { x1: "8", x2: "16", y1: "12", y2: "12", key: "1jonct" }]
+]);
 /**
  * @license lucide-react v0.469.0 - ISC
  *
@@ -13104,6 +13158,17 @@ const Plus = createLucideIcon("Plus", [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ]);
+/**
+ * @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 Presentation = createLucideIcon("Presentation", [
+  ["path", { d: "M2 3h20", key: "91anmk" }],
+  ["path", { d: "M21 3v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3", key: "2k9sn8" }],
+  ["path", { d: "m7 21 5-5 5 5", key: "bip4we" }]
+]);
 /**
  * @license lucide-react v0.469.0 - ISC
  *
@@ -14126,7 +14191,7 @@ function SettingsModal({ open, onClose, initialTab }) {
               )
             ] }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 overflow-y-auto px-6 pb-4", children: [
-              activeTab === "api-keys" && /* @__PURE__ */ jsxRuntimeExports.jsx(ApiKeysSettings, {}),
+              activeTab === "api-keys" && /* @__PURE__ */ jsxRuntimeExports.jsx(ApiKeysSettings, { showSaveButton: true }),
               activeTab === "research" && loaded && /* @__PURE__ */ jsxRuntimeExports.jsx(
                 ResearchSettings,
                 {
@@ -14235,6 +14300,21 @@ function bootTheme() {
   applyThemeClass(theme);
   return theme;
 }
+const DRAWER_WIDTH_MIN = 360;
+const DRAWER_WIDTH_MAX = 720;
+const DRAWER_WIDTH_DEFAULT = 540;
+const clampDrawerWidth = (px) => Math.max(DRAWER_WIDTH_MIN, Math.min(DRAWER_WIDTH_MAX, Math.round(px)));
+const LEFT_WIDTH_MIN = 260;
+const LEFT_WIDTH_MAX = 480;
+const LEFT_WIDTH_DEFAULT = 320;
+const LEFT_WIDTH_KEY = "ui.leftSidebarWidth";
+const clampLeftWidth = (px) => Math.max(LEFT_WIDTH_MIN, Math.min(LEFT_WIDTH_MAX, Math.round(px)));
+const readLeftWidth = () => {
+  if (typeof window === "undefined") return LEFT_WIDTH_DEFAULT;
+  const raw = window.localStorage?.getItem(LEFT_WIDTH_KEY);
+  const n = raw ? Number.parseInt(raw, 10) : NaN;
+  return Number.isFinite(n) ? clampLeftWidth(n) : LEFT_WIDTH_DEFAULT;
+};
 const useUIStore = create$1((set) => ({
   // Theme hydrates from localStorage (or OS preference) at module init so
   // the zustand state matches the <html> class applied by bootTheme() in
@@ -14253,6 +14333,8 @@ const useUIStore = create$1((set) => ({
   previewEntity: null,
   previewSourceTab: null,
   previewEditorFocused: false,
+  drawerWidth: DRAWER_WIDTH_DEFAULT,
+  leftSidebarWidth: readLeftWidth(),
   literatureFilter: {
     search: "",
     subTopic: null,
@@ -14348,13 +14430,33 @@ const useUIStore = create$1((set) => ({
     previewEntity: null,
     previewSourceTab: null,
     previewEditorFocused: false,
+    drawerWidth: DRAWER_WIDTH_DEFAULT,
+    leftSidebarWidth: readLeftWidth(),
     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 }),
-  setPreviewEditorFocused: (previewEditorFocused) => set({ previewEditorFocused })
+  // Opening a preview routes the user to chat view — the drawer is mounted
+  // inside the chat-body host, so it only renders there. Researchers expect
+  // clicking a file to show them the file; forcing the view switch is the
+  // honest implementation of that expectation.
+  openPreview: (entity) => set((s15) => ({
+    previewEntity: entity,
+    previewSourceTab: s15.leftTab,
+    previewEditorFocused: false,
+    centerView: "chat"
+  })),
+  closePreview: () => set({ previewEntity: null, previewSourceTab: null, previewEditorFocused: false }),
+  setPreviewEditorFocused: (previewEditorFocused) => set({ previewEditorFocused }),
+  setDrawerWidth: (drawerWidth) => set({ drawerWidth: clampDrawerWidth(drawerWidth) }),
+  setLeftSidebarWidth: (width) => {
+    const clamped = clampLeftWidth(width);
+    set({ leftSidebarWidth: clamped });
+    try {
+      window.localStorage?.setItem(LEFT_WIDTH_KEY, String(clamped));
+    } catch {
+    }
+  }
 }));
 async function hydratePreferences() {
   const api2 = window.api;
@@ -27578,6 +27680,8 @@ function WorkspaceTree() {
   const { projectPath } = useSessionStore();
   const openPreview = useUIStore((s15) => s15.openPreview);
   const previewEntity = useUIStore((s15) => s15.previewEntity);
+  const leftTab = useUIStore((s15) => s15.leftTab);
+  const centerView = useUIStore((s15) => s15.centerView);
   const data = useEntityStore((s15) => s15.data);
   const refreshEntities = useEntityStore((s15) => s15.refreshAll);
   const [query, setQuery] = reactExports.useState("");
@@ -27599,6 +27703,7 @@ function WorkspaceTree() {
   const [dropTargetPath, setDropTargetPath] = reactExports.useState(null);
   const [confirmTrashPath, setConfirmTrashPath] = reactExports.useState(null);
   const [contextMenu, setContextMenu] = reactExports.useState(null);
+  const [clipboardNode, setClipboardNode] = reactExports.useState(null);
   const [renaming, setRenaming] = reactExports.useState(null);
   const [renameValue, setRenameValue] = reactExports.useState("");
   const [creating, setCreating] = reactExports.useState(null);
@@ -27613,6 +27718,9 @@ function WorkspaceTree() {
     window.addEventListener("click", handleClick);
     return () => window.removeEventListener("click", handleClick);
   }, [contextMenu]);
+  reactExports.useEffect(() => {
+    setContextMenu(null);
+  }, [leftTab, centerView]);
   reactExports.useEffect(() => {
     if (renaming && renameInputRef.current) {
       renameInputRef.current.focus();
@@ -27795,6 +27903,35 @@ function WorkspaceTree() {
     if (node2.type === "directory") return node2.relativePath;
     return node2.relativePath.includes("/") ? node2.relativePath.slice(0, node2.relativePath.lastIndexOf("/")) : "";
   }, []);
+  const handleRevealInFinder = reactExports.useCallback((node2) => {
+    void api$9.revealInFinder(node2.path);
+    setContextMenu(null);
+  }, []);
+  const handleOpenInDefaultApp = reactExports.useCallback((node2) => {
+    void api$9.openFile(node2.path);
+    setContextMenu(null);
+  }, []);
+  const handleCopyFile = reactExports.useCallback((node2) => {
+    setClipboardNode(node2);
+    setContextMenu(null);
+  }, []);
+  const handlePasteFile = reactExports.useCallback(async (targetNode) => {
+    if (!clipboardNode) return;
+    const destDir = targetNode.type === "directory" ? targetNode.relativePath : getParentDir(targetNode);
+    setContextMenu(null);
+    const result = await api$9.copyItem(clipboardNode.relativePath, destDir);
+    if (result.success) {
+      await loadChildren(destDir);
+    }
+  }, [clipboardNode, getParentDir, loadChildren]);
+  const handleCopyPath = reactExports.useCallback((node2) => {
+    void navigator.clipboard.writeText(node2.path);
+    setContextMenu(null);
+  }, []);
+  const handleCopyRelativePath = reactExports.useCallback((node2) => {
+    void navigator.clipboard.writeText(node2.relativePath);
+    setContextMenu(null);
+  }, []);
   const handleNewFile = reactExports.useCallback((parentRelPath) => {
     setCreating({ parentDir: parentRelPath, type: "file" });
     setCreateValue("");
@@ -28057,7 +28194,7 @@ function WorkspaceTree() {
                 onClick: (e) => e.stopPropagation(),
                 className: "flex-1 bg-transparent outline-none t-focus-ring border-b border-[var(--color-accent-soft)] text-xs t-text"
               }
-            ) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate flex-1", children: node2.name }),
+            ) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate flex-1", title: node2.name, children: node2.name }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "hidden group-hover:flex items-center gap-0.5", children: [
               node2.type === "file" && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -28168,6 +28305,7 @@ function WorkspaceTree() {
       {
         ref: viewportRef,
         className: `flex-1 min-h-0 overflow-y-auto px-1 py-1 ${dropTargetPath === "__root__" ? "ring-2 ring-inset ring-[var(--color-accent)]/60 bg-[var(--color-accent)]/5" : ""}`,
+        style: { overflowAnchor: "none" },
         onScroll: (e) => setScrollTop(e.currentTarget.scrollTop),
         onDragOver: handleViewportDragOver,
         onDragLeave: handleViewportDragLeave,
@@ -28181,16 +28319,16 @@ function WorkspaceTree() {
           '".'
         ] }) : !query.trim() && rootNodes.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "px-2 py-2 text-xs t-text-muted", children: "No visible files in workspace root." }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
           creating && creating.parentDir === "" && renderCreateInput(0),
-          topSpacerHeight > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { height: `${topSpacerHeight}px` } }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { height: `${topSpacerHeight}px` } }),
           visibleRows.map((row) => renderVisibleRow(row)),
-          bottomSpacerHeight > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { height: `${bottomSpacerHeight}px` } })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { height: `${bottomSpacerHeight}px` } })
         ] })
       }
     ),
     contextMenu && /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
-        className: "fixed z-50 min-w-[160px] rounded-lg border t-border t-bg-surface shadow-xl py-1",
+        className: "fixed z-50 min-w-[180px] rounded-lg border t-border t-bg-surface shadow-xl py-1",
         style: { left: contextMenu.x, top: contextMenu.y },
         onClick: (e) => e.stopPropagation(),
         children: [
@@ -28208,6 +28346,75 @@ function WorkspaceTree() {
               ]
             }
           ),
+          contextMenu.node.type === "file" && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "button",
+            {
+              className: "w-full text-left px-3 py-1.5 text-xs t-text-secondary hover:t-bg-hover flex items-center gap-2",
+              onClick: () => handleOpenInDefaultApp(contextMenu.node),
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLink, { size: 11 }),
+                " Open in Default App"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "button",
+            {
+              className: "w-full text-left px-3 py-1.5 text-xs t-text-secondary hover:t-bg-hover flex items-center gap-2",
+              onClick: () => handleRevealInFinder(contextMenu.node),
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(FolderOpen, { size: 11 }),
+                " Reveal in Finder"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border-t t-border my-1" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "button",
+            {
+              className: "w-full text-left px-3 py-1.5 text-xs t-text-secondary hover:t-bg-hover flex items-center gap-2",
+              onClick: () => handleCopyFile(contextMenu.node),
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { size: 11 }),
+                " Copy"
+              ]
+            }
+          ),
+          clipboardNode && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "button",
+            {
+              className: "w-full text-left px-3 py-1.5 text-xs t-text-secondary hover:t-bg-hover flex items-center gap-2",
+              onClick: () => void handlePasteFile(contextMenu.node),
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(ClipboardPaste, { size: 11 }),
+                " Paste"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border-t t-border my-1" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "button",
+            {
+              className: "w-full text-left px-3 py-1.5 text-xs t-text-secondary hover:t-bg-hover flex items-center gap-2",
+              onClick: () => handleCopyPath(contextMenu.node),
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Hash, { size: 11 }),
+                " Copy Path"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "button",
+            {
+              className: "w-full text-left px-3 py-1.5 text-xs t-text-secondary hover:t-bg-hover flex items-center gap-2",
+              onClick: () => handleCopyRelativePath(contextMenu.node),
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Link2, { size: 11 }),
+                " Copy Relative Path"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border-t t-border my-1" }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs(
             "button",
             {
@@ -28318,7 +28525,7 @@ const useSkillStore = create$1((set, get) => ({
     return result;
   }
 }));
-const remarkPlugins$3 = [remarkGfm];
+const remarkPlugins$4 = [remarkGfm];
 function HoverPreview({
   entity,
   anchorRect,
@@ -28360,7 +28567,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$3, 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$4, children: content2.length > 600 ? content2.slice(0, 600) + "..." : content2 }) }) })
       ]
     }
   );
@@ -28447,7 +28654,7 @@ const EntityRow = React$2.memo(function EntityRow2({ entity }) {
             }
           ),
           isEnriching ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { size: 10, className: "shrink-0 t-text-accent-soft animate-spin" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-1 h-1 rounded-full shrink-0 t-bg-elevated" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs t-text truncate", children: entity.title })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs t-text truncate", title: entity.title, children: entity.title })
         ]
       }
     ),
@@ -28508,10 +28715,18 @@ function DataTreeView({ items }) {
             }
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsx(FlaskConical, { size: 13, className: "shrink-0 t-text-accent" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-xs t-text truncate", onClick: () => openPreview(children[0]), children: [
-            "Analysis: ",
-            label
-          ] })
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "span",
+            {
+              className: "text-xs t-text truncate",
+              title: `Analysis: ${label}`,
+              onClick: () => openPreview(children[0]),
+              children: [
+                "Analysis: ",
+                label
+              ]
+            }
+          )
         ] }),
         isOpen && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pl-4", children: children.map((e) => /* @__PURE__ */ jsxRuntimeExports.jsx(EntityRow, { entity: e }, e.id)) })
       ] }, runId);
@@ -28720,7 +28935,7 @@ function SkillsContent() {
               ),
               /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1", children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs t-text font-medium truncate", children: skill.name }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs t-text font-medium truncate", title: skill.name, children: skill.name }),
                   skill.source !== "builtin" && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 px-1 py-px text-[9px] rounded t-bg-elevated t-text-muted", children: skill.source })
                 ] }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] t-text-muted leading-tight line-clamp-2 mt-0.5", children: skill.description }),
@@ -28764,18 +28979,6 @@ function EntityTabs() {
   reactExports.useEffect(() => {
     refreshAll();
   }, []);
-  const renderContent = () => {
-    switch (leftTab) {
-      case "library":
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(LibraryContent, { notes, data, refreshAll });
-      case "files":
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(WorkspaceTree, {});
-      case "skills":
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(SkillsContent, {});
-      default:
-        return null;
-    }
-  };
   const handleTabKeyDown = (e) => {
     const tabKeys = tabs.map((t) => t.key);
     const idx = tabKeys.indexOf(leftTab);
@@ -28809,16 +29012,44 @@ function EntityTabs() {
       },
       key
     )) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "div",
-      {
-        role: "tabpanel",
-        id: `tabpanel-${leftTab}`,
-        "aria-labelledby": `tab-${leftTab}`,
-        className: "flex-1 min-h-0 overflow-hidden flex flex-col",
-        children: renderContent()
-      }
-    )
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-h-0 overflow-hidden", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "div",
+        {
+          role: "tabpanel",
+          id: "tabpanel-library",
+          "aria-labelledby": "tab-library",
+          className: `h-full flex flex-col min-h-0 ${leftTab === "library" ? "" : "hidden"}`,
+          "aria-hidden": leftTab !== "library",
+          inert: leftTab !== "library",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(LibraryContent, { notes, data, refreshAll })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "div",
+        {
+          role: "tabpanel",
+          id: "tabpanel-files",
+          "aria-labelledby": "tab-files",
+          className: `h-full flex flex-col min-h-0 ${leftTab === "files" ? "" : "hidden"}`,
+          "aria-hidden": leftTab !== "files",
+          inert: leftTab !== "files",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(WorkspaceTree, {})
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "div",
+        {
+          role: "tabpanel",
+          id: "tabpanel-skills",
+          "aria-labelledby": "tab-skills",
+          className: `h-full flex flex-col min-h-0 ${leftTab === "skills" ? "" : "hidden"}`,
+          "aria-hidden": leftTab !== "skills",
+          inert: leftTab !== "skills",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(SkillsContent, {})
+        }
+      )
+    ] })
   ] });
 }
 const api$8 = window.api;
@@ -28899,7 +29130,7 @@ function GapAlerts({ papers }) {
     /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] t-text-muted uppercase tracking-wider font-medium", children: "Coverage Gaps" }),
     gaps.map((topic) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5 px-1", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-amber-400 shrink-0" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] t-text-secondary truncate", children: topic })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] t-text-secondary truncate", title: topic, children: topic })
     ] }, topic))
   ] });
 }
@@ -29167,6 +29398,7 @@ function UserProfile() {
     "button",
     {
       onClick: handlePickFolder,
+      title: displayPath,
       className: "no-drag flex items-center gap-2 w-full text-left text-sm t-text-secondary hover:t-text transition-colors",
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(Folder, { size: 16, className: "shrink-0" }),
@@ -29711,12 +29943,13 @@ function ReasoningToggle() {
     }
   );
 }
-function ToolbarButton({ onClick, tooltip, children }) {
+function ToolbarButton({ onClick, tooltip, children, ariaExpanded }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "button",
     {
       onClick,
       "aria-label": tooltip,
+      "aria-expanded": ariaExpanded,
       className: "no-drag group relative p-2.5 rounded-lg t-text-muted t-bg-hover transition-colors",
       children: [
         children,
@@ -29733,10 +29966,99 @@ function ToolbarButton({ onClick, tooltip, children }) {
     }
   );
 }
+function OverflowMenu({
+  theme,
+  onToggleTheme,
+  onResetContext,
+  onToggleTerminal
+}) {
+  const [open, setOpen] = React$2.useState(false);
+  const ref = reactExports.useRef(null);
+  reactExports.useEffect(() => {
+    if (!open) return;
+    const handler = (e) => {
+      if (!ref.current?.contains(e.target)) setOpen(false);
+    };
+    const escHandler = (e) => {
+      if (e.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("mousedown", handler);
+    document.addEventListener("keydown", escHandler);
+    return () => {
+      document.removeEventListener("mousedown", handler);
+      document.removeEventListener("keydown", escHandler);
+    };
+  }, [open]);
+  const run = (fn2) => () => {
+    fn2();
+    setOpen(false);
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref, className: "relative", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ToolbarButton,
+      {
+        onClick: () => setOpen((v3) => !v3),
+        tooltip: "More",
+        ariaExpanded: open,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Ellipsis, { size: 16 })
+      }
+    ),
+    open && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        role: "menu",
+        className: "absolute right-0 top-full mt-1 min-w-[180px] rounded-lg border t-border t-bg-surface shadow-xl z-50 py-1",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "button",
+            {
+              role: "menuitem",
+              onClick: run(onResetContext),
+              className: "w-full flex items-center gap-2 px-3 py-1.5 text-xs t-text t-bg-hover transition-colors",
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCcw, { size: 14, className: "t-text-muted" }),
+                "Reset AI context"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "button",
+            {
+              role: "menuitem",
+              onClick: run(onToggleTheme),
+              className: "w-full flex items-center gap-2 px-3 py-1.5 text-xs t-text t-bg-hover transition-colors",
+              children: [
+                theme === "dark" ? /* @__PURE__ */ jsxRuntimeExports.jsx(Sun, { size: 14, className: "t-text-muted" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Moon, { size: 14, className: "t-text-muted" }),
+                theme === "dark" ? "Light mode" : "Dark mode"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "button",
+            {
+              role: "menuitem",
+              onClick: run(onToggleTerminal),
+              className: "w-full flex items-center justify-between gap-2 px-3 py-1.5 text-xs t-text t-bg-hover transition-colors",
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(Terminal, { size: 14, className: "t-text-muted" }),
+                  "Terminal"
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-muted font-mono text-[10px]", children: "⌘`" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
 function LeftSidebar({ onOpenSettings }) {
   const theme = useUIStore((s15) => s15.theme);
   const toggleTheme = useUIStore((s15) => s15.toggleTheme);
   const centerView = useUIStore((s15) => s15.centerView);
+  const leftSidebarWidth = useUIStore((s15) => s15.leftSidebarWidth);
+  const setLeftSidebarWidth = useUIStore((s15) => s15.setLeftSidebarWidth);
   const noContextShownRef = reactExports.useRef(false);
   const handleResetContext = reactExports.useCallback(async () => {
     const messages = useChatStore.getState().messages;
@@ -29760,49 +30082,84 @@ function LeftSidebar({ onOpenSettings }) {
     useChatStore.getState().insertContextReset();
     noContextShownRef.current = false;
   }, []);
-  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.jsxs("div", { className: "border-t t-border p-4 flex items-center justify-between", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(UserProfile, {}),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, { onClick: onOpenSettings, tooltip: "Settings  ⌘,", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Settings, { size: 16 }) })
-      ] })
-    ] })
+  const dragStateRef = reactExports.useRef(null);
+  const handleEdgeMouseDown = reactExports.useCallback((e) => {
+    dragStateRef.current = { startX: e.clientX, startWidth: leftSidebarWidth };
+    document.body.style.cursor = "ew-resize";
+    e.preventDefault();
+  }, [leftSidebarWidth]);
+  reactExports.useEffect(() => {
+    const onMove = (e) => {
+      if (!dragStateRef.current) return;
+      const dx = e.clientX - dragStateRef.current.startX;
+      setLeftSidebarWidth(dragStateRef.current.startWidth + dx);
+    };
+    const onUp = () => {
+      if (dragStateRef.current) document.body.style.cursor = "";
+      dragStateRef.current = null;
+    };
+    window.addEventListener("mousemove", onMove);
+    window.addEventListener("mouseup", onUp);
+    return () => {
+      window.removeEventListener("mousemove", onMove);
+      window.removeEventListener("mouseup", onUp);
+    };
+  }, [setLeftSidebarWidth]);
+  const handleEdgeDoubleClick = reactExports.useCallback(() => {
+    setLeftSidebarWidth(320);
+  }, [setLeftSidebarWidth]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "aside",
+    {
+      className: "relative flex flex-col border-r t-border t-bg-base pt-10 shrink-0",
+      style: { width: `${leftSidebarWidth}px` },
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("nav", { "aria-label": "Sidebar tools", className: "px-4 pb-3 flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ModelSelector, {}),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ReasoningToggle, {}),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              OverflowMenu,
+              {
+                theme,
+                onToggleTheme: toggleTheme,
+                onResetContext: handleResetContext,
+                onToggleTerminal: () => useUIStore.getState().toggleTerminal()
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0 overflow-hidden", children: (() => {
+          const computeEnabled2 = !!window.api?.isComputeEnabled?.();
+          const showLit = centerView === "literature";
+          const showCompute = centerView === "compute" && computeEnabled2;
+          const showEntity = !showLit && !showCompute;
+          return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `h-full ${showLit ? "" : "hidden"}`, "aria-hidden": !showLit, inert: !showLit, children: /* @__PURE__ */ jsxRuntimeExports.jsx(LiteratureSidebar, {}) }),
+            computeEnabled2 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `h-full ${showCompute ? "" : "hidden"}`, "aria-hidden": !showCompute, inert: !showCompute, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ComputeSidebar, {}) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `h-full ${showEntity ? "" : "hidden"}`, "aria-hidden": !showEntity, inert: !showEntity, children: /* @__PURE__ */ jsxRuntimeExports.jsx(EntityTabs, {}) })
+          ] });
+        })() }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-t t-border p-4 flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(UserProfile, {}),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, { onClick: onOpenSettings, tooltip: "Settings  ⌘,", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Settings, { size: 16 }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            role: "separator",
+            "aria-orientation": "vertical",
+            "aria-label": "Resize sidebar (drag to resize, double-click to reset)",
+            tabIndex: -1,
+            className: "absolute right-0 top-0 bottom-0 w-[6px] cursor-ew-resize group z-[6]",
+            style: { marginRight: -3 },
+            onMouseDown: handleEdgeMouseDown,
+            onDoubleClick: handleEdgeDoubleClick,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute right-[3px] top-1/2 -translate-y-1/2 w-[2px] h-9 rounded bg-transparent group-hover:t-bg-accent transition-colors" })
+          }
+        )
+      ]
+    }
   );
 }
 const STARTERS = [
@@ -30502,8 +30859,53 @@ 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)) })
   ] });
 }
+function ImageLightbox({ src, onClose }) {
+  reactExports.useEffect(() => {
+    const onKey = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", onKey);
+    const prevOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.removeEventListener("keydown", onKey);
+      document.body.style.overflow = prevOverflow;
+    };
+  }, [onClose]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": "Image preview",
+      onClick: onClose,
+      className: "fixed inset-0 z-[100] flex items-center justify-center p-8",
+      style: { background: "rgba(0,0,0,0.82)" },
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "img",
+          {
+            src,
+            alt: "",
+            onClick: (e) => e.stopPropagation(),
+            className: "max-w-full max-h-full object-contain rounded-lg shadow-2xl"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            onClick: onClose,
+            "aria-label": "Close preview",
+            className: "absolute top-4 right-4 p-2 rounded-full text-white/80 hover:text-white hover:bg-white/10 transition-colors",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(X$1, { size: 22 })
+          }
+        )
+      ]
+    }
+  );
+}
 const api$7 = window.api;
-const remarkPlugins$2 = [remarkGfm];
+const remarkPlugins$3 = [remarkGfm];
 function formatMessageTime(ts2) {
   const d = new Date(ts2);
   const now2 = /* @__PURE__ */ new Date();
@@ -30663,59 +31065,63 @@ const MessageBubble = React$2.memo(function MessageBubble2({ msg, isSaved }) {
     }
   };
   const [copied, setCopied] = reactExports.useState(false);
+  const [lightboxSrc, setLightboxSrc] = reactExports.useState(null);
   const handleCopy = async () => {
     await navigator.clipboard.writeText(msg.content);
     setCopied(true);
     setTimeout(() => setCopied(false), 1500);
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `flex ${isUser ? "justify-end" : "justify-start"} group`, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "div",
-    {
-      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)"
-      },
-      "data-msg-id": msg.id,
-      children: [
-        msg.images && msg.images.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex gap-2 mb-2 flex-wrap", children: msg.images.map((src, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "img",
-          {
-            src,
-            alt: "",
-            loading: "lazy",
-            className: `rounded-lg border t-border cursor-pointer hover:opacity-90 transition-opacity ${isUser ? "max-h-48" : "max-h-80"}`,
-            onClick: () => window.open(src, "_blank")
-          },
-          i
-        )) }),
-        /* @__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(
-            "button",
-            {
-              onClick: handleSaveNote,
-              disabled: saveState !== "idle",
-              className: `transition-opacity ${saveState === "saved" ? "opacity-100 t-text-success" : saveState === "saving" ? "opacity-100 t-text-muted" : "opacity-0 group-hover:opacity-100 t-text-muted hover:t-text-accent-soft"}`,
-              title: saveState === "saved" ? "Saved as note" : "Save entire message as note",
-              "aria-label": saveState === "saved" ? "Message saved as note" : "Save entire message as note",
-              children: saveState === "saving" ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { size: 14, className: "animate-spin" }) : saveState === "saved" ? /* @__PURE__ */ jsxRuntimeExports.jsx(BookmarkCheck, { size: 14 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Bookmark, { size: 14 })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "button",
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `flex ${isUser ? "justify-end" : "justify-start"} group`, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        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)"
+        },
+        "data-msg-id": msg.id,
+        children: [
+          msg.images && msg.images.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex gap-2 mb-2 flex-wrap", children: msg.images.map((src, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "img",
             {
-              onClick: handleCopy,
-              className: `transition-opacity ${copied ? "opacity-100 t-text-success" : "opacity-0 group-hover:opacity-100 t-text-muted hover:t-text-accent-soft"}`,
-              title: copied ? "Copied!" : "Copy message",
-              "aria-label": copied ? "Message copied" : "Copy message to clipboard",
-              children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { size: 14 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { size: 14 })
-            }
-          )
-        ] })
-      ]
-    }
-  ) });
+              src,
+              alt: "",
+              loading: "lazy",
+              className: `rounded-lg border t-border cursor-pointer hover:opacity-90 transition-opacity ${isUser ? "max-h-48" : "max-h-80"}`,
+              onClick: () => setLightboxSrc(src)
+            },
+            i
+          )) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "md-prose", style: { color: "var(--color-text)" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { remarkPlugins: remarkPlugins$3, 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(
+              "button",
+              {
+                onClick: handleSaveNote,
+                disabled: saveState !== "idle",
+                className: `transition-opacity ${saveState === "saved" ? "opacity-100 t-text-success" : saveState === "saving" ? "opacity-100 t-text-muted" : "opacity-0 group-hover:opacity-100 t-text-muted hover:t-text-accent-soft"}`,
+                title: saveState === "saved" ? "Saved as note" : "Save entire message as note",
+                "aria-label": saveState === "saved" ? "Message saved as note" : "Save entire message as note",
+                children: saveState === "saving" ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { size: 14, className: "animate-spin" }) : saveState === "saved" ? /* @__PURE__ */ jsxRuntimeExports.jsx(BookmarkCheck, { size: 14 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Bookmark, { size: 14 })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                onClick: handleCopy,
+                className: `transition-opacity ${copied ? "opacity-100 t-text-success" : "opacity-0 group-hover:opacity-100 t-text-muted hover:t-text-accent-soft"}`,
+                title: copied ? "Copied!" : "Copy message",
+                "aria-label": copied ? "Message copied" : "Copy message to clipboard",
+                children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { size: 14 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { size: 14 })
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    lightboxSrc && /* @__PURE__ */ jsxRuntimeExports.jsx(ImageLightbox, { src: lightboxSrc, onClose: () => setLightboxSrc(null) })
+  ] });
 });
 function ThinkingIndicator() {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -30740,7 +31146,7 @@ function StreamingBubble() {
       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$2, children: text2 }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "md-prose", style: { color: "var(--color-text)" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { remarkPlugins: remarkPlugins$3, 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" })
       ]
     }
@@ -31349,6 +31755,7 @@ function ChatInput() {
   const [pendingImages, setPendingImages] = reactExports.useState([]);
   const [pendingFiles, setPendingFiles] = reactExports.useState([]);
   const [isDragOver, setIsDragOver] = reactExports.useState(false);
+  const [lightboxSrc, setLightboxSrc] = reactExports.useState(null);
   const textareaRef = reactExports.useRef(null);
   const fileInputRef = reactExports.useRef(null);
   const send = useChatStore((s15) => s15.send);
@@ -31366,23 +31773,17 @@ function ChatInput() {
   const addImageFiles = reactExports.useCallback((files) => {
     const imageFiles = files.filter((f) => ACCEPTED_IMAGE_TYPES.includes(f.type));
     if (imageFiles.length === 0) return;
-    setPendingImages((prev) => {
-      const remaining = MAX_IMAGES - prev.length;
-      if (remaining <= 0) return prev;
-      const toAdd = imageFiles.slice(0, remaining);
-      toAdd.forEach((file) => {
-        const reader = new FileReader();
-        reader.onload = () => {
-          const dataUrl = reader.result;
-          const base64 = dataUrl.split(",")[1];
-          setPendingImages((p) => {
-            if (p.length >= MAX_IMAGES) return p;
-            return [...p, { base64, mimeType: file.type, dataUrl }];
-          });
-        };
-        reader.readAsDataURL(file);
-      });
-      return prev;
+    imageFiles.forEach((file) => {
+      const reader = new FileReader();
+      reader.onload = () => {
+        const dataUrl = reader.result;
+        const base64 = dataUrl.split(",")[1];
+        setPendingImages((p) => {
+          if (p.length >= MAX_IMAGES) return p;
+          return [...p, { base64, mimeType: file.type, dataUrl }];
+        });
+      };
+      reader.readAsDataURL(file);
     });
   }, []);
   const isDocFile = reactExports.useCallback((file) => {
@@ -31744,6 +32145,7 @@ ${s15.openQuestions.map((q2) => `- ${q2}`).join("\n")}`;
     }
   }, [text2]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
+    lightboxSrc && /* @__PURE__ */ jsxRuntimeExports.jsx(ImageLightbox, { src: lightboxSrc, onClose: () => setLightboxSrc(null) }),
     showMention && /* @__PURE__ */ jsxRuntimeExports.jsx(
       MentionPopover,
       {
@@ -31790,13 +32192,17 @@ ${s15.openQuestions.map((q2) => `- ${q2}`).join("\n")}`;
               {
                 src: img.dataUrl,
                 alt: "",
-                className: "h-16 w-16 object-cover rounded-lg border t-border"
+                onClick: () => setLightboxSrc(img.dataUrl),
+                className: "h-16 w-16 object-cover rounded-lg border t-border cursor-pointer hover:opacity-90 transition-opacity"
               }
             ),
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               "button",
               {
-                onClick: () => setPendingImages((prev) => prev.filter((_2, j2) => j2 !== i)),
+                onClick: (e) => {
+                  e.stopPropagation();
+                  setPendingImages((prev) => prev.filter((_2, j2) => j2 !== i));
+                },
                 className: "absolute -top-1.5 -right-1.5 w-4 h-4 rounded-full t-bg-error text-white text-[10px]\n                             leading-none flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity",
                 "aria-label": "Remove image",
                 children: "×"
@@ -31879,7 +32285,7 @@ ${s15.openQuestions.map((q2) => `- ${q2}`).join("\n")}`;
   ] });
 }
 const api$4 = window.api;
-const remarkPlugins$1 = [remarkGfm];
+const remarkPlugins$2 = [remarkGfm];
 function PaperFallback({ paper }) {
   const authors = paper.authors || [];
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3", children: [
@@ -32014,7 +32420,7 @@ ${body.trim()}
         }
       )
     ] }),
-    /* @__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." }) })
+    /* @__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$2, children: processedContent }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs t-text-muted", children: "No wiki page found for this slug." }) })
   ] });
 }
 function normalize(raw) {
@@ -32986,95 +33392,136 @@ function ComputeView() {
     !isEmpty && /* @__PURE__ */ jsxRuntimeExports.jsx(CoverageBar, { runs: allRuns })
   ] });
 }
-const api$2 = window.api;
-const computeEnabled = api$2?.isComputeEnabled?.() ?? false;
-const viewTabs = [
-  { key: "chat", label: "Chat", icon: MessageSquare, shortcut: "⌘1" },
-  { key: "literature", label: "Literature", icon: BookOpen, shortcut: "⌘2" },
-  ...computeEnabled ? [{ key: "compute", label: "Compute", icon: Cpu, shortcut: "⌘3" }] : []
-];
-function ViewSwitcher() {
-  const centerView = useUIStore((s15) => s15.centerView);
-  const setCenterView = useUIStore((s15) => s15.setCenterView);
-  const paperCount = useEntityStore((s15) => s15.papers.length);
-  const activeComputeRuns = useActiveRunCount();
-  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);
-  const isIdle = useUIStore((s15) => s15.isIdle);
-  const messages = useChatStore((s15) => s15.messages);
-  const showHero = isIdle && messages.length === 0;
-  if (centerView === "literature") {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("main", { id: "main-content", className: "flex-1 flex flex-col min-w-0", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ViewSwitcher, {}),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(LiteratureView, {})
-    ] });
+function resolveMarkdownImageUrl(src, baseDir) {
+  if (!src) return "";
+  if (/^(?:https?:|data:|blob:|workspace-asset:|file:)/i.test(src)) return src;
+  let absPath = null;
+  if (src.startsWith("/")) {
+    absPath = src;
+  } else if (baseDir) {
+    try {
+      const normalizedBase = baseDir.endsWith("/") ? baseDir : baseDir + "/";
+      const resolved = new URL(src, `file://${normalizedBase}`);
+      absPath = decodeURIComponent(resolved.pathname);
+    } catch {
+      absPath = null;
+    }
+  }
+  if (!absPath) return src;
+  return `workspace-asset://asset${encodeURI(absPath)}`;
+}
+function dirnameOf(filePath) {
+  if (!filePath) return void 0;
+  const normalized = filePath.replace(/\\/g, "/");
+  const idx = normalized.lastIndexOf("/");
+  if (idx < 0) return void 0;
+  return normalized.slice(0, idx);
+}
+const FRONTMATTER_RE = /^---\r?\n([\s\S]*?)\r?\n---\r?\n?/;
+function splitFrontmatter(markdown) {
+  if (!markdown) return { frontmatterBlock: null, body: markdown ?? "" };
+  const match = markdown.match(FRONTMATTER_RE);
+  if (!match) return { frontmatterBlock: null, body: markdown };
+  return { frontmatterBlock: match[0], body: markdown.slice(match[0].length) };
+}
+function parseFrontmatterPairs(block) {
+  const out = {};
+  if (!block) return out;
+  const inner = block.match(FRONTMATTER_RE)?.[1] ?? "";
+  for (const rawLine of inner.split("\n")) {
+    const line = rawLine.trim();
+    if (!line || line.startsWith("#")) continue;
+    const colonIdx = line.indexOf(":");
+    if (colonIdx < 0) continue;
+    const key = line.slice(0, colonIdx).trim();
+    if (key) out[key] = line.slice(colonIdx + 1).trim();
   }
-  if (centerView === "compute") {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("main", { id: "main-content", className: "flex-1 flex flex-col min-w-0", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ViewSwitcher, {}),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ComputeView, {})
-    ] });
+  return out;
+}
+function isMarpFrontmatter(block) {
+  const pairs = parseFrontmatterPairs(block);
+  return /^(?:true|yes|on)$/i.test(pairs.marp || "");
+}
+const THEMATIC_BREAK_RE = /^[ \t]{0,3}(?:-{3,}|\*{3,}|_{3,})[ \t]*\r?$/m;
+function splitSlides(body) {
+  return body.split(THEMATIC_BREAK_RE).map((chunk) => chunk.trim()).filter((chunk) => chunk.length > 0);
+}
+const remarkPlugins$1 = [remarkGfm];
+function MarpSlideView({ slides, baseDir }) {
+  if (slides.length === 0) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs t-text-muted", children: "No slides detected. Switch to source view to inspect the markdown." });
   }
-  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: "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, {}) }) })
-  ] });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-4", children: slides.map((slide, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "article",
+    {
+      className: "relative t-bg-surface border t-border rounded-lg shadow-sm overflow-hidden",
+      style: { aspectRatio: "16 / 9", minHeight: 200 },
+      "aria-label": `Slide ${index2 + 1} of ${slides.length}`,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute top-2 right-3 text-[10px] font-mono tabular-nums t-text-muted z-10", children: [
+          index2 + 1,
+          " / ",
+          slides.length
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: "md-prose h-full overflow-auto px-6 py-5",
+            style: { color: "var(--color-text)", fontSize: "14px", lineHeight: 1.5 },
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Markdown,
+              {
+                remarkPlugins: remarkPlugins$1,
+                components: {
+                  img: ({ src, alt, ...rest }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "img",
+                    {
+                      src: resolveMarkdownImageUrl(src, baseDir),
+                      alt,
+                      ...rest
+                    }
+                  )
+                },
+                children: slide
+              }
+            )
+          }
+        )
+      ]
+    },
+    index2
+  )) });
 }
 const remarkPlugins = [remarkGfm];
+const NAVIGABLE_FILE_EXTS = /* @__PURE__ */ new Set([
+  "md",
+  "txt",
+  "json",
+  "ts",
+  "js",
+  "css",
+  "html",
+  "yml",
+  "yaml",
+  "toml",
+  "env",
+  "sh",
+  "py",
+  "cfg",
+  "ini",
+  "log",
+  "csv",
+  "xml",
+  "rst",
+  "jsx",
+  "tsx",
+  "mjs",
+  "cjs",
+  "markdown",
+  "gitignore"
+]);
 const LazyMilkdownMarkdownEditor = reactExports.lazy(async () => {
-  const mod = await __vitePreload(() => import("./MilkdownMarkdownEditor-CuTa5j4S.js").then((n) => n.bL), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
+  const mod = await __vitePreload(() => import("./MilkdownMarkdownEditor-Bj7JSjF5.js").then((n) => n.bL), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
   return { default: mod.MilkdownMarkdownEditor };
 });
 const typeIcons = {
@@ -33185,6 +33632,9 @@ function CsvPreview({ content: content2, separator }) {
     ] })
   ] });
 }
+function normalizePathSep(p) {
+  return p.replace(/\\/g, "/");
+}
 function usePreviewNavigation() {
   const previewSourceTab = useUIStore((s15) => s15.previewSourceTab);
   const previewEntity = useUIStore((s15) => s15.previewEntity);
@@ -33192,6 +33642,71 @@ function usePreviewNavigation() {
   const notes = useEntityStore((s15) => s15.notes);
   const papers = useEntityStore((s15) => s15.papers);
   const data = useEntityStore((s15) => s15.data);
+  const projectPath = useSessionStore((s15) => s15.projectPath);
+  const [fileSiblings, setFileSiblings] = reactExports.useState([]);
+  const currentFilePath = previewSourceTab === "files" ? previewEntity?.filePath : void 0;
+  reactExports.useEffect(() => {
+    if (!currentFilePath || !projectPath) {
+      setFileSiblings([]);
+      return;
+    }
+    const absFile = normalizePathSep(currentFilePath);
+    const absProj = normalizePathSep(projectPath);
+    let relParent;
+    if (absFile === absProj) {
+      relParent = "";
+    } else if (absFile.startsWith(absProj + "/")) {
+      const rel = absFile.slice(absProj.length + 1);
+      relParent = rel.includes("/") ? rel.slice(0, rel.lastIndexOf("/")) : "";
+    } else {
+      setFileSiblings([]);
+      return;
+    }
+    let cancelled = false;
+    const api2 = window.api;
+    Promise.resolve(api2.listTree({ relativePath: relParent, showIgnored: true, limit: 2e3 })).then((nodes) => {
+      if (cancelled || !Array.isArray(nodes)) return;
+      const siblings = [];
+      for (const n of nodes) {
+        if (n.type !== "file") continue;
+        const ext = (n.name.split(".").pop() || "").toLowerCase();
+        if (!NAVIGABLE_FILE_EXTS.has(ext)) continue;
+        siblings.push({ name: n.name, path: n.path, modifiedAt: n.modifiedAt || Date.now() });
+      }
+      setFileSiblings(siblings);
+    }).catch(() => {
+      if (!cancelled) setFileSiblings([]);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [currentFilePath, projectPath]);
+  const entityForFilePath = reactExports.useCallback((filePath, displayName, modifiedAt) => {
+    const norm = normalizePathSep(filePath);
+    const existing = data.find((item) => normalizePathSep(item.filePath || "") === norm);
+    if (existing) {
+      return {
+        ...existing,
+        type: "data",
+        title: existing.title || existing.name || displayName,
+        filePath
+      };
+    }
+    const iso = new Date(modifiedAt || Date.now()).toISOString();
+    return {
+      id: filePath,
+      type: "data",
+      title: displayName,
+      filePath,
+      tags: [],
+      createdAt: iso,
+      updatedAt: iso
+    };
+  }, [data]);
+  const fileSiblingEntities = reactExports.useMemo(
+    () => fileSiblings.map((s15) => entityForFilePath(s15.path, s15.name, s15.modifiedAt)),
+    [fileSiblings, entityForFilePath]
+  );
   const list2 = (() => {
     switch (previewSourceTab) {
       case "library":
@@ -33199,11 +33714,19 @@ function usePreviewNavigation() {
       case "papers":
         return papers;
       case "files":
+        return fileSiblingEntities;
       default:
         return [];
     }
   })();
-  const currentIndex = previewEntity ? list2.findIndex((item) => item.id === previewEntity.id) : -1;
+  const currentIndex = (() => {
+    if (!previewEntity) return -1;
+    if (previewSourceTab === "files" && previewEntity.filePath) {
+      const target = normalizePathSep(previewEntity.filePath);
+      return list2.findIndex((item) => normalizePathSep(item.filePath || "") === target);
+    }
+    return list2.findIndex((item) => item.id === previewEntity.id);
+  })();
   const total = list2.length;
   const canNavigate = total > 1 && currentIndex >= 0;
   const goNext = reactExports.useCallback(() => {
@@ -33222,12 +33745,35 @@ function EntityPreviewPanel() {
   const rawEntity = useUIStore((s15) => s15.previewEntity);
   const closePreview = useUIStore((s15) => s15.closePreview);
   const setPreviewEditorFocused = useUIStore((s15) => s15.setPreviewEditorFocused);
-  const deleteEntity = useEntityStore((s15) => s15.deleteEntity);
+  const drawerWidth = useUIStore((s15) => s15.drawerWidth);
+  const setDrawerWidth = useUIStore((s15) => s15.setDrawerWidth);
   const refreshAll = useEntityStore((s15) => s15.refreshAll);
   const previewEditorFocused = useUIStore((s15) => s15.previewEditorFocused);
   const nav = usePreviewNavigation();
+  const dragStateRef = reactExports.useRef(null);
+  const handleEdgeMouseDown = reactExports.useCallback((e) => {
+    dragStateRef.current = { startX: e.clientX, startWidth: drawerWidth };
+    document.body.style.cursor = "ew-resize";
+    e.preventDefault();
+  }, [drawerWidth]);
+  reactExports.useEffect(() => {
+    const onMove = (e) => {
+      if (!dragStateRef.current) return;
+      const dx = dragStateRef.current.startX - e.clientX;
+      setDrawerWidth(dragStateRef.current.startWidth + dx);
+    };
+    const onUp = () => {
+      if (dragStateRef.current) document.body.style.cursor = "";
+      dragStateRef.current = null;
+    };
+    window.addEventListener("mousemove", onMove);
+    window.addEventListener("mouseup", onUp);
+    return () => {
+      window.removeEventListener("mousemove", onMove);
+      window.removeEventListener("mouseup", onUp);
+    };
+  }, [setDrawerWidth]);
   const entity = rawEntity ? { ...rawEntity } : null;
-  const [confirmDelete, setConfirmDelete] = reactExports.useState(false);
   const [draftMarkdown, setDraftMarkdown] = reactExports.useState("");
   const [baselineMarkdown, setBaselineMarkdown] = reactExports.useState("");
   const [editorSeedMarkdown, setEditorSeedMarkdown] = reactExports.useState("");
@@ -33237,6 +33783,7 @@ function EntityPreviewPanel() {
   const [fileType, setFileType] = reactExports.useState(null);
   const [loading, setLoading] = reactExports.useState(false);
   const [externalMarkdown, setExternalMarkdown] = reactExports.useState(void 0);
+  const [viewModeOverride, setViewModeOverride] = reactExports.useState(null);
   const resolvedAbsPathRef = reactExports.useRef(null);
   const baselineRef = reactExports.useRef("");
   const getArtifactMarkdownContent = (artifactLike) => {
@@ -33259,6 +33806,7 @@ function EntityPreviewPanel() {
     setSaveError(null);
     setSaveSuccess(null);
     setPreviewEditorFocused(false);
+    setViewModeOverride(null);
   }, [entity?.id]);
   reactExports.useEffect(() => {
     setFileContent(null);
@@ -33299,6 +33847,11 @@ function EntityPreviewPanel() {
   reactExports.useEffect(() => {
     baselineRef.current = baselineMarkdown;
   }, [baselineMarkdown]);
+  const scrollContentRef = reactExports.useRef(null);
+  const modeScrollRef = reactExports.useRef({ source: 0, slides: 0 });
+  reactExports.useEffect(() => {
+    modeScrollRef.current = { source: 0, slides: 0 };
+  }, [entity?.id]);
   reactExports.useEffect(() => {
     if (!entity?.filePath) return;
     const ext = getExtension(entity.filePath);
@@ -33343,7 +33896,48 @@ function EntityPreviewPanel() {
   const isInlineEditable = !entity.filePath;
   const isEditable = isInlineEditable || isFileMarkdown;
   const isDirty = isEditable && normalizeMarkdown(draftMarkdown) !== normalizeMarkdown(baselineMarkdown);
-  const seedFp = buildFingerprint(editorSeedMarkdown);
+  const { frontmatterBlock, body: baselineBody } = reactExports.useMemo(
+    () => splitFrontmatter(baselineMarkdown),
+    [baselineMarkdown]
+  );
+  const isMarpFile = reactExports.useMemo(() => isMarpFrontmatter(frontmatterBlock), [frontmatterBlock]);
+  const draftBody = reactExports.useMemo(() => {
+    if (!frontmatterBlock) return draftMarkdown;
+    return draftMarkdown.startsWith(frontmatterBlock) ? draftMarkdown.slice(frontmatterBlock.length) : splitFrontmatter(draftMarkdown).body;
+  }, [draftMarkdown, frontmatterBlock]);
+  const editorSeedBody = reactExports.useMemo(() => splitFrontmatter(editorSeedMarkdown).body, [editorSeedMarkdown]);
+  const externalBody = reactExports.useMemo(() => {
+    if (externalMarkdown === void 0) return void 0;
+    return splitFrontmatter(externalMarkdown).body;
+  }, [externalMarkdown]);
+  const slides = reactExports.useMemo(
+    () => isMarpFile ? splitSlides(draftBody) : [],
+    [isMarpFile, draftBody]
+  );
+  const effectiveViewMode = viewModeOverride ?? (isMarpFile ? "slides" : "source");
+  const showSlideView = isMarpFile && effectiveViewMode === "slides";
+  reactExports.useEffect(() => {
+    const el2 = scrollContentRef.current;
+    if (!el2) return;
+    const onScroll = () => {
+      modeScrollRef.current[effectiveViewMode] = el2.scrollTop;
+    };
+    el2.addEventListener("scroll", onScroll, { passive: true });
+    return () => el2.removeEventListener("scroll", onScroll);
+  }, [effectiveViewMode]);
+  reactExports.useEffect(() => {
+    const target = modeScrollRef.current[effectiveViewMode] ?? 0;
+    const apply = () => {
+      if (scrollContentRef.current) scrollContentRef.current.scrollTop = target;
+    };
+    const raf = requestAnimationFrame(apply);
+    const retry = window.setTimeout(apply, 200);
+    return () => {
+      cancelAnimationFrame(raf);
+      window.clearTimeout(retry);
+    };
+  }, [effectiveViewMode, entity?.id]);
+  const seedFp = buildFingerprint(editorSeedBody);
   const editorKey = `${entity.id}:${entity.filePath ?? "inline"}:${seedFp.length}:${seedFp.codeFenceCount}:${seedFp.mermaidFenceCount}:${seedFp.mathBlockCount}:${seedFp.imageCount}`;
   const handleNavNext = reactExports.useCallback(() => {
     if (!nav.canNavigate) return;
@@ -33376,15 +33970,6 @@ function EntityPreviewPanel() {
     window.addEventListener("keydown", handler);
     return () => window.removeEventListener("keydown", handler);
   }, [nav.canNavigate, previewEditorFocused, handleNavPrev, handleNavNext]);
-  const handleDelete2 = async () => {
-    if (!confirmDelete) {
-      setConfirmDelete(true);
-      setTimeout(() => setConfirmDelete(false), 2e3);
-      return;
-    }
-    await deleteEntity(entity.id);
-    closePreview();
-  };
   const handleSave = async () => {
     if (!isEditable || !isDirty) return;
     const nextMarkdown = draftMarkdown;
@@ -33465,10 +34050,11 @@ Save anyway?`
       LazyMilkdownMarkdownEditor,
       {
         editorId: editorKey,
-        initialMarkdown: baselineMarkdown,
-        externalMarkdown,
+        initialMarkdown: baselineBody,
+        externalMarkdown: externalBody,
+        baseDir: dirnameOf(entity.filePath),
         onChange: (markdown) => {
-          setDraftMarkdown(markdown);
+          setDraftMarkdown((frontmatterBlock ?? "") + markdown);
           if (saveError) setSaveError(null);
         },
         onFocusChange: setPreviewEditorFocused,
@@ -33511,6 +34097,9 @@ Save anyway?`
         const ext = getExtension(entity.filePath);
         const isMarkdown = ext === "md" || ext === "markdown";
         if (isMarkdown) {
+          if (showSlideView) {
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(MarpSlideView, { slides, baseDir: dirnameOf(entity.filePath) });
+          }
           return renderMarkdownEditor();
         }
         return /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "text-xs whitespace-pre-wrap break-words t-text font-mono leading-relaxed", children: fileContent });
@@ -33518,142 +34107,368 @@ Save anyway?`
       return /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs t-text-muted", children: entity.filePath });
     }
     if (isInlineEditable) {
+      if (showSlideView) {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(MarpSlideView, { slides, baseDir: dirnameOf(entity.filePath) });
+      }
       return renderMarkdownEditor();
     }
     const content2 = entity.content || entity.abstract || entity.valueText || "No content available.";
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "md-prose", style: { color: "var(--color-text)" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { remarkPlugins, children: typeof content2 === "string" ? content2 : JSON.stringify(content2, null, 2) }) });
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 flex flex-col border-l t-border t-bg-base pt-10 min-w-0", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 px-4 py-3 border-b t-border", children: [
-      typeIcons[entity.type] || null,
-      /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "flex-1 text-sm font-semibold t-text truncate", children: entity.title }),
-      isEditable && isDirty && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] px-1.5 py-0.5 rounded-full bg-[var(--color-status-warning)]/15 t-text-warning", children: "Unsaved" }),
-      nav.canNavigate && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-0.5", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            onClick: handleNavPrev,
-            className: "p-1 rounded t-text-muted t-bg-hover transition-colors",
-            title: "Previous item (Alt+Up)",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronUp, { size: 14 })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] t-text-muted tabular-nums min-w-[2.5rem] text-center", children: [
-          nav.currentIndex + 1,
-          " / ",
-          nav.total
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
+    const mdBaseDir = dirnameOf(entity.filePath);
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        className: "md-prose",
+        style: {
+          color: "var(--color-text)",
+          fontFamily: READING_FONT,
+          fontSize: "14px",
+          lineHeight: 1.55
+        },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Markdown,
           {
-            onClick: handleNavNext,
-            className: "p-1 rounded t-text-muted t-bg-hover transition-colors",
-            title: "Next item (Alt+Down)",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { size: 14 })
+            remarkPlugins,
+            components: {
+              // Rewrite relative / absolute disk paths to workspace-asset://
+              // URLs so images actually load. Remote URLs pass through.
+              img: ({ src, alt, ...rest }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "img",
+                {
+                  src: resolveMarkdownImageUrl(src, mdBaseDir),
+                  alt,
+                  ...rest
+                }
+              )
+            },
+            children: typeof content2 === "string" ? content2 : JSON.stringify(content2, null, 2)
           }
         )
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1", children: [
-        isEditable && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            onClick: () => void handleSave(),
-            disabled: !isDirty,
-            className: `p-1 rounded transition-colors ${isDirty ? "t-text-accent-soft hover:t-text-accent" : "t-text-muted opacity-50"}`,
-            title: isDirty ? "Save markdown (Cmd/Ctrl+S)" : "No changes to save",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Save, { size: 14 })
-          }
-        ),
-        entity.id !== "agent-md" && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            onClick: handleDelete2,
-            className: `p-1 rounded transition-colors ${confirmDelete ? "t-text-error" : "t-text-muted t-bg-hover"}`,
-            title: confirmDelete ? "Click again to confirm delete" : "Delete",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { size: 14 })
-          }
-        ),
+      }
+    );
+  };
+  const drawerBoxShadow = "inset 3px 0 0 0 var(--color-accent), -12px 0 32px -14px rgba(0,0,0,0.18)";
+  const crumb = entity.filePath ? `files · ${(getExtension(entity.filePath) || "file").toLowerCase()}` : `library · ${entity.type}`;
+  const READING_FONT = '"Iowan Old Style", "Charter", "Sitka Text", Georgia, serif';
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: "absolute top-0 right-0 bottom-0 flex flex-col t-bg-base min-w-0 z-[5] pt-10 transition-[width,box-shadow] duration-500 ease-[cubic-bezier(0.32,0.72,0.24,1)]",
+      style: { width: drawerWidth, boxShadow: drawerBoxShadow },
+      "aria-label": `Preview: ${entity.title}`,
+      children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
+          "div",
           {
-            onClick: handleClosePreview,
-            className: "p-1 rounded t-text-muted t-bg-hover transition-colors",
-            title: "Close preview",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(X$1, { size: 14 })
+            className: "absolute left-0 top-0 bottom-0 w-[6px] cursor-ew-resize group z-[6]",
+            style: { marginLeft: -3 },
+            onMouseDown: handleEdgeMouseDown,
+            title: "Drag to resize",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute left-[3px] top-1/2 -translate-y-1/2 w-[2px] h-9 rounded bg-transparent group-hover:t-bg-accent transition-colors" })
           }
-        )
-      ] })
-    ] }),
-    entity.type === "paper" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-2 border-b t-border text-xs t-text-secondary space-y-1", children: [
-      entity.authors?.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
-        "Authors: ",
-        entity.authors.join(", ")
-      ] }),
-      entity.year && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
-        "Year: ",
-        entity.year
-      ] }),
-      entity.venue && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
-        "Venue: ",
-        entity.venue
-      ] }),
-      entity.doi && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
-        "DOI: ",
-        /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: `https://doi.org/${entity.doi}`, target: "_blank", rel: "noreferrer", className: "t-text-accent-soft hover:underline", children: entity.doi })
-      ] }),
-      entity.citationCount != null && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
-        "Citations: ",
-        entity.citationCount
-      ] }),
-      entity.url && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
-        "URL: ",
-        /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: entity.url, target: "_blank", rel: "noreferrer", className: "t-text-accent-soft hover:underline break-all", children: entity.url })
-      ] }),
-      entity.pdfUrl && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
-        "PDF: ",
-        /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: entity.pdfUrl, target: "_blank", rel: "noreferrer", className: "t-text-accent-soft hover:underline break-all", children: entity.pdfUrl })
-      ] }),
-      entity.citeKey && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
-        "Cite key: ",
-        /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "t-bg-surface px-1 rounded", children: entity.citeKey })
-      ] }),
-      entity.externalSource && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
-        "Source: ",
-        entity.externalSource
-      ] }),
-      entity.relevanceScore != null && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
-        "Relevance: ",
-        entity.relevanceScore,
-        "/10"
-      ] }),
-      entity.enrichmentSource && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
-        "Enriched via: ",
-        entity.enrichmentSource
-      ] }),
-      entity.enrichedAt && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
-        "Enriched at: ",
-        new Date(entity.enrichedAt).toLocaleDateString()
-      ] }),
-      entity.tags?.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "flex items-center gap-1 flex-wrap", children: [
-        "Tags: ",
-        entity.tags.map((t) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "inline-block t-bg-surface px-1.5 py-0.5 rounded", children: t }, t))
-      ] }),
-      entity.bibtex && /* @__PURE__ */ jsxRuntimeExports.jsxs("details", { className: "mt-1", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("summary", { className: "cursor-pointer hover:t-text-accent-soft", children: "BibTeX" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "mt-1 p-2 t-bg-surface rounded text-[11px] font-mono whitespace-pre-wrap break-all", children: entity.bibtex })
-      ] })
-    ] }),
-    entity.type === "data" && entity.schema && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-2 border-b t-border text-xs t-text-secondary", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
-        "File: ",
-        entity.name
-      ] }),
-      entity.schema.rowCount != null && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
-        "Rows: ",
-        entity.schema.rowCount
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto px-4 py-4", children: renderContent() })
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("header", { className: "px-5 pt-3.5 pb-3 border-b t-border", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-[10px] font-mono uppercase tracking-[0.14em] t-text-muted mb-1.5 flex items-center gap-2 flex-wrap", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: crumb }),
+              isEditable && isDirty && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "normal-case tracking-normal px-1.5 py-0.5 rounded-full bg-[var(--color-status-warning)]/15 t-text-warning", children: "Unsaved" })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
+              typeIcons[entity.type] || null,
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "h2",
+                {
+                  className: "min-w-0 truncate t-text",
+                  style: {
+                    fontFamily: READING_FONT,
+                    fontSize: "17px",
+                    lineHeight: 1.2,
+                    fontWeight: 500,
+                    letterSpacing: "-0.012em"
+                  },
+                  children: entity.title
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1 flex-shrink-0 pt-1", children: [
+            nav.canNavigate && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-0.5 mr-1", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  onClick: handleNavPrev,
+                  className: "p-1 rounded t-text-muted t-bg-hover transition-colors",
+                  title: "Previous item (Alt+Up)",
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronUp, { size: 14 })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] t-text-muted tabular-nums min-w-[2.5rem] text-center", children: [
+                nav.currentIndex + 1,
+                " / ",
+                nav.total
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  onClick: handleNavNext,
+                  className: "p-1 rounded t-text-muted t-bg-hover transition-colors",
+                  title: "Next item (Alt+Down)",
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { size: 14 })
+                }
+              )
+            ] }),
+            isEditable && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                onClick: () => void handleSave(),
+                disabled: !isDirty,
+                className: `p-1 rounded transition-colors ${isDirty ? "t-text-accent-soft hover:t-text-accent" : "t-text-muted opacity-50"}`,
+                title: isDirty ? "Save markdown (Cmd/Ctrl+S)" : "No changes to save",
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(Save, { size: 14 })
+              }
+            ),
+            isMarpFile && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                onClick: () => setViewModeOverride(showSlideView ? "source" : "slides"),
+                className: "p-1 rounded t-text-muted t-bg-hover transition-colors",
+                title: showSlideView ? "Edit source" : "View as slides",
+                "aria-pressed": showSlideView,
+                children: showSlideView ? /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { size: 14 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Presentation, { size: 14 })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                onClick: handleClosePreview,
+                className: "p-1 rounded t-text-muted t-bg-hover transition-colors",
+                title: "Close preview (Esc)",
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(X$1, { size: 14 })
+              }
+            )
+          ] })
+        ] }) }),
+        entity.type === "paper" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-2 border-b t-border text-xs t-text-secondary space-y-1", children: [
+          entity.authors?.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
+            "Authors: ",
+            entity.authors.join(", ")
+          ] }),
+          entity.year && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
+            "Year: ",
+            entity.year
+          ] }),
+          entity.venue && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
+            "Venue: ",
+            entity.venue
+          ] }),
+          entity.doi && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
+            "DOI: ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: `https://doi.org/${entity.doi}`, target: "_blank", rel: "noreferrer", className: "t-text-accent-soft hover:underline", children: entity.doi })
+          ] }),
+          entity.citationCount != null && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
+            "Citations: ",
+            entity.citationCount
+          ] }),
+          entity.url && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
+            "URL: ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: entity.url, target: "_blank", rel: "noreferrer", className: "t-text-accent-soft hover:underline break-all", children: entity.url })
+          ] }),
+          entity.pdfUrl && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
+            "PDF: ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: entity.pdfUrl, target: "_blank", rel: "noreferrer", className: "t-text-accent-soft hover:underline break-all", children: entity.pdfUrl })
+          ] }),
+          entity.citeKey && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
+            "Cite key: ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "t-bg-surface px-1 rounded", children: entity.citeKey })
+          ] }),
+          entity.externalSource && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
+            "Source: ",
+            entity.externalSource
+          ] }),
+          entity.relevanceScore != null && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
+            "Relevance: ",
+            entity.relevanceScore,
+            "/10"
+          ] }),
+          entity.enrichmentSource && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
+            "Enriched via: ",
+            entity.enrichmentSource
+          ] }),
+          entity.enrichedAt && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
+            "Enriched at: ",
+            new Date(entity.enrichedAt).toLocaleDateString()
+          ] }),
+          entity.tags?.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "flex items-center gap-1 flex-wrap", children: [
+            "Tags: ",
+            entity.tags.map((t) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "inline-block t-bg-surface px-1.5 py-0.5 rounded", children: t }, t))
+          ] }),
+          entity.bibtex && /* @__PURE__ */ jsxRuntimeExports.jsxs("details", { className: "mt-1", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("summary", { className: "cursor-pointer hover:t-text-accent-soft", children: "BibTeX" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "mt-1 p-2 t-bg-surface rounded text-[11px] font-mono whitespace-pre-wrap break-all", children: entity.bibtex })
+          ] })
+        ] }),
+        entity.type === "data" && entity.schema && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-2 border-b t-border text-xs t-text-secondary", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
+            "File: ",
+            entity.name
+          ] }),
+          entity.schema.rowCount != null && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
+            "Rows: ",
+            entity.schema.rowCount
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: scrollContentRef, className: "flex-1 overflow-y-auto px-5 py-5 min-h-0", children: renderContent() }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("footer", { className: "shrink-0 px-5 py-2.5 border-t t-border flex items-center justify-between gap-3 text-[10px] font-mono uppercase tracking-[0.12em] t-text-muted", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-2 min-w-0 truncate", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "span",
+              {
+                className: "inline-block w-[7px] h-[7px] rounded-full t-bg-accent animate-pulse shrink-0",
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: "Bound to chat" })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate shrink-0", children: "Drag edge · Esc to close" })
+        ] })
+      ]
+    }
+  );
+}
+const api$2 = window.api;
+const computeEnabled = api$2?.isComputeEnabled?.() ?? false;
+const viewTabs = [
+  { key: "chat", label: "Chat", icon: MessageSquare, shortcut: "⌘1" },
+  { key: "literature", label: "Literature", icon: BookOpen, shortcut: "⌘2" },
+  ...computeEnabled ? [{ key: "compute", label: "Compute", icon: Cpu, shortcut: "⌘3" }] : []
+];
+function ViewSwitcher() {
+  const centerView = useUIStore((s15) => s15.centerView);
+  const setCenterView = useUIStore((s15) => s15.setCenterView);
+  const paperCount = useEntityStore((s15) => s15.papers.length);
+  const activeComputeRuns = useActiveRunCount();
+  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);
+  const isIdle = useUIStore((s15) => s15.isIdle);
+  const messages = useChatStore((s15) => s15.messages);
+  const previewEntity = useUIStore((s15) => s15.previewEntity);
+  const drawerWidth = useUIStore((s15) => s15.drawerWidth);
+  const showHero = isIdle && messages.length === 0;
+  const drawerOpen = !!previewEntity;
+  const rightGutter = drawerOpen ? drawerWidth : 0;
+  const columnShiftStyle = { paddingRight: `${rightGutter}px` };
+  const columnShiftClass = "transition-[padding] duration-500 ease-[cubic-bezier(0.32,0.72,0.24,1)]";
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "main",
+      {
+        id: centerView === "chat" ? "main-content" : void 0,
+        hidden: centerView !== "chat",
+        className: "flex-1 flex flex-col min-w-0 relative overflow-hidden",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: columnShiftClass, style: columnShiftStyle, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ViewSwitcher, {}) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0", children: showHero ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "div",
+            {
+              className: `h-full flex items-center justify-center ${columnShiftClass}`,
+              style: columnShiftStyle,
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(HeroIdle, {})
+            }
+          ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "div",
+            {
+              className: `h-full pl-6 pt-4 pb-2 ${columnShiftClass}`,
+              style: { paddingRight: `${24 + rightGutter}px` },
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-auto h-full", style: { maxWidth: "64rem" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChatMessages, {}) })
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "div",
+            {
+              className: `pl-6 pb-5 ${columnShiftClass}`,
+              style: { paddingRight: `${24 + rightGutter}px` },
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-auto", style: { maxWidth: "64rem" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChatInput, {}) })
+            }
+          ),
+          drawerOpen && /* @__PURE__ */ jsxRuntimeExports.jsx(EntityPreviewPanel, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "main",
+      {
+        id: centerView === "literature" ? "main-content" : void 0,
+        hidden: centerView !== "literature",
+        className: "flex-1 flex flex-col min-w-0",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ViewSwitcher, {}),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(LiteratureView, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "main",
+      {
+        id: centerView === "compute" ? "main-content" : void 0,
+        hidden: centerView !== "compute",
+        className: "flex-1 flex flex-col min-w-0",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ViewSwitcher, {}),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ComputeView, {})
+        ]
+      }
+    )
   ] });
 }
 function formatCost(cost) {
@@ -43212,12 +44027,9 @@ function App() {
     /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: "#main-content", className: "skip-link", children: "Skip to content" }),
     /* @__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-1 min-h-0", children: [
-      !leftCollapsed && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: previewEntity ? "hidden" : "contents", children: /* @__PURE__ */ jsxRuntimeExports.jsx(LeftSidebar, { onOpenSettings: () => setSettingsOpen(true) }) }),
+      !leftCollapsed && /* @__PURE__ */ jsxRuntimeExports.jsx(LeftSidebar, { onOpenSettings: () => setSettingsOpen(true) }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 flex flex-col min-w-0 min-h-0", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `flex min-h-0 ${terminalVisible ? "flex-[2]" : "flex-1"}`, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(CenterPanel, {}),
-          previewEntity && /* @__PURE__ */ jsxRuntimeExports.jsx(EntityPreviewPanel, {})
-        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `flex min-h-0 ${terminalVisible ? "flex-[2]" : "flex-1"}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(CenterPanel, {}) }),
         terminalAlive && /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
@@ -43262,6 +44074,7 @@ export {
   patternInScope as p,
   jsxRuntimeExports as q,
   reactExports as r,
+  resolveMarkdownImageUrl as s,
   unified as u,
   visit as v
 };