@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/components/agent-manager/dialogs/ExportSessionDialog.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Export session dialog.
+ *
+ * Lets the user choose between JSON and Markdown export formats,
+ * then triggers a file download.
+ */
+interface ExportSessionDialogProps {
+    isOpen: boolean;
+    sessionId: string;
+    agentId: string;
+    onClose: () => void;
+}
+export declare function ExportSessionDialog({ isOpen, sessionId, agentId, onClose, }: ExportSessionDialogProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=ExportSessionDialog.d.ts.map

package/dist/components/agent-manager/dialogs/ExportSessionDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportSessionDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/agent-manager/dialogs/ExportSessionDialog.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAQH,UAAU,wBAAwB;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAID,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,SAAS,EACT,OAAO,EACP,OAAO,GACR,EAAE,wBAAwB,kDA0I1B"}

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

@@ -0,0 +1,141 @@
+import { useTr as e } from "../../../shared/hooks/useTr.js";
+import { exportSession as t } from "../../../services/aiApi.js";
+import { useCallback as n, useState as r } from "react";
+import { Download as i, X as a } from "lucide-react";
+import { AnimatePresence as o, motion as s, useReducedMotion as c } from "framer-motion";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/agent-manager/dialogs/ExportSessionDialog.tsx
+function d({ isOpen: d, sessionId: f, agentId: p, onClose: m }) {
+	let [h, g] = r("json"), [_, v] = r(!1), [y, b] = r(null), x = c(), S = e(), C = n(async () => {
+		v(!0), b(null);
+		try {
+			let e = await t(p, f, h), n = h === "json" ? "json" : "md", r = URL.createObjectURL(e), i = document.createElement("a");
+			i.href = r, i.download = `session-${f}.${n}`, document.body.appendChild(i), i.click(), document.body.removeChild(i), URL.revokeObjectURL(r), m();
+		} catch (e) {
+			b(e instanceof Error ? e.message : "Export failed");
+		} finally {
+			v(!1);
+		}
+	}, [
+		p,
+		f,
+		h,
+		m
+	]);
+	return d ? /* @__PURE__ */ l(o, { children: d && /* @__PURE__ */ u("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center",
+		children: [/* @__PURE__ */ l(s.div, {
+			className: "absolute inset-0 bg-bg-overlay",
+			initial: x ? void 0 : { opacity: 0 },
+			animate: { opacity: 1 },
+			exit: { opacity: 0 },
+			transition: { duration: .2 },
+			onClick: m
+		}), /* @__PURE__ */ u(s.div, {
+			className: "relative w-full max-w-sm mx-4 rounded-lg border border-border-default bg-bg-surface shadow-xl",
+			initial: x ? void 0 : {
+				opacity: 0,
+				scale: .95,
+				y: 8
+			},
+			animate: {
+				opacity: 1,
+				scale: 1,
+				y: 0
+			},
+			exit: {
+				opacity: 0,
+				scale: .95,
+				y: 8
+			},
+			transition: {
+				duration: .2,
+				ease: [
+					.2,
+					0,
+					0,
+					1
+				]
+			},
+			children: [
+				/* @__PURE__ */ u("div", {
+					className: "flex items-center justify-between px-6 py-4 border-b border-border-default",
+					children: [/* @__PURE__ */ l("h3", {
+						className: "text-lg font-semibold text-text-primary",
+						children: S("vibecontrols.agentManager.dialogs.exportSession", "Export Session")
+					}), /* @__PURE__ */ l("button", {
+						type: "button",
+						onClick: m,
+						className: "p-1 rounded hover:bg-bg-sunken transition-colors",
+						children: /* @__PURE__ */ l(a, { className: "w-5 h-5 text-text-secondary" })
+					})]
+				}),
+				/* @__PURE__ */ u("div", {
+					className: "px-6 py-4 space-y-3",
+					children: [
+						/* @__PURE__ */ l("p", {
+							className: "text-sm text-text-secondary",
+							children: S("vibecontrols.agentManager.dialogs.chooseFormat", "Choose the export format:")
+						}),
+						/* @__PURE__ */ u("label", {
+							className: "flex items-center gap-3 p-3 rounded-md border border-border-default hover:bg-bg-elevated transition-colors cursor-pointer",
+							children: [/* @__PURE__ */ l("input", {
+								type: "radio",
+								name: "export-format",
+								checked: h === "json",
+								onChange: () => g("json"),
+								className: "accent-action-primary-bg"
+							}), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("span", {
+								className: "text-sm font-medium text-text-primary",
+								children: "JSON"
+							}), /* @__PURE__ */ l("p", {
+								className: "text-xs text-text-tertiary",
+								children: S("vibecontrols.agentManager.dialogs.jsonDescription", "Structured data, importable")
+							})] })]
+						}),
+						/* @__PURE__ */ u("label", {
+							className: "flex items-center gap-3 p-3 rounded-md border border-border-default hover:bg-bg-elevated transition-colors cursor-pointer",
+							children: [/* @__PURE__ */ l("input", {
+								type: "radio",
+								name: "export-format",
+								checked: h === "markdown",
+								onChange: () => g("markdown"),
+								className: "accent-action-primary-bg"
+							}), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("span", {
+								className: "text-sm font-medium text-text-primary",
+								children: "Markdown"
+							}), /* @__PURE__ */ l("p", {
+								className: "text-xs text-text-tertiary",
+								children: S("vibecontrols.agentManager.dialogs.markdownDescription", "Human-readable, shareable")
+							})] })]
+						}),
+						y && /* @__PURE__ */ l("p", {
+							className: "text-xs text-status-error-text",
+							children: y
+						})
+					]
+				}),
+				/* @__PURE__ */ u("div", {
+					className: "flex items-center justify-end gap-3 px-6 py-4 border-t border-border-default bg-bg-sunken rounded-b-lg",
+					children: [/* @__PURE__ */ l("button", {
+						type: "button",
+						onClick: m,
+						disabled: _,
+						className: "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 disabled:opacity-50",
+						children: S("vibecontrols.agentManager.dialogs.cancel", "Cancel")
+					}), /* @__PURE__ */ u("button", {
+						type: "button",
+						onClick: C,
+						disabled: _,
+						className: "flex items-center gap-1.5 px-4 py-2 text-sm font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed",
+						children: [/* @__PURE__ */ l(i, { className: "w-4 h-4" }), _ ? S("vibecontrols.agentManager.dialogs.exporting", "Exporting...") : S("vibecontrols.agentManager.dialogs.export", "Export")]
+					})]
+				})
+			]
+		})]
+	}) }) : null;
+}
+//#endregion
+export { d as ExportSessionDialog };
+
+//# sourceMappingURL=ExportSessionDialog.js.map

