@burdenoff/microfe-botmanor 2026.813.1

package/dist/botlit/pages/PolicyDetailPage.js

@@ -0,0 +1,861 @@
+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 ee, CardHeader as a, CardTitle as o } from "../components/Card.js";
+import { Button as s } from "../components/Button.js";
+import { Badge as te, StatusBadge as ne } from "../components/Badge.js";
+import { isNative as c, nativeImpact as re, nativeNotify as l } from "../../utils/nativeBridge.js";
+import { EmptyState as ie } from "../components/EmptyState.js";
+import { FormField as u, Input as d, Textarea as f } from "../components/Input.js";
+import { useCreatePolicy as ae, useDeletePolicy as oe, usePolicy as se, useUpdatePolicy as ce } from "../hooks/usePolicies.js";
+import { toUnion as p } from "../utils/unions.js";
+import "../hooks/index.js";
+import { useState as m } from "react";
+import { PagePurpose as le } from "@burdenoff/fe-libs/ui";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { useParams as ue } from "react-router";
+import { AlertTriangle as v, ArrowLeft as de, Clock as y, Database as b, DollarSign as x, Edit as fe, FileText as S, Save as C, Settings as pe, Shield as w, Trash2 as T, Wrench as E } from "lucide-react";
+import { toast as D } from "sonner";
+//#region src/botlit/pages/PolicyDetailPage.tsx
+var O = [
+	"CONTENT",
+	"TOOL",
+	"DATA",
+	"RESPONSE",
+	"BUDGET",
+	"RATE_LIMIT",
+	"RETENTION"
+], me = [
+	"PRIVATE",
+	"WORKSPACE",
+	"PUBLIC"
+], k = ({ type: e }) => ({
+	CONTENT: /* @__PURE__ */ g(v, { size: 18 }),
+	TOOL: /* @__PURE__ */ g(E, { size: 18 }),
+	DATA: /* @__PURE__ */ g(b, { size: 18 }),
+	RESPONSE: /* @__PURE__ */ g(S, { size: 18 }),
+	BUDGET: /* @__PURE__ */ g(x, { size: 18 }),
+	RATE_LIMIT: /* @__PURE__ */ g(y, { size: 18 }),
+	RETENTION: /* @__PURE__ */ g(T, { size: 18 })
+})[e] || /* @__PURE__ */ g(w, { size: 18 }), he = {
+	CONTENT: "Content Policy",
+	TOOL: "Tool Policy",
+	DATA: "Data Policy",
+	RESPONSE: "Response Policy",
+	BUDGET: "Budget Policy",
+	RATE_LIMIT: "Rate Limit Policy",
+	RETENTION: "Retention Policy"
+}, A = ({ isNew: b }) => {
+	let { policyId: S } = ue(), { navigateTo: A } = e(), { data: j, loading: M } = se(b ? void 0 : S), { create: N, loading: P } = ae(), { update: F, loading: I } = ce(), { remove: L, loading: ge } = oe(), [R, z] = m(!1), [_e, B] = m(!1), [V, H] = m({
+		name: "",
+		description: "",
+		type: "CONTENT",
+		visibility: "PRIVATE"
+	}), [U, W] = m({
+		jailbreakDetection: !0,
+		piiDetection: !0,
+		toxicityThreshold: .7,
+		customPatterns: ""
+	}), [G, K] = m({
+		allowedTools: "",
+		deniedTools: "",
+		maxCallsPerExecution: 10,
+		timeoutSeconds: 30
+	}), [q, J] = m({
+		maxTokensPerExecution: 1e4,
+		maxCostPerExecution: 1,
+		allowEscalation: !1,
+		maxModelTier: "gpt-4"
+	}), [Y, X] = m({
+		requestsPerMinute: 60,
+		requestsPerHour: 1e3,
+		tokensPerMinute: 1e5,
+		scope: "app"
+	}), [Z, Q] = m({
+		executionDataRetentionDays: 90,
+		payloadSnapshotsEnabled: !0
+	}), ve = async () => {
+		if (!V.name) return;
+		let e;
+		switch (V.type) {
+			case "CONTENT":
+				e = {
+					jailbreakDetection: U.jailbreakDetection,
+					piiDetection: U.piiDetection,
+					toxicityThreshold: U.toxicityThreshold,
+					customPatterns: U.customPatterns.split("\n").filter(Boolean)
+				};
+				break;
+			case "TOOL":
+				e = {
+					allowedTools: G.allowedTools.split(",").map((e) => e.trim()).filter(Boolean),
+					deniedTools: G.deniedTools.split(",").map((e) => e.trim()).filter(Boolean),
+					limits: {
+						maxCallsPerExecution: G.maxCallsPerExecution,
+						timeoutSeconds: G.timeoutSeconds
+					}
+				};
+				break;
+			case "BUDGET":
+				e = {
+					maxTokensPerExecution: q.maxTokensPerExecution,
+					maxCostPerExecution: q.maxCostPerExecution,
+					modelEscalationConstraints: {
+						allowEscalation: q.allowEscalation,
+						maxModelTier: q.maxModelTier
+					}
+				};
+				break;
+			case "RATE_LIMIT":
+				e = {
+					limits: {
+						requestsPerMinute: Y.requestsPerMinute,
+						requestsPerHour: Y.requestsPerHour,
+						tokensPerMinute: Y.tokensPerMinute
+					},
+					scope: Y.scope
+				};
+				break;
+			case "RETENTION":
+				e = {
+					executionDataRetentionDays: Z.executionDataRetentionDays,
+					payloadSnapshotsEnabled: Z.payloadSnapshotsEnabled
+				};
+				break;
+		}
+		try {
+			await N({
+				name: V.name,
+				description: V.description,
+				type: V.type,
+				visibility: V.visibility,
+				config: e
+			});
+		} catch (e) {
+			D.error(e instanceof Error ? e.message : "Failed to create policy");
+			return;
+		}
+		D.success(`Policy "${V.name}" created`), A("policies");
+	}, ye = async () => {
+		if (!(!S || !V.name)) {
+			try {
+				await F({
+					policyId: S,
+					input: {
+						name: V.name,
+						description: V.description,
+						visibility: V.visibility
+					}
+				});
+			} catch (e) {
+				D.error(e instanceof Error ? e.message : "Failed to update policy");
+				return;
+			}
+			D.success("Policy updated"), z(!1);
+		}
+	}, be = async () => {
+		if (S) try {
+			await L(S), c() && l("success"), A("policies");
+		} catch (e) {
+			throw c() && l("error"), e;
+		}
+	}, xe = () => {
+		j && (H({
+			name: j.name,
+			description: j.description || "",
+			type: p(j.type, O, "CONTENT"),
+			visibility: p(j.visibility, me, "PRIVATE")
+		}), z(!0));
+	};
+	if (b) return /* @__PURE__ */ g(n, {
+		title: "Create Policy",
+		description: "Define guardrails and constraints for your AI agents",
+		actions: /* @__PURE__ */ _("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ g(s, {
+				variant: "outline",
+				onClick: () => A("policies"),
+				children: "Cancel"
+			}), /* @__PURE__ */ g(s, {
+				leftIcon: /* @__PURE__ */ g(C, { size: 16 }),
+				onClick: ve,
+				isLoading: P,
+				disabled: !V.name,
+				children: "Create"
+			})]
+		}),
+		children: /* @__PURE__ */ _("div", {
+			className: "max-w-2xl space-y-6",
+			children: [
+				/* @__PURE__ */ _(r, { children: [/* @__PURE__ */ g(a, { children: /* @__PURE__ */ g(o, { children: "Basic Information" }) }), /* @__PURE__ */ _(i, {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ g(u, {
+							label: "Policy Name",
+							required: !0,
+							children: /* @__PURE__ */ g(d, {
+								placeholder: "e.g., Production Content Policy",
+								value: V.name,
+								onChange: (e) => H({
+									...V,
+									name: e.target.value
+								})
+							})
+						}),
+						/* @__PURE__ */ g(u, {
+							label: "Description",
+							children: /* @__PURE__ */ g(f, {
+								placeholder: "What does this policy enforce?",
+								value: V.description,
+								onChange: (e) => H({
+									...V,
+									description: e.target.value
+								}),
+								rows: 3
+							})
+						}),
+						/* @__PURE__ */ _("div", {
+							className: "grid grid-cols-2 gap-4",
+							children: [/* @__PURE__ */ g(u, {
+								label: "Policy Type",
+								required: !0,
+								children: /* @__PURE__ */ _("select", {
+									className: "flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm",
+									value: V.type,
+									onChange: (e) => H({
+										...V,
+										type: e.target.value
+									}),
+									children: [
+										/* @__PURE__ */ g("option", {
+											value: "CONTENT",
+											children: "Content Policy"
+										}),
+										/* @__PURE__ */ g("option", {
+											value: "TOOL",
+											children: "Tool Policy"
+										}),
+										/* @__PURE__ */ g("option", {
+											value: "DATA",
+											children: "Data Policy"
+										}),
+										/* @__PURE__ */ g("option", {
+											value: "RESPONSE",
+											children: "Response Policy"
+										}),
+										/* @__PURE__ */ g("option", {
+											value: "BUDGET",
+											children: "Budget Policy"
+										}),
+										/* @__PURE__ */ g("option", {
+											value: "RATE_LIMIT",
+											children: "Rate Limit Policy"
+										}),
+										/* @__PURE__ */ g("option", {
+											value: "RETENTION",
+											children: "Retention Policy"
+										})
+									]
+								})
+							}), /* @__PURE__ */ g(u, {
+								label: "Visibility",
+								children: /* @__PURE__ */ _("select", {
+									className: "flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm",
+									value: V.visibility,
+									onChange: (e) => H({
+										...V,
+										visibility: e.target.value
+									}),
+									children: [
+										/* @__PURE__ */ g("option", {
+											value: "PRIVATE",
+											children: "Private"
+										}),
+										/* @__PURE__ */ g("option", {
+											value: "WORKSPACE",
+											children: "Workspace"
+										}),
+										/* @__PURE__ */ g("option", {
+											value: "PUBLIC",
+											children: "Public"
+										})
+									]
+								})
+							})]
+						})
+					]
+				})] }),
+				V.type === "CONTENT" && /* @__PURE__ */ _(r, { children: [/* @__PURE__ */ g(a, { children: /* @__PURE__ */ _(o, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ g(v, { size: 18 }), "Content Policy Configuration"]
+				}) }), /* @__PURE__ */ _(i, {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ _("div", {
+							className: "grid grid-cols-2 gap-4",
+							children: [/* @__PURE__ */ _("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ g("input", {
+									type: "checkbox",
+									id: "jailbreak",
+									checked: U.jailbreakDetection,
+									onChange: (e) => W({
+										...U,
+										jailbreakDetection: e.target.checked
+									}),
+									className: "h-4 w-4"
+								}), /* @__PURE__ */ g("label", {
+									htmlFor: "jailbreak",
+									className: "text-sm",
+									children: "Jailbreak Detection"
+								})]
+							}), /* @__PURE__ */ _("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ g("input", {
+									type: "checkbox",
+									id: "pii",
+									checked: U.piiDetection,
+									onChange: (e) => W({
+										...U,
+										piiDetection: e.target.checked
+									}),
+									className: "h-4 w-4"
+								}), /* @__PURE__ */ g("label", {
+									htmlFor: "pii",
+									className: "text-sm",
+									children: "PII Detection"
+								})]
+							})]
+						}),
+						/* @__PURE__ */ g(u, {
+							label: "Toxicity Threshold",
+							description: "0.0 to 1.0",
+							children: /* @__PURE__ */ g(d, {
+								type: "number",
+								min: 0,
+								max: 1,
+								step: .1,
+								value: U.toxicityThreshold,
+								onChange: (e) => W({
+									...U,
+									toxicityThreshold: parseFloat(e.target.value)
+								})
+							})
+						}),
+						/* @__PURE__ */ g(u, {
+							label: "Custom Patterns",
+							description: "One regex pattern per line",
+							children: /* @__PURE__ */ g(f, {
+								placeholder: "Enter custom patterns...",
+								value: U.customPatterns,
+								onChange: (e) => W({
+									...U,
+									customPatterns: e.target.value
+								}),
+								rows: 3
+							})
+						})
+					]
+				})] }),
+				V.type === "TOOL" && /* @__PURE__ */ _(r, { children: [/* @__PURE__ */ g(a, { children: /* @__PURE__ */ _(o, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ g(E, { size: 18 }), "Tool Policy Configuration"]
+				}) }), /* @__PURE__ */ _(i, {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ g(u, {
+							label: "Allowed Tools",
+							description: "Comma-separated tool IDs",
+							children: /* @__PURE__ */ g(d, {
+								placeholder: "e.g., search, read_file, web_browse",
+								value: G.allowedTools,
+								onChange: (e) => K({
+									...G,
+									allowedTools: e.target.value
+								})
+							})
+						}),
+						/* @__PURE__ */ g(u, {
+							label: "Denied Tools",
+							description: "Comma-separated tool IDs",
+							children: /* @__PURE__ */ g(d, {
+								placeholder: "e.g., delete_file, execute_code",
+								value: G.deniedTools,
+								onChange: (e) => K({
+									...G,
+									deniedTools: e.target.value
+								})
+							})
+						}),
+						/* @__PURE__ */ _("div", {
+							className: "grid grid-cols-2 gap-4",
+							children: [/* @__PURE__ */ g(u, {
+								label: "Max Calls Per Execution",
+								children: /* @__PURE__ */ g(d, {
+									type: "number",
+									min: 1,
+									value: G.maxCallsPerExecution,
+									onChange: (e) => K({
+										...G,
+										maxCallsPerExecution: parseInt(e.target.value)
+									})
+								})
+							}), /* @__PURE__ */ g(u, {
+								label: "Timeout (seconds)",
+								children: /* @__PURE__ */ g(d, {
+									type: "number",
+									min: 1,
+									value: G.timeoutSeconds,
+									onChange: (e) => K({
+										...G,
+										timeoutSeconds: parseInt(e.target.value)
+									})
+								})
+							})]
+						})
+					]
+				})] }),
+				V.type === "BUDGET" && /* @__PURE__ */ _(r, { children: [/* @__PURE__ */ g(a, { children: /* @__PURE__ */ _(o, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ g(x, { size: 18 }), "Budget Policy Configuration"]
+				}) }), /* @__PURE__ */ _(i, {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ _("div", {
+							className: "grid grid-cols-2 gap-4",
+							children: [/* @__PURE__ */ g(u, {
+								label: "Max Tokens Per Execution",
+								children: /* @__PURE__ */ g(d, {
+									type: "number",
+									min: 100,
+									value: q.maxTokensPerExecution,
+									onChange: (e) => J({
+										...q,
+										maxTokensPerExecution: parseInt(e.target.value)
+									})
+								})
+							}), /* @__PURE__ */ g(u, {
+								label: "Max Cost Per Execution ($)",
+								children: /* @__PURE__ */ g(d, {
+									type: "number",
+									min: .01,
+									step: .01,
+									value: q.maxCostPerExecution,
+									onChange: (e) => J({
+										...q,
+										maxCostPerExecution: parseFloat(e.target.value)
+									})
+								})
+							})]
+						}),
+						/* @__PURE__ */ _("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ g("input", {
+								type: "checkbox",
+								id: "escalation",
+								checked: q.allowEscalation,
+								onChange: (e) => J({
+									...q,
+									allowEscalation: e.target.checked
+								}),
+								className: "h-4 w-4"
+							}), /* @__PURE__ */ g("label", {
+								htmlFor: "escalation",
+								className: "text-sm",
+								children: "Allow Model Escalation"
+							})]
+						}),
+						/* @__PURE__ */ g(u, {
+							label: "Max Model Tier",
+							children: /* @__PURE__ */ _("select", {
+								className: "flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm",
+								value: q.maxModelTier,
+								onChange: (e) => J({
+									...q,
+									maxModelTier: e.target.value
+								}),
+								children: [
+									/* @__PURE__ */ g("option", {
+										value: "gpt-3.5-turbo",
+										children: "GPT-3.5 Turbo"
+									}),
+									/* @__PURE__ */ g("option", {
+										value: "gpt-4",
+										children: "GPT-4"
+									}),
+									/* @__PURE__ */ g("option", {
+										value: "gpt-4-turbo",
+										children: "GPT-4 Turbo"
+									}),
+									/* @__PURE__ */ g("option", {
+										value: "claude-3-sonnet",
+										children: "Claude 3 Sonnet"
+									}),
+									/* @__PURE__ */ g("option", {
+										value: "claude-3-opus",
+										children: "Claude 3 Opus"
+									})
+								]
+							})
+						})
+					]
+				})] }),
+				V.type === "RATE_LIMIT" && /* @__PURE__ */ _(r, { children: [/* @__PURE__ */ g(a, { children: /* @__PURE__ */ _(o, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ g(y, { size: 18 }), "Rate Limit Configuration"]
+				}) }), /* @__PURE__ */ _(i, {
+					className: "space-y-4",
+					children: [/* @__PURE__ */ _("div", {
+						className: "grid grid-cols-3 gap-4",
+						children: [
+							/* @__PURE__ */ g(u, {
+								label: "Requests / Minute",
+								children: /* @__PURE__ */ g(d, {
+									type: "number",
+									min: 1,
+									value: Y.requestsPerMinute,
+									onChange: (e) => X({
+										...Y,
+										requestsPerMinute: parseInt(e.target.value)
+									})
+								})
+							}),
+							/* @__PURE__ */ g(u, {
+								label: "Requests / Hour",
+								children: /* @__PURE__ */ g(d, {
+									type: "number",
+									min: 1,
+									value: Y.requestsPerHour,
+									onChange: (e) => X({
+										...Y,
+										requestsPerHour: parseInt(e.target.value)
+									})
+								})
+							}),
+							/* @__PURE__ */ g(u, {
+								label: "Tokens / Minute",
+								children: /* @__PURE__ */ g(d, {
+									type: "number",
+									min: 1,
+									value: Y.tokensPerMinute,
+									onChange: (e) => X({
+										...Y,
+										tokensPerMinute: parseInt(e.target.value)
+									})
+								})
+							})
+						]
+					}), /* @__PURE__ */ g(u, {
+						label: "Scope",
+						children: /* @__PURE__ */ _("select", {
+							className: "flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm",
+							value: Y.scope,
+							onChange: (e) => X({
+								...Y,
+								scope: e.target.value
+							}),
+							children: [
+								/* @__PURE__ */ g("option", {
+									value: "connector",
+									children: "Per Connector"
+								}),
+								/* @__PURE__ */ g("option", {
+									value: "app",
+									children: "Per Bot"
+								}),
+								/* @__PURE__ */ g("option", {
+									value: "agent",
+									children: "Per Agent"
+								}),
+								/* @__PURE__ */ g("option", {
+									value: "user_group",
+									children: "Per User Group"
+								})
+							]
+						})
+					})]
+				})] }),
+				V.type === "RETENTION" && /* @__PURE__ */ _(r, { children: [/* @__PURE__ */ g(a, { children: /* @__PURE__ */ _(o, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ g(T, { size: 18 }), "Retention Policy Configuration"]
+				}) }), /* @__PURE__ */ _(i, {
+					className: "space-y-4",
+					children: [/* @__PURE__ */ g(u, {
+						label: "Execution Data Retention (days)",
+						children: /* @__PURE__ */ g(d, {
+							type: "number",
+							min: 1,
+							value: Z.executionDataRetentionDays,
+							onChange: (e) => Q({
+								...Z,
+								executionDataRetentionDays: parseInt(e.target.value)
+							})
+						})
+					}), /* @__PURE__ */ _("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ g("input", {
+							type: "checkbox",
+							id: "snapshots",
+							checked: Z.payloadSnapshotsEnabled,
+							onChange: (e) => Q({
+								...Z,
+								payloadSnapshotsEnabled: e.target.checked
+							}),
+							className: "h-4 w-4"
+						}), /* @__PURE__ */ g("label", {
+							htmlFor: "snapshots",
+							className: "text-sm",
+							children: "Enable Payload Snapshots"
+						})]
+					})]
+				})] })
+			]
+		})
+	});
+	if (M) return /* @__PURE__ */ g(n, {
+		title: "Loading...",
+		children: /* @__PURE__ */ g("div", { className: "h-96 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" })
+	});
+	if (!j) return /* @__PURE__ */ g(n, {
+		title: "Policy Not Found",
+		children: /* @__PURE__ */ g(ie, {
+			illustration: "empty-generic",
+			title: "Policy Not Found",
+			description: "This policy doesn't exist.",
+			action: /* @__PURE__ */ g(s, {
+				onClick: () => A("policies"),
+				children: "Back to Policies"
+			})
+		})
+	});
+	let $ = p(j.type, O, "CONTENT");
+	return /* @__PURE__ */ g(n, {
+		title: /* @__PURE__ */ _("div", {
+			className: "flex items-center gap-3",
+			children: [
+				/* @__PURE__ */ g(s, {
+					variant: "ghost",
+					size: "icon",
+					onClick: () => A("policies"),
+					children: /* @__PURE__ */ g(de, { size: 20 })
+				}),
+				/* @__PURE__ */ g("div", {
+					className: "p-2 rounded-lg bg-action-primary-bg/10",
+					children: /* @__PURE__ */ g(k, { type: $ })
+				}),
+				/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ g("span", { children: j.name }), /* @__PURE__ */ g(ne, { status: j.status })]
+				}), /* @__PURE__ */ g("p", {
+					className: "text-sm font-normal text-text-secondary",
+					children: j.description
+				})] })
+			]
+		}),
+		actions: /* @__PURE__ */ g("div", {
+			className: "flex gap-2",
+			children: R ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(s, {
+				variant: "outline",
+				onClick: () => z(!1),
+				children: "Cancel"
+			}), /* @__PURE__ */ g(s, {
+				leftIcon: /* @__PURE__ */ g(C, { size: 16 }),
+				onClick: ye,
+				isLoading: I,
+				disabled: !V.name,
+				children: "Save Changes"
+			})] }) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(s, {
+				variant: "outline",
+				leftIcon: /* @__PURE__ */ g(fe, { size: 16 }),
+				onClick: xe,
+				children: "Edit"
+			}), _e ? /* @__PURE__ */ _("div", {
+				className: "flex gap-2",
+				children: [/* @__PURE__ */ g(s, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => B(!1),
+					children: "Cancel"
+				}), /* @__PURE__ */ g(s, {
+					variant: "destructive",
+					size: "sm",
+					onClick: () => {
+						re("medium"), be();
+					},
+					isLoading: ge,
+					children: "Confirm Delete"
+				})]
+			}) : /* @__PURE__ */ g(s, {
+				variant: "destructive",
+				leftIcon: /* @__PURE__ */ g(T, { size: 16 }),
+				onClick: () => B(!0),
+				children: "Delete"
+			})] })
+		}),
+		children: /* @__PURE__ */ _("div", {
+			className: "space-y-6",
+			children: [
+				/* @__PURE__ */ g(le, {
+					icon: /* @__PURE__ */ g(w, { size: 18 }),
+					children: "This is a single guardrail and its rules. Review and tune exactly what it enforces — what content to block, which tools are allowed, the spend or rate limits it applies — then attach it to the agents and bots that should obey it. Policies are how you keep agents safe, compliant and within budget."
+				}),
+				R && /* @__PURE__ */ _(r, { children: [/* @__PURE__ */ g(a, { children: /* @__PURE__ */ g(o, { children: "Edit Policy" }) }), /* @__PURE__ */ _(i, {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ g(u, {
+							label: "Policy Name",
+							required: !0,
+							children: /* @__PURE__ */ g(d, {
+								value: V.name,
+								onChange: (e) => H({
+									...V,
+									name: e.target.value
+								})
+							})
+						}),
+						/* @__PURE__ */ g(u, {
+							label: "Description",
+							children: /* @__PURE__ */ g(f, {
+								value: V.description,
+								onChange: (e) => H({
+									...V,
+									description: e.target.value
+								}),
+								rows: 3
+							})
+						}),
+						/* @__PURE__ */ g(u, {
+							label: "Visibility",
+							children: /* @__PURE__ */ _("select", {
+								className: "flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm",
+								value: V.visibility,
+								onChange: (e) => H({
+									...V,
+									visibility: e.target.value
+								}),
+								children: [
+									/* @__PURE__ */ g("option", {
+										value: "PRIVATE",
+										children: "Private"
+									}),
+									/* @__PURE__ */ g("option", {
+										value: "WORKSPACE",
+										children: "Workspace"
+									}),
+									/* @__PURE__ */ g("option", {
+										value: "PUBLIC",
+										children: "Public"
+									})
+								]
+							})
+						}),
+						/* @__PURE__ */ g("p", {
+							className: "text-sm text-text-secondary",
+							children: "Note: Policy type and configuration cannot be changed after creation."
+						})
+					]
+				})] }),
+				/* @__PURE__ */ _("div", {
+					className: "grid grid-cols-2 md:grid-cols-4 gap-4",
+					children: [
+						/* @__PURE__ */ g(r, {
+							treatment: "glass",
+							glow: !0,
+							children: /* @__PURE__ */ _(i, {
+								className: "pt-6 text-center",
+								children: [
+									/* @__PURE__ */ g("div", {
+										className: "p-3 rounded-full bg-action-primary-bg/10 w-fit mx-auto mb-2",
+										children: /* @__PURE__ */ g(k, { type: $ })
+									}),
+									/* @__PURE__ */ g("p", {
+										className: "text-lg font-bold",
+										children: he[$]
+									}),
+									/* @__PURE__ */ g("p", {
+										className: "text-sm text-text-secondary",
+										children: "Policy Type"
+									})
+								]
+							})
+						}),
+						/* @__PURE__ */ g(r, { children: /* @__PURE__ */ _(i, {
+							className: "pt-6 text-center",
+							children: [/* @__PURE__ */ g("p", {
+								className: "text-3xl font-bold text-text-primary capitalize",
+								children: j.visibility.toLowerCase()
+							}), /* @__PURE__ */ g("p", {
+								className: "text-sm text-text-secondary",
+								children: "Visibility"
+							})]
+						}) }),
+						/* @__PURE__ */ g(r, { children: /* @__PURE__ */ _(i, {
+							className: "pt-6 text-center",
+							children: [/* @__PURE__ */ g("p", {
+								className: "text-3xl font-bold text-text-primary",
+								children: j.revision
+							}), /* @__PURE__ */ g("p", {
+								className: "text-sm text-text-secondary",
+								children: "Revision"
+							})]
+						}) }),
+						/* @__PURE__ */ g(r, { children: /* @__PURE__ */ _(i, {
+							className: "pt-6 text-center",
+							children: [/* @__PURE__ */ g("p", {
+								className: "text-lg font-bold text-text-primary",
+								children: t(j.updatedAt)
+							}), /* @__PURE__ */ g("p", {
+								className: "text-sm text-text-secondary",
+								children: "Last Updated"
+							})]
+						}) })
+					]
+				}),
+				/* @__PURE__ */ _(r, { children: [/* @__PURE__ */ _(a, { children: [/* @__PURE__ */ g(o, { children: "Configuration" }), /* @__PURE__ */ g(ee, { children: "Current policy configuration" })] }), /* @__PURE__ */ g(i, { children: /* @__PURE__ */ g("div", {
+					className: "p-4 bg-bg-sunken rounded-lg font-mono text-sm overflow-auto",
+					children: /* @__PURE__ */ g("pre", { children: JSON.stringify(j.config, null, 2) })
+				}) })] }),
+				/* @__PURE__ */ _(r, { children: [/* @__PURE__ */ g(a, { children: /* @__PURE__ */ _(o, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ g(pe, { size: 18 }), "Metadata"]
+				}) }), /* @__PURE__ */ g(i, { children: /* @__PURE__ */ _("div", {
+					className: "grid grid-cols-2 md:grid-cols-4 gap-6 text-sm",
+					children: [
+						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+							className: "text-text-secondary",
+							children: "Created"
+						}), /* @__PURE__ */ g("p", {
+							className: "font-medium",
+							children: t(j.createdAt)
+						})] }),
+						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+							className: "text-text-secondary",
+							children: "Updated"
+						}), /* @__PURE__ */ g("p", {
+							className: "font-medium",
+							children: t(j.updatedAt)
+						})] }),
+						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+							className: "text-text-secondary",
+							children: "Tags"
+						}), /* @__PURE__ */ g("div", {
+							className: "flex gap-1",
+							children: j.tags.length > 0 ? j.tags.map((e) => /* @__PURE__ */ g(te, {
+								variant: "secondary",
+								className: "text-xs",
+								children: e
+							}, e)) : /* @__PURE__ */ g("span", {
+								className: "text-text-secondary",
+								children: "None"
+							})
+						})] })
+					]
+				}) })] })
+			]
+		})
+	});
+};
+//#endregion
+export { A as PolicyDetailPage };
+
+//# sourceMappingURL=PolicyDetailPage.js.map