@contractspec/bundle.library 3.7.6 → 3.8.2

package/dist/components/docs/integrations/IntegrationsSpecModelPage.js

@@ -11,7 +11,7 @@ function IntegrationsSpecModelPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Integration Spec Model"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -24,7 +24,7 @@ function IntegrationsSpecModelPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "IntegrationSpec"
           }),
           /* @__PURE__ */ jsxs("p", {
@@ -38,7 +38,7 @@ function IntegrationsSpecModelPage() {
             ]
           }),
           /* @__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: `type IntegrationSpec = {
   id: string;
@@ -102,11 +102,11 @@ function IntegrationsSpecModelPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Example: Stripe IntegrationSpec"
           }),
           /* @__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: `{
   id: "stripe",
@@ -182,7 +182,7 @@ function IntegrationsSpecModelPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "IntegrationConnection"
           }),
           /* @__PURE__ */ jsxs("p", {
@@ -196,7 +196,7 @@ function IntegrationsSpecModelPage() {
             ]
           }),
           /* @__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: `type IntegrationConnection = {
   id: string;
@@ -231,11 +231,11 @@ function IntegrationsSpecModelPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Example: Stripe IntegrationConnection"
           }),
           /* @__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: `// Production connection
 {
@@ -280,7 +280,7 @@ function IntegrationsSpecModelPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Example: Messaging IntegrationConnection"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -288,7 +288,7 @@ function IntegrationsSpecModelPage() {
             children: "Messaging providers use the same spec + connection model, then route inbound events through the channel runtime for signature validation, idempotent ingestion, policy decisions, and outbox-backed dispatch."
           }),
           /* @__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: `{
   id: "conn_slack_acme_prod",
@@ -316,7 +316,7 @@ function IntegrationsSpecModelPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Health transport strategy config"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -324,7 +324,7 @@ function IntegrationsSpecModelPage() {
             children: "Health providers support deterministic transport routing and explicit unofficial gating in connection config."
           }),
           /* @__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: `{
   "defaultTransport": "official-api",
@@ -352,7 +352,7 @@ function IntegrationsSpecModelPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Health checks"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -360,7 +360,7 @@ function IntegrationsSpecModelPage() {
             children: "IntegrationConnections are periodically health-checked to ensure they remain valid:"
           }),
           /* @__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__ */ jsxs("li", {
                 children: [
@@ -406,7 +406,7 @@ function IntegrationsSpecModelPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Secret management"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -414,7 +414,7 @@ function IntegrationsSpecModelPage() {
             children: "Secrets (API keys, tokens) are never stored in plaintext:"
           }),
           /* @__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: "User provides secrets through secure UI or API"
@@ -439,11 +439,11 @@ function IntegrationsSpecModelPage() {
         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: "Always maintain separate sandbox and production connections"

package/dist/components/docs/integrations/IntegrationsStripePage.js

@@ -11,7 +11,7 @@ function IntegrationsStripePage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Stripe"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -24,7 +24,7 @@ function IntegrationsStripePage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Setup"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -32,7 +32,7 @@ function IntegrationsStripePage() {
             children: "Add your Stripe credentials to your environment variables:"
           }),
           /* @__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: `# .env
 STRIPE_SECRET_KEY=sk_test_...
@@ -61,18 +61,18 @@ STRIPE_WEBHOOK_SECRET=whsec_...`
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Available capabilities"
           }),
           /* @__PURE__ */ jsxs("div", {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h3", {
-                className: "text-lg font-semibold",
+                className: "font-semibold text-lg",
                 children: "Payment Intents"
               }),
               /* @__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: `capabilityId: stripe-create-payment-intent
 provider:
@@ -108,11 +108,11 @@ outputs:
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h3", {
-                className: "text-lg font-semibold",
+                className: "font-semibold text-lg",
                 children: "Customers"
               }),
               /* @__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: `capabilityId: stripe-create-customer
 provider:
@@ -142,11 +142,11 @@ outputs:
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h3", {
-                className: "text-lg font-semibold",
+                className: "font-semibold text-lg",
                 children: "Subscriptions"
               }),
               /* @__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: `capabilityId: stripe-create-subscription
 provider:
@@ -179,7 +179,7 @@ outputs:
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Webhooks"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -187,7 +187,7 @@ outputs:
             children: "ContractSpec automatically handles Stripe webhooks. Configure your webhook endpoint in the Stripe Dashboard:"
           }),
           /* @__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: `https://your-app.com/api/webhooks/stripe`
             })
@@ -197,35 +197,35 @@ outputs:
             children: "Subscribe to these events:"
           }),
           /* @__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: /* @__PURE__ */ jsx("code", {
-                  className: "bg-background/50 rounded px-2 py-1",
+                  className: "rounded bg-background/50 px-2 py-1",
                   children: "payment_intent.succeeded"
                 })
               }),
               /* @__PURE__ */ jsx("li", {
                 children: /* @__PURE__ */ jsx("code", {
-                  className: "bg-background/50 rounded px-2 py-1",
+                  className: "rounded bg-background/50 px-2 py-1",
                   children: "payment_intent.payment_failed"
                 })
               }),
               /* @__PURE__ */ jsx("li", {
                 children: /* @__PURE__ */ jsx("code", {
-                  className: "bg-background/50 rounded px-2 py-1",
+                  className: "rounded bg-background/50 px-2 py-1",
                   children: "customer.subscription.created"
                 })
               }),
               /* @__PURE__ */ jsx("li", {
                 children: /* @__PURE__ */ jsx("code", {
-                  className: "bg-background/50 rounded px-2 py-1",
+                  className: "rounded bg-background/50 px-2 py-1",
                   children: "customer.subscription.updated"
                 })
               }),
               /* @__PURE__ */ jsx("li", {
                 children: /* @__PURE__ */ jsx("code", {
-                  className: "bg-background/50 rounded px-2 py-1",
+                  className: "rounded bg-background/50 px-2 py-1",
                   children: "customer.subscription.deleted"
                 })
               })
