@contractspec/bundle.library 0.0.0-canary-20260206014742

package/src/components/docs/comparison/ComparisonInternalToolBuildersPage.tsx

@@ -0,0 +1,157 @@
+// export const metadata = {
+//   title: 'Internal-Tool Builders Comparison: ContractSpec Docs',
+//   description:
+//     'See how popular internal-tool builders compare to ContractSpec on UI generation, policies, and personalisation.',
+// };
+
+export function ComparisonInternalToolBuildersPage() {
+  return (
+    <div className="space-y-8">
+      <div className="space-y-4">
+        <h1 className="text-4xl font-bold">Internal-tool builders</h1>
+        <p className="text-muted-foreground">
+          Internal-tool builders let teams quickly assemble dashboards and admin
+          panels. These platforms often provide drag-and-drop UIs and connectors
+          to databases and APIs, but they rely on developers to write custom
+          code for business logic and seldom enforce policies across surfaces.
+        </p>
+      </div>
+
+      <div className="space-y-4">
+        <h2 className="text-2xl font-bold">Feature comparison</h2>
+        <div className="border-border/50 overflow-x-auto rounded-lg border">
+          <table className="w-full text-left text-sm">
+            <thead className="bg-card/50">
+              <tr className="border-border/50 border-b">
+                <th className="px-4 py-3 font-semibold">Feature</th>
+                <th className="px-4 py-3 font-semibold">Retool</th>
+                <th className="px-4 py-3 font-semibold">Appsmith</th>
+                <th className="px-4 py-3 font-semibold">ToolJet</th>
+                <th className="px-4 py-3 font-semibold">Budibase</th>
+              </tr>
+            </thead>
+            <tbody className="divide-border/50 divide-y">
+              <tr>
+                <td className="px-4 py-3 align-top font-semibold">
+                  UI builder
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Drag-and-drop canvas; shape UI components easily
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Visual builder with drag-and-drop widgets
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Drag-and-drop UI widgets (tables, charts, forms)
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Pre-built components and templates for mobile/desktop
+                </td>
+              </tr>
+              <tr>
+                <td className="px-4 py-3 align-top font-semibold">
+                  Custom code &amp; logic
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Full code insertion anywhere via IDE
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Logic via JavaScript or natural-language prompts in a central
+                  IDE
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Supports business logic in JavaScript or Python queries
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Custom logic via JavaScript; plugins and external embeds
+                </td>
+              </tr>
+              <tr>
+                <td className="px-4 py-3 align-top font-semibold">
+                  Data connectors
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Wide support for databases and APIs (PostgreSQL, MongoDB,
+                  GraphQL, etc.).
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Connects to LLMs and databases
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Built-in database; connects to PostgreSQL, MongoDB, APIs,
+                  GraphQL, SaaS
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Connects to external databases, REST, CSV or built-in DB
+                </td>
+              </tr>
+              <tr>
+                <td className="px-4 py-3 align-top font-semibold">
+                  Open source &amp; self-host
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Proprietary; cloud or on-prem subscription.
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Open source (Apache-2.0); self-host or cloud.
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Open source; self-host via Docker or cloud.
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Open source; self-host via Docker/Kubernetes
+                </td>
+              </tr>
+              <tr>
+                <td className="px-4 py-3 align-top font-semibold">
+                  Policy &amp; personalisation
+                </td>
+                <td className="px-4 py-3 align-top">
+                  No built-in policy engine; personalisation limited to user
+                  roles.
+                </td>
+                <td className="px-4 py-3 align-top">
+                  No typed policy engine; customisation depends on user roles.
+                </td>
+                <td className="px-4 py-3 align-top">
+                  No policy engine; personalisation via user roles.
+                </td>
+                <td className="px-4 py-3 align-top">
+                  No policy engine; personalisation via RBAC &amp; SSO
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+
+      <div className="space-y-3">
+        <h2 className="text-2xl font-bold">ContractSpec’s differences</h2>
+        <ul className="text-muted-foreground space-y-2">
+          <li>
+            <strong>Typed specifications</strong> produce both the API and UI.
+            You define capabilities, data views and workflows, and the compiler
+            generates code, forms and screens—no manual widget wiring.
+          </li>
+          <li>
+            <strong>Policy enforcement</strong> at run time ensures PII and ABAC
+            rules across the entire app.
+          </li>
+          <li>
+            <strong>Overlay personalisation</strong> allows tenants and users to
+            change layouts safely without code.
+          </li>
+          <li>
+            <strong>Unified mobile/web runtime</strong> means you don’t need
+            separate builders for React Native vs web.
+          </li>
+        </ul>
+        <p className="text-muted-foreground">
+          Internal-tool builders are useful for quick dashboards. ContractSpec
+          extends this by generating the whole stack from specs and enforcing
+          policies throughout.
+        </p>
+      </div>
+    </div>
+  );
+}

