@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/components/actions/ExecutionHistory.d.ts

@@ -0,0 +1,23 @@
+interface Execution {
+    id: string;
+    status: string;
+    triggerType?: string | null;
+    triggerSource?: string | null;
+    command?: string | null;
+    script?: string | null;
+    output?: string | null;
+    exitCode?: number | null;
+    webhookStatusCode?: number | null;
+    errorMessage?: string | null;
+    durationMs?: number | null;
+    startedAt?: string | null;
+    completedAt?: string | null;
+}
+interface ExecutionHistoryProps {
+    executions: Execution[];
+    onClose: () => void;
+    actionName: string;
+}
+export declare function ExecutionHistory({ executions, onClose, actionName }: ExecutionHistoryProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ExecutionHistory.d.ts.map

package/dist/components/actions/ExecutionHistory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutionHistory.d.ts","sourceRoot":"","sources":["../../../src/components/actions/ExecutionHistory.tsx"],"names":[],"mappings":"AAIA,UAAU,SAAS;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AAED,UAAU,qBAAqB;IAC7B,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACpB;AAoBD,wBAAgB,gBAAgB,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,qBAAqB,2CAoF1F"}

package/dist/components/actions/ExecutionHistory.js

@@ -0,0 +1,103 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { CheckCircle as t, Clock as n, Loader as r, XCircle as i } from "lucide-react";
+import { motion as a } from "framer-motion";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/actions/ExecutionHistory.tsx
+var c = {
+	SUCCESS: t,
+	COMPLETED: t,
+	FAILED: i,
+	ERROR: i,
+	RUNNING: r,
+	PENDING: n
+}, l = {
+	SUCCESS: "text-status-success-text",
+	COMPLETED: "text-status-success-text",
+	FAILED: "text-status-error-text",
+	ERROR: "text-status-error-text",
+	RUNNING: "text-status-info-text",
+	PENDING: "text-text-secondary"
+};
+function u({ executions: t, onClose: r, actionName: i }) {
+	let u = e(), d = (e) => e ? e < 1e3 ? `${e}ms` : e < 6e4 ? `${(e / 1e3).toFixed(1)}s` : `${(e / 6e4).toFixed(1)}m` : "-", f = (e) => e ? new Date(e).toLocaleString() : "-";
+	return /* @__PURE__ */ s(a.div, {
+		className: "bg-bg-surface border border-border-default rounded-lg overflow-hidden",
+		initial: {
+			opacity: 0,
+			height: 0
+		},
+		animate: {
+			opacity: 1,
+			height: "auto"
+		},
+		exit: {
+			opacity: 0,
+			height: 0
+		},
+		transition: { duration: .2 },
+		children: [/* @__PURE__ */ s("div", {
+			className: "flex items-center justify-between px-4 py-3 border-b border-border-default bg-bg-sunken/50",
+			children: [/* @__PURE__ */ s("h3", {
+				className: "text-sm font-semibold text-text-primary",
+				children: [
+					u("vibecontrols.actions.executionHistory.recentExecutions", "Recent Executions"),
+					" —",
+					" ",
+					i
+				]
+			}), /* @__PURE__ */ o("button", {
+				onClick: r,
+				className: "text-xs text-text-secondary hover:text-text-primary transition-colors",
+				children: u("vibecontrols.actions.executionHistory.close", "Close")
+			})]
+		}), t.length === 0 ? /* @__PURE__ */ o("div", {
+			className: "px-4 py-6 text-center text-sm text-text-secondary",
+			children: u("vibecontrols.actions.executionHistory.noExecutions", "No executions yet")
+		}) : /* @__PURE__ */ o("div", {
+			className: "divide-y divide-border-default",
+			children: t.map((e) => {
+				let t = c[e.status] || n, r = l[e.status] || "text-text-secondary";
+				return /* @__PURE__ */ s("div", {
+					className: "px-4 py-3 space-y-1",
+					children: [
+						/* @__PURE__ */ s("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ s("div", {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ o(t, {
+										size: 14,
+										className: `${r} ${e.status === "RUNNING" ? "animate-spin" : ""}`
+									}),
+									/* @__PURE__ */ o("span", {
+										className: `text-sm font-medium capitalize ${r}`,
+										children: e.status.toLowerCase()
+									}),
+									e.triggerType && /* @__PURE__ */ s("span", {
+										className: "text-xs text-text-placeholder",
+										children: ["via ", e.triggerType.toLowerCase()]
+									})
+								]
+							}), /* @__PURE__ */ s("div", {
+								className: "flex items-center gap-3 text-xs text-text-placeholder",
+								children: [/* @__PURE__ */ o("span", { children: d(e.durationMs) }), /* @__PURE__ */ o("span", { children: f(e.startedAt) })]
+							})]
+						}),
+						e.output && /* @__PURE__ */ o("pre", {
+							className: "text-xs font-mono text-text-secondary bg-bg-sunken rounded p-2 max-h-20 overflow-y-auto whitespace-pre-wrap",
+							children: e.output
+						}),
+						e.errorMessage && /* @__PURE__ */ o("pre", {
+							className: "text-xs font-mono text-status-error-text bg-status-error-bg/10 rounded p-2 max-h-20 overflow-y-auto whitespace-pre-wrap",
+							children: e.errorMessage
+						})
+					]
+				}, e.id);
+			})
+		})]
+	});
+}
+//#endregion
+export { u as ExecutionHistory };
+
+//# sourceMappingURL=ExecutionHistory.js.map

