@contractspec/bundle.library 2.9.1 → 3.0.0

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

@@ -103,15 +103,22 @@ function IntegrationsOverviewPage() {
             children: /* @__PURE__ */ jsxDEV("pre", {
               children: `type IntegrationCategory =
   | "payments"      // Stripe
+  | "open-banking"  // Powens
   | "email"         // Postmark, Resend, Gmail
   | "calendar"      // Google Calendar
   | "sms"           // Twilio
-  | "ai-llm"        // OpenAI
-  | "ai-voice"      // ElevenLabs
-  | "speech-to-text" // OpenAI Whisper
+  | "messaging"     // Slack, GitHub, WhatsApp
+  | "health"        // Whoop, Oura, Strava, Fitbit
+  | "ai-llm"        // OpenAI, Mistral
+  | "ai-voice-tts"  // ElevenLabs
+  | "ai-voice-stt"  // OpenAI Whisper, Mistral Voxtral
+  | "ai-voice-conversational" // OpenAI Realtime, Mistral Voice
+  | "ai-image"      // OpenAI Image, Fal
   | "vector-db"     // Qdrant
+  | "database"      // Supabase Postgres
   | "storage"       // S3-compatible
-  | "open-banking"  // Powens (read-only)
+  | "meeting-recorder" // Fireflies, tl;dv
+  | "project-management" // Linear, Jira, Notion
   | "accounting"    // Coming soon
   | "crm"           // Coming soon
   | "helpdesk"      // Coming soon
@@ -288,6 +295,20 @@ function IntegrationsOverviewPage() {
                           }, undefined, false, undefined, this)
                         ]
                       }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV(Link, {
+                        href: "/docs/integrations/mistral",
+                        className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
+                        children: [
+                          /* @__PURE__ */ jsxDEV("h4", {
+                            className: "font-bold transition-colors group-hover:text-violet-400",
+                            children: "Mistral"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV("p", {
+                            className: "text-muted-foreground mt-1 text-sm",
+                            children: "LLMs, embeddings, Voxtral STT, and conversational voice"
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this),
                       /* @__PURE__ */ jsxDEV(Link, {
                         href: "/docs/integrations/elevenlabs",
                         className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
@@ -351,7 +372,7 @@ function IntegrationsOverviewPage() {
                 children: [
                   /* @__PURE__ */ jsxDEV("h3", {
                     className: "text-xl font-semibold",
-                    children: "SMS & Messaging"
+                    children: "SMS"
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV("div", {
                     className: "grid gap-4 md:grid-cols-2",
@@ -365,7 +386,103 @@ function IntegrationsOverviewPage() {
                         }, undefined, false, undefined, this),
                         /* @__PURE__ */ jsxDEV("p", {
                           className: "text-muted-foreground mt-1 text-sm",
-                          children: "SMS notifications and messaging"
+                          children: "SMS notifications and transactional messaging"
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this)
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "space-y-3",
+                children: [
+                  /* @__PURE__ */ jsxDEV("h3", {
+                    className: "text-xl font-semibold",
+                    children: "Messaging channels"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("div", {
+                    className: "grid gap-4 md:grid-cols-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV(Link, {
+                        href: "/docs/integrations/slack",
+                        className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
+                        children: [
+                          /* @__PURE__ */ jsxDEV("h4", {
+                            className: "font-bold transition-colors group-hover:text-violet-400",
+                            children: "Slack"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV("p", {
+                            className: "text-muted-foreground mt-1 text-sm",
+                            children: "Signed event ingestion and outbox-backed replies"
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV(Link, {
+                        href: "/docs/integrations/github",
+                        className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
+                        children: [
+                          /* @__PURE__ */ jsxDEV("h4", {
+                            className: "font-bold transition-colors group-hover:text-violet-400",
+                            children: "GitHub"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV("p", {
+                            className: "text-muted-foreground mt-1 text-sm",
+                            children: "Issue and PR comment workflows with webhook verification"
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV(Link, {
+                        href: "/docs/integrations/whatsapp-meta",
+                        className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
+                        children: [
+                          /* @__PURE__ */ jsxDEV("h4", {
+                            className: "font-bold transition-colors group-hover:text-violet-400",
+                            children: "WhatsApp Meta"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV("p", {
+                            className: "text-muted-foreground mt-1 text-sm",
+                            children: "Primary WhatsApp Business API transport for inbound and outbound"
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV(Link, {
+                        href: "/docs/integrations/whatsapp-twilio",
+                        className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
+                        children: [
+                          /* @__PURE__ */ jsxDEV("h4", {
+                            className: "font-bold transition-colors group-hover:text-violet-400",
+                            children: "WhatsApp Twilio"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV("p", {
+                            className: "text-muted-foreground mt-1 text-sm",
+                            children: "Fallback WhatsApp route with Twilio signature validation"
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "space-y-3",
+                children: [
+                  /* @__PURE__ */ jsxDEV("h3", {
+                    className: "text-xl font-semibold",
+                    children: "Health & wearables"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("div", {
+                    className: "grid gap-4 md:grid-cols-2",
+                    children: /* @__PURE__ */ jsxDEV(Link, {
+                      href: "/docs/integrations/health-routing",
+                      className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
+                      children: [
+                        /* @__PURE__ */ jsxDEV("h4", {
+                          className: "font-bold transition-colors group-hover:text-violet-400",
+                          children: "Health routing strategy"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("p", {
+                          className: "text-muted-foreground mt-1 text-sm",
+                          children: "Official vs aggregator transport order, unofficial gating, and OAuth refresh config"
                         }, undefined, false, undefined, this)
                       ]
                     }, undefined, true, undefined, this)
@@ -558,6 +675,8 @@ POSTMARK_FROM_EMAIL=noreply@example.com
 OPENAI_API_KEY=sk-...
 OPENAI_ORGANIZATION=org-...
 
+MISTRAL_API_KEY=...
+
 QDRANT_URL=https://...
 QDRANT_API_KEY=...
 
@@ -590,14 +709,22 @@ STRIPE_SECRET_OVERRIDE=env://STRIPE_SECRET_KEY`
             children: /* @__PURE__ */ jsxDEV("pre", {
               children: `type IntegrationCategory =
   | "payments"        // Stripe, PayPal, etc.
+  | "open-banking"    // Powens and open banking providers
   | "email"           // Postmark, Resend, Gmail
   | "calendar"        // Google Calendar, Outlook
   | "sms"             // Twilio, MessageBird
-  | "ai-llm"          // OpenAI, Anthropic, Cohere
-  | "ai-voice"        // ElevenLabs, Google TTS
-  | "speech-to-text"  // OpenAI Whisper, Google STT
+  | "messaging"       // Slack, GitHub, WhatsApp
+  | "health"          // Whoop, Oura, Strava, Fitbit
+  | "ai-llm"          // OpenAI, Anthropic, Cohere, Mistral
+  | "ai-voice-tts"    // ElevenLabs, Google TTS
+  | "ai-voice-stt"    // OpenAI Whisper, Google STT, Mistral Voxtral
+  | "ai-voice-conversational" // OpenAI Realtime, Mistral Voice
+  | "ai-image"        // OpenAI Image, Fal
   | "vector-db"       // Qdrant, Pinecone, Weaviate
+  | "database"        // Supabase, Postgres
   | "storage"         // S3, GCS, Azure Blob
+  | "meeting-recorder" // Fireflies, tl;dv, Granola
+  | "project-management" // Linear, Jira, Notion
   | "accounting"      // QuickBooks, Xero (coming soon)
   | "crm"             // Salesforce, HubSpot (coming soon)
   | "helpdesk"        // Zendesk, Intercom (coming soon)
@@ -796,9 +923,9 @@ outputs:
         className: "flex items-center gap-4 pt-4",
         children: [
           /* @__PURE__ */ jsxDEV3(Link2, {
-            href: "/docs/integrations/openai",
+            href: "/docs/integrations/mistral",
             className: "btn-ghost",
-            children: "Previous: OpenAI"
+            children: "Previous: Mistral"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV3(Link2, {
             href: "/docs/integrations/qdrant",
@@ -816,11 +943,11 @@ outputs:
   }, undefined, true, undefined, this);
 }
 
-// src/components/docs/integrations/IntegrationsGmailPage.tsx
+// src/components/docs/integrations/IntegrationsGithubPage.tsx
 import Link3 from "@contractspec/lib.ui-link";
 import { ChevronRight as ChevronRight3 } from "lucide-react";
 import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
-function IntegrationsGmailPage() {
+function IntegrationsGithubPage() {
   return /* @__PURE__ */ jsxDEV4("div", {
     className: "space-y-8",
     children: [
@@ -829,11 +956,11 @@ function IntegrationsGmailPage() {
         children: [
           /* @__PURE__ */ jsxDEV4("h1", {
             className: "text-4xl font-bold",
-            children: "Gmail API"
+            children: "GitHub Messaging"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV4("p", {
             className: "text-muted-foreground",
-            children: "The Gmail API integration allows you to read inbound emails, manage threads, and build email-based workflows. Perfect for support tickets, email parsing, and automated responses."
+            children: "Use GitHub issue and pull request comments as an AI-native messaging channel with webhook verification, policy checks, and reliable outbound dispatch."
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
@@ -842,19 +969,23 @@ function IntegrationsGmailPage() {
         children: [
           /* @__PURE__ */ jsxDEV4("h2", {
             className: "text-2xl font-bold",
-            children: "Setup"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4("p", {
-            className: "text-muted-foreground",
-            children: "Configure OAuth 2.0 credentials in Google Cloud Console:"
+            children: "Required secrets and config"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV4("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
             children: /* @__PURE__ */ jsxDEV4("pre", {
-              children: `# .env
-GOOGLE_CLIENT_ID=...
-GOOGLE_CLIENT_SECRET=...
-GOOGLE_REDIRECT_URI=https://your-app.com/auth/google/callback`
+              children: `// secret payload
+{
+  "token": "ghp_...",
+  "webhookSecret": "..."
+}
+
+// optional connection config
+{
+  "defaultOwner": "lssm-tech",
+  "defaultRepo": "contractspec",
+  "apiBaseUrl": "https://api.github.com"
+}`
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
         ]
@@ -864,33 +995,55 @@ GOOGLE_REDIRECT_URI=https://your-app.com/auth/google/callback`
         children: [
           /* @__PURE__ */ jsxDEV4("h2", {
             className: "text-2xl font-bold",
-            children: "Reading emails"
+            children: "Webhook ingress"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("ul", {
+            className: "text-muted-foreground list-inside list-disc space-y-2",
+            children: [
+              /* @__PURE__ */ jsxDEV4("li", {
+                children: [
+                  "Inbound GitHub events are accepted on",
+                  " ",
+                  /* @__PURE__ */ jsxDEV4("code", {
+                    className: "bg-background/50 rounded px-2 py-1",
+                    children: "/webhooks/github/events"
+                  }, undefined, false, undefined, this),
+                  "."
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV4("li", {
+                children: [
+                  "Signatures are checked using",
+                  " ",
+                  /* @__PURE__ */ jsxDEV4("code", {
+                    className: "bg-background/50 rounded px-2 py-1",
+                    children: "x-hub-signature-256"
+                  }, undefined, false, undefined, this),
+                  " ",
+                  "and the configured webhook secret."
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV4("li", {
+                children: "Current normalization focuses on issue comment workflows and durable comment dispatch."
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV4("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV4("h2", {
+            className: "text-2xl font-bold",
+            children: "Workspace mapping"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV4("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
             children: /* @__PURE__ */ jsxDEV4("pre", {
-              children: `capabilityId: gmail-list-messages
-provider:
-  type: gmail
-  operation: listMessages
-
-inputs:
-  query:
-    type: string
-    description: "Gmail search query"
-  maxResults:
-    type: number
-    default: 10
+              children: `CHANNEL_WORKSPACE_MAP_GITHUB={"lssm-tech/contractspec":"workspace-acme"}
 
-outputs:
-  messages:
-    type: array
-    items:
-      type: object
-      properties:
-        id: string
-        threadId: string
-        snippet: string`
+# Optional dev fallback (off by default)
+CHANNEL_ALLOW_UNMAPPED_WORKSPACE=0`
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
         ]
@@ -900,22 +1053,19 @@ outputs:
         children: [
           /* @__PURE__ */ jsxDEV4("h2", {
             className: "text-2xl font-bold",
-            children: "Use cases"
+            children: "Best practices"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV4("ul", {
             className: "text-muted-foreground list-inside list-disc space-y-2",
             children: [
               /* @__PURE__ */ jsxDEV4("li", {
-                children: "Parse support emails and create tickets"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4("li", {
-                children: "Extract attachments and process them"
+                children: "Use a least-privileged token scoped for comment operations."
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV4("li", {
-                children: "Build email-to-task workflows"
+                children: "Route repositories explicitly with workspace maps in multi-tenant environments."
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV4("li", {
-                children: "Monitor specific email threads"
+                children: "Keep dispatch endpoints protected with token or bearer auth."
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this)
@@ -925,15 +1075,15 @@ outputs:
         className: "flex items-center gap-4 pt-4",
         children: [
           /* @__PURE__ */ jsxDEV4(Link3, {
-            href: "/docs/integrations/resend",
+            href: "/docs/integrations/slack",
             className: "btn-ghost",
-            children: "Previous: Resend"
+            children: "Previous: Slack Messaging"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV4(Link3, {
-            href: "/docs/integrations/google-calendar",
+            href: "/docs/integrations/whatsapp-meta",
             className: "btn-primary",
             children: [
-              "Next: Google Calendar ",
+              "Next: WhatsApp Meta ",
               /* @__PURE__ */ jsxDEV4(ChevronRight3, {
                 size: 16
               }, undefined, false, undefined, this)
@@ -945,11 +1095,11 @@ outputs:
   }, undefined, true, undefined, this);
 }
 
-// src/components/docs/integrations/IntegrationsGoogleCalendarPage.tsx
+// src/components/docs/integrations/IntegrationsGmailPage.tsx
 import Link4 from "@contractspec/lib.ui-link";
 import { ChevronRight as ChevronRight4 } from "lucide-react";
 import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
-function IntegrationsGoogleCalendarPage() {
+function IntegrationsGmailPage() {
   return /* @__PURE__ */ jsxDEV5("div", {
     className: "space-y-8",
     children: [
@@ -958,11 +1108,11 @@ function IntegrationsGoogleCalendarPage() {
         children: [
           /* @__PURE__ */ jsxDEV5("h1", {
             className: "text-4xl font-bold",
-            children: "Google Calendar"
+            children: "Gmail API"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV5("p", {
             className: "text-muted-foreground",
-            children: "Integrate Google Calendar to schedule appointments, manage availability, and sync events with your application."
+            children: "The Gmail API integration allows you to read inbound emails, manage threads, and build email-based workflows. Perfect for support tickets, email parsing, and automated responses."
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
@@ -973,13 +1123,17 @@ function IntegrationsGoogleCalendarPage() {
             className: "text-2xl font-bold",
             children: "Setup"
           }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV5("p", {
+            className: "text-muted-foreground",
+            children: "Configure OAuth 2.0 credentials in Google Cloud Console:"
+          }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV5("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
             children: /* @__PURE__ */ jsxDEV5("pre", {
               children: `# .env
 GOOGLE_CLIENT_ID=...
 GOOGLE_CLIENT_SECRET=...
-GOOGLE_CALENDAR_ID=primary`
+GOOGLE_REDIRECT_URI=https://your-app.com/auth/google/callback`
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
         ]
@@ -989,53 +1143,76 @@ GOOGLE_CALENDAR_ID=primary`
         children: [
           /* @__PURE__ */ jsxDEV5("h2", {
             className: "text-2xl font-bold",
-            children: "Creating events"
+            children: "Reading emails"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV5("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
             children: /* @__PURE__ */ jsxDEV5("pre", {
-              children: `capabilityId: calendar-create-event
+              children: `capabilityId: gmail-list-messages
 provider:
-  type: google-calendar
-  operation: createEvent
+  type: gmail
+  operation: listMessages
 
 inputs:
-  summary:
-    type: string
-  description:
+  query:
     type: string
-    optional: true
-  startTime:
-    type: timestamp
-  endTime:
-    type: timestamp
-  attendees:
-    type: array
-    items:
-      type: string
+    description: "Gmail search query"
+  maxResults:
+    type: number
+    default: 10
 
 outputs:
-  eventId:
-    type: string
-  htmlLink:
-    type: string`
+  messages:
+    type: array
+    items:
+      type: object
+      properties:
+        id: string
+        threadId: string
+        snippet: string`
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV5("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV5("h2", {
+            className: "text-2xl font-bold",
+            children: "Use cases"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV5("ul", {
+            className: "text-muted-foreground list-inside list-disc space-y-2",
+            children: [
+              /* @__PURE__ */ jsxDEV5("li", {
+                children: "Parse support emails and create tickets"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV5("li", {
+                children: "Extract attachments and process them"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV5("li", {
+                children: "Build email-to-task workflows"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV5("li", {
+                children: "Monitor specific email threads"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
       /* @__PURE__ */ jsxDEV5("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
           /* @__PURE__ */ jsxDEV5(Link4, {
-            href: "/docs/integrations/gmail",
+            href: "/docs/integrations/resend",
             className: "btn-ghost",
-            children: "Previous: Gmail API"
+            children: "Previous: Resend"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV5(Link4, {
-            href: "/docs/integrations/openai",
+            href: "/docs/integrations/google-calendar",
             className: "btn-primary",
             children: [
-              "Next: OpenAI ",
+              "Next: Google Calendar ",
               /* @__PURE__ */ jsxDEV5(ChevronRight4, {
                 size: 16
               }, undefined, false, undefined, this)
@@ -1047,11 +1224,11 @@ outputs:
   }, undefined, true, undefined, this);
 }
 
-// src/components/docs/integrations/IntegrationsOpenAIPage.tsx
+// src/components/docs/integrations/IntegrationsGoogleCalendarPage.tsx
 import Link5 from "@contractspec/lib.ui-link";
 import { ChevronRight as ChevronRight5 } from "lucide-react";
 import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
-function IntegrationsOpenAIPage() {
+function IntegrationsGoogleCalendarPage() {
   return /* @__PURE__ */ jsxDEV6("div", {
     className: "space-y-8",
     children: [
@@ -1060,11 +1237,11 @@ function IntegrationsOpenAIPage() {
         children: [
           /* @__PURE__ */ jsxDEV6("h1", {
             className: "text-4xl font-bold",
-            children: "OpenAI"
+            children: "Google Calendar"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV6("p", {
             className: "text-muted-foreground",
-            children: "Integrate OpenAI's powerful AI models for chat completion, embeddings, and speech-to-text. Build intelligent features with GPT-4, generate embeddings for semantic search, and transcribe audio with Whisper."
+            children: "Integrate Google Calendar to schedule appointments, manage availability, and sync events with your application."
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
@@ -1079,8 +1256,9 @@ function IntegrationsOpenAIPage() {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
             children: /* @__PURE__ */ jsxDEV6("pre", {
               children: `# .env
-OPENAI_API_KEY=sk-...
-OPENAI_ORGANIZATION=org-...`
+GOOGLE_CLIENT_ID=...
+GOOGLE_CLIENT_SECRET=...
+GOOGLE_CALENDAR_ID=primary`
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
         ]
@@ -1090,11 +1268,477 @@ OPENAI_ORGANIZATION=org-...`
         children: [
           /* @__PURE__ */ jsxDEV6("h2", {
             className: "text-2xl font-bold",
-            children: "Chat completions"
+            children: "Creating events"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV6("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
             children: /* @__PURE__ */ jsxDEV6("pre", {
+              children: `capabilityId: calendar-create-event
+provider:
+  type: google-calendar
+  operation: createEvent
+
+inputs:
+  summary:
+    type: string
+  description:
+    type: string
+    optional: true
+  startTime:
+    type: timestamp
+  endTime:
+    type: timestamp
+  attendees:
+    type: array
+    items:
+      type: string
+
+outputs:
+  eventId:
+    type: string
+  htmlLink:
+    type: string`
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV6("div", {
+        className: "flex items-center gap-4 pt-4",
+        children: [
+          /* @__PURE__ */ jsxDEV6(Link5, {
+            href: "/docs/integrations/gmail",
+            className: "btn-ghost",
+            children: "Previous: Gmail API"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV6(Link5, {
+            href: "/docs/integrations/openai",
+            className: "btn-primary",
+            children: [
+              "Next: OpenAI ",
+              /* @__PURE__ */ jsxDEV6(ChevronRight5, {
+                size: 16
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/docs/integrations/IntegrationsHealthRoutingPage.tsx
+import Link6 from "@contractspec/lib.ui-link";
+import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
+function IntegrationsHealthRoutingPage() {
+  return /* @__PURE__ */ jsxDEV7("div", {
+    className: "space-y-8",
+    children: [
+      /* @__PURE__ */ jsxDEV7("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV7("h1", {
+            className: "text-4xl font-bold",
+            children: "Health Routing Strategy"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV7("p", {
+            className: "text-muted-foreground",
+            children: "Health integrations resolve providers through deterministic transport strategy order with explicit capability gating and unofficial-route controls."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV7("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV7("h2", {
+            className: "text-2xl font-bold",
+            children: "Connection config fields"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV7("div", {
+            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            children: /* @__PURE__ */ jsxDEV7("pre", {
+              children: `{
+  "defaultTransport": "official-api",
+  "strategyOrder": [
+    "official-api",
+    "official-mcp",
+    "aggregator-api",
+    "aggregator-mcp",
+    "unofficial"
+  ],
+  "allowUnofficial": false,
+  "unofficialAllowList": ["health.peloton"],
+  "apiBaseUrl": "https://api.provider.example",
+  "mcpUrl": "https://mcp.provider.example",
+  "oauthTokenUrl": "https://api.provider.example/oauth/token"
+}`
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV7("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV7("h2", {
+            className: "text-2xl font-bold",
+            children: "Secret payload fields"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV7("div", {
+            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            children: /* @__PURE__ */ jsxDEV7("pre", {
+              children: `{
+  "apiKey": "...",
+  "accessToken": "...",
+  "refreshToken": "...",
+  "clientId": "...",
+  "clientSecret": "...",
+  "tokenExpiresAt": "2026-02-01T00:00:00.000Z",
+  "mcpAccessToken": "...",
+  "webhookSecret": "..."
+}`
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV7("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV7("h2", {
+            className: "text-2xl font-bold",
+            children: "Routing behavior"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV7("ul", {
+            className: "text-muted-foreground list-inside list-disc space-y-2",
+            children: [
+              /* @__PURE__ */ jsxDEV7("li", {
+                children: "Unsupported strategies are skipped per provider capability matrix."
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV7("li", {
+                children: "Missing credentials fail closed and fall through only when a later strategy is valid."
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV7("li", {
+                children: [
+                  "Unofficial routes are disabled unless",
+                  /* @__PURE__ */ jsxDEV7("code", {
+                    className: "bg-background/50 ml-1 rounded px-2 py-1",
+                    children: "allowUnofficial"
+                  }, undefined, false, undefined, this),
+                  "is true."
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV7("li", {
+                children: [
+                  "When",
+                  /* @__PURE__ */ jsxDEV7("code", {
+                    className: "bg-background/50 ml-1 rounded px-2 py-1",
+                    children: "unofficialAllowList"
+                  }, undefined, false, undefined, this),
+                  "is set, only listed provider keys can route unofficially."
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV7("li", {
+                children: [
+                  "OAuth refresh uses",
+                  /* @__PURE__ */ jsxDEV7("code", {
+                    className: "bg-background/50 ml-1 rounded px-2 py-1",
+                    children: "oauthTokenUrl"
+                  }, undefined, false, undefined, this),
+                  "with refresh/client credentials when APIs return 401."
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV7("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV7("h2", {
+            className: "text-2xl font-bold",
+            children: "Provider guidance"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV7("ul", {
+            className: "text-muted-foreground list-inside list-disc space-y-2",
+            children: [
+              /* @__PURE__ */ jsxDEV7("li", {
+                children: "Use official APIs when available (Whoop, Oura, Strava, Fitbit)."
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV7("li", {
+                children: "Use aggregator routing for providers without stable official APIs (Garmin, MyFitnessPal, Eight Sleep, Peloton)."
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV7("li", {
+                children: "Keep unofficial automation opt-in and auditable for production."
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV7("div", {
+        className: "flex items-center gap-4 pt-4",
+        children: [
+          /* @__PURE__ */ jsxDEV7(Link6, {
+            href: "/docs/integrations/whatsapp-twilio",
+            className: "btn-ghost",
+            children: "Previous: WhatsApp Twilio"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV7(Link6, {
+            href: "/docs/integrations",
+            className: "btn-primary",
+            children: "Back to Integrations"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/docs/integrations/IntegrationsMistralPage.tsx
+import Link7 from "@contractspec/lib.ui-link";
+import { ChevronRight as ChevronRight6 } from "lucide-react";
+import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
+function IntegrationsMistralPage() {
+  return /* @__PURE__ */ jsxDEV8("div", {
+    className: "space-y-8",
+    children: [
+      /* @__PURE__ */ jsxDEV8("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV8("h1", {
+            className: "text-4xl font-bold",
+            children: "Mistral"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV8("p", {
+            className: "text-muted-foreground",
+            children: "Integrate Mistral models for chat, reasoning, embeddings, speech-to-text, and conversational voice workflows. ContractSpec ships first-class Mistral support across contracts, provider runtime wiring, and CLI provider selection."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV8("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV8("h2", {
+            className: "text-2xl font-bold",
+            children: "Setup"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV8("div", {
+            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            children: /* @__PURE__ */ jsxDEV8("pre", {
+              children: `# .env
+MISTRAL_API_KEY=...`
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV8("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV8("h2", {
+            className: "text-2xl font-bold",
+            children: "Chat and reasoning"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV8("div", {
+            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            children: /* @__PURE__ */ jsxDEV8("pre", {
+              children: `capabilityId: mistral-chat
+provider:
+  type: mistral
+  operation: chatCompletion
+
+inputs:
+  messages:
+    type: array
+  model:
+    type: string
+    default: "mistral-large-latest"
+  temperature:
+    type: number
+    optional: true
+
+outputs:
+  content:
+    type: string
+  usage:
+    type: object`
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV8("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV8("h2", {
+            className: "text-2xl font-bold",
+            children: "Embeddings"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV8("div", {
+            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            children: /* @__PURE__ */ jsxDEV8("pre", {
+              children: `capabilityId: mistral-embeddings
+provider:
+  type: mistral
+  operation: createEmbedding
+
+inputs:
+  text:
+    type: string
+  model:
+    type: string
+    default: "mistral-embed"
+
+outputs:
+  embedding:
+    type: array
+    items:
+      type: number`
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV8("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV8("h2", {
+            className: "text-2xl font-bold",
+            children: "Speech-to-Text (Voxtral)"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV8("div", {
+            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            children: /* @__PURE__ */ jsxDEV8("pre", {
+              children: `capabilityId: mistral-stt
+provider:
+  type: mistral
+  operation: transcribe
+
+inputs:
+  audio:
+    type: bytes
+  format:
+    type: string
+  language:
+    type: string
+    optional: true
+
+outputs:
+  text:
+    type: string
+  segments:
+    type: array
+  language:
+    type: string`
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV8("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV8("h2", {
+            className: "text-2xl font-bold",
+            children: "Conversational voice sessions"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV8("p", {
+            className: "text-muted-foreground",
+            children: "Use the conversational provider for session-based realtime voice flows (turn handling, events, and interruption-safe streaming)."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV8("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV8("h2", {
+            className: "text-2xl font-bold",
+            children: "Best practices"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV8("ul", {
+            className: "text-muted-foreground list-inside list-disc space-y-2",
+            children: [
+              /* @__PURE__ */ jsxDEV8("li", {
+                children: "Choose model families by workload: coding, reasoning, or speech"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV8("li", {
+                children: "Persist session IDs for conversational continuity across turns"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV8("li", {
+                children: "Capture token and latency telemetry for provider-level tuning"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV8("li", {
+                children: "Set explicit fallbacks for network and rate-limit failures"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV8("div", {
+        className: "flex items-center gap-4 pt-4",
+        children: [
+          /* @__PURE__ */ jsxDEV8(Link7, {
+            href: "/docs/integrations/openai",
+            className: "btn-ghost",
+            children: "Previous: OpenAI"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV8(Link7, {
+            href: "/docs/integrations/elevenlabs",
+            className: "btn-primary",
+            children: [
+              "Next: ElevenLabs ",
+              /* @__PURE__ */ jsxDEV8(ChevronRight6, {
+                size: 16
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/docs/integrations/IntegrationsOpenAIPage.tsx
+import Link8 from "@contractspec/lib.ui-link";
+import { ChevronRight as ChevronRight7 } from "lucide-react";
+import { jsxDEV as jsxDEV9 } from "react/jsx-dev-runtime";
+function IntegrationsOpenAIPage() {
+  return /* @__PURE__ */ jsxDEV9("div", {
+    className: "space-y-8",
+    children: [
+      /* @__PURE__ */ jsxDEV9("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV9("h1", {
+            className: "text-4xl font-bold",
+            children: "OpenAI"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV9("p", {
+            className: "text-muted-foreground",
+            children: "Integrate OpenAI's powerful AI models for chat completion, embeddings, and speech-to-text. Build intelligent features with GPT-4, generate embeddings for semantic search, and transcribe audio with Whisper."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV9("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV9("h2", {
+            className: "text-2xl font-bold",
+            children: "Setup"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV9("div", {
+            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            children: /* @__PURE__ */ jsxDEV9("pre", {
+              children: `# .env
+OPENAI_API_KEY=sk-...
+OPENAI_ORGANIZATION=org-...`
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV9("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV9("h2", {
+            className: "text-2xl font-bold",
+            children: "Chat completions"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV9("div", {
+            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            children: /* @__PURE__ */ jsxDEV9("pre", {
               children: `capabilityId: openai-chat
 provider:
   type: openai
@@ -1125,16 +1769,16 @@ outputs:
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV6("div", {
+      /* @__PURE__ */ jsxDEV9("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV6("h2", {
+          /* @__PURE__ */ jsxDEV9("h2", {
             className: "text-2xl font-bold",
             children: "Embeddings"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV6("div", {
+          /* @__PURE__ */ jsxDEV9("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-            children: /* @__PURE__ */ jsxDEV6("pre", {
+            children: /* @__PURE__ */ jsxDEV9("pre", {
               children: `capabilityId: openai-embeddings
 provider:
   type: openai
@@ -1156,16 +1800,16 @@ outputs:
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV6("div", {
+      /* @__PURE__ */ jsxDEV9("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV6("h2", {
+          /* @__PURE__ */ jsxDEV9("h2", {
             className: "text-2xl font-bold",
             children: "Whisper (Speech-to-Text)"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV6("div", {
+          /* @__PURE__ */ jsxDEV9("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-            children: /* @__PURE__ */ jsxDEV6("pre", {
+            children: /* @__PURE__ */ jsxDEV9("pre", {
               children: `capabilityId: openai-transcribe
 provider:
   type: openai
@@ -1187,49 +1831,49 @@ outputs:
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV6("div", {
+      /* @__PURE__ */ jsxDEV9("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV6("h2", {
+          /* @__PURE__ */ jsxDEV9("h2", {
             className: "text-2xl font-bold",
             children: "Best practices"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV6("ul", {
+          /* @__PURE__ */ jsxDEV9("ul", {
             className: "text-muted-foreground list-inside list-disc space-y-2",
             children: [
-              /* @__PURE__ */ jsxDEV6("li", {
+              /* @__PURE__ */ jsxDEV9("li", {
                 children: "Use streaming for real-time chat responses"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV6("li", {
+              /* @__PURE__ */ jsxDEV9("li", {
                 children: "Cache embeddings to reduce API costs"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV6("li", {
+              /* @__PURE__ */ jsxDEV9("li", {
                 children: "Implement rate limiting to avoid quota issues"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV6("li", {
+              /* @__PURE__ */ jsxDEV9("li", {
                 children: "Store conversation history for context"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV6("li", {
+              /* @__PURE__ */ jsxDEV9("li", {
                 children: "Monitor token usage and costs"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV6("div", {
+      /* @__PURE__ */ jsxDEV9("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsxDEV6(Link5, {
+          /* @__PURE__ */ jsxDEV9(Link8, {
             href: "/docs/integrations/google-calendar",
             className: "btn-ghost",
             children: "Previous: Google Calendar"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV6(Link5, {
-            href: "/docs/integrations/elevenlabs",
+          /* @__PURE__ */ jsxDEV9(Link8, {
+            href: "/docs/integrations/mistral",
             className: "btn-primary",
             children: [
-              "Next: ElevenLabs ",
-              /* @__PURE__ */ jsxDEV6(ChevronRight5, {
+              "Next: Mistral ",
+              /* @__PURE__ */ jsxDEV9(ChevronRight7, {
                 size: 16
               }, undefined, false, undefined, this)
             ]
@@ -1241,52 +1885,52 @@ outputs:
 }
 
 // src/components/docs/integrations/IntegrationsPostmarkPage.tsx
-import Link6 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight6 } from "lucide-react";
-import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
+import Link9 from "@contractspec/lib.ui-link";
+import { ChevronRight as ChevronRight8 } from "lucide-react";
+import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
 function IntegrationsPostmarkPage() {
-  return /* @__PURE__ */ jsxDEV7("div", {
+  return /* @__PURE__ */ jsxDEV10("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxDEV7("div", {
+      /* @__PURE__ */ jsxDEV10("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV7("h1", {
+          /* @__PURE__ */ jsxDEV10("h1", {
             className: "text-4xl font-bold",
             children: "Postmark"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV7("p", {
+          /* @__PURE__ */ jsxDEV10("p", {
             className: "text-muted-foreground",
             children: "Postmark is a transactional email service with industry-leading deliverability. Use it to send order confirmations, password resets, notifications, and other critical emails."
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV7("div", {
+      /* @__PURE__ */ jsxDEV10("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV7("h2", {
+          /* @__PURE__ */ jsxDEV10("h2", {
             className: "text-2xl font-bold",
             children: "Setup"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV7("p", {
+          /* @__PURE__ */ jsxDEV10("p", {
             className: "text-muted-foreground",
             children: "Add your Postmark credentials to your environment variables:"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV7("div", {
+          /* @__PURE__ */ jsxDEV10("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-            children: /* @__PURE__ */ jsxDEV7("pre", {
+            children: /* @__PURE__ */ jsxDEV10("pre", {
               children: `# .env
 POSTMARK_API_TOKEN=...
 POSTMARK_FROM_EMAIL=noreply@example.com
 POSTMARK_FROM_NAME="Your App Name"`
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV7("p", {
+          /* @__PURE__ */ jsxDEV10("p", {
             className: "text-muted-foreground text-sm",
             children: [
               "Get your API token from the",
               " ",
-              /* @__PURE__ */ jsxDEV7("a", {
+              /* @__PURE__ */ jsxDEV10("a", {
                 href: "https://account.postmarkapp.com/servers",
                 target: "_blank",
                 rel: "noopener noreferrer",
@@ -1298,16 +1942,16 @@ POSTMARK_FROM_NAME="Your App Name"`
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV7("div", {
+      /* @__PURE__ */ jsxDEV10("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV7("h2", {
+          /* @__PURE__ */ jsxDEV10("h2", {
             className: "text-2xl font-bold",
             children: "Sending emails"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV7("div", {
+          /* @__PURE__ */ jsxDEV10("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-            children: /* @__PURE__ */ jsxDEV7("pre", {
+            children: /* @__PURE__ */ jsxDEV10("pre", {
               children: `capabilityId: send-email
 provider:
   type: postmark
@@ -1341,20 +1985,20 @@ outputs:
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV7("div", {
+      /* @__PURE__ */ jsxDEV10("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV7("h2", {
+          /* @__PURE__ */ jsxDEV10("h2", {
             className: "text-2xl font-bold",
             children: "Using templates"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV7("p", {
+          /* @__PURE__ */ jsxDEV10("p", {
             className: "text-muted-foreground",
             children: "Postmark templates allow you to design emails in their dashboard and populate them with data:"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV7("div", {
+          /* @__PURE__ */ jsxDEV10("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-            children: /* @__PURE__ */ jsxDEV7("pre", {
+            children: /* @__PURE__ */ jsxDEV10("pre", {
               children: `capabilityId: send-welcome-email
 provider:
   type: postmark
@@ -1375,65 +2019,65 @@ config:
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV7("div", {
+      /* @__PURE__ */ jsxDEV10("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV7("h2", {
+          /* @__PURE__ */ jsxDEV10("h2", {
             className: "text-2xl font-bold",
             children: "Webhooks"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV7("p", {
+          /* @__PURE__ */ jsxDEV10("p", {
             className: "text-muted-foreground",
             children: "Postmark can notify your app about delivery, bounces, and opens:"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV7("div", {
+          /* @__PURE__ */ jsxDEV10("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-            children: /* @__PURE__ */ jsxDEV7("pre", {
+            children: /* @__PURE__ */ jsxDEV10("pre", {
               children: `https://your-app.com/api/webhooks/postmark`
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV7("p", {
+          /* @__PURE__ */ jsxDEV10("p", {
             className: "text-muted-foreground",
             children: "ContractSpec automatically processes these webhook events:"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV7("ul", {
+          /* @__PURE__ */ jsxDEV10("ul", {
             className: "text-muted-foreground list-inside list-disc space-y-2",
             children: [
-              /* @__PURE__ */ jsxDEV7("li", {
+              /* @__PURE__ */ jsxDEV10("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV7("strong", {
+                  /* @__PURE__ */ jsxDEV10("strong", {
                     children: "Delivery"
                   }, undefined, false, undefined, this),
                   " – Email was successfully delivered"
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV7("li", {
+              /* @__PURE__ */ jsxDEV10("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV7("strong", {
+                  /* @__PURE__ */ jsxDEV10("strong", {
                     children: "Bounce"
                   }, undefined, false, undefined, this),
                   " – Email bounced (hard or soft)"
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV7("li", {
+              /* @__PURE__ */ jsxDEV10("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV7("strong", {
+                  /* @__PURE__ */ jsxDEV10("strong", {
                     children: "SpamComplaint"
                   }, undefined, false, undefined, this),
                   " – Recipient marked email as spam"
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV7("li", {
+              /* @__PURE__ */ jsxDEV10("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV7("strong", {
+                  /* @__PURE__ */ jsxDEV10("strong", {
                     children: "Open"
                   }, undefined, false, undefined, this),
                   " – Recipient opened the email"
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV7("li", {
+              /* @__PURE__ */ jsxDEV10("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV7("strong", {
+                  /* @__PURE__ */ jsxDEV10("strong", {
                     children: "Click"
                   }, undefined, false, undefined, this),
                   " – Recipient clicked a link"
@@ -1443,52 +2087,52 @@ config:
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV7("div", {
+      /* @__PURE__ */ jsxDEV10("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV7("h2", {
+          /* @__PURE__ */ jsxDEV10("h2", {
             className: "text-2xl font-bold",
             children: "Best practices"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV7("ul", {
+          /* @__PURE__ */ jsxDEV10("ul", {
             className: "text-muted-foreground list-inside list-disc space-y-2",
             children: [
-              /* @__PURE__ */ jsxDEV7("li", {
+              /* @__PURE__ */ jsxDEV10("li", {
                 children: "Use templates for consistent branding"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV7("li", {
+              /* @__PURE__ */ jsxDEV10("li", {
                 children: "Always provide both HTML and plain text versions"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV7("li", {
+              /* @__PURE__ */ jsxDEV10("li", {
                 children: "Monitor bounce rates and remove invalid addresses"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV7("li", {
+              /* @__PURE__ */ jsxDEV10("li", {
                 children: "Use message streams to separate different email types"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV7("li", {
+              /* @__PURE__ */ jsxDEV10("li", {
                 children: "Test emails in the Postmark sandbox before going live"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV7("li", {
+              /* @__PURE__ */ jsxDEV10("li", {
                 children: "Set up DKIM and SPF records for your domain"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV7("div", {
+      /* @__PURE__ */ jsxDEV10("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsxDEV7(Link6, {
+          /* @__PURE__ */ jsxDEV10(Link9, {
             href: "/docs/integrations/stripe",
             className: "btn-ghost",
             children: "Previous: Stripe"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV7(Link6, {
+          /* @__PURE__ */ jsxDEV10(Link9, {
             href: "/docs/integrations/resend",
             className: "btn-primary",
             children: [
               "Next: Resend ",
-              /* @__PURE__ */ jsxDEV7(ChevronRight6, {
+              /* @__PURE__ */ jsxDEV10(ChevronRight8, {
                 size: 16
               }, undefined, false, undefined, this)
             ]
@@ -1500,40 +2144,40 @@ config:
 }
 
 // src/components/docs/integrations/IntegrationsPowensPage.tsx
-import Link7 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight7 } from "lucide-react";
-import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
+import Link10 from "@contractspec/lib.ui-link";
+import { ChevronRight as ChevronRight9 } from "lucide-react";
+import { jsxDEV as jsxDEV11 } from "react/jsx-dev-runtime";
 function IntegrationsPowensPage() {
-  return /* @__PURE__ */ jsxDEV8("div", {
+  return /* @__PURE__ */ jsxDEV11("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxDEV8("div", {
+      /* @__PURE__ */ jsxDEV11("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV8("h1", {
+          /* @__PURE__ */ jsxDEV11("h1", {
             className: "text-4xl font-bold",
             children: "Powens Open Banking"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV8("p", {
+          /* @__PURE__ */ jsxDEV11("p", {
             className: "text-muted-foreground",
             children: "Powens provides read-only open banking connectivity for ContractSpec applications. The reference integration powers Pocket Family Office by synchronising household bank accounts, transactions, and balances while keeping all raw PII protected."
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV8("div", {
+      /* @__PURE__ */ jsxDEV11("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV8("h2", {
+          /* @__PURE__ */ jsxDEV11("h2", {
             className: "text-2xl font-bold",
             children: "Setup"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV8("p", {
+          /* @__PURE__ */ jsxDEV11("p", {
             className: "text-muted-foreground",
             children: "Create a Powens BYOK project, then store the credentials in your secret manager. The ContractSpec integration expects the following fields:"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV8("div", {
+          /* @__PURE__ */ jsxDEV11("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-            children: /* @__PURE__ */ jsxDEV8("pre", {
+            children: /* @__PURE__ */ jsxDEV11("pre", {
               children: `{
   "clientId": "powens-client-id",
   "clientSecret": "powens-client-secret",
@@ -1542,25 +2186,25 @@ function IntegrationsPowensPage() {
 }`
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV8("p", {
+          /* @__PURE__ */ jsxDEV11("p", {
             className: "text-muted-foreground text-sm",
             children: "Configure non-secret settings on the integration connection:"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV8("div", {
+          /* @__PURE__ */ jsxDEV11("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-            children: /* @__PURE__ */ jsxDEV8("pre", {
+            children: /* @__PURE__ */ jsxDEV11("pre", {
               children: `environment: sandbox | production
 baseUrl?: https://api-sandbox.powens.com/v2
 region?: eu-west-1
 pollingIntervalMs?: 300000`
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV8("p", {
+          /* @__PURE__ */ jsxDEV11("p", {
             className: "text-muted-foreground text-sm",
             children: [
               "See the",
               " ",
-              /* @__PURE__ */ jsxDEV8("a", {
+              /* @__PURE__ */ jsxDEV11("a", {
                 href: "https://docs.powens.com/documentation/integration-guides/quick-start/api-overview",
                 target: "_blank",
                 rel: "noopener noreferrer",
@@ -1573,16 +2217,16 @@ pollingIntervalMs?: 300000`
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV8("div", {
+      /* @__PURE__ */ jsxDEV11("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV8("h2", {
+          /* @__PURE__ */ jsxDEV11("h2", {
             className: "text-2xl font-bold",
             children: "Capabilities"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV8("div", {
+          /* @__PURE__ */ jsxDEV11("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-            children: /* @__PURE__ */ jsxDEV8("pre", {
+            children: /* @__PURE__ */ jsxDEV11("pre", {
               children: `capabilityId: openbanking.accounts.read
 provider:
   type: openbanking.powens
@@ -1635,26 +2279,26 @@ outputs:
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV8("div", {
+      /* @__PURE__ */ jsxDEV11("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV8("h2", {
+          /* @__PURE__ */ jsxDEV11("h2", {
             className: "text-2xl font-bold",
             children: "Primary workflows"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV8("div", {
+          /* @__PURE__ */ jsxDEV11("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV8("h3", {
+              /* @__PURE__ */ jsxDEV11("h3", {
                 className: "text-lg font-semibold",
                 children: "Account sync"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV8("p", {
+              /* @__PURE__ */ jsxDEV11("p", {
                 className: "text-muted-foreground",
                 children: [
                   "The workflow",
                   " ",
-                  /* @__PURE__ */ jsxDEV8("code", {
+                  /* @__PURE__ */ jsxDEV11("code", {
                     className: "bg-background/50 rounded px-2 py-1",
                     children: "pfo.workflow.sync-openbanking-accounts"
                   }, undefined, false, undefined, this),
@@ -1664,17 +2308,17 @@ outputs:
               }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV8("div", {
+          /* @__PURE__ */ jsxDEV11("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV8("h3", {
+              /* @__PURE__ */ jsxDEV11("h3", {
                 className: "text-lg font-semibold",
                 children: "Transaction sync"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV8("p", {
+              /* @__PURE__ */ jsxDEV11("p", {
                 className: "text-muted-foreground",
                 children: [
-                  /* @__PURE__ */ jsxDEV8("code", {
+                  /* @__PURE__ */ jsxDEV11("code", {
                     className: "bg-background/50 rounded px-2 py-1",
                     children: "pfo.workflow.sync-openbanking-transactions"
                   }, undefined, false, undefined, this),
@@ -1684,17 +2328,17 @@ outputs:
               }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV8("div", {
+          /* @__PURE__ */ jsxDEV11("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV8("h3", {
+              /* @__PURE__ */ jsxDEV11("h3", {
                 className: "text-lg font-semibold",
                 children: "Balance refresh"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV8("p", {
+              /* @__PURE__ */ jsxDEV11("p", {
                 className: "text-muted-foreground",
                 children: [
-                  /* @__PURE__ */ jsxDEV8("code", {
+                  /* @__PURE__ */ jsxDEV11("code", {
                     className: "bg-background/50 rounded px-2 py-1",
                     children: "pfo.workflow.refresh-openbanking-balances"
                   }, undefined, false, undefined, this),
@@ -1704,23 +2348,23 @@ outputs:
               }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV8("div", {
+          /* @__PURE__ */ jsxDEV11("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV8("h3", {
+              /* @__PURE__ */ jsxDEV11("h3", {
                 className: "text-lg font-semibold",
                 children: "Derived financial overview"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV8("p", {
+              /* @__PURE__ */ jsxDEV11("p", {
                 className: "text-muted-foreground",
                 children: [
-                  /* @__PURE__ */ jsxDEV8("code", {
+                  /* @__PURE__ */ jsxDEV11("code", {
                     className: "bg-background/50 rounded px-2 py-1",
                     children: "pfo.workflow.generate-openbanking-overview"
                   }, undefined, false, undefined, this),
                   " ",
                   "aggregates balances, category breakdowns, and cashflow trends into the ",
-                  /* @__PURE__ */ jsxDEV8("code", {
+                  /* @__PURE__ */ jsxDEV11("code", {
                     children: "knowledge.financial-overview"
                   }, undefined, false, undefined, this),
                   " space. Only derived summaries are exposed to LLMs."
@@ -1730,28 +2374,28 @@ outputs:
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV8("div", {
+      /* @__PURE__ */ jsxDEV11("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV8("h2", {
+          /* @__PURE__ */ jsxDEV11("h2", {
             className: "text-2xl font-bold",
             children: "Telemetry & guardrails"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV8("ul", {
+          /* @__PURE__ */ jsxDEV11("ul", {
             className: "text-muted-foreground list-inside list-disc space-y-2",
             children: [
-              /* @__PURE__ */ jsxDEV8("li", {
+              /* @__PURE__ */ jsxDEV11("li", {
                 children: [
                   "Telemetry events such as",
                   " ",
-                  /* @__PURE__ */ jsxDEV8("code", {
+                  /* @__PURE__ */ jsxDEV11("code", {
                     className: "bg-background/50 rounded px-2 py-1",
                     children: "openbanking.accounts.synced"
                   }, undefined, false, undefined, this),
                   " ",
                   "and",
                   " ",
-                  /* @__PURE__ */ jsxDEV8("code", {
+                  /* @__PURE__ */ jsxDEV11("code", {
                     className: "bg-background/50 rounded px-2 py-1",
                     children: "openbanking.transactions.synced"
                   }, undefined, false, undefined, this),
@@ -1759,11 +2403,11 @@ outputs:
                   "are emitted automatically with tenant, slot, and config metadata."
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV8("li", {
+              /* @__PURE__ */ jsxDEV11("li", {
                 children: [
                   "Guard helpers ensure the",
                   " ",
-                  /* @__PURE__ */ jsxDEV8("code", {
+                  /* @__PURE__ */ jsxDEV11("code", {
                     className: "bg-background/50 rounded px-2 py-1",
                     children: "primaryOpenBanking"
                   }, undefined, false, undefined, this),
@@ -1771,11 +2415,11 @@ outputs:
                   "slot is bound and healthy before workflows execute."
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV8("li", {
+              /* @__PURE__ */ jsxDEV11("li", {
                 children: [
                   "PII fields (IBAN, counterparty names, descriptions) are redacted via",
                   " ",
-                  /* @__PURE__ */ jsxDEV8("code", {
+                  /* @__PURE__ */ jsxDEV11("code", {
                     className: "bg-background/50 rounded px-2 py-1",
                     children: "redactOpenBankingTelemetryPayload"
                   }, undefined, false, undefined, this),
@@ -1787,33 +2431,33 @@ outputs:
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV8("div", {
+      /* @__PURE__ */ jsxDEV11("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV8("h2", {
+          /* @__PURE__ */ jsxDEV11("h2", {
             className: "text-2xl font-bold",
             children: "Best practices"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV8("ul", {
+          /* @__PURE__ */ jsxDEV11("ul", {
             className: "text-muted-foreground list-inside list-disc space-y-2",
             children: [
-              /* @__PURE__ */ jsxDEV8("li", {
+              /* @__PURE__ */ jsxDEV11("li", {
                 children: "Use BYOK credentials per tenant to avoid cross-tenant exposure."
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV8("li", {
+              /* @__PURE__ */ jsxDEV11("li", {
                 children: "Store only canonical entities (BankAccountRecord, BankTransactionRecord). Never persist raw Powens payloads or customer PII in logs."
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV8("li", {
+              /* @__PURE__ */ jsxDEV11("li", {
                 children: "Run the transaction sync on a schedule appropriate for banking SLAs (e.g. every 15 minutes for cashflow dashboards)."
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV8("li", {
+              /* @__PURE__ */ jsxDEV11("li", {
                 children: "Pair ledger updates with derived summaries to feed the knowledge layer instead of exposing raw transactions to agents."
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV8("li", {
+              /* @__PURE__ */ jsxDEV11("li", {
                 children: [
                   "Monitor telemetry for",
                   " ",
-                  /* @__PURE__ */ jsxDEV8("code", {
+                  /* @__PURE__ */ jsxDEV11("code", {
                     className: "bg-background/50 rounded px-2 py-1",
                     children: "openbanking.*.sync_failed"
                   }, undefined, false, undefined, this),
@@ -1825,20 +2469,20 @@ outputs:
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV8("div", {
+      /* @__PURE__ */ jsxDEV11("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsxDEV8(Link7, {
+          /* @__PURE__ */ jsxDEV11(Link10, {
             href: "/docs/integrations",
             className: "btn-ghost",
             children: "Back to Integrations"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV8(Link7, {
+          /* @__PURE__ */ jsxDEV11(Link10, {
             href: "/docs/integrations/stripe",
             className: "btn-primary",
             children: [
               "Next: Stripe ",
-              /* @__PURE__ */ jsxDEV8(ChevronRight7, {
+              /* @__PURE__ */ jsxDEV11(ChevronRight9, {
                 size: 16
               }, undefined, false, undefined, this)
             ]
@@ -1850,36 +2494,36 @@ outputs:
 }
 
 // src/components/docs/integrations/IntegrationsQdrantPage.tsx
-import Link8 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight8 } from "lucide-react";
-import { jsxDEV as jsxDEV9 } from "react/jsx-dev-runtime";
+import Link11 from "@contractspec/lib.ui-link";
+import { ChevronRight as ChevronRight10 } from "lucide-react";
+import { jsxDEV as jsxDEV12 } from "react/jsx-dev-runtime";
 function IntegrationsQdrantPage() {
-  return /* @__PURE__ */ jsxDEV9("div", {
+  return /* @__PURE__ */ jsxDEV12("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxDEV9("div", {
+      /* @__PURE__ */ jsxDEV12("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV9("h1", {
+          /* @__PURE__ */ jsxDEV12("h1", {
             className: "text-4xl font-bold",
             children: "Qdrant"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV9("p", {
+          /* @__PURE__ */ jsxDEV12("p", {
             className: "text-muted-foreground",
             children: "Qdrant is a high-performance vector database for semantic search, recommendations, and RAG (Retrieval-Augmented Generation) applications."
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV9("div", {
+      /* @__PURE__ */ jsxDEV12("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV9("h2", {
+          /* @__PURE__ */ jsxDEV12("h2", {
             className: "text-2xl font-bold",
             children: "Setup"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV9("div", {
+          /* @__PURE__ */ jsxDEV12("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-            children: /* @__PURE__ */ jsxDEV9("pre", {
+            children: /* @__PURE__ */ jsxDEV12("pre", {
               children: `# .env
 QDRANT_URL=https://...
 QDRANT_API_KEY=...
@@ -1888,16 +2532,16 @@ QDRANT_COLLECTION=documents`
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV9("div", {
+      /* @__PURE__ */ jsxDEV12("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV9("h2", {
+          /* @__PURE__ */ jsxDEV12("h2", {
             className: "text-2xl font-bold",
             children: "Storing vectors"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV9("div", {
+          /* @__PURE__ */ jsxDEV12("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-            children: /* @__PURE__ */ jsxDEV9("pre", {
+            children: /* @__PURE__ */ jsxDEV12("pre", {
               children: `capabilityId: qdrant-upsert
 provider:
   type: qdrant
@@ -1922,16 +2566,16 @@ outputs:
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV9("div", {
+      /* @__PURE__ */ jsxDEV12("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV9("h2", {
+          /* @__PURE__ */ jsxDEV12("h2", {
             className: "text-2xl font-bold",
             children: "Semantic search"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV9("div", {
+          /* @__PURE__ */ jsxDEV12("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-            children: /* @__PURE__ */ jsxDEV9("pre", {
+            children: /* @__PURE__ */ jsxDEV12("pre", {
               children: `capabilityId: qdrant-search
 provider:
   type: qdrant
@@ -1961,16 +2605,16 @@ outputs:
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV9("div", {
+      /* @__PURE__ */ jsxDEV12("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV9("h2", {
+          /* @__PURE__ */ jsxDEV12("h2", {
             className: "text-2xl font-bold",
             children: "RAG workflow example"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV9("div", {
+          /* @__PURE__ */ jsxDEV12("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-            children: /* @__PURE__ */ jsxDEV9("pre", {
+            children: /* @__PURE__ */ jsxDEV12("pre", {
               children: `workflowId: rag-query
 version: '1.0.0'.0.0
 
@@ -2001,20 +2645,20 @@ steps:
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV9("div", {
+      /* @__PURE__ */ jsxDEV12("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsxDEV9(Link8, {
+          /* @__PURE__ */ jsxDEV12(Link11, {
             href: "/docs/integrations/elevenlabs",
             className: "btn-ghost",
             children: "Previous: ElevenLabs"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV9(Link8, {
+          /* @__PURE__ */ jsxDEV12(Link11, {
             href: "/docs/integrations/s3",
             className: "btn-primary",
             children: [
               "Next: S3 Storage ",
-              /* @__PURE__ */ jsxDEV9(ChevronRight8, {
+              /* @__PURE__ */ jsxDEV12(ChevronRight10, {
                 size: 16
               }, undefined, false, undefined, this)
             ]
@@ -2026,36 +2670,36 @@ steps:
 }
 
 // src/components/docs/integrations/IntegrationsResendPage.tsx
-import Link9 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight9 } from "lucide-react";
-import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
+import Link12 from "@contractspec/lib.ui-link";
+import { ChevronRight as ChevronRight11 } from "lucide-react";
+import { jsxDEV as jsxDEV13 } from "react/jsx-dev-runtime";
 function IntegrationsResendPage() {
-  return /* @__PURE__ */ jsxDEV10("div", {
+  return /* @__PURE__ */ jsxDEV13("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxDEV10("div", {
+      /* @__PURE__ */ jsxDEV13("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV10("h1", {
+          /* @__PURE__ */ jsxDEV13("h1", {
             className: "text-4xl font-bold",
             children: "Resend"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV10("p", {
+          /* @__PURE__ */ jsxDEV13("p", {
             className: "text-muted-foreground",
             children: "Resend is a modern email API built for developers. It provides a simple, reliable way to send transactional emails with React Email templates."
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV10("div", {
+      /* @__PURE__ */ jsxDEV13("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV10("h2", {
+          /* @__PURE__ */ jsxDEV13("h2", {
             className: "text-2xl font-bold",
             children: "Setup"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV10("div", {
+          /* @__PURE__ */ jsxDEV13("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-            children: /* @__PURE__ */ jsxDEV10("pre", {
+            children: /* @__PURE__ */ jsxDEV13("pre", {
               children: `# .env
 RESEND_API_KEY=re_...
 RESEND_FROM_EMAIL=onboarding@resend.dev`
@@ -2063,16 +2707,16 @@ RESEND_FROM_EMAIL=onboarding@resend.dev`
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV10("div", {
+      /* @__PURE__ */ jsxDEV13("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV10("h2", {
+          /* @__PURE__ */ jsxDEV13("h2", {
             className: "text-2xl font-bold",
             children: "Sending emails"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV10("div", {
+          /* @__PURE__ */ jsxDEV13("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-            children: /* @__PURE__ */ jsxDEV10("pre", {
+            children: /* @__PURE__ */ jsxDEV13("pre", {
               children: `capabilityId: resend-send-email
 provider:
   type: resend
@@ -2099,43 +2743,43 @@ outputs:
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV10("div", {
+      /* @__PURE__ */ jsxDEV13("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV10("h2", {
+          /* @__PURE__ */ jsxDEV13("h2", {
             className: "text-2xl font-bold",
             children: "Best practices"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV10("ul", {
+          /* @__PURE__ */ jsxDEV13("ul", {
             className: "text-muted-foreground list-inside list-disc space-y-2",
             children: [
-              /* @__PURE__ */ jsxDEV10("li", {
+              /* @__PURE__ */ jsxDEV13("li", {
                 children: "Use React Email for type-safe templates"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV10("li", {
+              /* @__PURE__ */ jsxDEV13("li", {
                 children: "Verify your domain for better deliverability"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV10("li", {
+              /* @__PURE__ */ jsxDEV13("li", {
                 children: "Monitor email analytics in the Resend dashboard"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV10("div", {
+      /* @__PURE__ */ jsxDEV13("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsxDEV10(Link9, {
+          /* @__PURE__ */ jsxDEV13(Link12, {
             href: "/docs/integrations/postmark",
             className: "btn-ghost",
             children: "Previous: Postmark"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV10(Link9, {
+          /* @__PURE__ */ jsxDEV13(Link12, {
             href: "/docs/integrations/gmail",
             className: "btn-primary",
             children: [
               "Next: Gmail API ",
-              /* @__PURE__ */ jsxDEV10(ChevronRight9, {
+              /* @__PURE__ */ jsxDEV13(ChevronRight11, {
                 size: 16
               }, undefined, false, undefined, this)
             ]
@@ -2147,36 +2791,36 @@ outputs:
 }
 
 // src/components/docs/integrations/IntegrationsS3Page.tsx
-import Link10 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight10 } from "lucide-react";
-import { jsxDEV as jsxDEV11 } from "react/jsx-dev-runtime";
+import Link13 from "@contractspec/lib.ui-link";
+import { ChevronRight as ChevronRight12 } from "lucide-react";
+import { jsxDEV as jsxDEV14 } from "react/jsx-dev-runtime";
 function IntegrationsS3Page() {
-  return /* @__PURE__ */ jsxDEV11("div", {
+  return /* @__PURE__ */ jsxDEV14("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxDEV11("div", {
+      /* @__PURE__ */ jsxDEV14("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV11("h1", {
+          /* @__PURE__ */ jsxDEV14("h1", {
             className: "text-4xl font-bold",
             children: "S3-Compatible Storage"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV11("p", {
+          /* @__PURE__ */ jsxDEV14("p", {
             className: "text-muted-foreground",
             children: "Store files, images, and documents using any S3-compatible object storage service including AWS S3, Scaleway Object Storage, MinIO, DigitalOcean Spaces, and more."
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV11("div", {
+      /* @__PURE__ */ jsxDEV14("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV11("h2", {
+          /* @__PURE__ */ jsxDEV14("h2", {
             className: "text-2xl font-bold",
             children: "Setup"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV11("div", {
+          /* @__PURE__ */ jsxDEV14("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-            children: /* @__PURE__ */ jsxDEV11("pre", {
+            children: /* @__PURE__ */ jsxDEV14("pre", {
               children: `# .env
 S3_ENDPOINT=https://s3.fr-par.scw.cloud
 S3_ACCESS_KEY_ID=...
@@ -2187,16 +2831,16 @@ S3_REGION=fr-par`
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV11("div", {
+      /* @__PURE__ */ jsxDEV14("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV11("h2", {
+          /* @__PURE__ */ jsxDEV14("h2", {
             className: "text-2xl font-bold",
             children: "Uploading files"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV11("div", {
+          /* @__PURE__ */ jsxDEV14("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-            children: /* @__PURE__ */ jsxDEV11("pre", {
+            children: /* @__PURE__ */ jsxDEV14("pre", {
               children: `capabilityId: s3-upload
 provider:
   type: s3
@@ -2224,16 +2868,16 @@ outputs:
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV11("div", {
+      /* @__PURE__ */ jsxDEV14("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV11("h2", {
+          /* @__PURE__ */ jsxDEV14("h2", {
             className: "text-2xl font-bold",
             children: "Generating presigned URLs"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV11("div", {
+          /* @__PURE__ */ jsxDEV14("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-            children: /* @__PURE__ */ jsxDEV11("pre", {
+            children: /* @__PURE__ */ jsxDEV14("pre", {
               children: `capabilityId: s3-presigned-url
 provider:
   type: s3
@@ -2254,49 +2898,207 @@ outputs:
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV11("div", {
+      /* @__PURE__ */ jsxDEV14("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV11("h2", {
+          /* @__PURE__ */ jsxDEV14("h2", {
             className: "text-2xl font-bold",
             children: "Best practices"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV11("ul", {
+          /* @__PURE__ */ jsxDEV14("ul", {
             className: "text-muted-foreground list-inside list-disc space-y-2",
             children: [
-              /* @__PURE__ */ jsxDEV11("li", {
+              /* @__PURE__ */ jsxDEV14("li", {
                 children: "Use presigned URLs for secure, temporary access"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV11("li", {
+              /* @__PURE__ */ jsxDEV14("li", {
                 children: "Set appropriate CORS policies for browser uploads"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV11("li", {
+              /* @__PURE__ */ jsxDEV14("li", {
                 children: "Enable versioning for important files"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV11("li", {
+              /* @__PURE__ */ jsxDEV14("li", {
                 children: "Use lifecycle policies to archive old files"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV11("li", {
+              /* @__PURE__ */ jsxDEV14("li", {
                 children: "Organize files with a clear key structure"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV11("div", {
+      /* @__PURE__ */ jsxDEV14("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsxDEV11(Link10, {
+          /* @__PURE__ */ jsxDEV14(Link13, {
             href: "/docs/integrations/qdrant",
             className: "btn-ghost",
             children: "Previous: Qdrant"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV11(Link10, {
+          /* @__PURE__ */ jsxDEV14(Link13, {
             href: "/docs/integrations/twilio",
             className: "btn-primary",
             children: [
               "Next: Twilio ",
-              /* @__PURE__ */ jsxDEV11(ChevronRight10, {
+              /* @__PURE__ */ jsxDEV14(ChevronRight12, {
+                size: 16
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/docs/integrations/IntegrationsSlackPage.tsx
+import Link14 from "@contractspec/lib.ui-link";
+import { ChevronRight as ChevronRight13 } from "lucide-react";
+import { jsxDEV as jsxDEV15 } from "react/jsx-dev-runtime";
+function IntegrationsSlackPage() {
+  return /* @__PURE__ */ jsxDEV15("div", {
+    className: "space-y-8",
+    children: [
+      /* @__PURE__ */ jsxDEV15("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV15("h1", {
+            className: "text-4xl font-bold",
+            children: "Slack Messaging"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV15("p", {
+            className: "text-muted-foreground",
+            children: "ContractSpec supports signed Slack event ingestion and outbox-backed outbound replies through the channel runtime."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV15("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV15("h2", {
+            className: "text-2xl font-bold",
+            children: "Required secrets and config"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV15("div", {
+            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            children: /* @__PURE__ */ jsxDEV15("pre", {
+              children: `// secret payload
+{
+  "botToken": "xoxb-...",
+  "signingSecret": "..."
+}
+
+// optional connection config
+{
+  "defaultChannelId": "C0123456789",
+  "apiBaseUrl": "https://slack.com/api"
+}`
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV15("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV15("h2", {
+            className: "text-2xl font-bold",
+            children: "Webhook ingress"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV15("ul", {
+            className: "text-muted-foreground list-inside list-disc space-y-2",
+            children: [
+              /* @__PURE__ */ jsxDEV15("li", {
+                children: [
+                  "Inbound events are accepted on",
+                  " ",
+                  /* @__PURE__ */ jsxDEV15("code", {
+                    className: "bg-background/50 rounded px-2 py-1",
+                    children: "/webhooks/slack/events"
+                  }, undefined, false, undefined, this),
+                  "."
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV15("li", {
+                children: [
+                  "Requests are validated with Slack signatures (",
+                  /* @__PURE__ */ jsxDEV15("code", {
+                    className: "bg-background/50 rounded px-2 py-1",
+                    children: "x-slack-signature"
+                  }, undefined, false, undefined, this),
+                  " ",
+                  "+ timestamp tolerance)."
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV15("li", {
+                children: "Normalized events are deduplicated and persisted before any outbound side effects."
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV15("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV15("h2", {
+            className: "text-2xl font-bold",
+            children: "Workspace routing and dispatch"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV15("div", {
+            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            children: /* @__PURE__ */ jsxDEV15("pre", {
+              children: `# Workspace mapping (recommended)
+CHANNEL_WORKSPACE_MAP_SLACK={"T123":"workspace-acme"}
+
+# Dispatch protection
+CHANNEL_DISPATCH_TOKEN=...
+
+# Optional scheduler
+CHANNEL_DISPATCH_INTERVAL_MS=120000
+CHANNEL_DISPATCH_RUN_ON_START=1`
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV15("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV15("h2", {
+            className: "text-2xl font-bold",
+            children: "Best practices"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV15("ul", {
+            className: "text-muted-foreground list-inside list-disc space-y-2",
+            children: [
+              /* @__PURE__ */ jsxDEV15("li", {
+                children: "Keep bot tokens and signing secrets in a managed secret provider."
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV15("li", {
+                children: "Use workspace mapping to prevent cross-tenant event leakage."
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV15("li", {
+                children: "Keep dispatch asynchronous so webhook handlers stay fast and reliable."
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV15("li", {
+                children: "Monitor telemetry for ingest, decision, outbox, and dispatch stages."
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV15("div", {
+        className: "flex items-center gap-4 pt-4",
+        children: [
+          /* @__PURE__ */ jsxDEV15(Link14, {
+            href: "/docs/integrations/twilio",
+            className: "btn-ghost",
+            children: "Previous: Twilio SMS"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV15(Link14, {
+            href: "/docs/integrations/github",
+            className: "btn-primary",
+            children: [
+              "Next: GitHub Messaging ",
+              /* @__PURE__ */ jsxDEV15(ChevronRight13, {
                 size: 16
               }, undefined, false, undefined, this)
             ]
@@ -2308,46 +3110,46 @@ outputs:
 }
 
 // src/components/docs/integrations/IntegrationsSpecModelPage.tsx
-import Link11 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight11 } from "lucide-react";
-import { jsxDEV as jsxDEV12 } from "react/jsx-dev-runtime";
+import Link15 from "@contractspec/lib.ui-link";
+import { ChevronRight as ChevronRight14 } from "lucide-react";
+import { jsxDEV as jsxDEV16 } from "react/jsx-dev-runtime";
 function IntegrationsSpecModelPage() {
-  return /* @__PURE__ */ jsxDEV12("div", {
+  return /* @__PURE__ */ jsxDEV16("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxDEV12("div", {
+      /* @__PURE__ */ jsxDEV16("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV12("h1", {
+          /* @__PURE__ */ jsxDEV16("h1", {
             className: "text-4xl font-bold",
             children: "Integration Spec Model"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV12("p", {
+          /* @__PURE__ */ jsxDEV16("p", {
             className: "text-muted-foreground",
             children: "Integrations in ContractSpec are defined through typed specifications that declare capabilities, configuration requirements, and connection details. This page covers IntegrationSpec and IntegrationConnection."
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV12("div", {
+      /* @__PURE__ */ jsxDEV16("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV12("h2", {
+          /* @__PURE__ */ jsxDEV16("h2", {
             className: "text-2xl font-bold",
             children: "IntegrationSpec"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV12("p", {
+          /* @__PURE__ */ jsxDEV16("p", {
             className: "text-muted-foreground",
             children: [
               "The ",
-              /* @__PURE__ */ jsxDEV12("strong", {
+              /* @__PURE__ */ jsxDEV16("strong", {
                 children: "IntegrationSpec"
               }, undefined, false, undefined, this),
               " is a global definition of an integration provider. It declares what the integration provides and what it requires."
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV12("div", {
+          /* @__PURE__ */ jsxDEV16("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-            children: /* @__PURE__ */ jsxDEV12("pre", {
+            children: /* @__PURE__ */ jsxDEV16("pre", {
               children: `type IntegrationSpec = {
   id: string;
   label: string;
@@ -2406,16 +3208,16 @@ function IntegrationsSpecModelPage() {
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV12("div", {
+      /* @__PURE__ */ jsxDEV16("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV12("h2", {
+          /* @__PURE__ */ jsxDEV16("h2", {
             className: "text-2xl font-bold",
             children: "Example: Stripe IntegrationSpec"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV12("div", {
+          /* @__PURE__ */ jsxDEV16("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-            children: /* @__PURE__ */ jsxDEV12("pre", {
+            children: /* @__PURE__ */ jsxDEV16("pre", {
               children: `{
   id: "stripe",
   label: "Stripe",
@@ -2486,26 +3288,26 @@ function IntegrationsSpecModelPage() {
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV12("div", {
+      /* @__PURE__ */ jsxDEV16("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV12("h2", {
+          /* @__PURE__ */ jsxDEV16("h2", {
             className: "text-2xl font-bold",
             children: "IntegrationConnection"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV12("p", {
+          /* @__PURE__ */ jsxDEV16("p", {
             className: "text-muted-foreground",
             children: [
               "An ",
-              /* @__PURE__ */ jsxDEV12("strong", {
+              /* @__PURE__ */ jsxDEV16("strong", {
                 children: "IntegrationConnection"
               }, undefined, false, undefined, this),
               " is a per-tenant instance of an integration with configured credentials and environment settings."
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV12("div", {
+          /* @__PURE__ */ jsxDEV16("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-            children: /* @__PURE__ */ jsxDEV12("pre", {
+            children: /* @__PURE__ */ jsxDEV16("pre", {
               children: `type IntegrationConnection = {
   id: string;
   tenantId: string;
@@ -2535,16 +3337,16 @@ function IntegrationsSpecModelPage() {
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV12("div", {
+      /* @__PURE__ */ jsxDEV16("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV12("h2", {
+          /* @__PURE__ */ jsxDEV16("h2", {
             className: "text-2xl font-bold",
             children: "Example: Stripe IntegrationConnection"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV12("div", {
+          /* @__PURE__ */ jsxDEV16("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-            children: /* @__PURE__ */ jsxDEV12("pre", {
+            children: /* @__PURE__ */ jsxDEV16("pre", {
               children: `// Production connection
 {
   id: "conn_stripe_acme_prod",
@@ -2584,47 +3386,119 @@ function IntegrationsSpecModelPage() {
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV12("div", {
+      /* @__PURE__ */ jsxDEV16("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV12("h2", {
+          /* @__PURE__ */ jsxDEV16("h2", {
+            className: "text-2xl font-bold",
+            children: "Example: Messaging IntegrationConnection"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV16("p", {
+            className: "text-muted-foreground",
+            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."
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV16("div", {
+            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            children: /* @__PURE__ */ jsxDEV16("pre", {
+              children: `{
+  id: "conn_slack_acme_prod",
+  tenantId: "acme-corp",
+  integrationId: "messaging.slack",
+  environment: "production",
+  config: {
+    defaultChannelId: "C0123456789",
+    apiBaseUrl: "https://slack.com/api"
+  },
+  secretRef: "secret_slack_acme_prod_v1",
+  status: "connected"
+}
+
+// secret payload behind secretRef
+{
+  "botToken": "xoxb-...",
+  "signingSecret": "..."
+}`
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV16("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV16("h2", {
+            className: "text-2xl font-bold",
+            children: "Health transport strategy config"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV16("p", {
+            className: "text-muted-foreground",
+            children: "Health providers support deterministic transport routing and explicit unofficial gating in connection config."
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV16("div", {
+            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            children: /* @__PURE__ */ jsxDEV16("pre", {
+              children: `{
+  "defaultTransport": "official-api",
+  "strategyOrder": ["official-api", "aggregator-api", "unofficial"],
+  "allowUnofficial": false,
+  "unofficialAllowList": ["health.peloton"],
+  "mcpUrl": "https://mcp.provider.example",
+  "oauthTokenUrl": "https://api.provider.example/oauth/token"
+}
+
+// secret payload behind secretRef
+{
+  "accessToken": "...",
+  "refreshToken": "...",
+  "clientId": "...",
+  "clientSecret": "...",
+  "tokenExpiresAt": "2026-02-01T00:00:00.000Z",
+  "mcpAccessToken": "..."
+}`
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV16("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV16("h2", {
             className: "text-2xl font-bold",
             children: "Health checks"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV12("p", {
+          /* @__PURE__ */ jsxDEV16("p", {
             className: "text-muted-foreground",
             children: "IntegrationConnections are periodically health-checked to ensure they remain valid:"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV12("ul", {
+          /* @__PURE__ */ jsxDEV16("ul", {
             className: "text-muted-foreground list-inside list-disc space-y-2",
             children: [
-              /* @__PURE__ */ jsxDEV12("li", {
+              /* @__PURE__ */ jsxDEV16("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV12("strong", {
+                  /* @__PURE__ */ jsxDEV16("strong", {
                     children: "API key validation"
                   }, undefined, false, undefined, this),
                   " - Test that credentials are still valid"
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV12("li", {
+              /* @__PURE__ */ jsxDEV16("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV12("strong", {
+                  /* @__PURE__ */ jsxDEV16("strong", {
                     children: "Connectivity check"
                   }, undefined, false, undefined, this),
                   " - Verify network access to the provider"
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV12("li", {
+              /* @__PURE__ */ jsxDEV16("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV12("strong", {
+                  /* @__PURE__ */ jsxDEV16("strong", {
                     children: "Permission verification"
                   }, undefined, false, undefined, this),
                   " - Ensure required scopes are granted"
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV12("li", {
+              /* @__PURE__ */ jsxDEV16("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV12("strong", {
+                  /* @__PURE__ */ jsxDEV16("strong", {
                     children: "Webhook validation"
                   }, undefined, false, undefined, this),
                   " - Test webhook endpoint reachability"
@@ -2632,91 +3506,91 @@ function IntegrationsSpecModelPage() {
               }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV12("p", {
+          /* @__PURE__ */ jsxDEV16("p", {
             className: "text-muted-foreground",
             children: 'Failed health checks update the connection status to "error" and trigger alerts.'
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV12("div", {
+      /* @__PURE__ */ jsxDEV16("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV12("h2", {
+          /* @__PURE__ */ jsxDEV16("h2", {
             className: "text-2xl font-bold",
             children: "Secret management"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV12("p", {
+          /* @__PURE__ */ jsxDEV16("p", {
             className: "text-muted-foreground",
             children: "Secrets (API keys, tokens) are never stored in plaintext:"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV12("ol", {
+          /* @__PURE__ */ jsxDEV16("ol", {
             className: "text-muted-foreground list-inside list-decimal space-y-2",
             children: [
-              /* @__PURE__ */ jsxDEV12("li", {
+              /* @__PURE__ */ jsxDEV16("li", {
                 children: "User provides secrets through secure UI or API"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV12("li", {
+              /* @__PURE__ */ jsxDEV16("li", {
                 children: "Secrets are encrypted using tenant-specific keys"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV12("li", {
+              /* @__PURE__ */ jsxDEV16("li", {
                 children: "Encrypted secrets are stored in secure vault (e.g., AWS Secrets Manager)"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV12("li", {
+              /* @__PURE__ */ jsxDEV16("li", {
                 children: "IntegrationConnection stores only a reference (secretRef)"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV12("li", {
+              /* @__PURE__ */ jsxDEV16("li", {
                 children: "At runtime, secrets are decrypted on-demand and never logged"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV12("div", {
+      /* @__PURE__ */ jsxDEV16("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV12("h2", {
+          /* @__PURE__ */ jsxDEV16("h2", {
             className: "text-2xl font-bold",
             children: "Best practices"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV12("ul", {
+          /* @__PURE__ */ jsxDEV16("ul", {
             className: "text-muted-foreground list-inside list-disc space-y-2",
             children: [
-              /* @__PURE__ */ jsxDEV12("li", {
+              /* @__PURE__ */ jsxDEV16("li", {
                 children: "Always maintain separate sandbox and production connections"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV12("li", {
+              /* @__PURE__ */ jsxDEV16("li", {
                 children: "Use descriptive connection IDs that include tenant and environment"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV12("li", {
+              /* @__PURE__ */ jsxDEV16("li", {
                 children: "Monitor health check status and set up alerts for failures"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV12("li", {
+              /* @__PURE__ */ jsxDEV16("li", {
                 children: "Rotate secrets regularly and update secretRef accordingly"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV12("li", {
+              /* @__PURE__ */ jsxDEV16("li", {
                 children: "Document the purpose and ownership of each connection"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV12("li", {
+              /* @__PURE__ */ jsxDEV16("li", {
                 children: "Test connections in sandbox before enabling in production"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV12("div", {
+      /* @__PURE__ */ jsxDEV16("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsxDEV12(Link11, {
+          /* @__PURE__ */ jsxDEV16(Link15, {
             href: "/docs/integrations",
             className: "btn-ghost",
             children: "Back to Integrations"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV12(Link11, {
+          /* @__PURE__ */ jsxDEV16(Link15, {
             href: "/docs/architecture/integration-binding",
             className: "btn-primary",
             children: [
               "Integration Binding ",
-              /* @__PURE__ */ jsxDEV12(ChevronRight11, {
+              /* @__PURE__ */ jsxDEV16(ChevronRight14, {
                 size: 16
               }, undefined, false, undefined, this)
             ]
@@ -2728,52 +3602,52 @@ function IntegrationsSpecModelPage() {
 }
 
 // src/components/docs/integrations/IntegrationsStripePage.tsx
-import Link12 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight12 } from "lucide-react";
-import { jsxDEV as jsxDEV13 } from "react/jsx-dev-runtime";
+import Link16 from "@contractspec/lib.ui-link";
+import { ChevronRight as ChevronRight15 } from "lucide-react";
+import { jsxDEV as jsxDEV17 } from "react/jsx-dev-runtime";
 function IntegrationsStripePage() {
-  return /* @__PURE__ */ jsxDEV13("div", {
+  return /* @__PURE__ */ jsxDEV17("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxDEV13("div", {
+      /* @__PURE__ */ jsxDEV17("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV13("h1", {
+          /* @__PURE__ */ jsxDEV17("h1", {
             className: "text-4xl font-bold",
             children: "Stripe"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV13("p", {
+          /* @__PURE__ */ jsxDEV17("p", {
             className: "text-muted-foreground",
             children: "The Stripe integration enables payment processing, subscription management, and invoicing in your ContractSpec applications. All Stripe operations are type-safe, policy-enforced, and automatically logged."
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV13("div", {
+      /* @__PURE__ */ jsxDEV17("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV13("h2", {
+          /* @__PURE__ */ jsxDEV17("h2", {
             className: "text-2xl font-bold",
             children: "Setup"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV13("p", {
+          /* @__PURE__ */ jsxDEV17("p", {
             className: "text-muted-foreground",
             children: "Add your Stripe credentials to your environment variables:"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV13("div", {
+          /* @__PURE__ */ jsxDEV17("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-            children: /* @__PURE__ */ jsxDEV13("pre", {
+            children: /* @__PURE__ */ jsxDEV17("pre", {
               children: `# .env
 STRIPE_SECRET_KEY=sk_test_...
 STRIPE_PUBLISHABLE_KEY=pk_test_...
 STRIPE_WEBHOOK_SECRET=whsec_...`
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV13("p", {
+          /* @__PURE__ */ jsxDEV17("p", {
             className: "text-muted-foreground text-sm",
             children: [
               "Get your API keys from the",
               " ",
-              /* @__PURE__ */ jsxDEV13("a", {
+              /* @__PURE__ */ jsxDEV17("a", {
                 href: "https://dashboard.stripe.com/apikeys",
                 target: "_blank",
                 rel: "noopener noreferrer",
@@ -2785,23 +3659,23 @@ STRIPE_WEBHOOK_SECRET=whsec_...`
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV13("div", {
+      /* @__PURE__ */ jsxDEV17("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV13("h2", {
+          /* @__PURE__ */ jsxDEV17("h2", {
             className: "text-2xl font-bold",
             children: "Available capabilities"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV13("div", {
+          /* @__PURE__ */ jsxDEV17("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV13("h3", {
+              /* @__PURE__ */ jsxDEV17("h3", {
                 className: "text-lg font-semibold",
                 children: "Payment Intents"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV13("div", {
+              /* @__PURE__ */ jsxDEV17("div", {
                 className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-                children: /* @__PURE__ */ jsxDEV13("pre", {
+                children: /* @__PURE__ */ jsxDEV17("pre", {
                   children: `capabilityId: stripe-create-payment-intent
 provider:
   type: stripe
@@ -2832,16 +3706,16 @@ outputs:
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV13("div", {
+          /* @__PURE__ */ jsxDEV17("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV13("h3", {
+              /* @__PURE__ */ jsxDEV17("h3", {
                 className: "text-lg font-semibold",
                 children: "Customers"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV13("div", {
+              /* @__PURE__ */ jsxDEV17("div", {
                 className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-                children: /* @__PURE__ */ jsxDEV13("pre", {
+                children: /* @__PURE__ */ jsxDEV17("pre", {
                   children: `capabilityId: stripe-create-customer
 provider:
   type: stripe
@@ -2866,16 +3740,16 @@ outputs:
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV13("div", {
+          /* @__PURE__ */ jsxDEV17("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV13("h3", {
+              /* @__PURE__ */ jsxDEV17("h3", {
                 className: "text-lg font-semibold",
                 children: "Subscriptions"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV13("div", {
+              /* @__PURE__ */ jsxDEV17("div", {
                 className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-                children: /* @__PURE__ */ jsxDEV13("pre", {
+                children: /* @__PURE__ */ jsxDEV17("pre", {
                   children: `capabilityId: stripe-create-subscription
 provider:
   type: stripe
@@ -2903,56 +3777,56 @@ outputs:
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV13("div", {
+      /* @__PURE__ */ jsxDEV17("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV13("h2", {
+          /* @__PURE__ */ jsxDEV17("h2", {
             className: "text-2xl font-bold",
             children: "Webhooks"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV13("p", {
+          /* @__PURE__ */ jsxDEV17("p", {
             className: "text-muted-foreground",
             children: "ContractSpec automatically handles Stripe webhooks. Configure your webhook endpoint in the Stripe Dashboard:"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV13("div", {
+          /* @__PURE__ */ jsxDEV17("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-            children: /* @__PURE__ */ jsxDEV13("pre", {
+            children: /* @__PURE__ */ jsxDEV17("pre", {
               children: `https://your-app.com/api/webhooks/stripe`
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV13("p", {
+          /* @__PURE__ */ jsxDEV17("p", {
             className: "text-muted-foreground",
             children: "Subscribe to these events:"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV13("ul", {
+          /* @__PURE__ */ jsxDEV17("ul", {
             className: "text-muted-foreground list-inside list-disc space-y-2",
             children: [
-              /* @__PURE__ */ jsxDEV13("li", {
-                children: /* @__PURE__ */ jsxDEV13("code", {
+              /* @__PURE__ */ jsxDEV17("li", {
+                children: /* @__PURE__ */ jsxDEV17("code", {
                   className: "bg-background/50 rounded px-2 py-1",
                   children: "payment_intent.succeeded"
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV13("li", {
-                children: /* @__PURE__ */ jsxDEV13("code", {
+              /* @__PURE__ */ jsxDEV17("li", {
+                children: /* @__PURE__ */ jsxDEV17("code", {
                   className: "bg-background/50 rounded px-2 py-1",
                   children: "payment_intent.payment_failed"
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV13("li", {
-                children: /* @__PURE__ */ jsxDEV13("code", {
+              /* @__PURE__ */ jsxDEV17("li", {
+                children: /* @__PURE__ */ jsxDEV17("code", {
                   className: "bg-background/50 rounded px-2 py-1",
                   children: "customer.subscription.created"
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV13("li", {
-                children: /* @__PURE__ */ jsxDEV13("code", {
+              /* @__PURE__ */ jsxDEV17("li", {
+                children: /* @__PURE__ */ jsxDEV17("code", {
                   className: "bg-background/50 rounded px-2 py-1",
                   children: "customer.subscription.updated"
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV13("li", {
-                children: /* @__PURE__ */ jsxDEV13("code", {
+              /* @__PURE__ */ jsxDEV17("li", {
+                children: /* @__PURE__ */ jsxDEV17("code", {
                   className: "bg-background/50 rounded px-2 py-1",
                   children: "customer.subscription.deleted"
                 }, undefined, false, undefined, this)
@@ -2961,20 +3835,20 @@ outputs:
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV13("div", {
+      /* @__PURE__ */ jsxDEV17("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV13("h2", {
+          /* @__PURE__ */ jsxDEV17("h2", {
             className: "text-2xl font-bold",
             children: "Example workflow"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV13("p", {
+          /* @__PURE__ */ jsxDEV17("p", {
             className: "text-muted-foreground",
             children: "Here's a complete payment workflow using Stripe:"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV13("div", {
+          /* @__PURE__ */ jsxDEV17("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-            children: /* @__PURE__ */ jsxDEV13("pre", {
+            children: /* @__PURE__ */ jsxDEV17("pre", {
               children: `workflowId: process-payment
 version: '1.0.0'.0.0
 
@@ -3016,72 +3890,72 @@ steps:
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV13("div", {
+      /* @__PURE__ */ jsxDEV17("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV13("h2", {
+          /* @__PURE__ */ jsxDEV17("h2", {
             className: "text-2xl font-bold",
             children: "Testing"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV13("p", {
+          /* @__PURE__ */ jsxDEV17("p", {
             className: "text-muted-foreground",
             children: "Use Stripe's test cards for development:"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV13("div", {
+          /* @__PURE__ */ jsxDEV17("div", {
             className: "border-border/50 overflow-x-auto rounded-lg border",
-            children: /* @__PURE__ */ jsxDEV13("table", {
+            children: /* @__PURE__ */ jsxDEV17("table", {
               className: "w-full text-left text-sm",
               children: [
-                /* @__PURE__ */ jsxDEV13("thead", {
+                /* @__PURE__ */ jsxDEV17("thead", {
                   className: "bg-card/50",
-                  children: /* @__PURE__ */ jsxDEV13("tr", {
+                  children: /* @__PURE__ */ jsxDEV17("tr", {
                     className: "border-border/50 border-b",
                     children: [
-                      /* @__PURE__ */ jsxDEV13("th", {
+                      /* @__PURE__ */ jsxDEV17("th", {
                         className: "px-4 py-3 font-semibold",
                         children: "Card Number"
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV13("th", {
+                      /* @__PURE__ */ jsxDEV17("th", {
                         className: "px-4 py-3 font-semibold",
                         children: "Scenario"
                       }, undefined, false, undefined, this)
                     ]
                   }, undefined, true, undefined, this)
                 }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV13("tbody", {
+                /* @__PURE__ */ jsxDEV17("tbody", {
                   className: "divide-border/50 divide-y",
                   children: [
-                    /* @__PURE__ */ jsxDEV13("tr", {
+                    /* @__PURE__ */ jsxDEV17("tr", {
                       children: [
-                        /* @__PURE__ */ jsxDEV13("td", {
+                        /* @__PURE__ */ jsxDEV17("td", {
                           className: "px-4 py-3 font-mono",
                           children: "4242 4242 4242 4242"
                         }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV13("td", {
+                        /* @__PURE__ */ jsxDEV17("td", {
                           className: "px-4 py-3",
                           children: "Successful payment"
                         }, undefined, false, undefined, this)
                       ]
                     }, undefined, true, undefined, this),
-                    /* @__PURE__ */ jsxDEV13("tr", {
+                    /* @__PURE__ */ jsxDEV17("tr", {
                       children: [
-                        /* @__PURE__ */ jsxDEV13("td", {
+                        /* @__PURE__ */ jsxDEV17("td", {
                           className: "px-4 py-3 font-mono",
                           children: "4000 0000 0000 9995"
                         }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV13("td", {
+                        /* @__PURE__ */ jsxDEV17("td", {
                           className: "px-4 py-3",
                           children: "Insufficient funds"
                         }, undefined, false, undefined, this)
                       ]
                     }, undefined, true, undefined, this),
-                    /* @__PURE__ */ jsxDEV13("tr", {
+                    /* @__PURE__ */ jsxDEV17("tr", {
                       children: [
-                        /* @__PURE__ */ jsxDEV13("td", {
+                        /* @__PURE__ */ jsxDEV17("td", {
                           className: "px-4 py-3 font-mono",
                           children: "4000 0000 0000 0002"
                         }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV13("td", {
+                        /* @__PURE__ */ jsxDEV17("td", {
                           className: "px-4 py-3",
                           children: "Card declined"
                         }, undefined, false, undefined, this)
@@ -3094,52 +3968,52 @@ steps:
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV13("div", {
+      /* @__PURE__ */ jsxDEV17("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV13("h2", {
+          /* @__PURE__ */ jsxDEV17("h2", {
             className: "text-2xl font-bold",
             children: "Best practices"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV13("ul", {
+          /* @__PURE__ */ jsxDEV17("ul", {
             className: "text-muted-foreground list-inside list-disc space-y-2",
             children: [
-              /* @__PURE__ */ jsxDEV13("li", {
+              /* @__PURE__ */ jsxDEV17("li", {
                 children: "Always use test mode during development"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV13("li", {
+              /* @__PURE__ */ jsxDEV17("li", {
                 children: "Verify webhook signatures to prevent fraud"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV13("li", {
+              /* @__PURE__ */ jsxDEV17("li", {
                 children: "Handle idempotency for payment operations"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV13("li", {
+              /* @__PURE__ */ jsxDEV17("li", {
                 children: "Store customer IDs for recurring payments"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV13("li", {
+              /* @__PURE__ */ jsxDEV17("li", {
                 children: "Use metadata to link Stripe objects to your application records"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV13("li", {
+              /* @__PURE__ */ jsxDEV17("li", {
                 children: "Monitor failed payments and retry logic"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV13("div", {
+      /* @__PURE__ */ jsxDEV17("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsxDEV13(Link12, {
+          /* @__PURE__ */ jsxDEV17(Link16, {
             href: "/docs/integrations",
             className: "btn-ghost",
             children: "Back to Integrations"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV13(Link12, {
+          /* @__PURE__ */ jsxDEV17(Link16, {
             href: "/docs/integrations/postmark",
             className: "btn-primary",
             children: [
               "Next: Postmark ",
-              /* @__PURE__ */ jsxDEV13(ChevronRight12, {
+              /* @__PURE__ */ jsxDEV17(ChevronRight15, {
                 size: 16
               }, undefined, false, undefined, this)
             ]
@@ -3151,35 +4025,35 @@ steps:
 }
 
 // src/components/docs/integrations/IntegrationsTwilioPage.tsx
-import Link13 from "@contractspec/lib.ui-link";
-import { jsxDEV as jsxDEV14 } from "react/jsx-dev-runtime";
+import Link17 from "@contractspec/lib.ui-link";
+import { jsxDEV as jsxDEV18 } from "react/jsx-dev-runtime";
 function IntegrationsTwilioPage() {
-  return /* @__PURE__ */ jsxDEV14("div", {
+  return /* @__PURE__ */ jsxDEV18("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxDEV14("div", {
+      /* @__PURE__ */ jsxDEV18("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV14("h1", {
+          /* @__PURE__ */ jsxDEV18("h1", {
             className: "text-4xl font-bold",
             children: "Twilio"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV14("p", {
+          /* @__PURE__ */ jsxDEV18("p", {
             className: "text-muted-foreground",
             children: "Send SMS notifications, alerts, and two-factor authentication codes using Twilio's reliable messaging platform."
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV14("div", {
+      /* @__PURE__ */ jsxDEV18("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV14("h2", {
+          /* @__PURE__ */ jsxDEV18("h2", {
             className: "text-2xl font-bold",
             children: "Setup"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV14("div", {
+          /* @__PURE__ */ jsxDEV18("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-            children: /* @__PURE__ */ jsxDEV14("pre", {
+            children: /* @__PURE__ */ jsxDEV18("pre", {
               children: `# .env
 TWILIO_ACCOUNT_SID=...
 TWILIO_AUTH_TOKEN=...
@@ -3188,16 +4062,16 @@ TWILIO_PHONE_NUMBER=+1234567890`
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV14("div", {
+      /* @__PURE__ */ jsxDEV18("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV14("h2", {
+          /* @__PURE__ */ jsxDEV18("h2", {
             className: "text-2xl font-bold",
             children: "Sending SMS"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV14("div", {
+          /* @__PURE__ */ jsxDEV18("div", {
             className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
-            children: /* @__PURE__ */ jsxDEV14("pre", {
+            children: /* @__PURE__ */ jsxDEV18("pre", {
               children: `capabilityId: twilio-send-sms
 provider:
   type: twilio
@@ -3220,83 +4094,402 @@ outputs:
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV14("div", {
+      /* @__PURE__ */ jsxDEV18("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV14("h2", {
+          /* @__PURE__ */ jsxDEV18("h2", {
             className: "text-2xl font-bold",
             children: "Use cases"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV14("ul", {
+          /* @__PURE__ */ jsxDEV18("ul", {
             className: "text-muted-foreground list-inside list-disc space-y-2",
             children: [
-              /* @__PURE__ */ jsxDEV14("li", {
+              /* @__PURE__ */ jsxDEV18("li", {
                 children: "Order confirmations and shipping updates"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV14("li", {
+              /* @__PURE__ */ jsxDEV18("li", {
                 children: "Two-factor authentication codes"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV14("li", {
+              /* @__PURE__ */ jsxDEV18("li", {
                 children: "Appointment reminders"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV14("li", {
+              /* @__PURE__ */ jsxDEV18("li", {
                 children: "Alert notifications"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV14("div", {
+      /* @__PURE__ */ jsxDEV18("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV14("h2", {
+          /* @__PURE__ */ jsxDEV18("h2", {
             className: "text-2xl font-bold",
             children: "Best practices"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV14("ul", {
+          /* @__PURE__ */ jsxDEV18("ul", {
             className: "text-muted-foreground list-inside list-disc space-y-2",
             children: [
-              /* @__PURE__ */ jsxDEV14("li", {
+              /* @__PURE__ */ jsxDEV18("li", {
                 children: "Always use E.164 format for phone numbers (+1234567890)"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV14("li", {
+              /* @__PURE__ */ jsxDEV18("li", {
                 children: "Keep messages under 160 characters to avoid splitting"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV14("li", {
+              /* @__PURE__ */ jsxDEV18("li", {
                 children: "Implement rate limiting to prevent spam"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV14("li", {
+              /* @__PURE__ */ jsxDEV18("li", {
                 children: "Handle delivery failures gracefully"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV14("li", {
+              /* @__PURE__ */ jsxDEV18("li", {
                 children: "Respect opt-out requests"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV14("div", {
+      /* @__PURE__ */ jsxDEV18("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsxDEV14(Link13, {
+          /* @__PURE__ */ jsxDEV18(Link17, {
             href: "/docs/integrations/s3",
             className: "btn-ghost",
             children: "Previous: S3 Storage"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV14(Link13, {
-            href: "/docs/integrations",
+          /* @__PURE__ */ jsxDEV18(Link17, {
+            href: "/docs/integrations/slack",
             className: "btn-primary",
-            children: "Back to Integrations"
+            children: "Next: Slack Messaging"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/docs/integrations/IntegrationsWhatsappMetaPage.tsx
+import Link18 from "@contractspec/lib.ui-link";
+import { ChevronRight as ChevronRight16 } from "lucide-react";
+import { jsxDEV as jsxDEV19 } from "react/jsx-dev-runtime";
+function IntegrationsWhatsappMetaPage() {
+  return /* @__PURE__ */ jsxDEV19("div", {
+    className: "space-y-8",
+    children: [
+      /* @__PURE__ */ jsxDEV19("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV19("h1", {
+            className: "text-4xl font-bold",
+            children: "WhatsApp Meta"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV19("p", {
+            className: "text-muted-foreground",
+            children: "Meta WhatsApp is the primary WhatsApp channel for ContractSpec's messaging runtime, with signed webhook verification and reliable outbound delivery."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV19("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV19("h2", {
+            className: "text-2xl font-bold",
+            children: "Required secrets and config"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV19("div", {
+            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            children: /* @__PURE__ */ jsxDEV19("pre", {
+              children: `// secret payload
+{
+  "accessToken": "...",
+  "appSecret": "...",
+  "verifyToken": "..."
+}
+
+// required connection config
+{
+  "phoneNumberId": "120000000001",
+  "apiVersion": "v22.0"
+}`
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV19("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV19("h2", {
+            className: "text-2xl font-bold",
+            children: "Webhook endpoints"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV19("ul", {
+            className: "text-muted-foreground list-inside list-disc space-y-2",
+            children: [
+              /* @__PURE__ */ jsxDEV19("li", {
+                children: [
+                  "Verification challenge:",
+                  " ",
+                  /* @__PURE__ */ jsxDEV19("code", {
+                    className: "bg-background/50 rounded px-2 py-1",
+                    children: "GET /webhooks/whatsapp/meta"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV19("li", {
+                children: [
+                  "Inbound messages:",
+                  " ",
+                  /* @__PURE__ */ jsxDEV19("code", {
+                    className: "bg-background/50 rounded px-2 py-1",
+                    children: "POST /webhooks/whatsapp/meta"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV19("li", {
+                children: [
+                  "Signatures are validated with",
+                  " ",
+                  /* @__PURE__ */ jsxDEV19("code", {
+                    className: "bg-background/50 rounded px-2 py-1",
+                    children: "x-hub-signature-256"
+                  }, undefined, false, undefined, this),
+                  "."
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV19("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV19("h2", {
+            className: "text-2xl font-bold",
+            children: "Workspace mapping"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV19("div", {
+            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            children: /* @__PURE__ */ jsxDEV19("pre", {
+              children: `CHANNEL_WORKSPACE_MAP_WHATSAPP_META={"120000000001":"workspace-acme"}`
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV19("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV19("h2", {
+            className: "text-2xl font-bold",
+            children: "Best practices"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV19("ul", {
+            className: "text-muted-foreground list-inside list-disc space-y-2",
+            children: [
+              /* @__PURE__ */ jsxDEV19("li", {
+                children: "Keep verify and app secrets separate from access tokens."
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV19("li", {
+                children: "Map each phone number ID to a workspace for strict tenant routing."
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV19("li", {
+                children: "Use Twilio WhatsApp only as fallback when you need active-passive routing."
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV19("div", {
+        className: "flex items-center gap-4 pt-4",
+        children: [
+          /* @__PURE__ */ jsxDEV19(Link18, {
+            href: "/docs/integrations/github",
+            className: "btn-ghost",
+            children: "Previous: GitHub Messaging"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV19(Link18, {
+            href: "/docs/integrations/whatsapp-twilio",
+            className: "btn-primary",
+            children: [
+              "Next: WhatsApp Twilio ",
+              /* @__PURE__ */ jsxDEV19(ChevronRight16, {
+                size: 16
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/docs/integrations/IntegrationsWhatsappTwilioPage.tsx
+import Link19 from "@contractspec/lib.ui-link";
+import { ChevronRight as ChevronRight17 } from "lucide-react";
+import { jsxDEV as jsxDEV20 } from "react/jsx-dev-runtime";
+function IntegrationsWhatsappTwilioPage() {
+  return /* @__PURE__ */ jsxDEV20("div", {
+    className: "space-y-8",
+    children: [
+      /* @__PURE__ */ jsxDEV20("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV20("h1", {
+            className: "text-4xl font-bold",
+            children: "WhatsApp Twilio"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV20("p", {
+            className: "text-muted-foreground",
+            children: "Twilio WhatsApp support provides a durable fallback channel with signature verification and outbox-backed outbound dispatch."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV20("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV20("h2", {
+            className: "text-2xl font-bold",
+            children: "Required secrets and config"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV20("div", {
+            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            children: /* @__PURE__ */ jsxDEV20("pre", {
+              children: `// secret payload
+{
+  "accountSid": "AC123",
+  "authToken": "..."
+}
+
+// optional connection config
+{
+  "fromNumber": "whatsapp:+15550002"
+}`
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV20("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV20("h2", {
+            className: "text-2xl font-bold",
+            children: "Webhook ingress"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV20("ul", {
+            className: "text-muted-foreground list-inside list-disc space-y-2",
+            children: [
+              /* @__PURE__ */ jsxDEV20("li", {
+                children: [
+                  "Inbound Twilio form payloads are accepted on",
+                  " ",
+                  /* @__PURE__ */ jsxDEV20("code", {
+                    className: "bg-background/50 rounded px-2 py-1",
+                    children: "/webhooks/whatsapp/twilio"
+                  }, undefined, false, undefined, this),
+                  "."
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV20("li", {
+                children: [
+                  "Signatures are validated with",
+                  " ",
+                  /* @__PURE__ */ jsxDEV20("code", {
+                    className: "bg-background/50 rounded px-2 py-1",
+                    children: "x-twilio-signature"
+                  }, undefined, false, undefined, this),
+                  " ",
+                  "and the configured auth token."
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV20("li", {
+                children: [
+                  "For deterministic verification, set the exact public webhook URL in",
+                  " ",
+                  /* @__PURE__ */ jsxDEV20("code", {
+                    className: "bg-background/50 rounded px-2 py-1",
+                    children: "WHATSAPP_TWILIO_WEBHOOK_URL"
+                  }, undefined, false, undefined, this),
+                  "."
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV20("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV20("h2", {
+            className: "text-2xl font-bold",
+            children: "Workspace mapping"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV20("div", {
+            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            children: /* @__PURE__ */ jsxDEV20("pre", {
+              children: `CHANNEL_WORKSPACE_MAP_WHATSAPP_TWILIO={"AC123":"workspace-acme"}`
+            }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
         ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV20("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV20("h2", {
+            className: "text-2xl font-bold",
+            children: "Best practices"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV20("ul", {
+            className: "text-muted-foreground list-inside list-disc space-y-2",
+            children: [
+              /* @__PURE__ */ jsxDEV20("li", {
+                children: "Use Twilio as fallback when Meta WhatsApp is your primary route."
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV20("li", {
+                children: "Keep account SID mapping explicit to avoid tenant misrouting."
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV20("li", {
+                children: [
+                  "Protect internal dispatch endpoints with",
+                  /* @__PURE__ */ jsxDEV20("code", {
+                    className: "bg-background/50 ml-1 rounded px-2 py-1",
+                    children: "CHANNEL_DISPATCH_TOKEN"
+                  }, undefined, false, undefined, this),
+                  "."
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV20("div", {
+        className: "flex items-center gap-4 pt-4",
+        children: [
+          /* @__PURE__ */ jsxDEV20(Link19, {
+            href: "/docs/integrations/whatsapp-meta",
+            className: "btn-ghost",
+            children: "Previous: WhatsApp Meta"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV20(Link19, {
+            href: "/docs/integrations/health-routing",
+            className: "btn-primary",
+            children: [
+              "Next: Health Routing ",
+              /* @__PURE__ */ jsxDEV20(ChevronRight17, {
+                size: 16
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
       }, undefined, true, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
 export {
+  IntegrationsWhatsappTwilioPage,
+  IntegrationsWhatsappMetaPage,
   IntegrationsTwilioPage,
   IntegrationsStripePage,
   IntegrationsSpecModelPage,
+  IntegrationsSlackPage,
   IntegrationsS3Page,
   IntegrationsResendPage,
   IntegrationsQdrantPage,
@@ -3304,8 +4497,11 @@ export {
   IntegrationsPostmarkPage,
   IntegrationsOverviewPage,
   IntegrationsOpenAIPage,
+  IntegrationsMistralPage,
+  IntegrationsHealthRoutingPage,
   IntegrationsGoogleCalendarPage,
   IntegrationsGmailPage,
+  IntegrationsGithubPage,
   IntegrationsElevenLabsPage,
   IntegrationsCircuitBreakersPage
 };