@contractspec/bundle.library 3.4.2 → 3.5.0

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

@@ -2,463 +2,463 @@
 // src/components/docs/architecture/ArchitectureOverviewPage.tsx
 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 ArchitectureOverviewPage() {
-  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: "Architecture"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
+          }),
+          /* @__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, control-plane governance, and knowledge management."
-          }, 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: "Core layers"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("div", {
+          }),
+          /* @__PURE__ */ jsxs("div", {
             className: "space-y-6",
             children: [
-              /* @__PURE__ */ jsxDEV("div", {
+              /* @__PURE__ */ jsxs("div", {
                 className: "space-y-3",
                 children: [
-                  /* @__PURE__ */ jsxDEV("h3", {
+                  /* @__PURE__ */ jsx("h3", {
                     className: "text-xl font-semibold",
                     children: "1. Specification Layer"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("p", {
+                  }),
+                  /* @__PURE__ */ jsx("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", {
+                  }),
+                  /* @__PURE__ */ jsxs("ul", {
                     className: "text-muted-foreground ml-4 list-inside list-disc space-y-2",
                     children: [
-                      /* @__PURE__ */ jsxDEV("li", {
+                      /* @__PURE__ */ jsxs("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV(Link, {
+                          /* @__PURE__ */ jsx(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", {
+                      }),
+                      /* @__PURE__ */ jsxs("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV(Link, {
+                          /* @__PURE__ */ jsx(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", {
+                      }),
+                      /* @__PURE__ */ jsxs("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV(Link, {
+                          /* @__PURE__ */ jsx(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", {
+                      }),
+                      /* @__PURE__ */ jsxs("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV(Link, {
+                          /* @__PURE__ */ jsx(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", {
+                      }),
+                      /* @__PURE__ */ jsxs("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV(Link, {
+                          /* @__PURE__ */ jsx(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", {
+                      }),
+                      /* @__PURE__ */ jsxs("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV(Link, {
+                          /* @__PURE__ */ jsx(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", {
+              }),
+              /* @__PURE__ */ jsxs("div", {
                 className: "space-y-3",
                 children: [
-                  /* @__PURE__ */ jsxDEV("h3", {
+                  /* @__PURE__ */ jsx("h3", {
                     className: "text-xl font-semibold",
                     children: "2. Configuration Layer"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("p", {
+                  }),
+                  /* @__PURE__ */ jsx("p", {
                     className: "text-muted-foreground",
                     children: "How applications are configured and customized:"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("ul", {
+                  }),
+                  /* @__PURE__ */ jsxs("ul", {
                     className: "text-muted-foreground ml-4 list-inside list-disc space-y-2",
                     children: [
-                      /* @__PURE__ */ jsxDEV("li", {
+                      /* @__PURE__ */ jsxs("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV(Link, {
+                          /* @__PURE__ */ jsx(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", {
+                      }),
+                      /* @__PURE__ */ jsxs("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV(Link, {
+                          /* @__PURE__ */ jsx(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", {
+                      }),
+                      /* @__PURE__ */ jsxs("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV(Link, {
+                          /* @__PURE__ */ jsx(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", {
+                      }),
+                      /* @__PURE__ */ jsxs("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV(Link, {
+                          /* @__PURE__ */ jsx(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", {
+              }),
+              /* @__PURE__ */ jsxs("div", {
                 className: "space-y-3",
                 children: [
-                  /* @__PURE__ */ jsxDEV("h3", {
+                  /* @__PURE__ */ jsx("h3", {
                     className: "text-xl font-semibold",
                     children: "3. Runtime Layer"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("p", {
+                  }),
+                  /* @__PURE__ */ jsx("p", {
                     className: "text-muted-foreground",
                     children: "How specifications are executed at runtime:"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("ul", {
+                  }),
+                  /* @__PURE__ */ jsxs("ul", {
                     className: "text-muted-foreground ml-4 list-inside list-disc space-y-2",
                     children: [
-                      /* @__PURE__ */ jsxDEV("li", {
+                      /* @__PURE__ */ jsxs("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV("strong", {
+                          /* @__PURE__ */ jsx("strong", {
                             children: "ResolvedAppConfig"
-                          }, undefined, false, undefined, this),
+                          }),
                           " - Merged blueprint + tenant config"
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV("li", {
+                      }),
+                      /* @__PURE__ */ jsxs("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV("strong", {
+                          /* @__PURE__ */ jsx("strong", {
                             children: "Policy Decision Point (PDP)"
-                          }, undefined, false, undefined, this),
+                          }),
                           " - Enforces policies on every operation"
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV("li", {
+                      }),
+                      /* @__PURE__ */ jsxs("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV(Link, {
+                          /* @__PURE__ */ jsx(Link, {
                             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__ */ jsxDEV("li", {
+                      }),
+                      /* @__PURE__ */ jsxs("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV("strong", {
+                          /* @__PURE__ */ jsx("strong", {
                             children: "Presentation Runtime"
-                          }, undefined, false, undefined, this),
+                          }),
                           " - React and React Native renderers"
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV("li", {
+                      }),
+                      /* @__PURE__ */ jsxs("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV("strong", {
+                          /* @__PURE__ */ jsx("strong", {
                             children: "Integration Connectors"
-                          }, undefined, false, undefined, this),
+                          }),
                           " - Execute external API calls"
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV("li", {
+                      }),
+                      /* @__PURE__ */ jsxs("li", {
                         children: [
-                          /* @__PURE__ */ jsxDEV("strong", {
+                          /* @__PURE__ */ jsx("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", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "Configuration model"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
+          }),
+          /* @__PURE__ */ jsx("p", {
             className: "text-muted-foreground",
             children: "ContractSpec uses a three-tier configuration model:"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("div", {
+          }),
+          /* @__PURE__ */ jsx("div", {
             className: "border-border/50 overflow-x-auto rounded-lg border",
-            children: /* @__PURE__ */ jsxDEV("table", {
+            children: /* @__PURE__ */ jsxs("table", {
               className: "w-full text-left text-sm",
               children: [
-                /* @__PURE__ */ jsxDEV("thead", {
+                /* @__PURE__ */ jsx("thead", {
                   className: "bg-card/50",
-                  children: /* @__PURE__ */ jsxDEV("tr", {
+                  children: /* @__PURE__ */ jsxs("tr", {
                     className: "border-border/50 border-b",
                     children: [
-                      /* @__PURE__ */ jsxDEV("th", {
+                      /* @__PURE__ */ jsx("th", {
                         className: "px-4 py-3 font-semibold",
                         children: "Layer"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV("th", {
+                      }),
+                      /* @__PURE__ */ jsx("th", {
                         className: "px-4 py-3 font-semibold",
                         children: "Type"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV("th", {
+                      }),
+                      /* @__PURE__ */ jsx("th", {
                         className: "px-4 py-3 font-semibold",
                         children: "Scope"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV("th", {
+                      }),
+                      /* @__PURE__ */ jsx("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", {
+                  })
+                }),
+                /* @__PURE__ */ jsxs("tbody", {
                   className: "divide-border/50 divide-y",
                   children: [
-                    /* @__PURE__ */ jsxDEV("tr", {
+                    /* @__PURE__ */ jsxs("tr", {
                       children: [
-                        /* @__PURE__ */ jsxDEV("td", {
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3 align-top",
-                          children: /* @__PURE__ */ jsxDEV("strong", {
+                          children: /* @__PURE__ */ jsx("strong", {
                             children: "Blueprint"
-                          }, undefined, false, undefined, this)
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("td", {
+                          })
+                        }),
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3 align-top font-mono text-xs",
                           children: "AppBlueprintSpec"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("td", {
+                        }),
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3 align-top",
                           children: "Global, versioned, no tenant info"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("td", {
+                        }),
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3 align-top",
                           children: "Version control, immutable"
-                        }, undefined, false, undefined, this)
+                        })
                       ]
-                    }, undefined, true, undefined, this),
-                    /* @__PURE__ */ jsxDEV("tr", {
+                    }),
+                    /* @__PURE__ */ jsxs("tr", {
                       children: [
-                        /* @__PURE__ */ jsxDEV("td", {
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3 align-top",
-                          children: /* @__PURE__ */ jsxDEV("strong", {
+                          children: /* @__PURE__ */ jsx("strong", {
                             children: "Tenant Config"
-                          }, undefined, false, undefined, this)
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("td", {
+                          })
+                        }),
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3 align-top font-mono text-xs",
                           children: "TenantAppConfig"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("td", {
+                        }),
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3 align-top",
                           children: "Per-tenant, per-environment"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("td", {
+                        }),
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3 align-top",
                           children: "Database, mutable"
-                        }, undefined, false, undefined, this)
+                        })
                       ]
-                    }, undefined, true, undefined, this),
-                    /* @__PURE__ */ jsxDEV("tr", {
+                    }),
+                    /* @__PURE__ */ jsxs("tr", {
                       children: [
-                        /* @__PURE__ */ jsxDEV("td", {
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3 align-top",
-                          children: /* @__PURE__ */ jsxDEV("strong", {
+                          children: /* @__PURE__ */ jsx("strong", {
                             children: "Resolved Config"
-                          }, undefined, false, undefined, this)
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("td", {
+                          })
+                        }),
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3 align-top font-mono text-xs",
                           children: "ResolvedAppConfig"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("td", {
+                        }),
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3 align-top",
                           children: "Runtime, ephemeral"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("td", {
+                        }),
+                        /* @__PURE__ */ jsx("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", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "Key architectural principles"
-          }, 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__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV("strong", {
+                  /* @__PURE__ */ jsx("strong", {
                     children: "Spec-first"
-                  }, undefined, false, undefined, this),
+                  }),
                   " - Everything is defined declaratively before code generation"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("li", {
+              }),
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV("strong", {
+                  /* @__PURE__ */ jsx("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", {
+              }),
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV("strong", {
+                  /* @__PURE__ */ jsx("strong", {
                     children: "Policy-enforced"
-                  }, undefined, false, undefined, this),
+                  }),
                   " - Every operation passes through the PDP"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("li", {
+              }),
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV("strong", {
+                  /* @__PURE__ */ jsx("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", {
+              }),
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV("strong", {
+                  /* @__PURE__ */ jsx("strong", {
                     children: "Environment-aware"
-                  }, undefined, false, undefined, this),
+                  }),
                   " - Separate configurations for sandbox, staging, production"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("li", {
+              }),
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV("strong", {
+                  /* @__PURE__ */ jsx("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", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsxDEV(Link, {
+          /* @__PURE__ */ jsxs(Link, {
             href: "/docs/architecture/app-config",
             className: "btn-primary",
             children: [
               "App Configuration ",
-              /* @__PURE__ */ jsxDEV(ChevronRight, {
+              /* @__PURE__ */ jsx(ChevronRight, {
                 size: 16
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV(Link, {
+          }),
+          /* @__PURE__ */ jsx(Link, {
             href: "/docs/architecture/control-plane",
             className: "btn-ghost",
             children: "Control Plane Runtime"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(Link, {
+          }),
+          /* @__PURE__ */ jsx(Link, {
             href: "/docs/integrations",
             className: "btn-ghost",
             children: "Integrations"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(Link, {
+          }),
+          /* @__PURE__ */ jsx(Link, {
             href: "/docs/knowledge",
             className: "btn-ghost",
             children: "Knowledge & Context"
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 export {
   ArchitectureOverviewPage