@burdenoff/microfe-botmanor 2026.1027.2 → 2026.1027.3

package/dist/botlit/pages/PromptTemplatesPage.js

@@ -1,60 +1,66 @@
 import { useBotlit as e } from "../providers/BotlitProvider.js";
 import { formatRelativeTime as t } from "../utils/formatters.js";
-import { PageLayout as n } from "../components/PageLayout.js";
-import { Card as r, CardContent as i, CardDescription as a, CardHeader as o, CardTitle as s } from "../components/Card.js";
-import { Button as c } from "../components/Button.js";
-import { Badge as l, StatusBadge as u } from "../components/Badge.js";
-import { EmptyState as d } from "../components/EmptyState.js";
-import { Input as f } from "../components/Input.js";
-import { ErrorState as p } from "../components/ErrorState.js";
-import { promptTemplateVariables as m, usePromptTemplates as h } from "../hooks/usePromptTemplates.js";
+import { BOTMANOR_PERMISSIONS as n } from "../permissions/botmanorPermissions.js";
+import { BotmanorPermissionGate as r } from "../permissions/useBotmanorPermissions.js";
+import { PageLayout as i } from "../components/PageLayout.js";
+import { Button as a } from "../components/Button.js";
+import "../permissions/index.js";
+import { Card as o, CardContent as s, CardDescription as c, CardHeader as l, CardTitle as u } from "../components/Card.js";
+import { Badge as d, StatusBadge as f } from "../components/Badge.js";
+import { EmptyState as p } from "../components/EmptyState.js";
+import { Input as m } from "../components/Input.js";
+import { ErrorState as h } from "../components/ErrorState.js";
+import { promptTemplateVariables as g, usePromptTemplates as _ } from "../hooks/usePromptTemplates.js";
 import "../hooks/index.js";
