@contractspec/bundle.library 3.7.6 → 3.7.7

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

@@ -11,7 +11,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", {
@@ -30,7 +30,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", {
@@ -38,7 +38,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"
@@ -60,7 +60,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", {
@@ -78,7 +78,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"
@@ -100,7 +100,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", {
@@ -108,7 +108,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';
@@ -140,7 +140,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", {
@@ -148,7 +148,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';
@@ -188,7 +188,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", {
@@ -205,7 +205,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';
 
@@ -239,7 +239,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", {
@@ -247,7 +247,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"
@@ -282,11 +282,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\u2014only grant write access when necessary."
@@ -345,11 +345,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."
           })
         ]
@@ -358,7 +358,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", {
@@ -392,7 +392,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", {
@@ -451,11 +451,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."
           })
         ]
@@ -467,7 +467,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", {
@@ -490,11 +490,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';
@@ -520,7 +520,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", {
@@ -528,7 +528,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: [
@@ -579,11 +579,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."
           })
         ]
@@ -592,11 +592,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({
@@ -625,11 +625,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({
@@ -643,11 +643,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,
@@ -677,7 +677,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", {
@@ -703,7 +703,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", {
@@ -722,7 +722,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", {
@@ -739,7 +739,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", {
@@ -748,7 +748,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", {
@@ -760,7 +760,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", {
@@ -772,7 +772,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", {
@@ -789,7 +789,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", {
@@ -797,7 +797,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';
 
@@ -853,7 +853,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", {
@@ -861,7 +861,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: [
@@ -915,7 +915,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", {
@@ -923,7 +923,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: [
@@ -993,7 +993,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", {
@@ -1001,7 +1001,7 @@ export const OrderProcessingTelemetry = defineTelemetry({
             children: "Collecting telemetry has a cost\u2014CPU, 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: [
@@ -1051,11 +1051,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."
@@ -1116,11 +1116,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."
           })
         ]
@@ -1129,7 +1129,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", {
@@ -1142,7 +1142,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) => {
@@ -1161,7 +1161,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", {
@@ -1190,7 +1190,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/components/docs/architecture/ArchitectureAppConfigPage.js

@@ -12,7 +12,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", {
@@ -25,7 +25,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", {
@@ -85,7 +85,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", {
@@ -139,7 +139,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", {
@@ -176,7 +176,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", {
@@ -223,7 +223,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", {
@@ -273,7 +273,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", {
@@ -281,7 +281,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: [
@@ -331,11 +331,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/components/docs/architecture/ArchitectureControlPlanePage.js

@@ -12,7 +12,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", {
@@ -25,11 +25,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."
@@ -57,7 +57,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", {
@@ -116,11 +116,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."
@@ -145,7 +145,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, {
@@ -167,7 +167,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", {