@symerian/symi 2.0.10 → 2.0.12

package/dist/{audio-preflight-B8ffbICW.js → audio-preflight-Cq4C-m27.js}

@@ -12,10 +12,10 @@ import "./accounts-8zZqL37v.js";
 import "./image-ops-ByaQt43P.js";
 import "./pi-model-discovery-j5tVLINv.js";
 import "./message-channel-BQINJQIT.js";
-import "./pi-embedded-helpers-BmYZe8o8.js";
+import "./pi-embedded-helpers--yFTAWwW.js";
 import "./config-BjGo9GnL.js";
 import "./manifest-registry-D-mTF1cj.js";
-import "./chrome-B_zrSLce.js";
+import "./chrome-h6BnL8Lp.js";
 import "./skills-BNpGMnp-.js";
 import "./redact-1NGYV_8p.js";
 import "./errors-CPfngF0S.js";
@@ -25,10 +25,10 @@ import "./thinking-W85Rb32m.js";
 import "./accounts-DImOt9jX.js";
 import "./paths-DkMamAQ-.js";
 import "./tool-images-ChC2CXaN.js";
-import "./image-CSeAnozE.js";
+import "./image-DOnOTocl.js";
 import "./gemini-auth-K6vg8B5c.js";
 import "./local-roots-CC8jiKDk.js";
