@symerian/symi 2.6.32 → 2.6.35

package/dist/{audio-preflight-DHTaS5U1.js → audio-preflight-BVaaZWkg.js}

@@ -8,10 +8,10 @@ import "./auth-profiles-DdK1Hxaa.js";
 import "./env-BDXYbTKj.js";
 import "./github-copilot-token-cCYzSU9h.js";
 import "./boolean-CE7i9tBR.js";
-import "./pi-embedded-helpers-pubKo8HQ.js";
+import "./pi-embedded-helpers-CfqDGQ9J.js";
 import "./config-5SdHIcHU.js";
 import "./manifest-registry-yb7sAlu4.js";
-import "./chrome-DYZwl5Gv.js";
+import "./chrome-DkaXoP36.js";
 import "./frontmatter-CTR5f_Ez.js";
 import "./skills-Bs0AW1g3.js";
 import "./redact-BDMXB06K.js";
@@ -27,11 +27,11 @@ import "./accounts-3dCrO3oZ.js";
 import "./accounts-BuZxOb3B.js";
 import "./bindings-BsHoBLIE.js";
 import "./tool-images-SqqWIT22.js";
-import "./image-CXu8W39c.js";
+import "./image-CuzFLQWC.js";
 import "./pi-model-discovery-Bv5YDJc8.js";
 import "./gemini-auth-Dy12ZAH3.js";
 import "./local-roots-DhZz0Ybs.js";
