@burdenoff/microfe-vibecontrols 2026.524.5 → 2026.524.7

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

@@ -8,15 +8,16 @@ import { SdkSelector as o } from "./controls/SdkSelector.js";
 import { resolveProviderDefaultModel as s } from "./modelDefaults.js";
 import { useVoiceMode as ee } from "../../hooks/useVoiceMode.js";
 import { schedulePrompt as te } from "../../services/schedulerApi.js";
-import { McpServerSelector as ne } from "./controls/McpServerSelector.js";
-import { VoiceToggle as re } from "./controls/VoiceToggle.js";
-import { FileAttachButton as ie, createDropHandlers as ae } from "./controls/FileAttachButton.js";
-import { ContextLevelToggle as oe } from "./controls/ContextLevelToggle.js";
-import { useCallback as c, useEffect as l, useMemo as u, useRef as se, useState as d } from "react";
+import { AutonomySelector as ne } from "./controls/AutonomySelector.js";
+import { McpServerSelector as re } from "./controls/McpServerSelector.js";
+import { VoiceToggle as ie } from "./controls/VoiceToggle.js";
+import { FileAttachButton as ae, createDropHandlers as oe } from "./controls/FileAttachButton.js";
+import { ContextLevelToggle as se } from "./controls/ContextLevelToggle.js";
+import { useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
 import { ArrowUp as ce, ChevronDown as le, Clock as ue, Square as de, X as fe } from "lucide-react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/agent-manager/AgentManagerInputArea.tsx
-var m = [
+var pe = [
 	{
 		command: "/new",
 		description: "Create new session"
@@ -54,7 +55,7 @@ var m = [
 		command: "/help",
 		description: "Show available commands"
 	}
-], h = [
+], me = [
 	"claude",
 	"codex",
 	"gemini",
@@ -71,234 +72,239 @@ var m = [
 	"pi",
 	"aider",
 	"plandex"
-], g = ["sdk", "cli"];
-function _({ agentId: _, sessionId: v, onSend: y, onCancel: b, mcpServers: pe = [], agentTunnelUrl: x, agentApiKey: S }) {
-	let [C, w] = d(""), [T, E] = d([]), [me, D] = d(!1), [he, ge] = d(""), [O, k] = d(!1), [A, j] = d(!1), [M, N] = d(""), [_e, P] = d([]), F = e(), I = se(null), L = se(null);
+], h = ["sdk", "cli"];
+function g({ agentId: g, sessionId: _, onSend: v, onCancel: he, mcpServers: ge = [], agentTunnelUrl: y, agentApiKey: b }) {
+	let [x, S] = f(""), [C, w] = f([]), [_e, T] = f(!1), [E, ve] = f(""), [D, O] = f(!1), [k, A] = f(!1), [j, M] = f(""), [ye, N] = f([]), P = e(), F = d(null), I = d(null);
 	l(() => {
-		I.current?.focus({ preventScroll: !0 });
+		F.current?.focus({ preventScroll: !0 });
 	}, []);
-	let R = i((e) => e.sessionStates[v]), z = i((e) => e.setSessionModel), B = i((e) => e.setSessionSdk), V = i((e) => e.setSessionMode), ve = i((e) => e.toggleVoice), ye = i((e) => e.toggleThinking), be = i((e) => e.setSessionContextLevel), xe = i((e) => e.setSessionVibe), Se = i((e) => e.setSessionRootPath), H = i((e) => e.openSession), U = i((e) => e.addMessage), { vibes: Ce, agents: W } = t(), { active: G } = n(u(() => W.find((e) => e.id === _) ?? null, [W, _])?.id ?? null), K = u(() => ({
-		id: _,
-		profile: G
-	}), [_, G]), { isListening: q, transcript: J, startListening: we, stopListening: Te } = ee(), Y = R?.status === "streaming", X = C.trim().length > 0 && !Y;
+	let L = i((e) => e.sessionStates[_]), R = i((e) => e.setSessionModel), z = i((e) => e.setSessionSdk), B = i((e) => e.setSessionMode), be = i((e) => e.setSessionPermissionMode), xe = i((e) => e.toggleVoice), Se = i((e) => e.toggleThinking), Ce = i((e) => e.setSessionContextLevel), we = i((e) => e.setSessionVibe), Te = i((e) => e.setSessionRootPath), V = i((e) => e.openSession), H = i((e) => e.addMessage), { vibes: Ee, agents: U } = t(), { active: W } = n(u(() => U.find((e) => e.id === g) ?? null, [U, g])?.id ?? null), G = u(() => ({
+		id: g,
+		profile: W
+	}), [g, W]), { isListening: K, transcript: q, startListening: De, stopListening: Oe } = ee(), J = L?.status === "streaming", Y = x.trim().length > 0 && !J;
 	l(() => {
-		J && q && w((e) => e + (e ? " " : "") + J);
-	}, [J, q]), l(() => {
+		q && K && S((e) => e + (e ? " " : "") + q);
+	}, [q, K]), l(() => {
 		let e = !1;
-		return r(K).then((t) => {
-			e || P(t);
+		return r(G).then((t) => {
+			e || N(t);
 		}).catch(() => {
-			e || P([]);
+			e || N([]);
 		}), () => {
 			e = !0;
 		};
-	}, [K]), l(() => {
-		C.startsWith("/") && !C.includes(" ") ? (D(!0), ge(C.slice(1))) : D(!1);
-	}, [C]);
-	let Ee = u(() => m.filter((e) => e.command.toLowerCase().includes(`/${he.toLowerCase()}`)), [he]);
+	}, [G]), l(() => {
+		x.startsWith("/") && !x.includes(" ") ? (T(!0), ve(x.slice(1))) : T(!1);
+	}, [x]);
+	let X = u(() => pe.filter((e) => e.command.toLowerCase().includes(`/${E.toLowerCase()}`)), [E]);
 	l(() => {
-		let e = I.current;
+		let e = F.current;
 		e && (e.style.height = "auto", e.style.height = `${Math.min(e.scrollHeight, 200)}px`);
-	}, [C]), l(() => {
-		if (!O && !A) return;
+	}, [x]), l(() => {
+		if (!D && !k) return;
 		let e = (e) => {
-			L.current && !L.current.contains(e.target) && (k(!1), j(!1));
+			I.current && !I.current.contains(e.target) && (O(!1), A(!1));
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [O, A]);
+	}, [D, k]);
 	let Z = c((e) => {
-		U(v, {
+		H(_, {
 			id: `sys-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`,
 			role: "system",
 			content: e,
 			timestamp: (/* @__PURE__ */ new Date()).toISOString()
 		});
-	}, [U, v]), De = c(async () => {
-		if (!(!C.trim() || !M || !x || !S)) try {
+	}, [H, _]), ke = c(async () => {
+		if (!(!x.trim() || !j || !y || !b)) try {
 			let e = await te({
-				sessionId: v,
-				agentTunnelUrl: x,
-				agentApiKey: S,
-				prompt: C.trim(),
-				scheduledAt: new Date(M).toISOString()
+				sessionId: _,
+				agentTunnelUrl: y,
+				agentApiKey: b,
+				prompt: x.trim(),
+				scheduledAt: new Date(j).toISOString()
 			});
-			Z(`Prompt scheduled for ${new Date(e.scheduledAt).toLocaleString()} (Job: ${e.jobId.slice(0, 8)})`), w(""), N(""), j(!1), k(!1);
+			Z(`Prompt scheduled for ${new Date(e.scheduledAt).toLocaleString()} (Job: ${e.jobId.slice(0, 8)})`), S(""), M(""), A(!1), O(!1);
 		} catch (e) {
 			Z(`Failed to schedule: ${e instanceof Error ? e.message : "Unknown error"}`);
 		}
 	}, [
-		C,
-		M,
 		x,
-		S,
-		v,
+		j,
+		y,
+		b,
+		_,
 		Z
 	]), Q = c((e) => {
 		let t = e.trim().split(/\s+/), n = t[0].toLowerCase(), r = t.slice(1).join(" ");
 		switch (n) {
 			case "/new":
-				H(`session-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`);
+				V(`session-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`);
 				break;
 			case "/rename":
 				Z(r ? `Session renamed to "${r}".` : "Usage: /rename <name>");
 				break;
 			case "/model":
-				r ? (z(v, r), Z(`Model switched to "${r}".`)) : Z("Usage: /model <model-name>");
+				r ? (R(_, r), Z(`Model switched to "${r}".`)) : Z("Usage: /model <model-name>");
 				break;
 			case "/sdk":
-				if (r && h.includes(r)) {
+				if (r && me.includes(r)) {
 					let e = r;
-					B(v, e), s(K, e, R?.model ?? "default").then((e) => z(v, e)).catch(() => z(v, R?.model ?? "default")), Z(`SDK switched to "${r}".`);
-				} else Z(`Usage: /sdk <${h.join("|")}>`);
+					z(_, e), s(G, e, L?.model ?? "default").then((e) => R(_, e)).catch(() => R(_, L?.model ?? "default")), Z(`SDK switched to "${r}".`);
+				} else Z(`Usage: /sdk <${me.join("|")}>`);
 				break;
 			case "/mode":
-				r && g.includes(r) ? (V(v, r), Z(`Mode switched to "${r}".`)) : Z(`Usage: /mode <${g.join("|")}>`);
+				r && h.includes(r) ? (B(_, r), Z(`Mode switched to "${r}".`)) : Z(`Usage: /mode <${h.join("|")}>`);
 				break;
 			case "/export": {
-				let e = r === "md" ? "md" : "json", t = R?.messages ?? [], n = e === "json" ? JSON.stringify(t, null, 2) : t.map((e) => `**${e.role}** (${e.timestamp ?? ""}):\n${e.content ?? ""}`).join("\n\n---\n\n"), i = new Blob([n], { type: e === "json" ? "application/json" : "text/markdown" }), a = URL.createObjectURL(i), o = document.createElement("a");
-				o.href = a, o.download = `conversation-${v}.${e}`, o.click(), URL.revokeObjectURL(a), Z(`Conversation exported as ${e}.`);
+				let e = r === "md" ? "md" : "json", t = L?.messages ?? [], n = e === "json" ? JSON.stringify(t, null, 2) : t.map((e) => `**${e.role}** (${e.timestamp ?? ""}):\n${e.content ?? ""}`).join("\n\n---\n\n"), i = new Blob([n], { type: e === "json" ? "application/json" : "text/markdown" }), a = URL.createObjectURL(i), o = document.createElement("a");
+				o.href = a, o.download = `conversation-${_}.${e}`, o.click(), URL.revokeObjectURL(a), Z(`Conversation exported as ${e}.`);
 				break;
 			}
 			case "/clear":
 				Z("Conversation cleared.");
 				break;
 			case "/help":
-				Z(`Available commands:\n${m.map((e) => `  ${e.command}${e.args ? " " + e.args : ""} - ${e.description}`).join("\n")}`);
+				Z(`Available commands:\n${pe.map((e) => `  ${e.command}${e.args ? " " + e.args : ""} - ${e.description}`).join("\n")}`);
 				break;
 			default: Z(`Unknown command: ${n}. Type /help for available commands.`);
 		}
 	}, [
-		v,
-		R?.messages,
-		R?.model,
-		H,
+		_,
+		L?.messages,
+		L?.model,
+		V,
+		R,
 		z,
 		B,
-		V,
 		Z,
-		K
-	]), Oe = c((e) => {
-		e.args ? w(`${e.command} `) : (Q(e.command), w("")), D(!1), I.current?.focus();
+		G
+	]), Ae = c((e) => {
+		e.args ? S(`${e.command} `) : (Q(e.command), S("")), T(!1), F.current?.focus();
 	}, [Q]), $ = c(() => {
-		if (!X) return;
-		let e = C.trim();
+		if (!Y) return;
+		let e = x.trim();
 		if (e.startsWith("/")) {
-			Q(e), w(""), E([]);
+			Q(e), S(""), w([]);
 			return;
 		}
-		y(e, T.length > 0 ? T : void 0), w(""), E([]);
+		v(e, C.length > 0 ? C : void 0), S(""), w([]);
 	}, [
-		X,
+		Y,
+		x,
 		C,
-		T,
-		y,
+		v,
 		Q
-	]), ke = c((e) => {
+	]), je = c((e) => {
 		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), $());
-	}, [$]), Ae = c(() => {
-		b?.();
-	}, [b]), je = c((e) => {
-		E((t) => [...t, ...e]);
-	}, []), Me = c((e) => {
-		E((t) => t.filter((t, n) => n !== e));
-	}, []), Ne = ae(je);
-	return R ? /* @__PURE__ */ p("div", {
+	}, [$]), Me = c(() => {
+		he?.();
+	}, [he]), Ne = c((e) => {
+		w((t) => [...t, ...e]);
+	}, []), Pe = c((e) => {
+		w((t) => t.filter((t, n) => n !== e));
+	}, []), Fe = oe(Ne);
+	return L ? /* @__PURE__ */ m("div", {
 		className: "relative z-30 border-t border-border-default bg-bg-surface",
-		...Ne,
+		...Fe,
 		children: [
-			me && Ee.length > 0 && /* @__PURE__ */ f("div", {
+			_e && X.length > 0 && /* @__PURE__ */ p("div", {
 				className: "absolute bottom-full left-0 right-0 mb-1 mx-3 bg-bg-elevated border border-border-default rounded-lg shadow-lg max-h-48 overflow-y-auto z-50",
-				children: Ee.map((e) => /* @__PURE__ */ p("button", {
+				children: X.map((e) => /* @__PURE__ */ m("button", {
 					type: "button",
-					onClick: () => Oe(e),
+					onClick: () => Ae(e),
 					className: "flex items-center gap-2 w-full px-3 py-2 text-left hover:bg-bg-sunken transition-colors",
 					children: [
-						/* @__PURE__ */ f("span", {
+						/* @__PURE__ */ p("span", {
 							className: "font-mono text-xs text-text-primary",
 							children: e.command
 						}),
-						e.args && /* @__PURE__ */ f("span", {
+						e.args && /* @__PURE__ */ p("span", {
 							className: "text-text-tertiary text-xs",
 							children: e.args
 						}),
-						/* @__PURE__ */ f("span", {
+						/* @__PURE__ */ p("span", {
 							className: "text-text-secondary text-xs ml-auto",
 							children: e.description
 						})
 					]
 				}, e.command))
 			}),
-			T.length > 0 && /* @__PURE__ */ f("div", {
+			C.length > 0 && /* @__PURE__ */ p("div", {
 				className: "flex items-center gap-2 px-3 pt-2 overflow-x-auto",
-				children: T.map((e, t) => /* @__PURE__ */ p("div", {
+				children: C.map((e, t) => /* @__PURE__ */ m("div", {
 					className: "flex items-center gap-1.5 px-2 py-1 rounded-md bg-bg-elevated border border-border-default text-xs text-text-secondary",
-					children: [/* @__PURE__ */ f("span", {
+					children: [/* @__PURE__ */ p("span", {
 						className: "truncate max-w-[120px]",
 						children: e.name
-					}), /* @__PURE__ */ f("button", {
+					}), /* @__PURE__ */ p("button", {
 						type: "button",
-						onClick: () => Me(t),
+						onClick: () => Pe(t),
 						className: "p-0.5 rounded hover:bg-bg-sunken transition-colors flex-shrink-0",
-						children: /* @__PURE__ */ f(fe, { className: "w-3 h-3" })
+						children: /* @__PURE__ */ p(fe, { className: "w-3 h-3" })
 					})]
 				}, `${e.name}-${t}`))
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				className: "flex flex-wrap items-center gap-1 px-3 pt-2 pb-1 overflow-x-auto",
 				children: [
-					/* @__PURE__ */ f(o, {
-						sdk: R.sdk,
-						mode: R.mode,
-						providers: _e,
+					/* @__PURE__ */ p(o, {
+						sdk: L.sdk,
+						mode: L.mode,
+						providers: ye,
 						onSdkChange: (e) => {
-							B(v, e), s(K, e, R.model ?? "default").then((e) => z(v, e)).catch(() => z(v, R.model ?? "default"));
+							z(_, e), s(G, e, L.model ?? "default").then((e) => R(_, e)).catch(() => R(_, L.model ?? "default"));
 						},
-						onModeChange: (e) => V(v, e)
+						onModeChange: (e) => B(_, e)
 					}),
-					/* @__PURE__ */ f(a, {
-						value: R.model,
-						onChange: (e) => z(v, e),
-						provider: R.sdk,
-						agentId: _
+					/* @__PURE__ */ p(a, {
+						value: L.model,
+						onChange: (e) => R(_, e),
+						provider: L.sdk,
+						agentId: g
 					}),
-					/* @__PURE__ */ f(ne, {
-						selected: R.mcpServers,
-						available: pe,
+					/* @__PURE__ */ p(ne, {
+						value: L.permissionMode,
+						mode: L.mode,
+						onChange: (e) => be(_, e)
+					}),
+					/* @__PURE__ */ p(re, {
+						selected: L.mcpServers,
+						available: ge,
 						onChange: () => {}
 					}),
-					/* @__PURE__ */ f(oe, {
+					/* @__PURE__ */ p(se, {
 						agentId: "",
-						sessionId: v,
-						contextLevel: R.contextLevel,
-						rootPath: R.rootPath,
+						sessionId: _,
+						contextLevel: L.contextLevel,
+						rootPath: L.rootPath,
 						onChange: (e, t, n) => {
-							be(v, e), Se(v, t ?? null), xe(v, n ?? null, t ?? null);
+							Ce(_, e), Te(_, t ?? null), we(_, n ?? null, t ?? null);
 						},
-						vibes: Ce.map((e) => ({
+						vibes: Ee.map((e) => ({
 							id: e.id,
 							name: e.name,
 							path: e.path
 						}))
 					}),
-					/* @__PURE__ */ f("div", { className: "flex-1" }),
-					/* @__PURE__ */ f("button", {
+					/* @__PURE__ */ p("div", { className: "flex-1" }),
+					/* @__PURE__ */ p("button", {
 						type: "button",
-						onClick: () => ye(v),
-						className: `p-1.5 rounded text-xs font-medium transition-colors ${R.showThinking ? "bg-action-primary-bg/10 text-action-primary-text" : "text-text-tertiary hover:text-text-secondary"}`,
-						title: R.showThinking ? F("vibecontrols.agentManager.inputArea.hideThinking", "Hide thinking") : F("vibecontrols.agentManager.inputArea.showThinking", "Show thinking"),
+						onClick: () => Se(_),
+						className: `p-1.5 rounded text-xs font-medium transition-colors ${L.showThinking ? "bg-action-primary-bg/10 text-action-primary-text" : "text-text-tertiary hover:text-text-secondary"}`,
+						title: L.showThinking ? P("vibecontrols.agentManager.inputArea.hideThinking", "Hide thinking") : P("vibecontrols.agentManager.inputArea.showThinking", "Show thinking"),
 						children: "Think"
 					}),
-					/* @__PURE__ */ p("button", {
+					/* @__PURE__ */ m("button", {
 						type: "button",
 						onClick: () => {
-							let e = window.prompt("Context history limit (messages sent with each prompt):", String(R.contextHistoryLimit));
+							let e = window.prompt("Context history limit (messages sent with each prompt):", String(L.contextHistoryLimit));
 							if (e !== null) {
 								let t = parseInt(e, 10);
 								if (!isNaN(t) && t >= 0) {
-									let e = i.getState().sessionStates[v];
+									let e = i.getState().sessionStates[_];
 									e && i.setState((n) => ({ sessionStates: {
 										...n.sessionStates,
-										[v]: {
+										[_]: {
 											...e,
 											contextHistoryLimit: t
 										}
@@ -307,84 +313,84 @@ function _({ agentId: _, sessionId: v, onSend: y, onCancel: b, mcpServers: pe =
 							}
 						},
 						className: "p-1.5 rounded text-[10px] font-mono text-text-tertiary hover:text-text-secondary transition-colors",
-						title: `Context history: last ${R.contextHistoryLimit} messages sent with each prompt`,
-						children: ["H:", R.contextHistoryLimit]
+						title: `Context history: last ${L.contextHistoryLimit} messages sent with each prompt`,
+						children: ["H:", L.contextHistoryLimit]
 					}),
-					/* @__PURE__ */ f(re, {
-						enabled: R.voiceEnabled,
+					/* @__PURE__ */ p(ie, {
+						enabled: L.voiceEnabled,
 						onToggle: () => {
-							ve(v), R.voiceEnabled ? Te() : we();
+							xe(_), L.voiceEnabled ? Oe() : De();
 						},
-						isListening: q
+						isListening: K
 					}),
-					/* @__PURE__ */ f(ie, { onFileSelect: je })
+					/* @__PURE__ */ p(ae, { onFileSelect: Ne })
 				]
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				className: "flex items-end gap-2 px-3 pb-3 pt-1",
-				children: [/* @__PURE__ */ f("textarea", {
-					ref: I,
-					value: C,
-					onChange: (e) => w(e.target.value),
-					onKeyDown: ke,
-					placeholder: F("vibecontrols.agentManager.inputArea.placeholder", "Type a message or / for commands... (Enter to send)"),
+				children: [/* @__PURE__ */ p("textarea", {
+					ref: F,
+					value: x,
+					onChange: (e) => S(e.target.value),
+					onKeyDown: je,
+					placeholder: P("vibecontrols.agentManager.inputArea.placeholder", "Type a message or / for commands... (Enter to send)"),
 					rows: 1,
 					className: "flex-1 resize-none rounded-lg 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",
-					disabled: Y
-				}), Y ? /* @__PURE__ */ f("button", {
+					disabled: J
+				}), J ? /* @__PURE__ */ p("button", {
 					type: "button",
-					onClick: Ae,
+					onClick: Me,
 					className: "flex-shrink-0 p-2 rounded-lg bg-status-error-bg text-status-error-text hover:opacity-90 transition-opacity",
-					title: F("vibecontrols.agentManager.inputArea.cancel", "Cancel"),
-					children: /* @__PURE__ */ f(de, { className: "w-4 h-4" })
-				}) : /* @__PURE__ */ p("div", {
+					title: P("vibecontrols.agentManager.inputArea.cancel", "Cancel"),
+					children: /* @__PURE__ */ p(de, { className: "w-4 h-4" })
+				}) : /* @__PURE__ */ m("div", {
 					className: "flex items-end flex-shrink-0 relative",
-					ref: L,
+					ref: I,
 					children: [
-						/* @__PURE__ */ f("button", {
+						/* @__PURE__ */ p("button", {
 							type: "button",
 							onClick: $,
-							disabled: !X,
+							disabled: !Y,
 							className: "p-2 rounded-l-lg bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-40 disabled:cursor-not-allowed transition-colors",
-							title: F("vibecontrols.agentManager.inputArea.send", "Send (Enter)"),
-							children: /* @__PURE__ */ f(ce, { className: "w-4 h-4" })
+							title: P("vibecontrols.agentManager.inputArea.send", "Send (Enter)"),
+							children: /* @__PURE__ */ p(ce, { className: "w-4 h-4" })
 						}),
-						/* @__PURE__ */ f("button", {
+						/* @__PURE__ */ p("button", {
 							type: "button",
-							onClick: () => k(!O),
-							disabled: !X,
+							onClick: () => O(!D),
+							disabled: !Y,
 							className: "ml-1 p-2 rounded-r-lg border-l border-action-primary-text/20 bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-40 disabled:cursor-not-allowed transition-colors",
-							title: F("vibecontrols.agentManager.inputArea.scheduleSend", "Schedule send"),
-							children: /* @__PURE__ */ f(le, { className: "w-3 h-3" })
+							title: P("vibecontrols.agentManager.inputArea.scheduleSend", "Schedule send"),
+							children: /* @__PURE__ */ p(le, { className: "w-3 h-3" })
 						}),
-						O && /* @__PURE__ */ f("div", {
+						D && /* @__PURE__ */ p("div", {
 							className: "absolute bottom-full right-0 mb-1 w-56 bg-bg-surface border border-border-default rounded-md shadow-lg py-1 z-50",
-							children: A ? /* @__PURE__ */ p("div", {
+							children: k ? /* @__PURE__ */ m("div", {
 								className: "px-3 py-2 space-y-2",
 								children: [
-									/* @__PURE__ */ f("label", {
+									/* @__PURE__ */ p("label", {
 										className: "block text-[11px] font-medium text-text-secondary",
-										children: F("vibecontrols.agentManager.inputArea.sendAt", "Send at:")
+										children: P("vibecontrols.agentManager.inputArea.sendAt", "Send at:")
 									}),
-									/* @__PURE__ */ f("input", {
+									/* @__PURE__ */ p("input", {
 										type: "datetime-local",
-										value: M,
-										onChange: (e) => N(e.target.value),
+										value: j,
+										onChange: (e) => M(e.target.value),
 										className: "w-full px-2 py-1 text-xs rounded border border-border-default bg-bg-primary text-text-primary focus:outline-none focus:border-border-strong"
 									}),
-									/* @__PURE__ */ f("button", {
+									/* @__PURE__ */ p("button", {
 										type: "button",
-										onClick: () => void De(),
-										disabled: !M || !x || !S,
+										onClick: () => void ke(),
+										disabled: !j || !y || !b,
 										className: "w-full px-2 py-1.5 text-xs font-medium rounded bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-40 disabled:cursor-not-allowed transition-colors",
-										children: F("vibecontrols.agentManager.inputArea.schedule", "Schedule")
+										children: P("vibecontrols.agentManager.inputArea.schedule", "Schedule")
 									})
 								]
-							}) : /* @__PURE__ */ p("button", {
+							}) : /* @__PURE__ */ m("button", {
 								type: "button",
-								onClick: () => j(!0),
+								onClick: () => A(!0),
 								className: "flex items-center gap-2 w-full px-3 py-2 text-left text-xs text-text-primary hover:bg-bg-sunken transition-colors",
-								children: [/* @__PURE__ */ f(ue, { className: "w-3.5 h-3.5 text-text-secondary" }), F("vibecontrols.agentManager.inputArea.scheduleSendEllipsis", "Schedule Send...")]
+								children: [/* @__PURE__ */ p(ue, { className: "w-3.5 h-3.5 text-text-secondary" }), P("vibecontrols.agentManager.inputArea.scheduleSendEllipsis", "Schedule Send...")]
 							})
 						})
 					]
@@ -394,6 +400,6 @@ function _({ agentId: _, sessionId: v, onSend: y, onCancel: b, mcpServers: pe =
 	}) : null;
 }
 //#endregion
-export { _ as AgentManagerInputArea };
+export { g as AgentManagerInputArea };
 
 //# sourceMappingURL=AgentManagerInputArea.js.map