@contractspec/bundle.library 3.8.10 → 3.8.12

package/dist/components/docs/guides/GuideContractTypesPage.js

@@ -1,141 +1,5 @@
 // @bun
-// src/components/docs/shared/StudioPrompt.tsx
-import Link from "@contractspec/lib.ui-link";
-import { jsx, jsxs } from "react/jsx-runtime";
-function StudioPrompt({
-  title = "Need the operating layer on top of OSS ContractSpec?",
-  body = "ContractSpec Studio helps teams turn evidence into proposed spec changes, governed delivery loops, and execution-ready task packs while keeping the open contract system as the source of truth.",
-  ctaLabel = "See what Studio adds",
-  href = "https://www.contractspec.studio/docs"
-}) {
-  return /* @__PURE__ */ jsxs("div", {
-    className: "card-subtle space-y-3 p-6",
-    children: [
-      /* @__PURE__ */ jsx("h3", {
-        className: "font-semibold text-lg",
-        children: title
-      }),
-      /* @__PURE__ */ jsx("p", {
-        className: "text-muted-foreground text-sm",
-        children: body
-      }),
-      /* @__PURE__ */ jsx(Link, {
-        href,
-        className: "btn-primary",
-        children: ctaLabel
-      })
-    ]
-  });
-}
-
-// src/components/docs/guides/GuideContractTypesPage.tsx
-import { CodeBlock } from "@contractspec/lib.design-system";
-import Link2 from "@contractspec/lib.ui-link";
-import { ChevronRight, Globe, Layers, Shield, Zap } from "lucide-react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var contractTypes = [
-  {
-    name: "Operations",
-    factory: "defineCommand / defineQuery",
-    description: "API endpoints with input/output schemas, validation, and policy.",
-    icon: Zap,
-    color: "text-blue-400"
-  },
-  {
-    name: "Events",
-    factory: "defineEvent",
-    description: "Domain events with typed payloads and PII handling.",
-    icon: Layers,
-    color: "text-green-400"
-  },
-  {
-    name: "Capabilities",
-    factory: "defineCapability",
-    description: "Feature groupings that link operations, events, and UIs.",
-    icon: Shield,
-    color: "text-purple-400"
-  },
-  {
-    name: "Presentations",
-    factory: "definePresentation",
-    description: "UI specifications for rendering data and handling interactions.",
-    icon: Globe,
-    color: "text-orange-400"
-  }
-];
-function GuideContractTypesPage() {
-  return /* @__PURE__ */ jsxs2("div", {
-    className: "space-y-8",
-    children: [
-      /* @__PURE__ */ jsxs2("div", {
-        className: "space-y-3",
-        children: [
-          /* @__PURE__ */ jsx2("h1", {
-            className: "font-bold text-4xl",
-            children: "Contract Types Overview"
-          }),
-          /* @__PURE__ */ jsx2("p", {
-            className: "text-lg text-muted-foreground",
-            children: "Learn about the different contract types in ContractSpec and when to use each one when you are making the system boundary explicit."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs2("div", {
-        className: "card-subtle space-y-4 p-6",
-        children: [
-          /* @__PURE__ */ jsx2("h2", {
-            className: "font-bold text-2xl",
-            children: "Core Contract Types"
-          }),
-          /* @__PURE__ */ jsx2("div", {
-            className: "grid gap-3 md:grid-cols-2",
-            children: contractTypes.map((type) => /* @__PURE__ */ jsxs2("div", {
-              className: "flex items-start gap-3 rounded-lg border border-white/10 p-4",
-              children: [
-                /* @__PURE__ */ jsx2(type.icon, {
-                  className: type.color,
-                  size: 20
-                }),
-                /* @__PURE__ */ jsxs2("div", {
-                  className: "space-y-1",
-                  children: [
-                    /* @__PURE__ */ jsx2("h3", {
-                      className: "font-semibold",
-                      children: type.name
-                    }),
-                    /* @__PURE__ */ jsx2("p", {
-                      className: "text-muted-foreground text-xs",
-                      children: type.description
-                    }),
-                    /* @__PURE__ */ jsx2("code", {
-                      className: "text-violet-400 text-xs",
-                      children: type.factory
-                    })
-                  ]
-                })
-              ]
-            }, type.name))
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs2("div", {
-        className: "space-y-6",
-        children: [
-          /* @__PURE__ */ jsxs2("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx2("h2", {
-                className: "font-bold text-2xl",
-                children: "1) Operations (Commands & Queries)"
-              }),
-              /* @__PURE__ */ jsx2("p", {
-                className: "text-muted-foreground text-sm",
-                children: "Operations are the backbone of your API. Commands mutate state, queries read state. Both have typed input/output schemas."
-              }),
-              /* @__PURE__ */ jsx2(CodeBlock, {
-                language: "typescript",
-                filename: "src/contracts/user.operation.ts",
-                code: `import { defineCommand, defineQuery } from "@contractspec/lib.contracts-spec";
+import l from"@contractspec/lib.ui-link";import{jsx as s,jsxs as p}from"react/jsx-runtime";function r({title:a="Need the operating layer on top of OSS ContractSpec?",body:n="ContractSpec Studio helps teams turn evidence into proposed spec changes, governed delivery loops, and execution-ready task packs while keeping the open contract system as the source of truth.",ctaLabel:c="See what Studio adds",href:d="https://www.contractspec.studio/docs"}){return p("div",{className:"card-subtle space-y-3 p-6",children:[s("h3",{className:"font-semibold text-lg",children:a}),s("p",{className:"text-muted-foreground text-sm",children:n}),s(l,{href:d,className:"btn-primary",children:c})]})}import{CodeBlock as i}from"@contractspec/lib.design-system";import o from"@contractspec/lib.ui-link";import{ChevronRight as m,Globe as u,Layers as y,Shield as f,Zap as h}from"lucide-react";import{jsx as e,jsxs as t}from"react/jsx-runtime";var b=[{name:"Operations",factory:"defineCommand / defineQuery",description:"API endpoints with input/output schemas, validation, and policy.",icon:h,color:"text-blue-400"},{name:"Events",factory:"defineEvent",description:"Domain events with typed payloads and PII handling.",icon:y,color:"text-green-400"},{name:"Capabilities",factory:"defineCapability",description:"Feature groupings that link operations, events, and UIs.",icon:f,color:"text-purple-400"},{name:"Presentations",factory:"definePresentation",description:"UI specifications for rendering data and handling interactions.",icon:u,color:"text-orange-400"}];function E(){return t("div",{className:"space-y-8",children:[t("div",{className:"space-y-3",children:[e("h1",{className:"font-bold text-4xl",children:"Contract Types Overview"}),e("p",{className:"text-lg text-muted-foreground",children:"Learn about the different contract types in ContractSpec and when to use each one when you are making the system boundary explicit."})]}),t("div",{className:"card-subtle space-y-4 p-6",children:[e("h2",{className:"font-bold text-2xl",children:"Core Contract Types"}),e("div",{className:"grid gap-3 md:grid-cols-2",children:b.map((a)=>t("div",{className:"flex items-start gap-3 rounded-lg border border-white/10 p-4",children:[e(a.icon,{className:a.color,size:20}),t("div",{className:"space-y-1",children:[e("h3",{className:"font-semibold",children:a.name}),e("p",{className:"text-muted-foreground text-xs",children:a.description}),e("code",{className:"text-violet-400 text-xs",children:a.factory})]})]},a.name))})]}),t("div",{className:"space-y-6",children:[t("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"1) Operations (Commands & Queries)"}),e("p",{className:"text-muted-foreground text-sm",children:"Operations are the backbone of your API. Commands mutate state, queries read state. Both have typed input/output schemas."}),e(i,{language:"typescript",filename:"src/contracts/user.operation.ts",code:`import { defineCommand, defineQuery } from "@contractspec/lib.contracts-spec";
 import { SchemaModel, ScalarTypeEnum } from "@contractspec/lib.schema";
 
 // Command: Mutates state (creates a user)
@@ -201,25 +65,7 @@ export const GetUserQuery = defineQuery({
     }),
   },
   policy: { auth: "user" },
-});`
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs2("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx2("h2", {
-                className: "font-bold text-2xl",
-                children: "2) Events"
-              }),
-              /* @__PURE__ */ jsx2("p", {
-                className: "text-muted-foreground text-sm",
-                children: "Events represent domain occurrences. They have typed payloads with PII field marking for compliance."
-              }),
-              /* @__PURE__ */ jsx2(CodeBlock, {
-                language: "typescript",
-                filename: "src/contracts/user.event.ts",
-                code: `import { defineEvent } from "@contractspec/lib.contracts-spec";
+});`})]}),t("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"2) Events"}),e("p",{className:"text-muted-foreground text-sm",children:"Events represent domain occurrences. They have typed payloads with PII field marking for compliance."}),e(i,{language:"typescript",filename:"src/contracts/user.event.ts",code:`import { defineEvent } from "@contractspec/lib.contracts-spec";
 import { SchemaModel, ScalarTypeEnum } from "@contractspec/lib.schema";
 
 export const UserCreatedEvent = defineEvent({
@@ -260,25 +106,7 @@ export const UserDeletedEvent = defineEvent({
       reason: { type: ScalarTypeEnum.String(), isOptional: true },
     },
   }),
-});`
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs2("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx2("h2", {
-                className: "font-bold text-2xl",
-                children: "3) Capabilities"
-              }),
-              /* @__PURE__ */ jsx2("p", {
-                className: "text-muted-foreground text-sm",
-                children: "Capabilities group related operations, events, and presentations. They define feature boundaries and dependencies."
-              }),
-              /* @__PURE__ */ jsx2(CodeBlock, {
-                language: "typescript",
-                filename: "src/contracts/user-management.capability.ts",
-                code: `import { defineCapability } from "@contractspec/lib.contracts-spec";
+});`})]}),t("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"3) Capabilities"}),e("p",{className:"text-muted-foreground text-sm",children:"Capabilities group related operations, events, and presentations. They define feature boundaries and dependencies."}),e(i,{language:"typescript",filename:"src/contracts/user-management.capability.ts",code:`import { defineCapability } from "@contractspec/lib.contracts-spec";
 
 export const UserManagementCapability = defineCapability({
   meta: {
@@ -321,25 +149,7 @@ export const AdminUserCapability = defineCapability({
     { surface: "operation", key: "user.ban", version: "1.0.0" },
     { surface: "operation", key: "user.impersonate", version: "1.0.0" },
   ],
-});`
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs2("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx2("h2", {
-                className: "font-bold text-2xl",
-                children: "4) Presentations"
-              }),
-              /* @__PURE__ */ jsx2("p", {
-                className: "text-muted-foreground text-sm",
-                children: "Presentations define UI specifications. They link to capabilities and specify how data should be displayed."
-              }),
-              /* @__PURE__ */ jsx2(CodeBlock, {
-                language: "typescript",
-                filename: "src/contracts/user-list.presentation.ts",
-                code: `import { definePresentation } from "@contractspec/lib.contracts-spec";
+});`})]}),t("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"4) Presentations"}),e("p",{className:"text-muted-foreground text-sm",children:"Presentations define UI specifications. They link to capabilities and specify how data should be displayed."}),e(i,{language:"typescript",filename:"src/contracts/user-list.presentation.ts",code:`import { definePresentation } from "@contractspec/lib.contracts-spec";
 
 export const UserListPresentation = definePresentation({
   meta: {
@@ -361,179 +171,7 @@ export const UserListPresentation = definePresentation({
     pagination: { defaultPageSize: 25 },
     search: { fields: ["name", "email"] },
   },
-});`
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs2("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx2("h2", {
-                className: "font-bold text-2xl",
-                children: "5) Additional Contract Types"
-              }),
-              /* @__PURE__ */ jsx2("p", {
-                className: "text-muted-foreground text-sm",
-                children: "ContractSpec provides specialized contracts for different concerns:"
-              }),
-              /* @__PURE__ */ jsxs2("div", {
-                className: "grid gap-4 md:grid-cols-2",
-                children: [
-                  /* @__PURE__ */ jsxs2("div", {
-                    className: "card-subtle space-y-2 p-4",
-                    children: [
-                      /* @__PURE__ */ jsx2("h3", {
-                        className: "font-semibold",
-                        children: "Policy"
-                      }),
-                      /* @__PURE__ */ jsx2("code", {
-                        className: "text-violet-400 text-xs",
-                        children: "definePolicy"
-                      }),
-                      /* @__PURE__ */ jsx2("p", {
-                        className: "text-muted-foreground text-xs",
-                        children: "RBAC/ABAC rules, rate limits, and access control."
-                      })
-                    ]
-                  }),
-                  /* @__PURE__ */ jsxs2("div", {
-                    className: "card-subtle space-y-2 p-4",
-                    children: [
-                      /* @__PURE__ */ jsx2("h3", {
-                        className: "font-semibold",
-                        children: "Workflow"
-                      }),
-                      /* @__PURE__ */ jsx2("code", {
-                        className: "text-violet-400 text-xs",
-                        children: "defineWorkflow"
-                      }),
-                      /* @__PURE__ */ jsx2("p", {
-                        className: "text-muted-foreground text-xs",
-                        children: "Multi-step processes with states, transitions, and SLAs."
-                      })
-                    ]
-                  }),
-                  /* @__PURE__ */ jsxs2("div", {
-                    className: "card-subtle space-y-2 p-4",
-                    children: [
-                      /* @__PURE__ */ jsx2("h3", {
-                        className: "font-semibold",
-                        children: "Translation"
-                      }),
-                      /* @__PURE__ */ jsx2("code", {
-                        className: "text-violet-400 text-xs",
-                        children: "defineTranslation"
-                      }),
-                      /* @__PURE__ */ jsx2("p", {
-                        className: "text-muted-foreground text-xs",
-                        children: "i18n messages with ICU format and locale fallbacks."
-                      })
-                    ]
-                  }),
-                  /* @__PURE__ */ jsxs2("div", {
-                    className: "card-subtle space-y-2 p-4",
-                    children: [
-                      /* @__PURE__ */ jsx2("h3", {
-                        className: "font-semibold",
-                        children: "Integration"
-                      }),
-                      /* @__PURE__ */ jsx2("code", {
-                        className: "text-violet-400 text-xs",
-                        children: "defineIntegration"
-                      }),
-                      /* @__PURE__ */ jsx2("p", {
-                        className: "text-muted-foreground text-xs",
-                        children: "External service connections and API adapters."
-                      })
-                    ]
-                  }),
-                  /* @__PURE__ */ jsxs2("div", {
-                    className: "card-subtle space-y-2 p-4",
-                    children: [
-                      /* @__PURE__ */ jsx2("h3", {
-                        className: "font-semibold",
-                        children: "Form"
-                      }),
-                      /* @__PURE__ */ jsx2("code", {
-                        className: "text-violet-400 text-xs",
-                        children: "defineFormSpec"
-                      }),
-                      /* @__PURE__ */ jsx2("p", {
-                        className: "text-muted-foreground text-xs",
-                        children: "Form definitions with fields, validation, and layouts."
-                      })
-                    ]
-                  }),
-                  /* @__PURE__ */ jsxs2("div", {
-                    className: "card-subtle space-y-2 p-4",
-                    children: [
-                      /* @__PURE__ */ jsx2("h3", {
-                        className: "font-semibold",
-                        children: "Data View"
-                      }),
-                      /* @__PURE__ */ jsx2("code", {
-                        className: "text-violet-400 text-xs",
-                        children: "defineDataView"
-                      }),
-                      /* @__PURE__ */ jsx2("p", {
-                        className: "text-muted-foreground text-xs",
-                        children: "Read-only data projections and aggregations."
-                      })
-                    ]
-                  }),
-                  /* @__PURE__ */ jsxs2("div", {
-                    className: "card-subtle space-y-2 p-4",
-                    children: [
-                      /* @__PURE__ */ jsx2("h3", {
-                        className: "font-semibold",
-                        children: "Feature"
-                      }),
-                      /* @__PURE__ */ jsx2("code", {
-                        className: "text-violet-400 text-xs",
-                        children: "defineFeature"
-                      }),
-                      /* @__PURE__ */ jsx2("p", {
-                        className: "text-muted-foreground text-xs",
-                        children: "Feature flags and progressive rollout configurations."
-                      })
-                    ]
-                  }),
-                  /* @__PURE__ */ jsxs2("div", {
-                    className: "card-subtle space-y-2 p-4",
-                    children: [
-                      /* @__PURE__ */ jsx2("h3", {
-                        className: "font-semibold",
-                        children: "Test"
-                      }),
-                      /* @__PURE__ */ jsx2("code", {
-                        className: "text-violet-400 text-xs",
-                        children: "defineTestSpec"
-                      }),
-                      /* @__PURE__ */ jsx2("p", {
-                        className: "text-muted-foreground text-xs",
-                        children: "Contract-driven test scenarios and fixtures."
-                      })
-                    ]
-                  })
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs2("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx2("h2", {
-                className: "font-bold text-2xl",
-                children: "6) Registering Contracts"
-              }),
-              /* @__PURE__ */ jsx2("p", {
-                className: "text-muted-foreground text-sm",
-                children: "Each contract type has a registry for lookup and validation."
-              }),
-              /* @__PURE__ */ jsx2(CodeBlock, {
-                language: "typescript",
-                filename: "src/contracts/registry.ts",
-                code: `import {
+});`})]}),t("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"5) Additional Contract Types"}),e("p",{className:"text-muted-foreground text-sm",children:"ContractSpec provides specialized contracts for different concerns:"}),t("div",{className:"grid gap-4 md:grid-cols-2",children:[t("div",{className:"card-subtle space-y-2 p-4",children:[e("h3",{className:"font-semibold",children:"Policy"}),e("code",{className:"text-violet-400 text-xs",children:"definePolicy"}),e("p",{className:"text-muted-foreground text-xs",children:"RBAC/ABAC rules, rate limits, and access control."})]}),t("div",{className:"card-subtle space-y-2 p-4",children:[e("h3",{className:"font-semibold",children:"Workflow"}),e("code",{className:"text-violet-400 text-xs",children:"defineWorkflow"}),e("p",{className:"text-muted-foreground text-xs",children:"Multi-step processes with states, transitions, and SLAs."})]}),t("div",{className:"card-subtle space-y-2 p-4",children:[e("h3",{className:"font-semibold",children:"Translation"}),e("code",{className:"text-violet-400 text-xs",children:"defineTranslation"}),e("p",{className:"text-muted-foreground text-xs",children:"i18n messages with ICU format and locale fallbacks."})]}),t("div",{className:"card-subtle space-y-2 p-4",children:[e("h3",{className:"font-semibold",children:"Integration"}),e("code",{className:"text-violet-400 text-xs",children:"defineIntegration"}),e("p",{className:"text-muted-foreground text-xs",children:"External service connections and API adapters."})]}),t("div",{className:"card-subtle space-y-2 p-4",children:[e("h3",{className:"font-semibold",children:"Form"}),e("code",{className:"text-violet-400 text-xs",children:"defineFormSpec"}),e("p",{className:"text-muted-foreground text-xs",children:"Form definitions with fields, validation, and layouts."})]}),t("div",{className:"card-subtle space-y-2 p-4",children:[e("h3",{className:"font-semibold",children:"Data View"}),e("code",{className:"text-violet-400 text-xs",children:"defineDataView"}),e("p",{className:"text-muted-foreground text-xs",children:"Read-only data projections and aggregations."})]}),t("div",{className:"card-subtle space-y-2 p-4",children:[e("h3",{className:"font-semibold",children:"Feature"}),e("code",{className:"text-violet-400 text-xs",children:"defineFeature"}),e("p",{className:"text-muted-foreground text-xs",children:"Feature flags and progressive rollout configurations."})]}),t("div",{className:"card-subtle space-y-2 p-4",children:[e("h3",{className:"font-semibold",children:"Test"}),e("code",{className:"text-violet-400 text-xs",children:"defineTestSpec"}),e("p",{className:"text-muted-foreground text-xs",children:"Contract-driven test scenarios and fixtures."})]})]})]}),t("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"6) Registering Contracts"}),e("p",{className:"text-muted-foreground text-sm",children:"Each contract type has a registry for lookup and validation."}),e(i,{language:"typescript",filename:"src/contracts/registry.ts",code:`import {
   OperationSpecRegistry,
   installOp,
 } from "@contractspec/lib.contracts-spec/operations";
@@ -563,177 +201,4 @@ installOp(operationRegistry, GetUserQuery, async (input) => {
 
 // Register events and capabilities
 eventRegistry.register(UserCreatedEvent);
-capabilityRegistry.register(UserManagementCapability);`
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs2("div", {
-            className: "card-subtle space-y-3 p-6",
-            children: [
-              /* @__PURE__ */ jsx2("h3", {
-                className: "font-semibold text-lg",
-                children: "Contract Type Decision Guide"
-              }),
-              /* @__PURE__ */ jsxs2("table", {
-                className: "w-full text-sm",
-                children: [
-                  /* @__PURE__ */ jsx2("thead", {
-                    children: /* @__PURE__ */ jsxs2("tr", {
-                      className: "border-white/10 border-b",
-                      children: [
-                        /* @__PURE__ */ jsx2("th", {
-                          className: "py-2 text-left",
-                          children: "When you need..."
-                        }),
-                        /* @__PURE__ */ jsx2("th", {
-                          className: "py-2 text-left",
-                          children: "Use this contract"
-                        })
-                      ]
-                    })
-                  }),
-                  /* @__PURE__ */ jsxs2("tbody", {
-                    className: "text-muted-foreground",
-                    children: [
-                      /* @__PURE__ */ jsxs2("tr", {
-                        className: "border-white/5 border-b",
-                        children: [
-                          /* @__PURE__ */ jsx2("td", {
-                            className: "py-2",
-                            children: "An API endpoint that changes data"
-                          }),
-                          /* @__PURE__ */ jsx2("td", {
-                            className: "py-2",
-                            children: /* @__PURE__ */ jsx2("code", {
-                              children: "defineCommand"
-                            })
-                          })
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxs2("tr", {
-                        className: "border-white/5 border-b",
-                        children: [
-                          /* @__PURE__ */ jsx2("td", {
-                            className: "py-2",
-                            children: "An API endpoint that reads data"
-                          }),
-                          /* @__PURE__ */ jsx2("td", {
-                            className: "py-2",
-                            children: /* @__PURE__ */ jsx2("code", {
-                              children: "defineQuery"
-                            })
-                          })
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxs2("tr", {
-                        className: "border-white/5 border-b",
-                        children: [
-                          /* @__PURE__ */ jsx2("td", {
-                            className: "py-2",
-                            children: "Async notification of something that happened"
-                          }),
-                          /* @__PURE__ */ jsx2("td", {
-                            className: "py-2",
-                            children: /* @__PURE__ */ jsx2("code", {
-                              children: "defineEvent"
-                            })
-                          })
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxs2("tr", {
-                        className: "border-white/5 border-b",
-                        children: [
-                          /* @__PURE__ */ jsx2("td", {
-                            className: "py-2",
-                            children: "Group related specs under a feature"
-                          }),
-                          /* @__PURE__ */ jsx2("td", {
-                            className: "py-2",
-                            children: /* @__PURE__ */ jsx2("code", {
-                              children: "defineCapability"
-                            })
-                          })
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxs2("tr", {
-                        className: "border-white/5 border-b",
-                        children: [
-                          /* @__PURE__ */ jsx2("td", {
-                            className: "py-2",
-                            children: "Define UI rendering specifications"
-                          }),
-                          /* @__PURE__ */ jsx2("td", {
-                            className: "py-2",
-                            children: /* @__PURE__ */ jsx2("code", {
-                              children: "definePresentation"
-                            })
-                          })
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxs2("tr", {
-                        className: "border-white/5 border-b",
-                        children: [
-                          /* @__PURE__ */ jsx2("td", {
-                            className: "py-2",
-                            children: "Access control and rate limiting"
-                          }),
-                          /* @__PURE__ */ jsx2("td", {
-                            className: "py-2",
-                            children: /* @__PURE__ */ jsx2("code", {
-                              children: "definePolicy"
-                            })
-                          })
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxs2("tr", {
-                        children: [
-                          /* @__PURE__ */ jsx2("td", {
-                            className: "py-2",
-                            children: "Multi-step business processes"
-                          }),
-                          /* @__PURE__ */ jsx2("td", {
-                            className: "py-2",
-                            children: /* @__PURE__ */ jsx2("code", {
-                              children: "defineWorkflow"
-                            })
-                          })
-                        ]
-                      })
-                    ]
-                  })
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx2(StudioPrompt, {
-            title: "Need to decide which contract should change next?",
-            body: "Studio uses evidence and focus constraints to generate decision briefs, patch intents, and execution-ready task packs."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs2("div", {
-        className: "flex items-center gap-4 pt-4",
-        children: [
-          /* @__PURE__ */ jsxs2(Link2, {
-            href: "/docs/guides/nextjs-one-endpoint",
-            className: "btn-primary",
-            children: [
-              "Next: Add your first endpoint ",
-              /* @__PURE__ */ jsx2(ChevronRight, {
-                size: 16
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx2(Link2, {
-            href: "/docs/guides",
-            className: "btn-ghost",
-            children: "Back to guides"
-          })
-        ]
-      })
-    ]
-  });
-}
-export {
-  GuideContractTypesPage
-};
+capabilityRegistry.register(UserManagementCapability);`})]}),t("div",{className:"card-subtle space-y-3 p-6",children:[e("h3",{className:"font-semibold text-lg",children:"Contract Type Decision Guide"}),t("table",{className:"w-full text-sm",children:[e("thead",{children:t("tr",{className:"border-white/10 border-b",children:[e("th",{className:"py-2 text-left",children:"When you need..."}),e("th",{className:"py-2 text-left",children:"Use this contract"})]})}),t("tbody",{className:"text-muted-foreground",children:[t("tr",{className:"border-white/5 border-b",children:[e("td",{className:"py-2",children:"An API endpoint that changes data"}),e("td",{className:"py-2",children:e("code",{children:"defineCommand"})})]}),t("tr",{className:"border-white/5 border-b",children:[e("td",{className:"py-2",children:"An API endpoint that reads data"}),e("td",{className:"py-2",children:e("code",{children:"defineQuery"})})]}),t("tr",{className:"border-white/5 border-b",children:[e("td",{className:"py-2",children:"Async notification of something that happened"}),e("td",{className:"py-2",children:e("code",{children:"defineEvent"})})]}),t("tr",{className:"border-white/5 border-b",children:[e("td",{className:"py-2",children:"Group related specs under a feature"}),e("td",{className:"py-2",children:e("code",{children:"defineCapability"})})]}),t("tr",{className:"border-white/5 border-b",children:[e("td",{className:"py-2",children:"Define UI rendering specifications"}),e("td",{className:"py-2",children:e("code",{children:"definePresentation"})})]}),t("tr",{className:"border-white/5 border-b",children:[e("td",{className:"py-2",children:"Access control and rate limiting"}),e("td",{className:"py-2",children:e("code",{children:"definePolicy"})})]}),t("tr",{children:[e("td",{className:"py-2",children:"Multi-step business processes"}),e("td",{className:"py-2",children:e("code",{children:"defineWorkflow"})})]})]})]})]}),e(r,{title:"Need to decide which contract should change next?",body:"Studio uses evidence and focus constraints to generate decision briefs, patch intents, and execution-ready task packs."})]}),t("div",{className:"flex items-center gap-4 pt-4",children:[t(o,{href:"/docs/guides/nextjs-one-endpoint",className:"btn-primary",children:["Next: Add your first endpoint ",e(m,{size:16})]}),e(o,{href:"/docs/guides",className:"btn-ghost",children:"Back to guides"})]})]})}export{E as GuideContractTypesPage};