@contractspec/bundle.library 2.9.1 → 3.0.0

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

@@ -104,15 +104,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
@@ -289,6 +296,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",
@@ -352,7 +373,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",
@@ -366,7 +387,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)
@@ -559,6 +676,8 @@ POSTMARK_FROM_EMAIL=noreply@example.com
 OPENAI_API_KEY=sk-...
 OPENAI_ORGANIZATION=org-...
 
+MISTRAL_API_KEY=...
+
 QDRANT_URL=https://...
 QDRANT_API_KEY=...
 
@@ -591,14 +710,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)

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

@@ -0,0 +1 @@
+export declare function IntegrationsSlackPage(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,161 @@
+// @bun
+// src/components/docs/integrations/IntegrationsSlackPage.tsx
+import Link from "@contractspec/lib.ui-link";
+import { ChevronRight } from "lucide-react";
+import { jsxDEV } from "react/jsx-dev-runtime";
+function IntegrationsSlackPage() {
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "space-y-8",
+    children: [
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("h1", {
+            className: "text-4xl font-bold",
+            children: "Slack Messaging"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("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__ */ jsxDEV("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("h2", {
+            className: "text-2xl font-bold",
+            children: "Required secrets and config"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("div", {
+            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            children: /* @__PURE__ */ jsxDEV("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__ */ jsxDEV("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("h2", {
+            className: "text-2xl font-bold",
+            children: "Webhook ingress"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("ul", {
+            className: "text-muted-foreground list-inside list-disc space-y-2",
+            children: [
+              /* @__PURE__ */ jsxDEV("li", {
+                children: [
+                  "Inbound events are accepted on",
+                  " ",
+                  /* @__PURE__ */ jsxDEV("code", {
+                    className: "bg-background/50 rounded px-2 py-1",
+                    children: "/webhooks/slack/events"
+                  }, undefined, false, undefined, this),
+                  "."
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("li", {
+                children: [
+                  "Requests are validated with Slack signatures (",
+                  /* @__PURE__ */ jsxDEV("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__ */ jsxDEV("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__ */ jsxDEV("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("h2", {
+            className: "text-2xl font-bold",
+            children: "Workspace routing and dispatch"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("div", {
+            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            children: /* @__PURE__ */ jsxDEV("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__ */ jsxDEV("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("h2", {
+            className: "text-2xl font-bold",
+            children: "Best practices"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("ul", {
+            className: "text-muted-foreground list-inside list-disc space-y-2",
+            children: [
+              /* @__PURE__ */ jsxDEV("li", {
+                children: "Keep bot tokens and signing secrets in a managed secret provider."
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("li", {
+                children: "Use workspace mapping to prevent cross-tenant event leakage."
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("li", {
+                children: "Keep dispatch asynchronous so webhook handlers stay fast and reliable."
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("li", {
+                children: "Monitor telemetry for ingest, decision, outbox, and dispatch stages."
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "flex items-center gap-4 pt-4",
+        children: [
+          /* @__PURE__ */ jsxDEV(Link, {
+            href: "/docs/integrations/twilio",
+            className: "btn-ghost",
+            children: "Previous: Twilio SMS"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV(Link, {
+            href: "/docs/integrations/github",
+            className: "btn-primary",
+            children: [
+              "Next: GitHub Messaging ",
+              /* @__PURE__ */ jsxDEV(ChevronRight, {
+                size: 16
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+export {
+  IntegrationsSlackPage
+};

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

@@ -271,6 +271,78 @@ function IntegrationsSpecModelPage() {
   createdAt: "2025-01-01T00:00:00Z",
   updatedAt: "2025-01-15T10:25:00Z",
   createdBy: "dev@acme.com"
+}`
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("h2", {
+            className: "text-2xl font-bold",
+            children: "Example: Messaging IntegrationConnection"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("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__ */ jsxDEV("div", {
+            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            children: /* @__PURE__ */ jsxDEV("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__ */ jsxDEV("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("h2", {
+            className: "text-2xl font-bold",
+            children: "Health transport strategy config"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("p", {
+            className: "text-muted-foreground",
+            children: "Health providers support deterministic transport routing and explicit unofficial gating in connection config."
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("div", {
+            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            children: /* @__PURE__ */ jsxDEV("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)

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

@@ -133,9 +133,9 @@ outputs:
             children: "Previous: S3 Storage"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV(Link, {
-            href: "/docs/integrations",
+            href: "/docs/integrations/slack",
             className: "btn-primary",
-            children: "Back to Integrations"
+            children: "Next: Slack Messaging"
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this)

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

@@ -0,0 +1 @@
+export declare function IntegrationsWhatsappMetaPage(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,157 @@
+// @bun
+// src/components/docs/integrations/IntegrationsWhatsappMetaPage.tsx
+import Link from "@contractspec/lib.ui-link";
+import { ChevronRight } from "lucide-react";
+import { jsxDEV } from "react/jsx-dev-runtime";
+function IntegrationsWhatsappMetaPage() {
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "space-y-8",
+    children: [
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("h1", {
+            className: "text-4xl font-bold",
+            children: "WhatsApp Meta"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("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__ */ jsxDEV("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("h2", {
+            className: "text-2xl font-bold",
+            children: "Required secrets and config"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("div", {
+            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            children: /* @__PURE__ */ jsxDEV("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__ */ jsxDEV("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("h2", {
+            className: "text-2xl font-bold",
+            children: "Webhook endpoints"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("ul", {
+            className: "text-muted-foreground list-inside list-disc space-y-2",
+            children: [
+              /* @__PURE__ */ jsxDEV("li", {
+                children: [
+                  "Verification challenge:",
+                  " ",
+                  /* @__PURE__ */ jsxDEV("code", {
+                    className: "bg-background/50 rounded px-2 py-1",
+                    children: "GET /webhooks/whatsapp/meta"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("li", {
+                children: [
+                  "Inbound messages:",
+                  " ",
+                  /* @__PURE__ */ jsxDEV("code", {
+                    className: "bg-background/50 rounded px-2 py-1",
+                    children: "POST /webhooks/whatsapp/meta"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("li", {
+                children: [
+                  "Signatures are validated with",
+                  " ",
+                  /* @__PURE__ */ jsxDEV("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__ */ jsxDEV("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("h2", {
+            className: "text-2xl font-bold",
+            children: "Workspace mapping"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("div", {
+            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            children: /* @__PURE__ */ jsxDEV("pre", {
+              children: `CHANNEL_WORKSPACE_MAP_WHATSAPP_META={"120000000001":"workspace-acme"}`
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("h2", {
+            className: "text-2xl font-bold",
+            children: "Best practices"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("ul", {
+            className: "text-muted-foreground list-inside list-disc space-y-2",
+            children: [
+              /* @__PURE__ */ jsxDEV("li", {
+                children: "Keep verify and app secrets separate from access tokens."
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("li", {
+                children: "Map each phone number ID to a workspace for strict tenant routing."
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("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__ */ jsxDEV("div", {
+        className: "flex items-center gap-4 pt-4",
+        children: [
+          /* @__PURE__ */ jsxDEV(Link, {
+            href: "/docs/integrations/github",
+            className: "btn-ghost",
+            children: "Previous: GitHub Messaging"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV(Link, {
+            href: "/docs/integrations/whatsapp-twilio",
+            className: "btn-primary",
+            children: [
+              "Next: WhatsApp Twilio ",
+              /* @__PURE__ */ jsxDEV(ChevronRight, {
+                size: 16
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+export {
+  IntegrationsWhatsappMetaPage
+};

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

@@ -0,0 +1 @@
+export declare function IntegrationsWhatsappTwilioPage(): import("react/jsx-runtime").JSX.Element;