package/src/components/docs/comparison/ComparisonOverviewPage.tsx

@@ -0,0 +1,115 @@
+// export const metadata = {
+//   title: 'Comparison Overview: ContractSpec Docs',
+//   description:
+//     'See how ContractSpec relates to workflow engines, internal-tool builders, automation platforms, and enterprise orchestrators.',
+// };
+
+export function ComparisonOverviewPage() {
+  return (
+    <div className="space-y-8">
+      <div className="space-y-4">
+        <h1 className="text-4xl font-bold">Comparison overview</h1>
+        <p className="text-muted-foreground">
+          ContractSpec sits at the intersection of several tool categories. To
+          appreciate its unique offering—typed specifications for back-end,
+          front-end, workflows and policies with a unified web/mobile
+          runtime—this section compares it to related products.
+        </p>
+        <p className="text-muted-foreground">
+          ContractSpec uses <strong>runtime adapters</strong> to serve typed{' '}
+          <strong>Operations</strong> (Commands/Queries),{' '}
+          <strong>DataViews</strong>, <strong>Workflows</strong>, and{' '}
+          <strong>Policies</strong> as REST/GraphQL/MCP endpoints. A{' '}
+          <strong>policy decision point</strong> governs every operation, and{' '}
+          <strong>OverlaySpecs</strong> allow non-technical users to personalise
+          screens safely. Few competitors offer this combination of runtime type
+          safety, policy enforcement, and end-user customisation.
+        </p>
+      </div>
+
+      <div className="space-y-4">
+        <h2 className="text-2xl font-bold">Tool categories</h2>
+        <div className="border-border/50 overflow-x-auto rounded-lg border">
+          <table className="w-full text-left text-sm">
+            <thead className="bg-card/50">
+              <tr className="border-border/50 border-b">
+                <th className="px-4 py-3 font-semibold">Category</th>
+                <th className="px-4 py-3 font-semibold">Examples</th>
+                <th className="px-4 py-3 font-semibold">What they do</th>
+                <th className="px-4 py-3 font-semibold">Limitations</th>
+              </tr>
+            </thead>
+            <tbody className="divide-border/50 divide-y">
+              <tr>
+                <td className="px-4 py-3 align-top">
+                  <strong>Workflow engines</strong>
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Prefect, Kestra, Temporal, Airflow, Dagster, Hatchet, Windmill
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Orchestrate code or data pipelines; handle retries, scheduling
+                  and observability
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Require writing code; no automatic UI generation or policy
+                  enforcement.
+                </td>
+              </tr>
+              <tr>
+                <td className="px-4 py-3 align-top">
+                  <strong>Internal-tool builders</strong>
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Retool, Appsmith, ToolJet, Budibase
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Drag-and-drop dashboards and admin panels; connect to
+                  databases/APIs
+                </td>
+                <td className="px-4 py-3 align-top">
+                  No typed back-end spec; limited enforcement of policies;
+                  custom code glues logic.
+                </td>
+              </tr>
+              <tr>
+                <td className="px-4 py-3 align-top">
+                  <strong>Automation platforms</strong>
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Zapier, Make, n8n, Pipedream
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Connect apps via triggers and actions; visual or low-code
+                  interfaces
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Automate tasks but do not generate full apps or enforce
+                  per-field policies.
+                </td>
+              </tr>
+              <tr>
+                <td className="px-4 py-3 align-top">
+                  <strong>Enterprise orchestrators</strong>
+                </td>
+                <td className="px-4 py-3 align-top">Redwood RunMyJobs</td>
+                <td className="px-4 py-3 align-top">
+                  Automate mission-critical workloads with self-service portals
+                  and SAP integrations
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Focus on IT workloads; not built for custom app creation or
+                  per-user customisation.
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <p className="text-muted-foreground">
+          Use the pages below to explore each group in detail and see how
+          ContractSpec compares.
+        </p>
+      </div>
+    </div>
+  );
+}

