@burdenoff/microfe-vibecontrols 2026.601.3 → 2026.601.5

package/dist/components/agents/AgentMaintenanceTab.js

@@ -0,0 +1,373 @@
+import { useAgentCommandsQuery as e, useAgentSelfUpdateMutation as t, useAgentUpdateCheckLazyQuery as n, useAgentUpdateStatusQuery as r, useNukeVibecontrolsAgentMutation as i, useRunAgentCommandMutation as a, useSetAgentAutoUpdateMutation as o } from "../../generated/wspace-operations.js";
+import { useTr as ee } from "../../shared/hooks/useTr.js";
+import { ConfirmDialog as s } from "../shared/ConfirmDialog.js";
+import { useCallback as c, useMemo as te, useState as l } from "react";
+import { AlertTriangle as ne, ArrowUpCircle as u, Loader2 as d, RefreshCw as f, Terminal as p, Trash2 as re } from "lucide-react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Checkbox as g } from "@burdenoff/fe-libs/ui";
+//#region src/components/agents/AgentMaintenanceTab.tsx
+function _(e) {
+	return e && typeof e == "object" && !Array.isArray(e) ? e : null;
+}
+function v(e, t) {
+	let n = e?.[t];
+	return typeof n == "string" ? n : null;
+}
+function y(e, t) {
+	let n = e?.[t];
+	return typeof n == "boolean" ? n : null;
+}
+var b = "rounded-lg border border-border-default bg-bg-surface p-4 sm:p-5", x = "inline-flex items-center gap-2 px-3 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-50", S = "inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-md bg-bg-sunken text-text-primary hover:bg-bg-elevated transition-colors disabled:opacity-50", ie = "inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-md bg-status-error-bg text-text-inverse hover:opacity-80 transition-colors disabled:opacity-50";
+function C({ agentId: C, agentVersion: w, onAfterDestructiveNuke: T }) {
+	let E = ee(), [D, O] = l(null), k = c((e, t, n = !1) => {
+		O({
+			title: e,
+			body: t,
+			error: n
+		});
+	}, []), { data: ae, refetch: A } = r({
+		variables: { agentId: C },
+		fetchPolicy: "cache-and-network"
+	}), [oe, { data: se, loading: j }] = n({ fetchPolicy: "network-only" }), [M, { loading: N }] = t(), [P, { loading: ce }] = o(), F = _(ae?.agentUpdateStatus?.data), I = _(F?.lastCheck), L = _(se?.agentUpdateCheck?.data), le = y(F, "enabled") ?? !0, ue = v(L, "latest") ?? v(I, "latest") ?? null, de = y(L, "hasUpdate") ?? y(I, "hasUpdate") ?? !1, [R, fe] = l(""), pe = c(async () => {
+		O(null);
+		try {
+			let e = await oe({ variables: { agentId: C } }), t = _(e.data?.agentUpdateCheck?.data);
+			e.data?.agentUpdateCheck?.error ? k(E("agentDetails.maintenance.update", "Update"), e.data.agentUpdateCheck.error, !0) : y(t, "hasUpdate") ? k(E("agentDetails.maintenance.update", "Update"), `Update available: ${v(t, "current")} → ${v(t, "latest")}`) : k(E("agentDetails.maintenance.update", "Update"), `Up to date (${v(t, "current") ?? w ?? "?"}).`);
+		} catch (e) {
+			k("Update", e instanceof Error ? e.message : String(e), !0);
+		}
+	}, [
+		C,
+		oe,
+		k,
+		E,
+		w
+	]), z = c(async (e) => {
+		O(null);
+		try {
+			let t = (await M({ variables: {
+				agentId: C,
+				version: e || null
+			} })).data?.agentSelfUpdate, n = _(t?.data);
+			t?.error || y(n, "ok") === !1 ? k("Update", v(n, "error") ?? t?.error ?? "Update failed", !0) : k("Update", `Updated → ${v(n, "current") ?? e ?? "latest"} (restart: ${v(n, "restart") ?? "n/a"}).`), await A();
+		} catch (e) {
+			k("Update", e instanceof Error ? e.message : String(e), !0);
+		}
+	}, [
+		C,
+		M,
+		k,
+		A
+	]), me = c(async (e) => {
+		try {
+			await P({ variables: {
+				agentId: C,
+				enabled: e
+			} }), await A();
+		} catch (e) {
+			k("Autoupdate", e instanceof Error ? e.message : String(e), !0);
+		}
+	}, [
+		C,
+		P,
+		A,
+		k
+	]), { data: B, loading: V, refetch: he } = e({
+		variables: { agentId: C },
+		fetchPolicy: "cache-and-network"
+	}), [ge, { loading: H }] = a(), U = te(() => {
+		let e = _(B?.agentCommands?.data)?.commands;
+		return Array.isArray(e) ? e : [];
+	}, [B]), [W, _e] = l(""), [G, ve] = l(""), [K, q] = l(null), J = U.find((e) => e.name === W), ye = c(() => [W, ...G.trim().length > 0 ? G.trim().split(/\s+/) : []], [W, G]), Y = c(async (e) => {
+		O(null);
+		try {
+			let t = (await ge({ variables: {
+				agentId: C,
+				argv: e
+			} })).data?.runAgentCommand, n = _(t?.data), r = v(n, "stdout") ?? "", i = v(n, "stderr") ?? "", a = n?.exitCode, o = (r || "") + (i ? `\n[stderr]\n${i}` : "") + `\n[exit ${a ?? "?"}]`;
+			k(`vibe ${e.join(" ")}`, o.trim() || t?.error || "(no output)", !y(n, "ok"));
+		} catch (e) {
+			k("Command", e instanceof Error ? e.message : String(e), !0);
+		}
+	}, [
+		C,
+		ge,
+		k
+	]), be = c(() => {
+		if (!W) return;
+		let e = ye();
+		J?.destructive ? q(e) : Y(e);
+	}, [
+		W,
+		ye,
+		J,
+		Y
+	]), [xe, { loading: X }] = i(), [Z, Se] = l(!0), [Q, $] = l(null), Ce = c(async (e) => {
+		O(null);
+		try {
+			let t = (await xe({ variables: {
+				agentId: C,
+				all: e.all,
+				removeConfig: e.removeConfig,
+				dryRun: Z
+			} })).data?.nukeVibecontrolsAgent, n = _(t?.data), r = v(n, "stdout") ?? "", i = v(n, "stderr") ?? "", a = y(n, "ok") === !0 && !t?.error;
+			k(`vibe nuke${e.all ? " --all" : ""}${Z ? " --dry-run" : ""}`, (r + (i ? `\n[stderr]\n${i}` : "")).trim() || t?.error || "(no output)", !a && !!t?.error), a && !Z && await T?.();
+		} catch (e) {
+			k("Nuke", e instanceof Error ? e.message : String(e), !0);
+		}
+	}, [
+		C,
+		xe,
+		Z,
+		T,
+		k
+	]);
+	return /* @__PURE__ */ h("div", {
+		className: "space-y-5",
+		children: [
+			/* @__PURE__ */ h("section", {
+				className: b,
+				children: [
+					/* @__PURE__ */ h("div", {
+						className: "flex items-center gap-2 mb-3",
+						children: [/* @__PURE__ */ m(u, { className: "size-5 text-text-secondary" }), /* @__PURE__ */ m("h3", {
+							className: "text-base font-semibold text-text-primary",
+							children: E("agentDetails.maintenance.updateTitle", "Agent version & updates")
+						})]
+					}),
+					/* @__PURE__ */ h("div", {
+						className: "grid grid-cols-2 gap-3 text-sm mb-4",
+						children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("div", {
+							className: "text-text-muted",
+							children: E("agentDetails.maintenance.current", "Current")
+						}), /* @__PURE__ */ m("div", {
+							className: "font-mono text-text-primary",
+							children: w ?? "—"
+						})] }), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("div", {
+							className: "text-text-muted",
+							children: E("agentDetails.maintenance.latest", "Latest")
+						}), /* @__PURE__ */ h("div", {
+							className: "font-mono text-text-primary",
+							children: [ue ?? "—", de ? /* @__PURE__ */ m("span", {
+								className: "ml-2 text-xs text-status-warning-text",
+								children: E("agentDetails.maintenance.updateAvailable", "update available")
+							}) : null]
+						})] })]
+					}),
+					/* @__PURE__ */ h("div", {
+						className: "flex flex-wrap items-center gap-2 mb-4",
+						children: [/* @__PURE__ */ h("button", {
+							type: "button",
+							onClick: pe,
+							disabled: j,
+							className: S,
+							children: [j ? /* @__PURE__ */ m(d, { className: "size-4 animate-spin" }) : /* @__PURE__ */ m(f, { className: "size-4" }), E("agentDetails.maintenance.check", "Check for updates")]
+						}), /* @__PURE__ */ h("button", {
+							type: "button",
+							onClick: () => z(),
+							disabled: N,
+							className: x,
+							children: [N ? /* @__PURE__ */ m(d, { className: "size-4 animate-spin" }) : /* @__PURE__ */ m(u, { className: "size-4" }), E("agentDetails.maintenance.updateLatest", "Update to latest")]
+						})]
+					}),
+					/* @__PURE__ */ h("div", {
+						className: "flex flex-wrap items-center gap-2 mb-4",
+						children: [/* @__PURE__ */ m("input", {
+							type: "text",
+							value: R,
+							onChange: (e) => fe(e.target.value),
+							placeholder: E("agentDetails.maintenance.versionPlaceholder", "e.g. 2026.601.21"),
+							className: "px-3 py-2 text-sm rounded-md bg-bg-sunken border border-border-default text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40 font-mono w-44"
+						}), /* @__PURE__ */ m("button", {
+							type: "button",
+							onClick: () => z(R.trim()),
+							disabled: N || R.trim().length === 0,
+							className: S,
+							children: E("agentDetails.maintenance.updateVersion", "Update to version")
+						})]
+					}),
+					/* @__PURE__ */ h("label", {
+						className: "flex items-center gap-3 cursor-pointer",
+						children: [/* @__PURE__ */ m(g, {
+							checked: le,
+							disabled: ce,
+							onCheckedChange: (e) => me(e === !0)
+						}), /* @__PURE__ */ m("span", {
+							className: "text-sm text-text-primary",
+							children: E("agentDetails.maintenance.autoUpdate", "Automatically install updates when idle (daily background check)")
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ h("section", {
+				className: b,
+				children: [
+					/* @__PURE__ */ h("div", {
+						className: "flex items-center justify-between gap-2 mb-3",
+						children: [/* @__PURE__ */ h("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ m(p, { className: "size-5 text-text-secondary" }), /* @__PURE__ */ m("h3", {
+								className: "text-base font-semibold text-text-primary",
+								children: E("agentDetails.maintenance.commandsTitle", "Run a command")
+							})]
+						}), /* @__PURE__ */ m("button", {
+							type: "button",
+							onClick: () => he(),
+							disabled: V,
+							className: "text-text-muted hover:text-text-primary",
+							"aria-label": E("agentDetails.maintenance.refresh", "Refresh"),
+							children: /* @__PURE__ */ m(f, { className: `size-4 ${V ? "animate-spin" : ""}` })
+						})]
+					}),
+					/* @__PURE__ */ m("p", {
+						className: "text-xs text-text-muted mb-3",
+						children: E("agentDetails.maintenance.commandsHint", "Every agent command can be run here. Destructive commands ask for confirmation.")
+					}),
+					/* @__PURE__ */ h("div", {
+						className: "flex flex-wrap items-end gap-2 mb-3",
+						children: [
+							/* @__PURE__ */ h("div", {
+								className: "flex flex-col gap-1",
+								children: [/* @__PURE__ */ m("span", {
+									className: "text-xs text-text-muted",
+									children: E("agentDetails.maintenance.command", "Command")
+								}), /* @__PURE__ */ h("select", {
+									value: W,
+									onChange: (e) => _e(e.target.value),
+									className: "px-3 py-2 text-sm rounded-md bg-bg-sunken border border-border-default text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40 min-w-44",
+									children: [/* @__PURE__ */ m("option", {
+										value: "",
+										children: V ? E("agentDetails.maintenance.loading", "Loading…") : E("agentDetails.maintenance.selectCommand", "Select a command…")
+									}), U.map((e) => /* @__PURE__ */ h("option", {
+										value: e.name,
+										children: [e.name, e.destructive ? " ⚠" : ""]
+									}, e.name))]
+								})]
+							}),
+							/* @__PURE__ */ h("div", {
+								className: "flex flex-col gap-1 flex-1 min-w-44",
+								children: [/* @__PURE__ */ m("span", {
+									className: "text-xs text-text-muted",
+									children: E("agentDetails.maintenance.args", "Arguments (optional)")
+								}), /* @__PURE__ */ m("input", {
+									type: "text",
+									value: G,
+									onChange: (e) => ve(e.target.value),
+									placeholder: "--json --tail 50",
+									className: "px-3 py-2 text-sm rounded-md bg-bg-sunken border border-border-default text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40 font-mono w-full"
+								})]
+							}),
+							/* @__PURE__ */ h("button", {
+								type: "button",
+								onClick: be,
+								disabled: H || !W,
+								className: x,
+								children: [H ? /* @__PURE__ */ m(d, { className: "size-4 animate-spin" }) : /* @__PURE__ */ m(p, { className: "size-4" }), E("agentDetails.maintenance.run", "Run")]
+							})
+						]
+					}),
+					J?.description ? /* @__PURE__ */ m("p", {
+						className: "text-xs text-text-muted",
+						children: J.description
+					}) : null
+				]
+			}),
+			/* @__PURE__ */ h("section", {
+				className: `${b} border-status-error-bg/40`,
+				children: [
+					/* @__PURE__ */ h("div", {
+						className: "flex items-center gap-2 mb-3",
+						children: [/* @__PURE__ */ m(ne, { className: "size-5 text-status-error-text" }), /* @__PURE__ */ m("h3", {
+							className: "text-base font-semibold text-text-primary",
+							children: E("agentDetails.maintenance.dangerTitle", "Danger zone")
+						})]
+					}),
+					/* @__PURE__ */ h("label", {
+						className: "flex items-center gap-3 cursor-pointer mb-3",
+						children: [/* @__PURE__ */ m(g, {
+							checked: Z,
+							onCheckedChange: (e) => Se(e === !0)
+						}), /* @__PURE__ */ m("span", {
+							className: "text-sm text-text-primary",
+							children: E("agentDetails.maintenance.dryRun", "Dry run (preview only — nothing is deleted)")
+						})]
+					}),
+					/* @__PURE__ */ h("div", {
+						className: "flex flex-wrap gap-2",
+						children: [/* @__PURE__ */ h("button", {
+							type: "button",
+							onClick: () => $({
+								all: !1,
+								removeConfig: !1
+							}),
+							disabled: X,
+							className: S,
+							children: [X ? /* @__PURE__ */ m(d, { className: "size-4 animate-spin" }) : /* @__PURE__ */ m(re, { className: "size-4" }), E("agentDetails.maintenance.nukeState", "Nuke state")]
+						}), /* @__PURE__ */ h("button", {
+							type: "button",
+							onClick: () => $({
+								all: !0,
+								removeConfig: !0
+							}),
+							disabled: X,
+							className: ie,
+							children: [/* @__PURE__ */ m(re, { className: "size-4" }), E("agentDetails.maintenance.nukeAll", "Nuke everything (--all)")]
+						})]
+					}),
+					/* @__PURE__ */ m("p", {
+						className: "text-xs text-text-muted mt-2",
+						children: E("agentDetails.maintenance.nukeHint", "“Nuke state” wipes this agent’s data + tracked binaries. “Nuke everything” also removes all VibeControls plugins, secrets, and config across every profile on the host.")
+					})
+				]
+			}),
+			D ? /* @__PURE__ */ h("section", {
+				className: b,
+				children: [/* @__PURE__ */ h("div", {
+					className: "flex items-center justify-between mb-2",
+					children: [/* @__PURE__ */ m("h4", {
+						className: "text-sm font-semibold text-text-primary",
+						children: D.title
+					}), /* @__PURE__ */ m("button", {
+						type: "button",
+						onClick: () => O(null),
+						className: "text-xs text-text-muted hover:text-text-primary",
+						children: E("agentDetails.maintenance.dismiss", "Dismiss")
+					})]
+				}), /* @__PURE__ */ m("pre", {
+					className: `text-xs whitespace-pre-wrap break-words max-h-96 overflow-auto rounded-md p-3 ${D.error ? "bg-status-error-bg-subtle text-status-error-text" : "bg-bg-sunken text-text-primary"}`,
+					children: D.body
+				})]
+			}) : null,
+			/* @__PURE__ */ m(s, {
+				isOpen: K !== null,
+				onClose: () => q(null),
+				onConfirm: () => {
+					let e = K;
+					q(null), e && Y(e);
+				},
+				title: E("agentDetails.maintenance.confirmCommandTitle", "Run destructive command?"),
+				message: E("agentDetails.maintenance.confirmCommandMsg", "This command can change or destroy agent state: {{cmd}}", { cmd: (K ?? []).join(" ") }),
+				confirmLabel: E("agentDetails.maintenance.run", "Run"),
+				variant: "danger",
+				isLoading: H
+			}),
+			/* @__PURE__ */ m(s, {
+				isOpen: Q !== null,
+				onClose: () => $(null),
+				onConfirm: () => {
+					let e = Q;
+					$(null), e && Ce(e);
+				},
+				title: Z ? E("agentDetails.maintenance.confirmNukeDryTitle", "Preview nuke?") : E("agentDetails.maintenance.confirmNukeTitle", "Nuke agent?"),
+				message: Q?.all ? E("agentDetails.maintenance.confirmNukeAllMsg", "This wipes ALL state, plugins, secrets and config on the host.") : E("agentDetails.maintenance.confirmNukeStateMsg", "This wipes this agent’s state and tracked binaries."),
+				confirmLabel: Z ? E("agentDetails.maintenance.preview", "Preview") : E("agentDetails.maintenance.nuke", "Nuke"),
+				variant: "danger",
+				isLoading: X
+			})
+		]
+	});
+}
+//#endregion
+export { C as AgentMaintenanceTab };
+
+//# sourceMappingURL=AgentMaintenanceTab.js.map

