@contractspec/bundle.library 3.4.3 → 3.5.0

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

@@ -2,42 +2,42 @@
 import { CodeBlock } from "@contractspec/lib.design-system";
 import Link from "@contractspec/lib.ui-link";
 import { ChevronRight } from "lucide-react";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 function ArchitectureAppConfigPage() {
-  return /* @__PURE__ */ jsxDEV("div", {
+  return /* @__PURE__ */ jsxs("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxDEV("div", {
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h1", {
+          /* @__PURE__ */ jsx("h1", {
             className: "text-4xl font-bold",
             children: "App Configuration"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
+          }),
+          /* @__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."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "AppBlueprintSpec"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
+          }),
+          /* @__PURE__ */ jsxs("p", {
             className: "text-muted-foreground",
             children: [
               "The ",
-              /* @__PURE__ */ jsxDEV("strong", {
+              /* @__PURE__ */ jsx("strong", {
                 children: "AppBlueprintSpec"
-              }, undefined, false, undefined, this),
+              }),
               " is the global, versioned definition of your application. It contains no tenant-specific information and is stored in version control."
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV(CodeBlock, {
+          }),
+          /* @__PURE__ */ jsx(CodeBlock, {
             language: "typescript",
             code: `type AppBlueprintSpec = {
   id: string;
@@ -77,27 +77,27 @@ function ArchitectureAppConfigPage() {
   // Schema evolution
   migrations: MigrationSpec[];
 };`
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "TenantAppConfig"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
+          }),
+          /* @__PURE__ */ jsxs("p", {
             className: "text-muted-foreground",
             children: [
               "The ",
-              /* @__PURE__ */ jsxDEV("strong", {
+              /* @__PURE__ */ jsx("strong", {
                 children: "TenantAppConfig"
-              }, undefined, false, undefined, this),
+              }),
               " is the per-tenant, per-environment configuration that customizes how a specific tenant uses the app."
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV(CodeBlock, {
+          }),
+          /* @__PURE__ */ jsx(CodeBlock, {
             language: "typescript",
             code: `type TenantAppConfig = {
   tenantId: string;
@@ -131,21 +131,21 @@ function ArchitectureAppConfigPage() {
   createdAt: string;
   updatedAt: string;
 };`
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "AppIntegrationBinding"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
+          }),
+          /* @__PURE__ */ jsx("p", {
             className: "text-muted-foreground",
             children: "Defines how a tenant connects specific integration instances to satisfy capabilities and workflows."
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(CodeBlock, {
+          }),
+          /* @__PURE__ */ jsx(CodeBlock, {
             language: "typescript",
             code: `type AppIntegrationBinding = {
   slotId: string;          // References AppIntegrationSlot.slotId
@@ -168,21 +168,21 @@ function ArchitectureAppConfigPage() {
   },
   priority: 1
 }`
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "AppKnowledgeBinding"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
+          }),
+          /* @__PURE__ */ jsx("p", {
             className: "text-muted-foreground",
             children: "Defines which knowledge spaces a tenant's app can access and how."
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(CodeBlock, {
+          }),
+          /* @__PURE__ */ jsx(CodeBlock, {
             language: "typescript",
             code: `type AppKnowledgeBinding = {
   spaceId: string;
@@ -215,27 +215,27 @@ function ArchitectureAppConfigPage() {
   allowedCategories: ["canonical", "operational"],
   sources: ["src_notion_product_docs", "src_database_schema"]
 }`
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "ResolvedAppConfig"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
+          }),
+          /* @__PURE__ */ jsxs("p", {
             className: "text-muted-foreground",
             children: [
               "The ",
-              /* @__PURE__ */ jsxDEV("strong", {
+              /* @__PURE__ */ jsx("strong", {
                 children: "ResolvedAppConfig"
-              }, undefined, false, undefined, this),
+              }),
               " is the runtime result of merging AppBlueprintSpec with TenantAppConfig. It's computed on-demand and never persisted."
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV(CodeBlock, {
+          }),
+          /* @__PURE__ */ jsx(CodeBlock, {
             language: "typescript",
             code: `type ResolvedAppConfig = {
   appId: string;
@@ -265,192 +265,192 @@ function ArchitectureAppConfigPage() {
   branding: ResolvedBranding;           // { appName, assets, colors, domain }
   notes?: string;
 };`
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "Configuration flow"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
+          }),
+          /* @__PURE__ */ jsx("p", {
             className: "text-muted-foreground",
             children: "Here's how configuration flows from definition to runtime:"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("ol", {
+          }),
+          /* @__PURE__ */ jsxs("ol", {
             className: "text-muted-foreground list-inside list-decimal space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV("li", {
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV("strong", {
+                  /* @__PURE__ */ jsx("strong", {
                     children: "Development"
-                  }, undefined, false, undefined, this),
+                  }),
                   " - Define AppBlueprintSpec with required integrations and knowledge spaces"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("li", {
+              }),
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV("strong", {
+                  /* @__PURE__ */ jsx("strong", {
                     children: "Deployment"
-                  }, undefined, false, undefined, this),
+                  }),
                   " - Deploy blueprint to environment (sandbox, staging, production)"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("li", {
+              }),
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV("strong", {
+                  /* @__PURE__ */ jsx("strong", {
                     children: "Tenant Setup"
-                  }, undefined, false, undefined, this),
+                  }),
                   " - Create TenantAppConfig with specific integration connections and knowledge sources"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("li", {
+              }),
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV("strong", {
+                  /* @__PURE__ */ jsx("strong", {
                     children: "Runtime"
-                  }, undefined, false, undefined, this),
+                  }),
                   " - Resolve configuration on-demand when tenant accesses the app"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("li", {
+              }),
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV("strong", {
+                  /* @__PURE__ */ jsx("strong", {
                     children: "Execution"
-                  }, undefined, false, undefined, this),
+                  }),
                   " - Use ResolvedAppConfig to execute capabilities, workflows, and enforce policies"
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "Best practices"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("ul", {
+          }),
+          /* @__PURE__ */ jsxs("ul", {
             className: "text-muted-foreground list-inside list-disc space-y-2",
             children: [
-              /* @__PURE__ */ jsxDEV("li", {
+              /* @__PURE__ */ jsx("li", {
                 children: "Keep AppBlueprintSpec environment-agnostic - no secrets or tenant-specific data"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("li", {
+              }),
+              /* @__PURE__ */ jsx("li", {
                 children: "Use TenantAppConfig for all tenant-specific settings and connections"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("li", {
+              }),
+              /* @__PURE__ */ jsx("li", {
                 children: "Cache ResolvedAppConfig per request to avoid repeated resolution"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("li", {
+              }),
+              /* @__PURE__ */ jsx("li", {
                 children: "Version blueprints carefully - migrations affect all tenants"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("li", {
+              }),
+              /* @__PURE__ */ jsx("li", {
                 children: "Test blueprint changes in sandbox before promoting to production"
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsxDEV(Link, {
+          /* @__PURE__ */ jsx(Link, {
             href: "/docs/architecture",
             className: "btn-ghost",
             children: "Back to Architecture"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(Link, {
+          }),
+          /* @__PURE__ */ jsxs(Link, {
             href: "/docs/architecture/integration-binding",
             className: "btn-primary",
             children: [
               "Integration Binding ",
-              /* @__PURE__ */ jsxDEV(ChevronRight, {
+              /* @__PURE__ */ jsx(ChevronRight, {
                 size: 16
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // 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 { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function ArchitectureControlPlanePage() {
-  return /* @__PURE__ */ jsxDEV2("div", {
+  return /* @__PURE__ */ jsxs2("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxDEV2("div", {
+      /* @__PURE__ */ jsxs2("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV2("h1", {
+          /* @__PURE__ */ jsx2("h1", {
             className: "text-4xl font-bold",
             children: "Control Plane Runtime"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV2("p", {
+          }),
+          /* @__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."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV2("div", {
+      }),
+      /* @__PURE__ */ jsxs2("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV2("h2", {
+          /* @__PURE__ */ jsx2("h2", {
             className: "text-2xl font-bold",
             children: "Canonical execution loop"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV2("ol", {
+          }),
+          /* @__PURE__ */ jsxs2("ol", {
             className: "text-muted-foreground list-inside list-decimal space-y-2",
             children: [
-              /* @__PURE__ */ jsxDEV2("li", {
+              /* @__PURE__ */ jsx2("li", {
                 children: "Accept intent and create execution identity + trace context."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("li", {
+              }),
+              /* @__PURE__ */ jsx2("li", {
                 children: "Compile intent into a typed, deterministic plan DAG."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("li", {
+              }),
+              /* @__PURE__ */ jsx2("li", {
                 children: "Verify plan against policy and risk rules."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("li", {
+              }),
+              /* @__PURE__ */ jsx2("li", {
                 children: "Route into autonomous or assist mode based on verdict."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("li", {
+              }),
+              /* @__PURE__ */ jsx2("li", {
                 children: "Execute steps with idempotent keys and explicit stage events."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("li", {
+              }),
+              /* @__PURE__ */ jsx2("li", {
                 children: "Persist outcomes for replay, audits, and operator visibility."
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV2("div", {
+      }),
+      /* @__PURE__ */ jsxs2("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV2("h2", {
+          /* @__PURE__ */ jsx2("h2", {
             className: "text-2xl font-bold",
             children: "Contract surfaces (v1 baseline)"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV2("p", {
+          }),
+          /* @__PURE__ */ jsxs2("p", {
             className: "text-muted-foreground",
             children: [
               "The runtime is contract-first. Commands, queries, events, and capabilities are explicit and versioned under",
-              /* @__PURE__ */ jsxDEV2("code", {
+              /* @__PURE__ */ jsx2("code", {
                 children: " @contractspec/lib.contracts-spec"
-              }, undefined, false, undefined, this),
+              }),
               "."
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV2(CodeBlock2, {
+          }),
+          /* @__PURE__ */ jsx2(CodeBlock2, {
             language: "text",
             code: `Commands
 - controlPlane.intent.submit
@@ -489,46 +489,46 @@ Capabilities
 - control-plane.audit
 - control-plane.skill-registry
 - control-plane.channel-runtime`
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV2("div", {
+      }),
+      /* @__PURE__ */ jsxs2("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV2("h2", {
+          /* @__PURE__ */ jsx2("h2", {
             className: "text-2xl font-bold",
             children: "Policy and safety posture"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV2("ul", {
+          }),
+          /* @__PURE__ */ jsxs2("ul", {
             className: "text-muted-foreground list-inside list-disc space-y-2",
             children: [
-              /* @__PURE__ */ jsxDEV2("li", {
+              /* @__PURE__ */ jsx2("li", {
                 children: "No side-effect action executes unless it comes from a compiled plan."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("li", {
+              }),
+              /* @__PURE__ */ jsx2("li", {
                 children: "High-risk actions are blocked from autonomous mode in v1."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("li", {
+              }),
+              /* @__PURE__ */ jsx2("li", {
                 children: "Approval commands provide explicit human-in-the-loop transitions."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("li", {
+              }),
+              /* @__PURE__ */ jsx2("li", {
                 children: "Skill installation is modeled as governance-controlled operations."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("li", {
+              }),
+              /* @__PURE__ */ jsx2("li", {
                 children: "Trace queries expose policy rationale and step outcomes for replay."
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV2("div", {
+      }),
+      /* @__PURE__ */ jsxs2("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV2("h2", {
+          /* @__PURE__ */ jsx2("h2", {
             className: "text-2xl font-bold",
             children: "Implementation map"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV2(CodeBlock2, {
+          }),
+          /* @__PURE__ */ jsx2(CodeBlock2, {
             language: "text",
             code: `packages/libs/contracts-spec/src/control-plane/
   commands/
@@ -540,129 +540,129 @@ Capabilities
 
 packages/apps/web-landing/src/app/docs/architecture/control-plane/page.tsx
 implementation_plan_controle_plane.md`
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV2("div", {
+      }),
+      /* @__PURE__ */ jsxs2("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV2("h2", {
+          /* @__PURE__ */ jsx2("h2", {
             className: "text-2xl font-bold",
             children: "What comes next"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV2("p", {
+          }),
+          /* @__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."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV2("div", {
+      }),
+      /* @__PURE__ */ jsxs2("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsxDEV2(Link2, {
+          /* @__PURE__ */ jsx2(Link2, {
             href: "/docs/architecture/integration-binding",
             className: "btn-ghost",
             children: "Previous: Integration Binding"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV2(Link2, {
+          }),
+          /* @__PURE__ */ jsxs2(Link2, {
             href: "/docs/safety/auditing",
             className: "btn-primary",
             children: [
               "Audit Logs ",
-              /* @__PURE__ */ jsxDEV2(ChevronRight2, {
+              /* @__PURE__ */ jsx2(ChevronRight2, {
                 size: 16
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // 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 { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function ArchitectureIntegrationBindingPage() {
-  return /* @__PURE__ */ jsxDEV3("div", {
+  return /* @__PURE__ */ jsxs3("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxDEV3("div", {
+      /* @__PURE__ */ jsxs3("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV3("h1", {
+          /* @__PURE__ */ jsx3("h1", {
             className: "text-4xl font-bold",
             children: "Integration Binding"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3("p", {
+          }),
+          /* @__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."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV3("div", {
+      }),
+      /* @__PURE__ */ jsxs3("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV3("h2", {
+          /* @__PURE__ */ jsx3("h2", {
             className: "text-2xl font-bold",
             children: "How it works"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3("p", {
+          }),
+          /* @__PURE__ */ jsx3("p", {
             className: "text-muted-foreground",
             children: "Integration binding follows a three-layer model:"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3("ol", {
+          }),
+          /* @__PURE__ */ jsxs3("ol", {
             className: "text-muted-foreground list-inside list-decimal space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV3("li", {
+              /* @__PURE__ */ jsxs3("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV3("strong", {
+                  /* @__PURE__ */ jsx3("strong", {
                     children: "IntegrationSpec"
-                  }, undefined, false, undefined, this),
+                  }),
                   " (global) - Defines what an integration provides"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV3("li", {
+              }),
+              /* @__PURE__ */ jsxs3("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV3("strong", {
+                  /* @__PURE__ */ jsx3("strong", {
                     children: "IntegrationConnection"
-                  }, undefined, false, undefined, this),
+                  }),
                   " (per-tenant) - A tenant's configured connection"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV3("li", {
+              }),
+              /* @__PURE__ */ jsxs3("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV3("strong", {
+                  /* @__PURE__ */ jsx3("strong", {
                     children: "AppIntegrationBinding"
-                  }, undefined, false, undefined, this),
+                  }),
                   " (per-app) - Maps named slots to concrete tenant connections"
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV3("div", {
+      }),
+      /* @__PURE__ */ jsxs3("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV3("h2", {
+          /* @__PURE__ */ jsx3("h2", {
             className: "text-2xl font-bold",
             children: "Example: Payment processing"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3("p", {
+          }),
+          /* @__PURE__ */ jsx3("p", {
             className: "text-muted-foreground",
             children: "Let's walk through a complete example of binding Stripe for payments."
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3("div", {
+          }),
+          /* @__PURE__ */ jsxs3("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV3("h3", {
+              /* @__PURE__ */ jsx3("h3", {
                 className: "text-lg font-semibold",
                 children: "Step 1: Blueprint declares requirement"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3(CodeBlock3, {
+              }),
+              /* @__PURE__ */ jsx3(CodeBlock3, {
                 language: "typescript",
                 code: `// AppBlueprintSpec
 {
@@ -689,17 +689,17 @@ function ArchitectureIntegrationBindingPage() {
     colorTokens: { primary: "colors.brand.primary" }
   }
 }`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV3("div", {
+          }),
+          /* @__PURE__ */ jsxs3("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV3("h3", {
+              /* @__PURE__ */ jsx3("h3", {
                 className: "text-lg font-semibold",
                 children: "Step 2: Tenant creates connection"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3(CodeBlock3, {
+              }),
+              /* @__PURE__ */ jsx3(CodeBlock3, {
                 language: "typescript",
                 code: `// IntegrationConnection
 {
@@ -722,17 +722,17 @@ function ArchitectureIntegrationBindingPage() {
   secretRef: "vault://integrations/acme/conn_stripe_acme_prod",
   status: "active"
 }`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV3("div", {
+          }),
+          /* @__PURE__ */ jsxs3("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV3("h3", {
+              /* @__PURE__ */ jsx3("h3", {
                 className: "text-lg font-semibold",
                 children: "Step 3: TenantAppConfig binds connection"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3(CodeBlock3, {
+              }),
+              /* @__PURE__ */ jsx3(CodeBlock3, {
                 language: "typescript",
                 code: `// TenantAppConfig
 {
@@ -761,17 +761,17 @@ function ArchitectureIntegrationBindingPage() {
     assets: [{ type: "logo", url: "https://assets.acme.com/logo.svg" }]
   }
 }`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV3("div", {
+          }),
+          /* @__PURE__ */ jsxs3("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV3("h3", {
+              /* @__PURE__ */ jsx3("h3", {
                 className: "text-lg font-semibold",
                 children: "Step 4: Runtime resolves and executes"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3(CodeBlock3, {
+              }),
+              /* @__PURE__ */ jsx3(CodeBlock3, {
                 language: "typescript",
                 code: `// ResolvedAppConfig (runtime)
 {
@@ -791,23 +791,23 @@ const result = await executeCapability(
   resolvedConfig
 );
 // → Uses Stripe connection automatically`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV3("div", {
+      }),
+      /* @__PURE__ */ jsxs3("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV3("h2", {
+          /* @__PURE__ */ jsx3("h2", {
             className: "text-2xl font-bold",
             children: "Multi-integration scenarios"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3("p", {
+          }),
+          /* @__PURE__ */ jsx3("p", {
             className: "text-muted-foreground",
             children: "A single app can use multiple integrations across different categories:"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3(CodeBlock3, {
+          }),
+          /* @__PURE__ */ jsx3(CodeBlock3, {
             language: "typescript",
             code: `integrations: [
   {
@@ -836,21 +836,21 @@ const result = await executeCapability(
     }
   }
 ]`
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV3("div", {
+      }),
+      /* @__PURE__ */ jsxs3("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV3("h2", {
+          /* @__PURE__ */ jsx3("h2", {
             className: "text-2xl font-bold",
             children: "Sandbox vs Production"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3("p", {
+          }),
+          /* @__PURE__ */ jsx3("p", {
             className: "text-muted-foreground",
             children: "Tenants typically maintain separate connections for sandbox and production environments:"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3(CodeBlock3, {
+          }),
+          /* @__PURE__ */ jsx3(CodeBlock3, {
             language: "typescript",
             code: `// Sandbox environment
 {
@@ -873,180 +873,180 @@ const result = await executeCapability(
     }
   ]
 }`
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV3("div", {
+      }),
+      /* @__PURE__ */ jsxs3("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV3("h2", {
+          /* @__PURE__ */ jsx3("h2", {
             className: "text-2xl font-bold",
             children: "Security & validation"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3("ul", {
+          }),
+          /* @__PURE__ */ jsxs3("ul", {
             className: "text-muted-foreground list-inside list-disc space-y-2",
             children: [
-              /* @__PURE__ */ jsxDEV3("li", {
+              /* @__PURE__ */ jsx3("li", {
                 children: "Integration connections are validated before binding - health checks ensure connectivity"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("li", {
+              }),
+              /* @__PURE__ */ jsx3("li", {
                 children: "Secrets are never stored in TenantAppConfig - only references to encrypted secrets"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("li", {
+              }),
+              /* @__PURE__ */ jsx3("li", {
                 children: "Policy Decision Point (PDP) enforces which workflows can use which integrations"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("li", {
+              }),
+              /* @__PURE__ */ jsx3("li", {
                 children: "All integration calls are audited with full request/response logging"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("li", {
+              }),
+              /* @__PURE__ */ jsx3("li", {
                 children: "Rate limiting and quotas are enforced per connection"
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV3("div", {
+      }),
+      /* @__PURE__ */ jsxs3("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV3("h2", {
+          /* @__PURE__ */ jsx3("h2", {
             className: "text-2xl font-bold",
             children: "Best practices"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3("ul", {
+          }),
+          /* @__PURE__ */ jsxs3("ul", {
             className: "text-muted-foreground list-inside list-disc space-y-2",
             children: [
-              /* @__PURE__ */ jsxDEV3("li", {
+              /* @__PURE__ */ jsxs3("li", {
                 children: [
                   "Use wildcard patterns sparingly in ",
-                  /* @__PURE__ */ jsxDEV3("code", {
+                  /* @__PURE__ */ jsx3("code", {
                     children: "allowedWorkflows"
-                  }, undefined, false, undefined, this),
+                  }),
                   " - be explicit about access"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV3("li", {
+              }),
+              /* @__PURE__ */ jsx3("li", {
                 children: "Always maintain separate sandbox and production connections"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("li", {
+              }),
+              /* @__PURE__ */ jsx3("li", {
                 children: "Monitor integration health checks and set up alerts for failures"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("li", {
+              }),
+              /* @__PURE__ */ jsx3("li", {
                 children: "Document the purpose of each integration binding for your team"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("li", {
+              }),
+              /* @__PURE__ */ jsx3("li", {
                 children: "Test integration changes in sandbox before promoting to production"
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV3("div", {
+      }),
+      /* @__PURE__ */ jsxs3("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsxDEV3(Link3, {
+          /* @__PURE__ */ jsx3(Link3, {
             href: "/docs/architecture/app-config",
             className: "btn-ghost",
             children: "Previous: App Configuration"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3(Link3, {
+          }),
+          /* @__PURE__ */ jsxs3(Link3, {
             href: "/docs/architecture/knowledge-binding",
             className: "btn-primary",
             children: [
               "Knowledge Binding ",
-              /* @__PURE__ */ jsxDEV3(ChevronRight3, {
+              /* @__PURE__ */ jsx3(ChevronRight3, {
                 size: 16
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // 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 { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function ArchitectureKnowledgeBindingPage() {
-  return /* @__PURE__ */ jsxDEV4("div", {
+  return /* @__PURE__ */ jsxs4("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxDEV4("div", {
+      /* @__PURE__ */ jsxs4("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV4("h1", {
+          /* @__PURE__ */ jsx4("h1", {
             className: "text-4xl font-bold",
             children: "Knowledge Binding"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4("p", {
+          }),
+          /* @__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."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV4("div", {
+      }),
+      /* @__PURE__ */ jsxs4("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV4("h2", {
+          /* @__PURE__ */ jsx4("h2", {
             className: "text-2xl font-bold",
             children: "How it works"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4("p", {
+          }),
+          /* @__PURE__ */ jsx4("p", {
             className: "text-muted-foreground",
             children: "Knowledge binding follows a three-layer model:"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4("ol", {
+          }),
+          /* @__PURE__ */ jsxs4("ol", {
             className: "text-muted-foreground list-inside list-decimal space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV4("li", {
+              /* @__PURE__ */ jsxs4("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV4("strong", {
+                  /* @__PURE__ */ jsx4("strong", {
                     children: "KnowledgeSpaceSpec"
-                  }, undefined, false, undefined, this),
+                  }),
                   " (global) - Defines a logical knowledge domain"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV4("li", {
+              }),
+              /* @__PURE__ */ jsxs4("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV4("strong", {
+                  /* @__PURE__ */ jsx4("strong", {
                     children: "KnowledgeSourceConfig"
-                  }, undefined, false, undefined, this),
+                  }),
                   " (per-tenant) - Tenant's data sources feeding spaces"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV4("li", {
+              }),
+              /* @__PURE__ */ jsxs4("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV4("strong", {
+                  /* @__PURE__ */ jsx4("strong", {
                     children: "AppKnowledgeBinding"
-                  }, undefined, false, undefined, this),
+                  }),
                   " (per-app) - Maps spaces to workflows/agents"
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV4("div", {
+      }),
+      /* @__PURE__ */ jsxs4("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV4("h2", {
+          /* @__PURE__ */ jsx4("h2", {
             className: "text-2xl font-bold",
             children: "Example: Support agent with RAG"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4("p", {
+          }),
+          /* @__PURE__ */ jsx4("p", {
             className: "text-muted-foreground",
             children: "Let's build a support agent that uses canonical product documentation and operational support history."
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4("div", {
+          }),
+          /* @__PURE__ */ jsxs4("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV4("h3", {
+              /* @__PURE__ */ jsx4("h3", {
                 className: "text-lg font-semibold",
                 children: "Step 1: Blueprint declares knowledge needs"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4(CodeBlock4, {
+              }),
+              /* @__PURE__ */ jsx4(CodeBlock4, {
                 language: "typescript",
                 code: `// AppBlueprintSpec
 {
@@ -1073,17 +1073,17 @@ function ArchitectureKnowledgeBindingPage() {
     }
   ]
 }`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV4("div", {
+          }),
+          /* @__PURE__ */ jsxs4("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV4("h3", {
+              /* @__PURE__ */ jsx4("h3", {
                 className: "text-lg font-semibold",
                 children: "Step 2: Tenant configures sources"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4(CodeBlock4, {
+              }),
+              /* @__PURE__ */ jsx4(CodeBlock4, {
                 language: "typescript",
                 code: `// KnowledgeSourceConfig (per-tenant)
 [
@@ -1115,17 +1115,17 @@ function ArchitectureKnowledgeBindingPage() {
     lastSyncedAt: "2025-01-15T00:00:00Z"
   }
 ]`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV4("div", {
+          }),
+          /* @__PURE__ */ jsxs4("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV4("h3", {
+              /* @__PURE__ */ jsx4("h3", {
                 className: "text-lg font-semibold",
                 children: "Step 3: TenantAppConfig binds spaces"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4(CodeBlock4, {
+              }),
+              /* @__PURE__ */ jsx4(CodeBlock4, {
                 language: "typescript",
                 code: `// TenantAppConfig
 {
@@ -1164,17 +1164,17 @@ function ArchitectureKnowledgeBindingPage() {
     }
   ]
 }`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV4("div", {
+          }),
+          /* @__PURE__ */ jsxs4("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV4("h3", {
+              /* @__PURE__ */ jsx4("h3", {
                 className: "text-lg font-semibold",
                 children: "Step 4: Workflow uses knowledge"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4(CodeBlock4, {
+              }),
+              /* @__PURE__ */ jsx4(CodeBlock4, {
                 language: "yaml",
                 code: `// WorkflowSpec
 workflowId: answer-question
@@ -1219,153 +1219,153 @@ steps:
             
             Support history:
             \${steps.search-support-history.output.results}`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV4("div", {
+      }),
+      /* @__PURE__ */ jsxs4("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV4("h2", {
+          /* @__PURE__ */ jsx4("h2", {
             className: "text-2xl font-bold",
             children: "Category-based access control"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4("p", {
+          }),
+          /* @__PURE__ */ jsx4("p", {
             className: "text-muted-foreground",
             children: "Different knowledge categories have different trust levels and access patterns:"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4("div", {
+          }),
+          /* @__PURE__ */ jsx4("div", {
             className: "border-border/50 overflow-x-auto rounded-lg border",
-            children: /* @__PURE__ */ jsxDEV4("table", {
+            children: /* @__PURE__ */ jsxs4("table", {
               className: "w-full text-left text-sm",
               children: [
-                /* @__PURE__ */ jsxDEV4("thead", {
+                /* @__PURE__ */ jsx4("thead", {
                   className: "bg-card/50",
-                  children: /* @__PURE__ */ jsxDEV4("tr", {
+                  children: /* @__PURE__ */ jsxs4("tr", {
                     className: "border-border/50 border-b",
                     children: [
-                      /* @__PURE__ */ jsxDEV4("th", {
+                      /* @__PURE__ */ jsx4("th", {
                         className: "px-4 py-3 font-semibold",
                         children: "Category"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV4("th", {
+                      }),
+                      /* @__PURE__ */ jsx4("th", {
                         className: "px-4 py-3 font-semibold",
                         children: "Trust Level"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV4("th", {
+                      }),
+                      /* @__PURE__ */ jsx4("th", {
                         className: "px-4 py-3 font-semibold",
                         children: "Use Cases"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV4("th", {
+                      }),
+                      /* @__PURE__ */ jsx4("th", {
                         className: "px-4 py-3 font-semibold",
                         children: "Policy Impact"
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this)
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV4("tbody", {
+                  })
+                }),
+                /* @__PURE__ */ jsxs4("tbody", {
                   className: "divide-border/50 divide-y",
                   children: [
-                    /* @__PURE__ */ jsxDEV4("tr", {
+                    /* @__PURE__ */ jsxs4("tr", {
                       children: [
-                        /* @__PURE__ */ jsxDEV4("td", {
+                        /* @__PURE__ */ jsx4("td", {
                           className: "px-4 py-3 font-mono text-xs",
                           children: "canonical"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV4("td", {
+                        }),
+                        /* @__PURE__ */ jsx4("td", {
                           className: "px-4 py-3",
                           children: "Highest"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV4("td", {
+                        }),
+                        /* @__PURE__ */ jsx4("td", {
                           className: "px-4 py-3",
                           children: "Product specs, schemas, official policies"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV4("td", {
+                        }),
+                        /* @__PURE__ */ jsx4("td", {
                           className: "px-4 py-3",
                           children: "Can drive policy decisions"
-                        }, undefined, false, undefined, this)
+                        })
                       ]
-                    }, undefined, true, undefined, this),
-                    /* @__PURE__ */ jsxDEV4("tr", {
+                    }),
+                    /* @__PURE__ */ jsxs4("tr", {
                       children: [
-                        /* @__PURE__ */ jsxDEV4("td", {
+                        /* @__PURE__ */ jsx4("td", {
                           className: "px-4 py-3 font-mono text-xs",
                           children: "operational"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV4("td", {
+                        }),
+                        /* @__PURE__ */ jsx4("td", {
                           className: "px-4 py-3",
                           children: "High"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV4("td", {
+                        }),
+                        /* @__PURE__ */ jsx4("td", {
                           className: "px-4 py-3",
                           children: "Support tickets, sales docs, internal runbooks"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV4("td", {
+                        }),
+                        /* @__PURE__ */ jsx4("td", {
                           className: "px-4 py-3",
                           children: "Can inform decisions"
-                        }, undefined, false, undefined, this)
+                        })
                       ]
-                    }, undefined, true, undefined, this),
-                    /* @__PURE__ */ jsxDEV4("tr", {
+                    }),
+                    /* @__PURE__ */ jsxs4("tr", {
                       children: [
-                        /* @__PURE__ */ jsxDEV4("td", {
+                        /* @__PURE__ */ jsx4("td", {
                           className: "px-4 py-3 font-mono text-xs",
                           children: "external"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV4("td", {
+                        }),
+                        /* @__PURE__ */ jsx4("td", {
                           className: "px-4 py-3",
                           children: "Medium"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV4("td", {
+                        }),
+                        /* @__PURE__ */ jsx4("td", {
                           className: "px-4 py-3",
                           children: "Third-party docs, regulations, PSP guides"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV4("td", {
+                        }),
+                        /* @__PURE__ */ jsx4("td", {
                           className: "px-4 py-3",
                           children: "Reference only, not authoritative"
-                        }, undefined, false, undefined, this)
+                        })
                       ]
-                    }, undefined, true, undefined, this),
-                    /* @__PURE__ */ jsxDEV4("tr", {
+                    }),
+                    /* @__PURE__ */ jsxs4("tr", {
                       children: [
-                        /* @__PURE__ */ jsxDEV4("td", {
+                        /* @__PURE__ */ jsx4("td", {
                           className: "px-4 py-3 font-mono text-xs",
                           children: "ephemeral"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV4("td", {
+                        }),
+                        /* @__PURE__ */ jsx4("td", {
                           className: "px-4 py-3",
                           children: "Low"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV4("td", {
+                        }),
+                        /* @__PURE__ */ jsx4("td", {
                           className: "px-4 py-3",
                           children: "Agent scratchpads, session context, drafts"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV4("td", {
+                        }),
+                        /* @__PURE__ */ jsx4("td", {
                           className: "px-4 py-3",
                           children: "Never used for decisions"
-                        }, 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", {
+      }),
+      /* @__PURE__ */ jsxs4("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV4("h2", {
+          /* @__PURE__ */ jsx4("h2", {
             className: "text-2xl font-bold",
             children: "Multi-space workflows"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4("p", {
+          }),
+          /* @__PURE__ */ jsx4("p", {
             className: "text-muted-foreground",
             children: "Workflows can query multiple knowledge spaces and combine results:"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4(CodeBlock4, {
+          }),
+          /* @__PURE__ */ jsx4(CodeBlock4, {
             language: "typescript",
             code: `knowledgeBindings: [
   {
@@ -1396,230 +1396,230 @@ steps:
     sources: ["src_crm_data", "src_past_invoices"]
   }
 ]`
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV4("div", {
+      }),
+      /* @__PURE__ */ jsxs4("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV4("h2", {
+          /* @__PURE__ */ jsx4("h2", {
             className: "text-2xl font-bold",
             children: "Security & validation"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4("ul", {
+          }),
+          /* @__PURE__ */ jsxs4("ul", {
             className: "text-muted-foreground list-inside list-disc space-y-2",
             children: [
-              /* @__PURE__ */ jsxDEV4("li", {
+              /* @__PURE__ */ jsx4("li", {
                 children: "Knowledge sources are validated before sync - credentials and permissions checked"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4("li", {
+              }),
+              /* @__PURE__ */ jsx4("li", {
                 children: "PDP enforces which workflows/agents can access which spaces"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4("li", {
+              }),
+              /* @__PURE__ */ jsx4("li", {
                 children: "All knowledge queries are audited with search terms and results"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4("li", {
+              }),
+              /* @__PURE__ */ jsx4("li", {
                 children: "Canonical knowledge is immutable once indexed - changes require re-sync"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4("li", {
+              }),
+              /* @__PURE__ */ jsx4("li", {
                 children: "Ephemeral knowledge is automatically purged based on retention policies"
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV4("div", {
+      }),
+      /* @__PURE__ */ jsxs4("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV4("h2", {
+          /* @__PURE__ */ jsx4("h2", {
             className: "text-2xl font-bold",
             children: "Best practices"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4("ul", {
+          }),
+          /* @__PURE__ */ jsxs4("ul", {
             className: "text-muted-foreground list-inside list-disc space-y-2",
             children: [
-              /* @__PURE__ */ jsxDEV4("li", {
+              /* @__PURE__ */ jsx4("li", {
                 children: "Use canonical spaces for policy-critical decisions, operational for suggestions"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4("li", {
+              }),
+              /* @__PURE__ */ jsx4("li", {
                 children: "Never allow workflows to write to canonical spaces - maintain read-only access"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4("li", {
+              }),
+              /* @__PURE__ */ jsx4("li", {
                 children: "Set up monitoring for sync failures and stale knowledge sources"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4("li", {
+              }),
+              /* @__PURE__ */ jsx4("li", {
                 children: "Document the purpose and trust level of each knowledge space"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4("li", {
+              }),
+              /* @__PURE__ */ jsx4("li", {
                 children: "Test knowledge queries in sandbox before promoting to production"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4("li", {
+              }),
+              /* @__PURE__ */ jsxs4("li", {
                 children: [
                   "Use explicit ",
-                  /* @__PURE__ */ jsxDEV4("code", {
+                  /* @__PURE__ */ jsx4("code", {
                     children: "allowedConsumers"
-                  }, undefined, false, undefined, this),
+                  }),
                   " - avoid wildcard access"
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV4("div", {
+      }),
+      /* @__PURE__ */ jsxs4("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsxDEV4(Link4, {
+          /* @__PURE__ */ jsx4(Link4, {
             href: "/docs/architecture/integration-binding",
             className: "btn-ghost",
             children: "Previous: Integration Binding"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4(Link4, {
+          }),
+          /* @__PURE__ */ jsxs4(Link4, {
             href: "/docs/knowledge",
             className: "btn-primary",
             children: [
               "Knowledge & Context ",
-              /* @__PURE__ */ jsxDEV4(ChevronRight4, {
+              /* @__PURE__ */ jsx4(ChevronRight4, {
                 size: 16
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // 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 { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function ArchitectureMultiTenancyPage() {
-  return /* @__PURE__ */ jsxDEV5("div", {
+  return /* @__PURE__ */ jsxs5("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxDEV5("div", {
+      /* @__PURE__ */ jsxs5("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV5("h1", {
+          /* @__PURE__ */ jsx5("h1", {
             className: "text-4xl font-bold",
             children: "Multi-Tenancy"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV5("p", {
+          }),
+          /* @__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."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV5("div", {
+      }),
+      /* @__PURE__ */ jsxs5("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV5("h2", {
+          /* @__PURE__ */ jsx5("h2", {
             className: "text-2xl font-bold",
             children: "Core Concepts"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV5("ul", {
+          }),
+          /* @__PURE__ */ jsxs5("ul", {
             className: "text-muted-foreground list-inside list-disc space-y-2",
             children: [
-              /* @__PURE__ */ jsxDEV5("li", {
+              /* @__PURE__ */ jsxs5("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV5("strong", {
+                  /* @__PURE__ */ jsx5("strong", {
                     children: "Tenant"
-                  }, undefined, false, undefined, this),
+                  }),
                   ": An organization or customer that uses your app. Each tenant has a unique ",
-                  /* @__PURE__ */ jsxDEV5("code", {
+                  /* @__PURE__ */ jsx5("code", {
                     children: "tenantId"
-                  }, undefined, false, undefined, this),
+                  }),
                   "."
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV5("li", {
+              }),
+              /* @__PURE__ */ jsxs5("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV5("strong", {
+                  /* @__PURE__ */ jsx5("strong", {
                     children: "Tenant Isolation"
-                  }, undefined, false, undefined, this),
+                  }),
                   ": Data and configuration for one tenant is never accessible to another tenant unless explicitly shared."
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV5("li", {
+              }),
+              /* @__PURE__ */ jsxs5("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV5("strong", {
+                  /* @__PURE__ */ jsx5("strong", {
                     children: "Tenant Context"
-                  }, undefined, false, undefined, this),
+                  }),
                   ": Every request and operation runs within the context of a specific tenant."
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV5("div", {
+      }),
+      /* @__PURE__ */ jsxs5("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV5("h2", {
+          /* @__PURE__ */ jsx5("h2", {
             className: "text-2xl font-bold",
             children: "Tenant Resolution"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV5("p", {
+          }),
+          /* @__PURE__ */ jsx5("p", {
             className: "text-muted-foreground",
             children: "The runtime automatically resolves the tenant context for every request based on:"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV5("ul", {
+          }),
+          /* @__PURE__ */ jsxs5("ul", {
             className: "text-muted-foreground list-inside list-disc space-y-2",
             children: [
-              /* @__PURE__ */ jsxDEV5("li", {
+              /* @__PURE__ */ jsxs5("li", {
                 children: [
                   "Subdomain (e.g., ",
-                  /* @__PURE__ */ jsxDEV5("code", {
+                  /* @__PURE__ */ jsx5("code", {
                     children: "acme.app.com"
-                  }, undefined, false, undefined, this),
+                  }),
                   ")"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV5("li", {
+              }),
+              /* @__PURE__ */ jsxs5("li", {
                 children: [
                   "Custom Domain (e.g., ",
-                  /* @__PURE__ */ jsxDEV5("code", {
+                  /* @__PURE__ */ jsx5("code", {
                     children: "portal.acme.com"
-                  }, undefined, false, undefined, this),
+                  }),
                   ")"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV5("li", {
+              }),
+              /* @__PURE__ */ jsxs5("li", {
                 children: [
                   "Header (e.g., ",
-                  /* @__PURE__ */ jsxDEV5("code", {
+                  /* @__PURE__ */ jsx5("code", {
                     children: "x-tenant-id: acme-corp"
-                  }, undefined, false, undefined, this),
+                  }),
                   ")"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV5("li", {
+              }),
+              /* @__PURE__ */ jsx5("li", {
                 children: "Authentication Token (embedded tenant claim)"
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV5("div", {
+      }),
+      /* @__PURE__ */ jsxs5("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV5("h2", {
+          /* @__PURE__ */ jsx5("h2", {
             className: "text-2xl font-bold",
             children: "Configuration Isolation"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV5("p", {
+          }),
+          /* @__PURE__ */ jsxs5("p", {
             className: "text-muted-foreground",
             children: [
               "Each tenant has its own ",
-              /* @__PURE__ */ jsxDEV5("code", {
+              /* @__PURE__ */ jsx5("code", {
                 children: "TenantAppConfig"
-              }, undefined, false, undefined, this),
+              }),
               " which defines:"
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV5(CodeBlock5, {
+          }),
+          /* @__PURE__ */ jsx5(CodeBlock5, {
             language: "typescript",
             code: `type TenantAppConfig = {
   tenantId: string;
@@ -1629,497 +1629,497 @@ function ArchitectureMultiTenancyPage() {
   knowledgeBindings: AppKnowledgeBinding[];
   featureFlags: Record<string, boolean>;
 };`
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV5("p", {
+          }),
+          /* @__PURE__ */ jsx5("p", {
             className: "text-muted-foreground mt-2",
             children: "This allows you to customize feature flags, integration connections, and knowledge sources per tenant without changing the application code."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV5("div", {
+      }),
+      /* @__PURE__ */ jsxs5("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsxDEV5(Link5, {
+          /* @__PURE__ */ jsx5(Link5, {
             href: "/docs/architecture",
             className: "btn-ghost",
             children: "Back to Architecture"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV5(Link5, {
+          }),
+          /* @__PURE__ */ jsxs5(Link5, {
             href: "/docs/libraries/multi-tenancy",
             className: "btn-primary",
             children: [
               "Multi-Tenancy Library ",
-              /* @__PURE__ */ jsxDEV5(ChevronRight5, {
+              /* @__PURE__ */ jsx5(ChevronRight5, {
                 size: 16
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/components/docs/architecture/ArchitectureOverviewPage.tsx
 import Link6 from "@contractspec/lib.ui-link";
 import { ChevronRight as ChevronRight6 } from "lucide-react";
-import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function ArchitectureOverviewPage() {
-  return /* @__PURE__ */ jsxDEV6("div", {
+  return /* @__PURE__ */ jsxs6("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxDEV6("div", {
+      /* @__PURE__ */ jsxs6("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV6("h1", {
+          /* @__PURE__ */ jsx6("h1", {
             className: "text-4xl font-bold",
             children: "Architecture"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV6("p", {
+          }),
+          /* @__PURE__ */ jsx6("p", {
             className: "text-muted-foreground",
             children: "ContractSpec's architecture is built on a foundation of typed specifications served by runtime adapters. This section covers the core architectural concepts: app configuration, integration binding, control-plane governance, and knowledge management."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV6("div", {
+      }),
+      /* @__PURE__ */ jsxs6("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV6("h2", {
+          /* @__PURE__ */ jsx6("h2", {
             className: "text-2xl font-bold",
             children: "Core layers"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV6("div", {
+          }),
+          /* @__PURE__ */ jsxs6("div", {
             className: "space-y-6",
             children: [
-              /* @__PURE__ */ jsxDEV6("div", {
+              /* @__PURE__ */ jsxs6("div", {
                 className: "space-y-3",
                 children: [
-                  /* @__PURE__ */ jsxDEV6("h3", {
+                  /* @__PURE__ */ jsx6("h3", {
                     className: "text-xl font-semibold",
                     children: "1. Specification Layer"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV6("p", {
+                  }),
+                  /* @__PURE__ */ jsx6("p", {
                     className: "text-muted-foreground",
                     children: "The foundation of ContractSpec. Typed specifications define what your application can do:"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV6("ul", {
+                  }),
+                  /* @__PURE__ */ jsxs6("ul", {
                     className: "text-muted-foreground ml-4 list-inside list-disc space-y-2",
                     children: [
-                      /* @__PURE__ */ jsxDEV6("li", {
+                      /* @__PURE__ */ jsxs6("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV6(Link6, {
+                          /* @__PURE__ */ jsx6(Link6, {
                             href: "/docs/specs/capabilities",
                             className: "text-violet-400 hover:text-violet-300",
                             children: "CapabilitySpec"
-                          }, undefined, false, undefined, this),
+                          }),
                           " ",
                           "- Operations and their inputs/outputs"
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV6("li", {
+                      }),
+                      /* @__PURE__ */ jsxs6("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV6(Link6, {
+                          /* @__PURE__ */ jsx6(Link6, {
                             href: "/docs/specs/dataviews",
                             className: "text-violet-400 hover:text-violet-300",
                             children: "DataViewSpec"
-                          }, undefined, false, undefined, this),
+                          }),
                           " ",
                           "- Data queries and presentation"
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV6("li", {
+                      }),
+                      /* @__PURE__ */ jsxs6("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV6(Link6, {
+                          /* @__PURE__ */ jsx6(Link6, {
                             href: "/docs/specs/workflows",
                             className: "text-violet-400 hover:text-violet-300",
                             children: "WorkflowSpec"
-                          }, undefined, false, undefined, this),
+                          }),
                           " ",
                           "- Multi-step processes"
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV6("li", {
+                      }),
+                      /* @__PURE__ */ jsxs6("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV6(Link6, {
+                          /* @__PURE__ */ jsx6(Link6, {
                             href: "/docs/specs/policy",
                             className: "text-violet-400 hover:text-violet-300",
                             children: "PolicySpec"
-                          }, undefined, false, undefined, this),
+                          }),
                           " ",
                           "- Access control and data protection"
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV6("li", {
+                      }),
+                      /* @__PURE__ */ jsxs6("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV6(Link6, {
+                          /* @__PURE__ */ jsx6(Link6, {
                             href: "/docs/integrations/spec-model",
                             className: "text-violet-400 hover:text-violet-300",
                             children: "IntegrationSpec"
-                          }, undefined, false, undefined, this),
+                          }),
                           " ",
                           "- External service providers"
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV6("li", {
+                      }),
+                      /* @__PURE__ */ jsxs6("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV6(Link6, {
+                          /* @__PURE__ */ jsx6(Link6, {
                             href: "/docs/knowledge/spaces",
                             className: "text-violet-400 hover:text-violet-300",
                             children: "KnowledgeSpaceSpec"
-                          }, undefined, false, undefined, this),
+                          }),
                           " ",
                           "- Knowledge and context management"
                         ]
-                      }, undefined, true, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV6("div", {
+              }),
+              /* @__PURE__ */ jsxs6("div", {
                 className: "space-y-3",
                 children: [
-                  /* @__PURE__ */ jsxDEV6("h3", {
+                  /* @__PURE__ */ jsx6("h3", {
                     className: "text-xl font-semibold",
                     children: "2. Configuration Layer"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV6("p", {
+                  }),
+                  /* @__PURE__ */ jsx6("p", {
                     className: "text-muted-foreground",
                     children: "How applications are configured and customized:"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV6("ul", {
+                  }),
+                  /* @__PURE__ */ jsxs6("ul", {
                     className: "text-muted-foreground ml-4 list-inside list-disc space-y-2",
                     children: [
-                      /* @__PURE__ */ jsxDEV6("li", {
+                      /* @__PURE__ */ jsxs6("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV6(Link6, {
+                          /* @__PURE__ */ jsx6(Link6, {
                             href: "/docs/architecture/app-config",
                             className: "text-violet-400 hover:text-violet-300",
                             children: "AppBlueprintSpec"
-                          }, undefined, false, undefined, this),
+                          }),
                           " ",
                           "- Global, versioned app definition"
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV6("li", {
+                      }),
+                      /* @__PURE__ */ jsxs6("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV6(Link6, {
+                          /* @__PURE__ */ jsx6(Link6, {
                             href: "/docs/architecture/app-config",
                             className: "text-violet-400 hover:text-violet-300",
                             children: "TenantAppConfig"
-                          }, undefined, false, undefined, this),
+                          }),
                           " ",
                           "- Per-tenant, per-environment configuration"
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV6("li", {
+                      }),
+                      /* @__PURE__ */ jsxs6("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV6(Link6, {
+                          /* @__PURE__ */ jsx6(Link6, {
                             href: "/docs/architecture/integration-binding",
                             className: "text-violet-400 hover:text-violet-300",
                             children: "AppIntegrationBinding"
-                          }, undefined, false, undefined, this),
+                          }),
                           " ",
                           "- How apps use integrations"
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV6("li", {
+                      }),
+                      /* @__PURE__ */ jsxs6("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV6(Link6, {
+                          /* @__PURE__ */ jsx6(Link6, {
                             href: "/docs/architecture/knowledge-binding",
                             className: "text-violet-400 hover:text-violet-300",
                             children: "AppKnowledgeBinding"
-                          }, undefined, false, undefined, this),
+                          }),
                           " ",
                           "- How apps access knowledge"
                         ]
-                      }, undefined, true, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV6("div", {
+              }),
+              /* @__PURE__ */ jsxs6("div", {
                 className: "space-y-3",
                 children: [
-                  /* @__PURE__ */ jsxDEV6("h3", {
+                  /* @__PURE__ */ jsx6("h3", {
                     className: "text-xl font-semibold",
                     children: "3. Runtime Layer"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV6("p", {
+                  }),
+                  /* @__PURE__ */ jsx6("p", {
                     className: "text-muted-foreground",
                     children: "How specifications are executed at runtime:"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV6("ul", {
+                  }),
+                  /* @__PURE__ */ jsxs6("ul", {
                     className: "text-muted-foreground ml-4 list-inside list-disc space-y-2",
                     children: [
-                      /* @__PURE__ */ jsxDEV6("li", {
+                      /* @__PURE__ */ jsxs6("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV6("strong", {
+                          /* @__PURE__ */ jsx6("strong", {
                             children: "ResolvedAppConfig"
-                          }, undefined, false, undefined, this),
+                          }),
                           " - Merged blueprint + tenant config"
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV6("li", {
+                      }),
+                      /* @__PURE__ */ jsxs6("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV6("strong", {
+                          /* @__PURE__ */ jsx6("strong", {
                             children: "Policy Decision Point (PDP)"
-                          }, undefined, false, undefined, this),
+                          }),
                           " - Enforces policies on every operation"
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV6("li", {
+                      }),
+                      /* @__PURE__ */ jsxs6("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV6(Link6, {
+                          /* @__PURE__ */ jsx6(Link6, {
                             href: "/docs/architecture/control-plane",
                             className: "text-violet-400 hover:text-violet-300",
                             children: "Control Plane Runtime"
-                          }, undefined, false, undefined, this),
+                          }),
                           " ",
                           "- Deterministic intent to plan to policy to execution loop"
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV6("li", {
+                      }),
+                      /* @__PURE__ */ jsxs6("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV6("strong", {
+                          /* @__PURE__ */ jsx6("strong", {
                             children: "Presentation Runtime"
-                          }, undefined, false, undefined, this),
+                          }),
                           " - React and React Native renderers"
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV6("li", {
+                      }),
+                      /* @__PURE__ */ jsxs6("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV6("strong", {
+                          /* @__PURE__ */ jsx6("strong", {
                             children: "Integration Connectors"
-                          }, undefined, false, undefined, this),
+                          }),
                           " - Execute external API calls"
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV6("li", {
+                      }),
+                      /* @__PURE__ */ jsxs6("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV6("strong", {
+                          /* @__PURE__ */ jsx6("strong", {
                             children: "Knowledge Retrieval"
-                          }, undefined, false, undefined, this),
+                          }),
                           " - Query vector databases and knowledge sources"
                         ]
-                      }, undefined, true, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV6("div", {
+      }),
+      /* @__PURE__ */ jsxs6("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV6("h2", {
+          /* @__PURE__ */ jsx6("h2", {
             className: "text-2xl font-bold",
             children: "Configuration model"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV6("p", {
+          }),
+          /* @__PURE__ */ jsx6("p", {
             className: "text-muted-foreground",
             children: "ContractSpec uses a three-tier configuration model:"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV6("div", {
+          }),
+          /* @__PURE__ */ jsx6("div", {
             className: "border-border/50 overflow-x-auto rounded-lg border",
-            children: /* @__PURE__ */ jsxDEV6("table", {
+            children: /* @__PURE__ */ jsxs6("table", {
               className: "w-full text-left text-sm",
               children: [
-                /* @__PURE__ */ jsxDEV6("thead", {
+                /* @__PURE__ */ jsx6("thead", {
                   className: "bg-card/50",
-                  children: /* @__PURE__ */ jsxDEV6("tr", {
+                  children: /* @__PURE__ */ jsxs6("tr", {
                     className: "border-border/50 border-b",
                     children: [
-                      /* @__PURE__ */ jsxDEV6("th", {
+                      /* @__PURE__ */ jsx6("th", {
                         className: "px-4 py-3 font-semibold",
                         children: "Layer"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV6("th", {
+                      }),
+                      /* @__PURE__ */ jsx6("th", {
                         className: "px-4 py-3 font-semibold",
                         children: "Type"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV6("th", {
+                      }),
+                      /* @__PURE__ */ jsx6("th", {
                         className: "px-4 py-3 font-semibold",
                         children: "Scope"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV6("th", {
+                      }),
+                      /* @__PURE__ */ jsx6("th", {
                         className: "px-4 py-3 font-semibold",
                         children: "Storage"
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this)
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV6("tbody", {
+                  })
+                }),
+                /* @__PURE__ */ jsxs6("tbody", {
                   className: "divide-border/50 divide-y",
                   children: [
-                    /* @__PURE__ */ jsxDEV6("tr", {
+                    /* @__PURE__ */ jsxs6("tr", {
                       children: [
-                        /* @__PURE__ */ jsxDEV6("td", {
+                        /* @__PURE__ */ jsx6("td", {
                           className: "px-4 py-3 align-top",
-                          children: /* @__PURE__ */ jsxDEV6("strong", {
+                          children: /* @__PURE__ */ jsx6("strong", {
                             children: "Blueprint"
-                          }, undefined, false, undefined, this)
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV6("td", {
+                          })
+                        }),
+                        /* @__PURE__ */ jsx6("td", {
                           className: "px-4 py-3 align-top font-mono text-xs",
                           children: "AppBlueprintSpec"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV6("td", {
+                        }),
+                        /* @__PURE__ */ jsx6("td", {
                           className: "px-4 py-3 align-top",
                           children: "Global, versioned, no tenant info"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV6("td", {
+                        }),
+                        /* @__PURE__ */ jsx6("td", {
                           className: "px-4 py-3 align-top",
                           children: "Version control, immutable"
-                        }, undefined, false, undefined, this)
+                        })
                       ]
-                    }, undefined, true, undefined, this),
-                    /* @__PURE__ */ jsxDEV6("tr", {
+                    }),
+                    /* @__PURE__ */ jsxs6("tr", {
                       children: [
-                        /* @__PURE__ */ jsxDEV6("td", {
+                        /* @__PURE__ */ jsx6("td", {
                           className: "px-4 py-3 align-top",
-                          children: /* @__PURE__ */ jsxDEV6("strong", {
+                          children: /* @__PURE__ */ jsx6("strong", {
                             children: "Tenant Config"
-                          }, undefined, false, undefined, this)
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV6("td", {
+                          })
+                        }),
+                        /* @__PURE__ */ jsx6("td", {
                           className: "px-4 py-3 align-top font-mono text-xs",
                           children: "TenantAppConfig"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV6("td", {
+                        }),
+                        /* @__PURE__ */ jsx6("td", {
                           className: "px-4 py-3 align-top",
                           children: "Per-tenant, per-environment"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV6("td", {
+                        }),
+                        /* @__PURE__ */ jsx6("td", {
                           className: "px-4 py-3 align-top",
                           children: "Database, mutable"
-                        }, undefined, false, undefined, this)
+                        })
                       ]
-                    }, undefined, true, undefined, this),
-                    /* @__PURE__ */ jsxDEV6("tr", {
+                    }),
+                    /* @__PURE__ */ jsxs6("tr", {
                       children: [
-                        /* @__PURE__ */ jsxDEV6("td", {
+                        /* @__PURE__ */ jsx6("td", {
                           className: "px-4 py-3 align-top",
-                          children: /* @__PURE__ */ jsxDEV6("strong", {
+                          children: /* @__PURE__ */ jsx6("strong", {
                             children: "Resolved Config"
-                          }, undefined, false, undefined, this)
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV6("td", {
+                          })
+                        }),
+                        /* @__PURE__ */ jsx6("td", {
                           className: "px-4 py-3 align-top font-mono text-xs",
                           children: "ResolvedAppConfig"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV6("td", {
+                        }),
+                        /* @__PURE__ */ jsx6("td", {
                           className: "px-4 py-3 align-top",
                           children: "Runtime, ephemeral"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV6("td", {
+                        }),
+                        /* @__PURE__ */ jsx6("td", {
                           className: "px-4 py-3 align-top",
                           children: "In-memory, not persisted"
-                        }, 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__ */ jsxDEV6("div", {
+      }),
+      /* @__PURE__ */ jsxs6("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV6("h2", {
+          /* @__PURE__ */ jsx6("h2", {
             className: "text-2xl font-bold",
             children: "Key architectural principles"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV6("ul", {
+          }),
+          /* @__PURE__ */ jsxs6("ul", {
             className: "text-muted-foreground list-inside list-disc space-y-2",
             children: [
-              /* @__PURE__ */ jsxDEV6("li", {
+              /* @__PURE__ */ jsxs6("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV6("strong", {
+                  /* @__PURE__ */ jsx6("strong", {
                     children: "Spec-first"
-                  }, undefined, false, undefined, this),
+                  }),
                   " - Everything is defined declaratively before code generation"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV6("li", {
+              }),
+              /* @__PURE__ */ jsxs6("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV6("strong", {
+                  /* @__PURE__ */ jsx6("strong", {
                     children: "Type-safe"
-                  }, undefined, false, undefined, this),
+                  }),
                   " - All specifications are strongly typed and validated at compile time"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV6("li", {
+              }),
+              /* @__PURE__ */ jsxs6("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV6("strong", {
+                  /* @__PURE__ */ jsx6("strong", {
                     children: "Policy-enforced"
-                  }, undefined, false, undefined, this),
+                  }),
                   " - Every operation passes through the PDP"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV6("li", {
+              }),
+              /* @__PURE__ */ jsxs6("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV6("strong", {
+                  /* @__PURE__ */ jsx6("strong", {
                     children: "Multi-tenant by default"
-                  }, undefined, false, undefined, this),
+                  }),
                   " - Tenant isolation is built-in, not bolted on"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV6("li", {
+              }),
+              /* @__PURE__ */ jsxs6("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV6("strong", {
+                  /* @__PURE__ */ jsx6("strong", {
                     children: "Environment-aware"
-                  }, undefined, false, undefined, this),
+                  }),
                   " - Separate configurations for sandbox, staging, production"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV6("li", {
+              }),
+              /* @__PURE__ */ jsxs6("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV6("strong", {
+                  /* @__PURE__ */ jsx6("strong", {
                     children: "Auditable"
-                  }, undefined, false, undefined, this),
+                  }),
                   " - All operations are logged for compliance and debugging"
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV6("div", {
+      }),
+      /* @__PURE__ */ jsxs6("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsxDEV6(Link6, {
+          /* @__PURE__ */ jsxs6(Link6, {
             href: "/docs/architecture/app-config",
             className: "btn-primary",
             children: [
               "App Configuration ",
-              /* @__PURE__ */ jsxDEV6(ChevronRight6, {
+              /* @__PURE__ */ jsx6(ChevronRight6, {
                 size: 16
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV6(Link6, {
+          }),
+          /* @__PURE__ */ jsx6(Link6, {
             href: "/docs/architecture/control-plane",
             className: "btn-ghost",
             children: "Control Plane Runtime"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV6(Link6, {
+          }),
+          /* @__PURE__ */ jsx6(Link6, {
             href: "/docs/integrations",
             className: "btn-ghost",
             children: "Integrations"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV6(Link6, {
+          }),
+          /* @__PURE__ */ jsx6(Link6, {
             href: "/docs/knowledge",
             className: "btn-ghost",
             children: "Knowledge & Context"
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 export {
   ArchitectureOverviewPage,