@burdenoff/microfe-vibecontrols 2026.511.1

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

@@ -0,0 +1,250 @@
+import { useTr as e } from "../../../shared/hooks/useTr.js";
+import { LoadingState as t } from "../../shared/LoadingState.js";
+import { ErrorState as n } from "../../shared/ErrorState.js";
+import { ConfirmDialog as r } from "../../shared/ConfirmDialog.js";
+import "../../shared/index.js";
+import { fetchSessions as i, terminateSession as a, updateSessionConfig as o } from "../../../services/aiApi.js";
+import { useCallback as s, useEffect as c, useState as l } from "react";
+import { Save as u, Trash2 as d } from "lucide-react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/agent-manager/detail/SessionConfigPanel.tsx
+function m(e) {
+	return {
+		model: typeof e.model == "string" ? e.model : "",
+		systemPrompt: typeof e.systemPrompt == "string" ? e.systemPrompt : "",
+		maxTokens: typeof e.maxTokens == "number" ? e.maxTokens : null,
+		temperature: typeof e.temperature == "number" ? e.temperature : .7
+	};
+}
+function h(e, t) {
+	let n;
+	try {
+		n = JSON.parse(e);
+	} catch {
+		n = {};
+	}
+	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: _ }) {
+	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)));
+		} catch {}
+	}, []), R = s(async () => {
+		try {
+			let e = (await i(_)).find((e) => e.id === g);
+			if (e) {
+				b(e);
+				let t = JSON.stringify(e.config ?? {}, null, 2);
+				S(t), L(t);
+			} else b(null), S("{}"), L("{}");
+		} catch (e) {
+			A(e instanceof Error ? e.message : "Failed to load config");
+		} finally {
+			E(!1);
+		}
+	}, [
+		_,
+		g,
+		L
+	]);
+	c(() => {
+		E(!0), R();
+	}, [R]);
+	let z = s((e, t) => {
+		w((n) => {
+			let r = {
+				...n,
+				[e]: t
+			};
+			return S(h(x, r)), r;
+		});
+	}, [x]), B = s(async () => {
+		M(null);
+		let e;
+		try {
+			e = JSON.parse(x);
+		} catch {
+			M("Invalid JSON");
+			return;
+		}
+		O(!0);
+		try {
+			let t = await o(_, g, e);
+			b(t);
+			let n = JSON.stringify(t.config ?? {}, null, 2);
+			S(n), L(n);
+		} catch (e) {
+			A(e instanceof Error ? e.message : "Failed to save config");
+		} finally {
+			O(!1);
+		}
+	}, [
+		_,
+		g,
+		x,
+		L
+	]), V = s(async () => {
+		I(!0);
+		try {
+			await a(_, g), P(!1), await R();
+		} catch (e) {
+			A(e instanceof Error ? e.message : "Failed to terminate session");
+		} finally {
+			I(!1);
+		}
+	}, [
+		_,
+		g,
+		R
+	]);
+	if (T) return /* @__PURE__ */ f(t, { message: "Loading config..." });
+	if (k && !y) return /* @__PURE__ */ f(n, {
+		message: k,
+		onRetry: R
+	});
+	let H = y?.status === "terminated";
+	return /* @__PURE__ */ p("div", {
+		className: "flex flex-col h-full",
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: "flex-1 p-3 overflow-y-auto",
+				children: [
+					y && /* @__PURE__ */ p("div", {
+						className: "mb-3 flex items-center gap-2",
+						children: [/* @__PURE__ */ f("span", {
+							className: "text-xs text-text-tertiary",
+							children: "Status:"
+						}), /* @__PURE__ */ f("span", {
+							className: `px-2 py-0.5 text-xs font-medium rounded-full ${y.status === "active" ? "bg-status-success-bg/10 text-status-success-text" : y.status === "error" ? "bg-status-error-bg/10 text-status-error-text" : y.status === "terminated" ? "bg-bg-sunken text-text-tertiary" : "bg-status-warning-bg/10 text-status-warning-text"}`,
+							children: y.status
+						})]
+					}),
+					/* @__PURE__ */ p("div", {
+						className: "space-y-3 mb-4",
+						children: [
+							/* @__PURE__ */ f("h4", {
+								className: "text-xs font-semibold text-text-secondary uppercase tracking-wider",
+								children: v("vibecontrols.agentManager.config.quickSettings", "Quick Settings")
+							}),
+							/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+								className: "block text-xs text-text-secondary mb-1",
+								children: v("vibecontrols.agentManager.config.model", "Model")
+							}), /* @__PURE__ */ f("input", {
+								type: "text",
+								value: C.model,
+								onChange: (e) => z("model", e.target.value),
+								placeholder: "e.g., claude-sonnet-4-20250514",
+								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"
+							})] }),
+							/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+								className: "block text-xs text-text-secondary mb-1",
+								children: v("vibecontrols.agentManager.config.systemPrompt", "System Prompt")
+							}), /* @__PURE__ */ f("textarea", {
+								value: C.systemPrompt,
+								onChange: (e) => z("systemPrompt", e.target.value),
+								placeholder: "Instructions for the AI...",
+								rows: 2,
+								disabled: H,
+								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"
+							})] }),
+							/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+								className: "block text-xs text-text-secondary mb-1",
+								children: v("vibecontrols.agentManager.config.maxTokens", "Max Tokens")
+							}), /* @__PURE__ */ f("input", {
+								type: "number",
+								value: C.maxTokens ?? "",
+								onChange: (e) => z("maxTokens", e.target.value ? Number(e.target.value) : null),
+								placeholder: "4096",
+								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"
+							})] }),
+							/* @__PURE__ */ p("div", { children: [
+								/* @__PURE__ */ f("label", {
+									className: "block text-xs text-text-secondary mb-1",
+									children: v("vibecontrols.agentManager.config.temperature", "Temperature (0-1)")
+								}),
+								/* @__PURE__ */ f("input", {
+									type: "range",
+									min: "0",
+									max: "1",
+									step: "0.1",
+									value: C.temperature,
+									onChange: (e) => z("temperature", Number(e.target.value)),
+									disabled: H,
+									className: "w-full"
+								}),
+								/* @__PURE__ */ f("span", {
+									className: "text-xs text-text-tertiary",
+									children: C.temperature
+								})
+							] })
+						]
+					}),
+					/* @__PURE__ */ p("div", {
+						className: "border-t border-border-default pt-3",
+						children: [
+							/* @__PURE__ */ f("h4", {
+								className: "text-xs font-semibold text-text-secondary uppercase tracking-wider mb-2",
+								children: v("vibecontrols.agentManager.config.advancedJson", "Advanced (JSON)")
+							}),
+							/* @__PURE__ */ f("textarea", {
+								value: x,
+								onChange: (e) => {
+									S(e.target.value), M(null), L(e.target.value);
+								},
+								disabled: H,
+								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",
+								spellCheck: !1
+							}),
+							j && /* @__PURE__ */ f("p", {
+								className: "mt-1 text-xs text-status-error-text",
+								children: j
+							}),
+							k && y && /* @__PURE__ */ f("p", {
+								className: "mt-1 text-xs text-status-error-text",
+								children: k
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "flex items-center gap-2 p-3 border-t border-border-default",
+				children: [
+					/* @__PURE__ */ p("button", {
+						type: "button",
+						onClick: B,
+						disabled: D || H,
+						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",
+						children: [/* @__PURE__ */ f(u, { className: "w-3.5 h-3.5" }), D ? v("vibecontrols.agentManager.config.saving", "Saving...") : v("vibecontrols.agentManager.config.save", "Save")]
+					}),
+					/* @__PURE__ */ f("div", { className: "flex-1" }),
+					/* @__PURE__ */ p("button", {
+						type: "button",
+						onClick: () => P(!0),
+						disabled: H,
+						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",
+						children: [/* @__PURE__ */ f(d, { className: "w-3.5 h-3.5" }), v("vibecontrols.agentManager.config.terminate", "Terminate")]
+					})
+				]
+			}),
+			/* @__PURE__ */ f(r, {
+				isOpen: N,
+				onClose: () => P(!1),
+				onConfirm: V,
+				title: v("vibecontrols.agentManager.config.terminateSessionTitle", "Terminate Session"),
+				message: v("vibecontrols.agentManager.config.terminateConfirm", "Are you sure you want to terminate this session? This action cannot be undone."),
+				confirmLabel: v("vibecontrols.agentManager.config.terminate", "Terminate"),
+				variant: "danger",
+				isLoading: F
+			})
+		]
+	});
+}
+//#endregion
+export { g as SessionConfigPanel };
+
+//# sourceMappingURL=SessionConfigPanel.js.map

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

