@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/components/ai/AITemplatesTab.js

@@ -0,0 +1,472 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { LoadingState as t } from "../shared/LoadingState.js";
+import { ErrorState as n } from "../shared/ErrorState.js";
+import { ConfirmDialog as r } from "../shared/ConfirmDialog.js";
+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 { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/ai/AITemplatesTab.tsx
+var h = {
+	name: "",
+	content: "",
+	description: "",
+	variables: {},
+	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 () => {
+		y(!0), x(null);
+		try {
+			ue(await ne(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) => {
+		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({
+			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);
+		try {
+			let e = k === "json" ? JSON.parse(j) : D.variables, t = {
+				...D,
+				variables: e
+			};
+			T ? await ie(g, T, t) : await ee(g, t), w(!1), await Y();
+		} catch (e) {
+			console.error("Failed to save template:", e);
+		} finally {
+			P(!1);
+		}
+	}, ge = async () => {
+		if (F.length !== 0) {
+			R(!0);
+			try {
+				await Promise.allSettled(F.map((e) => te(g, e))), B((e) => {
+					let t = new Set(e);
+					return F.forEach((e) => t.delete(e)), t;
+				}), I([]), await Y();
+			} catch (e) {
+				console.error("Failed to delete template:", e);
+			} finally {
+				R(!1);
+			}
+		}
+	}, _e = async () => {
+		if (V) {
+			J(!0);
+			try {
+				K((await re(g, V, U)).rendered);
+			} catch (e) {
+				K(`Error: ${e instanceof Error ? e.message : "Failed to render template"}`);
+			} finally {
+				J(!1);
+			}
+		}
+	}, ve = (e) => {
+		H(e.id);
+		let t = {};
+		if (e.variables) for (let n of Object.keys(e.variables)) t[n] = "";
+		W(t), K(null);
+	}, ye = () => {
+		O((e) => ({
+			...e,
+			variables: {
+				...e.variables,
+				"": ""
+			}
+		}));
+	}, be = (e, t) => {
+		let n = Object.entries(D.variables), r = {};
+		for (let [i, a] of n) r[i === e ? t : i] = a;
+		O((e) => ({
+			...e,
+			variables: r
+		}));
+	}, xe = (e, t) => {
+		O((n) => ({
+			...n,
+			variables: {
+				...n.variables,
+				[e]: t
+			}
+		}));
+	}, Se = (e) => {
+		let t = { ...D.variables };
+		delete t[e], O((e) => ({
+			...e,
+			variables: t
+		}));
+	}, Ce = (e, t) => {
+		B((n) => {
+			let r = new Set(n);
+			return t ? r.add(e) : r.delete(e), r;
+		});
+	};
+	return de ? /* @__PURE__ */ p(t, { message: _("vibecontrols.ai.templates.loading", "Loading templates...") }) : b ? /* @__PURE__ */ p(n, {
+		title: _("vibecontrols.ai.templates.loadFailed", "Failed to load templates"),
+		message: b,
+		onRetry: Y
+	}) : /* @__PURE__ */ m("div", {
+		className: "space-y-4",
+		children: [
+			/* @__PURE__ */ m("div", {
+				className: "flex flex-col sm:flex-row items-stretch sm:items-center gap-2",
+				children: [/* @__PURE__ */ m("div", {
+					className: "relative flex-1 sm:max-w-xs",
+					children: [/* @__PURE__ */ p(u, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-text-secondary" }), /* @__PURE__ */ p("input", {
+						type: "text",
+						value: S,
+						onChange: (e) => C(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", {
+					onClick: $,
+					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: "w-4 h-4" }), _("vibecontrols.ai.templates.newTemplate", "New Template")]
+				})]
+			}),
+			X.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",
+					children: [/* @__PURE__ */ m("div", {
+						className: "flex flex-wrap items-center gap-3",
+						children: [/* @__PURE__ */ m("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ p(o, {
+								checked: Q,
+								indeterminate: pe,
+								onChange: (e) => {
+									B((t) => {
+										let n = new Set(t);
+										return X.forEach((t) => {
+											e ? n.add(t.id) : n.delete(t.id);
+										}), n;
+									});
+								},
+								ariaLabel: "Select all visible templates"
+							}), /* @__PURE__ */ p("span", {
+								className: "text-sm font-medium text-text-primary",
+								children: "Select all visible"
+							})]
+						}), z.size > 0 && /* @__PURE__ */ p("button", {
+							onClick: () => B(/* @__PURE__ */ new Set()),
+							className: "text-sm text-text-secondary hover:text-text-primary",
+							children: "Clear selection"
+						})]
+					}), /* @__PURE__ */ m("div", {
+						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"]
+						}), /* @__PURE__ */ m("button", {
+							onClick: () => I(Z.map((e) => e.id)),
+							disabled: Z.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})` : ""]
+						})]
+					})]
+				})
+			}),
+			X.length === 0 ? /* @__PURE__ */ p(i, {
+				icon: /* @__PURE__ */ p(se, { className: "w-8 h-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", {
+					onClick: $,
+					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: "w-4 h-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: [
+						/* @__PURE__ */ m("div", {
+							className: "flex items-start justify-between gap-2",
+							children: [/* @__PURE__ */ m("div", {
+								className: "flex items-start gap-3 min-w-0 flex-1",
+								children: [/* @__PURE__ */ p("div", {
+									onClick: (e) => e.stopPropagation(),
+									children: /* @__PURE__ */ p(o, {
+										checked: z.has(e.id),
+										onChange: (t) => Ce(e.id, t),
+										ariaLabel: `Select template ${e.name}`
+									})
+								}), /* @__PURE__ */ m("div", {
+									className: "min-w-0 flex-1",
+									children: [/* @__PURE__ */ p("h4", {
+										className: "font-semibold text-text-primary truncate",
+										children: e.name
+									}), e.description && /* @__PURE__ */ p("p", {
+										className: "text-xs text-text-secondary mt-0.5 line-clamp-2",
+										children: e.description
+									})]
+								})]
+							}), /* @__PURE__ */ m("div", {
+								className: "flex items-center gap-1 flex-shrink-0",
+								children: [
+									/* @__PURE__ */ p("button", {
+										onClick: () => ve(e),
+										className: "p-1.5 hover:bg-bg-sunken rounded-md transition-colors",
+										title: "Preview",
+										children: /* @__PURE__ */ p(ce, { className: "w-3.5 h-3.5 text-text-secondary" })
+									}),
+									/* @__PURE__ */ p("button", {
+										onClick: () => me(e),
+										className: "p-1.5 hover:bg-bg-sunken rounded-md transition-colors",
+										title: "Edit",
+										children: /* @__PURE__ */ p(le, { className: "w-3.5 h-3.5 text-text-secondary" })
+									}),
+									/* @__PURE__ */ p("button", {
+										onClick: () => I([e.id]),
+										className: "p-1.5 hover:bg-status-error-bg rounded-md transition-colors",
+										title: "Delete",
+										children: /* @__PURE__ */ p(d, { className: "w-3.5 h-3.5 text-status-error-text" })
+									})
+								]
+							})]
+						}),
+						/* @__PURE__ */ p("pre", {
+							className: "mt-2 text-xs text-text-secondary bg-bg-sunken rounded p-2 max-h-24 overflow-auto whitespace-pre-wrap",
+							children: e.content
+						}),
+						e.tags && e.tags.length > 0 && /* @__PURE__ */ p("div", {
+							className: "mt-2 flex flex-wrap gap-1",
+							children: e.tags.map((e) => /* @__PURE__ */ p("span", {
+								className: "px-1.5 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded",
+								children: e
+							}, e))
+						})
+					]
+				}, e.id))
+			}),
+			fe && /* @__PURE__ */ p("div", {
+				className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4",
+				onClick: () => w(!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(),
+					children: [
+						/* @__PURE__ */ m("div", {
+							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")
+							}), /* @__PURE__ */ p("button", {
+								onClick: () => w(!1),
+								className: "p-1 hover:bg-bg-sunken rounded-md",
+								children: /* @__PURE__ */ p(f, { className: "w-4 h-4 text-text-secondary" })
+							})]
+						}),
+						/* @__PURE__ */ m("div", {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+									className: "block text-sm font-medium text-text-primary mb-1",
+									children: "Name"
+								}), /* @__PURE__ */ p("input", {
+									type: "text",
+									value: D.name,
+									onChange: (e) => O({
+										...D,
+										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",
+									placeholder: "Template name"
+								})] }),
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+									className: "block text-sm font-medium text-text-primary mb-1",
+									children: "Description"
+								}), /* @__PURE__ */ p("input", {
+									type: "text",
+									value: D.description,
+									onChange: (e) => O({
+										...D,
+										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",
+									placeholder: "Brief description"
+								})] }),
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+									className: "block text-sm font-medium text-text-primary mb-1",
+									children: "Content"
+								}), /* @__PURE__ */ p("textarea", {
+									value: D.content,
+									onChange: (e) => O({
+										...D,
+										content: e.target.value
+									}),
+									rows: 6,
+									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",
+									placeholder: "Use {{variable}} for template variables"
+								})] }),
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("div", {
+									className: "flex items-center justify-between mb-1",
+									children: [/* @__PURE__ */ p("label", {
+										className: "text-sm font-medium text-text-primary",
+										children: "Variables"
+									}), /* @__PURE__ */ m("div", {
+										className: "flex items-center gap-1 bg-bg-sunken rounded-md p-0.5",
+										children: [/* @__PURE__ */ p("button", {
+											onClick: () => {
+												A("form");
+												try {
+													O((e) => ({
+														...e,
+														variables: JSON.parse(j)
+													}));
+												} catch {}
+											},
+											className: `px-2 py-1 text-xs rounded ${k === "form" ? "bg-bg-surface shadow-sm" : ""}`,
+											children: "Form"
+										}), /* @__PURE__ */ p("button", {
+											onClick: () => {
+												A("json"), M(JSON.stringify(D.variables, null, 2));
+											},
+											className: `px-2 py-1 text-xs rounded ${k === "json" ? "bg-bg-surface shadow-sm" : ""}`,
+											children: "JSON"
+										})]
+									})]
+								}), k === "form" ? /* @__PURE__ */ m("div", {
+									className: "space-y-2",
+									children: [Object.entries(D.variables).map(([e, t], n) => /* @__PURE__ */ m("div", {
+										className: "flex items-center gap-2",
+										children: [
+											/* @__PURE__ */ p("input", {
+												type: "text",
+												value: e,
+												onChange: (t) => be(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"
+											}),
+											/* @__PURE__ */ p("input", {
+												type: "text",
+												value: String(t ?? ""),
+												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: "Default value"
+											}),
+											/* @__PURE__ */ p("button", {
+												onClick: () => Se(e),
+												className: "p-1 hover:bg-status-error-bg rounded",
+												children: /* @__PURE__ */ p(f, { className: "w-3.5 h-3.5 text-status-error-text" })
+											})
+										]
+									}, n)), /* @__PURE__ */ p("button", {
+										onClick: ye,
+										className: "text-xs text-action-primary-bg hover:underline",
+										children: "+ Add variable"
+									})]
+								}) : /* @__PURE__ */ p("textarea", {
+									value: j,
+									onChange: (e) => M(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"
+								})] })
+							]
+						}),
+						/* @__PURE__ */ m("div", {
+							className: "flex justify-end gap-2 mt-6",
+							children: [/* @__PURE__ */ p("button", {
+								onClick: () => w(!1),
+								className: "px-4 py-2 text-sm text-text-secondary hover:bg-bg-sunken rounded-md transition-colors",
+								children: "Cancel"
+							}), /* @__PURE__ */ p("button", {
+								onClick: he,
+								disabled: N || !D.name || !D.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"
+							})]
+						})
+					]
+				})
+			}),
+			V && /* @__PURE__ */ p("div", {
+				className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4",
+				onClick: () => H(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(),
+					children: [
+						/* @__PURE__ */ p("h3", {
+							className: "text-lg font-semibold text-text-primary mb-4",
+							children: _("vibecontrols.ai.templates.previewTemplate", "Preview Template")
+						}),
+						/* @__PURE__ */ m("div", {
+							className: "space-y-3",
+							children: [
+								Object.keys(U).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", {
+									type: "text",
+									value: U[e],
+									onChange: (t) => W((n) => ({
+										...n,
+										[e]: t.target.value
+									})),
+									className: "w-full px-3 py-1.5 bg-bg-sunken border border-border-default rounded text-sm text-text-primary focus:outline-none focus:border-border-strong"
+								})] }, e)),
+								/* @__PURE__ */ p("button", {
+									onClick: _e,
+									disabled: q,
+									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")
+								}),
+								G !== 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
+								})
+							]
+						}),
+						/* @__PURE__ */ p("div", {
+							className: "flex justify-end mt-4",
+							children: /* @__PURE__ */ p("button", {
+								onClick: () => H(null),
+								className: "px-4 py-2 text-sm text-text-secondary hover:bg-bg-sunken rounded-md transition-colors",
+								children: "Close"
+							})
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ p(r, {
+				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",
+				variant: "danger",
+				onConfirm: ge,
+				onClose: () => I([])
+			})
+		]
+	});
+}
+//#endregion
+export { g as AITemplatesTab };
+
+//# sourceMappingURL=AITemplatesTab.js.map

package/dist/components/ai/AITemplatesTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AITemplatesTab.js","names":[],"sources":["../../../src/components/ai/AITemplatesTab.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, useMemo } from 'react';\nimport { Plus, Search, Pencil, Trash2, Eye, Code, X } from 'lucide-react';\nimport {\n  Card,\n  LoadingState,\n  ErrorState,\n  EmptyState,\n  ConfirmDialog,\n  SelectionCheckbox,\n} from '@/components/shared';\nimport type { AITemplate } from '@/services/aiApi';\nimport {\n  fetchTemplates,\n  createTemplate,\n  updateTemplate,\n  deleteTemplate,\n  renderTemplate,\n} from '@/services/aiApi';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface AITemplatesTabProps {\n  agentId: string;\n}\n\ninterface TemplateFormData {\n  name: string;\n  content: string;\n  description: string;\n  variables: Record<string, unknown>;\n  tags: string[];\n}\n\nconst emptyForm: TemplateFormData = {\n  name: '',\n  content: '',\n  description: '',\n  variables: {},\n  tags: [],\n};\n\nexport function AITemplatesTab({ agentId }: AITemplatesTabProps) {\n  const tr = useTr();\n  const [templates, setTemplates] = useState<AITemplate[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [search, setSearch] = useState('');\n  const [showForm, setShowForm] = useState(false);\n  const [editingId, setEditingId] = useState<string | null>(null);\n  const [formData, setFormData] = useState<TemplateFormData>(emptyForm);\n  const [variablesMode, setVariablesMode] = useState<'form' | 'json'>('form');\n  const [variablesJson, setVariablesJson] = useState('{}');\n  const [saving, setSaving] = useState(false);\n  const [deleteIds, setDeleteIds] = useState<string[]>([]);\n  const [deleting, setDeleting] = useState(false);\n  const [selectedTemplateIds, setSelectedTemplateIds] = useState<Set<string>>(new Set());\n  const [previewId, setPreviewId] = useState<string | null>(null);\n  const [previewVars, setPreviewVars] = useState<Record<string, string>>({});\n  const [previewResult, setPreviewResult] = useState<string | null>(null);\n  const [previewing, setPreviewing] = useState(false);\n\n  const loadTemplates = useCallback(async () => {\n    setLoading(true);\n    setError(null);\n    try {\n      const result = await fetchTemplates(agentId);\n      setTemplates(result);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to load templates');\n    } finally {\n      setLoading(false);\n    }\n  }, [agentId]);\n\n  useEffect(() => {\n    loadTemplates();\n  }, [loadTemplates]);\n\n  const filtered = templates.filter((t) => {\n    if (!search) return true;\n    const q = search.toLowerCase();\n    return (\n      t.name.toLowerCase().includes(q) ||\n      t.description?.toLowerCase().includes(q) ||\n      t.tags?.some((tag) => tag.toLowerCase().includes(q))\n    );\n  });\n\n  const selectedTemplates = useMemo(\n    () => templates.filter((template) => selectedTemplateIds.has(template.id)),\n    [templates, selectedTemplateIds]\n  );\n  const allVisibleSelected =\n    filtered.length > 0 && filtered.every((template) => selectedTemplateIds.has(template.id));\n  const partiallySelected =\n    filtered.some((template) => selectedTemplateIds.has(template.id)) && !allVisibleSelected;\n\n  const openCreate = () => {\n    setEditingId(null);\n    setFormData(emptyForm);\n    setVariablesJson('{}');\n    setShowForm(true);\n  };\n\n  const openEdit = (t: AITemplate) => {\n    setEditingId(t.id);\n    setFormData({\n      name: t.name,\n      content: t.content,\n      description: t.description ?? '',\n      variables: t.variables ?? {},\n      tags: t.tags ?? [],\n    });\n    setVariablesJson(JSON.stringify(t.variables ?? {}, null, 2));\n    setShowForm(true);\n  };\n\n  const handleSave = async () => {\n    setSaving(true);\n    try {\n      const vars = variablesMode === 'json' ? JSON.parse(variablesJson) : formData.variables;\n      const payload = { ...formData, variables: vars };\n      if (editingId) {\n        await updateTemplate(agentId, editingId, payload);\n      } else {\n        await createTemplate(agentId, payload);\n      }\n      setShowForm(false);\n      await loadTemplates();\n    } catch (err) {\n      console.error('Failed to save template:', err);\n    } finally {\n      setSaving(false);\n    }\n  };\n\n  const handleDelete = async () => {\n    if (deleteIds.length === 0) return;\n    setDeleting(true);\n    try {\n      await Promise.allSettled(deleteIds.map((deleteId) => deleteTemplate(agentId, deleteId)));\n      setSelectedTemplateIds((prev) => {\n        const next = new Set(prev);\n        deleteIds.forEach((deleteId) => next.delete(deleteId));\n        return next;\n      });\n      setDeleteIds([]);\n      await loadTemplates();\n    } catch (err) {\n      console.error('Failed to delete template:', err);\n    } finally {\n      setDeleting(false);\n    }\n  };\n\n  const handlePreview = async () => {\n    if (!previewId) return;\n    setPreviewing(true);\n    try {\n      const result = await renderTemplate(agentId, previewId, previewVars);\n      setPreviewResult(result.rendered);\n    } catch (err) {\n      setPreviewResult(\n        `Error: ${err instanceof Error ? err.message : 'Failed to render template'}`\n      );\n    } finally {\n      setPreviewing(false);\n    }\n  };\n\n  const openPreview = (t: AITemplate) => {\n    setPreviewId(t.id);\n    const vars: Record<string, string> = {};\n    if (t.variables) {\n      for (const key of Object.keys(t.variables)) {\n        vars[key] = '';\n      }\n    }\n    setPreviewVars(vars);\n    setPreviewResult(null);\n  };\n\n  // Variable form helpers\n  const addVariable = () => {\n    setFormData((prev) => ({\n      ...prev,\n      variables: { ...prev.variables, '': '' },\n    }));\n  };\n\n  const updateVariableKey = (oldKey: string, newKey: string) => {\n    const entries = Object.entries(formData.variables);\n    const updated: Record<string, unknown> = {};\n    for (const [k, v] of entries) {\n      updated[k === oldKey ? newKey : k] = v;\n    }\n    setFormData((prev) => ({ ...prev, variables: updated }));\n  };\n\n  const updateVariableValue = (key: string, value: string) => {\n    setFormData((prev) => ({\n      ...prev,\n      variables: { ...prev.variables, [key]: value },\n    }));\n  };\n\n  const removeVariable = (key: string) => {\n    const rest = { ...formData.variables };\n    delete rest[key];\n    setFormData((prev) => ({ ...prev, variables: rest }));\n  };\n\n  const toggleTemplateSelection = (templateId: string, checked: boolean) => {\n    setSelectedTemplateIds((prev) => {\n      const next = new Set(prev);\n      if (checked) {\n        next.add(templateId);\n      } else {\n        next.delete(templateId);\n      }\n      return next;\n    });\n  };\n\n  const toggleAllVisibleTemplates = (checked: boolean) => {\n    setSelectedTemplateIds((prev) => {\n      const next = new Set(prev);\n      filtered.forEach((template) => {\n        if (checked) {\n          next.add(template.id);\n        } else {\n          next.delete(template.id);\n        }\n      });\n      return next;\n    });\n  };\n\n  const clearSelection = () => setSelectedTemplateIds(new Set());\n\n  if (loading)\n    return (\n      <LoadingState message={tr('vibecontrols.ai.templates.loading', 'Loading templates...')} />\n    );\n  if (error)\n    return (\n      <ErrorState\n        title={tr('vibecontrols.ai.templates.loadFailed', 'Failed to load templates')}\n        message={error}\n        onRetry={loadTemplates}\n      />\n    );\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Toolbar */}\n      <div className=\"flex flex-col sm:flex-row items-stretch sm:items-center gap-2\">\n        <div className=\"relative flex-1 sm:max-w-xs\">\n          <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-text-secondary\" />\n          <input\n            type=\"text\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n            placeholder={tr('vibecontrols.ai.templates.searchPlaceholder', 'Search templates...')}\n            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\"\n          />\n        </div>\n        <button\n          onClick={openCreate}\n          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\"\n        >\n          <Plus className=\"w-4 h-4\" />\n          {tr('vibecontrols.ai.templates.newTemplate', 'New Template')}\n        </button>\n      </div>\n\n      {filtered.length > 0 && (\n        <div className=\"rounded-lg border border-border-default bg-bg-surface p-4\">\n          <div className=\"flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between\">\n            <div className=\"flex flex-wrap items-center gap-3\">\n              <div className=\"flex items-center gap-2\">\n                <SelectionCheckbox\n                  checked={allVisibleSelected}\n                  indeterminate={partiallySelected}\n                  onChange={toggleAllVisibleTemplates}\n                  ariaLabel=\"Select all visible templates\"\n                />\n                <span className=\"text-sm font-medium text-text-primary\">Select all visible</span>\n              </div>\n              {selectedTemplateIds.size > 0 && (\n                <button\n                  onClick={clearSelection}\n                  className=\"text-sm text-text-secondary hover:text-text-primary\"\n                >\n                  Clear selection\n                </button>\n              )}\n            </div>\n\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <span className=\"rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary\">\n                {selectedTemplateIds.size} selected\n              </span>\n              <button\n                onClick={() => setDeleteIds(selectedTemplates.map((template) => template.id))}\n                disabled={selectedTemplates.length === 0}\n                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\"\n              >\n                Delete Selected\n                {selectedTemplates.length > 0 ? ` (${selectedTemplates.length})` : ''}\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Template List */}\n      {filtered.length === 0 ? (\n        <EmptyState\n          icon={<Code className=\"w-8 h-8 text-text-secondary\" />}\n          title={\n            search\n              ? tr('vibecontrols.ai.templates.noMatch', 'No templates match your search')\n              : tr('vibecontrols.ai.templates.emptyTitle', 'No templates yet')\n          }\n          description={\n            search\n              ? tr('vibecontrols.ai.templates.adjustSearch', 'Try adjusting your search query')\n              : tr(\n                  'vibecontrols.ai.templates.emptyDescription',\n                  'Create your first prompt template to get started'\n                )\n          }\n          action={\n            !search ? (\n              <button\n                onClick={openCreate}\n                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\"\n              >\n                <Plus className=\"w-4 h-4\" />\n                New Template\n              </button>\n            ) : undefined\n          }\n        />\n      ) : (\n        <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n          {filtered.map((t) => (\n            <Card\n              key={t.id}\n              className={`p-4 ${selectedTemplateIds.has(t.id) ? 'border-action-primary-bg ring-1 ring-action-primary-bg/25' : ''}`}\n            >\n              <div className=\"flex items-start justify-between gap-2\">\n                <div className=\"flex items-start gap-3 min-w-0 flex-1\">\n                  <div onClick={(event) => event.stopPropagation()}>\n                    <SelectionCheckbox\n                      checked={selectedTemplateIds.has(t.id)}\n                      onChange={(checked) => toggleTemplateSelection(t.id, checked)}\n                      ariaLabel={`Select template ${t.name}`}\n                    />\n                  </div>\n                  <div className=\"min-w-0 flex-1\">\n                    <h4 className=\"font-semibold text-text-primary truncate\">{t.name}</h4>\n                    {t.description && (\n                      <p className=\"text-xs text-text-secondary mt-0.5 line-clamp-2\">\n                        {t.description}\n                      </p>\n                    )}\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-1 flex-shrink-0\">\n                  <button\n                    onClick={() => openPreview(t)}\n                    className=\"p-1.5 hover:bg-bg-sunken rounded-md transition-colors\"\n                    title=\"Preview\"\n                  >\n                    <Eye className=\"w-3.5 h-3.5 text-text-secondary\" />\n                  </button>\n                  <button\n                    onClick={() => openEdit(t)}\n                    className=\"p-1.5 hover:bg-bg-sunken rounded-md transition-colors\"\n                    title=\"Edit\"\n                  >\n                    <Pencil className=\"w-3.5 h-3.5 text-text-secondary\" />\n                  </button>\n                  <button\n                    onClick={() => setDeleteIds([t.id])}\n                    className=\"p-1.5 hover:bg-status-error-bg rounded-md transition-colors\"\n                    title=\"Delete\"\n                  >\n                    <Trash2 className=\"w-3.5 h-3.5 text-status-error-text\" />\n                  </button>\n                </div>\n              </div>\n              <pre className=\"mt-2 text-xs text-text-secondary bg-bg-sunken rounded p-2 max-h-24 overflow-auto whitespace-pre-wrap\">\n                {t.content}\n              </pre>\n              {t.tags && t.tags.length > 0 && (\n                <div className=\"mt-2 flex flex-wrap gap-1\">\n                  {t.tags.map((tag) => (\n                    <span\n                      key={tag}\n                      className=\"px-1.5 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded\"\n                    >\n                      {tag}\n                    </span>\n                  ))}\n                </div>\n              )}\n            </Card>\n          ))}\n        </div>\n      )}\n\n      {/* Create/Edit Dialog */}\n      {showForm && (\n        <div\n          className=\"fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4\"\n          onClick={() => setShowForm(false)}\n        >\n          <div\n            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\"\n            onClick={(e) => e.stopPropagation()}\n          >\n            <div className=\"flex items-center justify-between mb-4\">\n              <h3 className=\"text-lg font-semibold text-text-primary\">\n                {editingId\n                  ? tr('vibecontrols.ai.templates.editTemplate', 'Edit Template')\n                  : tr('vibecontrols.ai.templates.newTemplate', 'New Template')}\n              </h3>\n              <button\n                onClick={() => setShowForm(false)}\n                className=\"p-1 hover:bg-bg-sunken rounded-md\"\n              >\n                <X className=\"w-4 h-4 text-text-secondary\" />\n              </button>\n            </div>\n\n            <div className=\"space-y-4\">\n              <div>\n                <label className=\"block text-sm font-medium text-text-primary mb-1\">Name</label>\n                <input\n                  type=\"text\"\n                  value={formData.name}\n                  onChange={(e) => setFormData({ ...formData, name: e.target.value })}\n                  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\"\n                  placeholder=\"Template name\"\n                />\n              </div>\n              <div>\n                <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                  Description\n                </label>\n                <input\n                  type=\"text\"\n                  value={formData.description}\n                  onChange={(e) => setFormData({ ...formData, description: e.target.value })}\n                  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\"\n                  placeholder=\"Brief description\"\n                />\n              </div>\n              <div>\n                <label className=\"block text-sm font-medium text-text-primary mb-1\">Content</label>\n                <textarea\n                  value={formData.content}\n                  onChange={(e) => setFormData({ ...formData, content: e.target.value })}\n                  rows={6}\n                  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\"\n                  placeholder=\"Use {{variable}} for template variables\"\n                />\n              </div>\n\n              {/* Variables Editor */}\n              <div>\n                <div className=\"flex items-center justify-between mb-1\">\n                  <label className=\"text-sm font-medium text-text-primary\">Variables</label>\n                  <div className=\"flex items-center gap-1 bg-bg-sunken rounded-md p-0.5\">\n                    <button\n                      onClick={() => {\n                        setVariablesMode('form');\n                        try {\n                          setFormData((prev) => ({\n                            ...prev,\n                            variables: JSON.parse(variablesJson),\n                          }));\n                        } catch {\n                          /* ignore parse errors */\n                        }\n                      }}\n                      className={`px-2 py-1 text-xs rounded ${variablesMode === 'form' ? 'bg-bg-surface shadow-sm' : ''}`}\n                    >\n                      Form\n                    </button>\n                    <button\n                      onClick={() => {\n                        setVariablesMode('json');\n                        setVariablesJson(JSON.stringify(formData.variables, null, 2));\n                      }}\n                      className={`px-2 py-1 text-xs rounded ${variablesMode === 'json' ? 'bg-bg-surface shadow-sm' : ''}`}\n                    >\n                      JSON\n                    </button>\n                  </div>\n                </div>\n                {variablesMode === 'form' ? (\n                  <div className=\"space-y-2\">\n                    {Object.entries(formData.variables).map(([key, val], idx) => (\n                      <div key={idx} className=\"flex items-center gap-2\">\n                        <input\n                          type=\"text\"\n                          value={key}\n                          onChange={(e) => updateVariableKey(key, e.target.value)}\n                          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\"\n                          placeholder=\"Key\"\n                        />\n                        <input\n                          type=\"text\"\n                          value={String(val ?? '')}\n                          onChange={(e) => updateVariableValue(key, e.target.value)}\n                          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\"\n                          placeholder=\"Default value\"\n                        />\n                        <button\n                          onClick={() => removeVariable(key)}\n                          className=\"p-1 hover:bg-status-error-bg rounded\"\n                        >\n                          <X className=\"w-3.5 h-3.5 text-status-error-text\" />\n                        </button>\n                      </div>\n                    ))}\n                    <button\n                      onClick={addVariable}\n                      className=\"text-xs text-action-primary-bg hover:underline\"\n                    >\n                      + Add variable\n                    </button>\n                  </div>\n                ) : (\n                  <textarea\n                    value={variablesJson}\n                    onChange={(e) => setVariablesJson(e.target.value)}\n                    rows={4}\n                    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\"\n                  />\n                )}\n              </div>\n            </div>\n\n            <div className=\"flex justify-end gap-2 mt-6\">\n              <button\n                onClick={() => setShowForm(false)}\n                className=\"px-4 py-2 text-sm text-text-secondary hover:bg-bg-sunken rounded-md transition-colors\"\n              >\n                Cancel\n              </button>\n              <button\n                onClick={handleSave}\n                disabled={saving || !formData.name || !formData.content}\n                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\"\n              >\n                {saving ? 'Saving...' : editingId ? 'Update' : 'Create'}\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Preview Dialog */}\n      {previewId && (\n        <div\n          className=\"fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4\"\n          onClick={() => setPreviewId(null)}\n        >\n          <div\n            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\"\n            onClick={(e) => e.stopPropagation()}\n          >\n            <h3 className=\"text-lg font-semibold text-text-primary mb-4\">\n              {tr('vibecontrols.ai.templates.previewTemplate', 'Preview Template')}\n            </h3>\n            <div className=\"space-y-3\">\n              {Object.keys(previewVars).map((key) => (\n                <div key={key}>\n                  <label className=\"block text-xs font-medium text-text-secondary mb-1\">\n                    {key}\n                  </label>\n                  <input\n                    type=\"text\"\n                    value={previewVars[key]}\n                    onChange={(e) => setPreviewVars((prev) => ({ ...prev, [key]: e.target.value }))}\n                    className=\"w-full px-3 py-1.5 bg-bg-sunken border border-border-default rounded text-sm text-text-primary focus:outline-none focus:border-border-strong\"\n                  />\n                </div>\n              ))}\n              <button\n                onClick={handlePreview}\n                disabled={previewing}\n                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\"\n              >\n                {previewing\n                  ? tr('vibecontrols.ai.templates.rendering', 'Rendering...')\n                  : tr('vibecontrols.ai.templates.render', 'Render')}\n              </button>\n              {previewResult !== null && (\n                <pre className=\"mt-2 text-sm text-text-primary bg-bg-sunken rounded p-3 whitespace-pre-wrap max-h-48 overflow-auto\">\n                  {previewResult}\n                </pre>\n              )}\n            </div>\n            <div className=\"flex justify-end mt-4\">\n              <button\n                onClick={() => setPreviewId(null)}\n                className=\"px-4 py-2 text-sm text-text-secondary hover:bg-bg-sunken rounded-md transition-colors\"\n              >\n                Close\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Delete Confirmation */}\n      <ConfirmDialog\n        isOpen={deleteIds.length > 0}\n        title={deleteIds.length > 1 ? 'Delete Templates' : 'Delete Template'}\n        message={\n          deleteIds.length > 1\n            ? `Are you sure you want to delete ${deleteIds.length} selected templates? This action cannot be undone.`\n            : 'Are you sure you want to delete this template? This action cannot be undone.'\n        }\n        confirmLabel={deleting ? 'Deleting...' : 'Delete'}\n        variant=\"danger\"\n        onConfirm={handleDelete}\n        onClose={() => setDeleteIds([])}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClaudeCredentialsCard.d.ts","sourceRoot":"","sources":["../../../src/components/ai/ClaudeCredentialsCard.tsx"],"names":[],"mappings":"AAMA,UAAU,0BAA0B;IAClC,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,qBAAqB,CAAC,EAAE,OAAO,EAAE,EAAE,0BAA0B,2CA+H5E"}