@contractspec/bundle.library 1.12.0 → 1.14.0

package/dist/components/docs/architecture/ArchitectureOverviewPage.js

@@ -1,324 +1,449 @@
-import { ChevronRight } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
+// @bun
+// src/components/docs/architecture/ArchitectureOverviewPage.tsx
 import Link from "@contractspec/lib.ui-link";
-
-//#region src/components/docs/architecture/ArchitectureOverviewPage.tsx
+import { ChevronRight } from "lucide-react";
+import { jsxDEV } from "react/jsx-dev-runtime";
 function ArchitectureOverviewPage() {
-	return /* @__PURE__ */ jsxs("div", {
-		className: "space-y-8",
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "space-y-4",
-				children: [/* @__PURE__ */ jsx("h1", {
-					className: "text-4xl font-bold",
-					children: "Architecture"
-				}), /* @__PURE__ */ jsx("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, and knowledge management."
-				})]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "space-y-4",
-				children: [/* @__PURE__ */ jsx("h2", {
-					className: "text-2xl font-bold",
-					children: "Core layers"
-				}), /* @__PURE__ */ jsxs("div", {
-					className: "space-y-6",
-					children: [
-						/* @__PURE__ */ jsxs("div", {
-							className: "space-y-3",
-							children: [
-								/* @__PURE__ */ jsx("h3", {
-									className: "text-xl font-semibold",
-									children: "1. Specification Layer"
-								}),
-								/* @__PURE__ */ jsx("p", {
-									className: "text-muted-foreground",
-									children: "The foundation of ContractSpec. Typed specifications define what your application can do:"
-								}),
-								/* @__PURE__ */ jsxs("ul", {
-									className: "text-muted-foreground ml-4 list-inside list-disc space-y-2",
-									children: [
-										/* @__PURE__ */ jsxs("li", { children: [
-											/* @__PURE__ */ jsx(Link, {
-												href: "/docs/specs/capabilities",
-												className: "text-violet-400 hover:text-violet-300",
-												children: "CapabilitySpec"
-											}),
-											" ",
-											"- Operations and their inputs/outputs"
-										] }),
-										/* @__PURE__ */ jsxs("li", { children: [
-											/* @__PURE__ */ jsx(Link, {
-												href: "/docs/specs/dataviews",
-												className: "text-violet-400 hover:text-violet-300",
-												children: "DataViewSpec"
-											}),
-											" ",
-											"- Data queries and presentation"
-										] }),
-										/* @__PURE__ */ jsxs("li", { children: [
-											/* @__PURE__ */ jsx(Link, {
-												href: "/docs/specs/workflows",
-												className: "text-violet-400 hover:text-violet-300",
-												children: "WorkflowSpec"
-											}),
-											" ",
-											"- Multi-step processes"
-										] }),
-										/* @__PURE__ */ jsxs("li", { children: [
-											/* @__PURE__ */ jsx(Link, {
-												href: "/docs/specs/policy",
-												className: "text-violet-400 hover:text-violet-300",
-												children: "PolicySpec"
-											}),
-											" ",
-											"- Access control and data protection"
-										] }),
-										/* @__PURE__ */ jsxs("li", { children: [
-											/* @__PURE__ */ jsx(Link, {
-												href: "/docs/integrations/spec-model",
-												className: "text-violet-400 hover:text-violet-300",
-												children: "IntegrationSpec"
-											}),
-											" ",
-											"- External service providers"
-										] }),
-										/* @__PURE__ */ jsxs("li", { children: [
-											/* @__PURE__ */ jsx(Link, {
-												href: "/docs/knowledge/spaces",
-												className: "text-violet-400 hover:text-violet-300",
-												children: "KnowledgeSpaceSpec"
-											}),
-											" ",
-											"- Knowledge and context management"
-										] })
-									]
-								})
-							]
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "space-y-3",
-							children: [
-								/* @__PURE__ */ jsx("h3", {
-									className: "text-xl font-semibold",
-									children: "2. Configuration Layer"
-								}),
-								/* @__PURE__ */ jsx("p", {
-									className: "text-muted-foreground",
-									children: "How applications are configured and customized:"
-								}),
-								/* @__PURE__ */ jsxs("ul", {
-									className: "text-muted-foreground ml-4 list-inside list-disc space-y-2",
-									children: [
-										/* @__PURE__ */ jsxs("li", { children: [
-											/* @__PURE__ */ jsx(Link, {
-												href: "/docs/architecture/app-config",
-												className: "text-violet-400 hover:text-violet-300",
-												children: "AppBlueprintSpec"
-											}),
-											" ",
-											"- Global, versioned app definition"
-										] }),
-										/* @__PURE__ */ jsxs("li", { children: [
-											/* @__PURE__ */ jsx(Link, {
-												href: "/docs/architecture/app-config",
-												className: "text-violet-400 hover:text-violet-300",
-												children: "TenantAppConfig"
-											}),
-											" ",
-											"- Per-tenant, per-environment configuration"
-										] }),
-										/* @__PURE__ */ jsxs("li", { children: [
-											/* @__PURE__ */ jsx(Link, {
-												href: "/docs/architecture/integration-binding",
-												className: "text-violet-400 hover:text-violet-300",
-												children: "AppIntegrationBinding"
-											}),
-											" ",
-											"- How apps use integrations"
-										] }),
-										/* @__PURE__ */ jsxs("li", { children: [
-											/* @__PURE__ */ jsx(Link, {
-												href: "/docs/architecture/knowledge-binding",
-												className: "text-violet-400 hover:text-violet-300",
-												children: "AppKnowledgeBinding"
-											}),
-											" ",
-											"- How apps access knowledge"
-										] })
-									]
-								})
-							]
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "space-y-3",
-							children: [
-								/* @__PURE__ */ jsx("h3", {
-									className: "text-xl font-semibold",
-									children: "3. Runtime Layer"
-								}),
-								/* @__PURE__ */ jsx("p", {
-									className: "text-muted-foreground",
-									children: "How specifications are executed at runtime:"
-								}),
-								/* @__PURE__ */ jsxs("ul", {
-									className: "text-muted-foreground ml-4 list-inside list-disc space-y-2",
-									children: [
-										/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "ResolvedAppConfig" }), " - Merged blueprint + tenant config"] }),
-										/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Policy Decision Point (PDP)" }), " - Enforces policies on every operation"] }),
-										/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Presentation Runtime" }), " - React and React Native renderers"] }),
-										/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Integration Connectors" }), " - Execute external API calls"] }),
-										/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Knowledge Retrieval" }), " - Query vector databases and knowledge sources"] })
-									]
-								})
-							]
-						})
-					]
-				})]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "space-y-4",
-				children: [
-					/* @__PURE__ */ jsx("h2", {
-						className: "text-2xl font-bold",
-						children: "Configuration model"
-					}),
-					/* @__PURE__ */ jsx("p", {
-						className: "text-muted-foreground",
-						children: "ContractSpec uses a three-tier configuration model:"
-					}),
-					/* @__PURE__ */ jsx("div", {
-						className: "border-border/50 overflow-x-auto rounded-lg border",
-						children: /* @__PURE__ */ jsxs("table", {
-							className: "w-full text-left text-sm",
-							children: [/* @__PURE__ */ jsx("thead", {
-								className: "bg-card/50",
-								children: /* @__PURE__ */ jsxs("tr", {
-									className: "border-border/50 border-b",
-									children: [
-										/* @__PURE__ */ jsx("th", {
-											className: "px-4 py-3 font-semibold",
-											children: "Layer"
-										}),
-										/* @__PURE__ */ jsx("th", {
-											className: "px-4 py-3 font-semibold",
-											children: "Type"
-										}),
-										/* @__PURE__ */ jsx("th", {
-											className: "px-4 py-3 font-semibold",
-											children: "Scope"
-										}),
-										/* @__PURE__ */ jsx("th", {
-											className: "px-4 py-3 font-semibold",
-											children: "Storage"
-										})
-									]
-								})
-							}), /* @__PURE__ */ jsxs("tbody", {
-								className: "divide-border/50 divide-y",
-								children: [
-									/* @__PURE__ */ jsxs("tr", { children: [
-										/* @__PURE__ */ jsx("td", {
-											className: "px-4 py-3 align-top",
-											children: /* @__PURE__ */ jsx("strong", { children: "Blueprint" })
-										}),
-										/* @__PURE__ */ jsx("td", {
-											className: "px-4 py-3 align-top font-mono text-xs",
-											children: "AppBlueprintSpec"
-										}),
-										/* @__PURE__ */ jsx("td", {
-											className: "px-4 py-3 align-top",
-											children: "Global, versioned, no tenant info"
-										}),
-										/* @__PURE__ */ jsx("td", {
-											className: "px-4 py-3 align-top",
-											children: "Version control, immutable"
-										})
-									] }),
-									/* @__PURE__ */ jsxs("tr", { children: [
-										/* @__PURE__ */ jsx("td", {
-											className: "px-4 py-3 align-top",
-											children: /* @__PURE__ */ jsx("strong", { children: "Tenant Config" })
-										}),
-										/* @__PURE__ */ jsx("td", {
-											className: "px-4 py-3 align-top font-mono text-xs",
-											children: "TenantAppConfig"
-										}),
-										/* @__PURE__ */ jsx("td", {
-											className: "px-4 py-3 align-top",
-											children: "Per-tenant, per-environment"
-										}),
-										/* @__PURE__ */ jsx("td", {
-											className: "px-4 py-3 align-top",
-											children: "Database, mutable"
-										})
-									] }),
-									/* @__PURE__ */ jsxs("tr", { children: [
-										/* @__PURE__ */ jsx("td", {
-											className: "px-4 py-3 align-top",
-											children: /* @__PURE__ */ jsx("strong", { children: "Resolved Config" })
-										}),
-										/* @__PURE__ */ jsx("td", {
-											className: "px-4 py-3 align-top font-mono text-xs",
-											children: "ResolvedAppConfig"
-										}),
-										/* @__PURE__ */ jsx("td", {
-											className: "px-4 py-3 align-top",
-											children: "Runtime, ephemeral"
-										}),
-										/* @__PURE__ */ jsx("td", {
-											className: "px-4 py-3 align-top",
-											children: "In-memory, not persisted"
-										})
-									] })
-								]
-							})]
-						})
-					})
-				]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "space-y-4",
-				children: [/* @__PURE__ */ jsx("h2", {
-					className: "text-2xl font-bold",
-					children: "Key architectural principles"
-				}), /* @__PURE__ */ jsxs("ul", {
-					className: "text-muted-foreground list-inside list-disc space-y-2",
-					children: [
-						/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Spec-first" }), " - Everything is defined declaratively before code generation"] }),
-						/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Type-safe" }), " - All specifications are strongly typed and validated at compile time"] }),
-						/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Policy-enforced" }), " - Every operation passes through the PDP"] }),
-						/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Multi-tenant by default" }), " - Tenant isolation is built-in, not bolted on"] }),
-						/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Environment-aware" }), " - Separate configurations for sandbox, staging, production"] }),
-						/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Auditable" }), " - All operations are logged for compliance and debugging"] })
-					]
-				})]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-4 pt-4",
-				children: [
-					/* @__PURE__ */ jsxs(Link, {
-						href: "/docs/architecture/app-config",
-						className: "btn-primary",
-						children: ["App Configuration ", /* @__PURE__ */ jsx(ChevronRight, { size: 16 })]
-					}),
-					/* @__PURE__ */ jsx(Link, {
-						href: "/docs/integrations",
-						className: "btn-ghost",
-						children: "Integrations"
-					}),
-					/* @__PURE__ */ jsx(Link, {
-						href: "/docs/knowledge",
-						className: "btn-ghost",
-						children: "Knowledge & Context"
-					})
-				]
-			})
-		]
-	});
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "space-y-8",
+    children: [
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("h1", {
+            className: "text-4xl font-bold",
+            children: "Architecture"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("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, and knowledge management."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("h2", {
+            className: "text-2xl font-bold",
+            children: "Core layers"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("div", {
+            className: "space-y-6",
+            children: [
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "space-y-3",
+                children: [
+                  /* @__PURE__ */ jsxDEV("h3", {
+                    className: "text-xl font-semibold",
+                    children: "1. Specification Layer"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("p", {
+                    className: "text-muted-foreground",
+                    children: "The foundation of ContractSpec. Typed specifications define what your application can do:"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("ul", {
+                    className: "text-muted-foreground ml-4 list-inside list-disc space-y-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV("li", {
+                        children: [
+                          /* @__PURE__ */ jsxDEV(Link, {
+                            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__ */ jsxDEV("li", {
+                        children: [
+                          /* @__PURE__ */ jsxDEV(Link, {
+                            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__ */ jsxDEV("li", {
+                        children: [
+                          /* @__PURE__ */ jsxDEV(Link, {
+                            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__ */ jsxDEV("li", {
+                        children: [
+                          /* @__PURE__ */ jsxDEV(Link, {
+                            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__ */ jsxDEV("li", {
+                        children: [
+                          /* @__PURE__ */ jsxDEV(Link, {
+                            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__ */ jsxDEV("li", {
+                        children: [
+                          /* @__PURE__ */ jsxDEV(Link, {
+                            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__ */ jsxDEV("div", {
+                className: "space-y-3",
+                children: [
+                  /* @__PURE__ */ jsxDEV("h3", {
+                    className: "text-xl font-semibold",
+                    children: "2. Configuration Layer"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("p", {
+                    className: "text-muted-foreground",
+                    children: "How applications are configured and customized:"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("ul", {
+                    className: "text-muted-foreground ml-4 list-inside list-disc space-y-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV("li", {
+                        children: [
+                          /* @__PURE__ */ jsxDEV(Link, {
+                            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__ */ jsxDEV("li", {
+                        children: [
+                          /* @__PURE__ */ jsxDEV(Link, {
+                            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__ */ jsxDEV("li", {
+                        children: [
+                          /* @__PURE__ */ jsxDEV(Link, {
+                            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__ */ jsxDEV("li", {
+                        children: [
+                          /* @__PURE__ */ jsxDEV(Link, {
+                            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__ */ jsxDEV("div", {
+                className: "space-y-3",
+                children: [
+                  /* @__PURE__ */ jsxDEV("h3", {
+                    className: "text-xl font-semibold",
+                    children: "3. Runtime Layer"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("p", {
+                    className: "text-muted-foreground",
+                    children: "How specifications are executed at runtime:"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("ul", {
+                    className: "text-muted-foreground ml-4 list-inside list-disc space-y-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV("li", {
+                        children: [
+                          /* @__PURE__ */ jsxDEV("strong", {
+                            children: "ResolvedAppConfig"
+                          }, undefined, false, undefined, this),
+                          " - Merged blueprint + tenant config"
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV("li", {
+                        children: [
+                          /* @__PURE__ */ jsxDEV("strong", {
+                            children: "Policy Decision Point (PDP)"
+                          }, undefined, false, undefined, this),
+                          " - Enforces policies on every operation"
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV("li", {
+                        children: [
+                          /* @__PURE__ */ jsxDEV("strong", {
+                            children: "Presentation Runtime"
+                          }, undefined, false, undefined, this),
+                          " - React and React Native renderers"
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV("li", {
+                        children: [
+                          /* @__PURE__ */ jsxDEV("strong", {
+                            children: "Integration Connectors"
+                          }, undefined, false, undefined, this),
+                          " - Execute external API calls"
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV("li", {
+                        children: [
+                          /* @__PURE__ */ jsxDEV("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__ */ jsxDEV("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("h2", {
+            className: "text-2xl font-bold",
+            children: "Configuration model"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("p", {
+            className: "text-muted-foreground",
+            children: "ContractSpec uses a three-tier configuration model:"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("div", {
+            className: "border-border/50 overflow-x-auto rounded-lg border",
+            children: /* @__PURE__ */ jsxDEV("table", {
+              className: "w-full text-left text-sm",
+              children: [
+                /* @__PURE__ */ jsxDEV("thead", {
+                  className: "bg-card/50",
+                  children: /* @__PURE__ */ jsxDEV("tr", {
+                    className: "border-border/50 border-b",
+                    children: [
+                      /* @__PURE__ */ jsxDEV("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Layer"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Type"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Scope"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("th", {
+                        className: "px-4 py-3 font-semibold",
+                        children: "Storage"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("tbody", {
+                  className: "divide-border/50 divide-y",
+                  children: [
+                    /* @__PURE__ */ jsxDEV("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top",
+                          children: /* @__PURE__ */ jsxDEV("strong", {
+                            children: "Blueprint"
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top font-mono text-xs",
+                          children: "AppBlueprintSpec"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Global, versioned, no tenant info"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Version control, immutable"
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top",
+                          children: /* @__PURE__ */ jsxDEV("strong", {
+                            children: "Tenant Config"
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top font-mono text-xs",
+                          children: "TenantAppConfig"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Per-tenant, per-environment"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Database, mutable"
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top",
+                          children: /* @__PURE__ */ jsxDEV("strong", {
+                            children: "Resolved Config"
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top font-mono text-xs",
+                          children: "ResolvedAppConfig"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 align-top",
+                          children: "Runtime, ephemeral"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("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__ */ jsxDEV("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("h2", {
+            className: "text-2xl font-bold",
+            children: "Key architectural principles"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("ul", {
+            className: "text-muted-foreground list-inside list-disc space-y-2",
+            children: [
+              /* @__PURE__ */ jsxDEV("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("strong", {
+                    children: "Spec-first"
+                  }, undefined, false, undefined, this),
+                  " - Everything is defined declaratively before code generation"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("strong", {
+                    children: "Type-safe"
+                  }, undefined, false, undefined, this),
+                  " - All specifications are strongly typed and validated at compile time"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("strong", {
+                    children: "Policy-enforced"
+                  }, undefined, false, undefined, this),
+                  " - Every operation passes through the PDP"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("strong", {
+                    children: "Multi-tenant by default"
+                  }, undefined, false, undefined, this),
+                  " - Tenant isolation is built-in, not bolted on"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("strong", {
+                    children: "Environment-aware"
+                  }, undefined, false, undefined, this),
+                  " - Separate configurations for sandbox, staging, production"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("li", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("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__ */ jsxDEV("div", {
+        className: "flex items-center gap-4 pt-4",
+        children: [
+          /* @__PURE__ */ jsxDEV(Link, {
+            href: "/docs/architecture/app-config",
+            className: "btn-primary",
+            children: [
+              "App Configuration ",
+              /* @__PURE__ */ jsxDEV(ChevronRight, {
+                size: 16
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV(Link, {
+            href: "/docs/integrations",
+            className: "btn-ghost",
+            children: "Integrations"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV(Link, {
+            href: "/docs/knowledge",
+            className: "btn-ghost",
+            children: "Knowledge & Context"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
 }
-
-//#endregion
-export { ArchitectureOverviewPage };
-//# sourceMappingURL=ArchitectureOverviewPage.js.map
+export {
+  ArchitectureOverviewPage
+};