reasonix 0.46.0 → 0.47.0

package/dashboard/dist/app.js

@@ -19316,7 +19316,16 @@ var en = {
     resumeDesc: "Mid-session swap requires a restart so the message log can rewind cleanly. Quit your current session, then run:",
     loadingTranscript: "loading transcript\u2026",
     emptyTranscript: "empty transcript.",
-    messages: "{count} message{s}"
+    messages: "{count} message{s}",
+    newBtn: "New session",
+    newHint: "Archive the current conversation and start a fresh one",
+    switchBtn: "Switch to this session",
+    deleteBtn: "Delete",
+    deleteConfirm: 'Delete session "{name}"? This removes the transcript file and cannot be undone.',
+    cantDeleteActive: "Switch to a different session before deleting this one.",
+    attachRequired: "Live session operations need an attached CLI session. Launch via reasonix chat or open the dashboard from inside a TUI session.",
+    activeChip: "active",
+    activePill: "active"
   },
   tools: {
     loading: "loading tools\u2026",
@@ -19410,6 +19419,9 @@ var en = {
     whyUnbridged: "Why unbridged?",
     whyUnbridgedDesc: "This spec lives in your config.json but isn't bridged into the live session. MCP servers attach when reasonix code starts; the dashboard alone can't spawn the child process.",
     whyUnbridgedHint: "To activate: restart reasonix code, then refresh this dashboard.",
+    bridgeFailed: "Bridge failed",
+    bridgeFailedTitle: "bridge failed \xB7 in config",
+    bridgeFailedHint: "Reasonix tried to bridge this server and the attempt errored. Common causes: wrong URL, missing auth header, upstream 404/5xx, missing local command. Fix and restart reasonix code to retry.",
     pickHint: "Pick an MCP server on the left to inspect tools / resources / prompts.",
     toolsTitle: "Tools \xB7 {count}",
     resourcesTitle: "Resources \xB7 {count}",
@@ -19585,6 +19597,7 @@ var en = {
     customRequestBodyMustBeObject: "Custom request body must be a JSON object.",
     saveBeforeIndex: "Save semantic settings before starting an index.",
     extraBody: "extra body",
+    batchSize: "batch size",
     keepExistingKey: "leave blank to keep existing key",
     remoteProvider: "Remote embedding provider",
     remoteProviderDesc: "Configure the full OpenAI-compatible embeddings URL here. Reasonix will send requests exactly to the URL you provide.",
@@ -20014,7 +20027,16 @@ var zhCN = {
     resumeDesc: "\u4F1A\u8BDD\u4E2D\u9014\u5207\u6362\u9700\u8981\u91CD\u542F\uFF0C\u4EE5\u4FBF\u6D88\u606F\u65E5\u5FD7\u53EF\u4EE5\u5E72\u51C0\u5730\u56DE\u9000\u3002\u8BF7\u9000\u51FA\u5F53\u524D\u4F1A\u8BDD\uFF0C\u7136\u540E\u8FD0\u884C\uFF1A",
     loadingTranscript: "\u52A0\u8F7D\u8F6C\u5F55\u7A3F\u2026",
     emptyTranscript: "\u7A7A\u7684\u8F6C\u5F55\u7A3F\u3002",
-    messages: "{count} \u6761\u6D88\u606F"
+    messages: "{count} \u6761\u6D88\u606F",
+    newBtn: "\u65B0\u5EFA\u4F1A\u8BDD",
+    newHint: "\u5F52\u6863\u5F53\u524D\u4F1A\u8BDD\u5E76\u5F00\u542F\u65B0\u4F1A\u8BDD",
+    switchBtn: "\u5207\u6362\u5230\u6B64\u4F1A\u8BDD",
+    deleteBtn: "\u5220\u9664",
+    deleteConfirm: "\u786E\u5B9A\u5220\u9664\u4F1A\u8BDD\u300C{name}\u300D\uFF1F\u8F6C\u5F55\u6587\u4EF6\u5C06\u88AB\u79FB\u9664\uFF0C\u65E0\u6CD5\u64A4\u9500\u3002",
+    cantDeleteActive: "\u8BF7\u5148\u5207\u6362\u5230\u5176\u4ED6\u4F1A\u8BDD\uFF0C\u518D\u5220\u9664\u5F53\u524D\u4F1A\u8BDD\u3002",
+    attachRequired: "\u5B9E\u65F6\u4F1A\u8BDD\u64CD\u4F5C\u9700\u8981\u5DF2\u8FDE\u63A5\u7684 CLI \u4F1A\u8BDD\u3002\u8BF7\u901A\u8FC7 reasonix chat \u542F\u52A8\uFF0C\u6216\u5728 TUI \u4F1A\u8BDD\u4E2D\u6253\u5F00\u4EEA\u8868\u76D8\u3002",
+    activeChip: "\u5F53\u524D",
+    activePill: "\u5F53\u524D"
   },
   tools: {
     loading: "\u52A0\u8F7D\u5DE5\u5177\u2026",
@@ -20108,6 +20130,9 @@ var zhCN = {
     whyUnbridged: "\u4E3A\u4EC0\u4E48\u672A\u6865\u63A5\uFF1F",
     whyUnbridgedDesc: "\u6B64\u89C4\u683C\u5B58\u5728\u4E8E\u60A8\u7684 config.json \u4E2D\uFF0C\u4F46\u672A\u6865\u63A5\u5230\u5B9E\u65F6\u4F1A\u8BDD\u3002MCP \u670D\u52A1\u5668\u5728 reasonix code \u542F\u52A8\u65F6\u8FDE\u63A5\uFF1B\u4EEA\u8868\u76D8\u672C\u8EAB\u65E0\u6CD5\u751F\u6210\u5B50\u8FDB\u7A0B\u3002",
     whyUnbridgedHint: "\u6FC0\u6D3B\u65B9\u6CD5\uFF1A\u91CD\u542F reasonix code\uFF0C\u7136\u540E\u5237\u65B0\u6B64\u4EEA\u8868\u76D8\u3002",
+    bridgeFailed: "\u6865\u63A5\u5931\u8D25",
+    bridgeFailedTitle: "\u6865\u63A5\u5931\u8D25 \xB7 \u5728\u914D\u7F6E\u4E2D",
+    bridgeFailedHint: "\u5DF2\u5C1D\u8BD5\u6865\u63A5\u4F46\u5931\u8D25\u3002\u5E38\u89C1\u539F\u56E0\uFF1AURL \u9519\u8BEF\u3001\u9700\u8981\u9274\u6743\u3001\u4E0A\u6E38 404 / 5xx\u3001\u672C\u5730\u547D\u4EE4\u7F3A\u5931\u3002\u4FEE\u590D\u540E\u91CD\u542F reasonix code \u91CD\u8BD5\u3002",
     pickHint: "\u9009\u62E9\u5DE6\u4FA7\u7684 MCP \u670D\u52A1\u5668\u4EE5\u68C0\u67E5\u5DE5\u5177 / \u8D44\u6E90 / \u63D0\u793A\u3002",
     toolsTitle: "\u5DE5\u5177 \xB7 {count}",
     resourcesTitle: "\u8D44\u6E90 \xB7 {count}",
@@ -20283,6 +20308,7 @@ var zhCN = {
     customRequestBodyMustBeObject: "\u81EA\u5B9A\u4E49\u8BF7\u6C42\u4F53\u5FC5\u987B\u662F JSON \u5BF9\u8C61\u3002",
     saveBeforeIndex: "\u8BF7\u5148\u4FDD\u5B58\u8BED\u4E49\u8BBE\u7F6E\uFF0C\u518D\u542F\u52A8\u7D22\u5F15\u3002",
     extraBody: "\u6269\u5C55\u8BF7\u6C42\u4F53",
+    batchSize: "\u6279\u6B21\u5927\u5C0F",
     keepExistingKey: "\u7559\u7A7A\u5219\u4FDD\u7559\u73B0\u6709 Key",
     remoteProvider: "\u8FDC\u7A0B\u5411\u91CF\u670D\u52A1",
     remoteProviderDesc: "\u5728\u8FD9\u91CC\u914D\u7F6E OpenAI-Compatible embeddings \u7684\u5B8C\u6574 URL\u3002Reasonix \u4F1A\u4E25\u683C\u4F7F\u7528\u4F60\u63D0\u4F9B\u7684 URL \u53D1\u8D77\u8BF7\u6C42\u3002",
@@ -25059,12 +25085,22 @@ function CodeViewer(props) {
     </div>
   `;
 }
+function summarizeTool(activeTool) {
+  if (!activeTool) return null;
+  const name = activeTool.toolName ?? "tool";
+  const args = parseToolArgs(activeTool.args);
+  const path = args?.path ?? args?.file_path ?? args?.filename;
+  if (path) return `${name} \u2192 ${path}`;
+  return name;
+}
 function ChatPane(props) {
   useLang();
   const [messages, setMessages] = d2([]);
   const [streaming, setStreaming] = d2(null);
   const [activeTool, setActiveTool] = d2(null);
   const [busy, setBusy] = d2(false);
+  const [turnStartedAt, setTurnStartedAt] = d2(null);
+  const [nowTick, setNowTick] = d2(0);
   const [input, setInput] = d2("");
   const [error, setError] = d2(null);
   const [statusLine, setStatusLine] = d2(null);
@@ -25079,6 +25115,7 @@ function ChatPane(props) {
   const [popoverKind, setPopoverKind] = d2(null);
   const [popoverItems, setPopoverItems] = d2([]);
   const [popoverSel, setPopoverSel] = d2(0);
+  const composing = A2(false);
   y2(() => {
     let cancelled = false;
     (async () => {
@@ -25092,6 +25129,29 @@ function ChatPane(props) {
       cancelled = true;
     };
   }, []);
+  y2(() => {
+    if (!busy) return;
+    const id = setInterval(() => setNowTick((n3) => n3 + 1), 500);
+    return () => clearInterval(id);
+  }, [busy]);
+  y2(() => {
+    if (busy) {
+      if (!turnStartedAt) setTurnStartedAt(Date.now());
+    } else {
+      setTurnStartedAt(null);
+    }
+  }, [busy, turnStartedAt]);
+  y2(() => {
+    if (!busy) return;
+    const handler = (e3) => {
+      if (e3.key === "Escape") {
+        e3.preventDefault();
+        api("/abort", { method: "POST" }).catch(() => void 0);
+      }
+    };
+    document.addEventListener("keydown", handler);
+    return () => document.removeEventListener("keydown", handler);
+  }, [busy]);
   y2(() => {
     let cancelled = false;
     (async () => {
@@ -25286,6 +25346,7 @@ function ChatPane(props) {
     (e3) => {
       const v3 = e3.target.value;
       setInput(v3);
+      if (composing.current) return;
       updatePopover(v3);
     },
     [updatePopover]
@@ -25364,8 +25425,19 @@ ${commentRefs}` : commentRefs;
       setError(t4("changes.clearFailed", { error: err.message }));
     }
   }, []);
+  const onCompositionStart = q2(() => {
+    composing.current = true;
+  }, []);
+  const onCompositionEnd = q2(
+    (e3) => {
+      composing.current = false;
+      void updatePopover(e3.target.value);
+    },
+    [updatePopover]
+  );
   const onKeyDown = q2(
     (e3) => {
+      if (composing.current) return;
       if (popoverKind && popoverItems.length > 0) {
         if (e3.key === "ArrowDown") {
           e3.preventDefault();
@@ -25388,11 +25460,6 @@ ${commentRefs}` : commentRefs;
           return;
         }
       }
-      if (e3.key === "Escape" && busy) {
-        e3.preventDefault();
-        abort();
-        return;
-      }
       if (e3.key === "Enter" && !e3.shiftKey) {
         e3.preventDefault();
         send();
@@ -25476,11 +25543,14 @@ ${commentRefs}` : commentRefs;
             <textarea
               class="input"
               style=${{ width: "100%", resize: "none", minHeight: "36px", fontFamily: "inherit", fontSize: "13px", padding: "8px 10px", lineHeight: "1.4", background: "var(--bg-input)", border: "1px solid var(--bd)", borderRadius: "4px", color: "var(--fg-0)" }}
-              placeholder=${props.comments.length > 0 ? "\u603B\u7ED3\u8BC4\u8BBA..." : t4("changes.chatPlaceholder")}
+              placeholder=${busy ? t4("chat.placeholderBusy") : props.comments.length > 0 ? "\u603B\u7ED3\u8BC4\u8BBA..." : t4("changes.chatPlaceholder")}
               value=${input}
               onInput=${onInput}
               onKeyDown=${onKeyDown}
+              onCompositionStart=${onCompositionStart}
+              onCompositionEnd=${onCompositionEnd}
               onBlur=${() => setTimeout(() => setPopoverKind(null), 150)}
+              disabled=${busy}
               rows="2"
             />
           </div>
@@ -25493,6 +25563,32 @@ ${commentRefs}` : commentRefs;
           </div>
         </div>
       </div>
+      ${busy ? (() => {
+    const elapsedMs = turnStartedAt ? Date.now() - turnStartedAt : 0;
+    const elapsed = (elapsedMs / 1e3).toFixed(1);
+    const textLen = streaming?.text?.length ?? 0;
+    const reasoningLen = streaming?.reasoning?.length ?? 0;
+    const toolSummary = summarizeTool(activeTool);
+    const phase = toolSummary ? t4("chat.inflightRunning") : reasoningLen > 0 && textLen === 0 ? t4("chat.inflightThinking") : textLen > 0 ? t4("chat.inflightStreaming") : t4("chat.inflightWaiting");
+    return html6`
+              <div class="chat-inflight">
+                <span class="spinner"></span>
+                <span class="chat-inflight-phase">${phase}</span>
+                <span class="chat-inflight-sep">·</span>
+                <span class="muted">${elapsed}s</span>
+                ${toolSummary ? html6`<span class="chat-inflight-sep">·</span><span class="chat-inflight-tool" title=${toolSummary}>${toolSummary}</span>` : null}
+                ${!toolSummary && (textLen > 0 || reasoningLen > 0) ? html6`
+                      <span class="chat-inflight-sep">·</span>
+                      <span class="muted">
+                        ${reasoningLen > 0 ? t4("chat.inflightReasoning", { count: reasoningLen.toLocaleString() }) : null}
+                        ${reasoningLen > 0 && textLen > 0 ? html6`<span> · </span>` : null}
+                        ${textLen > 0 ? t4("chat.inflightOut", { count: textLen.toLocaleString() }) : null}
+                      </span>
+                    ` : null}
+                <button class="chat-inflight-abort" onClick=${abort}>${t4("chat.abortBtn")}</button>
+              </div>
+            `;
+  })() : null}
       <${ChatStatusBar} stats=${stats} model=${model} />
     </div>
   `;
@@ -26651,6 +26747,7 @@ function McpPanel() {
   useLang();
   const [data, setData] = d2(null);
   const [specs, setSpecs] = d2(null);
+  const [failures, setFailures] = d2([]);
   const [error, setError] = d2(null);
   const [info, setInfo] = d2(null);
   const [newSpec, setNewSpec] = d2("");
@@ -26722,6 +26819,22 @@ function McpPanel() {
       const specResponse = await api("/mcp/specs");
       const normalized = (Array.isArray(specResponse.specs) ? specResponse.specs : []).map(normalizeMcpSpec).filter((spec) => spec !== null && spec.length > 0);
       setSpecs(normalized);
+      const rawFailures = Array.isArray(specResponse.failures) ? specResponse.failures : [];
+      const validFailures = [];
+      for (const f3 of rawFailures) {
+        if (typeof f3 !== "object" || f3 === null) continue;
+        const o3 = f3;
+        const rawSpec = typeof o3.spec === "string" ? o3.spec : "";
+        const norm = normalizeMcpSpec(rawSpec);
+        if (!norm) continue;
+        validFailures.push({
+          spec: norm,
+          name: typeof o3.name === "string" ? o3.name : "",
+          reason: typeof o3.reason === "string" ? o3.reason : "",
+          at: typeof o3.at === "number" ? o3.at : 0
+        });
+      }
+      setFailures(validFailures);
     } catch (err) {
       setError(err.message);
     }
@@ -26857,8 +26970,9 @@ function McpPanel() {
                   </div>
                 `
   ) : null}
-          ${showUnbridged ? unbridgedSpecs.map(
-    (spec) => html4`
+          ${showUnbridged ? unbridgedSpecs.map((spec) => {
+    const failure = failures.find((f3) => f3.spec === spec);
+    return html4`
                   <div
                     class=${`ssl-row ${openUnbridged === spec ? "sel" : ""}`}
                     onClick=${() => {
@@ -26866,12 +26980,12 @@ function McpPanel() {
       setOpen(null);
     }}
                   >
-                    <span class="name">${mcpSpecLabel(spec)} <span class="pill">${t4("mcp.unbridged")}</span></span>
+                    <span class="name">${mcpSpecLabel(spec)} <span class=${`pill ${failure ? "err" : ""}`}>${failure ? t4("mcp.bridgeFailed") : t4("mcp.unbridged")}</span></span>
                     <span class="preview">${mcpSpecCommand(spec)}</span>
-                    <span class="meta"><span class="dim">${t4("mcp.inConfig")}</span></span>
+                    <span class="meta"><span class=${failure ? "" : "dim"} style=${failure ? "color:var(--c-err)" : ""}>${failure ? failure.reason : t4("mcp.inConfig")}</span></span>
                   </div>
-                `
-  ) : null}
+                `;
+  }) : null}
         </div>
       </div>
 
@@ -26886,10 +27000,12 @@ function McpPanel() {
     onInstall: () => installFromRegistry(openRegistry),
     onUninstall: (spec) => removeSpec(spec),
     onClose: () => setOpenRegistry(null)
-  }) : openUnbridged != null ? html4`
+  }) : openUnbridged != null ? (() => {
+    const failure = failures.find((f3) => f3.spec === openUnbridged);
+    return html4`
               <div class="sessions-detail-h">
                 <span class="name">${mcpSpecLabel(openUnbridged)}</span>
-                <span class="ws"><span class="pill">${t4("mcp.unbridgedTitle")}</span></span>
+                <span class="ws"><span class="pill">${failure ? t4("mcp.bridgeFailedTitle") : t4("mcp.unbridgedTitle")}</span></span>
                 <span class="actions">
                   <button class="btn" disabled=${busy} onClick=${() => removeSpec(openUnbridged)}
                     style="border-color:var(--c-err);color:var(--c-err)">${t4("mcp.removeBtn")}</button>
@@ -26900,16 +27016,25 @@ function McpPanel() {
                 <div class="card-h"><span class="title">${t4("mcp.spec")}</span></div>
                 <code class="mono" style="font-size:11.5px;color:var(--fg-2);word-break:break-all">${openUnbridged}</code>
               </div>
-              <div class="card accent-warn">
-                <div class="card-h"><span class="title" style="color:var(--c-warn)">${t4("mcp.whyUnbridged")}</span></div>
-                <div class="card-b" style="font-size:13px;line-height:1.6">
-                  ${t4("mcp.whyUnbridgedDesc")}
-                  <div style="margin-top:10px;color:var(--fg-3);font-size:12px">
-                    ${t4("mcp.whyUnbridgedHint")}
-                  </div>
-                </div>
-              </div>
-            ` : open == null ? html4`<div style="color:var(--fg-3);font-size:13px;text-align:center;padding:60px 20px">
+              ${failure ? html4`<div class="card accent-err">
+                      <div class="card-h"><span class="title" style="color:var(--c-err)">${t4("mcp.bridgeFailed")}</span></div>
+                      <div class="card-b" style="font-size:13px;line-height:1.6">
+                        <code class="mono" style="font-size:12px;color:var(--fg-1);word-break:break-word;white-space:pre-wrap">${failure.reason}</code>
+                        <div style="margin-top:10px;color:var(--fg-3);font-size:12px">
+                          ${t4("mcp.bridgeFailedHint")}
+                        </div>
+                      </div>
+                    </div>` : html4`<div class="card accent-warn">
+                      <div class="card-h"><span class="title" style="color:var(--c-warn)">${t4("mcp.whyUnbridged")}</span></div>
+                      <div class="card-b" style="font-size:13px;line-height:1.6">
+                        ${t4("mcp.whyUnbridgedDesc")}
+                        <div style="margin-top:10px;color:var(--fg-3);font-size:12px">
+                          ${t4("mcp.whyUnbridgedHint")}
+                        </div>
+                      </div>
+                    </div>`}
+            `;
+  })() : open == null ? html4`<div style="color:var(--fg-3);font-size:13px;text-align:center;padding:60px 20px">
                 ${showMarketplace ? t4("mcp.marketplacePickHint") : t4("mcp.pickHint")}
               </div>` : html4`
                 <div class="sessions-detail-h">
@@ -27962,7 +28087,8 @@ function SemanticPanel() {
             baseUrl: draft.openaiCompat.baseUrl,
             apiKey: draft.openaiCompat.apiKey,
             model: draft.openaiCompat.model,
-            extraBody
+            extraBody,
+            batchSize: draft.openaiCompat.batchSize
           }
         }
       });
@@ -28117,6 +28243,27 @@ function SemanticPanel() {
         model: e3.target.value
       }
     });
+  }}
+                  />
+                </div>
+                <div class="form-row">
+                  <span class="lbl">${t4("semantic.batchSize")}</span>
+                  <input
+                    class="input mono"
+                    type="number"
+                    min="1"
+                    value=${draft.openaiCompat.batchSize}
+                    onInput=${(e3) => {
+    const v3 = Number.parseInt(e3.target.value, 10);
+    draftDirtyRef.current = true;
+    setDraftDirty(true);
+    setDraft({
+      ...draft,
+      openaiCompat: {
+        ...draft.openaiCompat,
+        batchSize: Number.isInteger(v3) && v3 > 0 ? v3 : 10
+      }
+    });
   }}
                   />
                 </div>
@@ -28252,6 +28399,7 @@ function SemanticPanel() {
                 <div class="rail-kv"><span class="k">${t4("semantic.apiKey")}</span><span class="v">${remote?.apiKeySet ? html4`<span class="pill ok">${t4("semantic.found")}</span>` : html4`<span class="pill warn">${t4("semantic.missing")}</span>`}</span></div>
                 <div class="rail-kv"><span class="k">${t4("semantic.model")}</span><span class="v" style="font-size:11px">${remote?.model ?? draft.openaiCompat.model}</span></div>
                 <div class="rail-kv"><span class="k">${t4("semantic.extraBody")}</span><span class="v">${fmtNum(remote?.extraBodyKeys.length ?? 0)}</span></div>
+                <div class="rail-kv"><span class="k">${t4("semantic.batchSize")}</span><span class="v">${remote?.batchSize ?? 10}</span></div>
               `}
         </div>
 
@@ -28272,6 +28420,7 @@ function toConfigDraft(config) {
       apiKey: "",
       model: config.openaiCompat.model,
       extraBodyText: JSON.stringify(config.openaiCompat.extraBody ?? {}, null, 2),
+      batchSize: config.openaiCompat.batchSize,
       apiKeySet: config.openaiCompat.apiKeySet
     }
   };
@@ -28687,10 +28836,12 @@ function isPlainObject(value) {
 // dashboard/src/panels/sessions.ts
 function SessionsPanel() {
   useLang();
-  const { data, error, loading } = usePoll("/sessions", 5e3);
+  const { data, error, loading, refresh } = usePoll("/sessions", 5e3);
   const [open, setOpen] = d2(null);
   const [openLoading, setOpenLoading] = d2(false);
   const [filter, setFilter] = d2("");
+  const [busy, setBusy] = d2(null);
+  const [actionError, setActionError] = d2(null);
   const view = q2(async (name) => {
     setOpen({ name, messages: null });
     setOpenLoading(true);
@@ -28703,17 +28854,64 @@ function SessionsPanel() {
       setOpenLoading(false);
     }
   }, []);
+  const newSession = q2(async () => {
+    setBusy("new");
+    setActionError(null);
+    try {
+      await api("/sessions/new", { method: "POST" });
+      setOpen(null);
+      await refresh();
+    } catch (err) {
+      setActionError(err.message);
+    } finally {
+      setBusy(null);
+    }
+  }, [refresh]);
+  const switchTo = q2(
+    async (name) => {
+      setBusy(`switch:${name}`);
+      setActionError(null);
+      try {
+        await api(`/sessions/${encodeURIComponent(name)}/switch`, { method: "POST" });
+        setOpen(null);
+        await refresh();
+      } catch (err) {
+        setActionError(err.message);
+      } finally {
+        setBusy(null);
+      }
+    },
+    [refresh]
+  );
+  const remove = q2(
+    async (name) => {
+      if (!confirm(t4("sessions.deleteConfirm", { name }))) return;
+      setBusy(`delete:${name}`);
+      setActionError(null);
+      try {
+        await api(`/sessions/${encodeURIComponent(name)}`, { method: "DELETE" });
+        if (open?.name === name) setOpen(null);
+        await refresh();
+      } catch (err) {
+        setActionError(err.message);
+      } finally {
+        setBusy(null);
+      }
+    },
+    [open, refresh]
+  );
   if (loading && !data)
     return html4`<div class="card" style="color:var(--fg-3)">${t4("sessions.loading")}</div>`;
-  if (error) return html4`<div class="card accent-err">${t4("common.loadingFailed", { name: "sessions", error: error.message })}</div>`;
+  if (error)
+    return html4`<div class="card accent-err">${t4("common.loadingFailed", { name: "sessions", error: error.message })}</div>`;
   const sessions = data?.sessions ?? [];
-  if (sessions.length === 0)
-    return html4`<div class="card" style="color:var(--fg-3)">${t4("sessions.noSessions")}</div>`;
+  const currentSession = data?.currentSession ?? null;
+  const canSwitch = data?.canSwitch ?? false;
   const filtered = filter.trim() ? sessions.filter((s3) => s3.name.toLowerCase().includes(filter.toLowerCase())) : sessions;
   return html4`
     <div class="sessions-grid">
       <div class="sessions-list">
-        <div class="ssl-h">
+        <div class="ssl-h" style="display:flex;gap:6px">
           <input
             type="text"
             placeholder=${t4("sessions.filterPlaceholder")}
@@ -28721,66 +28919,95 @@ function SessionsPanel() {
             onInput=${(e3) => setFilter(e3.target.value)}
             style="flex:1"
           />
+          <button
+            class="btn primary"
+            disabled=${!canSwitch || busy === "new"}
+            title=${canSwitch ? t4("sessions.newHint") : t4("sessions.attachRequired")}
+            onClick=${newSession}
+          >
+            ${busy === "new" ? t4("common.loading") : `+ ${t4("sessions.newBtn")}`}
+          </button>
         </div>
+        ${!canSwitch ? html4`<div style="padding:0 12px 6px;font-size:11.5px;color:var(--fg-3)">${t4("sessions.attachRequired")}</div>` : null}
+        ${actionError ? html4`<div class="card accent-err" style="margin:0 12px 8px;padding:6px 10px;font-size:12px">${actionError}</div>` : null}
         <div class="chips" style="padding:0 12px 8px">
           <span class="chip-f static active">${t4("common.all")} <span class="ct">${sessions.length}</span></span>
+          ${currentSession ? html4`<span class="chip-f static">${t4("sessions.activeChip")} <span class="ct">${currentSession}</span></span>` : null}
         </div>
-        <div class="ssl-rows">
-          ${filtered.map(
-    (s3) => html4`
-              <div
-                class=${`ssl-row ${open?.name === s3.name ? "sel" : ""}`}
-                onClick=${() => view(s3.name)}
-              >
-                <span class="name">${s3.name}</span>
-                <span class="meta">
-                  <span><span class="v">${fmtNum(s3.messageCount)}</span> ${t4("sessions.msgs")}</span>
-                  <span><span class="v">${fmtBytes(s3.size)}</span></span>
-                  <span>${fmtRelativeTime(s3.mtime)}</span>
-                </span>
-              </div>
-            `
-  )}
-        </div>
+        ${sessions.length === 0 ? html4`<div class="ctx-empty" style="padding:24px 12px;color:var(--fg-3)">${t4("sessions.noSessions")}</div>` : html4`<div class="ssl-rows">
+                ${filtered.map((s3) => {
+    const isCurrent = currentSession === s3.name;
+    return html4`
+                    <div
+                      class=${`ssl-row ${open?.name === s3.name ? "sel" : ""}`}
+                      onClick=${() => view(s3.name)}
+                    >
+                      <span class="name">
+                        ${isCurrent ? html4`<span class="pill ok" style="margin-right:6px">${t4("sessions.activePill")}</span>` : null}
+                        ${s3.name}
+                      </span>
+                      <span class="meta">
+                        <span><span class="v">${fmtNum(s3.messageCount)}</span> ${t4("sessions.msgs")}</span>
+                        <span><span class="v">${fmtBytes(s3.size)}</span></span>
+                        <span>${fmtRelativeTime(s3.mtime)}</span>
+                      </span>
+                    </div>
+                  `;
+  })}
+              </div>`}
       </div>
 
       <div class="sessions-detail">
         ${open == null ? html4`<div style="color:var(--fg-3);font-size:13px;text-align:center;padding:60px 20px">
                 ${t4("sessions.pickHint")}
-              </div>` : html4`
+              </div>` : (() => {
+    const isCurrent = currentSession === open.name;
+    return html4`
                 <div class="sessions-detail-h">
-                  <span class="name">${open.name}</span>
+                  <span class="name">
+                    ${isCurrent ? html4`<span class="pill ok" style="margin-right:6px">${t4("sessions.activePill")}</span>` : null}
+                    ${open.name}
+                  </span>
                   <span class="ws">
                     ${open.messages ? t4("sessions.messages", { count: open.messages.length, s: open.messages.length === 1 ? "" : "s" }) : t4("common.loading")}
                   </span>
                   <span class="actions">
+                    ${canSwitch && !isCurrent ? html4`<button class="btn primary" disabled=${busy === `switch:${open.name}`} onClick=${() => switchTo(open.name)}>${busy === `switch:${open.name}` ? t4("common.loading") : t4("sessions.switchBtn")}</button>` : null}
+                    <button
+                      class="btn"
+                      disabled=${isCurrent || busy === `delete:${open.name}`}
+                      title=${isCurrent ? t4("sessions.cantDeleteActive") : t4("sessions.deleteBtn")}
+                      style="border-color:var(--c-err);color:var(--c-err)"
+                      onClick=${() => remove(open.name)}
+                    >${busy === `delete:${open.name}` ? t4("common.loading") : t4("sessions.deleteBtn")}</button>
                     <button class="btn ghost" onClick=${() => setOpen(null)}>${t4("common.back")}</button>
                   </span>
                 </div>
-                <div class="card accent-brand" style="margin-bottom:10px">
-                  <div class="card-h"><span class="title">${t4("sessions.resumeTitle")}</span></div>
-                  <div class="card-b" style="font-size:12.5px;color:var(--fg-2)">
-                    ${t4("sessions.resumeDesc")}
-                    <code class="mono" style="display:block;margin-top:8px;padding:8px 10px;background:var(--bg-input);border-radius:var(--r);color:var(--fg-0);font-size:12px;user-select:all">reasonix chat --session ${open.name}</code>
-                  </div>
-                </div>
+                ${!canSwitch ? html4`<div class="card accent-brand" style="margin-bottom:10px">
+                        <div class="card-h"><span class="title">${t4("sessions.resumeTitle")}</span></div>
+                        <div class="card-b" style="font-size:12.5px;color:var(--fg-2)">
+                          ${t4("sessions.resumeDesc")}
+                          <code class="mono" style="display:block;margin-top:8px;padding:8px 10px;background:var(--bg-input);border-radius:var(--r);color:var(--fg-0);font-size:12px;user-select:all">reasonix chat --session ${open.name}</code>
+                        </div>
+                      </div>` : null}
                 ${openLoading ? html4`<div style="color:var(--fg-3)">${t4("sessions.loadingTranscript")}</div>` : open.error ? html4`<div class="card accent-err">${open.error}</div>` : open.messages && open.messages.length > 0 ? html4`<div class="chat-feed" style="max-height:calc(100vh - 220px);overflow-y:auto">
                             ${open.messages.map(
-    (m3, i3) => html4`
+      (m3, i3) => html4`
                                 <${ChatMessage}
                                   key=${i3}
                                   msg=${{
-      id: `r-${i3}`,
-      role: m3.role === "tool" ? "tool" : m3.role === "assistant" ? "assistant" : m3.role === "user" ? "user" : "info",
-      text: m3.content ?? "",
-      toolName: m3.toolName
-    }}
+        id: `r-${i3}`,
+        role: m3.role === "tool" ? "tool" : m3.role === "assistant" ? "assistant" : m3.role === "user" ? "user" : "info",
+        text: m3.content ?? "",
+        toolName: m3.toolName
+      }}
                                   streaming=${false}
                                 />
                               `
-  )}
+    )}
                           </div>` : html4`<div style="color:var(--fg-3)">${t4("sessions.emptyTranscript")}</div>`}
-              `}
+              `;
+  })()}
       </div>
     </div>
   `;