@contractspec/bundle.library 1.11.1 → 1.13.0

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

@@ -1,7 +1,2445 @@
-import { KnowledgeOverviewPage } from "./KnowledgeOverviewPage.js";
-import { KnowledgeCategoriesPage } from "./KnowledgeCategoriesPage.js";
-import { KnowledgeExamplesPage } from "./KnowledgeExamplesPage.js";
-import { KnowledgeSourcesPage } from "./KnowledgeSourcesPage.js";
-import { KnowledgeSpacesPage } from "./KnowledgeSpacesPage.js";
+// @bun
+// src/components/docs/knowledge/KnowledgeOverviewPage.tsx
+import Link from "@contractspec/lib.ui-link";
+import { ChevronRight } from "lucide-react";
+import { jsxDEV } from "react/jsx-dev-runtime";
+function KnowledgeOverviewPage() {
+  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;
+  storageStrategy: "vector" | "search" | "hybrid";
+  indexProvider: string;  // e.g., "qdrant"
+  retentionPolicy: { days?: number };
+  intendedAudience: "agents" | "humans" | "admin-only";
+};`
+                    }, 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;
+  kind: "uploaded-document" | "url" | "email" 
+        | "notion" | "database-query" | "raw-text";
+  location: string;
+  syncPolicy: { interval?: string; webhook?: boolean };
+  lastSyncedAt?: string;
+};`
+                    }, 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 { KnowledgeCategoriesPage, KnowledgeExamplesPage, KnowledgeOverviewPage, KnowledgeSourcesPage, KnowledgeSpacesPage };
+export const AnswerSupportQuestion = defineWorkflow({
+  meta: {
+    key: 'support.answerQuestion',
+    version: '1.0.0',
+    description: 'Answer support questions using RAG',
+    owners: ['team-support'],
+    tags: ['ai', 'support'],
+    stability: 'stable',
+  },
+  steps: [
+    {
+      id: 'embed-question',
+      operation: OpenAIEmbeddings,
+      inputs: (ctx, input) => ({
+        text: input.question,
+      }),
+    },
+    {
+      id: 'search-knowledge',
+      operation: VectorSearch,
+      inputs: (ctx, input, steps) => ({
+        collection: 'product-canon', // KnowledgeSpace
+        vector: steps['embed-question'].output.embedding,
+        limit: 5,
+      }),
+    },
+    {
+      id: 'generate-answer',
+      operation: OpenAIChat,
+      inputs: (ctx, input, steps) => ({
+        messages: [
+          { role: 'system', content: 'Answer using the provided context' },
+          { 
+            role: 'user', 
+            content: \`Context: \${steps['search-knowledge'].output.results}\\nQuestion: \${input.question}\`
+          },
+        ],
+      }),
+    },
+  ],
+});`
+            }, 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);
+}
+
+// src/components/docs/knowledge/KnowledgeCategoriesPage.tsx
+import Link2 from "@contractspec/lib.ui-link";
+import { ChevronRight as ChevronRight2 } from "lucide-react";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+function KnowledgeCategoriesPage() {
+  return /* @__PURE__ */ jsxDEV2("div", {
+    className: "space-y-8",
+    children: [
+      /* @__PURE__ */ jsxDEV2("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV2("h1", {
+            className: "text-4xl font-bold",
+            children: "Knowledge Categories"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV2("p", {
+            className: "text-muted-foreground",
+            children: "ContractSpec classifies knowledge into four categories based on trust level, source authority, and intended use. This classification determines how knowledge can be used in workflows, policy decisions, and agent responses."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV2("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV2("h2", {
+            className: "text-2xl font-bold",
+            children: "The four categories"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV2("div", {
+            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            children: /* @__PURE__ */ jsxDEV2("pre", {
+              children: `type KnowledgeCategory =
+  | "canonical"   // Internal ground truth
+  | "operational" // Internal operational docs
+  | "external"    // Third-party reference
+  | "ephemeral";  // Temporary context`
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV2("div", {
+        className: "space-y-6",
+        children: [
+          /* @__PURE__ */ jsxDEV2("div", {
+            className: "space-y-4",
+            children: [
+              /* @__PURE__ */ jsxDEV2("h3", {
+                className: "text-xl font-semibold",
+                children: "1. Canonical"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2("p", {
+                className: "text-muted-foreground",
+                children: [
+                  /* @__PURE__ */ jsxDEV2("strong", {
+                    children: "Trust level:"
+                  }, undefined, false, undefined, this),
+                  " Highest - Authoritative ground truth"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV2("div", {
+                className: "space-y-3",
+                children: [
+                  /* @__PURE__ */ jsxDEV2("div", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV2("h4", {
+                        className: "mb-2 text-sm font-semibold",
+                        children: "What it contains:"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("ul", {
+                        className: "text-muted-foreground ml-4 list-inside list-disc space-y-1 text-sm",
+                        children: [
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: "Official product specifications and schemas"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: "Company policies and procedures"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: "Legal terms and compliance requirements"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: "Pricing rules and business logic"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: "Data classification and security policies"
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV2("div", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV2("h4", {
+                        className: "mb-2 text-sm font-semibold",
+                        children: "How it's used:"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("ul", {
+                        className: "text-muted-foreground ml-4 list-inside list-disc space-y-1 text-sm",
+                        children: [
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: [
+                              /* @__PURE__ */ jsxDEV2("strong", {
+                                children: "Policy decisions"
+                              }, undefined, false, undefined, this),
+                              " - Can drive PDP decisions"
+                            ]
+                          }, undefined, true, undefined, this),
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: [
+                              /* @__PURE__ */ jsxDEV2("strong", {
+                                children: "Validation"
+                              }, undefined, false, undefined, this),
+                              " - Used to validate user inputs and operations"
+                            ]
+                          }, undefined, true, undefined, this),
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: [
+                              /* @__PURE__ */ jsxDEV2("strong", {
+                                children: "Code generation"
+                              }, undefined, false, undefined, this),
+                              " - Source of truth for generated code"
+                            ]
+                          }, undefined, true, undefined, this),
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: [
+                              /* @__PURE__ */ jsxDEV2("strong", {
+                                children: "Compliance"
+                              }, undefined, false, undefined, this),
+                              " - Reference for audit and regulatory checks"
+                            ]
+                          }, undefined, true, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV2("div", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV2("h4", {
+                        className: "mb-2 text-sm font-semibold",
+                        children: "Examples:"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("div", {
+                        className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs",
+                        children: /* @__PURE__ */ jsxDEV2("pre", {
+                          children: `// Product Canon space
+{
+  id: "product-canon",
+  category: "canonical",
+  sources: [
+    "database-schema.sql",
+    "product-catalog.yaml",
+    "pricing-rules.json"
+  ]
+}
+
+// Policy Canon space
+{
+  id: "policy-canon",
+  category: "canonical",
+  sources: [
+    "data-classification.yaml",
+    "access-policies.rego",
+    "compliance-requirements.md"
+  ]
+}`
+                        }, undefined, false, undefined, this)
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV2("div", {
+                    className: "card-subtle border-violet-500/30 bg-violet-500/10 p-3",
+                    children: /* @__PURE__ */ jsxDEV2("p", {
+                      className: "text-sm text-violet-300",
+                      children: [
+                        /* @__PURE__ */ jsxDEV2("strong", {
+                          children: "\u26A0\uFE0F Important:"
+                        }, undefined, false, undefined, this),
+                        " Canonical knowledge is immutable once indexed. Changes require re-sync and versioning."
+                      ]
+                    }, undefined, true, undefined, this)
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV2("div", {
+            className: "space-y-4",
+            children: [
+              /* @__PURE__ */ jsxDEV2("h3", {
+                className: "text-xl font-semibold",
+                children: "2. Operational"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2("p", {
+                className: "text-muted-foreground",
+                children: [
+                  /* @__PURE__ */ jsxDEV2("strong", {
+                    children: "Trust level:"
+                  }, undefined, false, undefined, this),
+                  " High - Internal but not authoritative"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV2("div", {
+                className: "space-y-3",
+                children: [
+                  /* @__PURE__ */ jsxDEV2("div", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV2("h4", {
+                        className: "mb-2 text-sm font-semibold",
+                        children: "What it contains:"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("ul", {
+                        className: "text-muted-foreground ml-4 list-inside list-disc space-y-1 text-sm",
+                        children: [
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: "Support ticket history and resolutions"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: "Internal runbooks and playbooks"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: "Sales materials and customer communications"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: "Product management docs and roadmaps"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: "Team wikis and knowledge bases"
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV2("div", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV2("h4", {
+                        className: "mb-2 text-sm font-semibold",
+                        children: "How it's used:"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("ul", {
+                        className: "text-muted-foreground ml-4 list-inside list-disc space-y-1 text-sm",
+                        children: [
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: [
+                              /* @__PURE__ */ jsxDEV2("strong", {
+                                children: "Context"
+                              }, undefined, false, undefined, this),
+                              " - Provides helpful context for decisions"
+                            ]
+                          }, undefined, true, undefined, this),
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: [
+                              /* @__PURE__ */ jsxDEV2("strong", {
+                                children: "Suggestions"
+                              }, undefined, false, undefined, this),
+                              " - Informs recommendations, not requirements"
+                            ]
+                          }, undefined, true, undefined, this),
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: [
+                              /* @__PURE__ */ jsxDEV2("strong", {
+                                children: "Learning"
+                              }, undefined, false, undefined, this),
+                              " - Helps agents learn from past interactions"
+                            ]
+                          }, undefined, true, undefined, this),
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: [
+                              /* @__PURE__ */ jsxDEV2("strong", {
+                                children: "Troubleshooting"
+                              }, undefined, false, undefined, this),
+                              " - Guides problem-solving workflows"
+                            ]
+                          }, undefined, true, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV2("div", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV2("h4", {
+                        className: "mb-2 text-sm font-semibold",
+                        children: "Examples:"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("div", {
+                        className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs",
+                        children: /* @__PURE__ */ jsxDEV2("pre", {
+                          children: `// Support History space
+{
+  id: "support-history",
+  category: "operational",
+  sources: [
+    "gmail:support@company.com",
+    "zendesk:tickets",
+    "slack:support-channel"
+  ]
+}
+
+// Internal Docs space
+{
+  id: "internal-docs",
+  category: "operational",
+  sources: [
+    "notion:engineering-wiki",
+    "confluence:product-docs",
+    "google-drive:runbooks"
+  ]
+}`
+                        }, undefined, false, undefined, this)
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV2("div", {
+            className: "space-y-4",
+            children: [
+              /* @__PURE__ */ jsxDEV2("h3", {
+                className: "text-xl font-semibold",
+                children: "3. External"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2("p", {
+                className: "text-muted-foreground",
+                children: [
+                  /* @__PURE__ */ jsxDEV2("strong", {
+                    children: "Trust level:"
+                  }, undefined, false, undefined, this),
+                  " Medium - Reference only"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV2("div", {
+                className: "space-y-3",
+                children: [
+                  /* @__PURE__ */ jsxDEV2("div", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV2("h4", {
+                        className: "mb-2 text-sm font-semibold",
+                        children: "What it contains:"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("ul", {
+                        className: "text-muted-foreground ml-4 list-inside list-disc space-y-1 text-sm",
+                        children: [
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: "Third-party integration documentation (Stripe, Twilio)"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: "Regulatory and compliance documents"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: "Industry standards and best practices"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: "Public API documentation"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: "External knowledge bases"
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV2("div", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV2("h4", {
+                        className: "mb-2 text-sm font-semibold",
+                        children: "How it's used:"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("ul", {
+                        className: "text-muted-foreground ml-4 list-inside list-disc space-y-1 text-sm",
+                        children: [
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: [
+                              /* @__PURE__ */ jsxDEV2("strong", {
+                                children: "Reference"
+                              }, undefined, false, undefined, this),
+                              " - Consulted but not authoritative"
+                            ]
+                          }, undefined, true, undefined, this),
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: [
+                              /* @__PURE__ */ jsxDEV2("strong", {
+                                children: "Integration help"
+                              }, undefined, false, undefined, this),
+                              " - Guides external API usage"
+                            ]
+                          }, undefined, true, undefined, this),
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: [
+                              /* @__PURE__ */ jsxDEV2("strong", {
+                                children: "Compliance context"
+                              }, undefined, false, undefined, this),
+                              " - Provides regulatory background"
+                            ]
+                          }, undefined, true, undefined, this),
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: [
+                              /* @__PURE__ */ jsxDEV2("strong", {
+                                children: "Never for policy"
+                              }, undefined, false, undefined, this),
+                              " - Cannot drive policy decisions"
+                            ]
+                          }, undefined, true, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV2("div", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV2("h4", {
+                        className: "mb-2 text-sm font-semibold",
+                        children: "Examples:"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("div", {
+                        className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs",
+                        children: /* @__PURE__ */ jsxDEV2("pre", {
+                          children: `// External Provider Docs space
+{
+  id: "provider-docs",
+  category: "external",
+  sources: [
+    "url:https://stripe.com/docs",
+    "url:https://twilio.com/docs",
+    "url:https://openai.com/docs"
+  ]
+}
+
+// Regulatory Docs space
+{
+  id: "regulatory-docs",
+  category: "external",
+  sources: [
+    "url:https://gdpr.eu/",
+    "url:https://www.hhs.gov/hipaa",
+    "pdf:SOC2-requirements.pdf"
+  ]
+}`
+                        }, undefined, false, undefined, this)
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV2("div", {
+                    className: "card-subtle border-amber-500/30 bg-amber-500/10 p-3",
+                    children: /* @__PURE__ */ jsxDEV2("p", {
+                      className: "text-sm text-amber-300",
+                      children: [
+                        /* @__PURE__ */ jsxDEV2("strong", {
+                          children: "\u26A0\uFE0F Note:"
+                        }, undefined, false, undefined, this),
+                        ` External knowledge should be clearly marked in agent responses as "according to [source]" to indicate it's not internal authority.`
+                      ]
+                    }, undefined, true, undefined, this)
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV2("div", {
+            className: "space-y-4",
+            children: [
+              /* @__PURE__ */ jsxDEV2("h3", {
+                className: "text-xl font-semibold",
+                children: "4. Ephemeral"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2("p", {
+                className: "text-muted-foreground",
+                children: [
+                  /* @__PURE__ */ jsxDEV2("strong", {
+                    children: "Trust level:"
+                  }, undefined, false, undefined, this),
+                  " Low - Temporary context only"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV2("div", {
+                className: "space-y-3",
+                children: [
+                  /* @__PURE__ */ jsxDEV2("div", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV2("h4", {
+                        className: "mb-2 text-sm font-semibold",
+                        children: "What it contains:"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("ul", {
+                        className: "text-muted-foreground ml-4 list-inside list-disc space-y-1 text-sm",
+                        children: [
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: "Agent conversation history and scratchpads"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: "Session-specific context and state"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: "Draft documents and work-in-progress"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: "Temporary calculations and intermediate results"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: "User-provided context for current task"
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV2("div", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV2("h4", {
+                        className: "mb-2 text-sm font-semibold",
+                        children: "How it's used:"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("ul", {
+                        className: "text-muted-foreground ml-4 list-inside list-disc space-y-1 text-sm",
+                        children: [
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: [
+                              /* @__PURE__ */ jsxDEV2("strong", {
+                                children: "Session continuity"
+                              }, undefined, false, undefined, this),
+                              " - Maintains conversation context"
+                            ]
+                          }, undefined, true, undefined, this),
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: [
+                              /* @__PURE__ */ jsxDEV2("strong", {
+                                children: "Working memory"
+                              }, undefined, false, undefined, this),
+                              " - Stores intermediate results"
+                            ]
+                          }, undefined, true, undefined, this),
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: [
+                              /* @__PURE__ */ jsxDEV2("strong", {
+                                children: "Never persisted long-term"
+                              }, undefined, false, undefined, this),
+                              " - Auto-purged after session"
+                            ]
+                          }, undefined, true, undefined, this),
+                          /* @__PURE__ */ jsxDEV2("li", {
+                            children: [
+                              /* @__PURE__ */ jsxDEV2("strong", {
+                                children: "Never for decisions"
+                              }, undefined, false, undefined, this),
+                              " - Cannot influence policy or validation"
+                            ]
+                          }, undefined, true, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV2("div", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV2("h4", {
+                        className: "mb-2 text-sm font-semibold",
+                        children: "Examples:"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("div", {
+                        className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs",
+                        children: /* @__PURE__ */ jsxDEV2("pre", {
+                          children: `// Agent Scratchpad space
+{
+  id: "agent-scratchpad",
+  category: "ephemeral",
+  retentionPolicy: { days: 1 },
+  sources: [
+    "session:current-conversation",
+    "memory:agent-working-memory"
+  ]
+}
+
+// User Session space
+{
+  id: "user-session",
+  category: "ephemeral",
+  retentionPolicy: { days: 7 },
+  sources: [
+    "session:user-uploads",
+    "session:form-drafts"
+  ]
+}`
+                        }, undefined, false, undefined, this)
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV2("div", {
+                    className: "card-subtle border-red-500/30 bg-red-500/10 p-3",
+                    children: /* @__PURE__ */ jsxDEV2("p", {
+                      className: "text-sm text-red-300",
+                      children: [
+                        /* @__PURE__ */ jsxDEV2("strong", {
+                          children: "\u26A0\uFE0F Critical:"
+                        }, undefined, false, undefined, this),
+                        " Ephemeral knowledge is never used for policy decisions, compliance checks, or any authoritative purpose."
+                      ]
+                    }, undefined, true, undefined, this)
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV2("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV2("h2", {
+            className: "text-2xl font-bold",
+            children: "Category comparison"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV2("div", {
+            className: "border-border/50 overflow-x-auto rounded-lg border",
+            children: /* @__PURE__ */ jsxDEV2("table", {
+              className: "w-full text-left text-sm",
+              children: [
+                /* @__PURE__ */ jsxDEV2("thead", {
+                  className: "bg-card/50",
+                  children: /* @__PURE__ */ jsxDEV2("tr", {
+                    className: "border-border/50 border-b",
+                    children: [
+                      /* @__PURE__ */ jsxDEV2("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Feature"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Canonical"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Operational"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "External"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Ephemeral"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV2("tbody", {
+                  className: "divide-border/50 divide-y",
+                  children: [
+                    /* @__PURE__ */ jsxDEV2("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3 font-semibold",
+                          children: "Trust Level"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3",
+                          children: "Highest"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3",
+                          children: "High"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3",
+                          children: "Medium"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3",
+                          children: "Low"
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV2("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3 font-semibold",
+                          children: "Policy Impact"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3",
+                          children: "\u2705 Can drive decisions"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3",
+                          children: "\u26A0\uFE0F Can inform"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3",
+                          children: "\u274C Reference only"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3",
+                          children: "\u274C Never used"
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV2("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3 font-semibold",
+                          children: "Mutability"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3",
+                          children: "Immutable"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3",
+                          children: "Mutable"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3",
+                          children: "Mutable"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3",
+                          children: "Temporary"
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV2("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3 font-semibold",
+                          children: "Retention"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3",
+                          children: "Permanent"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3",
+                          children: "Long-term"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3",
+                          children: "Long-term"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3",
+                          children: "Short-term"
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV2("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3 font-semibold",
+                          children: "Audit Level"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3",
+                          children: "Full audit"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3",
+                          children: "Full audit"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3",
+                          children: "Basic audit"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("td", {
+                          className: "px-4 py-3",
+                          children: "Minimal audit"
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV2("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV2("h2", {
+            className: "text-2xl font-bold",
+            children: "Best practices"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV2("ul", {
+            className: "text-muted-foreground list-inside list-disc space-y-2",
+            children: [
+              /* @__PURE__ */ jsxDEV2("li", {
+                children: "Use canonical for anything that affects policy, pricing, or compliance"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2("li", {
+                children: "Use operational for context that helps but doesn't dictate decisions"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2("li", {
+                children: "Use external for reference material that's helpful but not authoritative"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2("li", {
+                children: "Use ephemeral for temporary working memory that shouldn't persist"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2("li", {
+                children: "Never mix categories in a single knowledge space - keep them separate"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2("li", {
+                children: "Document the category and purpose of each knowledge space clearly"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV2("div", {
+        className: "flex items-center gap-4 pt-4",
+        children: [
+          /* @__PURE__ */ jsxDEV2(Link2, {
+            href: "/docs/knowledge",
+            className: "btn-ghost",
+            children: "Back to Knowledge"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV2(Link2, {
+            href: "/docs/knowledge/spaces",
+            className: "btn-primary",
+            children: [
+              "Knowledge Spaces ",
+              /* @__PURE__ */ jsxDEV2(ChevronRight2, {
+                size: 16
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/docs/knowledge/KnowledgeExamplesPage.tsx
+import Link3 from "@contractspec/lib.ui-link";
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+function KnowledgeExamplesPage() {
+  return /* @__PURE__ */ jsxDEV3("div", {
+    className: "space-y-8",
+    children: [
+      /* @__PURE__ */ jsxDEV3("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV3("h1", {
+            className: "text-4xl font-bold",
+            children: "Knowledge Examples"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV3("p", {
+            className: "text-muted-foreground",
+            children: "Real-world examples of how different applications use knowledge spaces to power intelligent workflows and agents."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV3("div", {
+        className: "space-y-6",
+        children: [
+          /* @__PURE__ */ jsxDEV3("div", {
+            className: "space-y-4",
+            children: [
+              /* @__PURE__ */ jsxDEV3("h2", {
+                className: "text-2xl font-bold",
+                children: "Example 1: ArtisanOS Support Agent"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV3("p", {
+                className: "text-muted-foreground",
+                children: [
+                  /* @__PURE__ */ jsxDEV3("strong", {
+                    children: "Context:"
+                  }, undefined, false, undefined, this),
+                  " ArtisanOS needs a support agent that can answer product questions using official documentation and learn from past support tickets."
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV3("div", {
+                className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+                children: /* @__PURE__ */ jsxDEV3("pre", {
+                  children: `// Knowledge spaces
+knowledgeSpaces: [
+  {
+    id: "product-canon",
+    category: "canonical",
+    sources: [
+      { kind: "notion", location: "product-docs" },
+      { kind: "database-query", location: "SELECT * FROM features" }
+    ]
+  },
+  {
+    id: "support-history",
+    category: "operational",
+    sources: [
+      { kind: "email", location: "support@artisanos.com" },
+      { kind: "slack", location: "#support-channel" }
+    ]
+  }
+]
+
+// Workflow
+workflowId: answer-support-question
+steps:
+  - id: embed-question
+    capability: openai-embeddings
+    inputs:
+      text: \${input.question}
+  
+  - id: search-canon
+    capability: vector.search
+    inputs:
+      collection: "product-canon"
+      vector: \${steps.embed-question.output.embedding}
+      limit: 5
+  
+  - id: search-history
+    capability: vector.search
+    inputs:
+      collection: "support-history"
+      vector: \${steps.embed-question.output.embedding}
+      limit: 3
+  
+  - id: generate-answer
+    capability: openai-chat
+    inputs:
+      messages:
+        - role: "system"
+          content: |
+            Answer using canonical docs as authority.
+            Use support history for helpful context.
+        - role: "user"
+          content: |
+            Question: \${input.question}
+            Docs: \${steps.search-canon.output.results}
+            History: \${steps.search-history.output.results}`
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV3("div", {
+            className: "space-y-4",
+            children: [
+              /* @__PURE__ */ jsxDEV3("h2", {
+                className: "text-2xl font-bold",
+                children: "Example 2: HCircle Invoice Generation"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV3("p", {
+                className: "text-muted-foreground",
+                children: [
+                  /* @__PURE__ */ jsxDEV3("strong", {
+                    children: "Context:"
+                  }, undefined, false, undefined, this),
+                  " HCircle needs to generate invoices using house playbook rules and resident service history."
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV3("div", {
+                className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+                children: /* @__PURE__ */ jsxDEV3("pre", {
+                  children: `// Knowledge spaces
+knowledgeSpaces: [
+  {
+    id: "house-playbook",
+    category: "canonical",
+    sources: [
+      { kind: "uploaded-document", location: "playbook.pdf" },
+      { kind: "database-query", location: "SELECT * FROM pricing_rules" }
+    ]
+  },
+  {
+    id: "resident-history",
+    category: "operational",
+    sources: [
+      { kind: "database-query", location: "SELECT * FROM services" },
+      { kind: "database-query", location: "SELECT * FROM invoices" }
+    ]
+  }
+]
+
+// Workflow
+workflowId: generate-invoice
+steps:
+  - id: fetch-services
+    capability: database.query
+    inputs:
+      query: "SELECT * FROM services WHERE resident_id = ?"
+      params: [\${input.residentId}]
+  
+  - id: search-pricing-rules
+    capability: vector.search
+    inputs:
+      collection: "house-playbook"
+      query: "pricing rules for \${steps.fetch-services.output.serviceType}"
+      limit: 3
+  
+  - id: calculate-total
+    capability: calculate
+    inputs:
+      services: \${steps.fetch-services.output.rows}
+      rules: \${steps.search-pricing-rules.output.results}
+  
+  - id: create-invoice
+    capability: database.insert
+    inputs:
+      table: "invoices"
+      data: \${steps.calculate-total.output}`
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV3("div", {
+            className: "space-y-4",
+            children: [
+              /* @__PURE__ */ jsxDEV3("h2", {
+                className: "text-2xl font-bold",
+                children: "Example 3: Multi-tenant SaaS with External Docs"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV3("p", {
+                className: "text-muted-foreground",
+                children: [
+                  /* @__PURE__ */ jsxDEV3("strong", {
+                    children: "Context:"
+                  }, undefined, false, undefined, this),
+                  " A SaaS platform needs to help users integrate with Stripe, using both internal guides and Stripe's official documentation."
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV3("div", {
+                className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+                children: /* @__PURE__ */ jsxDEV3("pre", {
+                  children: `// Knowledge spaces
+knowledgeSpaces: [
+  {
+    id: "integration-guides",
+    category: "canonical",
+    sources: [
+      { kind: "notion", location: "integration-guides" }
+    ]
+  },
+  {
+    id: "stripe-docs",
+    category: "external",
+    sources: [
+      { kind: "url", location: "https://stripe.com/docs" }
+    ]
+  },
+  {
+    id: "customer-questions",
+    category: "operational",
+    sources: [
+      { kind: "email", location: "support@saas.com" }
+    ]
+  }
+]
+
+// Workflow
+workflowId: answer-integration-question
+steps:
+  - id: embed-question
+    capability: openai-embeddings
+    inputs:
+      text: \${input.question}
+  
+  - id: search-internal-guides
+    capability: vector.search
+    inputs:
+      collection: "integration-guides"
+      vector: \${steps.embed-question.output.embedding}
+      limit: 3
+  
+  - id: search-stripe-docs
+    capability: vector.search
+    inputs:
+      collection: "stripe-docs"
+      vector: \${steps.embed-question.output.embedding}
+      limit: 2
+  
+  - id: search-past-questions
+    capability: vector.search
+    inputs:
+      collection: "customer-questions"
+      vector: \${steps.embed-question.output.embedding}
+      limit: 2
+  
+  - id: generate-answer
+    capability: openai-chat
+    inputs:
+      messages:
+        - role: "system"
+          content: |
+            Prioritize internal guides (authoritative).
+            Use Stripe docs for API details (reference).
+            Use past questions for common issues (context).
+        - role: "user"
+          content: |
+            Question: \${input.question}
+            Internal: \${steps.search-internal-guides.output.results}
+            Stripe: \${steps.search-stripe-docs.output.results}
+            Past: \${steps.search-past-questions.output.results}`
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV3("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV3("h2", {
+            className: "text-2xl font-bold",
+            children: "Key patterns"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV3("ul", {
+            className: "text-muted-foreground list-inside list-disc space-y-2",
+            children: [
+              /* @__PURE__ */ jsxDEV3("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV3("strong", {
+                    children: "Canonical first"
+                  }, undefined, false, undefined, this),
+                  " - Always search canonical spaces before operational or external"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV3("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV3("strong", {
+                    children: "Category-aware prompts"
+                  }, undefined, false, undefined, this),
+                  " - Tell the LLM which sources are authoritative vs reference"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV3("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV3("strong", {
+                    children: "Multi-space queries"
+                  }, undefined, false, undefined, this),
+                  " - Combine results from multiple spaces for richer context"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV3("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV3("strong", {
+                    children: "Limit results"
+                  }, undefined, false, undefined, this),
+                  " - Use appropriate limits (3-5) to avoid token overflow"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV3("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV3("strong", {
+                    children: "Audit everything"
+                  }, undefined, false, undefined, this),
+                  " - Log all knowledge queries for debugging and compliance"
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV3("div", {
+        className: "flex items-center gap-4 pt-4",
+        children: [
+          /* @__PURE__ */ jsxDEV3(Link3, {
+            href: "/docs/knowledge/sources",
+            className: "btn-ghost",
+            children: "Previous: Sources"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV3(Link3, {
+            href: "/docs/architecture/knowledge-binding",
+            className: "btn-ghost",
+            children: "Knowledge Binding"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/docs/knowledge/KnowledgeSourcesPage.tsx
+import Link4 from "@contractspec/lib.ui-link";
+import { ChevronRight as ChevronRight3 } from "lucide-react";
+import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+function KnowledgeSourcesPage() {
+  return /* @__PURE__ */ jsxDEV4("div", {
+    className: "space-y-8",
+    children: [
+      /* @__PURE__ */ jsxDEV4("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV4("h1", {
+            className: "text-4xl font-bold",
+            children: "Knowledge Sources"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("p", {
+            className: "text-muted-foreground",
+            children: [
+              "A ",
+              /* @__PURE__ */ jsxDEV4("strong", {
+                children: "KnowledgeSourceConfig"
+              }, undefined, false, undefined, this),
+              " connects a tenant's data sources (Notion, Gmail, uploads, databases) to knowledge spaces. Each source is synced, chunked, embedded, and indexed according to the space's configuration."
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV4("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV4("h2", {
+            className: "text-2xl font-bold",
+            children: "KnowledgeSourceConfig"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("div", {
+            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            children: /* @__PURE__ */ jsxDEV4("pre", {
+              children: `type KnowledgeSourceConfig = {
+  id: string;
+  tenantId: string;
+  spaceId: string;
+  
+  // Source type and location
+  kind: "uploaded-document" | "url" | "email" 
+        | "notion" | "database-query" | "raw-text"
+        | "slack" | "confluence" | "google-drive";
+  location: string;
+  
+  // Sync configuration
+  syncPolicy: {
+    interval?: string;  // e.g., "1h", "24h"
+    webhook?: boolean;
+    manual?: boolean;
+  };
+  
+  // State
+  status: "active" | "paused" | "error";
+  lastSyncedAt?: string;
+  lastErrorMessage?: string;
+  
+  // Metadata
+  metadata?: Record<string, unknown>;
+  createdAt: string;
+  updatedAt: string;
+};`
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV4("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV4("h2", {
+            className: "text-2xl font-bold",
+            children: "Source types"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("div", {
+            className: "space-y-6",
+            children: [
+              /* @__PURE__ */ jsxDEV4("div", {
+                className: "card-subtle p-4",
+                children: [
+                  /* @__PURE__ */ jsxDEV4("h3", {
+                    className: "mb-2 text-lg font-semibold",
+                    children: "Uploaded Documents"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV4("div", {
+                    className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs",
+                    children: /* @__PURE__ */ jsxDEV4("pre", {
+                      children: `{
+  kind: "uploaded-document",
+  location: "s3://bucket/tenant-123/docs/product-spec.pdf",
+  syncPolicy: { manual: true }
+}`
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV4("p", {
+                    className: "text-muted-foreground mt-2 text-sm",
+                    children: "PDFs, Word docs, presentations uploaded by users"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV4("div", {
+                className: "card-subtle p-4",
+                children: [
+                  /* @__PURE__ */ jsxDEV4("h3", {
+                    className: "mb-2 text-lg font-semibold",
+                    children: "Notion"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV4("div", {
+                    className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs",
+                    children: /* @__PURE__ */ jsxDEV4("pre", {
+                      children: `{
+  kind: "notion",
+  location: "https://notion.so/workspace/product-docs",
+  syncPolicy: { interval: "1h", webhook: true }
+}`
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV4("p", {
+                    className: "text-muted-foreground mt-2 text-sm",
+                    children: "Notion pages and databases with real-time webhook updates"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV4("div", {
+                className: "card-subtle p-4",
+                children: [
+                  /* @__PURE__ */ jsxDEV4("h3", {
+                    className: "mb-2 text-lg font-semibold",
+                    children: "Gmail / Email"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV4("div", {
+                    className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs",
+                    children: /* @__PURE__ */ jsxDEV4("pre", {
+                      children: `{
+  kind: "email",
+  location: "support@company.com",
+  syncPolicy: { webhook: true }
+}`
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV4("p", {
+                    className: "text-muted-foreground mt-2 text-sm",
+                    children: "Email threads from Gmail or other providers"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV4("div", {
+                className: "card-subtle p-4",
+                children: [
+                  /* @__PURE__ */ jsxDEV4("h3", {
+                    className: "mb-2 text-lg font-semibold",
+                    children: "Database Query"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV4("div", {
+                    className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs",
+                    children: /* @__PURE__ */ jsxDEV4("pre", {
+                      children: `{
+  kind: "database-query",
+  location: "SELECT * FROM products WHERE active = true",
+  syncPolicy: { interval: "24h" }
+}`
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV4("p", {
+                    className: "text-muted-foreground mt-2 text-sm",
+                    children: "Structured data from application databases"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV4("div", {
+                className: "card-subtle p-4",
+                children: [
+                  /* @__PURE__ */ jsxDEV4("h3", {
+                    className: "mb-2 text-lg font-semibold",
+                    children: "URL / Web Scraping"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV4("div", {
+                    className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs",
+                    children: /* @__PURE__ */ jsxDEV4("pre", {
+                      children: `{
+  kind: "url",
+  location: "https://stripe.com/docs",
+  syncPolicy: { interval: "24h" }
+}`
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV4("p", {
+                    className: "text-muted-foreground mt-2 text-sm",
+                    children: "External documentation and web content"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV4("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV4("h2", {
+            className: "text-2xl font-bold",
+            children: "Sync strategies"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("div", {
+            className: "border-border/50 overflow-x-auto rounded-lg border",
+            children: /* @__PURE__ */ jsxDEV4("table", {
+              className: "w-full text-left text-sm",
+              children: [
+                /* @__PURE__ */ jsxDEV4("thead", {
+                  className: "bg-card/50",
+                  children: /* @__PURE__ */ jsxDEV4("tr", {
+                    className: "border-border/50 border-b",
+                    children: [
+                      /* @__PURE__ */ jsxDEV4("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Strategy"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV4("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "When to Use"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV4("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Latency"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV4("tbody", {
+                  className: "divide-border/50 divide-y",
+                  children: [
+                    /* @__PURE__ */ jsxDEV4("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV4("td", {
+                          className: "px-4 py-3 font-mono text-xs",
+                          children: "webhook"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV4("td", {
+                          className: "px-4 py-3",
+                          children: "Real-time updates (Notion, Gmail, Slack)"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV4("td", {
+                          className: "px-4 py-3",
+                          children: "Seconds"
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV4("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV4("td", {
+                          className: "px-4 py-3 font-mono text-xs",
+                          children: "interval"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV4("td", {
+                          className: "px-4 py-3",
+                          children: "Periodic sync (databases, URLs)"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV4("td", {
+                          className: "px-4 py-3",
+                          children: "Minutes to hours"
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV4("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV4("td", {
+                          className: "px-4 py-3 font-mono text-xs",
+                          children: "manual"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV4("td", {
+                          className: "px-4 py-3",
+                          children: "User-triggered (uploads, one-time imports)"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV4("td", {
+                          className: "px-4 py-3",
+                          children: "On-demand"
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV4("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV4("h2", {
+            className: "text-2xl font-bold",
+            children: "Example: Multi-source space"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("p", {
+            className: "text-muted-foreground",
+            children: "A single knowledge space can be fed by multiple sources:"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("div", {
+            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            children: /* @__PURE__ */ jsxDEV4("pre", {
+              children: `// Product Canon space with multiple sources
+{
+  spaceId: "product-canon",
+  sources: [
+    {
+      id: "src_database_schema",
+      kind: "database-query",
+      location: "SELECT * FROM schema_definitions",
+      syncPolicy: { interval: "1h" }
+    },
+    {
+      id: "src_notion_product_docs",
+      kind: "notion",
+      location: "https://notion.so/product-docs",
+      syncPolicy: { interval: "1h", webhook: true }
+    },
+    {
+      id: "src_uploaded_specs",
+      kind: "uploaded-document",
+      location: "s3://bucket/specs/",
+      syncPolicy: { manual: true }
+    }
+  ]
+}`
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV4("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV4("h2", {
+            className: "text-2xl font-bold",
+            children: "Processing pipeline"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("p", {
+            className: "text-muted-foreground",
+            children: "When a source is synced, ContractSpec processes it through several stages:"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("ol", {
+            className: "text-muted-foreground list-inside list-decimal space-y-3",
+            children: [
+              /* @__PURE__ */ jsxDEV4("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV4("strong", {
+                    children: "Fetch"
+                  }, undefined, false, undefined, this),
+                  " - Retrieve content from source (API, database, file)"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV4("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV4("strong", {
+                    children: "Parse"
+                  }, undefined, false, undefined, this),
+                  " - Extract text from documents (PDF, Word, HTML)"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV4("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV4("strong", {
+                    children: "Chunk"
+                  }, undefined, false, undefined, this),
+                  " - Split into semantic chunks (paragraphs, sections)"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV4("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV4("strong", {
+                    children: "Embed"
+                  }, undefined, false, undefined, this),
+                  " - Generate vector embeddings (OpenAI, Cohere)"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV4("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV4("strong", {
+                    children: "Index"
+                  }, undefined, false, undefined, this),
+                  " - Store in vector database (Qdrant) or search engine"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV4("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV4("strong", {
+                    children: "Audit"
+                  }, undefined, false, undefined, this),
+                  " - Log sync operation and results"
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV4("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV4("h2", {
+            className: "text-2xl font-bold",
+            children: "Best practices"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("ul", {
+            className: "text-muted-foreground list-inside list-disc space-y-2",
+            children: [
+              /* @__PURE__ */ jsxDEV4("li", {
+                children: "Use webhooks for real-time sources (Notion, Gmail) to minimize latency"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV4("li", {
+                children: "Set appropriate sync intervals - hourly for active docs, daily for stable content"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV4("li", {
+                children: "Monitor sync failures and set up alerts for critical sources"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV4("li", {
+                children: "Test sources in sandbox before enabling in production"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV4("li", {
+                children: "Document the purpose and ownership of each source for your team"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV4("li", {
+                children: "Use manual sync for sensitive or infrequently updated content"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV4("div", {
+        className: "flex items-center gap-4 pt-4",
+        children: [
+          /* @__PURE__ */ jsxDEV4(Link4, {
+            href: "/docs/knowledge/spaces",
+            className: "btn-ghost",
+            children: "Previous: Spaces"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4(Link4, {
+            href: "/docs/knowledge/examples",
+            className: "btn-primary",
+            children: [
+              "Examples ",
+              /* @__PURE__ */ jsxDEV4(ChevronRight3, {
+                size: 16
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/docs/knowledge/KnowledgeSpacesPage.tsx
+import Link5 from "@contractspec/lib.ui-link";
+import { ChevronRight as ChevronRight4 } from "lucide-react";
+import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
+function KnowledgeSpacesPage() {
+  return /* @__PURE__ */ jsxDEV5("div", {
+    className: "space-y-8",
+    children: [
+      /* @__PURE__ */ jsxDEV5("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV5("h1", {
+            className: "text-4xl font-bold",
+            children: "Knowledge Spaces"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV5("p", {
+            className: "text-muted-foreground",
+            children: [
+              "A ",
+              /* @__PURE__ */ jsxDEV5("strong", {
+                children: "KnowledgeSpaceSpec"
+              }, undefined, false, undefined, this),
+              " defines a logical domain of knowledge with a specific category, storage strategy, and intended audience. Spaces are defined globally and populated per-tenant through knowledge sources."
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV5("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV5("h2", {
+            className: "text-2xl font-bold",
+            children: "KnowledgeSpaceSpec"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV5("div", {
+            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            children: /* @__PURE__ */ jsxDEV5("pre", {
+              children: `type KnowledgeSpaceSpec = {
+  id: string;
+  label: string;
+  description: string;
+  
+  // Trust and access
+  category: KnowledgeCategory;
+  intendedAudience: "agents" | "humans" | "admin-only";
+  
+  // Storage and indexing
+  storageStrategy: "vector" | "search" | "hybrid";
+  indexProvider: string;  // e.g., "qdrant", "elasticsearch"
+  vectorDimensions?: number;  // For vector storage
+  
+  // Lifecycle
+  retentionPolicy: {
+    days?: number;
+    versions?: number;
+  };
+  
+  // Metadata
+  tags?: string[];
+  owner?: string;
+  createdAt: string;
+  updatedAt: string;
+};`
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV5("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV5("h2", {
+            className: "text-2xl font-bold",
+            children: "Common knowledge spaces"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV5("div", {
+            className: "space-y-6",
+            children: [
+              /* @__PURE__ */ jsxDEV5("div", {
+                className: "card-subtle p-4",
+                children: [
+                  /* @__PURE__ */ jsxDEV5("h3", {
+                    className: "mb-2 text-lg font-semibold",
+                    children: "Product Canon"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV5("div", {
+                    className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs",
+                    children: /* @__PURE__ */ jsxDEV5("pre", {
+                      children: `{
+  id: "product-canon",
+  label: "Product Canon",
+  description: "Official product specifications and schemas",
+  category: "canonical",
+  intendedAudience: "agents",
+  storageStrategy: "hybrid",
+  indexProvider: "qdrant",
+  vectorDimensions: 1536,
+  retentionPolicy: { versions: 10 }
+}`
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV5("p", {
+                    className: "text-muted-foreground mt-2 text-sm",
+                    children: [
+                      /* @__PURE__ */ jsxDEV5("strong", {
+                        children: "Use cases:"
+                      }, undefined, false, undefined, this),
+                      " Invoice generation, quote creation, product recommendations, schema validation"
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV5("div", {
+                className: "card-subtle p-4",
+                children: [
+                  /* @__PURE__ */ jsxDEV5("h3", {
+                    className: "mb-2 text-lg font-semibold",
+                    children: "Support History"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV5("div", {
+                    className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs",
+                    children: /* @__PURE__ */ jsxDEV5("pre", {
+                      children: `{
+  id: "support-history",
+  label: "Support History",
+  description: "Past support tickets and resolutions",
+  category: "operational",
+  intendedAudience: "agents",
+  storageStrategy: "vector",
+  indexProvider: "qdrant",
+  vectorDimensions: 1536,
+  retentionPolicy: { days: 365 }
+}`
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV5("p", {
+                    className: "text-muted-foreground mt-2 text-sm",
+                    children: [
+                      /* @__PURE__ */ jsxDEV5("strong", {
+                        children: "Use cases:"
+                      }, undefined, false, undefined, this),
+                      " Customer support, troubleshooting, similar issue detection"
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV5("div", {
+                className: "card-subtle p-4",
+                children: [
+                  /* @__PURE__ */ jsxDEV5("h3", {
+                    className: "mb-2 text-lg font-semibold",
+                    children: "External Provider Docs"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV5("div", {
+                    className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs",
+                    children: /* @__PURE__ */ jsxDEV5("pre", {
+                      children: `{
+  id: "provider-docs",
+  label: "External Provider Docs",
+  description: "Third-party integration documentation",
+  category: "external",
+  intendedAudience: "agents",
+  storageStrategy: "search",
+  indexProvider: "elasticsearch",
+  retentionPolicy: { days: 90 }
+}`
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV5("p", {
+                    className: "text-muted-foreground mt-2 text-sm",
+                    children: [
+                      /* @__PURE__ */ jsxDEV5("strong", {
+                        children: "Use cases:"
+                      }, undefined, false, undefined, this),
+                      " Integration help, API reference, troubleshooting external services"
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV5("div", {
+                className: "card-subtle p-4",
+                children: [
+                  /* @__PURE__ */ jsxDEV5("h3", {
+                    className: "mb-2 text-lg font-semibold",
+                    children: "Agent Scratchpad"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV5("div", {
+                    className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs",
+                    children: /* @__PURE__ */ jsxDEV5("pre", {
+                      children: `{
+  id: "agent-scratchpad",
+  label: "Agent Scratchpad",
+  description: "Temporary agent working memory",
+  category: "ephemeral",
+  intendedAudience: "agents",
+  storageStrategy: "vector",
+  indexProvider: "qdrant",
+  vectorDimensions: 1536,
+  retentionPolicy: { days: 1 }
+}`
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV5("p", {
+                    className: "text-muted-foreground mt-2 text-sm",
+                    children: [
+                      /* @__PURE__ */ jsxDEV5("strong", {
+                        children: "Use cases:"
+                      }, undefined, false, undefined, this),
+                      " Conversation continuity, intermediate calculations, session state"
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV5("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV5("h2", {
+            className: "text-2xl font-bold",
+            children: "Storage strategies"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV5("div", {
+            className: "border-border/50 overflow-x-auto rounded-lg border",
+            children: /* @__PURE__ */ jsxDEV5("table", {
+              className: "w-full text-left text-sm",
+              children: [
+                /* @__PURE__ */ jsxDEV5("thead", {
+                  className: "bg-card/50",
+                  children: /* @__PURE__ */ jsxDEV5("tr", {
+                    className: "border-border/50 border-b",
+                    children: [
+                      /* @__PURE__ */ jsxDEV5("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Strategy"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV5("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Best For"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV5("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Providers"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV5("tbody", {
+                  className: "divide-border/50 divide-y",
+                  children: [
+                    /* @__PURE__ */ jsxDEV5("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV5("td", {
+                          className: "px-4 py-3 font-mono text-xs",
+                          children: "vector"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV5("td", {
+                          className: "px-4 py-3",
+                          children: "Semantic search, RAG, similarity matching"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV5("td", {
+                          className: "px-4 py-3",
+                          children: "Qdrant, Pinecone, Weaviate"
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV5("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV5("td", {
+                          className: "px-4 py-3 font-mono text-xs",
+                          children: "search"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV5("td", {
+                          className: "px-4 py-3",
+                          children: "Keyword search, exact matching, filtering"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV5("td", {
+                          className: "px-4 py-3",
+                          children: "Elasticsearch, Algolia"
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV5("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV5("td", {
+                          className: "px-4 py-3 font-mono text-xs",
+                          children: "hybrid"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV5("td", {
+                          className: "px-4 py-3",
+                          children: "Combined semantic + keyword search"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV5("td", {
+                          className: "px-4 py-3",
+                          children: "Qdrant + Elasticsearch"
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV5("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV5("h2", {
+            className: "text-2xl font-bold",
+            children: "Best practices"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV5("ul", {
+            className: "text-muted-foreground list-inside list-disc space-y-2",
+            children: [
+              /* @__PURE__ */ jsxDEV5("li", {
+                children: "Choose storage strategy based on query patterns - use vector for semantic, search for exact"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV5("li", {
+                children: "Set appropriate retention policies - canonical is permanent, ephemeral is short-lived"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV5("li", {
+                children: "Use consistent vector dimensions across spaces that will be queried together"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV5("li", {
+                children: "Document the intended audience and use cases for each space"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV5("li", {
+                children: "Monitor space size and query performance - add sharding if needed"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV5("div", {
+        className: "flex items-center gap-4 pt-4",
+        children: [
+          /* @__PURE__ */ jsxDEV5(Link5, {
+            href: "/docs/knowledge/categories",
+            className: "btn-ghost",
+            children: "Previous: Categories"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV5(Link5, {
+            href: "/docs/knowledge/sources",
+            className: "btn-primary",
+            children: [
+              "Knowledge Sources ",
+              /* @__PURE__ */ jsxDEV5(ChevronRight4, {
+                size: 16
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+export {
+  KnowledgeSpacesPage,
+  KnowledgeSourcesPage,
+  KnowledgeOverviewPage,
+  KnowledgeExamplesPage,
+  KnowledgeCategoriesPage
+};