@burdenoff/microfe-botmanor 2026.1108.1 → 2026.1109.2

package/dist/botlit/pages/PromptTemplateDetailPage.js

@@ -1,38 +1,38 @@
 import { useBotlit as e } from "../providers/BotlitProvider.js";
-import { graphqlErrorMessage as t } from "../utils/errors.js";
-import { formatRelativeTime as n } from "../utils/formatters.js";
-import { BOTMANOR_PERMISSIONS as r } from "../permissions/botmanorPermissions.js";
-import { BotmanorPermissionGate as i } from "../permissions/useBotmanorPermissions.js";
+import { isNative as t, nativeCopyText as n, nativeImpact as r, nativeNotify as i, nativeToast as ee } from "../../utils/nativeBridge.js";
 import { PageLayout as a } from "../components/PageLayout.js";
-import { Button as o } from "../components/Button.js";
-import "../permissions/index.js";
-import { Card as s, CardContent as c, CardDescription as l, CardHeader as u, CardTitle as d } from "../components/Card.js";
-import { Badge as f, StatusBadge as ee } from "../components/Badge.js";
-import { isNative as p, nativeCopyText as te, nativeImpact as ne, nativeNotify as m, nativeToast as re } from "../../utils/nativeBridge.js";
-import { EmptyState as ie } from "../components/EmptyState.js";
-import { FormField as h, Input as g, Textarea as _ } from "../components/Input.js";
-import { toUnion as v } from "../utils/unions.js";
-import { promptTemplateExamples as ae, promptTemplateVariables as oe, useCreatePromptTemplate as se, useDeletePromptTemplate as ce, usePromptTemplate as le, useRenderPromptTemplate as ue, useUpdatePromptTemplate as de } from "../hooks/usePromptTemplates.js";
+import { BOTMANOR_PERMISSIONS as o } from "../permissions/botmanorPermissions.js";
+import { BotmanorPermissionGate as s } from "../permissions/useBotmanorPermissions.js";
+import { EmptyState as te } from "../components/EmptyState.js";
+import { Card as c, CardContent as l, CardDescription as u, CardHeader as d, CardTitle as f } from "../components/Card.js";
+import { Button as p } from "../components/Button.js";
+import { FormField as m, Input as h, Textarea as g } from "../components/Input.js";
+import { Badge as _, StatusBadge as ne } from "../components/Badge.js";
 import "../hooks/index.js";
