research-copilot 0.2.17 → 0.2.21

package/app/out/renderer/assets/{index-B2UUF9y9.js → index-C1YzkB4z.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-OhCrq3X0.js","./MilkdownMarkdownEditor-BW0Pt28W.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,29 @@ 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
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Image = createLucideIcon("Image", [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
+  ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
+  ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
+]);
 /**
  * @license lucide-react v0.469.0 - ISC
  *
@@ -12989,6 +13043,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 +13169,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
  *
@@ -13419,7 +13495,7 @@ const KEY_FIELDS = [
     name: "OPENAI_API_KEY",
     label: "OpenAI",
     placeholder: "sk-...",
-    hint: "Powers GPT / o-series models. Get a key at platform.openai.com",
+    hint: "Powers GPT / o-series models AND publication-quality diagram generation (gpt-image-2 + PNG-anchored SVG transcription). Without this key, diagrams fall back to a chat-model-only path with reduced quality. Get a key at platform.openai.com",
     url: "https://platform.openai.com/api-keys",
     required: true
   },
@@ -13932,6 +14008,42 @@ function formatRelativeTime(isoString) {
   if (hours < 24) return `${hours} hour${hours > 1 ? "s" : ""} ago`;
   return new Date(isoString).toLocaleDateString();
 }
+function DiagramSettings({ reviewProvider, onChangeReviewProvider }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: "text-xs font-semibold t-text mb-1.5", children: "Generation Provider" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-[11px] t-text-muted", children: [
+        "Diagram images are generated via OpenAI ",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "font-mono", children: "gpt-image-2" }),
+        " and require ",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "font-mono", children: "OPENAI_API_KEY" }),
+        ". Claude cannot generate images, so this is fixed for now."
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: "text-xs font-semibold t-text mb-1.5", children: "Review Provider" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] t-text-muted mb-2.5", children: "Which model evaluates each draft and decides whether to accept, edit, or regenerate." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        SegmentedControl,
+        {
+          options: [
+            { label: "Auto", value: "auto" },
+            { label: "OpenAI", value: "openai" },
+            { label: "Anthropic", value: "anthropic" }
+          ],
+          value: reviewProvider,
+          onChange: onChangeReviewProvider
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-[10px] t-text-muted mt-1.5", children: [
+        reviewProvider === "auto" && "Prefer heterogeneous review (Anthropic when available, so the generator does not grade its own family).",
+        reviewProvider === "openai" && "GPT-4o vision with JSON-schema output. Requires OPENAI_API_KEY.",
+        reviewProvider === "anthropic" && "Claude Opus vision with tool-use constrained output. Requires ANTHROPIC_API_KEY."
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] t-text-muted mt-2 leading-relaxed", children: "Score thresholds are calibrated per reviewer and are not directly comparable across providers. An 8.0 from OpenAI and an 8.0 from Claude represent similar quality targets, but the underlying numbers are not interchangeable." })
+    ] })
+  ] });
+}
 const DEFAULT_SETTINGS = {
   research: {
     researchIntensity: "medium",
@@ -13944,6 +14056,9 @@ const DEFAULT_SETTINGS = {
   wikiAgent: {
     model: "none",
     speed: "medium"
+  },
+  diagram: {
+    reviewProvider: "auto"
   }
 };
 const api$e = window.api;
@@ -13951,7 +14066,8 @@ const TABS = [
   { id: "api-keys", label: "API Keys", icon: Key },
   { id: "research", label: "Research", icon: BookOpen },
   { id: "data-analysis", label: "Data Analysis", icon: ChartNoAxesColumn },
-  { id: "paper-wiki", label: "Paper Wiki", icon: BookMarked }
+  { id: "paper-wiki", label: "Paper Wiki", icon: BookMarked },
+  { id: "diagram", label: "Diagrams", icon: Image }
 ];
 const FOCUSABLE_SELECTOR = [
   "button:not([disabled])",
@@ -14043,6 +14159,7 @@ function SettingsModal({ open, onClose, initialTab }) {
       if (patch2.research) next.research = { ...prev.research, ...patch2.research };
       if (patch2.dataAnalysis) next.dataAnalysis = { ...prev.dataAnalysis, ...patch2.dataAnalysis };
       if (patch2.wikiAgent) next.wikiAgent = { ...prev.wikiAgent, ...patch2.wikiAgent };
+      if (patch2.diagram) next.diagram = { ...prev.diagram, ...patch2.diagram };
       return next;
     });
     setDirty(true);
@@ -14126,7 +14243,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,
                 {
@@ -14153,6 +14270,13 @@ function SettingsModal({ open, onClose, initialTab }) {
                   onChangeModel: (v3) => updateSettings({ wikiAgent: { ...settings.wikiAgent, model: v3 } }),
                   onChangeSpeed: (v3) => updateSettings({ wikiAgent: { ...settings.wikiAgent, speed: v3 } })
                 }
+              ),
+              activeTab === "diagram" && loaded && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                DiagramSettings,
+                {
+                  reviewProvider: settings.diagram?.reviewProvider ?? "auto",
+                  onChangeReviewProvider: (v3) => updateSettings({ diagram: { reviewProvider: v3 } })
+                }
               )
             ] }),
             activeTab !== "api-keys" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-6 py-2.5 border-t t-border-subtle", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] t-text-muted", children: "Settings are saved automatically. Changes to research and analysis settings take effect for new agent sessions. Existing sessions require an app restart." }) })
@@ -14235,6 +14359,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 +14392,8 @@ const useUIStore = create$1((set) => ({
   previewEntity: null,
   previewSourceTab: null,
   previewEditorFocused: false,
+  drawerWidth: DRAWER_WIDTH_DEFAULT,
+  leftSidebarWidth: readLeftWidth(),
   literatureFilter: {
     search: "",
     subTopic: null,
@@ -14348,13 +14489,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;
@@ -27548,7 +27709,6 @@ const TEXT_EXTENSIONS = /* @__PURE__ */ new Set([
   "ts",
   "js",
   "css",
-  "html",
   "yml",
   "yaml",
   "toml",
@@ -27578,6 +27738,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 +27761,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 +27776,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 +27961,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 +28252,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 +28363,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 +28377,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 +28404,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 +28583,7 @@ const useSkillStore = create$1((set, get) => ({
     return result;
   }
 }));
-const remarkPlugins$3 = [remarkGfm];
+const remarkPlugins$4 = [remarkGfm];
 function HoverPreview({
   entity,
   anchorRect,
@@ -28360,7 +28625,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 +28712,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 +28773,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 +28993,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 }),
@@ -28761,21 +29034,6 @@ function EntityTabs() {
   const notes = useEntityStore((s15) => s15.notes);
   const data = useEntityStore((s15) => s15.data);
   const refreshAll = useEntityStore((s15) => s15.refreshAll);
-  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 +29067,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 +29185,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 +29453,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 +29998,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 +30021,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 +30137,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 +30914,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 +31120,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 +31201,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 +31810,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 +31828,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 +32200,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 +32247,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 +32340,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 +32475,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) {
@@ -32146,14 +32607,13 @@ function SortHeader({
     }
   );
 }
-function PaperRow({
-  paper,
+const PaperRow = React$2.memo(function PaperRow2({
+  row,
   expanded,
-  onToggle,
-  wikiSlug,
   isActive,
-  source = "project"
+  onToggle
 }) {
+  const { paper, source, wikiSlug } = row;
   const setWikiSlug = useUIStore((s15) => s15.setWikiReaderSlug);
   const authors = paper.authors || [];
   const authorStr = authors.length <= 3 ? authors.join(", ") : `${authors.slice(0, 2).join(", ")} et al.`;
@@ -32164,7 +32624,7 @@ function PaperRow({
       "div",
       {
         className: `flex items-center gap-3 px-3 py-2 transition-colors cursor-pointer ${isActive ? "bg-[var(--color-accent-soft)]/10" : "hover:bg-[var(--color-accent-soft)]/5"}`,
-        onClick: onToggle,
+        onClick: () => onToggle(row),
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "shrink-0 t-text-muted", children: expanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { size: 14 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { size: 14 }) }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-w-0", children: [
@@ -32245,7 +32705,7 @@ function PaperRow({
       ] })
     ] })
   ] });
-}
+});
 function WikiStatusPill() {
   const [status, setStatus] = reactExports.useState(null);
   reactExports.useEffect(() => {
@@ -32424,6 +32884,14 @@ function LiteratureView() {
   const wikiReaderSlug = useUIStore((s15) => s15.wikiReaderSlug);
   const setWikiSlug = useUIStore((s15) => s15.setWikiReaderSlug);
   const [expandedKey, setExpandedKey] = reactExports.useState(null);
+  const handleRowToggle = reactExports.useCallback((row) => {
+    setExpandedKey((prev) => prev === row.key ? null : row.key);
+    if (row.source === "wiki") {
+      setWikiSlug(row.wikiSlug);
+    } else {
+      setWikiSlug(row.wikiSlug || `paper:${row.paper.id}`);
+    }
+  }, [setWikiSlug]);
   const [wikiSlugs, setWikiSlugs] = reactExports.useState({});
   const [wikiMeta, setWikiMeta] = reactExports.useState([]);
   reactExports.useEffect(() => {
@@ -32615,19 +33083,10 @@ function LiteratureView() {
         ] }) : filteredRows.map((row) => /* @__PURE__ */ jsxRuntimeExports.jsx(
           PaperRow,
           {
-            paper: row.paper,
-            source: row.source,
+            row,
             expanded: expandedKey === row.key,
             isActive: activeRowKey === row.key,
-            onToggle: () => {
-              setExpandedKey(expandedKey === row.key ? null : row.key);
-              if (row.source === "wiki") {
-                setWikiSlug(row.wikiSlug);
-              } else {
-                setWikiSlug(row.wikiSlug || `paper:${row.paper.id}`);
-              }
-            },
-            wikiSlug: row.wikiSlug
+            onToggle: handleRowToggle
           },
           row.key
         )) })
@@ -32986,95 +33445,135 @@ 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",
+  "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-OhCrq3X0.js").then((n) => n.bL), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
   return { default: mod.MilkdownMarkdownEditor };
 });
 const typeIcons = {
@@ -33185,6 +33684,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 +33694,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 +33766,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 +33797,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 +33835,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 +33858,7 @@ function EntityPreviewPanel() {
     setSaveError(null);
     setSaveSuccess(null);
     setPreviewEditorFocused(false);
+    setViewModeOverride(null);
   }, [entity?.id]);
   reactExports.useEffect(() => {
     setFileContent(null);
@@ -33299,6 +33899,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 +33948,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 +34022,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 +34102,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 +34149,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 +34159,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) {
@@ -42748,7 +43615,6 @@ function TipsBlock() {
 function FolderGate({ onOpenSettings }) {
   const pickFolder = useSessionStore((s15) => s15.pickFolder);
   const openPath = useSessionStore((s15) => s15.openPath);
-  const refreshEntities = useEntityStore((s15) => s15.refreshAll);
   const [recents, setRecents] = reactExports.useState([]);
   const [projectStats, setProjectStats] = reactExports.useState({});
   const [activeIndex, setActiveIndex] = reactExports.useState(0);
@@ -42784,22 +43650,20 @@ function FolderGate({ onOpenSettings }) {
     if (opening) return;
     setOpening(true);
     try {
-      const ok2 = await openPath(path2);
-      if (ok2) await refreshEntities();
+      await openPath(path2);
     } finally {
       setOpening(false);
     }
-  }, [openPath, refreshEntities, opening]);
+  }, [openPath, opening]);
   const handlePickNew = reactExports.useCallback(async () => {
     if (opening) return;
     setOpening(true);
     try {
-      const ok2 = await pickFolder();
-      if (ok2) await refreshEntities();
+      await pickFolder();
     } finally {
       setOpening(false);
     }
-  }, [pickFolder, refreshEntities, opening]);
+  }, [pickFolder, opening]);
   const handleRemove = reactExports.useCallback(async (path2) => {
     await api.removeRecentProject?.(path2);
     setRecents((prev) => {
@@ -43065,10 +43929,17 @@ function App() {
     const unsubSkillLoaded = api.onSkillLoaded((skillName) => {
       useActivityStore.getState().addSkill(skillName);
     });
+    let entityRefreshTimer = null;
+    const scheduleEntityRefresh = () => {
+      if (entityRefreshTimer) clearTimeout(entityRefreshTimer);
+      entityRefreshTimer = setTimeout(() => {
+        entityRefreshTimer = null;
+        refreshEntities();
+      }, 300);
+    };
     const unsub1 = api.onStreamChunk((chunk) => appendChunk(chunk));
     const unsub2 = api.onAgentDone((result) => {
       finalize(result);
-      refreshEntities();
       const text2 = result.response || "";
       const projectRoot = useSessionStore.getState().projectPath;
       const filePathRegex = /(?:^|\s)((?:[\w.-]+\/)+[\w.-]+\.\w+|(?:\/[\w.-]+)+\.\w+)/gm;
@@ -43096,7 +43967,7 @@ function App() {
       useUIStore.getState().addWorkingFile(path2);
     });
     const unsub6 = api.onEntityCreated(() => {
-      refreshEntities();
+      scheduleEntityRefresh();
     });
     if (api?.isComputeEnabled?.()) {
       api.probeComputeEnvironment?.().catch(() => {
@@ -43112,6 +43983,7 @@ function App() {
       useComputeStore.getState().setEnvironment(event);
     });
     return () => {
+      if (entityRefreshTimer) clearTimeout(entityRefreshTimer);
       unsub1();
       unsub2();
       unsub3();
@@ -43212,12 +44084,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 +44131,7 @@ export {
   patternInScope as p,
   jsxRuntimeExports as q,
   reactExports as r,
+  resolveMarkdownImageUrl as s,
   unified as u,
   visit as v
 };