package/src/components/docs/comparison/ComparisonWindmillPage.tsx

@@ -0,0 +1,153 @@
+// export const metadata = {
+//   title: 'Windmill Comparison: ContractSpec Docs',
+//   description:
+//     'Understand how Windmill compares to ContractSpec across entry model, policy enforcement, and personalisation.',
+// };
+
+export function ComparisonWindmillPage() {
+  return (
+    <div className="space-y-8">
+      <div className="space-y-4">
+        <h1 className="text-4xl font-bold">Windmill</h1>
+        <p className="text-muted-foreground">
+          Windmill is an open-source platform that turns{' '}
+          <strong>scripts</strong> into endpoints, workflows and UIs. It seeks
+          to remove boilerplate by generating interfaces and workflows around
+          existing code
+        </p>
+      </div>
+
+      <div className="space-y-4">
+        <h2 className="text-2xl font-bold">Platform features</h2>
+        <ul className="text-muted-foreground space-y-3">
+          <li>
+            <strong>Script-driven model.</strong> Write scripts in TypeScript,
+            Python, Go, PHP, Bash, C#, SQL or Rust; Windmill infers
+            dependencies, creates lockfiles and JSON schemas, then serves
+            minimal UIs automatically
+          </li>
+          <li>
+            <strong>Visual flow editor.</strong> Compose scripts into workflows
+            with retries, error handling, loops, branching, suspending flows and
+            approval steps
+          </li>
+          <li>
+            <strong>Low-code UI builder.</strong> Build dashboards and admin
+            panels using inline scripts and trigger flows from the UI
+          </li>
+          <li>
+            <strong>Enterprise readiness.</strong> Features include RBAC
+            permissions, secret management, OAuth handling, CLI/git sync,
+            scheduling and webhooks
+          </li>
+          <li>
+            <strong>Use cases.</strong> Deploy scripts as webhooks or cron jobs;
+            create “applicative workflows” combining external APIs; build ETLs
+            and interactive dashboards
+          </li>
+          <li>
+            <strong>Open source &amp; self-hosting.</strong> Windmill emphasises
+            an open-source codebase and self-hosting options
+          </li>
+        </ul>
+      </div>
+
+      <div className="space-y-4">
+        <h2 className="text-2xl font-bold">Comparison with ContractSpec</h2>
+        <div className="border-border/50 overflow-x-auto rounded-lg border">
+          <table className="w-full text-left text-sm">
+            <thead className="bg-card/50">
+              <tr className="border-border/50 border-b">
+                <th className="px-4 py-3 font-semibold">Feature</th>
+                <th className="px-4 py-3 font-semibold">Windmill</th>
+                <th className="px-4 py-3 font-semibold">ContractSpec</th>
+              </tr>
+            </thead>
+            <tbody className="divide-border/50 divide-y">
+              <tr>
+                <td className="px-4 py-3 align-top">
+                  <strong>Entry model</strong>
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Write scripts; platform auto-generates UI and workflows
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Define typed specs (Capabilities, DataViews, Workflows,
+                  Policies); compiler outputs back-end, front-end and forms.
+                </td>
+              </tr>
+              <tr>
+                <td className="px-4 py-3 align-top">
+                  <strong>Language support</strong>
+                </td>
+                <td className="px-4 py-3 align-top">
+                  20+ languages via embedded runtimes
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Uses TypeScript/JavaScript for providers; supports other
+                  back-ends through capability providers.
+                </td>
+              </tr>
+              <tr>
+                <td className="px-4 py-3 align-top">
+                  <strong>UI generation</strong>
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Minimal UI forms from script parameters; low-code app builder
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Generates full web and mobile UIs from specs; user layouts can
+                  be customised via signed overlays.
+                </td>
+              </tr>
+              <tr>
+                <td className="px-4 py-3 align-top">
+                  <strong>Policy &amp; personalization</strong>
+                </td>
+                <td className="px-4 py-3 align-top">
+                  RBAC and secret management; no per-user overlay concept
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Built-in policy engine enforcing ABAC/PII on every
+                  render/mutate; overlays allow safe per-user customisation.
+                </td>
+              </tr>
+              <tr>
+                <td className="px-4 py-3 align-top">
+                  <strong>Open source</strong>
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Fully open source and self-hostable
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Closed-source core (SDK is open); offers hosted and on-prem
+                  modes.
+                </td>
+              </tr>
+              <tr>
+                <td className="px-4 py-3 align-top">
+                  <strong>Ideal for</strong>
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Teams wanting to expose scripts as APIs, workflows or
+                  dashboards without heavy infrastructure.
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Teams needing a spec-driven platform that generates code and
+                  UI, enforces policies and lets non-technical users tailor the
+                  experience.
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <p className="text-muted-foreground">
+          Windmill excels at converting scripts into workflows and admin panels.
+          ContractSpec takes a <strong>spec-first</strong> approach, generating
+          the entire stack and enforcing policies, making it suitable for
+          long-lived applications that must evolve safely.
+        </p>
+      </div>
+    </div>
+  );
+}