package/dist/components/agent-manager/dialogs/ExportSessionDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportSessionDialog.js","names":[],"sources":["../../../../src/components/agent-manager/dialogs/ExportSessionDialog.tsx"],"sourcesContent":["/**\n * Export session dialog.\n *\n * Lets the user choose between JSON and Markdown export formats,\n * then triggers a file download.\n */\n\nimport { useState, useCallback } from 'react';\nimport { X, Download } from 'lucide-react';\nimport { motion, AnimatePresence, useReducedMotion } from 'framer-motion';\nimport { exportSession } from '@/services/aiApi';\nimport { useTr } from '../../../shared/hooks/useTr';\n\ninterface ExportSessionDialogProps {\n  isOpen: boolean;\n  sessionId: string;\n  agentId: string;\n  onClose: () => void;\n}\n\ntype ExportFormat = 'json' | 'markdown';\n\nexport function ExportSessionDialog({\n  isOpen,\n  sessionId,\n  agentId,\n  onClose,\n}: ExportSessionDialogProps) {\n  const [format, setFormat] = useState<ExportFormat>('json');\n  const [exporting, setExporting] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const shouldReduceMotion = useReducedMotion();\n  const tr = useTr();\n\n  const handleExport = useCallback(async () => {\n    setExporting(true);\n    setError(null);\n    try {\n      const blob = await exportSession(agentId, sessionId, format);\n      const ext = format === 'json' ? 'json' : 'md';\n      const url = URL.createObjectURL(blob);\n      const a = document.createElement('a');\n      a.href = url;\n      a.download = `session-${sessionId}.${ext}`;\n      document.body.appendChild(a);\n      a.click();\n      document.body.removeChild(a);\n      URL.revokeObjectURL(url);\n      onClose();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Export failed');\n    } finally {\n      setExporting(false);\n    }\n  }, [agentId, sessionId, format, onClose]);\n\n  if (!isOpen) return null;\n\n  return (\n    <AnimatePresence>\n      {isOpen && (\n        <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n          <motion.div\n            className=\"absolute inset-0 bg-bg-overlay\"\n            initial={shouldReduceMotion ? undefined : { opacity: 0 }}\n            animate={{ opacity: 1 }}\n            exit={{ opacity: 0 }}\n            transition={{ duration: 0.2 }}\n            onClick={onClose}\n          />\n          <motion.div\n            className=\"relative w-full max-w-sm mx-4 rounded-lg border border-border-default bg-bg-surface shadow-xl\"\n            initial={shouldReduceMotion ? undefined : { opacity: 0, scale: 0.95, y: 8 }}\n            animate={{ opacity: 1, scale: 1, y: 0 }}\n            exit={{ opacity: 0, scale: 0.95, y: 8 }}\n            transition={{ duration: 0.2, ease: [0.2, 0, 0, 1] }}\n          >\n            {/* Header */}\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.dialogs.exportSession', 'Export Session')}\n              </h3>\n              <button\n                type=\"button\"\n                onClick={onClose}\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\n            {/* Body */}\n            <div className=\"px-6 py-4 space-y-3\">\n              <p className=\"text-sm text-text-secondary\">\n                {tr('vibecontrols.agentManager.dialogs.chooseFormat', 'Choose the export format:')}\n              </p>\n\n              <label className=\"flex items-center gap-3 p-3 rounded-md border border-border-default hover:bg-bg-elevated transition-colors cursor-pointer\">\n                <input\n                  type=\"radio\"\n                  name=\"export-format\"\n                  checked={format === 'json'}\n                  onChange={() => setFormat('json')}\n                  className=\"accent-action-primary-bg\"\n                />\n                <div>\n                  <span className=\"text-sm font-medium text-text-primary\">JSON</span>\n                  <p className=\"text-xs text-text-tertiary\">\n                    {tr(\n                      'vibecontrols.agentManager.dialogs.jsonDescription',\n                      'Structured data, importable'\n                    )}\n                  </p>\n                </div>\n              </label>\n\n              <label className=\"flex items-center gap-3 p-3 rounded-md border border-border-default hover:bg-bg-elevated transition-colors cursor-pointer\">\n                <input\n                  type=\"radio\"\n                  name=\"export-format\"\n                  checked={format === 'markdown'}\n                  onChange={() => setFormat('markdown')}\n                  className=\"accent-action-primary-bg\"\n                />\n                <div>\n                  <span className=\"text-sm font-medium text-text-primary\">Markdown</span>\n                  <p className=\"text-xs text-text-tertiary\">\n                    {tr(\n                      'vibecontrols.agentManager.dialogs.markdownDescription',\n                      'Human-readable, shareable'\n                    )}\n                  </p>\n                </div>\n              </label>\n\n              {error && <p className=\"text-xs text-status-error-text\">{error}</p>}\n            </div>\n\n            {/* Footer */}\n            <div className=\"flex items-center justify-end gap-3 px-6 py-4 border-t border-border-default bg-bg-sunken rounded-b-lg\">\n              <button\n                type=\"button\"\n                onClick={onClose}\n                disabled={exporting}\n                className=\"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 disabled:opacity-50\"\n              >\n                {tr('vibecontrols.agentManager.dialogs.cancel', 'Cancel')}\n              </button>\n              <button\n                type=\"button\"\n                onClick={handleExport}\n                disabled={exporting}\n                className=\"flex items-center gap-1.5 px-4 py-2 text-sm font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed\"\n              >\n                <Download className=\"w-4 h-4\" />\n                {exporting\n                  ? tr('vibecontrols.agentManager.dialogs.exporting', 'Exporting...')\n                  : tr('vibecontrols.agentManager.dialogs.export', 'Export')}\n              </button>\n            </div>\n          </motion.div>\n        </div>\n      )}\n    </AnimatePresence>\n  );\n}\n"],"mappings":"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"}

