@contractspec/bundle.library 3.7.6 → 3.7.7

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

@@ -11,7 +11,7 @@ function ArchitectureAppConfigPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "App Configuration"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -24,7 +24,7 @@ function ArchitectureAppConfigPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "AppBlueprintSpec"
           }),
           /* @__PURE__ */ jsxs("p", {
@@ -84,7 +84,7 @@ function ArchitectureAppConfigPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "TenantAppConfig"
           }),
           /* @__PURE__ */ jsxs("p", {
@@ -138,7 +138,7 @@ function ArchitectureAppConfigPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "AppIntegrationBinding"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -175,7 +175,7 @@ function ArchitectureAppConfigPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "AppKnowledgeBinding"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -222,7 +222,7 @@ function ArchitectureAppConfigPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "ResolvedAppConfig"
           }),
           /* @__PURE__ */ jsxs("p", {
@@ -272,7 +272,7 @@ function ArchitectureAppConfigPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Configuration flow"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -280,7 +280,7 @@ function ArchitectureAppConfigPage() {
             children: "Here's how configuration flows from definition to runtime:"
           }),
           /* @__PURE__ */ jsxs("ol", {
-            className: "text-muted-foreground list-inside list-decimal space-y-3",
+            className: "list-inside list-decimal space-y-3 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsxs("li", {
                 children: [
@@ -330,11 +330,11 @@ function ArchitectureAppConfigPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Best practices"
           }),
           /* @__PURE__ */ jsxs("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
+            className: "list-inside list-disc space-y-2 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsx("li", {
                 children: "Keep AppBlueprintSpec environment-agnostic - no secrets or tenant-specific data"
@@ -392,7 +392,7 @@ function ArchitectureControlPlanePage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx2("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Control Plane Runtime"
           }),
           /* @__PURE__ */ jsx2("p", {
@@ -405,11 +405,11 @@ function ArchitectureControlPlanePage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx2("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Canonical execution loop"
           }),
           /* @__PURE__ */ jsxs2("ol", {
-            className: "text-muted-foreground list-inside list-decimal space-y-2",
+            className: "list-inside list-decimal space-y-2 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsx2("li", {
                 children: "Accept intent and create execution identity + trace context."
@@ -437,7 +437,7 @@ function ArchitectureControlPlanePage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx2("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Contract surfaces (v1 baseline)"
           }),
           /* @__PURE__ */ jsxs2("p", {
@@ -496,11 +496,11 @@ Capabilities
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx2("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Policy and safety posture"
           }),
           /* @__PURE__ */ jsxs2("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
+            className: "list-inside list-disc space-y-2 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsx2("li", {
                 children: "No side-effect action executes unless it comes from a compiled plan."
@@ -525,7 +525,7 @@ Capabilities
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx2("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Implementation map"
           }),
           /* @__PURE__ */ jsx2(CodeBlock2, {
@@ -547,7 +547,7 @@ implementation_plan_controle_plane.md`
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx2("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "What comes next"
           }),
           /* @__PURE__ */ jsx2("p", {
@@ -593,7 +593,7 @@ function ArchitectureIntegrationBindingPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx3("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Integration Binding"
           }),
           /* @__PURE__ */ jsx3("p", {
@@ -606,7 +606,7 @@ function ArchitectureIntegrationBindingPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx3("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "How it works"
           }),
           /* @__PURE__ */ jsx3("p", {
@@ -614,7 +614,7 @@ function ArchitectureIntegrationBindingPage() {
             children: "Integration binding follows a three-layer model:"
           }),
           /* @__PURE__ */ jsxs3("ol", {
-            className: "text-muted-foreground list-inside list-decimal space-y-3",
+            className: "list-inside list-decimal space-y-3 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsxs3("li", {
                 children: [
@@ -648,7 +648,7 @@ function ArchitectureIntegrationBindingPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx3("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Example: Payment processing"
           }),
           /* @__PURE__ */ jsx3("p", {
@@ -659,7 +659,7 @@ function ArchitectureIntegrationBindingPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx3("h3", {
-                className: "text-lg font-semibold",
+                className: "font-semibold text-lg",
                 children: "Step 1: Blueprint declares requirement"
               }),
               /* @__PURE__ */ jsx3(CodeBlock3, {
@@ -696,7 +696,7 @@ function ArchitectureIntegrationBindingPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx3("h3", {
-                className: "text-lg font-semibold",
+                className: "font-semibold text-lg",
                 children: "Step 2: Tenant creates connection"
               }),
               /* @__PURE__ */ jsx3(CodeBlock3, {
@@ -729,7 +729,7 @@ function ArchitectureIntegrationBindingPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx3("h3", {
-                className: "text-lg font-semibold",
+                className: "font-semibold text-lg",
                 children: "Step 3: TenantAppConfig binds connection"
               }),
               /* @__PURE__ */ jsx3(CodeBlock3, {
@@ -768,7 +768,7 @@ function ArchitectureIntegrationBindingPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx3("h3", {
-                className: "text-lg font-semibold",
+                className: "font-semibold text-lg",
                 children: "Step 4: Runtime resolves and executes"
               }),
               /* @__PURE__ */ jsx3(CodeBlock3, {
@@ -800,7 +800,7 @@ const result = await executeCapability(
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx3("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Multi-integration scenarios"
           }),
           /* @__PURE__ */ jsx3("p", {
@@ -843,7 +843,7 @@ const result = await executeCapability(
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx3("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Sandbox vs Production"
           }),
           /* @__PURE__ */ jsx3("p", {
@@ -880,11 +880,11 @@ const result = await executeCapability(
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx3("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Security & validation"
           }),
           /* @__PURE__ */ jsxs3("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
+            className: "list-inside list-disc space-y-2 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsx3("li", {
                 children: "Integration connections are validated before binding - health checks ensure connectivity"
@@ -909,11 +909,11 @@ const result = await executeCapability(
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx3("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Best practices"
           }),
           /* @__PURE__ */ jsxs3("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
+            className: "list-inside list-disc space-y-2 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsxs3("li", {
                 children: [
@@ -977,7 +977,7 @@ function ArchitectureKnowledgeBindingPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx4("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Knowledge Binding"
           }),
           /* @__PURE__ */ jsx4("p", {
@@ -990,7 +990,7 @@ function ArchitectureKnowledgeBindingPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx4("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "How it works"
           }),
           /* @__PURE__ */ jsx4("p", {
@@ -998,7 +998,7 @@ function ArchitectureKnowledgeBindingPage() {
             children: "Knowledge binding follows a three-layer model:"
           }),
           /* @__PURE__ */ jsxs4("ol", {
-            className: "text-muted-foreground list-inside list-decimal space-y-3",
+            className: "list-inside list-decimal space-y-3 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsxs4("li", {
                 children: [
@@ -1032,7 +1032,7 @@ function ArchitectureKnowledgeBindingPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx4("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Example: Support agent with RAG"
           }),
           /* @__PURE__ */ jsx4("p", {
@@ -1043,7 +1043,7 @@ function ArchitectureKnowledgeBindingPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx4("h3", {
-                className: "text-lg font-semibold",
+                className: "font-semibold text-lg",
                 children: "Step 1: Blueprint declares knowledge needs"
               }),
               /* @__PURE__ */ jsx4(CodeBlock4, {
@@ -1080,7 +1080,7 @@ function ArchitectureKnowledgeBindingPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx4("h3", {
-                className: "text-lg font-semibold",
+                className: "font-semibold text-lg",
                 children: "Step 2: Tenant configures sources"
               }),
               /* @__PURE__ */ jsx4(CodeBlock4, {
@@ -1122,7 +1122,7 @@ function ArchitectureKnowledgeBindingPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx4("h3", {
-                className: "text-lg font-semibold",
+                className: "font-semibold text-lg",
                 children: "Step 3: TenantAppConfig binds spaces"
               }),
               /* @__PURE__ */ jsx4(CodeBlock4, {
@@ -1171,7 +1171,7 @@ function ArchitectureKnowledgeBindingPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx4("h3", {
-                className: "text-lg font-semibold",
+                className: "font-semibold text-lg",
                 children: "Step 4: Workflow uses knowledge"
               }),
               /* @__PURE__ */ jsx4(CodeBlock4, {
@@ -1228,7 +1228,7 @@ steps:
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx4("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Category-based access control"
           }),
           /* @__PURE__ */ jsx4("p", {
@@ -1236,7 +1236,7 @@ steps:
             children: "Different knowledge categories have different trust levels and access patterns:"
           }),
           /* @__PURE__ */ jsx4("div", {
-            className: "border-border/50 overflow-x-auto rounded-lg border",
+            className: "overflow-x-auto rounded-lg border border-border/50",
             children: /* @__PURE__ */ jsxs4("table", {
               className: "w-full text-left text-sm",
               children: [
@@ -1265,7 +1265,7 @@ steps:
                   })
                 }),
                 /* @__PURE__ */ jsxs4("tbody", {
-                  className: "divide-border/50 divide-y",
+                  className: "divide-y divide-border/50",
                   children: [
                     /* @__PURE__ */ jsxs4("tr", {
                       children: [
@@ -1358,7 +1358,7 @@ steps:
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx4("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Multi-space workflows"
           }),
           /* @__PURE__ */ jsx4("p", {
@@ -1403,11 +1403,11 @@ steps:
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx4("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Security & validation"
           }),
           /* @__PURE__ */ jsxs4("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
+            className: "list-inside list-disc space-y-2 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsx4("li", {
                 children: "Knowledge sources are validated before sync - credentials and permissions checked"
@@ -1432,11 +1432,11 @@ steps:
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx4("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Best practices"
           }),
           /* @__PURE__ */ jsxs4("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
+            className: "list-inside list-disc space-y-2 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsx4("li", {
                 children: "Use canonical spaces for policy-critical decisions, operational for suggestions"
@@ -1503,7 +1503,7 @@ function ArchitectureMultiTenancyPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx5("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Multi-Tenancy"
           }),
           /* @__PURE__ */ jsx5("p", {
@@ -1516,11 +1516,11 @@ function ArchitectureMultiTenancyPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx5("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Core Concepts"
           }),
           /* @__PURE__ */ jsxs5("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
+            className: "list-inside list-disc space-y-2 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsxs5("li", {
                 children: [
@@ -1558,7 +1558,7 @@ function ArchitectureMultiTenancyPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx5("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Tenant Resolution"
           }),
           /* @__PURE__ */ jsx5("p", {
@@ -1566,7 +1566,7 @@ function ArchitectureMultiTenancyPage() {
             children: "The runtime automatically resolves the tenant context for every request based on:"
           }),
           /* @__PURE__ */ jsxs5("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
+            className: "list-inside list-disc space-y-2 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsxs5("li", {
                 children: [
@@ -1606,7 +1606,7 @@ function ArchitectureMultiTenancyPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx5("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Configuration Isolation"
           }),
           /* @__PURE__ */ jsxs5("p", {
@@ -1631,7 +1631,7 @@ function ArchitectureMultiTenancyPage() {
 };`
           }),
           /* @__PURE__ */ jsx5("p", {
-            className: "text-muted-foreground mt-2",
+            className: "mt-2 text-muted-foreground",
             children: "This allows you to customize feature flags, integration connections, and knowledge sources per tenant without changing the application code."
           })
         ]
@@ -1662,461 +1662,140 @@ function ArchitectureMultiTenancyPage() {
 
 // src/components/docs/architecture/ArchitectureOverviewPage.tsx
 import Link6 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight6 } from "lucide-react";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var layers = [
+  {
+    title: "Contracts and schemas",
+    body: "Explicit specs define the durable boundary for behavior, data, and governance."
+  },
+  {
+    title: "Bindings and configuration",
+    body: "Apps, tenants, integrations, and knowledge sources are wired through explicit configuration instead of hidden glue."
+  },
+  {
+    title: "Runtimes and generators",
+    body: "Serve or generate aligned surfaces for API, UI, workflows, docs, and agent-facing interfaces."
+  },
+  {
+    title: "Operate and observe",
+    body: "Carry auditability, policy, tracing, migrations, and tenant isolation through the same model."
+  }
+];
 function ArchitectureOverviewPage() {
   return /* @__PURE__ */ jsxs6("div", {
-    className: "space-y-8",
+    className: "space-y-10",
     children: [
       /* @__PURE__ */ jsxs6("div", {
-        className: "space-y-4",
+        className: "space-y-3",
         children: [
+          /* @__PURE__ */ jsx6("p", {
+            className: "editorial-kicker",
+            children: "Build"
+          }),
           /* @__PURE__ */ jsx6("h1", {
-            className: "text-4xl font-bold",
-            children: "Architecture"
+            className: "font-serif text-4xl tracking-[-0.04em] md:text-5xl",
+            children: "The architecture keeps contracts, runtime behavior, and operations in the same system."
           }),
           /* @__PURE__ */ jsx6("p", {
-            className: "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."
+            className: "max-w-3xl text-lg text-muted-foreground leading-8",
+            children: "ContractSpec is not a single runtime. It is a layered system that lets you define explicit boundaries, bind real-world configuration, and then serve or generate aligned surfaces without losing control of the output."
           })
         ]
       }),
-      /* @__PURE__ */ jsxs6("div", {
-        className: "space-y-4",
+      /* @__PURE__ */ jsx6("div", {
+        className: "grid gap-4 md:grid-cols-2",
+        children: layers.map((layer) => /* @__PURE__ */ jsxs6("article", {
+          className: "editorial-panel space-y-3",
+          children: [
+            /* @__PURE__ */ jsx6("h2", {
+              className: "font-semibold text-xl",
+              children: layer.title
+            }),
+            /* @__PURE__ */ jsx6("p", {
+              className: "text-muted-foreground text-sm leading-7",
+              children: layer.body
+            })
+          ]
+        }, layer.title))
+      }),
+      /* @__PURE__ */ jsxs6("section", {
+        className: "editorial-panel space-y-5",
         children: [
-          /* @__PURE__ */ jsx6("h2", {
-            className: "text-2xl font-bold",
-            children: "Core layers"
+          /* @__PURE__ */ jsxs6("div", {
+            className: "space-y-2",
+            children: [
+              /* @__PURE__ */ jsx6("h2", {
+                className: "font-serif text-3xl tracking-[-0.03em]",
+                children: "Follow the architecture by responsibility"
+              }),
+              /* @__PURE__ */ jsx6("p", {
+                className: "text-muted-foreground text-sm leading-7",
+                children: "Use the architecture pages when you need to understand how the pieces snap together in a real deployment."
+              })
+            ]
           }),
           /* @__PURE__ */ jsxs6("div", {
-            className: "space-y-6",
+            className: "grid gap-4 md:grid-cols-2",
             children: [
-              /* @__PURE__ */ jsxs6("div", {
-                className: "space-y-3",
+              /* @__PURE__ */ jsxs6(Link6, {
+                href: "/docs/architecture/app-config",
+                className: "docs-footer-link",
                 children: [
                   /* @__PURE__ */ jsx6("h3", {
-                    className: "text-xl font-semibold",
-                    children: "1. Specification Layer"
+                    className: "font-semibold text-lg",
+                    children: "App configuration"
                   }),
                   /* @__PURE__ */ jsx6("p", {
-                    className: "text-muted-foreground",
-                    children: "The foundation of ContractSpec. Typed specifications define what your application can do:"
-                  }),
-                  /* @__PURE__ */ jsxs6("ul", {
-                    className: "text-muted-foreground ml-4 list-inside list-disc space-y-2",
-                    children: [
-                      /* @__PURE__ */ jsxs6("li", {
-                        children: [
-                          /* @__PURE__ */ jsx6(Link6, {
-                            href: "/docs/specs/capabilities",
-                            className: "text-violet-400 hover:text-violet-300",
-                            children: "CapabilitySpec"
-                          }),
-                          " ",
-                          "- Operations and their inputs/outputs"
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxs6("li", {
-                        children: [
-                          /* @__PURE__ */ jsx6(Link6, {
-                            href: "/docs/specs/dataviews",
-                            className: "text-violet-400 hover:text-violet-300",
-                            children: "DataViewSpec"
-                          }),
-                          " ",
-                          "- Data queries and presentation"
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxs6("li", {
-                        children: [
-                          /* @__PURE__ */ jsx6(Link6, {
-                            href: "/docs/specs/workflows",
-                            className: "text-violet-400 hover:text-violet-300",
-                            children: "WorkflowSpec"
-                          }),
-                          " ",
-                          "- Multi-step processes"
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxs6("li", {
-                        children: [
-                          /* @__PURE__ */ jsx6(Link6, {
-                            href: "/docs/specs/policy",
-                            className: "text-violet-400 hover:text-violet-300",
-                            children: "PolicySpec"
-                          }),
-                          " ",
-                          "- Access control and data protection"
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxs6("li", {
-                        children: [
-                          /* @__PURE__ */ jsx6(Link6, {
-                            href: "/docs/integrations/spec-model",
-                            className: "text-violet-400 hover:text-violet-300",
-                            children: "IntegrationSpec"
-                          }),
-                          " ",
-                          "- External service providers"
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxs6("li", {
-                        children: [
-                          /* @__PURE__ */ jsx6(Link6, {
-                            href: "/docs/knowledge/spaces",
-                            className: "text-violet-400 hover:text-violet-300",
-                            children: "KnowledgeSpaceSpec"
-                          }),
-                          " ",
-                          "- Knowledge and context management"
-                        ]
-                      })
-                    ]
+                    className: "text-muted-foreground text-sm leading-7",
+                    children: "How blueprint-level and tenant-level config stay explicit and merge safely."
                   })
                 ]
               }),
-              /* @__PURE__ */ jsxs6("div", {
-                className: "space-y-3",
+              /* @__PURE__ */ jsxs6(Link6, {
+                href: "/docs/architecture/integration-binding",
+                className: "docs-footer-link",
                 children: [
                   /* @__PURE__ */ jsx6("h3", {
-                    className: "text-xl font-semibold",
-                    children: "2. Configuration Layer"
+                    className: "font-semibold text-lg",
+                    children: "Integration binding"
                   }),
                   /* @__PURE__ */ jsx6("p", {
-                    className: "text-muted-foreground",
-                    children: "How applications are configured and customized:"
-                  }),
-                  /* @__PURE__ */ jsxs6("ul", {
-                    className: "text-muted-foreground ml-4 list-inside list-disc space-y-2",
-                    children: [
-                      /* @__PURE__ */ jsxs6("li", {
-                        children: [
-                          /* @__PURE__ */ jsx6(Link6, {
-                            href: "/docs/architecture/app-config",
-                            className: "text-violet-400 hover:text-violet-300",
-                            children: "AppBlueprintSpec"
-                          }),
-                          " ",
-                          "- Global, versioned app definition"
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxs6("li", {
-                        children: [
-                          /* @__PURE__ */ jsx6(Link6, {
-                            href: "/docs/architecture/app-config",
-                            className: "text-violet-400 hover:text-violet-300",
-                            children: "TenantAppConfig"
-                          }),
-                          " ",
-                          "- Per-tenant, per-environment configuration"
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxs6("li", {
-                        children: [
-                          /* @__PURE__ */ jsx6(Link6, {
-                            href: "/docs/architecture/integration-binding",
-                            className: "text-violet-400 hover:text-violet-300",
-                            children: "AppIntegrationBinding"
-                          }),
-                          " ",
-                          "- How apps use integrations"
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxs6("li", {
-                        children: [
-                          /* @__PURE__ */ jsx6(Link6, {
-                            href: "/docs/architecture/knowledge-binding",
-                            className: "text-violet-400 hover:text-violet-300",
-                            children: "AppKnowledgeBinding"
-                          }),
-                          " ",
-                          "- How apps access knowledge"
-                        ]
-                      })
-                    ]
+                    className: "text-muted-foreground text-sm leading-7",
+                    children: "How apps connect to tenant-owned integrations without leaking provider logic everywhere."
                   })
                 ]
               }),
-              /* @__PURE__ */ jsxs6("div", {
-                className: "space-y-3",
+              /* @__PURE__ */ jsxs6(Link6, {
+                href: "/docs/architecture/knowledge-binding",
+                className: "docs-footer-link",
                 children: [
                   /* @__PURE__ */ jsx6("h3", {
-                    className: "text-xl font-semibold",
-                    children: "3. Runtime Layer"
+                    className: "font-semibold text-lg",
+                    children: "Knowledge binding"
                   }),
                   /* @__PURE__ */ jsx6("p", {
-                    className: "text-muted-foreground",
-                    children: "How specifications are executed at runtime:"
-                  }),
-                  /* @__PURE__ */ jsxs6("ul", {
-                    className: "text-muted-foreground ml-4 list-inside list-disc space-y-2",
-                    children: [
-                      /* @__PURE__ */ jsxs6("li", {
-                        children: [
-                          /* @__PURE__ */ jsx6("strong", {
-                            children: "ResolvedAppConfig"
-                          }),
-                          " - Merged blueprint + tenant config"
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxs6("li", {
-                        children: [
-                          /* @__PURE__ */ jsx6("strong", {
-                            children: "Policy Decision Point (PDP)"
-                          }),
-                          " - Enforces policies on every operation"
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxs6("li", {
-                        children: [
-                          /* @__PURE__ */ jsx6(Link6, {
-                            href: "/docs/architecture/control-plane",
-                            className: "text-violet-400 hover:text-violet-300",
-                            children: "Control Plane Runtime"
-                          }),
-                          " ",
-                          "- Deterministic intent to plan to policy to execution loop"
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxs6("li", {
-                        children: [
-                          /* @__PURE__ */ jsx6("strong", {
-                            children: "Presentation Runtime"
-                          }),
-                          " - React and React Native renderers"
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxs6("li", {
-                        children: [
-                          /* @__PURE__ */ jsx6("strong", {
-                            children: "Integration Connectors"
-                          }),
-                          " - Execute external API calls"
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxs6("li", {
-                        children: [
-                          /* @__PURE__ */ jsx6("strong", {
-                            children: "Knowledge Retrieval"
-                          }),
-                          " - Query vector databases and knowledge sources"
-                        ]
-                      })
-                    ]
+                    className: "text-muted-foreground text-sm leading-7",
+                    children: "How trusted knowledge enters the system and stays isolated by context and tenant."
                   })
                 ]
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs6("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx6("h2", {
-            className: "text-2xl font-bold",
-            children: "Configuration model"
-          }),
-          /* @__PURE__ */ jsx6("p", {
-            className: "text-muted-foreground",
-            children: "ContractSpec uses a three-tier configuration model:"
-          }),
-          /* @__PURE__ */ jsx6("div", {
-            className: "border-border/50 overflow-x-auto rounded-lg border",
-            children: /* @__PURE__ */ jsxs6("table", {
-              className: "w-full text-left text-sm",
-              children: [
-                /* @__PURE__ */ jsx6("thead", {
-                  className: "bg-card/50",
-                  children: /* @__PURE__ */ jsxs6("tr", {
-                    className: "border-border/50 border-b",
-                    children: [
-                      /* @__PURE__ */ jsx6("th", {
-                        className: "px-4 py-3 font-semibold",
-                        children: "Layer"
-                      }),
-                      /* @__PURE__ */ jsx6("th", {
-                        className: "px-4 py-3 font-semibold",
-                        children: "Type"
-                      }),
-                      /* @__PURE__ */ jsx6("th", {
-                        className: "px-4 py-3 font-semibold",
-                        children: "Scope"
-                      }),
-                      /* @__PURE__ */ jsx6("th", {
-                        className: "px-4 py-3 font-semibold",
-                        children: "Storage"
-                      })
-                    ]
-                  })
-                }),
-                /* @__PURE__ */ jsxs6("tbody", {
-                  className: "divide-border/50 divide-y",
-                  children: [
-                    /* @__PURE__ */ jsxs6("tr", {
-                      children: [
-                        /* @__PURE__ */ jsx6("td", {
-                          className: "px-4 py-3 align-top",
-                          children: /* @__PURE__ */ jsx6("strong", {
-                            children: "Blueprint"
-                          })
-                        }),
-                        /* @__PURE__ */ jsx6("td", {
-                          className: "px-4 py-3 align-top font-mono text-xs",
-                          children: "AppBlueprintSpec"
-                        }),
-                        /* @__PURE__ */ jsx6("td", {
-                          className: "px-4 py-3 align-top",
-                          children: "Global, versioned, no tenant info"
-                        }),
-                        /* @__PURE__ */ jsx6("td", {
-                          className: "px-4 py-3 align-top",
-                          children: "Version control, immutable"
-                        })
-                      ]
-                    }),
-                    /* @__PURE__ */ jsxs6("tr", {
-                      children: [
-                        /* @__PURE__ */ jsx6("td", {
-                          className: "px-4 py-3 align-top",
-                          children: /* @__PURE__ */ jsx6("strong", {
-                            children: "Tenant Config"
-                          })
-                        }),
-                        /* @__PURE__ */ jsx6("td", {
-                          className: "px-4 py-3 align-top font-mono text-xs",
-                          children: "TenantAppConfig"
-                        }),
-                        /* @__PURE__ */ jsx6("td", {
-                          className: "px-4 py-3 align-top",
-                          children: "Per-tenant, per-environment"
-                        }),
-                        /* @__PURE__ */ jsx6("td", {
-                          className: "px-4 py-3 align-top",
-                          children: "Database, mutable"
-                        })
-                      ]
-                    }),
-                    /* @__PURE__ */ jsxs6("tr", {
-                      children: [
-                        /* @__PURE__ */ jsx6("td", {
-                          className: "px-4 py-3 align-top",
-                          children: /* @__PURE__ */ jsx6("strong", {
-                            children: "Resolved Config"
-                          })
-                        }),
-                        /* @__PURE__ */ jsx6("td", {
-                          className: "px-4 py-3 align-top font-mono text-xs",
-                          children: "ResolvedAppConfig"
-                        }),
-                        /* @__PURE__ */ jsx6("td", {
-                          className: "px-4 py-3 align-top",
-                          children: "Runtime, ephemeral"
-                        }),
-                        /* @__PURE__ */ jsx6("td", {
-                          className: "px-4 py-3 align-top",
-                          children: "In-memory, not persisted"
-                        })
-                      ]
-                    })
-                  ]
-                })
-              ]
-            })
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs6("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx6("h2", {
-            className: "text-2xl font-bold",
-            children: "Key architectural principles"
-          }),
-          /* @__PURE__ */ jsxs6("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
-            children: [
-              /* @__PURE__ */ jsxs6("li", {
-                children: [
-                  /* @__PURE__ */ jsx6("strong", {
-                    children: "Spec-first"
-                  }),
-                  " - Everything is defined declaratively before code generation"
-                ]
               }),
-              /* @__PURE__ */ jsxs6("li", {
+              /* @__PURE__ */ jsxs6(Link6, {
+                href: "/docs/architecture/control-plane",
+                className: "docs-footer-link",
                 children: [
-                  /* @__PURE__ */ jsx6("strong", {
-                    children: "Type-safe"
-                  }),
-                  " - All specifications are strongly typed and validated at compile time"
-                ]
-              }),
-              /* @__PURE__ */ jsxs6("li", {
-                children: [
-                  /* @__PURE__ */ jsx6("strong", {
-                    children: "Policy-enforced"
-                  }),
-                  " - Every operation passes through the PDP"
-                ]
-              }),
-              /* @__PURE__ */ jsxs6("li", {
-                children: [
-                  /* @__PURE__ */ jsx6("strong", {
-                    children: "Multi-tenant by default"
-                  }),
-                  " - Tenant isolation is built-in, not bolted on"
-                ]
-              }),
-              /* @__PURE__ */ jsxs6("li", {
-                children: [
-                  /* @__PURE__ */ jsx6("strong", {
-                    children: "Environment-aware"
-                  }),
-                  " - Separate configurations for sandbox, staging, production"
-                ]
-              }),
-              /* @__PURE__ */ jsxs6("li", {
-                children: [
-                  /* @__PURE__ */ jsx6("strong", {
-                    children: "Auditable"
+                  /* @__PURE__ */ jsx6("h3", {
+                    className: "font-semibold text-lg",
+                    children: "Control plane runtime"
                   }),
-                  " - All operations are logged for compliance and debugging"
+                  /* @__PURE__ */ jsx6("p", {
+                    className: "text-muted-foreground text-sm leading-7",
+                    children: "How intent, policy, planning, and execution flow through the system runtime."
+                  })
                 ]
               })
             ]
           })
         ]
-      }),
-      /* @__PURE__ */ jsxs6("div", {
-        className: "flex items-center gap-4 pt-4",
-        children: [
-          /* @__PURE__ */ jsxs6(Link6, {
-            href: "/docs/architecture/app-config",
-            className: "btn-primary",
-            children: [
-              "App Configuration ",
-              /* @__PURE__ */ jsx6(ChevronRight6, {
-                size: 16
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx6(Link6, {
-            href: "/docs/architecture/control-plane",
-            className: "btn-ghost",
-            children: "Control Plane Runtime"
-          }),
-          /* @__PURE__ */ jsx6(Link6, {
-            href: "/docs/integrations",
-            className: "btn-ghost",
-            children: "Integrations"
-          }),
-          /* @__PURE__ */ jsx6(Link6, {
-            href: "/docs/knowledge",
-            className: "btn-ghost",
-            children: "Knowledge & Context"
-          })
-        ]
       })
     ]
   });