package/dist/components/actions/ExecutionHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutionHistory.js","names":[],"sources":["../../../src/components/actions/ExecutionHistory.tsx"],"sourcesContent":["import { CheckCircle, XCircle, Clock, Loader } from 'lucide-react';\nimport { motion } from 'framer-motion';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface Execution {\n  id: string;\n  status: string;\n  triggerType?: string | null;\n  triggerSource?: string | null;\n  command?: string | null;\n  script?: string | null;\n  output?: string | null;\n  exitCode?: number | null;\n  webhookStatusCode?: number | null;\n  errorMessage?: string | null;\n  durationMs?: number | null;\n  startedAt?: string | null;\n  completedAt?: string | null;\n}\n\ninterface ExecutionHistoryProps {\n  executions: Execution[];\n  onClose: () => void;\n  actionName: string;\n}\n\nconst STATUS_ICON: Record<string, typeof CheckCircle> = {\n  SUCCESS: CheckCircle,\n  COMPLETED: CheckCircle,\n  FAILED: XCircle,\n  ERROR: XCircle,\n  RUNNING: Loader,\n  PENDING: Clock,\n};\n\nconst STATUS_COLOR: Record<string, string> = {\n  SUCCESS: 'text-status-success-text',\n  COMPLETED: 'text-status-success-text',\n  FAILED: 'text-status-error-text',\n  ERROR: 'text-status-error-text',\n  RUNNING: 'text-status-info-text',\n  PENDING: 'text-text-secondary',\n};\n\nexport function ExecutionHistory({ executions, onClose, actionName }: ExecutionHistoryProps) {\n  const tr = useTr();\n\n  const formatDuration = (ms: number | null | undefined) => {\n    if (!ms) return '-';\n    if (ms < 1000) return `${ms}ms`;\n    if (ms < 60000) return `${(ms / 1000).toFixed(1)}s`;\n    return `${(ms / 60000).toFixed(1)}m`;\n  };\n\n  const formatTime = (dateStr: string | null | undefined) => {\n    if (!dateStr) return '-';\n    return new Date(dateStr).toLocaleString();\n  };\n\n  return (\n    <motion.div\n      className=\"bg-bg-surface border border-border-default rounded-lg overflow-hidden\"\n      initial={{ opacity: 0, height: 0 }}\n      animate={{ opacity: 1, height: 'auto' }}\n      exit={{ opacity: 0, height: 0 }}\n      transition={{ duration: 0.2 }}\n    >\n      <div className=\"flex items-center justify-between px-4 py-3 border-b border-border-default bg-bg-sunken/50\">\n        <h3 className=\"text-sm font-semibold text-text-primary\">\n          {tr('vibecontrols.actions.executionHistory.recentExecutions', 'Recent Executions')} —{' '}\n          {actionName}\n        </h3>\n        <button\n          onClick={onClose}\n          className=\"text-xs text-text-secondary hover:text-text-primary transition-colors\"\n        >\n          {tr('vibecontrols.actions.executionHistory.close', 'Close')}\n        </button>\n      </div>\n\n      {executions.length === 0 ? (\n        <div className=\"px-4 py-6 text-center text-sm text-text-secondary\">\n          {tr('vibecontrols.actions.executionHistory.noExecutions', 'No executions yet')}\n        </div>\n      ) : (\n        <div className=\"divide-y divide-border-default\">\n          {executions.map((exec) => {\n            const Icon = STATUS_ICON[exec.status] || Clock;\n            const color = STATUS_COLOR[exec.status] || 'text-text-secondary';\n            return (\n              <div key={exec.id} className=\"px-4 py-3 space-y-1\">\n                <div className=\"flex items-center justify-between\">\n                  <div className=\"flex items-center gap-2\">\n                    <Icon\n                      size={14}\n                      className={`${color} ${exec.status === 'RUNNING' ? 'animate-spin' : ''}`}\n                    />\n                    <span className={`text-sm font-medium capitalize ${color}`}>\n                      {exec.status.toLowerCase()}\n                    </span>\n                    {exec.triggerType && (\n                      <span className=\"text-xs text-text-placeholder\">\n                        via {exec.triggerType.toLowerCase()}\n                      </span>\n                    )}\n                  </div>\n                  <div className=\"flex items-center gap-3 text-xs text-text-placeholder\">\n                    <span>{formatDuration(exec.durationMs)}</span>\n                    <span>{formatTime(exec.startedAt)}</span>\n                  </div>\n                </div>\n                {exec.output && (\n                  <pre className=\"text-xs font-mono text-text-secondary bg-bg-sunken rounded p-2 max-h-20 overflow-y-auto whitespace-pre-wrap\">\n                    {exec.output}\n                  </pre>\n                )}\n                {exec.errorMessage && (\n                  <pre className=\"text-xs font-mono text-status-error-text bg-status-error-bg/10 rounded p-2 max-h-20 overflow-y-auto whitespace-pre-wrap\">\n                    {exec.errorMessage}\n                  </pre>\n                )}\n              </div>\n            );\n          })}\n        </div>\n      )}\n    </motion.div>\n  );\n}\n"],"mappings":";;;;;AA0BA,IAAM,IAAkD;CACtD,SAAS;CACT,WAAW;CACX,QAAQ;CACR,OAAO;CACP,SAAS;CACT,SAAS;CACV,EAEK,IAAuC;CAC3C,SAAS;CACT,WAAW;CACX,QAAQ;CACR,OAAO;CACP,SAAS;CACT,SAAS;CACV;AAED,SAAgB,EAAiB,EAAE,eAAY,YAAS,iBAAqC;CAC3F,IAAM,IAAK,GAAO,EAEZ,KAAkB,MACjB,IACD,IAAK,MAAa,GAAG,EAAG,MACxB,IAAK,MAAc,IAAI,IAAK,KAAM,QAAQ,EAAE,CAAC,KAC1C,IAAI,IAAK,KAAO,QAAQ,EAAE,CAAC,KAHlB,KAMZ,KAAc,MACb,IACE,IAAI,KAAK,EAAQ,CAAC,gBAAgB,GADpB;AAIvB,QACE,kBAAC,EAAO,KAAR;EACE,WAAU;EACV,SAAS;GAAE,SAAS;GAAG,QAAQ;GAAG;EAClC,SAAS;GAAE,SAAS;GAAG,QAAQ;GAAQ;EACvC,MAAM;GAAE,SAAS;GAAG,QAAQ;GAAG;EAC/B,YAAY,EAAE,UAAU,IAAK;YAL/B,CAOE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,MAAD;IAAI,WAAU;cAAd;KACG,EAAG,0DAA0D,oBAAoB;KAAC;KAAG;KACrF;KACE;OACL,kBAAC,UAAD;IACE,SAAS;IACT,WAAU;cAET,EAAG,+CAA+C,QAAQ;IACpD,CAAA,CACL;MAEL,EAAW,WAAW,IACrB,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAG,sDAAsD,oBAAoB;GAC1E,CAAA,GAEN,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAW,KAAK,MAAS;IACxB,IAAM,IAAO,EAAY,EAAK,WAAW,GACnC,IAAQ,EAAa,EAAK,WAAW;AAC3C,WACE,kBAAC,OAAD;KAAmB,WAAU;eAA7B;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,GAAD;UACE,MAAM;UACN,WAAW,GAAG,EAAM,GAAG,EAAK,WAAW,YAAY,iBAAiB;UACpE,CAAA;SACF,kBAAC,QAAD;UAAM,WAAW,kCAAkC;oBAChD,EAAK,OAAO,aAAa;UACrB,CAAA;SACN,EAAK,eACJ,kBAAC,QAAD;UAAM,WAAU;oBAAhB,CAAgD,QACzC,EAAK,YAAY,aAAa,CAC9B;;SAEL;WACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD,EAAA,UAAO,EAAe,EAAK,WAAW,EAAQ,CAAA,EAC9C,kBAAC,QAAD,EAAA,UAAO,EAAW,EAAK,UAAU,EAAQ,CAAA,CACrC;UACF;;MACL,EAAK,UACJ,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAK;OACF,CAAA;MAEP,EAAK,gBACJ,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAK;OACF,CAAA;MAEJ;OA/BI,EAAK,GA+BT;KAER;GACE,CAAA,CAEG"}

package/dist/components/actions/index.d.ts

@@ -0,0 +1,6 @@
+export { ActionCard } from './ActionCard';
+export { ActionForm } from './ActionForm';
+export type { ActionFormData } from './ActionForm';
+export { ActionTypeBadge, SourceTypeBadge, TriggerTypeBadge } from './ActionTypeBadge';
+export { ExecutionHistory } from './ExecutionHistory';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/actions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/actions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACvF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/actions/index.js

