@contractspec/bundle.library 3.4.2 → 3.5.0

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

@@ -1,106 +1,106 @@
 // src/components/docs/integrations/IntegrationsOverviewPage.tsx
 import Link from "@contractspec/lib.ui-link";
 import { ChevronRight } from "lucide-react";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 function IntegrationsOverviewPage() {
-  return /* @__PURE__ */ jsxDEV("div", {
+  return /* @__PURE__ */ jsxs("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxDEV("div", {
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h1", {
+          /* @__PURE__ */ jsx("h1", {
             className: "text-4xl font-bold",
             children: "Integrations"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
+          }),
+          /* @__PURE__ */ jsx("p", {
             className: "text-muted-foreground",
             children: "ContractSpec provides first-class integration support through a spec-first architecture. Integrations are defined globally, connected per-tenant, and bound to apps through typed specifications, ensuring type-safe, policy-enforced access to external services."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "Spec-first architecture"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
+          }),
+          /* @__PURE__ */ jsx("p", {
             className: "text-muted-foreground",
             children: "Integrations in ContractSpec follow a three-layer model:"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("div", {
+          }),
+          /* @__PURE__ */ jsxs("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV("div", {
+              /* @__PURE__ */ jsxs("div", {
                 className: "card-subtle p-4",
                 children: [
-                  /* @__PURE__ */ jsxDEV("h3", {
+                  /* @__PURE__ */ jsx("h3", {
                     className: "mb-2 font-semibold",
                     children: "1. IntegrationSpec (Global)"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("p", {
+                  }),
+                  /* @__PURE__ */ jsx("p", {
                     className: "text-muted-foreground text-sm",
                     children: "Defines what an integration provides: capabilities, configuration schema, secrets, webhooks, and requirements."
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV(Link, {
+                  }),
+                  /* @__PURE__ */ jsx(Link, {
                     href: "/docs/integrations/spec-model",
                     className: "mt-2 inline-block text-sm text-violet-400 hover:text-violet-300",
                     children: "Learn more →"
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
+              }),
+              /* @__PURE__ */ jsxs("div", {
                 className: "card-subtle p-4",
                 children: [
-                  /* @__PURE__ */ jsxDEV("h3", {
+                  /* @__PURE__ */ jsx("h3", {
                     className: "mb-2 font-semibold",
                     children: "2. IntegrationConnection (Per-Tenant)"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("p", {
+                  }),
+                  /* @__PURE__ */ jsx("p", {
                     className: "text-muted-foreground text-sm",
                     children: "A tenant's configured connection with credentials, environment (sandbox/production), and health status."
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV(Link, {
+                  }),
+                  /* @__PURE__ */ jsx(Link, {
                     href: "/docs/architecture/integration-binding",
                     className: "mt-2 inline-block text-sm text-violet-400 hover:text-violet-300",
                     children: "Learn more →"
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
+              }),
+              /* @__PURE__ */ jsxs("div", {
                 className: "card-subtle p-4",
                 children: [
-                  /* @__PURE__ */ jsxDEV("h3", {
+                  /* @__PURE__ */ jsx("h3", {
                     className: "mb-2 font-semibold",
                     children: "3. AppIntegrationBinding (Per-App)"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("p", {
+                  }),
+                  /* @__PURE__ */ jsx("p", {
                     className: "text-muted-foreground text-sm",
                     children: "Maps tenant connections to app capabilities and workflows, defining which operations can use which integrations."
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV(Link, {
+                  }),
+                  /* @__PURE__ */ jsx(Link, {
                     href: "/docs/architecture/integration-binding",
                     className: "mt-2 inline-block text-sm text-violet-400 hover:text-violet-300",
                     children: "Learn more →"
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "Integration categories"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("div", {
+          }),
+          /* @__PURE__ */ jsx("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: /* @__PURE__ */ jsx("pre", {
               children: `type IntegrationCategory =
   | "payments"      // Stripe
   | "open-banking"  // Powens
@@ -123,548 +123,548 @@ function IntegrationsOverviewPage() {
   | "crm"           // Coming soon
   | "helpdesk"      // Coming soon
   | "custom";       // User-defined`
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
+            })
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "Available integrations"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("div", {
+          }),
+          /* @__PURE__ */ jsxs("div", {
             className: "space-y-6",
             children: [
-              /* @__PURE__ */ jsxDEV("div", {
+              /* @__PURE__ */ jsxs("div", {
                 className: "space-y-3",
                 children: [
-                  /* @__PURE__ */ jsxDEV("h3", {
+                  /* @__PURE__ */ jsx("h3", {
                     className: "text-xl font-semibold",
                     children: "Payments"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("div", {
+                  }),
+                  /* @__PURE__ */ jsx("div", {
                     className: "grid gap-4 md:grid-cols-2",
-                    children: /* @__PURE__ */ jsxDEV(Link, {
+                    children: /* @__PURE__ */ jsxs(Link, {
                       href: "/docs/integrations/stripe",
                       className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
                       children: [
-                        /* @__PURE__ */ jsxDEV("h4", {
+                        /* @__PURE__ */ jsx("h4", {
                           className: "font-bold transition-colors group-hover:text-violet-400",
                           children: "Stripe"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("p", {
+                        }),
+                        /* @__PURE__ */ jsx("p", {
                           className: "text-muted-foreground mt-1 text-sm",
                           children: "Payment processing, subscriptions, and invoicing"
-                        }, undefined, false, undefined, this)
+                        })
                       ]
-                    }, undefined, true, undefined, this)
-                  }, undefined, false, undefined, this)
+                    })
+                  })
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
+              }),
+              /* @__PURE__ */ jsxs("div", {
                 className: "space-y-3",
                 children: [
-                  /* @__PURE__ */ jsxDEV("h3", {
+                  /* @__PURE__ */ jsx("h3", {
                     className: "text-xl font-semibold",
                     children: "Open Banking"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("div", {
+                  }),
+                  /* @__PURE__ */ jsx("div", {
                     className: "grid gap-4 md:grid-cols-2",
-                    children: /* @__PURE__ */ jsxDEV(Link, {
+                    children: /* @__PURE__ */ jsxs(Link, {
                       href: "/docs/integrations/powens",
                       className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
                       children: [
-                        /* @__PURE__ */ jsxDEV("h4", {
+                        /* @__PURE__ */ jsx("h4", {
                           className: "font-bold transition-colors group-hover:text-violet-400",
                           children: "Powens (Read-Only)"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("p", {
+                        }),
+                        /* @__PURE__ */ jsx("p", {
                           className: "text-muted-foreground mt-1 text-sm",
                           children: "Account, transaction, and balance synchronisation via Powens with tenant-owned credentials."
-                        }, undefined, false, undefined, this)
+                        })
                       ]
-                    }, undefined, true, undefined, this)
-                  }, undefined, false, undefined, this)
+                    })
+                  })
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
+              }),
+              /* @__PURE__ */ jsxs("div", {
                 className: "space-y-3",
                 children: [
-                  /* @__PURE__ */ jsxDEV("h3", {
+                  /* @__PURE__ */ jsx("h3", {
                     className: "text-xl font-semibold",
                     children: "Email"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("div", {
+                  }),
+                  /* @__PURE__ */ jsxs("div", {
                     className: "grid gap-4 md:grid-cols-2",
                     children: [
-                      /* @__PURE__ */ jsxDEV(Link, {
+                      /* @__PURE__ */ jsxs(Link, {
                         href: "/docs/integrations/postmark",
                         className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
                         children: [
-                          /* @__PURE__ */ jsxDEV("h4", {
+                          /* @__PURE__ */ jsx("h4", {
                             className: "font-bold transition-colors group-hover:text-violet-400",
                             children: "Postmark"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV("p", {
+                          }),
+                          /* @__PURE__ */ jsx("p", {
                             className: "text-muted-foreground mt-1 text-sm",
                             children: "Transactional email delivery with high deliverability"
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV(Link, {
+                      }),
+                      /* @__PURE__ */ jsxs(Link, {
                         href: "/docs/integrations/resend",
                         className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
                         children: [
-                          /* @__PURE__ */ jsxDEV("h4", {
+                          /* @__PURE__ */ jsx("h4", {
                             className: "font-bold transition-colors group-hover:text-violet-400",
                             children: "Resend"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV("p", {
+                          }),
+                          /* @__PURE__ */ jsx("p", {
                             className: "text-muted-foreground mt-1 text-sm",
                             children: "Modern email API for developers"
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV(Link, {
+                      }),
+                      /* @__PURE__ */ jsxs(Link, {
                         href: "/docs/integrations/gmail",
                         className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
                         children: [
-                          /* @__PURE__ */ jsxDEV("h4", {
+                          /* @__PURE__ */ jsx("h4", {
                             className: "font-bold transition-colors group-hover:text-violet-400",
                             children: "Gmail API"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV("p", {
+                          }),
+                          /* @__PURE__ */ jsx("p", {
                             className: "text-muted-foreground mt-1 text-sm",
                             children: "Inbound email processing and thread management"
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
+              }),
+              /* @__PURE__ */ jsxs("div", {
                 className: "space-y-3",
                 children: [
-                  /* @__PURE__ */ jsxDEV("h3", {
+                  /* @__PURE__ */ jsx("h3", {
                     className: "text-xl font-semibold",
                     children: "Calendar & Scheduling"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("div", {
+                  }),
+                  /* @__PURE__ */ jsx("div", {
                     className: "grid gap-4 md:grid-cols-2",
-                    children: /* @__PURE__ */ jsxDEV(Link, {
+                    children: /* @__PURE__ */ jsxs(Link, {
                       href: "/docs/integrations/google-calendar",
                       className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
                       children: [
-                        /* @__PURE__ */ jsxDEV("h4", {
+                        /* @__PURE__ */ jsx("h4", {
                           className: "font-bold transition-colors group-hover:text-violet-400",
                           children: "Google Calendar"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("p", {
+                        }),
+                        /* @__PURE__ */ jsx("p", {
                           className: "text-muted-foreground mt-1 text-sm",
                           children: "Event scheduling and calendar management"
-                        }, undefined, false, undefined, this)
+                        })
                       ]
-                    }, undefined, true, undefined, this)
-                  }, undefined, false, undefined, this)
+                    })
+                  })
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
+              }),
+              /* @__PURE__ */ jsxs("div", {
                 className: "space-y-3",
                 children: [
-                  /* @__PURE__ */ jsxDEV("h3", {
+                  /* @__PURE__ */ jsx("h3", {
                     className: "text-xl font-semibold",
                     children: "AI & Machine Learning"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("div", {
+                  }),
+                  /* @__PURE__ */ jsxs("div", {
                     className: "grid gap-4 md:grid-cols-2",
                     children: [
-                      /* @__PURE__ */ jsxDEV(Link, {
+                      /* @__PURE__ */ jsxs(Link, {
                         href: "/docs/integrations/openai",
                         className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
                         children: [
-                          /* @__PURE__ */ jsxDEV("h4", {
+                          /* @__PURE__ */ jsx("h4", {
                             className: "font-bold transition-colors group-hover:text-violet-400",
                             children: "OpenAI"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV("p", {
+                          }),
+                          /* @__PURE__ */ jsx("p", {
                             className: "text-muted-foreground mt-1 text-sm",
                             children: "LLMs, embeddings, and Whisper speech-to-text"
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV(Link, {
+                      }),
+                      /* @__PURE__ */ jsxs(Link, {
                         href: "/docs/integrations/mistral",
                         className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
                         children: [
-                          /* @__PURE__ */ jsxDEV("h4", {
+                          /* @__PURE__ */ jsx("h4", {
                             className: "font-bold transition-colors group-hover:text-violet-400",
                             children: "Mistral"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV("p", {
+                          }),
+                          /* @__PURE__ */ jsx("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, {
+                      }),
+                      /* @__PURE__ */ jsxs(Link, {
                         href: "/docs/integrations/elevenlabs",
                         className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
                         children: [
-                          /* @__PURE__ */ jsxDEV("h4", {
+                          /* @__PURE__ */ jsx("h4", {
                             className: "font-bold transition-colors group-hover:text-violet-400",
                             children: "ElevenLabs"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV("p", {
+                          }),
+                          /* @__PURE__ */ jsx("p", {
                             className: "text-muted-foreground mt-1 text-sm",
                             children: "Text-to-speech and voice synthesis"
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV(Link, {
+                      }),
+                      /* @__PURE__ */ jsxs(Link, {
                         href: "/docs/integrations/qdrant",
                         className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
                         children: [
-                          /* @__PURE__ */ jsxDEV("h4", {
+                          /* @__PURE__ */ jsx("h4", {
                             className: "font-bold transition-colors group-hover:text-violet-400",
                             children: "Qdrant"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV("p", {
+                          }),
+                          /* @__PURE__ */ jsx("p", {
                             className: "text-muted-foreground mt-1 text-sm",
                             children: "Vector database for semantic search and RAG"
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
+              }),
+              /* @__PURE__ */ jsxs("div", {
                 className: "space-y-3",
                 children: [
-                  /* @__PURE__ */ jsxDEV("h3", {
+                  /* @__PURE__ */ jsx("h3", {
                     className: "text-xl font-semibold",
                     children: "Storage"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("div", {
+                  }),
+                  /* @__PURE__ */ jsx("div", {
                     className: "grid gap-4 md:grid-cols-2",
-                    children: /* @__PURE__ */ jsxDEV(Link, {
+                    children: /* @__PURE__ */ jsxs(Link, {
                       href: "/docs/integrations/s3",
                       className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
                       children: [
-                        /* @__PURE__ */ jsxDEV("h4", {
+                        /* @__PURE__ */ jsx("h4", {
                           className: "font-bold transition-colors group-hover:text-violet-400",
                           children: "S3-Compatible Storage"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("p", {
+                        }),
+                        /* @__PURE__ */ jsx("p", {
                           className: "text-muted-foreground mt-1 text-sm",
                           children: "Object storage (AWS S3, Scaleway, MinIO, etc.)"
-                        }, undefined, false, undefined, this)
+                        })
                       ]
-                    }, undefined, true, undefined, this)
-                  }, undefined, false, undefined, this)
+                    })
+                  })
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
+              }),
+              /* @__PURE__ */ jsxs("div", {
                 className: "space-y-3",
                 children: [
-                  /* @__PURE__ */ jsxDEV("h3", {
+                  /* @__PURE__ */ jsx("h3", {
                     className: "text-xl font-semibold",
                     children: "SMS"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("div", {
+                  }),
+                  /* @__PURE__ */ jsx("div", {
                     className: "grid gap-4 md:grid-cols-2",
-                    children: /* @__PURE__ */ jsxDEV(Link, {
+                    children: /* @__PURE__ */ jsxs(Link, {
                       href: "/docs/integrations/twilio",
                       className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
                       children: [
-                        /* @__PURE__ */ jsxDEV("h4", {
+                        /* @__PURE__ */ jsx("h4", {
                           className: "font-bold transition-colors group-hover:text-violet-400",
                           children: "Twilio"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("p", {
+                        }),
+                        /* @__PURE__ */ jsx("p", {
                           className: "text-muted-foreground mt-1 text-sm",
                           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", {
+              }),
+              /* @__PURE__ */ jsxs("div", {
                 className: "space-y-3",
                 children: [
-                  /* @__PURE__ */ jsxDEV("h3", {
+                  /* @__PURE__ */ jsx("h3", {
                     className: "text-xl font-semibold",
                     children: "Messaging channels"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("div", {
+                  }),
+                  /* @__PURE__ */ jsxs("div", {
                     className: "grid gap-4 md:grid-cols-2",
                     children: [
-                      /* @__PURE__ */ jsxDEV(Link, {
+                      /* @__PURE__ */ jsxs(Link, {
                         href: "/docs/integrations/slack",
                         className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
                         children: [
-                          /* @__PURE__ */ jsxDEV("h4", {
+                          /* @__PURE__ */ jsx("h4", {
                             className: "font-bold transition-colors group-hover:text-violet-400",
                             children: "Slack"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV("p", {
+                          }),
+                          /* @__PURE__ */ jsx("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, {
+                      }),
+                      /* @__PURE__ */ jsxs(Link, {
                         href: "/docs/integrations/github",
                         className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
                         children: [
-                          /* @__PURE__ */ jsxDEV("h4", {
+                          /* @__PURE__ */ jsx("h4", {
                             className: "font-bold transition-colors group-hover:text-violet-400",
                             children: "GitHub"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV("p", {
+                          }),
+                          /* @__PURE__ */ jsx("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, {
+                      }),
+                      /* @__PURE__ */ jsxs(Link, {
                         href: "/docs/integrations/whatsapp-meta",
                         className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
                         children: [
-                          /* @__PURE__ */ jsxDEV("h4", {
+                          /* @__PURE__ */ jsx("h4", {
                             className: "font-bold transition-colors group-hover:text-violet-400",
                             children: "WhatsApp Meta"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV("p", {
+                          }),
+                          /* @__PURE__ */ jsx("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, {
+                      }),
+                      /* @__PURE__ */ jsxs(Link, {
                         href: "/docs/integrations/whatsapp-twilio",
                         className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
                         children: [
-                          /* @__PURE__ */ jsxDEV("h4", {
+                          /* @__PURE__ */ jsx("h4", {
                             className: "font-bold transition-colors group-hover:text-violet-400",
                             children: "WhatsApp Twilio"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV("p", {
+                          }),
+                          /* @__PURE__ */ jsx("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", {
+              }),
+              /* @__PURE__ */ jsxs("div", {
                 className: "space-y-3",
                 children: [
-                  /* @__PURE__ */ jsxDEV("h3", {
+                  /* @__PURE__ */ jsx("h3", {
                     className: "text-xl font-semibold",
                     children: "Health & wearables"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("div", {
+                  }),
+                  /* @__PURE__ */ jsx("div", {
                     className: "grid gap-4 md:grid-cols-2",
-                    children: /* @__PURE__ */ jsxDEV(Link, {
+                    children: /* @__PURE__ */ jsxs(Link, {
                       href: "/docs/integrations/health-routing",
                       className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
                       children: [
-                        /* @__PURE__ */ jsxDEV("h4", {
+                        /* @__PURE__ */ jsx("h4", {
                           className: "font-bold transition-colors group-hover:text-violet-400",
                           children: "Health routing strategy"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("p", {
+                        }),
+                        /* @__PURE__ */ jsx("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)
-                  }, undefined, false, undefined, this)
+                    })
+                  })
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "How integrations work"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
+          }),
+          /* @__PURE__ */ jsxs("p", {
             className: "text-muted-foreground",
             children: [
               "ContractSpec integrations are implemented as",
               " ",
-              /* @__PURE__ */ jsxDEV(Link, {
+              /* @__PURE__ */ jsx(Link, {
                 href: "/docs/specs/capabilities",
                 className: "text-violet-400 hover:text-violet-300",
                 children: "capability providers"
-              }, undefined, false, undefined, this),
+              }),
               ". This means:"
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV("ul", {
+          }),
+          /* @__PURE__ */ jsxs("ul", {
             className: "text-muted-foreground list-inside list-disc space-y-2",
             children: [
-              /* @__PURE__ */ jsxDEV("li", {
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV("strong", {
+                  /* @__PURE__ */ jsx("strong", {
                     children: "Type safety"
-                  }, undefined, false, undefined, this),
+                  }),
                   " – All API calls are type-checked by TypeScript and validated at runtime via Zod"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("li", {
+              }),
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV("strong", {
+                  /* @__PURE__ */ jsx("strong", {
                     children: "Policy enforcement"
-                  }, undefined, false, undefined, this),
+                  }),
                   " – Access to external services is governed by your",
                   " ",
-                  /* @__PURE__ */ jsxDEV(Link, {
+                  /* @__PURE__ */ jsx(Link, {
                     href: "/docs/specs/policy",
                     className: "text-violet-400 hover:text-violet-300",
                     children: "PolicySpecs"
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("li", {
+              }),
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV("strong", {
+                  /* @__PURE__ */ jsx("strong", {
                     children: "Audit logging"
-                  }, undefined, false, undefined, this),
+                  }),
                   " – All integration calls are automatically logged"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("li", {
+              }),
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV("strong", {
+                  /* @__PURE__ */ jsx("strong", {
                     children: "Error handling"
-                  }, undefined, false, undefined, this),
+                  }),
                   " – Built-in retries and fallback strategies"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("li", {
+              }),
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV("strong", {
+                  /* @__PURE__ */ jsx("strong", {
                     children: "Environment-based config"
-                  }, undefined, false, undefined, this),
+                  }),
                   " – API keys and secrets are managed through environment variables"
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "Secret management"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
+          }),
+          /* @__PURE__ */ jsx("p", {
             className: "text-muted-foreground",
             children: "Secrets are resolved through a layered secret provider manager. It checks lightweight environment overrides first, then falls back to a managed vault (Google Cloud Secret Manager) for production."
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("div", {
+          }),
+          /* @__PURE__ */ jsxs("div", {
             className: "grid gap-4 md:grid-cols-2",
             children: [
-              /* @__PURE__ */ jsxDEV("div", {
+              /* @__PURE__ */ jsxs("div", {
                 className: "card-subtle p-4",
                 children: [
-                  /* @__PURE__ */ jsxDEV("h3", {
+                  /* @__PURE__ */ jsx("h3", {
                     className: "text-xl font-semibold",
                     children: "Environment variables"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("p", {
+                  }),
+                  /* @__PURE__ */ jsxs("p", {
                     className: "text-muted-foreground mt-2 text-sm",
                     children: [
                       "Perfect for local development and secure staging overrides. Use the ",
-                      /* @__PURE__ */ jsxDEV("code", {
+                      /* @__PURE__ */ jsx("code", {
                         children: "env://"
-                      }, undefined, false, undefined, this),
+                      }),
                       " scheme or append ",
-                      /* @__PURE__ */ jsxDEV("code", {
+                      /* @__PURE__ */ jsx("code", {
                         children: "?env="
-                      }, undefined, false, undefined, this),
+                      }),
                       " to another reference to map an explicit variable."
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV("div", {
+                  }),
+                  /* @__PURE__ */ jsx("div", {
                     className: "bg-background/60 border-border mt-3 overflow-auto rounded-lg border p-3 font-mono text-xs",
-                    children: /* @__PURE__ */ jsxDEV("pre", {
+                    children: /* @__PURE__ */ jsx("pre", {
                       className: "whitespace-pre-wrap",
                       children: `# Override a production secret locally
 CONTRACTSPEC__SECRET__STRIPE=sk_test_123
 
 # Reference
 env://CONTRACTSPEC__SECRET__STRIPE`
-                    }, undefined, false, undefined, this)
-                  }, undefined, false, undefined, this)
+                    })
+                  })
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
+              }),
+              /* @__PURE__ */ jsxs("div", {
                 className: "card-subtle p-4",
                 children: [
-                  /* @__PURE__ */ jsxDEV("h3", {
+                  /* @__PURE__ */ jsx("h3", {
                     className: "text-xl font-semibold",
                     children: "GCP Secret Manager"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("p", {
+                  }),
+                  /* @__PURE__ */ jsxs("p", {
                     className: "text-muted-foreground mt-2 text-sm",
                     children: [
                       "Used in production to store versioned credentials with rotation support. References follow the",
                       " ",
-                      /* @__PURE__ */ jsxDEV("code", {
+                      /* @__PURE__ */ jsx("code", {
                         children: "gcp://projects/.../secrets/.../versions/latest"
-                      }, undefined, false, undefined, this),
+                      }),
                       " ",
                       "format."
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV("div", {
+                  }),
+                  /* @__PURE__ */ jsx("div", {
                     className: "bg-background/60 border-border mt-3 overflow-auto rounded-lg border p-3 font-mono text-xs",
-                    children: /* @__PURE__ */ jsxDEV("pre", {
+                    children: /* @__PURE__ */ jsx("pre", {
                       className: "whitespace-pre-wrap",
                       children: `# Production reference
 gcp://projects/tenant/secrets/stripe-secret-key/versions/latest`
-                    }, undefined, false, undefined, this)
-                  }, undefined, false, undefined, this)
+                    })
+                  })
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
+          }),
+          /* @__PURE__ */ jsx("p", {
             className: "text-muted-foreground text-sm",
             children: "The secret manager chooses the first provider that can resolve a reference, so local environment variables can override the managed vault without changing blueprints or tenant configs."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "Configuration"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
+          }),
+          /* @__PURE__ */ jsx("p", {
             className: "text-muted-foreground",
             children: "Integrations are configured through environment variables and secret references. Here's a typical setup:"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("div", {
+          }),
+          /* @__PURE__ */ jsx("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: /* @__PURE__ */ jsx("pre", {
               children: `# .env
 STRIPE_SECRET_KEY=sk_test_...
 STRIPE_WEBHOOK_SECRET=whsec_...
@@ -689,24 +689,24 @@ S3_REGION=fr-par
 # Secret references
 STRIPE_SECRET_REF=gcp://projects/tenant/secrets/stripe-secret-key/versions/latest
 STRIPE_SECRET_OVERRIDE=env://STRIPE_SECRET_KEY`
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
+            })
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "Integration categories"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
+          }),
+          /* @__PURE__ */ jsx("p", {
             className: "text-muted-foreground",
             children: "ContractSpec supports the following integration categories:"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("div", {
+          }),
+          /* @__PURE__ */ jsx("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: /* @__PURE__ */ jsx("pre", {
               children: `type IntegrationCategory =
   | "payments"        // Stripe, PayPal, etc.
   | "open-banking"    // Powens and open banking providers
@@ -729,48 +729,48 @@ STRIPE_SECRET_OVERRIDE=env://STRIPE_SECRET_KEY`
   | "crm"             // Salesforce, HubSpot (coming soon)
   | "helpdesk"        // Zendesk, Intercom (coming soon)
   | "custom";         // Your own integrations`
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
+            })
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "Custom integrations"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
+          }),
+          /* @__PURE__ */ jsxs("p", {
             className: "text-muted-foreground",
             children: [
               "You can create custom integrations by implementing a capability provider. See the",
               " ",
-              /* @__PURE__ */ jsxDEV(Link, {
+              /* @__PURE__ */ jsx(Link, {
                 href: "/docs/advanced/custom-providers",
                 className: "text-violet-400 hover:text-violet-300",
                 children: "Custom Providers"
-              }, undefined, false, undefined, this),
+              }),
               " ",
               "guide for details."
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsx("div", {
         className: "flex items-center gap-4 pt-4",
-        children: /* @__PURE__ */ jsxDEV(Link, {
+        children: /* @__PURE__ */ jsxs(Link, {
           href: "/docs/integrations/stripe",
           className: "btn-primary",
           children: [
             "Get Started with Stripe ",
-            /* @__PURE__ */ jsxDEV(ChevronRight, {
+            /* @__PURE__ */ jsx(ChevronRight, {
               size: 16
-            }, undefined, false, undefined, this)
+            })
           ]
-        }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this)
+        })
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 export {
   IntegrationsOverviewPage