research-copilot 0.2.1 → 0.2.3

package/app/out/renderer/assets/{index-Du-Z3sl4.js → index-CISiP4Vc.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./MilkdownMarkdownEditor-D7GYpVZn.js","./MilkdownMarkdownEditor-tTNRIB2K.css"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./MilkdownMarkdownEditor-DjFLwyh4.js","./MilkdownMarkdownEditor-tTNRIB2K.css"])))=>i.map(i=>d[i]);
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
@@ -12702,23 +12702,6 @@ 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 Eraser = createLucideIcon("Eraser", [
-  [
-    "path",
-    {
-      d: "m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21",
-      key: "182aya"
-    }
-  ],
-  ["path", { d: "M22 21H7", key: "t4ddhn" }],
-  ["path", { d: "m5 11 9 9", key: "1mo9qw" }]
-]);
 /**
  * @license lucide-react v0.469.0 - ISC
  *
@@ -12915,6 +12898,17 @@ 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 Info$1 = createLucideIcon("Info", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 16v-4", key: "1dtifu" }],
+  ["path", { d: "M12 8h.01", key: "e9boi3" }]
+]);
 /**
  * @license lucide-react v0.469.0 - ISC
  *
@@ -12952,6 +12946,28 @@ const Lightbulb = createLucideIcon("Lightbulb", [
 const LoaderCircle = createLucideIcon("LoaderCircle", [
   ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
 ]);
+/**
+ * @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 LogIn = createLucideIcon("LogIn", [
+  ["path", { d: "M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4", key: "u53s6r" }],
+  ["polyline", { points: "10 17 15 12 10 7", key: "1ail0h" }],
+  ["line", { x1: "15", x2: "3", y1: "12", y2: "12", key: "v6grx8" }]
+]);
+/**
+ * @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 LogOut = createLucideIcon("LogOut", [
+  ["path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4", key: "1uf3rs" }],
+  ["polyline", { points: "16 17 21 12 16 7", key: "1gabdz" }],
+  ["line", { x1: "21", x2: "9", y1: "12", y2: "12", key: "1uyos4" }]
+]);
 /**
  * @license lucide-react v0.469.0 - ISC
  *
@@ -12961,6 +12977,17 @@ const LoaderCircle = createLucideIcon("LoaderCircle", [
 const MessageSquare = createLucideIcon("MessageSquare", [
   ["path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z", key: "1lielz" }]
 ]);
+/**
+ * @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 Monitor = createLucideIcon("Monitor", [
+  ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
+  ["line", { x1: "8", x2: "16", y1: "21", y2: "21", key: "1svkeh" }],
+  ["line", { x1: "12", x2: "12", y1: "17", y2: "21", key: "vw1qmm" }]
+]);
 /**
  * @license lucide-react v0.469.0 - ISC
  *
@@ -13254,7 +13281,7 @@ const Zap = createLucideIcon("Zap", [
     }
   ]
 ]);
-const api$a = window.api;
+const api$b = window.api;
 const KEY_FIELDS = [
   {
     name: "ANTHROPIC_API_KEY",
@@ -13295,21 +13322,40 @@ function ApiKeySetup({ onComplete }) {
   const [visible, setVisible] = reactExports.useState({});
   const [saving, setSaving] = reactExports.useState(false);
   const [error, setError] = reactExports.useState(null);
+  const [codexStatus, setCodexStatus] = reactExports.useState(null);
+  const [codexLoggingIn, setCodexLoggingIn] = reactExports.useState(false);
   reactExports.useEffect(() => {
-    api$a.getApiKeyStatus().then((s15) => setStatus(s15));
+    api$b.getApiKeyStatus().then((s15) => setStatus(s15));
+    api$b.getOpenAICodexStatus?.().then((s15) => setCodexStatus(s15)).catch(() => {
+    });
   }, []);
-  const hasAnyLlmKey = status.ANTHROPIC_API_KEY || status.OPENAI_API_KEY || !!(values.ANTHROPIC_API_KEY || "").trim() || !!(values.OPENAI_API_KEY || "").trim();
+  const handleCodexLogin = async () => {
+    setCodexLoggingIn(true);
+    try {
+      const result = await api$b.openaiCodexLogin?.();
+      if (result?.success) {
+        setCodexStatus({ isLoggedIn: true });
+      } else {
+        setError(result?.error || "ChatGPT sign-in failed");
+      }
+    } catch (err) {
+      setError(err.message || "ChatGPT sign-in failed");
+    } finally {
+      setCodexLoggingIn(false);
+    }
+  };
+  const hasAnyLlmKey = status.ANTHROPIC_API_KEY || status.OPENAI_API_KEY || codexStatus?.isLoggedIn || !!(values.ANTHROPIC_API_KEY || "").trim() || !!(values.OPENAI_API_KEY || "").trim();
   const handleSave = async () => {
     const entries = Object.entries(values).filter(([, v3]) => v3.trim());
-    if (entries.length === 0 && !status.ANTHROPIC_API_KEY && !status.OPENAI_API_KEY) {
-      setError("Please enter at least one API key (Anthropic or OpenAI) to continue.");
+    if (entries.length === 0 && !status.ANTHROPIC_API_KEY && !status.OPENAI_API_KEY && !codexStatus?.isLoggedIn) {
+      setError("Please enter at least one API key or sign in with ChatGPT to continue.");
       return;
     }
     setSaving(true);
     setError(null);
     try {
       for (const [key, val] of entries) {
-        await api$a.saveApiKey(key, val);
+        await api$b.saveApiKey(key, val);
       }
       onComplete();
     } catch (err) {
@@ -13325,11 +13371,7 @@ function ApiKeySetup({ onComplete }) {
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative mx-auto mb-6 w-fit", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
-            className: "w-14 h-14 rounded-2xl flex items-center justify-center",
-            style: {
-              background: "linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-2) 100%)",
-              boxShadow: "0 8px 32px var(--color-accent-2-muted)"
-            },
+            className: "w-14 h-14 rounded-2xl flex items-center justify-center t-gradient-accent t-gradient-accent-shadow-lg",
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(Key, { className: "text-white", size: 22 })
           }
         ) }),
@@ -13380,7 +13422,8 @@ function ApiKeySetup({ onComplete }) {
                 className: "w-full text-xs px-2.5 py-1.5 rounded-md border t-border t-bg-base t-text font-mono pr-8\n                               focus:outline-none focus:ring-1 focus:ring-[var(--color-accent)]",
                 placeholder: alreadySet ? "••••••••  (already set — leave blank to keep)" : field.placeholder,
                 value: values[field.name] || "",
-                onChange: (e) => setValues((prev) => ({ ...prev, [field.name]: e.target.value }))
+                onChange: (e) => setValues((prev) => ({ ...prev, [field.name]: e.target.value })),
+                "aria-label": `${field.label} API key`
               }
             ),
             /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -13397,10 +13440,33 @@ function ApiKeySetup({ onComplete }) {
           /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] t-text-muted mt-1", children: field.hint })
         ] }, field.name);
       }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] t-text-muted mb-1", children: "* You need at least one of Anthropic or OpenAI. Both is fine too." }),
-      error && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-red-400 mb-3", children: error }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-lg border t-border t-bg-surface/50 p-3", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-between mb-1.5", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "text-xs font-medium t-text flex items-center gap-1.5", children: [
+          "ChatGPT Subscription",
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] t-text-muted", children: "(alternative to OpenAI API key)" }),
+          codexStatus?.isLoggedIn && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-0.5 text-[10px] text-green-500", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { size: 10 }),
+            " signed in"
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "button",
+          {
+            onClick: handleCodexLogin,
+            disabled: codexLoggingIn || codexStatus?.isLoggedIn,
+            className: "flex items-center gap-1.5 px-3 py-1.5 rounded-md border t-border text-xs t-text-secondary hover:t-text t-bg-hover disabled:opacity-50",
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(LogIn, { size: 12 }),
+              codexLoggingIn ? "Signing in..." : codexStatus?.isLoggedIn ? "Already signed in" : "Sign in with ChatGPT"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] t-text-muted mt-1", children: "Use your ChatGPT Plus/Pro subscription instead of an API key. No per-token billing." })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] t-text-muted mb-1", children: "* You need at least one of Anthropic or OpenAI (API key or ChatGPT subscription)." }),
+      error && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-red-400 mb-3", role: "alert", children: error }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
-        (status.ANTHROPIC_API_KEY || status.OPENAI_API_KEY) && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        (status.ANTHROPIC_API_KEY || status.OPENAI_API_KEY || codexStatus?.isLoggedIn) && /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
             onClick: onComplete,
@@ -13414,11 +13480,7 @@ function ApiKeySetup({ onComplete }) {
           {
             onClick: handleSave,
             disabled: saving,
-            className: "px-5 py-2 rounded-lg text-white text-sm font-medium hover:opacity-90 transition-all duration-200 disabled:opacity-50",
-            style: {
-              background: "linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-2) 100%)",
-              boxShadow: "0 4px 16px var(--color-accent-2-muted)"
-            },
+            className: "px-5 py-2 rounded-lg text-white text-sm font-medium hover:opacity-90 transition-all duration-200 disabled:opacity-50 t-gradient-accent t-gradient-accent-shadow",
             children: saving ? "Saving..." : hasAnyLlmKey ? "Save & Continue" : "Save & Continue"
           }
         )
@@ -13465,11 +13527,44 @@ const createImpl = (createState2) => {
   return useBoundStore;
 };
 const create$1 = (createState2) => createState2 ? createImpl(createState2) : createImpl;
+const REASONING_MODELS = [
+  "openai:gpt-5.4",
+  "openai:gpt-5.4-mini",
+  "openai:gpt-5.4-nano",
+  "openai:gpt-5.4-pro",
+  "openai-codex:gpt-5.4",
+  "openai-codex:gpt-5.4-mini",
+  "anthropic:claude-opus-4-6"
+];
+const SUPPORTED_MODELS = [
+  // OpenAI (API key)
+  { id: "openai:gpt-5.4", label: "GPT-5.4", provider: "OpenAI" },
+  { id: "openai:gpt-5.4-mini", label: "GPT-5.4 Mini", provider: "OpenAI" },
+  { id: "openai:gpt-5.4-nano", label: "GPT-5.4 Nano", provider: "OpenAI" },
+  { id: "openai:gpt-4o", label: "GPT-4o", provider: "OpenAI" },
+  { id: "openai:gpt-5.4-pro", label: "GPT-5.4 Pro", provider: "OpenAI" },
+  // ChatGPT Subscription (OAuth) — only models registered in pi-ai's openai-codex provider
+  { id: "openai-codex:gpt-5.4", label: "GPT-5.4", provider: "ChatGPT Subscription" },
+  { id: "openai-codex:gpt-5.4-mini", label: "GPT-5.4 Mini", provider: "ChatGPT Subscription" },
+  // Anthropic (API key)
+  { id: "anthropic:claude-opus-4-6", label: "Claude Opus 4.6", provider: "Anthropic" },
+  { id: "anthropic:claude-opus-4-5-20251101", label: "Claude Opus 4.5", provider: "Anthropic" },
+  { id: "anthropic:claude-sonnet-4-5-20250929", label: "Claude Sonnet 4.5", provider: "Anthropic" },
+  { id: "anthropic:claude-haiku-4-5-20251001", label: "Claude Haiku 4.5", provider: "Anthropic" }
+];
+const DEFAULT_MODEL = "openai:gpt-5.4";
+function parseModelKey(key) {
+  const i = key.indexOf(":");
+  if (i > 0) return { provider: key.slice(0, i), modelId: key.slice(i + 1) };
+  if (key.startsWith("claude-")) return { provider: "anthropic", modelId: key };
+  if (key.startsWith("gemini-")) return { provider: "google", modelId: key };
+  return { provider: "openai", modelId: key };
+}
 const useUIStore = create$1((set) => ({
   theme: "light",
   leftTab: "files",
   centerView: "chat",
-  selectedModel: "gpt-5.4",
+  selectedModel: DEFAULT_MODEL,
   isIdle: true,
   rightSidebarCollapsed: false,
   leftSidebarCollapsed: false,
@@ -13575,16 +13670,321 @@ async function hydratePreferences() {
   const prefs = await api2?.loadPreferences?.();
   if (!prefs) return;
   const updates = {};
-  if (prefs.selectedModel) updates.selectedModel = prefs.selectedModel;
+  if (prefs.selectedModel) {
+    const m = prefs.selectedModel;
+    if (!m.includes(":")) {
+      const { provider, modelId } = parseModelKey(m);
+      updates.selectedModel = `${provider}:${modelId}`;
+    } else {
+      updates.selectedModel = m;
+    }
+  }
   if (prefs.reasoningEffort) updates.reasoningEffort = prefs.reasoningEffort;
   if (prefs.theme) updates.theme = prefs.theme;
   if (Object.keys(updates).length > 0) useUIStore.setState(updates);
 }
 const uiStore = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
+  REASONING_MODELS,
+  SUPPORTED_MODELS,
   hydratePreferences,
   useUIStore
 }, Symbol.toStringTag, { value: "Module" }));
+const scriptRel = function detectScriptRel() {
+  const relList = typeof document !== "undefined" && document.createElement("link").relList;
+  return relList && relList.supports && relList.supports("modulepreload") ? "modulepreload" : "preload";
+}();
+const assetsURL = function(dep, importerUrl) {
+  return new URL(dep, importerUrl).href;
+};
+const seen = {};
+const __vitePreload = function preload2(baseModule, deps, importerUrl) {
+  let promise = Promise.resolve();
+  if (deps && deps.length > 0) {
+    const links = document.getElementsByTagName("link");
+    const cspNonceMeta = document.querySelector(
+      "meta[property=csp-nonce]"
+    );
+    const cspNonce = cspNonceMeta?.nonce || cspNonceMeta?.getAttribute("nonce");
+    promise = Promise.allSettled(
+      deps.map((dep) => {
+        dep = assetsURL(dep, importerUrl);
+        if (dep in seen) return;
+        seen[dep] = true;
+        const isCss = dep.endsWith(".css");
+        const cssSelector = isCss ? '[rel="stylesheet"]' : "";
+        const isBaseRelative = !!importerUrl;
+        if (isBaseRelative) {
+          for (let i = links.length - 1; i >= 0; i--) {
+            const link22 = links[i];
+            if (link22.href === dep && (!isCss || link22.rel === "stylesheet")) {
+              return;
+            }
+          }
+        } else if (document.querySelector(`link[href="${dep}"]${cssSelector}`)) {
+          return;
+        }
+        const link2 = document.createElement("link");
+        link2.rel = isCss ? "stylesheet" : scriptRel;
+        if (!isCss) {
+          link2.as = "script";
+        }
+        link2.crossOrigin = "";
+        link2.href = dep;
+        if (cspNonce) {
+          link2.setAttribute("nonce", cspNonce);
+        }
+        document.head.appendChild(link2);
+        if (isCss) {
+          return new Promise((res, rej) => {
+            link2.addEventListener("load", res);
+            link2.addEventListener(
+              "error",
+              () => rej(new Error(`Unable to preload CSS for ${dep}`))
+            );
+          });
+        }
+      })
+    );
+  }
+  function handlePreloadError(err) {
+    const e = new Event("vite:preloadError", {
+      cancelable: true
+    });
+    e.payload = err;
+    window.dispatchEvent(e);
+    if (!e.defaultPrevented) {
+      throw err;
+    }
+  }
+  return promise.then((res) => {
+    for (const item of res || []) {
+      if (item.status !== "rejected") continue;
+      handlePreloadError(item.reason);
+    }
+    return baseModule().catch(handlePreloadError);
+  });
+};
+function extractProgress(tool, data) {
+  if (!data?.partialResult) return void 0;
+  const text2 = data.partialResult?.content?.[0]?.text;
+  if (typeof text2 === "string" && text2.length > 0) {
+    const lines = text2.split("\n").filter(Boolean);
+    const maxLines = tool === "bash" ? 5 : 3;
+    return lines.slice(-maxLines).join("\n");
+  }
+  return void 0;
+}
+const useToolEventsStore = create$1((set, get) => ({
+  currentRunEvents: [],
+  onToolCall: (event) => {
+    const toolCallId = event.toolCallId || `${Date.now()}-${Math.random().toString(36).slice(2, 7)}`;
+    const newEvent = {
+      id: toolCallId,
+      toolCallId,
+      tool: event.tool,
+      status: "running",
+      summary: event.summary,
+      detail: event.detail,
+      startedAt: Date.now()
+    };
+    set((state) => ({
+      currentRunEvents: [...state.currentRunEvents, newEvent]
+    }));
+  },
+  onToolResult: (event) => {
+    set((state) => {
+      const events = [...state.currentRunEvents];
+      const idx = event.toolCallId ? events.findLastIndex((e) => e.toolCallId === event.toolCallId && e.status === "running") : events.findLastIndex((e) => e.tool === event.tool && e.status === "running");
+      if (idx !== -1) {
+        events[idx] = {
+          ...events[idx],
+          status: event.success !== false ? "success" : "error",
+          resultSummary: event.summary,
+          resultDetail: event.resultDetail,
+          durationMs: event.durationMs,
+          completedAt: Date.now()
+        };
+      }
+      return { currentRunEvents: events };
+    });
+  },
+  onToolProgress: (event) => {
+    if (event.phase === "end") return;
+    set((state) => {
+      const events = [...state.currentRunEvents];
+      const idx = events.findLastIndex((e) => e.toolCallId === event.toolCallId);
+      if (idx !== -1) {
+        const progress = extractProgress(event.tool, event.data) ?? events[idx].progress;
+        events[idx] = { ...events[idx], progress };
+      }
+      return { currentRunEvents: events };
+    });
+  },
+  snapshot: () => [...get().currentRunEvents],
+  clearRun: () => set({ currentRunEvents: [] })
+}));
+const PAGE_SIZE = 20;
+const api$a = window.api;
+let _sessionId = "";
+const useChatStore = create$1((set, get) => ({
+  messages: [],
+  streamingText: "",
+  isStreaming: false,
+  savedMessageIds: /* @__PURE__ */ new Set(),
+  turnToolEvents: /* @__PURE__ */ new Map(),
+  draftText: "",
+  setDraftText: (text2) => set({ draftText: text2 }),
+  hasMore: false,
+  isLoadingHistory: false,
+  _offset: 0,
+  scrollToMessageId: null,
+  send: async (text2, images) => {
+    const userMsg = {
+      id: crypto.randomUUID(),
+      role: "user",
+      content: text2,
+      images: images?.map((i) => `data:${i.mimeType};base64,${i.base64}`),
+      timestamp: Date.now()
+    };
+    set((s15) => ({
+      messages: [...s15.messages, userMsg],
+      streamingText: "",
+      isStreaming: true
+    }));
+    if (_sessionId) {
+      api$a.saveMessage(_sessionId, userMsg).catch(() => {
+      });
+    }
+    const { useUsageStore: useUsageStore2 } = await __vitePreload(async () => {
+      const { useUsageStore: useUsageStore3 } = await Promise.resolve().then(() => usageStore);
+      return { useUsageStore: useUsageStore3 };
+    }, true ? void 0 : void 0, import.meta.url);
+    useUsageStore2.getState().resetRun();
+    try {
+      const { useUIStore: useUIStore2 } = await __vitePreload(async () => {
+        const { useUIStore: useUIStore3 } = await Promise.resolve().then(() => uiStore);
+        return { useUIStore: useUIStore3 };
+      }, true ? void 0 : void 0, import.meta.url);
+      const model = useUIStore2.getState().selectedModel;
+      await api$a.sendMessage(text2, void 0, model, images);
+    } catch {
+    }
+  },
+  stop: async () => {
+    await api$a.stopAgent();
+  },
+  appendChunk: (chunk) => {
+    set((s15) => ({ streamingText: s15.streamingText + chunk }));
+  },
+  finalize: (result) => {
+    const content2 = result.response || result.error || "No response";
+    const assistantMsg = {
+      id: crypto.randomUUID(),
+      role: "assistant",
+      content: content2,
+      images: result.images?.map((i) => `data:${i.mimeType};base64,${i.base64}`),
+      timestamp: Date.now()
+    };
+    const toolEventsSnapshot = useToolEventsStore.getState().snapshot();
+    useToolEventsStore.getState().clearRun();
+    set((s15) => {
+      const nextToolEvents = new Map(s15.turnToolEvents);
+      if (toolEventsSnapshot.length > 0) {
+        nextToolEvents.set(assistantMsg.id, toolEventsSnapshot);
+      }
+      return {
+        messages: [...s15.messages, assistantMsg],
+        streamingText: "",
+        isStreaming: false,
+        turnToolEvents: nextToolEvents
+      };
+    });
+    if (_sessionId) {
+      api$a.saveMessage(_sessionId, assistantMsg).catch(() => {
+      });
+    }
+  },
+  clear: () => {
+    _sessionId = "";
+    return set({
+      messages: [],
+      streamingText: "",
+      isStreaming: false,
+      savedMessageIds: /* @__PURE__ */ new Set(),
+      turnToolEvents: /* @__PURE__ */ new Map(),
+      draftText: "",
+      hasMore: false,
+      isLoadingHistory: false,
+      _offset: 0,
+      scrollToMessageId: null
+    });
+  },
+  markSaved: (messageId) => {
+    set((s15) => {
+      const next = new Set(s15.savedMessageIds);
+      next.add(messageId);
+      return { savedMessageIds: next };
+    });
+    if (_sessionId) {
+      api$a.markMessageSaved(_sessionId, messageId).catch(() => {
+      });
+    }
+  },
+  insertContextReset: () => {
+    const divider = {
+      id: `ctx-reset-${Date.now()}`,
+      role: "system",
+      content: "AI context has been reset — chat history is preserved.",
+      timestamp: Date.now()
+    };
+    set((s15) => ({ messages: [...s15.messages, divider] }));
+  },
+  loadInitial: async (sessionId) => {
+    _sessionId = sessionId;
+    try {
+      const [count, messages, savedIds] = await Promise.all([
+        api$a.getMessageCount(sessionId),
+        api$a.loadMessages(sessionId, 0, PAGE_SIZE),
+        api$a.loadSavedMessageIds(sessionId)
+      ]);
+      set({
+        messages,
+        hasMore: count > PAGE_SIZE,
+        _offset: PAGE_SIZE,
+        savedMessageIds: new Set(savedIds || [])
+      });
+    } catch {
+    }
+  },
+  loadHistory: async () => {
+    const { hasMore, isLoadingHistory, _offset } = get();
+    if (!hasMore || isLoadingHistory || !_sessionId) return;
+    set({ isLoadingHistory: true });
+    try {
+      const [count, older] = await Promise.all([
+        api$a.getMessageCount(_sessionId),
+        api$a.loadMessages(_sessionId, _offset, PAGE_SIZE)
+      ]);
+      if (older.length > 0) {
+        set((s15) => ({
+          messages: [...older, ...s15.messages],
+          _offset: s15._offset + older.length,
+          hasMore: s15._offset + older.length < count,
+          isLoadingHistory: false
+        }));
+      } else {
+        set({ hasMore: false, isLoadingHistory: false });
+      }
+    } catch {
+      set({ isLoadingHistory: false });
+    }
+  },
+  requestScrollTo: (messageId) => {
+    set({ scrollToMessageId: messageId });
+    setTimeout(() => set({ scrollToMessageId: null }), 100);
+  }
+}));
 function ok$1() {
 }
 function unreachable() {
@@ -26187,292 +26587,6 @@ const useEntityStore = create$1((set, get) => ({
     await get().refreshAll();
   }
 }));