@@ -237,7 +237,7 @@ outputs:
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Example workflow"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -245,7 +245,7 @@ outputs:
             children: "Here's a complete payment workflow using Stripe:"
           }),
           /* @__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: `workflowId: process-payment
 version: '1.0.0'.0.0
@@ -292,7 +292,7 @@ steps:
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Testing"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -300,7 +300,7 @@ steps:
             children: "Use Stripe's test cards for development:"
           }),
           /* @__PURE__ */ jsx("div", {
-            className: "border-border/50 overflow-x-auto rounded-lg border",
+            className: "overflow-x-auto rounded-lg border border-border/50",
             children: /* @__PURE__ */ jsxs("table", {
               className: "w-full text-left text-sm",
               children: [
@@ -321,7 +321,7 @@ steps:
                   })
                 }),
                 /* @__PURE__ */ jsxs("tbody", {
-                  className: "divide-border/50 divide-y",
+                  className: "divide-y divide-border/50",
                   children: [
                     /* @__PURE__ */ jsxs("tr", {
                       children: [
@@ -370,11 +370,11 @@ steps:
         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: "Always use test mode during development"

package/dist/components/docs/integrations/IntegrationsTwilioPage.js

@@ -10,7 +10,7 @@ function IntegrationsTwilioPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Twilio"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -23,11 +23,11 @@ function IntegrationsTwilioPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Setup"
           }),
           /* @__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: `# .env
 TWILIO_ACCOUNT_SID=...
@@ -41,11 +41,11 @@ TWILIO_PHONE_NUMBER=+1234567890`
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Sending SMS"
           }),
           /* @__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: `capabilityId: twilio-send-sms
 provider:
@@ -73,11 +73,11 @@ outputs:
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Use cases"
           }),
           /* @__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: "Order confirmations and shipping updates"
@@ -99,11 +99,11 @@ outputs:
         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: "Always use E.164 format for phone numbers (+1234567890)"

package/dist/components/docs/integrations/IntegrationsWhatsappMetaPage.js

@@ -11,7 +11,7 @@ function IntegrationsWhatsappMetaPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "WhatsApp Meta"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -24,11 +24,11 @@ function IntegrationsWhatsappMetaPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Required secrets and config"
           }),
           /* @__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: `// secret payload
 {
@@ -50,18 +50,18 @@ function IntegrationsWhatsappMetaPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Webhook endpoints"
           }),
           /* @__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__ */ jsxs("li", {
                 children: [
                   "Verification challenge:",
                   " ",
                   /* @__PURE__ */ jsx("code", {
-                    className: "bg-background/50 rounded px-2 py-1",
+                    className: "rounded bg-background/50 px-2 py-1",
                     children: "GET /webhooks/whatsapp/meta"
                   })
                 ]
@@ -71,7 +71,7 @@ function IntegrationsWhatsappMetaPage() {
                   "Inbound messages:",
                   " ",
                   /* @__PURE__ */ jsx("code", {
-                    className: "bg-background/50 rounded px-2 py-1",
+                    className: "rounded bg-background/50 px-2 py-1",
                     children: "POST /webhooks/whatsapp/meta"
                   })
                 ]
@@ -81,7 +81,7 @@ function IntegrationsWhatsappMetaPage() {
                   "Signatures are validated with",
                   " ",
                   /* @__PURE__ */ jsx("code", {
-                    className: "bg-background/50 rounded px-2 py-1",
+                    className: "rounded bg-background/50 px-2 py-1",
                     children: "x-hub-signature-256"
                   }),
                   "."
@@ -95,11 +95,11 @@ function IntegrationsWhatsappMetaPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Workspace mapping"
           }),
           /* @__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: `CHANNEL_WORKSPACE_MAP_WHATSAPP_META={"120000000001":"workspace-acme"}`
             })
@@ -110,11 +110,11 @@ function IntegrationsWhatsappMetaPage() {
         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 verify and app secrets separate from access tokens."

package/dist/components/docs/integrations/IntegrationsWhatsappTwilioPage.js

@@ -11,7 +11,7 @@ function IntegrationsWhatsappTwilioPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "WhatsApp Twilio"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -24,11 +24,11 @@ function IntegrationsWhatsappTwilioPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Required secrets and config"
           }),
           /* @__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: `// secret payload
 {
@@ -48,18 +48,18 @@ function IntegrationsWhatsappTwilioPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Webhook ingress"
           }),
           /* @__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__ */ jsxs("li", {
                 children: [
                   "Inbound Twilio form payloads are accepted on",
                   " ",
                   /* @__PURE__ */ jsx("code", {
-                    className: "bg-background/50 rounded px-2 py-1",
+                    className: "rounded bg-background/50 px-2 py-1",
                     children: "/webhooks/whatsapp/twilio"
                   }),
                   "."
@@ -70,7 +70,7 @@ function IntegrationsWhatsappTwilioPage() {
                   "Signatures are validated with",
                   " ",
                   /* @__PURE__ */ jsx("code", {
-                    className: "bg-background/50 rounded px-2 py-1",
+                    className: "rounded bg-background/50 px-2 py-1",
                     children: "x-twilio-signature"
                   }),
                   " ",
@@ -82,7 +82,7 @@ function IntegrationsWhatsappTwilioPage() {
                   "For deterministic verification, set the exact public webhook URL in",
                   " ",
                   /* @__PURE__ */ jsx("code", {
-                    className: "bg-background/50 rounded px-2 py-1",
+                    className: "rounded bg-background/50 px-2 py-1",
                     children: "WHATSAPP_TWILIO_WEBHOOK_URL"
                   }),
                   "."
@@ -96,11 +96,11 @@ function IntegrationsWhatsappTwilioPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Workspace mapping"
           }),
           /* @__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: `CHANNEL_WORKSPACE_MAP_WHATSAPP_TWILIO={"AC123":"workspace-acme"}`
             })
@@ -111,11 +111,11 @@ function IntegrationsWhatsappTwilioPage() {
         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: "Use Twilio as fallback when Meta WhatsApp is your primary route."
@@ -127,7 +127,7 @@ function IntegrationsWhatsappTwilioPage() {
                 children: [
                   "Protect internal dispatch endpoints with",
                   /* @__PURE__ */ jsx("code", {
-                    className: "bg-background/50 ml-1 rounded px-2 py-1",
+                    className: "ml-1 rounded bg-background/50 px-2 py-1",
                     children: "CHANNEL_DISPATCH_TOKEN"
                   }),
                   "."

package/dist/components/docs/integrations/index.d.ts

@@ -1,4 +1,3 @@
-export { IntegrationsOverviewPage } from './IntegrationsOverviewPage';
 export { IntegrationsCircuitBreakersPage } from './IntegrationsCircuitBreakersPage';
 export { IntegrationsElevenLabsPage } from './IntegrationsElevenLabsPage';
 export { IntegrationsGithubPage } from './IntegrationsGithubPage';
@@ -7,6 +6,7 @@ export { IntegrationsGoogleCalendarPage } from './IntegrationsGoogleCalendarPage
 export { IntegrationsHealthRoutingPage } from './IntegrationsHealthRoutingPage';
 export { IntegrationsMistralPage } from './IntegrationsMistralPage';
 export { IntegrationsOpenAIPage } from './IntegrationsOpenAIPage';
+export { IntegrationsOverviewPage } from './IntegrationsOverviewPage';
 export { IntegrationsPostmarkPage } from './IntegrationsPostmarkPage';
 export { IntegrationsPowensPage } from './IntegrationsPowensPage';
 export { IntegrationsQdrantPage } from './IntegrationsQdrantPage';