@burdenoff/microfe-botmanor 2026.821.1 → 2026.925.1

package/dist/botlit/pages/SkillsPage.js

@@ -1,56 +1,57 @@
-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 { useSkills as m } from "../hooks/useSkills.js";
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useBotlit as t } from "../providers/BotlitProvider.js";
+import { formatRelativeTime as n } from "../utils/formatters.js";
+import { PageLayout as r } from "../components/PageLayout.js";
+import { Card as i, CardContent as a, CardDescription as o, CardHeader as s, CardTitle as c } from "../components/Card.js";
+import { Button as l } from "../components/Button.js";
+import { Badge as u, StatusBadge as d } from "../components/Badge.js";
+import { EmptyState as f } from "../components/EmptyState.js";
+import { Input as p } from "../components/Input.js";
+import { ErrorState as m } from "../components/ErrorState.js";
+import { useSkills as h } from "../hooks/useSkills.js";
 import "../hooks/index.js";
-import { useState as h } from "react";
-import { GlassCard as g, PagePurpose as _ } from "@burdenoff/fe-libs/ui";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { Link as b } from "react-router";
-import { Database as x, FileText as S, Filter as C, Package as w, Plus as T, Search as E, Sparkles as D, Wrench as O } from "lucide-react";
+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 { Database as S, FileText as C, Filter as w, Package as T, Plus as E, Search as D, Sparkles as O, Wrench as k } from "lucide-react";
 //#region src/botlit/pages/SkillsPage.tsx