-import { useMemo as fe, useState as y } from "react";
-import { PagePurpose as pe } from "@burdenoff/fe-libs/ui";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
-import { useParams as me } from "react-router";
-import { ArrowLeft as he, Check as ge, Code as C, Copy as _e, Edit3 as ve, Eye as w, FileText as T, Play as E, Save as D, Settings as ye, Trash2 as O, Variable as k } from "lucide-react";
-import { toast as A } from "sonner";
-//#region src/botlit/pages/PromptTemplateDetailPage.tsx
-var j = [
+import { promptTemplateExamples as v, promptTemplateVariables as y, useCreatePromptTemplate as re, useDeletePromptTemplate as ie, usePromptTemplate as ae, useRenderPromptTemplate as oe, useUpdatePromptTemplate as se } from "../hooks/usePromptTemplates.js";
+import { formatRelativeTime as ce } from "../utils/formatters.js";
+import { graphqlErrorMessage as le } from "../utils/errors.js";
+import { toUnion as b } from "../utils/unions.js";
+import "../permissions/index.js";
+import { useMemo as ue, useState as x } from "react";
+import { PagePurpose as de } from "@burdenoff/fe-libs/ui";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { useParams as fe } from "react-router";
+import { ArrowLeft as pe, Check as me, Code as T, Copy as he, Edit3 as ge, Eye as E, FileText as D, Play as O, Save as k, Settings as _e, Trash2 as A, Variable as j } from "lucide-react";
+import { toast as M } from "sonner";
+// src/botlit/pages/PromptTemplateDetailPage.tsx
+var N = [
 	"string",
 	"number",
 	"boolean",
 	"array",
 	"object"
-], be = [
+], ve = [
 	"PRIVATE",
 	"WORKSPACE",
 	"PUBLIC"
-], M = ({ isNew: M }) => {
-	let { templateId: xe } = me(), { navigateTo: N } = e(), { data: P, loading: Se } = le(M ? void 0 : xe), { create: Ce, loading: we } = se(), { update: Te, loading: Ee } = de(), { remove: De, loading: Oe } = ce(), { render: ke, loading: Ae } = ue(), [F, I] = y("edit"), [L, R] = y(!1), [z, je] = y({}), [B, V] = y(null), [H, U] = y(null), [W, G] = y(!1), [Me, K] = y(!1), [q, J] = y({
+], P = ({ isNew: P }) => {
+	let { templateId: ye } = fe(), { navigateTo: F } = e(), { data: I, loading: be } = ae(P ? void 0 : ye), { create: xe, loading: Se } = re(), { update: Ce, loading: we } = se(), { remove: Te, loading: Ee } = ie(), { render: De, loading: Oe } = oe(), [L, R] = x("edit"), [z, B] = x(!1), [V, ke] = x({}), [H, U] = x(null), [W, G] = x(null), [K, q] = x(!1), [Ae, je] = x(!1), [J, Y] = x({
 		name: "",
 		slug: "",
 		description: "",
@@ -40,192 +40,194 @@ var j = [
 		templateText: "",
 		variables: [],
 		exampleInputs: [{}]
-	}), Y = fe(() => {
-		let e = M ? q.templateText : P?.templateText || "", t = /\{\{(\w+)\}\}/g, n = /* @__PURE__ */ new Set(), r;
+	}), X = ue(() => {
+		let e = P ? J.templateText : I?.templateText || "", t = /\{\{(\w+)\}\}/g, n = /* @__PURE__ */ new Set(), r;
 		for (; (r = t.exec(e)) !== null;) n.add(r[1]);
 		return Array.from(n);
 	}, [
-		M,
-		q.templateText,
-		P?.templateText
-	]), Ne = async () => {
-		if (!(!q.name || !q.slug)) {
+		P,
+		J.templateText,
+		I?.templateText
+	]), Me = async () => {
+		if (J.name && J.slug) {
 			try {
-				await Ce({
-					name: q.name,
-					slug: q.slug,
-					description: q.description,
-					visibility: q.visibility,
-					templateText: q.templateText,
-					variables: q.variables,
-					exampleInputs: q.exampleInputs
+				await xe({
+					name: J.name,
+					slug: J.slug,
+					description: J.description,
+					visibility: J.visibility,
+					templateText: J.templateText,
+					variables: J.variables,
+					exampleInputs: J.exampleInputs
 				});
 			} catch (e) {
-				A.error(e instanceof Error ? e.message : "Failed to create prompt template");
+				M.error(e instanceof Error ? e.message : "Failed to create prompt template");
 				return;
 			}
-			A.success(`Template "${q.name}" created`), N("prompt-templates");
+			M.success(`Template "${J.name}" created`), F("prompt-templates");
 		}
-	}, Pe = () => {
-		J({
-			...q,
-			variables: [...q.variables, {
+	}, Ne = () => {
+		Y({
+			...J,
+			variables: [...J.variables, {
 				name: "",
 				type: "string",
 				required: !0,
 				defaultValue: void 0
 			}]
 		});
-	}, X = (e, t) => {
-		let n = [...q.variables];
+	}, Z = (e, t) => {
+		let n = [...J.variables];
 		n[e] = {
 			...n[e],
 			...t
-		}, J({
-			...q,
+		}, Y({
+			...J,
 			variables: n
 		});
-	}, Fe = (e) => {
-		J({
-			...q,
-			variables: q.variables.filter((t, n) => n !== e)
+	}, Pe = (e) => {
+		Y({
+			...J,
+			variables: J.variables.filter((t, n) => n !== e)
 		});
-	}, Ie = async () => {
-		if (P) {
-			U(null);
+	}, Fe = async () => {
+		if (I) {
+			G(null);
 			try {
-				V(await ke({
-					templateId: P.id,
-					variables: z
-				}));
+				let e = await De({
+					templateId: I.id,
+					variables: V
+				});
+				U(e);
 			} catch (e) {
-				let n = t(e, "Failed to render prompt template");
-				V(null), U(n), A.error(n);
+				let t = le(e, "Failed to render prompt template");
+				U(null), G(t), M.error(t);
 			}
 		}
-	}, Le = async () => {
-		await te(P?.templateText || q.templateText), R(!0), p() && re("Copied"), setTimeout(() => R(!1), 2e3);
-	}, Re = () => {
-		P && (J({
-			name: P.name,
-			slug: P.slug,
-			description: P.description || "",
-			visibility: v(P.visibility, be, "PRIVATE"),
-			templateText: P.templateText,
-			variables: oe(P),
-			exampleInputs: ae(P)
-		}), G(!0));
-	}, ze = async () => {
-		if (!(!P || !q.name || !q.slug)) {
+	}, Ie = async () => {
+		let e = I?.templateText || J.templateText;
+		await n(e), B(!0), t() && ee("Copied"), setTimeout(() => B(!1), 2e3);
+	}, Le = () => {
+		I && (Y({
+			name: I.name,
+			slug: I.slug,
+			description: I.description || "",
+			visibility: b(I.visibility, ve, "PRIVATE"),
+			templateText: I.templateText,
+			variables: y(I),
+			exampleInputs: v(I)
+		}), q(!0));
+	}, Re = async () => {
+		if (I && J.name && J.slug) {
 			try {
-				await Te({
-					templateId: P.id,
+				await Ce({
+					templateId: I.id,
 					input: {
-						name: q.name,
-						slug: q.slug,
-						description: q.description,
-						visibility: q.visibility,
-						templateText: q.templateText,
-						variables: q.variables,
-						exampleInputs: q.exampleInputs
+						name: J.name,
+						slug: J.slug,
+						description: J.description,
+						visibility: J.visibility,
+						templateText: J.templateText,
+						variables: J.variables,
+						exampleInputs: J.exampleInputs
 					}
 				});
 			} catch (e) {
-				A.error(e instanceof Error ? e.message : "Failed to update prompt template");
+				M.error(e instanceof Error ? e.message : "Failed to update prompt template");
 				return;
 			}
-			A.success("Template updated"), G(!1);
+			M.success("Template updated"), q(!1);
 		}
-	}, Be = async () => {
-		if (P) try {
-			await De(P.id), p() && m("success"), N("prompt-templates");
+	}, ze = async () => {
+		if (I) try {
+			await Te(I.id), t() && i("success"), F("prompt-templates");
 		} catch (e) {
-			throw p() && m("error"), e;
+			throw t() && i("error"), e;
 		}
-	}, Z = (e) => e.replace(/\{\{(\w+)\}\}/g, "<span class=\"bg-action-primary-bg/20 text-primary px-1 rounded font-mono\">{{$1}}</span>");
-	if (M) return /* @__PURE__ */ x(a, {
+	}, Be = (e) => e.replace(/\{\{(\w+)\}\}/g, "<span class=\"bg-action-primary-bg/20 text-primary px-1 rounded font-mono\">{{$1}}</span>");
+	if (P) return /* @__PURE__ */ C(a, {
 		title: "Create Prompt Template",
 		description: "Define a reusable prompt template with variables",
-		actions: /* @__PURE__ */ S("div", {
+		actions: /* @__PURE__ */ w("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ x(o, {
+			children: [/* @__PURE__ */ C(p, {
 				variant: "outline",
-				onClick: () => N("prompt-templates"),
+				onClick: () => F("prompt-templates"),
 				children: "Cancel"
-			}), /* @__PURE__ */ x(o, {
-				leftIcon: /* @__PURE__ */ x(D, { size: 16 }),
-				onClick: Ne,
-				isLoading: we,
-				disabled: !q.name || !q.slug,
+			}), /* @__PURE__ */ C(p, {
+				leftIcon: /* @__PURE__ */ C(k, { size: 16 }),
+				onClick: Me,
+				isLoading: Se,
+				disabled: !J.name || !J.slug,
 				children: "Create Template"
 			})]
 		}),
-		children: /* @__PURE__ */ S("div", {
+		children: /* @__PURE__ */ w("div", {
 			className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-			children: [/* @__PURE__ */ S("div", {
+			children: [/* @__PURE__ */ w("div", {
 				className: "lg:col-span-2 space-y-6",
 				children: [
-					/* @__PURE__ */ S(s, { children: [/* @__PURE__ */ x(u, { children: /* @__PURE__ */ x(d, { children: "Basic Information" }) }), /* @__PURE__ */ S(c, {
+					/* @__PURE__ */ w(c, { children: [/* @__PURE__ */ C(d, { children: /* @__PURE__ */ C(f, { children: "Basic Information" }) }), /* @__PURE__ */ w(l, {
 						className: "space-y-4",
 						children: [
-							/* @__PURE__ */ S("div", {
+							/* @__PURE__ */ w("div", {
 								className: "grid grid-cols-2 gap-4",
-								children: [/* @__PURE__ */ x(h, {
+								children: [/* @__PURE__ */ C(m, {
 									label: "Template Name",
 									required: !0,
-									children: /* @__PURE__ */ x(g, {
+									children: /* @__PURE__ */ C(h, {
 										placeholder: "e.g., Technical Support Template",
-										value: q.name,
-										onChange: (e) => J({
-											...q,
+										value: J.name,
+										onChange: (e) => Y({
+											...J,
 											name: e.target.value
 										})
 									})
-								}), /* @__PURE__ */ x(h, {
+								}), /* @__PURE__ */ C(m, {
 									label: "Slug",
 									required: !0,
 									description: "Unique identifier (lowercase, dashes)",
-									children: /* @__PURE__ */ x(g, {
+									children: /* @__PURE__ */ C(h, {
 										placeholder: "e.g., technical-support",
-										value: q.slug,
-										onChange: (e) => J({
-											...q,
+										value: J.slug,
+										onChange: (e) => Y({
+											...J,
 											slug: e.target.value.toLowerCase().replace(/[^a-z0-9-]/g, "-")
 										})
 									})
 								})]
 							}),
-							/* @__PURE__ */ x(h, {
+							/* @__PURE__ */ C(m, {
 								label: "Description",
-								children: /* @__PURE__ */ x(_, {
+								children: /* @__PURE__ */ C(g, {
 									placeholder: "What is this template used for?",
-									value: q.description,
-									onChange: (e) => J({
-										...q,
+									value: J.description,
+									onChange: (e) => Y({
+										...J,
 										description: e.target.value
 									}),
 									rows: 2
 								})
 							}),
-							/* @__PURE__ */ x(h, {
+							/* @__PURE__ */ C(m, {
 								label: "Visibility",
-								children: /* @__PURE__ */ S("select", {
+								children: /* @__PURE__ */ w("select", {
 									className: "flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm",
-									value: q.visibility,
-									onChange: (e) => J({
-										...q,
+									value: J.visibility,
+									onChange: (e) => Y({
+										...J,
 										visibility: e.target.value
 									}),
 									children: [
-										/* @__PURE__ */ x("option", {
+										/* @__PURE__ */ C("option", {
 											value: "PRIVATE",
 											children: "Private"
 										}),
-										/* @__PURE__ */ x("option", {
+										/* @__PURE__ */ C("option", {
 											value: "WORKSPACE",
 											children: "Workspace"
 										}),
-										/* @__PURE__ */ x("option", {
+										/* @__PURE__ */ C("option", {
 											value: "PUBLIC",
 											children: "Public"
 										})
@@ -234,116 +236,116 @@ var j = [
 							})
 						]
 					})] }),
-					/* @__PURE__ */ S(s, { children: [/* @__PURE__ */ S(u, { children: [/* @__PURE__ */ S(d, {
+					/* @__PURE__ */ w(c, { children: [/* @__PURE__ */ w(d, { children: [/* @__PURE__ */ w(f, {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ x(C, { size: 18 }), "Template Content"]
-					}), /* @__PURE__ */ S(l, { children: [
+						children: [/* @__PURE__ */ C(T, { size: 18 }), "Template Content"]
+					}), /* @__PURE__ */ w(u, { children: [
 						"Use ",
 						"{{variable_name}}",
 						" syntax for variables"
-					] })] }), /* @__PURE__ */ S(c, { children: [/* @__PURE__ */ x(_, {
+					] })] }), /* @__PURE__ */ w(l, { children: [/* @__PURE__ */ C(g, {
 						className: "font-mono text-sm min-h-[300px]",
 						placeholder: "You are a helpful assistant for {{company_name}}.\n\nYour role is to help users with {{task_type}}.\n\nGuidelines:\n- Be helpful and friendly\n- Provide accurate information\n- Reference: {{docs_url}}",
-						value: q.templateText,
-						onChange: (e) => J({
-							...q,
+						value: J.templateText,
+						onChange: (e) => Y({
+							...J,
 							templateText: e.target.value
 						})
-					}), Y.length > 0 && /* @__PURE__ */ S("div", {
+					}), X.length > 0 && /* @__PURE__ */ w("div", {
 						className: "mt-3 flex items-center gap-2",
-						children: [/* @__PURE__ */ x("span", {
+						children: [/* @__PURE__ */ C("span", {
 							className: "text-sm text-text-secondary",
 							children: "Detected variables:"
-						}), Y.map((e) => /* @__PURE__ */ x(f, {
+						}), X.map((e) => /* @__PURE__ */ C(_, {
 							variant: "secondary",
 							className: "font-mono",
 							children: e
 						}, e))]
 					})] })] }),
-					/* @__PURE__ */ S(s, { children: [/* @__PURE__ */ S(u, { children: [/* @__PURE__ */ S(d, {
+					/* @__PURE__ */ w(c, { children: [/* @__PURE__ */ w(d, { children: [/* @__PURE__ */ w(f, {
 						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ S("span", {
+						children: [/* @__PURE__ */ w("span", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ x(k, { size: 18 }), "Variables"]
-						}), /* @__PURE__ */ x(o, {
+							children: [/* @__PURE__ */ C(j, { size: 18 }), "Variables"]
+						}), /* @__PURE__ */ C(p, {
 							variant: "outline",
 							size: "sm",
-							onClick: Pe,
+							onClick: Ne,
 							children: "Add Variable"
 						})]
-					}), /* @__PURE__ */ x(l, { children: "Define the variables used in your template" })] }), /* @__PURE__ */ x(c, { children: q.variables.length > 0 ? /* @__PURE__ */ x("div", {
+					}), /* @__PURE__ */ C(u, { children: "Define the variables used in your template" })] }), /* @__PURE__ */ C(l, { children: J.variables.length > 0 ? /* @__PURE__ */ C("div", {
 						className: "space-y-4",
-						children: q.variables.map((e, t) => /* @__PURE__ */ S("div", {
+						children: J.variables.map((e, t) => /* @__PURE__ */ w("div", {
 							className: "p-4 border rounded-lg bg-bg-sunken/30 space-y-3",
-							children: [/* @__PURE__ */ S("div", {
+							children: [/* @__PURE__ */ w("div", {
 								className: "grid grid-cols-4 gap-3",
 								children: [
-									/* @__PURE__ */ x(h, {
+									/* @__PURE__ */ C(m, {
 										label: "Name",
-										children: /* @__PURE__ */ x(g, {
+										children: /* @__PURE__ */ C(h, {
 											className: "font-mono",
 											placeholder: "variable_name",
 											value: e.name,
-											onChange: (e) => X(t, { name: e.target.value })
+											onChange: (e) => Z(t, { name: e.target.value })
 										})
 									}),
-									/* @__PURE__ */ x(h, {
+									/* @__PURE__ */ C(m, {
 										label: "Type",
-										children: /* @__PURE__ */ x("select", {
+										children: /* @__PURE__ */ C("select", {
 											className: "flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm",
 											value: e.type,
-											onChange: (e) => X(t, { type: v(e.target.value, j, "string") }),
-											children: j.map((e) => /* @__PURE__ */ x("option", {
+											onChange: (e) => Z(t, { type: b(e.target.value, N, "string") }),
+											children: N.map((e) => /* @__PURE__ */ C("option", {
 												value: e,
 												children: e
 											}, e))
 										})
 									}),
-									/* @__PURE__ */ x(h, {
+									/* @__PURE__ */ C(m, {
 										label: "Default Value",
-										children: /* @__PURE__ */ x(g, {
+										children: /* @__PURE__ */ C(h, {
 											placeholder: "Optional",
 											value: String(e.defaultValue || ""),
-											onChange: (e) => X(t, { defaultValue: e.target.value || void 0 })
+											onChange: (e) => Z(t, { defaultValue: e.target.value || void 0 })
 										})
 									}),
-									/* @__PURE__ */ S("div", {
+									/* @__PURE__ */ w("div", {
 										className: "flex items-end gap-2",
-										children: [/* @__PURE__ */ S("label", {
+										children: [/* @__PURE__ */ w("label", {
 											className: "flex items-center gap-2 h-10",
-											children: [/* @__PURE__ */ x("input", {
+											children: [/* @__PURE__ */ C("input", {
 												type: "checkbox",
 												checked: e.required,
-												onChange: (e) => X(t, { required: e.target.checked }),
+												onChange: (e) => Z(t, { required: e.target.checked }),
 												className: "h-4 w-4"
-											}), /* @__PURE__ */ x("span", {
+											}), /* @__PURE__ */ C("span", {
 												className: "text-sm",
 												children: "Required"
 											})]
-										}), /* @__PURE__ */ x(o, {
+										}), /* @__PURE__ */ C(p, {
 											variant: "ghost",
 											size: "sm",
 											className: "text-status-error-text",
-											onClick: () => Fe(t),
+											onClick: () => Pe(t),
 											children: "Remove"
 										})]
 									})
 								]
-							}), /* @__PURE__ */ x(h, {
+							}), /* @__PURE__ */ C(m, {
 								label: "Description",
-								children: /* @__PURE__ */ x(g, {
+								children: /* @__PURE__ */ C(h, {
 									placeholder: "What is this variable for?",
 									value: e.description || "",
-									onChange: (e) => X(t, { description: e.target.value })
+									onChange: (e) => Z(t, { description: e.target.value })
 								})
 							})]
 						}, t))
-					}) : /* @__PURE__ */ S("div", {
+					}) : /* @__PURE__ */ w("div", {
 						className: "text-center py-8 text-text-secondary",
 						children: [
-							/* @__PURE__ */ x(k, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
-							/* @__PURE__ */ x("p", { children: "No variables defined yet" }),
-							/* @__PURE__ */ S("p", {
+							/* @__PURE__ */ C(j, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
+							/* @__PURE__ */ C("p", { children: "No variables defined yet" }),
+							/* @__PURE__ */ w("p", {
 								className: "text-sm",
 								children: [
 									"Variables are automatically detected from ",
@@ -354,31 +356,31 @@ var j = [
 						]
 					}) })] })
 				]
-			}), /* @__PURE__ */ S("div", {
+			}), /* @__PURE__ */ w("div", {
 				className: "space-y-6",
-				children: [/* @__PURE__ */ S(s, { children: [/* @__PURE__ */ x(u, { children: /* @__PURE__ */ S(d, {
+				children: [/* @__PURE__ */ w(c, { children: [/* @__PURE__ */ C(d, { children: /* @__PURE__ */ w(f, {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ x(w, { size: 18 }), "Preview"]
-				}) }), /* @__PURE__ */ x(c, { children: /* @__PURE__ */ x("div", {
+					children: [/* @__PURE__ */ C(E, { size: 18 }), "Preview"]
+				}) }), /* @__PURE__ */ C(l, { children: /* @__PURE__ */ C("div", {
 					className: "p-4 bg-bg-sunken rounded-lg text-sm whitespace-pre-wrap font-mono",
-					dangerouslySetInnerHTML: { __html: Z(q.templateText || "Enter template text...") }
-				}) })] }), /* @__PURE__ */ S(s, { children: [/* @__PURE__ */ x(u, { children: /* @__PURE__ */ x(d, { children: "Quick Tips" }) }), /* @__PURE__ */ S(c, {
+					dangerouslySetInnerHTML: { __html: Be(J.templateText || "Enter template text...") }
+				}) })] }), /* @__PURE__ */ w(c, { children: [/* @__PURE__ */ C(d, { children: /* @__PURE__ */ C(f, { children: "Quick Tips" }) }), /* @__PURE__ */ w(l, {
 					className: "text-sm space-y-2",
 					children: [
-						/* @__PURE__ */ S("p", { children: [
-							/* @__PURE__ */ x("strong", { children: "Variables:" }),
+						/* @__PURE__ */ w("p", { children: [
+							/* @__PURE__ */ C("strong", { children: "Variables:" }),
 							" Use ",
 							"{{name}}",
 							" syntax"
 						] }),
-						/* @__PURE__ */ x("p", { children: /* @__PURE__ */ x("strong", { children: "Best Practices:" }) }),
-						/* @__PURE__ */ S("ul", {
+						/* @__PURE__ */ C("p", { children: /* @__PURE__ */ C("strong", { children: "Best Practices:" }) }),
+						/* @__PURE__ */ w("ul", {
 							className: "list-disc list-inside text-text-secondary space-y-1",
 							children: [
-								/* @__PURE__ */ x("li", { children: "Use descriptive variable names" }),
-								/* @__PURE__ */ x("li", { children: "Provide default values when possible" }),
-								/* @__PURE__ */ x("li", { children: "Include example inputs for testing" }),
-								/* @__PURE__ */ x("li", { children: "Version your templates for changes" })
+								/* @__PURE__ */ C("li", { children: "Use descriptive variable names" }),
+								/* @__PURE__ */ C("li", { children: "Provide default values when possible" }),
+								/* @__PURE__ */ C("li", { children: "Include example inputs for testing" }),
+								/* @__PURE__ */ C("li", { children: "Version your templates for changes" })
 							]
 						})
 					]
@@ -386,202 +388,202 @@ var j = [
 			})]
 		})
 	});
-	if (Se) return /* @__PURE__ */ x(a, {
+	if (be) return /* @__PURE__ */ C(a, {
 		title: "Loading...",
-		children: /* @__PURE__ */ x("div", { className: "h-96 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" })
+		children: /* @__PURE__ */ C("div", { className: "h-96 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" })
 	});
-	if (!P) return /* @__PURE__ */ x(a, {
+	if (!I) return /* @__PURE__ */ C(a, {
 		title: "Template Not Found",
-		children: /* @__PURE__ */ x(ie, {
+		children: /* @__PURE__ */ C(te, {
 			illustration: "empty-files",
 			title: "Template Not Found",
 			description: "This prompt template doesn't exist.",
-			action: /* @__PURE__ */ x(o, {
-				onClick: () => N("prompt-templates"),
+			action: /* @__PURE__ */ C(p, {
+				onClick: () => F("prompt-templates"),
 				children: "Back to Templates"
 			})
 		})
 	});
-	let Q = oe(P), $ = ae(P);
-	return /* @__PURE__ */ x(a, {
-		title: /* @__PURE__ */ S("div", {
+	let Q = y(I), $ = v(I);
+	return /* @__PURE__ */ C(a, {
+		title: /* @__PURE__ */ w("div", {
 			className: "flex items-center gap-3",
 			children: [
-				/* @__PURE__ */ x(o, {
+				/* @__PURE__ */ C(p, {
 					variant: "ghost",
 					size: "icon",
-					onClick: () => N("prompt-templates"),
-					children: /* @__PURE__ */ x(he, { size: 20 })
+					onClick: () => F("prompt-templates"),
+					children: /* @__PURE__ */ C(pe, { size: 20 })
 				}),
-				/* @__PURE__ */ x("div", {
+				/* @__PURE__ */ C("div", {
 					className: "p-2 rounded-lg bg-action-primary-bg/10",
-					children: /* @__PURE__ */ x(T, { className: "h-6 w-6 text-primary" })
+					children: /* @__PURE__ */ C(D, { className: "h-6 w-6 text-primary" })
 				}),
-				/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("div", {
+				/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ x("span", { children: P.name }),
-						/* @__PURE__ */ x(ee, { status: P.status }),
-						/* @__PURE__ */ S(f, {
+						/* @__PURE__ */ C("span", { children: I.name }),
+						/* @__PURE__ */ C(ne, { status: I.status }),
+						/* @__PURE__ */ w(_, {
 							variant: "secondary",
 							className: "font-mono",
-							children: ["v", P.version]
+							children: ["v", I.version]
 						})
 					]
-				}), /* @__PURE__ */ S("p", {
+				}), /* @__PURE__ */ w("p", {
 					className: "text-sm font-normal text-text-secondary",
 					children: [
-						P.slug,
+						I.slug,
 						" - ",
-						P.description
+						I.description
 					]
 				})] })
 			]
 		}),
-		actions: /* @__PURE__ */ S("div", {
+		actions: /* @__PURE__ */ w("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ x(o, {
+			children: [/* @__PURE__ */ C(p, {
 				variant: "outline",
-				leftIcon: x(L ? ge : _e, { size: 16 }),
-				onClick: Le,
-				children: L ? "Copied!" : "Copy"
-			}), W ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(o, {
+				leftIcon: C(z ? me : he, { size: 16 }),
+				onClick: Ie,
+				children: z ? "Copied!" : "Copy"
+			}), K ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(p, {
 				variant: "outline",
-				onClick: () => G(!1),
+				onClick: () => q(!1),
 				children: "Cancel"
-			}), /* @__PURE__ */ x(o, {
-				leftIcon: /* @__PURE__ */ x(D, { size: 16 }),
-				onClick: ze,
-				isLoading: Ee,
-				disabled: !q.name || !q.slug,
+			}), /* @__PURE__ */ C(p, {
+				leftIcon: /* @__PURE__ */ C(k, { size: 16 }),
+				onClick: Re,
+				isLoading: we,
+				disabled: !J.name || !J.slug,
 				children: "Save Changes"
-			})] }) : Me ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(o, {
+			})] }) : Ae ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(p, {
 				variant: "outline",
-				onClick: () => K(!1),
+				onClick: () => je(!1),
 				children: "Cancel"
-			}), /* @__PURE__ */ x(o, {
+			}), /* @__PURE__ */ C(p, {
 				variant: "destructive",
-				leftIcon: /* @__PURE__ */ x(O, { size: 16 }),
+				leftIcon: /* @__PURE__ */ C(A, { size: 16 }),
 				onClick: () => {
-					ne("medium"), Be();
+					r("medium"), ze();
 				},
-				isLoading: Oe,
+				isLoading: Ee,
 				children: "Confirm Delete"
-			})] }) : /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(i, {
-				permission: r.PROMPT_TEMPLATE_UPDATE,
-				children: /* @__PURE__ */ x(o, {
+			})] }) : /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(s, {
+				permission: o.PROMPT_TEMPLATE_UPDATE,
+				children: /* @__PURE__ */ C(p, {
 					variant: "outline",
-					leftIcon: /* @__PURE__ */ x(ve, { size: 16 }),
-					onClick: Re,
+					leftIcon: /* @__PURE__ */ C(ge, { size: 16 }),
+					onClick: Le,
 					children: "Edit Template"
 				})
-			}), /* @__PURE__ */ x(i, {
-				permission: r.PROMPT_TEMPLATE_DELETE,
-				children: /* @__PURE__ */ x(o, {
+			}), /* @__PURE__ */ C(s, {
+				permission: o.PROMPT_TEMPLATE_DELETE,
+				children: /* @__PURE__ */ C(p, {
 					variant: "outline",
-					leftIcon: /* @__PURE__ */ x(O, { size: 16 }),
-					onClick: () => K(!0),
+					leftIcon: /* @__PURE__ */ C(A, { size: 16 }),
+					onClick: () => je(!0),
 					children: "Delete"
 				})
 			})] })]
 		}),
-		children: /* @__PURE__ */ S("div", {
+		children: /* @__PURE__ */ w("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ S(pe, {
-					icon: /* @__PURE__ */ x(T, { size: 18 }),
+				/* @__PURE__ */ w(de, {
+					icon: /* @__PURE__ */ C(D, { size: 18 }),
 					children: [
 						"This is a single reusable prompt template — its content with",
 						" ",
-						/* @__PURE__ */ x("code", { children: "{{variables}}" }),
+						/* @__PURE__ */ C("code", { children: "{{variables}}" }),
 						", its declared variables and example inputs, and its version history. Edit and preview it here to perfect the instructions, then reuse it across agents so they share consistent, version-controlled behaviour."
 					]
 				}),
-				W && /* @__PURE__ */ S(s, { children: [/* @__PURE__ */ S(u, { children: [/* @__PURE__ */ x(d, { children: "Edit Template" }), /* @__PURE__ */ x(l, { children: "Update template details and content" })] }), /* @__PURE__ */ S(c, {
+				K && /* @__PURE__ */ w(c, { children: [/* @__PURE__ */ w(d, { children: [/* @__PURE__ */ C(f, { children: "Edit Template" }), /* @__PURE__ */ C(u, { children: "Update template details and content" })] }), /* @__PURE__ */ w(l, {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ S("div", {
+						/* @__PURE__ */ w("div", {
 							className: "grid grid-cols-2 gap-4",
-							children: [/* @__PURE__ */ x(h, {
+							children: [/* @__PURE__ */ C(m, {
 								label: "Template Name",
 								required: !0,
-								children: /* @__PURE__ */ x(g, {
+								children: /* @__PURE__ */ C(h, {
 									placeholder: "e.g., Technical Support Template",
-									value: q.name,
-									onChange: (e) => J({
-										...q,
+									value: J.name,
+									onChange: (e) => Y({
+										...J,
 										name: e.target.value
 									})
 								})
-							}), /* @__PURE__ */ x(h, {
+							}), /* @__PURE__ */ C(m, {
 								label: "Slug",
 								required: !0,
 								description: "Unique identifier (lowercase, dashes)",
-								children: /* @__PURE__ */ x(g, {
+								children: /* @__PURE__ */ C(h, {
 									placeholder: "e.g., technical-support",
-									value: q.slug,
-									onChange: (e) => J({
-										...q,
+									value: J.slug,
+									onChange: (e) => Y({
+										...J,
 										slug: e.target.value.toLowerCase().replace(/[^a-z0-9-]/g, "-")
 									})
 								})
 							})]
 						}),
-						/* @__PURE__ */ x(h, {
+						/* @__PURE__ */ C(m, {
 							label: "Description",
-							children: /* @__PURE__ */ x(_, {
+							children: /* @__PURE__ */ C(g, {
 								placeholder: "What is this template used for?",
-								value: q.description,
-								onChange: (e) => J({
-									...q,
+								value: J.description,
+								onChange: (e) => Y({
+									...J,
 									description: e.target.value
 								}),
 								rows: 2
 							})
 						}),
-						/* @__PURE__ */ x(h, {
+						/* @__PURE__ */ C(m, {
 							label: "Visibility",
-							children: /* @__PURE__ */ S("select", {
+							children: /* @__PURE__ */ w("select", {
 								className: "flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm",
-								value: q.visibility,
-								onChange: (e) => J({
-									...q,
+								value: J.visibility,
+								onChange: (e) => Y({
+									...J,
 									visibility: e.target.value
 								}),
 								children: [
-									/* @__PURE__ */ x("option", {
+									/* @__PURE__ */ C("option", {
 										value: "PRIVATE",
 										children: "Private"
 									}),
-									/* @__PURE__ */ x("option", {
+									/* @__PURE__ */ C("option", {
 										value: "WORKSPACE",
 										children: "Workspace"
 									}),
-									/* @__PURE__ */ x("option", {
+									/* @__PURE__ */ C("option", {
 										value: "PUBLIC",
 										children: "Public"
 									})
 								]
 							})
 						}),
-						/* @__PURE__ */ x(h, {
+						/* @__PURE__ */ C(m, {
 							label: "Template Content",
 							description: "Use {{variable_name}} syntax for variables",
-							children: /* @__PURE__ */ x(_, {
+							children: /* @__PURE__ */ C(g, {
 								className: "font-mono text-sm min-h-[200px]",
-								value: q.templateText,
-								onChange: (e) => J({
-									...q,
+								value: J.templateText,
+								onChange: (e) => Y({
+									...J,
 									templateText: e.target.value
 								})
 							})
 						}),
-						Y.length > 0 && /* @__PURE__ */ S("div", {
+						X.length > 0 && /* @__PURE__ */ w("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ x("span", {
+							children: [/* @__PURE__ */ C("span", {
 								className: "text-sm text-text-secondary",
 								children: "Detected variables:"
-							}), Y.map((e) => /* @__PURE__ */ x(f, {
+							}), X.map((e) => /* @__PURE__ */ C(_, {
 								variant: "secondary",
 								className: "font-mono",
 								children: e
@@ -589,124 +591,124 @@ var j = [
 						})
 					]
 				})] }),
-				/* @__PURE__ */ S("div", {
+				/* @__PURE__ */ w("div", {
 					className: "grid grid-cols-2 md:grid-cols-4 gap-4",
 					children: [
-						/* @__PURE__ */ x(s, {
+						/* @__PURE__ */ C(c, {
 							treatment: "glass",
 							glow: !0,
-							children: /* @__PURE__ */ S(c, {
+							children: /* @__PURE__ */ w(l, {
 								className: "pt-6 text-center",
-								children: [/* @__PURE__ */ x("p", {
+								children: [/* @__PURE__ */ C("p", {
 									className: "text-3xl font-bold text-text-primary",
 									children: Q.length
-								}), /* @__PURE__ */ x("p", {
+								}), /* @__PURE__ */ C("p", {
 									className: "text-sm text-text-secondary",
 									children: "Variables"
 								})]
 							})
 						}),
-						/* @__PURE__ */ x(s, { children: /* @__PURE__ */ S(c, {
+						/* @__PURE__ */ C(c, { children: /* @__PURE__ */ w(l, {
 							className: "pt-6 text-center",
-							children: [/* @__PURE__ */ x("p", {
+							children: [/* @__PURE__ */ C("p", {
 								className: "text-3xl font-bold text-text-primary",
 								children: $.length
-							}), /* @__PURE__ */ x("p", {
+							}), /* @__PURE__ */ C("p", {
 								className: "text-sm text-text-secondary",
 								children: "Examples"
 							})]
 						}) }),
-						/* @__PURE__ */ x(s, { children: /* @__PURE__ */ S(c, {
+						/* @__PURE__ */ C(c, { children: /* @__PURE__ */ w(l, {
 							className: "pt-6 text-center",
-							children: [/* @__PURE__ */ x("p", {
+							children: [/* @__PURE__ */ C("p", {
 								className: "text-3xl font-bold text-text-primary",
-								children: P.revision
-							}), /* @__PURE__ */ x("p", {
+								children: I.revision
+							}), /* @__PURE__ */ C("p", {
 								className: "text-sm text-text-secondary",
 								children: "Revision"
 							})]
 						}) }),
-						/* @__PURE__ */ x(s, { children: /* @__PURE__ */ S(c, {
+						/* @__PURE__ */ C(c, { children: /* @__PURE__ */ w(l, {
 							className: "pt-6 text-center",
-							children: [/* @__PURE__ */ x("p", {
+							children: [/* @__PURE__ */ C("p", {
 								className: "text-lg font-bold text-text-primary capitalize",
-								children: P.visibility.toLowerCase()
-							}), /* @__PURE__ */ x("p", {
+								children: I.visibility.toLowerCase()
+							}), /* @__PURE__ */ C("p", {
 								className: "text-sm text-text-secondary",
 								children: "Visibility"
 							})]
 						}) })
 					]
 				}),
-				/* @__PURE__ */ S("div", {
+				/* @__PURE__ */ w("div", {
 					className: "flex gap-2 border-b",
 					children: [
-						/* @__PURE__ */ S(o, {
-							variant: F === "edit" ? "default" : "ghost",
-							onClick: () => I("edit"),
-							children: [/* @__PURE__ */ x(C, { className: "h-4 w-4 mr-2" }), "Template"]
+						/* @__PURE__ */ w(p, {
+							variant: L === "edit" ? "default" : "ghost",
+							onClick: () => R("edit"),
+							children: [/* @__PURE__ */ C(T, { className: "h-4 w-4 mr-2" }), "Template"]
 						}),
-						/* @__PURE__ */ S(o, {
-							variant: F === "preview" ? "default" : "ghost",
-							onClick: () => I("preview"),
-							children: [/* @__PURE__ */ x(w, { className: "h-4 w-4 mr-2" }), "Preview"]
+						/* @__PURE__ */ w(p, {
+							variant: L === "preview" ? "default" : "ghost",
+							onClick: () => R("preview"),
+							children: [/* @__PURE__ */ C(E, { className: "h-4 w-4 mr-2" }), "Preview"]
 						}),
-						/* @__PURE__ */ S(o, {
-							variant: F === "test" ? "default" : "ghost",
-							onClick: () => I("test"),
-							children: [/* @__PURE__ */ x(E, { className: "h-4 w-4 mr-2" }), "Test"]
+						/* @__PURE__ */ w(p, {
+							variant: L === "test" ? "default" : "ghost",
+							onClick: () => R("test"),
+							children: [/* @__PURE__ */ C(O, { className: "h-4 w-4 mr-2" }), "Test"]
 						})
 					]
 				}),
-				F === "edit" && /* @__PURE__ */ S("div", {
+				L === "edit" && /* @__PURE__ */ w("div", {
 					className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-					children: [/* @__PURE__ */ x("div", {
+					children: [/* @__PURE__ */ C("div", {
 						className: "lg:col-span-2",
-						children: /* @__PURE__ */ S(s, { children: [/* @__PURE__ */ x(u, { children: /* @__PURE__ */ x(d, { children: "Template Content" }) }), /* @__PURE__ */ x(c, { children: /* @__PURE__ */ x("div", {
+						children: /* @__PURE__ */ w(c, { children: [/* @__PURE__ */ C(d, { children: /* @__PURE__ */ C(f, { children: "Template Content" }) }), /* @__PURE__ */ C(l, { children: /* @__PURE__ */ C("div", {
 							className: "p-4 bg-bg-sunken rounded-lg font-mono text-sm whitespace-pre-wrap",
-							children: /* @__PURE__ */ x("div", { dangerouslySetInnerHTML: { __html: Z(P.templateText) } })
+							children: /* @__PURE__ */ C("div", { dangerouslySetInnerHTML: { __html: Be(I.templateText) } })
 						}) })] })
-					}), /* @__PURE__ */ x("div", { children: /* @__PURE__ */ S(s, { children: [/* @__PURE__ */ x(u, { children: /* @__PURE__ */ S(d, {
+					}), /* @__PURE__ */ C("div", { children: /* @__PURE__ */ w(c, { children: [/* @__PURE__ */ C(d, { children: /* @__PURE__ */ w(f, {
 						className: "flex items-center gap-2",
 						children: [
-							/* @__PURE__ */ x(k, { size: 18 }),
+							/* @__PURE__ */ C(j, { size: 18 }),
 							"Variables (",
 							Q.length,
 							")"
 						]
-					}) }), /* @__PURE__ */ x(c, { children: Q.length > 0 ? /* @__PURE__ */ x("div", {
+					}) }), /* @__PURE__ */ C(l, { children: Q.length > 0 ? /* @__PURE__ */ C("div", {
 						className: "space-y-3",
-						children: Q.map((e, t) => /* @__PURE__ */ S("div", {
+						children: Q.map((e, t) => /* @__PURE__ */ w("div", {
 							className: "p-3 border rounded-lg",
 							children: [
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ w("div", {
 									className: "flex items-center justify-between mb-1",
-									children: [/* @__PURE__ */ x("span", {
+									children: [/* @__PURE__ */ C("span", {
 										className: "font-mono font-medium",
 										children: e.name
-									}), /* @__PURE__ */ S("div", {
+									}), /* @__PURE__ */ w("div", {
 										className: "flex gap-1",
-										children: [/* @__PURE__ */ x(f, {
+										children: [/* @__PURE__ */ C(_, {
 											variant: "outline",
 											className: "text-xs",
 											children: e.type
-										}), e.required && /* @__PURE__ */ x(f, {
+										}), e.required && /* @__PURE__ */ C(_, {
 											variant: "destructive",
 											className: "text-xs",
 											children: "required"
 										})]
 									})]
 								}),
-								e.description && /* @__PURE__ */ x("p", {
+								e.description && /* @__PURE__ */ C("p", {
 									className: "text-sm text-text-secondary",
 									children: e.description
 								}),
-								e.defaultValue !== void 0 && /* @__PURE__ */ S("p", {
+								e.defaultValue !== void 0 && /* @__PURE__ */ w("p", {
 									className: "text-xs text-text-secondary mt-1",
 									children: [
 										"Default:",
 										" ",
-										/* @__PURE__ */ x("code", {
+										/* @__PURE__ */ C("code", {
 											className: "bg-bg-sunken px-1",
 											children: String(e.defaultValue)
 										})
@@ -714,76 +716,76 @@ var j = [
 								})
 							]
 						}, t))
-					}) : /* @__PURE__ */ x("p", {
+					}) : /* @__PURE__ */ C("p", {
 						className: "text-text-secondary text-center py-4",
 						children: "No variables defined"
 					}) })] }) })]
 				}),
-				F === "preview" && /* @__PURE__ */ S(s, { children: [/* @__PURE__ */ S(u, { children: [/* @__PURE__ */ x(d, { children: "Rendered Preview" }), /* @__PURE__ */ x(l, { children: "Preview with example inputs (first example set)" })] }), /* @__PURE__ */ x(c, { children: /* @__PURE__ */ x("div", {
+				L === "preview" && /* @__PURE__ */ w(c, { children: [/* @__PURE__ */ w(d, { children: [/* @__PURE__ */ C(f, { children: "Rendered Preview" }), /* @__PURE__ */ C(u, { children: "Preview with example inputs (first example set)" })] }), /* @__PURE__ */ C(l, { children: /* @__PURE__ */ C("div", {
 					className: "p-4 bg-bg-sunken rounded-lg font-mono text-sm whitespace-pre-wrap",
-					children: $[0] ? P.templateText.replace(/\{\{(\w+)\}\}/g, (e, t) => {
+					children: $[0] ? I.templateText.replace(/\{\{(\w+)\}\}/g, (e, t) => {
 						let n = $[0][t];
 						return n === void 0 ? `{{${t}}}` : String(n);
-					}) : /* @__PURE__ */ x("span", {
+					}) : /* @__PURE__ */ C("span", {
 						className: "text-text-secondary",
 						children: "No example inputs defined. Add examples to preview rendered output."
 					})
 				}) })] }),
-				F === "test" && /* @__PURE__ */ S("div", {
+				L === "test" && /* @__PURE__ */ w("div", {
 					className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
-					children: [/* @__PURE__ */ S(s, { children: [/* @__PURE__ */ S(u, { children: [/* @__PURE__ */ x(d, { children: "Test Inputs" }), /* @__PURE__ */ x(l, { children: "Enter values to test the template" })] }), /* @__PURE__ */ S(c, {
+					children: [/* @__PURE__ */ w(c, { children: [/* @__PURE__ */ w(d, { children: [/* @__PURE__ */ C(f, { children: "Test Inputs" }), /* @__PURE__ */ C(u, { children: "Enter values to test the template" })] }), /* @__PURE__ */ w(l, {
 						className: "space-y-4",
-						children: [Q.map((e) => /* @__PURE__ */ S(h, {
+						children: [Q.map((e) => /* @__PURE__ */ w(m, {
 							label: e.name,
 							required: e.required,
-							children: [/* @__PURE__ */ x(g, {
+							children: [/* @__PURE__ */ C(h, {
 								placeholder: e.defaultValue ? String(e.defaultValue) : `Enter ${e.name}`,
-								value: z[e.name] || "",
-								onChange: (t) => je({
-									...z,
+								value: V[e.name] || "",
+								onChange: (t) => ke({
+									...V,
 									[e.name]: t.target.value
 								})
-							}), e.description && /* @__PURE__ */ x("p", {
+							}), e.description && /* @__PURE__ */ C("p", {
 								className: "text-xs text-text-secondary mt-1",
 								children: e.description
 							})]
-						}, e.name)), /* @__PURE__ */ x(i, {
-							permission: r.PROMPT_TEMPLATE_EXECUTE,
-							children: /* @__PURE__ */ x(o, {
+						}, e.name)), /* @__PURE__ */ C(s, {
+							permission: o.PROMPT_TEMPLATE_EXECUTE,
+							children: /* @__PURE__ */ C(p, {
 								className: "w-full",
-								leftIcon: /* @__PURE__ */ x(E, { size: 16 }),
-								onClick: Ie,
-								isLoading: Ae,
+								leftIcon: /* @__PURE__ */ C(O, { size: 16 }),
+								onClick: Fe,
+								isLoading: Oe,
 								children: "Render Template"
 							})
 						})]
-					})] }), /* @__PURE__ */ S(s, { children: [/* @__PURE__ */ x(u, { children: /* @__PURE__ */ x(d, { children: "Output" }) }), /* @__PURE__ */ x(c, { children: H ? /* @__PURE__ */ x("div", {
+					})] }), /* @__PURE__ */ w(c, { children: [/* @__PURE__ */ C(d, { children: /* @__PURE__ */ C(f, { children: "Output" }) }), /* @__PURE__ */ C(l, { children: W ? /* @__PURE__ */ C("div", {
 						role: "alert",
 						className: "flex items-start gap-2 rounded-lg border border-status-error-border/40 bg-status-error-bg/10 px-3 py-2 text-sm text-status-error-text",
-						children: /* @__PURE__ */ x("p", { children: H })
-					}) : B ? /* @__PURE__ */ x("div", {
+						children: /* @__PURE__ */ C("p", { children: W })
+					}) : H ? /* @__PURE__ */ C("div", {
 						className: "p-4 bg-bg-sunken rounded-lg font-mono text-sm whitespace-pre-wrap",
-						children: B
-					}) : /* @__PURE__ */ S("div", {
+						children: H
+					}) : /* @__PURE__ */ w("div", {
 						className: "p-8 text-center text-text-secondary",
-						children: [/* @__PURE__ */ x(E, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }), /* @__PURE__ */ x("p", { children: "Enter inputs and click \"Render Template\" to see output" })]
+						children: [/* @__PURE__ */ C(O, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }), /* @__PURE__ */ C("p", { children: "Enter inputs and click \"Render Template\" to see output" })]
 					}) })] })]
 				}),
-				$.length > 0 && F === "edit" && /* @__PURE__ */ S(s, { children: [/* @__PURE__ */ S(u, { children: [/* @__PURE__ */ x(d, { children: "Example Inputs" }), /* @__PURE__ */ x(l, { children: "Pre-defined inputs for testing and documentation" })] }), /* @__PURE__ */ x(c, { children: /* @__PURE__ */ x("div", {
+				$.length > 0 && L === "edit" && /* @__PURE__ */ w(c, { children: [/* @__PURE__ */ w(d, { children: [/* @__PURE__ */ C(f, { children: "Example Inputs" }), /* @__PURE__ */ C(u, { children: "Pre-defined inputs for testing and documentation" })] }), /* @__PURE__ */ C(l, { children: /* @__PURE__ */ C("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
-					children: $.map((e, t) => /* @__PURE__ */ S("div", {
+					children: $.map((e, t) => /* @__PURE__ */ w("div", {
 						className: "p-4 border rounded-lg bg-bg-sunken/30",
-						children: [/* @__PURE__ */ S("p", {
+						children: [/* @__PURE__ */ w("p", {
 							className: "text-sm font-medium mb-2",
 							children: ["Example ", t + 1]
-						}), /* @__PURE__ */ x("div", {
+						}), /* @__PURE__ */ C("div", {
 							className: "space-y-1 text-sm",
-							children: Object.entries(e).map(([e, t]) => /* @__PURE__ */ S("div", {
+							children: Object.entries(e).map(([e, t]) => /* @__PURE__ */ w("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ S("span", {
+								children: [/* @__PURE__ */ w("span", {
 									className: "font-mono text-text-secondary",
 									children: [e, ":"]
-								}), /* @__PURE__ */ x("span", {
+								}), /* @__PURE__ */ C("span", {
 									className: "font-mono truncate max-w-[60%]",
 									children: String(t)
 								})]
@@ -791,36 +793,36 @@ var j = [
 						})]
 					}, t))
 				}) })] }),
-				/* @__PURE__ */ S(s, { children: [/* @__PURE__ */ x(u, { children: /* @__PURE__ */ S(d, {
+				/* @__PURE__ */ w(c, { children: [/* @__PURE__ */ C(d, { children: /* @__PURE__ */ w(f, {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ x(ye, { size: 18 }), "Metadata"]
-				}) }), /* @__PURE__ */ x(c, { children: /* @__PURE__ */ S("div", {
+					children: [/* @__PURE__ */ C(_e, { size: 18 }), "Metadata"]
+				}) }), /* @__PURE__ */ C(l, { children: /* @__PURE__ */ w("div", {
 					className: "grid grid-cols-2 md:grid-cols-4 gap-6 text-sm",
 					children: [
-						/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+						/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 							className: "text-text-secondary",
 							children: "Created"
-						}), /* @__PURE__ */ x("p", {
+						}), /* @__PURE__ */ C("p", {
 							className: "font-medium",
-							children: n(P.createdAt)
+							children: ce(I.createdAt)
 						})] }),
-						/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+						/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 							className: "text-text-secondary",
 							children: "Updated"
-						}), /* @__PURE__ */ x("p", {
+						}), /* @__PURE__ */ C("p", {
 							className: "font-medium",
-							children: n(P.updatedAt)
+							children: ce(I.updatedAt)
 						})] }),
-						/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+						/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 							className: "text-text-secondary",
 							children: "Tags"
-						}), /* @__PURE__ */ x("div", {
+						}), /* @__PURE__ */ C("div", {
 							className: "flex gap-1",
-							children: P.tags.length > 0 ? P.tags.map((e) => /* @__PURE__ */ x(f, {
+							children: I.tags.length > 0 ? I.tags.map((e) => /* @__PURE__ */ C(_, {
 								variant: "secondary",
 								className: "text-xs",
 								children: e
-							}, e)) : /* @__PURE__ */ x("span", {
+							}, e)) : /* @__PURE__ */ C("span", {
 								className: "text-text-secondary",
 								children: "None"
 							})
@@ -831,7 +833,6 @@ var j = [
 		})
 	});
 };
-//#endregion
-export { M as PromptTemplateDetailPage };
+export { P as PromptTemplateDetailPage };
 
 //# sourceMappingURL=PromptTemplateDetailPage.js.map