@@ -0,0 +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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"}

package/dist/components/agent-manager/detail/SessionLogsPanel.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Session logs viewer panel.
+ *
+ * Fetches and displays logs for a session with type filtering
+ * and optional auto-refresh.
+ */
+interface SessionLogsPanelProps {
+    sessionId: string;
+    agentId: string;
+}
+export declare function SessionLogsPanel({ sessionId, agentId }: SessionLogsPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SessionLogsPanel.d.ts.map

package/dist/components/agent-manager/detail/SessionLogsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionLogsPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/agent-manager/detail/SessionLogsPanel.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AASH,UAAU,qBAAqB;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB;AAaD,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,qBAAqB,2CA+I7E"}

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

@@ -0,0 +1,107 @@
+import { useTr as e } from "../../../shared/hooks/useTr.js";
+import { LoadingState as t } from "../../shared/LoadingState.js";
+import { ErrorState as n } from "../../shared/ErrorState.js";
+import "../../shared/index.js";
+import { fetchSessionLogs as r } from "../../../services/aiApi.js";
+import { isSessionNotFoundError as i } from "../../../utils/aiSessionNotFound.js";
+import { useCallback as a, useEffect as o, useRef as s, useState as c } from "react";
+import { RefreshCw as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/agent-manager/detail/SessionLogsPanel.tsx
+var f = [
+	"input",
+	"output",
+	"thinking",
+	"event",
+	"error",
+	"metadata"
+], p = {
+	input: "bg-action-primary-bg/10 text-action-primary-text",
+	output: "bg-status-success-bg/10 text-status-success-text",
+	thinking: "bg-status-warning-bg/10 text-status-warning-text",
+	event: "bg-bg-elevated text-text-secondary",
+	error: "bg-status-error-bg/10 text-status-error-text",
+	metadata: "bg-bg-sunken text-text-tertiary"
+};
+function m({ sessionId: m, agentId: 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);
+		} catch (e) {
+			i(e) ? (v([]), S(null)) : S(e instanceof Error ? e.message : "Failed to load logs");
+		} finally {
+			b(!1);
+		}
+	}, [h, m]);
+	o(() => {
+		b(!0), O();
+	}, [O]), o(() => (T && (D.current = setInterval(O, 5e3)), () => {
+		D.current &&= (clearInterval(D.current), null);
+	}), [T, O]);
+	let k = a((e) => {
+		w((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	}, []), A = _.filter((e) => C.has(e.type));
+	return y ? /* @__PURE__ */ u(t, { message: "Loading logs..." }) : x ? /* @__PURE__ */ u(n, {
+		message: x,
+		onRetry: O
+	}) : /* @__PURE__ */ d("div", {
+		className: "flex flex-col h-full",
+		children: [/* @__PURE__ */ d("div", {
+			className: "flex items-center gap-1.5 p-2 border-b border-border-default flex-wrap",
+			children: [
+				f.map((e) => /* @__PURE__ */ u("button", {
+					type: "button",
+					onClick: () => k(e),
+					className: `px-2 py-0.5 text-[10px] font-medium rounded-full transition-colors ${C.has(e) ? p[e] : "bg-bg-sunken text-text-tertiary opacity-50"}`,
+					children: e
+				}, e)),
+				/* @__PURE__ */ u("div", { className: "flex-1" }),
+				/* @__PURE__ */ u("button", {
+					type: "button",
+					onClick: () => E((e) => !e),
+					className: `p-1 rounded transition-colors ${T ? "text-action-primary-text bg-action-primary-bg/10" : "text-text-tertiary hover:text-text-secondary"}`,
+					title: T ? g("vibecontrols.agentManager.logs.disableAutoRefresh", "Disable auto-refresh") : g("vibecontrols.agentManager.logs.enableAutoRefresh", "Enable auto-refresh"),
+					children: /* @__PURE__ */ u(l, { className: `w-3.5 h-3.5 ${T ? "animate-spin" : ""}` })
+				})
+			]
+		}), /* @__PURE__ */ u("div", {
+			className: "flex-1 overflow-y-auto",
+			children: A.length === 0 ? /* @__PURE__ */ u("div", {
+				className: "p-4 text-center text-sm text-text-tertiary",
+				children: _.length === 0 ? g("vibecontrols.agentManager.logs.empty", "Logs will appear here after you send the first message.") : g("vibecontrols.agentManager.logs.noLogsMatch", "No logs match the selected filters")
+			}) : /* @__PURE__ */ u("div", {
+				className: "divide-y divide-border-default",
+				children: A.map((e) => /* @__PURE__ */ d("div", {
+					className: "px-3 py-2",
+					children: [/* @__PURE__ */ d("div", {
+						className: "flex items-center gap-2 mb-1",
+						children: [
+							/* @__PURE__ */ u("span", {
+								className: `px-1.5 py-0.5 text-[10px] font-medium rounded ${p[e.type] ?? "bg-bg-sunken text-text-tertiary"}`,
+								children: e.type
+							}),
+							/* @__PURE__ */ u("span", {
+								className: "text-[10px] text-text-tertiary",
+								children: new Date(e.timestamp).toLocaleTimeString()
+							}),
+							e.tokenCount != null && /* @__PURE__ */ d("span", {
+								className: "text-[10px] text-text-tertiary ml-auto",
+								children: [e.tokenCount, " tokens"]
+							})
+						]
+					}), /* @__PURE__ */ u("p", {
+						className: "text-xs text-text-secondary break-words line-clamp-3",
+						children: e.message || e.content
+					})]
+				}, e.id))
+			})
+		})]
+	});
+}
+//#endregion
+export { m as SessionLogsPanel };
+
+//# sourceMappingURL=SessionLogsPanel.js.map

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

@@ -0,0 +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":"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"}

package/dist/components/agent-manager/detail/SessionStatsPanel.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Session token usage statistics panel.
+ *
+ * Fetches stats via fetchSessionStats and renders them as StatCards.
+ */
+interface SessionStatsPanelProps {
+    sessionId: string;
+    agentId: string;
+}
+export declare function SessionStatsPanel({ sessionId, agentId }: SessionStatsPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SessionStatsPanel.d.ts.map

package/dist/components/agent-manager/detail/SessionStatsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionStatsPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/agent-manager/detail/SessionStatsPanel.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AASH,UAAU,sBAAsB;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,sBAAsB,2CA4E/E"}

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

@@ -0,0 +1,68 @@
+import { useTr as e } from "../../../shared/hooks/useTr.js";
+import { LoadingState as t } from "../../shared/LoadingState.js";
+import { ErrorState as n } from "../../shared/ErrorState.js";
+import { StatCard as r } from "../../shared/StatCard.js";
+import "../../shared/index.js";
+import { fetchSessionStats as i } from "../../../services/aiApi.js";
+import { isSessionNotFoundError as a } from "../../../utils/aiSessionNotFound.js";
+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: _ }) {
+	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);
+		} catch (e) {
+			a(e) ? (b(null), w(null)) : w(e instanceof Error ? e.message : "Failed to load stats");
+		} finally {
+			S(!1);
+		}
+	}, [_, g]);
+	if (s(() => {
+		S(!0), T();
+	}, [T]), x) return /* @__PURE__ */ m(t, { message: "Loading stats..." });
+	if (C) return /* @__PURE__ */ m(n, {
+		message: C,
+		onRetry: T
+	});
+	if (!y) return /* @__PURE__ */ m("div", {
+		className: "p-4 text-center text-sm text-text-tertiary",
+		children: v("vibecontrols.agentManager.stats.empty", "Stats will appear here after you send the first message.")
+	});
+	let E = y.averageLatency ?? 0, D = E > 1e3 ? `${(E / 1e3).toFixed(1)}s` : `${Math.round(E)}ms`;
+	return /* @__PURE__ */ h("div", {
+		className: "p-3 space-y-3",
+		children: [
+			/* @__PURE__ */ m(r, {
+				title: v("vibecontrols.agentManager.stats.totalTokens", "Total Tokens"),
+				value: y.totalTokens,
+				icon: /* @__PURE__ */ m(p, {})
+			}),
+			/* @__PURE__ */ m(r, {
+				title: v("vibecontrols.agentManager.stats.inputTokens", "Input Tokens"),
+				value: y.inputTokens,
+				icon: /* @__PURE__ */ m(l, {})
+			}),
+			/* @__PURE__ */ m(r, {
+				title: v("vibecontrols.agentManager.stats.outputTokens", "Output Tokens"),
+				value: y.outputTokens,
+				icon: /* @__PURE__ */ m(u, {})
+			}),
+			/* @__PURE__ */ m(r, {
+				title: v("vibecontrols.agentManager.stats.requests", "Requests"),
+				value: y.promptCount,
+				icon: /* @__PURE__ */ m(f, {})
+			}),
+			/* @__PURE__ */ m(r, {
+				title: v("vibecontrols.agentManager.stats.avgLatency", "Avg Latency"),
+				value: D,
+				icon: /* @__PURE__ */ m(d, {})
+			})
+		]
+	});
+}
+//#endregion
+export { g as SessionStatsPanel };
+
+//# sourceMappingURL=SessionStatsPanel.js.map

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