package/dist/components/agent-manager/dialogs/NewSessionDialog.d.ts

@@ -0,0 +1,14 @@
+/**
+ * New session creation dialog.
+ *
+ * Modal overlay with fields for session name, SDK, model, and mode.
+ * Creates a session via aiApi and opens it as a new tab.
+ */
+interface NewSessionDialogProps {
+    agentId: string;
+    isOpen: boolean;
+    onClose: () => void;
+}
+export declare function NewSessionDialog({ agentId, isOpen, onClose }: NewSessionDialogProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=NewSessionDialog.d.ts.map

package/dist/components/agent-manager/dialogs/NewSessionDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewSessionDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/agent-manager/dialogs/NewSessionDialog.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAYH,UAAU,qBAAqB;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAwBD,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,qBAAqB,kDAgOnF"}

package/dist/components/agent-manager/dialogs/NewSessionDialog.js

@@ -0,0 +1,209 @@
+import { useTr as e } from "../../../shared/hooks/useTr.js";
+import { createSession as t, fetchProviders as n } from "../../../services/aiApi.js";
+import { useAgentManagerStore as r } from "../../../store/agentManagerStore.js";
+import { ModelSelector as i } from "../controls/ModelSelector.js";
+import { SdkSelector as a } from "../controls/SdkSelector.js";
+import { useCallback as o, useEffect as s, useState as c } from "react";
+import { X as l } from "lucide-react";
+import { AnimatePresence as u, motion as d, useReducedMotion as f } from "framer-motion";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/agent-manager/dialogs/NewSessionDialog.tsx
+var h = {
+	claude: "claude-sonnet-4-20250514",
+	codex: "gpt-4.1-mini",
+	gemini: "gemini-2.5-flash",
+	opencode: "claude-sonnet-4-20250514",
+	"openai-compat": "gpt-3.5-turbo",
+	goose: "default",
+	amp: "default",
+	copilot: "default",
+	crush: "default",
+	pi: "default",
+	aider: "default",
+	plandex: "default"
+}, g = new Set(Object.keys(h));
+function _(e) {
+	let t = (e.name || e.pluginName).replace(/^ai-/, "");
+	return g.has(t) ? t : null;
+}
+function v({ agentId: g, isOpen: v, onClose: y }) {
+	let [b, x] = c(""), [S, C] = c("claude"), [w, T] = c("claude-sonnet-4-20250514"), [E, D] = c([]), O = (e) => {
+		C(e), T(h[e] || "default");
+	}, [k, A] = c(""), [j, M] = c("sdk"), [N, P] = c(!1), [F, I] = c(null), L = r((e) => e.openSession), R = r((e) => e.setSessionSdk), z = r((e) => e.setSessionModel), B = r((e) => e.setSessionMode), V = f(), H = e();
+	s(() => {
+		if (!v) return;
+		let e = !1;
+		return n(g).then((t) => {
+			e || D(t);
+		}).catch(() => {
+			e || D([]);
+		}), () => {
+			e = !0;
+		};
+	}, [g, v]), s(() => {
+		if (!v || E.length === 0) return;
+		let e = E.find((e) => _(e) === S), t = E.find((e) => e.isDefault) ?? E[0], n = e ?? t;
+		if (!n) return;
+		let r = _(n);
+		r && !e && (C(r), T(h[r] || "default"));
+		let i = n.supportedModes ?? [];
+		i.length > 0 && !i.includes(j) && M(n.defaultMode ?? n.currentMode ?? i[0] ?? "cli");
+	}, [
+		v,
+		j,
+		E,
+		S
+	]);
+	let U = o(async () => {
+		if (b.trim()) {
+			P(!0), I(null);
+			try {
+				let e = await t(g, {
+					name: b.trim(),
+					agentType: S,
+					config: {
+						model: w,
+						mode: j,
+						tags: k.split(",").map((e) => e.trim()).filter(Boolean)
+					}
+				});
+				L(e.id, e.name), R(e.id, S), z(e.id, w), B(e.id, j), x(""), C("claude"), T("claude-sonnet-4-20250514"), M("sdk"), A(""), y();
+			} catch (e) {
+				I(e instanceof Error ? e.message : "Failed to create session");
+			} finally {
+				P(!1);
+			}
+		}
+	}, [
+		g,
+		b,
+		S,
+		w,
+		j,
+		k,
+		L,
+		R,
+		z,
+		B,
+		y
+	]);
+	return v ? /* @__PURE__ */ p(u, { children: v && /* @__PURE__ */ m("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center",
+		children: [/* @__PURE__ */ p(d.div, {
+			className: "absolute inset-0 bg-bg-overlay",
+			initial: V ? void 0 : { opacity: 0 },
+			animate: { opacity: 1 },
+			exit: { opacity: 0 },
+			transition: { duration: .2 },
+			onClick: y
+		}), /* @__PURE__ */ m(d.div, {
+			className: "relative w-full max-w-md mx-4 rounded-lg border border-border-default bg-bg-surface shadow-xl",
+			initial: V ? void 0 : {
+				opacity: 0,
+				scale: .95,
+				y: 8
+			},
+			animate: {
+				opacity: 1,
+				scale: 1,
+				y: 0
+			},
+			exit: {
+				opacity: 0,
+				scale: .95,
+				y: 8
+			},
+			transition: {
+				duration: .2,
+				ease: [
+					.2,
+					0,
+					0,
+					1
+				]
+			},
+			children: [
+				/* @__PURE__ */ m("div", {
+					className: "flex items-center justify-between px-6 py-4 border-b border-border-default",
+					children: [/* @__PURE__ */ p("h3", {
+						className: "text-lg font-semibold text-text-primary",
+						children: H("vibecontrols.agentManager.dialogs.newSession", "New Session")
+					}), /* @__PURE__ */ p("button", {
+						type: "button",
+						onClick: y,
+						className: "p-1 rounded hover:bg-bg-sunken transition-colors",
+						children: /* @__PURE__ */ p(l, { className: "w-5 h-5 text-text-secondary" })
+					})]
+				}),
+				/* @__PURE__ */ m("div", {
+					className: "px-6 py-4 space-y-4",
+					children: [
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+							className: "block text-sm font-medium text-text-primary mb-1",
+							children: H("vibecontrols.agentManager.dialogs.name", "Name")
+						}), /* @__PURE__ */ p("input", {
+							type: "text",
+							value: b,
+							onChange: (e) => x(e.target.value),
+							placeholder: "My session",
+							className: "w-full rounded-md border border-border-default bg-bg-primary px-3 py-2 text-sm text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong transition-colors",
+							autoFocus: !0
+						})] }),
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+							className: "block text-sm font-medium text-text-primary mb-1",
+							children: H("vibecontrols.agentManager.dialogs.sdkAndMode", "SDK & Mode")
+						}), /* @__PURE__ */ p(a, {
+							sdk: S,
+							mode: j,
+							providers: E,
+							onSdkChange: O,
+							onModeChange: M
+						})] }),
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+							className: "block text-sm font-medium text-text-primary mb-1",
+							children: H("vibecontrols.agentManager.dialogs.model", "Model")
+						}), /* @__PURE__ */ p(i, {
+							value: w,
+							onChange: T,
+							provider: S
+						})] }),
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+							className: "block text-sm font-medium text-text-primary mb-1",
+							children: H("vibecontrols.agentManager.dialogs.tagsLabel", "Tags (comma-separated)")
+						}), /* @__PURE__ */ p("input", {
+							type: "text",
+							value: k,
+							onChange: (e) => A(e.target.value),
+							placeholder: "e.g. frontend, bugfix, prototype",
+							className: "w-full rounded-md border border-border-default bg-bg-primary px-3 py-2 text-sm text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong transition-colors"
+						})] }),
+						F && /* @__PURE__ */ p("p", {
+							className: "text-xs text-status-error-text",
+							children: F
+						})
+					]
+				}),
+				/* @__PURE__ */ m("div", {
+					className: "flex items-center justify-end gap-3 px-6 py-4 border-t border-border-default bg-bg-sunken rounded-b-lg",
+					children: [/* @__PURE__ */ p("button", {
+						type: "button",
+						onClick: y,
+						disabled: N,
+						className: "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 disabled:opacity-50",
+						children: H("vibecontrols.agentManager.dialogs.cancel", "Cancel")
+					}), /* @__PURE__ */ p("button", {
+						type: "button",
+						onClick: U,
+						disabled: N || !b.trim(),
+						className: "px-4 py-2 text-sm font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed",
+						children: N ? H("vibecontrols.agentManager.dialogs.creating", "Creating...") : H("vibecontrols.agentManager.dialogs.create", "Create")
+					})]
+				})
+			]
+		})]
+	}) }) : null;
+}
+//#endregion
+export { v as NewSessionDialog };
+
+//# sourceMappingURL=NewSessionDialog.js.map

