@contractspec/bundle.library 3.7.6 → 3.7.7

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

@@ -10,7 +10,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", {
@@ -23,7 +23,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", {
@@ -37,7 +37,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;
@@ -101,11 +101,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",
@@ -181,7 +181,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", {
@@ -195,7 +195,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;
@@ -230,11 +230,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
 {
@@ -279,7 +279,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", {
@@ -287,7 +287,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",
@@ -315,7 +315,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", {
@@ -323,7 +323,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",
@@ -351,7 +351,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", {
@@ -359,7 +359,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: [
@@ -405,7 +405,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", {
@@ -413,7 +413,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"
@@ -438,11 +438,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/node/components/docs/integrations/IntegrationsStripePage.js

@@ -10,7 +10,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", {
@@ -23,7 +23,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", {
@@ -31,7 +31,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_...
@@ -60,18 +60,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:
@@ -107,11 +107,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:
@@ -141,11 +141,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:
@@ -178,7 +178,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", {
@@ -186,7 +186,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`
             })
@@ -196,35 +196,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"
                 })
               })
@@ -236,7 +236,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", {
@@ -244,7 +244,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
@@ -291,7 +291,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", {
@@ -299,7 +299,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: [
@@ -320,7 +320,7 @@ steps:
                   })
                 }),
                 /* @__PURE__ */ jsxs("tbody", {
-                  className: "divide-border/50 divide-y",
+                  className: "divide-y divide-border/50",
                   children: [
                     /* @__PURE__ */ jsxs("tr", {
                       children: [
@@ -369,11 +369,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/node/components/docs/integrations/IntegrationsTwilioPage.js

@@ -9,7 +9,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", {
@@ -22,11 +22,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=...
@@ -40,11 +40,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:
@@ -72,11 +72,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"
@@ -98,11 +98,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/node/components/docs/integrations/IntegrationsWhatsappMetaPage.js

@@ -10,7 +10,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", {
@@ -23,11 +23,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
 {
@@ -49,18 +49,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"
                   })
                 ]
@@ -70,7 +70,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"
                   })
                 ]
@@ -80,7 +80,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"
                   }),
                   "."
@@ -94,11 +94,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"}`
             })
@@ -109,11 +109,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/node/components/docs/integrations/IntegrationsWhatsappTwilioPage.js

@@ -10,7 +10,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", {
@@ -23,11 +23,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
 {
@@ -47,18 +47,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"
                   }),
                   "."
@@ -69,7 +69,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"
                   }),
                   " ",
@@ -81,7 +81,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"
                   }),
                   "."
@@ -95,11 +95,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"}`
             })
@@ -110,11 +110,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."
@@ -126,7 +126,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"
                   }),
                   "."