npm - @burdenoff/microfe-vibecontrols - Versions diffs - 2026.511.1 → 2026.512.1 - Mend

@burdenoff/microfe-vibecontrols 2026.511.1 → 2026.512.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1025) hide show

package/dist/components/agent-manager/controls/SdkSelector.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
-import { Bird as i, Brain as a, ChevronDown as o, Code as s, Cpu as c, Github as l, Hammer as u, Map as d, PenTool as f, Sparkles as p, Terminal as m, Zap as h } from "lucide-react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Bird as i, Brain as a, ChevronDown as o, CloudCog as s, Code as c, Cpu as l, Github as u, Hammer as d, Map as f, MousePointerClick as p, Network as m, PenTool as h, Sparkles as g, Terminal as _, Wand2 as v, Zap as y } from "lucide-react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region src/components/agent-manager/controls/SdkSelector.tsx
-var v = [
+var S = [
 	{
 		value: "claude",
 		label: "Claude",
@@ -11,18 +11,38 @@ var v = [
 	{
 		value: "codex",
 		label: "Codex",
-		icon: s
+		icon: c
 	},
 	{
 		value: "gemini",
 		label: "Gemini",
-		icon: p
+		icon: g
 	},
 	{
 		value: "opencode",
 		label: "OpenCode",
+		icon: _
+	},
+	{
+		value: "cursor",
+		label: "Cursor",
+		icon: p
+	},
+	{
+		value: "openrouter",
+		label: "OpenRouter",
 		icon: m
 	},
+	{
+		value: "minimax",
+		label: "Minimax",
+		icon: v
+	},
+	{
+		value: "ollama",
+		label: "Ollama",
+		icon: s
+	},
 	{
 		value: "openai-compat",
 		label: "OpenAI-compatible",
@@ -36,38 +56,42 @@ var v = [
 	{
 		value: "amp",
 		label: "Amp",
-		icon: h
+		icon: y
 	},
 	{
 		value: "copilot",
 		label: "Copilot",
-		icon: l
+		icon: u
 	},
 	{
 		value: "crush",
 		label: "Crush",
-		icon: u
+		icon: d
 	},
 	{
 		value: "pi",
 		label: "Pi",
-		icon: c
+		icon: l
 	},
 	{
 		value: "aider",
 		label: "Aider",
-		icon: f
+		icon: h
 	},
 	{
 		value: "plandex",
 		label: "Plandex",
-		icon: d
+		icon: f
 	}
-], y = {
+], C = {
 	claude: ["sdk", "cli"],
 	codex: ["sdk", "cli"],
 	gemini: ["sdk", "cli"],
 	opencode: ["sdk", "cli"],
+	cursor: ["sdk", "cli"],
+	openrouter: ["sdk"],
+	minimax: ["sdk", "cli"],
+	ollama: ["sdk", "cli"],
 	"openai-compat": ["sdk"],
 	goose: ["cli"],
 	amp: ["cli"],
@@ -76,36 +100,36 @@ var v = [
 	pi: ["cli"],
 	aider: ["cli"],
 	plandex: ["cli"]
-}, b = ["sdk", "cli"], x = new Set(v.map((e) => e.value));
-function S(e) {
+}, w = ["sdk", "cli"], T = new Set(S.map((e) => e.value));
+function E(e) {
 	return e === "sdk" || e === "cli";
 }
-function C(e) {
+function D(e) {
 	let t = (e.name || e.pluginName).replace(/^ai-/, "");
-	return x.has(t) ? t : null;
+	return T.has(t) ? t : null;
 }
-function w(e, t) {
-	let n = e?.supportedModes?.filter(S);
-	return n && n.length > 0 ? n : y[t];
+function O(e, t) {
+	let n = e?.supportedModes?.filter(E);
+	return n && n.length > 0 ? n : C[t];
 }
-function T(e, t, n) {
-	let r = w(e, t);
+function k(e, t, n) {
+	let r = O(e, t);
 	return r.includes(n) ? n : e?.defaultMode && r.includes(e.defaultMode) ? e.defaultMode : e?.currentMode && r.includes(e.currentMode) ? e.currentMode : r[0] ?? "cli";
 }
-function E({ sdk: i, mode: a, providers: s = [], onSdkChange: c, onModeChange: l }) {
-	let [u, d] = r(!1), [f, p] = r(""), m = n(null), h = n(null), [y, x] = r({
+function A({ sdk: i, mode: a, providers: s = [], onSdkChange: c, onModeChange: l }) {
+	let [u, d] = r(!1), [f, p] = r(""), m = n(null), h = n(null), [g, _] = r({
 		bottom: 0,
 		left: 0,
 		width: 0
-	}), S = /* @__PURE__ */ new Map();
+	}), v = /* @__PURE__ */ new Map();
 	for (let e of s) {
-		let t = C(e);
-		t && S.set(t, e);
+		let t = D(e);
+		t && v.set(t, e);
 	}
-	let E = (S.size > 0 ? v.filter((e) => S.has(e.value)) : v).map((e) => ({
+	let y = (v.size > 0 ? S.filter((e) => v.has(e.value)) : S).map((e) => ({
 		...e,
-		label: S.get(e.value)?.displayName ?? e.label
-	})), D = E.find((e) => e.value === i) ?? v[0], O = D.icon, k = w(S.get(i), i), A = e((e) => {
+		label: v.get(e.value)?.displayName ?? e.label
+	})), C = y.find((e) => e.value === i) ?? S[0], T = C.icon, E = O(v.get(i), i), A = e((e) => {
 		m.current && !m.current.contains(e.target) && d(!1);
 	}, []);
 	t(() => {
@@ -113,17 +137,17 @@ function E({ sdk: i, mode: a, providers: s = [], onSdkChange: c, onModeChange: l
 	}, [u, A]), t(() => {
 		u || p("");
 	}, [u]);
-	let j = E.filter((e) => e.label.toLowerCase().includes(f.toLowerCase()));
-	return /* @__PURE__ */ _("div", {
+	let j = y.filter((e) => e.label.toLowerCase().includes(f.toLowerCase()));
+	return /* @__PURE__ */ x("div", {
 		ref: m,
 		className: "relative",
-		children: [/* @__PURE__ */ _("button", {
+		children: [/* @__PURE__ */ x("button", {
 			ref: h,
 			type: "button",
 			onClick: () => {
 				if (!u && h.current) {
 					let e = h.current.getBoundingClientRect();
-					x({
+					_({
 						bottom: window.innerHeight - e.top + 4,
 						left: e.left,
 						width: Math.max(e.width, 192)
@@ -132,21 +156,21 @@ function E({ sdk: i, mode: a, providers: s = [], onSdkChange: c, onModeChange: l
 				d((e) => !e);
 			},
 			className: "flex items-center gap-1.5 px-2 py-1 text-xs font-medium rounded border border-border-default bg-bg-surface text-text-secondary hover:text-text-primary hover:border-border-strong transition-colors",
-			title: `${D.label} (${a.toUpperCase()})`,
+			title: `${C.label} (${a.toUpperCase()})`,
 			children: [
-				/* @__PURE__ */ g(O, { className: "w-3.5 h-3.5" }),
-				/* @__PURE__ */ g("span", { children: D.label }),
-				/* @__PURE__ */ g(o, { className: "w-3 h-3" })
+				/* @__PURE__ */ b(T, { className: "w-3.5 h-3.5" }),
+				/* @__PURE__ */ b("span", { children: C.label }),
+				/* @__PURE__ */ b(o, { className: "w-3 h-3" })
 			]
-		}), u && /* @__PURE__ */ _("div", {
+		}), u && /* @__PURE__ */ x("div", {
 			className: "fixed rounded-lg border border-border-default bg-bg-surface shadow-lg z-[100]",
 			style: {
-				bottom: y.bottom,
-				left: y.left,
-				minWidth: y.width
+				bottom: g.bottom,
+				left: g.left,
+				minWidth: g.width
 			},
 			children: [
-				/* @__PURE__ */ g("input", {
+				/* @__PURE__ */ b("input", {
 					type: "text",
 					value: f,
 					onChange: (e) => p(e.target.value),
@@ -154,23 +178,23 @@ function E({ sdk: i, mode: a, providers: s = [], onSdkChange: c, onModeChange: l
 					className: "w-full px-3 py-1.5 text-xs border-b border-border-default bg-transparent text-text-primary placeholder:text-text-tertiary focus:outline-none",
 					autoFocus: !0
 				}),
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ b("div", {
 					className: "py-1 max-h-48 overflow-y-auto",
 					children: j.map((e) => {
-						let t = e.icon, n = S.get(e.value), r = w(n, e.value);
-						return /* @__PURE__ */ _("button", {
+						let t = e.icon, n = v.get(e.value), r = O(n, e.value);
+						return /* @__PURE__ */ x("button", {
 							type: "button",
 							onClick: () => {
-								let t = T(n, e.value, a);
+								let t = k(n, e.value, a);
 								c(e.value), t !== a && l(t), d(!1);
 							},
 							className: `w-full flex items-center gap-2 px-3 py-2 text-sm hover:bg-bg-elevated transition-colors ${e.value === i ? "text-action-primary-text bg-action-primary-bg/10" : "text-text-primary"}`,
 							children: [
-								/* @__PURE__ */ g(t, { className: "w-4 h-4" }),
-								/* @__PURE__ */ g("span", { children: e.label }),
-								/* @__PURE__ */ g("span", {
+								/* @__PURE__ */ b(t, { className: "w-4 h-4" }),
+								/* @__PURE__ */ b("span", { children: e.label }),
+								/* @__PURE__ */ b("span", {
 									className: "ml-auto flex items-center gap-1",
-									children: b.map((e) => /* @__PURE__ */ g("span", {
+									children: w.map((e) => /* @__PURE__ */ b("span", {
 										className: `rounded px-1 py-0.5 text-[10px] font-semibold uppercase ${r.includes(e) ? "bg-bg-sunken text-text-secondary" : "border border-border-default text-text-tertiary opacity-50"}`,
 										children: e
 									}, e))
@@ -179,23 +203,23 @@ function E({ sdk: i, mode: a, providers: s = [], onSdkChange: c, onModeChange: l
 						}, e.value);
 					})
 				}),
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ b("div", {
 					className: "border-t border-border-default px-3 py-2",
-					children: /* @__PURE__ */ _("div", {
+					children: /* @__PURE__ */ x("div", {
 						className: "flex items-center rounded-md bg-bg-sunken p-0.5",
-						children: [/* @__PURE__ */ g("button", {
+						children: [/* @__PURE__ */ b("button", {
 							type: "button",
-							onClick: () => k.includes("sdk") && l("sdk"),
-							disabled: !k.includes("sdk"),
+							onClick: () => E.includes("sdk") && l("sdk"),
+							disabled: !E.includes("sdk"),
 							className: `flex-1 px-2 py-1 text-xs font-medium rounded transition-colors disabled:cursor-not-allowed disabled:opacity-40 ${a === "sdk" ? "bg-bg-surface text-text-primary shadow-sm" : "text-text-tertiary hover:text-text-secondary"}`,
-							title: k.includes("sdk") ? "Use SDK mode" : `${D.label} does not support SDK mode`,
+							title: E.includes("sdk") ? "Use SDK mode" : `${C.label} does not support SDK mode`,
 							children: "SDK"
-						}), /* @__PURE__ */ g("button", {
+						}), /* @__PURE__ */ b("button", {
 							type: "button",
-							onClick: () => k.includes("cli") && l("cli"),
-							disabled: !k.includes("cli"),
+							onClick: () => E.includes("cli") && l("cli"),
+							disabled: !E.includes("cli"),
 							className: `flex-1 px-2 py-1 text-xs font-medium rounded transition-colors disabled:cursor-not-allowed disabled:opacity-40 ${a === "cli" ? "bg-bg-surface text-text-primary shadow-sm" : "text-text-tertiary hover:text-text-secondary"}`,
-							title: k.includes("cli") ? "Use CLI mode" : `${D.label} does not support CLI mode`,
+							title: E.includes("cli") ? "Use CLI mode" : `${C.label} does not support CLI mode`,
 							children: "CLI"
 						})]
 					})
@@ -205,6 +229,6 @@ function E({ sdk: i, mode: a, providers: s = [], onSdkChange: c, onModeChange: l
 	});
 }
 //#endregion
-export { E as SdkSelector };
+export { A as SdkSelector };
 //# sourceMappingURL=SdkSelector.js.map

package/dist/components/agent-manager/controls/SdkSelector.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SdkSelector.js","names":[],"sources":["../../../../src/components/agent-manager/controls/SdkSelector.tsx"],"sourcesContent":["/*\n SDK + mode selector dropdown.\n \n Shows the active SDK with an icon. The dropdown lists all available SDKs\n * and includes a mode toggle (SDK / CLI) at the bottom.\n /\n\nimport { useState, useRef, useEffect, useCallback } from 'react';\nimport {\n Brain,\n Code,\n Sparkles,\n Terminal,\n Bird,\n Zap,\n Github,\n Hammer,\n Cpu,\n PenTool,\n Map as MapIcon,\n ChevronDown,\n} from 'lucide-react';\nimport type { AgentSdkType, ProviderMode } from '@/types/agentManager';\nimport type { AIProvider } from '@/services/aiApi';\n\ninterface SdkSelectorProps {\n sdk: AgentSdkType;\n mode: ProviderMode;\n providers?: AIProvider[];\n onSdkChange: (sdk: AgentSdkType) => void;\n onModeChange: (mode: ProviderMode) => void;\n}\n\nconst SDK_OPTIONS: Array<{ value: AgentSdkType; label: string; icon: typeof Brain }> = [\n { value: 'claude', label: 'Claude', icon: Brain },\n { value: 'codex', label: 'Codex', icon: Code },\n { value: 'gemini', label: 'Gemini', icon: Sparkles },\n { value: 'opencode', label: 'OpenCode', icon: Terminal },\n { value: 'openai-compat', label: 'OpenAI-compatible', icon: Brain },\n { value: 'goose', label: 'Goose', icon: Bird },\n { value: 'amp', label: 'Amp', icon: Zap },\n { value: 'copilot', label: 'Copilot', icon: Github },\n { value: 'crush', label: 'Crush', icon: Hammer },\n { value: 'pi', label: 'Pi', icon: Cpu },\n { value: 'aider', label: 'Aider', icon: PenTool },\n { value: 'plandex', label: 'Plandex', icon: MapIcon },\n];\n\nconst STATIC_MODE_SUPPORT: Record<AgentSdkType, ProviderMode[]> = {\n claude: ['sdk', 'cli'],\n codex: ['sdk', 'cli'],\n gemini: ['sdk', 'cli'],\n opencode: ['sdk', 'cli'],\n 'openai-compat': ['sdk'],\n goose: ['cli'],\n amp: ['cli'],\n copilot: ['cli'],\n crush: ['cli'],\n pi: ['cli'],\n aider: ['cli'],\n plandex: ['cli'],\n};\n\nconst ALL_MODES: ProviderMode[] = ['sdk', 'cli'];\nconst SDK_VALUES = new Set(SDK_OPTIONS.map((option) => option.value));\n\nfunction isProviderMode(mode: unknown): mode is ProviderMode {\n return mode === 'sdk' \|\| mode === 'cli';\n}\n\nfunction normalizeProviderSdk(provider: AIProvider): AgentSdkType \| null {\n const value = (provider.name \|\| provider.pluginName).replace(/^ai-/, '');\n return SDK_VALUES.has(value as AgentSdkType) ? (value as AgentSdkType) : null;\n}\n\nfunction providerModes(provider: AIProvider \| undefined, sdk: AgentSdkType): ProviderMode[] {\n const modes = provider?.supportedModes?.filter(isProviderMode);\n return modes && modes.length > 0 ? modes : STATIC_MODE_SUPPORT[sdk];\n}\n\nfunction nextSupportedMode(\n provider: AIProvider \| undefined,\n sdk: AgentSdkType,\n currentMode: ProviderMode\n): ProviderMode {\n const supported = providerModes(provider, sdk);\n if (supported.includes(currentMode)) return currentMode;\n if (provider?.defaultMode && supported.includes(provider.defaultMode))\n return provider.defaultMode;\n if (provider?.currentMode && supported.includes(provider.currentMode))\n return provider.currentMode;\n return supported[0] ?? 'cli';\n}\n\nexport function SdkSelector({\n sdk,\n mode,\n providers = [],\n onSdkChange,\n onModeChange,\n}: SdkSelectorProps) {\n const [open, setOpen] = useState(false);\n const [search, setSearch] = useState('');\n const containerRef = useRef<HTMLDivElement>(null);\n const buttonRef = useRef<HTMLButtonElement>(null);\n const [pos, setPos] = useState({ bottom: 0, left: 0, width: 0 });\n\n const providerBySdk = new Map<AgentSdkType, AIProvider>();\n for (const provider of providers) {\n const providerSdk = normalizeProviderSdk(provider);\n if (providerSdk) providerBySdk.set(providerSdk, provider);\n }\n\n const options = (\n providerBySdk.size > 0\n ? SDK_OPTIONS.filter((option) => providerBySdk.has(option.value))\n : SDK_OPTIONS\n ).map((option) => ({\n ...option,\n label: providerBySdk.get(option.value)?.displayName ?? option.label,\n }));\n\n const current = options.find((o) => o.value === sdk) ?? SDK_OPTIONS[0];\n const CurrentIcon = current.icon;\n const currentProvider = providerBySdk.get(sdk);\n const currentModes = providerModes(currentProvider, sdk);\n\n const handleClickOutside = useCallback((e: MouseEvent) => {\n if (containerRef.current && !containerRef.current.contains(e.target as Node)) {\n setOpen(false);\n }\n }, []);\n\n useEffect(() => {\n if (open) {\n document.addEventListener('mousedown', handleClickOutside);\n return () => document.removeEventListener('mousedown', handleClickOutside);\n }\n }, [open, handleClickOutside]);\n\n useEffect(() => {\n if (!open) setSearch('');\n }, [open]);\n\n const filtered = options.filter((o) => o.label.toLowerCase().includes(search.toLowerCase()));\n\n const handleToggle = () => {\n if (!open && buttonRef.current) {\n const rect = buttonRef.current.getBoundingClientRect();\n setPos({\n bottom: window.innerHeight - rect.top + 4,\n left: rect.left,\n width: Math.max(rect.width, 192),\n });\n }\n setOpen((prev) => !prev);\n };\n\n return (\n <div ref={containerRef} className=\"relative\">\n <button\n ref={buttonRef}\n type=\"button\"\n onClick={handleToggle}\n className=\"flex items-center gap-1.5 px-2 py-1 text-xs font-medium rounded border border-border-default bg-bg-surface text-text-secondary hover:text-text-primary hover:border-border-strong transition-colors\"\n title={`${current.label} (${mode.toUpperCase()})`}\n >\n <CurrentIcon className=\"w-3.5 h-3.5\" />\n <span>{current.label}</span>\n <ChevronDown className=\"w-3 h-3\" />\n </button>\n\n {open && (\n <div\n className=\"fixed rounded-lg border border-border-default bg-bg-surface shadow-lg z-[100]\"\n style={{ bottom: pos.bottom, left: pos.left, minWidth: pos.width }}\n >\n {/ Search /}\n <input\n type=\"text\"\n value={search}\n onChange={(e) => setSearch(e.target.value)}\n placeholder=\"Search...\"\n className=\"w-full px-3 py-1.5 text-xs border-b border-border-default bg-transparent text-text-primary placeholder:text-text-tertiary focus:outline-none\"\n autoFocus\n />\n {/ SDK list /}\n <div className=\"py-1 max-h-48 overflow-y-auto\">\n {filtered.map((option) => {\n const Icon = option.icon;\n const optionProvider = providerBySdk.get(option.value);\n const modes = providerModes(optionProvider, option.value);\n return (\n <button\n key={option.value}\n type=\"button\"\n onClick={() => {\n const nextMode = nextSupportedMode(optionProvider, option.value, mode);\n onSdkChange(option.value);\n if (nextMode !== mode) onModeChange(nextMode);\n setOpen(false);\n }}\n className={`w-full flex items-center gap-2 px-3 py-2 text-sm hover:bg-bg-elevated transition-colors ${\n option.value === sdk\n ? 'text-action-primary-text bg-action-primary-bg/10'\n : 'text-text-primary'\n }`}\n >\n <Icon className=\"w-4 h-4\" />\n <span>{option.label}</span>\n <span className=\"ml-auto flex items-center gap-1\">\n {ALL_MODES.map((optionMode) => (\n <span\n key={optionMode}\n className={`rounded px-1 py-0.5 text-[10px] font-semibold uppercase ${\n modes.includes(optionMode)\n ? 'bg-bg-sunken text-text-secondary'\n : 'border border-border-default text-text-tertiary opacity-50'\n }`}\n >\n {optionMode}\n </span>\n ))}\n </span>\n </button>\n );\n })}\n </div>\n\n {/ Mode toggle */}\n <div className=\"border-t border-border-default px-3 py-2\">\n <div className=\"flex items-center rounded-md bg-bg-sunken p-0.5\">\n <button\n type=\"button\"\n onClick={() => currentModes.includes('sdk') && onModeChange('sdk')}\n disabled={!currentModes.includes('sdk')}\n className={`flex-1 px-2 py-1 text-xs font-medium rounded transition-colors disabled:cursor-not-allowed disabled:opacity-40 ${\n mode === 'sdk'\n ? 'bg-bg-surface text-text-primary shadow-sm'\n : 'text-text-tertiary hover:text-text-secondary'\n }`}\n title={\n currentModes.includes('sdk')\n ? 'Use SDK mode'\n : `${current.label} does not support SDK mode`\n }\n >\n SDK\n </button>\n <button\n type=\"button\"\n onClick={() => currentModes.includes('cli') && onModeChange('cli')}\n disabled={!currentModes.includes('cli')}\n className={`flex-1 px-2 py-1 text-xs font-medium rounded transition-colors disabled:cursor-not-allowed disabled:opacity-40 ${\n mode === 'cli'\n ? 'bg-bg-surface text-text-primary shadow-sm'\n : 'text-text-tertiary hover:text-text-secondary'\n }`}\n title={\n currentModes.includes('cli')\n ? 'Use CLI mode'\n : `${current.label} does not support CLI mode`\n }\n >\n CLI\n </button>\n </div>\n </div>\n </div>\n )}\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"SdkSelector.js","names":[],"sources":["../../../../src/components/agent-manager/controls/SdkSelector.tsx"],"sourcesContent":["/*\n SDK + mode selector dropdown.\n \n Shows the active SDK with an icon. The dropdown lists all available SDKs\n * and includes a mode toggle (SDK / CLI) at the bottom.\n /\n\nimport { useState, useRef, useEffect, useCallback } from 'react';\nimport {\n Brain,\n Code,\n Sparkles,\n Terminal,\n Bird,\n Zap,\n Github,\n Hammer,\n Cpu,\n PenTool,\n Map as MapIcon,\n ChevronDown,\n MousePointerClick,\n Network,\n Wand2,\n CloudCog,\n} from 'lucide-react';\nimport type { AgentSdkType, ProviderMode } from '@/types/agentManager';\nimport type { AIProvider } from '@/services/aiApi';\n\ninterface SdkSelectorProps {\n sdk: AgentSdkType;\n mode: ProviderMode;\n providers?: AIProvider[];\n onSdkChange: (sdk: AgentSdkType) => void;\n onModeChange: (mode: ProviderMode) => void;\n}\n\nconst SDK_OPTIONS: Array<{ value: AgentSdkType; label: string; icon: typeof Brain }> = [\n { value: 'claude', label: 'Claude', icon: Brain },\n { value: 'codex', label: 'Codex', icon: Code },\n { value: 'gemini', label: 'Gemini', icon: Sparkles },\n { value: 'opencode', label: 'OpenCode', icon: Terminal },\n { value: 'cursor', label: 'Cursor', icon: MousePointerClick },\n { value: 'openrouter', label: 'OpenRouter', icon: Network },\n { value: 'minimax', label: 'Minimax', icon: Wand2 },\n { value: 'ollama', label: 'Ollama', icon: CloudCog },\n { value: 'openai-compat', label: 'OpenAI-compatible', icon: Brain },\n { value: 'goose', label: 'Goose', icon: Bird },\n { value: 'amp', label: 'Amp', icon: Zap },\n { value: 'copilot', label: 'Copilot', icon: Github },\n { value: 'crush', label: 'Crush', icon: Hammer },\n { value: 'pi', label: 'Pi', icon: Cpu },\n { value: 'aider', label: 'Aider', icon: PenTool },\n { value: 'plandex', label: 'Plandex', icon: MapIcon },\n];\n\n// Fallback when the agent-side `provider.supportedModes` isn't available\n// (offline / fresh install / older meta-plugin). The runtime path through\n// `providerModes()` below prefers the live value when present so adding\n// a new provider here is only a fallback affordance.\nconst STATIC_MODE_SUPPORT: Record<AgentSdkType, ProviderMode[]> = {\n claude: ['sdk', 'cli'],\n codex: ['sdk', 'cli'],\n gemini: ['sdk', 'cli'],\n opencode: ['sdk', 'cli'],\n cursor: ['sdk', 'cli'],\n openrouter: ['sdk'],\n minimax: ['sdk', 'cli'],\n ollama: ['sdk', 'cli'],\n 'openai-compat': ['sdk'],\n goose: ['cli'],\n amp: ['cli'],\n copilot: ['cli'],\n crush: ['cli'],\n pi: ['cli'],\n aider: ['cli'],\n plandex: ['cli'],\n};\n\nconst ALL_MODES: ProviderMode[] = ['sdk', 'cli'];\nconst SDK_VALUES = new Set(SDK_OPTIONS.map((option) => option.value));\n\nfunction isProviderMode(mode: unknown): mode is ProviderMode {\n return mode === 'sdk' \|\| mode === 'cli';\n}\n\nfunction normalizeProviderSdk(provider: AIProvider): AgentSdkType \| null {\n const value = (provider.name \|\| provider.pluginName).replace(/^ai-/, '');\n return SDK_VALUES.has(value as AgentSdkType) ? (value as AgentSdkType) : null;\n}\n\nfunction providerModes(provider: AIProvider \| undefined, sdk: AgentSdkType): ProviderMode[] {\n const modes = provider?.supportedModes?.filter(isProviderMode);\n return modes && modes.length > 0 ? modes : STATIC_MODE_SUPPORT[sdk];\n}\n\nfunction nextSupportedMode(\n provider: AIProvider \| undefined,\n sdk: AgentSdkType,\n currentMode: ProviderMode\n): ProviderMode {\n const supported = providerModes(provider, sdk);\n if (supported.includes(currentMode)) return currentMode;\n if (provider?.defaultMode && supported.includes(provider.defaultMode))\n return provider.defaultMode;\n if (provider?.currentMode && supported.includes(provider.currentMode))\n return provider.currentMode;\n return supported[0] ?? 'cli';\n}\n\nexport function SdkSelector({\n sdk,\n mode,\n providers = [],\n onSdkChange,\n onModeChange,\n}: SdkSelectorProps) {\n const [open, setOpen] = useState(false);\n const [search, setSearch] = useState('');\n const containerRef = useRef<HTMLDivElement>(null);\n const buttonRef = useRef<HTMLButtonElement>(null);\n const [pos, setPos] = useState({ bottom: 0, left: 0, width: 0 });\n\n const providerBySdk = new Map<AgentSdkType, AIProvider>();\n for (const provider of providers) {\n const providerSdk = normalizeProviderSdk(provider);\n if (providerSdk) providerBySdk.set(providerSdk, provider);\n }\n\n const options = (\n providerBySdk.size > 0\n ? SDK_OPTIONS.filter((option) => providerBySdk.has(option.value))\n : SDK_OPTIONS\n ).map((option) => ({\n ...option,\n label: providerBySdk.get(option.value)?.displayName ?? option.label,\n }));\n\n const current = options.find((o) => o.value === sdk) ?? SDK_OPTIONS[0];\n const CurrentIcon = current.icon;\n const currentProvider = providerBySdk.get(sdk);\n const currentModes = providerModes(currentProvider, sdk);\n\n const handleClickOutside = useCallback((e: MouseEvent) => {\n if (containerRef.current && !containerRef.current.contains(e.target as Node)) {\n setOpen(false);\n }\n }, []);\n\n useEffect(() => {\n if (open) {\n document.addEventListener('mousedown', handleClickOutside);\n return () => document.removeEventListener('mousedown', handleClickOutside);\n }\n }, [open, handleClickOutside]);\n\n useEffect(() => {\n if (!open) setSearch('');\n }, [open]);\n\n const filtered = options.filter((o) => o.label.toLowerCase().includes(search.toLowerCase()));\n\n const handleToggle = () => {\n if (!open && buttonRef.current) {\n const rect = buttonRef.current.getBoundingClientRect();\n setPos({\n bottom: window.innerHeight - rect.top + 4,\n left: rect.left,\n width: Math.max(rect.width, 192),\n });\n }\n setOpen((prev) => !prev);\n };\n\n return (\n <div ref={containerRef} className=\"relative\">\n <button\n ref={buttonRef}\n type=\"button\"\n onClick={handleToggle}\n className=\"flex items-center gap-1.5 px-2 py-1 text-xs font-medium rounded border border-border-default bg-bg-surface text-text-secondary hover:text-text-primary hover:border-border-strong transition-colors\"\n title={`${current.label} (${mode.toUpperCase()})`}\n >\n <CurrentIcon className=\"w-3.5 h-3.5\" />\n <span>{current.label}</span>\n <ChevronDown className=\"w-3 h-3\" />\n </button>\n\n {open && (\n <div\n className=\"fixed rounded-lg border border-border-default bg-bg-surface shadow-lg z-[100]\"\n style={{ bottom: pos.bottom, left: pos.left, minWidth: pos.width }}\n >\n {/ Search /}\n <input\n type=\"text\"\n value={search}\n onChange={(e) => setSearch(e.target.value)}\n placeholder=\"Search...\"\n className=\"w-full px-3 py-1.5 text-xs border-b border-border-default bg-transparent text-text-primary placeholder:text-text-tertiary focus:outline-none\"\n autoFocus\n />\n {/ SDK list /}\n <div className=\"py-1 max-h-48 overflow-y-auto\">\n {filtered.map((option) => {\n const Icon = option.icon;\n const optionProvider = providerBySdk.get(option.value);\n const modes = providerModes(optionProvider, option.value);\n return (\n <button\n key={option.value}\n type=\"button\"\n onClick={() => {\n const nextMode = nextSupportedMode(optionProvider, option.value, mode);\n onSdkChange(option.value);\n if (nextMode !== mode) onModeChange(nextMode);\n setOpen(false);\n }}\n className={`w-full flex items-center gap-2 px-3 py-2 text-sm hover:bg-bg-elevated transition-colors ${\n option.value === sdk\n ? 'text-action-primary-text bg-action-primary-bg/10'\n : 'text-text-primary'\n }`}\n >\n <Icon className=\"w-4 h-4\" />\n <span>{option.label}</span>\n <span className=\"ml-auto flex items-center gap-1\">\n {ALL_MODES.map((optionMode) => (\n <span\n key={optionMode}\n className={`rounded px-1 py-0.5 text-[10px] font-semibold uppercase ${\n modes.includes(optionMode)\n ? 'bg-bg-sunken text-text-secondary'\n : 'border border-border-default text-text-tertiary opacity-50'\n }`}\n >\n {optionMode}\n </span>\n ))}\n </span>\n </button>\n );\n })}\n </div>\n\n {/ Mode toggle */}\n <div className=\"border-t border-border-default px-3 py-2\">\n <div className=\"flex items-center rounded-md bg-bg-sunken p-0.5\">\n <button\n type=\"button\"\n onClick={() => currentModes.includes('sdk') && onModeChange('sdk')}\n disabled={!currentModes.includes('sdk')}\n className={`flex-1 px-2 py-1 text-xs font-medium rounded transition-colors disabled:cursor-not-allowed disabled:opacity-40 ${\n mode === 'sdk'\n ? 'bg-bg-surface text-text-primary shadow-sm'\n : 'text-text-tertiary hover:text-text-secondary'\n }`}\n title={\n currentModes.includes('sdk')\n ? 'Use SDK mode'\n : `${current.label} does not support SDK mode`\n }\n >\n SDK\n </button>\n <button\n type=\"button\"\n onClick={() => currentModes.includes('cli') && onModeChange('cli')}\n disabled={!currentModes.includes('cli')}\n className={`flex-1 px-2 py-1 text-xs font-medium rounded transition-colors disabled:cursor-not-allowed disabled:opacity-40 ${\n mode === 'cli'\n ? 'bg-bg-surface text-text-primary shadow-sm'\n : 'text-text-tertiary hover:text-text-secondary'\n }`}\n title={\n currentModes.includes('cli')\n ? 'Use CLI mode'\n : `${current.label} does not support CLI mode`\n }\n >\n CLI\n </button>\n </div>\n </div>\n </div>\n )}\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/components/agent-manager/detail/SessionConfigPanel.js CHANGED Viewed

@@ -26,7 +26,7 @@ function h(e, t) {
 	let r = { ...n };
 	return t.model ? r.model = t.model : delete r.model, t.systemPrompt ? r.systemPrompt = t.systemPrompt : delete r.systemPrompt, t.maxTokens === null ? delete r.maxTokens : r.maxTokens = t.maxTokens, r.temperature = t.temperature, JSON.stringify(r, null, 2);
 }
-function g({ sessionId: g, agentId: _ }) {
+function g({ sessionId: g, agent: _ }) {
 	let v = e(), [y, b] = l(null), [x, S] = l(""), [C, w] = l(m({})), [T, E] = l(!0), [D, O] = l(!1), [k, A] = l(null), [j, M] = l(null), [N, P] = l(!1), [F, I] = l(!1), L = s((e) => {
 		try {
 			w(m(JSON.parse(e)));
@@ -135,7 +135,7 @@ function g({ sessionId: g, agentId: _ }) {
 								type: "text",
 								value: C.model,
 								onChange: (e) => z("model", e.target.value),
-								placeholder: "e.g., claude-sonnet-4-20250514",
+								placeholder: v("vibecontrols.agentManager.config.modelPlaceholder", "Model ID"),
 								disabled: H,
 								className: "w-full px-2 py-1.5 text-sm rounded border border-border-default bg-bg-primary text-text-primary disabled:opacity-50"
 							})] }),

package/dist/components/agent-manager/detail/SessionConfigPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SessionConfigPanel.js","names":[],"sources":["../../../../src/components/agent-manager/detail/SessionConfigPanel.tsx"],"sourcesContent":["/*\n Session configuration panel.\n \n Displays Quick Settings fields for common config options (model,\n * system prompt, max tokens, temperature) above an editable JSON\n * editor. Provides save and terminate actions with a confirmation dialog.\n /\n\nimport { useState, useEffect, useCallback } from 'react';\nimport { Save, Trash2 } from 'lucide-react';\nimport { LoadingState, ErrorState, ConfirmDialog } from '@/components/shared';\nimport {\n fetchSessions,\n updateSessionConfig,\n terminateSession,\n type AISession,\n} from '@/services/aiApi';\nimport { useTr } from '../../../shared/hooks/useTr';\n\ninterface SessionConfigFields {\n model: string;\n systemPrompt: string;\n maxTokens: number \| null;\n temperature: number;\n [key: string]: unknown;\n}\n\nfunction parseConfigFields(raw: Record<string, unknown>): SessionConfigFields {\n return {\n model: typeof raw.model === 'string' ? raw.model : '',\n systemPrompt: typeof raw.systemPrompt === 'string' ? raw.systemPrompt : '',\n maxTokens: typeof raw.maxTokens === 'number' ? raw.maxTokens : null,\n temperature: typeof raw.temperature === 'number' ? raw.temperature : 0.7,\n };\n}\n\nfunction mergeFieldsIntoConfig(configText: string, fields: SessionConfigFields): string {\n let parsed: Record<string, unknown>;\n try {\n parsed = JSON.parse(configText) as Record<string, unknown>;\n } catch {\n parsed = {};\n }\n const merged = { ...parsed };\n if (fields.model) {\n merged.model = fields.model;\n } else {\n delete merged.model;\n }\n if (fields.systemPrompt) {\n merged.systemPrompt = fields.systemPrompt;\n } else {\n delete merged.systemPrompt;\n }\n if (fields.maxTokens !== null) {\n merged.maxTokens = fields.maxTokens;\n } else {\n delete merged.maxTokens;\n }\n merged.temperature = fields.temperature;\n return JSON.stringify(merged, null, 2);\n}\n\ninterface SessionConfigPanelProps {\n sessionId: string;\n agentId: string;\n}\n\nexport function SessionConfigPanel({ sessionId, agentId }: SessionConfigPanelProps) {\n const tr = useTr();\n const [session, setSession] = useState<AISession \| null>(null);\n const [configText, setConfigText] = useState('');\n const [configFields, setConfigFields] = useState<SessionConfigFields>(parseConfigFields({}));\n const [loading, setLoading] = useState(true);\n const [saving, setSaving] = useState(false);\n const [error, setError] = useState<string \| null>(null);\n const [parseError, setParseError] = useState<string \| null>(null);\n const [showTerminate, setShowTerminate] = useState(false);\n const [terminating, setTerminating] = useState(false);\n\n const syncFieldsFromJson = useCallback((json: string) => {\n try {\n const parsed = JSON.parse(json) as Record<string, unknown>;\n setConfigFields(parseConfigFields(parsed));\n } catch {\n // Don't update fields if JSON is invalid\n }\n }, []);\n\n const loadConfig = useCallback(async () => {\n try {\n const sessions = await fetchSessions(agentId);\n const found = sessions.find((s) => s.id === sessionId);\n if (found) {\n setSession(found);\n const json = JSON.stringify(found.config ?? {}, null, 2);\n setConfigText(json);\n syncFieldsFromJson(json);\n } else {\n // Session row exists in the platform DB but the agent-side\n // session object only materialises after the first message.\n // Treat as empty defaults instead of error so the user can\n // still pre-edit config; the form save flow creates the\n // agent-side row on submit.\n setSession(null);\n setConfigText('{}');\n syncFieldsFromJson('{}');\n }\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to load config');\n } finally {\n setLoading(false);\n }\n }, [agentId, sessionId, syncFieldsFromJson]);\n\n useEffect(() => {\n setLoading(true);\n loadConfig();\n }, [loadConfig]);\n\n const updateConfigField = useCallback(\n (field: keyof SessionConfigFields, value: string \| number \| null) => {\n setConfigFields((prev) => {\n const next = { ...prev, [field]: value };\n setConfigText(mergeFieldsIntoConfig(configText, next));\n return next;\n });\n },\n [configText]\n );\n\n const handleSave = useCallback(async () => {\n setParseError(null);\n let parsed: Record<string, unknown>;\n try {\n parsed = JSON.parse(configText) as Record<string, unknown>;\n } catch {\n setParseError('Invalid JSON');\n return;\n }\n\n setSaving(true);\n try {\n const updated = await updateSessionConfig(agentId, sessionId, parsed);\n setSession(updated);\n const json = JSON.stringify(updated.config ?? {}, null, 2);\n setConfigText(json);\n syncFieldsFromJson(json);\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to save config');\n } finally {\n setSaving(false);\n }\n }, [agentId, sessionId, configText, syncFieldsFromJson]);\n\n const handleTerminate = useCallback(async () => {\n setTerminating(true);\n try {\n await terminateSession(agentId, sessionId);\n setShowTerminate(false);\n // Reload to reflect terminated status\n await loadConfig();\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to terminate session');\n } finally {\n setTerminating(false);\n }\n }, [agentId, sessionId, loadConfig]);\n\n if (loading) return <LoadingState message=\"Loading config...\" />;\n if (error && !session) return <ErrorState message={error} onRetry={loadConfig} />;\n\n const isTerminated = session?.status === 'terminated';\n\n return (\n <div className=\"flex flex-col h-full\">\n <div className=\"flex-1 p-3 overflow-y-auto\">\n {/ Status /}\n {session && (\n <div className=\"mb-3 flex items-center gap-2\">\n <span className=\"text-xs text-text-tertiary\">Status:</span>\n <span\n className={`px-2 py-0.5 text-xs font-medium rounded-full ${\n session.status === 'active'\n ? 'bg-status-success-bg/10 text-status-success-text'\n : session.status === 'error'\n ? 'bg-status-error-bg/10 text-status-error-text'\n : session.status === 'terminated'\n ? 'bg-bg-sunken text-text-tertiary'\n : 'bg-status-warning-bg/10 text-status-warning-text'\n }`}\n >\n {session.status}\n </span>\n </div>\n )}\n\n {/ Quick Settings /}\n <div className=\"space-y-3 mb-4\">\n <h4 className=\"text-xs font-semibold text-text-secondary uppercase tracking-wider\">\n {tr('vibecontrols.agentManager.config.quickSettings', 'Quick Settings')}\n </h4>\n\n {/ Model /}\n <div>\n <label className=\"block text-xs text-text-secondary mb-1\">\n {tr('vibecontrols.agentManager.config.model', 'Model')}\n </label>\n <input\n type=\"text\"\n value={configFields.model}\n onChange={(e) => updateConfigField('model', e.target.value)}\n placeholder=\"e.g., claude-sonnet-4-20250514\"\n disabled={isTerminated}\n className=\"w-full px-2 py-1.5 text-sm rounded border border-border-default bg-bg-primary text-text-primary disabled:opacity-50\"\n />\n </div>\n\n {/ System Prompt /}\n <div>\n <label className=\"block text-xs text-text-secondary mb-1\">\n {tr('vibecontrols.agentManager.config.systemPrompt', 'System Prompt')}\n </label>\n <textarea\n value={configFields.systemPrompt}\n onChange={(e) => updateConfigField('systemPrompt', e.target.value)}\n placeholder=\"Instructions for the AI...\"\n rows={2}\n disabled={isTerminated}\n className=\"w-full px-2 py-1.5 text-sm rounded border border-border-default bg-bg-primary text-text-primary resize-none disabled:opacity-50\"\n />\n </div>\n\n {/ Max Tokens /}\n <div>\n <label className=\"block text-xs text-text-secondary mb-1\">\n {tr('vibecontrols.agentManager.config.maxTokens', 'Max Tokens')}\n </label>\n <input\n type=\"number\"\n value={configFields.maxTokens ?? ''}\n onChange={(e) =>\n updateConfigField('maxTokens', e.target.value ? Number(e.target.value) : null)\n }\n placeholder=\"4096\"\n disabled={isTerminated}\n className=\"w-full px-2 py-1.5 text-sm rounded border border-border-default bg-bg-primary text-text-primary disabled:opacity-50\"\n />\n </div>\n\n {/ Temperature /}\n <div>\n <label className=\"block text-xs text-text-secondary mb-1\">\n {tr('vibecontrols.agentManager.config.temperature', 'Temperature (0-1)')}\n </label>\n <input\n type=\"range\"\n min=\"0\"\n max=\"1\"\n step=\"0.1\"\n value={configFields.temperature}\n onChange={(e) => updateConfigField('temperature', Number(e.target.value))}\n disabled={isTerminated}\n className=\"w-full\"\n />\n <span className=\"text-xs text-text-tertiary\">{configFields.temperature}</span>\n </div>\n </div>\n\n <div className=\"border-t border-border-default pt-3\">\n <h4 className=\"text-xs font-semibold text-text-secondary uppercase tracking-wider mb-2\">\n {tr('vibecontrols.agentManager.config.advancedJson', 'Advanced (JSON)')}\n </h4>\n\n {/ JSON editor /}\n <textarea\n value={configText}\n onChange={(e) => {\n setConfigText(e.target.value);\n setParseError(null);\n syncFieldsFromJson(e.target.value);\n }}\n disabled={isTerminated}\n className=\"w-full h-48 rounded-lg border border-border-default bg-bg-primary px-3 py-2 text-xs font-mono text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong transition-colors resize-y disabled:opacity-50\"\n spellCheck={false}\n />\n {parseError && <p className=\"mt-1 text-xs text-status-error-text\">{parseError}</p>}\n {error && session && <p className=\"mt-1 text-xs text-status-error-text\">{error}</p>}\n </div>\n </div>\n\n {/ Action buttons */}\n <div className=\"flex items-center gap-2 p-3 border-t border-border-default\">\n <button\n type=\"button\"\n onClick={handleSave}\n disabled={saving \|\| isTerminated}\n className=\"flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-40 disabled:cursor-not-allowed transition-colors\"\n >\n <Save className=\"w-3.5 h-3.5\" />\n {saving\n ? tr('vibecontrols.agentManager.config.saving', 'Saving...')\n : tr('vibecontrols.agentManager.config.save', 'Save')}\n </button>\n <div className=\"flex-1\" />\n <button\n type=\"button\"\n onClick={() => setShowTerminate(true)}\n disabled={isTerminated}\n className=\"flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-md bg-status-error-bg/10 text-status-error-text hover:bg-status-error-bg/20 disabled:opacity-40 disabled:cursor-not-allowed transition-colors\"\n >\n <Trash2 className=\"w-3.5 h-3.5\" />\n {tr('vibecontrols.agentManager.config.terminate', 'Terminate')}\n </button>\n </div>\n\n <ConfirmDialog\n isOpen={showTerminate}\n onClose={() => setShowTerminate(false)}\n onConfirm={handleTerminate}\n title={tr('vibecontrols.agentManager.config.terminateSessionTitle', 'Terminate Session')}\n message={tr(\n 'vibecontrols.agentManager.config.terminateConfirm',\n 'Are you sure you want to terminate this session? This action cannot be undone.'\n )}\n confirmLabel={tr('vibecontrols.agentManager.config.terminate', 'Terminate')}\n variant=\"danger\"\n isLoading={terminating}\n />\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"SessionConfigPanel.js","names":[],"sources":["../../../../src/components/agent-manager/detail/SessionConfigPanel.tsx"],"sourcesContent":["/*\n Session configuration panel.\n \n Displays Quick Settings fields for common config options (model,\n * system prompt, max tokens, temperature) above an editable JSON\n * editor. Provides save and terminate actions with a confirmation dialog.\n /\n\nimport { useState, useEffect, useCallback } from 'react';\nimport { Save, Trash2 } from 'lucide-react';\nimport { LoadingState, ErrorState, ConfirmDialog } from '@/components/shared';\nimport {\n fetchSessions,\n updateSessionConfig,\n terminateSession,\n type AISession,\n type AgentRef,\n} from '@/services/aiApi';\nimport { useTr } from '../../../shared/hooks/useTr';\n\ninterface SessionConfigFields {\n model: string;\n systemPrompt: string;\n maxTokens: number \| null;\n temperature: number;\n [key: string]: unknown;\n}\n\nfunction parseConfigFields(raw: Record<string, unknown>): SessionConfigFields {\n return {\n model: typeof raw.model === 'string' ? raw.model : '',\n systemPrompt: typeof raw.systemPrompt === 'string' ? raw.systemPrompt : '',\n maxTokens: typeof raw.maxTokens === 'number' ? raw.maxTokens : null,\n temperature: typeof raw.temperature === 'number' ? raw.temperature : 0.7,\n };\n}\n\nfunction mergeFieldsIntoConfig(configText: string, fields: SessionConfigFields): string {\n let parsed: Record<string, unknown>;\n try {\n parsed = JSON.parse(configText) as Record<string, unknown>;\n } catch {\n parsed = {};\n }\n const merged = { ...parsed };\n if (fields.model) {\n merged.model = fields.model;\n } else {\n delete merged.model;\n }\n if (fields.systemPrompt) {\n merged.systemPrompt = fields.systemPrompt;\n } else {\n delete merged.systemPrompt;\n }\n if (fields.maxTokens !== null) {\n merged.maxTokens = fields.maxTokens;\n } else {\n delete merged.maxTokens;\n }\n merged.temperature = fields.temperature;\n return JSON.stringify(merged, null, 2);\n}\n\ninterface SessionConfigPanelProps {\n sessionId: string;\n agent: AgentRef;\n}\n\nexport function SessionConfigPanel({ sessionId, agent }: SessionConfigPanelProps) {\n const tr = useTr();\n const [session, setSession] = useState<AISession \| null>(null);\n const [configText, setConfigText] = useState('');\n const [configFields, setConfigFields] = useState<SessionConfigFields>(parseConfigFields({}));\n const [loading, setLoading] = useState(true);\n const [saving, setSaving] = useState(false);\n const [error, setError] = useState<string \| null>(null);\n const [parseError, setParseError] = useState<string \| null>(null);\n const [showTerminate, setShowTerminate] = useState(false);\n const [terminating, setTerminating] = useState(false);\n\n const syncFieldsFromJson = useCallback((json: string) => {\n try {\n const parsed = JSON.parse(json) as Record<string, unknown>;\n setConfigFields(parseConfigFields(parsed));\n } catch {\n // Don't update fields if JSON is invalid\n }\n }, []);\n\n const loadConfig = useCallback(async () => {\n try {\n const sessions = await fetchSessions(agent);\n const found = sessions.find((s) => s.id === sessionId);\n if (found) {\n setSession(found);\n const json = JSON.stringify(found.config ?? {}, null, 2);\n setConfigText(json);\n syncFieldsFromJson(json);\n } else {\n // Session row exists in the platform DB but the agent-side\n // session object only materialises after the first message.\n // Treat as empty defaults instead of error so the user can\n // still pre-edit config; the form save flow creates the\n // agent-side row on submit.\n setSession(null);\n setConfigText('{}');\n syncFieldsFromJson('{}');\n }\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to load config');\n } finally {\n setLoading(false);\n }\n }, [agent, sessionId, syncFieldsFromJson]);\n\n useEffect(() => {\n setLoading(true);\n loadConfig();\n }, [loadConfig]);\n\n const updateConfigField = useCallback(\n (field: keyof SessionConfigFields, value: string \| number \| null) => {\n setConfigFields((prev) => {\n const next = { ...prev, [field]: value };\n setConfigText(mergeFieldsIntoConfig(configText, next));\n return next;\n });\n },\n [configText]\n );\n\n const handleSave = useCallback(async () => {\n setParseError(null);\n let parsed: Record<string, unknown>;\n try {\n parsed = JSON.parse(configText) as Record<string, unknown>;\n } catch {\n setParseError('Invalid JSON');\n return;\n }\n\n setSaving(true);\n try {\n const updated = await updateSessionConfig(agent, sessionId, parsed);\n setSession(updated);\n const json = JSON.stringify(updated.config ?? {}, null, 2);\n setConfigText(json);\n syncFieldsFromJson(json);\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to save config');\n } finally {\n setSaving(false);\n }\n }, [agent, sessionId, configText, syncFieldsFromJson]);\n\n const handleTerminate = useCallback(async () => {\n setTerminating(true);\n try {\n await terminateSession(agent, sessionId);\n setShowTerminate(false);\n // Reload to reflect terminated status\n await loadConfig();\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to terminate session');\n } finally {\n setTerminating(false);\n }\n }, [agent, sessionId, loadConfig]);\n\n if (loading) return <LoadingState message=\"Loading config...\" />;\n if (error && !session) return <ErrorState message={error} onRetry={loadConfig} />;\n\n const isTerminated = session?.status === 'terminated';\n\n return (\n <div className=\"flex flex-col h-full\">\n <div className=\"flex-1 p-3 overflow-y-auto\">\n {/ Status /}\n {session && (\n <div className=\"mb-3 flex items-center gap-2\">\n <span className=\"text-xs text-text-tertiary\">Status:</span>\n <span\n className={`px-2 py-0.5 text-xs font-medium rounded-full ${\n session.status === 'active'\n ? 'bg-status-success-bg/10 text-status-success-text'\n : session.status === 'error'\n ? 'bg-status-error-bg/10 text-status-error-text'\n : session.status === 'terminated'\n ? 'bg-bg-sunken text-text-tertiary'\n : 'bg-status-warning-bg/10 text-status-warning-text'\n }`}\n >\n {session.status}\n </span>\n </div>\n )}\n\n {/ Quick Settings /}\n <div className=\"space-y-3 mb-4\">\n <h4 className=\"text-xs font-semibold text-text-secondary uppercase tracking-wider\">\n {tr('vibecontrols.agentManager.config.quickSettings', 'Quick Settings')}\n </h4>\n\n {/ Model /}\n <div>\n <label className=\"block text-xs text-text-secondary mb-1\">\n {tr('vibecontrols.agentManager.config.model', 'Model')}\n </label>\n <input\n type=\"text\"\n value={configFields.model}\n onChange={(e) => updateConfigField('model', e.target.value)}\n placeholder={tr('vibecontrols.agentManager.config.modelPlaceholder', 'Model ID')}\n disabled={isTerminated}\n className=\"w-full px-2 py-1.5 text-sm rounded border border-border-default bg-bg-primary text-text-primary disabled:opacity-50\"\n />\n </div>\n\n {/ System Prompt /}\n <div>\n <label className=\"block text-xs text-text-secondary mb-1\">\n {tr('vibecontrols.agentManager.config.systemPrompt', 'System Prompt')}\n </label>\n <textarea\n value={configFields.systemPrompt}\n onChange={(e) => updateConfigField('systemPrompt', e.target.value)}\n placeholder=\"Instructions for the AI...\"\n rows={2}\n disabled={isTerminated}\n className=\"w-full px-2 py-1.5 text-sm rounded border border-border-default bg-bg-primary text-text-primary resize-none disabled:opacity-50\"\n />\n </div>\n\n {/ Max Tokens /}\n <div>\n <label className=\"block text-xs text-text-secondary mb-1\">\n {tr('vibecontrols.agentManager.config.maxTokens', 'Max Tokens')}\n </label>\n <input\n type=\"number\"\n value={configFields.maxTokens ?? ''}\n onChange={(e) =>\n updateConfigField('maxTokens', e.target.value ? Number(e.target.value) : null)\n }\n placeholder=\"4096\"\n disabled={isTerminated}\n className=\"w-full px-2 py-1.5 text-sm rounded border border-border-default bg-bg-primary text-text-primary disabled:opacity-50\"\n />\n </div>\n\n {/ Temperature /}\n <div>\n <label className=\"block text-xs text-text-secondary mb-1\">\n {tr('vibecontrols.agentManager.config.temperature', 'Temperature (0-1)')}\n </label>\n <input\n type=\"range\"\n min=\"0\"\n max=\"1\"\n step=\"0.1\"\n value={configFields.temperature}\n onChange={(e) => updateConfigField('temperature', Number(e.target.value))}\n disabled={isTerminated}\n className=\"w-full\"\n />\n <span className=\"text-xs text-text-tertiary\">{configFields.temperature}</span>\n </div>\n </div>\n\n <div className=\"border-t border-border-default pt-3\">\n <h4 className=\"text-xs font-semibold text-text-secondary uppercase tracking-wider mb-2\">\n {tr('vibecontrols.agentManager.config.advancedJson', 'Advanced (JSON)')}\n </h4>\n\n {/ JSON editor /}\n <textarea\n value={configText}\n onChange={(e) => {\n setConfigText(e.target.value);\n setParseError(null);\n syncFieldsFromJson(e.target.value);\n }}\n disabled={isTerminated}\n className=\"w-full h-48 rounded-lg border border-border-default bg-bg-primary px-3 py-2 text-xs font-mono text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong transition-colors resize-y disabled:opacity-50\"\n spellCheck={false}\n />\n {parseError && <p className=\"mt-1 text-xs text-status-error-text\">{parseError}</p>}\n {error && session && <p className=\"mt-1 text-xs text-status-error-text\">{error}</p>}\n </div>\n </div>\n\n {/ Action buttons */}\n <div className=\"flex items-center gap-2 p-3 border-t border-border-default\">\n <button\n type=\"button\"\n onClick={handleSave}\n disabled={saving \|\| isTerminated}\n className=\"flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-40 disabled:cursor-not-allowed transition-colors\"\n >\n <Save className=\"w-3.5 h-3.5\" />\n {saving\n ? tr('vibecontrols.agentManager.config.saving', 'Saving...')\n : tr('vibecontrols.agentManager.config.save', 'Save')}\n </button>\n <div className=\"flex-1\" />\n <button\n type=\"button\"\n onClick={() => setShowTerminate(true)}\n disabled={isTerminated}\n className=\"flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-md bg-status-error-bg/10 text-status-error-text hover:bg-status-error-bg/20 disabled:opacity-40 disabled:cursor-not-allowed transition-colors\"\n >\n <Trash2 className=\"w-3.5 h-3.5\" />\n {tr('vibecontrols.agentManager.config.terminate', 'Terminate')}\n </button>\n </div>\n\n <ConfirmDialog\n isOpen={showTerminate}\n onClose={() => setShowTerminate(false)}\n onConfirm={handleTerminate}\n title={tr('vibecontrols.agentManager.config.terminateSessionTitle', 'Terminate Session')}\n message={tr(\n 'vibecontrols.agentManager.config.terminateConfirm',\n 'Are you sure you want to terminate this session? This action cannot be undone.'\n )}\n confirmLabel={tr('vibecontrols.agentManager.config.terminate', 'Terminate')}\n variant=\"danger\"\n isLoading={terminating}\n />\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/components/agent-manager/detail/SessionLogsPanel.js CHANGED Viewed

@@ -23,7 +23,7 @@ var f = [
 	error: "bg-status-error-bg/10 text-status-error-text",
 	metadata: "bg-bg-sunken text-text-tertiary"
 };
-function m({ sessionId: m, agentId: h }) {
+function m({ sessionId: m, agent: h }) {
 	let g = e(), [_, v] = c([]), [y, b] = c(!0), [x, S] = c(null), [C, w] = c(new Set(f)), [T, E] = c(!1), D = s(null), O = a(async () => {
 		try {
 			v(await r(h, m, { limit: 100 })), S(null);

package/dist/components/agent-manager/detail/SessionLogsPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SessionLogsPanel.js","names":[],"sources":["../../../../src/components/agent-manager/detail/SessionLogsPanel.tsx"],"sourcesContent":["/*\n Session logs viewer panel.\n \n Fetches and displays logs for a session with type filtering\n * and optional auto-refresh.\n /\n\nimport { useState, useEffect, useCallback, useRef } from 'react';\nimport { RefreshCw } from 'lucide-react';\nimport { LoadingState, ErrorState } from '@/components/shared';\nimport { fetchSessionLogs, type AISessionLog } from '@/services/aiApi';\nimport { isSessionNotFoundError } from '@/utils/aiSessionNotFound';\nimport { useTr } from '../../../shared/hooks/useTr';\n\ninterface SessionLogsPanelProps {\n sessionId: string;\n ~~agentId~~: ~~string~~;\n}\n\nconst LOG_TYPES = ['input', 'output', 'thinking', 'event', 'error', 'metadata'] as const;\n\nconst TYPE_COLORS: Record<string, string> = {\n input: 'bg-action-primary-bg/10 text-action-primary-text',\n output: 'bg-status-success-bg/10 text-status-success-text',\n thinking: 'bg-status-warning-bg/10 text-status-warning-text',\n event: 'bg-bg-elevated text-text-secondary',\n error: 'bg-status-error-bg/10 text-status-error-text',\n metadata: 'bg-bg-sunken text-text-tertiary',\n};\n\nexport function SessionLogsPanel({ sessionId, ~~agentId~~ }: SessionLogsPanelProps) {\n const tr = useTr();\n const [logs, setLogs] = useState<AISessionLog[]>([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState<string \| null>(null);\n const [activeTypes, setActiveTypes] = useState<Set<string>>(new Set(LOG_TYPES));\n const [autoRefresh, setAutoRefresh] = useState(false);\n const intervalRef = useRef<ReturnType<typeof setInterval> \| null>(null);\n\n const loadLogs = useCallback(async () => {\n try {\n const data = await fetchSessionLogs(~~agentId~~, sessionId, { limit: 100 });\n setLogs(data);\n setError(null);\n } catch (err) {\n // Until the user sends the first message the agent has no\n // record of this session, so /api/ai/sessions/:id/logs 404s.\n // Render that as an empty list with a hint, not as an error.\n if (isSessionNotFoundError(err)) {\n setLogs([]);\n setError(null);\n } else {\n setError(err instanceof Error ? err.message : 'Failed to load logs');\n }\n } finally {\n setLoading(false);\n }\n }, [~~agentId~~, sessionId]);\n\n useEffect(() => {\n setLoading(true);\n loadLogs();\n }, [loadLogs]);\n\n useEffect(() => {\n if (autoRefresh) {\n intervalRef.current = setInterval(loadLogs, 5000);\n }\n return () => {\n if (intervalRef.current) {\n clearInterval(intervalRef.current);\n intervalRef.current = null;\n }\n };\n }, [autoRefresh, loadLogs]);\n\n const toggleType = useCallback((type: string) => {\n setActiveTypes((prev) => {\n const next = new Set(prev);\n if (next.has(type)) {\n next.delete(type);\n } else {\n next.add(type);\n }\n return next;\n });\n }, []);\n\n const filteredLogs = logs.filter((log) => activeTypes.has(log.type));\n\n if (loading) return <LoadingState message=\"Loading logs...\" />;\n if (error) return <ErrorState message={error} onRetry={loadLogs} />;\n\n return (\n <div className=\"flex flex-col h-full\">\n {/ Filter bar /}\n <div className=\"flex items-center gap-1.5 p-2 border-b border-border-default flex-wrap\">\n {LOG_TYPES.map((type) => (\n <button\n key={type}\n type=\"button\"\n onClick={() => toggleType(type)}\n className={`px-2 py-0.5 text-[10px] font-medium rounded-full transition-colors ${\n activeTypes.has(type)\n ? TYPE_COLORS[type]\n : 'bg-bg-sunken text-text-tertiary opacity-50'\n }`}\n >\n {type}\n </button>\n ))}\n <div className=\"flex-1\" />\n <button\n type=\"button\"\n onClick={() => setAutoRefresh((prev) => !prev)}\n className={`p-1 rounded transition-colors ${\n autoRefresh\n ? 'text-action-primary-text bg-action-primary-bg/10'\n : 'text-text-tertiary hover:text-text-secondary'\n }`}\n title={\n autoRefresh\n ? tr('vibecontrols.agentManager.logs.disableAutoRefresh', 'Disable auto-refresh')\n : tr('vibecontrols.agentManager.logs.enableAutoRefresh', 'Enable auto-refresh')\n }\n >\n <RefreshCw className={`w-3.5 h-3.5 ${autoRefresh ? 'animate-spin' : ''}`} />\n </button>\n </div>\n\n {/ Logs list */}\n <div className=\"flex-1 overflow-y-auto\">\n {filteredLogs.length === 0 ? (\n <div className=\"p-4 text-center text-sm text-text-tertiary\">\n {logs.length === 0\n ? tr(\n 'vibecontrols.agentManager.logs.empty',\n 'Logs will appear here after you send the first message.'\n )\n : tr(\n 'vibecontrols.agentManager.logs.noLogsMatch',\n 'No logs match the selected filters'\n )}\n </div>\n ) : (\n <div className=\"divide-y divide-border-default\">\n {filteredLogs.map((log) => (\n <div key={log.id} className=\"px-3 py-2\">\n <div className=\"flex items-center gap-2 mb-1\">\n <span\n className={`px-1.5 py-0.5 text-[10px] font-medium rounded ${TYPE_COLORS[log.type] ?? 'bg-bg-sunken text-text-tertiary'}`}\n >\n {log.type}\n </span>\n <span className=\"text-[10px] text-text-tertiary\">\n {new Date(log.timestamp).toLocaleTimeString()}\n </span>\n {log.tokenCount != null && (\n <span className=\"text-[10px] text-text-tertiary ml-auto\">\n {log.tokenCount} tokens\n </span>\n )}\n </div>\n <p className=\"text-xs text-text-secondary break-words line-clamp-3\">\n {log.message \|\| log.content}\n </p>\n </div>\n ))}\n </div>\n )}\n </div>\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;AAmBA,IAAM,IAAY;CAAC;CAAS;CAAU;CAAY;CAAS;CAAS;CAAW,EAEzE,IAAsC;CAC1C,OAAO;CACP,QAAQ;CACR,UAAU;CACV,OAAO;CACP,OAAO;CACP,UAAU;CACX;AAED,SAAgB,EAAiB,EAAE,cAAW,~~cAAkC~~;~~CAC9E~~,IAAM,IAAK,GAAO,EACZ,CAAC,GAAM,KAAW,EAAyB,EAAE,CAAC,EAC9C,CAAC,GAAS,KAAc,EAAS,GAAK,EACtC,CAAC,GAAO,KAAY,EAAwB,KAAK,EACjD,CAAC,GAAa,KAAkB,EAAsB,IAAI,IAAI,EAAU,CAAC,EACzE,CAAC,GAAa,KAAkB,EAAS,GAAM,EAC/C,IAAc,EAA8C,KAAK,EAEjE,IAAW,EAAY,YAAY;AACvC,MAAI;AAGF,GADA,EADa,MAAM,EAAiB,~~GAAS~~,GAAW,EAAE,OAAO,KAAK,CAAC,~~CAC1D~~,EACb,EAAS,KAAK;WACP,GAAK;AAIZ,GAAI,EAAuB,EAAI,IAC7B,EAAQ,EAAE,CAAC,EACX,EAAS,KAAK,IAEd,EAAS,aAAe,QAAQ,EAAI,UAAU,sBAAsB;YAE9D;AACR,KAAW,GAAM;;IAElB,CAAC,~~GAAS~~,EAAU,CAAC;~~AAOxB~~,CALA,QAAgB;AAEd,EADA,EAAW,GAAK,EAChB,GAAU;IACT,CAAC,EAAS,CAAC,EAEd,SACM,MACF,EAAY,UAAU,YAAY,GAAU,IAAK,SAEtC;AACX,EAEE,EAAY,aADZ,cAAc,EAAY,QAAQ,EACZ;KAGzB,CAAC,GAAa,EAAS,CAAC;CAE3B,IAAM,IAAa,GAAa,MAAiB;AAC/C,KAAgB,MAAS;GACvB,IAAM,IAAO,IAAI,IAAI,EAAK;AAM1B,UALI,EAAK,IAAI,EAAK,GAChB,EAAK,OAAO,EAAK,GAEjB,EAAK,IAAI,EAAK,EAET;IACP;IACD,EAAE,CAAC,EAEA,IAAe,EAAK,QAAQ,MAAQ,EAAY,IAAI,EAAI,KAAK,CAAC;AAKpE,QAHI,IAAgB,kBAAC,GAAD,EAAc,SAAQ,mBAAoB,CAAA,GAC1D,IAAc,kBAAC,GAAD;EAAY,SAAS;EAAO,SAAS;EAAY,CAAA,GAGjE,kBAAC,OAAD;EAAK,WAAU;YAAf,CAEE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,EAAU,KAAK,MACd,kBAAC,UAAD;KAEE,MAAK;KACL,eAAe,EAAW,EAAK;KAC/B,WAAW,sEACT,EAAY,IAAI,EAAK,GACjB,EAAY,KACZ;eAGL;KACM,EAVF,EAUE,CACT;IACF,kBAAC,OAAD,EAAK,WAAU,UAAW,CAAA;IAC1B,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,GAAgB,MAAS,CAAC,EAAK;KAC9C,WAAW,iCACT,IACI,qDACA;KAEN,OACE,IACI,EAAG,qDAAqD,uBAAuB,GAC/E,EAAG,oDAAoD,sBAAsB;eAGnF,kBAAC,GAAD,EAAW,WAAW,eAAe,IAAc,iBAAiB,MAAQ,CAAA;KACrE,CAAA;IACL;MAGN,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAa,WAAW,IACvB,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAK,WAAW,IACb,EACE,wCACA,0DACD,GACD,EACE,8CACA,qCACD;IACD,CAAA,GAEN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAa,KAAK,MACjB,kBAAC,OAAD;KAAkB,WAAU;eAA5B,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,QAAD;QACE,WAAW,iDAAiD,EAAY,EAAI,SAAS;kBAEpF,EAAI;QACA,CAAA;OACP,kBAAC,QAAD;QAAM,WAAU;kBACb,IAAI,KAAK,EAAI,UAAU,CAAC,oBAAoB;QACxC,CAAA;OACN,EAAI,cAAc,QACjB,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CACG,EAAI,YAAW,UACX;;OAEL;SACN,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAI,WAAW,EAAI;MAClB,CAAA,CACA;OAnBI,EAAI,GAmBR,CACN;IACE,CAAA;GAEJ,CAAA,CACF"}
1	+ {"version":3,"file":"SessionLogsPanel.js","names":[],"sources":["../../../../src/components/agent-manager/detail/SessionLogsPanel.tsx"],"sourcesContent":["/*\n Session logs viewer panel.\n \n Fetches and displays logs for a session with type filtering\n * and optional auto-refresh.\n /\n\nimport { useState, useEffect, useCallback, useRef } from 'react';\nimport { RefreshCw } from 'lucide-react';\nimport { LoadingState, ErrorState } from '@/components/shared';\nimport { fetchSessionLogs, type AISessionLog, type AgentRef } from '@/services/aiApi';\nimport { isSessionNotFoundError } from '@/utils/aiSessionNotFound';\nimport { useTr } from '../../../shared/hooks/useTr';\n\ninterface SessionLogsPanelProps {\n sessionId: string;\n agent: AgentRef;\n}\n\nconst LOG_TYPES = ['input', 'output', 'thinking', 'event', 'error', 'metadata'] as const;\n\nconst TYPE_COLORS: Record<string, string> = {\n input: 'bg-action-primary-bg/10 text-action-primary-text',\n output: 'bg-status-success-bg/10 text-status-success-text',\n thinking: 'bg-status-warning-bg/10 text-status-warning-text',\n event: 'bg-bg-elevated text-text-secondary',\n error: 'bg-status-error-bg/10 text-status-error-text',\n metadata: 'bg-bg-sunken text-text-tertiary',\n};\n\nexport function SessionLogsPanel({ sessionId, agent }: SessionLogsPanelProps) {\n const tr = useTr();\n const [logs, setLogs] = useState<AISessionLog[]>([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState<string \| null>(null);\n const [activeTypes, setActiveTypes] = useState<Set<string>>(new Set(LOG_TYPES));\n const [autoRefresh, setAutoRefresh] = useState(false);\n const intervalRef = useRef<ReturnType<typeof setInterval> \| null>(null);\n\n const loadLogs = useCallback(async () => {\n try {\n const data = await fetchSessionLogs(agent, sessionId, { limit: 100 });\n setLogs(data);\n setError(null);\n } catch (err) {\n // Until the user sends the first message the agent has no\n // record of this session, so /api/ai/sessions/:id/logs 404s.\n // Render that as an empty list with a hint, not as an error.\n if (isSessionNotFoundError(err)) {\n setLogs([]);\n setError(null);\n } else {\n setError(err instanceof Error ? err.message : 'Failed to load logs');\n }\n } finally {\n setLoading(false);\n }\n }, [agent, sessionId]);\n\n useEffect(() => {\n setLoading(true);\n loadLogs();\n }, [loadLogs]);\n\n useEffect(() => {\n if (autoRefresh) {\n intervalRef.current = setInterval(loadLogs, 5000);\n }\n return () => {\n if (intervalRef.current) {\n clearInterval(intervalRef.current);\n intervalRef.current = null;\n }\n };\n }, [autoRefresh, loadLogs]);\n\n const toggleType = useCallback((type: string) => {\n setActiveTypes((prev) => {\n const next = new Set(prev);\n if (next.has(type)) {\n next.delete(type);\n } else {\n next.add(type);\n }\n return next;\n });\n }, []);\n\n const filteredLogs = logs.filter((log) => activeTypes.has(log.type));\n\n if (loading) return <LoadingState message=\"Loading logs...\" />;\n if (error) return <ErrorState message={error} onRetry={loadLogs} />;\n\n return (\n <div className=\"flex flex-col h-full\">\n {/ Filter bar /}\n <div className=\"flex items-center gap-1.5 p-2 border-b border-border-default flex-wrap\">\n {LOG_TYPES.map((type) => (\n <button\n key={type}\n type=\"button\"\n onClick={() => toggleType(type)}\n className={`px-2 py-0.5 text-[10px] font-medium rounded-full transition-colors ${\n activeTypes.has(type)\n ? TYPE_COLORS[type]\n : 'bg-bg-sunken text-text-tertiary opacity-50'\n }`}\n >\n {type}\n </button>\n ))}\n <div className=\"flex-1\" />\n <button\n type=\"button\"\n onClick={() => setAutoRefresh((prev) => !prev)}\n className={`p-1 rounded transition-colors ${\n autoRefresh\n ? 'text-action-primary-text bg-action-primary-bg/10'\n : 'text-text-tertiary hover:text-text-secondary'\n }`}\n title={\n autoRefresh\n ? tr('vibecontrols.agentManager.logs.disableAutoRefresh', 'Disable auto-refresh')\n : tr('vibecontrols.agentManager.logs.enableAutoRefresh', 'Enable auto-refresh')\n }\n >\n <RefreshCw className={`w-3.5 h-3.5 ${autoRefresh ? 'animate-spin' : ''}`} />\n </button>\n </div>\n\n {/ Logs list */}\n <div className=\"flex-1 overflow-y-auto\">\n {filteredLogs.length === 0 ? (\n <div className=\"p-4 text-center text-sm text-text-tertiary\">\n {logs.length === 0\n ? tr(\n 'vibecontrols.agentManager.logs.empty',\n 'Logs will appear here after you send the first message.'\n )\n : tr(\n 'vibecontrols.agentManager.logs.noLogsMatch',\n 'No logs match the selected filters'\n )}\n </div>\n ) : (\n <div className=\"divide-y divide-border-default\">\n {filteredLogs.map((log) => (\n <div key={log.id} className=\"px-3 py-2\">\n <div className=\"flex items-center gap-2 mb-1\">\n <span\n className={`px-1.5 py-0.5 text-[10px] font-medium rounded ${TYPE_COLORS[log.type] ?? 'bg-bg-sunken text-text-tertiary'}`}\n >\n {log.type}\n </span>\n <span className=\"text-[10px] text-text-tertiary\">\n {new Date(log.timestamp).toLocaleTimeString()}\n </span>\n {log.tokenCount != null && (\n <span className=\"text-[10px] text-text-tertiary ml-auto\">\n {log.tokenCount} tokens\n </span>\n )}\n </div>\n <p className=\"text-xs text-text-secondary break-words line-clamp-3\">\n {log.message \|\| log.content}\n </p>\n </div>\n ))}\n </div>\n )}\n </div>\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;AAmBA,IAAM,IAAY;CAAC;CAAS;CAAU;CAAY;CAAS;CAAS;CAAW,EAEzE,IAAsC;CAC1C,OAAO;CACP,QAAQ;CACR,UAAU;CACV,OAAO;CACP,OAAO;CACP,UAAU;CACX;AAED,SAAgB,EAAiB,EAAE,cAAW,YAAgC;CAC5E,IAAM,IAAK,GAAO,EACZ,CAAC,GAAM,KAAW,EAAyB,EAAE,CAAC,EAC9C,CAAC,GAAS,KAAc,EAAS,GAAK,EACtC,CAAC,GAAO,KAAY,EAAwB,KAAK,EACjD,CAAC,GAAa,KAAkB,EAAsB,IAAI,IAAI,EAAU,CAAC,EACzE,CAAC,GAAa,KAAkB,EAAS,GAAM,EAC/C,IAAc,EAA8C,KAAK,EAEjE,IAAW,EAAY,YAAY;AACvC,MAAI;AAGF,GADA,EADa,MAAM,EAAiB,GAAO,GAAW,EAAE,OAAO,KAAK,CAAC,CACxD,EACb,EAAS,KAAK;WACP,GAAK;AAIZ,GAAI,EAAuB,EAAI,IAC7B,EAAQ,EAAE,CAAC,EACX,EAAS,KAAK,IAEd,EAAS,aAAe,QAAQ,EAAI,UAAU,sBAAsB;YAE9D;AACR,KAAW,GAAM;;IAElB,CAAC,GAAO,EAAU,CAAC;AAOtB,CALA,QAAgB;AAEd,EADA,EAAW,GAAK,EAChB,GAAU;IACT,CAAC,EAAS,CAAC,EAEd,SACM,MACF,EAAY,UAAU,YAAY,GAAU,IAAK,SAEtC;AACX,EAEE,EAAY,aADZ,cAAc,EAAY,QAAQ,EACZ;KAGzB,CAAC,GAAa,EAAS,CAAC;CAE3B,IAAM,IAAa,GAAa,MAAiB;AAC/C,KAAgB,MAAS;GACvB,IAAM,IAAO,IAAI,IAAI,EAAK;AAM1B,UALI,EAAK,IAAI,EAAK,GAChB,EAAK,OAAO,EAAK,GAEjB,EAAK,IAAI,EAAK,EAET;IACP;IACD,EAAE,CAAC,EAEA,IAAe,EAAK,QAAQ,MAAQ,EAAY,IAAI,EAAI,KAAK,CAAC;AAKpE,QAHI,IAAgB,kBAAC,GAAD,EAAc,SAAQ,mBAAoB,CAAA,GAC1D,IAAc,kBAAC,GAAD;EAAY,SAAS;EAAO,SAAS;EAAY,CAAA,GAGjE,kBAAC,OAAD;EAAK,WAAU;YAAf,CAEE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,EAAU,KAAK,MACd,kBAAC,UAAD;KAEE,MAAK;KACL,eAAe,EAAW,EAAK;KAC/B,WAAW,sEACT,EAAY,IAAI,EAAK,GACjB,EAAY,KACZ;eAGL;KACM,EAVF,EAUE,CACT;IACF,kBAAC,OAAD,EAAK,WAAU,UAAW,CAAA;IAC1B,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,GAAgB,MAAS,CAAC,EAAK;KAC9C,WAAW,iCACT,IACI,qDACA;KAEN,OACE,IACI,EAAG,qDAAqD,uBAAuB,GAC/E,EAAG,oDAAoD,sBAAsB;eAGnF,kBAAC,GAAD,EAAW,WAAW,eAAe,IAAc,iBAAiB,MAAQ,CAAA;KACrE,CAAA;IACL;MAGN,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAa,WAAW,IACvB,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAK,WAAW,IACb,EACE,wCACA,0DACD,GACD,EACE,8CACA,qCACD;IACD,CAAA,GAEN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAa,KAAK,MACjB,kBAAC,OAAD;KAAkB,WAAU;eAA5B,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,QAAD;QACE,WAAW,iDAAiD,EAAY,EAAI,SAAS;kBAEpF,EAAI;QACA,CAAA;OACP,kBAAC,QAAD;QAAM,WAAU;kBACb,IAAI,KAAK,EAAI,UAAU,CAAC,oBAAoB;QACxC,CAAA;OACN,EAAI,cAAc,QACjB,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CACG,EAAI,YAAW,UACX;;OAEL;SACN,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAI,WAAW,EAAI;MAClB,CAAA,CACA;OAnBI,EAAI,GAmBR,CACN;IACE,CAAA;GAEJ,CAAA,CACF"}

package/dist/components/agent-manager/detail/SessionStatsPanel.js CHANGED Viewed

@@ -9,7 +9,7 @@ import { useCallback as o, useEffect as s, useState as c } from "react";
 import { ArrowDownToLine as l, ArrowUpFromLine as u, Clock as d, Hash as f, Zap as p } from "lucide-react";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/agent-manager/detail/SessionStatsPanel.tsx
-function g({ sessionId: g, agentId: _ }) {
+function g({ sessionId: g, agent: _ }) {
 	let v = e(), [y, b] = c(null), [x, S] = c(!0), [C, w] = c(null), T = o(async () => {
 		try {
 			b(await i(_, g)), w(null);

package/dist/components/agent-manager/detail/SessionStatsPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SessionStatsPanel.js","names":[],"sources":["../../../../src/components/agent-manager/detail/SessionStatsPanel.tsx"],"sourcesContent":["/*\n Session token usage statistics panel.\n \n Fetches stats via fetchSessionStats and renders them as StatCards.\n */\n\nimport { useState, useEffect, useCallback } from 'react';\nimport { Zap, ArrowDownToLine, ArrowUpFromLine, Clock, Hash } from 'lucide-react';\nimport { LoadingState, ErrorState, StatCard } from '@/components/shared';\nimport { fetchSessionStats, type AISessionStats } from '@/services/aiApi';\nimport { isSessionNotFoundError } from '@/utils/aiSessionNotFound';\nimport { useTr } from '../../../shared/hooks/useTr';\n\ninterface SessionStatsPanelProps {\n sessionId: string;\n ~~agentId~~: ~~string~~;\n}\n\nexport function SessionStatsPanel({ sessionId, ~~agentId~~ }: SessionStatsPanelProps) {\n const tr = useTr();\n const [stats, setStats] = useState<AISessionStats \| null>(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState<string \| null>(null);\n\n const loadStats = useCallback(async () => {\n try {\n const data = await fetchSessionStats(~~agentId~~, sessionId);\n setStats(data);\n setError(null);\n } catch (err) {\n // Pre-first-message: session not yet known to the agent — render\n // an empty/zero state instead of an error toast.\n if (isSessionNotFoundError(err)) {\n setStats(null);\n setError(null);\n } else {\n setError(err instanceof Error ? err.message : 'Failed to load stats');\n }\n } finally {\n setLoading(false);\n }\n }, [~~agentId~~, sessionId]);\n\n useEffect(() => {\n setLoading(true);\n loadStats();\n }, [loadStats]);\n\n if (loading) return <LoadingState message=\"Loading stats...\" />;\n if (error) return <ErrorState message={error} onRetry={loadStats} />;\n if (!stats) {\n return (\n <div className=\"p-4 text-center text-sm text-text-tertiary\">\n {tr(\n 'vibecontrols.agentManager.stats.empty',\n 'Stats will appear here after you send the first message.'\n )}\n </div>\n );\n }\n\n const avgLatencyMs = stats.averageLatency ?? 0;\n const avgLatencyDisplay =\n avgLatencyMs > 1000 ? `${(avgLatencyMs / 1000).toFixed(1)}s` : `${Math.round(avgLatencyMs)}ms`;\n\n return (\n <div className=\"p-3 space-y-3\">\n <StatCard\n title={tr('vibecontrols.agentManager.stats.totalTokens', 'Total Tokens')}\n value={stats.totalTokens}\n icon={<Zap />}\n />\n <StatCard\n title={tr('vibecontrols.agentManager.stats.inputTokens', 'Input Tokens')}\n value={stats.inputTokens}\n icon={<ArrowDownToLine />}\n />\n <StatCard\n title={tr('vibecontrols.agentManager.stats.outputTokens', 'Output Tokens')}\n value={stats.outputTokens}\n icon={<ArrowUpFromLine />}\n />\n <StatCard\n title={tr('vibecontrols.agentManager.stats.requests', 'Requests')}\n value={stats.promptCount}\n icon={<Hash />}\n />\n <StatCard\n title={tr('vibecontrols.agentManager.stats.avgLatency', 'Avg Latency')}\n value={avgLatencyDisplay}\n icon={<Clock />}\n />\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;AAkBA,SAAgB,EAAkB,EAAE,cAAW,~~cAAmC~~;~~CAChF~~,IAAM,IAAK,GAAO,EACZ,CAAC,GAAO,KAAY,EAAgC,KAAK,EACzD,CAAC,GAAS,KAAc,EAAS,GAAK,EACtC,CAAC,GAAO,KAAY,EAAwB,KAAK,EAEjD,IAAY,EAAY,YAAY;AACxC,MAAI;AAGF,GADA,EADa,MAAM,EAAkB,~~GAAS~~,EAAU,~~CAC1C~~,EACd,EAAS,KAAK;WACP,GAAK;AAGZ,GAAI,EAAuB,EAAI,IAC7B,EAAS,KAAK,EACd,EAAS,KAAK,IAEd,EAAS,aAAe,QAAQ,EAAI,UAAU,uBAAuB;YAE/D;AACR,KAAW,GAAM;;IAElB,CAAC,~~GAAS~~,EAAU,CAAC;~~AAOxB~~,KALA,QAAgB;AAEd,EADA,EAAW,GAAK,EAChB,GAAW;IACV,CAAC,EAAU,CAAC,EAEX,EAAS,QAAO,kBAAC,GAAD,EAAc,SAAQ,oBAAqB,CAAA;AAC/D,KAAI,EAAO,QAAO,kBAAC,GAAD;EAAY,SAAS;EAAO,SAAS;EAAa,CAAA;AACpE,KAAI,CAAC,EACH,QACE,kBAAC,OAAD;EAAK,WAAU;YACZ,EACC,yCACA,2DACD;EACG,CAAA;CAIV,IAAM,IAAe,EAAM,kBAAkB,GACvC,IACJ,IAAe,MAAO,IAAI,IAAe,KAAM,QAAQ,EAAE,CAAC,KAAK,GAAG,KAAK,MAAM,EAAa,CAAC;AAE7F,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD;IACE,OAAO,EAAG,+CAA+C,eAAe;IACxE,OAAO,EAAM;IACb,MAAM,kBAAC,GAAD,EAAO,CAAA;IACb,CAAA;GACF,kBAAC,GAAD;IACE,OAAO,EAAG,+CAA+C,eAAe;IACxE,OAAO,EAAM;IACb,MAAM,kBAAC,GAAD,EAAmB,CAAA;IACzB,CAAA;GACF,kBAAC,GAAD;IACE,OAAO,EAAG,gDAAgD,gBAAgB;IAC1E,OAAO,EAAM;IACb,MAAM,kBAAC,GAAD,EAAmB,CAAA;IACzB,CAAA;GACF,kBAAC,GAAD;IACE,OAAO,EAAG,4CAA4C,WAAW;IACjE,OAAO,EAAM;IACb,MAAM,kBAAC,GAAD,EAAQ,CAAA;IACd,CAAA;GACF,kBAAC,GAAD;IACE,OAAO,EAAG,8CAA8C,cAAc;IACtE,OAAO;IACP,MAAM,kBAAC,GAAD,EAAS,CAAA;IACf,CAAA;GACE"}
1	+ {"version":3,"file":"SessionStatsPanel.js","names":[],"sources":["../../../../src/components/agent-manager/detail/SessionStatsPanel.tsx"],"sourcesContent":["/*\n Session token usage statistics panel.\n \n Fetches stats via fetchSessionStats and renders them as StatCards.\n */\n\nimport { useState, useEffect, useCallback } from 'react';\nimport { Zap, ArrowDownToLine, ArrowUpFromLine, Clock, Hash } from 'lucide-react';\nimport { LoadingState, ErrorState, StatCard } from '@/components/shared';\nimport { fetchSessionStats, type AISessionStats, type AgentRef } from '@/services/aiApi';\nimport { isSessionNotFoundError } from '@/utils/aiSessionNotFound';\nimport { useTr } from '../../../shared/hooks/useTr';\n\ninterface SessionStatsPanelProps {\n sessionId: string;\n agent: AgentRef;\n}\n\nexport function SessionStatsPanel({ sessionId, agent }: SessionStatsPanelProps) {\n const tr = useTr();\n const [stats, setStats] = useState<AISessionStats \| null>(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState<string \| null>(null);\n\n const loadStats = useCallback(async () => {\n try {\n const data = await fetchSessionStats(agent, sessionId);\n setStats(data);\n setError(null);\n } catch (err) {\n // Pre-first-message: session not yet known to the agent — render\n // an empty/zero state instead of an error toast.\n if (isSessionNotFoundError(err)) {\n setStats(null);\n setError(null);\n } else {\n setError(err instanceof Error ? err.message : 'Failed to load stats');\n }\n } finally {\n setLoading(false);\n }\n }, [agent, sessionId]);\n\n useEffect(() => {\n setLoading(true);\n loadStats();\n }, [loadStats]);\n\n if (loading) return <LoadingState message=\"Loading stats...\" />;\n if (error) return <ErrorState message={error} onRetry={loadStats} />;\n if (!stats) {\n return (\n <div className=\"p-4 text-center text-sm text-text-tertiary\">\n {tr(\n 'vibecontrols.agentManager.stats.empty',\n 'Stats will appear here after you send the first message.'\n )}\n </div>\n );\n }\n\n const avgLatencyMs = stats.averageLatency ?? 0;\n const avgLatencyDisplay =\n avgLatencyMs > 1000 ? `${(avgLatencyMs / 1000).toFixed(1)}s` : `${Math.round(avgLatencyMs)}ms`;\n\n return (\n <div className=\"p-3 space-y-3\">\n <StatCard\n title={tr('vibecontrols.agentManager.stats.totalTokens', 'Total Tokens')}\n value={stats.totalTokens}\n icon={<Zap />}\n />\n <StatCard\n title={tr('vibecontrols.agentManager.stats.inputTokens', 'Input Tokens')}\n value={stats.inputTokens}\n icon={<ArrowDownToLine />}\n />\n <StatCard\n title={tr('vibecontrols.agentManager.stats.outputTokens', 'Output Tokens')}\n value={stats.outputTokens}\n icon={<ArrowUpFromLine />}\n />\n <StatCard\n title={tr('vibecontrols.agentManager.stats.requests', 'Requests')}\n value={stats.promptCount}\n icon={<Hash />}\n />\n <StatCard\n title={tr('vibecontrols.agentManager.stats.avgLatency', 'Avg Latency')}\n value={avgLatencyDisplay}\n icon={<Clock />}\n />\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;AAkBA,SAAgB,EAAkB,EAAE,cAAW,YAAiC;CAC9E,IAAM,IAAK,GAAO,EACZ,CAAC,GAAO,KAAY,EAAgC,KAAK,EACzD,CAAC,GAAS,KAAc,EAAS,GAAK,EACtC,CAAC,GAAO,KAAY,EAAwB,KAAK,EAEjD,IAAY,EAAY,YAAY;AACxC,MAAI;AAGF,GADA,EADa,MAAM,EAAkB,GAAO,EAAU,CACxC,EACd,EAAS,KAAK;WACP,GAAK;AAGZ,GAAI,EAAuB,EAAI,IAC7B,EAAS,KAAK,EACd,EAAS,KAAK,IAEd,EAAS,aAAe,QAAQ,EAAI,UAAU,uBAAuB;YAE/D;AACR,KAAW,GAAM;;IAElB,CAAC,GAAO,EAAU,CAAC;AAOtB,KALA,QAAgB;AAEd,EADA,EAAW,GAAK,EAChB,GAAW;IACV,CAAC,EAAU,CAAC,EAEX,EAAS,QAAO,kBAAC,GAAD,EAAc,SAAQ,oBAAqB,CAAA;AAC/D,KAAI,EAAO,QAAO,kBAAC,GAAD;EAAY,SAAS;EAAO,SAAS;EAAa,CAAA;AACpE,KAAI,CAAC,EACH,QACE,kBAAC,OAAD;EAAK,WAAU;YACZ,EACC,yCACA,2DACD;EACG,CAAA;CAIV,IAAM,IAAe,EAAM,kBAAkB,GACvC,IACJ,IAAe,MAAO,IAAI,IAAe,KAAM,QAAQ,EAAE,CAAC,KAAK,GAAG,KAAK,MAAM,EAAa,CAAC;AAE7F,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD;IACE,OAAO,EAAG,+CAA+C,eAAe;IACxE,OAAO,EAAM;IACb,MAAM,kBAAC,GAAD,EAAO,CAAA;IACb,CAAA;GACF,kBAAC,GAAD;IACE,OAAO,EAAG,+CAA+C,eAAe;IACxE,OAAO,EAAM;IACb,MAAM,kBAAC,GAAD,EAAmB,CAAA;IACzB,CAAA;GACF,kBAAC,GAAD;IACE,OAAO,EAAG,gDAAgD,gBAAgB;IAC1E,OAAO,EAAM;IACb,MAAM,kBAAC,GAAD,EAAmB,CAAA;IACzB,CAAA;GACF,kBAAC,GAAD;IACE,OAAO,EAAG,4CAA4C,WAAW;IACjE,OAAO,EAAM;IACb,MAAM,kBAAC,GAAD,EAAQ,CAAA;IACd,CAAA;GACF,kBAAC,GAAD;IACE,OAAO,EAAG,8CAA8C,cAAc;IACtE,OAAO;IACP,MAAM,kBAAC,GAAD,EAAS,CAAA;IACf,CAAA;GACE"}

package/dist/components/agent-manager/detail/SessionToolsPanel.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { useCallback as i, useEffect as a, useState as o } from "react";
 import { CheckCircle as s, Circle as c, Wrench as l } from "lucide-react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/agent-manager/detail/SessionToolsPanel.tsx
-function f({ agentId: f }) {
+function f({ agent: f }) {
 	let p = e(), [m, h] = o([]), [g, _] = o(!0), [v, y] = o(null), b = i(async () => {
 		try {
 			h(await r(f)), y(null);

package/dist/components/agent-manager/detail/SessionToolsPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SessionToolsPanel.js","names":[],"sources":["../../../../src/components/agent-manager/detail/SessionToolsPanel.tsx"],"sourcesContent":["/*\n Session tools list panel.\n \n Fetches available tools from the agent and renders them as a list\n * with installed status badges and version info.\n */\n\nimport { useState, useEffect, useCallback } from 'react';\nimport { Wrench, CheckCircle, Circle } from 'lucide-react';\nimport { LoadingState, ErrorState } from '@/components/shared';\nimport { fetchTools, type AITool } from '@/services/aiApi';\nimport { useTr } from '../../../shared/hooks/useTr';\n\ninterface SessionToolsPanelProps {\n ~~agentId~~: ~~string~~;\n}\n\nexport function SessionToolsPanel({ ~~agentId~~ }: SessionToolsPanelProps) {\n const tr = useTr();\n const [tools, setTools] = useState<AITool[]>([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState<string \| null>(null);\n\n const loadTools = useCallback(async () => {\n try {\n const data = await fetchTools(~~agentId~~);\n setTools(data);\n setError(null);\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to load tools');\n } finally {\n setLoading(false);\n }\n }, [~~agentId~~]);\n\n useEffect(() => {\n setLoading(true);\n loadTools();\n }, [loadTools]);\n\n if (loading) return <LoadingState message=\"Loading tools...\" />;\n if (error) return <ErrorState message={error} onRetry={loadTools} />;\n\n if (tools.length === 0) {\n return (\n <div className=\"flex flex-col items-center justify-center p-6 text-center\">\n <Wrench className=\"w-8 h-8 text-text-tertiary mb-2\" />\n <p className=\"text-sm text-text-tertiary\">\n {tr('vibecontrols.agentManager.tools.noToolsAvailable', 'No tools available')}\n </p>\n </div>\n );\n }\n\n return (\n <div className=\"divide-y divide-border-default\">\n {tools.map((tool) => (\n <div key={tool.name} className=\"px-3 py-2.5\">\n <div className=\"flex items-center gap-2\">\n <span className=\"flex-1 text-sm font-medium text-text-primary truncate\">\n {tool.displayName \|\| tool.name}\n </span>\n {tool.installed ? (\n <span className=\"flex items-center gap-1 px-1.5 py-0.5 text-[10px] font-medium rounded-full bg-status-success-bg/10 text-status-success-text\">\n <CheckCircle className=\"w-3 h-3\" />\n {tr('vibecontrols.agentManager.tools.installed', 'Installed')}\n </span>\n ) : (\n <span className=\"flex items-center gap-1 px-1.5 py-0.5 text-[10px] font-medium rounded-full bg-bg-sunken text-text-tertiary\">\n <Circle className=\"w-3 h-3\" />\n {tr('vibecontrols.agentManager.tools.notInstalled', 'Not installed')}\n </span>\n )}\n </div>\n <p className=\"text-xs text-text-secondary mt-0.5 line-clamp-2\">{tool.description}</p>\n {tool.version && (\n <span className=\"text-[10px] text-text-tertiary mt-0.5 inline-block\">\n v{tool.version}\n </span>\n )}\n </div>\n ))}\n </div>\n );\n}\n"],"mappings":";;;;;;;;;AAiBA,SAAgB,EAAkB,EAAE,~~cAAmC~~;~~CACrE~~,IAAM,IAAK,GAAO,EACZ,CAAC,GAAO,KAAY,EAAmB,EAAE,CAAC,EAC1C,CAAC,GAAS,KAAc,EAAS,GAAK,EACtC,CAAC,GAAO,KAAY,EAAwB,KAAK,EAEjD,IAAY,EAAY,YAAY;AACxC,MAAI;AAGF,GADA,EADa,MAAM,EAAW,~~EAAQ~~,~~CACxB~~,EACd,EAAS,KAAK;WACP,GAAK;AACZ,KAAS,aAAe,QAAQ,EAAI,UAAU,uBAAuB;YAC7D;AACR,KAAW,GAAM;;IAElB,CAAC,~~EAAQ~~,CAAC;~~AAqBb~~,QAnBA,QAAgB;AAEd,EADA,EAAW,GAAK,EAChB,GAAW;IACV,CAAC,EAAU,CAAC,EAEX,IAAgB,kBAAC,GAAD,EAAc,SAAQ,oBAAqB,CAAA,GAC3D,IAAc,kBAAC,GAAD;EAAY,SAAS;EAAO,SAAS;EAAa,CAAA,GAEhE,EAAM,WAAW,IAEjB,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,mCAAoC,CAAA,EACtD,kBAAC,KAAD;GAAG,WAAU;aACV,EAAG,oDAAoD,qBAAqB;GAC3E,CAAA,CACA;MAKR,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAM,KAAK,MACV,kBAAC,OAAD;GAAqB,WAAU;aAA/B;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAK,eAAe,EAAK;MACrB,CAAA,EACN,EAAK,YACJ,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACE,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA,EAClC,EAAG,6CAA6C,YAAY,CACxD;UAEP,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAC7B,EAAG,gDAAgD,gBAAgB,CAC/D;QAEL;;IACN,kBAAC,KAAD;KAAG,WAAU;eAAmD,EAAK;KAAgB,CAAA;IACpF,EAAK,WACJ,kBAAC,QAAD;KAAM,WAAU;eAAhB,CAAqE,KACjE,EAAK,QACF;;IAEL;KAvBI,EAAK,KAuBT,CACN;EACE,CAAA"}
1	+ {"version":3,"file":"SessionToolsPanel.js","names":[],"sources":["../../../../src/components/agent-manager/detail/SessionToolsPanel.tsx"],"sourcesContent":["/*\n Session tools list panel.\n \n Fetches available tools from the agent and renders them as a list\n * with installed status badges and version info.\n */\n\nimport { useState, useEffect, useCallback } from 'react';\nimport { Wrench, CheckCircle, Circle } from 'lucide-react';\nimport { LoadingState, ErrorState } from '@/components/shared';\nimport { fetchTools, type AITool, type AgentRef } from '@/services/aiApi';\nimport { useTr } from '../../../shared/hooks/useTr';\n\ninterface SessionToolsPanelProps {\n agent: AgentRef;\n}\n\nexport function SessionToolsPanel({ agent }: SessionToolsPanelProps) {\n const tr = useTr();\n const [tools, setTools] = useState<AITool[]>([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState<string \| null>(null);\n\n const loadTools = useCallback(async () => {\n try {\n const data = await fetchTools(agent);\n setTools(data);\n setError(null);\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to load tools');\n } finally {\n setLoading(false);\n }\n }, [agent]);\n\n useEffect(() => {\n setLoading(true);\n loadTools();\n }, [loadTools]);\n\n if (loading) return <LoadingState message=\"Loading tools...\" />;\n if (error) return <ErrorState message={error} onRetry={loadTools} />;\n\n if (tools.length === 0) {\n return (\n <div className=\"flex flex-col items-center justify-center p-6 text-center\">\n <Wrench className=\"w-8 h-8 text-text-tertiary mb-2\" />\n <p className=\"text-sm text-text-tertiary\">\n {tr('vibecontrols.agentManager.tools.noToolsAvailable', 'No tools available')}\n </p>\n </div>\n );\n }\n\n return (\n <div className=\"divide-y divide-border-default\">\n {tools.map((tool) => (\n <div key={tool.name} className=\"px-3 py-2.5\">\n <div className=\"flex items-center gap-2\">\n <span className=\"flex-1 text-sm font-medium text-text-primary truncate\">\n {tool.displayName \|\| tool.name}\n </span>\n {tool.installed ? (\n <span className=\"flex items-center gap-1 px-1.5 py-0.5 text-[10px] font-medium rounded-full bg-status-success-bg/10 text-status-success-text\">\n <CheckCircle className=\"w-3 h-3\" />\n {tr('vibecontrols.agentManager.tools.installed', 'Installed')}\n </span>\n ) : (\n <span className=\"flex items-center gap-1 px-1.5 py-0.5 text-[10px] font-medium rounded-full bg-bg-sunken text-text-tertiary\">\n <Circle className=\"w-3 h-3\" />\n {tr('vibecontrols.agentManager.tools.notInstalled', 'Not installed')}\n </span>\n )}\n </div>\n <p className=\"text-xs text-text-secondary mt-0.5 line-clamp-2\">{tool.description}</p>\n {tool.version && (\n <span className=\"text-[10px] text-text-tertiary mt-0.5 inline-block\">\n v{tool.version}\n </span>\n )}\n </div>\n ))}\n </div>\n );\n}\n"],"mappings":";;;;;;;;;AAiBA,SAAgB,EAAkB,EAAE,YAAiC;CACnE,IAAM,IAAK,GAAO,EACZ,CAAC,GAAO,KAAY,EAAmB,EAAE,CAAC,EAC1C,CAAC,GAAS,KAAc,EAAS,GAAK,EACtC,CAAC,GAAO,KAAY,EAAwB,KAAK,EAEjD,IAAY,EAAY,YAAY;AACxC,MAAI;AAGF,GADA,EADa,MAAM,EAAW,EAAM,CACtB,EACd,EAAS,KAAK;WACP,GAAK;AACZ,KAAS,aAAe,QAAQ,EAAI,UAAU,uBAAuB;YAC7D;AACR,KAAW,GAAM;;IAElB,CAAC,EAAM,CAAC;AAqBX,QAnBA,QAAgB;AAEd,EADA,EAAW,GAAK,EAChB,GAAW;IACV,CAAC,EAAU,CAAC,EAEX,IAAgB,kBAAC,GAAD,EAAc,SAAQ,oBAAqB,CAAA,GAC3D,IAAc,kBAAC,GAAD;EAAY,SAAS;EAAO,SAAS;EAAa,CAAA,GAEhE,EAAM,WAAW,IAEjB,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,mCAAoC,CAAA,EACtD,kBAAC,KAAD;GAAG,WAAU;aACV,EAAG,oDAAoD,qBAAqB;GAC3E,CAAA,CACA;MAKR,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAM,KAAK,MACV,kBAAC,OAAD;GAAqB,WAAU;aAA/B;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAK,eAAe,EAAK;MACrB,CAAA,EACN,EAAK,YACJ,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACE,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA,EAClC,EAAG,6CAA6C,YAAY,CACxD;UAEP,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAC7B,EAAG,gDAAgD,gBAAgB,CAC/D;QAEL;;IACN,kBAAC,KAAD;KAAG,WAAU;eAAmD,EAAK;KAAgB,CAAA;IACpF,EAAK,WACJ,kBAAC,QAAD;KAAM,WAAU;eAAhB,CAAqE,KACjE,EAAK,QACF;;IAEL;KAvBI,EAAK,KAuBT,CACN;EACE,CAAA"}

package/dist/components/agent-manager/dialogs/ExportSessionDialog.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { Download as i, X as a } from "lucide-react";
 import { AnimatePresence as o, motion as s, useReducedMotion as c } from "framer-motion";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/agent-manager/dialogs/ExportSessionDialog.tsx
-function d({ isOpen: d, sessionId: f, agentId: p, onClose: m }) {
+function d({ isOpen: d, sessionId: f, agent: p, onClose: m }) {
 	let [h, g] = r("json"), [_, v] = r(!1), [y, b] = r(null), x = c(), S = e(), C = n(async () => {
 		v(!0), b(null);
 		try {