@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/components/agents/backup/AgentBackupTab.js

@@ -0,0 +1,407 @@
+import { useTr as e } from "../../../shared/hooks/useTr.js";
+import { useCallback as t, useEffect as n, useState as r } from "react";
+import { CheckCircle2 as i, Clock as a, Database as o, Loader2 as s, Play as c, RefreshCw as l, RotateCcw as u, Settings as d, Trash2 as f, Upload as p, Wifi as m, XCircle as h } from "lucide-react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+//#region src/components/agents/backup/AgentBackupTab.tsx
+function y(e) {
+	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
+}
+function b(e) {
+	return e < 1e3 ? `${e}ms` : `${(e / 1e3).toFixed(1)}s`;
+}
+function x(e) {
+	return new Date(e).toLocaleString();
+}
+function S({ agentTunnelUrl: S, agentApiKey: C }) {
+	let w = e(), [T, E] = r(null), [D, O] = r(null), [k, A] = r([]), [j, M] = r(!0), [N, P] = r(null), [F, I] = r(null), [L, R] = r(null), [z, B] = r(!1), V = S.replace(/\/+$/, ""), H = t(async (e, t) => {
+		let n = await fetch(`${V}${e}`, {
+			...t,
+			headers: {
+				"Content-Type": "application/json",
+				"x-agent-api-key": C,
+				...t?.headers
+			}
+		});
+		if (!n.ok) {
+			let e = await n.text();
+			throw Error(e || `HTTP ${n.status}`);
+		}
+		return n.json();
+	}, [V, C]), U = t(async () => {
+		try {
+			M(!0), I(null);
+			let [e, t, n] = await Promise.all([
+				H("/api/backup/config"),
+				H("/api/backup/status"),
+				H("/api/backup/list?limit=20")
+			]);
+			E(e.config), O(t.status), A(n.backups || []);
+		} catch (e) {
+			let t = e instanceof Error ? e.message : String(e);
+			I(t === "Failed to fetch" ? `Cannot reach agent REST API at ${V}. Ensure the agent is running and its tunnel URL is accessible.` : t);
+		} finally {
+			M(!1);
+		}
+	}, [H, V]);
+	n(() => {
+		U();
+	}, [U]), n(() => {
+		if (L) {
+			let e = setTimeout(() => R(null), 3e3);
+			return () => clearTimeout(e);
+		}
+	}, [L]);
+	let W = async (e) => {
+		try {
+			P("backup"), I(null);
+			let t = (await H(`/api/backup/run?force=${e}`, { method: "POST" })).backup;
+			t.error === "Skipped: no changes" ? R("No changes detected — backup skipped") : R(`Backup completed: ${y(t.dbSizeBytes)} in ${b(t.durationMs)}`), await U();
+		} catch (e) {
+			I(e instanceof Error ? e.message : String(e));
+		} finally {
+			P(null);
+		}
+	}, G = async (e, t) => {
+		try {
+			P(`restore-${e}`), I(null);
+			let n = await H("/api/backup/restore", {
+				method: "POST",
+				body: JSON.stringify({
+					backupId: e,
+					dryRun: t
+				})
+			});
+			n.success ? R(n.message) : I(n.message);
+		} catch (e) {
+			I(e instanceof Error ? e.message : String(e));
+		} finally {
+			P(null);
+		}
+	}, K = async () => {
+		try {
+			P("toggle");
+			let e = await H("/api/backup/config", {
+				method: "PUT",
+				body: JSON.stringify({ enabled: !T?.enabled })
+			});
+			E(e.config), R(e.config.enabled ? "Backup enabled" : "Backup disabled"), await U();
+		} catch (e) {
+			I(e instanceof Error ? e.message : String(e));
+		} finally {
+			P(null);
+		}
+	}, q = async () => {
+		try {
+			P("test");
+			let e = await H("/api/backup/test-connection", { method: "POST" });
+			e.ok ? R(`Connection OK: ${e.message}`) : I(`Connection failed: ${e.message}`);
+		} catch (e) {
+			I(e instanceof Error ? e.message : String(e));
+		} finally {
+			P(null);
+		}
+	}, J = async (e) => {
+		try {
+			P(`delete-${e}`), await H(`/api/backup/backups/${e}`, { method: "DELETE" }), R("Backup deleted"), await U();
+		} catch (e) {
+			I(e instanceof Error ? e.message : String(e));
+		} finally {
+			P(null);
+		}
+	};
+	return j ? /* @__PURE__ */ v("div", {
+		className: "flex items-center justify-center py-12 text-text-secondary",
+		children: [/* @__PURE__ */ _(s, { className: "w-5 h-5 animate-spin mr-2" }), w("vibecontrols.agents.backup.loading", "Loading backup settings...")]
+	}) : /* @__PURE__ */ v("div", {
+		className: "space-y-6",
+		children: [
+			F && /* @__PURE__ */ v("div", {
+				className: "flex items-center gap-2 rounded-lg border border-status-error-border bg-status-error-bg-subtle p-3 text-sm text-status-error-text",
+				children: [
+					/* @__PURE__ */ _(h, { className: "w-4 h-4 shrink-0" }),
+					F,
+					/* @__PURE__ */ _("button", {
+						onClick: () => I(null),
+						className: "ml-auto text-xs underline",
+						children: "Dismiss"
+					})
+				]
+			}),
+			L && /* @__PURE__ */ v("div", {
+				className: "flex items-center gap-2 rounded-lg border border-status-success-border bg-status-success-bg-subtle p-3 text-sm text-status-success-text",
+				children: [/* @__PURE__ */ _(i, { className: "w-4 h-4 shrink-0" }), L]
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "rounded-lg border border-border-default bg-bg-surface p-5",
+				children: [
+					/* @__PURE__ */ v("div", {
+						className: "flex items-center justify-between mb-4",
+						children: [/* @__PURE__ */ v("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ _(o, { className: "w-5 h-5 text-action-primary-bg" }), /* @__PURE__ */ _("h3", {
+								className: "font-semibold text-text-primary",
+								children: w("vibecontrols.agents.backup.title", "Database Backup")
+							})]
+						}), /* @__PURE__ */ v("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ _("button", {
+								onClick: U,
+								className: "p-2 rounded-lg hover:bg-bg-sunken transition-colors text-text-secondary",
+								title: "Refresh",
+								children: /* @__PURE__ */ _(l, { className: "w-4 h-4" })
+							}), /* @__PURE__ */ _("button", {
+								onClick: () => B(!z),
+								className: "p-2 rounded-lg hover:bg-bg-sunken transition-colors text-text-secondary",
+								title: "Settings",
+								children: /* @__PURE__ */ _(d, { className: "w-4 h-4" })
+							})]
+						})]
+					}),
+					/* @__PURE__ */ v("div", {
+						className: "grid grid-cols-2 md:grid-cols-4 gap-4 mb-4",
+						children: [
+							/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+								className: "text-xs text-text-muted mb-1",
+								children: w("vibecontrols.agents.backup.status", "Status")
+							}), /* @__PURE__ */ _("div", {
+								className: "flex items-center gap-1.5",
+								children: T?.enabled ? /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("div", { className: "h-2 w-2 rounded-full bg-status-success-bg" }), /* @__PURE__ */ _("span", {
+									className: "text-sm font-medium text-text-primary",
+									children: w("vibecontrols.agents.backup.enabled", "Enabled")
+								})] }) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("div", { className: "h-2 w-2 rounded-full bg-text-tertiary" }), /* @__PURE__ */ _("span", {
+									className: "text-sm font-medium text-text-secondary",
+									children: w("vibecontrols.agents.backup.disabled", "Disabled")
+								})] })
+							})] }),
+							/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+								className: "text-xs text-text-muted mb-1",
+								children: w("vibecontrols.agents.backup.scheduler", "Scheduler")
+							}), /* @__PURE__ */ _("span", {
+								className: "text-sm font-medium text-text-primary",
+								children: D?.schedulerRunning ? "Running" : "Stopped"
+							})] }),
+							/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+								className: "text-xs text-text-muted mb-1",
+								children: w("vibecontrols.agents.backup.totalBackups", "Total Backups")
+							}), /* @__PURE__ */ _("span", {
+								className: "text-sm font-medium text-text-primary",
+								children: D?.totalBackups ?? 0
+							})] }),
+							/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+								className: "text-xs text-text-muted mb-1",
+								children: w("vibecontrols.agents.backup.target", "Target")
+							}), /* @__PURE__ */ _("span", {
+								className: "text-sm font-medium text-text-primary",
+								children: D?.storageTarget ?? "N/A"
+							})] })
+						]
+					}),
+					D?.lastBackupTime && /* @__PURE__ */ v("div", {
+						className: "flex flex-wrap items-center gap-3 text-xs text-text-muted",
+						children: [/* @__PURE__ */ v("span", { children: [
+							/* @__PURE__ */ _(a, { className: "w-3 h-3 inline mr-1" }),
+							"Last: ",
+							x(D.lastBackupTime)
+						] }), D.nextScheduledBackup && /* @__PURE__ */ v("span", { children: ["Next: ", x(D.nextScheduledBackup)] })]
+					}),
+					/* @__PURE__ */ v("div", {
+						className: "flex flex-wrap gap-2 mt-4 pt-4 border-t border-border-subtle",
+						children: [
+							/* @__PURE__ */ v("button", {
+								onClick: () => W(!0),
+								disabled: !!N,
+								className: "flex items-center gap-2 px-3 py-1.5 rounded-lg bg-action-primary-bg text-action-primary-text text-sm font-medium hover:bg-action-primary-bg-hover disabled:opacity-50 transition-colors",
+								children: [N === "backup" ? /* @__PURE__ */ _(s, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ _(p, { className: "w-4 h-4" }), w("vibecontrols.agents.backup.backupNow", "Backup Now")]
+							}),
+							/* @__PURE__ */ v("button", {
+								onClick: () => W(!1),
+								disabled: !!N,
+								className: "flex items-center gap-2 px-3 py-1.5 rounded-lg bg-bg-sunken text-text-primary text-sm font-medium hover:bg-bg-canvas border border-border-default disabled:opacity-50 transition-colors",
+								children: [/* @__PURE__ */ _(c, { className: "w-4 h-4" }), w("vibecontrols.agents.backup.backupIfChanged", "Backup if Changed")]
+							}),
+							/* @__PURE__ */ v("button", {
+								onClick: K,
+								disabled: !!N,
+								className: "flex items-center gap-2 px-3 py-1.5 rounded-lg bg-bg-sunken text-text-primary text-sm font-medium hover:bg-bg-canvas border border-border-default disabled:opacity-50 transition-colors",
+								children: [N === "toggle" ? /* @__PURE__ */ _(s, { className: "w-4 h-4 animate-spin" }) : T?.enabled ? /* @__PURE__ */ _(h, { className: "w-4 h-4" }) : /* @__PURE__ */ _(i, { className: "w-4 h-4" }), T?.enabled ? w("vibecontrols.agents.backup.disableSchedule", "Disable Schedule") : w("vibecontrols.agents.backup.enableSchedule", "Enable Schedule")]
+							}),
+							/* @__PURE__ */ v("button", {
+								onClick: q,
+								disabled: !!N,
+								className: "flex items-center gap-2 px-3 py-1.5 rounded-lg bg-bg-sunken text-text-primary text-sm font-medium hover:bg-bg-canvas border border-border-default disabled:opacity-50 transition-colors",
+								children: [N === "test" ? /* @__PURE__ */ _(s, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ _(m, { className: "w-4 h-4" }), w("vibecontrols.agents.backup.testConnection", "Test Connection")]
+							})
+						]
+					})
+				]
+			}),
+			z && T && /* @__PURE__ */ v("div", {
+				className: "rounded-lg border border-border-default bg-bg-surface p-5",
+				children: [/* @__PURE__ */ v("h4", {
+					className: "font-semibold text-text-primary mb-3 flex items-center gap-2",
+					children: [/* @__PURE__ */ _(d, { className: "w-4 h-4" }), w("vibecontrols.agents.backup.configuration", "Configuration")]
+				}), /* @__PURE__ */ v("div", {
+					className: "grid grid-cols-1 md:grid-cols-2 gap-4 text-sm",
+					children: [
+						/* @__PURE__ */ v("div", { children: [
+							/* @__PURE__ */ _("span", {
+								className: "text-text-muted",
+								children: "Schedule Interval:"
+							}),
+							" ",
+							/* @__PURE__ */ _("span", {
+								className: "text-text-primary font-medium",
+								children: T.scheduleIntervalMs >= 36e5 ? `${T.scheduleIntervalMs / 36e5}h` : `${T.scheduleIntervalMs / 6e4}m`
+							})
+						] }),
+						/* @__PURE__ */ v("div", { children: [
+							/* @__PURE__ */ _("span", {
+								className: "text-text-muted",
+								children: "Change Detection:"
+							}),
+							" ",
+							/* @__PURE__ */ _("span", {
+								className: "text-text-primary font-medium",
+								children: T.changeOnlyBackup ? "On" : "Off"
+							})
+						] }),
+						/* @__PURE__ */ v("div", { children: [
+							/* @__PURE__ */ _("span", {
+								className: "text-text-muted",
+								children: "Storage Target:"
+							}),
+							" ",
+							/* @__PURE__ */ _("span", {
+								className: "text-text-primary font-medium",
+								children: T.storageTarget
+							})
+						] }),
+						T.customS3 && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ v("div", { children: [
+							/* @__PURE__ */ _("span", {
+								className: "text-text-muted",
+								children: "S3 Bucket:"
+							}),
+							" ",
+							/* @__PURE__ */ _("span", {
+								className: "text-text-primary font-medium",
+								children: T.customS3.bucket
+							})
+						] }), /* @__PURE__ */ v("div", { children: [
+							/* @__PURE__ */ _("span", {
+								className: "text-text-muted",
+								children: "S3 Region:"
+							}),
+							" ",
+							/* @__PURE__ */ _("span", {
+								className: "text-text-primary font-medium",
+								children: T.customS3.region
+							})
+						] })] }),
+						T.retentionDays && /* @__PURE__ */ v("div", { children: [
+							/* @__PURE__ */ _("span", {
+								className: "text-text-muted",
+								children: "Retention:"
+							}),
+							" ",
+							/* @__PURE__ */ v("span", {
+								className: "text-text-primary font-medium",
+								children: [T.retentionDays, " days"]
+							})
+						] }),
+						T.maxBackups && /* @__PURE__ */ v("div", { children: [
+							/* @__PURE__ */ _("span", {
+								className: "text-text-muted",
+								children: "Max Backups:"
+							}),
+							" ",
+							/* @__PURE__ */ _("span", {
+								className: "text-text-primary font-medium",
+								children: T.maxBackups
+							})
+						] })
+					]
+				})]
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "rounded-lg border border-border-default bg-bg-surface p-5",
+				children: [/* @__PURE__ */ v("h4", {
+					className: "font-semibold text-text-primary mb-3 flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ _(a, { className: "w-4 h-4" }),
+						w("vibecontrols.agents.backup.history", "Backup History"),
+						/* @__PURE__ */ v("span", {
+							className: "text-xs text-text-muted font-normal",
+							children: [
+								"(",
+								k.length,
+								" shown)"
+							]
+						})
+					]
+				}), k.length === 0 ? /* @__PURE__ */ _("p", {
+					className: "text-sm text-text-muted py-4 text-center",
+					children: w("vibecontrols.agents.backup.noBackups", "No backups yet. Click \"Backup Now\" to create one.")
+				}) : /* @__PURE__ */ _("div", {
+					className: "space-y-2",
+					children: k.map((e) => /* @__PURE__ */ v("div", {
+						className: "flex items-center justify-between p-3 rounded-lg border border-border-subtle hover:bg-bg-sunken transition-colors",
+						children: [/* @__PURE__ */ v("div", {
+							className: "flex items-center gap-3 min-w-0",
+							children: [/* @__PURE__ */ _("div", {
+								className: `w-8 h-8 rounded-lg flex items-center justify-center shrink-0 ${e.status === "completed" ? "border border-status-success-border bg-status-success-bg-subtle" : "border border-status-error-border bg-status-error-bg-subtle"}`,
+								children: e.status === "completed" ? /* @__PURE__ */ _(i, { className: "w-4 h-4 text-status-success-text" }) : /* @__PURE__ */ _(h, { className: "w-4 h-4 text-status-error-text" })
+							}), /* @__PURE__ */ v("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ _("p", {
+									className: "text-sm font-medium text-text-primary truncate",
+									children: x(e.timestamp)
+								}), /* @__PURE__ */ v("p", {
+									className: "text-xs text-text-muted truncate",
+									children: [
+										y(e.dbSizeBytes),
+										" · ",
+										b(e.durationMs),
+										" ·",
+										" ",
+										e.storageTarget
+									]
+								})]
+							})]
+						}), /* @__PURE__ */ v("div", {
+							className: "flex items-center gap-1 shrink-0",
+							children: [
+								/* @__PURE__ */ _("button", {
+									onClick: () => G(e.id, !0),
+									disabled: !!N,
+									className: "p-1.5 rounded hover:bg-bg-canvas text-text-secondary transition-colors",
+									title: "Validate (dry run)",
+									children: N === `restore-${e.id}` ? /* @__PURE__ */ _(s, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ _(i, { className: "w-4 h-4" })
+								}),
+								/* @__PURE__ */ _("button", {
+									onClick: () => {
+										confirm("Restore this backup? The agent will need to restart.") && G(e.id, !1);
+									},
+									disabled: !!N,
+									className: "p-1.5 rounded hover:bg-bg-canvas text-text-secondary transition-colors",
+									title: "Restore",
+									children: /* @__PURE__ */ _(u, { className: "w-4 h-4" })
+								}),
+								/* @__PURE__ */ _("button", {
+									onClick: () => J(e.id),
+									disabled: !!N,
+									className: "p-1.5 rounded text-text-secondary transition-colors hover:bg-status-error-bg/80 hover:text-status-error-text",
+									title: "Delete",
+									children: N === `delete-${e.id}` ? /* @__PURE__ */ _(s, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ _(f, { className: "w-4 h-4" })
+								})
+							]
+						})]
+					}, e.id))
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { S as AgentBackupTab };
+
+//# sourceMappingURL=AgentBackupTab.js.map

