@contractspec/example.policy-safe-knowledge-assistant 1.57.0 → 1.59.0

package/dist/ui/PolicySafeKnowledgeAssistantDashboard.js

@@ -1,231 +1,421 @@
-'use client';
+// @bun
+// src/ui/hooks/usePolicySafeKnowledgeAssistant.ts
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
+"use client";
+function isCitationLike(value) {
+  if (!value || typeof value !== "object")
+    return false;
+  const v = value;
+  return typeof v.kbSnapshotId === "string" && typeof v.sourceId === "string";
+}
+function toCitations(value) {
+  if (!Array.isArray(value))
+    return [];
+  return value.filter(isCitationLike).map((c) => ({
+    kbSnapshotId: c.kbSnapshotId,
+    sourceId: c.sourceId,
+    excerpt: c.excerpt
+  }));
+}
+function usePolicySafeKnowledgeAssistant() {
+  const { handlers, projectId } = useTemplateRuntime();
+  const api = handlers.policySafeKnowledgeAssistant;
+  const [state, setState] = useState({
+    context: null,
+    loading: true,
+    error: null,
+    lastAnswer: null,
+    lastRuleId: null,
+    lastRuleVersionId: null,
+    lastSnapshotId: null,
+    lastReviewTaskId: null
+  });
+  const refreshContext = useCallback(async () => {
+    try {
+      setState((s) => ({ ...s, loading: true, error: null }));
+      const ctx = await api.getUserContext({ projectId });
+      setState((s) => ({
+        ...s,
+        context: {
+          locale: ctx.locale,
+          jurisdiction: ctx.jurisdiction,
+          allowedScope: ctx.allowedScope,
+          kbSnapshotId: ctx.kbSnapshotId
+        },
+        loading: false
+      }));
+    } catch (e) {
+      setState((s) => ({
+        ...s,
+        loading: false,
+        error: e instanceof Error ? e : new Error("Unknown error")
+      }));
+    }
+  }, [api, projectId]);
+  useEffect(() => {
+    refreshContext();
+  }, [refreshContext]);
+  const setContext = useCallback(async (input) => {
+    const ctx = await api.setUserContext({ projectId, ...input });
+    setState((s) => ({
+      ...s,
+      context: {
+        locale: ctx.locale,
+        jurisdiction: ctx.jurisdiction,
+        allowedScope: ctx.allowedScope,
+        kbSnapshotId: ctx.kbSnapshotId
+      }
+    }));
+  }, [api, projectId]);
+  const askAssistant = useCallback(async (question) => {
+    const answerUnknown = await api.answer({ projectId, question });
+    const answer = answerUnknown;
+    setState((s) => ({
+      ...s,
+      lastAnswer: {
+        refused: answer.refused,
+        refusalReason: answer.refusalReason,
+        sections: answer.sections,
+        citations: toCitations(answerUnknown.citations)
+      }
+    }));
+  }, [api, projectId]);
+  const createDemoRule = useCallback(async () => {
+    const rule = await api.createRule({
+      projectId,
+      jurisdiction: state.context?.jurisdiction ?? "EU",
+      topicKey: "tax_reporting"
+    });
+    setState((s) => ({ ...s, lastRuleId: rule.id }));
+    return rule.id;
+  }, [api, projectId, state.context?.jurisdiction]);
+  const upsertRuleVersion = useCallback(async (input) => {
+    const rv = await api.upsertRuleVersion({
+      projectId,
+      ruleId: input.ruleId,
+      content: input.content,
+      sourceRefs: [{ sourceDocumentId: "src_demo", excerpt: "demo excerpt" }]
+    });
+    setState((s) => ({ ...s, lastRuleVersionId: rv.id }));
+    return rv.id;
+  }, [api, projectId]);
+  const approveRuleVersion = useCallback(async (ruleVersionId) => {
+    await api.approveRuleVersion({ ruleVersionId, approver: "demo_expert" });
+  }, [api]);
+  const publishSnapshot = useCallback(async () => {
+    const snap = await api.publishSnapshot({
+      projectId,
+      jurisdiction: state.context?.jurisdiction ?? "EU",
+      asOfDate: new Date("2026-02-01T00:00:00.000Z")
+    });
+    setState((s) => ({ ...s, lastSnapshotId: snap.id }));
+    await refreshContext();
+    return snap.id;
+  }, [api, projectId, refreshContext, state.context?.jurisdiction]);
+  const simulateHighRiskChangeAndApprove = useCallback(async (ruleVersionId) => {
+    const cand = await api.createChangeCandidate({
+      projectId,
+      jurisdiction: state.context?.jurisdiction ?? "EU",
+      diffSummary: "Simulated change (demo)",
+      riskLevel: "high",
+      proposedRuleVersionIds: [ruleVersionId]
+    });
+    const review = await api.createReviewTask({ changeCandidateId: cand.id });
+    setState((s) => ({ ...s, lastReviewTaskId: review.id }));
+    await api.submitDecision({
+      reviewTaskId: review.id,
+      decision: "approve",
+      decidedByRole: "expert",
+      decidedBy: "demo_expert"
+    });
+    await api.publishIfReady({
+      jurisdiction: state.context?.jurisdiction ?? "EU"
+    });
+    return review.id;
+  }, [api, projectId, state.context?.jurisdiction]);
+  const derived = useMemo(() => ({ projectId }), [projectId]);
+  return {
+    state,
+    derived,
+    actions: {
+      refreshContext,
+      setContext,
+      askAssistant,
+      createDemoRule,
+      upsertRuleVersion,
+      approveRuleVersion,
+      publishSnapshot,
+      simulateHighRiskChangeAndApprove
+    }
+  };
+}
 
