@contractspec/bundle.library 3.8.10 → 3.8.12

package/dist/components/docs/advanced/AdvancedMCPPage.js

@@ -1,116 +1,5 @@
 // @bun
-// src/components/docs/advanced/AdvancedMCPPage.tsx
-import Link from "@contractspec/lib.ui-link";
-import { ChevronRight } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function AdvancedMCPPage() {
-  return /* @__PURE__ */ jsxs("div", {
-    className: "space-y-8",
-    children: [
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h1", {
-            className: "font-bold text-4xl",
-            children: "MCP Adapters"
-          }),
-          /* @__PURE__ */ jsxs("p", {
-            className: "text-muted-foreground",
-            children: [
-              "The ",
-              /* @__PURE__ */ jsx("strong", {
-                children: "Model Context Protocol (MCP)"
-              }),
-              " is an open standard for connecting AI models to external tools and data sources. ContractSpec provides MCP adapters that allow you to expose your capabilities as MCP tools and consume external MCP servers as capabilities."
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "Why MCP integration matters"
-          }),
-          /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground",
-            children: "AI agents need access to real-world tools and data to be useful. MCP provides a standardized way to expose these capabilities. By integrating ContractSpec with MCP, you can:"
-          }),
-          /* @__PURE__ */ jsxs("ul", {
-            className: "list-inside list-disc space-y-2 text-muted-foreground",
-            children: [
-              /* @__PURE__ */ jsx("li", {
-                children: "Let AI agents invoke your ContractSpec capabilities safely and securely"
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Use external MCP servers (databases, APIs, search engines) as capability providers in your workflows"
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Build AI-powered features without writing custom integration code"
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Enforce policies on AI agent actions just like any other user"
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "Exposing capabilities as MCP tools"
-          }),
-          /* @__PURE__ */ jsxs("p", {
-            className: "text-muted-foreground",
-            children: [
-              "Any",
-              " ",
-              /* @__PURE__ */ jsx(Link, {
-                href: "/docs/specs/capabilities",
-                className: "text-violet-400 hover:text-violet-300",
-                children: "CapabilitySpec"
-              }),
-              " ",
-              "can be automatically exposed as an MCP tool. ContractSpec generates:"
-            ]
-          }),
-          /* @__PURE__ */ jsxs("ul", {
-            className: "list-inside list-disc space-y-2 text-muted-foreground",
-            children: [
-              /* @__PURE__ */ jsx("li", {
-                children: "A tool schema describing the capability's inputs, outputs, and purpose"
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "An MCP server endpoint that AI agents can connect to"
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Policy enforcement ensuring agents can only invoke capabilities they're authorized to use"
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Audit logging of all agent actions for compliance and debugging"
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "Example: Exposing a capability"
-          }),
-          /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground",
-            children: "Here's how to expose ContractSpec operations as MCP tools:"
-          }),
-          /* @__PURE__ */ jsx("div", {
-            className: "overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",
-            children: /* @__PURE__ */ jsx("pre", {
-              children: `import { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js';
+import o from"@contractspec/lib.ui-link";import{ChevronRight as a}from"lucide-react";import{jsx as e,jsxs as t}from"react/jsx-runtime";function n(){return t("div",{className:"space-y-8",children:[t("div",{className:"space-y-4",children:[e("h1",{className:"font-bold text-4xl",children:"MCP Adapters"}),t("p",{className:"text-muted-foreground",children:["The ",e("strong",{children:"Model Context Protocol (MCP)"})," is an open standard for connecting AI models to external tools and data sources. ContractSpec provides MCP adapters that allow you to expose your capabilities as MCP tools and consume external MCP servers as capabilities."]})]}),t("div",{className:"space-y-4",children:[e("h2",{className:"font-bold text-2xl",children:"Why MCP integration matters"}),e("p",{className:"text-muted-foreground",children:"AI agents need access to real-world tools and data to be useful. MCP provides a standardized way to expose these capabilities. By integrating ContractSpec with MCP, you can:"}),t("ul",{className:"list-inside list-disc space-y-2 text-muted-foreground",children:[e("li",{children:"Let AI agents invoke your ContractSpec capabilities safely and securely"}),e("li",{children:"Use external MCP servers (databases, APIs, search engines) as capability providers in your workflows"}),e("li",{children:"Build AI-powered features without writing custom integration code"}),e("li",{children:"Enforce policies on AI agent actions just like any other user"})]})]}),t("div",{className:"space-y-4",children:[e("h2",{className:"font-bold text-2xl",children:"Exposing capabilities as MCP tools"}),t("p",{className:"text-muted-foreground",children:["Any"," ",e(o,{href:"/docs/specs/capabilities",className:"text-violet-400 hover:text-violet-300",children:"CapabilitySpec"})," ","can be automatically exposed as an MCP tool. ContractSpec generates:"]}),t("ul",{className:"list-inside list-disc space-y-2 text-muted-foreground",children:[e("li",{children:"A tool schema describing the capability's inputs, outputs, and purpose"}),e("li",{children:"An MCP server endpoint that AI agents can connect to"}),e("li",{children:"Policy enforcement ensuring agents can only invoke capabilities they're authorized to use"}),e("li",{children:"Audit logging of all agent actions for compliance and debugging"})]})]}),t("div",{className:"space-y-4",children:[e("h2",{className:"font-bold text-2xl",children:"Example: Exposing a capability"}),e("p",{className:"text-muted-foreground",children:"Here's how to expose ContractSpec operations as MCP tools:"}),e("div",{className:"overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",children:e("pre",{children:`import { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js';
 import { StdioServerTransport } from '@modelcontextprotocol/sdk/server/stdio.js';
 import { createMcpServer } from '@contractspec/lib.contracts-runtime-server-mcp/provider-mcp';
 import { registry, resources, prompts } from './lib/registry';
@@ -127,30 +16,7 @@ createMcpServer(server, registry, resources, prompts, {
 });
 
 const transport = new StdioServerTransport();
-await server.connect(transport);`
-            })
-          }),
-          /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground",
-            children: "AI agents can now discover and invoke your operations through the MCP protocol. ContractSpec handles authentication, authorization, and execution automatically via the `OperationSpecRegistry`."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "Consuming external MCP servers"
-          }),
-          /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground",
-            children: "You can integrate external MCP servers into your workflows. Define an integration spec and use it in your operations:"
-          }),
-          /* @__PURE__ */ jsx("div", {
-            className: "overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",
-            children: /* @__PURE__ */ jsx("pre", {
-              children: `import { defineIntegration } from '@contractspec/lib.contracts-integrations';
+await server.connect(transport);`})}),e("p",{className:"text-muted-foreground",children:"AI agents can now discover and invoke your operations through the MCP protocol. ContractSpec handles authentication, authorization, and execution automatically via the `OperationSpecRegistry`."})]}),t("div",{className:"space-y-4",children:[e("h2",{className:"font-bold text-2xl",children:"Consuming external MCP servers"}),e("p",{className:"text-muted-foreground",children:"You can integrate external MCP servers into your workflows. Define an integration spec and use it in your operations:"}),e("div",{className:"overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",children:e("pre",{children:`import { defineIntegration } from '@contractspec/lib.contracts-integrations';
 import { SchemaModel, ScalarTypeEnum } from '@contractspec/lib.schema';
 
 const SearchProductsIntegration = defineIntegration({
@@ -179,35 +45,7 @@ const SearchProductsIntegration = defineIntegration({
       },
     }),
   },
-});`
-            })
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "Policy enforcement for AI agents"
-          }),
-          /* @__PURE__ */ jsxs("p", {
-            className: "text-muted-foreground",
-            children: [
-              "AI agents are treated like any other actor in ContractSpec. They must authenticate, and all their actions are subject to",
-              " ",
-              /* @__PURE__ */ jsx(Link, {
-                href: "/docs/specs/policy",
-                className: "text-violet-400 hover:text-violet-300",
-                children: "PolicySpecs"
-              }),
-              ". You can define specific policies in TypeScript:"
-            ]
-          }),
-          /* @__PURE__ */ jsx("div", {
-            className: "overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",
-            children: /* @__PURE__ */ jsx("pre", {
-              children: `import { definePolicy } from '@contractspec/lib.contracts-spec';
+});`})})]}),t("div",{className:"space-y-4",children:[e("h2",{className:"font-bold text-2xl",children:"Policy enforcement for AI agents"}),t("p",{className:"text-muted-foreground",children:["AI agents are treated like any other actor in ContractSpec. They must authenticate, and all their actions are subject to"," ",e(o,{href:"/docs/specs/policy",className:"text-violet-400 hover:text-violet-300",children:"PolicySpecs"}),". You can define specific policies in TypeScript:"]}),e("div",{className:"overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",children:e("pre",{children:`import { definePolicy } from '@contractspec/lib.contracts-spec';
 
 export const AIAgentRestrictions = definePolicy({
   meta: {
@@ -230,109 +68,4 @@ export const AIAgentRestrictions = definePolicy({
         !ctx.approvalGranted,
     },
   ],
-});`
-            })
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "Human-in-the-loop workflows"
-          }),
-          /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground",
-            children: "For sensitive operations, you can require human approval before an AI agent can proceed. ContractSpec provides built-in approval workflows:"
-          }),
-          /* @__PURE__ */ jsxs("ul", {
-            className: "list-inside list-disc space-y-2 text-muted-foreground",
-            children: [
-              /* @__PURE__ */ jsx("li", {
-                children: "Agent requests permission to invoke a capability"
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Request is sent to designated approvers (via email, Slack, etc.)"
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Approver reviews the request and approves or denies it"
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Agent receives the decision and can proceed if approved"
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs("p", {
-            className: "text-muted-foreground",
-            children: [
-              "All approval decisions are logged in the",
-              " ",
-              /* @__PURE__ */ jsx(Link, {
-                href: "/docs/safety/auditing",
-                className: "text-violet-400 hover:text-violet-300",
-                children: "audit log"
-              }),
-              "."
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "Best practices"
-          }),
-          /* @__PURE__ */ jsxs("ul", {
-            className: "list-inside list-disc space-y-2 text-muted-foreground",
-            children: [
-              /* @__PURE__ */ jsx("li", {
-                children: "Start with read-only capabilities for AI agents\u2014only grant write access when necessary."
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Use human-in-the-loop approval for any capability that modifies critical data or triggers financial transactions."
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Set rate limits to prevent runaway agents from overwhelming your system."
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Provide clear, detailed descriptions for each capability so agents know when to use them."
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Monitor agent actions closely in production and adjust policies as needed."
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Test agent integrations thoroughly with realistic scenarios before deploying."
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "flex items-center gap-4 pt-4",
-        children: [
-          /* @__PURE__ */ jsx(Link, {
-            href: "/docs/advanced/renderers",
-            className: "btn-ghost",
-            children: "Previous: Custom Renderers"
-          }),
-          /* @__PURE__ */ jsxs(Link, {
-            href: "/docs/advanced/telemetry",
-            className: "btn-primary",
-            children: [
-              "Next: Telemetry ",
-              /* @__PURE__ */ jsx(ChevronRight, {
-                size: 16
-              })
-            ]
-          })
-        ]
-      })
-    ]
-  });
-}
-export {
-  AdvancedMCPPage
-};
+});`})})]}),t("div",{className:"space-y-4",children:[e("h2",{className:"font-bold text-2xl",children:"Human-in-the-loop workflows"}),e("p",{className:"text-muted-foreground",children:"For sensitive operations, you can require human approval before an AI agent can proceed. ContractSpec provides built-in approval workflows:"}),t("ul",{className:"list-inside list-disc space-y-2 text-muted-foreground",children:[e("li",{children:"Agent requests permission to invoke a capability"}),e("li",{children:"Request is sent to designated approvers (via email, Slack, etc.)"}),e("li",{children:"Approver reviews the request and approves or denies it"}),e("li",{children:"Agent receives the decision and can proceed if approved"})]}),t("p",{className:"text-muted-foreground",children:["All approval decisions are logged in the"," ",e(o,{href:"/docs/safety/auditing",className:"text-violet-400 hover:text-violet-300",children:"audit log"}),"."]})]}),t("div",{className:"space-y-4",children:[e("h2",{className:"font-bold text-2xl",children:"Best practices"}),t("ul",{className:"list-inside list-disc space-y-2 text-muted-foreground",children:[e("li",{children:"Start with read-only capabilities for AI agents\u2014only grant write access when necessary."}),e("li",{children:"Use human-in-the-loop approval for any capability that modifies critical data or triggers financial transactions."}),e("li",{children:"Set rate limits to prevent runaway agents from overwhelming your system."}),e("li",{children:"Provide clear, detailed descriptions for each capability so agents know when to use them."}),e("li",{children:"Monitor agent actions closely in production and adjust policies as needed."}),e("li",{children:"Test agent integrations thoroughly with realistic scenarios before deploying."})]})]}),t("div",{className:"flex items-center gap-4 pt-4",children:[e(o,{href:"/docs/advanced/renderers",className:"btn-ghost",children:"Previous: Custom Renderers"}),t(o,{href:"/docs/advanced/telemetry",className:"btn-primary",children:["Next: Telemetry ",e(a,{size:16})]})]})]})}export{n as AdvancedMCPPage};