@@ -0,0 +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"}

package/dist/components/agent-manager/detail/SessionToolsPanel.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Session tools list panel.
+ *
+ * Fetches available tools from the agent and renders them as a list
+ * with installed status badges and version info.
+ */
+interface SessionToolsPanelProps {
+    agentId: string;
+}
+export declare function SessionToolsPanel({ agentId }: SessionToolsPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SessionToolsPanel.d.ts.map

package/dist/components/agent-manager/detail/SessionToolsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionToolsPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/agent-manager/detail/SessionToolsPanel.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAQH,UAAU,sBAAsB;IAC9B,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,EAAE,sBAAsB,2CAmEpE"}

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

@@ -0,0 +1,64 @@
+import { useTr as e } from "../../../shared/hooks/useTr.js";
+import { LoadingState as t } from "../../shared/LoadingState.js";
+import { ErrorState as n } from "../../shared/ErrorState.js";
+import "../../shared/index.js";
+import { fetchTools as r } from "../../../services/aiApi.js";
+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 }) {
+	let p = e(), [m, h] = o([]), [g, _] = o(!0), [v, y] = o(null), b = i(async () => {
+		try {
+			h(await r(f)), y(null);
+		} catch (e) {
+			y(e instanceof Error ? e.message : "Failed to load tools");
+		} finally {
+			_(!1);
+		}
+	}, [f]);
+	return a(() => {
+		_(!0), b();
+	}, [b]), g ? /* @__PURE__ */ u(t, { message: "Loading tools..." }) : v ? /* @__PURE__ */ u(n, {
+		message: v,
+		onRetry: b
+	}) : m.length === 0 ? /* @__PURE__ */ d("div", {
+		className: "flex flex-col items-center justify-center p-6 text-center",
+		children: [/* @__PURE__ */ u(l, { className: "w-8 h-8 text-text-tertiary mb-2" }), /* @__PURE__ */ u("p", {
+			className: "text-sm text-text-tertiary",
+			children: p("vibecontrols.agentManager.tools.noToolsAvailable", "No tools available")
+		})]
+	}) : /* @__PURE__ */ u("div", {
+		className: "divide-y divide-border-default",
+		children: m.map((e) => /* @__PURE__ */ d("div", {
+			className: "px-3 py-2.5",
+			children: [
+				/* @__PURE__ */ d("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ u("span", {
+						className: "flex-1 text-sm font-medium text-text-primary truncate",
+						children: e.displayName || e.name
+					}), e.installed ? /* @__PURE__ */ d("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",
+						children: [/* @__PURE__ */ u(s, { className: "w-3 h-3" }), p("vibecontrols.agentManager.tools.installed", "Installed")]
+					}) : /* @__PURE__ */ d("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",
+						children: [/* @__PURE__ */ u(c, { className: "w-3 h-3" }), p("vibecontrols.agentManager.tools.notInstalled", "Not installed")]
+					})]
+				}),
+				/* @__PURE__ */ u("p", {
+					className: "text-xs text-text-secondary mt-0.5 line-clamp-2",
+					children: e.description
+				}),
+				e.version && /* @__PURE__ */ d("span", {
+					className: "text-[10px] text-text-tertiary mt-0.5 inline-block",
+					children: ["v", e.version]
+				})
+			]
+		}, e.name))
+	});
+}
+//#endregion
+export { f as SessionToolsPanel };
+
+//# sourceMappingURL=SessionToolsPanel.js.map

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

@@ -0,0 +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"}