@burdenoff/microfe-vibecontrols 2026.511.1 → 2026.512.1

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

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