package/dist/components/agent-manager/dialogs/NewSessionDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewSessionDialog.js","names":[],"sources":["../../../../src/components/agent-manager/dialogs/NewSessionDialog.tsx"],"sourcesContent":["/**\n * New session creation dialog.\n *\n * Modal overlay with fields for session name, SDK, model, and mode.\n * Creates a session via aiApi and opens it as a new tab.\n */\n\nimport { useState, useCallback, useEffect } from 'react';\nimport { X } from 'lucide-react';\nimport { motion, AnimatePresence, useReducedMotion } from 'framer-motion';\nimport { createSession, fetchProviders, type AIProvider } from '@/services/aiApi';\nimport { useAgentManagerStore } from '@/store/agentManagerStore';\nimport { ModelSelector } from '../controls/ModelSelector';\nimport { SdkSelector } from '../controls/SdkSelector';\nimport type { AgentSdkType, ProviderMode } from '@/types/agentManager';\nimport { useTr } from '../../../shared/hooks/useTr';\n\ninterface NewSessionDialogProps {\n  agentId: string;\n  isOpen: boolean;\n  onClose: () => void;\n}\n\nconst MODEL_DEFAULTS: Record<AgentSdkType, string> = {\n  claude: 'claude-sonnet-4-20250514',\n  codex: 'gpt-4.1-mini',\n  gemini: 'gemini-2.5-flash',\n  opencode: 'claude-sonnet-4-20250514',\n  'openai-compat': 'gpt-3.5-turbo',\n  goose: 'default',\n  amp: 'default',\n  copilot: 'default',\n  crush: 'default',\n  pi: 'default',\n  aider: 'default',\n  plandex: 'default',\n};\n\nconst SDK_VALUES = new Set(Object.keys(MODEL_DEFAULTS));\n\nfunction providerSdk(provider: AIProvider): AgentSdkType | null {\n  const value = (provider.name || provider.pluginName).replace(/^ai-/, '');\n  return SDK_VALUES.has(value) ? (value as AgentSdkType) : null;\n}\n\nexport function NewSessionDialog({ agentId, isOpen, onClose }: NewSessionDialogProps) {\n  const [name, setName] = useState('');\n  const [sdk, setSdk] = useState<AgentSdkType>('claude');\n  const [model, setModel] = useState('claude-sonnet-4-20250514');\n  const [providers, setProviders] = useState<AIProvider[]>([]);\n\n  // Auto-update default model when SDK changes\n  const handleSdkChange = (newSdk: AgentSdkType) => {\n    setSdk(newSdk);\n    setModel(MODEL_DEFAULTS[newSdk] || 'default');\n  };\n  const [tags, setTags] = useState('');\n  const [mode, setMode] = useState<ProviderMode>('sdk');\n  const [creating, setCreating] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const openSession = useAgentManagerStore((s) => s.openSession);\n  const setSessionSdk = useAgentManagerStore((s) => s.setSessionSdk);\n  const setSessionModel = useAgentManagerStore((s) => s.setSessionModel);\n  const setSessionMode = useAgentManagerStore((s) => s.setSessionMode);\n  const shouldReduceMotion = useReducedMotion();\n  const tr = useTr();\n\n  useEffect(() => {\n    if (!isOpen) return;\n\n    let cancelled = false;\n    void fetchProviders(agentId)\n      .then((items) => {\n        if (!cancelled) setProviders(items);\n      })\n      .catch(() => {\n        if (!cancelled) setProviders([]);\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [agentId, isOpen]);\n\n  useEffect(() => {\n    if (!isOpen || providers.length === 0) return;\n\n    const current = providers.find((provider) => providerSdk(provider) === sdk);\n    const fallback = providers.find((provider) => provider.isDefault) ?? providers[0];\n    const nextProvider = current ?? fallback;\n    if (!nextProvider) return;\n\n    const nextSdk = providerSdk(nextProvider);\n    if (nextSdk && !current) {\n      setSdk(nextSdk);\n      setModel(MODEL_DEFAULTS[nextSdk] || 'default');\n    }\n\n    const supportedModes = nextProvider.supportedModes ?? [];\n    if (supportedModes.length > 0 && !supportedModes.includes(mode)) {\n      setMode(nextProvider.defaultMode ?? nextProvider.currentMode ?? supportedModes[0] ?? 'cli');\n    }\n  }, [isOpen, mode, providers, sdk]);\n\n  const handleCreate = useCallback(async () => {\n    if (!name.trim()) return;\n    setCreating(true);\n    setError(null);\n    try {\n      const session = await createSession(agentId, {\n        name: name.trim(),\n        agentType: sdk,\n        config: {\n          model,\n          mode,\n          tags: tags\n            .split(',')\n            .map((t) => t.trim())\n            .filter(Boolean),\n        },\n      });\n      openSession(session.id, session.name);\n      setSessionSdk(session.id, sdk);\n      setSessionModel(session.id, model);\n      setSessionMode(session.id, mode);\n      // Reset form\n      setName('');\n      setSdk('claude');\n      setModel('claude-sonnet-4-20250514');\n      setMode('sdk');\n      setTags('');\n      onClose();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to create session');\n    } finally {\n      setCreating(false);\n    }\n  }, [\n    agentId,\n    name,\n    sdk,\n    model,\n    mode,\n    tags,\n    openSession,\n    setSessionSdk,\n    setSessionModel,\n    setSessionMode,\n    onClose,\n  ]);\n\n  if (!isOpen) return null;\n\n  return (\n    <AnimatePresence>\n      {isOpen && (\n        <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n          <motion.div\n            className=\"absolute inset-0 bg-bg-overlay\"\n            initial={shouldReduceMotion ? undefined : { opacity: 0 }}\n            animate={{ opacity: 1 }}\n            exit={{ opacity: 0 }}\n            transition={{ duration: 0.2 }}\n            onClick={onClose}\n          />\n          <motion.div\n            className=\"relative w-full max-w-md mx-4 rounded-lg border border-border-default bg-bg-surface shadow-xl\"\n            initial={shouldReduceMotion ? undefined : { opacity: 0, scale: 0.95, y: 8 }}\n            animate={{ opacity: 1, scale: 1, y: 0 }}\n            exit={{ opacity: 0, scale: 0.95, y: 8 }}\n            transition={{ duration: 0.2, ease: [0.2, 0, 0, 1] }}\n          >\n            {/* Header */}\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.dialogs.newSession', 'New Session')}\n              </h3>\n              <button\n                type=\"button\"\n                onClick={onClose}\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\n            {/* Body */}\n            <div className=\"px-6 py-4 space-y-4\">\n              {/* Name */}\n              <div>\n                <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                  {tr('vibecontrols.agentManager.dialogs.name', 'Name')}\n                </label>\n                <input\n                  type=\"text\"\n                  value={name}\n                  onChange={(e) => setName(e.target.value)}\n                  placeholder=\"My session\"\n                  className=\"w-full rounded-md border border-border-default bg-bg-primary px-3 py-2 text-sm text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong transition-colors\"\n                  autoFocus\n                />\n              </div>\n\n              {/* SDK + Mode */}\n              <div>\n                <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                  {tr('vibecontrols.agentManager.dialogs.sdkAndMode', 'SDK & Mode')}\n                </label>\n                <SdkSelector\n                  sdk={sdk}\n                  mode={mode}\n                  providers={providers}\n                  onSdkChange={handleSdkChange}\n                  onModeChange={setMode}\n                />\n              </div>\n\n              {/* Model */}\n              <div>\n                <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                  {tr('vibecontrols.agentManager.dialogs.model', 'Model')}\n                </label>\n                <ModelSelector value={model} onChange={setModel} provider={sdk} />\n              </div>\n\n              {/* Tags */}\n              <div>\n                <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                  {tr('vibecontrols.agentManager.dialogs.tagsLabel', 'Tags (comma-separated)')}\n                </label>\n                <input\n                  type=\"text\"\n                  value={tags}\n                  onChange={(e) => setTags(e.target.value)}\n                  placeholder=\"e.g. frontend, bugfix, prototype\"\n                  className=\"w-full rounded-md border border-border-default bg-bg-primary px-3 py-2 text-sm text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong transition-colors\"\n                />\n              </div>\n\n              {error && <p className=\"text-xs text-status-error-text\">{error}</p>}\n            </div>\n\n            {/* Footer */}\n            <div className=\"flex items-center justify-end gap-3 px-6 py-4 border-t border-border-default bg-bg-sunken rounded-b-lg\">\n              <button\n                type=\"button\"\n                onClick={onClose}\n                disabled={creating}\n                className=\"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 disabled:opacity-50\"\n              >\n                {tr('vibecontrols.agentManager.dialogs.cancel', 'Cancel')}\n              </button>\n              <button\n                type=\"button\"\n                onClick={handleCreate}\n                disabled={creating || !name.trim()}\n                className=\"px-4 py-2 text-sm font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed\"\n              >\n                {creating\n                  ? tr('vibecontrols.agentManager.dialogs.creating', 'Creating...')\n                  : tr('vibecontrols.agentManager.dialogs.create', 'Create')}\n              </button>\n            </div>\n          </motion.div>\n        </div>\n      )}\n    </AnimatePresence>\n  );\n}\n"],"mappings":"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"}

package/dist/components/agent-manager/dialogs/RenameSessionDialog.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Rename session dialog.
+ *
+ * Simple modal with a text input for renaming a session.
+ */
+interface RenameSessionDialogProps {
+    isOpen: boolean;
+    sessionId: string;
+    currentName: string;
+    onClose: () => void;
+    onRename: (sessionId: string, newName: string) => void;
+}
+export declare function RenameSessionDialog({ isOpen, sessionId, currentName, onClose, onRename, }: RenameSessionDialogProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=RenameSessionDialog.d.ts.map

package/dist/components/agent-manager/dialogs/RenameSessionDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenameSessionDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/agent-manager/dialogs/RenameSessionDialog.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAOH,UAAU,wBAAwB;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,SAAS,EACT,WAAW,EACX,OAAO,EACP,QAAQ,GACT,EAAE,wBAAwB,kDA2F1B"}

package/dist/components/agent-manager/dialogs/RenameSessionDialog.js

@@ -0,0 +1,105 @@
+import { useTr as e } from "../../../shared/hooks/useTr.js";
+import { useCallback as t, useEffect as n, useState as r } from "react";
+import { X as i } from "lucide-react";
+import { AnimatePresence as a, motion as o, useReducedMotion as s } from "framer-motion";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/agent-manager/dialogs/RenameSessionDialog.tsx
+function u({ isOpen: u, sessionId: d, currentName: f, onClose: p, onRename: m }) {
+	let [h, g] = r(f), _ = s(), v = e();
+	n(() => {
+		u && g(f);
+	}, [u, f]);
+	let y = t(() => {
+		h.trim() && h.trim() !== f && m(d, h.trim()), p();
+	}, [
+		h,
+		f,
+		d,
+		m,
+		p
+	]);
+	return u ? /* @__PURE__ */ c(a, { children: u && /* @__PURE__ */ l("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center",
+		children: [/* @__PURE__ */ c(o.div, {
+			className: "absolute inset-0 bg-bg-overlay",
+			initial: _ ? void 0 : { opacity: 0 },
+			animate: { opacity: 1 },
+			exit: { opacity: 0 },
+			transition: { duration: .2 },
+			onClick: p
+		}), /* @__PURE__ */ l(o.div, {
+			className: "relative w-full max-w-sm mx-4 rounded-lg border border-border-default bg-bg-surface shadow-xl",
+			initial: _ ? void 0 : {
+				opacity: 0,
+				scale: .95,
+				y: 8
+			},
+			animate: {
+				opacity: 1,
+				scale: 1,
+				y: 0
+			},
+			exit: {
+				opacity: 0,
+				scale: .95,
+				y: 8
+			},
+			transition: {
+				duration: .2,
+				ease: [
+					.2,
+					0,
+					0,
+					1
+				]
+			},
+			children: [
+				/* @__PURE__ */ l("div", {
+					className: "flex items-center justify-between px-6 py-4 border-b border-border-default",
+					children: [/* @__PURE__ */ c("h3", {
+						className: "text-lg font-semibold text-text-primary",
+						children: v("vibecontrols.agentManager.dialogs.renameSession", "Rename Session")
+					}), /* @__PURE__ */ c("button", {
+						type: "button",
+						onClick: p,
+						className: "p-1 rounded hover:bg-bg-sunken transition-colors",
+						children: /* @__PURE__ */ c(i, { className: "w-5 h-5 text-text-secondary" })
+					})]
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "px-6 py-4",
+					children: /* @__PURE__ */ c("input", {
+						type: "text",
+						value: h,
+						onChange: (e) => g(e.target.value),
+						onKeyDown: (e) => {
+							e.key === "Enter" && y();
+						},
+						placeholder: "Session name",
+						className: "w-full rounded-md border border-border-default bg-bg-primary px-3 py-2 text-sm text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong transition-colors",
+						autoFocus: !0
+					})
+				}),
+				/* @__PURE__ */ l("div", {
+					className: "flex items-center justify-end gap-3 px-6 py-4 border-t border-border-default bg-bg-sunken rounded-b-lg",
+					children: [/* @__PURE__ */ c("button", {
+						type: "button",
+						onClick: p,
+						className: "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.dialogs.cancel", "Cancel")
+					}), /* @__PURE__ */ c("button", {
+						type: "button",
+						onClick: y,
+						disabled: !h.trim(),
+						className: "px-4 py-2 text-sm font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed",
+						children: v("vibecontrols.agentManager.dialogs.save", "Save")
+					})]
+				})
+			]
+		})]
+	}) }) : null;
+}
+//#endregion
+export { u as RenameSessionDialog };
+
+//# sourceMappingURL=RenameSessionDialog.js.map

