@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/components/agent-manager/controls/ModelSelector.js

@@ -0,0 +1,158 @@
+import { useTr as e } from "../../../shared/hooks/useTr.js";
+import { useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
+import { ChevronDown as a } from "lucide-react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/agent-manager/controls/ModelSelector.tsx
+var l = [
+	{
+		label: "Claude",
+		sdk: "claude",
+		models: [
+			"claude-sonnet-4-20250514",
+			"claude-opus-4-20250514",
+			"claude-haiku-4-5-20251001"
+		]
+	},
+	{
+		label: "Codex",
+		sdk: "codex",
+		models: [
+			"codex-mini-latest",
+			"gpt-4.1",
+			"gpt-4.1-mini"
+		]
+	},
+	{
+		label: "Gemini",
+		sdk: "gemini",
+		models: [
+			"gemini-2.5-flash",
+			"gemini-2.5-pro",
+			"gemini-2.0-flash"
+		]
+	},
+	{
+		label: "OpenCode",
+		sdk: "opencode",
+		models: []
+	},
+	{
+		label: "OpenAI-compatible",
+		sdk: "openai-compat",
+		models: ["gpt-3.5-turbo"]
+	},
+	{
+		label: "Goose",
+		sdk: "goose",
+		models: []
+	},
+	{
+		label: "Amp",
+		sdk: "amp",
+		models: []
+	},
+	{
+		label: "Copilot",
+		sdk: "copilot",
+		models: []
+	},
+	{
+		label: "Crush",
+		sdk: "crush",
+		models: []
+	},
+	{
+		label: "Pi",
+		sdk: "pi",
+		models: []
+	},
+	{
+		label: "Aider",
+		sdk: "aider",
+		models: []
+	},
+	{
+		label: "Plandex",
+		sdk: "plandex",
+		models: []
+	}
+];
+function u(e) {
+	return e.replace("claude-", "").replace("-20250514", "").replace("-20251001", "");
+}
+function d({ value: d, onChange: f, provider: p }) {
+	let m = e(), [h, g] = i(!1), [_, v] = i(""), y = r(null), b = r(null), [x, S] = i({
+		bottom: 0,
+		left: 0
+	}), C = p ? l.filter((e) => e.sdk === p) : l, w = t((e) => {
+		y.current && !y.current.contains(e.target) && g(!1);
+	}, []);
+	n(() => {
+		if (h) return document.addEventListener("mousedown", w), () => document.removeEventListener("mousedown", w);
+	}, [h, w]), n(() => {
+		h || v("");
+	}, [h]);
+	let T = _.toLowerCase(), E = C.map((e) => ({
+		...e,
+		models: _ ? e.models.filter((e) => e.toLowerCase().includes(T)) : e.models
+	}));
+	return /* @__PURE__ */ c("div", {
+		ref: y,
+		className: "relative",
+		children: [/* @__PURE__ */ c("button", {
+			ref: b,
+			type: "button",
+			onClick: () => {
+				if (!h && b.current) {
+					let e = b.current.getBoundingClientRect();
+					S({
+						bottom: window.innerHeight - e.top + 4,
+						left: e.left
+					});
+				}
+				g((e) => !e);
+			},
+			className: "flex items-center gap-1 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 max-w-[160px]",
+			title: d,
+			children: [/* @__PURE__ */ s("span", {
+				className: "truncate",
+				children: u(d)
+			}), /* @__PURE__ */ s(a, { className: "w-3 h-3 flex-shrink-0" })]
+		}), h && /* @__PURE__ */ c("div", {
+			className: "fixed w-64 max-h-72 overflow-y-auto rounded-lg border border-border-default bg-bg-surface shadow-lg z-[100]",
+			style: {
+				bottom: x.bottom,
+				left: x.left
+			},
+			children: [
+				/* @__PURE__ */ s("input", {
+					type: "text",
+					value: _,
+					onChange: (e) => v(e.target.value),
+					placeholder: "Search...",
+					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 sticky top-0 bg-bg-surface",
+					autoFocus: !0
+				}),
+				E.map((e) => /* @__PURE__ */ s("div", { children: e.models.length > 0 && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("div", {
+					className: "px-3 py-1.5 text-[10px] font-semibold uppercase tracking-wider text-text-tertiary bg-bg-sunken",
+					children: e.label
+				}), e.models.map((e) => /* @__PURE__ */ s("button", {
+					type: "button",
+					onClick: () => {
+						f(e), g(!1);
+					},
+					className: `w-full text-left px-3 py-2 text-sm hover:bg-bg-elevated transition-colors ${e === d ? "text-action-primary-text bg-action-primary-bg/10" : "text-text-primary"}`,
+					children: e
+				}, e))] }) }, e.sdk)),
+				E.every((e) => e.models.length === 0) && /* @__PURE__ */ s("div", {
+					className: "px-3 py-4 text-sm text-text-tertiary text-center",
+					children: m("vibecontrols.agentManager.controls.noModelsAvailable", "No models available")
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { d as ModelSelector };
+
+//# sourceMappingURL=ModelSelector.js.map

package/dist/components/agent-manager/controls/ModelSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModelSelector.js","names":[],"sources":["../../../../src/components/agent-manager/controls/ModelSelector.tsx"],"sourcesContent":["/**\n * Model selector dropdown.\n *\n * Displays a compact button with the current model name that opens a\n * grouped dropdown of models filtered by SDK provider.\n */\n\nimport { useState, useRef, useEffect, useCallback } from 'react';\nimport { ChevronDown } from 'lucide-react';\nimport type { AgentSdkType } from '@/types/agentManager';\nimport { useTr } from '../../../shared/hooks/useTr';\n\ninterface ModelSelectorProps {\n  value: string;\n  onChange: (model: string) => void;\n  provider?: AgentSdkType;\n}\n\ninterface ModelGroup {\n  label: string;\n  sdk: AgentSdkType;\n  models: string[];\n}\n\nconst MODEL_GROUPS: ModelGroup[] = [\n  {\n    label: 'Claude',\n    sdk: 'claude',\n    models: ['claude-sonnet-4-20250514', 'claude-opus-4-20250514', 'claude-haiku-4-5-20251001'],\n  },\n  {\n    label: 'Codex',\n    sdk: 'codex',\n    models: ['codex-mini-latest', 'gpt-4.1', 'gpt-4.1-mini'],\n  },\n  {\n    label: 'Gemini',\n    sdk: 'gemini',\n    models: ['gemini-2.5-flash', 'gemini-2.5-pro', 'gemini-2.0-flash'],\n  },\n  {\n    label: 'OpenCode',\n    sdk: 'opencode',\n    models: [],\n  },\n  {\n    label: 'OpenAI-compatible',\n    sdk: 'openai-compat',\n    models: ['gpt-3.5-turbo'],\n  },\n  { label: 'Goose', sdk: 'goose', models: [] },\n  { label: 'Amp', sdk: 'amp', models: [] },\n  { label: 'Copilot', sdk: 'copilot', models: [] },\n  { label: 'Crush', sdk: 'crush', models: [] },\n  { label: 'Pi', sdk: 'pi', models: [] },\n  { label: 'Aider', sdk: 'aider', models: [] },\n  { label: 'Plandex', sdk: 'plandex', models: [] },\n];\n\n/** Truncate model name for compact display */\nfunction displayName(model: string): string {\n  // Remove common prefixes for compact display\n  return model.replace('claude-', '').replace('-20250514', '').replace('-20251001', '');\n}\n\nexport function ModelSelector({ value, onChange, provider }: ModelSelectorProps) {\n  const tr = useTr();\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 });\n\n  const filteredGroups = provider ? MODEL_GROUPS.filter((g) => g.sdk === provider) : MODEL_GROUPS;\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 searchLower = search.toLowerCase();\n  const searchedGroups = filteredGroups.map((g) => ({\n    ...g,\n    models: search ? g.models.filter((m) => m.toLowerCase().includes(searchLower)) : g.models,\n  }));\n\n  const handleToggle = () => {\n    if (!open && buttonRef.current) {\n      const rect = buttonRef.current.getBoundingClientRect();\n      setPos({ bottom: window.innerHeight - rect.top + 4, left: rect.left });\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 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 max-w-[160px]\"\n        title={value}\n      >\n        <span className=\"truncate\">{displayName(value)}</span>\n        <ChevronDown className=\"w-3 h-3 flex-shrink-0\" />\n      </button>\n\n      {open && (\n        <div\n          className=\"fixed w-64 max-h-72 overflow-y-auto rounded-lg border border-border-default bg-bg-surface shadow-lg z-[100]\"\n          style={{ bottom: pos.bottom, left: pos.left }}\n        >\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 sticky top-0 bg-bg-surface\"\n            autoFocus\n          />\n          {searchedGroups.map((group) => (\n            <div key={group.sdk}>\n              {group.models.length > 0 && (\n                <>\n                  <div className=\"px-3 py-1.5 text-[10px] font-semibold uppercase tracking-wider text-text-tertiary bg-bg-sunken\">\n                    {group.label}\n                  </div>\n                  {group.models.map((model) => (\n                    <button\n                      key={model}\n                      type=\"button\"\n                      onClick={() => {\n                        onChange(model);\n                        setOpen(false);\n                      }}\n                      className={`w-full text-left px-3 py-2 text-sm hover:bg-bg-elevated transition-colors ${\n                        model === value\n                          ? 'text-action-primary-text bg-action-primary-bg/10'\n                          : 'text-text-primary'\n                      }`}\n                    >\n                      {model}\n                    </button>\n                  ))}\n                </>\n              )}\n            </div>\n          ))}\n          {searchedGroups.every((g) => g.models.length === 0) && (\n            <div className=\"px-3 py-4 text-sm text-text-tertiary text-center\">\n              {tr('vibecontrols.agentManager.controls.noModelsAvailable', 'No models available')}\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAwBA,IAAM,IAA6B;CACjC;EACE,OAAO;EACP,KAAK;EACL,QAAQ;GAAC;GAA4B;GAA0B;GAA4B;EAC5F;CACD;EACE,OAAO;EACP,KAAK;EACL,QAAQ;GAAC;GAAqB;GAAW;GAAe;EACzD;CACD;EACE,OAAO;EACP,KAAK;EACL,QAAQ;GAAC;GAAoB;GAAkB;GAAmB;EACnE;CACD;EACE,OAAO;EACP,KAAK;EACL,QAAQ,EAAE;EACX;CACD;EACE,OAAO;EACP,KAAK;EACL,QAAQ,CAAC,gBAAgB;EAC1B;CACD;EAAE,OAAO;EAAS,KAAK;EAAS,QAAQ,EAAE;EAAE;CAC5C;EAAE,OAAO;EAAO,KAAK;EAAO,QAAQ,EAAE;EAAE;CACxC;EAAE,OAAO;EAAW,KAAK;EAAW,QAAQ,EAAE;EAAE;CAChD;EAAE,OAAO;EAAS,KAAK;EAAS,QAAQ,EAAE;EAAE;CAC5C;EAAE,OAAO;EAAM,KAAK;EAAM,QAAQ,EAAE;EAAE;CACtC;EAAE,OAAO;EAAS,KAAK;EAAS,QAAQ,EAAE;EAAE;CAC5C;EAAE,OAAO;EAAW,KAAK;EAAW,QAAQ,EAAE;EAAE;CACjD;AAGD,SAAS,EAAY,GAAuB;AAE1C,QAAO,EAAM,QAAQ,WAAW,GAAG,CAAC,QAAQ,aAAa,GAAG,CAAC,QAAQ,aAAa,GAAG;;AAGvF,SAAgB,EAAc,EAAE,UAAO,aAAU,eAAgC;CAC/E,IAAM,IAAK,GAAO,EACZ,CAAC,GAAM,KAAW,EAAS,GAAM,EACjC,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,IAAe,EAAuB,KAAK,EAC3C,IAAY,EAA0B,KAAK,EAC3C,CAAC,GAAK,KAAU,EAAS;EAAE,QAAQ;EAAG,MAAM;EAAG,CAAC,EAEhD,IAAiB,IAAW,EAAa,QAAQ,MAAM,EAAE,QAAQ,EAAS,GAAG,GAE7E,IAAqB,GAAa,MAAkB;AACxD,EAAI,EAAa,WAAW,CAAC,EAAa,QAAQ,SAAS,EAAE,OAAe,IAC1E,EAAQ,GAAM;IAEf,EAAE,CAAC;AASN,CAPA,QAAgB;AACd,MAAI,EAEF,QADA,SAAS,iBAAiB,aAAa,EAAmB,QAC7C,SAAS,oBAAoB,aAAa,EAAmB;IAE3E,CAAC,GAAM,EAAmB,CAAC,EAE9B,QAAgB;AACd,EAAK,KAAM,EAAU,GAAG;IACvB,CAAC,EAAK,CAAC;CAEV,IAAM,IAAc,EAAO,aAAa,EAClC,IAAiB,EAAe,KAAK,OAAO;EAChD,GAAG;EACH,QAAQ,IAAS,EAAE,OAAO,QAAQ,MAAM,EAAE,aAAa,CAAC,SAAS,EAAY,CAAC,GAAG,EAAE;EACpF,EAAE;AAUH,QACE,kBAAC,OAAD;EAAK,KAAK;EAAc,WAAU;YAAlC,CACE,kBAAC,UAAD;GACE,KAAK;GACL,MAAK;GACL,eAbqB;AACzB,QAAI,CAAC,KAAQ,EAAU,SAAS;KAC9B,IAAM,IAAO,EAAU,QAAQ,uBAAuB;AACtD,OAAO;MAAE,QAAQ,OAAO,cAAc,EAAK,MAAM;MAAG,MAAM,EAAK;MAAM,CAAC;;AAExE,OAAS,MAAS,CAAC,EAAK;;GASpB,WAAU;GACV,OAAO;aALT,CAOE,kBAAC,QAAD;IAAM,WAAU;cAAY,EAAY,EAAM;IAAQ,CAAA,EACtD,kBAAC,GAAD,EAAa,WAAU,yBAA0B,CAAA,CAC1C;MAER,KACC,kBAAC,OAAD;GACE,WAAU;GACV,OAAO;IAAE,QAAQ,EAAI;IAAQ,MAAM,EAAI;IAAM;aAF/C;IAIE,kBAAC,SAAD;KACE,MAAK;KACL,OAAO;KACP,WAAW,MAAM,EAAU,EAAE,OAAO,MAAM;KAC1C,aAAY;KACZ,WAAU;KACV,WAAA;KACA,CAAA;IACD,EAAe,KAAK,MACnB,kBAAC,OAAD,EAAA,UACG,EAAM,OAAO,SAAS,KACrB,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAM;KACH,CAAA,EACL,EAAM,OAAO,KAAK,MACjB,kBAAC,UAAD;KAEE,MAAK;KACL,eAAe;AAEb,MADA,EAAS,EAAM,EACf,EAAQ,GAAM;;KAEhB,WAAW,6EACT,MAAU,IACN,qDACA;eAGL;KACM,EAbF,EAaE,CACT,CACD,EAAA,CAAA,EAED,EAzBI,EAAM,IAyBV,CACN;IACD,EAAe,OAAO,MAAM,EAAE,OAAO,WAAW,EAAE,IACjD,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAG,wDAAwD,sBAAsB;KAC9E,CAAA;IAEJ;KAEJ"}

package/dist/components/agent-manager/controls/SdkSelector.d.ts

@@ -0,0 +1,13 @@
+import { AgentSdkType, ProviderMode } from '../../../types/agentManager';
+import { AIProvider } from '../../../services/aiApi';
+
+interface SdkSelectorProps {
+    sdk: AgentSdkType;
+    mode: ProviderMode;
+    providers?: AIProvider[];
+    onSdkChange: (sdk: AgentSdkType) => void;
+    onModeChange: (mode: ProviderMode) => void;
+}
+export declare function SdkSelector({ sdk, mode, providers, onSdkChange, onModeChange, }: SdkSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SdkSelector.d.ts.map

package/dist/components/agent-manager/controls/SdkSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SdkSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/agent-manager/controls/SdkSelector.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAiBH,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACvE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,UAAU,gBAAgB;IACxB,GAAG,EAAE,YAAY,CAAC;IAClB,IAAI,EAAE,YAAY,CAAC;IACnB,SAAS,CAAC,EAAE,UAAU,EAAE,CAAC;IACzB,WAAW,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACzC,YAAY,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;CAC5C;AA+DD,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,IAAI,EACJ,SAAc,EACd,WAAW,EACX,YAAY,GACb,EAAE,gBAAgB,2CA4KlB"}

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

@@ -0,0 +1,210 @@
+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";
+//#region src/components/agent-manager/controls/SdkSelector.tsx
+var v = [
+	{
+		value: "claude",
+		label: "Claude",
+		icon: a
+	},
+	{
+		value: "codex",
+		label: "Codex",
+		icon: s
+	},
+	{
+		value: "gemini",
+		label: "Gemini",
+		icon: p
+	},
+	{
+		value: "opencode",
+		label: "OpenCode",
+		icon: m
+	},
+	{
+		value: "openai-compat",
+		label: "OpenAI-compatible",
+		icon: a
+	},
+	{
+		value: "goose",
+		label: "Goose",
+		icon: i
+	},
+	{
+		value: "amp",
+		label: "Amp",
+		icon: h
+	},
+	{
+		value: "copilot",
+		label: "Copilot",
+		icon: l
+	},
+	{
+		value: "crush",
+		label: "Crush",
+		icon: u
+	},
+	{
+		value: "pi",
+		label: "Pi",
+		icon: c
+	},
+	{
+		value: "aider",
+		label: "Aider",
+		icon: f
+	},
+	{
+		value: "plandex",
+		label: "Plandex",
+		icon: d
+	}
+], y = {
+	claude: ["sdk", "cli"],
+	codex: ["sdk", "cli"],
+	gemini: ["sdk", "cli"],
+	opencode: ["sdk", "cli"],
+	"openai-compat": ["sdk"],
+	goose: ["cli"],
+	amp: ["cli"],
+	copilot: ["cli"],
+	crush: ["cli"],
+	pi: ["cli"],
+	aider: ["cli"],
+	plandex: ["cli"]
+}, b = ["sdk", "cli"], x = new Set(v.map((e) => e.value));
+function S(e) {
+	return e === "sdk" || e === "cli";
+}
+function C(e) {
+	let t = (e.name || e.pluginName).replace(/^ai-/, "");
+	return x.has(t) ? t : null;
+}
+function w(e, t) {
+	let n = e?.supportedModes?.filter(S);
+	return n && n.length > 0 ? n : y[t];
+}
+function T(e, t, n) {
+	let r = w(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({
+		bottom: 0,
+		left: 0,
+		width: 0
+	}), S = /* @__PURE__ */ new Map();
+	for (let e of s) {
+		let t = C(e);
+		t && S.set(t, e);
+	}
+	let E = (S.size > 0 ? v.filter((e) => S.has(e.value)) : v).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) => {
+		m.current && !m.current.contains(e.target) && d(!1);
+	}, []);
+	t(() => {
+		if (u) return document.addEventListener("mousedown", A), () => document.removeEventListener("mousedown", A);
+	}, [u, A]), t(() => {
+		u || p("");
+	}, [u]);
+	let j = E.filter((e) => e.label.toLowerCase().includes(f.toLowerCase()));
+	return /* @__PURE__ */ _("div", {
+		ref: m,
+		className: "relative",
+		children: [/* @__PURE__ */ _("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)
+					});
+				}
+				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()})`,
+			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" })
+			]
+		}), u && /* @__PURE__ */ _("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
+			},
+			children: [
+				/* @__PURE__ */ g("input", {
+					type: "text",
+					value: f,
+					onChange: (e) => p(e.target.value),
+					placeholder: "Search...",
+					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", {
+					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", {
+							type: "button",
+							onClick: () => {
+								let t = T(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", {
+									className: "ml-auto flex items-center gap-1",
+									children: b.map((e) => /* @__PURE__ */ g("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))
+								})
+							]
+						}, e.value);
+					})
+				}),
+				/* @__PURE__ */ g("div", {
+					className: "border-t border-border-default px-3 py-2",
+					children: /* @__PURE__ */ _("div", {
+						className: "flex items-center rounded-md bg-bg-sunken p-0.5",
+						children: [/* @__PURE__ */ g("button", {
+							type: "button",
+							onClick: () => k.includes("sdk") && l("sdk"),
+							disabled: !k.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`,
+							children: "SDK"
+						}), /* @__PURE__ */ g("button", {
+							type: "button",
+							onClick: () => k.includes("cli") && l("cli"),
+							disabled: !k.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`,
+							children: "CLI"
+						})]
+					})
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { E as SdkSelector };
+
+//# sourceMappingURL=SdkSelector.js.map

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

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

package/dist/components/agent-manager/controls/VoiceToggle.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Voice mode toggle button.
+ *
+ * Mic icon that toggles voice input. Turns red when actively listening.
+ */
+interface VoiceToggleProps {
+    enabled: boolean;
+    onToggle: () => void;
+    isListening?: boolean;
+}
+export declare function VoiceToggle({ enabled, onToggle, isListening }: VoiceToggleProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=VoiceToggle.d.ts.map

package/dist/components/agent-manager/controls/VoiceToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VoiceToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/agent-manager/controls/VoiceToggle.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,UAAU,gBAAgB;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAmB,EAAE,EAAE,gBAAgB,2CAyBvF"}

package/dist/components/agent-manager/controls/VoiceToggle.js

@@ -0,0 +1,18 @@
+import { useTr as e } from "../../../shared/hooks/useTr.js";
+import { Mic as t } from "lucide-react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/agent-manager/controls/VoiceToggle.tsx
+function r({ enabled: r, onToggle: i, isListening: a = !1 }) {
+	let o = e();
+	return /* @__PURE__ */ n("button", {
+		type: "button",
+		onClick: i,
+		className: `p-1.5 rounded transition-colors ${a ? "bg-status-error-bg text-status-error-text animate-pulse" : r ? "bg-action-primary-bg/10 text-action-primary-text hover:bg-action-primary-bg/20" : "text-text-tertiary hover:text-text-secondary hover:bg-bg-elevated"}`,
+		title: a ? o("vibecontrols.agentManager.controls.listening", "Listening...") : r ? o("vibecontrols.agentManager.controls.disableVoice", "Disable voice mode") : o("vibecontrols.agentManager.controls.enableVoice", "Enable voice mode"),
+		children: /* @__PURE__ */ n(t, { className: "w-4 h-4" })
+	});
+}
+//#endregion
+export { r as VoiceToggle };
+
+//# sourceMappingURL=VoiceToggle.js.map

package/dist/components/agent-manager/controls/VoiceToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VoiceToggle.js","names":[],"sources":["../../../../src/components/agent-manager/controls/VoiceToggle.tsx"],"sourcesContent":["/**\n * Voice mode toggle button.\n *\n * Mic icon that toggles voice input. Turns red when actively listening.\n */\n\nimport { Mic } from 'lucide-react';\nimport { useTr } from '../../../shared/hooks/useTr';\n\ninterface VoiceToggleProps {\n  enabled: boolean;\n  onToggle: () => void;\n  isListening?: boolean;\n}\n\nexport function VoiceToggle({ enabled, onToggle, isListening = false }: VoiceToggleProps) {\n  const tr = useTr();\n\n  return (\n    <button\n      type=\"button\"\n      onClick={onToggle}\n      className={`p-1.5 rounded transition-colors ${\n        isListening\n          ? 'bg-status-error-bg text-status-error-text animate-pulse'\n          : enabled\n            ? 'bg-action-primary-bg/10 text-action-primary-text hover:bg-action-primary-bg/20'\n            : 'text-text-tertiary hover:text-text-secondary hover:bg-bg-elevated'\n      }`}\n      title={\n        isListening\n          ? tr('vibecontrols.agentManager.controls.listening', 'Listening...')\n          : enabled\n            ? tr('vibecontrols.agentManager.controls.disableVoice', 'Disable voice mode')\n            : tr('vibecontrols.agentManager.controls.enableVoice', 'Enable voice mode')\n      }\n    >\n      <Mic className=\"w-4 h-4\" />\n    </button>\n  );\n}\n"],"mappings":";;;;AAeA,SAAgB,EAAY,EAAE,YAAS,aAAU,iBAAc,MAA2B;CACxF,IAAM,IAAK,GAAO;AAElB,QACE,kBAAC,UAAD;EACE,MAAK;EACL,SAAS;EACT,WAAW,mCACT,IACI,4DACA,IACE,mFACA;EAER,OACE,IACI,EAAG,gDAAgD,eAAe,GAClE,IACE,EAAG,mDAAmD,qBAAqB,GAC3E,EAAG,kDAAkD,oBAAoB;YAGjF,kBAAC,GAAD,EAAK,WAAU,WAAY,CAAA;EACpB,CAAA"}

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

@@ -0,0 +1,14 @@
+/**
+ * Session configuration panel.
+ *
+ * Displays Quick Settings fields for common config options (model,
+ * system prompt, max tokens, temperature) above an editable JSON
+ * editor. Provides save and terminate actions with a confirmation dialog.
+ */
+interface SessionConfigPanelProps {
+    sessionId: string;
+    agentId: string;
+}
+export declare function SessionConfigPanel({ sessionId, agentId }: SessionConfigPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SessionConfigPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionConfigPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/agent-manager/detail/SessionConfigPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAyDH,UAAU,uBAAuB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,uBAAuB,2CAuQjF"}