-const scriptRel = function detectScriptRel() {
-  const relList = typeof document !== "undefined" && document.createElement("link").relList;
-  return relList && relList.supports && relList.supports("modulepreload") ? "modulepreload" : "preload";
-}();
-const assetsURL = function(dep, importerUrl) {
-  return new URL(dep, importerUrl).href;
-};
-const seen = {};
-const __vitePreload = function preload2(baseModule, deps, importerUrl) {
-  let promise = Promise.resolve();
-  if (deps && deps.length > 0) {
-    const links = document.getElementsByTagName("link");
-    const cspNonceMeta = document.querySelector(
-      "meta[property=csp-nonce]"
-    );
-    const cspNonce = cspNonceMeta?.nonce || cspNonceMeta?.getAttribute("nonce");
-    promise = Promise.allSettled(
-      deps.map((dep) => {
-        dep = assetsURL(dep, importerUrl);
-        if (dep in seen) return;
-        seen[dep] = true;
-        const isCss = dep.endsWith(".css");
-        const cssSelector = isCss ? '[rel="stylesheet"]' : "";
-        const isBaseRelative = !!importerUrl;
-        if (isBaseRelative) {
-          for (let i = links.length - 1; i >= 0; i--) {
-            const link22 = links[i];
-            if (link22.href === dep && (!isCss || link22.rel === "stylesheet")) {
-              return;
-            }
-          }
-        } else if (document.querySelector(`link[href="${dep}"]${cssSelector}`)) {
-          return;
-        }
-        const link2 = document.createElement("link");
-        link2.rel = isCss ? "stylesheet" : scriptRel;
-        if (!isCss) {
-          link2.as = "script";
-        }
-        link2.crossOrigin = "";
-        link2.href = dep;
-        if (cspNonce) {
-          link2.setAttribute("nonce", cspNonce);
-        }
-        document.head.appendChild(link2);
-        if (isCss) {
-          return new Promise((res, rej) => {
-            link2.addEventListener("load", res);
-            link2.addEventListener(
-              "error",
-              () => rej(new Error(`Unable to preload CSS for ${dep}`))
-            );
-          });
-        }
-      })
-    );
-  }
-  function handlePreloadError(err) {
-    const e = new Event("vite:preloadError", {
-      cancelable: true
-    });
-    e.payload = err;
-    window.dispatchEvent(e);
-    if (!e.defaultPrevented) {
-      throw err;
-    }
-  }
-  return promise.then((res) => {
-    for (const item of res || []) {
-      if (item.status !== "rejected") continue;
-      handlePreloadError(item.reason);
-    }
-    return baseModule().catch(handlePreloadError);
-  });
-};
-function extractProgress(tool, data) {
-  if (!data?.partialResult) return void 0;
-  const text2 = data.partialResult?.content?.[0]?.text;
-  if (typeof text2 === "string" && text2.length > 0) {
-    const lines = text2.split("\n").filter(Boolean);
-    const maxLines = tool === "bash" ? 5 : 3;
-    return lines.slice(-maxLines).join("\n");
-  }
-  return void 0;
-}
-const useToolEventsStore = create$1((set, get) => ({
-  currentRunEvents: [],
-  onToolCall: (event) => {
-    const toolCallId = event.toolCallId || `${Date.now()}-${Math.random().toString(36).slice(2, 7)}`;
-    const newEvent = {
-      id: toolCallId,
-      toolCallId,
-      tool: event.tool,
-      status: "running",
-      summary: event.summary,
-      detail: event.detail,
-      startedAt: Date.now()
-    };
-    set((state) => ({
-      currentRunEvents: [...state.currentRunEvents, newEvent]
-    }));
-  },
-  onToolResult: (event) => {
-    set((state) => {
-      const events = [...state.currentRunEvents];
-      const idx = event.toolCallId ? events.findLastIndex((e) => e.toolCallId === event.toolCallId && e.status === "running") : events.findLastIndex((e) => e.tool === event.tool && e.status === "running");
-      if (idx !== -1) {
-        events[idx] = {
-          ...events[idx],
-          status: event.success !== false ? "success" : "error",
-          resultSummary: event.summary,
-          resultDetail: event.resultDetail,
-          durationMs: event.durationMs,
-          completedAt: Date.now()
-        };
-      }
-      return { currentRunEvents: events };
-    });
-  },
-  onToolProgress: (event) => {
-    if (event.phase === "end") return;
-    set((state) => {
-      const events = [...state.currentRunEvents];
-      const idx = events.findLastIndex((e) => e.toolCallId === event.toolCallId);
-      if (idx !== -1) {
-        const progress = extractProgress(event.tool, event.data) ?? events[idx].progress;
-        events[idx] = { ...events[idx], progress };
-      }
-      return { currentRunEvents: events };
-    });
-  },
-  snapshot: () => [...get().currentRunEvents],
-  clearRun: () => set({ currentRunEvents: [] })
-}));
-const PAGE_SIZE = 20;
-const api$8 = window.api;
-let _sessionId = "";
-const useChatStore = create$1((set, get) => ({
-  messages: [],
-  streamingText: "",
-  isStreaming: false,
-  savedMessageIds: /* @__PURE__ */ new Set(),
-  turnToolEvents: /* @__PURE__ */ new Map(),
-  draftText: "",
-  setDraftText: (text2) => set({ draftText: text2 }),
-  hasMore: false,
-  isLoadingHistory: false,
-  _offset: 0,
-  scrollToMessageId: null,
-  send: async (text2, images) => {
-    const userMsg = {
-      id: crypto.randomUUID(),
-      role: "user",
-      content: text2,
-      images: images?.map((i) => `data:${i.mimeType};base64,${i.base64}`),
-      timestamp: Date.now()
-    };
-    set((s15) => ({
-      messages: [...s15.messages, userMsg],
-      streamingText: "",
-      isStreaming: true
-    }));
-    if (_sessionId) {
-      api$8.saveMessage(_sessionId, userMsg).catch(() => {
-      });
-    }
-    const { useUsageStore: useUsageStore2 } = await __vitePreload(async () => {
-      const { useUsageStore: useUsageStore3 } = await Promise.resolve().then(() => usageStore);
-      return { useUsageStore: useUsageStore3 };
-    }, true ? void 0 : void 0, import.meta.url);
-    useUsageStore2.getState().resetRun();
-    try {
-      const { useUIStore: useUIStore2 } = await __vitePreload(async () => {
-        const { useUIStore: useUIStore3 } = await Promise.resolve().then(() => uiStore);
-        return { useUIStore: useUIStore3 };
-      }, true ? void 0 : void 0, import.meta.url);
-      const model = useUIStore2.getState().selectedModel;
-      await api$8.sendMessage(text2, void 0, model, images);
-    } catch {
-    }
-  },
-  stop: async () => {
-    await api$8.stopAgent();
-  },
-  appendChunk: (chunk) => {
-    set((s15) => ({ streamingText: s15.streamingText + chunk }));
-  },
-  finalize: (result) => {
-    const content2 = result.response || result.error || "No response";
-    const assistantMsg = {
-      id: crypto.randomUUID(),
-      role: "assistant",
-      content: content2,
-      images: result.images?.map((i) => `data:${i.mimeType};base64,${i.base64}`),
-      timestamp: Date.now()
-    };
-    const toolEventsSnapshot = useToolEventsStore.getState().snapshot();
-    useToolEventsStore.getState().clearRun();
-    set((s15) => {
-      const nextToolEvents = new Map(s15.turnToolEvents);
-      if (toolEventsSnapshot.length > 0) {
-        nextToolEvents.set(assistantMsg.id, toolEventsSnapshot);
-      }
-      return {
-        messages: [...s15.messages, assistantMsg],
-        streamingText: "",
-        isStreaming: false,
-        turnToolEvents: nextToolEvents
-      };
-    });
-    if (_sessionId) {
-      api$8.saveMessage(_sessionId, assistantMsg).catch(() => {
-      });
-    }
-  },
-  clear: () => {
-    _sessionId = "";
-    return set({
-      messages: [],
-      streamingText: "",
-      isStreaming: false,
-      savedMessageIds: /* @__PURE__ */ new Set(),
-      turnToolEvents: /* @__PURE__ */ new Map(),
-      draftText: "",
-      hasMore: false,
-      isLoadingHistory: false,
-      _offset: 0,
-      scrollToMessageId: null
-    });
-  },
-  markSaved: (messageId) => {
-    set((s15) => {
-      const next = new Set(s15.savedMessageIds);
-      next.add(messageId);
-      return { savedMessageIds: next };
-    });
-    if (_sessionId) {
-      api$8.markMessageSaved(_sessionId, messageId).catch(() => {
-      });
-    }
-  },
-  loadInitial: async (sessionId) => {
-    _sessionId = sessionId;
-    try {
-      const [count, messages, savedIds] = await Promise.all([
-        api$8.getMessageCount(sessionId),
-        api$8.loadMessages(sessionId, 0, PAGE_SIZE),
-        api$8.loadSavedMessageIds(sessionId)
-      ]);
-      set({
-        messages,
-        hasMore: count > PAGE_SIZE,
-        _offset: PAGE_SIZE,
-        savedMessageIds: new Set(savedIds || [])
-      });
-    } catch {
-    }
-  },
-  loadHistory: async () => {
-    const { hasMore, isLoadingHistory, _offset } = get();
-    if (!hasMore || isLoadingHistory || !_sessionId) return;
-    set({ isLoadingHistory: true });
-    try {
-      const [count, older] = await Promise.all([
-        api$8.getMessageCount(_sessionId),
-        api$8.loadMessages(_sessionId, _offset, PAGE_SIZE)
-      ]);
-      if (older.length > 0) {
-        set((s15) => ({
-          messages: [...older, ...s15.messages],
-          _offset: s15._offset + older.length,
-          hasMore: s15._offset + older.length < count,
-          isLoadingHistory: false
-        }));
-      } else {
-        set({ hasMore: false, isLoadingHistory: false });
-      }
-    } catch {
-      set({ isLoadingHistory: false });
-    }
-  },
-  requestScrollTo: (messageId) => {
-    set({ scrollToMessageId: messageId });
-    setTimeout(() => set({ scrollToMessageId: null }), 100);
-  }
-}));
 const useProgressStore = create$1((set) => ({
   items: [],
   upsertItem: (item) => set((state) => {
@@ -26525,10 +26639,10 @@ function findLastIndex(arr, pred) {
   }
   return -1;
 }
-const api$7 = window.api;
+const api$8 = window.api;
 async function loadFromFramework() {
   try {
-    const data = await api$7?.getUsageTotals?.();
+    const data = await api$8?.getUsageTotals?.();
     return data ?? null;
   } catch (e) {
     console.warn("[usage-store] Failed to load persisted totals:", e);
@@ -26644,7 +26758,7 @@ const useUsageStore = create$1((set, get) => {
     },
     // Reset all-time totals (user-initiated)
     resetAllTime: () => {
-      api$7?.resetUsageTotals?.().catch?.(() => {
+      api$8?.resetUsageTotals?.().catch?.(() => {
       });
       set({
         runPromptTokens: 0,
@@ -26675,13 +26789,13 @@ const usageStore = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   __proto__: null,
   useUsageStore
 }, Symbol.toStringTag, { value: "Module" }));
-const api$6 = window.api;
+const api$7 = window.api;
 const useSessionStore = create$1((set) => ({
   sessionId: "",
   projectPath: "",
   hasProject: false,
   init: async () => {
-    const session = await api$6.getCurrentSession();
+    const session = await api$7.getCurrentSession();
     set({
       sessionId: session.sessionId,
       projectPath: session.projectPath,
@@ -26692,7 +26806,7 @@ const useSessionStore = create$1((set) => ({
     }
   },
   pickFolder: async () => {
-    const result = await api$6.pickFolder();
+    const result = await api$7.pickFolder();
     if (result) {
       useChatStore.getState().clear();
       useProgressStore.getState().clear();
@@ -26713,7 +26827,7 @@ const useSessionStore = create$1((set) => ({
     return false;
   },
   closeProject: async () => {
-    await api$6.closeProject();
+    await api$7.closeProject();
     useChatStore.getState().clear();
     useProgressStore.getState().clear();
     useActivityStore.getState().clear();
@@ -26723,7 +26837,7 @@ const useSessionStore = create$1((set) => ({
     set({ sessionId: "", projectPath: "", hasProject: false });
   }
 }));
-const api$5 = window.api;
+const api$6 = window.api;
 const ROW_HEIGHT = 28;
 const OVERSCAN_ROWS = 10;
 const MAX_DROP_FILE_SIZE = 100 * 1024 * 1024;
@@ -26822,7 +26936,7 @@ function WorkspaceTree() {
     const parentKey = toKey(relativePath);
     setParentLoading(parentKey, true);
     try {
-      const children = await api$5.listTree({
+      const children = await api$6.listTree({
         relativePath,
         showIgnored,
         limit: 2e3
@@ -26847,8 +26961,8 @@ function WorkspaceTree() {
         void Promise.all(dirs.map((dir) => loadChildren(dir)));
       }, 500);
     };
-    const unsubFileCreated = api$5.onFileCreated(scheduleRefresh);
-    const unsubAgentDone = api$5.onAgentDone(scheduleRefresh);
+    const unsubFileCreated = api$6.onFileCreated(scheduleRefresh);
+    const unsubAgentDone = api$6.onAgentDone(scheduleRefresh);
     return () => {
       if (debounceTimer) clearTimeout(debounceTimer);
       unsubFileCreated();
@@ -26888,7 +27002,7 @@ function WorkspaceTree() {
       }
       setSearching(true);
       try {
-        const results = await api$5.searchTree(query.trim(), { showIgnored, maxResults: 4e3 });
+        const results = await api$6.searchTree(query.trim(), { showIgnored, maxResults: 4e3 });
         setSearchResults(results);
       } finally {
         setSearching(false);
@@ -26932,7 +27046,7 @@ function WorkspaceTree() {
     if (node2.type !== "file") return;
     const ext = (node2.name.split(".").pop() || "").toLowerCase();
     if (!TEXT_EXTENSIONS.has(ext)) {
-      api$5.openFile(node2.path);
+      api$6.openFile(node2.path);
       return;
     }
     const normalizedNodePath = normalizePath(node2.path);
@@ -26957,14 +27071,14 @@ function WorkspaceTree() {
     });
   }, [data, openPreview]);
   const createArtifact = reactExports.useCallback(async (node2) => {
-    await api$5.createArtifactFromFile(node2.path);
+    await api$6.createArtifactFromFile(node2.path);
     await refreshEntities();
   }, [refreshEntities]);
   const handleTrashClick = reactExports.useCallback(async (node2) => {
     if (confirmTrashPath === node2.relativePath) {
       if (confirmTimerRef.current) clearTimeout(confirmTimerRef.current);
       setConfirmTrashPath(null);
-      const result = await api$5.trashFile(node2.path);
+      const result = await api$6.trashFile(node2.path);
       if (result.success) {
         const parentRelPath = node2.relativePath.includes("/") ? node2.relativePath.slice(0, node2.relativePath.lastIndexOf("/")) : "";
         await loadChildren(parentRelPath);
@@ -27013,7 +27127,7 @@ function WorkspaceTree() {
       return;
     }
     const relPath = creating.parentDir ? `${creating.parentDir}/${createValue.trim()}` : createValue.trim();
-    const result = creating.type === "file" ? await api$5.createFile(relPath) : await api$5.createDir(relPath);
+    const result = creating.type === "file" ? await api$6.createFile(relPath) : await api$6.createDir(relPath);
     if (result.success) {
       await loadChildren(creating.parentDir);
     }
@@ -27040,7 +27154,7 @@ function WorkspaceTree() {
     const parentDir = renaming.includes("/") ? renaming.slice(0, renaming.lastIndexOf("/")) : "";
     const newRelPath = parentDir ? `${parentDir}/${renameValue.trim()}` : renameValue.trim();
     if (newRelPath !== renaming) {
-      await api$5.renameFile(renaming, newRelPath);
+      await api$6.renameFile(renaming, newRelPath);
       await loadChildren(parentDir);
     }
     setRenaming(null);
@@ -27082,7 +27196,7 @@ function WorkspaceTree() {
       const base64 = btoa(
         new Uint8Array(buffer).reduce((data2, byte) => data2 + String.fromCharCode(byte), "")
       );
-      await api$5.dropToDir(file.name, base64, targetRelPath);
+      await api$6.dropToDir(file.name, base64, targetRelPath);
     }
     await loadChildren(targetRelPath);
   }, [getDropDir, loadChildren]);
@@ -27108,7 +27222,7 @@ function WorkspaceTree() {
       const base64 = btoa(
         new Uint8Array(buffer).reduce((data2, byte) => data2 + String.fromCharCode(byte), "")
       );
-      await api$5.dropToDir(file.name, base64, "");
+      await api$6.dropToDir(file.name, base64, "");
     }
     await loadChildren("");
   }, [loadChildren]);
@@ -27170,7 +27284,7 @@ function WorkspaceTree() {
       "div",
       {
         className: "flex items-center gap-1 rounded px-1.5 h-7 text-xs bg-[var(--color-accent)]/10",
-        style: { paddingLeft: `${depth * 14 + 6}px` },
+        style: { paddingLeft: `${depth * 1.1 + 0.4}em` },
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-3 shrink-0" }),
           creating.type === "directory" ? /* @__PURE__ */ jsxRuntimeExports.jsx(Folder, { size: 12, className: "shrink-0 t-text-warning" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(File, { size: 12, className: "shrink-0 t-text-muted" }),
@@ -27197,7 +27311,7 @@ function WorkspaceTree() {
         "div",
         {
           className: "flex items-center gap-1 text-xs t-text-muted h-7",
-          style: { paddingLeft: `${row.depth * 14 + 26}px` },
+          style: { paddingLeft: `${row.depth * 1.1 + 2}em` },
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { size: 11, className: "animate-spin" }),
             "Loading..."
@@ -27330,6 +27444,7 @@ function WorkspaceTree() {
             value: query,
             onChange: (e) => setQuery(e.target.value),
             placeholder: "Filter files...",
+            "aria-label": "Filter files",
             className: "w-full bg-transparent text-xs outline-none t-focus-ring t-text"
           }
         )
@@ -27843,6 +27958,7 @@ function SkillsContent() {
             onClick: () => fileInputRef.current?.click(),
             className: "no-drag flex items-center gap-1 px-1.5 py-0.5 text-[10px] t-text-muted hover:t-text-accent-soft transition-colors rounded t-bg-hover",
             title: "Upload skill (.zip)",
+            "aria-label": "Install skill from zip file",
             children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(CloudUpload, { size: 11 }),
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Install" })
@@ -27870,6 +27986,7 @@ function SkillsContent() {
             value: searchQuery,
             onChange: (e) => setSearchQuery(e.target.value),
             placeholder: "Search skills or tags...",
+            "aria-label": "Search skills",
             className: "w-full pl-6 pr-2 py-1 text-[11px] rounded border t-border t-bg-surface t-text focus:outline-none focus:border-[var(--color-accent-soft)]"
           }
         )
@@ -27957,13 +28074,30 @@ function EntityTabs() {
         return null;
     }
   };
+  const handleTabKeyDown = (e) => {
+    const tabKeys = tabs.map((t) => t.key);
+    const idx = tabKeys.indexOf(leftTab);
+    if (e.key === "ArrowRight" || e.key === "ArrowDown") {
+      e.preventDefault();
+      const next = tabKeys[(idx + 1) % tabKeys.length];
+      setLeftTab(next);
+    } else if (e.key === "ArrowLeft" || e.key === "ArrowUp") {
+      e.preventDefault();
+      const prev = tabKeys[(idx - 1 + tabKeys.length) % tabKeys.length];
+      setLeftTab(prev);
+    }
+  };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "h-full flex flex-col min-h-0", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex border-b t-border px-1", role: "tablist", "aria-label": "Content categories", children: tabs.map(({ key, label, icon: Icon2 }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "button",
       {
         role: "tab",
+        id: `tab-${key}`,
         "aria-selected": leftTab === key,
+        "aria-controls": `tabpanel-${key}`,
+        tabIndex: leftTab === key ? 0 : -1,
         onClick: () => setLeftTab(key),
+        onKeyDown: handleTabKeyDown,
         className: `no-drag flex items-center gap-1 px-2 py-2 text-[11px] font-medium border-b-2 transition-colors ${leftTab === key ? "border-[var(--color-accent-soft)] t-text-accent" : "border-transparent t-text-muted hover:t-text-secondary"}`,
         title: label,
         children: [
@@ -27973,7 +28107,16 @@ function EntityTabs() {
       },
       key
     )) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0 overflow-hidden flex flex-col", children: renderContent() })
+    /* @__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()
+      }
+    )
   ] });
 }
 function QuickAction({
@@ -28158,6 +28301,166 @@ function LiteratureSidebar() {
     ] })
   ] });
 }
+const useComputeStore = create$1((set) => ({
+  runs: /* @__PURE__ */ new Map(),
+  environment: null,
+  updateRun: (runId, data) => set((state) => {
+    const next = new Map(state.runs);
+    const existing = next.get(runId);
+    if (existing) {
+      next.set(runId, { ...existing, ...data });
+    } else {
+      next.set(runId, {
+        runId,
+        status: "running",
+        currentPhase: "full",
+        command: "",
+        sandbox: "process",
+        weight: "heavy",
+        elapsedSeconds: 0,
+        outputBytes: 0,
+        outputLines: 0,
+        stalled: false,
+        outputTail: "",
+        ...data
+      });
+    }
+    return { runs: next };
+  }),
+  removeRun: (runId) => set((state) => {
+    const next = new Map(state.runs);
+    next.delete(runId);
+    return { runs: next };
+  }),
+  setEnvironment: (env2) => set({ environment: env2 }),
+  reset: () => set({ runs: /* @__PURE__ */ new Map(), environment: null })
+}));
+function useActiveRuns() {
+  const runs = useComputeStore((s15) => s15.runs);
+  return Array.from(runs.values()).filter(
+    (r) => r.status === "running" || r.status === "stalled"
+  );
+}
+function useRecentRuns() {
+  const runs = useComputeStore((s15) => s15.runs);
+  return Array.from(runs.values()).filter((r) => r.status !== "running" && r.status !== "stalled").sort((a, b2) => {
+    const aTime = a.startedAt ? new Date(a.startedAt).getTime() : 0;
+    const bTime = b2.startedAt ? new Date(b2.startedAt).getTime() : 0;
+    return bTime - aTime;
+  }).slice(0, 20);
+}
+function useActiveRunCount() {
+  const runs = useComputeStore((s15) => s15.runs);
+  let count = 0;
+  for (const r of runs.values()) {
+    if (r.status === "running" || r.status === "stalled") count++;
+  }
+  return count;
+}
+function ResourceBar({ label, percent }) {
+  const clamped = Math.min(100, Math.max(0, percent));
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] t-text-muted w-11 text-right shrink-0", children: label }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 h-1 rounded-full t-bg-elevated overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        className: `h-full rounded-full transition-all duration-700 ${clamped > 85 ? "" : "t-gradient-accent-h"}`,
+        style: {
+          width: `${clamped}%`,
+          ...clamped > 85 ? { background: "var(--color-text-muted)", opacity: 0.6 } : { opacity: 0.5 }
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] t-text-muted tabular-nums w-7 shrink-0", children: [
+      clamped,
+      "%"
+    ] })
+  ] });
+}
+function SandboxExplanation({ environment }) {
+  const [expanded, setExpanded] = reactExports.useState(false);
+  const isDocker = environment.sandbox === "docker";
+  const isMac = environment.os === "darwin";
+  const hasMLX = environment.mlxAvailable;
+  let explanation;
+  if (isDocker && isMac) {
+    explanation = "Docker available. Note: Docker on macOS lacks GPU passthrough. Switch to Process sandbox for MLX/Metal GPU access if needed.";
+  } else if (isDocker) {
+    explanation = "Docker available. Runs execute in isolated containers with resource limits.";
+  } else if (isMac && hasMLX) {
+    explanation = "Process sandbox uses Python virtual environments with process-group isolation. Direct MLX/Metal GPU access for ML training.";
+  } else if (isMac) {
+    explanation = "Process sandbox uses Python virtual environments. Install Docker for stronger container-based isolation.";
+  } else {
+    explanation = "Process sandbox uses Python virtual environments with process-group isolation.";
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-2 pt-2 border-t t-border-subtle", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        onClick: () => setExpanded(!expanded),
+        className: "flex items-center gap-1 text-[10px] t-text-muted hover:t-text-secondary transition-colors w-full text-left",
+        children: [
+          expanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { size: 10 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { size: 10 }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+            "Sandbox: ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-secondary", children: isDocker ? "Docker" : "Process (venv)" })
+          ] })
+        ]
+      }
+    ),
+    expanded && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-1.5 ml-3.5 text-[10px] t-text-muted leading-relaxed", children: explanation })
+  ] });
+}
+function ComputeSidebar() {
+  const environment = useComputeStore((s15) => s15.environment);
+  const activeCount = useActiveRunCount();
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "h-full flex flex-col min-h-0", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-2 pt-2 pb-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] t-text-accent-soft uppercase tracking-wider px-3 pb-1.5 font-medium", children: "Compute Target" }),
+      environment ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-3 py-2.5 rounded-lg t-bg-surface border t-border-subtle", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `w-1.5 h-1.5 rounded-full shrink-0 ${activeCount > 0 ? "bg-[var(--color-accent)]" : "bg-[var(--color-text-muted)]"}`, style: { opacity: activeCount > 0 ? 1 : 0.5 } }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs t-text font-medium", children: "Local Machine" })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-[10px] t-text-muted leading-relaxed space-y-0.5", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+            environment.gpu || `${environment.os} ${environment.arch}`,
+            " · ",
+            Math.round(environment.totalMemoryMb / 1024),
+            " GB"
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5 flex-wrap", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Python" }),
+            environment.mlxAvailable && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "px-1 py-px rounded text-[9px] bg-[var(--color-accent-soft)]/10 t-text-accent", children: "MLX" }),
+            environment.sandbox === "docker" && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "px-1 py-px rounded text-[9px] t-bg-elevated t-text-muted", children: "Docker" })
+          ] })
+        ] }),
+        (environment.freeMemoryMb !== void 0 || environment.freeDiskMb !== void 0) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2.5 space-y-1.5", children: environment.freeMemoryMb !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ResourceBar,
+          {
+            label: "Memory",
+            percent: Math.round((1 - environment.freeMemoryMb / environment.totalMemoryMb) * 100)
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SandboxExplanation, { environment }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 pt-2 border-t t-border-subtle text-[10px] t-text-muted", children: activeCount > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+          activeCount,
+          " running"
+        ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Ready" }) })
+      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 py-4 rounded-lg t-bg-surface border t-border-subtle", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 t-text-muted", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Monitor, { size: 14, className: "opacity-40" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px]", children: "Detecting environment..." })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1.5 px-3 py-2 rounded-lg border border-dashed t-border-subtle cursor-default", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] t-text-muted opacity-60", children: "+ Add remote target" }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-3 border-t t-border" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto px-3 py-3", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-2 text-[10px] t-text-muted leading-relaxed", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Info$1, { size: 12, className: "shrink-0 mt-0.5 opacity-40" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Ask the agent to run scripts, train models, or process data. Code executes in a sandboxed environment with progress tracking and failure analysis." })
+    ] }) })
+  ] });
+}
 function UserProfile() {
   const projectPath = useSessionStore((s15) => s15.projectPath);
   const pickFolder = useSessionStore((s15) => s15.pickFolder);
@@ -28181,25 +28484,6 @@ function UserProfile() {
     }
   );
 }