package/dist/components/docs/advanced/AdvancedOverlayEditorPage.js

@@ -1,108 +1,2 @@
 // @bun
-// src/components/docs/advanced/AdvancedOverlayEditorPage.tsx
-import Link from "@contractspec/lib.ui-link";
-import { jsx, jsxs } from "react/jsx-runtime";
-function AdvancedOverlayEditorPage() {
-  return /* @__PURE__ */ jsxs("div", {
-    className: "space-y-8",
-    children: [
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h1", {
-            className: "font-bold text-4xl",
-            children: "Overlay Editor"
-          }),
-          /* @__PURE__ */ jsx("p", {
-            className: "text-lg text-muted-foreground",
-            children: "A Next.js app (`@contractspec/app.overlay-editor`) that lets tenant admins tweak field visibility, labels, and ordering, then sign OverlaySpecs."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "Features"
-          }),
-          /* @__PURE__ */ jsxs("ul", {
-            className: "list-disc space-y-2 pl-6",
-            children: [
-              /* @__PURE__ */ jsx("li", {
-                children: "Toggle visibility and rename labels without touching code."
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Move fields up/down to define the overlay order."
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Preview JSON output powered by `@contractspec/lib.overlay-engine`."
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Server action for PEM signing (Ed25519/RSA-PSS)."
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs("p", {
-            children: [
-              "Project path: ",
-              /* @__PURE__ */ jsx("code", {
-                children: "packages/apps/overlay-editor"
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "Provisioning flow"
-          }),
-          /* @__PURE__ */ jsxs("ol", {
-            className: "list-decimal space-y-2 pl-6",
-            children: [
-              /* @__PURE__ */ jsxs("li", {
-                children: [
-                  "Clone the repo and run ",
-                  /* @__PURE__ */ jsx("code", {
-                    children: "bun dev"
-                  }),
-                  " inside the app."
-                ]
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Use the UI to craft the overlay for a tenant."
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Paste the tenant's PEM private key (stored in Vault/KMS)."
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Click \u201CSign overlay\u201D to get the final JSON payload."
-              }),
-              /* @__PURE__ */ jsx("li", {
-                children: "Persist in the `Overlay` table and register with `OverlayRegistry`."
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs("p", {
-            children: [
-              "See also:",
-              " ",
-              /* @__PURE__ */ jsx(Link, {
-                href: "/docs/ops/tenant-customization",
-                className: "text-violet-400 underline",
-                children: "Tenant customization runbook"
-              }),
-              "."
-            ]
-          })
-        ]
-      })
-    ]
-  });
-}
-export {
-  AdvancedOverlayEditorPage
-};
+import a from"@contractspec/lib.ui-link";import{jsx as e,jsxs as t}from"react/jsx-runtime";function l(){return t("div",{className:"space-y-8",children:[t("div",{className:"space-y-4",children:[e("h1",{className:"font-bold text-4xl",children:"Overlay Editor"}),e("p",{className:"text-lg text-muted-foreground",children:"A Next.js app (`@contractspec/app.overlay-editor`) that lets tenant admins tweak field visibility, labels, and ordering, then sign OverlaySpecs."})]}),t("div",{className:"space-y-4",children:[e("h2",{className:"font-bold text-2xl",children:"Features"}),t("ul",{className:"list-disc space-y-2 pl-6",children:[e("li",{children:"Toggle visibility and rename labels without touching code."}),e("li",{children:"Move fields up/down to define the overlay order."}),e("li",{children:"Preview JSON output powered by `@contractspec/lib.overlay-engine`."}),e("li",{children:"Server action for PEM signing (Ed25519/RSA-PSS)."})]}),t("p",{children:["Project path: ",e("code",{children:"packages/apps/overlay-editor"})]})]}),t("div",{className:"space-y-4",children:[e("h2",{className:"font-bold text-2xl",children:"Provisioning flow"}),t("ol",{className:"list-decimal space-y-2 pl-6",children:[t("li",{children:["Clone the repo and run ",e("code",{children:"bun dev"})," inside the app."]}),e("li",{children:"Use the UI to craft the overlay for a tenant."}),e("li",{children:"Paste the tenant's PEM private key (stored in Vault/KMS)."}),e("li",{children:"Click \u201CSign overlay\u201D to get the final JSON payload."}),e("li",{children:"Persist in the `Overlay` table and register with `OverlayRegistry`."})]}),t("p",{children:["See also:"," ",e(a,{href:"/docs/ops/tenant-customization",className:"text-violet-400 underline",children:"Tenant customization runbook"}),"."]})]})]})}export{l as AdvancedOverlayEditorPage};

package/dist/components/docs/advanced/AdvancedRenderersPage.js

@@ -1,62 +1,5 @@
 // @bun
-// src/components/docs/advanced/AdvancedRenderersPage.tsx
-import Link from "@contractspec/lib.ui-link";
-import { ChevronRight } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function AdvancedRenderersPage() {
-  return /* @__PURE__ */ jsxs("div", {
-    className: "space-y-8",
-    children: [
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-2",
-        children: [
-          /* @__PURE__ */ jsx("h1", {
-            className: "font-bold text-4xl",
-            children: "Custom Renderers"
-          }),
-          /* @__PURE__ */ jsx("p", {
-            className: "text-lg text-muted-foreground",
-            children: "ContractSpec ships with React and React Native renderers. You can build custom renderers for any framework."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-6",
-        children: [
-          /* @__PURE__ */ jsxs("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx("h2", {
-                className: "font-bold text-2xl",
-                children: "Overview"
-              }),
-              /* @__PURE__ */ jsxs("p", {
-                className: "text-muted-foreground",
-                children: [
-                  "The presentation runtime libraries (",
-                  /* @__PURE__ */ jsx("code", {
-                    children: "@contractspec/lib.presentation-runtime-react"
-                  }),
-                  " and",
-                  /* @__PURE__ */ jsx("code", {
-                    children: "@contractspec/lib.presentation-runtime-react-native"
-                  }),
-                  ") provide hooks and components to render ContractSpec-defined UI like workflows and data views. You can extend these or create custom implementations for other frameworks."
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx("h2", {
-                className: "font-bold text-2xl",
-                children: "Using the React Renderer"
-              }),
-              /* @__PURE__ */ jsx("div", {
-                className: "overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",
-                children: /* @__PURE__ */ jsx("pre", {
-                  children: `import { useWorkflow, WorkflowStepRenderer } from '@contractspec/lib.presentation-runtime-react';
+import t from"@contractspec/lib.ui-link";import{ChevronRight as r}from"lucide-react";import{jsx as e,jsxs as o}from"react/jsx-runtime";function c(){return o("div",{className:"space-y-8",children:[o("div",{className:"space-y-2",children:[e("h1",{className:"font-bold text-4xl",children:"Custom Renderers"}),e("p",{className:"text-lg text-muted-foreground",children:"ContractSpec ships with React and React Native renderers. You can build custom renderers for any framework."})]}),o("div",{className:"space-y-6",children:[o("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Overview"}),o("p",{className:"text-muted-foreground",children:["The presentation runtime libraries (",e("code",{children:"@contractspec/lib.presentation-runtime-react"})," and",e("code",{children:"@contractspec/lib.presentation-runtime-react-native"}),") provide hooks and components to render ContractSpec-defined UI like workflows and data views. You can extend these or create custom implementations for other frameworks."]})]}),o("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Using the React Renderer"}),e("div",{className:"overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",children:e("pre",{children:`import { useWorkflow, WorkflowStepRenderer } from '@contractspec/lib.presentation-runtime-react';
 import { MyWorkflowSpec } from './specs';
 
 export function WorkflowPage() {
@@ -71,63 +14,4 @@ export function WorkflowPage() {
       </button>
     </div>
   );
-}`
-                })
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx("h2", {
-                className: "font-bold text-2xl",
-                children: "Custom Platform Support"
-              }),
-              /* @__PURE__ */ jsx("p", {
-                className: "text-muted-foreground",
-                children: "To support a new platform (e.g., Vue, Svelte), you would:"
-              }),
-              /* @__PURE__ */ jsxs("ol", {
-                className: "list-inside list-decimal space-y-2 text-muted-foreground",
-                children: [
-                  /* @__PURE__ */ jsxs("li", {
-                    children: [
-                      "Implement the core workflow state machine (from",
-                      " ",
-                      /* @__PURE__ */ jsx("code", {
-                        children: "@contractspec/lib.presentation-runtime-core"
-                      }),
-                      ")"
-                    ]
-                  }),
-                  /* @__PURE__ */ jsx("li", {
-                    children: "Create framework-specific hooks/components for step rendering"
-                  }),
-                  /* @__PURE__ */ jsx("li", {
-                    children: "Handle validation and submission via the ContractSpec I/O schemas"
-                  })
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx("div", {
-            className: "flex items-center gap-4 pt-4",
-            children: /* @__PURE__ */ jsxs(Link, {
-              href: "/docs",
-              className: "btn-primary",
-              children: [
-                "Back to docs ",
-                /* @__PURE__ */ jsx(ChevronRight, {
-                  size: 16
-                })
-              ]
-            })
-          })
-        ]
-      })
-    ]
-  });
-}
-export {
-  AdvancedRenderersPage
-};
+}`})})]}),o("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Custom Platform Support"}),e("p",{className:"text-muted-foreground",children:"To support a new platform (e.g., Vue, Svelte), you would:"}),o("ol",{className:"list-inside list-decimal space-y-2 text-muted-foreground",children:[o("li",{children:["Implement the core workflow state machine (from"," ",e("code",{children:"@contractspec/lib.presentation-runtime-core"}),")"]}),e("li",{children:"Create framework-specific hooks/components for step rendering"}),e("li",{children:"Handle validation and submission via the ContractSpec I/O schemas"})]})]}),e("div",{className:"flex items-center gap-4 pt-4",children:o(t,{href:"/docs",className:"btn-primary",children:["Back to docs ",e(r,{size:16})]})})]})]})}export{c as AdvancedRenderersPage};

package/dist/components/docs/advanced/AdvancedSpecExperimentsPage.js

@@ -1,33 +1,5 @@
 // @bun
-// src/components/docs/advanced/AdvancedSpecExperimentsPage.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function AdvancedSpecExperimentsPage() {
-  return /* @__PURE__ */ jsxs("div", {
-    className: "space-y-8",
-    children: [
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h1", {
-            className: "font-bold text-4xl",
-            children: "Spec Experiments"
-          }),
-          /* @__PURE__ */ jsx("p", {
-            className: "text-lg text-muted-foreground",
-            children: "Run controlled experiments on ContractSpec operations, gradually shift traffic, and roll back automatically when guardrails trip."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-3",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "Define control + variants"
-          }),
-          /* @__PURE__ */ jsx("pre", {
-            className: "rounded-lg border bg-muted p-4 text-sm",
-            children: `import { SpecExperimentRegistry } from '@contractspec/lib.growth/spec-experiments';
+import{jsx as e,jsxs as t}from"react/jsx-runtime";function a(){return t("div",{className:"space-y-8",children:[t("div",{className:"space-y-4",children:[e("h1",{className:"font-bold text-4xl",children:"Spec Experiments"}),e("p",{className:"text-lg text-muted-foreground",children:"Run controlled experiments on ContractSpec operations, gradually shift traffic, and roll back automatically when guardrails trip."})]}),t("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Define control + variants"}),e("pre",{className:"rounded-lg border bg-muted p-4 text-sm",children:`import { SpecExperimentRegistry } from '@contractspec/lib.growth/spec-experiments';
 
 const registry = new SpecExperimentRegistry().register({
   target: { name: 'billing.createInvoice', version: 4 },
@@ -47,38 +19,12 @@ const registry = new SpecExperimentRegistry().register({
   ],
   rolloutStages: [0.01, 0.1, 0.5, 1],
   guardrails: { errorRateThreshold: 0.02, latencyP99ThresholdMs: 500 },
-});`
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-3",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "Attach to runtime"
-          }),
-          /* @__PURE__ */ jsx("pre", {
-            className: "rounded-lg border bg-muted p-4 text-sm",
-            children: `import { createSpecVariantResolver } from '@contractspec/lib.growth/spec-experiments';
+});`})]}),t("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Attach to runtime"}),e("pre",{className:"rounded-lg border bg-muted p-4 text-sm",children:`import { createSpecVariantResolver } from '@contractspec/lib.growth/spec-experiments';
 
 adapterContext.specVariantResolver = createSpecVariantResolver({
   adapter,
   resolveUserId: (ctx) => ctx.userId ?? ctx.organizationId ?? 'anon',
-});`
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-3",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "font-bold text-2xl",
-            children: "Track outcomes + auto-rollback"
-          }),
-          /* @__PURE__ */ jsx("pre", {
-            className: "rounded-lg border bg-muted p-4 text-sm",
-            children: `import {
+});`})]}),t("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Track outcomes + auto-rollback"}),e("pre",{className:"rounded-lg border bg-muted p-4 text-sm",children:`import {
   SpecExperimentAnalyzer,
   SpecExperimentController,
 } from '@contractspec/lib.growth/spec-experiments';
@@ -88,38 +34,4 @@ const controller = new SpecExperimentController({
   registry,
   analyzer,
   onRollback: (target, evaluation) => notifyOps(target, evaluation.reasons),
-});`
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx("div", {
-        className: "grid gap-4 md:grid-cols-2",
-        children: [
-          {
-            title: "Deterministic bucketing",
-            description: "ExperimentRunner reuses the same hashing logic as growth experiments\u2014every user sticks to a variant."
-          },
-          {
-            title: "Multi-stage rollouts",
-            description: "Use `rolloutStages` to shift 1% \u2192 10% \u2192 50% \u2192 100%. Guardrails trigger rollbacks automatically."
-          }
-        ].map((card) => /* @__PURE__ */ jsxs("div", {
-          className: "card-subtle space-y-2 p-4",
-          children: [
-            /* @__PURE__ */ jsx("h3", {
-              className: "font-semibold text-lg",
-              children: card.title
-            }),
-            /* @__PURE__ */ jsx("p", {
-              className: "text-muted-foreground text-sm",
-              children: card.description
-            })
-          ]
-        }, card.title))
-      })
-    ]
-  });
-}
-export {
-  AdvancedSpecExperimentsPage
-};
+});`})]}),e("div",{className:"grid gap-4 md:grid-cols-2",children:[{title:"Deterministic bucketing",description:"ExperimentRunner reuses the same hashing logic as growth experiments\u2014every user sticks to a variant."},{title:"Multi-stage rollouts",description:"Use `rolloutStages` to shift 1% \u2192 10% \u2192 50% \u2192 100%. Guardrails trigger rollbacks automatically."}].map((r)=>t("div",{className:"card-subtle space-y-2 p-4",children:[e("h3",{className:"font-semibold text-lg",children:r.title}),e("p",{className:"text-muted-foreground text-sm",children:r.description})]},r.title))})]})}export{a as AdvancedSpecExperimentsPage};