package/src/components/docs/comparison/ComparisonWorkflowEnginesPage.tsx

@@ -0,0 +1,178 @@
+// export const metadata = {
+//   title: 'Workflow Engines Comparison: ContractSpec Docs',
+//   description:
+//     'Compare popular workflow engines with ContractSpec to understand core strengths and differences.',
+// };
+
+export function ComparisonWorkflowEnginesPage() {
+  return (
+    <div className="space-y-8">
+      <div className="space-y-4">
+        <h1 className="text-4xl font-bold">Workflow engines</h1>
+        <p className="text-muted-foreground">
+          Workflow engines orchestrate long-running tasks and data pipelines.
+          They provide retries, scheduling and visibility, but most expect
+          developers to write code and do not generate user interfaces. Here’s
+          how the major engines compare to ContractSpec.
+        </p>
+      </div>
+
+      <div className="space-y-4">
+        <h2 className="text-2xl font-bold">Key differences summary</h2>
+        <div className="border-border/50 overflow-x-auto rounded-lg border">
+          <table className="w-full text-left text-sm">
+            <thead className="bg-card/50">
+              <tr className="border-border/50 border-b">
+                <th className="px-4 py-3 font-semibold">Engine</th>
+                <th className="px-4 py-3 font-semibold">Core strengths</th>
+                <th className="px-4 py-3 font-semibold">UI generation?</th>
+                <th className="px-4 py-3 font-semibold">
+                  Policy/PII enforcement?
+                </th>
+                <th className="px-4 py-3 font-semibold">Self-host?</th>
+                <th className="px-4 py-3 font-semibold">Primary use</th>
+              </tr>
+            </thead>
+            <tbody className="divide-border/50 divide-y">
+              <tr>
+                <td className="px-4 py-3 align-top">
+                  <strong>Prefect</strong>
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Python-native; dynamic DAGs adapt to change; annotate code
+                  without rewriting; strong observability and audit logs
+                </td>
+                <td className="px-4 py-3 align-top">No</td>
+                <td className="px-4 py-3 align-top">No</td>
+                <td className="px-4 py-3 align-top">Yes</td>
+                <td className="px-4 py-3 align-top">
+                  Data pipelines and dynamic workflows.
+                </td>
+              </tr>
+              <tr>
+                <td className="px-4 py-3 align-top">
+                  <strong>Kestra</strong>
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Declarative YAML; event-driven triggers; mix of code and
+                  no-code; write logic in Python/R/Java/Julia/Ruby; deploy
+                  anywhere
+                </td>
+                <td className="px-4 py-3 align-top">No</td>
+                <td className="px-4 py-3 align-top">No</td>
+                <td className="px-4 py-3 align-top">Yes</td>
+                <td className="px-4 py-3 align-top">
+                  Data pipelines and hybrid orchestration.
+                </td>
+              </tr>
+              <tr>
+                <td className="px-4 py-3 align-top">
+                  <strong>Temporal</strong>
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Durable execution; workflows never lose state; multi-language
+                  SDKs; automatic retries
+                </td>
+                <td className="px-4 py-3 align-top">No</td>
+                <td className="px-4 py-3 align-top">No</td>
+                <td className="px-4 py-3 align-top">Yes</td>
+                <td className="px-4 py-3 align-top">
+                  Durable microservice and business workflows.
+                </td>
+              </tr>
+              <tr>
+                <td className="px-4 py-3 align-top">
+                  <strong>Airflow</strong>
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Open-source; define workflows as Python code; schedule and
+                  monitor via UI; extensible via custom operators
+                </td>
+                <td className="px-4 py-3 align-top">No</td>
+                <td className="px-4 py-3 align-top">No</td>
+                <td className="px-4 py-3 align-top">Yes</td>
+                <td className="px-4 py-3 align-top">Data ETL pipelines.</td>
+              </tr>
+              <tr>
+                <td className="px-4 py-3 align-top">
+                  <strong>Dagster</strong>
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Data-asset model; local testing and reusable components;
+                  built-in data quality and catalog; orchestrates AI/data
+                  pipelines across multiple tools
+                </td>
+                <td className="px-4 py-3 align-top">No</td>
+                <td className="px-4 py-3 align-top">No</td>
+                <td className="px-4 py-3 align-top">Yes</td>
+                <td className="px-4 py-3 align-top">
+                  Data/AI pipelines with strong observability.
+                </td>
+              </tr>
+              <tr>
+                <td className="px-4 py-3 align-top">
+                  <strong>Hatchet</strong>
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Modern engine focused on performance and durability; tasks and
+                  workflows as code; durable functions with guardrails and
+                  retries
+                </td>
+                <td className="px-4 py-3 align-top">No</td>
+                <td className="px-4 py-3 align-top">No</td>
+                <td className="px-4 py-3 align-top">Yes</td>
+                <td className="px-4 py-3 align-top">
+                  High-throughput background jobs and microservices.
+                </td>
+              </tr>
+              <tr>
+                <td className="px-4 py-3 align-top">
+                  <strong>Windmill</strong>
+                </td>
+                <td className="px-4 py-3 align-top">
+                  Multi-language scripts; auto-generates UI; integrated flow
+                  editor
+                </td>
+                <td className="px-4 py-3 align-top">Yes (basic)</td>
+                <td className="px-4 py-3 align-top">RBAC &amp; secrets only</td>
+                <td className="px-4 py-3 align-top">Yes</td>
+                <td className="px-4 py-3 align-top">
+                  Scripts into workflows and dashboards.
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+
+      <div className="space-y-3">
+        <h2 className="text-2xl font-bold">Why ContractSpec differs</h2>
+        <ul className="text-muted-foreground space-y-2">
+          <li>
+            <strong>Spec-first generation</strong> – Instead of writing code,
+            you define typed specs for capabilities, data views and workflows;
+            the compiler outputs both back-end and front-end.
+          </li>
+          <li>
+            <strong>Policy engine</strong> – Every render and mutate passes
+            through an ABAC/PII policy decision point.
+          </li>
+          <li>
+            <strong>Personalisation</strong> – Signed OverlaySpecs allow
+            tenant/user-specific UI changes without touching code.
+          </li>
+          <li>
+            <strong>Unified runtime</strong> – React/React-Native rendering
+            ensures consistent experiences across web and mobile.
+          </li>
+        </ul>
+        <p className="text-muted-foreground">
+          Workflow engines are excellent for orchestrating back-end tasks.
+          ContractSpec builds on this by serving complete applications with
+          runtime policy enforcement and user personalisation via TypeScript
+          specs.
+        </p>
+      </div>
+    </div>
+  );
+}

