@burdenoff/microfe-vibecontrols 2026.601.21 → 2026.601.22

package/dist/components/ai/AITemplatesTab.js

@@ -6,9 +6,11 @@ import { EmptyState as i } from "../shared/EmptyState.js";
 import { Card as a } from "../shared/Card.js";
 import { SelectionCheckbox as o } from "../shared/SelectionCheckbox.js";
 import "../shared/index.js";
-import { createTemplate as ee, deleteTemplate as te, fetchTemplates as ne, renderTemplate as re, updateTemplate as ie } from "../../services/aiApi.js";
-import { useCallback as ae, useEffect as oe, useMemo as s, useState as c } from "react";
-import { Code as se, Eye as ce, Pencil as le, Plus as l, Search as u, Trash2 as d, X as f } from "lucide-react";
+import { EntityShareButton as ee } from "../sharing/EntityShareButton.js";
+import "../sharing/index.js";
+import { createTemplate as te, deleteTemplate as ne, fetchTemplates as re, renderTemplate as ie, updateTemplate as ae } from "../../services/aiApi.js";
+import { useCallback as oe, useEffect as s, useMemo as se, useState as c } from "react";
+import { Code as ce, Eye as le, Pencil as ue, Plus as l, Search as u, Trash2 as d, X as f } from "lucide-react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/ai/AITemplatesTab.tsx
 var h = {
@@ -19,115 +21,115 @@ var h = {
 	tags: []
 };
 function g({ agentId: g }) {
-	let _ = e(), [v, ue] = c([]), [de, y] = c(!0), [b, x] = c(null), [S, C] = c(""), [fe, w] = c(!1), [T, E] = c(null), [D, O] = c(h), [k, A] = c("form"), [j, M] = c("{}"), [N, P] = c(!1), [F, I] = c([]), [L, R] = c(!1), [z, B] = c(/* @__PURE__ */ new Set()), [V, H] = c(null), [U, W] = c({}), [G, K] = c(null), [q, J] = c(!1), Y = ae(async () => {
+	let _ = e(), [v, de] = c([]), [fe, y] = c(!0), [b, x] = c(null), [S, pe] = c(""), [me, C] = c(!1), [w, T] = c(null), [E, D] = c(h), [O, k] = c("form"), [A, j] = c("{}"), [M, N] = c(!1), [P, F] = c([]), [I, L] = c(!1), [R, z] = c(/* @__PURE__ */ new Set()), [B, V] = c(null), [H, U] = c({}), [W, G] = c(null), [K, q] = c(!1), J = oe(async () => {
 		y(!0), x(null);
 		try {
-			ue(await ne(g));
+			de(await re(g));
 		} catch (e) {
 			x(e instanceof Error ? e.message : "Failed to load templates");
 		} finally {
 			y(!1);
 		}
 	}, [g]);
-	oe(() => {
-		Y();
-	}, [Y]);
-	let X = v.filter((e) => {
+	s(() => {
+		J();
+	}, [J]);
+	let Y = v.filter((e) => {
 		if (!S) return !0;
 		let t = S.toLowerCase();
 		return e.name.toLowerCase().includes(t) || e.description?.toLowerCase().includes(t) || e.tags?.some((e) => e.toLowerCase().includes(t));
-	}), Z = s(() => v.filter((e) => z.has(e.id)), [v, z]), Q = X.length > 0 && X.every((e) => z.has(e.id)), pe = X.some((e) => z.has(e.id)) && !Q, $ = () => {
-		E(null), O(h), M("{}"), w(!0);
-	}, me = (e) => {
-		E(e.id), O({
+	}), X = se(() => v.filter((e) => R.has(e.id)), [v, R]), Z = Y.length > 0 && Y.every((e) => R.has(e.id)), he = Y.some((e) => R.has(e.id)) && !Z, Q = () => {
+		T(null), D(h), j("{}"), C(!0);
+	}, ge = (e) => {
+		T(e.id), D({
 			name: e.name,
 			content: e.content,
 			description: e.description ?? "",
 			variables: e.variables ?? {},
 			tags: e.tags ?? []
-		}), M(JSON.stringify(e.variables ?? {}, null, 2)), w(!0);
-	}, he = async () => {
-		P(!0);
+		}), j(JSON.stringify(e.variables ?? {}, null, 2)), C(!0);
+	}, _e = async () => {
+		N(!0);
 		try {
-			let e = k === "json" ? JSON.parse(j) : D.variables, t = {
-				...D,
+			let e = O === "json" ? JSON.parse(A) : E.variables, t = {
+				...E,
 				variables: e
 			};
-			T ? await ie(g, T, t) : await ee(g, t), w(!1), await Y();
+			w ? await ae(g, w, t) : await te(g, t), C(!1), await J();
 		} catch (e) {
 			console.error("Failed to save template:", e);
 		} finally {
-			P(!1);
+			N(!1);
 		}
-	}, ge = async () => {
-		if (F.length !== 0) {
-			R(!0);
+	}, ve = async () => {
+		if (P.length !== 0) {
+			L(!0);
 			try {
-				await Promise.allSettled(F.map((e) => te(g, e))), B((e) => {
+				await Promise.allSettled(P.map((e) => ne(g, e))), z((e) => {
 					let t = new Set(e);
-					return F.forEach((e) => t.delete(e)), t;
-				}), I([]), await Y();
+					return P.forEach((e) => t.delete(e)), t;
+				}), F([]), await J();
 			} catch (e) {
 				console.error("Failed to delete template:", e);
 			} finally {
-				R(!1);
+				L(!1);
 			}
 		}
-	}, _e = async () => {
-		if (V) {
-			J(!0);
+	}, ye = async () => {
+		if (B) {
+			q(!0);
 			try {
-				K((await re(g, V, U)).rendered);
+				G((await ie(g, B, H)).rendered);
 			} catch (e) {
-				K(`Error: ${e instanceof Error ? e.message : "Failed to render template"}`);
+				G(`Error: ${e instanceof Error ? e.message : "Failed to render template"}`);
 			} finally {
-				J(!1);
+				q(!1);
 			}
 		}
-	}, ve = (e) => {
-		H(e.id);
+	}, $ = (e) => {
+		V(e.id);
 		let t = {};
 		if (e.variables) for (let n of Object.keys(e.variables)) t[n] = "";
-		W(t), K(null);
-	}, ye = () => {
-		O((e) => ({
+		U(t), G(null);
+	}, be = () => {
+		D((e) => ({
 			...e,
 			variables: {
 				...e.variables,
 				"": ""
 			}
 		}));
-	}, be = (e, t) => {
-		let n = Object.entries(D.variables), r = {};
+	}, xe = (e, t) => {
+		let n = Object.entries(E.variables), r = {};
 		for (let [i, a] of n) r[i === e ? t : i] = a;
-		O((e) => ({
+		D((e) => ({
 			...e,
 			variables: r
 		}));
-	}, xe = (e, t) => {
-		O((n) => ({
+	}, Se = (e, t) => {
+		D((n) => ({
 			...n,
 			variables: {
 				...n.variables,
 				[e]: t
 			}
 		}));
-	}, Se = (e) => {
-		let t = { ...D.variables };
-		delete t[e], O((e) => ({
+	}, Ce = (e) => {
+		let t = { ...E.variables };
+		delete t[e], D((e) => ({
 			...e,
 			variables: t
 		}));
-	}, Ce = (e, t) => {
-		B((n) => {
+	}, we = (e, t) => {
+		z((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
 	};
-	return de ? /* @__PURE__ */ p(n, { message: _("vibecontrols.ai.templates.loading", "Loading templates...") }) : b ? /* @__PURE__ */ p(r, {
+	return fe ? /* @__PURE__ */ p(n, { message: _("vibecontrols.ai.templates.loading", "Loading templates...") }) : b ? /* @__PURE__ */ p(r, {
 		title: _("vibecontrols.ai.templates.loadFailed", "Failed to load templates"),
 		message: b,
-		onRetry: Y
+		onRetry: J
 	}) : /* @__PURE__ */ m("div", {
 		className: "space-y-4",
 		children: [
@@ -139,18 +141,18 @@ function g({ agentId: g }) {
 						"aria-label": "control",
 						type: "text",
 						value: S,
-						onChange: (e) => C(e.target.value),
+						onChange: (e) => pe(e.target.value),
 						placeholder: _("vibecontrols.ai.templates.searchPlaceholder", "Search templates..."),
 						className: "w-full pl-9 pr-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm placeholder:text-text-placeholder focus:outline-none focus:border-border-strong"
 					})]
 				}), /* @__PURE__ */ m("button", {
 					type: "button",
-					onClick: $,
+					onClick: Q,
 					className: "flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors text-sm",
 					children: [/* @__PURE__ */ p(l, { className: "size-4" }), _("vibecontrols.ai.templates.newTemplate", "New Template")]
 				})]
 			}),
-			X.length > 0 && /* @__PURE__ */ p("div", {
+			Y.length > 0 && /* @__PURE__ */ p("div", {
 				className: "rounded-lg border border-border-default bg-bg-surface p-4",
 				children: /* @__PURE__ */ m("div", {
 					className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",
@@ -159,12 +161,12 @@ function g({ agentId: g }) {
 						children: [/* @__PURE__ */ m("div", {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ p(o, {
-								checked: Q,
-								indeterminate: pe,
+								checked: Z,
+								indeterminate: he,
 								onChange: (e) => {
-									B((t) => {
+									z((t) => {
 										let n = new Set(t);
-										return X.forEach((t) => {
+										return Y.forEach((t) => {
 											e ? n.add(t.id) : n.delete(t.id);
 										}), n;
 									});
@@ -174,9 +176,9 @@ function g({ agentId: g }) {
 								className: "text-sm font-medium text-text-primary",
 								children: "Select all visible"
 							})]
-						}), z.size > 0 && /* @__PURE__ */ p("button", {
+						}), R.size > 0 && /* @__PURE__ */ p("button", {
 							type: "button",
-							onClick: () => B(/* @__PURE__ */ new Set()),
+							onClick: () => z(/* @__PURE__ */ new Set()),
 							className: "text-sm text-text-secondary hover:text-text-primary",
 							children: "Clear selection"
 						})]
@@ -184,31 +186,31 @@ function g({ agentId: g }) {
 						className: "flex flex-wrap items-center gap-2",
 						children: [/* @__PURE__ */ m("span", {
 							className: "rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary",
-							children: [z.size, " selected"]
+							children: [R.size, " selected"]
 						}), /* @__PURE__ */ m("button", {
 							type: "button",
-							onClick: () => I(Z.map((e) => e.id)),
-							disabled: Z.length === 0,
+							onClick: () => F(X.map((e) => e.id)),
+							disabled: X.length === 0,
 							className: "rounded-md border border-status-error-border px-3 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg disabled:cursor-not-allowed disabled:opacity-50",
-							children: ["Delete Selected", Z.length > 0 ? ` (${Z.length})` : ""]
+							children: ["Delete Selected", X.length > 0 ? ` (${X.length})` : ""]
 						})]
 					})]
 				})
 			}),
-			X.length === 0 ? /* @__PURE__ */ p(i, {
-				icon: /* @__PURE__ */ p(se, { className: "size-8 text-text-secondary" }),
+			Y.length === 0 ? /* @__PURE__ */ p(i, {
+				icon: /* @__PURE__ */ p(ce, { className: "size-8 text-text-secondary" }),
 				title: S ? _("vibecontrols.ai.templates.noMatch", "No templates match your search") : _("vibecontrols.ai.templates.emptyTitle", "No templates yet"),
 				description: S ? _("vibecontrols.ai.templates.adjustSearch", "Try adjusting your search query") : _("vibecontrols.ai.templates.emptyDescription", "Create your first prompt template to get started"),
 				action: S ? void 0 : /* @__PURE__ */ m("button", {
 					type: "button",
-					onClick: $,
+					onClick: Q,
 					className: "flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
 					children: [/* @__PURE__ */ p(l, { className: "size-4" }), "New Template"]
 				})
 			}) : /* @__PURE__ */ p("div", {
 				className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-				children: X.map((e) => /* @__PURE__ */ m(a, {
-					className: `p-4 ${z.has(e.id) ? "border-action-primary-bg ring-1 ring-action-primary-bg/25" : ""}`,
+				children: Y.map((e) => /* @__PURE__ */ m(a, {
+					className: `p-4 ${R.has(e.id) ? "border-action-primary-bg ring-1 ring-action-primary-bg/25" : ""}`,
 					children: [
 						/* @__PURE__ */ m("div", {
 							className: "flex items-start justify-between gap-2",
@@ -217,8 +219,8 @@ function g({ agentId: g }) {
 								children: [/* @__PURE__ */ p("div", {
 									onClick: (e) => e.stopPropagation(),
 									children: /* @__PURE__ */ p(o, {
-										checked: z.has(e.id),
-										onChange: (t) => Ce(e.id, t),
+										checked: R.has(e.id),
+										onChange: (t) => we(e.id, t),
 										ariaLabel: `Select template ${e.name}`
 									})
 								}), /* @__PURE__ */ m("div", {
@@ -236,21 +238,29 @@ function g({ agentId: g }) {
 								children: [
 									/* @__PURE__ */ p("button", {
 										type: "button",
-										onClick: () => ve(e),
+										onClick: () => $(e),
 										className: "p-1.5 hover:bg-bg-sunken rounded-md transition-colors",
 										title: "Preview",
-										children: /* @__PURE__ */ p(ce, { className: "size-3.5 text-text-secondary" })
+										children: /* @__PURE__ */ p(le, { className: "size-3.5 text-text-secondary" })
 									}),
 									/* @__PURE__ */ p("button", {
 										type: "button",
-										onClick: () => me(e),
+										onClick: () => ge(e),
 										className: "p-1.5 hover:bg-bg-sunken rounded-md transition-colors",
 										title: "Edit",
-										children: /* @__PURE__ */ p(le, { className: "size-3.5 text-text-secondary" })
+										children: /* @__PURE__ */ p(ue, { className: "size-3.5 text-text-secondary" })
+									}),
+									/* @__PURE__ */ p(ee, {
+										entity: "aiprompt",
+										resource: {
+											id: e.id,
+											name: e.name
+										},
+										label: _("vibecontrols.ai.templates.share", "Share")
 									}),
 									/* @__PURE__ */ p("button", {
 										type: "button",
-										onClick: () => I([e.id]),
+										onClick: () => F([e.id]),
 										className: "p-1.5 hover:bg-status-error-bg rounded-md transition-colors",
 										title: "Delete",
 										children: /* @__PURE__ */ p(d, { className: "size-3.5 text-status-error-text" })
@@ -272,14 +282,14 @@ function g({ agentId: g }) {
 					]
 				}, e.id))
 			}),
-			fe && /* @__PURE__ */ p("div", {
+			me && /* @__PURE__ */ p("div", {
 				role: "button",
 				tabIndex: 0,
 				onKeyDown: (e) => {
-					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), w(!1));
+					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), C(!1));
 				},
 				className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4",
-				onClick: () => w(!1),
+				onClick: () => C(!1),
 				children: /* @__PURE__ */ m("div", {
 					className: "bg-bg-surface border border-border-default rounded-lg shadow-xl w-full max-w-lg max-h-[90vh] overflow-y-auto p-6",
 					onClick: (e) => e.stopPropagation(),
@@ -288,10 +298,10 @@ function g({ agentId: g }) {
 							className: "flex items-center justify-between mb-4",
 							children: [/* @__PURE__ */ p("h3", {
 								className: "text-lg font-semibold text-text-primary",
-								children: T ? _("vibecontrols.ai.templates.editTemplate", "Edit Template") : _("vibecontrols.ai.templates.newTemplate", "New Template")
+								children: w ? _("vibecontrols.ai.templates.editTemplate", "Edit Template") : _("vibecontrols.ai.templates.newTemplate", "New Template")
 							}), /* @__PURE__ */ p("button", {
 								type: "button",
-								onClick: () => w(!1),
+								onClick: () => C(!1),
 								className: "p-1 hover:bg-bg-sunken rounded-md",
 								children: /* @__PURE__ */ p(f, { className: "size-4 text-text-secondary" })
 							})]
@@ -307,9 +317,9 @@ function g({ agentId: g }) {
 									id: "aitemplatestab-11",
 									"aria-label": "Template name",
 									type: "text",
-									value: D.name,
-									onChange: (e) => O({
-										...D,
+									value: E.name,
+									onChange: (e) => D({
+										...E,
 										name: e.target.value
 									}),
 									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm focus:outline-none focus:border-border-strong",
@@ -323,9 +333,9 @@ function g({ agentId: g }) {
 									id: "aitemplatestab-10",
 									"aria-label": "Brief description",
 									type: "text",
-									value: D.description,
-									onChange: (e) => O({
-										...D,
+									value: E.description,
+									onChange: (e) => D({
+										...E,
 										description: e.target.value
 									}),
 									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm focus:outline-none focus:border-border-strong",
@@ -338,9 +348,9 @@ function g({ agentId: g }) {
 								}), /* @__PURE__ */ p("textarea", {
 									id: "aitemplatestab-9",
 									"aria-label": "Use {{variable}} for template variables",
-									value: D.content,
-									onChange: (e) => O({
-										...D,
+									value: E.content,
+									onChange: (e) => D({
+										...E,
 										content: e.target.value
 									}),
 									rows: 6,
@@ -358,28 +368,28 @@ function g({ agentId: g }) {
 										children: [/* @__PURE__ */ p("button", {
 											type: "button",
 											onClick: () => {
-												A("form");
+												k("form");
 												try {
-													O((e) => ({
+													D((e) => ({
 														...e,
-														variables: JSON.parse(j)
+														variables: JSON.parse(A)
 													}));
 												} catch {}
 											},
-											className: `px-2 py-1 text-xs rounded ${k === "form" ? "bg-bg-surface shadow-sm" : ""}`,
+											className: `px-2 py-1 text-xs rounded ${O === "form" ? "bg-bg-surface shadow-sm" : ""}`,
 											children: "Form"
 										}), /* @__PURE__ */ p("button", {
 											type: "button",
 											onClick: () => {
-												A("json"), M(JSON.stringify(D.variables, null, 2));
+												k("json"), j(JSON.stringify(E.variables, null, 2));
 											},
-											className: `px-2 py-1 text-xs rounded ${k === "json" ? "bg-bg-surface shadow-sm" : ""}`,
+											className: `px-2 py-1 text-xs rounded ${O === "json" ? "bg-bg-surface shadow-sm" : ""}`,
 											children: "JSON"
 										})]
 									})]
-								}), k === "form" ? /* @__PURE__ */ m("div", {
+								}), O === "form" ? /* @__PURE__ */ m("div", {
 									className: "space-y-2",
-									children: [Object.entries(D.variables).map(([e, t], n) => /* @__PURE__ */ m("div", {
+									children: [Object.entries(E.variables).map(([e, t], n) => /* @__PURE__ */ m("div", {
 										className: "flex items-center gap-2",
 										children: [
 											/* @__PURE__ */ p("input", {
@@ -387,7 +397,7 @@ function g({ agentId: g }) {
 												"aria-label": "Key",
 												type: "text",
 												value: e,
-												onChange: (t) => be(e, t.target.value),
+												onChange: (t) => xe(e, t.target.value),
 												className: "flex-1 px-2 py-1.5 bg-bg-sunken border border-border-default rounded text-sm text-text-primary focus:outline-none focus:border-border-strong",
 												placeholder: "Key"
 											}),
@@ -395,27 +405,27 @@ function g({ agentId: g }) {
 												"aria-label": "Default value",
 												type: "text",
 												value: String(t ?? ""),
-												onChange: (t) => xe(e, t.target.value),
+												onChange: (t) => Se(e, t.target.value),
 												className: "flex-1 px-2 py-1.5 bg-bg-sunken border border-border-default rounded text-sm text-text-primary focus:outline-none focus:border-border-strong",
 												placeholder: "Default value"
 											}),
 											/* @__PURE__ */ p("button", {
 												type: "button",
-												onClick: () => Se(e),
+												onClick: () => Ce(e),
 												className: "p-1 hover:bg-status-error-bg rounded",
 												children: /* @__PURE__ */ p(f, { className: "size-3.5 text-status-error-text" })
 											})
 										]
 									}, n)), /* @__PURE__ */ p("button", {
 										type: "button",
-										onClick: ye,
+										onClick: be,
 										className: "text-xs text-action-primary-bg hover:underline",
 										children: "+ Add variable"
 									})]
 								}) : /* @__PURE__ */ p("textarea", {
 									"aria-label": "control",
-									value: j,
-									onChange: (e) => M(e.target.value),
+									value: A,
+									onChange: (e) => j(e.target.value),
 									rows: 4,
 									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm font-mono focus:outline-none focus:border-border-strong"
 								})] })
@@ -425,28 +435,28 @@ function g({ agentId: g }) {
 							className: "flex justify-end gap-2 mt-6",
 							children: [/* @__PURE__ */ p("button", {
 								type: "button",
-								onClick: () => w(!1),
+								onClick: () => C(!1),
 								className: "px-4 py-2 text-sm text-text-secondary hover:bg-bg-sunken rounded-md transition-colors",
 								children: "Cancel"
 							}), /* @__PURE__ */ p("button", {
 								type: "button",
-								onClick: he,
-								disabled: N || !D.name || !D.content,
+								onClick: _e,
+								disabled: M || !E.name || !E.content,
 								className: "px-4 py-2 text-sm bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50",
-								children: N ? "Saving..." : T ? "Update" : "Create"
+								children: M ? "Saving..." : w ? "Update" : "Create"
 							})]
 						})
 					]
 				})
 			}),
-			V && /* @__PURE__ */ p("div", {
+			B && /* @__PURE__ */ p("div", {
 				role: "button",
 				tabIndex: 0,
 				onKeyDown: (e) => {
-					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), H(null));
+					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), V(null));
 				},
 				className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4",
-				onClick: () => H(null),
+				onClick: () => V(null),
 				children: /* @__PURE__ */ m("div", {
 					className: "bg-bg-surface border border-border-default rounded-lg shadow-xl w-full max-w-md max-h-[80vh] overflow-y-auto p-6",
 					onClick: (e) => e.stopPropagation(),
@@ -458,14 +468,14 @@ function g({ agentId: g }) {
 						/* @__PURE__ */ m("div", {
 							className: "space-y-3",
 							children: [
-								Object.keys(U).map((e) => /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+								Object.keys(H).map((e) => /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 									className: "block text-xs font-medium text-text-secondary mb-1",
 									children: e
 								}), /* @__PURE__ */ p("input", {
 									"aria-label": "control",
 									type: "text",
-									value: U[e],
-									onChange: (t) => W((n) => ({
+									value: H[e],
+									onChange: (t) => U((n) => ({
 										...n,
 										[e]: t.target.value
 									})),
@@ -473,14 +483,14 @@ function g({ agentId: g }) {
 								})] }, e)),
 								/* @__PURE__ */ p("button", {
 									type: "button",
-									onClick: _e,
-									disabled: q,
+									onClick: ye,
+									disabled: K,
 									className: "w-full px-4 py-2 text-sm bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50",
-									children: q ? _("vibecontrols.ai.templates.rendering", "Rendering...") : _("vibecontrols.ai.templates.render", "Render")
+									children: K ? _("vibecontrols.ai.templates.rendering", "Rendering...") : _("vibecontrols.ai.templates.render", "Render")
 								}),
-								G !== null && /* @__PURE__ */ p("pre", {
+								W !== null && /* @__PURE__ */ p("pre", {
 									className: "mt-2 text-sm text-text-primary bg-bg-sunken rounded p-3 whitespace-pre-wrap max-h-48 overflow-auto",
-									children: G
+									children: W
 								})
 							]
 						}),
@@ -488,7 +498,7 @@ function g({ agentId: g }) {
 							className: "flex justify-end mt-4",
 							children: /* @__PURE__ */ p("button", {
 								type: "button",
-								onClick: () => H(null),
+								onClick: () => V(null),
 								className: "px-4 py-2 text-sm text-text-secondary hover:bg-bg-sunken rounded-md transition-colors",
 								children: "Close"
 							})
@@ -497,13 +507,13 @@ function g({ agentId: g }) {
 				})
 			}),
 			/* @__PURE__ */ p(t, {
-				isOpen: F.length > 0,
-				title: F.length > 1 ? "Delete Templates" : "Delete Template",
-				message: F.length > 1 ? `Are you sure you want to delete ${F.length} selected templates? This action cannot be undone.` : "Are you sure you want to delete this template? This action cannot be undone.",
-				confirmLabel: L ? "Deleting..." : "Delete",
+				isOpen: P.length > 0,
+				title: P.length > 1 ? "Delete Templates" : "Delete Template",
+				message: P.length > 1 ? `Are you sure you want to delete ${P.length} selected templates? This action cannot be undone.` : "Are you sure you want to delete this template? This action cannot be undone.",
+				confirmLabel: I ? "Deleting..." : "Delete",
 				variant: "danger",
-				onConfirm: ge,
-				onClose: () => I([])
+				onConfirm: ve,
+				onClose: () => F([])
 			})
 		]
 	});