@@ -0,0 +1,4 @@
+import "./ActionTypeBadge.js";
+import "./ActionCard.js";
+import "./ActionForm.js";
+import "./ExecutionHistory.js";

package/dist/components/agent-manager/AgentManagerAdminBar.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Admin bar for the Agent Manager.
+ *
+ * Horizontal tab strip rendered at the bottom of the layout. Each tab
+ * opens an overlay panel with the corresponding AI management component
+ * (Templates, Contexts, Prompts, Tasks, Stats, Playground).
+ */
+interface AgentManagerAdminBarProps {
+    agentId: string;
+}
+export declare function AgentManagerAdminBar({ agentId }: AgentManagerAdminBarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AgentManagerAdminBar.d.ts.map

package/dist/components/agent-manager/AgentManagerAdminBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentManagerAdminBar.d.ts","sourceRoot":"","sources":["../../../src/components/agent-manager/AgentManagerAdminBar.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AA2BH,UAAU,yBAAyB;IACjC,OAAO,EAAE,MAAM,CAAC;CACjB;AAYD,wBAAgB,oBAAoB,CAAC,EAAE,OAAO,EAAE,EAAE,yBAAyB,2CAkH1E"}

package/dist/components/agent-manager/AgentManagerAdminBar.js

@@ -0,0 +1,146 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useVibeNavigate as t } from "../../providers/VibeControlsProvider.js";
+import { AITemplatesTab as n } from "../ai/AITemplatesTab.js";
+import { AIContextsTab as r } from "../ai/AIContextsTab.js";
+import { AIPromptsTab as i } from "../ai/AIPromptsTab.js";
+import { AITasksTab as a } from "../ai/AITasksTab.js";
+import { AIStatsTab as o } from "../ai/AIStatsTab.js";
+import { AIPlaygroundTab as s } from "../ai/AIPlaygroundTab.js";
+import { BridleConfigPanel as c } from "./BridleConfigPanel.js";
+import { useAgentManagerStore as l } from "../../store/agentManagerStore.js";
+import { useState as u } from "react";
+import { BarChart3 as d, BookOpen as f, ExternalLink as p, FileText as m, ListChecks as h, MessageSquare as g, Play as _, Settings as v, X as y } from "lucide-react";
+import { AnimatePresence as b, motion as x, useReducedMotion as S } from "framer-motion";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+//#region src/components/agent-manager/AgentManagerAdminBar.tsx
+var E = [
+	{
+		key: "templates",
+		label: "Templates",
+		icon: m
+	},
+	{
+		key: "contexts",
+		label: "Contexts",
+		icon: f
+	},
+	{
+		key: "prompts",
+		label: "Prompts",
+		icon: g
+	},
+	{
+		key: "tasks",
+		label: "Tasks",
+		icon: h
+	},
+	{
+		key: "stats",
+		label: "Stats",
+		icon: d
+	},
+	{
+		key: "playground",
+		label: "Playground",
+		icon: _
+	},
+	{
+		key: "config",
+		label: "Config",
+		icon: v
+	}
+];
+function D({ agentId: d }) {
+	let f = l((e) => e.adminTab), m = l((e) => e.setAdminTab), [h, g] = u(!1), _ = S(), v = t(), D = e();
+	function O(e) {
+		h && f === e ? g(!1) : (m(e), g(!0));
+	}
+	function k() {
+		switch (f) {
+			case "templates": return /* @__PURE__ */ w(n, { agentId: d });
+			case "contexts": return /* @__PURE__ */ w(r, { agentId: d });
+			case "prompts": return /* @__PURE__ */ w(i, { agentId: d });
+			case "tasks": return /* @__PURE__ */ w(a, {});
+			case "stats": return /* @__PURE__ */ w(o, { agentId: d });
+			case "playground": return /* @__PURE__ */ w(s, { agentId: d });
+			case "config": return /* @__PURE__ */ w(c, { agentId: d });
+			default: return null;
+		}
+	}
+	return /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(b, { children: h && /* @__PURE__ */ T(x.div, {
+		className: "fixed inset-0 z-40 flex items-center justify-center",
+		initial: _ ? void 0 : { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: { duration: .2 },
+		children: [/* @__PURE__ */ w("div", {
+			className: "absolute inset-0 bg-bg-overlay",
+			onClick: () => g(!1)
+		}), /* @__PURE__ */ T(x.div, {
+			className: "relative w-full max-w-4xl max-h-[80vh] mx-4 rounded-lg border border-border-default bg-bg-surface shadow-xl overflow-hidden flex flex-col",
+			initial: _ ? void 0 : {
+				opacity: 0,
+				scale: .96,
+				y: 16
+			},
+			animate: {
+				opacity: 1,
+				scale: 1,
+				y: 0
+			},
+			exit: {
+				opacity: 0,
+				scale: .96,
+				y: 16
+			},
+			transition: {
+				duration: .2,
+				ease: [
+					.2,
+					0,
+					0,
+					1
+				]
+			},
+			children: [/* @__PURE__ */ T("div", {
+				className: "flex items-center justify-between px-4 py-3 border-b border-border-default",
+				children: [/* @__PURE__ */ w("h2", {
+					className: "text-sm font-semibold text-text-primary capitalize",
+					children: f
+				}), /* @__PURE__ */ T("div", {
+					className: "flex items-center gap-1",
+					children: [/* @__PURE__ */ w("button", {
+						type: "button",
+						onClick: () => v("/ai-tools/" + f),
+						className: "p-1 rounded hover:bg-bg-elevated transition-colors text-text-tertiary hover:text-text-secondary",
+						title: D("vibecontrols.agentManager.adminBar.openFullPage", "Open full page"),
+						children: /* @__PURE__ */ w(p, { className: "w-4 h-4" })
+					}), /* @__PURE__ */ w("button", {
+						type: "button",
+						onClick: () => g(!1),
+						className: "p-1 rounded hover:bg-bg-elevated transition-colors text-text-tertiary hover:text-text-secondary",
+						children: /* @__PURE__ */ w(y, { className: "w-4 h-4" })
+					})]
+				})]
+			}), /* @__PURE__ */ w("div", {
+				className: "flex-1 overflow-y-auto p-4",
+				children: k()
+			})]
+		})]
+	}) }), /* @__PURE__ */ w("div", {
+		className: "flex items-center gap-0.5 px-2 py-1 border-t border-border-default bg-bg-surface overflow-x-auto",
+		children: E.map((e) => {
+			let t = e.icon;
+			return /* @__PURE__ */ T("button", {
+				type: "button",
+				onClick: () => O(e.key),
+				className: `flex items-center gap-1.5 px-2.5 py-1.5 text-xs font-medium rounded transition-colors whitespace-nowrap ${h && f === e.key ? "bg-action-primary-bg/10 text-action-primary-text" : "text-text-tertiary hover:text-text-secondary hover:bg-bg-elevated"}`,
+				children: [/* @__PURE__ */ w(t, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ w("span", { children: e.label })]
+			}, e.key);
+		})
+	})] });
+}
+//#endregion
+export { D as AgentManagerAdminBar };
+
+//# sourceMappingURL=AgentManagerAdminBar.js.map