package/dist/components/agents/AgentMaintenanceTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentMaintenanceTab.js","names":[],"sources":["../../../src/components/agents/AgentMaintenanceTab.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\nimport { ArrowUpCircle, Loader2, RefreshCw, Terminal, Trash2, AlertTriangle } from 'lucide-react';\nimport { Checkbox } from '@burdenoff/fe-libs/ui';\n\nimport {\n  useAgentUpdateStatusQuery,\n  useAgentUpdateCheckLazyQuery,\n  useAgentSelfUpdateMutation,\n  useSetAgentAutoUpdateMutation,\n  useAgentCommandsQuery,\n  useRunAgentCommandMutation,\n  useNukeVibecontrolsAgentMutation,\n} from '@/generated/wspace-operations';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { ConfirmDialog } from '../shared/ConfirmDialog';\n\ntype Json = Record<string, unknown> | null | undefined;\n\nfunction asRecord(v: unknown): Record<string, unknown> | null {\n  return v && typeof v === 'object' && !Array.isArray(v) ? (v as Record<string, unknown>) : null;\n}\nfunction jstr(obj: Json, key: string): string | null {\n  const v = obj?.[key];\n  return typeof v === 'string' ? v : null;\n}\nfunction jbool(obj: Json, key: string): boolean | null {\n  const v = obj?.[key];\n  return typeof v === 'boolean' ? v : null;\n}\n\ninterface CommandInfo {\n  name: string;\n  description: string;\n  destructive?: boolean;\n  options?: Array<{ flags: string; description: string }>;\n}\n\ninterface AgentMaintenanceTabProps {\n  agentId: string;\n  agentVersion?: string | null;\n  onAfterDestructiveNuke?: () => void | Promise<void>;\n}\n\nconst SECTION = 'rounded-lg border border-border-default bg-bg-surface p-4 sm:p-5';\nconst BTN_PRIMARY =\n  'inline-flex items-center gap-2 px-3 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-50';\nconst BTN_NEUTRAL =\n  'inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-md bg-bg-sunken text-text-primary hover:bg-bg-elevated transition-colors disabled:opacity-50';\nconst BTN_DANGER =\n  'inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-md bg-status-error-bg text-text-inverse hover:opacity-80 transition-colors disabled:opacity-50';\n\nexport function AgentMaintenanceTab({\n  agentId,\n  agentVersion,\n  onAfterDestructiveNuke,\n}: AgentMaintenanceTabProps) {\n  const tr = useTr();\n\n  // ── Output + toast plumbing (component-local) ───────────────────────────\n  const [output, setOutput] = useState<{ title: string; body: string; error?: boolean } | null>(\n    null\n  );\n  const showOutput = useCallback((title: string, body: string, error = false) => {\n    setOutput({ title, body, error });\n  }, []);\n\n  // ── Update / autoupdate ─────────────────────────────────────────────────\n  const { data: statusData, refetch: refetchStatus } = useAgentUpdateStatusQuery({\n    variables: { agentId },\n    fetchPolicy: 'cache-and-network',\n  });\n  const [checkUpdate, { data: checkData, loading: checking }] = useAgentUpdateCheckLazyQuery({\n    fetchPolicy: 'network-only',\n  });\n  const [selfUpdate, { loading: updating }] = useAgentSelfUpdateMutation();\n  const [setAutoUpdate, { loading: togglingAuto }] = useSetAgentAutoUpdateMutation();\n\n  const status = asRecord(statusData?.agentUpdateStatus?.data);\n  const lastCheck = asRecord(status?.lastCheck);\n  const checkResult = asRecord(checkData?.agentUpdateCheck?.data);\n  const autoUpdateEnabled = jbool(status, 'enabled') ?? true;\n  const latestVersion = jstr(checkResult, 'latest') ?? jstr(lastCheck, 'latest') ?? null;\n  const hasUpdate = jbool(checkResult, 'hasUpdate') ?? jbool(lastCheck, 'hasUpdate') ?? false;\n\n  const [versionInput, setVersionInput] = useState('');\n\n  const handleCheck = useCallback(async () => {\n    setOutput(null);\n    try {\n      const res = await checkUpdate({ variables: { agentId } });\n      const d = asRecord(res.data?.agentUpdateCheck?.data);\n      if (res.data?.agentUpdateCheck?.error) {\n        showOutput(\n          tr('agentDetails.maintenance.update', 'Update'),\n          res.data.agentUpdateCheck.error,\n          true\n        );\n      } else if (jbool(d, 'hasUpdate')) {\n        showOutput(\n          tr('agentDetails.maintenance.update', 'Update'),\n          `Update available: ${jstr(d, 'current')} → ${jstr(d, 'latest')}`\n        );\n      } else {\n        showOutput(\n          tr('agentDetails.maintenance.update', 'Update'),\n          `Up to date (${jstr(d, 'current') ?? agentVersion ?? '?'}).`\n        );\n      }\n    } catch (err) {\n      showOutput('Update', err instanceof Error ? err.message : String(err), true);\n    }\n  }, [agentId, checkUpdate, showOutput, tr, agentVersion]);\n\n  const runSelfUpdate = useCallback(\n    async (version?: string) => {\n      setOutput(null);\n      try {\n        const res = await selfUpdate({ variables: { agentId, version: version || null } });\n        const proxy = res.data?.agentSelfUpdate;\n        const d = asRecord(proxy?.data);\n        if (proxy?.error || jbool(d, 'ok') === false) {\n          showOutput(\n            'Update',\n            (jstr(d, 'error') ?? proxy?.error ?? 'Update failed') as string,\n            true\n          );\n        } else {\n          showOutput(\n            'Update',\n            `Updated → ${jstr(d, 'current') ?? version ?? 'latest'} (restart: ${jstr(d, 'restart') ?? 'n/a'}).`\n          );\n        }\n        await refetchStatus();\n      } catch (err) {\n        showOutput('Update', err instanceof Error ? err.message : String(err), true);\n      }\n    },\n    [agentId, selfUpdate, showOutput, refetchStatus]\n  );\n\n  const toggleAutoUpdate = useCallback(\n    async (enabled: boolean) => {\n      try {\n        await setAutoUpdate({ variables: { agentId, enabled } });\n        await refetchStatus();\n      } catch (err) {\n        showOutput('Autoupdate', err instanceof Error ? err.message : String(err), true);\n      }\n    },\n    [agentId, setAutoUpdate, refetchStatus, showOutput]\n  );\n\n  // ── Command runner ──────────────────────────────────────────────────────\n  const {\n    data: cmdData,\n    loading: cmdsLoading,\n    refetch: refetchCmds,\n  } = useAgentCommandsQuery({\n    variables: { agentId },\n    fetchPolicy: 'cache-and-network',\n  });\n  const [runCommand, { loading: running }] = useRunAgentCommandMutation();\n\n  const commands = useMemo<CommandInfo[]>(() => {\n    const raw = asRecord(cmdData?.agentCommands?.data)?.commands;\n    return Array.isArray(raw) ? (raw as CommandInfo[]) : [];\n  }, [cmdData]);\n\n  const [selectedCommand, setSelectedCommand] = useState('');\n  const [argsInput, setArgsInput] = useState('');\n  const [pendingCommand, setPendingCommand] = useState<string[] | null>(null);\n\n  const selectedMeta = commands.find((c) => c.name === selectedCommand);\n\n  const buildArgv = useCallback((): string[] => {\n    const extra = argsInput.trim().length > 0 ? argsInput.trim().split(/\\s+/) : [];\n    return [selectedCommand, ...extra];\n  }, [selectedCommand, argsInput]);\n\n  const executeCommand = useCallback(\n    async (argv: string[]) => {\n      setOutput(null);\n      try {\n        const res = await runCommand({ variables: { agentId, argv } });\n        const proxy = res.data?.runAgentCommand;\n        const d = asRecord(proxy?.data);\n        const stdout = jstr(d, 'stdout') ?? '';\n        const stderr = jstr(d, 'stderr') ?? '';\n        const exit = d?.exitCode;\n        const body =\n          (stdout ? stdout : '') +\n          (stderr ? `\\n[stderr]\\n${stderr}` : '') +\n          `\\n[exit ${exit ?? '?'}]`;\n        showOutput(\n          `vibe ${argv.join(' ')}`,\n          body.trim() || proxy?.error || '(no output)',\n          !jbool(d, 'ok')\n        );\n      } catch (err) {\n        showOutput('Command', err instanceof Error ? err.message : String(err), true);\n      }\n    },\n    [agentId, runCommand, showOutput]\n  );\n\n  const handleRunClick = useCallback(() => {\n    if (!selectedCommand) return;\n    const argv = buildArgv();\n    if (selectedMeta?.destructive) {\n      setPendingCommand(argv);\n    } else {\n      void executeCommand(argv);\n    }\n  }, [selectedCommand, buildArgv, selectedMeta, executeCommand]);\n\n  // ── Nuke ────────────────────────────────────────────────────────────────\n  const [nuke, { loading: nuking }] = useNukeVibecontrolsAgentMutation();\n  const [nukeDryRun, setNukeDryRun] = useState(true);\n  const [pendingNuke, setPendingNuke] = useState<{ all: boolean; removeConfig: boolean } | null>(\n    null\n  );\n\n  const runNuke = useCallback(\n    async (opts: { all: boolean; removeConfig: boolean }) => {\n      setOutput(null);\n      try {\n        const res = await nuke({\n          variables: {\n            agentId,\n            all: opts.all,\n            removeConfig: opts.removeConfig,\n            dryRun: nukeDryRun,\n          },\n        });\n        const proxy = res.data?.nukeVibecontrolsAgent;\n        const d = asRecord(proxy?.data);\n        const stdout = jstr(d, 'stdout') ?? '';\n        const stderr = jstr(d, 'stderr') ?? '';\n        const ok = jbool(d, 'ok') === true && !proxy?.error;\n        showOutput(\n          `vibe nuke${opts.all ? ' --all' : ''}${nukeDryRun ? ' --dry-run' : ''}`,\n          (stdout + (stderr ? `\\n[stderr]\\n${stderr}` : '')).trim() ||\n            proxy?.error ||\n            '(no output)',\n          !ok && !!proxy?.error\n        );\n        if (ok && !nukeDryRun) {\n          await onAfterDestructiveNuke?.();\n        }\n      } catch (err) {\n        showOutput('Nuke', err instanceof Error ? err.message : String(err), true);\n      }\n    },\n    [agentId, nuke, nukeDryRun, onAfterDestructiveNuke, showOutput]\n  );\n\n  return (\n    <div className=\"space-y-5\">\n      {/* ── Agent update ────────────────────────────────────────────── */}\n      <section className={SECTION}>\n        <div className=\"flex items-center gap-2 mb-3\">\n          <ArrowUpCircle className=\"size-5 text-text-secondary\" />\n          <h3 className=\"text-base font-semibold text-text-primary\">\n            {tr('agentDetails.maintenance.updateTitle', 'Agent version & updates')}\n          </h3>\n        </div>\n        <div className=\"grid grid-cols-2 gap-3 text-sm mb-4\">\n          <div>\n            <div className=\"text-text-muted\">\n              {tr('agentDetails.maintenance.current', 'Current')}\n            </div>\n            <div className=\"font-mono text-text-primary\">{agentVersion ?? '—'}</div>\n          </div>\n          <div>\n            <div className=\"text-text-muted\">{tr('agentDetails.maintenance.latest', 'Latest')}</div>\n            <div className=\"font-mono text-text-primary\">\n              {latestVersion ?? '—'}\n              {hasUpdate ? (\n                <span className=\"ml-2 text-xs text-status-warning-text\">\n                  {tr('agentDetails.maintenance.updateAvailable', 'update available')}\n                </span>\n              ) : null}\n            </div>\n          </div>\n        </div>\n\n        <div className=\"flex flex-wrap items-center gap-2 mb-4\">\n          <button type=\"button\" onClick={handleCheck} disabled={checking} className={BTN_NEUTRAL}>\n            {checking ? (\n              <Loader2 className=\"size-4 animate-spin\" />\n            ) : (\n              <RefreshCw className=\"size-4\" />\n            )}\n            {tr('agentDetails.maintenance.check', 'Check for updates')}\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => runSelfUpdate()}\n            disabled={updating}\n            className={BTN_PRIMARY}\n          >\n            {updating ? (\n              <Loader2 className=\"size-4 animate-spin\" />\n            ) : (\n              <ArrowUpCircle className=\"size-4\" />\n            )}\n            {tr('agentDetails.maintenance.updateLatest', 'Update to latest')}\n          </button>\n        </div>\n\n        <div className=\"flex flex-wrap items-center gap-2 mb-4\">\n          <input\n            type=\"text\"\n            value={versionInput}\n            onChange={(e) => setVersionInput(e.target.value)}\n            placeholder={tr('agentDetails.maintenance.versionPlaceholder', 'e.g. 2026.601.21')}\n            className=\"px-3 py-2 text-sm rounded-md bg-bg-sunken border border-border-default text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40 font-mono w-44\"\n          />\n          <button\n            type=\"button\"\n            onClick={() => runSelfUpdate(versionInput.trim())}\n            disabled={updating || versionInput.trim().length === 0}\n            className={BTN_NEUTRAL}\n          >\n            {tr('agentDetails.maintenance.updateVersion', 'Update to version')}\n          </button>\n        </div>\n\n        <label className=\"flex items-center gap-3 cursor-pointer\">\n          <Checkbox\n            checked={autoUpdateEnabled}\n            disabled={togglingAuto}\n            onCheckedChange={(c) => toggleAutoUpdate(c === true)}\n          />\n          <span className=\"text-sm text-text-primary\">\n            {tr(\n              'agentDetails.maintenance.autoUpdate',\n              'Automatically install updates when idle (daily background check)'\n            )}\n          </span>\n        </label>\n      </section>\n\n      {/* ── Command runner ──────────────────────────────────────────── */}\n      <section className={SECTION}>\n        <div className=\"flex items-center justify-between gap-2 mb-3\">\n          <div className=\"flex items-center gap-2\">\n            <Terminal className=\"size-5 text-text-secondary\" />\n            <h3 className=\"text-base font-semibold text-text-primary\">\n              {tr('agentDetails.maintenance.commandsTitle', 'Run a command')}\n            </h3>\n          </div>\n          <button\n            type=\"button\"\n            onClick={() => refetchCmds()}\n            disabled={cmdsLoading}\n            className=\"text-text-muted hover:text-text-primary\"\n            aria-label={tr('agentDetails.maintenance.refresh', 'Refresh')}\n          >\n            <RefreshCw className={`size-4 ${cmdsLoading ? 'animate-spin' : ''}`} />\n          </button>\n        </div>\n        <p className=\"text-xs text-text-muted mb-3\">\n          {tr(\n            'agentDetails.maintenance.commandsHint',\n            'Every agent command can be run here. Destructive commands ask for confirmation.'\n          )}\n        </p>\n        <div className=\"flex flex-wrap items-end gap-2 mb-3\">\n          <div className=\"flex flex-col gap-1\">\n            <span className=\"text-xs text-text-muted\">\n              {tr('agentDetails.maintenance.command', 'Command')}\n            </span>\n            <select\n              value={selectedCommand}\n              onChange={(e) => setSelectedCommand(e.target.value)}\n              className=\"px-3 py-2 text-sm rounded-md bg-bg-sunken border border-border-default text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40 min-w-44\"\n            >\n              <option value=\"\">\n                {cmdsLoading\n                  ? tr('agentDetails.maintenance.loading', 'Loading…')\n                  : tr('agentDetails.maintenance.selectCommand', 'Select a command…')}\n              </option>\n              {commands.map((c) => (\n                <option key={c.name} value={c.name}>\n                  {c.name}\n                  {c.destructive ? ' ⚠' : ''}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div className=\"flex flex-col gap-1 flex-1 min-w-44\">\n            <span className=\"text-xs text-text-muted\">\n              {tr('agentDetails.maintenance.args', 'Arguments (optional)')}\n            </span>\n            <input\n              type=\"text\"\n              value={argsInput}\n              onChange={(e) => setArgsInput(e.target.value)}\n              placeholder=\"--json --tail 50\"\n              className=\"px-3 py-2 text-sm rounded-md bg-bg-sunken border border-border-default text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40 font-mono w-full\"\n            />\n          </div>\n          <button\n            type=\"button\"\n            onClick={handleRunClick}\n            disabled={running || !selectedCommand}\n            className={BTN_PRIMARY}\n          >\n            {running ? (\n              <Loader2 className=\"size-4 animate-spin\" />\n            ) : (\n              <Terminal className=\"size-4\" />\n            )}\n            {tr('agentDetails.maintenance.run', 'Run')}\n          </button>\n        </div>\n        {selectedMeta?.description ? (\n          <p className=\"text-xs text-text-muted\">{selectedMeta.description}</p>\n        ) : null}\n      </section>\n\n      {/* ── Danger zone (nuke) ──────────────────────────────────────── */}\n      <section className={`${SECTION} border-status-error-bg/40`}>\n        <div className=\"flex items-center gap-2 mb-3\">\n          <AlertTriangle className=\"size-5 text-status-error-text\" />\n          <h3 className=\"text-base font-semibold text-text-primary\">\n            {tr('agentDetails.maintenance.dangerTitle', 'Danger zone')}\n          </h3>\n        </div>\n        <label className=\"flex items-center gap-3 cursor-pointer mb-3\">\n          <Checkbox checked={nukeDryRun} onCheckedChange={(c) => setNukeDryRun(c === true)} />\n          <span className=\"text-sm text-text-primary\">\n            {tr('agentDetails.maintenance.dryRun', 'Dry run (preview only — nothing is deleted)')}\n          </span>\n        </label>\n        <div className=\"flex flex-wrap gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => setPendingNuke({ all: false, removeConfig: false })}\n            disabled={nuking}\n            className={BTN_NEUTRAL}\n          >\n            {nuking ? <Loader2 className=\"size-4 animate-spin\" /> : <Trash2 className=\"size-4\" />}\n            {tr('agentDetails.maintenance.nukeState', 'Nuke state')}\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => setPendingNuke({ all: true, removeConfig: true })}\n            disabled={nuking}\n            className={BTN_DANGER}\n          >\n            <Trash2 className=\"size-4\" />\n            {tr('agentDetails.maintenance.nukeAll', 'Nuke everything (--all)')}\n          </button>\n        </div>\n        <p className=\"text-xs text-text-muted mt-2\">\n          {tr(\n            'agentDetails.maintenance.nukeHint',\n            '“Nuke state” wipes this agent’s data + tracked binaries. “Nuke everything” also removes all VibeControls plugins, secrets, and config across every profile on the host.'\n          )}\n        </p>\n      </section>\n\n      {/* ── Output pane ─────────────────────────────────────────────── */}\n      {output ? (\n        <section className={SECTION}>\n          <div className=\"flex items-center justify-between mb-2\">\n            <h4 className=\"text-sm font-semibold text-text-primary\">{output.title}</h4>\n            <button\n              type=\"button\"\n              onClick={() => setOutput(null)}\n              className=\"text-xs text-text-muted hover:text-text-primary\"\n            >\n              {tr('agentDetails.maintenance.dismiss', 'Dismiss')}\n            </button>\n          </div>\n          <pre\n            className={`text-xs whitespace-pre-wrap break-words max-h-96 overflow-auto rounded-md p-3 ${\n              output.error\n                ? 'bg-status-error-bg-subtle text-status-error-text'\n                : 'bg-bg-sunken text-text-primary'\n            }`}\n          >\n            {output.body}\n          </pre>\n        </section>\n      ) : null}\n\n      {/* ── Confirms ────────────────────────────────────────────────── */}\n      <ConfirmDialog\n        isOpen={pendingCommand !== null}\n        onClose={() => setPendingCommand(null)}\n        onConfirm={() => {\n          const argv = pendingCommand;\n          setPendingCommand(null);\n          if (argv) void executeCommand(argv);\n        }}\n        title={tr('agentDetails.maintenance.confirmCommandTitle', 'Run destructive command?')}\n        message={tr(\n          'agentDetails.maintenance.confirmCommandMsg',\n          'This command can change or destroy agent state: {{cmd}}',\n          { cmd: (pendingCommand ?? []).join(' ') }\n        )}\n        confirmLabel={tr('agentDetails.maintenance.run', 'Run')}\n        variant=\"danger\"\n        isLoading={running}\n      />\n      <ConfirmDialog\n        isOpen={pendingNuke !== null}\n        onClose={() => setPendingNuke(null)}\n        onConfirm={() => {\n          const opts = pendingNuke;\n          setPendingNuke(null);\n          if (opts) void runNuke(opts);\n        }}\n        title={\n          nukeDryRun\n            ? tr('agentDetails.maintenance.confirmNukeDryTitle', 'Preview nuke?')\n            : tr('agentDetails.maintenance.confirmNukeTitle', 'Nuke agent?')\n        }\n        message={\n          pendingNuke?.all\n            ? tr(\n                'agentDetails.maintenance.confirmNukeAllMsg',\n                'This wipes ALL state, plugins, secrets and config on the host.'\n              )\n            : tr(\n                'agentDetails.maintenance.confirmNukeStateMsg',\n                'This wipes this agent’s state and tracked binaries.'\n              )\n        }\n        confirmLabel={\n          nukeDryRun\n            ? tr('agentDetails.maintenance.preview', 'Preview')\n            : tr('agentDetails.maintenance.nuke', 'Nuke')\n        }\n        variant=\"danger\"\n        isLoading={nuking}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAkBA,SAAS,EAAS,GAA4C;AAC5D,QAAO,KAAK,OAAO,KAAM,YAAY,CAAC,MAAM,QAAQ,EAAE,GAAI,IAAgC;;AAE5F,SAAS,EAAK,GAAW,GAA4B;CACnD,IAAM,IAAI,IAAM;AAChB,QAAO,OAAO,KAAM,WAAW,IAAI;;AAErC,SAAS,EAAM,GAAW,GAA6B;CACrD,IAAM,IAAI,IAAM;AAChB,QAAO,OAAO,KAAM,YAAY,IAAI;;AAgBtC,IAAM,IAAU,oEACV,IACJ,gMACI,IACJ,qKACI,KACJ;AAEF,SAAgB,EAAoB,EAClC,YACA,iBACA,6BAC2B;CAC3B,IAAM,IAAK,IAAO,EAGZ,CAAC,GAAQ,KAAa,EAC1B,KACD,EACK,IAAa,GAAa,GAAe,GAAc,IAAQ,OAAU;AAC7E,IAAU;GAAE;GAAO;GAAM;GAAO,CAAC;IAChC,EAAE,CAAC,EAGA,EAAE,MAAM,IAAY,SAAS,MAAkB,EAA0B;EAC7E,WAAW,EAAE,YAAS;EACtB,aAAa;EACd,CAAC,EACI,CAAC,IAAa,EAAE,MAAM,IAAW,SAAS,OAAc,EAA6B,EACzF,aAAa,gBACd,CAAC,EACI,CAAC,GAAY,EAAE,SAAS,OAAc,GAA4B,EAClE,CAAC,GAAe,EAAE,SAAS,QAAkB,GAA+B,EAE5E,IAAS,EAAS,IAAY,mBAAmB,KAAK,EACtD,IAAY,EAAS,GAAQ,UAAU,EACvC,IAAc,EAAS,IAAW,kBAAkB,KAAK,EACzD,KAAoB,EAAM,GAAQ,UAAU,IAAI,IAChD,KAAgB,EAAK,GAAa,SAAS,IAAI,EAAK,GAAW,SAAS,IAAI,MAC5E,KAAY,EAAM,GAAa,YAAY,IAAI,EAAM,GAAW,YAAY,IAAI,IAEhF,CAAC,GAAc,MAAmB,EAAS,GAAG,EAE9C,KAAc,EAAY,YAAY;AAC1C,IAAU,KAAK;AACf,MAAI;GACF,IAAM,IAAM,MAAM,GAAY,EAAE,WAAW,EAAE,YAAS,EAAE,CAAC,EACnD,IAAI,EAAS,EAAI,MAAM,kBAAkB,KAAK;AACpD,GAAI,EAAI,MAAM,kBAAkB,QAC9B,EACE,EAAG,mCAAmC,SAAS,EAC/C,EAAI,KAAK,iBAAiB,OAC1B,GACD,GACQ,EAAM,GAAG,YAAY,GAC9B,EACE,EAAG,mCAAmC,SAAS,EAC/C,qBAAqB,EAAK,GAAG,UAAU,CAAC,KAAK,EAAK,GAAG,SAAS,GAC/D,GAED,EACE,EAAG,mCAAmC,SAAS,EAC/C,eAAe,EAAK,GAAG,UAAU,IAAI,KAAgB,IAAI,IAC1D;WAEI,GAAK;AACZ,KAAW,UAAU,aAAe,QAAQ,EAAI,UAAU,OAAO,EAAI,EAAE,GAAK;;IAE7E;EAAC;EAAS;EAAa;EAAY;EAAI;EAAa,CAAC,EAElD,IAAgB,EACpB,OAAO,MAAqB;AAC1B,IAAU,KAAK;AACf,MAAI;GAEF,IAAM,KADM,MAAM,EAAW,EAAE,WAAW;IAAE;IAAS,SAAS,KAAW;IAAM,EAAE,CAAC,EAChE,MAAM,iBAClB,IAAI,EAAS,GAAO,KAAK;AAa/B,GAZI,GAAO,SAAS,EAAM,GAAG,KAAK,KAAK,KACrC,EACE,UACC,EAAK,GAAG,QAAQ,IAAI,GAAO,SAAS,iBACrC,GACD,GAED,EACE,UACA,aAAa,EAAK,GAAG,UAAU,IAAI,KAAW,SAAS,aAAa,EAAK,GAAG,UAAU,IAAI,MAAM,IACjG,EAEH,MAAM,GAAe;WACd,GAAK;AACZ,KAAW,UAAU,aAAe,QAAQ,EAAI,UAAU,OAAO,EAAI,EAAE,GAAK;;IAGhF;EAAC;EAAS;EAAY;EAAY;EAAc,CACjD,EAEK,KAAmB,EACvB,OAAO,MAAqB;AAC1B,MAAI;AAEF,GADA,MAAM,EAAc,EAAE,WAAW;IAAE;IAAS;IAAS,EAAE,CAAC,EACxD,MAAM,GAAe;WACd,GAAK;AACZ,KAAW,cAAc,aAAe,QAAQ,EAAI,UAAU,OAAO,EAAI,EAAE,GAAK;;IAGpF;EAAC;EAAS;EAAe;EAAe;EAAW,CACpD,EAGK,EACJ,MAAM,GACN,SAAS,GACT,SAAS,OACP,EAAsB;EACxB,WAAW,EAAE,YAAS;EACtB,aAAa;EACd,CAAC,EACI,CAAC,IAAY,EAAE,SAAS,OAAa,GAA4B,EAEjE,IAAW,SAA6B;EAC5C,IAAM,IAAM,EAAS,GAAS,eAAe,KAAK,EAAE;AACpD,SAAO,MAAM,QAAQ,EAAI,GAAI,IAAwB,EAAE;IACtD,CAAC,EAAQ,CAAC,EAEP,CAAC,GAAiB,MAAsB,EAAS,GAAG,EACpD,CAAC,GAAW,MAAgB,EAAS,GAAG,EACxC,CAAC,GAAgB,KAAqB,EAA0B,KAAK,EAErE,IAAe,EAAS,MAAM,MAAM,EAAE,SAAS,EAAgB,EAE/D,KAAY,QAET,CAAC,GAAiB,GADX,EAAU,MAAM,CAAC,SAAS,IAAI,EAAU,MAAM,CAAC,MAAM,MAAM,GAAG,EAAE,CAC5C,EACjC,CAAC,GAAiB,EAAU,CAAC,EAE1B,IAAiB,EACrB,OAAO,MAAmB;AACxB,IAAU,KAAK;AACf,MAAI;GAEF,IAAM,KADM,MAAM,GAAW,EAAE,WAAW;IAAE;IAAS;IAAM,EAAE,CAAC,EAC5C,MAAM,iBAClB,IAAI,EAAS,GAAO,KAAK,EACzB,IAAS,EAAK,GAAG,SAAS,IAAI,IAC9B,IAAS,EAAK,GAAG,SAAS,IAAI,IAC9B,IAAO,GAAG,UACV,KACH,KAAkB,OAClB,IAAS,eAAe,MAAW,MACpC,WAAW,KAAQ,IAAI;AACzB,KACE,QAAQ,EAAK,KAAK,IAAI,IACtB,EAAK,MAAM,IAAI,GAAO,SAAS,eAC/B,CAAC,EAAM,GAAG,KAAK,CAChB;WACM,GAAK;AACZ,KAAW,WAAW,aAAe,QAAQ,EAAI,UAAU,OAAO,EAAI,EAAE,GAAK;;IAGjF;EAAC;EAAS;EAAY;EAAW,CAClC,EAEK,KAAiB,QAAkB;AACvC,MAAI,CAAC,EAAiB;EACtB,IAAM,IAAO,IAAW;AACxB,EAAI,GAAc,cAChB,EAAkB,EAAK,GAElB,EAAe,EAAK;IAE1B;EAAC;EAAiB;EAAW;EAAc;EAAe,CAAC,EAGxD,CAAC,IAAM,EAAE,SAAS,OAAY,GAAkC,EAChE,CAAC,GAAY,MAAiB,EAAS,GAAK,EAC5C,CAAC,GAAa,KAAkB,EACpC,KACD,EAEK,KAAU,EACd,OAAO,MAAkD;AACvD,IAAU,KAAK;AACf,MAAI;GASF,IAAM,KARM,MAAM,GAAK,EACrB,WAAW;IACT;IACA,KAAK,EAAK;IACV,cAAc,EAAK;IACnB,QAAQ;IACT,EACF,CAAC,EACgB,MAAM,uBAClB,IAAI,EAAS,GAAO,KAAK,EACzB,IAAS,EAAK,GAAG,SAAS,IAAI,IAC9B,IAAS,EAAK,GAAG,SAAS,IAAI,IAC9B,IAAK,EAAM,GAAG,KAAK,KAAK,MAAQ,CAAC,GAAO;AAQ9C,GAPA,EACE,YAAY,EAAK,MAAM,WAAW,KAAK,IAAa,eAAe,OAClE,KAAU,IAAS,eAAe,MAAW,KAAK,MAAM,IACvD,GAAO,SACP,eACF,CAAC,KAAM,CAAC,CAAC,GAAO,MACjB,EACG,KAAM,CAAC,KACT,MAAM,KAA0B;WAE3B,GAAK;AACZ,KAAW,QAAQ,aAAe,QAAQ,EAAI,UAAU,OAAO,EAAI,EAAE,GAAK;;IAG9E;EAAC;EAAS;EAAM;EAAY;EAAwB;EAAW,CAChE;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GAEE,kBAAC,WAAD;IAAS,WAAW;cAApB;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAe,WAAU,8BAA+B,CAAA,EACxD,kBAAC,MAAD;OAAI,WAAU;iBACX,EAAG,wCAAwC,0BAA0B;OACnE,CAAA,CACD;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAG,oCAAoC,UAAU;OAC9C,CAAA,EACN,kBAAC,OAAD;OAAK,WAAU;iBAA+B,KAAgB;OAAU,CAAA,CACpE,EAAA,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAmB,EAAG,mCAAmC,SAAS;OAAO,CAAA,EACxF,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACG,MAAiB,KACjB,KACC,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAG,4CAA4C,mBAAmB;QAC9D,CAAA,GACL,KACA;SACF,EAAA,CAAA,CACF;;KAEN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,UAAD;OAAQ,MAAK;OAAS,SAAS;OAAa,UAAU;OAAU,WAAW;iBAA3E,CACG,IACC,kBAAC,GAAD,EAAS,WAAU,uBAAwB,CAAA,GAE3C,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA,EAEjC,EAAG,kCAAkC,oBAAoB,CACnD;UACT,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,GAAe;OAC9B,UAAU;OACV,WAAW;iBAJb,CAMG,IACC,kBAAC,GAAD,EAAS,WAAU,uBAAwB,CAAA,GAE3C,kBAAC,GAAD,EAAe,WAAU,UAAW,CAAA,EAErC,EAAG,yCAAyC,mBAAmB,CACzD;SACL;;KAEN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,SAAD;OACE,MAAK;OACL,OAAO;OACP,WAAW,MAAM,GAAgB,EAAE,OAAO,MAAM;OAChD,aAAa,EAAG,+CAA+C,mBAAmB;OAClF,WAAU;OACV,CAAA,EACF,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAc,EAAa,MAAM,CAAC;OACjD,UAAU,KAAY,EAAa,MAAM,CAAC,WAAW;OACrD,WAAW;iBAEV,EAAG,0CAA0C,oBAAoB;OAC3D,CAAA,CACL;;KAEN,kBAAC,SAAD;MAAO,WAAU;gBAAjB,CACE,kBAAC,GAAD;OACE,SAAS;OACT,UAAU;OACV,kBAAkB,MAAM,GAAiB,MAAM,GAAK;OACpD,CAAA,EACF,kBAAC,QAAD;OAAM,WAAU;iBACb,EACC,uCACA,mEACD;OACI,CAAA,CACD;;KACA;;GAGV,kBAAC,WAAD;IAAS,WAAW;cAApB;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAU,WAAU,8BAA+B,CAAA,EACnD,kBAAC,MAAD;QAAI,WAAU;kBACX,EAAG,0CAA0C,gBAAgB;QAC3D,CAAA,CACD;UACN,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,IAAa;OAC5B,UAAU;OACV,WAAU;OACV,cAAY,EAAG,oCAAoC,UAAU;iBAE7D,kBAAC,GAAD,EAAW,WAAW,UAAU,IAAc,iBAAiB,MAAQ,CAAA;OAChE,CAAA,CACL;;KACN,kBAAC,KAAD;MAAG,WAAU;gBACV,EACC,yCACA,kFACD;MACC,CAAA;KACJ,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBACb,EAAG,oCAAoC,UAAU;SAC7C,CAAA,EACP,kBAAC,UAAD;SACE,OAAO;SACP,WAAW,MAAM,GAAmB,EAAE,OAAO,MAAM;SACnD,WAAU;mBAHZ,CAKE,kBAAC,UAAD;UAAQ,OAAM;oBACX,IACG,EAAG,oCAAoC,WAAW,GAClD,EAAG,0CAA0C,oBAAoB;UAC9D,CAAA,EACR,EAAS,KAAK,MACb,kBAAC,UAAD;UAAqB,OAAO,EAAE;oBAA9B,CACG,EAAE,MACF,EAAE,cAAc,OAAO,GACjB;YAHI,EAAE,KAGN,CACT,CACK;WACL;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBACb,EAAG,iCAAiC,uBAAuB;SACvD,CAAA,EACP,kBAAC,SAAD;SACE,MAAK;SACL,OAAO;SACP,WAAW,MAAM,GAAa,EAAE,OAAO,MAAM;SAC7C,aAAY;SACZ,WAAU;SACV,CAAA,CACE;;OACN,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,UAAU,KAAW,CAAC;QACtB,WAAW;kBAJb,CAMG,IACC,kBAAC,GAAD,EAAS,WAAU,uBAAwB,CAAA,GAE3C,kBAAC,GAAD,EAAU,WAAU,UAAW,CAAA,EAEhC,EAAG,gCAAgC,MAAM,CACnC;;OACL;;KACL,GAAc,cACb,kBAAC,KAAD;MAAG,WAAU;gBAA2B,EAAa;MAAgB,CAAA,GACnE;KACI;;GAGV,kBAAC,WAAD;IAAS,WAAW,GAAG,EAAQ;cAA/B;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,IAAD,EAAe,WAAU,iCAAkC,CAAA,EAC3D,kBAAC,MAAD;OAAI,WAAU;iBACX,EAAG,wCAAwC,cAAc;OACvD,CAAA,CACD;;KACN,kBAAC,SAAD;MAAO,WAAU;gBAAjB,CACE,kBAAC,GAAD;OAAU,SAAS;OAAY,kBAAkB,MAAM,GAAc,MAAM,GAAK;OAAI,CAAA,EACpF,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAG,mCAAmC,8CAA8C;OAChF,CAAA,CACD;;KACR,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAe;QAAE,KAAK;QAAO,cAAc;QAAO,CAAC;OAClE,UAAU;OACV,WAAW;iBAJb,CAMG,IAAS,kBAAC,GAAD,EAAS,WAAU,uBAAwB,CAAA,GAAG,kBAAC,IAAD,EAAQ,WAAU,UAAW,CAAA,EACpF,EAAG,sCAAsC,aAAa,CAChD;UACT,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAe;QAAE,KAAK;QAAM,cAAc;QAAM,CAAC;OAChE,UAAU;OACV,WAAW;iBAJb,CAME,kBAAC,IAAD,EAAQ,WAAU,UAAW,CAAA,EAC5B,EAAG,oCAAoC,0BAA0B,CAC3D;SACL;;KACN,kBAAC,KAAD;MAAG,WAAU;gBACV,EACC,qCACA,0KACD;MACC,CAAA;KACI;;GAGT,IACC,kBAAC,WAAD;IAAS,WAAW;cAApB,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,WAAU;gBAA2C,EAAO;MAAW,CAAA,EAC3E,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAU,KAAK;MAC9B,WAAU;gBAET,EAAG,oCAAoC,UAAU;MAC3C,CAAA,CACL;QACN,kBAAC,OAAD;KACE,WAAW,iFACT,EAAO,QACH,qDACA;eAGL,EAAO;KACJ,CAAA,CACE;QACR;GAGJ,kBAAC,GAAD;IACE,QAAQ,MAAmB;IAC3B,eAAe,EAAkB,KAAK;IACtC,iBAAiB;KACf,IAAM,IAAO;AAEb,KADA,EAAkB,KAAK,EACnB,KAAW,EAAe,EAAK;;IAErC,OAAO,EAAG,gDAAgD,2BAA2B;IACrF,SAAS,EACP,8CACA,2DACA,EAAE,MAAM,KAAkB,EAAE,EAAE,KAAK,IAAI,EAAE,CAC1C;IACD,cAAc,EAAG,gCAAgC,MAAM;IACvD,SAAQ;IACR,WAAW;IACX,CAAA;GACF,kBAAC,GAAD;IACE,QAAQ,MAAgB;IACxB,eAAe,EAAe,KAAK;IACnC,iBAAiB;KACf,IAAM,IAAO;AAEb,KADA,EAAe,KAAK,EAChB,KAAW,GAAQ,EAAK;;IAE9B,OACE,IACI,EAAG,gDAAgD,gBAAgB,GACnE,EAAG,6CAA6C,cAAc;IAEpE,SACE,GAAa,MACT,EACE,8CACA,iEACD,GACD,EACE,gDACA,sDACD;IAEP,cACE,IACI,EAAG,oCAAoC,UAAU,GACjD,EAAG,iCAAiC,OAAO;IAEjD,SAAQ;IACR,WAAW;IACX,CAAA;GACE"}

package/dist/components/shared/ConfirmDialog.js

@@ -17,8 +17,8 @@ var u = {
 		confirmBtn: "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover"
 	}
 };