package/dist/components/agents/backup/AgentBackupTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentBackupTab.js","names":[],"sources":["../../../../src/components/agents/backup/AgentBackupTab.tsx"],"sourcesContent":["/**\n * AgentBackupTab — UI for managing SQLite database backups of a VibeControls agent.\n * Talks directly to the agent's REST API via its tunnel URL.\n */\n\nimport { useState, useEffect, useCallback } from 'react';\nimport {\n  Database,\n  Upload,\n  RefreshCw,\n  Settings,\n  Play,\n  Clock,\n  CheckCircle2,\n  XCircle,\n  Loader2,\n  Trash2,\n  RotateCcw,\n  Wifi,\n} from 'lucide-react';\nimport { useTr } from '../../../shared/hooks/useTr';\n\ninterface BackupConfig {\n  enabled: boolean;\n  scheduleIntervalMs: number;\n  changeOnlyBackup: boolean;\n  storageTarget: 'wspace' | 'custom-s3';\n  customS3?: {\n    endpoint: string;\n    bucket: string;\n    region: string;\n    accessKeyId: string;\n    secretAccessKey: string;\n    pathPrefix?: string;\n  };\n  retentionDays?: number;\n  maxBackups?: number;\n}\n\ninterface BackupRecord {\n  id: string;\n  timestamp: string;\n  agentName: string;\n  dbSizeBytes: number;\n  sha256Hash: string;\n  storageTarget: string;\n  storagePath: string;\n  durationMs: number;\n  status: string;\n  error?: string;\n}\n\ninterface BackupStatus {\n  enabled: boolean;\n  schedulerRunning: boolean;\n  lastBackupTime: string | null;\n  lastBackupHash: string | null;\n  nextScheduledBackup: string | null;\n  totalBackups: number;\n  storageTarget: string;\n}\n\ninterface AgentBackupTabProps {\n  agentTunnelUrl: string;\n  agentApiKey: string;\n}\n\nfunction formatBytes(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`;\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n\nfunction formatDuration(ms: number): string {\n  if (ms < 1000) return `${ms}ms`;\n  return `${(ms / 1000).toFixed(1)}s`;\n}\n\nfunction formatTime(iso: string): string {\n  return new Date(iso).toLocaleString();\n}\n\nexport function AgentBackupTab({ agentTunnelUrl, agentApiKey }: AgentBackupTabProps) {\n  const tr = useTr();\n  const [config, setConfig] = useState<BackupConfig | null>(null);\n  const [status, setStatus] = useState<BackupStatus | null>(null);\n  const [backups, setBackups] = useState<BackupRecord[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [actionLoading, setActionLoading] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [successMsg, setSuccessMsg] = useState<string | null>(null);\n  const [showConfig, setShowConfig] = useState(false);\n\n  const apiUrl = agentTunnelUrl.replace(/\\/+$/, '');\n\n  const apiFetch = useCallback(\n    async (path: string, options?: RequestInit) => {\n      const res = await fetch(`${apiUrl}${path}`, {\n        ...options,\n        headers: {\n          'Content-Type': 'application/json',\n          'x-agent-api-key': agentApiKey,\n          ...options?.headers,\n        },\n      });\n      if (!res.ok) {\n        const text = await res.text();\n        throw new Error(text || `HTTP ${res.status}`);\n      }\n      return res.json();\n    },\n    [apiUrl, agentApiKey]\n  );\n\n  const refresh = useCallback(async () => {\n    try {\n      setLoading(true);\n      setError(null);\n      const [configRes, statusRes, listRes] = await Promise.all([\n        apiFetch('/api/backup/config'),\n        apiFetch('/api/backup/status'),\n        apiFetch('/api/backup/list?limit=20'),\n      ]);\n      setConfig(configRes.config);\n      setStatus(statusRes.status);\n      setBackups(listRes.backups || []);\n    } catch (err) {\n      const msg = err instanceof Error ? err.message : String(err);\n      setError(\n        msg === 'Failed to fetch'\n          ? `Cannot reach agent REST API at ${apiUrl}. Ensure the agent is running and its tunnel URL is accessible.`\n          : msg\n      );\n    } finally {\n      setLoading(false);\n    }\n  }, [apiFetch, apiUrl]);\n\n  useEffect(() => {\n    refresh();\n  }, [refresh]);\n\n  // Clear success message after 3s\n  useEffect(() => {\n    if (successMsg) {\n      const t = setTimeout(() => setSuccessMsg(null), 3000);\n      return () => clearTimeout(t);\n    }\n  }, [successMsg]);\n\n  const handleRunBackup = async (force: boolean) => {\n    try {\n      setActionLoading('backup');\n      setError(null);\n      const res = await apiFetch(`/api/backup/run?force=${force}`, { method: 'POST' });\n      const b = res.backup;\n      if (b.error === 'Skipped: no changes') {\n        setSuccessMsg('No changes detected — backup skipped');\n      } else {\n        setSuccessMsg(\n          `Backup completed: ${formatBytes(b.dbSizeBytes)} in ${formatDuration(b.durationMs)}`\n        );\n      }\n      await refresh();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : String(err));\n    } finally {\n      setActionLoading(null);\n    }\n  };\n\n  const handleRestore = async (backupId: string, dryRun: boolean) => {\n    try {\n      setActionLoading(`restore-${backupId}`);\n      setError(null);\n      const res = await apiFetch('/api/backup/restore', {\n        method: 'POST',\n        body: JSON.stringify({ backupId, dryRun }),\n      });\n      if (res.success) {\n        setSuccessMsg(res.message);\n      } else {\n        setError(res.message);\n      }\n    } catch (err) {\n      setError(err instanceof Error ? err.message : String(err));\n    } finally {\n      setActionLoading(null);\n    }\n  };\n\n  const handleToggleEnabled = async () => {\n    try {\n      setActionLoading('toggle');\n      const res = await apiFetch('/api/backup/config', {\n        method: 'PUT',\n        body: JSON.stringify({ enabled: !config?.enabled }),\n      });\n      setConfig(res.config);\n      setSuccessMsg(res.config.enabled ? 'Backup enabled' : 'Backup disabled');\n      await refresh();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : String(err));\n    } finally {\n      setActionLoading(null);\n    }\n  };\n\n  const handleTestConnection = async () => {\n    try {\n      setActionLoading('test');\n      const res = await apiFetch('/api/backup/test-connection', { method: 'POST' });\n      if (res.ok) {\n        setSuccessMsg(`Connection OK: ${res.message}`);\n      } else {\n        setError(`Connection failed: ${res.message}`);\n      }\n    } catch (err) {\n      setError(err instanceof Error ? err.message : String(err));\n    } finally {\n      setActionLoading(null);\n    }\n  };\n\n  const handleDeleteBackup = async (backupId: string) => {\n    try {\n      setActionLoading(`delete-${backupId}`);\n      await apiFetch(`/api/backup/backups/${backupId}`, { method: 'DELETE' });\n      setSuccessMsg('Backup deleted');\n      await refresh();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : String(err));\n    } finally {\n      setActionLoading(null);\n    }\n  };\n\n  if (loading) {\n    return (\n      <div className=\"flex items-center justify-center py-12 text-text-secondary\">\n        <Loader2 className=\"w-5 h-5 animate-spin mr-2\" />\n        {tr('vibecontrols.agents.backup.loading', 'Loading backup settings...')}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-6\">\n      {/* Status Messages */}\n      {error && (\n        <div className=\"flex items-center gap-2 rounded-lg border border-status-error-border bg-status-error-bg-subtle p-3 text-sm text-status-error-text\">\n          <XCircle className=\"w-4 h-4 shrink-0\" />\n          {error}\n          <button onClick={() => setError(null)} className=\"ml-auto text-xs underline\">\n            Dismiss\n          </button>\n        </div>\n      )}\n      {successMsg && (\n        <div className=\"flex items-center gap-2 rounded-lg border border-status-success-border bg-status-success-bg-subtle p-3 text-sm text-status-success-text\">\n          <CheckCircle2 className=\"w-4 h-4 shrink-0\" />\n          {successMsg}\n        </div>\n      )}\n\n      {/* Status Card */}\n      <div className=\"rounded-lg border border-border-default bg-bg-surface p-5\">\n        <div className=\"flex items-center justify-between mb-4\">\n          <div className=\"flex items-center gap-2\">\n            <Database className=\"w-5 h-5 text-action-primary-bg\" />\n            <h3 className=\"font-semibold text-text-primary\">\n              {tr('vibecontrols.agents.backup.title', 'Database Backup')}\n            </h3>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <button\n              onClick={refresh}\n              className=\"p-2 rounded-lg hover:bg-bg-sunken transition-colors text-text-secondary\"\n              title=\"Refresh\"\n            >\n              <RefreshCw className=\"w-4 h-4\" />\n            </button>\n            <button\n              onClick={() => setShowConfig(!showConfig)}\n              className=\"p-2 rounded-lg hover:bg-bg-sunken transition-colors text-text-secondary\"\n              title=\"Settings\"\n            >\n              <Settings className=\"w-4 h-4\" />\n            </button>\n          </div>\n        </div>\n\n        <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4 mb-4\">\n          <div>\n            <p className=\"text-xs text-text-muted mb-1\">\n              {tr('vibecontrols.agents.backup.status', 'Status')}\n            </p>\n            <div className=\"flex items-center gap-1.5\">\n              {config?.enabled ? (\n                <>\n                  <div className=\"h-2 w-2 rounded-full bg-status-success-bg\" />\n                  <span className=\"text-sm font-medium text-text-primary\">\n                    {tr('vibecontrols.agents.backup.enabled', 'Enabled')}\n                  </span>\n                </>\n              ) : (\n                <>\n                  <div className=\"h-2 w-2 rounded-full bg-text-tertiary\" />\n                  <span className=\"text-sm font-medium text-text-secondary\">\n                    {tr('vibecontrols.agents.backup.disabled', 'Disabled')}\n                  </span>\n                </>\n              )}\n            </div>\n          </div>\n          <div>\n            <p className=\"text-xs text-text-muted mb-1\">\n              {tr('vibecontrols.agents.backup.scheduler', 'Scheduler')}\n            </p>\n            <span className=\"text-sm font-medium text-text-primary\">\n              {status?.schedulerRunning ? 'Running' : 'Stopped'}\n            </span>\n          </div>\n          <div>\n            <p className=\"text-xs text-text-muted mb-1\">\n              {tr('vibecontrols.agents.backup.totalBackups', 'Total Backups')}\n            </p>\n            <span className=\"text-sm font-medium text-text-primary\">\n              {status?.totalBackups ?? 0}\n            </span>\n          </div>\n          <div>\n            <p className=\"text-xs text-text-muted mb-1\">\n              {tr('vibecontrols.agents.backup.target', 'Target')}\n            </p>\n            <span className=\"text-sm font-medium text-text-primary\">\n              {status?.storageTarget ?? 'N/A'}\n            </span>\n          </div>\n        </div>\n\n        {status?.lastBackupTime && (\n          <div className=\"flex flex-wrap items-center gap-3 text-xs text-text-muted\">\n            <span>\n              <Clock className=\"w-3 h-3 inline mr-1\" />\n              Last: {formatTime(status.lastBackupTime)}\n            </span>\n            {status.nextScheduledBackup && (\n              <span>Next: {formatTime(status.nextScheduledBackup)}</span>\n            )}\n          </div>\n        )}\n\n        {/* Action Buttons */}\n        <div className=\"flex flex-wrap gap-2 mt-4 pt-4 border-t border-border-subtle\">\n          <button\n            onClick={() => handleRunBackup(true)}\n            disabled={!!actionLoading}\n            className=\"flex items-center gap-2 px-3 py-1.5 rounded-lg bg-action-primary-bg text-action-primary-text text-sm font-medium hover:bg-action-primary-bg-hover disabled:opacity-50 transition-colors\"\n          >\n            {actionLoading === 'backup' ? (\n              <Loader2 className=\"w-4 h-4 animate-spin\" />\n            ) : (\n              <Upload className=\"w-4 h-4\" />\n            )}\n            {tr('vibecontrols.agents.backup.backupNow', 'Backup Now')}\n          </button>\n          <button\n            onClick={() => handleRunBackup(false)}\n            disabled={!!actionLoading}\n            className=\"flex items-center gap-2 px-3 py-1.5 rounded-lg bg-bg-sunken text-text-primary text-sm font-medium hover:bg-bg-canvas border border-border-default disabled:opacity-50 transition-colors\"\n          >\n            <Play className=\"w-4 h-4\" />\n            {tr('vibecontrols.agents.backup.backupIfChanged', 'Backup if Changed')}\n          </button>\n          <button\n            onClick={handleToggleEnabled}\n            disabled={!!actionLoading}\n            className=\"flex items-center gap-2 px-3 py-1.5 rounded-lg bg-bg-sunken text-text-primary text-sm font-medium hover:bg-bg-canvas border border-border-default disabled:opacity-50 transition-colors\"\n          >\n            {actionLoading === 'toggle' ? (\n              <Loader2 className=\"w-4 h-4 animate-spin\" />\n            ) : config?.enabled ? (\n              <XCircle className=\"w-4 h-4\" />\n            ) : (\n              <CheckCircle2 className=\"w-4 h-4\" />\n            )}\n            {config?.enabled\n              ? tr('vibecontrols.agents.backup.disableSchedule', 'Disable Schedule')\n              : tr('vibecontrols.agents.backup.enableSchedule', 'Enable Schedule')}\n          </button>\n          <button\n            onClick={handleTestConnection}\n            disabled={!!actionLoading}\n            className=\"flex items-center gap-2 px-3 py-1.5 rounded-lg bg-bg-sunken text-text-primary text-sm font-medium hover:bg-bg-canvas border border-border-default disabled:opacity-50 transition-colors\"\n          >\n            {actionLoading === 'test' ? (\n              <Loader2 className=\"w-4 h-4 animate-spin\" />\n            ) : (\n              <Wifi className=\"w-4 h-4\" />\n            )}\n            {tr('vibecontrols.agents.backup.testConnection', 'Test Connection')}\n          </button>\n        </div>\n      </div>\n\n      {/* Configuration Panel (collapsible) */}\n      {showConfig && config && (\n        <div className=\"rounded-lg border border-border-default bg-bg-surface p-5\">\n          <h4 className=\"font-semibold text-text-primary mb-3 flex items-center gap-2\">\n            <Settings className=\"w-4 h-4\" />\n            {tr('vibecontrols.agents.backup.configuration', 'Configuration')}\n          </h4>\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4 text-sm\">\n            <div>\n              <span className=\"text-text-muted\">Schedule Interval:</span>{' '}\n              <span className=\"text-text-primary font-medium\">\n                {config.scheduleIntervalMs >= 3600000\n                  ? `${config.scheduleIntervalMs / 3600000}h`\n                  : `${config.scheduleIntervalMs / 60000}m`}\n              </span>\n            </div>\n            <div>\n              <span className=\"text-text-muted\">Change Detection:</span>{' '}\n              <span className=\"text-text-primary font-medium\">\n                {config.changeOnlyBackup ? 'On' : 'Off'}\n              </span>\n            </div>\n            <div>\n              <span className=\"text-text-muted\">Storage Target:</span>{' '}\n              <span className=\"text-text-primary font-medium\">{config.storageTarget}</span>\n            </div>\n            {config.customS3 && (\n              <>\n                <div>\n                  <span className=\"text-text-muted\">S3 Bucket:</span>{' '}\n                  <span className=\"text-text-primary font-medium\">{config.customS3.bucket}</span>\n                </div>\n                <div>\n                  <span className=\"text-text-muted\">S3 Region:</span>{' '}\n                  <span className=\"text-text-primary font-medium\">{config.customS3.region}</span>\n                </div>\n              </>\n            )}\n            {config.retentionDays && (\n              <div>\n                <span className=\"text-text-muted\">Retention:</span>{' '}\n                <span className=\"text-text-primary font-medium\">{config.retentionDays} days</span>\n              </div>\n            )}\n            {config.maxBackups && (\n              <div>\n                <span className=\"text-text-muted\">Max Backups:</span>{' '}\n                <span className=\"text-text-primary font-medium\">{config.maxBackups}</span>\n              </div>\n            )}\n          </div>\n        </div>\n      )}\n\n      {/* Backup History */}\n      <div className=\"rounded-lg border border-border-default bg-bg-surface p-5\">\n        <h4 className=\"font-semibold text-text-primary mb-3 flex items-center gap-2\">\n          <Clock className=\"w-4 h-4\" />\n          {tr('vibecontrols.agents.backup.history', 'Backup History')}\n          <span className=\"text-xs text-text-muted font-normal\">({backups.length} shown)</span>\n        </h4>\n\n        {backups.length === 0 ? (\n          <p className=\"text-sm text-text-muted py-4 text-center\">\n            {tr(\n              'vibecontrols.agents.backup.noBackups',\n              'No backups yet. Click \"Backup Now\" to create one.'\n            )}\n          </p>\n        ) : (\n          <div className=\"space-y-2\">\n            {backups.map((b) => (\n              <div\n                key={b.id}\n                className=\"flex items-center justify-between p-3 rounded-lg border border-border-subtle hover:bg-bg-sunken transition-colors\"\n              >\n                <div className=\"flex items-center gap-3 min-w-0\">\n                  <div\n                    className={`w-8 h-8 rounded-lg flex items-center justify-center shrink-0 ${\n                      b.status === 'completed'\n                        ? 'border border-status-success-border bg-status-success-bg-subtle'\n                        : 'border border-status-error-border bg-status-error-bg-subtle'\n                    }`}\n                  >\n                    {b.status === 'completed' ? (\n                      <CheckCircle2 className=\"w-4 h-4 text-status-success-text\" />\n                    ) : (\n                      <XCircle className=\"w-4 h-4 text-status-error-text\" />\n                    )}\n                  </div>\n                  <div className=\"min-w-0\">\n                    <p className=\"text-sm font-medium text-text-primary truncate\">\n                      {formatTime(b.timestamp)}\n                    </p>\n                    <p className=\"text-xs text-text-muted truncate\">\n                      {formatBytes(b.dbSizeBytes)} &middot; {formatDuration(b.durationMs)} &middot;{' '}\n                      {b.storageTarget}\n                    </p>\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-1 shrink-0\">\n                  <button\n                    onClick={() => handleRestore(b.id, true)}\n                    disabled={!!actionLoading}\n                    className=\"p-1.5 rounded hover:bg-bg-canvas text-text-secondary transition-colors\"\n                    title=\"Validate (dry run)\"\n                  >\n                    {actionLoading === `restore-${b.id}` ? (\n                      <Loader2 className=\"w-4 h-4 animate-spin\" />\n                    ) : (\n                      <CheckCircle2 className=\"w-4 h-4\" />\n                    )}\n                  </button>\n                  <button\n                    onClick={() => {\n                      if (confirm('Restore this backup? The agent will need to restart.')) {\n                        handleRestore(b.id, false);\n                      }\n                    }}\n                    disabled={!!actionLoading}\n                    className=\"p-1.5 rounded hover:bg-bg-canvas text-text-secondary transition-colors\"\n                    title=\"Restore\"\n                  >\n                    <RotateCcw className=\"w-4 h-4\" />\n                  </button>\n                  <button\n                    onClick={() => handleDeleteBackup(b.id)}\n                    disabled={!!actionLoading}\n                    className=\"p-1.5 rounded text-text-secondary transition-colors hover:bg-status-error-bg/80 hover:text-status-error-text\"\n                    title=\"Delete\"\n                  >\n                    {actionLoading === `delete-${b.id}` ? (\n                      <Loader2 className=\"w-4 h-4 animate-spin\" />\n                    ) : (\n                      <Trash2 className=\"w-4 h-4\" />\n                    )}\n                  </button>\n                </div>\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAmEA,SAAS,EAAY,GAAuB;AAG1C,QAFI,IAAQ,OAAa,GAAG,EAAM,MAC9B,IAAQ,OAAO,OAAa,IAAI,IAAQ,MAAM,QAAQ,EAAE,CAAC,OACtD,IAAI,KAAS,OAAO,OAAO,QAAQ,EAAE,CAAC;;AAG/C,SAAS,EAAe,GAAoB;AAE1C,QADI,IAAK,MAAa,GAAG,EAAG,MACrB,IAAI,IAAK,KAAM,QAAQ,EAAE,CAAC;;AAGnC,SAAS,EAAW,GAAqB;AACvC,QAAO,IAAI,KAAK,EAAI,CAAC,gBAAgB;;AAGvC,SAAgB,EAAe,EAAE,mBAAgB,kBAAoC;CACnF,IAAM,IAAK,GAAO,EACZ,CAAC,GAAQ,KAAa,EAA8B,KAAK,EACzD,CAAC,GAAQ,KAAa,EAA8B,KAAK,EACzD,CAAC,GAAS,KAAc,EAAyB,EAAE,CAAC,EACpD,CAAC,GAAS,KAAc,EAAS,GAAK,EACtC,CAAC,GAAe,KAAoB,EAAwB,KAAK,EACjE,CAAC,GAAO,KAAY,EAAwB,KAAK,EACjD,CAAC,GAAY,KAAiB,EAAwB,KAAK,EAC3D,CAAC,GAAY,KAAiB,EAAS,GAAM,EAE7C,IAAS,EAAe,QAAQ,QAAQ,GAAG,EAE3C,IAAW,EACf,OAAO,GAAc,MAA0B;EAC7C,IAAM,IAAM,MAAM,MAAM,GAAG,IAAS,KAAQ;GAC1C,GAAG;GACH,SAAS;IACP,gBAAgB;IAChB,mBAAmB;IACnB,GAAG,GAAS;IACb;GACF,CAAC;AACF,MAAI,CAAC,EAAI,IAAI;GACX,IAAM,IAAO,MAAM,EAAI,MAAM;AAC7B,SAAU,MAAM,KAAQ,QAAQ,EAAI,SAAS;;AAE/C,SAAO,EAAI,MAAM;IAEnB,CAAC,GAAQ,EAAY,CACtB,EAEK,IAAU,EAAY,YAAY;AACtC,MAAI;AAEF,GADA,EAAW,GAAK,EAChB,EAAS,KAAK;GACd,IAAM,CAAC,GAAW,GAAW,KAAW,MAAM,QAAQ,IAAI;IACxD,EAAS,qBAAqB;IAC9B,EAAS,qBAAqB;IAC9B,EAAS,4BAA4B;IACtC,CAAC;AAGF,GAFA,EAAU,EAAU,OAAO,EAC3B,EAAU,EAAU,OAAO,EAC3B,EAAW,EAAQ,WAAW,EAAE,CAAC;WAC1B,GAAK;GACZ,IAAM,IAAM,aAAe,QAAQ,EAAI,UAAU,OAAO,EAAI;AAC5D,KACE,MAAQ,oBACJ,kCAAkC,EAAO,mEACzC,EACL;YACO;AACR,KAAW,GAAM;;IAElB,CAAC,GAAU,EAAO,CAAC;AAOtB,CALA,QAAgB;AACd,KAAS;IACR,CAAC,EAAQ,CAAC,EAGb,QAAgB;AACd,MAAI,GAAY;GACd,IAAM,IAAI,iBAAiB,EAAc,KAAK,EAAE,IAAK;AACrD,gBAAa,aAAa,EAAE;;IAE7B,CAAC,EAAW,CAAC;CAEhB,IAAM,IAAkB,OAAO,MAAmB;AAChD,MAAI;AAEF,GADA,EAAiB,SAAS,EAC1B,EAAS,KAAK;GAEd,IAAM,KADM,MAAM,EAAS,yBAAyB,KAAS,EAAE,QAAQ,QAAQ,CAAC,EAClE;AAQd,GAPI,EAAE,UAAU,wBACd,EAAc,uCAAuC,GAErD,EACE,qBAAqB,EAAY,EAAE,YAAY,CAAC,MAAM,EAAe,EAAE,WAAW,GACnF,EAEH,MAAM,GAAS;WACR,GAAK;AACZ,KAAS,aAAe,QAAQ,EAAI,UAAU,OAAO,EAAI,CAAC;YAClD;AACR,KAAiB,KAAK;;IAIpB,IAAgB,OAAO,GAAkB,MAAoB;AACjE,MAAI;AAEF,GADA,EAAiB,WAAW,IAAW,EACvC,EAAS,KAAK;GACd,IAAM,IAAM,MAAM,EAAS,uBAAuB;IAChD,QAAQ;IACR,MAAM,KAAK,UAAU;KAAE;KAAU;KAAQ,CAAC;IAC3C,CAAC;AACF,GAAI,EAAI,UACN,EAAc,EAAI,QAAQ,GAE1B,EAAS,EAAI,QAAQ;WAEhB,GAAK;AACZ,KAAS,aAAe,QAAQ,EAAI,UAAU,OAAO,EAAI,CAAC;YAClD;AACR,KAAiB,KAAK;;IAIpB,IAAsB,YAAY;AACtC,MAAI;AACF,KAAiB,SAAS;GAC1B,IAAM,IAAM,MAAM,EAAS,sBAAsB;IAC/C,QAAQ;IACR,MAAM,KAAK,UAAU,EAAE,SAAS,CAAC,GAAQ,SAAS,CAAC;IACpD,CAAC;AAGF,GAFA,EAAU,EAAI,OAAO,EACrB,EAAc,EAAI,OAAO,UAAU,mBAAmB,kBAAkB,EACxE,MAAM,GAAS;WACR,GAAK;AACZ,KAAS,aAAe,QAAQ,EAAI,UAAU,OAAO,EAAI,CAAC;YAClD;AACR,KAAiB,KAAK;;IAIpB,IAAuB,YAAY;AACvC,MAAI;AACF,KAAiB,OAAO;GACxB,IAAM,IAAM,MAAM,EAAS,+BAA+B,EAAE,QAAQ,QAAQ,CAAC;AAC7E,GAAI,EAAI,KACN,EAAc,kBAAkB,EAAI,UAAU,GAE9C,EAAS,sBAAsB,EAAI,UAAU;WAExC,GAAK;AACZ,KAAS,aAAe,QAAQ,EAAI,UAAU,OAAO,EAAI,CAAC;YAClD;AACR,KAAiB,KAAK;;IAIpB,IAAqB,OAAO,MAAqB;AACrD,MAAI;AAIF,GAHA,EAAiB,UAAU,IAAW,EACtC,MAAM,EAAS,uBAAuB,KAAY,EAAE,QAAQ,UAAU,CAAC,EACvE,EAAc,iBAAiB,EAC/B,MAAM,GAAS;WACR,GAAK;AACZ,KAAS,aAAe,QAAQ,EAAI,UAAU,OAAO,EAAI,CAAC;YAClD;AACR,KAAiB,KAAK;;;AAa1B,QATI,IAEA,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD,EAAS,WAAU,6BAA8B,CAAA,EAChD,EAAG,sCAAsC,6BAA6B,CACnE;MAKR,kBAAC,OAAD;EAAK,WAAU;YAAf;GAEG,KACC,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD,EAAS,WAAU,oBAAqB,CAAA;KACvC;KACD,kBAAC,UAAD;MAAQ,eAAe,EAAS,KAAK;MAAE,WAAU;gBAA4B;MAEpE,CAAA;KACL;;GAEP,KACC,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAc,WAAU,oBAAqB,CAAA,EAC5C,EACG;;GAIR,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAU,WAAU,kCAAmC,CAAA,EACvD,kBAAC,MAAD;QAAI,WAAU;kBACX,EAAG,oCAAoC,kBAAkB;QACvD,CAAA,CACD;UACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,UAAD;QACE,SAAS;QACT,WAAU;QACV,OAAM;kBAEN,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;QAC1B,CAAA,EACT,kBAAC,UAAD;QACE,eAAe,EAAc,CAAC,EAAW;QACzC,WAAU;QACV,OAAM;kBAEN,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;QACzB,CAAA,CACL;SACF;;KAEN,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAG,qCAAqC,SAAS;QAChD,CAAA,EACJ,kBAAC,OAAD;QAAK,WAAU;kBACZ,GAAQ,UACP,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD,EAAK,WAAU,6CAA8C,CAAA,EAC7D,kBAAC,QAAD;SAAM,WAAU;mBACb,EAAG,sCAAsC,UAAU;SAC/C,CAAA,CACN,EAAA,CAAA,GAEH,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD,EAAK,WAAU,yCAA0C,CAAA,EACzD,kBAAC,QAAD;SAAM,WAAU;mBACb,EAAG,uCAAuC,WAAW;SACjD,CAAA,CACN,EAAA,CAAA;QAED,CAAA,CACF,EAAA,CAAA;OACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAG,wCAAwC,YAAY;QACtD,CAAA,EACJ,kBAAC,QAAD;QAAM,WAAU;kBACb,GAAQ,mBAAmB,YAAY;QACnC,CAAA,CACH,EAAA,CAAA;OACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAG,2CAA2C,gBAAgB;QAC7D,CAAA,EACJ,kBAAC,QAAD;QAAM,WAAU;kBACb,GAAQ,gBAAgB;QACpB,CAAA,CACH,EAAA,CAAA;OACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAG,qCAAqC,SAAS;QAChD,CAAA,EACJ,kBAAC,QAAD;QAAM,WAAU;kBACb,GAAQ,iBAAiB;QACrB,CAAA,CACH,EAAA,CAAA;OACF;;KAEL,GAAQ,kBACP,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD,EAAA,UAAA;OACE,kBAAC,GAAD,EAAO,WAAU,uBAAwB,CAAA;;OAClC,EAAW,EAAO,eAAe;OACnC,EAAA,CAAA,EACN,EAAO,uBACN,kBAAC,QAAD,EAAA,UAAA,CAAM,UAAO,EAAW,EAAO,oBAAoB,CAAQ,EAAA,CAAA,CAEzD;;KAIR,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,UAAD;QACE,eAAe,EAAgB,GAAK;QACpC,UAAU,CAAC,CAAC;QACZ,WAAU;kBAHZ,CAKG,MAAkB,WACjB,kBAAC,GAAD,EAAS,WAAU,wBAAyB,CAAA,GAE5C,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAE/B,EAAG,wCAAwC,aAAa,CAClD;;OACT,kBAAC,UAAD;QACE,eAAe,EAAgB,GAAM;QACrC,UAAU,CAAC,CAAC;QACZ,WAAU;kBAHZ,CAKE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAC3B,EAAG,8CAA8C,oBAAoB,CAC/D;;OACT,kBAAC,UAAD;QACE,SAAS;QACT,UAAU,CAAC,CAAC;QACZ,WAAU;kBAHZ,CAKG,MAAkB,WACjB,kBAAC,GAAD,EAAS,WAAU,wBAAyB,CAAA,GAC1C,GAAQ,UACV,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA,GAE/B,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA,EAErC,GAAQ,UACL,EAAG,8CAA8C,mBAAmB,GACpE,EAAG,6CAA6C,kBAAkB,CAC/D;;OACT,kBAAC,UAAD;QACE,SAAS;QACT,UAAU,CAAC,CAAC;QACZ,WAAU;kBAHZ,CAKG,MAAkB,SACjB,kBAAC,GAAD,EAAS,WAAU,wBAAyB,CAAA,GAE5C,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAE7B,EAAG,6CAA6C,kBAAkB,CAC5D;;OACL;;KACF;;GAGL,KAAc,KACb,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAAd,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAC/B,EAAG,4CAA4C,gBAAgB,CAC7D;QACL,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD,EAAA,UAAA;OACE,kBAAC,QAAD;QAAM,WAAU;kBAAkB;QAAyB,CAAA;OAAC;OAC5D,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAO,sBAAsB,OAC1B,GAAG,EAAO,qBAAqB,KAAQ,KACvC,GAAG,EAAO,qBAAqB,IAAM;QACpC,CAAA;OACH,EAAA,CAAA;MACN,kBAAC,OAAD,EAAA,UAAA;OACE,kBAAC,QAAD;QAAM,WAAU;kBAAkB;QAAwB,CAAA;OAAC;OAC3D,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAO,mBAAmB,OAAO;QAC7B,CAAA;OACH,EAAA,CAAA;MACN,kBAAC,OAAD,EAAA,UAAA;OACE,kBAAC,QAAD;QAAM,WAAU;kBAAkB;QAAsB,CAAA;OAAC;OACzD,kBAAC,QAAD;QAAM,WAAU;kBAAiC,EAAO;QAAqB,CAAA;OACzE,EAAA,CAAA;MACL,EAAO,YACN,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD,EAAA,UAAA;OACE,kBAAC,QAAD;QAAM,WAAU;kBAAkB;QAAiB,CAAA;OAAC;OACpD,kBAAC,QAAD;QAAM,WAAU;kBAAiC,EAAO,SAAS;QAAc,CAAA;OAC3E,EAAA,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA;OACE,kBAAC,QAAD;QAAM,WAAU;kBAAkB;QAAiB,CAAA;OAAC;OACpD,kBAAC,QAAD;QAAM,WAAU;kBAAiC,EAAO,SAAS;QAAc,CAAA;OAC3E,EAAA,CAAA,CACL,EAAA,CAAA;MAEJ,EAAO,iBACN,kBAAC,OAAD,EAAA,UAAA;OACE,kBAAC,QAAD;QAAM,WAAU;kBAAkB;QAAiB,CAAA;OAAC;OACpD,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CAAiD,EAAO,eAAc,QAAY;;OAC9E,EAAA,CAAA;MAEP,EAAO,cACN,kBAAC,OAAD,EAAA,UAAA;OACE,kBAAC,QAAD;QAAM,WAAU;kBAAkB;QAAmB,CAAA;OAAC;OACtD,kBAAC,QAAD;QAAM,WAAU;kBAAiC,EAAO;QAAkB,CAAA;OACtE,EAAA,CAAA;MAEJ;OACF;;GAIR,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAAd;MACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;MAC5B,EAAG,sCAAsC,iBAAiB;MAC3D,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QAAsD;QAAE,EAAQ;QAAO;QAAc;;MAClF;QAEJ,EAAQ,WAAW,IAClB,kBAAC,KAAD;KAAG,WAAU;eACV,EACC,wCACA,sDACD;KACC,CAAA,GAEJ,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAQ,KAAK,MACZ,kBAAC,OAAD;MAEE,WAAU;gBAFZ,CAIE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QACE,WAAW,gEACT,EAAE,WAAW,cACT,oEACA;kBAGL,EAAE,WAAW,cACZ,kBAAC,GAAD,EAAc,WAAU,oCAAqC,CAAA,GAE7D,kBAAC,GAAD,EAAS,WAAU,kCAAmC,CAAA;QAEpD,CAAA,EACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAW,EAAE,UAAU;SACtB,CAAA,EACJ,kBAAC,KAAD;SAAG,WAAU;mBAAb;UACG,EAAY,EAAE,YAAY;UAAC;UAAW,EAAe,EAAE,WAAW;UAAC;UAAU;UAC7E,EAAE;UACD;WACA;UACF;UACN,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,UAAD;SACE,eAAe,EAAc,EAAE,IAAI,GAAK;SACxC,UAAU,CAAC,CAAC;SACZ,WAAU;SACV,OAAM;mBAEL,MAAkB,WAAW,EAAE,OAC9B,kBAAC,GAAD,EAAS,WAAU,wBAAyB,CAAA,GAE5C,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA;SAE/B,CAAA;QACT,kBAAC,UAAD;SACE,eAAe;AACb,UAAI,QAAQ,uDAAuD,IACjE,EAAc,EAAE,IAAI,GAAM;;SAG9B,UAAU,CAAC,CAAC;SACZ,WAAU;SACV,OAAM;mBAEN,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;SAC1B,CAAA;QACT,kBAAC,UAAD;SACE,eAAe,EAAmB,EAAE,GAAG;SACvC,UAAU,CAAC,CAAC;SACZ,WAAU;SACV,OAAM;mBAEL,MAAkB,UAAU,EAAE,OAC7B,kBAAC,GAAD,EAAS,WAAU,wBAAyB,CAAA,GAE5C,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;SAEzB,CAAA;QACL;SACF;QAjEC,EAAE,GAiEH,CACN;KACE,CAAA,CAEJ;;GACF"}

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

@@ -0,0 +1,8 @@
+export { AgentCard, type AgentCardProps } from './AgentCard';
+export { AgentStatusBadge, type AgentStatusBadgeProps } from './AgentStatusBadge';
+export { AgentList } from './AgentList';
+export { AgentForm } from './AgentForm';
+export { PluginUIPanel, type PluginUITab, type UIPluginOption } from './PluginUIPanel';
+export { OpenInBrowserEditorButton, type OpenInBrowserEditorButtonProps, } from './OpenInBrowserEditorButton';
+export type { Agent, AgentStatus, AgentFilter, CreateAgentInput, UpdateAgentInput } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/agents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACvF,OAAO,EACL,yBAAyB,EACzB,KAAK,8BAA8B,GACpC,MAAM,6BAA6B,CAAC;AACrC,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/agents/index.js

@@ -0,0 +1,6 @@
+import "./AgentStatusBadge.js";
+import "./AgentCard.js";
+import "./AgentList.js";
+import "./AgentForm.js";
+import "./PluginUIPanel.js";
+import "./OpenInBrowserEditorButton.js";

package/dist/components/agents/types.d.ts

@@ -0,0 +1,72 @@
+export type AgentStatus = 'REGISTERING' | 'ACTIVE' | 'STOPPED' | 'IDLE' | 'DEGRADED' | 'OFFLINE' | 'DELETED';
+export interface AgentTagAssignment {
+    id: string;
+    tagId: string;
+    tag?: {
+        id: string;
+        key?: string | null;
+        label?: string | null;
+        color?: string | null;
+    } | null;
+}
+export interface Agent {
+    id: string;
+    workspaceId: string;
+    name: string;
+    hostname: string;
+    platform: string;
+    architecture: string;
+    version: string;
+    isActive: boolean;
+    status: AgentStatus;
+    lastHeartbeat: string | null;
+    tunnelUrl: string | null;
+    tunnelStatus: string | null;
+    agentApiKey: string | null;
+    aiContext: string | null;
+    configuration: Record<string, unknown>;
+    capabilities: string[];
+    metadata: Record<string, unknown>;
+    createdAt: string;
+    updatedAt: string;
+    /** Structured tag assignments from wspace-tags-svc, populated by list queries. */
+    tagAssignments?: AgentTagAssignment[];
+    /**
+     * Live deep-health probe error message when the agent is reachable
+     * but reports a degraded component (ttyd/tunnel/session). Populated
+     * from `vibecontrolsAgentHealthProbes` in the list query, surfaced
+     * as a tooltip on the status badge so operators can see *why* the
+     * badge isn't green.
+     */
+    healthError?: string | null;
+}
+export interface AgentFilter {
+    workspaceId?: string;
+    isActive?: boolean;
+    status?: AgentStatus;
+    platform?: string;
+    search?: string;
+}
+export interface CreateAgentInput {
+    workspaceId: string;
+    name: string;
+    hostname: string;
+    platform: string;
+    architecture: string;
+    version: string;
+    tunnelUrl?: string;
+    agentApiKey?: string;
+    configuration?: Record<string, unknown>;
+    capabilities?: string[];
+    metadata?: Record<string, unknown>;
+}
+export interface UpdateAgentInput {
+    name?: string;
+    tunnelUrl?: string;
+    agentApiKey?: string;
+    aiContext?: string | null;
+    configuration?: Record<string, unknown>;
+    capabilities?: string[];
+    metadata?: Record<string, unknown>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/agents/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/agents/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GACnB,aAAa,GACb,QAAQ,GACR,SAAS,GACT,MAAM,GACN,UAAU,GACV,SAAS,GACT,SAAS,CAAC;AAEd,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE;QACJ,EAAE,EAAE,MAAM,CAAC;QACX,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACpB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACtB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KACvB,GAAG,IAAI,CAAC;CACV;AAED,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,WAAW,CAAC;IACpB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,kFAAkF;IAClF,cAAc,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACtC;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AAED,MAAM,WAAW,WAAW;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC"}

package/dist/components/ai/AIAssistantPanel.d.ts

@@ -0,0 +1,8 @@
+interface AIAssistantPanelProps {
+    panelId?: string;
+    visible?: boolean;
+    onClose?: () => void;
+}
+export declare function AIAssistantPanel({ panelId, visible }: AIAssistantPanelProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=AIAssistantPanel.d.ts.map

package/dist/components/ai/AIAssistantPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIAssistantPanel.d.ts","sourceRoot":"","sources":["../../../src/components/ai/AIAssistantPanel.tsx"],"names":[],"mappings":"AAYA,UAAU,qBAAqB;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAc,EAAE,EAAE,qBAAqB,kDA8KlF"}

package/dist/components/ai/AIContextsTab.d.ts

@@ -0,0 +1,6 @@
+interface AIContextsTabProps {
+    agentId: string;
+}
+export declare function AIContextsTab({ agentId }: AIContextsTabProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AIContextsTab.d.ts.map

package/dist/components/ai/AIContextsTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIContextsTab.d.ts","sourceRoot":"","sources":["../../../src/components/ai/AIContextsTab.tsx"],"names":[],"mappings":"AAcA,UAAU,kBAAkB;IAC1B,OAAO,EAAE,MAAM,CAAC;CACjB;AAoBD,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE,kBAAkB,2CA0b5D"}