-const REASONING_MODELS = [
-  "gpt-5.4",
-  "gpt-5.4-mini",
-  "gpt-5.4-nano",
-  "claude-opus-4-6"
-];
-const SUPPORTED_MODELS = [
-  // GPT
-  { id: "gpt-5.4", label: "GPT-5.4", provider: "OpenAI" },
-  { id: "gpt-5.4-mini", label: "GPT-5.4 Mini", provider: "OpenAI" },
-  { id: "gpt-5.4-nano", label: "GPT-5.4 Nano", provider: "OpenAI" },
-  { id: "gpt-4o", label: "GPT-4o", provider: "OpenAI" },
-  // Anthropic Claude 4.6
-  { id: "claude-opus-4-6", label: "Claude Opus 4.6", provider: "Anthropic" },
-  // Anthropic Claude 4.5
-  { id: "claude-opus-4-5-20251101", label: "Claude Opus 4.5", provider: "Anthropic" },
-  { id: "claude-sonnet-4-5-20250929", label: "Claude Sonnet 4.5", provider: "Anthropic" },
-  { id: "claude-haiku-4-5-20251001", label: "Claude Haiku 4.5", provider: "Anthropic" }
-];
 const providers = [...new Set(SUPPORTED_MODELS.map((m) => m.provider))];
 const groupedModels = {};
 for (const p of providers) {
@@ -28208,6 +28492,8 @@ for (const p of providers) {
 function ModelSelector$1({ selectedModel, onSelectModel }) {
   const [open, setOpen] = reactExports.useState(false);
   const [anthropicStatus, setAnthropicStatus] = reactExports.useState(null);
+  const [codexStatus, setCodexStatus] = reactExports.useState(null);
+  const [codexLoggingIn, setCodexLoggingIn] = reactExports.useState(false);
   const [showAnthropicDialog, setShowAnthropicDialog] = reactExports.useState(false);
   const [showOpenAIDialog, setShowOpenAIDialog] = reactExports.useState(false);
   const ref = reactExports.useRef(null);
@@ -28221,6 +28507,14 @@ function ModelSelector$1({ selectedModel, onSelectModel }) {
       setAnthropicStatus(null);
     }
   }, [api2]);
+  const refreshCodexStatus = reactExports.useCallback(async () => {
+    try {
+      const status = await api2?.getOpenAICodexStatus?.();
+      setCodexStatus(status ?? null);
+    } catch {
+      setCodexStatus(null);
+    }
+  }, [api2]);
   reactExports.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
@@ -28241,13 +28535,47 @@ function ModelSelector$1({ selectedModel, onSelectModel }) {
   }, [open]);
   reactExports.useEffect(() => {
     refreshAnthropicStatus();
+    refreshCodexStatus();
     const unsub = api2?.onAnthropicAuthStatus?.((status) => setAnthropicStatus(status));
     return () => {
       if (typeof unsub === "function") unsub();
     };
-  }, [api2, refreshAnthropicStatus]);
+  }, [api2, refreshAnthropicStatus, refreshCodexStatus]);
+  const handleCodexLogin = async () => {
+    setCodexLoggingIn(true);
+    try {
+      const result = await api2?.openaiCodexLogin?.();
+      if (result?.success) {
+        await refreshCodexStatus();
+      } else {
+        console.error("[ModelSelector] Codex login failed:", result?.error);
+      }
+    } catch (err) {
+      console.error("[ModelSelector] Codex login error:", err);
+    } finally {
+      setCodexLoggingIn(false);
+    }
+  };
+  const handleCodexLogout = async () => {
+    await api2?.openaiCodexLogout?.();
+    await refreshCodexStatus();
+  };
   const handleModelSelect = async (model) => {
-    if (model.provider === "OpenAI") {
+    const { provider } = parseModelKey(model.id);
+    if (provider === "openai-codex") {
+      if (!codexStatus?.isLoggedIn) {
+        await handleCodexLogin();
+        const status = await api2?.getOpenAICodexStatus?.();
+        if (!status?.isLoggedIn) {
+          setOpen(false);
+          return;
+        }
+      }
+      onSelectModel(model.id);
+      setOpen(false);
+      return;
+    }
+    if (provider === "openai") {
       const status = await api2?.getOpenAIAuthStatus?.();
       if (!status?.hasApiKey) {
         setShowOpenAIDialog(true);
@@ -28255,7 +28583,7 @@ function ModelSelector$1({ selectedModel, onSelectModel }) {
         return;
       }
     }
-    if (model.provider === "Anthropic") {
+    if (provider === "anthropic") {
       const status = await api2?.getAnthropicAuthStatus?.();
       if (!status?.hasApiKeyFallback) {
         setShowAnthropicDialog(true);
@@ -28267,18 +28595,27 @@ function ModelSelector$1({ selectedModel, onSelectModel }) {
     setOpen(false);
     refreshAnthropicStatus();
   };
-  const authBadge = current?.provider === "Anthropic" ? anthropicStatus?.authMode === "api-key" ? "api" : "auth" : null;
+  const { provider: currentProvider } = current ? parseModelKey(current.id) : { provider: "" };
+  const authBadge = currentProvider === "anthropic" ? anthropicStatus?.authMode === "api-key" ? "api" : "auth" : currentProvider === "openai-codex" ? "sub" : currentProvider === "openai" ? "api" : null;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref, className: "relative", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "button",
       {
         onClick: () => setOpen(!open),
-        className: "no-drag flex items-center gap-1.5 px-2 py-1.5 rounded-lg t-text-secondary text-xs font-medium t-bg-hover transition-colors",
-        title: "Select model",
+        className: "no-drag group relative flex items-center gap-1.5 px-2 py-1.5 rounded-lg t-text-secondary text-xs font-medium t-bg-hover transition-colors",
         "aria-label": "Select model",
         "aria-haspopup": "listbox",
         "aria-expanded": open,
         children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "span",
+            {
+              role: "tooltip",
+              className: "pointer-events-none absolute left-1/2 -translate-x-1/2 top-full mt-1 px-2 py-0.5 rounded text-[10px] t-bg-elevated t-text-secondary border t-border shadow-lg whitespace-nowrap opacity-0 group-hover:opacity-100 z-50",
+              style: { transition: "opacity 0.15s ease", transitionDelay: "0.2s" },
+              children: "Select model"
+            }
+          ),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Cpu, { size: 14 }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate max-w-[100px]", children: current?.label || selectedModel }),
           authBadge && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] px-1 rounded border t-border t-text-muted uppercase", children: authBadge }),
@@ -28288,7 +28625,39 @@ function ModelSelector$1({ selectedModel, onSelectModel }) {
     ),
     open && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute top-full left-0 mt-1 w-64 max-h-80 overflow-y-auto rounded-xl border t-border t-bg-surface shadow-xl z-50", role: "listbox", "aria-label": "Available models", children: providers.map((provider) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 py-1.5 text-[10px] font-semibold uppercase tracking-wider t-text-muted sticky top-0 t-bg-surface", children: provider }),
-      (provider === "OpenAI" || provider === "Anthropic") && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 pb-1 text-[11px] t-text-muted", children: "API Key Only" }),
+      provider === "ChatGPT Subscription" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-3 pb-1 flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] t-text-muted", children: codexStatus?.isLoggedIn ? "Signed in" : "OAuth required" }),
+        codexStatus?.isLoggedIn ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "button",
+          {
+            onClick: (e) => {
+              e.stopPropagation();
+              handleCodexLogout();
+            },
+            className: "text-[10px] t-text-muted hover:t-text flex items-center gap-0.5",
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(LogOut, { size: 10 }),
+              " Sign out"
+            ]
+          }
+        ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "button",
+          {
+            onClick: (e) => {
+              e.stopPropagation();
+              handleCodexLogin();
+            },
+            disabled: codexLoggingIn,
+            className: "text-[10px] t-text-accent flex items-center gap-0.5 hover:opacity-80 disabled:opacity-50",
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(LogIn, { size: 10 }),
+              " ",
+              codexLoggingIn ? "Signing in..." : "Sign in"
+            ]
+          }
+        )
+      ] }),
+      (provider === "OpenAI" || provider === "Anthropic") && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 pb-1 text-[11px] t-text-muted", children: "API Key" }),
       groupedModels[provider].map((model) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "button",
         {
@@ -28342,7 +28711,39 @@ function ApiKeyDialog({
   const [saving, setSaving] = reactExports.useState(false);
   const [error, setError] = reactExports.useState(null);
   const [showKey, setShowKey] = reactExports.useState(false);
+  const dialogRef = reactExports.useRef(null);
   const api2 = window.api;
+  reactExports.useEffect(() => {
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    const focusable = dialog.querySelectorAll(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    );
+    if (focusable.length === 0) return;
+    const first = focusable[0];
+    const last = focusable[focusable.length - 1];
+    first.focus();
+    const handler = (e) => {
+      if (e.key === "Escape") {
+        onClose();
+        return;
+      }
+      if (e.key !== "Tab") return;
+      if (e.shiftKey) {
+        if (document.activeElement === first) {
+          e.preventDefault();
+          last.focus();
+        }
+      } else {
+        if (document.activeElement === last) {
+          e.preventDefault();
+          first.focus();
+        }
+      }
+    };
+    dialog.addEventListener("keydown", handler);
+    return () => dialog.removeEventListener("keydown", handler);
+  }, []);
   const handleSave = async () => {
     const trimmed = value.trim();
     if (!trimmed) {
@@ -28360,7 +28761,7 @@ function ApiKeyDialog({
       setSaving(false);
     }
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fixed inset-0 z-[90] flex items-center justify-center bg-black/40 p-4", role: "dialog", "aria-modal": "true", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full max-w-md rounded-xl border t-border t-bg-surface shadow-2xl p-4 space-y-3", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fixed inset-0 z-[90] flex items-center justify-center bg-black/40 p-4", role: "dialog", "aria-modal": "true", "aria-label": `${provider} API Key Required`, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: dialogRef, className: "w-full max-w-md rounded-xl border t-border t-bg-surface shadow-2xl p-4 space-y-3", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-sm font-semibold t-text", children: [
         provider,
@@ -28386,6 +28787,7 @@ function ApiKeyDialog({
           onKeyDown: (e) => {
             if (e.key === "Enter") handleSave();
           },
+          "aria-label": `${provider} API key`,
           autoFocus: true
         }
       ),
@@ -28405,7 +28807,7 @@ function ApiKeyDialog({
       /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "px-1 rounded t-bg-surface", children: "~/.research-copilot/config.json" }),
       ". No restart needed."
     ] }),
-    error && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-red-400", children: error }),
+    error && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-red-400", role: "alert", children: error }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-end gap-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
@@ -28452,13 +28854,27 @@ const COLORS = {
 };
 function ReasoningToggle$1({ selectedModel, reasoningEffort, onChangeEffort }) {
   if (!REASONING_MODELS.includes(selectedModel)) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "button",
     {
       onClick: () => onChangeEffort(CYCLE[reasoningEffort]),
-      className: "no-drag p-1.5 rounded-lg t-bg-hover transition-colors",
-      title: `Reasoning: ${reasoningEffort}`,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Lightbulb, { size: 16, className: COLORS[reasoningEffort] })
+      className: "no-drag group relative p-2.5 rounded-lg t-bg-hover transition-colors",
+      "aria-label": `Reasoning effort: ${reasoningEffort}`,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Lightbulb, { size: 16, className: COLORS[reasoningEffort] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "span",
+          {
+            role: "tooltip",
+            className: "pointer-events-none absolute left-1/2 -translate-x-1/2 top-full mt-1 px-2 py-0.5 rounded text-[10px] t-bg-elevated t-text-secondary border t-border shadow-lg whitespace-nowrap opacity-0 group-hover:opacity-100 z-50",
+            style: { transition: "opacity 0.15s ease", transitionDelay: "0.2s" },
+            children: [
+              "Reasoning: ",
+              reasoningEffort
+            ]
+          }
+        )
+      ]
     }
   );
 }
@@ -28475,45 +28891,87 @@ function ReasoningToggle() {
     }
   );
 }