package/src/components/docs/comparison/index.ts

@@ -0,0 +1,6 @@
+export { ComparisonOverviewPage } from './ComparisonOverviewPage';
+export { ComparisonAutomationPlatformsPage } from './ComparisonAutomationPlatformsPage';
+export { ComparisonEnterprisePlatformsPage } from './ComparisonEnterprisePlatformsPage';
+export { ComparisonInternalToolBuildersPage } from './ComparisonInternalToolBuildersPage';
+export { ComparisonWorkflowEnginesPage } from './ComparisonWorkflowEnginesPage';
+export { ComparisonWindmillPage } from './ComparisonWindmillPage';

package/src/components/docs/ecosystem/IntegrationsPage.tsx

@@ -0,0 +1,56 @@
+import { CodeBlock } from '@contractspec/lib.design-system';
+import Link from '@contractspec/lib.ui-link';
+import { ChevronRight } from 'lucide-react';
+
+export function EcosystemIntegrationsPage() {
+  return (
+    <div className="space-y-8">
+      <div className="space-y-3">
+        <h1 className="text-4xl font-bold">Integrations</h1>
+        <p className="text-muted-foreground text-lg">
+          Reference integrations show how to extend ContractSpec with real-world
+          adapters and generators.
+        </p>
+      </div>
+
+      <div className="card-subtle space-y-4 p-6">
+        <h2 className="text-2xl font-bold">Reference plugin</h2>
+        <p className="text-muted-foreground text-sm">
+          The example markdown generator plugin ships as a working reference
+          implementation.
+        </p>
+        <CodeBlock
+          language="bash"
+          filename="install-example"
+          code={`bun add @contractspec/lib.plugin.example-generator
+
+# Or in a workspace
+bun add -D @contractspec/lib.plugin.example-generator`}
+        />
+      </div>
+
+      <div className="card-subtle space-y-4 p-6">
+        <h2 className="text-2xl font-bold">Providers and adapters</h2>
+        <ul className="text-muted-foreground space-y-2 text-sm">
+          <li>Payments: Stripe</li>
+          <li>Email: Postmark, Gmail</li>
+          <li>Voice: ElevenLabs</li>
+          <li>Vector DB: Qdrant</li>
+          <li>Storage: GCS</li>
+        </ul>
+        <p className="text-muted-foreground text-sm">
+          Use provider modules as inspiration for adapter plugins.
+        </p>
+      </div>
+
+      <div className="flex items-center gap-4 pt-4">
+        <Link href="/docs/ecosystem/registry" className="btn-primary">
+          Registry resolution <ChevronRight size={16} />
+        </Link>
+        <Link href="/docs/ecosystem/templates" className="btn-ghost">
+          Plugin templates
+        </Link>
+      </div>
+    </div>
+  );
+}