@contractspec/bundle.library 1.12.0 → 1.14.0

package/dist/components/docs/knowledge/KnowledgeOverviewPage.js

@@ -1,136 +1,187 @@
-import { ChevronRight } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
+// @bun
+// src/components/docs/knowledge/KnowledgeOverviewPage.tsx
 import Link from "@contractspec/lib.ui-link";
-
-//#region src/components/docs/knowledge/KnowledgeOverviewPage.tsx
+import { ChevronRight } from "lucide-react";
+import { jsxDEV } from "react/jsx-dev-runtime";
 function KnowledgeOverviewPage() {
-	return /* @__PURE__ */ jsxs("div", {
-		className: "space-y-8",
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "space-y-4",
-				children: [/* @__PURE__ */ jsx("h1", {
-					className: "text-4xl font-bold",
-					children: "Knowledge & Context"
-				}), /* @__PURE__ */ jsx("p", {
-					className: "text-muted-foreground",
-					children: "ContractSpec provides first-class support for knowledge management, enabling semantic search, RAG (Retrieval-Augmented Generation), and context-aware decision-making. Knowledge is organized into typed spaces with different trust levels and access controls."
-				})]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "space-y-4",
-				children: [
-					/* @__PURE__ */ jsx("h2", {
-						className: "text-2xl font-bold",
-						children: "Why knowledge matters"
-					}),
-					/* @__PURE__ */ jsx("p", {
-						className: "text-muted-foreground",
-						children: "Modern applications need to:"
-					}),
-					/* @__PURE__ */ jsxs("ul", {
-						className: "text-muted-foreground list-inside list-disc space-y-2",
-						children: [
-							/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Understand context" }), " - Access relevant information to make informed decisions"] }),
-							/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Learn from history" }), " - Use past interactions to improve future responses"] }),
-							/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Trust sources" }), " - Distinguish between authoritative and reference information"] }),
-							/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Scale knowledge" }), " - Handle growing amounts of documentation and data"] }),
-							/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Maintain privacy" }), " - Keep tenant knowledge isolated and secure"] })
-						]
-					})
-				]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "space-y-4",
-				children: [
-					/* @__PURE__ */ jsx("h2", {
-						className: "text-2xl font-bold",
-						children: "Knowledge architecture"
-					}),
-					/* @__PURE__ */ jsx("p", {
-						className: "text-muted-foreground",
-						children: "ContractSpec's knowledge system has three main components:"
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "space-y-6",
-						children: [
-							/* @__PURE__ */ jsxs("div", {
-								className: "card-subtle p-4",
-								children: [
-									/* @__PURE__ */ jsx("h3", {
-										className: "mb-2 text-lg font-semibold",
-										children: "1. Knowledge Categories"
-									}),
-									/* @__PURE__ */ jsx("p", {
-										className: "text-muted-foreground mb-3 text-sm",
-										children: "Four trust levels that determine how knowledge is used:"
-									}),
-									/* @__PURE__ */ jsxs("div", {
-										className: "space-y-2 text-sm",
-										children: [
-											/* @__PURE__ */ jsxs("div", {
-												className: "flex items-start gap-3",
-												children: [/* @__PURE__ */ jsx("code", {
-													className: "bg-background/50 rounded px-2 py-1 text-xs",
-													children: "canonical"
-												}), /* @__PURE__ */ jsx("span", {
-													className: "text-muted-foreground",
-													children: "Ground truth - product specs, schemas, official policies"
-												})]
-											}),
-											/* @__PURE__ */ jsxs("div", {
-												className: "flex items-start gap-3",
-												children: [/* @__PURE__ */ jsx("code", {
-													className: "bg-background/50 rounded px-2 py-1 text-xs",
-													children: "operational"
-												}), /* @__PURE__ */ jsx("span", {
-													className: "text-muted-foreground",
-													children: "Internal docs - support tickets, runbooks, sales materials"
-												})]
-											}),
-											/* @__PURE__ */ jsxs("div", {
-												className: "flex items-start gap-3",
-												children: [/* @__PURE__ */ jsx("code", {
-													className: "bg-background/50 rounded px-2 py-1 text-xs",
-													children: "external"
-												}), /* @__PURE__ */ jsx("span", {
-													className: "text-muted-foreground",
-													children: "Third-party - PSP docs, regulations, integration guides"
-												})]
-											}),
-											/* @__PURE__ */ jsxs("div", {
-												className: "flex items-start gap-3",
-												children: [/* @__PURE__ */ jsx("code", {
-													className: "bg-background/50 rounded px-2 py-1 text-xs",
-													children: "ephemeral"
-												}), /* @__PURE__ */ jsx("span", {
-													className: "text-muted-foreground",
-													children: "Temporary - agent scratchpads, session context, drafts"
-												})]
-											})
-										]
-									}),
-									/* @__PURE__ */ jsx(Link, {
-										href: "/docs/knowledge/categories",
-										className: "mt-3 inline-block text-sm text-violet-400 hover:text-violet-300",
-										children: "Learn more about categories →"
-									})
-								]
-							}),
-							/* @__PURE__ */ jsxs("div", {
-								className: "card-subtle p-4",
-								children: [
-									/* @__PURE__ */ jsx("h3", {
-										className: "mb-2 text-lg font-semibold",
-										children: "2. Knowledge Spaces"
-									}),
-									/* @__PURE__ */ jsx("p", {
-										className: "text-muted-foreground mb-3 text-sm",
-										children: "Logical domains of knowledge defined globally:"
-									}),
-									/* @__PURE__ */ jsx("div", {
-										className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs",
-										children: /* @__PURE__ */ jsx("pre", { children: `type KnowledgeSpaceSpec = {
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "space-y-8",
+    children: [
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("h1", {
+            className: "text-4xl font-bold",
+            children: "Knowledge & Context"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("p", {
+            className: "text-muted-foreground",
+            children: "ContractSpec provides first-class support for knowledge management, enabling semantic search, RAG (Retrieval-Augmented Generation), and context-aware decision-making. Knowledge is organized into typed spaces with different trust levels and access controls."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("h2", {
+            className: "text-2xl font-bold",
+            children: "Why knowledge matters"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("p", {
+            className: "text-muted-foreground",
+            children: "Modern applications need to:"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("ul", {
+            className: "text-muted-foreground list-inside list-disc space-y-2",
+            children: [
+              /* @__PURE__ */ jsxDEV("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("strong", {
+                    children: "Understand context"
+                  }, undefined, false, undefined, this),
+                  " - Access relevant information to make informed decisions"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("strong", {
+                    children: "Learn from history"
+                  }, undefined, false, undefined, this),
+                  " - Use past interactions to improve future responses"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("strong", {
+                    children: "Trust sources"
+                  }, undefined, false, undefined, this),
+                  " - Distinguish between authoritative and reference information"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("strong", {
+                    children: "Scale knowledge"
+                  }, undefined, false, undefined, this),
+                  " - Handle growing amounts of documentation and data"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("strong", {
+                    children: "Maintain privacy"
+                  }, undefined, false, undefined, this),
+                  " - Keep tenant knowledge isolated and secure"
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("h2", {
+            className: "text-2xl font-bold",
+            children: "Knowledge architecture"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("p", {
+            className: "text-muted-foreground",
+            children: "ContractSpec's knowledge system has three main components:"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("div", {
+            className: "space-y-6",
+            children: [
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "card-subtle p-4",
+                children: [
+                  /* @__PURE__ */ jsxDEV("h3", {
+                    className: "mb-2 text-lg font-semibold",
+                    children: "1. Knowledge Categories"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("p", {
+                    className: "text-muted-foreground mb-3 text-sm",
+                    children: "Four trust levels that determine how knowledge is used:"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("div", {
+                    className: "space-y-2 text-sm",
+                    children: [
+                      /* @__PURE__ */ jsxDEV("div", {
+                        className: "flex items-start gap-3",
+                        children: [
+                          /* @__PURE__ */ jsxDEV("code", {
+                            className: "bg-background/50 rounded px-2 py-1 text-xs",
+                            children: "canonical"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV("span", {
+                            className: "text-muted-foreground",
+                            children: "Ground truth - product specs, schemas, official policies"
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV("div", {
+                        className: "flex items-start gap-3",
+                        children: [
+                          /* @__PURE__ */ jsxDEV("code", {
+                            className: "bg-background/50 rounded px-2 py-1 text-xs",
+                            children: "operational"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV("span", {
+                            className: "text-muted-foreground",
+                            children: "Internal docs - support tickets, runbooks, sales materials"
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV("div", {
+                        className: "flex items-start gap-3",
+                        children: [
+                          /* @__PURE__ */ jsxDEV("code", {
+                            className: "bg-background/50 rounded px-2 py-1 text-xs",
+                            children: "external"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV("span", {
+                            className: "text-muted-foreground",
+                            children: "Third-party - PSP docs, regulations, integration guides"
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV("div", {
+                        className: "flex items-start gap-3",
+                        children: [
+                          /* @__PURE__ */ jsxDEV("code", {
+                            className: "bg-background/50 rounded px-2 py-1 text-xs",
+                            children: "ephemeral"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV("span", {
+                            className: "text-muted-foreground",
+                            children: "Temporary - agent scratchpads, session context, drafts"
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV(Link, {
+                    href: "/docs/knowledge/categories",
+                    className: "mt-3 inline-block text-sm text-violet-400 hover:text-violet-300",
+                    children: "Learn more about categories \u2192"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "card-subtle p-4",
+                children: [
+                  /* @__PURE__ */ jsxDEV("h3", {
+                    className: "mb-2 text-lg font-semibold",
+                    children: "2. Knowledge Spaces"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("p", {
+                    className: "text-muted-foreground mb-3 text-sm",
+                    children: "Logical domains of knowledge defined globally:"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("div", {
+                    className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs",
+                    children: /* @__PURE__ */ jsxDEV("pre", {
+                      children: `type KnowledgeSpaceSpec = {
   id: string;
   label: string;
   category: KnowledgeCategory;
@@ -138,29 +189,31 @@ function KnowledgeOverviewPage() {
   indexProvider: string;  // e.g., "qdrant"
   retentionPolicy: { days?: number };
   intendedAudience: "agents" | "humans" | "admin-only";
-};` })
-									}),
-									/* @__PURE__ */ jsx(Link, {
-										href: "/docs/knowledge/spaces",
-										className: "mt-3 inline-block text-sm text-violet-400 hover:text-violet-300",
-										children: "Learn more about spaces →"
-									})
-								]
-							}),
-							/* @__PURE__ */ jsxs("div", {
-								className: "card-subtle p-4",
-								children: [
-									/* @__PURE__ */ jsx("h3", {
-										className: "mb-2 text-lg font-semibold",
-										children: "3. Knowledge Sources"
-									}),
-									/* @__PURE__ */ jsx("p", {
-										className: "text-muted-foreground mb-3 text-sm",
-										children: "Per-tenant data sources that feed knowledge spaces:"
-									}),
-									/* @__PURE__ */ jsx("div", {
-										className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs",
-										children: /* @__PURE__ */ jsx("pre", { children: `type KnowledgeSourceConfig = {
+};`
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV(Link, {
+                    href: "/docs/knowledge/spaces",
+                    className: "mt-3 inline-block text-sm text-violet-400 hover:text-violet-300",
+                    children: "Learn more about spaces \u2192"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "card-subtle p-4",
+                children: [
+                  /* @__PURE__ */ jsxDEV("h3", {
+                    className: "mb-2 text-lg font-semibold",
+                    children: "3. Knowledge Sources"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("p", {
+                    className: "text-muted-foreground mb-3 text-sm",
+                    children: "Per-tenant data sources that feed knowledge spaces:"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("div", {
+                    className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs",
+                    children: /* @__PURE__ */ jsxDEV("pre", {
+                      children: `type KnowledgeSourceConfig = {
   id: string;
   tenantId: string;
   spaceId: string;
@@ -169,106 +222,151 @@ function KnowledgeOverviewPage() {
   location: string;
   syncPolicy: { interval?: string; webhook?: boolean };
   lastSyncedAt?: string;
-};` })
-									}),
-									/* @__PURE__ */ jsx(Link, {
-										href: "/docs/knowledge/sources",
-										className: "mt-3 inline-block text-sm text-violet-400 hover:text-violet-300",
-										children: "Learn more about sources →"
-									})
-								]
-							})
-						]
-					})
-				]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "space-y-4",
-				children: [
-					/* @__PURE__ */ jsx("h2", {
-						className: "text-2xl font-bold",
-						children: "How it works"
-					}),
-					/* @__PURE__ */ jsx("p", {
-						className: "text-muted-foreground",
-						children: "Knowledge flows through ContractSpec in four stages:"
-					}),
-					/* @__PURE__ */ jsxs("ol", {
-						className: "text-muted-foreground list-inside list-decimal space-y-3",
-						children: [
-							/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Define spaces" }), " - Create KnowledgeSpaceSpec for each logical domain (e.g., \"Product Canon\", \"Support FAQ\")"] }),
-							/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Configure sources" }), " - Tenants connect their data sources (Notion, Gmail, uploads, etc.)"] }),
-							/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Sync & index" }), " - Sources are synced, chunked, and indexed in vector databases"] }),
-							/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Query & retrieve" }), " - Workflows and agents perform semantic search to find relevant context"] })
-						]
-					})
-				]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "space-y-4",
-				children: [/* @__PURE__ */ jsx("h2", {
-					className: "text-2xl font-bold",
-					children: "Use cases"
-				}), /* @__PURE__ */ jsxs("div", {
-					className: "grid gap-4 md:grid-cols-2",
-					children: [
-						/* @__PURE__ */ jsxs("div", {
-							className: "card-subtle p-4",
-							children: [/* @__PURE__ */ jsx("h3", {
-								className: "mb-2 font-semibold",
-								children: "Support Agents"
-							}), /* @__PURE__ */ jsx("p", {
-								className: "text-muted-foreground text-sm",
-								children: "Answer customer questions using product documentation (canonical) and past support tickets (operational)."
-							})]
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "card-subtle p-4",
-							children: [/* @__PURE__ */ jsx("h3", {
-								className: "mb-2 font-semibold",
-								children: "Invoice Generation"
-							}), /* @__PURE__ */ jsx("p", {
-								className: "text-muted-foreground text-sm",
-								children: "Generate invoices using product catalog (canonical) and pricing rules (operational)."
-							})]
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "card-subtle p-4",
-							children: [/* @__PURE__ */ jsx("h3", {
-								className: "mb-2 font-semibold",
-								children: "Compliance Checking"
-							}), /* @__PURE__ */ jsx("p", {
-								className: "text-muted-foreground text-sm",
-								children: "Validate operations against regulatory requirements (external) and internal policies (canonical)."
-							})]
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "card-subtle p-4",
-							children: [/* @__PURE__ */ jsx("h3", {
-								className: "mb-2 font-semibold",
-								children: "Semantic Search"
-							}), /* @__PURE__ */ jsx("p", {
-								className: "text-muted-foreground text-sm",
-								children: "Find relevant documents, tickets, or records using natural language queries."
-							})]
-						})
-					]
-				})]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "space-y-4",
-				children: [
-					/* @__PURE__ */ jsx("h2", {
-						className: "text-2xl font-bold",
-						children: "Integration with workflows"
-					}),
-					/* @__PURE__ */ jsx("p", {
-						className: "text-muted-foreground",
-						children: "Knowledge spaces are consumed by workflows through standard capabilities:"
-					}),
-					/* @__PURE__ */ jsx("div", {
-						className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-						children: /* @__PURE__ */ jsx("pre", { children: `import { defineWorkflow } from '@contractspec/lib.contracts';
+};`
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV(Link, {
+                    href: "/docs/knowledge/sources",
+                    className: "mt-3 inline-block text-sm text-violet-400 hover:text-violet-300",
+                    children: "Learn more about sources \u2192"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("h2", {
+            className: "text-2xl font-bold",
+            children: "How it works"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("p", {
+            className: "text-muted-foreground",
+            children: "Knowledge flows through ContractSpec in four stages:"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("ol", {
+            className: "text-muted-foreground list-inside list-decimal space-y-3",
+            children: [
+              /* @__PURE__ */ jsxDEV("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("strong", {
+                    children: "Define spaces"
+                  }, undefined, false, undefined, this),
+                  ' - Create KnowledgeSpaceSpec for each logical domain (e.g., "Product Canon", "Support FAQ")'
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("strong", {
+                    children: "Configure sources"
+                  }, undefined, false, undefined, this),
+                  " - Tenants connect their data sources (Notion, Gmail, uploads, etc.)"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("strong", {
+                    children: "Sync & index"
+                  }, undefined, false, undefined, this),
+                  " - Sources are synced, chunked, and indexed in vector databases"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("strong", {
+                    children: "Query & retrieve"
+                  }, undefined, false, undefined, this),
+                  " - Workflows and agents perform semantic search to find relevant context"
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("h2", {
+            className: "text-2xl font-bold",
+            children: "Use cases"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("div", {
+            className: "grid gap-4 md:grid-cols-2",
+            children: [
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "card-subtle p-4",
+                children: [
+                  /* @__PURE__ */ jsxDEV("h3", {
+                    className: "mb-2 font-semibold",
+                    children: "Support Agents"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("p", {
+                    className: "text-muted-foreground text-sm",
+                    children: "Answer customer questions using product documentation (canonical) and past support tickets (operational)."
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "card-subtle p-4",
+                children: [
+                  /* @__PURE__ */ jsxDEV("h3", {
+                    className: "mb-2 font-semibold",
+                    children: "Invoice Generation"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("p", {
+                    className: "text-muted-foreground text-sm",
+                    children: "Generate invoices using product catalog (canonical) and pricing rules (operational)."
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "card-subtle p-4",
+                children: [
+                  /* @__PURE__ */ jsxDEV("h3", {
+                    className: "mb-2 font-semibold",
+                    children: "Compliance Checking"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("p", {
+                    className: "text-muted-foreground text-sm",
+                    children: "Validate operations against regulatory requirements (external) and internal policies (canonical)."
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "card-subtle p-4",
+                children: [
+                  /* @__PURE__ */ jsxDEV("h3", {
+                    className: "mb-2 font-semibold",
+                    children: "Semantic Search"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("p", {
+                    className: "text-muted-foreground text-sm",
+                    children: "Find relevant documents, tickets, or records using natural language queries."
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("h2", {
+            className: "text-2xl font-bold",
+            children: "Integration with workflows"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("p", {
+            className: "text-muted-foreground",
+            children: "Knowledge spaces are consumed by workflows through standard capabilities:"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("div", {
+            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            children: /* @__PURE__ */ jsxDEV("pre", {
+              children: `import { defineWorkflow } from '@contractspec/lib.contracts';
 import { OpenAIEmbeddings, VectorSearch, OpenAIChat } from './specs';
 
 export const AnswerSupportQuestion = defineWorkflow({
@@ -311,44 +409,57 @@ export const AnswerSupportQuestion = defineWorkflow({
       }),
     },
   ],
-});` })
-					})
-				]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "space-y-4",
-				children: [
-					/* @__PURE__ */ jsx("h2", {
-						className: "text-2xl font-bold",
-						children: "Real-world examples"
-					}),
-					/* @__PURE__ */ jsx("p", {
-						className: "text-muted-foreground",
-						children: "See how different applications use knowledge spaces:"
-					}),
-					/* @__PURE__ */ jsxs(Link, {
-						href: "/docs/knowledge/examples",
-						className: "btn-primary inline-flex items-center gap-2",
-						children: ["View Examples ", /* @__PURE__ */ jsx(ChevronRight, { size: 16 })]
-					})
-				]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-4 pt-4",
-				children: [/* @__PURE__ */ jsxs(Link, {
-					href: "/docs/knowledge/categories",
-					className: "btn-primary",
-					children: ["Knowledge Categories ", /* @__PURE__ */ jsx(ChevronRight, { size: 16 })]
-				}), /* @__PURE__ */ jsx(Link, {
-					href: "/docs/knowledge/spaces",
-					className: "btn-ghost",
-					children: "Knowledge Spaces"
-				})]
-			})
-		]
-	});
+});`
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("h2", {
+            className: "text-2xl font-bold",
+            children: "Real-world examples"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("p", {
+            className: "text-muted-foreground",
+            children: "See how different applications use knowledge spaces:"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV(Link, {
+            href: "/docs/knowledge/examples",
+            className: "btn-primary inline-flex items-center gap-2",
+            children: [
+              "View Examples ",
+              /* @__PURE__ */ jsxDEV(ChevronRight, {
+                size: 16
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "flex items-center gap-4 pt-4",
+        children: [
+          /* @__PURE__ */ jsxDEV(Link, {
+            href: "/docs/knowledge/categories",
+            className: "btn-primary",
+            children: [
+              "Knowledge Categories ",
+              /* @__PURE__ */ jsxDEV(ChevronRight, {
+                size: 16
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV(Link, {
+            href: "/docs/knowledge/spaces",
+            className: "btn-ghost",
+            children: "Knowledge Spaces"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
 }
-
-//#endregion
-export { KnowledgeOverviewPage };
-//# sourceMappingURL=KnowledgeOverviewPage.js.map
+export {
+  KnowledgeOverviewPage
+};