+function ToolbarButton({ onClick, tooltip, children }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "button",
+    {
+      onClick,
+      "aria-label": tooltip,
+      className: "no-drag group relative p-2.5 rounded-lg t-text-muted t-bg-hover transition-colors",
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "span",
+          {
+            role: "tooltip",
+            className: "pointer-events-none absolute left-1/2 -translate-x-1/2 top-full mt-1 px-2 py-0.5 rounded text-[10px] t-bg-elevated t-text-secondary border t-border shadow-lg whitespace-nowrap opacity-0 group-hover:opacity-100 z-50",
+            style: { transition: "opacity 0.15s ease", transitionDelay: "0.2s" },
+            children: tooltip
+          }
+        )
+      ]
+    }
+  );
+}
 function LeftSidebar() {
   const theme = useUIStore((s15) => s15.theme);
   const toggleTheme = useUIStore((s15) => s15.toggleTheme);
   const centerView = useUIStore((s15) => s15.centerView);
+  const noContextShownRef = reactExports.useRef(false);
+  const handleResetContext = reactExports.useCallback(async () => {
+    const messages = useChatStore.getState().messages;
+    const hasContext = messages.some((m) => m.role === "user" || m.role === "assistant");
+    if (!hasContext) {
+      if (!noContextShownRef.current) {
+        noContextShownRef.current = true;
+        useChatStore.getState().insertContextReset();
+        useChatStore.setState((s15) => {
+          const msgs = [...s15.messages];
+          const last = msgs[msgs.length - 1];
+          if (last?.role === "system") {
+            msgs[msgs.length - 1] = { ...last, content: "No context to reset yet." };
+          }
+          return { messages: msgs };
+        });
+      }
+      return;
+    }
+    await window.api.clearSessionMemory();
+    useChatStore.getState().insertContextReset();
+    noContextShownRef.current = false;
+  }, []);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("aside", { className: "w-80 flex flex-col border-r t-border t-bg-base pt-10", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 pb-3 flex items-center justify-between", 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(
-          "button",
+          ToolbarButton,
           {
-            onClick: () => window.api.clearSessionMemory(),
-            className: "no-drag p-1.5 rounded-lg t-text-muted t-bg-hover transition-colors",
-            title: "Clear session memory",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Eraser, { size: 16 })
+            onClick: handleResetContext,
+            tooltip: "Reset AI context",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCcw, { size: 16 })
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
+          ToolbarButton,
           {
             onClick: toggleTheme,
-            className: "no-drag p-1.5 rounded-lg t-text-muted t-bg-hover transition-colors",
-            title: `Switch to ${theme === "dark" ? "light" : "dark"} mode`,
+            tooltip: `${theme === "dark" ? "Light" : "Dark"} mode`,
             children: theme === "dark" ? /* @__PURE__ */ jsxRuntimeExports.jsx(Sun, { size: 16 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Moon, { size: 16 })
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
+          ToolbarButton,
           {
             onClick: () => useUIStore.getState().toggleTerminal(),
-            className: "no-drag p-1.5 rounded-lg t-text-muted t-bg-hover transition-colors",
-            title: "Toggle terminal (⌘`)",
+            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, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(EntityTabs, {}) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0", children: centerView === "literature" ? /* @__PURE__ */ jsxRuntimeExports.jsx(LiteratureSidebar, {}) : centerView === "compute" && window.api?.isComputeEnabled?.() ? /* @__PURE__ */ jsxRuntimeExports.jsx(ComputeSidebar, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(EntityTabs, {}) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border-t t-border p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(UserProfile, {}) })
   ] });
 }
@@ -28524,17 +28982,11 @@ const suggestions = [
   { icon: Sparkles, label: "Brainstorm ideas", prompt: "Help me brainstorm ideas for " }
 ];
 function HeroIdle() {
+  const setDraftText = useChatStore((s15) => s15.setDraftText);
   const handleSuggestion = (prompt) => {
+    setDraftText(prompt);
     const input = document.querySelector("[data-chat-input]");
-    if (input) {
-      const nativeSetter = Object.getOwnPropertyDescriptor(
-        window.HTMLTextAreaElement.prototype,
-        "value"
-      )?.set;
-      nativeSetter?.call(input, prompt);
-      input.dispatchEvent(new Event("input", { bubbles: true }));
-      input.focus();
-    }
+    input?.focus();
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center gap-10 w-full max-w-lg px-8", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center space-y-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -28936,7 +29388,7 @@ function StatusIcon({ status, size = 13 }) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(CircleAlert, { size, className: "t-text-error" });
   }
 }
-function formatDuration(ms2) {
+function formatDuration$1(ms2) {
   if (ms2 < 1e3) return `${ms2}ms`;
   if (ms2 < 6e4) return `${(ms2 / 1e3).toFixed(1)}s`;
   return `${(ms2 / 6e4).toFixed(1)}m`;
@@ -28944,10 +29396,10 @@ function formatDuration(ms2) {
 function ElapsedTimer({ startedAt }) {
   const [elapsed, setElapsed] = reactExports.useState(Date.now() - startedAt);
   reactExports.useEffect(() => {
-    const interval = setInterval(() => setElapsed(Date.now() - startedAt), 100);
+    const interval = setInterval(() => setElapsed(Date.now() - startedAt), 500);
     return () => clearInterval(interval);
   }, [startedAt]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] t-text-muted tabular-nums", children: formatDuration(elapsed) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] t-text-muted tabular-nums", children: formatDuration$1(elapsed) });
 }
 const CompactToolLine = React$2.memo(function CompactToolLine2({ event }) {
   const [expanded, setExpanded] = reactExports.useState(false);
@@ -28967,7 +29419,7 @@ const CompactToolLine = React$2.memo(function CompactToolLine2({ event }) {
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium t-text-secondary shrink-0", children: name2 }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-muted select-none", children: "·" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-muted truncate flex-1 text-left", children: displaySummary }),
-          event.durationMs != null && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] t-text-muted tabular-nums shrink-0", children: formatDuration(event.durationMs) }),
+          event.durationMs != null && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] t-text-muted tabular-nums shrink-0", children: formatDuration$1(event.durationMs) }),
           hasExpandable && /* @__PURE__ */ jsxRuntimeExports.jsx(
             "span",
             {
@@ -29183,7 +29635,7 @@ function ToolUseStream({ events: propEvents }) {
     running.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-1 mt-1", children: running.map((event) => /* @__PURE__ */ jsxRuntimeExports.jsx(ToolUseCard, { event }, event.id)) })
   ] });
 }
-const api$4 = window.api;
+const api$5 = window.api;
 const remarkPlugins$1 = [remarkGfm];
 function SelectionBookmark() {
   const refreshAll = useEntityStore((s15) => s15.refreshAll);
@@ -29244,7 +29696,7 @@ function SelectionBookmark() {
     try {
       const first = selectedText.split(/[.!?\n]/)[0].trim();
       const title = first.length > 60 ? first.slice(0, 57) + "…" : first || "Untitled selection";
-      const created = await api$4.artifactCreate({
+      const created = await api$5.artifactCreate({
         type: "note",
         title,
         content: selectedText,
@@ -29276,7 +29728,7 @@ function SelectionBookmark() {
     {
       ref: tooltipRef,
       onMouseDown: handleSave,
-      className: "fixed z-[100] flex items-center gap-1.5 px-2.5 py-1.5 rounded-lg text-xs font-medium shadow-lg border t-border transition-colors",
+      className: "fixed z-50 flex items-center gap-1.5 px-2.5 py-1.5 rounded-lg text-xs font-medium shadow-lg border t-border transition-colors",
       style: {
         left: pos.x,
         top: pos.y,
@@ -29309,7 +29761,7 @@ const MessageBubble = React$2.memo(function MessageBubble2({ msg, isSaved }) {
     try {
       const first = msg.content.replace(/^#+\s*/, "").split(/[.!?\n]/)[0].trim();
       const title = first.length > 60 ? first.slice(0, 57) + "…" : first || "Untitled note";
-      const created = await api$4.artifactCreate({
+      const created = await api$5.artifactCreate({
         type: "note",
         title,
         content: msg.content,
@@ -29343,6 +29795,7 @@ const MessageBubble = React$2.memo(function MessageBubble2({ msg, isSaved }) {
           {
             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")
           },
@@ -29365,10 +29818,10 @@ const MessageBubble = React$2.memo(function MessageBubble2({ msg, isSaved }) {
   ) });
 });
 function ThinkingIndicator() {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-1.5 mt-3 ml-2", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex gap-[3px] items-center", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-[5px] h-[5px] rounded-full t-bg-accent-soft animate-bounce", style: { animationDelay: "0ms" } }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-[5px] h-[5px] rounded-full t-bg-accent-soft animate-bounce", style: { animationDelay: "150ms" } }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-[5px] h-[5px] rounded-full t-bg-accent-soft animate-bounce", style: { animationDelay: "300ms" } })
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-1.5 mt-3 ml-2", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex gap-[3px] items-center", "aria-label": "Thinking", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-[5px] h-[5px] rounded-full t-bg-accent-soft animate-bounce animation-delay-0" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-[5px] h-[5px] rounded-full t-bg-accent-soft animate-bounce animation-delay-150" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-[5px] h-[5px] rounded-full t-bg-accent-soft animate-bounce animation-delay-300" })
   ] }) });
 }
 function StreamingBubble() {
@@ -29454,6 +29907,13 @@ function ChatMessages() {
         children: [
           isLoadingHistory && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center py-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { size: 16, className: "animate-spin t-text-muted" }) }),
           messages.map((msg, i) => {
+            if (msg.role === "system") {
+              return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 my-5 px-2", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 h-px t-bg-elevated" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] t-text-muted shrink-0", children: msg.content }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 h-px t-bg-elevated" })
+              ] }, msg.id);
+            }
             const prev = messages[i - 1];
             const gap = prev && prev.role !== msg.role ? "mt-5" : "mt-3";
             const toolEvents = msg.role === "assistant" ? turnToolEvents.get(msg.id) : void 0;
@@ -29482,7 +29942,7 @@ function ChatMessages() {
     )
   ] });
 }
-const api$3 = window.api;
+const api$4 = window.api;
 const typeIcons$1 = {
   note: /* @__PURE__ */ jsxRuntimeExports.jsx(StickyNote, { size: 13, className: "t-text-warning" }),
   paper: /* @__PURE__ */ jsxRuntimeExports.jsx(BookOpen, { size: 13, className: "t-text-info" }),
@@ -29531,7 +29991,7 @@ function MentionPopover({ query, onSelect, onClose }) {
     setLoading(true);
     clearTimeout(debounceRef.current);
     debounceRef.current = setTimeout(() => {
-      api$3.getCandidates(query).then((result) => {
+      api$4.getCandidates(query).then((result) => {
         if (stale) return;
         setCandidates(result || []);
         setSelectedIdx(0);
@@ -29577,8 +30037,8 @@ function MentionPopover({ query, onSelect, onClose }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
-      className: "absolute z-50 w-[32rem] max-h-80 overflow-y-auto rounded-xl border t-border t-bg-surface shadow-xl",
-      style: { bottom: "100%", left: 48, marginBottom: 8 },
+      className: "absolute z-50 w-[32rem] max-w-[calc(100vw-2rem)] max-h-80 overflow-y-auto rounded-xl border t-border t-bg-surface shadow-xl",
+      style: { bottom: "100%", left: 0, marginBottom: 8 },
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-3 py-1.5 border-b t-border flex items-center gap-2 text-xs t-text-secondary", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(AtSign, { size: 11 }),
@@ -29671,7 +30131,7 @@ function CommandPopover({ query, commands, onSelect, onClose }) {
       "div",
       {
         className: "absolute z-50 w-72 rounded-xl border t-border t-bg-surface shadow-xl",
-        style: { bottom: "100%", left: 48, marginBottom: 8 },
+        style: { bottom: "100%", left: 0, marginBottom: 8 },
         children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-3 py-3 text-xs t-text-muted", children: [
           'No matching commands for "/',
           query,
@@ -29684,7 +30144,7 @@ function CommandPopover({ query, commands, onSelect, onClose }) {
     "div",
     {
       className: "absolute z-50 w-80 max-h-64 overflow-y-auto rounded-xl border t-border t-bg-surface shadow-xl",
-      style: { bottom: "100%", left: 48, marginBottom: 8 },
+      style: { bottom: "100%", left: 0, marginBottom: 8 },
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-3 py-2 border-b t-border flex items-center gap-2 text-xs t-text-secondary", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(Terminal, { size: 12 }),
@@ -29724,7 +30184,7 @@ const SLASH_COMMANDS = [
   { name: "/delete", description: "Delete an entity", args: "<id>" },
   { name: "/help", description: "Show available commands" }
 ];
-const api$2 = window.api;
+const api$3 = window.api;
 const ACCEPTED_IMAGE_TYPES = ["image/png", "image/jpeg", "image/gif", "image/webp"];
 const MAX_IMAGES = 5;
 const ACCEPTED_DOC_EXTENSIONS = [".pdf", ".csv", ".md", ".txt", ".json", ".xml", ".html", ".docx"];
@@ -29845,7 +30305,7 @@ function ChatInput() {
             const dataUrl = reader.result;
             const base64 = dataUrl.split(",")[1];
             try {
-              const result = await api$2.convertFileToText(file.name, base64);
+              const result = await api$3.convertFileToText(file.name, base64);
               if (result?.success && result.content) {
                 setPendingFiles((p) => p.map(
                   (f) => f.name === file.name ? { ...f, content: result.content, loading: false } : f
@@ -29962,19 +30422,19 @@ ${fileBlocks}`;
     try {
       switch (cmd) {
         case "/notes": {
-          const notes = await api$2.listNotes();
+          const notes = await api$3.listNotes();
           result = notes?.length ? `**Notes (${notes.length}):**
 ` + notes.map((n) => `- ${n.title} \`${n.id.slice(0, 8)}\``).join("\n") : "No notes yet.";
           break;
         }
         case "/papers": {
-          const papers = await api$2.listLiterature();
+          const papers = await api$3.listLiterature();
           result = papers?.length ? `**Papers (${papers.length}):**
 ` + papers.map((p) => `- ${p.title} \`${p.citeKey}\``).join("\n") : "No papers yet.";
           break;
         }
         case "/data": {
-          const data = await api$2.listData();
+          const data = await api$3.listData();
           result = data?.length ? `**Data (${data.length}):**
 ` + data.map((d) => `- ${d.name} \`${d.id.slice(0, 8)}\``).join("\n") : "No data attachments yet.";
           break;
@@ -29984,7 +30444,7 @@ ${fileBlocks}`;
             result = "Usage: `/search <query>`";
             break;
           }
-          const results = await api$2.search(rest);
+          const results = await api$3.search(rest);
           result = results?.length ? `**Search results for "${rest}":**
 ` + results.map((r) => `- [${r.type}] ${r.title} \`${r.id.slice(0, 8)}\``).join("\n") : `No results for "${rest}".`;
           break;
@@ -29994,7 +30454,7 @@ ${fileBlocks}`;
             result = "Usage: `/note <title>`";
             break;
           }
-          const r = await api$2.artifactCreate({ type: "note", title: rest, content: "" });
+          const r = await api$3.artifactCreate({ type: "note", title: rest, content: "" });
           result = r?.success ? `Note saved: **${rest}**` : `Failed: ${r?.error || "unknown error"}`;
           refreshEntities();
           break;
@@ -30017,7 +30477,7 @@ ${fileBlocks}`;
           const bibtex = flags.bibtex || `@article{${citeKey},
   title = {${cleaned}}
 }`;
-          const r = await api$2.artifactCreate({
+          const r = await api$3.artifactCreate({
             type: "paper",
             title: cleaned,
             authors,
@@ -30044,7 +30504,7 @@ ${fileBlocks}`;
             result = "Usage: `/save-data <name> --path <file>`";
             break;
           }
-          const r = await api$2.artifactCreate({
+          const r = await api$3.artifactCreate({
             type: "data",
             title: cleaned,
             filePath: flags.path,
@@ -30055,7 +30515,7 @@ ${fileBlocks}`;
           break;
         }
         case "/summary": {
-          const summaryResult = await api$2.sessionSummaryGet();
+          const summaryResult = await api$3.sessionSummaryGet();
           if (!summaryResult?.success || !summaryResult?.summary) {
             result = "No session summary available yet.";
             break;
@@ -30082,7 +30542,7 @@ ${s15.openQuestions.map((q2) => `- ${q2}`).join("\n")}`;
             result = "Usage: `/delete <id>`";
             break;
           }
-          const r = await api$2.deleteEntity(rest);
+          const r = await api$3.deleteEntity(rest);
           result = r?.success ? `Deleted \`${rest}\`` : `Failed: ${r?.error || "not found"}`;
           refreshEntities();
           break;
@@ -30270,6 +30730,7 @@ ${s15.openQuestions.map((q2) => `- ${q2}`).join("\n")}`;
                 onKeyDown: handleKeyDown,
                 onPaste: handlePaste,
                 placeholder: "Ask anything, attach files, or type /commands...",
+                "aria-label": "Chat message input",
                 rows: 1,
                 className: "flex-1 bg-transparent text-sm t-text placeholder:t-text-muted resize-none outline-none"
               }
@@ -30461,7 +30922,7 @@ function PaperRow({
     ] })
   ] });
 }
-function CoverageBar({ papers }) {
+function CoverageBar$1({ papers }) {
   const topicCounts = reactExports.useMemo(() => {
     const counts = /* @__PURE__ */ new Map();
     for (const p of papers) {
@@ -30493,16 +30954,15 @@ function CoverageBar({ papers }) {
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 max-w-48", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-1.5 rounded-full t-bg-elevated overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
-        className: "h-full rounded-full",
+        className: "h-full rounded-full t-gradient-accent-h",
         style: {
-          width: `${Math.min(100, highRelevance / Math.max(papers.length, 1) * 100)}%`,
-          background: "linear-gradient(90deg, var(--color-accent), var(--color-accent-2))"
+          width: `${Math.min(100, highRelevance / Math.max(papers.length, 1) * 100)}%`
         }
       }
     ) }) })
   ] });
 }
-function FilterBar() {
+function FilterBar$1() {
   const filter = useUIStore((s15) => s15.literatureFilter);
   const setFilter = useUIStore((s15) => s15.setLiteratureFilter);
   const [showFilters, setShowFilters] = reactExports.useState(false);
@@ -30638,7 +31098,7 @@ function LiteratureView() {
   }, [papers, filter]);
   const hasTopics = papers.some((p) => p.subTopic);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 flex flex-col min-h-0", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(FilterBar, {}),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(FilterBar$1, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 flex min-h-0", children: [
       hasTopics && /* @__PURE__ */ jsxRuntimeExports.jsx(
         TopicTree,
@@ -30713,18 +31173,360 @@ function LiteratureView() {
         )) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(CoverageBar, { papers: filtered })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CoverageBar$1, { papers: filtered })
+  ] });
+}
+function formatDuration(seconds) {
+  if (!seconds || seconds < 0) return "--";
+  if (seconds < 60) return `${Math.round(seconds)}s`;
+  if (seconds < 3600) {
+    const m2 = Math.floor(seconds / 60);
+    const s15 = Math.round(seconds % 60);
+    return s15 > 0 ? `${m2}m ${s15}s` : `${m2}m`;
+  }
+  const h2 = Math.floor(seconds / 3600);
+  const m = Math.floor(seconds % 3600 / 60);
+  return `${h2}h ${m}m`;
+}
+function formatBytes(bytes) {
+  if (!bytes || bytes < 0) return "--";
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+function timeAgo(iso) {
+  const diff = Date.now() - new Date(iso).getTime();
+  if (diff < 6e4) return "just now";
+  if (diff < 36e5) return `${Math.floor(diff / 6e4)}m ago`;
+  if (diff < 864e5) return `${Math.floor(diff / 36e5)}h ago`;
+  return `${Math.floor(diff / 864e5)}d ago`;
+}
+const STATUS_LABELS = {
+  running: "Running",
+  stalled: "Stalled",
+  completed: "Completed",
+  failed: "Failed",
+  timed_out: "Timed out",
+  cancelled: "Cancelled"
+};
+function StatusDot({ status }) {
+  const isActive = status === "running";
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `inline-block w-1.5 h-1.5 rounded-full shrink-0 ${isActive ? "bg-[var(--color-accent)]" : "t-bg-elevated"}`, style: isActive ? {} : { opacity: 0.8 } });
+}
+function ProgressBar({ percentage }) {
+  const value = Math.min(100, Math.max(0, percentage || 0));
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-1 rounded-full t-bg-elevated overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      className: "h-full rounded-full transition-all duration-700 t-gradient-accent-h",
+      style: { width: `${value}%` }
+    }
+  ) });
+}
+function RunRow({
+  run,
+  expanded,
+  onToggle
+}) {
+  const isActive = run.status === "running" || run.status === "stalled";
+  const hasProgress = run.progress?.percentage !== void 0;
+  const setCenterView = useUIStore((s15) => s15.setCenterView);
+  const sendToChat = (text2) => {
+    setCenterView("chat");
+    setTimeout(() => {
+      const inputEl = document.querySelector("[data-chat-input]");
+      if (inputEl) {
+        inputEl.value = text2;
+        inputEl.focus();
+        inputEl.dispatchEvent(new Event("input", { bubbles: true }));
+      }
+    }, 100);
+  };
+  const hasMetrics = run.progress?.metrics && Object.keys(run.progress.metrics).length > 0;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-b t-border last:border-b-0", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: "flex items-center gap-3 px-3 py-2 hover:bg-[var(--color-accent-soft)]/5 transition-colors cursor-pointer",
+        onClick: onToggle,
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "shrink-0 t-text-muted", children: expanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { size: 14 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { size: 14 }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(StatusDot, { status: run.status }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[13px] t-text font-medium truncate leading-tight font-mono", children: run.command }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-[11px] t-text-muted truncate mt-0.5", children: [
+              run.runId,
+              run.status !== "running" && run.status !== "stalled" && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                " · ",
+                STATUS_LABELS[run.status] ?? run.status
+              ] }),
+              run.stalled && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                " · ",
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-accent-soft", children: "stalled — no output for a while" })
+              ] }),
+              run.failure && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                " · ",
+                run.failure.code
+              ] }),
+              run.parentRunId && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: " · retry" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 text-[11px] t-text-muted tabular-nums w-14 text-right", children: formatDuration(run.elapsedSeconds) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 text-[11px] t-text-muted w-14 text-right", children: isActive ? run.currentPhase : run.startedAt ? timeAgo(run.startedAt) : "--" })
+        ]
+      }
+    ),
+    isActive && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-10 pb-1.5", children: [
+      hasProgress ? /* @__PURE__ */ jsxRuntimeExports.jsx(ProgressBar, { percentage: run.progress.percentage }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-1 rounded-full t-bg-elevated overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full w-1/3 rounded-full animate-pulse t-gradient-accent-h opacity-30" }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 mt-1 text-[10px] t-text-muted", children: [
+        hasProgress && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+          run.progress.percentage,
+          "%"
+        ] }),
+        run.progress?.currentStep !== void 0 && run.progress?.totalSteps !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+          "Step ",
+          run.progress.currentStep,
+          "/",
+          run.progress.totalSteps
+        ] }),
+        run.progress?.phase && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: run.progress.phase }),
+        run.progress?.etaSeconds !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+          "ETA ",
+          formatDuration(run.progress.etaSeconds)
+        ] }),
+        run.startedAt && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+          "started ",
+          timeAgo(run.startedAt)
+        ] }),
+        run.outputLines > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+          run.outputLines,
+          " lines"
+        ] })
+      ] }),
+      hasMetrics && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-wrap gap-1.5 mt-1.5", children: Object.entries(run.progress.metrics).map(([key, val]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "px-1.5 py-0.5 text-[10px] rounded t-bg-elevated t-text-secondary font-mono", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-muted", children: key }),
+        " ",
+        typeof val === "number" ? val < 0.01 ? val.toExponential(2) : val.toFixed(4) : val
+      ] }, key)) })
+    ] }),
+    expanded && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-10 pb-3 space-y-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "px-1.5 py-0.5 text-[10px] rounded t-bg-elevated t-text-muted", children: run.sandbox }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "px-1.5 py-0.5 text-[10px] rounded t-bg-elevated t-text-muted", children: run.weight }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "px-1.5 py-0.5 text-[10px] rounded t-bg-elevated t-text-muted", children: [
+          formatBytes(run.outputBytes),
+          " · ",
+          run.outputLines,
+          " lines"
+        ] }),
+        run.exitCode !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "px-1.5 py-0.5 text-[10px] rounded t-bg-elevated t-text-muted", children: [
+          "exit ",
+          run.exitCode
+        ] }),
+        run.startedAt && !isActive && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "px-1.5 py-0.5 text-[10px] rounded t-bg-elevated t-text-muted", children: [
+          "started ",
+          timeAgo(run.startedAt)
+        ] })
+      ] }),
+      !isActive && hasMetrics && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-wrap gap-1.5", children: Object.entries(run.progress.metrics).map(([key, val]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "px-1.5 py-0.5 text-[10px] rounded t-bg-elevated t-text-secondary font-mono", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-muted", children: key }),
+        " ",
+        typeof val === "number" ? val < 0.01 ? val.toExponential(2) : val.toFixed(4) : val
+      ] }, key)) }),
+      run.failure && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs t-text-secondary leading-relaxed", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "font-medium", children: [
+          run.failure.code,
+          ": ",
+          run.failure.message
+        ] }),
+        run.failure.suggestions.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "mt-1 space-y-0.5", children: run.failure.suggestions.map((s15, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { className: "flex items-start gap-1.5 t-text-muted", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 mt-1.5 w-1 h-1 rounded-full t-bg-elevated" }),
+          s15
+        ] }, i)) })
+      ] }),
+      run.parentRunId && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5 text-[10px] t-text-muted", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCcw, { size: 10 }),
+        "Retry of ",
+        run.parentRunId
+      ] }),
+      run.outputTail && /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "p-2 rounded t-bg-elevated text-[10px] t-text-secondary font-mono overflow-x-auto max-h-40 overflow-y-auto whitespace-pre-wrap leading-relaxed", children: run.outputTail.slice(-2048) }),
+      run.failure?.retryable && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          onClick: (e) => {
+            e.stopPropagation();
+            sendToChat(`Compute run ${run.runId} failed with ${run.failure.code}. Please review the error and fix the code, then retry.`);
+          },
+          className: "text-[10px] t-text-accent hover:underline",
+          children: "Fix & retry in chat"
+        }
+      )
+    ] })
+  ] });
+}
+function FilterBar({
+  search: search2,
+  onSearchChange
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 py-2 border-b t-border", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { size: 13, className: "absolute left-2.5 top-1/2 -translate-y-1/2 t-text-muted" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "input",
+      {
+        type: "text",
+        value: search2,
+        onChange: (e) => onSearchChange(e.target.value),
+        placeholder: "Search runs by command or ID...",
+        className: "w-full pl-8 pr-3 py-1.5 text-xs rounded-lg border t-border t-bg-surface t-text focus:outline-none focus:border-[var(--color-accent-soft)]"
+      }
+    ),
+    search2 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        onClick: () => onSearchChange(""),
+        className: "absolute right-2 top-1/2 -translate-y-1/2 t-text-muted hover:t-text",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(X$1, { size: 12 })
+      }
+    )
+  ] }) });
+}
+function CoverageBar({ runs }) {
+  const completed = runs.filter((r) => r.status === "completed").length;
+  const failed = runs.filter((r) => ["failed", "timed_out"].includes(r.status)).length;
+  const total = runs.length;
+  const successRate = total > 0 ? completed / total : 0;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-4 px-4 py-2 border-t t-border t-bg-surface text-[11px] t-text-muted", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+      total,
+      " runs"
+    ] }),
+    completed > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+      completed,
+      " completed"
+    ] }),
+    failed > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+      failed,
+      " failed"
+    ] }),
+    total > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 max-w-48", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-1.5 rounded-full t-bg-elevated overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "div",
+        {
+          className: "h-full rounded-full t-gradient-accent-h",
+          style: { width: `${successRate * 100}%` }
+        }
+      ) }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+        Math.round(successRate * 100),
+        "% success"
+      ] })
+    ] })
+  ] });
+}
+function EmptyState() {
+  const environment = useComputeStore((s15) => s15.environment);
+  const setCenterView = useUIStore((s15) => s15.setCenterView);
+  const goToChat = (text2) => {
+    setCenterView("chat");
+    setTimeout(() => {
+      const inputEl = document.querySelector("[data-chat-input]");
+      if (inputEl) {
+        inputEl.value = text2;
+        inputEl.focus();
+        inputEl.dispatchEvent(new Event("input", { bubbles: true }));
+      }
+    }, 100);
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center h-full text-center px-8", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Cpu, { size: 32, className: "t-text-muted mb-3 opacity-30" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm t-text font-medium mb-1", children: "Your compute environment is ready" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs t-text-muted max-w-sm leading-relaxed mb-4", children: "Ask the agent to run scripts, train models, or process data. Code executes in a sandboxed environment with progress tracking and failure analysis." }),
+    environment && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-2.5 rounded-lg t-bg-elevated text-[11px] t-text-secondary mb-5", children: [
+      environment.gpu || `${environment.os} ${environment.arch}`,
+      " · ",
+      Math.round(environment.totalMemoryMb / 1024),
+      " GB",
+      environment.mlxAvailable && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        " · ",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-accent", children: "MLX" })
+      ] }),
+      environment.sandbox === "docker" && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: " · Docker" })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-1.5 w-full max-w-sm", children: [
+      "Train a model on my dataset",
+      "Run my analysis script",
+      "Process and clean this data"
+    ].map((prompt) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        onClick: () => goToChat(prompt),
+        className: "w-full flex items-center justify-between px-3 py-2 rounded-lg border t-border-subtle hover:bg-[var(--color-accent-soft)]/5 transition-colors text-left",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-xs t-text-secondary", children: [
+            '"',
+            prompt,
+            '"'
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { size: 12, className: "t-text-muted" })
+        ]
+      },
+      prompt
+    )) })
+  ] });
+}
+function ComputeView() {
+  const activeRuns = useActiveRuns();
+  const recentRuns = useRecentRuns();
+  const [expandedId, setExpandedId] = reactExports.useState(null);
+  const [search2, setSearch] = reactExports.useState("");
+  const allRuns = reactExports.useMemo(() => [...activeRuns, ...recentRuns], [activeRuns, recentRuns]);
+  const filtered = reactExports.useMemo(() => {
+    if (!search2.trim()) return allRuns;
+    const q2 = search2.toLowerCase();
+    return allRuns.filter(
+      (r) => r.command.toLowerCase().includes(q2) || r.runId.toLowerCase().includes(q2)
+    );
+  }, [allRuns, search2]);
+  const isEmpty = allRuns.length === 0;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 flex flex-col min-h-0", children: [
+    !isEmpty && /* @__PURE__ */ jsxRuntimeExports.jsx(FilterBar, { search: search2, onSearchChange: setSearch }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto", children: isEmpty ? /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyState, {}) : filtered.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center h-full text-center px-8", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Cpu, { size: 32, className: "t-text-muted mb-3 opacity-40" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm t-text-muted", children: "No runs match your search." })
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 px-3 py-1.5 border-b t-border t-bg-surface", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-5" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-1.5" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 text-[10px] uppercase tracking-wider font-medium t-text-muted", children: "Command" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-14 text-right text-[10px] uppercase tracking-wider font-medium t-text-muted", children: "Duration" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-14 text-right text-[10px] uppercase tracking-wider font-medium t-text-muted", children: "Phase" })
+      ] }),
+      filtered.map((run) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        RunRow,
+        {
+          run,
+          expanded: expandedId === run.runId,
+          onToggle: () => setExpandedId(expandedId === run.runId ? null : run.runId)
+        },
+        run.runId
+      ))
+    ] }) }),
+    !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" }
+  { 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);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-0.5 px-4 pt-10 pb-1", children: viewTabs.map(({ key, label, icon: Icon2, shortcut }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  const activeComputeRuns = useActiveRunCount();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("nav", { "aria-label": "View switcher", className: "flex items-center gap-0.5 px-4 pt-10 pb-1", children: viewTabs.map(({ key, label, icon: Icon2, shortcut }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "button",
     {
       onClick: () => setCenterView(key),
@@ -30733,7 +31535,9 @@ function ViewSwitcher() {
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(Icon2, { size: 13 }),
         label,
-        key === "literature" && paperCount > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-0.5 px-1 py-px text-[9px] rounded-full t-bg-elevated t-text-muted tabular-nums", children: paperCount })
+        key === "literature" && paperCount > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-0.5 px-1 py-px text-[9px] rounded-full t-bg-elevated t-text-muted tabular-nums", children: paperCount }),
+        key === "compute" && activeComputeRuns > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-0.5 px-1 py-px text-[9px] rounded-full bg-[var(--color-accent-soft)]/10 t-text-accent tabular-nums", children: activeComputeRuns }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[9px] t-text-muted opacity-40 ml-0.5", children: shortcut })
       ]
     },
     key
@@ -30745,12 +31549,18 @@ function CenterPanel() {
   const messages = useChatStore((s15) => s15.messages);
   const showHero = isIdle && messages.length === 0;
   if (centerView === "literature") {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("main", { className: "flex-1 flex flex-col min-w-0", children: [
+    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, {})
     ] });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("main", { className: "flex-1 flex flex-col min-w-0", children: [
+  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 /* @__PURE__ */ jsxRuntimeExports.jsxs("main", { id: "main-content", className: "flex-1 flex flex-col min-w-0", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(ViewSwitcher, {}),
     showHero ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(HeroIdle, {}) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0 px-6 pt-4 pb-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-auto h-full", style: { maxWidth: "48rem" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChatMessages, {}) }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-6 pb-5", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-auto", style: { maxWidth: "48rem" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChatInput, {}) }) })
@@ -30758,7 +31568,7 @@ function CenterPanel() {
 }
 const remarkPlugins = [remarkGfm];
 const LazyMilkdownMarkdownEditor = reactExports.lazy(async () => {
-  const mod = await __vitePreload(() => import("./MilkdownMarkdownEditor-D7GYpVZn.js").then((n) => n.bL), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
+  const mod = await __vitePreload(() => import("./MilkdownMarkdownEditor-DjFLwyh4.js").then((n) => n.bL), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
   return { default: mod.MilkdownMarkdownEditor };
 });
 const typeIcons = {
@@ -31383,7 +32193,7 @@ function StatusBar() {
   const hasSkills = activeSkills.length > 0;
   const hasRunUsage = runTokens > 0;
   const hasProjectUsage = allTimeTokens > 0;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "h-7 flex items-center px-4 gap-5 border-t t-border t-bg-surface text-[11px] t-text-muted select-none shrink-0", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "h-7 flex items-center px-4 gap-5 border-t t-border t-bg-surface text-[11px] t-text-secondary select-none shrink-0", children: [
     hasSkills && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-2 overflow-hidden", children: activeSkills.map((name2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 px-1.5 py-0.5 rounded t-bg-accent/10 t-text-accent whitespace-nowrap", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px]", children: "⚡" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: name2 })
@@ -40007,22 +40817,17 @@ function TerminalPanel() {
   };
   reactExports.useEffect(() => {
     if (!termRef.current) return;
-    const isDark = theme === "dark";
+    const cs2 = getComputedStyle(document.documentElement);
     const term = new Dl({
       fontSize: 13,
       fontFamily: 'Menlo, Monaco, "Courier New", monospace',
       cursorBlink: true,
       allowProposedApi: true,
-      theme: isDark ? {
-        background: "#1a1a1a",
-        foreground: "#e0e0e0",
-        cursor: "#e0e0e0",
-        selectionBackground: "#3a3a5a"
-      } : {
-        background: "#fafafa",
-        foreground: "#1a1a1a",
-        cursor: "#1a1a1a",
-        selectionBackground: "#c0d0e0"
+      theme: {
+        background: cs2.getPropertyValue("--color-bg-base").trim(),
+        foreground: cs2.getPropertyValue("--color-text").trim(),
+        cursor: cs2.getPropertyValue("--color-text").trim(),
+        selectionBackground: cs2.getPropertyValue("--color-bg-elevated").trim()
       }
     });
     const fit = new o();
@@ -40079,17 +40884,12 @@ function TerminalPanel() {
   reactExports.useEffect(() => {
     const term = xtermRef.current;
     if (!term) return;
-    const isDark = theme === "dark";
-    term.options.theme = isDark ? {
-      background: "#1a1a1a",
-      foreground: "#e0e0e0",
-      cursor: "#e0e0e0",
-      selectionBackground: "#3a3a5a"
-    } : {
-      background: "#fafafa",
-      foreground: "#1a1a1a",
-      cursor: "#1a1a1a",
-      selectionBackground: "#c0d0e0"
+    const cs2 = getComputedStyle(document.documentElement);
+    term.options.theme = {
+      background: cs2.getPropertyValue("--color-bg-base").trim(),
+      foreground: cs2.getPropertyValue("--color-text").trim(),
+      cursor: cs2.getPropertyValue("--color-text").trim(),
+      selectionBackground: cs2.getPropertyValue("--color-bg-elevated").trim()
     };
   }, [theme]);
   reactExports.useEffect(() => {
@@ -40116,8 +40916,9 @@ function TerminalPanel() {
           "button",
           {
             onClick: handleRestart,
-            className: "p-0.5 rounded t-text-muted hover:t-text-secondary t-bg-hover",
+            className: "p-1 rounded t-text-muted hover:t-text-secondary t-bg-hover",
             title: "Restart terminal",
+            "aria-label": "Restart terminal",
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCcw, { size: 12 })
           }
         ),
@@ -40125,8 +40926,9 @@ function TerminalPanel() {
           "button",
           {
             onClick: handleClose,
-            className: "p-0.5 rounded t-text-muted hover:t-text-secondary t-bg-hover",
+            className: "p-1 rounded t-text-muted hover:t-text-secondary t-bg-hover",
             title: "Close terminal",
+            "aria-label": "Close terminal",
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(X$1, { size: 12 })
           }
         )
@@ -40227,19 +41029,14 @@ function FolderGate({ onOpenSettings }) {
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
-            className: "w-14 h-14 rounded-2xl flex items-center justify-center",
-            style: {
-              background: "linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-2) 100%)",
-              boxShadow: "0 8px 32px var(--color-accent-2-muted)"
-            },
+            className: "w-14 h-14 rounded-2xl flex items-center justify-center t-gradient-accent t-gradient-accent-shadow-lg",
             children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-white text-xl font-bold tracking-tight", children: "P" })
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
-            className: "absolute -inset-2 rounded-3xl opacity-15 blur-xl -z-10",
-            style: { background: "linear-gradient(135deg, var(--color-accent), var(--color-accent-2))" }
+            className: "absolute -inset-2 rounded-3xl opacity-15 blur-xl -z-10 t-gradient-accent"
           }
         )
       ] }),
@@ -40260,11 +41057,7 @@ function FolderGate({ onOpenSettings }) {
           "button",
           {
             onClick: handlePick,
-            className: "inline-flex items-center gap-2 px-5 py-2.5 rounded-lg text-white text-sm font-medium\n                       hover:opacity-90 transition-all duration-200",
-            style: {
-              background: "linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-2) 100%)",
-              boxShadow: "0 4px 16px var(--color-accent-2-muted)"
-            },
+            className: "inline-flex items-center gap-2 px-5 py-2.5 rounded-lg text-white text-sm font-medium\n                       hover:opacity-90 transition-all duration-200 t-gradient-accent t-gradient-accent-shadow",
             children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(FolderOpen, { size: 16 }),
               "Open Project Folder"
@@ -40423,6 +41216,19 @@ function App() {
     const unsub6 = api.onEntityCreated(() => {
       refreshEntities();
     });
+    if (api?.isComputeEnabled?.()) {
+      api.probeComputeEnvironment?.().catch(() => {
+      });
+    }
+    const unsubComputeUpdate = api.onComputeRunUpdate((event) => {
+      useComputeStore.getState().updateRun(event.runId, event);
+    });
+    const unsubComputeComplete = api.onComputeRunComplete((event) => {
+      useComputeStore.getState().updateRun(event.runId, event);
+    });
+    const unsubComputeEnv = api.onComputeEnvironment((event) => {
+      useComputeStore.getState().setEnvironment(event);
+    });
     return () => {
       unsub1();
       unsub2();
@@ -40435,6 +41241,9 @@ function App() {
       unsubToolProgress();
       unsubSkillLoaded();
       unsubUsage();
+      unsubComputeUpdate();
+      unsubComputeComplete();
+      unsubComputeEnv();
     };
   }, [hasProject]);
   reactExports.useEffect(() => {
@@ -40446,12 +41255,6 @@ function App() {
   reactExports.useEffect(() => {
     const handler = (e) => {
       if (previewEditorFocused) return;
-      if ((e.metaKey || e.ctrlKey) && e.key === "n") {
-        e.preventDefault();
-        useChatStore.getState().clear();
-        useUIStore.getState().setIdle(true);
-        useUIStore.getState().closePreview();
-      }
       if ((e.metaKey || e.ctrlKey) && e.key === "1") {
         e.preventDefault();
         useUIStore.getState().setCenterView("chat");
@@ -40460,6 +41263,10 @@ function App() {
         e.preventDefault();
         useUIStore.getState().setCenterView("literature");
       }
+      if ((e.metaKey || e.ctrlKey) && e.key === "3" && api?.isComputeEnabled?.()) {
+        e.preventDefault();
+        useUIStore.getState().setCenterView("compute");
+      }
       if ((e.metaKey || e.ctrlKey) && e.shiftKey && e.key === "K") {
         e.preventDefault();
         if (useChatStore.getState().isStreaming) {
@@ -40491,6 +41298,7 @@ function App() {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(FolderGate, { onOpenSettings: () => setShowApiKeySetup(true) });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col h-screen w-screen t-bg-base t-text", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: "#main-content", className: "skip-link", children: "Skip to content" }),
     /* @__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, {}) }),