-import { useState as g } from "react";
-import { GlassCard as _, PagePurpose as v } from "@burdenoff/fe-libs/ui";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { Link as x } from "react-router";
-import { Code as S, Copy as C, FileText as w, Filter as T, Play as E, Plus as D, Search as O, Tag as k, Variable as A } from "lucide-react";
+import { useState as v } from "react";
+import { GlassCard as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { Link as C } from "react-router";
+import { Code as w, Copy as T, FileText as E, Filter as D, Play as O, Plus as k, Search as A, Tag as j, Variable as M } from "lucide-react";
 //#region src/botlit/pages/PromptTemplatesPage.tsx
-var j = () => {
-	let { getPath: j } = e(), [M, N] = g(""), { data: P, loading: F, error: I, refetch: L } = h({ search: M });
-	return /* @__PURE__ */ y(n, {
+var N = () => {
+	let { getPath: N } = e(), [P, F] = v(""), { data: I, loading: L, error: R, refetch: z } = _({ search: P });
+	return /* @__PURE__ */ x(i, {
 		title: "Prompt Templates",
 		description: "Create and manage reusable prompt templates with variable support",
-		actions: /* @__PURE__ */ y(c, {
-			leftIcon: /* @__PURE__ */ y(D, { size: 16 }),
-			children: /* @__PURE__ */ y(x, {
-				to: j("prompt-templates/new"),
-				children: "Create Template"
+		actions: /* @__PURE__ */ x(r, {
+			permission: n.PROMPT_TEMPLATE_CREATE,
+			children: /* @__PURE__ */ x(a, {
+				leftIcon: /* @__PURE__ */ x(k, { size: 16 }),
+				children: /* @__PURE__ */ x(C, {
+					to: N("prompt-templates/new"),
+					children: "Create Template"
+				})
 			})
 		}),
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ S("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ b(v, {
-					icon: /* @__PURE__ */ y(w, { size: 18 }),
+				/* @__PURE__ */ S(b, {
+					icon: /* @__PURE__ */ x(E, { size: 18 }),
 					children: [
 						"Prompt templates are the reusable instructions that shape how an agent thinks and replies. Write the system prompt once with ",
-						/* @__PURE__ */ y("code", { children: "{{variables}}" }),
+						/* @__PURE__ */ x("code", { children: "{{variables}}" }),
 						" for the bits that change (role, company name, tone), version it, and reuse it across agents — so you can refine wording in one place instead of editing every agent by hand."
 					]
 				}),
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ S("div", {
 					className: "flex items-center gap-4",
-					children: [/* @__PURE__ */ b("div", {
+					children: [/* @__PURE__ */ S("div", {
 						className: "relative flex-1 max-w-md",
-						children: [/* @__PURE__ */ y(O, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ y(f, {
+						children: [/* @__PURE__ */ x(A, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ x(m, {
 							placeholder: "Search templates...",
-							value: M,
-							onChange: (e) => N(e.target.value),
+							value: P,
+							onChange: (e) => F(e.target.value),
 							className: "pl-9"
 						})]
-					}), /* @__PURE__ */ y(c, {
+					}), /* @__PURE__ */ x(a, {
 						variant: "outline",
-						leftIcon: /* @__PURE__ */ y(T, { size: 16 }),
+						leftIcon: /* @__PURE__ */ x(D, { size: 16 }),
 						children: "Filters"
 					})]
 				}),
-				F ? /* @__PURE__ */ y("div", {
+				L ? /* @__PURE__ */ x("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
 					children: [
 						1,
@@ -63,84 +69,90 @@ var j = () => {
 						4,
 						5,
 						6
-					].map((e) => /* @__PURE__ */ y("div", { className: "h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
-				}) : I ? /* @__PURE__ */ y(p, {
+					].map((e) => /* @__PURE__ */ x("div", { className: "h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
+				}) : R ? /* @__PURE__ */ x(h, {
 					resource: "prompt templates",
-					error: I,
-					onRetry: () => void L()
-				}) : P.length > 0 ? /* @__PURE__ */ y("div", {
+					error: R,
+					onRetry: () => void z()
+				}) : I.length > 0 ? /* @__PURE__ */ x("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
-					children: P.map((e) => {
-						let n = m(e).length;
-						return /* @__PURE__ */ y(x, {
-							to: j(`prompt-templates/${e.id}`),
-							children: /* @__PURE__ */ b(r, {
+					children: I.map((e) => {
+						let i = g(e).length;
+						return /* @__PURE__ */ x(C, {
+							to: N(`prompt-templates/${e.id}`),
+							children: /* @__PURE__ */ S(o, {
 								className: "h-full hover:border-primary/50 transition-colors cursor-pointer group",
-								children: [/* @__PURE__ */ y(o, { children: /* @__PURE__ */ b("div", {
+								children: [/* @__PURE__ */ x(l, { children: /* @__PURE__ */ S("div", {
 									className: "flex items-start justify-between",
-									children: [/* @__PURE__ */ b("div", {
+									children: [/* @__PURE__ */ S("div", {
 										className: "flex items-center gap-3",
-										children: [/* @__PURE__ */ y("div", {
+										children: [/* @__PURE__ */ x("div", {
 											className: "p-2 bg-action-primary-bg/10 rounded-lg",
-											children: /* @__PURE__ */ y(w, { className: "h-5 w-5 text-primary" })
-										}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y(s, {
+											children: /* @__PURE__ */ x(E, { className: "h-5 w-5 text-primary" })
+										}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x(u, {
 											className: "text-base",
 											children: e.name
-										}), /* @__PURE__ */ y(a, {
+										}), /* @__PURE__ */ x(c, {
 											className: "text-xs",
 											children: e.slug
 										})] })]
-									}), /* @__PURE__ */ y(u, { status: e.status })]
-								}) }), /* @__PURE__ */ y(i, { children: /* @__PURE__ */ b("div", {
+									}), /* @__PURE__ */ x(f, { status: e.status })]
+								}) }), /* @__PURE__ */ x(s, { children: /* @__PURE__ */ S("div", {
 									className: "space-y-3",
 									children: [
-										/* @__PURE__ */ y("p", {
+										/* @__PURE__ */ x("p", {
 											className: "text-sm text-text-secondary line-clamp-2",
 											children: e.description
 										}),
-										/* @__PURE__ */ b("div", {
+										/* @__PURE__ */ S("div", {
 											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ y(A, {
+											children: [/* @__PURE__ */ x(M, {
 												size: 14,
 												className: "text-text-secondary"
-											}), /* @__PURE__ */ b("span", {
+											}), /* @__PURE__ */ S("span", {
 												className: "text-sm",
 												children: [
-													n,
+													i,
 													" variable",
-													n === 1 ? "" : "s"
+													i === 1 ? "" : "s"
 												]
 											})]
 										}),
-										/* @__PURE__ */ b("div", {
+										/* @__PURE__ */ S("div", {
 											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ y(k, {
+											children: [/* @__PURE__ */ x(j, {
 												size: 14,
 												className: "text-text-secondary"
-											}), /* @__PURE__ */ b("span", {
+											}), /* @__PURE__ */ S("span", {
 												className: "text-sm",
 												children: ["v", e.version]
 											})]
 										}),
-										/* @__PURE__ */ b("div", {
+										/* @__PURE__ */ S("div", {
 											className: "pt-3 border-t border-border-subtle flex items-center justify-between",
-											children: [/* @__PURE__ */ y("span", {
+											children: [/* @__PURE__ */ x("span", {
 												className: "text-xs text-text-secondary",
 												children: t(e.createdAt)
-											}), /* @__PURE__ */ b("div", {
+											}), /* @__PURE__ */ S("div", {
 												className: "flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity",
-												children: [/* @__PURE__ */ y(c, {
-													variant: "ghost",
-													size: "icon",
-													className: "h-7 w-7",
-													onClick: (e) => e.preventDefault(),
-													children: /* @__PURE__ */ y(C, { size: 14 })
-												}), /* @__PURE__ */ y(c, {
-													variant: "ghost",
-													size: "icon",
-													className: "h-7 w-7",
-													onClick: (e) => e.preventDefault(),
-													children: /* @__PURE__ */ y(E, { size: 14 })
+												children: [/* @__PURE__ */ x(r, {
+													permission: n.PROMPT_TEMPLATE_CREATE,
+													children: /* @__PURE__ */ x(a, {
+														variant: "ghost",
+														size: "icon",
+														className: "h-7 w-7",
+														onClick: (e) => e.preventDefault(),
+														children: /* @__PURE__ */ x(T, { size: 14 })
+													})
+												}), /* @__PURE__ */ x(r, {
+													permission: n.PROMPT_TEMPLATE_EXECUTE,
+													children: /* @__PURE__ */ x(a, {
+														variant: "ghost",
+														size: "icon",
+														className: "h-7 w-7",
+														onClick: (e) => e.preventDefault(),
+														children: /* @__PURE__ */ x(O, { size: 14 })
+													})
 												})]
 											})]
 										})
@@ -149,91 +161,94 @@ var j = () => {
 							})
 						}, e.id);
 					})
-				}) : /* @__PURE__ */ y(d, {
+				}) : /* @__PURE__ */ x(p, {
 					illustration: "empty-files",
 					title: "No prompt templates",
 					description: "Create reusable prompt templates with variables to ensure consistent agent behavior.",
-					action: /* @__PURE__ */ y(c, {
-						leftIcon: /* @__PURE__ */ y(D, { size: 16 }),
-						children: /* @__PURE__ */ y(x, {
-							to: j("prompt-templates/new"),
-							children: "Create Template"
+					action: /* @__PURE__ */ x(r, {
+						permission: n.PROMPT_TEMPLATE_CREATE,
+						children: /* @__PURE__ */ x(a, {
+							leftIcon: /* @__PURE__ */ x(k, { size: 16 }),
+							children: /* @__PURE__ */ x(C, {
+								to: N("prompt-templates/new"),
+								children: "Create Template"
+							})
 						})
 					})
 				}),
-				/* @__PURE__ */ b(_, {
+				/* @__PURE__ */ S(y, {
 					treatment: "glass",
 					glow: !0,
 					className: "p-6",
 					children: [
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ S("div", {
 							className: "mb-4",
-							children: [/* @__PURE__ */ b("h2", {
+							children: [/* @__PURE__ */ S("h2", {
 								className: "flex items-center gap-2 text-lg font-semibold tracking-tight text-text-primary",
-								children: [/* @__PURE__ */ y(S, { size: 18 }), "Template Syntax"]
-							}), /* @__PURE__ */ y("p", {
+								children: [/* @__PURE__ */ x(w, { size: 18 }), "Template Syntax"]
+							}), /* @__PURE__ */ x("p", {
 								className: "text-sm text-text-secondary",
 								children: "Use variables in your prompts with double curly braces"
 							})]
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ S("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-							children: [/* @__PURE__ */ b("div", {
+							children: [/* @__PURE__ */ S("div", {
 								className: "space-y-3",
 								children: [
-									/* @__PURE__ */ y("h4", {
+									/* @__PURE__ */ x("h4", {
 										className: "font-medium",
 										children: "Variable Syntax"
 									}),
-									/* @__PURE__ */ b("div", {
+									/* @__PURE__ */ S("div", {
 										className: "bg-bg-sunken p-4 rounded-lg font-mono text-sm",
-										children: [/* @__PURE__ */ y("p", { children: "You are a {{role}} for {{company_name}}." }), /* @__PURE__ */ y("p", {
+										children: [/* @__PURE__ */ x("p", { children: "You are a {{role}} for {{company_name}}." }), /* @__PURE__ */ x("p", {
 											className: "mt-2",
 											children: "Guidelines: {{guidelines}}"
 										})]
 									}),
-									/* @__PURE__ */ y("p", {
+									/* @__PURE__ */ x("p", {
 										className: "text-sm text-text-secondary",
 										children: "Variables are replaced at runtime with values provided by the agent configuration."
 									})
 								]
-							}), /* @__PURE__ */ b("div", {
+							}), /* @__PURE__ */ S("div", {
 								className: "space-y-3",
-								children: [/* @__PURE__ */ y("h4", {
+								children: [/* @__PURE__ */ x("h4", {
 									className: "font-medium",
 									children: "Variable Types"
-								}), /* @__PURE__ */ b("ul", {
+								}), /* @__PURE__ */ S("ul", {
 									className: "text-sm space-y-2",
 									children: [
-										/* @__PURE__ */ b("li", {
+										/* @__PURE__ */ S("li", {
 											className: "flex items-start gap-2",
-											children: [/* @__PURE__ */ y(l, {
+											children: [/* @__PURE__ */ x(d, {
 												variant: "outline",
 												className: "mt-0.5",
 												children: "string"
-											}), /* @__PURE__ */ y("span", {
+											}), /* @__PURE__ */ x("span", {
 												className: "text-text-secondary",
 												children: "Text values like names, descriptions"
 											})]
 										}),
-										/* @__PURE__ */ b("li", {
+										/* @__PURE__ */ S("li", {
 											className: "flex items-start gap-2",
-											children: [/* @__PURE__ */ y(l, {
+											children: [/* @__PURE__ */ x(d, {
 												variant: "outline",
 												className: "mt-0.5",
 												children: "array"
-											}), /* @__PURE__ */ y("span", {
+											}), /* @__PURE__ */ x("span", {
 												className: "text-text-secondary",
 												children: "Lists rendered as bullet points"
 											})]
 										}),
-										/* @__PURE__ */ b("li", {
+										/* @__PURE__ */ S("li", {
 											className: "flex items-start gap-2",
-											children: [/* @__PURE__ */ y(l, {
+											children: [/* @__PURE__ */ x(d, {
 												variant: "outline",
 												className: "mt-0.5",
 												children: "object"
-											}), /* @__PURE__ */ y("span", {
+											}), /* @__PURE__ */ x("span", {
 												className: "text-text-secondary",
 												children: "Structured data (JSON)"
 											})]
@@ -242,18 +257,18 @@ var j = () => {
 								})]
 							})]
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ S("div", {
 							className: "mt-6 p-4 bg-bg-sunken/50 rounded-lg",
-							children: [/* @__PURE__ */ y("h4", {
+							children: [/* @__PURE__ */ x("h4", {
 								className: "font-medium mb-2",
 								children: "Best Practices"
-							}), /* @__PURE__ */ b("ul", {
+							}), /* @__PURE__ */ S("ul", {
 								className: "text-sm text-text-secondary space-y-1",
 								children: [
-									/* @__PURE__ */ y("li", { children: "• Use descriptive variable names (company_name vs cn)" }),
-									/* @__PURE__ */ y("li", { children: "• Provide default values for optional variables" }),
-									/* @__PURE__ */ y("li", { children: "• Document expected values in variable descriptions" }),
-									/* @__PURE__ */ y("li", { children: "• Version your templates to track changes" })
+									/* @__PURE__ */ x("li", { children: "• Use descriptive variable names (company_name vs cn)" }),
+									/* @__PURE__ */ x("li", { children: "• Provide default values for optional variables" }),
+									/* @__PURE__ */ x("li", { children: "• Document expected values in variable descriptions" }),
+									/* @__PURE__ */ x("li", { children: "• Version your templates to track changes" })
 								]
 							})]
 						})
@@ -264,6 +279,6 @@ var j = () => {
 	});
 };
 //#endregion
-export { j as PromptTemplatesPage };
+export { N as PromptTemplatesPage };
 
 //# sourceMappingURL=PromptTemplatesPage.js.map

package/dist/botlit/pages/PromptTemplatesPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"PromptTemplatesPage.js","names":[],"sources":["../../../src/botlit/pages/PromptTemplatesPage.tsx"],"sourcesContent":["/**\n * Prompt Templates Page\n * @module botlit/pages\n */\n\nimport type { FC } from 'react';\nimport { useState } from 'react';\nimport { Link } from 'react-router';\nimport { useBotlit } from '../providers/BotlitProvider';\nimport {\n  Plus,\n  Search as SearchIcon,\n  Filter,\n  FileText,\n  Code,\n  Variable,\n  Copy,\n  Play,\n  Tag,\n} from 'lucide-react';\nimport { PagePurpose, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { Card, CardHeader, CardTitle, CardContent, CardDescription } from '../components/Card';\nimport { Button } from '../components/Button';\nimport { Input } from '../components/Input';\nimport { Badge, StatusBadge } from '../components/Badge';\nimport { EmptyState } from '../components/EmptyState';\nimport { ErrorState } from '../components/ErrorState';\nimport { usePromptTemplates, promptTemplateVariables, type PromptTemplateRecord } from '../hooks';\nimport { formatRelativeTime } from '../utils/formatters';\n\nexport const PromptTemplatesPage: FC = () => {\n  const { getPath } = useBotlit();\n  const [search, setSearch] = useState('');\n  const { data: templates, loading, error, refetch } = usePromptTemplates({ search });\n\n  return (\n    <PageLayout\n      title=\"Prompt Templates\"\n      description=\"Create and manage reusable prompt templates with variable support\"\n      actions={\n        <Button leftIcon={<Plus size={16} />}>\n          <Link to={getPath('prompt-templates/new')}>Create Template</Link>\n        </Button>\n      }\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<FileText size={18} />}>\n          Prompt templates are the reusable instructions that shape how an agent thinks and replies.\n          Write the system prompt once with <code>{'{{variables}}'}</code> for the bits that change\n          (role, company name, tone), version it, and reuse it across agents — so you can refine\n          wording in one place instead of editing every agent by hand.\n        </PagePurpose>\n\n        {/* Search */}\n        <div className=\"flex items-center gap-4\">\n          <div className=\"relative flex-1 max-w-md\">\n            <SearchIcon className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n            <Input\n              placeholder=\"Search templates...\"\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              className=\"pl-9\"\n            />\n          </div>\n          <Button variant=\"outline\" leftIcon={<Filter size={16} />}>\n            Filters\n          </Button>\n        </div>\n\n        {/* Templates List */}\n        {loading ? (\n          <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n            {[1, 2, 3, 4, 5, 6].map((i) => (\n              <div\n                key={i}\n                className=\"h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg\"\n              />\n            ))}\n          </div>\n        ) : error ? (\n          <ErrorState resource=\"prompt templates\" error={error} onRetry={() => void refetch()} />\n        ) : templates.length > 0 ? (\n          <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n            {templates.map((template: PromptTemplateRecord) => {\n              const variableCount = promptTemplateVariables(template).length;\n              return (\n                <Link key={template.id} to={getPath(`prompt-templates/${template.id}`)}>\n                  <Card className=\"h-full hover:border-primary/50 transition-colors cursor-pointer group\">\n                    <CardHeader>\n                      <div className=\"flex items-start justify-between\">\n                        <div className=\"flex items-center gap-3\">\n                          <div className=\"p-2 bg-action-primary-bg/10 rounded-lg\">\n                            <FileText className=\"h-5 w-5 text-primary\" />\n                          </div>\n                          <div>\n                            <CardTitle className=\"text-base\">{template.name}</CardTitle>\n                            <CardDescription className=\"text-xs\">{template.slug}</CardDescription>\n                          </div>\n                        </div>\n                        <StatusBadge status={template.status} />\n                      </div>\n                    </CardHeader>\n                    <CardContent>\n                      <div className=\"space-y-3\">\n                        <p className=\"text-sm text-text-secondary line-clamp-2\">\n                          {template.description}\n                        </p>\n\n                        {/* Variables */}\n                        <div className=\"flex items-center gap-2\">\n                          <Variable size={14} className=\"text-text-secondary\" />\n                          <span className=\"text-sm\">\n                            {variableCount} variable{variableCount !== 1 ? 's' : ''}\n                          </span>\n                        </div>\n\n                        {/* Version */}\n                        <div className=\"flex items-center gap-2\">\n                          <Tag size={14} className=\"text-text-secondary\" />\n                          <span className=\"text-sm\">v{template.version}</span>\n                        </div>\n\n                        {/* Footer */}\n                        <div className=\"pt-3 border-t border-border-subtle flex items-center justify-between\">\n                          <span className=\"text-xs text-text-secondary\">\n                            {formatRelativeTime(template.createdAt)}\n                          </span>\n                          <div className=\"flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity\">\n                            <Button\n                              variant=\"ghost\"\n                              size=\"icon\"\n                              className=\"h-7 w-7\"\n                              onClick={(e) => e.preventDefault()}\n                            >\n                              <Copy size={14} />\n                            </Button>\n                            <Button\n                              variant=\"ghost\"\n                              size=\"icon\"\n                              className=\"h-7 w-7\"\n                              onClick={(e) => e.preventDefault()}\n                            >\n                              <Play size={14} />\n                            </Button>\n                          </div>\n                        </div>\n                      </div>\n                    </CardContent>\n                  </Card>\n                </Link>\n              );\n            })}\n          </div>\n        ) : (\n          <EmptyState\n            illustration=\"empty-files\"\n            title=\"No prompt templates\"\n            description=\"Create reusable prompt templates with variables to ensure consistent agent behavior.\"\n            action={\n              <Button leftIcon={<Plus size={16} />}>\n                <Link to={getPath('prompt-templates/new')}>Create Template</Link>\n              </Button>\n            }\n          />\n        )}\n\n        {/* Template Guide */}\n        <GlassCard treatment=\"glass\" glow className=\"p-6\">\n          <div className=\"mb-4\">\n            <h2 className=\"flex items-center gap-2 text-lg font-semibold tracking-tight text-text-primary\">\n              <Code size={18} />\n              Template Syntax\n            </h2>\n            <p className=\"text-sm text-text-secondary\">\n              Use variables in your prompts with double curly braces\n            </p>\n          </div>\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n            <div className=\"space-y-3\">\n              <h4 className=\"font-medium\">Variable Syntax</h4>\n              <div className=\"bg-bg-sunken p-4 rounded-lg font-mono text-sm\">\n                <p>{'You are a {{role}} for {{company_name}}.'}</p>\n                <p className=\"mt-2\">{'Guidelines: {{guidelines}}'}</p>\n              </div>\n              <p className=\"text-sm text-text-secondary\">\n                Variables are replaced at runtime with values provided by the agent configuration.\n              </p>\n            </div>\n            <div className=\"space-y-3\">\n              <h4 className=\"font-medium\">Variable Types</h4>\n              <ul className=\"text-sm space-y-2\">\n                <li className=\"flex items-start gap-2\">\n                  <Badge variant=\"outline\" className=\"mt-0.5\">\n                    string\n                  </Badge>\n                  <span className=\"text-text-secondary\">Text values like names, descriptions</span>\n                </li>\n                <li className=\"flex items-start gap-2\">\n                  <Badge variant=\"outline\" className=\"mt-0.5\">\n                    array\n                  </Badge>\n                  <span className=\"text-text-secondary\">Lists rendered as bullet points</span>\n                </li>\n                <li className=\"flex items-start gap-2\">\n                  <Badge variant=\"outline\" className=\"mt-0.5\">\n                    object\n                  </Badge>\n                  <span className=\"text-text-secondary\">Structured data (JSON)</span>\n                </li>\n              </ul>\n            </div>\n          </div>\n\n          <div className=\"mt-6 p-4 bg-bg-sunken/50 rounded-lg\">\n            <h4 className=\"font-medium mb-2\">Best Practices</h4>\n            <ul className=\"text-sm text-text-secondary space-y-1\">\n              <li>• Use descriptive variable names (company_name vs cn)</li>\n              <li>• Provide default values for optional variables</li>\n              <li>• Document expected values in variable descriptions</li>\n              <li>• Version your templates to track changes</li>\n            </ul>\n          </div>\n        </GlassCard>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"PromptTemplatesPage.js","names":[],"sources":["../../../src/botlit/pages/PromptTemplatesPage.tsx"],"sourcesContent":["/**\n * Prompt Templates Page\n * @module botlit/pages\n */\n\nimport type { FC } from 'react';\nimport { useState } from 'react';\nimport { Link } from 'react-router';\nimport { useBotlit } from '../providers/BotlitProvider';\nimport {\n  Plus,\n  Search as SearchIcon,\n  Filter,\n  FileText,\n  Code,\n  Variable,\n  Copy,\n  Play,\n  Tag,\n} from 'lucide-react';\nimport { PagePurpose, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { Card, CardHeader, CardTitle, CardContent, CardDescription } from '../components/Card';\nimport { Button } from '../components/Button';\nimport { Input } from '../components/Input';\nimport { Badge, StatusBadge } from '../components/Badge';\nimport { EmptyState } from '../components/EmptyState';\nimport { ErrorState } from '../components/ErrorState';\nimport { usePromptTemplates, promptTemplateVariables, type PromptTemplateRecord } from '../hooks';\nimport { formatRelativeTime } from '../utils/formatters';\nimport { BOTMANOR_PERMISSIONS, BotmanorPermissionGate } from '../permissions';\n\nexport const PromptTemplatesPage: FC = () => {\n  const { getPath } = useBotlit();\n  const [search, setSearch] = useState('');\n  const { data: templates, loading, error, refetch } = usePromptTemplates({ search });\n\n  return (\n    <PageLayout\n      title=\"Prompt Templates\"\n      description=\"Create and manage reusable prompt templates with variable support\"\n      actions={\n        <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.PROMPT_TEMPLATE_CREATE}>\n          <Button leftIcon={<Plus size={16} />}>\n            <Link to={getPath('prompt-templates/new')}>Create Template</Link>\n          </Button>\n        </BotmanorPermissionGate>\n      }\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<FileText size={18} />}>\n          Prompt templates are the reusable instructions that shape how an agent thinks and replies.\n          Write the system prompt once with <code>{'{{variables}}'}</code> for the bits that change\n          (role, company name, tone), version it, and reuse it across agents — so you can refine\n          wording in one place instead of editing every agent by hand.\n        </PagePurpose>\n\n        {/* Search */}\n        <div className=\"flex items-center gap-4\">\n          <div className=\"relative flex-1 max-w-md\">\n            <SearchIcon className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n            <Input\n              placeholder=\"Search templates...\"\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              className=\"pl-9\"\n            />\n          </div>\n          <Button variant=\"outline\" leftIcon={<Filter size={16} />}>\n            Filters\n          </Button>\n        </div>\n\n        {/* Templates List */}\n        {loading ? (\n          <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n            {[1, 2, 3, 4, 5, 6].map((i) => (\n              <div\n                key={i}\n                className=\"h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg\"\n              />\n            ))}\n          </div>\n        ) : error ? (\n          <ErrorState resource=\"prompt templates\" error={error} onRetry={() => void refetch()} />\n        ) : templates.length > 0 ? (\n          <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n            {templates.map((template: PromptTemplateRecord) => {\n              const variableCount = promptTemplateVariables(template).length;\n              return (\n                <Link key={template.id} to={getPath(`prompt-templates/${template.id}`)}>\n                  <Card className=\"h-full hover:border-primary/50 transition-colors cursor-pointer group\">\n                    <CardHeader>\n                      <div className=\"flex items-start justify-between\">\n                        <div className=\"flex items-center gap-3\">\n                          <div className=\"p-2 bg-action-primary-bg/10 rounded-lg\">\n                            <FileText className=\"h-5 w-5 text-primary\" />\n                          </div>\n                          <div>\n                            <CardTitle className=\"text-base\">{template.name}</CardTitle>\n                            <CardDescription className=\"text-xs\">{template.slug}</CardDescription>\n                          </div>\n                        </div>\n                        <StatusBadge status={template.status} />\n                      </div>\n                    </CardHeader>\n                    <CardContent>\n                      <div className=\"space-y-3\">\n                        <p className=\"text-sm text-text-secondary line-clamp-2\">\n                          {template.description}\n                        </p>\n\n                        {/* Variables */}\n                        <div className=\"flex items-center gap-2\">\n                          <Variable size={14} className=\"text-text-secondary\" />\n                          <span className=\"text-sm\">\n                            {variableCount} variable{variableCount !== 1 ? 's' : ''}\n                          </span>\n                        </div>\n\n                        {/* Version */}\n                        <div className=\"flex items-center gap-2\">\n                          <Tag size={14} className=\"text-text-secondary\" />\n                          <span className=\"text-sm\">v{template.version}</span>\n                        </div>\n\n                        {/* Footer */}\n                        <div className=\"pt-3 border-t border-border-subtle flex items-center justify-between\">\n                          <span className=\"text-xs text-text-secondary\">\n                            {formatRelativeTime(template.createdAt)}\n                          </span>\n                          <div className=\"flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity\">\n                            <BotmanorPermissionGate\n                              permission={BOTMANOR_PERMISSIONS.PROMPT_TEMPLATE_CREATE}\n                            >\n                              <Button\n                                variant=\"ghost\"\n                                size=\"icon\"\n                                className=\"h-7 w-7\"\n                                onClick={(e) => e.preventDefault()}\n                              >\n                                <Copy size={14} />\n                              </Button>\n                            </BotmanorPermissionGate>\n                            <BotmanorPermissionGate\n                              permission={BOTMANOR_PERMISSIONS.PROMPT_TEMPLATE_EXECUTE}\n                            >\n                              <Button\n                                variant=\"ghost\"\n                                size=\"icon\"\n                                className=\"h-7 w-7\"\n                                onClick={(e) => e.preventDefault()}\n                              >\n                                <Play size={14} />\n                              </Button>\n                            </BotmanorPermissionGate>\n                          </div>\n                        </div>\n                      </div>\n                    </CardContent>\n                  </Card>\n                </Link>\n              );\n            })}\n          </div>\n        ) : (\n          <EmptyState\n            illustration=\"empty-files\"\n            title=\"No prompt templates\"\n            description=\"Create reusable prompt templates with variables to ensure consistent agent behavior.\"\n            action={\n              <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.PROMPT_TEMPLATE_CREATE}>\n                <Button leftIcon={<Plus size={16} />}>\n                  <Link to={getPath('prompt-templates/new')}>Create Template</Link>\n                </Button>\n              </BotmanorPermissionGate>\n            }\n          />\n        )}\n\n        {/* Template Guide */}\n        <GlassCard treatment=\"glass\" glow className=\"p-6\">\n          <div className=\"mb-4\">\n            <h2 className=\"flex items-center gap-2 text-lg font-semibold tracking-tight text-text-primary\">\n              <Code size={18} />\n              Template Syntax\n            </h2>\n            <p className=\"text-sm text-text-secondary\">\n              Use variables in your prompts with double curly braces\n            </p>\n          </div>\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n            <div className=\"space-y-3\">\n              <h4 className=\"font-medium\">Variable Syntax</h4>\n              <div className=\"bg-bg-sunken p-4 rounded-lg font-mono text-sm\">\n                <p>{'You are a {{role}} for {{company_name}}.'}</p>\n                <p className=\"mt-2\">{'Guidelines: {{guidelines}}'}</p>\n              </div>\n              <p className=\"text-sm text-text-secondary\">\n                Variables are replaced at runtime with values provided by the agent configuration.\n              </p>\n            </div>\n            <div className=\"space-y-3\">\n              <h4 className=\"font-medium\">Variable Types</h4>\n              <ul className=\"text-sm space-y-2\">\n                <li className=\"flex items-start gap-2\">\n                  <Badge variant=\"outline\" className=\"mt-0.5\">\n                    string\n                  </Badge>\n                  <span className=\"text-text-secondary\">Text values like names, descriptions</span>\n                </li>\n                <li className=\"flex items-start gap-2\">\n                  <Badge variant=\"outline\" className=\"mt-0.5\">\n                    array\n                  </Badge>\n                  <span className=\"text-text-secondary\">Lists rendered as bullet points</span>\n                </li>\n                <li className=\"flex items-start gap-2\">\n                  <Badge variant=\"outline\" className=\"mt-0.5\">\n                    object\n                  </Badge>\n                  <span className=\"text-text-secondary\">Structured data (JSON)</span>\n                </li>\n              </ul>\n            </div>\n          </div>\n\n          <div className=\"mt-6 p-4 bg-bg-sunken/50 rounded-lg\">\n            <h4 className=\"font-medium mb-2\">Best Practices</h4>\n            <ul className=\"text-sm text-text-secondary space-y-1\">\n              <li>• Use descriptive variable names (company_name vs cn)</li>\n              <li>• Provide default values for optional variables</li>\n              <li>• Document expected values in variable descriptions</li>\n              <li>• Version your templates to track changes</li>\n            </ul>\n          </div>\n        </GlassCard>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}