package/dist/components/agent-manager/dialogs/RenameSessionDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenameSessionDialog.js","names":[],"sources":["../../../../src/components/agent-manager/dialogs/RenameSessionDialog.tsx"],"sourcesContent":["/**\n * Rename session dialog.\n *\n * Simple modal with a text input for renaming a session.\n */\n\nimport { useState, useCallback, useEffect } from 'react';\nimport { X } from 'lucide-react';\nimport { motion, AnimatePresence, useReducedMotion } from 'framer-motion';\nimport { useTr } from '../../../shared/hooks/useTr';\n\ninterface RenameSessionDialogProps {\n  isOpen: boolean;\n  sessionId: string;\n  currentName: string;\n  onClose: () => void;\n  onRename: (sessionId: string, newName: string) => void;\n}\n\nexport function RenameSessionDialog({\n  isOpen,\n  sessionId,\n  currentName,\n  onClose,\n  onRename,\n}: RenameSessionDialogProps) {\n  const [name, setName] = useState(currentName);\n  const shouldReduceMotion = useReducedMotion();\n  const tr = useTr();\n\n  useEffect(() => {\n    if (isOpen) {\n      setName(currentName);\n    }\n  }, [isOpen, currentName]);\n\n  const handleSave = useCallback(() => {\n    if (name.trim() && name.trim() !== currentName) {\n      onRename(sessionId, name.trim());\n    }\n    onClose();\n  }, [name, currentName, sessionId, onRename, onClose]);\n\n  if (!isOpen) return null;\n\n  return (\n    <AnimatePresence>\n      {isOpen && (\n        <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n          <motion.div\n            className=\"absolute inset-0 bg-bg-overlay\"\n            initial={shouldReduceMotion ? undefined : { opacity: 0 }}\n            animate={{ opacity: 1 }}\n            exit={{ opacity: 0 }}\n            transition={{ duration: 0.2 }}\n            onClick={onClose}\n          />\n          <motion.div\n            className=\"relative w-full max-w-sm mx-4 rounded-lg border border-border-default bg-bg-surface shadow-xl\"\n            initial={shouldReduceMotion ? undefined : { opacity: 0, scale: 0.95, y: 8 }}\n            animate={{ opacity: 1, scale: 1, y: 0 }}\n            exit={{ opacity: 0, scale: 0.95, y: 8 }}\n            transition={{ duration: 0.2, ease: [0.2, 0, 0, 1] }}\n          >\n            {/* Header */}\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.dialogs.renameSession', 'Rename Session')}\n              </h3>\n              <button\n                type=\"button\"\n                onClick={onClose}\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\n            {/* Body */}\n            <div className=\"px-6 py-4\">\n              <input\n                type=\"text\"\n                value={name}\n                onChange={(e) => setName(e.target.value)}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter') handleSave();\n                }}\n                placeholder=\"Session name\"\n                className=\"w-full rounded-md border border-border-default bg-bg-primary px-3 py-2 text-sm text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong transition-colors\"\n                autoFocus\n              />\n            </div>\n\n            {/* Footer */}\n            <div className=\"flex items-center justify-end gap-3 px-6 py-4 border-t border-border-default bg-bg-sunken rounded-b-lg\">\n              <button\n                type=\"button\"\n                onClick={onClose}\n                className=\"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.dialogs.cancel', 'Cancel')}\n              </button>\n              <button\n                type=\"button\"\n                onClick={handleSave}\n                disabled={!name.trim()}\n                className=\"px-4 py-2 text-sm font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed\"\n              >\n                {tr('vibecontrols.agentManager.dialogs.save', 'Save')}\n              </button>\n            </div>\n          </motion.div>\n        </div>\n      )}\n    </AnimatePresence>\n  );\n}\n"],"mappings":";;;;;;AAmBA,SAAgB,EAAoB,EAClC,WACA,cACA,gBACA,YACA,eAC2B;CAC3B,IAAM,CAAC,GAAM,KAAW,EAAS,EAAY,EACvC,IAAqB,GAAkB,EACvC,IAAK,GAAO;AAElB,SAAgB;AACd,EAAI,KACF,EAAQ,EAAY;IAErB,CAAC,GAAQ,EAAY,CAAC;CAEzB,IAAM,IAAa,QAAkB;AAInC,EAHI,EAAK,MAAM,IAAI,EAAK,MAAM,KAAK,KACjC,EAAS,GAAW,EAAK,MAAM,CAAC,EAElC,GAAS;IACR;EAAC;EAAM;EAAa;EAAW;EAAU;EAAQ,CAAC;AAIrD,QAFK,IAGH,kBAAC,GAAD,EAAA,UACG,KACC,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,EAAO,KAAR;GACE,WAAU;GACV,SAAS,IAAqB,KAAA,IAAY,EAAE,SAAS,GAAG;GACxD,SAAS,EAAE,SAAS,GAAG;GACvB,MAAM,EAAE,SAAS,GAAG;GACpB,YAAY,EAAE,UAAU,IAAK;GAC7B,SAAS;GACT,CAAA,EACF,kBAAC,EAAO,KAAR;GACE,WAAU;GACV,SAAS,IAAqB,KAAA,IAAY;IAAE,SAAS;IAAG,OAAO;IAAM,GAAG;IAAG;GAC3E,SAAS;IAAE,SAAS;IAAG,OAAO;IAAG,GAAG;IAAG;GACvC,MAAM;IAAE,SAAS;IAAG,OAAO;IAAM,GAAG;IAAG;GACvC,YAAY;IAAE,UAAU;IAAK,MAAM;KAAC;KAAK;KAAG;KAAG;KAAE;IAAE;aALrD;IAQE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAG,mDAAmD,iBAAiB;MACrE,CAAA,EACL,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,WAAU;gBAEV,kBAAC,GAAD,EAAG,WAAU,+BAAgC,CAAA;MACtC,CAAA,CACL;;IAGN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,SAAD;MACE,MAAK;MACL,OAAO;MACP,WAAW,MAAM,EAAQ,EAAE,OAAO,MAAM;MACxC,YAAY,MAAM;AAChB,OAAI,EAAE,QAAQ,WAAS,GAAY;;MAErC,aAAY;MACZ,WAAU;MACV,WAAA;MACA,CAAA;KACE,CAAA;IAGN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,WAAU;gBAET,EAAG,4CAA4C,SAAS;MAClD,CAAA,EACT,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,UAAU,CAAC,EAAK,MAAM;MACtB,WAAU;gBAET,EAAG,0CAA0C,OAAO;MAC9C,CAAA,CACL;;IACK;KACT;KAEQ,CAAA,GAvEA"}

package/dist/components/agent-manager/dialogs/SessionSearchDialog.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Cmd+K style session search dialog.
+ *
+ * Full-screen overlay with a prominent search input. Results appear
+ * in real-time (debounced) and clicking a result opens the session tab
+ * and scrolls to the matched message.
+ */
+interface SessionSearchDialogProps {
+    isOpen: boolean;
+    agentId: string;
+    onClose: () => void;
+}
+export declare function SessionSearchDialog({ isOpen, agentId, onClose }: SessionSearchDialogProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=SessionSearchDialog.d.ts.map

package/dist/components/agent-manager/dialogs/SessionSearchDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionSearchDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/agent-manager/dialogs/SessionSearchDialog.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AASH,UAAU,wBAAwB;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,wBAAwB,kDA4LzF"}