-import { a as resolveMediaAttachmentLocalRoots, n as createMediaAttachmentCache, o as runCapability, r as normalizeMediaAttachments, t as buildProviderRegistry, u as isAudioAttachment } from "./runner-CJJY2r19.js";
+import { a as resolveMediaAttachmentLocalRoots, n as createMediaAttachmentCache, o as runCapability, r as normalizeMediaAttachments, t as buildProviderRegistry, u as isAudioAttachment } from "./runner-uDZlTCm2.js";
 
 //#region src/media-understanding/audio-preflight.ts
 /**

package/dist/{audio-preflight-DRQD_nt1.js → audio-preflight-DbUFnPX1.js}

@@ -14,10 +14,10 @@ import "./model-auth-CeL58m55.js";
 import "./github-copilot-token-C_qUP7p5.js";
 import "./pi-model-discovery-DaNAekda.js";
 import "./message-channel-Dz5lr5b0.js";
-import "./pi-embedded-helpers-kB5lBgXk.js";
+import "./pi-embedded-helpers-x8rJur4F.js";
 import "./config-DM0K7qC1.js";
 import "./manifest-registry-D0IQ3WuX.js";
-import "./chrome-LmEyZdbC.js";
+import "./chrome-BATLK3yK.js";
 import "./frontmatter-C_bv_0P8.js";
 import "./skills-BFekKL7i.js";
 import "./redact-jSxx6Ep2.js";
@@ -28,10 +28,10 @@ import "./thinking-CdlENGRW.js";
 import "./accounts-qtxJ-6em.js";
 import "./paths-DLyHUt31.js";
 import "./tool-images-DXB7tqWi.js";
-import "./image-RFofsrof.js";
+import "./image-RLbZ3RUn.js";
 import "./gemini-auth-7AWT6JXV.js";
 import "./local-roots-DMwIh5cS.js";
-import { a as resolveMediaAttachmentLocalRoots, n as createMediaAttachmentCache, o as runCapability, r as normalizeMediaAttachments, t as buildProviderRegistry, u as isAudioAttachment } from "./runner-DOvsNiYz.js";
+import { a as resolveMediaAttachmentLocalRoots, n as createMediaAttachmentCache, o as runCapability, r as normalizeMediaAttachments, t as buildProviderRegistry, u as isAudioAttachment } from "./runner-DjHRFXSI.js";
 
 //#region src/media-understanding/audio-preflight.ts
 /**

package/dist/build-info.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.10",
-  "commit": "4b89239a49089e430c47f05346a6e37b09618fb6",
-  "builtAt": "2026-03-09T00:25:15.389Z"
+  "version": "2.0.12",
+  "commit": "836b23c66e3fc139ac5c7db44a43adea9ec35b22",
+  "builtAt": "2026-03-09T16:39:28.949Z"
 }

package/dist/bundled/boot-md/handler.js

@@ -5,7 +5,7 @@ import { s as resolveAgentWorkspaceDir, t as listAgentIds } from "../../agent-sc
 import { r as defaultRuntime, t as createSubsystemLogger } from "../../subsystem-Bs9YvKLa.js";
 import "../../workspace-wAaHI8-5.js";
 import { n as SILENT_REPLY_TOKEN } from "../../tokens-H1H1LiSQ.js";
-import { a as createDefaultDeps, i as agentCommand } from "../../pi-embedded-BjzaB3CT.js";
+import { a as createDefaultDeps, i as agentCommand } from "../../pi-embedded-ZzUH4ioO.js";
 import "../../plugins-DQYI3Fr-.js";
 import "../../accounts-tNElYrCH.js";
 import "../../boolean-B8-BqKGQ.js";
@@ -13,7 +13,7 @@ import "../../command-format-BaxDnULz.js";
 import "../../bindings-B7Ke6LJi.js";
 import "../../send-CHOArYFe.js";
 import "../../send-D3M6pMr5.js";
-import "../../deliver-B3UoBZdC.js";
+import "../../deliver-DD3gs9SF.js";
 import "../../diagnostic-CI0kRQkt.js";
 import "../../diagnostic-session-state-Bxo4UHOL.js";
 import "../../accounts-CWktKM8a.js";
@@ -23,10 +23,10 @@ import "../../model-auth-CeL58m55.js";
 import "../../github-copilot-token-C_qUP7p5.js";
 import "../../pi-model-discovery-DaNAekda.js";
 import "../../message-channel-Dz5lr5b0.js";
-import { H as loadSessionStore, K as updateSessionStore, xt as resolveMainSessionKey, yt as resolveAgentMainSessionKey } from "../../pi-embedded-helpers-kB5lBgXk.js";
+import { H as loadSessionStore, K as updateSessionStore, xt as resolveMainSessionKey, yt as resolveAgentMainSessionKey } from "../../pi-embedded-helpers-x8rJur4F.js";
 import "../../config-DM0K7qC1.js";
 import "../../manifest-registry-D0IQ3WuX.js";
-import "../../chrome-LmEyZdbC.js";
+import "../../chrome-BATLK3yK.js";
 import "../../frontmatter-C_bv_0P8.js";
 import "../../skills-BFekKL7i.js";
 import "../../redact-jSxx6Ep2.js";
@@ -37,7 +37,7 @@ import "../../thinking-CdlENGRW.js";
 import "../../accounts-qtxJ-6em.js";
 import { s as resolveStorePath } from "../../paths-DLyHUt31.js";
 import "../../tool-images-DXB7tqWi.js";
-import "../../image-RFofsrof.js";
+import "../../image-RLbZ3RUn.js";
 import "../../reply-prefix-XlyuyChD.js";
 import "../../manager-B5EXdBQV.js";
 import "../../gemini-auth-7AWT6JXV.js";
@@ -51,7 +51,7 @@ import "../../ir-DccrnjsE.js";
 import "../../render-CDCvpfhh.js";
 import "../../commands-registry-C3C4Rv3O.js";
 import "../../skill-commands-B64uavY9.js";
-import "../../runner-DOvsNiYz.js";
+import "../../runner-DjHRFXSI.js";
 import "../../fetch-Bso4i15F.js";
 import "../../channel-activity-CsM_hJ_s.js";
 import "../../tables-DuZspiBu.js";

package/dist/bundled/session-memory/handler.js

@@ -5,7 +5,7 @@ import { s as resolveAgentWorkspaceDir } from "../../agent-scope-BxoUQqgM.js";
 import { t as createSubsystemLogger } from "../../subsystem-Bs9YvKLa.js";
 import "../../workspace-wAaHI8-5.js";
 import "../../tokens-H1H1LiSQ.js";
-import "../../pi-embedded-BjzaB3CT.js";
+import "../../pi-embedded-ZzUH4ioO.js";
 import "../../plugins-DQYI3Fr-.js";
 import "../../accounts-tNElYrCH.js";
 import "../../boolean-B8-BqKGQ.js";
@@ -13,7 +13,7 @@ import "../../command-format-BaxDnULz.js";
 import "../../bindings-B7Ke6LJi.js";
 import "../../send-CHOArYFe.js";
 import "../../send-D3M6pMr5.js";
-import "../../deliver-B3UoBZdC.js";
+import "../../deliver-DD3gs9SF.js";
 import "../../diagnostic-CI0kRQkt.js";
 import "../../diagnostic-session-state-Bxo4UHOL.js";
 import "../../accounts-CWktKM8a.js";
@@ -23,10 +23,10 @@ import "../../model-auth-CeL58m55.js";
 import "../../github-copilot-token-C_qUP7p5.js";
 import "../../pi-model-discovery-DaNAekda.js";
 import "../../message-channel-Dz5lr5b0.js";
-import { ct as hasInterSessionUserProvenance } from "../../pi-embedded-helpers-kB5lBgXk.js";
+import { ct as hasInterSessionUserProvenance } from "../../pi-embedded-helpers-x8rJur4F.js";
 import "../../config-DM0K7qC1.js";
 import "../../manifest-registry-D0IQ3WuX.js";
-import "../../chrome-LmEyZdbC.js";
+import "../../chrome-BATLK3yK.js";
 import "../../frontmatter-C_bv_0P8.js";
 import "../../skills-BFekKL7i.js";
 import "../../redact-jSxx6Ep2.js";
@@ -37,7 +37,7 @@ import "../../thinking-CdlENGRW.js";
 import "../../accounts-qtxJ-6em.js";
 import "../../paths-DLyHUt31.js";
 import "../../tool-images-DXB7tqWi.js";
-import "../../image-RFofsrof.js";
+import "../../image-RLbZ3RUn.js";
 import "../../reply-prefix-XlyuyChD.js";
 import "../../manager-B5EXdBQV.js";
 import "../../gemini-auth-7AWT6JXV.js";
@@ -51,7 +51,7 @@ import "../../ir-DccrnjsE.js";
 import "../../render-CDCvpfhh.js";
 import "../../commands-registry-C3C4Rv3O.js";
 import "../../skill-commands-B64uavY9.js";
-import "../../runner-DOvsNiYz.js";
+import "../../runner-DjHRFXSI.js";
 import "../../fetch-Bso4i15F.js";
 import "../../channel-activity-CsM_hJ_s.js";
 import "../../tables-DuZspiBu.js";

package/dist/canvas-host/a2ui/.bundle.hash

@@ -1 +1 @@
-47a931667acd62f8951ea76d786d695990d0e3e45d9224285237d7b5eda0f7eb
+2fb661e40a01af0991c00286ee43d4cbc9c8f6b1cc4459500dd5826143402576

package/dist/{chrome-LmEyZdbC.js → chrome-BATLK3yK.js}

@@ -10,7 +10,7 @@ import fs$1 from "node:fs";
 import { execFileSync, spawn } from "node:child_process";
 import net from "node:net";
 import { createServer } from "node:http";
-import WebSocket, { WebSocketServer } from "ws";
+import WebSocket$1, { WebSocketServer } from "ws";
 import { Buffer as Buffer$1 } from "node:buffer";
 
 //#region src/browser/constants.ts
@@ -178,7 +178,7 @@ async function ensureChromeExtensionRelayServer(opts) {
 	let nextExtensionId = 1;
 	const sendToExtension = async (payload) => {
 		const ws = extensionWs;
-		if (!ws || ws.readyState !== WebSocket.OPEN) throw new Error("Chrome extension not connected");
+		if (!ws || ws.readyState !== WebSocket$1.OPEN) throw new Error("Chrome extension not connected");
 		ws.send(JSON.stringify(payload));
 		return await new Promise((resolve, reject) => {
 			const timer = setTimeout(() => {
@@ -195,12 +195,12 @@ async function ensureChromeExtensionRelayServer(opts) {
 	const broadcastToCdpClients = (evt) => {
 		const msg = JSON.stringify(evt);
 		for (const ws of cdpClients) {
-			if (ws.readyState !== WebSocket.OPEN) continue;
+			if (ws.readyState !== WebSocket$1.OPEN) continue;
 			ws.send(msg);
 		}
 	};
 	const sendResponseToCdp = (ws, res) => {
-		if (ws.readyState !== WebSocket.OPEN) return;
+		if (ws.readyState !== WebSocket$1.OPEN) return;
 		ws.send(JSON.stringify(res));
 	};
 	const ensureTargetEventsForClient = (ws, mode) => {
@@ -425,7 +425,7 @@ async function ensureChromeExtensionRelayServer(opts) {
 	wssExtension.on("connection", (ws) => {
 		extensionWs = ws;
 		const ping = setInterval(() => {
-			if (ws.readyState !== WebSocket.OPEN) return;
+			if (ws.readyState !== WebSocket$1.OPEN) return;
 			ws.send(JSON.stringify({ method: "ping" }));
 		}, 5e3);
 		ws.on("message", (data) => {
@@ -743,7 +743,7 @@ async function fetchOk(url, timeoutMs = 1500, init) {
 }
 async function withCdpSocket(wsUrl, fn, opts) {
 	const headers = getHeadersWithAuth(wsUrl, opts?.headers ?? {});
-	const ws = new WebSocket(wsUrl, {
+	const ws = new WebSocket$1(wsUrl, {
 		handshakeTimeout: typeof opts?.handshakeTimeoutMs === "number" && Number.isFinite(opts.handshakeTimeoutMs) ? Math.max(1, Math.floor(opts.handshakeTimeoutMs)) : 5e3,
 		...Object.keys(headers).length ? { headers } : {}
 	});
@@ -1637,7 +1637,7 @@ async function getChromeWebSocketUrl(cdpUrl, timeoutMs = 500) {
 async function canOpenWebSocket(wsUrl, timeoutMs = 800) {
 	return await new Promise((resolve) => {
 		const headers = getHeadersWithAuth(wsUrl);
-		const ws = new WebSocket(wsUrl, {
+		const ws = new WebSocket$1(wsUrl, {
 			handshakeTimeout: timeoutMs,
 			...Object.keys(headers).length ? { headers } : {}
 		});

package/dist/{chrome-B_zrSLce.js → chrome-h6BnL8Lp.js}

@@ -10,7 +10,7 @@ import fs$1 from "node:fs/promises";
 import { execFileSync, spawn } from "node:child_process";
 import net from "node:net";
 import { createServer } from "node:http";
-import WebSocket, { WebSocketServer } from "ws";
+import WebSocket$1, { WebSocketServer } from "ws";
 import { Buffer as Buffer$1 } from "node:buffer";
 
 //#region src/browser/constants.ts
@@ -178,7 +178,7 @@ async function ensureChromeExtensionRelayServer(opts) {
 	let nextExtensionId = 1;
 	const sendToExtension = async (payload) => {
 		const ws = extensionWs;
-		if (!ws || ws.readyState !== WebSocket.OPEN) throw new Error("Chrome extension not connected");
+		if (!ws || ws.readyState !== WebSocket$1.OPEN) throw new Error("Chrome extension not connected");
 		ws.send(JSON.stringify(payload));
 		return await new Promise((resolve, reject) => {
 			const timer = setTimeout(() => {
@@ -195,12 +195,12 @@ async function ensureChromeExtensionRelayServer(opts) {
 	const broadcastToCdpClients = (evt) => {
 		const msg = JSON.stringify(evt);
 		for (const ws of cdpClients) {
-			if (ws.readyState !== WebSocket.OPEN) continue;
+			if (ws.readyState !== WebSocket$1.OPEN) continue;
 			ws.send(msg);
 		}
 	};
 	const sendResponseToCdp = (ws, res) => {
-		if (ws.readyState !== WebSocket.OPEN) return;
+		if (ws.readyState !== WebSocket$1.OPEN) return;
 		ws.send(JSON.stringify(res));
 	};
 	const ensureTargetEventsForClient = (ws, mode) => {
@@ -425,7 +425,7 @@ async function ensureChromeExtensionRelayServer(opts) {
 	wssExtension.on("connection", (ws) => {
 		extensionWs = ws;
 		const ping = setInterval(() => {
-			if (ws.readyState !== WebSocket.OPEN) return;
+			if (ws.readyState !== WebSocket$1.OPEN) return;
 			ws.send(JSON.stringify({ method: "ping" }));
 		}, 5e3);
 		ws.on("message", (data) => {
@@ -743,7 +743,7 @@ async function fetchOk(url, timeoutMs = 1500, init) {
 }
 async function withCdpSocket(wsUrl, fn, opts) {
 	const headers = getHeadersWithAuth(wsUrl, opts?.headers ?? {});
-	const ws = new WebSocket(wsUrl, {
+	const ws = new WebSocket$1(wsUrl, {
 		handshakeTimeout: typeof opts?.handshakeTimeoutMs === "number" && Number.isFinite(opts.handshakeTimeoutMs) ? Math.max(1, Math.floor(opts.handshakeTimeoutMs)) : 5e3,
 		...Object.keys(headers).length ? { headers } : {}
 	});
@@ -1637,7 +1637,7 @@ async function getChromeWebSocketUrl(cdpUrl, timeoutMs = 500) {
 async function canOpenWebSocket(wsUrl, timeoutMs = 800) {
 	return await new Promise((resolve) => {
 		const headers = getHeadersWithAuth(wsUrl);
-		const ws = new WebSocket(wsUrl, {
+		const ws = new WebSocket$1(wsUrl, {
 			handshakeTimeout: timeoutMs,
 			...Object.keys(headers).length ? { headers } : {}
 		});

package/dist/control-ui/css/style.css

@@ -3513,3 +3513,202 @@ html, body {
   background: rgba(52, 211, 153, 0.25);
   border-color: rgba(52, 211, 153, 0.5);
 }
+
+/* ── Reasoning Panel ───────────────────────────────────────────────── */
+.reasoning-panel {
+  display: flex;
+  flex-direction: column;
+  min-height: 120px;
+  max-height: 420px;
+  flex-shrink: 0;
+}
+
+.reasoning-live-dot {
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--accent-cyan);
+  margin-left: 6px;
+  vertical-align: middle;
+  opacity: 0;
+  transition: opacity 0.3s ease;
+}
+.reasoning-live-dot.active {
+  opacity: 1;
+  animation: pulse 1.2s ease-in-out infinite;
+}
+
+.reasoning-feed {
+  flex: 1;
+  overflow-y: auto;
+  scrollbar-width: thin;
+  scrollbar-color: rgba(0, 212, 255, 0.2) transparent;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding-right: 2px;
+}
+.reasoning-feed::-webkit-scrollbar { width: 3px; }
+.reasoning-feed::-webkit-scrollbar-track { background: transparent; }
+.reasoning-feed::-webkit-scrollbar-thumb { background: rgba(0, 212, 255, 0.2); border-radius: 2px; }
+
+/* Empty state */
+.reasoning-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  padding: 20px 0 12px;
+  color: var(--text-dim);
+}
+.reasoning-empty-icon {
+  width: 28px;
+  height: 28px;
+  opacity: 0.4;
+}
+.reasoning-empty-icon svg {
+  width: 100%;
+  height: 100%;
+}
+.reasoning-empty-text {
+  font-size: 11px;
+  font-family: var(--font-mono);
+  opacity: 0.5;
+  text-align: center;
+}
+
+/* Run separator */
+.reasoning-run-sep {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin: 4px 0 2px;
+}
+.reasoning-run-sep::before,
+.reasoning-run-sep::after {
+  content: '';
+  flex: 1;
+  height: 1px;
+  background: rgba(255, 255, 255, 0.06);
+}
+.reasoning-run-sep-label {
+  font-size: 9px;
+  font-family: var(--font-mono);
+  font-weight: 600;
+  letter-spacing: 0.1em;
+  color: var(--text-dim);
+  white-space: nowrap;
+}
+
+/* Individual reasoning entry */
+.reasoning-entry {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 6px 8px;
+  background: rgba(255, 255, 255, 0.02);
+  border: 1px solid rgba(255, 255, 255, 0.05);
+  border-radius: 8px;
+  transition: border-color 0.2s;
+}
+.reasoning-entry:hover {
+  border-color: rgba(255, 255, 255, 0.09);
+}
+
+/* Entry header row: badge + label */
+.reasoning-entry-header {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+.reasoning-entry-badge {
+  font-size: 9px;
+  font-family: var(--font-mono);
+  font-weight: 700;
+  letter-spacing: 0.1em;
+  padding: 1px 5px;
+  border-radius: 4px;
+  flex-shrink: 0;
+}
+/* Thinking badge — cyan tint */
+.reasoning-entry-badge.badge-think {
+  background: rgba(0, 212, 255, 0.1);
+  color: var(--accent-cyan);
+  border: 1px solid rgba(0, 212, 255, 0.18);
+}
+/* Tool call badge — purple tint */
+.reasoning-entry-badge.badge-tool {
+  background: rgba(139, 92, 246, 0.12);
+  color: var(--accent-purple);
+  border: 1px solid rgba(139, 92, 246, 0.2);
+}
+/* Tool result badge — green tint */
+.reasoning-entry-badge.badge-result {
+  background: rgba(52, 211, 153, 0.1);
+  color: var(--accent-green);
+  border: 1px solid rgba(52, 211, 153, 0.18);
+}
+
+.reasoning-entry-name {
+  font-size: 11px;
+  font-family: var(--font-mono);
+  color: var(--text-muted);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex: 1;
+}
+
+/* Thinking body */
+.reasoning-think-body {
+  font-size: 10px;
+  font-family: var(--font-mono);
+  color: var(--text-muted);
+  line-height: 1.55;
+  white-space: pre-wrap;
+  word-break: break-word;
+  max-height: 120px;
+  overflow-y: auto;
+  padding: 4px 2px 0;
+  opacity: 0.75;
+  scrollbar-width: thin;
+  scrollbar-color: rgba(0, 212, 255, 0.15) transparent;
+}
+.reasoning-think-body::-webkit-scrollbar { width: 2px; }
+.reasoning-think-body::-webkit-scrollbar-thumb { background: rgba(0, 212, 255, 0.15); border-radius: 2px; }
+
+/* Tool detail — compact JSON preview, collapsible */
+.reasoning-tool-preview {
+  font-size: 10px;
+  font-family: var(--font-mono);
+  color: var(--text-muted);
+  opacity: 0.65;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  padding: 2px 0 0;
+}
+.reasoning-tool-detail {
+  display: none;
+  font-size: 10px;
+  font-family: var(--font-mono);
+  color: var(--text-muted);
+  white-space: pre-wrap;
+  word-break: break-all;
+  padding: 4px 2px 0;
+  opacity: 0.65;
+  max-height: 100px;
+  overflow-y: auto;
+}
+.reasoning-entry.expanded .reasoning-tool-detail { display: block; }
+.reasoning-entry.expanded .reasoning-tool-preview { display: none; }
+
+/* Result row */
+.reasoning-result-meta {
+  font-size: 10px;
+  font-family: var(--font-mono);
+  color: var(--text-dim);
+  padding: 2px 0 0;
+}

package/dist/control-ui/index.html

@@ -138,6 +138,25 @@
       </button>
     </div>
 
+    <!-- Reasoning Panel -->
+    <div class="glass-panel reasoning-panel" id="reasoning-panel">
+      <div class="panel-label">
+        REASONING
+        <span class="reasoning-live-dot" id="reasoning-live-dot"></span>
+      </div>
+      <div class="reasoning-feed" id="reasoning-feed">
+        <div class="reasoning-empty" id="reasoning-empty">
+          <div class="reasoning-empty-icon">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+              <circle cx="12" cy="12" r="3"/>
+              <path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41"/>
+            </svg>
+          </div>
+          <div class="reasoning-empty-text">No reasoning yet</div>
+        </div>
+      </div>
+    </div>
+
   </aside>
 
   <!-- Metrics — Right column -->

package/dist/control-ui/js/app.js

@@ -195,6 +195,9 @@ function handleRunFailure(reason) {
   // Stop timers immediately
   stopElapsedTimer();
   clearWatchdog();
+  if (typeof window.closeLiveThinking === "function") {
+    window.closeLiveThinking();
+  }
 
   // Clean up any in-flight UI elements
   if (thinkingEl) {
@@ -243,6 +246,10 @@ function handleRunFailure(reason) {
 
 // ── Render history (on first connect) ─────────────────────────────
 function renderHistory(messages) {
+  // Clear reasoning panel in sync with the feed — prevents double-entries on reconnect
+  if (typeof window.clearReasoningPanel === "function") {
+    window.clearReasoningPanel();
+  }
   responseArea.innerHTML = "";
   for (const m of messages) {
     if (!m || !m.role) {
@@ -301,9 +308,18 @@ function handleGatewayEvent(event) {
     if (text) {
       updateStream(text);
     }
+    // Stream thinking deltas live to the Reasoning Panel
+    const thinkingText =
+      typeof window.extractThinkingText === "function" ? window.extractThinkingText(p.message) : "";
+    if (thinkingText && typeof window.updateLiveThinking === "function") {
+      window.updateLiveThinking(thinkingText);
+    }
   } else if (p.state === "final") {
     stopElapsedTimer();
     clearWatchdog();
+    if (typeof window.closeLiveThinking === "function") {
+      window.closeLiveThinking();
+    }
     closeStreamBubble();
     setAgentStatus("done");
     isStreaming = false;
@@ -316,6 +332,9 @@ function handleGatewayEvent(event) {
     // Clean abort (user-initiated or model decided to stop) — not an error
     stopElapsedTimer();
     clearWatchdog();
+    if (typeof window.closeLiveThinking === "function") {
+      window.closeLiveThinking();
+    }
     if (streamBubble) {
       closeStreamBubble();
     }
@@ -371,6 +390,13 @@ function setAgentStatus(key) {
     asoSub.textContent = s.sub;
   }
 
+  // Pulse the reasoning live-dot while agent is actively thinking/streaming
+  const reasoningDot = document.getElementById("reasoning-live-dot");
+  if (reasoningDot) {
+    const active = key === "thinking" || key === "streaming" || key === "waiting";
+    reasoningDot.classList.toggle("active", active);
+  }
+
   // ── Elapsed timer management ──────────────────────────────────
   if (key === "thinking") {
     // Start elapsed timer and watchdog when processing begins
@@ -476,6 +502,11 @@ async function sendText(text) {
   addUserMessage(text);
   await sleep(200);
 
+  // Mark the start of this run in the Reasoning Panel
+  if (typeof window.injectReasoningRunSeparator === "function") {
+    window.injectReasoningRunSeparator();
+  }
+
   setAgentStatus("waiting");
   thinkingEl = createThinkingBubble();
   setAgentStatus("thinking");
@@ -532,6 +563,9 @@ async function handleNewSession() {
 
     responseArea.innerHTML = "";
     responseArea.style.opacity = "1";
+    if (typeof window.clearReasoningPanel === "function") {
+      window.clearReasoningPanel();
+    }
 
     // Show empty-state indicator
     const cleared = document.createElement("div");