-import { usePolicySafeKnowledgeAssistant } from "./hooks/usePolicySafeKnowledgeAssistant.js";
-import { useCallback, useMemo, useState } from "react";
-import { Button, ErrorState, LoaderBlock, StatCard, StatCardGroup } from "@contractspec/lib.design-system";
+// src/ui/PolicySafeKnowledgeAssistantDashboard.tsx
+import { useCallback as useCallback2, useMemo as useMemo2, useState as useState2 } from "react";
+import {
+  Button,
+  ErrorState,
+  LoaderBlock,
+  StatCard,
+  StatCardGroup
+} from "@contractspec/lib.design-system";
 import { Card } from "@contractspec/lib.ui-kit-web/ui/card";
 import { Input } from "@contractspec/lib.ui-kit-web/ui/input";
 import { Textarea } from "@contractspec/lib.ui-kit-web/ui/textarea";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@contractspec/lib.ui-kit-web/ui/select";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/ui/PolicySafeKnowledgeAssistantDashboard.tsx
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@contractspec/lib.ui-kit-web/ui/select";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
 function PolicySafeKnowledgeAssistantDashboard() {
-	const { state, actions } = usePolicySafeKnowledgeAssistant();
-	const [question, setQuestion] = useState("reporting obligations");
-	const [content, setContent] = useState("EU: Reporting obligations v2 (updated)");
-	const [locale, setLocale] = useState("en-GB");
-	const [jurisdiction, setJurisdiction] = useState("EU");
-	const [allowedScope, setAllowedScope] = useState("education_only");
-	const snapshotId = state.context?.kbSnapshotId ?? state.lastSnapshotId ?? null;
-	const stats = useMemo(() => {
-		return [
-			{
-				label: "Locale",
-				value: state.context?.locale ?? "—"
-			},
-			{
-				label: "Jurisdiction",
-				value: state.context?.jurisdiction ?? "—"
-			},
-			{
-				label: "Scope",
-				value: state.context?.allowedScope ?? "—"
-			},
-			{
-				label: "KB Snapshot",
-				value: snapshotId ?? "—"
-			}
-		];
-	}, [
-		snapshotId,
-		state.context?.allowedScope,
-		state.context?.jurisdiction,
-		state.context?.locale
-	]);
-	const handleSetContext = useCallback(async () => {
-		await actions.setContext({
-			locale,
-			jurisdiction,
-			allowedScope
-		});
-	}, [
-		actions,
-		allowedScope,
-		jurisdiction,
-		locale
-	]);
-	const handleAsk = useCallback(async () => {
-		await actions.askAssistant(question);
-	}, [actions, question]);
-	const handleAdminPublishFlow = useCallback(async () => {
-		const ruleId = state.lastRuleId ?? await actions.createDemoRule();
-		const rvId = await actions.upsertRuleVersion({
-			ruleId,
-			content
-		});
-		await actions.approveRuleVersion(rvId);
-		await actions.simulateHighRiskChangeAndApprove(rvId);
-		await actions.publishSnapshot();
-	}, [
-		actions,
-		content,
-		state.lastRuleId
-	]);
-	if (state.loading && !state.context) return /* @__PURE__ */ jsx(LoaderBlock, { label: "Loading demo..." });
-	if (state.error) return /* @__PURE__ */ jsx(ErrorState, {
-		title: "Failed to load demo",
-		description: state.error.message,
-		onRetry: actions.refreshContext,
-		retryLabel: "Retry"
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: "space-y-6",
-		children: [
-			/* @__PURE__ */ jsx(StatCardGroup, { children: stats.map((s) => /* @__PURE__ */ jsx(StatCard, {
-				label: s.label,
-				value: String(s.value)
-			}, s.label)) }),
-			/* @__PURE__ */ jsxs(Card, {
-				className: "p-4",
-				children: [
-					/* @__PURE__ */ jsx("h3", {
-						className: "text-lg font-semibold",
-						children: "1) Onboarding (explicit locale + jurisdiction)"
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "mt-3 grid gap-3 md:grid-cols-3",
-						children: [
-							/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
-								className: "text-muted-foreground mb-1 text-xs font-semibold tracking-wide uppercase",
-								children: "Locale"
-							}), /* @__PURE__ */ jsx(Input, {
-								value: locale,
-								onChange: (e) => setLocale(e.target.value)
-							})] }),
-							/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
-								className: "text-muted-foreground mb-1 text-xs font-semibold tracking-wide uppercase",
-								children: "Jurisdiction"
-							}), /* @__PURE__ */ jsx(Input, {
-								value: jurisdiction,
-								onChange: (e) => setJurisdiction(e.target.value)
-							})] }),
-							/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
-								className: "text-muted-foreground mb-1 text-xs font-semibold tracking-wide uppercase",
-								children: "Allowed scope"
-							}), /* @__PURE__ */ jsxs(Select, {
-								value: allowedScope,
-								onValueChange: (v) => setAllowedScope(v),
-								children: [/* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select scope" }) }), /* @__PURE__ */ jsxs(SelectContent, { children: [
-									/* @__PURE__ */ jsx(SelectItem, {
-										value: "education_only",
-										children: "education_only"
-									}),
-									/* @__PURE__ */ jsx(SelectItem, {
-										value: "generic_info",
-										children: "generic_info"
-									}),
-									/* @__PURE__ */ jsx(SelectItem, {
-										value: "escalation_required",
-										children: "escalation_required"
-									})
-								] })]
-							})] })
-						]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "mt-4 flex gap-2",
-						children: [/* @__PURE__ */ jsx(Button, {
-							onPress: handleSetContext,
-							children: "Save context"
-						}), /* @__PURE__ */ jsx(Button, {
-							variant: "outline",
-							onPress: actions.refreshContext,
-							children: "Refresh"
-						})]
-					})
-				]
-			}),
-			/* @__PURE__ */ jsxs(Card, {
-				className: "p-4",
-				children: [
-					/* @__PURE__ */ jsx("h3", {
-						className: "text-lg font-semibold",
-						children: "2) Ask the assistant (must cite KB snapshot)"
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "mt-3 flex flex-col gap-3",
-						children: [/* @__PURE__ */ jsx(Input, {
-							value: question,
-							onChange: (e) => setQuestion(e.target.value)
-						}), /* @__PURE__ */ jsx("div", {
-							className: "flex gap-2",
-							children: /* @__PURE__ */ jsx(Button, {
-								onPress: handleAsk,
-								children: "Ask"
-							})
-						})]
-					}),
-					state.lastAnswer ? /* @__PURE__ */ jsxs("div", {
-						className: "mt-4 space-y-3",
-						children: [
-							state.lastAnswer.refused ? /* @__PURE__ */ jsxs("div", {
-								className: "text-sm text-red-600",
-								children: ["Refused: ", state.lastAnswer.refusalReason ?? "UNKNOWN"]
-							}) : null,
-							state.lastAnswer.sections.map((s, idx) => /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
-								className: "text-sm font-semibold",
-								children: s.heading
-							}), /* @__PURE__ */ jsx("div", {
-								className: "text-muted-foreground text-sm",
-								children: s.body
-							})] }, `${s.heading}-${idx}`)),
-							/* @__PURE__ */ jsx("div", {
-								className: "text-sm font-semibold",
-								children: "Citations"
-							}),
-							/* @__PURE__ */ jsx("ul", {
-								className: "text-muted-foreground list-disc pl-5 text-sm",
-								children: state.lastAnswer.citations.map((c) => /* @__PURE__ */ jsxs("li", { children: [
-									c.kbSnapshotId,
-									" — ",
-									c.sourceId
-								] }, `${c.kbSnapshotId}-${c.sourceId}`))
-							})
-						]
-					}) : null
-				]
-			}),
-			/* @__PURE__ */ jsxs(Card, {
-				className: "p-4",
-				children: [/* @__PURE__ */ jsx("h3", {
-					className: "text-lg font-semibold",
-					children: "3) Admin: publish a new snapshot (HITL)"
-				}), /* @__PURE__ */ jsxs("div", {
-					className: "mt-3 space-y-3",
-					children: [/* @__PURE__ */ jsx(Textarea, {
-						value: content,
-						onChange: (e) => setContent(e.target.value)
-					}), /* @__PURE__ */ jsx(Button, {
-						onPress: handleAdminPublishFlow,
-						children: "Simulate change → review → approve → publish snapshot"
-					})]
-				})]
-			}),
-			/* @__PURE__ */ jsxs(Card, {
-				className: "p-4",
-				children: [/* @__PURE__ */ jsx("h3", {
-					className: "text-lg font-semibold",
-					children: "4) Learning hub (patterns)"
-				}), /* @__PURE__ */ jsx("p", {
-					className: "text-muted-foreground mt-2 text-sm",
-					children: "This template includes drills, ambient coach, and quests as reusable Learning Journey tracks. The interactive learning UI is demonstrated in dedicated Learning Journey examples."
-				})]
-			})
-		]
-	});
+  const { state, actions } = usePolicySafeKnowledgeAssistant();
+  const [question, setQuestion] = useState2("reporting obligations");
+  const [content, setContent] = useState2("EU: Reporting obligations v2 (updated)");
+  const [locale, setLocale] = useState2("en-GB");
+  const [jurisdiction, setJurisdiction] = useState2("EU");
+  const [allowedScope, setAllowedScope] = useState2("education_only");
+  const snapshotId = state.context?.kbSnapshotId ?? state.lastSnapshotId ?? null;
+  const stats = useMemo2(() => {
+    return [
+      { label: "Locale", value: state.context?.locale ?? "\u2014" },
+      { label: "Jurisdiction", value: state.context?.jurisdiction ?? "\u2014" },
+      { label: "Scope", value: state.context?.allowedScope ?? "\u2014" },
+      { label: "KB Snapshot", value: snapshotId ?? "\u2014" }
+    ];
+  }, [
+    snapshotId,
+    state.context?.allowedScope,
+    state.context?.jurisdiction,
+    state.context?.locale
+  ]);
+  const handleSetContext = useCallback2(async () => {
+    await actions.setContext({ locale, jurisdiction, allowedScope });
+  }, [actions, allowedScope, jurisdiction, locale]);
+  const handleAsk = useCallback2(async () => {
+    await actions.askAssistant(question);
+  }, [actions, question]);
+  const handleAdminPublishFlow = useCallback2(async () => {
+    const ruleId = state.lastRuleId ?? await actions.createDemoRule();
+    const rvId = await actions.upsertRuleVersion({ ruleId, content });
+    await actions.approveRuleVersion(rvId);
+    await actions.simulateHighRiskChangeAndApprove(rvId);
+    await actions.publishSnapshot();
+  }, [actions, content, state.lastRuleId]);
+  if (state.loading && !state.context) {
+    return /* @__PURE__ */ jsxDEV(LoaderBlock, {
+      label: "Loading demo..."
+    }, undefined, false, undefined, this);
+  }
+  if (state.error) {
+    return /* @__PURE__ */ jsxDEV(ErrorState, {
+      title: "Failed to load demo",
+      description: state.error.message,
+      onRetry: actions.refreshContext,
+      retryLabel: "Retry"
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "space-y-6",
+    children: [
+      /* @__PURE__ */ jsxDEV(StatCardGroup, {
+        children: stats.map((s) => /* @__PURE__ */ jsxDEV(StatCard, {
+          label: s.label,
+          value: String(s.value)
+        }, s.label, false, undefined, this))
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV(Card, {
+        className: "p-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("h3", {
+            className: "text-lg font-semibold",
+            children: "1) Onboarding (explicit locale + jurisdiction)"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("div", {
+            className: "mt-3 grid gap-3 md:grid-cols-3",
+            children: [
+              /* @__PURE__ */ jsxDEV("div", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("div", {
+                    className: "text-muted-foreground mb-1 text-xs font-semibold tracking-wide uppercase",
+                    children: "Locale"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV(Input, {
+                    value: locale,
+                    onChange: (e) => setLocale(e.target.value)
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("div", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("div", {
+                    className: "text-muted-foreground mb-1 text-xs font-semibold tracking-wide uppercase",
+                    children: "Jurisdiction"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV(Input, {
+                    value: jurisdiction,
+                    onChange: (e) => setJurisdiction(e.target.value)
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("div", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("div", {
+                    className: "text-muted-foreground mb-1 text-xs font-semibold tracking-wide uppercase",
+                    children: "Allowed scope"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV(Select, {
+                    value: allowedScope,
+                    onValueChange: (v) => setAllowedScope(v),
+                    children: [
+                      /* @__PURE__ */ jsxDEV(SelectTrigger, {
+                        children: /* @__PURE__ */ jsxDEV(SelectValue, {
+                          placeholder: "Select scope"
+                        }, undefined, false, undefined, this)
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV(SelectContent, {
+                        children: [
+                          /* @__PURE__ */ jsxDEV(SelectItem, {
+                            value: "education_only",
+                            children: "education_only"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV(SelectItem, {
+                            value: "generic_info",
+                            children: "generic_info"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV(SelectItem, {
+                            value: "escalation_required",
+                            children: "escalation_required"
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV("div", {
+            className: "mt-4 flex gap-2",
+            children: [
+              /* @__PURE__ */ jsxDEV(Button, {
+                onPress: handleSetContext,
+                children: "Save context"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV(Button, {
+                variant: "outline",
+                onPress: actions.refreshContext,
+                children: "Refresh"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV(Card, {
+        className: "p-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("h3", {
+            className: "text-lg font-semibold",
+            children: "2) Ask the assistant (must cite KB snapshot)"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("div", {
+            className: "mt-3 flex flex-col gap-3",
+            children: [
+              /* @__PURE__ */ jsxDEV(Input, {
+                value: question,
+                onChange: (e) => setQuestion(e.target.value)
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "flex gap-2",
+                children: /* @__PURE__ */ jsxDEV(Button, {
+                  onPress: handleAsk,
+                  children: "Ask"
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          state.lastAnswer ? /* @__PURE__ */ jsxDEV("div", {
+            className: "mt-4 space-y-3",
+            children: [
+              state.lastAnswer.refused ? /* @__PURE__ */ jsxDEV("div", {
+                className: "text-sm text-red-600",
+                children: [
+                  "Refused: ",
+                  state.lastAnswer.refusalReason ?? "UNKNOWN"
+                ]
+              }, undefined, true, undefined, this) : null,
+              state.lastAnswer.sections.map((s, idx) => /* @__PURE__ */ jsxDEV("div", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("div", {
+                    className: "text-sm font-semibold",
+                    children: s.heading
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("div", {
+                    className: "text-muted-foreground text-sm",
+                    children: s.body
+                  }, undefined, false, undefined, this)
+                ]
+              }, `${s.heading}-${idx}`, true, undefined, this)),
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "text-sm font-semibold",
+                children: "Citations"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("ul", {
+                className: "text-muted-foreground list-disc pl-5 text-sm",
+                children: state.lastAnswer.citations.map((c) => /* @__PURE__ */ jsxDEV("li", {
+                  children: [
+                    c.kbSnapshotId,
+                    " \u2014 ",
+                    c.sourceId
+                  ]
+                }, `${c.kbSnapshotId}-${c.sourceId}`, true, undefined, this))
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this) : null
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV(Card, {
+        className: "p-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("h3", {
+            className: "text-lg font-semibold",
+            children: "3) Admin: publish a new snapshot (HITL)"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("div", {
+            className: "mt-3 space-y-3",
+            children: [
+              /* @__PURE__ */ jsxDEV(Textarea, {
+                value: content,
+                onChange: (e) => setContent(e.target.value)
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV(Button, {
+                onPress: handleAdminPublishFlow,
+                children: "Simulate change \u2192 review \u2192 approve \u2192 publish snapshot"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV(Card, {
+        className: "p-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("h3", {
+            className: "text-lg font-semibold",
+            children: "4) Learning hub (patterns)"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("p", {
+            className: "text-muted-foreground mt-2 text-sm",
+            children: "This template includes drills, ambient coach, and quests as reusable Learning Journey tracks. The interactive learning UI is demonstrated in dedicated Learning Journey examples."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
 }
-
-//#endregion
-export { PolicySafeKnowledgeAssistantDashboard };
-//# sourceMappingURL=PolicySafeKnowledgeAssistantDashboard.js.map
+export {
+  PolicySafeKnowledgeAssistantDashboard
+};