package/dist/components/agent-manager/AgentManagerAdminBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentManagerAdminBar.js","names":[],"sources":["../../../src/components/agent-manager/AgentManagerAdminBar.tsx"],"sourcesContent":["/**\n * Admin bar for the Agent Manager.\n *\n * Horizontal tab strip rendered at the bottom of the layout. Each tab\n * opens an overlay panel with the corresponding AI management component\n * (Templates, Contexts, Prompts, Tasks, Stats, Playground).\n */\n\nimport { useState } from 'react';\nimport {\n  X,\n  FileText,\n  BookOpen,\n  MessageSquare,\n  ListChecks,\n  BarChart3,\n  Play,\n  Settings,\n  ExternalLink,\n} from 'lucide-react';\nimport { motion, AnimatePresence, useReducedMotion } from 'framer-motion';\nimport { useAgentManagerStore } from '@/store/agentManagerStore';\nimport { useVibeNavigate } from '@/providers/VibeControlsProvider';\nimport type { AdminTab } from '@/types/agentManager';\nimport { AITemplatesTab } from '@/components/ai/AITemplatesTab';\nimport { AIContextsTab } from '@/components/ai/AIContextsTab';\nimport { AIPromptsTab } from '@/components/ai/AIPromptsTab';\nimport { AITasksTab } from '@/components/ai/AITasksTab';\nimport { AIStatsTab } from '@/components/ai/AIStatsTab';\nimport { AIPlaygroundTab } from '@/components/ai/AIPlaygroundTab';\nimport { BridleConfigPanel } from './BridleConfigPanel';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface AgentManagerAdminBarProps {\n  agentId: string;\n}\n\nconst ADMIN_TABS: Array<{ key: AdminTab; label: string; icon: typeof FileText }> = [\n  { key: 'templates', label: 'Templates', icon: FileText },\n  { key: 'contexts', label: 'Contexts', icon: BookOpen },\n  { key: 'prompts', label: 'Prompts', icon: MessageSquare },\n  { key: 'tasks', label: 'Tasks', icon: ListChecks },\n  { key: 'stats', label: 'Stats', icon: BarChart3 },\n  { key: 'playground', label: 'Playground', icon: Play },\n  { key: 'config', label: 'Config', icon: Settings },\n];\n\nexport function AgentManagerAdminBar({ agentId }: AgentManagerAdminBarProps) {\n  const adminTab = useAgentManagerStore((s) => s.adminTab);\n  const setAdminTab = useAgentManagerStore((s) => s.setAdminTab);\n  const [overlayOpen, setOverlayOpen] = useState(false);\n  const shouldReduceMotion = useReducedMotion();\n  const handleNavigate = useVibeNavigate();\n  const tr = useTr();\n\n  function handleTabClick(tab: AdminTab) {\n    if (overlayOpen && adminTab === tab) {\n      setOverlayOpen(false);\n    } else {\n      setAdminTab(tab);\n      setOverlayOpen(true);\n    }\n  }\n\n  function renderTabContent() {\n    switch (adminTab) {\n      case 'templates':\n        return <AITemplatesTab agentId={agentId} />;\n      case 'contexts':\n        return <AIContextsTab agentId={agentId} />;\n      case 'prompts':\n        return <AIPromptsTab agentId={agentId} />;\n      case 'tasks':\n        return <AITasksTab />;\n      case 'stats':\n        return <AIStatsTab agentId={agentId} />;\n      case 'playground':\n        return <AIPlaygroundTab agentId={agentId} />;\n      case 'config':\n        return <BridleConfigPanel agentId={agentId} />;\n      default:\n        return null;\n    }\n  }\n\n  return (\n    <>\n      {/* Admin overlay */}\n      <AnimatePresence>\n        {overlayOpen && (\n          <motion.div\n            className=\"fixed inset-0 z-40 flex items-center justify-center\"\n            initial={shouldReduceMotion ? undefined : { opacity: 0 }}\n            animate={{ opacity: 1 }}\n            exit={{ opacity: 0 }}\n            transition={{ duration: 0.2 }}\n          >\n            {/* Backdrop */}\n            <div className=\"absolute inset-0 bg-bg-overlay\" onClick={() => setOverlayOpen(false)} />\n\n            {/* Content card */}\n            <motion.div\n              className=\"relative w-full max-w-4xl max-h-[80vh] mx-4 rounded-lg border border-border-default bg-bg-surface shadow-xl overflow-hidden flex flex-col\"\n              initial={shouldReduceMotion ? undefined : { opacity: 0, scale: 0.96, y: 16 }}\n              animate={{ opacity: 1, scale: 1, y: 0 }}\n              exit={{ opacity: 0, scale: 0.96, y: 16 }}\n              transition={{ duration: 0.2, ease: [0.2, 0, 0, 1] }}\n            >\n              {/* Header */}\n              <div className=\"flex items-center justify-between px-4 py-3 border-b border-border-default\">\n                <h2 className=\"text-sm font-semibold text-text-primary capitalize\">{adminTab}</h2>\n                <div className=\"flex items-center gap-1\">\n                  <button\n                    type=\"button\"\n                    onClick={() => handleNavigate('/ai-tools/' + adminTab)}\n                    className=\"p-1 rounded hover:bg-bg-elevated transition-colors text-text-tertiary hover:text-text-secondary\"\n                    title={tr('vibecontrols.agentManager.adminBar.openFullPage', 'Open full page')}\n                  >\n                    <ExternalLink className=\"w-4 h-4\" />\n                  </button>\n                  <button\n                    type=\"button\"\n                    onClick={() => setOverlayOpen(false)}\n                    className=\"p-1 rounded hover:bg-bg-elevated transition-colors text-text-tertiary hover:text-text-secondary\"\n                  >\n                    <X className=\"w-4 h-4\" />\n                  </button>\n                </div>\n              </div>\n\n              {/* Tab content */}\n              <div className=\"flex-1 overflow-y-auto p-4\">{renderTabContent()}</div>\n            </motion.div>\n          </motion.div>\n        )}\n      </AnimatePresence>\n\n      {/* Bottom bar */}\n      <div className=\"flex items-center gap-0.5 px-2 py-1 border-t border-border-default bg-bg-surface overflow-x-auto\">\n        {ADMIN_TABS.map((tab) => {\n          const Icon = tab.icon;\n          const isActive = overlayOpen && adminTab === tab.key;\n          return (\n            <button\n              key={tab.key}\n              type=\"button\"\n              onClick={() => handleTabClick(tab.key)}\n              className={`flex items-center gap-1.5 px-2.5 py-1.5 text-xs font-medium rounded transition-colors whitespace-nowrap ${\n                isActive\n                  ? 'bg-action-primary-bg/10 text-action-primary-text'\n                  : 'text-text-tertiary hover:text-text-secondary hover:bg-bg-elevated'\n              }`}\n            >\n              <Icon className=\"w-3.5 h-3.5\" />\n              <span>{tab.label}</span>\n            </button>\n          );\n        })}\n      </div>\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/components/agent-manager/AgentManagerBulkActions.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Bulk actions bar displayed when one or more sessions are selected.
+ *
+ * Provides delete-selected and export-selected actions with
+ * a ConfirmDialog for destructive operations.
+ */
+interface AgentManagerBulkActionsProps {
+    onDeleteSelected: (sessionIds: string[]) => void;
+    onExportSelected?: (sessionIds: string[]) => void;
+}
+export declare function AgentManagerBulkActions({ onDeleteSelected, onExportSelected, }: AgentManagerBulkActionsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=AgentManagerBulkActions.d.ts.map

package/dist/components/agent-manager/AgentManagerBulkActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentManagerBulkActions.d.ts","sourceRoot":"","sources":["../../../src/components/agent-manager/AgentManagerBulkActions.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AASH,UAAU,4BAA4B;IACpC,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACjD,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACnD;AAED,wBAAgB,uBAAuB,CAAC,EACtC,gBAAgB,EAChB,gBAAgB,GACjB,EAAE,4BAA4B,kDAgF9B"}

package/dist/components/agent-manager/AgentManagerBulkActions.js

@@ -0,0 +1,74 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { ConfirmDialog as t } from "../shared/ConfirmDialog.js";
+import "../shared/index.js";
+import { useAgentManagerStore as n } from "../../store/agentManagerStore.js";
+import { useState as r } from "react";
+import { Download as i, Trash2 as a, X as o } from "lucide-react";
+import { motion as s } from "framer-motion";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/agent-manager/AgentManagerBulkActions.tsx
+function d({ onDeleteSelected: d, onExportSelected: f }) {
+	let p = n((e) => e.selectedSessionIds), m = n((e) => e.clearSelection), [h, g] = r(!1), _ = e(), v = p.length;
+	return v === 0 ? null : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ u(s.div, {
+		initial: {
+			opacity: 0,
+			y: 8
+		},
+		animate: {
+			opacity: 1,
+			y: 0
+		},
+		exit: {
+			opacity: 0,
+			y: 8
+		},
+		transition: { duration: .15 },
+		className: "flex items-center gap-2 px-3 py-2 border-t border-border-default bg-bg-elevated",
+		children: [
+			/* @__PURE__ */ u("span", {
+				className: "text-xs font-medium text-text-secondary",
+				children: [
+					v,
+					" ",
+					_("vibecontrols.agentManager.bulkActions.selected", "selected")
+				]
+			}),
+			/* @__PURE__ */ l("div", { className: "flex-1" }),
+			f && /* @__PURE__ */ u("button", {
+				onClick: () => {
+					f?.(p), m();
+				},
+				className: "inline-flex items-center gap-1 px-2 py-1 text-xs font-medium text-text-primary bg-bg-surface border border-border-default rounded-md hover:bg-bg-sunken transition-colors",
+				title: _("vibecontrols.agentManager.bulkActions.exportSelected", "Export selected"),
+				children: [/* @__PURE__ */ l(i, { className: "w-3.5 h-3.5" }), _("vibecontrols.agentManager.bulkActions.export", "Export")]
+			}),
+			/* @__PURE__ */ u("button", {
+				onClick: () => g(!0),
+				className: "inline-flex items-center gap-1 px-2 py-1 text-xs font-medium text-status-error-text bg-bg-surface border border-border-default rounded-md hover:bg-status-error-bg-subtle transition-colors",
+				title: _("vibecontrols.agentManager.bulkActions.deleteSelected", "Delete selected"),
+				children: [/* @__PURE__ */ l(a, { className: "w-3.5 h-3.5" }), _("vibecontrols.agentManager.bulkActions.delete", "Delete")]
+			}),
+			/* @__PURE__ */ l("button", {
+				onClick: m,
+				className: "p-1 rounded text-text-secondary hover:text-text-primary hover:bg-bg-sunken transition-colors",
+				title: _("vibecontrols.agentManager.bulkActions.clearSelection", "Clear selection"),
+				children: /* @__PURE__ */ l(o, { className: "w-3.5 h-3.5" })
+			})
+		]
+	}), /* @__PURE__ */ l(t, {
+		isOpen: h,
+		onClose: () => g(!1),
+		onConfirm: () => {
+			d(p), m(), g(!1);
+		},
+		title: _("vibecontrols.agentManager.bulkActions.deleteSessionsTitle", "Delete Sessions"),
+		message: _("vibecontrols.agentManager.bulkActions.confirmDelete", "Are you sure you want to delete {{count}} session(s)? This cannot be undone.", { count: v }),
+		confirmLabel: _("vibecontrols.agentManager.bulkActions.delete", "Delete"),
+		cancelLabel: _("vibecontrols.agentManager.bulkActions.cancel", "Cancel"),
+		variant: "danger"
+	})] });
+}
+//#endregion
+export { d as AgentManagerBulkActions };
+
+//# sourceMappingURL=AgentManagerBulkActions.js.map

package/dist/components/agent-manager/AgentManagerBulkActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentManagerBulkActions.js","names":[],"sources":["../../../src/components/agent-manager/AgentManagerBulkActions.tsx"],"sourcesContent":["/**\n * Bulk actions bar displayed when one or more sessions are selected.\n *\n * Provides delete-selected and export-selected actions with\n * a ConfirmDialog for destructive operations.\n */\n\nimport { useState } from 'react';\nimport { Trash2, Download, X } from 'lucide-react';\nimport { motion } from 'framer-motion';\nimport { ConfirmDialog } from '@/components/shared';\nimport { useAgentManagerStore } from '@/store/agentManagerStore';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface AgentManagerBulkActionsProps {\n  onDeleteSelected: (sessionIds: string[]) => void;\n  onExportSelected?: (sessionIds: string[]) => void;\n}\n\nexport function AgentManagerBulkActions({\n  onDeleteSelected,\n  onExportSelected,\n}: AgentManagerBulkActionsProps) {\n  const selectedSessionIds = useAgentManagerStore((s) => s.selectedSessionIds);\n  const clearSelection = useAgentManagerStore((s) => s.clearSelection);\n  const [confirmOpen, setConfirmOpen] = useState(false);\n  const tr = useTr();\n\n  const count = selectedSessionIds.length;\n  if (count === 0) return null;\n\n  const handleDelete = () => {\n    onDeleteSelected(selectedSessionIds);\n    clearSelection();\n    setConfirmOpen(false);\n  };\n\n  const handleExport = () => {\n    onExportSelected?.(selectedSessionIds);\n    clearSelection();\n  };\n\n  return (\n    <>\n      <motion.div\n        initial={{ opacity: 0, y: 8 }}\n        animate={{ opacity: 1, y: 0 }}\n        exit={{ opacity: 0, y: 8 }}\n        transition={{ duration: 0.15 }}\n        className=\"flex items-center gap-2 px-3 py-2 border-t border-border-default bg-bg-elevated\"\n      >\n        <span className=\"text-xs font-medium text-text-secondary\">\n          {count} {tr('vibecontrols.agentManager.bulkActions.selected', 'selected')}\n        </span>\n\n        <div className=\"flex-1\" />\n\n        {onExportSelected && (\n          <button\n            onClick={handleExport}\n            className=\"inline-flex items-center gap-1 px-2 py-1 text-xs font-medium text-text-primary bg-bg-surface border border-border-default rounded-md hover:bg-bg-sunken transition-colors\"\n            title={tr('vibecontrols.agentManager.bulkActions.exportSelected', 'Export selected')}\n          >\n            <Download className=\"w-3.5 h-3.5\" />\n            {tr('vibecontrols.agentManager.bulkActions.export', 'Export')}\n          </button>\n        )}\n\n        <button\n          onClick={() => setConfirmOpen(true)}\n          className=\"inline-flex items-center gap-1 px-2 py-1 text-xs font-medium text-status-error-text bg-bg-surface border border-border-default rounded-md hover:bg-status-error-bg-subtle transition-colors\"\n          title={tr('vibecontrols.agentManager.bulkActions.deleteSelected', 'Delete selected')}\n        >\n          <Trash2 className=\"w-3.5 h-3.5\" />\n          {tr('vibecontrols.agentManager.bulkActions.delete', 'Delete')}\n        </button>\n\n        <button\n          onClick={clearSelection}\n          className=\"p-1 rounded text-text-secondary hover:text-text-primary hover:bg-bg-sunken transition-colors\"\n          title={tr('vibecontrols.agentManager.bulkActions.clearSelection', 'Clear selection')}\n        >\n          <X className=\"w-3.5 h-3.5\" />\n        </button>\n      </motion.div>\n\n      <ConfirmDialog\n        isOpen={confirmOpen}\n        onClose={() => setConfirmOpen(false)}\n        onConfirm={handleDelete}\n        title={tr('vibecontrols.agentManager.bulkActions.deleteSessionsTitle', 'Delete Sessions')}\n        message={tr(\n          'vibecontrols.agentManager.bulkActions.confirmDelete',\n          'Are you sure you want to delete {{count}} session(s)? This cannot be undone.',\n          { count }\n        )}\n        confirmLabel={tr('vibecontrols.agentManager.bulkActions.delete', 'Delete')}\n        cancelLabel={tr('vibecontrols.agentManager.bulkActions.cancel', 'Cancel')}\n        variant=\"danger\"\n      />\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;AAmBA,SAAgB,EAAwB,EACtC,qBACA,uBAC+B;CAC/B,IAAM,IAAqB,GAAsB,MAAM,EAAE,mBAAmB,EACtE,IAAiB,GAAsB,MAAM,EAAE,eAAe,EAC9D,CAAC,GAAa,KAAkB,EAAS,GAAM,EAC/C,IAAK,GAAO,EAEZ,IAAQ,EAAmB;AAcjC,QAbI,MAAU,IAAU,OActB,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,EAAO,KAAR;EACE,SAAS;GAAE,SAAS;GAAG,GAAG;GAAG;EAC7B,SAAS;GAAE,SAAS;GAAG,GAAG;GAAG;EAC7B,MAAM;GAAE,SAAS;GAAG,GAAG;GAAG;EAC1B,YAAY,EAAE,UAAU,KAAM;EAC9B,WAAU;YALZ;GAOE,kBAAC,QAAD;IAAM,WAAU;cAAhB;KACG;KAAM;KAAE,EAAG,kDAAkD,WAAW;KACpE;;GAEP,kBAAC,OAAD,EAAK,WAAU,UAAW,CAAA;GAEzB,KACC,kBAAC,UAAD;IACE,eAtBiB;AAEzB,KADA,IAAmB,EAAmB,EACtC,GAAgB;;IAqBR,WAAU;IACV,OAAO,EAAG,wDAAwD,kBAAkB;cAHtF,CAKE,kBAAC,GAAD,EAAU,WAAU,eAAgB,CAAA,EACnC,EAAG,gDAAgD,SAAS,CACtD;;GAGX,kBAAC,UAAD;IACE,eAAe,EAAe,GAAK;IACnC,WAAU;IACV,OAAO,EAAG,wDAAwD,kBAAkB;cAHtF,CAKE,kBAAC,GAAD,EAAQ,WAAU,eAAgB,CAAA,EACjC,EAAG,gDAAgD,SAAS,CACtD;;GAET,kBAAC,UAAD;IACE,SAAS;IACT,WAAU;IACV,OAAO,EAAG,wDAAwD,kBAAkB;cAEpF,kBAAC,GAAD,EAAG,WAAU,eAAgB,CAAA;IACtB,CAAA;GACE;KAEb,kBAAC,GAAD;EACE,QAAQ;EACR,eAAe,EAAe,GAAM;EACpC,iBA1DqB;AAGzB,GAFA,EAAiB,EAAmB,EACpC,GAAgB,EAChB,EAAe,GAAM;;EAwDjB,OAAO,EAAG,6DAA6D,kBAAkB;EACzF,SAAS,EACP,uDACA,gFACA,EAAE,UAAO,CACV;EACD,cAAc,EAAG,gDAAgD,SAAS;EAC1E,aAAa,EAAG,gDAAgD,SAAS;EACzE,SAAQ;EACR,CAAA,CACD,EAAA,CAAA"}

package/dist/components/agent-manager/AgentManagerCenter.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+
+interface AgentManagerCenterProps {
+    agentId: string;
+}
+export declare const AgentManagerCenter: FC<AgentManagerCenterProps>;
+export {};
+//# sourceMappingURL=AgentManagerCenter.d.ts.map

package/dist/components/agent-manager/AgentManagerCenter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentManagerCenter.d.ts","sourceRoot":"","sources":["../../../src/components/agent-manager/AgentManagerCenter.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAyB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAuBvD,UAAU,uBAAuB;IAC/B,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA4G1D,CAAC"}

package/dist/components/agent-manager/AgentManagerCenter.js

@@ -0,0 +1,129 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { EmptyState as t } from "../shared/EmptyState.js";
+import "../shared/index.js";
+import { useAgentManagerStore as n } from "../../store/agentManagerStore.js";
+import { AgentManagerTabBar as r } from "./AgentManagerTabBar.js";
+import { AgentManagerChatPane as i } from "./AgentManagerChatPane.js";
+import { AgentManagerAdminBar as a } from "./AgentManagerAdminBar.js";
+import { SessionSearchDialog as o } from "./dialogs/SessionSearchDialog.js";
+import { useCallback as s, useState as c } from "react";
+import { MessageSquarePlus as l, X as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/agent-manager/AgentManagerCenter.tsx
+var p = [
+	{
+		keys: "Ctrl+Shift+N",
+		description: "New session"
+	},
+	{
+		keys: "Ctrl+K",
+		description: "Search sessions"
+	},
+	{
+		keys: "Ctrl+F",
+		description: "In-session search"
+	},
+	{
+		keys: "Escape",
+		description: "Cancel"
+	},
+	{
+		keys: "Enter",
+		description: "Send message"
+	},
+	{
+		keys: "Shift+Enter",
+		description: "New line"
+	}
+], m = ({ agentId: m }) => {
+	let h = n((e) => e.tabs), g = n((e) => e.activeTabSessionId), _ = n((e) => e.openSession), v = e(), [y, b] = c(!1), [x, S] = c(!1);
+	return /* @__PURE__ */ f("div", {
+		className: "flex flex-col h-full min-h-0",
+		children: [
+			/* @__PURE__ */ d(r, {
+				agentId: m,
+				onSearch: s(() => b(!0), []),
+				onShowShortcuts: () => S(!0)
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "flex-1 min-h-0 overflow-hidden",
+				children: g && h.some((e) => e.sessionId === g) ? /* @__PURE__ */ d(i, {
+					sessionId: g,
+					agentId: m
+				}, g) : /* @__PURE__ */ d("div", {
+					className: "flex-1 flex items-center justify-center h-full",
+					children: /* @__PURE__ */ d(t, {
+						icon: /* @__PURE__ */ d(l, { className: "w-8 h-8 text-text-secondary" }),
+						title: v("vibecontrols.agentManager.center.noActiveSession", "No active session"),
+						description: v("vibecontrols.agentManager.center.createSessionDesc", "Create a new session to start interacting with the AI agent."),
+						action: /* @__PURE__ */ d("button", {
+							onClick: () => {
+								_(`session-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`);
+							},
+							className: "px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
+							children: v("vibecontrols.agentManager.center.createNewSession", "Create a new session")
+						})
+					})
+				})
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "flex-shrink-0",
+				children: /* @__PURE__ */ d(a, { agentId: m })
+			}),
+			/* @__PURE__ */ d(o, {
+				isOpen: y,
+				agentId: m,
+				onClose: () => b(!1)
+			}),
+			x && /* @__PURE__ */ f("div", {
+				className: "fixed inset-0 z-50 flex items-center justify-center",
+				children: [/* @__PURE__ */ d("div", {
+					className: "absolute inset-0 bg-bg-overlay",
+					onClick: () => S(!1)
+				}), /* @__PURE__ */ f("div", {
+					className: "relative w-full max-w-sm mx-4 rounded-lg border border-border-default bg-bg-surface shadow-xl",
+					children: [
+						/* @__PURE__ */ f("div", {
+							className: "flex items-center justify-between px-6 py-4 border-b border-border-default",
+							children: [/* @__PURE__ */ d("h3", {
+								className: "text-lg font-semibold text-text-primary",
+								children: v("vibecontrols.agentManager.center.keyboardShortcuts", "Keyboard Shortcuts")
+							}), /* @__PURE__ */ d("button", {
+								type: "button",
+								onClick: () => S(!1),
+								className: "p-1 rounded hover:bg-bg-sunken transition-colors",
+								children: /* @__PURE__ */ d(u, { className: "w-5 h-5 text-text-secondary" })
+							})]
+						}),
+						/* @__PURE__ */ d("div", {
+							className: "px-6 py-4 space-y-2",
+							children: p.map((e) => /* @__PURE__ */ f("div", {
+								className: "flex items-center justify-between py-1",
+								children: [/* @__PURE__ */ d("span", {
+									className: "text-sm text-text-secondary",
+									children: e.description
+								}), /* @__PURE__ */ d("kbd", {
+									className: "px-2 py-0.5 text-xs font-mono rounded bg-bg-elevated border border-border-default text-text-primary",
+									children: e.keys
+								})]
+							}, e.keys))
+						}),
+						/* @__PURE__ */ d("div", {
+							className: "px-6 py-3 border-t border-border-default bg-bg-sunken rounded-b-lg",
+							children: /* @__PURE__ */ d("button", {
+								type: "button",
+								onClick: () => S(!1),
+								className: "w-full px-4 py-2 text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-md hover:bg-bg-elevated transition-colors",
+								children: v("vibecontrols.agentManager.center.close", "Close")
+							})
+						})
+					]
+				})]
+			})
+		]
+	});
+};
+//#endregion
+export { m as AgentManagerCenter };
+
+//# sourceMappingURL=AgentManagerCenter.js.map

package/dist/components/agent-manager/AgentManagerCenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentManagerCenter.js","names":[],"sources":["../../../src/components/agent-manager/AgentManagerCenter.tsx"],"sourcesContent":["/**\n * Center container for the Agent Manager.\n *\n * Renders the tab bar at top and the active session's chat pane below.\n * Shows a welcome/empty state when no tabs are open.\n */\n\nimport { useState, useCallback, type FC } from 'react';\nimport { MessageSquarePlus, X } from 'lucide-react';\nimport { useAgentManagerStore } from '@/store/agentManagerStore';\nimport { EmptyState } from '@/components/shared';\nimport { AgentManagerTabBar } from './AgentManagerTabBar';\nimport { AgentManagerChatPane } from './AgentManagerChatPane';\nimport { AgentManagerAdminBar } from './AgentManagerAdminBar';\nimport { SessionSearchDialog } from './dialogs/SessionSearchDialog';\nimport { useTr } from '../../shared/hooks/useTr';\n\n/* ────────────────────────────────────────────────────────────────────── */\n/*  Keyboard shortcuts reference                                        */\n/* ────────────────────────────────────────────────────────────────────── */\n\nconst SHORTCUTS: Array<{ keys: string; description: string }> = [\n  { keys: 'Ctrl+Shift+N', description: 'New session' },\n  { keys: 'Ctrl+K', description: 'Search sessions' },\n  { keys: 'Ctrl+F', description: 'In-session search' },\n  { keys: 'Escape', description: 'Cancel' },\n  { keys: 'Enter', description: 'Send message' },\n  { keys: 'Shift+Enter', description: 'New line' },\n];\n\ninterface AgentManagerCenterProps {\n  agentId: string;\n}\n\nexport const AgentManagerCenter: FC<AgentManagerCenterProps> = ({ agentId }) => {\n  const tabs = useAgentManagerStore((s) => s.tabs);\n  const activeTabSessionId = useAgentManagerStore((s) => s.activeTabSessionId);\n  const openSession = useAgentManagerStore((s) => s.openSession);\n  const tr = useTr();\n\n  const [searchOpen, setSearchOpen] = useState(false);\n  const [shortcutsOpen, setShortcutsOpen] = useState(false);\n\n  const handleCreateSession = () => {\n    const sessionId = `session-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`;\n    openSession(sessionId);\n  };\n\n  const handleOpenSearch = useCallback(() => setSearchOpen(true), []);\n\n  return (\n    <div className=\"flex flex-col h-full min-h-0\">\n      {/* Tab bar — occupies full row width, search/help live inside the tabBar area */}\n      <AgentManagerTabBar\n        agentId={agentId}\n        onSearch={handleOpenSearch}\n        onShowShortcuts={() => setShortcutsOpen(true)}\n      />\n\n      {/* Active session or empty state */}\n      <div className=\"flex-1 min-h-0 overflow-hidden\">\n        {activeTabSessionId && tabs.some((t) => t.sessionId === activeTabSessionId) ? (\n          <AgentManagerChatPane\n            key={activeTabSessionId}\n            sessionId={activeTabSessionId}\n            agentId={agentId}\n          />\n        ) : (\n          <div className=\"flex-1 flex items-center justify-center h-full\">\n            <EmptyState\n              icon={<MessageSquarePlus className=\"w-8 h-8 text-text-secondary\" />}\n              title={tr('vibecontrols.agentManager.center.noActiveSession', 'No active session')}\n              description={tr(\n                'vibecontrols.agentManager.center.createSessionDesc',\n                'Create a new session to start interacting with the AI agent.'\n              )}\n              action={\n                <button\n                  onClick={handleCreateSession}\n                  className=\"px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors\"\n                >\n                  {tr('vibecontrols.agentManager.center.createNewSession', 'Create a new session')}\n                </button>\n              }\n            />\n          </div>\n        )}\n      </div>\n\n      {/* Admin bar at bottom */}\n      <div className=\"flex-shrink-0\">\n        <AgentManagerAdminBar agentId={agentId} />\n      </div>\n\n      {/* Session search dialog */}\n      <SessionSearchDialog\n        isOpen={searchOpen}\n        agentId={agentId}\n        onClose={() => setSearchOpen(false)}\n      />\n\n      {/* Keyboard shortcuts modal */}\n      {shortcutsOpen && (\n        <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n          <div className=\"absolute inset-0 bg-bg-overlay\" onClick={() => setShortcutsOpen(false)} />\n          <div className=\"relative w-full max-w-sm mx-4 rounded-lg border border-border-default bg-bg-surface shadow-xl\">\n            <div className=\"flex items-center justify-between px-6 py-4 border-b border-border-default\">\n              <h3 className=\"text-lg font-semibold text-text-primary\">\n                {tr('vibecontrols.agentManager.center.keyboardShortcuts', 'Keyboard Shortcuts')}\n              </h3>\n              <button\n                type=\"button\"\n                onClick={() => setShortcutsOpen(false)}\n                className=\"p-1 rounded hover:bg-bg-sunken transition-colors\"\n              >\n                <X className=\"w-5 h-5 text-text-secondary\" />\n              </button>\n            </div>\n            <div className=\"px-6 py-4 space-y-2\">\n              {SHORTCUTS.map((s) => (\n                <div key={s.keys} className=\"flex items-center justify-between py-1\">\n                  <span className=\"text-sm text-text-secondary\">{s.description}</span>\n                  <kbd className=\"px-2 py-0.5 text-xs font-mono rounded bg-bg-elevated border border-border-default text-text-primary\">\n                    {s.keys}\n                  </kbd>\n                </div>\n              ))}\n            </div>\n            <div className=\"px-6 py-3 border-t border-border-default bg-bg-sunken rounded-b-lg\">\n              <button\n                type=\"button\"\n                onClick={() => setShortcutsOpen(false)}\n                className=\"w-full px-4 py-2 text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-md hover:bg-bg-elevated transition-colors\"\n              >\n                {tr('vibecontrols.agentManager.center.close', 'Close')}\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAqBA,IAAM,IAA0D;CAC9D;EAAE,MAAM;EAAgB,aAAa;EAAe;CACpD;EAAE,MAAM;EAAU,aAAa;EAAmB;CAClD;EAAE,MAAM;EAAU,aAAa;EAAqB;CACpD;EAAE,MAAM;EAAU,aAAa;EAAU;CACzC;EAAE,MAAM;EAAS,aAAa;EAAgB;CAC9C;EAAE,MAAM;EAAe,aAAa;EAAY;CACjD,EAMY,KAAmD,EAAE,iBAAc;CAC9E,IAAM,IAAO,GAAsB,MAAM,EAAE,KAAK,EAC1C,IAAqB,GAAsB,MAAM,EAAE,mBAAmB,EACtE,IAAc,GAAsB,MAAM,EAAE,YAAY,EACxD,IAAK,GAAO,EAEZ,CAAC,GAAY,KAAiB,EAAS,GAAM,EAC7C,CAAC,GAAe,KAAoB,EAAS,GAAM;AASzD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GAEE,kBAAC,GAAD;IACW;IACT,UAPmB,QAAkB,EAAc,GAAK,EAAE,EAAE,CAAC;IAQ7D,uBAAuB,EAAiB,GAAK;IAC7C,CAAA;GAGF,kBAAC,OAAD;IAAK,WAAU;cACZ,KAAsB,EAAK,MAAM,MAAM,EAAE,cAAc,EAAmB,GACzE,kBAAC,GAAD;KAEE,WAAW;KACF;KACT,EAHK,EAGL,GAEF,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAmB,WAAU,+BAAgC,CAAA;MACnE,OAAO,EAAG,oDAAoD,oBAAoB;MAClF,aAAa,EACX,sDACA,+DACD;MACD,QACE,kBAAC,UAAD;OACE,eAnCkB;AAEhC,UADkB,WAAW,KAAK,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE,GAC3D;;OAkCR,WAAU;iBAET,EAAG,qDAAqD,uBAAuB;OACzE,CAAA;MAEX,CAAA;KACE,CAAA;IAEJ,CAAA;GAGN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAA+B,YAAW,CAAA;IACtC,CAAA;GAGN,kBAAC,GAAD;IACE,QAAQ;IACC;IACT,eAAe,EAAc,GAAM;IACnC,CAAA;GAGD,KACC,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;KAAiC,eAAe,EAAiB,GAAM;KAAI,CAAA,EAC1F,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,MAAD;QAAI,WAAU;kBACX,EAAG,sDAAsD,qBAAqB;QAC5E,CAAA,EACL,kBAAC,UAAD;QACE,MAAK;QACL,eAAe,EAAiB,GAAM;QACtC,WAAU;kBAEV,kBAAC,GAAD,EAAG,WAAU,+BAAgC,CAAA;QACtC,CAAA,CACL;;MACN,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAU,KAAK,MACd,kBAAC,OAAD;QAAkB,WAAU;kBAA5B,CACE,kBAAC,QAAD;SAAM,WAAU;mBAA+B,EAAE;SAAmB,CAAA,EACpE,kBAAC,OAAD;SAAK,WAAU;mBACZ,EAAE;SACC,CAAA,CACF;UALI,EAAE,KAKN,CACN;OACE,CAAA;MACN,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,UAAD;QACE,MAAK;QACL,eAAe,EAAiB,GAAM;QACtC,WAAU;kBAET,EAAG,0CAA0C,QAAQ;QAC/C,CAAA;OACL,CAAA;MACF;OACF;;GAEJ"}

package/dist/components/agent-manager/AgentManagerChatPane.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+
+interface AgentManagerChatPaneProps {
+    sessionId: string;
+    agentId: string;
+}
+export declare const AgentManagerChatPane: FC<AgentManagerChatPaneProps>;
+export {};
+//# sourceMappingURL=AgentManagerChatPane.d.ts.map

package/dist/components/agent-manager/AgentManagerChatPane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentManagerChatPane.d.ts","sourceRoot":"","sources":["../../../src/components/agent-manager/AgentManagerChatPane.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAA6C,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAY3E,UAAU,yBAAyB;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CA0L9D,CAAC"}