-import { a as resolveMediaAttachmentLocalRoots, n as createMediaAttachmentCache, o as runCapability, r as normalizeMediaAttachments, t as buildProviderRegistry, u as isAudioAttachment } from "./runner-WAG0M5s9.js";
+import { a as resolveMediaAttachmentLocalRoots, n as createMediaAttachmentCache, o as runCapability, r as normalizeMediaAttachments, t as buildProviderRegistry, u as isAudioAttachment } from "./runner-CU9l0uJh.js";
 
 //#region src/media-understanding/audio-preflight.ts
 /**

package/dist/build-info.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.6.32",
-  "commit": "3a921a700c69af2a281df5a5a26dcc8986d3f4ba",
-  "builtAt": "2026-04-16T05:32:53.293Z"
+  "version": "2.6.35",
+  "commit": "ace47bc3a15ad94ac64e4d89650c364288d335b3",
+  "builtAt": "2026-04-16T23:04:14.025Z"
 }

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

@@ -4,16 +4,16 @@ import { b as isGatewayStartupEvent } from "../../registry-DYq1AYOv.js";
 import { s as resolveAgentWorkspaceDir, t as listAgentIds } from "../../agent-scope-CpEJ0B88.js";
 import { r as defaultRuntime, t as createSubsystemLogger } from "../../subsystem-BjyjJF-d.js";
 import "../../workspace-DscDraUb.js";
-import { a as createDefaultDeps, i as agentCommand } from "../../unified-runner-Dy2eq7ZO.js";
+import { a as createDefaultDeps, i as agentCommand } from "../../unified-runner-Di5Ca6mo.js";
 import { s as resolveStorePath } from "../../paths-CbQV9WEg.js";
 import "../../auth-profiles-DdK1Hxaa.js";
 import "../../env-BDXYbTKj.js";
 import "../../github-copilot-token-cCYzSU9h.js";
 import "../../boolean-CE7i9tBR.js";
-import { H as loadSessionStore, K as updateSessionStore, xt as resolveMainSessionKey, yt as resolveAgentMainSessionKey } from "../../pi-embedded-helpers-pubKo8HQ.js";
+import { H as loadSessionStore, K as updateSessionStore, xt as resolveMainSessionKey, yt as resolveAgentMainSessionKey } from "../../pi-embedded-helpers-CfqDGQ9J.js";
 import "../../config-5SdHIcHU.js";
 import "../../manifest-registry-yb7sAlu4.js";
-import "../../chrome-DYZwl5Gv.js";
+import "../../chrome-DkaXoP36.js";
 import "../../frontmatter-CTR5f_Ez.js";
 import "../../skills-Bs0AW1g3.js";
 import "../../redact-BDMXB06K.js";
@@ -31,10 +31,10 @@ import "../../bindings-BsHoBLIE.js";
 import "../../send-CVMyYPQw.js";
 import "../../send-CvhXrdgS.js";
 import "../../tool-images-SqqWIT22.js";
-import "../../deliver-dODxSv3b.js";
+import "../../deliver-C46-vyqg.js";
 import "../../diagnostic-rPhsBoZz.js";
 import "../../diagnostic-session-state-Zw87xFym.js";
-import "../../image-CXu8W39c.js";
+import "../../image-CuzFLQWC.js";
 import { n as SILENT_REPLY_TOKEN } from "../../tokens-Bux9Y_xD.js";
 import "../../send-DYj_o4_F.js";
 import "../../pi-model-discovery-Bv5YDJc8.js";
@@ -50,7 +50,7 @@ import "../../local-roots-DhZz0Ybs.js";
 import "../../ir-CTiz95Vb.js";
 import "../../render-CDCvpfhh.js";
 import "../../commands-registry-Bfc7Uz0o.js";
-import "../../runner-WAG0M5s9.js";
+import "../../runner-CU9l0uJh.js";
 import "../../skill-commands-DcVwOafC.js";
 import "../../fetch-Bso4i15F.js";
 import "../../channel-activity-B6G1jnQT.js";

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

@@ -4,16 +4,16 @@ import "../../registry-DYq1AYOv.js";
 import { s as resolveAgentWorkspaceDir } from "../../agent-scope-CpEJ0B88.js";
 import { t as createSubsystemLogger } from "../../subsystem-BjyjJF-d.js";
 import "../../workspace-DscDraUb.js";
-import "../../unified-runner-Dy2eq7ZO.js";
+import "../../unified-runner-Di5Ca6mo.js";
 import "../../paths-CbQV9WEg.js";
 import "../../auth-profiles-DdK1Hxaa.js";
 import "../../env-BDXYbTKj.js";
 import "../../github-copilot-token-cCYzSU9h.js";
 import "../../boolean-CE7i9tBR.js";
-import { ct as hasInterSessionUserProvenance } from "../../pi-embedded-helpers-pubKo8HQ.js";
+import { ct as hasInterSessionUserProvenance } from "../../pi-embedded-helpers-CfqDGQ9J.js";
 import "../../config-5SdHIcHU.js";
 import "../../manifest-registry-yb7sAlu4.js";
-import "../../chrome-DYZwl5Gv.js";
+import "../../chrome-DkaXoP36.js";
 import "../../frontmatter-CTR5f_Ez.js";
 import "../../skills-Bs0AW1g3.js";
 import "../../redact-BDMXB06K.js";
@@ -31,10 +31,10 @@ import "../../bindings-BsHoBLIE.js";
 import "../../send-CVMyYPQw.js";
 import "../../send-CvhXrdgS.js";
 import "../../tool-images-SqqWIT22.js";
-import "../../deliver-dODxSv3b.js";
+import "../../deliver-C46-vyqg.js";
 import "../../diagnostic-rPhsBoZz.js";
 import "../../diagnostic-session-state-Zw87xFym.js";
-import "../../image-CXu8W39c.js";
+import "../../image-CuzFLQWC.js";
 import "../../tokens-Bux9Y_xD.js";
 import "../../send-DYj_o4_F.js";
 import "../../pi-model-discovery-Bv5YDJc8.js";
@@ -50,7 +50,7 @@ import "../../local-roots-DhZz0Ybs.js";
 import "../../ir-CTiz95Vb.js";
 import "../../render-CDCvpfhh.js";
 import "../../commands-registry-Bfc7Uz0o.js";
-import "../../runner-WAG0M5s9.js";
+import "../../runner-CU9l0uJh.js";
 import "../../skill-commands-DcVwOafC.js";
 import "../../fetch-Bso4i15F.js";
 import "../../channel-activity-B6G1jnQT.js";

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

@@ -1 +1 @@
-1ef8a03d7981447f100886739cfbd52d6f44f70d5011a568566426cb868978f6
+96edf5ff2c7c1f9ee2f72b644c1629da8922c673856e252cce5045e5ede21dc0

package/dist/{chrome-DYZwl5Gv.js → chrome-DkaXoP36.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/{command-registry-ajP42kpE.js → command-registry-CrYpGtIt.js}

@@ -1,6 +1,6 @@
 import { t as __exportAll } from "./rolldown-runtime-Cbj13DAv.js";
 import { an as getPrimaryCommand, cn as hasHelpOrVersion } from "./entry.js";
-import { i as registerSubCliCommands, o as reparseProgramFromActionArgs } from "./register.subclis-FAdASegj.js";
+import { i as registerSubCliCommands, o as reparseProgramFromActionArgs } from "./register.subclis-DcBHO9E8.js";
 
 //#region src/cli/program/command-registry.ts
 var command_registry_exports = /* @__PURE__ */ __exportAll({
@@ -22,7 +22,7 @@ const coreEntries = [
 			hasSubcommands: false
 		}],
 		register: async ({ program }) => {
-			(await import("./register.setup-BRKstpuL.js")).registerSetupCommand(program);
+			(await import("./register.setup-BKYxHrcB.js")).registerSetupCommand(program);
 		}
 	},
 	{
@@ -32,7 +32,7 @@ const coreEntries = [
 			hasSubcommands: false
 		}],
 		register: async ({ program }) => {
-			(await import("./register.onboard-CbGEztLT.js")).registerOnboardCommand(program);
+			(await import("./register.onboard-BN7J8vyx.js")).registerOnboardCommand(program);
 		}
 	},
 	{
@@ -79,7 +79,7 @@ const coreEntries = [
 			}
 		],
 		register: async ({ program }) => {
-			(await import("./register.maintenance-Ea70NNls.js")).registerMaintenanceCommands(program);
+			(await import("./register.maintenance-jMmXJ1NK.js")).registerMaintenanceCommands(program);
 		}
 	},
 	{

package/dist/{completion-cli-Dui7LK9s.js → completion-cli-BmYBAxqM.js}

@@ -2,7 +2,7 @@ import { t as __exportAll } from "./rolldown-runtime-Cbj13DAv.js";
 import { g as resolveStateDir } from "./paths-Cqn-zk3M.js";
 import { h as pathExists } from "./utils-B-0b9bGM.js";
 import { i as routeLogsToStderr } from "./subsystem-D9vIQve0.js";
-import { a as registerCoreCliByName, c as getSubCliEntries, l as registerSubCliByName, r as getCoreCliCommandNames, t as getProgramContext } from "./program-context-CWoc-4O6.js";
+import { a as registerCoreCliByName, c as getSubCliEntries, l as registerSubCliByName, r as getCoreCliCommandNames, t as getProgramContext } from "./program-context-Dm-BSkOd.js";
 import os from "node:os";
 import path from "node:path";
 import fs from "node:fs/promises";

package/dist/{completion-cli-zokW-yVf.js → completion-cli-GqPGf3Kq.js}

@@ -1,7 +1,7 @@
 import { t as __exportAll } from "./rolldown-runtime-Cbj13DAv.js";
 import { Yt as resolveStateDir, l as routeLogsToStderr, nt as pathExists } from "./entry.js";
-import { n as getSubCliEntries, r as registerSubCliByName } from "./register.subclis-FAdASegj.js";
-import { i as registerCoreCliByName, n as getCoreCliCommandNames } from "./command-registry-ajP42kpE.js";
+import { n as getSubCliEntries, r as registerSubCliByName } from "./register.subclis-DcBHO9E8.js";
+import { i as registerCoreCliByName, n as getCoreCliCommandNames } from "./command-registry-CrYpGtIt.js";
 import { t as getProgramContext } from "./program-context-CqzR_m-7.js";
 import os from "node:os";
 import path from "node:path";

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

@@ -3143,9 +3143,449 @@ body {
 }
 
 /* ══════════════════════════════════════════════════════════════════════════
-   CONNECTIONS PANEL
+   NATIVE SETTINGS PANELS (Config, Debug, Logs)
    ══════════════════════════════════════════════════════════════════════════ */
 
+#native-settings-container {
+  display: none;
+  flex: 1;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.settings-panel {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  overflow: hidden;
+}
+
+/* ── Toolbar ────────────────────────────────────────────────────────── */
+.settings-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 10px 16px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
+  background: rgba(10, 12, 20, 0.6);
+  flex-shrink: 0;
+  min-height: 44px;
+}
+
+.settings-toolbar-left {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.settings-toolbar-label {
+  font-family: var(--font-mono);
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: 0.14em;
+  color: rgba(255, 255, 255, 0.45);
+}
+
+.settings-toolbar-count {
+  font-family: var(--font-mono);
+  font-size: 10px;
+  color: rgba(139, 92, 246, 0.6);
+  letter-spacing: 0.04em;
+}
+
+.settings-toolbar-right {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+/* ── Buttons ────────────────────────────────────────────────────────── */
+.settings-btn {
+  padding: 4px 12px;
+  height: 28px;
+  background: rgba(255, 255, 255, 0.04);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 6px;
+  color: rgba(255, 255, 255, 0.6);
+  font-family: var(--font-mono);
+  font-size: 10px;
+  letter-spacing: 0.05em;
+  cursor: pointer;
+  transition: all 0.15s;
+  white-space: nowrap;
+}
+.settings-btn:hover {
+  background: rgba(255, 255, 255, 0.08);
+  border-color: rgba(255, 255, 255, 0.2);
+  color: rgba(255, 255, 255, 0.9);
+}
+.settings-btn--primary {
+  background: rgba(139, 92, 246, 0.1);
+  border-color: rgba(139, 92, 246, 0.25);
+  color: rgba(139, 92, 246, 0.9);
+}
+.settings-btn--primary:hover {
+  background: rgba(139, 92, 246, 0.2);
+  border-color: rgba(139, 92, 246, 0.45);
+}
+.settings-btn--active {
+  background: rgba(139, 92, 246, 0.2);
+  border-color: rgba(139, 92, 246, 0.4);
+}
+.settings-btn--danger {
+  background: rgba(239, 68, 68, 0.1);
+  border-color: rgba(239, 68, 68, 0.25);
+  color: rgba(239, 68, 68, 0.9);
+}
+.settings-btn--danger:hover {
+  background: rgba(239, 68, 68, 0.2);
+  border-color: rgba(239, 68, 68, 0.45);
+}
+
+/* ── Search / filter input ──────────────────────────────────────────── */
+.settings-search {
+  padding: 4px 10px;
+  height: 28px;
+  width: 140px;
+  background: rgba(255, 255, 255, 0.04);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 6px;
+  color: var(--text);
+  font-family: var(--font-mono);
+  font-size: 10px;
+  outline: none;
+  transition: border-color 0.15s;
+}
+.settings-search:focus {
+  border-color: rgba(139, 92, 246, 0.4);
+}
+.settings-search::placeholder {
+  color: rgba(255, 255, 255, 0.25);
+}
+
+/* ── Checkbox label ─────────────────────────────────────────────────── */
+.settings-checkbox-label {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-family: var(--font-mono);
+  font-size: 10px;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: pointer;
+  white-space: nowrap;
+}
+.settings-checkbox-label input[type="checkbox"] {
+  accent-color: var(--accent-purple);
+  width: 12px;
+  height: 12px;
+}
+
+/* ── Content area ───────────────────────────────────────────────────── */
+.settings-content {
+  flex: 1;
+  overflow-y: auto;
+  padding: 16px;
+  scrollbar-width: thin;
+  scrollbar-color: rgba(139, 92, 246, 0.3) transparent;
+}
+.settings-content::-webkit-scrollbar {
+  width: 5px;
+}
+.settings-content::-webkit-scrollbar-thumb {
+  background: rgba(139, 92, 246, 0.3);
+  border-radius: 3px;
+}
+
+/* ── State messages ─────────────────────────────────────────────────── */
+.settings-loading,
+.settings-empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 120px;
+  font-family: var(--font-mono);
+  font-size: 11px;
+  color: rgba(255, 255, 255, 0.3);
+  letter-spacing: 0.05em;
+}
+
+/* ══════════════════════════════════════════════════════════════════════
+   CONFIG PANEL — tree view
+   ══════════════════════════════════════════════════════════════════════ */
+
+.settings-section {
+  border: 1px solid rgba(255, 255, 255, 0.06);
+  border-radius: 8px;
+  margin-bottom: 8px;
+  overflow: hidden;
+  transition: border-color 0.15s;
+}
+.settings-section:hover {
+  border-color: rgba(255, 255, 255, 0.1);
+}
+
+.settings-section-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 10px 14px;
+  background: rgba(255, 255, 255, 0.02);
+  cursor: pointer;
+  user-select: none;
+  transition: background 0.15s;
+}
+.settings-section-header:hover {
+  background: rgba(255, 255, 255, 0.04);
+}
+
+.settings-section-arrow {
+  font-size: 10px;
+  color: rgba(255, 255, 255, 0.3);
+  transition: transform 0.15s;
+  width: 10px;
+  text-align: center;
+}
+.settings-section.collapsed .settings-section-arrow {
+  transform: rotate(-90deg);
+}
+
+.settings-section-key {
+  font-family: var(--font-mono);
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--accent-cyan);
+  letter-spacing: 0.03em;
+}
+
+.settings-section-body {
+  padding: 8px 14px 12px;
+  font-family: var(--font-mono);
+  font-size: 11px;
+  line-height: 1.7;
+  overflow-x: auto;
+}
+.settings-section.collapsed .settings-section-body {
+  display: none;
+}
+
+.cfg-key {
+  color: rgba(0, 212, 255, 0.8);
+}
+.cfg-colon {
+  color: rgba(255, 255, 255, 0.3);
+}
+.cfg-str {
+  color: rgba(52, 211, 153, 0.9);
+  word-break: break-all;
+}
+.cfg-num {
+  color: rgba(244, 114, 182, 0.9);
+}
+.cfg-bool {
+  color: rgba(139, 92, 246, 0.9);
+}
+.cfg-null {
+  color: rgba(255, 255, 255, 0.3);
+  font-style: italic;
+}
+.cfg-bracket {
+  color: rgba(255, 255, 255, 0.25);
+}
+.cfg-row {
+  padding-left: 1em;
+}
+.cfg-redacted {
+  font-family: var(--font-mono);
+  font-size: 9px;
+  padding: 1px 6px;
+  border-radius: 4px;
+  background: rgba(239, 68, 68, 0.12);
+  border: 1px solid rgba(239, 68, 68, 0.2);
+  color: rgba(239, 68, 68, 0.7);
+  letter-spacing: 0.08em;
+  margin-left: 8px;
+}
+
+/* ── Config editor ──────────────────────────────────────────────────── */
+.config-editor-wrap {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  gap: 12px;
+  height: 100%;
+}
+.config-editor {
+  flex: 1;
+  min-height: 300px;
+  padding: 14px;
+  background: rgba(0, 0, 0, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 8px;
+  color: var(--text);
+  font-family: var(--font-mono);
+  font-size: 11px;
+  line-height: 1.6;
+  resize: none;
+  outline: none;
+  scrollbar-width: thin;
+  scrollbar-color: rgba(139, 92, 246, 0.3) transparent;
+  tab-size: 2;
+}
+.config-editor:focus {
+  border-color: rgba(139, 92, 246, 0.35);
+}
+.config-editor-actions {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+.config-editor-hint {
+  font-family: var(--font-mono);
+  font-size: 10px;
+  color: rgba(255, 255, 255, 0.3);
+}
+
+/* ══════════════════════════════════════════════════════════════════════
+   DEBUG PANEL
+   ══════════════════════════════════════════════════════════════════════ */
+
+.debug-scroll {
+  padding: 0 !important;
+}
+
+.debug-entry-row {
+  display: flex;
+  align-items: baseline;
+  gap: 10px;
+  padding: 5px 16px;
+  font-family: var(--font-mono);
+  font-size: 10px;
+  line-height: 1.5;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
+  transition: background 0.1s;
+}
+.debug-entry-row:hover {
+  background: rgba(255, 255, 255, 0.02);
+}
+
+.debug-time {
+  color: rgba(255, 255, 255, 0.25);
+  flex-shrink: 0;
+  width: 65px;
+}
+
+.debug-type {
+  flex-shrink: 0;
+  width: 60px;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+}
+.debug-type--chat { color: var(--accent-cyan); }
+.debug-type--agent { color: var(--accent-purple); }
+.debug-type--error { color: #ef4444; }
+.debug-type--other { color: rgba(255, 255, 255, 0.4); }
+
+.debug-summary {
+  color: rgba(255, 255, 255, 0.55);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  min-width: 0;
+}
+
+/* ══════════════════════════════════════════════════════════════════════
+   LOGS PANEL
+   ══════════════════════════════════════════════════════════════════════ */
+
+.logs-scroll {
+  padding: 0 !important;
+}
+
+.logs-level-filters {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.logs-level-chip {
+  display: flex;
+  align-items: center;
+  gap: 3px;
+  padding: 2px 6px;
+  border-radius: 4px;
+  background: rgba(255, 255, 255, 0.03);
+  border: 1px solid rgba(255, 255, 255, 0.06);
+  cursor: pointer;
+  font-family: var(--font-mono);
+  font-size: 9px;
+  font-weight: 600;
+  letter-spacing: 0.06em;
+  transition: all 0.15s;
+}
+.logs-level-chip:hover {
+  background: rgba(255, 255, 255, 0.06);
+  border-color: rgba(255, 255, 255, 0.12);
+}
+.logs-level-chip input[type="checkbox"] {
+  display: none;
+}
+.logs-level-chip:has(input:not(:checked)) {
+  opacity: 0.35;
+}
+
+.log-row {
+  display: flex;
+  align-items: baseline;
+  gap: 10px;
+  padding: 3px 16px;
+  font-family: var(--font-mono);
+  font-size: 10px;
+  line-height: 1.5;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.02);
+}
+.log-row:hover {
+  background: rgba(255, 255, 255, 0.02);
+}
+
+.log-time {
+  color: rgba(255, 255, 255, 0.2);
+  flex-shrink: 0;
+  width: 65px;
+}
+
+.log-level {
+  flex-shrink: 0;
+  width: 45px;
+  font-weight: 700;
+  letter-spacing: 0.04em;
+}
+
+.log-sub {
+  color: rgba(0, 212, 255, 0.5);
+  flex-shrink: 0;
+  max-width: 120px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.log-msg {
+  color: rgba(255, 255, 255, 0.6);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  min-width: 0;
+}
+
+/* ══════════════════════════════════════════════════════════════════════
+   CONNECTIONS PANEL
+   ══════════════════════════════════════════════════════════════════════ */
+
 .connections-panel {
   display: flex;
   flex-direction: column;