-var k = () => {
-	let { getPath: k } = e(), [A, j] = h(""), { data: M, loading: N, error: P, refetch: F } = m({ search: A });
-	return /* @__PURE__ */ v(n, {
-		title: "Skills",
-		description: "Reusable skill bundles that combine prompts, tools, and knowledge",
-		actions: /* @__PURE__ */ v(c, {
-			leftIcon: /* @__PURE__ */ v(T, { size: 16 }),
-			children: /* @__PURE__ */ v(b, {
-				to: k("skills/new"),
-				children: "Create Skill"
+var A = () => {
+	let A = e(), { getPath: j } = t(), [M, N] = g(""), { data: P, loading: F, error: I, refetch: L } = h({ search: M });
+	return /* @__PURE__ */ y(r, {
+		title: A("botlit.skills.title", "Skills"),
+		description: A("botlit.skills.description", "Reusable skill bundles that combine prompts, tools, and knowledge"),
+		actions: /* @__PURE__ */ y(l, {
+			leftIcon: /* @__PURE__ */ y(E, { size: 16 }),
+			children: /* @__PURE__ */ y(x, {
+				to: j("skills/new"),
+				children: A("botlit.skills.actions.createSkill", "Create Skill")
 			})
 		}),
-		children: /* @__PURE__ */ y("div", {
+		children: /* @__PURE__ */ b("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ v(_, {
-					icon: /* @__PURE__ */ v(D, { size: 18 }),
-					children: "A skill is a reusable bundle that packages a prompt template, a tool policy and a knowledge (retrieval) profile into one capability you can drop onto any agent. Build a skill once — say “Customer Support” or “Code Review” — and reuse it across agents instead of wiring the same prompt, tools and knowledge by hand each time."
+				/* @__PURE__ */ y(v, {
+					icon: /* @__PURE__ */ y(O, { size: 18 }),
+					children: A("botlit.skills.purpose", "A skill is a reusable bundle that packages a prompt template, a tool policy and a knowledge (retrieval) profile into one capability you can drop onto any agent. Build a skill once — say \"Customer Support\" or \"Code Review\" — and reuse it across agents instead of wiring the same prompt, tools and knowledge by hand each time.")
 				}),
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ b("div", {
 					className: "flex items-center gap-4",
-					children: [/* @__PURE__ */ y("div", {
+					children: [/* @__PURE__ */ b("div", {
 						className: "relative flex-1 max-w-md",
-						children: [/* @__PURE__ */ v(E, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ v(f, {
-							placeholder: "Search skills...",
-							value: A,
-							onChange: (e) => j(e.target.value),
+						children: [/* @__PURE__ */ y(D, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ y(p, {
+							placeholder: A("botlit.skills.searchPlaceholder", "Search skills..."),
+							value: M,
+							onChange: (e) => N(e.target.value),
 							className: "pl-9"
 						})]
-					}), /* @__PURE__ */ v(c, {
+					}), /* @__PURE__ */ y(l, {
 						variant: "outline",
-						leftIcon: /* @__PURE__ */ v(C, { size: 16 }),
-						children: "Filters"
+						leftIcon: /* @__PURE__ */ y(w, { size: 16 }),
+						children: A("botlit.skills.actions.filters", "Filters")
 					})]
 				}),
-				N ? /* @__PURE__ */ v("div", {
+				F ? /* @__PURE__ */ y("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
 					children: [
 						1,
@@ -59,139 +60,155 @@ var k = () => {
 						4,
 						5,
 						6
-					].map((e) => /* @__PURE__ */ v("div", { className: "h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
-				}) : P ? /* @__PURE__ */ v(p, {
+					].map((e) => /* @__PURE__ */ y("div", { className: "h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
+				}) : I ? /* @__PURE__ */ y(m, {
 					resource: "skills",
-					error: P,
-					onRetry: () => void F()
-				}) : M.length > 0 ? /* @__PURE__ */ v("div", {
+					error: I,
+					onRetry: () => void L()
+				}) : P.length > 0 ? /* @__PURE__ */ y("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
-					children: M.map((e) => /* @__PURE__ */ v(b, {
-						to: k(`skills/${e.id}`),
-						children: /* @__PURE__ */ y(r, {
+					children: P.map((e) => /* @__PURE__ */ y(x, {
+						to: j(`skills/${e.id}`),
+						children: /* @__PURE__ */ b(i, {
 							className: "h-full hover:border-primary/50 transition-colors cursor-pointer",
-							children: [/* @__PURE__ */ v(o, { children: /* @__PURE__ */ y("div", {
+							children: [/* @__PURE__ */ y(s, { children: /* @__PURE__ */ b("div", {
 								className: "flex items-start justify-between",
-								children: [/* @__PURE__ */ y("div", {
+								children: [/* @__PURE__ */ b("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ v("div", {
+									children: [/* @__PURE__ */ y("div", {
 										className: "p-2 bg-gradient-to-br from-primary/20 to-primary/5 rounded-lg",
-										children: /* @__PURE__ */ v(D, { className: "h-5 w-5 text-primary" })
-									}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v(s, {
+										children: /* @__PURE__ */ y(O, { className: "h-5 w-5 text-primary" })
+									}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y(c, {
 										className: "text-base",
 										children: e.name
-									}), /* @__PURE__ */ v(a, {
+									}), /* @__PURE__ */ y(o, {
 										className: "text-xs line-clamp-1",
 										children: e.description
 									})] })]
-								}), /* @__PURE__ */ v(u, { status: e.status })]
-							}) }), /* @__PURE__ */ v(i, { children: /* @__PURE__ */ y("div", {
+								}), /* @__PURE__ */ y(d, { status: e.status })]
+							}) }), /* @__PURE__ */ y(a, { children: /* @__PURE__ */ b("div", {
 								className: "space-y-3",
-								children: [/* @__PURE__ */ y("div", {
+								children: [/* @__PURE__ */ b("div", {
 									className: "flex flex-wrap gap-2",
 									children: [
-										e.promptTemplateId && /* @__PURE__ */ y(l, {
+										e.promptTemplateId && /* @__PURE__ */ b(u, {
 											variant: "outline",
 											className: "text-xs flex items-center gap-1",
-											children: [/* @__PURE__ */ v(S, { size: 10 }), "Prompt"]
+											children: [/* @__PURE__ */ y(C, { size: 10 }), A("botlit.skills.badge.prompt", "Prompt")]
 										}),
-										e.toolPolicyId && /* @__PURE__ */ y(l, {
+										e.toolPolicyId && /* @__PURE__ */ b(u, {
 											variant: "outline",
 											className: "text-xs flex items-center gap-1",
-											children: [/* @__PURE__ */ v(O, { size: 10 }), "Tools"]
+											children: [/* @__PURE__ */ y(k, { size: 10 }), A("botlit.skills.badge.tools", "Tools")]
 										}),
-										e.retrievalProfileId && /* @__PURE__ */ y(l, {
+										e.retrievalProfileId && /* @__PURE__ */ b(u, {
 											variant: "outline",
 											className: "text-xs flex items-center gap-1",
-											children: [/* @__PURE__ */ v(x, { size: 10 }), "Knowledge"]
+											children: [/* @__PURE__ */ y(S, { size: 10 }), A("botlit.skills.badge.knowledge", "Knowledge")]
 										})
 									]
-								}), /* @__PURE__ */ y("div", {
+								}), /* @__PURE__ */ b("div", {
 									className: "pt-3 border-t border-border-subtle text-xs text-text-secondary",
-									children: ["Created ", t(e.createdAt)]
+									children: [
+										A("botlit.botsList.createdLabel", "Created"),
+										" ",
+										n(e.createdAt)
+									]
 								})]
 							}) })]
 						})
 					}, e.id))
-				}) : /* @__PURE__ */ v(d, {
+				}) : /* @__PURE__ */ y(f, {
 					illustration: "empty-generic",
-					title: "No skills created",
-					description: "Create reusable skill bundles to quickly configure agents with common capabilities.",
-					action: /* @__PURE__ */ v(c, {
-						leftIcon: /* @__PURE__ */ v(T, { size: 16 }),
-						children: /* @__PURE__ */ v(b, {
-							to: k("skills/new"),
-							children: "Create Skill"
+					title: A("botlit.skills.empty.title", "No skills created"),
+					description: A("botlit.skills.empty.description", "Create reusable skill bundles to quickly configure agents with common capabilities."),
+					action: /* @__PURE__ */ y(l, {
+						leftIcon: /* @__PURE__ */ y(E, { size: 16 }),
+						children: /* @__PURE__ */ y(x, {
+							to: j("skills/new"),
+							children: A("botlit.skills.actions.createSkill", "Create Skill")
 						})
 					})
 				}),
-				/* @__PURE__ */ y(g, {
+				/* @__PURE__ */ b(_, {
 					treatment: "glass",
 					glow: !0,
 					className: "p-6",
-					children: [/* @__PURE__ */ y("div", {
+					children: [/* @__PURE__ */ b("div", {
 						className: "mb-4",
-						children: [/* @__PURE__ */ y("h2", {
+						children: [/* @__PURE__ */ b("h2", {
 							className: "flex items-center gap-2 text-lg font-semibold tracking-tight text-text-primary",
-							children: [/* @__PURE__ */ v(w, { size: 18 }), "What are Skills?"]
-						}), /* @__PURE__ */ v("p", {
+							children: [/* @__PURE__ */ y(T, { size: 18 }), A("botlit.skills.overview.title", "What are Skills?")]
+						}), /* @__PURE__ */ y("p", {
 							className: "text-sm text-text-secondary",
-							children: "Skills are composable bundles that encapsulate agent capabilities"
+							children: A("botlit.skills.overview.description", "Skills are composable bundles that encapsulate agent capabilities")
 						})]
-					}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y("div", {
+					}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("div", {
 						className: "grid grid-cols-1 md:grid-cols-3 gap-6",
 						children: [
-							/* @__PURE__ */ y("div", {
+							/* @__PURE__ */ b("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ y("h4", {
+								children: [/* @__PURE__ */ b("h4", {
 									className: "font-medium flex items-center gap-2",
-									children: [/* @__PURE__ */ v(S, {
+									children: [/* @__PURE__ */ y(C, {
 										size: 16,
 										className: "text-primary"
-									}), "Prompt Templates"]
-								}), /* @__PURE__ */ v("p", {
+									}), A("botlit.skills.overview.promptTitle", "Prompt Templates")]
+								}), /* @__PURE__ */ y("p", {
 									className: "text-sm text-text-secondary",
-									children: "Pre-configured system prompts with variable support for consistent agent behavior."
+									children: A("botlit.skills.overview.promptDescription", "Pre-configured system prompts with variable support for consistent agent behavior.")
 								})]
 							}),
-							/* @__PURE__ */ y("div", {
+							/* @__PURE__ */ b("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ y("h4", {
+								children: [/* @__PURE__ */ b("h4", {
 									className: "font-medium flex items-center gap-2",
-									children: [/* @__PURE__ */ v(O, {
+									children: [/* @__PURE__ */ y(k, {
 										size: 16,
 										className: "text-primary"
-									}), "Tool Configurations"]
-								}), /* @__PURE__ */ v("p", {
+									}), A("botlit.skills.overview.toolsTitle", "Tool Configurations")]
+								}), /* @__PURE__ */ y("p", {
 									className: "text-sm text-text-secondary",
-									children: "Bundled MCP tool packs with policies defining allowed operations and limits."
+									children: A("botlit.skills.overview.toolsDescription", "Bundled MCP tool packs with policies defining allowed operations and limits.")
 								})]
 							}),
-							/* @__PURE__ */ y("div", {
+							/* @__PURE__ */ b("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ y("h4", {
+								children: [/* @__PURE__ */ b("h4", {
 									className: "font-medium flex items-center gap-2",
-									children: [/* @__PURE__ */ v(x, {
+									children: [/* @__PURE__ */ y(S, {
 										size: 16,
 										className: "text-primary"
-									}), "Knowledge Bindings"]
-								}), /* @__PURE__ */ v("p", {
+									}), A("botlit.skills.overview.knowledgeTitle", "Knowledge Bindings")]
+								}), /* @__PURE__ */ y("p", {
 									className: "text-sm text-text-secondary",
-									children: "Pre-configured retrieval profiles for domain-specific knowledge access."
+									children: A("botlit.skills.overview.knowledgeDescription", "Pre-configured retrieval profiles for domain-specific knowledge access.")
 								})]
 							})
 						]
-					}), /* @__PURE__ */ y("div", {
+					}), /* @__PURE__ */ b("div", {
 						className: "mt-6 p-4 bg-bg-sunken rounded-lg",
-						children: [/* @__PURE__ */ v("h4", {
+						children: [/* @__PURE__ */ y("h4", {
 							className: "font-medium mb-2",
-							children: "Use Cases"
-						}), /* @__PURE__ */ y("ul", {
+							children: A("botlit.skills.overview.useCases.title", "Use Cases")
+						}), /* @__PURE__ */ b("ul", {
 							className: "text-sm text-text-secondary space-y-1",
 							children: [
-								/* @__PURE__ */ v("li", { children: "• Create a \"Customer Support\" skill with FAQ knowledge and ticketing tools" }),
-								/* @__PURE__ */ v("li", { children: "• Build a \"Code Review\" skill with GitHub tools and coding guidelines" }),
-								/* @__PURE__ */ v("li", { children: "• Package a \"Sales Assistant\" skill with CRM tools and product catalog" })
+								/* @__PURE__ */ b("li", { children: [
+									"•",
+									" ",
+									A("botlit.skills.overview.useCases.case1", "Create a \"Customer Support\" skill with FAQ knowledge and ticketing tools")
+								] }),
+								/* @__PURE__ */ b("li", { children: [
+									"•",
+									" ",
+									A("botlit.skills.overview.useCases.case2", "Build a \"Code Review\" skill with GitHub tools and coding guidelines")
+								] }),
+								/* @__PURE__ */ b("li", { children: [
+									"•",
+									" ",
+									A("botlit.skills.overview.useCases.case3", "Package a \"Sales Assistant\" skill with CRM tools and product catalog")
+								] })
 							]
 						})]
 					})] })]
@@ -201,6 +218,6 @@ var k = () => {
 	});
 };
 //#endregion
-export { k as SkillsPage };
+export { A as SkillsPage };
 
 //# sourceMappingURL=SkillsPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SkillsPage.js","names":[],"sources":["../../../src/botlit/pages/SkillsPage.tsx"],"sourcesContent":["/**\n * Skills 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  Sparkles,\n  FileText,\n  Wrench,\n  Database,\n  Package,\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 { useSkills } from '../hooks';\nimport { formatRelativeTime } from '../utils/formatters';\n\nexport const SkillsPage: FC = () => {\n  const { getPath } = useBotlit();\n  const [search, setSearch] = useState('');\n  const { data: skills, loading, error, refetch } = useSkills({ search });\n\n  return (\n    <PageLayout\n      title=\"Skills\"\n      description=\"Reusable skill bundles that combine prompts, tools, and knowledge\"\n      actions={\n        <Button leftIcon={<Plus size={16} />}>\n          <Link to={getPath('skills/new')}>Create Skill</Link>\n        </Button>\n      }\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<Sparkles size={18} />}>\n          A skill is a reusable bundle that packages a prompt template, a tool policy and a\n          knowledge (retrieval) profile into one capability you can drop onto any agent. Build a\n          skill once — say &ldquo;Customer Support&rdquo; or &ldquo;Code Review&rdquo; — and reuse\n          it across agents instead of wiring the same prompt, tools and knowledge by hand each time.\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 skills...\"\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        {/* Skills 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=\"skills\" error={error} onRetry={() => void refetch()} />\n        ) : skills.length > 0 ? (\n          <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n            {skills.map(\n              (skill: {\n                id: string;\n                name: string;\n                description?: string | null;\n                status: string;\n                promptTemplateId?: string | null;\n                toolPolicyId?: string | null;\n                retrievalProfileId?: string | null;\n                createdAt: string;\n              }) => (\n                <Link key={skill.id} to={getPath(`skills/${skill.id}`)}>\n                  <Card className=\"h-full hover:border-primary/50 transition-colors cursor-pointer\">\n                    <CardHeader>\n                      <div className=\"flex items-start justify-between\">\n                        <div className=\"flex items-center gap-3\">\n                          <div className=\"p-2 bg-gradient-to-br from-primary/20 to-primary/5 rounded-lg\">\n                            <Sparkles className=\"h-5 w-5 text-primary\" />\n                          </div>\n                          <div>\n                            <CardTitle className=\"text-base\">{skill.name}</CardTitle>\n                            <CardDescription className=\"text-xs line-clamp-1\">\n                              {skill.description}\n                            </CardDescription>\n                          </div>\n                        </div>\n                        <StatusBadge status={skill.status} />\n                      </div>\n                    </CardHeader>\n                    <CardContent>\n                      <div className=\"space-y-3\">\n                        {/* Capabilities */}\n                        <div className=\"flex flex-wrap gap-2\">\n                          {skill.promptTemplateId && (\n                            <Badge variant=\"outline\" className=\"text-xs flex items-center gap-1\">\n                              <FileText size={10} />\n                              Prompt\n                            </Badge>\n                          )}\n                          {skill.toolPolicyId && (\n                            <Badge variant=\"outline\" className=\"text-xs flex items-center gap-1\">\n                              <Wrench size={10} />\n                              Tools\n                            </Badge>\n                          )}\n                          {skill.retrievalProfileId && (\n                            <Badge variant=\"outline\" className=\"text-xs flex items-center gap-1\">\n                              <Database size={10} />\n                              Knowledge\n                            </Badge>\n                          )}\n                        </div>\n\n                        {/* Footer */}\n                        <div className=\"pt-3 border-t border-border-subtle text-xs text-text-secondary\">\n                          Created {formatRelativeTime(skill.createdAt)}\n                        </div>\n                      </div>\n                    </CardContent>\n                  </Card>\n                </Link>\n              )\n            )}\n          </div>\n        ) : (\n          <EmptyState\n            illustration=\"empty-generic\"\n            title=\"No skills created\"\n            description=\"Create reusable skill bundles to quickly configure agents with common capabilities.\"\n            action={\n              <Button leftIcon={<Plus size={16} />}>\n                <Link to={getPath('skills/new')}>Create Skill</Link>\n              </Button>\n            }\n          />\n        )}\n\n        {/* Skills Overview */}\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              <Package size={18} />\n              What are Skills?\n            </h2>\n            <p className=\"text-sm text-text-secondary\">\n              Skills are composable bundles that encapsulate agent capabilities\n            </p>\n          </div>\n          <div>\n            <div className=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n              <div className=\"space-y-2\">\n                <h4 className=\"font-medium flex items-center gap-2\">\n                  <FileText size={16} className=\"text-primary\" />\n                  Prompt Templates\n                </h4>\n                <p className=\"text-sm text-text-secondary\">\n                  Pre-configured system prompts with variable support for consistent agent behavior.\n                </p>\n              </div>\n              <div className=\"space-y-2\">\n                <h4 className=\"font-medium flex items-center gap-2\">\n                  <Wrench size={16} className=\"text-primary\" />\n                  Tool Configurations\n                </h4>\n                <p className=\"text-sm text-text-secondary\">\n                  Bundled MCP tool packs with policies defining allowed operations and limits.\n                </p>\n              </div>\n              <div className=\"space-y-2\">\n                <h4 className=\"font-medium flex items-center gap-2\">\n                  <Database size={16} className=\"text-primary\" />\n                  Knowledge Bindings\n                </h4>\n                <p className=\"text-sm text-text-secondary\">\n                  Pre-configured retrieval profiles for domain-specific knowledge access.\n                </p>\n              </div>\n            </div>\n\n            <div className=\"mt-6 p-4 bg-bg-sunken rounded-lg\">\n              <h4 className=\"font-medium mb-2\">Use Cases</h4>\n              <ul className=\"text-sm text-text-secondary space-y-1\">\n                <li>• Create a \"Customer Support\" skill with FAQ knowledge and ticketing tools</li>\n                <li>• Build a \"Code Review\" skill with GitHub tools and coding guidelines</li>\n                <li>• Package a \"Sales Assistant\" skill with CRM tools and product catalog</li>\n              </ul>\n            </div>\n          </div>\n        </GlassCard>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"SkillsPage.js","names":[],"sources":["../../../src/botlit/pages/SkillsPage.tsx"],"sourcesContent":["/**\n * Skills 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  Sparkles,\n  FileText,\n  Wrench,\n  Database,\n  Package,\n} from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\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 { useSkills } from '../hooks';\nimport { formatRelativeTime } from '../utils/formatters';\n\nexport const SkillsPage: FC = () => {\n  const t = useTr();\n  const { getPath } = useBotlit();\n  const [search, setSearch] = useState('');\n  const { data: skills, loading, error, refetch } = useSkills({ search });\n\n  return (\n    <PageLayout\n      title={t('botlit.skills.title', 'Skills')}\n      description={t(\n        'botlit.skills.description',\n        'Reusable skill bundles that combine prompts, tools, and knowledge'\n      )}\n      actions={\n        <Button leftIcon={<Plus size={16} />}>\n          <Link to={getPath('skills/new')}>\n            {t('botlit.skills.actions.createSkill', 'Create Skill')}\n          </Link>\n        </Button>\n      }\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<Sparkles size={18} />}>\n          {t(\n            'botlit.skills.purpose',\n            'A skill is a reusable bundle that packages a prompt template, a tool policy and a knowledge (retrieval) profile into one capability you can drop onto any agent. Build a skill once — say \"Customer Support\" or \"Code Review\" — and reuse it across agents instead of wiring the same prompt, tools and knowledge by hand each time.'\n          )}\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={t('botlit.skills.searchPlaceholder', 'Search skills...')}\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            {t('botlit.skills.actions.filters', 'Filters')}\n          </Button>\n        </div>\n\n        {/* Skills 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=\"skills\" error={error} onRetry={() => void refetch()} />\n        ) : skills.length > 0 ? (\n          <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n            {skills.map(\n              (skill: {\n                id: string;\n                name: string;\n                description?: string | null;\n                status: string;\n                promptTemplateId?: string | null;\n                toolPolicyId?: string | null;\n                retrievalProfileId?: string | null;\n                createdAt: string;\n              }) => (\n                <Link key={skill.id} to={getPath(`skills/${skill.id}`)}>\n                  <Card className=\"h-full hover:border-primary/50 transition-colors cursor-pointer\">\n                    <CardHeader>\n                      <div className=\"flex items-start justify-between\">\n                        <div className=\"flex items-center gap-3\">\n                          <div className=\"p-2 bg-gradient-to-br from-primary/20 to-primary/5 rounded-lg\">\n                            <Sparkles className=\"h-5 w-5 text-primary\" />\n                          </div>\n                          <div>\n                            <CardTitle className=\"text-base\">{skill.name}</CardTitle>\n                            <CardDescription className=\"text-xs line-clamp-1\">\n                              {skill.description}\n                            </CardDescription>\n                          </div>\n                        </div>\n                        <StatusBadge status={skill.status} />\n                      </div>\n                    </CardHeader>\n                    <CardContent>\n                      <div className=\"space-y-3\">\n                        {/* Capabilities */}\n                        <div className=\"flex flex-wrap gap-2\">\n                          {skill.promptTemplateId && (\n                            <Badge variant=\"outline\" className=\"text-xs flex items-center gap-1\">\n                              <FileText size={10} />\n                              {t('botlit.skills.badge.prompt', 'Prompt')}\n                            </Badge>\n                          )}\n                          {skill.toolPolicyId && (\n                            <Badge variant=\"outline\" className=\"text-xs flex items-center gap-1\">\n                              <Wrench size={10} />\n                              {t('botlit.skills.badge.tools', 'Tools')}\n                            </Badge>\n                          )}\n                          {skill.retrievalProfileId && (\n                            <Badge variant=\"outline\" className=\"text-xs flex items-center gap-1\">\n                              <Database size={10} />\n                              {t('botlit.skills.badge.knowledge', 'Knowledge')}\n                            </Badge>\n                          )}\n                        </div>\n\n                        {/* Footer */}\n                        <div className=\"pt-3 border-t border-border-subtle text-xs text-text-secondary\">\n                          {t('botlit.botsList.createdLabel', 'Created')}{' '}\n                          {formatRelativeTime(skill.createdAt)}\n                        </div>\n                      </div>\n                    </CardContent>\n                  </Card>\n                </Link>\n              )\n            )}\n          </div>\n        ) : (\n          <EmptyState\n            illustration=\"empty-generic\"\n            title={t('botlit.skills.empty.title', 'No skills created')}\n            description={t(\n              'botlit.skills.empty.description',\n              'Create reusable skill bundles to quickly configure agents with common capabilities.'\n            )}\n            action={\n              <Button leftIcon={<Plus size={16} />}>\n                <Link to={getPath('skills/new')}>\n                  {t('botlit.skills.actions.createSkill', 'Create Skill')}\n                </Link>\n              </Button>\n            }\n          />\n        )}\n\n        {/* Skills Overview */}\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              <Package size={18} />\n              {t('botlit.skills.overview.title', 'What are Skills?')}\n            </h2>\n            <p className=\"text-sm text-text-secondary\">\n              {t(\n                'botlit.skills.overview.description',\n                'Skills are composable bundles that encapsulate agent capabilities'\n              )}\n            </p>\n          </div>\n          <div>\n            <div className=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n              <div className=\"space-y-2\">\n                <h4 className=\"font-medium flex items-center gap-2\">\n                  <FileText size={16} className=\"text-primary\" />\n                  {t('botlit.skills.overview.promptTitle', 'Prompt Templates')}\n                </h4>\n                <p className=\"text-sm text-text-secondary\">\n                  {t(\n                    'botlit.skills.overview.promptDescription',\n                    'Pre-configured system prompts with variable support for consistent agent behavior.'\n                  )}\n                </p>\n              </div>\n              <div className=\"space-y-2\">\n                <h4 className=\"font-medium flex items-center gap-2\">\n                  <Wrench size={16} className=\"text-primary\" />\n                  {t('botlit.skills.overview.toolsTitle', 'Tool Configurations')}\n                </h4>\n                <p className=\"text-sm text-text-secondary\">\n                  {t(\n                    'botlit.skills.overview.toolsDescription',\n                    'Bundled MCP tool packs with policies defining allowed operations and limits.'\n                  )}\n                </p>\n              </div>\n              <div className=\"space-y-2\">\n                <h4 className=\"font-medium flex items-center gap-2\">\n                  <Database size={16} className=\"text-primary\" />\n                  {t('botlit.skills.overview.knowledgeTitle', 'Knowledge Bindings')}\n                </h4>\n                <p className=\"text-sm text-text-secondary\">\n                  {t(\n                    'botlit.skills.overview.knowledgeDescription',\n                    'Pre-configured retrieval profiles for domain-specific knowledge access.'\n                  )}\n                </p>\n              </div>\n            </div>\n\n            <div className=\"mt-6 p-4 bg-bg-sunken rounded-lg\">\n              <h4 className=\"font-medium mb-2\">\n                {t('botlit.skills.overview.useCases.title', 'Use Cases')}\n              </h4>\n              <ul className=\"text-sm text-text-secondary space-y-1\">\n                <li>\n                  •{' '}\n                  {t(\n                    'botlit.skills.overview.useCases.case1',\n                    'Create a \"Customer Support\" skill with FAQ knowledge and ticketing tools'\n                  )}\n                </li>\n                <li>\n                  •{' '}\n                  {t(\n                    'botlit.skills.overview.useCases.case2',\n                    'Build a \"Code Review\" skill with GitHub tools and coding guidelines'\n                  )}\n                </li>\n                <li>\n                  •{' '}\n                  {t(\n                    'botlit.skills.overview.useCases.case3',\n                    'Package a \"Sales Assistant\" skill with CRM tools and product catalog'\n                  )}\n                </li>\n              </ul>\n            </div>\n          </div>\n        </GlassCard>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}