@contractspec/bundle.library 3.8.10 → 3.8.11

package/dist/node/components/docs/architecture/index.js

@@ -1,45 +1,4 @@
-// src/components/docs/architecture/ArchitectureAppConfigPage.tsx
-import { CodeBlock } from "@contractspec/lib.design-system";
-import Link from "@contractspec/lib.ui-link";
-import { ChevronRight } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function ArchitectureAppConfigPage() {
-  return /* @__PURE__ */ jsxs("div", {
-    className: "space-y-8",
-    children: [
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h1", {
-            className: "font-bold text-4xl",
-            children: "App Configuration"
-          }),
-          /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground",
-            children: "ContractSpec uses a three-tier configuration model that separates global app definitions from tenant-specific settings and runtime resolution."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "AppBlueprintSpec"
-          }),
-          /* @__PURE__ */ jsxs("p", {
-            className: "text-muted-foreground",
-            children: [
-              "The ",
-              /* @__PURE__ */ jsx("strong", {
-                children: "AppBlueprintSpec"
-              }),
-              " is the global, versioned definition of your application. It contains no tenant-specific information and is stored in version control."
-            ]
-          }),
-          /* @__PURE__ */ jsx(CodeBlock, {
-            language: "typescript",
-            code: `type AppBlueprintSpec = {
+import{CodeBlock as g}from"@contractspec/lib.design-system";import b from"@contractspec/lib.ui-link";import{ChevronRight as C}from"lucide-react";import{jsx as n,jsxs as r}from"react/jsx-runtime";function I(){return r("div",{className:"space-y-8",children:[r("div",{className:"space-y-4",children:[n("h1",{className:"font-bold text-4xl",children:"App Configuration"}),n("p",{className:"text-muted-foreground",children:"ContractSpec uses a three-tier configuration model that separates global app definitions from tenant-specific settings and runtime resolution."})]}),r("div",{className:"space-y-4",children:[n("h2",{className:"font-bold text-2xl",children:"AppBlueprintSpec"}),r("p",{className:"text-muted-foreground",children:["The ",n("strong",{children:"AppBlueprintSpec"})," is the global, versioned definition of your application. It contains no tenant-specific information and is stored in version control."]}),n(g,{language:"typescript",code:`type AppBlueprintSpec = {
   id: string;
   version: string;
   name: string;
@@ -76,30 +35,7 @@ function ArchitectureAppConfigPage() {
   
   // Schema evolution
   migrations: MigrationSpec[];
-};`
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "TenantAppConfig"
-          }),
-          /* @__PURE__ */ jsxs("p", {
-            className: "text-muted-foreground",
-            children: [
-              "The ",
-              /* @__PURE__ */ jsx("strong", {
-                children: "TenantAppConfig"
-              }),
-              " is the per-tenant, per-environment configuration that customizes how a specific tenant uses the app."
-            ]
-          }),
-          /* @__PURE__ */ jsx(CodeBlock, {
-            language: "typescript",
-            code: `type TenantAppConfig = {
+};`})]}),r("div",{className:"space-y-4",children:[n("h2",{className:"font-bold text-2xl",children:"TenantAppConfig"}),r("p",{className:"text-muted-foreground",children:["The ",n("strong",{children:"TenantAppConfig"})," is the per-tenant, per-environment configuration that customizes how a specific tenant uses the app."]}),n(g,{language:"typescript",code:`type TenantAppConfig = {
   tenantId: string;
   blueprintId: string;
   blueprintVersion: string;
@@ -130,24 +66,7 @@ function ArchitectureAppConfigPage() {
   metadata: Record<string, unknown>;
   createdAt: string;
   updatedAt: string;
-};`
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "AppIntegrationBinding"
-          }),
-          /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground",
-            children: "Defines how a tenant connects specific integration instances to satisfy capabilities and workflows."
-          }),
-          /* @__PURE__ */ jsx(CodeBlock, {
-            language: "typescript",
-            code: `type AppIntegrationBinding = {
+};`})]}),r("div",{className:"space-y-4",children:[n("h2",{className:"font-bold text-2xl",children:"AppIntegrationBinding"}),n("p",{className:"text-muted-foreground",children:"Defines how a tenant connects specific integration instances to satisfy capabilities and workflows."}),n(g,{language:"typescript",code:`type AppIntegrationBinding = {
   slotId: string;          // References AppIntegrationSlot.slotId
   connectionId: string;    // References IntegrationConnection.meta.id
   scope?: {
@@ -167,24 +86,7 @@ function ArchitectureAppConfigPage() {
     operations: ["payments.stripe.*"]
   },
   priority: 1
-}`
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "AppKnowledgeBinding"
-          }),
-          /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground",
-            children: "Defines which knowledge spaces a tenant's app can access and how."
-          }),
-          /* @__PURE__ */ jsx(CodeBlock, {
-            language: "typescript",
-            code: `type AppKnowledgeBinding = {
+}`})]}),r("div",{className:"space-y-4",children:[n("h2",{className:"font-bold text-2xl",children:"AppKnowledgeBinding"}),n("p",{className:"text-muted-foreground",children:"Defines which knowledge spaces a tenant's app can access and how."}),n(g,{language:"typescript",code:`type AppKnowledgeBinding = {
   spaceId: string;
   enabled: boolean;
   
@@ -214,30 +116,7 @@ function ArchitectureAppConfigPage() {
   },
   allowedCategories: ["canonical", "operational"],
   sources: ["src_notion_product_docs", "src_database_schema"]
-}`
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "ResolvedAppConfig"
-          }),
-          /* @__PURE__ */ jsxs("p", {
-            className: "text-muted-foreground",
-            children: [
-              "The ",
-              /* @__PURE__ */ jsx("strong", {
-                children: "ResolvedAppConfig"
-              }),
-              " is the runtime result of merging AppBlueprintSpec with TenantAppConfig. It's computed on-demand and never persisted."
-            ]
-          }),
-          /* @__PURE__ */ jsx(CodeBlock, {
-            language: "typescript",
-            code: `type ResolvedAppConfig = {
+}`})]}),r("div",{className:"space-y-4",children:[n("h2",{className:"font-bold text-2xl",children:"ResolvedAppConfig"}),r("p",{className:"text-muted-foreground",children:["The ",n("strong",{children:"ResolvedAppConfig"})," is the runtime result of merging AppBlueprintSpec with TenantAppConfig. It's computed on-demand and never persisted."]}),n(g,{language:"typescript",code:`type ResolvedAppConfig = {
   appId: string;
   tenantId: string;
   blueprintName: string;
@@ -264,195 +143,7 @@ function ArchitectureAppConfigPage() {
   knowledge: ResolvedKnowledge[];       // [{ binding, space, sources }]
   branding: ResolvedBranding;           // { appName, assets, colors, domain }
   notes?: string;
-};`
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "Configuration flow"
-          }),
-          /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground",
-            children: "Here's how configuration flows from definition to runtime:"
-          }),
-          /* @__PURE__ */ jsxs("ol", {
-            className: "list-inside list-decimal space-y-3 text-muted-foreground",
-            children: [
-              /* @__PURE__ */ jsxs("li", {
-                children: [
-                  /* @__PURE__ */ jsx("strong", {
-                    children: "Development"
-                  }),
-                  " - Define AppBlueprintSpec with required integrations and knowledge spaces"
-                ]
-              }),
-              /* @__PURE__ */ jsxs("li", {
-                children: [
-                  /* @__PURE__ */ jsx("strong", {
-                    children: "Deployment"
-                  }),
-                  " - Deploy blueprint to environment (sandbox, staging, production)"
-                ]
-              }),
-              /* @__PURE__ */ jsxs("li", {
-                children: [
-                  /* @__PURE__ */ jsx("strong", {
-                    children: "Tenant Setup"
-                  }),
-                  " - Create TenantAppConfig with specific integration connections and knowledge sources"
-                ]
-              }),
-              /* @__PURE__ */ jsxs("li", {
-                children: [
-                  /* @__PURE__ */ jsx("strong", {
-                    children: "Runtime"
-                  }),
-                  " - Resolve configuration on-demand when tenant accesses the app"
-                ]
-              }),
-              /* @__PURE__ */ jsxs("li", {
-                children: [
-                  /* @__PURE__ */ jsx("strong", {
-                    children: "Execution"
-                  }),
-                  " - Use ResolvedAppConfig to execute capabilities, workflows, and enforce policies"
-                ]
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "Best practices"
-          }),
-          /* @__PURE__ */ jsxs("ul", {
-            className: "list-inside list-disc space-y-2 text-muted-foreground",
-            children: [
-              /* @__PURE__ */ jsx("li", {
-                children: "Keep AppBlueprintSpec environment-agnostic - no secrets or tenant-specific data"
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Use TenantAppConfig for all tenant-specific settings and connections"
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Cache ResolvedAppConfig per request to avoid repeated resolution"
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Version blueprints carefully - migrations affect all tenants"
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Test blueprint changes in sandbox before promoting to production"
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "flex items-center gap-4 pt-4",
-        children: [
-          /* @__PURE__ */ jsx(Link, {
-            href: "/docs/architecture",
-            className: "btn-ghost",
-            children: "Back to Architecture"
-          }),
-          /* @__PURE__ */ jsxs(Link, {
-            href: "/docs/architecture/integration-binding",
-            className: "btn-primary",
-            children: [
-              "Integration Binding ",
-              /* @__PURE__ */ jsx(ChevronRight, {
-                size: 16
-              })
-            ]
-          })
-        ]
-      })
-    ]
-  });
-}
-
-// src/components/docs/architecture/ArchitectureControlPlanePage.tsx
-import { CodeBlock as CodeBlock2 } from "@contractspec/lib.design-system";
-import Link2 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight2 } from "lucide-react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function ArchitectureControlPlanePage() {
-  return /* @__PURE__ */ jsxs2("div", {
-    className: "space-y-8",
-    children: [
-      /* @__PURE__ */ jsxs2("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx2("h1", {
-            className: "font-bold text-4xl",
-            children: "Control Plane Runtime"
-          }),
-          /* @__PURE__ */ jsx2("p", {
-            className: "text-muted-foreground",
-            children: "The control plane is the governance layer for agentic execution. It turns incoming intent into deterministic plans, enforces risk policy before side effects, and records replayable traces for audits."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs2("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx2("h2", {
-            className: "font-bold text-2xl",
-            children: "Canonical execution loop"
-          }),
-          /* @__PURE__ */ jsxs2("ol", {
-            className: "list-inside list-decimal space-y-2 text-muted-foreground",
-            children: [
-              /* @__PURE__ */ jsx2("li", {
-                children: "Accept intent and create execution identity + trace context."
-              }),
-              /* @__PURE__ */ jsx2("li", {
-                children: "Compile intent into a typed, deterministic plan DAG."
-              }),
-              /* @__PURE__ */ jsx2("li", {
-                children: "Verify plan against policy and risk rules."
-              }),
-              /* @__PURE__ */ jsx2("li", {
-                children: "Route into autonomous or assist mode based on verdict."
-              }),
-              /* @__PURE__ */ jsx2("li", {
-                children: "Execute steps with idempotent keys and explicit stage events."
-              }),
-              /* @__PURE__ */ jsx2("li", {
-                children: "Persist outcomes for replay, audits, and operator visibility."
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs2("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx2("h2", {
-            className: "font-bold text-2xl",
-            children: "Contract surfaces (v1 baseline)"
-          }),
-          /* @__PURE__ */ jsxs2("p", {
-            className: "text-muted-foreground",
-            children: [
-              "The runtime is contract-first. Commands, queries, events, and capabilities are explicit and versioned under",
-              /* @__PURE__ */ jsx2("code", {
-                children: " @contractspec/lib.contracts-spec"
-              }),
-              "."
-            ]
-          }),
-          /* @__PURE__ */ jsx2(CodeBlock2, {
-            language: "text",
-            code: `Commands
+};`})]}),r("div",{className:"space-y-4",children:[n("h2",{className:"font-bold text-2xl",children:"Configuration flow"}),n("p",{className:"text-muted-foreground",children:"Here's how configuration flows from definition to runtime:"}),r("ol",{className:"list-inside list-decimal space-y-3 text-muted-foreground",children:[r("li",{children:[n("strong",{children:"Development"})," - Define AppBlueprintSpec with required integrations and knowledge spaces"]}),r("li",{children:[n("strong",{children:"Deployment"})," - Deploy blueprint to environment (sandbox, staging, production)"]}),r("li",{children:[n("strong",{children:"Tenant Setup"})," - Create TenantAppConfig with specific integration connections and knowledge sources"]}),r("li",{children:[n("strong",{children:"Runtime"})," - Resolve configuration on-demand when tenant accesses the app"]}),r("li",{children:[n("strong",{children:"Execution"})," - Use ResolvedAppConfig to execute capabilities, workflows, and enforce policies"]})]})]}),r("div",{className:"space-y-4",children:[n("h2",{className:"font-bold text-2xl",children:"Best practices"}),r("ul",{className:"list-inside list-disc space-y-2 text-muted-foreground",children:[n("li",{children:"Keep AppBlueprintSpec environment-agnostic - no secrets or tenant-specific data"}),n("li",{children:"Use TenantAppConfig for all tenant-specific settings and connections"}),n("li",{children:"Cache ResolvedAppConfig per request to avoid repeated resolution"}),n("li",{children:"Version blueprints carefully - migrations affect all tenants"}),n("li",{children:"Test blueprint changes in sandbox before promoting to production"})]})]}),r("div",{className:"flex items-center gap-4 pt-4",children:[n(b,{href:"/docs/architecture",className:"btn-ghost",children:"Back to Architecture"}),r(b,{href:"/docs/architecture/integration-binding",className:"btn-primary",children:["Integration Binding ",n(C,{size:16})]})]})]})}import{CodeBlock as v}from"@contractspec/lib.design-system";import h from"@contractspec/lib.ui-link";import{ChevronRight as A}from"lucide-react";import{jsx as o,jsxs as p}from"react/jsx-runtime";function S(){return p("div",{className:"space-y-8",children:[p("div",{className:"space-y-4",children:[o("h1",{className:"font-bold text-4xl",children:"Control Plane Runtime"}),o("p",{className:"text-muted-foreground",children:"The control plane is the governance layer for agentic execution. It turns incoming intent into deterministic plans, enforces risk policy before side effects, and records replayable traces for audits."})]}),p("div",{className:"space-y-4",children:[o("h2",{className:"font-bold text-2xl",children:"Canonical execution loop"}),p("ol",{className:"list-inside list-decimal space-y-2 text-muted-foreground",children:[o("li",{children:"Accept intent and create execution identity + trace context."}),o("li",{children:"Compile intent into a typed, deterministic plan DAG."}),o("li",{children:"Verify plan against policy and risk rules."}),o("li",{children:"Route into autonomous or assist mode based on verdict."}),o("li",{children:"Execute steps with idempotent keys and explicit stage events."}),o("li",{children:"Persist outcomes for replay, audits, and operator visibility."})]})]}),p("div",{className:"space-y-4",children:[o("h2",{className:"font-bold text-2xl",children:"Contract surfaces (v1 baseline)"}),p("p",{className:"text-muted-foreground",children:["The runtime is contract-first. Commands, queries, events, and capabilities are explicit and versioned under",o("code",{children:" @contractspec/lib.contracts-spec"}),"."]}),o(v,{language:"text",code:`Commands
 - controlPlane.intent.submit
 - controlPlane.plan.compile
 - controlPlane.plan.verify
@@ -488,49 +179,7 @@ Capabilities
 - control-plane.approval
 - control-plane.audit
 - control-plane.skill-registry
-- control-plane.channel-runtime`
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs2("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx2("h2", {
-            className: "font-bold text-2xl",
-            children: "Policy and safety posture"
-          }),
-          /* @__PURE__ */ jsxs2("ul", {
-            className: "list-inside list-disc space-y-2 text-muted-foreground",
-            children: [
-              /* @__PURE__ */ jsx2("li", {
-                children: "No side-effect action executes unless it comes from a compiled plan."
-              }),
-              /* @__PURE__ */ jsx2("li", {
-                children: "High-risk actions are blocked from autonomous mode in v1."
-              }),
-              /* @__PURE__ */ jsx2("li", {
-                children: "Approval commands provide explicit human-in-the-loop transitions."
-              }),
-              /* @__PURE__ */ jsx2("li", {
-                children: "Skill installation is modeled as governance-controlled operations."
-              }),
-              /* @__PURE__ */ jsx2("li", {
-                children: "Trace queries expose policy rationale and step outcomes for replay."
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs2("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx2("h2", {
-            className: "font-bold text-2xl",
-            children: "Implementation map"
-          }),
-          /* @__PURE__ */ jsx2(CodeBlock2, {
-            language: "text",
-            code: `packages/libs/contracts-spec/src/control-plane/
+- control-plane.channel-runtime`})]}),p("div",{className:"space-y-4",children:[o("h2",{className:"font-bold text-2xl",children:"Policy and safety posture"}),p("ul",{className:"list-inside list-disc space-y-2 text-muted-foreground",children:[o("li",{children:"No side-effect action executes unless it comes from a compiled plan."}),o("li",{children:"High-risk actions are blocked from autonomous mode in v1."}),o("li",{children:"Approval commands provide explicit human-in-the-loop transitions."}),o("li",{children:"Skill installation is modeled as governance-controlled operations."}),o("li",{children:"Trace queries expose policy rationale and step outcomes for replay."})]})]}),p("section",{className:"editorial-panel space-y-4",children:[o("h2",{className:"font-serif text-3xl tracking-[-0.03em]",children:"Apply the runtime locally with Connect"}),o("p",{className:"text-muted-foreground text-sm leading-7",children:"The control plane defines the governance contracts. Connect is the local adapter that turns those contracts into task-scoped context, plan, verification, review, and replay flows for coding agents."}),p("div",{className:"flex flex-wrap gap-3",children:[o(h,{href:"/docs/specs/connect",className:"btn-primary",children:"Connect spec"}),o(h,{href:"/docs/guides/connect-in-a-repo",className:"btn-ghost",children:"Use Connect in a repo"})]})]}),p("div",{className:"space-y-4",children:[o("h2",{className:"font-bold text-2xl",children:"Implementation map"}),o(v,{language:"text",code:`packages/libs/contracts-spec/src/control-plane/
   commands/
   queries/
   events/
@@ -539,132 +188,7 @@ Capabilities
   contracts.test.ts
 
 packages/apps/web-landing/src/app/docs/architecture/control-plane/page.tsx
-implementation_plan_controle_plane.md`
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs2("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx2("h2", {
-            className: "font-bold text-2xl",
-            children: "What comes next"
-          }),
-          /* @__PURE__ */ jsx2("p", {
-            className: "text-muted-foreground",
-            children: "WS1 delivers the contract fabric. Next increments add planner/executor split, policy escalation, capability-bound authorization, signed skill compatibility checks, and full replay tooling."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs2("div", {
-        className: "flex items-center gap-4 pt-4",
-        children: [
-          /* @__PURE__ */ jsx2(Link2, {
-            href: "/docs/architecture/integration-binding",
-            className: "btn-ghost",
-            children: "Previous: Integration Binding"
-          }),
-          /* @__PURE__ */ jsxs2(Link2, {
-            href: "/docs/safety/auditing",
-            className: "btn-primary",
-            children: [
-              "Audit Logs ",
-              /* @__PURE__ */ jsx2(ChevronRight2, {
-                size: 16
-              })
-            ]
-          })
-        ]
-      })
-    ]
-  });
-}
-
-// src/components/docs/architecture/ArchitectureIntegrationBindingPage.tsx
-import { CodeBlock as CodeBlock3 } from "@contractspec/lib.design-system";
-import Link3 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight3 } from "lucide-react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function ArchitectureIntegrationBindingPage() {
-  return /* @__PURE__ */ jsxs3("div", {
-    className: "space-y-8",
-    children: [
-      /* @__PURE__ */ jsxs3("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx3("h1", {
-            className: "font-bold text-4xl",
-            children: "Integration Binding"
-          }),
-          /* @__PURE__ */ jsx3("p", {
-            className: "text-muted-foreground",
-            children: "Integration binding connects your app's capabilities to external service providers. Each tenant can configure their own integration connections while sharing the same app blueprint."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs3("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx3("h2", {
-            className: "font-bold text-2xl",
-            children: "How it works"
-          }),
-          /* @__PURE__ */ jsx3("p", {
-            className: "text-muted-foreground",
-            children: "Integration binding follows a three-layer model:"
-          }),
-          /* @__PURE__ */ jsxs3("ol", {
-            className: "list-inside list-decimal space-y-3 text-muted-foreground",
-            children: [
-              /* @__PURE__ */ jsxs3("li", {
-                children: [
-                  /* @__PURE__ */ jsx3("strong", {
-                    children: "IntegrationSpec"
-                  }),
-                  " (global) - Defines what an integration provides"
-                ]
-              }),
-              /* @__PURE__ */ jsxs3("li", {
-                children: [
-                  /* @__PURE__ */ jsx3("strong", {
-                    children: "IntegrationConnection"
-                  }),
-                  " (per-tenant) - A tenant's configured connection"
-                ]
-              }),
-              /* @__PURE__ */ jsxs3("li", {
-                children: [
-                  /* @__PURE__ */ jsx3("strong", {
-                    children: "AppIntegrationBinding"
-                  }),
-                  " (per-app) - Maps named slots to concrete tenant connections"
-                ]
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs3("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx3("h2", {
-            className: "font-bold text-2xl",
-            children: "Example: Payment processing"
-          }),
-          /* @__PURE__ */ jsx3("p", {
-            className: "text-muted-foreground",
-            children: "Let's walk through a complete example of binding Stripe for payments."
-          }),
-          /* @__PURE__ */ jsxs3("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx3("h3", {
-                className: "font-semibold text-lg",
-                children: "Step 1: Blueprint declares requirement"
-              }),
-              /* @__PURE__ */ jsx3(CodeBlock3, {
-                language: "typescript",
-                code: `// AppBlueprintSpec
+implementation_plan_controle_plane.md`})]}),p("div",{className:"space-y-4",children:[o("h2",{className:"font-bold text-2xl",children:"What comes next"}),o("p",{className:"text-muted-foreground",children:"WS1 delivers the contract fabric. Next increments add planner/executor split, policy escalation, capability-bound authorization, signed skill compatibility checks, and full replay tooling."})]}),p("div",{className:"flex items-center gap-4 pt-4",children:[o(h,{href:"/docs/architecture/integration-binding",className:"btn-ghost",children:"Previous: Integration Binding"}),p(h,{href:"/docs/safety/auditing",className:"btn-primary",children:["Audit Logs ",o(A,{size:16})]})]})]})}import{CodeBlock as m}from"@contractspec/lib.design-system";import w from"@contractspec/lib.ui-link";import{ChevronRight as P}from"lucide-react";import{jsx as t,jsxs as s}from"react/jsx-runtime";function _(){return s("div",{className:"space-y-8",children:[s("div",{className:"space-y-4",children:[t("h1",{className:"font-bold text-4xl",children:"Integration Binding"}),t("p",{className:"text-muted-foreground",children:"Integration binding connects your app's capabilities to external service providers. Each tenant can configure their own integration connections while sharing the same app blueprint."})]}),s("div",{className:"space-y-4",children:[t("h2",{className:"font-bold text-2xl",children:"How it works"}),t("p",{className:"text-muted-foreground",children:"Integration binding follows a three-layer model:"}),s("ol",{className:"list-inside list-decimal space-y-3 text-muted-foreground",children:[s("li",{children:[t("strong",{children:"IntegrationSpec"})," (global) - Defines what an integration provides"]}),s("li",{children:[t("strong",{children:"IntegrationConnection"})," (per-tenant) - A tenant's configured connection"]}),s("li",{children:[t("strong",{children:"AppIntegrationBinding"})," (per-app) - Maps named slots to concrete tenant connections"]})]})]}),s("div",{className:"space-y-4",children:[t("h2",{className:"font-bold text-2xl",children:"Example: Payment processing"}),t("p",{className:"text-muted-foreground",children:"Let's walk through a complete example of binding Stripe for payments."}),s("div",{className:"space-y-3",children:[t("h3",{className:"font-semibold text-lg",children:"Step 1: Blueprint declares requirement"}),t(m,{language:"typescript",code:`// AppBlueprintSpec
 {
   meta: { name: "invoice-app", version: '1.0.0', appId: "invoice" },
   integrationSlots: [
@@ -688,20 +212,7 @@ function ArchitectureIntegrationBindingPage() {
     assets: [{ type: "logo", url: "https://cdn.acme.dev/logo.png" }],
     colorTokens: { primary: "colors.brand.primary" }
   }
-}`
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs3("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx3("h3", {
-                className: "font-semibold text-lg",
-                children: "Step 2: Tenant creates connection"
-              }),
-              /* @__PURE__ */ jsx3(CodeBlock3, {
-                language: "typescript",
-                code: `// IntegrationConnection
+}`})]}),s("div",{className:"space-y-3",children:[t("h3",{className:"font-semibold text-lg",children:"Step 2: Tenant creates connection"}),t(m,{language:"typescript",code:`// IntegrationConnection
 {
   meta: {
     id: "conn_stripe_acme_prod",
@@ -721,20 +232,7 @@ function ArchitectureIntegrationBindingPage() {
   },
   secretRef: "vault://integrations/acme/conn_stripe_acme_prod",
   status: "active"
-}`
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs3("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx3("h3", {
-                className: "font-semibold text-lg",
-                children: "Step 3: TenantAppConfig binds connection"
-              }),
-              /* @__PURE__ */ jsx3(CodeBlock3, {
-                language: "typescript",
-                code: `// TenantAppConfig
+}`})]}),s("div",{className:"space-y-3",children:[t("h3",{className:"font-semibold text-lg",children:"Step 3: TenantAppConfig binds connection"}),t(m,{language:"typescript",code:`// TenantAppConfig
 {
   meta: {
     tenantId: "acme-corp",
@@ -760,20 +258,7 @@ function ArchitectureIntegrationBindingPage() {
     customDomain: "billing.acme.com",
     assets: [{ type: "logo", url: "https://assets.acme.com/logo.svg" }]
   }
-}`
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs3("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx3("h3", {
-                className: "font-semibold text-lg",
-                children: "Step 4: Runtime resolves and executes"
-              }),
-              /* @__PURE__ */ jsx3(CodeBlock3, {
-                language: "typescript",
-                code: `// ResolvedAppConfig (runtime)
+}`})]}),s("div",{className:"space-y-3",children:[t("h3",{className:"font-semibold text-lg",children:"Step 4: Runtime resolves and executes"}),t(m,{language:"typescript",code:`// ResolvedAppConfig (runtime)
 {
   integrations: {
     "payments.createPaymentIntent": {
@@ -790,26 +275,7 @@ const result = await executeCapability(
   { amount: 5000, currency: "usd" },
   resolvedConfig
 );
-// → Uses Stripe connection automatically`
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs3("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx3("h2", {
-            className: "font-bold text-2xl",
-            children: "Multi-integration scenarios"
-          }),
-          /* @__PURE__ */ jsx3("p", {
-            className: "text-muted-foreground",
-            children: "A single app can use multiple integrations across different categories:"
-          }),
-          /* @__PURE__ */ jsx3(CodeBlock3, {
-            language: "typescript",
-            code: `integrations: [
+// → Uses Stripe connection automatically`})]})]}),s("div",{className:"space-y-4",children:[t("h2",{className:"font-bold text-2xl",children:"Multi-integration scenarios"}),t("p",{className:"text-muted-foreground",children:"A single app can use multiple integrations across different categories:"}),t(m,{language:"typescript",code:`integrations: [
   {
     slotId: "payments.primary",
     connectionId: "conn_stripe_prod",
@@ -835,24 +301,7 @@ const result = await executeCapability(
       workflows: ["semantic-search", "rag-query"]
     }
   }
-]`
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs3("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx3("h2", {
-            className: "font-bold text-2xl",
-            children: "Sandbox vs Production"
-          }),
-          /* @__PURE__ */ jsx3("p", {
-            className: "text-muted-foreground",
-            children: "Tenants typically maintain separate connections for sandbox and production environments:"
-          }),
-          /* @__PURE__ */ jsx3(CodeBlock3, {
-            language: "typescript",
-            code: `// Sandbox environment
+]`})]}),s("div",{className:"space-y-4",children:[t("h2",{className:"font-bold text-2xl",children:"Sandbox vs Production"}),t("p",{className:"text-muted-foreground",children:"Tenants typically maintain separate connections for sandbox and production environments:"}),t(m,{language:"typescript",code:`// Sandbox environment
 {
   meta: { environment: "sandbox", status: "preview" },
   integrations: [
@@ -872,183 +321,7 @@ const result = await executeCapability(
       connectionId: "conn_stripe_acme_prod"
     }
   ]
-}`
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs3("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx3("h2", {
-            className: "font-bold text-2xl",
-            children: "Security & validation"
-          }),
-          /* @__PURE__ */ jsxs3("ul", {
-            className: "list-inside list-disc space-y-2 text-muted-foreground",
-            children: [
-              /* @__PURE__ */ jsx3("li", {
-                children: "Integration connections are validated before binding - health checks ensure connectivity"
-              }),
-              /* @__PURE__ */ jsx3("li", {
-                children: "Secrets are never stored in TenantAppConfig - only references to encrypted secrets"
-              }),
-              /* @__PURE__ */ jsx3("li", {
-                children: "Policy Decision Point (PDP) enforces which workflows can use which integrations"
-              }),
-              /* @__PURE__ */ jsx3("li", {
-                children: "All integration calls are audited with full request/response logging"
-              }),
-              /* @__PURE__ */ jsx3("li", {
-                children: "Rate limiting and quotas are enforced per connection"
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs3("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx3("h2", {
-            className: "font-bold text-2xl",
-            children: "Best practices"
-          }),
-          /* @__PURE__ */ jsxs3("ul", {
-            className: "list-inside list-disc space-y-2 text-muted-foreground",
-            children: [
-              /* @__PURE__ */ jsxs3("li", {
-                children: [
-                  "Use wildcard patterns sparingly in ",
-                  /* @__PURE__ */ jsx3("code", {
-                    children: "allowedWorkflows"
-                  }),
-                  " - be explicit about access"
-                ]
-              }),
-              /* @__PURE__ */ jsx3("li", {
-                children: "Always maintain separate sandbox and production connections"
-              }),
-              /* @__PURE__ */ jsx3("li", {
-                children: "Monitor integration health checks and set up alerts for failures"
-              }),
-              /* @__PURE__ */ jsx3("li", {
-                children: "Document the purpose of each integration binding for your team"
-              }),
-              /* @__PURE__ */ jsx3("li", {
-                children: "Test integration changes in sandbox before promoting to production"
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs3("div", {
-        className: "flex items-center gap-4 pt-4",
-        children: [
-          /* @__PURE__ */ jsx3(Link3, {
-            href: "/docs/architecture/app-config",
-            className: "btn-ghost",
-            children: "Previous: App Configuration"
-          }),
-          /* @__PURE__ */ jsxs3(Link3, {
-            href: "/docs/architecture/knowledge-binding",
-            className: "btn-primary",
-            children: [
-              "Knowledge Binding ",
-              /* @__PURE__ */ jsx3(ChevronRight3, {
-                size: 16
-              })
-            ]
-          })
-        ]
-      })
-    ]
-  });
-}
-
-// src/components/docs/architecture/ArchitectureKnowledgeBindingPage.tsx
-import { CodeBlock as CodeBlock4 } from "@contractspec/lib.design-system";
-import Link4 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight4 } from "lucide-react";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function ArchitectureKnowledgeBindingPage() {
-  return /* @__PURE__ */ jsxs4("div", {
-    className: "space-y-8",
-    children: [
-      /* @__PURE__ */ jsxs4("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx4("h1", {
-            className: "font-bold text-4xl",
-            children: "Knowledge Binding"
-          }),
-          /* @__PURE__ */ jsx4("p", {
-            className: "text-muted-foreground",
-            children: "Knowledge binding connects your app's workflows and agents to structured knowledge spaces. This enables semantic search, RAG (Retrieval-Augmented Generation), and context-aware decision-making."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs4("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx4("h2", {
-            className: "font-bold text-2xl",
-            children: "How it works"
-          }),
-          /* @__PURE__ */ jsx4("p", {
-            className: "text-muted-foreground",
-            children: "Knowledge binding follows a three-layer model:"
-          }),
-          /* @__PURE__ */ jsxs4("ol", {
-            className: "list-inside list-decimal space-y-3 text-muted-foreground",
-            children: [
-              /* @__PURE__ */ jsxs4("li", {
-                children: [
-                  /* @__PURE__ */ jsx4("strong", {
-                    children: "KnowledgeSpaceSpec"
-                  }),
-                  " (global) - Defines a logical knowledge domain"
-                ]
-              }),
-              /* @__PURE__ */ jsxs4("li", {
-                children: [
-                  /* @__PURE__ */ jsx4("strong", {
-                    children: "KnowledgeSourceConfig"
-                  }),
-                  " (per-tenant) - Tenant's data sources feeding spaces"
-                ]
-              }),
-              /* @__PURE__ */ jsxs4("li", {
-                children: [
-                  /* @__PURE__ */ jsx4("strong", {
-                    children: "AppKnowledgeBinding"
-                  }),
-                  " (per-app) - Maps spaces to workflows/agents"
-                ]
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs4("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx4("h2", {
-            className: "font-bold text-2xl",
-            children: "Example: Support agent with RAG"
-          }),
-          /* @__PURE__ */ jsx4("p", {
-            className: "text-muted-foreground",
-            children: "Let's build a support agent that uses canonical product documentation and operational support history."
-          }),
-          /* @__PURE__ */ jsxs4("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx4("h3", {
-                className: "font-semibold text-lg",
-                children: "Step 1: Blueprint declares knowledge needs"
-              }),
-              /* @__PURE__ */ jsx4(CodeBlock4, {
-                language: "typescript",
-                code: `// AppBlueprintSpec
+}`})]}),s("div",{className:"space-y-4",children:[t("h2",{className:"font-bold text-2xl",children:"Security & validation"}),s("ul",{className:"list-inside list-disc space-y-2 text-muted-foreground",children:[t("li",{children:"Integration connections are validated before binding - health checks ensure connectivity"}),t("li",{children:"Secrets are never stored in TenantAppConfig - only references to encrypted secrets"}),t("li",{children:"Policy Decision Point (PDP) enforces which workflows can use which integrations"}),t("li",{children:"All integration calls are audited with full request/response logging"}),t("li",{children:"Rate limiting and quotas are enforced per connection"})]})]}),s("div",{className:"space-y-4",children:[t("h2",{className:"font-bold text-2xl",children:"Best practices"}),s("ul",{className:"list-inside list-disc space-y-2 text-muted-foreground",children:[s("li",{children:["Use wildcard patterns sparingly in ",t("code",{children:"allowedWorkflows"})," - be explicit about access"]}),t("li",{children:"Always maintain separate sandbox and production connections"}),t("li",{children:"Monitor integration health checks and set up alerts for failures"}),t("li",{children:"Document the purpose of each integration binding for your team"}),t("li",{children:"Test integration changes in sandbox before promoting to production"})]})]}),s("div",{className:"flex items-center gap-4 pt-4",children:[t(w,{href:"/docs/architecture/app-config",className:"btn-ghost",children:"Previous: App Configuration"}),s(w,{href:"/docs/architecture/knowledge-binding",className:"btn-primary",children:["Knowledge Binding ",t(P,{size:16})]})]})]})}import{CodeBlock as f}from"@contractspec/lib.design-system";import N from"@contractspec/lib.ui-link";import{ChevronRight as T}from"lucide-react";import{jsx as e,jsxs as a}from"react/jsx-runtime";function B(){return a("div",{className:"space-y-8",children:[a("div",{className:"space-y-4",children:[e("h1",{className:"font-bold text-4xl",children:"Knowledge Binding"}),e("p",{className:"text-muted-foreground",children:"Knowledge binding connects your app's workflows and agents to structured knowledge spaces. This enables semantic search, RAG (Retrieval-Augmented Generation), and context-aware decision-making."})]}),a("div",{className:"space-y-4",children:[e("h2",{className:"font-bold text-2xl",children:"How it works"}),e("p",{className:"text-muted-foreground",children:"Knowledge binding follows a three-layer model:"}),a("ol",{className:"list-inside list-decimal space-y-3 text-muted-foreground",children:[a("li",{children:[e("strong",{children:"KnowledgeSpaceSpec"})," (global) - Defines a logical knowledge domain"]}),a("li",{children:[e("strong",{children:"KnowledgeSourceConfig"})," (per-tenant) - Tenant's data sources feeding spaces"]}),a("li",{children:[e("strong",{children:"AppKnowledgeBinding"})," (per-app) - Maps spaces to workflows/agents"]})]})]}),a("div",{className:"space-y-4",children:[e("h2",{className:"font-bold text-2xl",children:"Example: Support agent with RAG"}),e("p",{className:"text-muted-foreground",children:"Let's build a support agent that uses canonical product documentation and operational support history."}),a("div",{className:"space-y-3",children:[e("h3",{className:"font-semibold text-lg",children:"Step 1: Blueprint declares knowledge needs"}),e(f,{language:"typescript",code:`// AppBlueprintSpec
 {
   id: "support-app",
   version: "1.0.0",
@@ -1072,20 +345,7 @@ function ArchitectureKnowledgeBindingPage() {
       purpose: "Third-party integration documentation"
     }
   ]
-}`
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs4("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx4("h3", {
-                className: "font-semibold text-lg",
-                children: "Step 2: Tenant configures sources"
-              }),
-              /* @__PURE__ */ jsx4(CodeBlock4, {
-                language: "typescript",
-                code: `// KnowledgeSourceConfig (per-tenant)
+}`})]}),a("div",{className:"space-y-3",children:[e("h3",{className:"font-semibold text-lg",children:"Step 2: Tenant configures sources"}),e(f,{language:"typescript",code:`// KnowledgeSourceConfig (per-tenant)
 [
   {
     id: "src_notion_product_docs",
@@ -1114,20 +374,7 @@ function ArchitectureKnowledgeBindingPage() {
     syncPolicy: { interval: "24h" },
     lastSyncedAt: "2025-01-15T00:00:00Z"
   }
-]`
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs4("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx4("h3", {
-                className: "font-semibold text-lg",
-                children: "Step 3: TenantAppConfig binds spaces"
-              }),
-              /* @__PURE__ */ jsx4(CodeBlock4, {
-                language: "typescript",
-                code: `// TenantAppConfig
+]`})]}),a("div",{className:"space-y-3",children:[e("h3",{className:"font-semibold text-lg",children:"Step 3: TenantAppConfig binds spaces"}),e(f,{language:"typescript",code:`// TenantAppConfig
 {
   tenantId: "acme-corp",
   blueprintId: "support-app",
@@ -1163,20 +410,7 @@ function ArchitectureKnowledgeBindingPage() {
       sources: ["src_stripe_docs"]
     }
   ]
-}`
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs4("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx4("h3", {
-                className: "font-semibold text-lg",
-                children: "Step 4: Workflow uses knowledge"
-              }),
-              /* @__PURE__ */ jsx4(CodeBlock4, {
-                language: "yaml",
-                code: `// WorkflowSpec
+}`})]}),a("div",{className:"space-y-3",children:[e("h3",{className:"font-semibold text-lg",children:"Step 4: Workflow uses knowledge"}),e(f,{language:"yaml",code:`// WorkflowSpec
 workflowId: answer-question
 version: '1.0.0'.0.0
 
@@ -1218,156 +452,7 @@ steps:
             \${steps.search-canonical.output.results}
             
             Support history:
-            \${steps.search-support-history.output.results}`
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs4("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx4("h2", {
-            className: "font-bold text-2xl",
-            children: "Category-based access control"
-          }),
-          /* @__PURE__ */ jsx4("p", {
-            className: "text-muted-foreground",
-            children: "Different knowledge categories have different trust levels and access patterns:"
-          }),
-          /* @__PURE__ */ jsx4("div", {
-            className: "overflow-x-auto rounded-lg border border-border/50",
-            children: /* @__PURE__ */ jsxs4("table", {
-              className: "w-full text-left text-sm",
-              children: [
-                /* @__PURE__ */ jsx4("thead", {
-                  className: "bg-card/50",
-                  children: /* @__PURE__ */ jsxs4("tr", {
-                    className: "border-border/50 border-b",
-                    children: [
-                      /* @__PURE__ */ jsx4("th", {
-                        className: "px-4 py-3 font-semibold",
-                        children: "Category"
-                      }),
-                      /* @__PURE__ */ jsx4("th", {
-                        className: "px-4 py-3 font-semibold",
-                        children: "Trust Level"
-                      }),
-                      /* @__PURE__ */ jsx4("th", {
-                        className: "px-4 py-3 font-semibold",
-                        children: "Use Cases"
-                      }),
-                      /* @__PURE__ */ jsx4("th", {
-                        className: "px-4 py-3 font-semibold",
-                        children: "Policy Impact"
-                      })
-                    ]
-                  })
-                }),
-                /* @__PURE__ */ jsxs4("tbody", {
-                  className: "divide-y divide-border/50",
-                  children: [
-                    /* @__PURE__ */ jsxs4("tr", {
-                      children: [
-                        /* @__PURE__ */ jsx4("td", {
-                          className: "px-4 py-3 font-mono text-xs",
-                          children: "canonical"
-                        }),
-                        /* @__PURE__ */ jsx4("td", {
-                          className: "px-4 py-3",
-                          children: "Highest"
-                        }),
-                        /* @__PURE__ */ jsx4("td", {
-                          className: "px-4 py-3",
-                          children: "Product specs, schemas, official policies"
-                        }),
-                        /* @__PURE__ */ jsx4("td", {
-                          className: "px-4 py-3",
-                          children: "Can drive policy decisions"
-                        })
-                      ]
-                    }),
-                    /* @__PURE__ */ jsxs4("tr", {
-                      children: [
-                        /* @__PURE__ */ jsx4("td", {
-                          className: "px-4 py-3 font-mono text-xs",
-                          children: "operational"
-                        }),
-                        /* @__PURE__ */ jsx4("td", {
-                          className: "px-4 py-3",
-                          children: "High"
-                        }),
-                        /* @__PURE__ */ jsx4("td", {
-                          className: "px-4 py-3",
-                          children: "Support tickets, sales docs, internal runbooks"
-                        }),
-                        /* @__PURE__ */ jsx4("td", {
-                          className: "px-4 py-3",
-                          children: "Can inform decisions"
-                        })
-                      ]
-                    }),
-                    /* @__PURE__ */ jsxs4("tr", {
-                      children: [
-                        /* @__PURE__ */ jsx4("td", {
-                          className: "px-4 py-3 font-mono text-xs",
-                          children: "external"
-                        }),
-                        /* @__PURE__ */ jsx4("td", {
-                          className: "px-4 py-3",
-                          children: "Medium"
-                        }),
-                        /* @__PURE__ */ jsx4("td", {
-                          className: "px-4 py-3",
-                          children: "Third-party docs, regulations, PSP guides"
-                        }),
-                        /* @__PURE__ */ jsx4("td", {
-                          className: "px-4 py-3",
-                          children: "Reference only, not authoritative"
-                        })
-                      ]
-                    }),
-                    /* @__PURE__ */ jsxs4("tr", {
-                      children: [
-                        /* @__PURE__ */ jsx4("td", {
-                          className: "px-4 py-3 font-mono text-xs",
-                          children: "ephemeral"
-                        }),
-                        /* @__PURE__ */ jsx4("td", {
-                          className: "px-4 py-3",
-                          children: "Low"
-                        }),
-                        /* @__PURE__ */ jsx4("td", {
-                          className: "px-4 py-3",
-                          children: "Agent scratchpads, session context, drafts"
-                        }),
-                        /* @__PURE__ */ jsx4("td", {
-                          className: "px-4 py-3",
-                          children: "Never used for decisions"
-                        })
-                      ]
-                    })
-                  ]
-                })
-              ]
-            })
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs4("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx4("h2", {
-            className: "font-bold text-2xl",
-            children: "Multi-space workflows"
-          }),
-          /* @__PURE__ */ jsx4("p", {
-            className: "text-muted-foreground",
-            children: "Workflows can query multiple knowledge spaces and combine results:"
-          }),
-          /* @__PURE__ */ jsx4(CodeBlock4, {
-            language: "typescript",
-            code: `knowledgeBindings: [
+            \${steps.search-support-history.output.results}`})]})]}),a("div",{className:"space-y-4",children:[e("h2",{className:"font-bold text-2xl",children:"Category-based access control"}),e("p",{className:"text-muted-foreground",children:"Different knowledge categories have different trust levels and access patterns:"}),e("div",{className:"overflow-x-auto rounded-lg border border-border/50",children:a("table",{className:"w-full text-left text-sm",children:[e("thead",{className:"bg-card/50",children:a("tr",{className:"border-border/50 border-b",children:[e("th",{className:"px-4 py-3 font-semibold",children:"Category"}),e("th",{className:"px-4 py-3 font-semibold",children:"Trust Level"}),e("th",{className:"px-4 py-3 font-semibold",children:"Use Cases"}),e("th",{className:"px-4 py-3 font-semibold",children:"Policy Impact"})]})}),a("tbody",{className:"divide-y divide-border/50",children:[a("tr",{children:[e("td",{className:"px-4 py-3 font-mono text-xs",children:"canonical"}),e("td",{className:"px-4 py-3",children:"Highest"}),e("td",{className:"px-4 py-3",children:"Product specs, schemas, official policies"}),e("td",{className:"px-4 py-3",children:"Can drive policy decisions"})]}),a("tr",{children:[e("td",{className:"px-4 py-3 font-mono text-xs",children:"operational"}),e("td",{className:"px-4 py-3",children:"High"}),e("td",{className:"px-4 py-3",children:"Support tickets, sales docs, internal runbooks"}),e("td",{className:"px-4 py-3",children:"Can inform decisions"})]}),a("tr",{children:[e("td",{className:"px-4 py-3 font-mono text-xs",children:"external"}),e("td",{className:"px-4 py-3",children:"Medium"}),e("td",{className:"px-4 py-3",children:"Third-party docs, regulations, PSP guides"}),e("td",{className:"px-4 py-3",children:"Reference only, not authoritative"})]}),a("tr",{children:[e("td",{className:"px-4 py-3 font-mono text-xs",children:"ephemeral"}),e("td",{className:"px-4 py-3",children:"Low"}),e("td",{className:"px-4 py-3",children:"Agent scratchpads, session context, drafts"}),e("td",{className:"px-4 py-3",children:"Never used for decisions"})]})]})]})})]}),a("div",{className:"space-y-4",children:[e("h2",{className:"font-bold text-2xl",children:"Multi-space workflows"}),e("p",{className:"text-muted-foreground",children:"Workflows can query multiple knowledge spaces and combine results:"}),e(f,{language:"typescript",code:`knowledgeBindings: [
   {
     spaceId: "product-canon",
     enabled: true,
@@ -1395,416 +480,11 @@ steps:
     allowedCategories: ["operational"],
     sources: ["src_crm_data", "src_past_invoices"]
   }
-]`
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs4("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx4("h2", {
-            className: "font-bold text-2xl",
-            children: "Security & validation"
-          }),
-          /* @__PURE__ */ jsxs4("ul", {
-            className: "list-inside list-disc space-y-2 text-muted-foreground",
-            children: [
-              /* @__PURE__ */ jsx4("li", {
-                children: "Knowledge sources are validated before sync - credentials and permissions checked"
-              }),
-              /* @__PURE__ */ jsx4("li", {
-                children: "PDP enforces which workflows/agents can access which spaces"
-              }),
-              /* @__PURE__ */ jsx4("li", {
-                children: "All knowledge queries are audited with search terms and results"
-              }),
-              /* @__PURE__ */ jsx4("li", {
-                children: "Canonical knowledge is immutable once indexed - changes require re-sync"
-              }),
-              /* @__PURE__ */ jsx4("li", {
-                children: "Ephemeral knowledge is automatically purged based on retention policies"
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs4("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx4("h2", {
-            className: "font-bold text-2xl",
-            children: "Best practices"
-          }),
-          /* @__PURE__ */ jsxs4("ul", {
-            className: "list-inside list-disc space-y-2 text-muted-foreground",
-            children: [
-              /* @__PURE__ */ jsx4("li", {
-                children: "Use canonical spaces for policy-critical decisions, operational for suggestions"
-              }),
-              /* @__PURE__ */ jsx4("li", {
-                children: "Never allow workflows to write to canonical spaces - maintain read-only access"
-              }),
-              /* @__PURE__ */ jsx4("li", {
-                children: "Set up monitoring for sync failures and stale knowledge sources"
-              }),
-              /* @__PURE__ */ jsx4("li", {
-                children: "Document the purpose and trust level of each knowledge space"
-              }),
-              /* @__PURE__ */ jsx4("li", {
-                children: "Test knowledge queries in sandbox before promoting to production"
-              }),
-              /* @__PURE__ */ jsxs4("li", {
-                children: [
-                  "Use explicit ",
-                  /* @__PURE__ */ jsx4("code", {
-                    children: "allowedConsumers"
-                  }),
-                  " - avoid wildcard access"
-                ]
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs4("div", {
-        className: "flex items-center gap-4 pt-4",
-        children: [
-          /* @__PURE__ */ jsx4(Link4, {
-            href: "/docs/architecture/integration-binding",
-            className: "btn-ghost",
-            children: "Previous: Integration Binding"
-          }),
-          /* @__PURE__ */ jsxs4(Link4, {
-            href: "/docs/knowledge",
-            className: "btn-primary",
-            children: [
-              "Knowledge & Context ",
-              /* @__PURE__ */ jsx4(ChevronRight4, {
-                size: 16
-              })
-            ]
-          })
-        ]
-      })
-    ]
-  });
-}
-
-// src/components/docs/architecture/ArchitectureMultiTenancyPage.tsx
-import { CodeBlock as CodeBlock5 } from "@contractspec/lib.design-system";
-import Link5 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight5 } from "lucide-react";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function ArchitectureMultiTenancyPage() {
-  return /* @__PURE__ */ jsxs5("div", {
-    className: "space-y-8",
-    children: [
-      /* @__PURE__ */ jsxs5("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx5("h1", {
-            className: "font-bold text-4xl",
-            children: "Multi-Tenancy"
-          }),
-          /* @__PURE__ */ jsx5("p", {
-            className: "text-muted-foreground",
-            children: "ContractSpec is designed from the ground up for multi-tenancy. Apps built with ContractSpec can serve multiple organizations (tenants) from a single deployment, while ensuring strict data isolation and configuration separation."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs5("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx5("h2", {
-            className: "font-bold text-2xl",
-            children: "Core Concepts"
-          }),
-          /* @__PURE__ */ jsxs5("ul", {
-            className: "list-inside list-disc space-y-2 text-muted-foreground",
-            children: [
-              /* @__PURE__ */ jsxs5("li", {
-                children: [
-                  /* @__PURE__ */ jsx5("strong", {
-                    children: "Tenant"
-                  }),
-                  ": An organization or customer that uses your app. Each tenant has a unique ",
-                  /* @__PURE__ */ jsx5("code", {
-                    children: "tenantId"
-                  }),
-                  "."
-                ]
-              }),
-              /* @__PURE__ */ jsxs5("li", {
-                children: [
-                  /* @__PURE__ */ jsx5("strong", {
-                    children: "Tenant Isolation"
-                  }),
-                  ": Data and configuration for one tenant is never accessible to another tenant unless explicitly shared."
-                ]
-              }),
-              /* @__PURE__ */ jsxs5("li", {
-                children: [
-                  /* @__PURE__ */ jsx5("strong", {
-                    children: "Tenant Context"
-                  }),
-                  ": Every request and operation runs within the context of a specific tenant."
-                ]
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs5("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx5("h2", {
-            className: "font-bold text-2xl",
-            children: "Tenant Resolution"
-          }),
-          /* @__PURE__ */ jsx5("p", {
-            className: "text-muted-foreground",
-            children: "The runtime automatically resolves the tenant context for every request based on:"
-          }),
-          /* @__PURE__ */ jsxs5("ul", {
-            className: "list-inside list-disc space-y-2 text-muted-foreground",
-            children: [
-              /* @__PURE__ */ jsxs5("li", {
-                children: [
-                  "Subdomain (e.g., ",
-                  /* @__PURE__ */ jsx5("code", {
-                    children: "acme.app.com"
-                  }),
-                  ")"
-                ]
-              }),
-              /* @__PURE__ */ jsxs5("li", {
-                children: [
-                  "Custom Domain (e.g., ",
-                  /* @__PURE__ */ jsx5("code", {
-                    children: "portal.acme.com"
-                  }),
-                  ")"
-                ]
-              }),
-              /* @__PURE__ */ jsxs5("li", {
-                children: [
-                  "Header (e.g., ",
-                  /* @__PURE__ */ jsx5("code", {
-                    children: "x-tenant-id: acme-corp"
-                  }),
-                  ")"
-                ]
-              }),
-              /* @__PURE__ */ jsx5("li", {
-                children: "Authentication Token (embedded tenant claim)"
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs5("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx5("h2", {
-            className: "font-bold text-2xl",
-            children: "Configuration Isolation"
-          }),
-          /* @__PURE__ */ jsxs5("p", {
-            className: "text-muted-foreground",
-            children: [
-              "Each tenant has its own ",
-              /* @__PURE__ */ jsx5("code", {
-                children: "TenantAppConfig"
-              }),
-              " which defines:"
-            ]
-          }),
-          /* @__PURE__ */ jsx5(CodeBlock5, {
-            language: "typescript",
-            code: `type TenantAppConfig = {
+]`})]}),a("div",{className:"space-y-4",children:[e("h2",{className:"font-bold text-2xl",children:"Security & validation"}),a("ul",{className:"list-inside list-disc space-y-2 text-muted-foreground",children:[e("li",{children:"Knowledge sources are validated before sync - credentials and permissions checked"}),e("li",{children:"PDP enforces which workflows/agents can access which spaces"}),e("li",{children:"All knowledge queries are audited with search terms and results"}),e("li",{children:"Canonical knowledge is immutable once indexed - changes require re-sync"}),e("li",{children:"Ephemeral knowledge is automatically purged based on retention policies"})]})]}),a("div",{className:"space-y-4",children:[e("h2",{className:"font-bold text-2xl",children:"Best practices"}),a("ul",{className:"list-inside list-disc space-y-2 text-muted-foreground",children:[e("li",{children:"Use canonical spaces for policy-critical decisions, operational for suggestions"}),e("li",{children:"Never allow workflows to write to canonical spaces - maintain read-only access"}),e("li",{children:"Set up monitoring for sync failures and stale knowledge sources"}),e("li",{children:"Document the purpose and trust level of each knowledge space"}),e("li",{children:"Test knowledge queries in sandbox before promoting to production"}),a("li",{children:["Use explicit ",e("code",{children:"allowedConsumers"})," - avoid wildcard access"]})]})]}),a("div",{className:"flex items-center gap-4 pt-4",children:[e(N,{href:"/docs/architecture/integration-binding",className:"btn-ghost",children:"Previous: Integration Binding"}),a(N,{href:"/docs/knowledge",className:"btn-primary",children:["Knowledge & Context ",e(T,{size:16})]})]})]})}import{CodeBlock as R}from"@contractspec/lib.design-system";import k from"@contractspec/lib.ui-link";import{ChevronRight as q}from"lucide-react";import{jsx as c,jsxs as l}from"react/jsx-runtime";function L(){return l("div",{className:"space-y-8",children:[l("div",{className:"space-y-4",children:[c("h1",{className:"font-bold text-4xl",children:"Multi-Tenancy"}),c("p",{className:"text-muted-foreground",children:"ContractSpec is designed from the ground up for multi-tenancy. Apps built with ContractSpec can serve multiple organizations (tenants) from a single deployment, while ensuring strict data isolation and configuration separation."})]}),l("div",{className:"space-y-4",children:[c("h2",{className:"font-bold text-2xl",children:"Core Concepts"}),l("ul",{className:"list-inside list-disc space-y-2 text-muted-foreground",children:[l("li",{children:[c("strong",{children:"Tenant"}),": An organization or customer that uses your app. Each tenant has a unique ",c("code",{children:"tenantId"}),"."]}),l("li",{children:[c("strong",{children:"Tenant Isolation"}),": Data and configuration for one tenant is never accessible to another tenant unless explicitly shared."]}),l("li",{children:[c("strong",{children:"Tenant Context"}),": Every request and operation runs within the context of a specific tenant."]})]})]}),l("div",{className:"space-y-4",children:[c("h2",{className:"font-bold text-2xl",children:"Tenant Resolution"}),c("p",{className:"text-muted-foreground",children:"The runtime automatically resolves the tenant context for every request based on:"}),l("ul",{className:"list-inside list-disc space-y-2 text-muted-foreground",children:[l("li",{children:["Subdomain (e.g., ",c("code",{children:"acme.app.com"}),")"]}),l("li",{children:["Custom Domain (e.g., ",c("code",{children:"portal.acme.com"}),")"]}),l("li",{children:["Header (e.g., ",c("code",{children:"x-tenant-id: acme-corp"}),")"]}),c("li",{children:"Authentication Token (embedded tenant claim)"})]})]}),l("div",{className:"space-y-4",children:[c("h2",{className:"font-bold text-2xl",children:"Configuration Isolation"}),l("p",{className:"text-muted-foreground",children:["Each tenant has its own ",c("code",{children:"TenantAppConfig"})," which defines:"]}),c(R,{language:"typescript",code:`type TenantAppConfig = {
   tenantId: string;
   blueprintId: string;
   // ...
   integrationBindings: AppIntegrationBinding[];
   knowledgeBindings: AppKnowledgeBinding[];
   featureFlags: Record<string, boolean>;
-};`
-          }),
-          /* @__PURE__ */ jsx5("p", {
-            className: "mt-2 text-muted-foreground",
-            children: "This allows you to customize feature flags, integration connections, and knowledge sources per tenant without changing the application code."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs5("div", {
-        className: "flex items-center gap-4 pt-4",
-        children: [
-          /* @__PURE__ */ jsx5(Link5, {
-            href: "/docs/architecture",
-            className: "btn-ghost",
-            children: "Back to Architecture"
-          }),
-          /* @__PURE__ */ jsxs5(Link5, {
-            href: "/docs/libraries/multi-tenancy",
-            className: "btn-primary",
-            children: [
-              "Multi-Tenancy Library ",
-              /* @__PURE__ */ jsx5(ChevronRight5, {
-                size: 16
-              })
-            ]
-          })
-        ]
-      })
-    ]
-  });
-}
-
-// src/components/docs/architecture/ArchitectureOverviewPage.tsx
-import Link6 from "@contractspec/lib.ui-link";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-var layers = [
-  {
-    title: "Contracts and schemas",
-    body: "Explicit specs define the durable boundary for behavior, data, and governance."
-  },
-  {
-    title: "Bindings and configuration",
-    body: "Apps, tenants, integrations, and knowledge sources are wired through explicit configuration instead of hidden glue."
-  },
-  {
-    title: "Runtimes and generators",
-    body: "Serve or generate aligned surfaces for API, UI, workflows, docs, and agent-facing interfaces."
-  },
-  {
-    title: "Operate and observe",
-    body: "Carry auditability, policy, tracing, migrations, and tenant isolation through the same model."
-  }
-];
-function ArchitectureOverviewPage() {
-  return /* @__PURE__ */ jsxs6("div", {
-    className: "space-y-10",
-    children: [
-      /* @__PURE__ */ jsxs6("div", {
-        className: "space-y-3",
-        children: [
-          /* @__PURE__ */ jsx6("p", {
-            className: "editorial-kicker",
-            children: "Build"
-          }),
-          /* @__PURE__ */ jsx6("h1", {
-            className: "font-serif text-4xl tracking-[-0.04em] md:text-5xl",
-            children: "The architecture keeps contracts, runtime behavior, and operations in the same system."
-          }),
-          /* @__PURE__ */ jsx6("p", {
-            className: "max-w-3xl text-lg text-muted-foreground leading-8",
-            children: "ContractSpec is not a single runtime. It is a layered system that lets you define explicit boundaries, bind real-world configuration, and then serve or generate aligned surfaces without losing control of the output."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx6("div", {
-        className: "grid gap-4 md:grid-cols-2",
-        children: layers.map((layer) => /* @__PURE__ */ jsxs6("article", {
-          className: "editorial-panel space-y-3",
-          children: [
-            /* @__PURE__ */ jsx6("h2", {
-              className: "font-semibold text-xl",
-              children: layer.title
-            }),
-            /* @__PURE__ */ jsx6("p", {
-              className: "text-muted-foreground text-sm leading-7",
-              children: layer.body
-            })
-          ]
-        }, layer.title))
-      }),
-      /* @__PURE__ */ jsxs6("section", {
-        className: "editorial-panel space-y-5",
-        children: [
-          /* @__PURE__ */ jsxs6("div", {
-            className: "space-y-2",
-            children: [
-              /* @__PURE__ */ jsx6("h2", {
-                className: "font-serif text-3xl tracking-[-0.03em]",
-                children: "Follow the architecture by responsibility"
-              }),
-              /* @__PURE__ */ jsx6("p", {
-                className: "text-muted-foreground text-sm leading-7",
-                children: "Use the architecture pages when you need to understand how the pieces snap together in a real deployment."
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs6("div", {
-            className: "grid gap-4 md:grid-cols-2",
-            children: [
-              /* @__PURE__ */ jsxs6(Link6, {
-                href: "/docs/architecture/app-config",
-                className: "docs-footer-link",
-                children: [
-                  /* @__PURE__ */ jsx6("h3", {
-                    className: "font-semibold text-lg",
-                    children: "App configuration"
-                  }),
-                  /* @__PURE__ */ jsx6("p", {
-                    className: "text-muted-foreground text-sm leading-7",
-                    children: "How blueprint-level and tenant-level config stay explicit and merge safely."
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsxs6(Link6, {
-                href: "/docs/architecture/integration-binding",
-                className: "docs-footer-link",
-                children: [
-                  /* @__PURE__ */ jsx6("h3", {
-                    className: "font-semibold text-lg",
-                    children: "Integration binding"
-                  }),
-                  /* @__PURE__ */ jsx6("p", {
-                    className: "text-muted-foreground text-sm leading-7",
-                    children: "How apps connect to tenant-owned integrations without leaking provider logic everywhere."
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsxs6(Link6, {
-                href: "/docs/architecture/knowledge-binding",
-                className: "docs-footer-link",
-                children: [
-                  /* @__PURE__ */ jsx6("h3", {
-                    className: "font-semibold text-lg",
-                    children: "Knowledge binding"
-                  }),
-                  /* @__PURE__ */ jsx6("p", {
-                    className: "text-muted-foreground text-sm leading-7",
-                    children: "How trusted knowledge enters the system and stays isolated by context and tenant."
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsxs6(Link6, {
-                href: "/docs/architecture/control-plane",
-                className: "docs-footer-link",
-                children: [
-                  /* @__PURE__ */ jsx6("h3", {
-                    className: "font-semibold text-lg",
-                    children: "Control plane runtime"
-                  }),
-                  /* @__PURE__ */ jsx6("p", {
-                    className: "text-muted-foreground text-sm leading-7",
-                    children: "How intent, policy, planning, and execution flow through the system runtime."
-                  })
-                ]
-              })
-            ]
-          })
-        ]
-      })
-    ]
-  });
-}
-export {
-  ArchitectureOverviewPage,
-  ArchitectureMultiTenancyPage,
-  ArchitectureKnowledgeBindingPage,
-  ArchitectureIntegrationBindingPage,
-  ArchitectureControlPlanePage,
-  ArchitectureAppConfigPage
-};
+};`}),c("p",{className:"mt-2 text-muted-foreground",children:"This allows you to customize feature flags, integration connections, and knowledge sources per tenant without changing the application code."})]}),l("div",{className:"flex items-center gap-4 pt-4",children:[c(k,{href:"/docs/architecture",className:"btn-ghost",children:"Back to Architecture"}),l(k,{href:"/docs/libraries/multi-tenancy",className:"btn-primary",children:["Multi-Tenancy Library ",c(q,{size:16})]})]})]})}import u from"@contractspec/lib.ui-link";import{jsx as i,jsxs as d}from"react/jsx-runtime";var K=[{title:"Contracts and schemas",body:"Explicit specs define the durable boundary for behavior, data, and governance."},{title:"Bindings and configuration",body:"Apps, tenants, integrations, and knowledge sources are wired through explicit configuration instead of hidden glue."},{title:"Runtimes and generators",body:"Serve or generate aligned surfaces for API, UI, workflows, docs, and agent-facing interfaces."},{title:"Operate and observe",body:"Carry auditability, policy, tracing, migrations, and tenant isolation through the same model."}];function D(){return d("div",{className:"space-y-10",children:[d("div",{className:"space-y-3",children:[i("p",{className:"editorial-kicker",children:"Build"}),i("h1",{className:"font-serif text-4xl tracking-[-0.04em] md:text-5xl",children:"The architecture keeps contracts, runtime behavior, and operations in the same system."}),i("p",{className:"max-w-3xl text-lg text-muted-foreground leading-8",children:"ContractSpec is not a single runtime. It is a layered system that lets you define explicit boundaries, bind real-world configuration, and then serve or generate aligned surfaces without losing control of the output."})]}),i("div",{className:"grid gap-4 md:grid-cols-2",children:K.map((y)=>d("article",{className:"editorial-panel space-y-3",children:[i("h2",{className:"font-semibold text-xl",children:y.title}),i("p",{className:"text-muted-foreground text-sm leading-7",children:y.body})]},y.title))}),d("section",{className:"editorial-panel space-y-5",children:[d("div",{className:"space-y-2",children:[i("h2",{className:"font-serif text-3xl tracking-[-0.03em]",children:"UI composition belongs in the bundle runtime layer"}),i("p",{className:"text-muted-foreground text-sm leading-7",children:"When the system needs adaptive layouts, entity workbenches, assistant slots, and safe overlays, use module bundles as the layer between the contract model and the rendered surface."})]}),d("div",{className:"grid gap-4 md:grid-cols-2",children:[d(u,{href:"/docs/specs/module-bundles",className:"docs-footer-link",children:[i("h3",{className:"font-semibold text-lg",children:"Module bundles spec"}),i("p",{className:"text-muted-foreground text-sm leading-7",children:"See the typed bundle contract, resolved surface plan model, and bounded AI/runtime behavior."})]}),d(u,{href:"/docs/guides/first-module-bundle",className:"docs-footer-link",children:[i("h3",{className:"font-semibold text-lg",children:"Build a first module bundle"}),i("p",{className:"text-muted-foreground text-sm leading-7",children:"Follow the route-to-plan-to-render path with one practical host example."})]})]})]}),d("section",{className:"editorial-panel space-y-5",children:[d("div",{className:"space-y-2",children:[i("h2",{className:"font-serif text-3xl tracking-[-0.03em]",children:"Follow the architecture by responsibility"}),i("p",{className:"text-muted-foreground text-sm leading-7",children:"Use the architecture pages when you need to understand how the pieces snap together in a real deployment."})]}),d("div",{className:"grid gap-4 md:grid-cols-2",children:[d(u,{href:"/docs/architecture/app-config",className:"docs-footer-link",children:[i("h3",{className:"font-semibold text-lg",children:"App configuration"}),i("p",{className:"text-muted-foreground text-sm leading-7",children:"How blueprint-level and tenant-level config stay explicit and merge safely."})]}),d(u,{href:"/docs/architecture/integration-binding",className:"docs-footer-link",children:[i("h3",{className:"font-semibold text-lg",children:"Integration binding"}),i("p",{className:"text-muted-foreground text-sm leading-7",children:"How apps connect to tenant-owned integrations without leaking provider logic everywhere."})]}),d(u,{href:"/docs/architecture/knowledge-binding",className:"docs-footer-link",children:[i("h3",{className:"font-semibold text-lg",children:"Knowledge binding"}),i("p",{className:"text-muted-foreground text-sm leading-7",children:"How trusted knowledge enters the system and stays isolated by context and tenant."})]}),d(u,{href:"/docs/architecture/control-plane",className:"docs-footer-link",children:[i("h3",{className:"font-semibold text-lg",children:"Control plane runtime"}),i("p",{className:"text-muted-foreground text-sm leading-7",children:"How intent, policy, planning, and execution flow through the system runtime."})]})]})]})]})}export{D as ArchitectureOverviewPage,L as ArchitectureMultiTenancyPage,B as ArchitectureKnowledgeBindingPage,_ as ArchitectureIntegrationBindingPage,S as ArchitectureControlPlanePage,I as ArchitectureAppConfigPage};