@burdenoff/microfe-botmanor 2026.1027.2 → 2026.1027.3

package/dist/botlit/pages/PoliciesPage.js

@@ -1,34 +1,37 @@
 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, 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 { usePolicies as m } from "../hooks/usePolicies.js";
+import { BOTMANOR_PERMISSIONS as r } from "../permissions/botmanorPermissions.js";
+import { BotmanorPermissionGate as i } from "../permissions/useBotmanorPermissions.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, 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 { usePolicies as g } from "../hooks/usePolicies.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 { AlertTriangle as x, Clock as S, Database as C, DollarSign as w, Filter as T, MessageSquare as E, Plus as D, Search as O, Shield as k, Trash2 as A, Wrench as j } from "lucide-react";
+import { useState as _ } from "react";
+import { GlassCard as v, PagePurpose as y } from "@burdenoff/fe-libs/ui";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { Link as S } from "react-router";
+import { AlertTriangle as C, Clock as w, Database as T, DollarSign as E, Filter as D, MessageSquare as O, Plus as k, Search as A, Shield as j, Trash2 as M, Wrench as N } from "lucide-react";
 //#region src/botlit/pages/PoliciesPage.tsx
-var M = ({ type: e, className: t }) => {
+var P = ({ type: e, className: t }) => {
 	switch (e) {
-		case "CONTENT": return /* @__PURE__ */ v(x, { className: t });
-		case "TOOL": return /* @__PURE__ */ v(j, { className: t });
-		case "DATA": return /* @__PURE__ */ v(C, { className: t });
-		case "RESPONSE": return /* @__PURE__ */ v(E, { className: t });
-		case "BUDGET": return /* @__PURE__ */ v(w, { className: t });
-		case "RATE_LIMIT": return /* @__PURE__ */ v(S, { className: t });
-		case "RETENTION": return /* @__PURE__ */ v(A, { className: t });
-		default: return /* @__PURE__ */ v(k, { className: t });
+		case "CONTENT": return /* @__PURE__ */ b(C, { className: t });
+		case "TOOL": return /* @__PURE__ */ b(N, { className: t });
+		case "DATA": return /* @__PURE__ */ b(T, { className: t });
+		case "RESPONSE": return /* @__PURE__ */ b(O, { className: t });
+		case "BUDGET": return /* @__PURE__ */ b(E, { className: t });
+		case "RATE_LIMIT": return /* @__PURE__ */ b(w, { className: t });
+		case "RETENTION": return /* @__PURE__ */ b(M, { className: t });
+		default: return /* @__PURE__ */ b(j, { className: t });
 	}
 };
-function N(e) {
+function F(e) {
 	return {
 		CONTENT: e("botlit.policies.typeLabel.CONTENT", "Content Safety"),
 		TOOL: e("botlit.policies.typeLabel.TOOL", "Tool Access"),
@@ -39,32 +42,35 @@ function N(e) {
 		RETENTION: e("botlit.policies.typeLabel.RETENTION", "Data Retention")
 	};
 }
-var P = () => {
-	let x = e(), { getPath: S } = t(), [C, w] = h(""), [E, A] = h(null), { data: j, loading: P, error: F, refetch: I } = m({ search: C }), L = N(x), R = E ? j.filter((e) => e.type === E) : j;
-	return /* @__PURE__ */ v(r, {
-		title: x("botlit.policies.title", "Policies & Guardrails"),
-		description: x("botlit.policies.description", "Configure safety rules, access controls, and operational limits"),
-		actions: /* @__PURE__ */ v(c, {
-			leftIcon: /* @__PURE__ */ v(D, { size: 16 }),
-			children: /* @__PURE__ */ v(b, {
-				to: S("policies/new"),
-				children: x("botlit.policies.actions.createPolicy", "Create Policy")
+var I = () => {
+	let C = e(), { getPath: w } = t(), [T, E] = _(""), [O, M] = _(null), { data: N, loading: I, error: L, refetch: R } = g({ search: T }), z = F(C), B = O ? N.filter((e) => e.type === O) : N;
+	return /* @__PURE__ */ b(a, {
+		title: C("botlit.policies.title", "Policies & Guardrails"),
+		description: C("botlit.policies.description", "Configure safety rules, access controls, and operational limits"),
+		actions: /* @__PURE__ */ b(i, {
+			permission: r.POLICY_CREATE,
+			children: /* @__PURE__ */ b(o, {
+				leftIcon: /* @__PURE__ */ b(k, { size: 16 }),
+				children: /* @__PURE__ */ b(S, {
+					to: w("policies/new"),
+					children: C("botlit.policies.actions.createPolicy", "Create Policy")
+				})
 			})
 		}),
-		children: /* @__PURE__ */ y("div", {
+		children: /* @__PURE__ */ x("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ v(_, {
-					icon: /* @__PURE__ */ v(k, { size: 18 }),
-					children: x("botlit.policies.purpose", "Policies are the guardrails that keep your agents safe and within budget. Each policy enforces one kind of rule — blocking harmful content or PII, restricting which tools an agent may call, capping token spend, or rate-limiting requests. Define policies here and attach them to agents so every execution stays compliant and predictable.")
+				/* @__PURE__ */ b(y, {
+					icon: /* @__PURE__ */ b(j, { size: 18 }),
+					children: C("botlit.policies.purpose", "Policies are the guardrails that keep your agents safe and within budget. Each policy enforces one kind of rule — blocking harmful content or PII, restricting which tools an agent may call, capping token spend, or rate-limiting requests. Define policies here and attach them to agents so every execution stays compliant and predictable.")
 				}),
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ x("div", {
 					className: "flex flex-wrap gap-2",
-					children: [/* @__PURE__ */ v(c, {
-						variant: E === null ? "default" : "outline",
+					children: [/* @__PURE__ */ b(o, {
+						variant: O === null ? "default" : "outline",
 						size: "sm",
-						onClick: () => A(null),
-						children: x("botlit.store.filters.all", "All")
+						onClick: () => M(null),
+						children: C("botlit.store.filters.all", "All")
 					}), [
 						"CONTENT",
 						"TOOL",
@@ -73,34 +79,34 @@ var P = () => {
 						"BUDGET",
 						"RATE_LIMIT",
 						"RETENTION"
-					].map((e) => /* @__PURE__ */ v(c, {
-						variant: E === e ? "default" : "outline",
+					].map((e) => /* @__PURE__ */ b(o, {
+						variant: O === e ? "default" : "outline",
 						size: "sm",
-						onClick: () => A(e),
-						leftIcon: /* @__PURE__ */ v(M, {
+						onClick: () => M(e),
+						leftIcon: /* @__PURE__ */ b(P, {
 							type: e,
 							className: "h-4 w-4"
 						}),
-						children: L[e]
+						children: z[e]
 					}, e))]
 				}),
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ x("div", {
 					className: "flex items-center gap-4",
-					children: [/* @__PURE__ */ y("div", {
+					children: [/* @__PURE__ */ x("div", {
 						className: "relative flex-1 max-w-md",
-						children: [/* @__PURE__ */ v(O, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ v(f, {
-							placeholder: x("botlit.policies.searchPlaceholder", "Search policies..."),
-							value: C,
-							onChange: (e) => w(e.target.value),
+						children: [/* @__PURE__ */ b(A, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ b(m, {
+							placeholder: C("botlit.policies.searchPlaceholder", "Search policies..."),
+							value: T,
+							onChange: (e) => E(e.target.value),
 							className: "pl-9"
 						})]
-					}), /* @__PURE__ */ v(c, {
+					}), /* @__PURE__ */ b(o, {
 						variant: "outline",
-						leftIcon: /* @__PURE__ */ v(T, { size: 16 }),
-						children: x("botlit.policies.actions.moreFilters", "More Filters")
+						leftIcon: /* @__PURE__ */ b(D, { size: 16 }),
+						children: C("botlit.policies.actions.moreFilters", "More Filters")
 					})]
 				}),
-				P ? /* @__PURE__ */ v("div", {
+				I ? /* @__PURE__ */ b("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
 					children: [
 						1,
@@ -109,47 +115,47 @@ var P = () => {
 						4,
 						5,
 						6
-					].map((e) => /* @__PURE__ */ v("div", { className: "h-40 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
-				}) : F ? /* @__PURE__ */ v(p, {
+					].map((e) => /* @__PURE__ */ b("div", { className: "h-40 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
+				}) : L ? /* @__PURE__ */ b(h, {
 					resource: "policies",
-					error: F,
-					onRetry: () => void I()
-				}) : R.length > 0 ? /* @__PURE__ */ v("div", {
+					error: L,
+					onRetry: () => void R()
+				}) : B.length > 0 ? /* @__PURE__ */ b("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
-					children: R.map((e) => /* @__PURE__ */ v(b, {
-						to: S(`policies/${e.id}`),
-						children: /* @__PURE__ */ y(i, {
+					children: B.map((e) => /* @__PURE__ */ b(S, {
+						to: w(`policies/${e.id}`),
+						children: /* @__PURE__ */ x(s, {
 							className: "h-full hover:border-primary/50 transition-colors cursor-pointer",
-							children: [/* @__PURE__ */ v(o, {
+							children: [/* @__PURE__ */ b(l, {
 								className: "pb-2",
-								children: /* @__PURE__ */ y("div", {
+								children: /* @__PURE__ */ x("div", {
 									className: "flex items-start justify-between",
-									children: [/* @__PURE__ */ y("div", {
+									children: [/* @__PURE__ */ x("div", {
 										className: "flex items-center gap-3",
-										children: [/* @__PURE__ */ v("div", {
+										children: [/* @__PURE__ */ b("div", {
 											className: `p-2 rounded-lg ${e.type === "CONTENT" ? "bg-status-error-bg-subtle" : e.type === "TOOL" ? "bg-status-info-bg-subtle" : e.type === "BUDGET" ? "bg-status-warning-bg-subtle" : "bg-action-primary-bg/10"}`,
-											children: /* @__PURE__ */ v(M, {
+											children: /* @__PURE__ */ b(P, {
 												type: e.type,
 												className: `h-5 w-5 ${e.type === "CONTENT" ? "text-status-error-text" : e.type === "TOOL" ? "text-status-info-text" : e.type === "BUDGET" ? "text-status-warning-text" : "text-primary"}`
 											})
-										}), /* @__PURE__ */ v("div", { children: /* @__PURE__ */ v(s, {
+										}), /* @__PURE__ */ b("div", { children: /* @__PURE__ */ b(u, {
 											className: "text-base",
 											children: e.name
 										}) })]
-									}), /* @__PURE__ */ v(u, { status: e.status })]
+									}), /* @__PURE__ */ b(f, { status: e.status })]
 								})
-							}), /* @__PURE__ */ v(a, { children: /* @__PURE__ */ y("div", {
+							}), /* @__PURE__ */ b(c, { children: /* @__PURE__ */ x("div", {
 								className: "space-y-3",
-								children: [/* @__PURE__ */ v("p", {
+								children: [/* @__PURE__ */ b("p", {
 									className: "text-sm text-text-secondary line-clamp-2",
 									children: e.description
-								}), /* @__PURE__ */ y("div", {
+								}), /* @__PURE__ */ x("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ v(l, {
+									children: [/* @__PURE__ */ b(d, {
 										variant: "outline",
 										className: "text-xs",
-										children: L[e.type]
-									}), /* @__PURE__ */ v("span", {
+										children: z[e.type]
+									}), /* @__PURE__ */ b("span", {
 										className: "text-xs text-text-secondary",
 										children: n(e.createdAt)
 									})]
@@ -157,62 +163,65 @@ var P = () => {
 							}) })]
 						})
 					}, e.id))
-				}) : /* @__PURE__ */ v(d, {
+				}) : /* @__PURE__ */ b(p, {
 					illustration: "empty-generic",
-					title: E ? x("botlit.policies.empty.titleNoType", "No {{type}} policies", { type: L[E] }) : x("botlit.policies.empty.title", "No policies"),
-					description: x("botlit.policies.empty.description", "Create policies to enforce safety rules and operational limits across your agents."),
-					action: /* @__PURE__ */ v(c, {
-						leftIcon: /* @__PURE__ */ v(D, { size: 16 }),
-						children: /* @__PURE__ */ v(b, {
-							to: S("policies/new"),
-							children: x("botlit.policies.actions.createPolicy", "Create Policy")
+					title: O ? C("botlit.policies.empty.titleNoType", "No {{type}} policies", { type: z[O] }) : C("botlit.policies.empty.title", "No policies"),
+					description: C("botlit.policies.empty.description", "Create policies to enforce safety rules and operational limits across your agents."),
+					action: /* @__PURE__ */ b(i, {
+						permission: r.POLICY_CREATE,
+						children: /* @__PURE__ */ b(o, {
+							leftIcon: /* @__PURE__ */ b(k, { size: 16 }),
+							children: /* @__PURE__ */ b(S, {
+								to: w("policies/new"),
+								children: C("botlit.policies.actions.createPolicy", "Create Policy")
+							})
 						})
 					})
 				}),
-				/* @__PURE__ */ y(g, {
+				/* @__PURE__ */ x(v, {
 					treatment: "glass",
 					glow: !0,
 					className: "p-6",
-					children: [/* @__PURE__ */ y("div", {
+					children: [/* @__PURE__ */ x("div", {
 						className: "mb-4",
-						children: [/* @__PURE__ */ v("h2", {
+						children: [/* @__PURE__ */ b("h2", {
 							className: "text-lg font-semibold tracking-tight text-text-primary",
-							children: x("botlit.policies.overview.title", "Policy Types")
-						}), /* @__PURE__ */ v("p", {
+							children: C("botlit.policies.overview.title", "Policy Types")
+						}), /* @__PURE__ */ b("p", {
 							className: "text-sm text-text-secondary",
-							children: x("botlit.policies.overview.description", "Different policy types control different aspects of agent behavior")
+							children: C("botlit.policies.overview.description", "Different policy types control different aspects of agent behavior")
 						})]
-					}), /* @__PURE__ */ v("div", {
+					}), /* @__PURE__ */ b("div", {
 						className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4",
 						children: [
 							{
 								type: "CONTENT",
-								desc: x("botlit.policies.overview.contentDescription", "Detect and block harmful content, jailbreaks, and PII")
+								desc: C("botlit.policies.overview.contentDescription", "Detect and block harmful content, jailbreaks, and PII")
 							},
 							{
 								type: "TOOL",
-								desc: x("botlit.policies.overview.toolDescription", "Control which tools agents can access and use")
+								desc: C("botlit.policies.overview.toolDescription", "Control which tools agents can access and use")
 							},
 							{
 								type: "BUDGET",
-								desc: x("botlit.policies.overview.budgetDescription", "Set token limits and cost caps per execution")
+								desc: C("botlit.policies.overview.budgetDescription", "Set token limits and cost caps per execution")
 							},
 							{
 								type: "RATE_LIMIT",
-								desc: x("botlit.policies.overview.rateLimitDescription", "Limit request frequency to prevent abuse")
+								desc: C("botlit.policies.overview.rateLimitDescription", "Limit request frequency to prevent abuse")
 							}
-						].map((e) => /* @__PURE__ */ y("div", {
+						].map((e) => /* @__PURE__ */ x("div", {
 							className: "p-4 border border-border-subtle rounded-lg",
-							children: [/* @__PURE__ */ y("div", {
+							children: [/* @__PURE__ */ x("div", {
 								className: "flex items-center gap-2 mb-2",
-								children: [/* @__PURE__ */ v(M, {
+								children: [/* @__PURE__ */ b(P, {
 									type: e.type,
 									className: "h-5 w-5 text-primary"
-								}), /* @__PURE__ */ v("span", {
+								}), /* @__PURE__ */ b("span", {
 									className: "font-medium",
-									children: L[e.type]
+									children: z[e.type]
 								})]
-							}), /* @__PURE__ */ v("p", {
+							}), /* @__PURE__ */ b("p", {
 								className: "text-sm text-text-secondary",
 								children: e.desc
 							})]
@@ -224,6 +233,6 @@ var P = () => {
 	});
 };
 //#endregion
-export { P as PoliciesPage };
+export { I as PoliciesPage };
 
 //# sourceMappingURL=PoliciesPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PoliciesPage.js","names":[],"sources":["../../../src/botlit/pages/PoliciesPage.tsx"],"sourcesContent":["/**\n * Policies 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  Shield,\n  Wrench,\n  Database,\n  MessageSquare,\n  DollarSign,\n  Clock,\n  Trash2,\n  AlertTriangle,\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 } 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 { usePolicies, type PolicyRecord } from '../hooks';\nimport { formatRelativeTime } from '../utils/formatters';\nimport type { PolicyType } from '../types';\n\nconst PolicyTypeIcon: FC<{ type: string; className?: string }> = ({ type, className }) => {\n  switch (type) {\n    case 'CONTENT':\n      return <AlertTriangle className={className} />;\n    case 'TOOL':\n      return <Wrench className={className} />;\n    case 'DATA':\n      return <Database className={className} />;\n    case 'RESPONSE':\n      return <MessageSquare className={className} />;\n    case 'BUDGET':\n      return <DollarSign className={className} />;\n    case 'RATE_LIMIT':\n      return <Clock className={className} />;\n    case 'RETENTION':\n      return <Trash2 className={className} />;\n    default:\n      return <Shield className={className} />;\n  }\n};\n\nfunction usePolicyTypeLabel(t: ReturnType<typeof useTr>): Record<string, string> {\n  return {\n    CONTENT: t('botlit.policies.typeLabel.CONTENT', 'Content Safety'),\n    TOOL: t('botlit.policies.typeLabel.TOOL', 'Tool Access'),\n    DATA: t('botlit.policies.typeLabel.DATA', 'Data Access'),\n    // New key: the platform i18n store already holds a row for the old\n    // `typeLabel.RESPONSE` key (\"Response Format\") and that row wins.\n    RESPONSE: t('botlit.policies.typeLabel.RESPONSE_MODELS', 'Response & Models'),\n    BUDGET: t('botlit.policies.typeLabel.BUDGET', 'Budget Limits'),\n    RATE_LIMIT: t('botlit.policies.typeLabel.RATE_LIMIT', 'Rate Limiting'),\n    RETENTION: t('botlit.policies.typeLabel.RETENTION', 'Data Retention'),\n  };\n}\n\nexport const PoliciesPage: FC = () => {\n  const t = useTr();\n  const { getPath } = useBotlit();\n  const [search, setSearch] = useState('');\n  const [selectedType, setSelectedType] = useState<PolicyType | null>(null);\n  const { data: policies, loading, error, refetch } = usePolicies({ search });\n  const policyTypeLabel = usePolicyTypeLabel(t);\n\n  const filteredPolicies = selectedType\n    ? policies.filter((policy) => policy.type === selectedType)\n    : policies;\n\n  const policyTypes: PolicyType[] = [\n    'CONTENT',\n    'TOOL',\n    'DATA',\n    'RESPONSE',\n    'BUDGET',\n    'RATE_LIMIT',\n    'RETENTION',\n  ];\n\n  return (\n    <PageLayout\n      title={t('botlit.policies.title', 'Policies & Guardrails')}\n      description={t(\n        'botlit.policies.description',\n        'Configure safety rules, access controls, and operational limits'\n      )}\n      actions={\n        <Button leftIcon={<Plus size={16} />}>\n          <Link to={getPath('policies/new')}>\n            {t('botlit.policies.actions.createPolicy', 'Create Policy')}\n          </Link>\n        </Button>\n      }\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<Shield size={18} />}>\n          {t(\n            'botlit.policies.purpose',\n            'Policies are the guardrails that keep your agents safe and within budget. Each policy enforces one kind of rule — blocking harmful content or PII, restricting which tools an agent may call, capping token spend, or rate-limiting requests. Define policies here and attach them to agents so every execution stays compliant and predictable.'\n          )}\n        </PagePurpose>\n\n        {/* Policy Type Filters */}\n        <div className=\"flex flex-wrap gap-2\">\n          <Button\n            variant={selectedType === null ? 'default' : 'outline'}\n            size=\"sm\"\n            onClick={() => setSelectedType(null)}\n          >\n            {t('botlit.store.filters.all', 'All')}\n          </Button>\n          {policyTypes.map((type) => (\n            <Button\n              key={type}\n              variant={selectedType === type ? 'default' : 'outline'}\n              size=\"sm\"\n              onClick={() => setSelectedType(type)}\n              leftIcon={<PolicyTypeIcon type={type} className=\"h-4 w-4\" />}\n            >\n              {policyTypeLabel[type]}\n            </Button>\n          ))}\n        </div>\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.policies.searchPlaceholder', 'Search policies...')}\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.policies.actions.moreFilters', 'More Filters')}\n          </Button>\n        </div>\n\n        {/* Policies 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-40 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg\"\n              />\n            ))}\n          </div>\n        ) : error ? (\n          <ErrorState resource=\"policies\" error={error} onRetry={() => void refetch()} />\n        ) : filteredPolicies.length > 0 ? (\n          <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n            {filteredPolicies.map((policy: PolicyRecord) => (\n              <Link key={policy.id} to={getPath(`policies/${policy.id}`)}>\n                <Card className=\"h-full hover:border-primary/50 transition-colors cursor-pointer\">\n                  <CardHeader className=\"pb-2\">\n                    <div className=\"flex items-start justify-between\">\n                      <div className=\"flex items-center gap-3\">\n                        <div\n                          className={`p-2 rounded-lg ${\n                            policy.type === 'CONTENT'\n                              ? 'bg-status-error-bg-subtle'\n                              : policy.type === 'TOOL'\n                                ? 'bg-status-info-bg-subtle'\n                                : policy.type === 'BUDGET'\n                                  ? 'bg-status-warning-bg-subtle'\n                                  : 'bg-action-primary-bg/10'\n                          }`}\n                        >\n                          <PolicyTypeIcon\n                            type={policy.type}\n                            className={`h-5 w-5 ${\n                              policy.type === 'CONTENT'\n                                ? 'text-status-error-text'\n                                : policy.type === 'TOOL'\n                                  ? 'text-status-info-text'\n                                  : policy.type === 'BUDGET'\n                                    ? 'text-status-warning-text'\n                                    : 'text-primary'\n                            }`}\n                          />\n                        </div>\n                        <div>\n                          <CardTitle className=\"text-base\">{policy.name}</CardTitle>\n                        </div>\n                      </div>\n                      <StatusBadge status={policy.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                        {policy.description}\n                      </p>\n\n                      {/* Type Badge */}\n                      <div className=\"flex items-center justify-between\">\n                        <Badge variant=\"outline\" className=\"text-xs\">\n                          {policyTypeLabel[policy.type]}\n                        </Badge>\n                        <span className=\"text-xs text-text-secondary\">\n                          {formatRelativeTime(policy.createdAt)}\n                        </span>\n                      </div>\n                    </div>\n                  </CardContent>\n                </Card>\n              </Link>\n            ))}\n          </div>\n        ) : (\n          <EmptyState\n            illustration=\"empty-generic\"\n            title={\n              selectedType\n                ? t('botlit.policies.empty.titleNoType', 'No {{type}} policies', {\n                    type: policyTypeLabel[selectedType],\n                  })\n                : t('botlit.policies.empty.title', 'No policies')\n            }\n            description={t(\n              'botlit.policies.empty.description',\n              'Create policies to enforce safety rules and operational limits across your agents.'\n            )}\n            action={\n              <Button leftIcon={<Plus size={16} />}>\n                <Link to={getPath('policies/new')}>\n                  {t('botlit.policies.actions.createPolicy', 'Create Policy')}\n                </Link>\n              </Button>\n            }\n          />\n        )}\n\n        {/* Policy Types Guide */}\n        <GlassCard treatment=\"glass\" glow className=\"p-6\">\n          <div className=\"mb-4\">\n            <h2 className=\"text-lg font-semibold tracking-tight text-text-primary\">\n              {t('botlit.policies.overview.title', 'Policy Types')}\n            </h2>\n            <p className=\"text-sm text-text-secondary\">\n              {t(\n                'botlit.policies.overview.description',\n                'Different policy types control different aspects of agent behavior'\n              )}\n            </p>\n          </div>\n          <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4\">\n            {[\n              {\n                type: 'CONTENT' as PolicyType,\n                desc: t(\n                  'botlit.policies.overview.contentDescription',\n                  'Detect and block harmful content, jailbreaks, and PII'\n                ),\n              },\n              {\n                type: 'TOOL' as PolicyType,\n                desc: t(\n                  'botlit.policies.overview.toolDescription',\n                  'Control which tools agents can access and use'\n                ),\n              },\n              {\n                type: 'BUDGET' as PolicyType,\n                desc: t(\n                  'botlit.policies.overview.budgetDescription',\n                  'Set token limits and cost caps per execution'\n                ),\n              },\n              {\n                type: 'RATE_LIMIT' as PolicyType,\n                desc: t(\n                  'botlit.policies.overview.rateLimitDescription',\n                  'Limit request frequency to prevent abuse'\n                ),\n              },\n            ].map((item) => (\n              <div key={item.type} className=\"p-4 border border-border-subtle rounded-lg\">\n                <div className=\"flex items-center gap-2 mb-2\">\n                  <PolicyTypeIcon type={item.type} className=\"h-5 w-5 text-primary\" />\n                  <span className=\"font-medium\">{policyTypeLabel[item.type]}</span>\n                </div>\n                <p className=\"text-sm text-text-secondary\">{item.desc}</p>\n              </div>\n            ))}\n          </div>\n        </GlassCard>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"PoliciesPage.js","names":[],"sources":["../../../src/botlit/pages/PoliciesPage.tsx"],"sourcesContent":["/**\n * Policies 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  Shield,\n  Wrench,\n  Database,\n  MessageSquare,\n  DollarSign,\n  Clock,\n  Trash2,\n  AlertTriangle,\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 } 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 { usePolicies, type PolicyRecord } from '../hooks';\nimport { formatRelativeTime } from '../utils/formatters';\nimport type { PolicyType } from '../types';\nimport { BOTMANOR_PERMISSIONS, BotmanorPermissionGate } from '../permissions';\n\nconst PolicyTypeIcon: FC<{ type: string; className?: string }> = ({ type, className }) => {\n  switch (type) {\n    case 'CONTENT':\n      return <AlertTriangle className={className} />;\n    case 'TOOL':\n      return <Wrench className={className} />;\n    case 'DATA':\n      return <Database className={className} />;\n    case 'RESPONSE':\n      return <MessageSquare className={className} />;\n    case 'BUDGET':\n      return <DollarSign className={className} />;\n    case 'RATE_LIMIT':\n      return <Clock className={className} />;\n    case 'RETENTION':\n      return <Trash2 className={className} />;\n    default:\n      return <Shield className={className} />;\n  }\n};\n\nfunction usePolicyTypeLabel(t: ReturnType<typeof useTr>): Record<string, string> {\n  return {\n    CONTENT: t('botlit.policies.typeLabel.CONTENT', 'Content Safety'),\n    TOOL: t('botlit.policies.typeLabel.TOOL', 'Tool Access'),\n    DATA: t('botlit.policies.typeLabel.DATA', 'Data Access'),\n    // New key: the platform i18n store already holds a row for the old\n    // `typeLabel.RESPONSE` key (\"Response Format\") and that row wins.\n    RESPONSE: t('botlit.policies.typeLabel.RESPONSE_MODELS', 'Response & Models'),\n    BUDGET: t('botlit.policies.typeLabel.BUDGET', 'Budget Limits'),\n    RATE_LIMIT: t('botlit.policies.typeLabel.RATE_LIMIT', 'Rate Limiting'),\n    RETENTION: t('botlit.policies.typeLabel.RETENTION', 'Data Retention'),\n  };\n}\n\nexport const PoliciesPage: FC = () => {\n  const t = useTr();\n  const { getPath } = useBotlit();\n  const [search, setSearch] = useState('');\n  const [selectedType, setSelectedType] = useState<PolicyType | null>(null);\n  const { data: policies, loading, error, refetch } = usePolicies({ search });\n  const policyTypeLabel = usePolicyTypeLabel(t);\n\n  const filteredPolicies = selectedType\n    ? policies.filter((policy) => policy.type === selectedType)\n    : policies;\n\n  const policyTypes: PolicyType[] = [\n    'CONTENT',\n    'TOOL',\n    'DATA',\n    'RESPONSE',\n    'BUDGET',\n    'RATE_LIMIT',\n    'RETENTION',\n  ];\n\n  return (\n    <PageLayout\n      title={t('botlit.policies.title', 'Policies & Guardrails')}\n      description={t(\n        'botlit.policies.description',\n        'Configure safety rules, access controls, and operational limits'\n      )}\n      actions={\n        <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.POLICY_CREATE}>\n          <Button leftIcon={<Plus size={16} />}>\n            <Link to={getPath('policies/new')}>\n              {t('botlit.policies.actions.createPolicy', 'Create Policy')}\n            </Link>\n          </Button>\n        </BotmanorPermissionGate>\n      }\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<Shield size={18} />}>\n          {t(\n            'botlit.policies.purpose',\n            'Policies are the guardrails that keep your agents safe and within budget. Each policy enforces one kind of rule — blocking harmful content or PII, restricting which tools an agent may call, capping token spend, or rate-limiting requests. Define policies here and attach them to agents so every execution stays compliant and predictable.'\n          )}\n        </PagePurpose>\n\n        {/* Policy Type Filters */}\n        <div className=\"flex flex-wrap gap-2\">\n          <Button\n            variant={selectedType === null ? 'default' : 'outline'}\n            size=\"sm\"\n            onClick={() => setSelectedType(null)}\n          >\n            {t('botlit.store.filters.all', 'All')}\n          </Button>\n          {policyTypes.map((type) => (\n            <Button\n              key={type}\n              variant={selectedType === type ? 'default' : 'outline'}\n              size=\"sm\"\n              onClick={() => setSelectedType(type)}\n              leftIcon={<PolicyTypeIcon type={type} className=\"h-4 w-4\" />}\n            >\n              {policyTypeLabel[type]}\n            </Button>\n          ))}\n        </div>\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.policies.searchPlaceholder', 'Search policies...')}\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.policies.actions.moreFilters', 'More Filters')}\n          </Button>\n        </div>\n\n        {/* Policies 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-40 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg\"\n              />\n            ))}\n          </div>\n        ) : error ? (\n          <ErrorState resource=\"policies\" error={error} onRetry={() => void refetch()} />\n        ) : filteredPolicies.length > 0 ? (\n          <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n            {filteredPolicies.map((policy: PolicyRecord) => (\n              <Link key={policy.id} to={getPath(`policies/${policy.id}`)}>\n                <Card className=\"h-full hover:border-primary/50 transition-colors cursor-pointer\">\n                  <CardHeader className=\"pb-2\">\n                    <div className=\"flex items-start justify-between\">\n                      <div className=\"flex items-center gap-3\">\n                        <div\n                          className={`p-2 rounded-lg ${\n                            policy.type === 'CONTENT'\n                              ? 'bg-status-error-bg-subtle'\n                              : policy.type === 'TOOL'\n                                ? 'bg-status-info-bg-subtle'\n                                : policy.type === 'BUDGET'\n                                  ? 'bg-status-warning-bg-subtle'\n                                  : 'bg-action-primary-bg/10'\n                          }`}\n                        >\n                          <PolicyTypeIcon\n                            type={policy.type}\n                            className={`h-5 w-5 ${\n                              policy.type === 'CONTENT'\n                                ? 'text-status-error-text'\n                                : policy.type === 'TOOL'\n                                  ? 'text-status-info-text'\n                                  : policy.type === 'BUDGET'\n                                    ? 'text-status-warning-text'\n                                    : 'text-primary'\n                            }`}\n                          />\n                        </div>\n                        <div>\n                          <CardTitle className=\"text-base\">{policy.name}</CardTitle>\n                        </div>\n                      </div>\n                      <StatusBadge status={policy.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                        {policy.description}\n                      </p>\n\n                      {/* Type Badge */}\n                      <div className=\"flex items-center justify-between\">\n                        <Badge variant=\"outline\" className=\"text-xs\">\n                          {policyTypeLabel[policy.type]}\n                        </Badge>\n                        <span className=\"text-xs text-text-secondary\">\n                          {formatRelativeTime(policy.createdAt)}\n                        </span>\n                      </div>\n                    </div>\n                  </CardContent>\n                </Card>\n              </Link>\n            ))}\n          </div>\n        ) : (\n          <EmptyState\n            illustration=\"empty-generic\"\n            title={\n              selectedType\n                ? t('botlit.policies.empty.titleNoType', 'No {{type}} policies', {\n                    type: policyTypeLabel[selectedType],\n                  })\n                : t('botlit.policies.empty.title', 'No policies')\n            }\n            description={t(\n              'botlit.policies.empty.description',\n              'Create policies to enforce safety rules and operational limits across your agents.'\n            )}\n            action={\n              <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.POLICY_CREATE}>\n                <Button leftIcon={<Plus size={16} />}>\n                  <Link to={getPath('policies/new')}>\n                    {t('botlit.policies.actions.createPolicy', 'Create Policy')}\n                  </Link>\n                </Button>\n              </BotmanorPermissionGate>\n            }\n          />\n        )}\n\n        {/* Policy Types Guide */}\n        <GlassCard treatment=\"glass\" glow className=\"p-6\">\n          <div className=\"mb-4\">\n            <h2 className=\"text-lg font-semibold tracking-tight text-text-primary\">\n              {t('botlit.policies.overview.title', 'Policy Types')}\n            </h2>\n            <p className=\"text-sm text-text-secondary\">\n              {t(\n                'botlit.policies.overview.description',\n                'Different policy types control different aspects of agent behavior'\n              )}\n            </p>\n          </div>\n          <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4\">\n            {[\n              {\n                type: 'CONTENT' as PolicyType,\n                desc: t(\n                  'botlit.policies.overview.contentDescription',\n                  'Detect and block harmful content, jailbreaks, and PII'\n                ),\n              },\n              {\n                type: 'TOOL' as PolicyType,\n                desc: t(\n                  'botlit.policies.overview.toolDescription',\n                  'Control which tools agents can access and use'\n                ),\n              },\n              {\n                type: 'BUDGET' as PolicyType,\n                desc: t(\n                  'botlit.policies.overview.budgetDescription',\n                  'Set token limits and cost caps per execution'\n                ),\n              },\n              {\n                type: 'RATE_LIMIT' as PolicyType,\n                desc: t(\n                  'botlit.policies.overview.rateLimitDescription',\n                  'Limit request frequency to prevent abuse'\n                ),\n              },\n            ].map((item) => (\n              <div key={item.type} className=\"p-4 border border-border-subtle rounded-lg\">\n                <div className=\"flex items-center gap-2 mb-2\">\n                  <PolicyTypeIcon type={item.type} className=\"h-5 w-5 text-primary\" />\n                  <span className=\"font-medium\">{policyTypeLabel[item.type]}</span>\n                </div>\n                <p className=\"text-sm text-text-secondary\">{item.desc}</p>\n              </div>\n            ))}\n          </div>\n        </GlassCard>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}