@contractspec/bundle.library 3.7.6 → 3.8.2

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

@@ -10,7 +10,7 @@ function AdvancedMCPPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "MCP Adapters"
           }),
           /* @__PURE__ */ jsxs("p", {
@@ -29,7 +29,7 @@ function AdvancedMCPPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Why MCP integration matters"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -37,7 +37,7 @@ function AdvancedMCPPage() {
             children: "AI agents need access to real-world tools and data to be useful. MCP provides a standardized way to expose these capabilities. By integrating ContractSpec with MCP, you can:"
           }),
           /* @__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: "Let AI agents invoke your ContractSpec capabilities safely and securely"
@@ -59,7 +59,7 @@ function AdvancedMCPPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Exposing capabilities as MCP tools"
           }),
           /* @__PURE__ */ jsxs("p", {
@@ -77,7 +77,7 @@ function AdvancedMCPPage() {
             ]
           }),
           /* @__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: "A tool schema describing the capability's inputs, outputs, and purpose"
@@ -99,7 +99,7 @@ function AdvancedMCPPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Example: Exposing a capability"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -107,7 +107,7 @@ function AdvancedMCPPage() {
             children: "Here's how to expose ContractSpec operations as MCP tools:"
           }),
           /* @__PURE__ */ jsx("div", {
-            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            className: "overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",
             children: /* @__PURE__ */ jsx("pre", {
               children: `import { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js';
 import { StdioServerTransport } from '@modelcontextprotocol/sdk/server/stdio.js';
@@ -139,7 +139,7 @@ await server.connect(transport);`
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Consuming external MCP servers"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -147,7 +147,7 @@ await server.connect(transport);`
             children: "You can integrate external MCP servers into your workflows. Define an integration spec and use it in your operations:"
           }),
           /* @__PURE__ */ jsx("div", {
-            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            className: "overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",
             children: /* @__PURE__ */ jsx("pre", {
               children: `import { defineIntegration } from '@contractspec/lib.contracts-integrations';
 import { SchemaModel, ScalarTypeEnum } from '@contractspec/lib.schema';
@@ -187,7 +187,7 @@ const SearchProductsIntegration = defineIntegration({
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Policy enforcement for AI agents"
           }),
           /* @__PURE__ */ jsxs("p", {
@@ -204,7 +204,7 @@ const SearchProductsIntegration = defineIntegration({
             ]
           }),
           /* @__PURE__ */ jsx("div", {
-            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            className: "overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",
             children: /* @__PURE__ */ jsx("pre", {
               children: `import { definePolicy } from '@contractspec/lib.contracts-spec';
 
@@ -238,7 +238,7 @@ export const AIAgentRestrictions = definePolicy({
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Human-in-the-loop workflows"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -246,7 +246,7 @@ export const AIAgentRestrictions = definePolicy({
             children: "For sensitive operations, you can require human approval before an AI agent can proceed. ContractSpec provides built-in approval workflows:"
           }),
           /* @__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: "Agent requests permission to invoke a capability"
@@ -281,11 +281,11 @@ export const AIAgentRestrictions = definePolicy({
         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: "Start with read-only capabilities for AI agents—only grant write access when necessary."
@@ -344,11 +344,11 @@ function AdvancedOverlayEditorPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx2("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Overlay Editor"
           }),
           /* @__PURE__ */ jsx2("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "A Next.js app (`@contractspec/app.overlay-editor`) that lets tenant admins tweak field visibility, labels, and ordering, then sign OverlaySpecs."
           })
         ]
@@ -357,7 +357,7 @@ function AdvancedOverlayEditorPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx2("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Features"
           }),
           /* @__PURE__ */ jsxs2("ul", {
@@ -391,7 +391,7 @@ function AdvancedOverlayEditorPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx2("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Provisioning flow"
           }),
           /* @__PURE__ */ jsxs2("ol", {
@@ -450,11 +450,11 @@ function AdvancedRenderersPage() {
         className: "space-y-2",
         children: [
           /* @__PURE__ */ jsx3("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Custom Renderers"
           }),
           /* @__PURE__ */ jsx3("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "ContractSpec ships with React and React Native renderers. You can build custom renderers for any framework."
           })
         ]
@@ -466,7 +466,7 @@ function AdvancedRenderersPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx3("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Overview"
               }),
               /* @__PURE__ */ jsxs3("p", {
@@ -489,11 +489,11 @@ function AdvancedRenderersPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx3("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Using the React Renderer"
               }),
               /* @__PURE__ */ jsx3("div", {
-                className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+                className: "overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",
                 children: /* @__PURE__ */ jsx3("pre", {
                   children: `import { useWorkflow, WorkflowStepRenderer } from '@contractspec/lib.presentation-runtime-react';
 import { MyWorkflowSpec } from './specs';
@@ -519,7 +519,7 @@ export function WorkflowPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx3("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Custom Platform Support"
               }),
               /* @__PURE__ */ jsx3("p", {
@@ -527,7 +527,7 @@ export function WorkflowPage() {
                 children: "To support a new platform (e.g., Vue, Svelte), you would:"
               }),
               /* @__PURE__ */ jsxs3("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__ */ jsxs3("li", {
                     children: [
@@ -578,11 +578,11 @@ function AdvancedSpecExperimentsPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx4("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Spec Experiments"
           }),
           /* @__PURE__ */ jsx4("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "Run controlled experiments on ContractSpec operations, gradually shift traffic, and roll back automatically when guardrails trip."
           })
         ]
@@ -591,11 +591,11 @@ function AdvancedSpecExperimentsPage() {
         className: "space-y-3",
         children: [
           /* @__PURE__ */ jsx4("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Define control + variants"
           }),
           /* @__PURE__ */ jsx4("pre", {
-            className: "bg-muted rounded-lg border p-4 text-sm",
+            className: "rounded-lg border bg-muted p-4 text-sm",
             children: `import { SpecExperimentRegistry } from '@contractspec/lib.growth/spec-experiments';
 
 const registry = new SpecExperimentRegistry().register({
@@ -624,11 +624,11 @@ const registry = new SpecExperimentRegistry().register({
         className: "space-y-3",
         children: [
           /* @__PURE__ */ jsx4("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Attach to runtime"
           }),
           /* @__PURE__ */ jsx4("pre", {
-            className: "bg-muted rounded-lg border p-4 text-sm",
+            className: "rounded-lg border bg-muted p-4 text-sm",
             children: `import { createSpecVariantResolver } from '@contractspec/lib.growth/spec-experiments';
 
 adapterContext.specVariantResolver = createSpecVariantResolver({
@@ -642,11 +642,11 @@ adapterContext.specVariantResolver = createSpecVariantResolver({
         className: "space-y-3",
         children: [
           /* @__PURE__ */ jsx4("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Track outcomes + auto-rollback"
           }),
           /* @__PURE__ */ jsx4("pre", {
-            className: "bg-muted rounded-lg border p-4 text-sm",
+            className: "rounded-lg border bg-muted p-4 text-sm",
             children: `import {
   SpecExperimentAnalyzer,
   SpecExperimentController,
@@ -676,7 +676,7 @@ const controller = new SpecExperimentController({
           className: "card-subtle space-y-2 p-4",
           children: [
             /* @__PURE__ */ jsx4("h3", {
-              className: "text-lg font-semibold",
+              className: "font-semibold text-lg",
               children: card.title
             }),
             /* @__PURE__ */ jsx4("p", {
@@ -702,7 +702,7 @@ function AdvancedTelemetryPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx5("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Telemetry"
           }),
           /* @__PURE__ */ jsxs5("p", {
@@ -721,7 +721,7 @@ function AdvancedTelemetryPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx5("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Why telemetry matters"
           }),
           /* @__PURE__ */ jsx5("p", {
@@ -738,7 +738,7 @@ function AdvancedTelemetryPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx5("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Three pillars of observability"
           }),
           /* @__PURE__ */ jsxs5("div", {
@@ -747,7 +747,7 @@ function AdvancedTelemetryPage() {
               /* @__PURE__ */ jsxs5("div", {
                 children: [
                   /* @__PURE__ */ jsx5("h3", {
-                    className: "text-lg font-semibold",
+                    className: "font-semibold text-lg",
                     children: "Metrics"
                   }),
                   /* @__PURE__ */ jsx5("p", {
@@ -759,7 +759,7 @@ function AdvancedTelemetryPage() {
               /* @__PURE__ */ jsxs5("div", {
                 children: [
                   /* @__PURE__ */ jsx5("h3", {
-                    className: "text-lg font-semibold",
+                    className: "font-semibold text-lg",
                     children: "Logs"
                   }),
                   /* @__PURE__ */ jsx5("p", {
@@ -771,7 +771,7 @@ function AdvancedTelemetryPage() {
               /* @__PURE__ */ jsxs5("div", {
                 children: [
                   /* @__PURE__ */ jsx5("h3", {
-                    className: "text-lg font-semibold",
+                    className: "font-semibold text-lg",
                     children: "Traces"
                   }),
                   /* @__PURE__ */ jsx5("p", {
@@ -788,7 +788,7 @@ function AdvancedTelemetryPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx5("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Example TelemetrySpec"
           }),
           /* @__PURE__ */ jsx5("p", {
@@ -796,7 +796,7 @@ function AdvancedTelemetryPage() {
             children: "Here's how telemetry is configured in TypeScript:"
           }),
           /* @__PURE__ */ jsx5("div", {
-            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            className: "overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",
             children: /* @__PURE__ */ jsx5("pre", {
               children: `import { defineTelemetry } from '@contractspec/lib.contracts-spec/telemetry';
 
@@ -852,7 +852,7 @@ export const OrderProcessingTelemetry = defineTelemetry({
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx5("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Automatic instrumentation"
           }),
           /* @__PURE__ */ jsx5("p", {
@@ -860,7 +860,7 @@ export const OrderProcessingTelemetry = defineTelemetry({
             children: "ContractSpec automatically instruments:"
           }),
           /* @__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: [
@@ -914,7 +914,7 @@ export const OrderProcessingTelemetry = defineTelemetry({
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx5("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Integration with observability platforms"
           }),
           /* @__PURE__ */ jsx5("p", {
@@ -922,7 +922,7 @@ export const OrderProcessingTelemetry = defineTelemetry({
             children: "ContractSpec supports multiple observability backends:"
           }),
           /* @__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: [
@@ -992,7 +992,7 @@ export const OrderProcessingTelemetry = defineTelemetry({
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx5("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Sampling and performance"
           }),
           /* @__PURE__ */ jsx5("p", {
@@ -1000,7 +1000,7 @@ export const OrderProcessingTelemetry = defineTelemetry({
             children: "Collecting telemetry has a cost—CPU, memory, network bandwidth, and storage. ContractSpec provides several mechanisms to control overhead:"
           }),
           /* @__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: [
@@ -1050,11 +1050,11 @@ export const OrderProcessingTelemetry = defineTelemetry({
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx5("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Best practices"
           }),
           /* @__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__ */ jsx5("li", {
                 children: "Start with high-level metrics (request rate, error rate, latency) and add more detailed instrumentation as needed."
@@ -1115,11 +1115,11 @@ function AdvancedWorkflowMonitoringPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx6("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Workflow Monitoring"
           }),
           /* @__PURE__ */ jsx6("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "Production workflows need robust observability. ContractSpec provides SLA monitoring, distributed tracing, and audit logging out of the box."
           })
         ]
@@ -1128,7 +1128,7 @@ function AdvancedWorkflowMonitoringPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx6("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "SLA Monitoring"
           }),
           /* @__PURE__ */ jsxs6("p", {
@@ -1141,7 +1141,7 @@ function AdvancedWorkflowMonitoringPage() {
             ]
           }),
           /* @__PURE__ */ jsx6("pre", {
-            className: "bg-muted rounded-lg border p-4 text-sm",
+            className: "rounded-lg border bg-muted p-4 text-sm",
             children: `import { SLAMonitor } from '@contractspec/lib.contracts-spec/workflow/sla-monitor';
 
 const monitor = new SLAMonitor((event, payload) => {
@@ -1160,7 +1160,7 @@ monitor.check(currentState, workflowSpec);`
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx6("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Telemetry & Tracing"
           }),
           /* @__PURE__ */ jsx6("p", {
@@ -1189,7 +1189,7 @@ monitor.check(currentState, workflowSpec);`
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx6("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Dashboarding"
           }),
           /* @__PURE__ */ jsxs6("p", {

package/dist/node/components/docs/architecture/ArchitectureAppConfigPage.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"

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

@@ -11,7 +11,7 @@ function ArchitectureControlPlanePage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Control Plane Runtime"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -24,11 +24,11 @@ function ArchitectureControlPlanePage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Canonical execution loop"
           }),
           /* @__PURE__ */ jsxs("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__ */ jsx("li", {
                 children: "Accept intent and create execution identity + trace context."
@@ -56,7 +56,7 @@ function ArchitectureControlPlanePage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Contract surfaces (v1 baseline)"
           }),
           /* @__PURE__ */ jsxs("p", {
@@ -115,11 +115,11 @@ Capabilities
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Policy and safety posture"
           }),
           /* @__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: "No side-effect action executes unless it comes from a compiled plan."
@@ -144,7 +144,7 @@ Capabilities
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Implementation map"
           }),
           /* @__PURE__ */ jsx(CodeBlock, {
@@ -166,7 +166,7 @@ implementation_plan_controle_plane.md`
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "What comes next"
           }),
           /* @__PURE__ */ jsx("p", {