-function d({ isOpen: d, onClose: f, onConfirm: p, title: m, message: h, confirmLabel: g, cancelLabel: _, variant: v = "default", isLoading: y = !1 }) {
-	let b = e(), x = g ?? b("vibecontrols.shared.confirmDialog.confirm", "Confirm"), S = _ ?? b("vibecontrols.shared.confirmDialog.cancel", "Cancel"), C = u[v];
+function d({ isOpen: d, onClose: f, onConfirm: p, title: m, message: h, confirmLabel: g, cancelLabel: _, variant: v = "default", isLoading: y = !1, children: b }) {
+	let x = e(), S = g ?? x("vibecontrols.shared.confirmDialog.confirm", "Confirm"), C = _ ?? x("vibecontrols.shared.confirmDialog.cancel", "Cancel"), w = u[v];
 	return /* @__PURE__ */ n(i, {
 		open: d,
 		onOpenChange: (e) => {
@@ -26,32 +26,39 @@ function d({ isOpen: d, onClose: f, onConfirm: p, title: m, message: h, confirmL
 		},
 		children: /* @__PURE__ */ r(a, {
 			className: "sm:max-w-md",
-			children: [/* @__PURE__ */ n(c, { children: /* @__PURE__ */ r("div", {
-				className: "flex items-start gap-3",
-				children: [/* @__PURE__ */ n("div", {
-					className: `flex-shrink-0 size-10 rounded-full flex items-center justify-center ${C.iconWrap}`,
-					"aria-hidden": "true",
-					children: /* @__PURE__ */ n(t, { className: "size-5" })
-				}), /* @__PURE__ */ r("div", {
-					className: "flex-1 min-w-0",
-					children: [/* @__PURE__ */ n(l, { children: m }), /* @__PURE__ */ n(o, {
-						className: "mt-1",
-						children: h
+			children: [
+				/* @__PURE__ */ n(c, { children: /* @__PURE__ */ r("div", {
+					className: "flex items-start gap-3",
+					children: [/* @__PURE__ */ n("div", {
+						className: `flex-shrink-0 size-10 rounded-full flex items-center justify-center ${w.iconWrap}`,
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ n(t, { className: "size-5" })
+					}), /* @__PURE__ */ r("div", {
+						className: "flex-1 min-w-0",
+						children: [/* @__PURE__ */ n(l, { children: m }), /* @__PURE__ */ n(o, {
+							className: "mt-1",
+							children: h
+						})]
 					})]
-				})]
-			}) }), /* @__PURE__ */ r(s, { children: [/* @__PURE__ */ n("button", {
-				type: "button",
-				onClick: f,
-				disabled: y,
-				className: "min-h-11 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 focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40",
-				children: S
-			}), /* @__PURE__ */ n("button", {
-				type: "button",
-				onClick: p,
-				disabled: y,
-				className: `min-h-11 px-4 py-2 text-sm font-medium rounded-md transition-colors disabled:opacity-50 focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40 ${C.confirmBtn}`,
-				children: y ? b("vibecontrols.shared.confirmDialog.processing", "Processing...") : x
-			})] })]
+				}) }),
+				b ? /* @__PURE__ */ n("div", {
+					className: "px-1 pt-1",
+					children: b
+				}) : null,
+				/* @__PURE__ */ r(s, { children: [/* @__PURE__ */ n("button", {
+					type: "button",
+					onClick: f,
+					disabled: y,
+					className: "min-h-11 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 focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40",
+					children: C
+				}), /* @__PURE__ */ n("button", {
+					type: "button",
+					onClick: p,
+					disabled: y,
+					className: `min-h-11 px-4 py-2 text-sm font-medium rounded-md transition-colors disabled:opacity-50 focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40 ${w.confirmBtn}`,
+					children: y ? x("vibecontrols.shared.confirmDialog.processing", "Processing...") : S
+				})] })
+			]
 		})
 	});
 }

package/dist/components/shared/ConfirmDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialog.js","names":[],"sources":["../../../src/components/shared/ConfirmDialog.tsx"],"sourcesContent":["import { AlertTriangle } from 'lucide-react';\nimport {\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface ConfirmDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onConfirm: () => void;\n  title: string;\n  message: string;\n  confirmLabel?: string;\n  cancelLabel?: string;\n  variant?: 'danger' | 'warning' | 'default';\n  isLoading?: boolean;\n}\n\nconst VARIANT_STYLES: Record<\n  NonNullable<ConfirmDialogProps['variant']>,\n  { iconWrap: string; confirmBtn: string }\n> = {\n  danger: {\n    iconWrap: 'bg-status-error-bg-subtle text-status-error-text',\n    confirmBtn: 'bg-status-error-bg text-text-inverse hover:bg-status-error-text-hover',\n  },\n  warning: {\n    iconWrap: 'bg-status-warning-bg-subtle text-status-warning-text',\n    confirmBtn: 'bg-status-warning-bg text-text-primary hover:bg-status-warning-text-hover',\n  },\n  default: {\n    iconWrap: 'bg-action-primary-bg text-action-primary-text',\n    confirmBtn: 'bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover',\n  },\n};\n\nexport function ConfirmDialog({\n  isOpen,\n  onClose,\n  onConfirm,\n  title,\n  message,\n  confirmLabel,\n  cancelLabel,\n  variant = 'default',\n  isLoading = false,\n}: ConfirmDialogProps) {\n  const tr = useTr();\n  const resolvedConfirmLabel =\n    confirmLabel ?? tr('vibecontrols.shared.confirmDialog.confirm', 'Confirm');\n  const resolvedCancelLabel =\n    cancelLabel ?? tr('vibecontrols.shared.confirmDialog.cancel', 'Cancel');\n  const styles = VARIANT_STYLES[variant];\n\n  return (\n    <ResponsiveDialog\n      open={isOpen}\n      onOpenChange={(open) => {\n        if (!open) onClose();\n      }}\n    >\n      <ResponsiveDialogContent className=\"sm:max-w-md\">\n        <ResponsiveDialogHeader>\n          <div className=\"flex items-start gap-3\">\n            <div\n              className={`flex-shrink-0 size-10 rounded-full flex items-center justify-center ${styles.iconWrap}`}\n              aria-hidden=\"true\"\n            >\n              <AlertTriangle className=\"size-5\" />\n            </div>\n            <div className=\"flex-1 min-w-0\">\n              <ResponsiveDialogTitle>{title}</ResponsiveDialogTitle>\n              <ResponsiveDialogDescription className=\"mt-1\">{message}</ResponsiveDialogDescription>\n            </div>\n          </div>\n        </ResponsiveDialogHeader>\n        <ResponsiveDialogFooter>\n          <button\n            type=\"button\"\n            onClick={onClose}\n            disabled={isLoading}\n            className=\"min-h-11 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 focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40\"\n          >\n            {resolvedCancelLabel}\n          </button>\n          <button\n            type=\"button\"\n            onClick={onConfirm}\n            disabled={isLoading}\n            className={`min-h-11 px-4 py-2 text-sm font-medium rounded-md transition-colors disabled:opacity-50 focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40 ${styles.confirmBtn}`}\n          >\n            {isLoading\n              ? tr('vibecontrols.shared.confirmDialog.processing', 'Processing...')\n              : resolvedConfirmLabel}\n          </button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":";;;;;AAuBA,IAAM,IAGF;CACF,QAAQ;EACN,UAAU;EACV,YAAY;EACb;CACD,SAAS;EACP,UAAU;EACV,YAAY;EACb;CACD,SAAS;EACP,UAAU;EACV,YAAY;EACb;CACF;AAED,SAAgB,EAAc,EAC5B,WACA,YACA,cACA,UACA,YACA,iBACA,gBACA,aAAU,WACV,eAAY,MACS;CACrB,IAAM,IAAK,GAAO,EACZ,IACJ,KAAgB,EAAG,6CAA6C,UAAU,EACtE,IACJ,KAAe,EAAG,4CAA4C,SAAS,EACnE,IAAS,EAAe;AAE9B,QACE,kBAAC,GAAD;EACE,MAAM;EACN,eAAe,MAAS;AACtB,GAAK,KAAM,GAAS;;YAGtB,kBAAC,GAAD;GAAyB,WAAU;aAAnC,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KACE,WAAW,uEAAuE,EAAO;KACzF,eAAY;eAEZ,kBAAC,GAAD,EAAe,WAAU,UAAW,CAAA;KAChC,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAA,UAAwB,GAA8B,CAAA,EACtD,kBAAC,GAAD;MAA6B,WAAU;gBAAQ;MAAsC,CAAA,CACjF;OACF;OACiB,CAAA,EACzB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,UAAD;IACE,MAAK;IACL,SAAS;IACT,UAAU;IACV,WAAU;cAET;IACM,CAAA,EACT,kBAAC,UAAD;IACE,MAAK;IACL,SAAS;IACT,UAAU;IACV,WAAW,2JAA2J,EAAO;cAE5K,IACG,EAAG,gDAAgD,gBAAgB,GACnE;IACG,CAAA,CACc,EAAA,CAAA,CACD;;EACT,CAAA"}
+{"version":3,"file":"ConfirmDialog.js","names":[],"sources":["../../../src/components/shared/ConfirmDialog.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { AlertTriangle } from 'lucide-react';\nimport {\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface ConfirmDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onConfirm: () => void;\n  title: string;\n  message: string;\n  confirmLabel?: string;\n  cancelLabel?: string;\n  variant?: 'danger' | 'warning' | 'default';\n  isLoading?: boolean;\n  /** Optional extra content rendered between the message and the footer\n   *  (e.g. an opt-in checkbox). */\n  children?: ReactNode;\n}\n\nconst VARIANT_STYLES: Record<\n  NonNullable<ConfirmDialogProps['variant']>,\n  { iconWrap: string; confirmBtn: string }\n> = {\n  danger: {\n    iconWrap: 'bg-status-error-bg-subtle text-status-error-text',\n    confirmBtn: 'bg-status-error-bg text-text-inverse hover:bg-status-error-text-hover',\n  },\n  warning: {\n    iconWrap: 'bg-status-warning-bg-subtle text-status-warning-text',\n    confirmBtn: 'bg-status-warning-bg text-text-primary hover:bg-status-warning-text-hover',\n  },\n  default: {\n    iconWrap: 'bg-action-primary-bg text-action-primary-text',\n    confirmBtn: 'bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover',\n  },\n};\n\nexport function ConfirmDialog({\n  isOpen,\n  onClose,\n  onConfirm,\n  title,\n  message,\n  confirmLabel,\n  cancelLabel,\n  variant = 'default',\n  isLoading = false,\n  children,\n}: ConfirmDialogProps) {\n  const tr = useTr();\n  const resolvedConfirmLabel =\n    confirmLabel ?? tr('vibecontrols.shared.confirmDialog.confirm', 'Confirm');\n  const resolvedCancelLabel =\n    cancelLabel ?? tr('vibecontrols.shared.confirmDialog.cancel', 'Cancel');\n  const styles = VARIANT_STYLES[variant];\n\n  return (\n    <ResponsiveDialog\n      open={isOpen}\n      onOpenChange={(open) => {\n        if (!open) onClose();\n      }}\n    >\n      <ResponsiveDialogContent className=\"sm:max-w-md\">\n        <ResponsiveDialogHeader>\n          <div className=\"flex items-start gap-3\">\n            <div\n              className={`flex-shrink-0 size-10 rounded-full flex items-center justify-center ${styles.iconWrap}`}\n              aria-hidden=\"true\"\n            >\n              <AlertTriangle className=\"size-5\" />\n            </div>\n            <div className=\"flex-1 min-w-0\">\n              <ResponsiveDialogTitle>{title}</ResponsiveDialogTitle>\n              <ResponsiveDialogDescription className=\"mt-1\">{message}</ResponsiveDialogDescription>\n            </div>\n          </div>\n        </ResponsiveDialogHeader>\n        {children ? <div className=\"px-1 pt-1\">{children}</div> : null}\n        <ResponsiveDialogFooter>\n          <button\n            type=\"button\"\n            onClick={onClose}\n            disabled={isLoading}\n            className=\"min-h-11 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 focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40\"\n          >\n            {resolvedCancelLabel}\n          </button>\n          <button\n            type=\"button\"\n            onClick={onConfirm}\n            disabled={isLoading}\n            className={`min-h-11 px-4 py-2 text-sm font-medium rounded-md transition-colors disabled:opacity-50 focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40 ${styles.confirmBtn}`}\n          >\n            {isLoading\n              ? tr('vibecontrols.shared.confirmDialog.processing', 'Processing...')\n              : resolvedConfirmLabel}\n          </button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":";;;;;AA2BA,IAAM,IAGF;CACF,QAAQ;EACN,UAAU;EACV,YAAY;EACb;CACD,SAAS;EACP,UAAU;EACV,YAAY;EACb;CACD,SAAS;EACP,UAAU;EACV,YAAY;EACb;CACF;AAED,SAAgB,EAAc,EAC5B,WACA,YACA,cACA,UACA,YACA,iBACA,gBACA,aAAU,WACV,eAAY,IACZ,eACqB;CACrB,IAAM,IAAK,GAAO,EACZ,IACJ,KAAgB,EAAG,6CAA6C,UAAU,EACtE,IACJ,KAAe,EAAG,4CAA4C,SAAS,EACnE,IAAS,EAAe;AAE9B,QACE,kBAAC,GAAD;EACE,MAAM;EACN,eAAe,MAAS;AACtB,GAAK,KAAM,GAAS;;YAGtB,kBAAC,GAAD;GAAyB,WAAU;aAAnC;IACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MACE,WAAW,uEAAuE,EAAO;MACzF,eAAY;gBAEZ,kBAAC,GAAD,EAAe,WAAU,UAAW,CAAA;MAChC,CAAA,EACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAA,UAAwB,GAA8B,CAAA,EACtD,kBAAC,GAAD;OAA6B,WAAU;iBAAQ;OAAsC,CAAA,CACjF;QACF;QACiB,CAAA;IACxB,IAAW,kBAAC,OAAD;KAAK,WAAU;KAAa;KAAe,CAAA,GAAG;IAC1D,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,UAAU;KACV,WAAU;eAET;KACM,CAAA,EACT,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,UAAU;KACV,WAAW,2JAA2J,EAAO;eAE5K,IACG,EAAG,gDAAgD,gBAAgB,GACnE;KACG,CAAA,CACc,EAAA,CAAA;IACD;;EACT,CAAA"}