@contractspec/bundle.library 3.4.2 → 3.5.0

package/dist/node/components/docs/guides/index.js

@@ -1,203 +1,203 @@
 // src/components/docs/shared/StudioPrompt.tsx
 import Link from "@contractspec/lib.ui-link";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 function StudioPrompt({
   title = "Want to turn product signals into spec-first deliverables?",
   body = "ContractSpec Studio ingests evidence from meetings, support, analytics, docs, and code, then compiles decisions into spec diffs and task packs.",
   ctaLabel = "Try Studio",
   href = "https://www.contractspec.studio"
 }) {
-  return /* @__PURE__ */ jsxDEV("div", {
+  return /* @__PURE__ */ jsxs("div", {
     className: "card-subtle space-y-3 p-6",
     children: [
-      /* @__PURE__ */ jsxDEV("h3", {
+      /* @__PURE__ */ jsx("h3", {
         className: "text-lg font-semibold",
         children: title
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("p", {
+      }),
+      /* @__PURE__ */ jsx("p", {
         className: "text-muted-foreground text-sm",
         children: body
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV(Link, {
+      }),
+      /* @__PURE__ */ jsx(Link, {
         href,
         className: "btn-primary",
         children: ctaLabel
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/components/docs/guides/GuideCIDiffGatingPage.tsx
 import { CodeBlock } from "@contractspec/lib.design-system";
 import Link2 from "@contractspec/lib.ui-link";
 import { ChevronRight } from "lucide-react";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function GuideCIDiffGatingPage() {
-  return /* @__PURE__ */ jsxDEV2("div", {
+  return /* @__PURE__ */ jsxs2("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxDEV2("div", {
+      /* @__PURE__ */ jsxs2("div", {
         className: "space-y-3",
         children: [
-          /* @__PURE__ */ jsxDEV2("h1", {
+          /* @__PURE__ */ jsx2("h1", {
             className: "text-4xl font-bold",
             children: "CI gating with deterministic diffs"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV2("p", {
+          }),
+          /* @__PURE__ */ jsx2("p", {
             className: "text-muted-foreground text-lg",
             children: "Add ContractSpec CI checks that validate specs, detect drift, and gate breaking changes before merge."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV2("div", {
+      }),
+      /* @__PURE__ */ jsxs2("div", {
         className: "card-subtle space-y-4 p-6",
         children: [
-          /* @__PURE__ */ jsxDEV2("h2", {
+          /* @__PURE__ */ jsx2("h2", {
             className: "text-2xl font-bold",
             children: "What you'll build"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV2("ul", {
+          }),
+          /* @__PURE__ */ jsxs2("ul", {
             className: "text-muted-foreground space-y-2 text-sm",
             children: [
-              /* @__PURE__ */ jsxDEV2("li", {
+              /* @__PURE__ */ jsx2("li", {
                 children: "CI workflow running ContractSpec validation and drift checks."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("li", {
+              }),
+              /* @__PURE__ */ jsx2("li", {
                 children: "Machine-readable output for PR annotations."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("li", {
+              }),
+              /* @__PURE__ */ jsx2("li", {
                 children: "Deterministic contract diffs in review."
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV2("div", {
+      }),
+      /* @__PURE__ */ jsxs2("div", {
         className: "space-y-6",
         children: [
-          /* @__PURE__ */ jsxDEV2("div", {
+          /* @__PURE__ */ jsxs2("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV2("h2", {
+              /* @__PURE__ */ jsx2("h2", {
                 className: "text-2xl font-bold",
                 children: "1) Add the CI workflow"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("p", {
+              }),
+              /* @__PURE__ */ jsx2("p", {
                 className: "text-muted-foreground text-sm",
                 children: "Copy the template from the CLI package."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2(CodeBlock, {
+              }),
+              /* @__PURE__ */ jsx2(CodeBlock, {
                 language: "bash",
                 filename: "ci-copy",
                 code: `cp node_modules/@contractspec/app.cli-contractspec/templates/github-action.yml .github/workflows/contractspec.yml`
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("p", {
+              }),
+              /* @__PURE__ */ jsxs2("p", {
                 className: "text-muted-foreground text-sm",
                 children: [
                   "Expected output: new workflow file in ",
-                  /* @__PURE__ */ jsxDEV2("code", {
+                  /* @__PURE__ */ jsx2("code", {
                     children: ".github/workflows"
-                  }, undefined, false, undefined, this),
+                  }),
                   "."
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV2("div", {
+          }),
+          /* @__PURE__ */ jsxs2("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV2("h2", {
+              /* @__PURE__ */ jsx2("h2", {
                 className: "text-2xl font-bold",
                 children: "2) Run CI locally"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2(CodeBlock, {
+              }),
+              /* @__PURE__ */ jsx2(CodeBlock, {
                 language: "bash",
                 filename: "ci-local",
                 code: `contractspec ci --format json --check-drift`
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("p", {
+              }),
+              /* @__PURE__ */ jsx2("p", {
                 className: "text-muted-foreground text-sm",
                 children: "Expected output: JSON summary including pass/fail counts and drift status (if configured)."
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV2("div", {
+          }),
+          /* @__PURE__ */ jsxs2("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV2("h2", {
+              /* @__PURE__ */ jsx2("h2", {
                 className: "text-2xl font-bold",
                 children: "3) Add a diff check"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("p", {
+              }),
+              /* @__PURE__ */ jsx2("p", {
                 className: "text-muted-foreground text-sm",
                 children: "Use the diff command to inspect breaking changes in PRs."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2(CodeBlock, {
+              }),
+              /* @__PURE__ */ jsx2(CodeBlock, {
                 language: "bash",
                 filename: "ci-diff",
                 code: `contractspec diff src/contracts/spec-v1.ts src/contracts/spec-v2.ts --breaking`
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("p", {
+              }),
+              /* @__PURE__ */ jsx2("p", {
                 className: "text-muted-foreground text-sm",
                 children: "Expected output: deterministic diff with breaking change hints."
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV2("div", {
+          }),
+          /* @__PURE__ */ jsxs2("div", {
             className: "card-subtle space-y-3 p-6",
             children: [
-              /* @__PURE__ */ jsxDEV2("h3", {
+              /* @__PURE__ */ jsx2("h3", {
                 className: "text-lg font-semibold",
                 children: "Example package"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("p", {
+              }),
+              /* @__PURE__ */ jsx2("p", {
                 className: "text-muted-foreground text-sm",
                 children: "The CRM pipeline example is already wired in the quickstart smoke test. Use it as a CI-ready template."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2(CodeBlock, {
+              }),
+              /* @__PURE__ */ jsx2(CodeBlock, {
                 language: "bash",
                 filename: "crm-ci",
                 code: `cd packages/examples/crm-pipeline
 bun run build
 bun run validate`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV2(StudioPrompt, {
+          }),
+          /* @__PURE__ */ jsx2(StudioPrompt, {
             title: "Need continuous checks tied to outcomes?",
             body: "Studio closes the loop with post-change verification and learning dividends that improve future decisions."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV2("div", {
+      }),
+      /* @__PURE__ */ jsxs2("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsxDEV2(Link2, {
+          /* @__PURE__ */ jsxs2(Link2, {
             href: "/docs/guides",
             className: "btn-primary",
             children: [
               "Back to guides ",
-              /* @__PURE__ */ jsxDEV2(ChevronRight, {
+              /* @__PURE__ */ jsx2(ChevronRight, {
                 size: 16
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV2(Link2, {
+          }),
+          /* @__PURE__ */ jsx2(Link2, {
             href: "/docs",
             className: "btn-ghost",
             children: "Docs home"
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/components/docs/guides/GuideContractTypesPage.tsx
 import { CodeBlock as CodeBlock2 } from "@contractspec/lib.design-system";
 import Link3 from "@contractspec/lib.ui-link";
 import { ChevronRight as ChevronRight2, Layers, Zap, Shield, Globe } from "lucide-react";
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var contractTypes = [
   {
     name: "Operations",
@@ -229,75 +229,75 @@ var contractTypes = [
   }
 ];
 function GuideContractTypesPage() {
-  return /* @__PURE__ */ jsxDEV3("div", {
+  return /* @__PURE__ */ jsxs3("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxDEV3("div", {
+      /* @__PURE__ */ jsxs3("div", {
         className: "space-y-3",
         children: [
-          /* @__PURE__ */ jsxDEV3("h1", {
+          /* @__PURE__ */ jsx3("h1", {
             className: "text-4xl font-bold",
             children: "Contract Types Overview"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3("p", {
+          }),
+          /* @__PURE__ */ jsx3("p", {
             className: "text-muted-foreground text-lg",
             children: "Learn about the different contract types in ContractSpec and when to use each one for spec-first development."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV3("div", {
+      }),
+      /* @__PURE__ */ jsxs3("div", {
         className: "card-subtle space-y-4 p-6",
         children: [
-          /* @__PURE__ */ jsxDEV3("h2", {
+          /* @__PURE__ */ jsx3("h2", {
             className: "text-2xl font-bold",
             children: "Core Contract Types"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3("div", {
+          }),
+          /* @__PURE__ */ jsx3("div", {
             className: "grid gap-3 md:grid-cols-2",
-            children: contractTypes.map((type) => /* @__PURE__ */ jsxDEV3("div", {
+            children: contractTypes.map((type) => /* @__PURE__ */ jsxs3("div", {
               className: "flex items-start gap-3 rounded-lg border border-white/10 p-4",
               children: [
-                /* @__PURE__ */ jsxDEV3(type.icon, {
+                /* @__PURE__ */ jsx3(type.icon, {
                   className: type.color,
                   size: 20
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV3("div", {
+                }),
+                /* @__PURE__ */ jsxs3("div", {
                   className: "space-y-1",
                   children: [
-                    /* @__PURE__ */ jsxDEV3("h3", {
+                    /* @__PURE__ */ jsx3("h3", {
                       className: "font-semibold",
                       children: type.name
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV3("p", {
+                    }),
+                    /* @__PURE__ */ jsx3("p", {
                       className: "text-muted-foreground text-xs",
                       children: type.description
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV3("code", {
+                    }),
+                    /* @__PURE__ */ jsx3("code", {
                       className: "text-xs text-violet-400",
                       children: type.factory
-                    }, undefined, false, undefined, this)
+                    })
                   ]
-                }, undefined, true, undefined, this)
+                })
               ]
-            }, type.name, true, undefined, this))
-          }, undefined, false, undefined, this)
+            }, type.name))
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV3("div", {
+      }),
+      /* @__PURE__ */ jsxs3("div", {
         className: "space-y-6",
         children: [
-          /* @__PURE__ */ jsxDEV3("div", {
+          /* @__PURE__ */ jsxs3("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV3("h2", {
+              /* @__PURE__ */ jsx3("h2", {
                 className: "text-2xl font-bold",
                 children: "1) Operations (Commands & Queries)"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("p", {
+              }),
+              /* @__PURE__ */ jsx3("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."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3(CodeBlock2, {
+              }),
+              /* @__PURE__ */ jsx3(CodeBlock2, {
                 language: "typescript",
                 filename: "src/contracts/user.operation.ts",
                 code: `import { defineCommand, defineQuery } from "@contractspec/lib.contracts-spec";
@@ -367,21 +367,21 @@ export const GetUserQuery = defineQuery({
   },
   policy: { auth: "user" },
 });`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV3("div", {
+          }),
+          /* @__PURE__ */ jsxs3("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV3("h2", {
+              /* @__PURE__ */ jsx3("h2", {
                 className: "text-2xl font-bold",
                 children: "2) Events"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("p", {
+              }),
+              /* @__PURE__ */ jsx3("p", {
                 className: "text-muted-foreground text-sm",
                 children: "Events represent domain occurrences. They have typed payloads with PII field marking for compliance."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3(CodeBlock2, {
+              }),
+              /* @__PURE__ */ jsx3(CodeBlock2, {
                 language: "typescript",
                 filename: "src/contracts/user.event.ts",
                 code: `import { defineEvent } from "@contractspec/lib.contracts-spec";
@@ -426,21 +426,21 @@ export const UserDeletedEvent = defineEvent({
     },
   }),
 });`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV3("div", {
+          }),
+          /* @__PURE__ */ jsxs3("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV3("h2", {
+              /* @__PURE__ */ jsx3("h2", {
                 className: "text-2xl font-bold",
                 children: "3) Capabilities"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("p", {
+              }),
+              /* @__PURE__ */ jsx3("p", {
                 className: "text-muted-foreground text-sm",
                 children: "Capabilities group related operations, events, and presentations. They define feature boundaries and dependencies."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3(CodeBlock2, {
+              }),
+              /* @__PURE__ */ jsx3(CodeBlock2, {
                 language: "typescript",
                 filename: "src/contracts/user-management.capability.ts",
                 code: `import { defineCapability } from "@contractspec/lib.contracts-spec";
@@ -487,21 +487,21 @@ export const AdminUserCapability = defineCapability({
     { surface: "operation", key: "user.impersonate", version: "1.0.0" },
   ],
 });`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV3("div", {
+          }),
+          /* @__PURE__ */ jsxs3("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV3("h2", {
+              /* @__PURE__ */ jsx3("h2", {
                 className: "text-2xl font-bold",
                 children: "4) Presentations"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("p", {
+              }),
+              /* @__PURE__ */ jsx3("p", {
                 className: "text-muted-foreground text-sm",
                 children: "Presentations define UI specifications. They link to capabilities and specify how data should be displayed."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3(CodeBlock2, {
+              }),
+              /* @__PURE__ */ jsx3(CodeBlock2, {
                 language: "typescript",
                 filename: "src/contracts/user-list.presentation.ts",
                 code: `import { definePresentation } from "@contractspec/lib.contracts-spec";
@@ -527,175 +527,175 @@ export const UserListPresentation = definePresentation({
     search: { fields: ["name", "email"] },
   },
 });`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV3("div", {
+          }),
+          /* @__PURE__ */ jsxs3("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV3("h2", {
+              /* @__PURE__ */ jsx3("h2", {
                 className: "text-2xl font-bold",
                 children: "5) Additional Contract Types"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("p", {
+              }),
+              /* @__PURE__ */ jsx3("p", {
                 className: "text-muted-foreground text-sm",
                 children: "ContractSpec provides specialized contracts for different concerns:"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("div", {
+              }),
+              /* @__PURE__ */ jsxs3("div", {
                 className: "grid gap-4 md:grid-cols-2",
                 children: [
-                  /* @__PURE__ */ jsxDEV3("div", {
+                  /* @__PURE__ */ jsxs3("div", {
                     className: "card-subtle space-y-2 p-4",
                     children: [
-                      /* @__PURE__ */ jsxDEV3("h3", {
+                      /* @__PURE__ */ jsx3("h3", {
                         className: "font-semibold",
                         children: "Policy"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("code", {
+                      }),
+                      /* @__PURE__ */ jsx3("code", {
                         className: "text-xs text-violet-400",
                         children: "definePolicy"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("p", {
+                      }),
+                      /* @__PURE__ */ jsx3("p", {
                         className: "text-muted-foreground text-xs",
                         children: "RBAC/ABAC rules, rate limits, and access control."
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("div", {
+                  }),
+                  /* @__PURE__ */ jsxs3("div", {
                     className: "card-subtle space-y-2 p-4",
                     children: [
-                      /* @__PURE__ */ jsxDEV3("h3", {
+                      /* @__PURE__ */ jsx3("h3", {
                         className: "font-semibold",
                         children: "Workflow"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("code", {
+                      }),
+                      /* @__PURE__ */ jsx3("code", {
                         className: "text-xs text-violet-400",
                         children: "defineWorkflow"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("p", {
+                      }),
+                      /* @__PURE__ */ jsx3("p", {
                         className: "text-muted-foreground text-xs",
                         children: "Multi-step processes with states, transitions, and SLAs."
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("div", {
+                  }),
+                  /* @__PURE__ */ jsxs3("div", {
                     className: "card-subtle space-y-2 p-4",
                     children: [
-                      /* @__PURE__ */ jsxDEV3("h3", {
+                      /* @__PURE__ */ jsx3("h3", {
                         className: "font-semibold",
                         children: "Translation"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("code", {
+                      }),
+                      /* @__PURE__ */ jsx3("code", {
                         className: "text-xs text-violet-400",
                         children: "defineTranslation"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("p", {
+                      }),
+                      /* @__PURE__ */ jsx3("p", {
                         className: "text-muted-foreground text-xs",
                         children: "i18n messages with ICU format and locale fallbacks."
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("div", {
+                  }),
+                  /* @__PURE__ */ jsxs3("div", {
                     className: "card-subtle space-y-2 p-4",
                     children: [
-                      /* @__PURE__ */ jsxDEV3("h3", {
+                      /* @__PURE__ */ jsx3("h3", {
                         className: "font-semibold",
                         children: "Integration"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("code", {
+                      }),
+                      /* @__PURE__ */ jsx3("code", {
                         className: "text-xs text-violet-400",
                         children: "defineIntegration"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("p", {
+                      }),
+                      /* @__PURE__ */ jsx3("p", {
                         className: "text-muted-foreground text-xs",
                         children: "External service connections and API adapters."
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("div", {
+                  }),
+                  /* @__PURE__ */ jsxs3("div", {
                     className: "card-subtle space-y-2 p-4",
                     children: [
-                      /* @__PURE__ */ jsxDEV3("h3", {
+                      /* @__PURE__ */ jsx3("h3", {
                         className: "font-semibold",
                         children: "Form"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("code", {
+                      }),
+                      /* @__PURE__ */ jsx3("code", {
                         className: "text-xs text-violet-400",
                         children: "defineFormSpec"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("p", {
+                      }),
+                      /* @__PURE__ */ jsx3("p", {
                         className: "text-muted-foreground text-xs",
                         children: "Form definitions with fields, validation, and layouts."
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("div", {
+                  }),
+                  /* @__PURE__ */ jsxs3("div", {
                     className: "card-subtle space-y-2 p-4",
                     children: [
-                      /* @__PURE__ */ jsxDEV3("h3", {
+                      /* @__PURE__ */ jsx3("h3", {
                         className: "font-semibold",
                         children: "Data View"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("code", {
+                      }),
+                      /* @__PURE__ */ jsx3("code", {
                         className: "text-xs text-violet-400",
                         children: "defineDataView"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("p", {
+                      }),
+                      /* @__PURE__ */ jsx3("p", {
                         className: "text-muted-foreground text-xs",
                         children: "Read-only data projections and aggregations."
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("div", {
+                  }),
+                  /* @__PURE__ */ jsxs3("div", {
                     className: "card-subtle space-y-2 p-4",
                     children: [
-                      /* @__PURE__ */ jsxDEV3("h3", {
+                      /* @__PURE__ */ jsx3("h3", {
                         className: "font-semibold",
                         children: "Feature"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("code", {
+                      }),
+                      /* @__PURE__ */ jsx3("code", {
                         className: "text-xs text-violet-400",
                         children: "defineFeature"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("p", {
+                      }),
+                      /* @__PURE__ */ jsx3("p", {
                         className: "text-muted-foreground text-xs",
                         children: "Feature flags and progressive rollout configurations."
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("div", {
+                  }),
+                  /* @__PURE__ */ jsxs3("div", {
                     className: "card-subtle space-y-2 p-4",
                     children: [
-                      /* @__PURE__ */ jsxDEV3("h3", {
+                      /* @__PURE__ */ jsx3("h3", {
                         className: "font-semibold",
                         children: "Test"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("code", {
+                      }),
+                      /* @__PURE__ */ jsx3("code", {
                         className: "text-xs text-violet-400",
                         children: "defineTestSpec"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("p", {
+                      }),
+                      /* @__PURE__ */ jsx3("p", {
                         className: "text-muted-foreground text-xs",
                         children: "Contract-driven test scenarios and fixtures."
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV3("div", {
+          }),
+          /* @__PURE__ */ jsxs3("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV3("h2", {
+              /* @__PURE__ */ jsx3("h2", {
                 className: "text-2xl font-bold",
                 children: "6) Registering Contracts"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("p", {
+              }),
+              /* @__PURE__ */ jsx3("p", {
                 className: "text-muted-foreground text-sm",
                 children: "Each contract type has a registry for lookup and validation."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3(CodeBlock2, {
+              }),
+              /* @__PURE__ */ jsx3(CodeBlock2, {
                 language: "typescript",
                 filename: "src/contracts/registry.ts",
                 code: `import {
@@ -729,287 +729,287 @@ installOp(operationRegistry, GetUserQuery, async (input) => {
 // Register events and capabilities
 eventRegistry.register(UserCreatedEvent);
 capabilityRegistry.register(UserManagementCapability);`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV3("div", {
+          }),
+          /* @__PURE__ */ jsxs3("div", {
             className: "card-subtle space-y-3 p-6",
             children: [
-              /* @__PURE__ */ jsxDEV3("h3", {
+              /* @__PURE__ */ jsx3("h3", {
                 className: "text-lg font-semibold",
                 children: "Contract Type Decision Guide"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("table", {
+              }),
+              /* @__PURE__ */ jsxs3("table", {
                 className: "w-full text-sm",
                 children: [
-                  /* @__PURE__ */ jsxDEV3("thead", {
-                    children: /* @__PURE__ */ jsxDEV3("tr", {
+                  /* @__PURE__ */ jsx3("thead", {
+                    children: /* @__PURE__ */ jsxs3("tr", {
                       className: "border-b border-white/10",
                       children: [
-                        /* @__PURE__ */ jsxDEV3("th", {
+                        /* @__PURE__ */ jsx3("th", {
                           className: "py-2 text-left",
                           children: "When you need..."
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV3("th", {
+                        }),
+                        /* @__PURE__ */ jsx3("th", {
                           className: "py-2 text-left",
                           children: "Use this contract"
-                        }, undefined, false, undefined, this)
+                        })
                       ]
-                    }, undefined, true, undefined, this)
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("tbody", {
+                    })
+                  }),
+                  /* @__PURE__ */ jsxs3("tbody", {
                     className: "text-muted-foreground",
                     children: [
-                      /* @__PURE__ */ jsxDEV3("tr", {
+                      /* @__PURE__ */ jsxs3("tr", {
                         className: "border-b border-white/5",
                         children: [
-                          /* @__PURE__ */ jsxDEV3("td", {
+                          /* @__PURE__ */ jsx3("td", {
                             className: "py-2",
                             children: "An API endpoint that changes data"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV3("td", {
+                          }),
+                          /* @__PURE__ */ jsx3("td", {
                             className: "py-2",
-                            children: /* @__PURE__ */ jsxDEV3("code", {
+                            children: /* @__PURE__ */ jsx3("code", {
                               children: "defineCommand"
-                            }, undefined, false, undefined, this)
-                          }, undefined, false, undefined, this)
+                            })
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("tr", {
+                      }),
+                      /* @__PURE__ */ jsxs3("tr", {
                         className: "border-b border-white/5",
                         children: [
-                          /* @__PURE__ */ jsxDEV3("td", {
+                          /* @__PURE__ */ jsx3("td", {
                             className: "py-2",
                             children: "An API endpoint that reads data"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV3("td", {
+                          }),
+                          /* @__PURE__ */ jsx3("td", {
                             className: "py-2",
-                            children: /* @__PURE__ */ jsxDEV3("code", {
+                            children: /* @__PURE__ */ jsx3("code", {
                               children: "defineQuery"
-                            }, undefined, false, undefined, this)
-                          }, undefined, false, undefined, this)
+                            })
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("tr", {
+                      }),
+                      /* @__PURE__ */ jsxs3("tr", {
                         className: "border-b border-white/5",
                         children: [
-                          /* @__PURE__ */ jsxDEV3("td", {
+                          /* @__PURE__ */ jsx3("td", {
                             className: "py-2",
                             children: "Async notification of something that happened"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV3("td", {
+                          }),
+                          /* @__PURE__ */ jsx3("td", {
                             className: "py-2",
-                            children: /* @__PURE__ */ jsxDEV3("code", {
+                            children: /* @__PURE__ */ jsx3("code", {
                               children: "defineEvent"
-                            }, undefined, false, undefined, this)
-                          }, undefined, false, undefined, this)
+                            })
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("tr", {
+                      }),
+                      /* @__PURE__ */ jsxs3("tr", {
                         className: "border-b border-white/5",
                         children: [
-                          /* @__PURE__ */ jsxDEV3("td", {
+                          /* @__PURE__ */ jsx3("td", {
                             className: "py-2",
                             children: "Group related specs under a feature"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV3("td", {
+                          }),
+                          /* @__PURE__ */ jsx3("td", {
                             className: "py-2",
-                            children: /* @__PURE__ */ jsxDEV3("code", {
+                            children: /* @__PURE__ */ jsx3("code", {
                               children: "defineCapability"
-                            }, undefined, false, undefined, this)
-                          }, undefined, false, undefined, this)
+                            })
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("tr", {
+                      }),
+                      /* @__PURE__ */ jsxs3("tr", {
                         className: "border-b border-white/5",
                         children: [
-                          /* @__PURE__ */ jsxDEV3("td", {
+                          /* @__PURE__ */ jsx3("td", {
                             className: "py-2",
                             children: "Define UI rendering specifications"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV3("td", {
+                          }),
+                          /* @__PURE__ */ jsx3("td", {
                             className: "py-2",
-                            children: /* @__PURE__ */ jsxDEV3("code", {
+                            children: /* @__PURE__ */ jsx3("code", {
                               children: "definePresentation"
-                            }, undefined, false, undefined, this)
-                          }, undefined, false, undefined, this)
+                            })
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("tr", {
+                      }),
+                      /* @__PURE__ */ jsxs3("tr", {
                         className: "border-b border-white/5",
                         children: [
-                          /* @__PURE__ */ jsxDEV3("td", {
+                          /* @__PURE__ */ jsx3("td", {
                             className: "py-2",
                             children: "Access control and rate limiting"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV3("td", {
+                          }),
+                          /* @__PURE__ */ jsx3("td", {
                             className: "py-2",
-                            children: /* @__PURE__ */ jsxDEV3("code", {
+                            children: /* @__PURE__ */ jsx3("code", {
                               children: "definePolicy"
-                            }, undefined, false, undefined, this)
-                          }, undefined, false, undefined, this)
+                            })
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("tr", {
+                      }),
+                      /* @__PURE__ */ jsxs3("tr", {
                         children: [
-                          /* @__PURE__ */ jsxDEV3("td", {
+                          /* @__PURE__ */ jsx3("td", {
                             className: "py-2",
                             children: "Multi-step business processes"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV3("td", {
+                          }),
+                          /* @__PURE__ */ jsx3("td", {
                             className: "py-2",
-                            children: /* @__PURE__ */ jsxDEV3("code", {
+                            children: /* @__PURE__ */ jsx3("code", {
                               children: "defineWorkflow"
-                            }, undefined, false, undefined, this)
-                          }, undefined, false, undefined, this)
+                            })
+                          })
                         ]
-                      }, undefined, true, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV3(StudioPrompt, {
+          }),
+          /* @__PURE__ */ jsx3(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."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV3("div", {
+      }),
+      /* @__PURE__ */ jsxs3("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsxDEV3(Link3, {
+          /* @__PURE__ */ jsxs3(Link3, {
             href: "/docs/guides/nextjs-one-endpoint",
             className: "btn-primary",
             children: [
               "Next: Add your first endpoint ",
-              /* @__PURE__ */ jsxDEV3(ChevronRight2, {
+              /* @__PURE__ */ jsx3(ChevronRight2, {
                 size: 16
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV3(Link3, {
+          }),
+          /* @__PURE__ */ jsx3(Link3, {
             href: "/docs/guides",
             className: "btn-ghost",
             children: "Back to guides"
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/components/docs/guides/GuideDocsPipelinePage.tsx
 import { CodeBlock as CodeBlock3 } from "@contractspec/lib.design-system";
 import Link4 from "@contractspec/lib.ui-link";
 import { ChevronRight as ChevronRight3 } from "lucide-react";
-import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function GuideDocsPipelinePage() {
-  return /* @__PURE__ */ jsxDEV4("div", {
+  return /* @__PURE__ */ jsxs4("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxDEV4("div", {
+      /* @__PURE__ */ jsxs4("div", {
         className: "space-y-3",
         children: [
-          /* @__PURE__ */ jsxDEV4("h1", {
+          /* @__PURE__ */ jsx4("h1", {
             className: "text-4xl font-bold",
             children: "Build the docs pipeline"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4("p", {
+          }),
+          /* @__PURE__ */ jsx4("p", {
             className: "text-muted-foreground text-lg",
             children: "Generate reference docs, chunk the index, and wire the docs pages the same way this repo does."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV4("div", {
+      }),
+      /* @__PURE__ */ jsxs4("div", {
         className: "card-subtle space-y-4 p-6",
         children: [
-          /* @__PURE__ */ jsxDEV4("h2", {
+          /* @__PURE__ */ jsx4("h2", {
             className: "text-2xl font-bold",
             children: "What you'll build"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4("ul", {
+          }),
+          /* @__PURE__ */ jsxs4("ul", {
             className: "text-muted-foreground space-y-2 text-sm",
             children: [
-              /* @__PURE__ */ jsxDEV4("li", {
+              /* @__PURE__ */ jsx4("li", {
                 children: "Generated Markdown and a chunked index manifest."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4("li", {
+              }),
+              /* @__PURE__ */ jsx4("li", {
                 children: "Reference routes powered by the docs loader."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4("li", {
+              }),
+              /* @__PURE__ */ jsx4("li", {
                 children: "Versioned outputs you can publish per release."
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV4("div", {
+      }),
+      /* @__PURE__ */ jsxs4("div", {
         className: "space-y-6",
         children: [
-          /* @__PURE__ */ jsxDEV4("div", {
+          /* @__PURE__ */ jsxs4("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV4("h2", {
+              /* @__PURE__ */ jsx4("h2", {
                 className: "text-2xl font-bold",
                 children: "1) Generate contract docs"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4(CodeBlock3, {
+              }),
+              /* @__PURE__ */ jsx4(CodeBlock3, {
                 language: "bash",
                 filename: "generate-contract-docs",
                 code: `contractspec generate`
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4("p", {
+              }),
+              /* @__PURE__ */ jsxs4("p", {
                 className: "text-muted-foreground text-sm",
                 children: [
                   "Expected output: Markdown in ",
-                  /* @__PURE__ */ jsxDEV4("code", {
+                  /* @__PURE__ */ jsx4("code", {
                     children: "generated/docs"
-                  }, undefined, false, undefined, this),
+                  }),
                   "."
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV4("div", {
+          }),
+          /* @__PURE__ */ jsxs4("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV4("h2", {
+              /* @__PURE__ */ jsx4("h2", {
                 className: "text-2xl font-bold",
                 children: "2) Build the docs index"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4(CodeBlock3, {
+              }),
+              /* @__PURE__ */ jsx4(CodeBlock3, {
                 language: "bash",
                 filename: "docs-generate",
                 code: `bun docs:generate
 # versioned output
 bun docs:generate -- --version v1.0.0`
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4("p", {
+              }),
+              /* @__PURE__ */ jsxs4("p", {
                 className: "text-muted-foreground text-sm",
                 children: [
                   "This writes ",
-                  /* @__PURE__ */ jsxDEV4("code", {
+                  /* @__PURE__ */ jsx4("code", {
                     children: "docs-index.manifest.json"
-                  }, undefined, false, undefined, this),
+                  }),
                   " and chunked",
-                  /* @__PURE__ */ jsxDEV4("code", {
+                  /* @__PURE__ */ jsx4("code", {
                     children: "docs-index.*.json"
-                  }, undefined, false, undefined, this),
+                  }),
                   " files in the generated docs bundle."
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV4("div", {
+          }),
+          /* @__PURE__ */ jsxs4("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV4("h2", {
+              /* @__PURE__ */ jsx4("h2", {
                 className: "text-2xl font-bold",
                 children: "3) Wire reference routes"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4(CodeBlock3, {
+              }),
+              /* @__PURE__ */ jsx4(CodeBlock3, {
                 language: "tsx",
                 filename: "docs-reference-route",
                 code: `import { notFound } from "next/navigation";
@@ -1031,247 +1031,247 @@ export default async function Page({ params }: { params: { slug?: string[] } })
   if (!doc) notFound();
   return <DocsReferencePage entry={doc.entry} content={doc.content} />;
 }`
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4("p", {
+              }),
+              /* @__PURE__ */ jsxs4("p", {
                 className: "text-muted-foreground text-sm",
                 children: [
                   "Use the index page on ",
-                  /* @__PURE__ */ jsxDEV4("code", {
+                  /* @__PURE__ */ jsx4("code", {
                     children: "/docs/reference"
-                  }, undefined, false, undefined, this),
+                  }),
                   " to render the searchable list."
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV4("div", {
+          }),
+          /* @__PURE__ */ jsxs4("div", {
             className: "card-subtle space-y-3 p-6",
             children: [
-              /* @__PURE__ */ jsxDEV4("h3", {
+              /* @__PURE__ */ jsx4("h3", {
                 className: "text-lg font-semibold",
                 children: "Repo reference"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4("p", {
+              }),
+              /* @__PURE__ */ jsxs4("p", {
                 className: "text-muted-foreground text-sm",
                 children: [
                   "This repo wires docs under",
                   " ",
-                  /* @__PURE__ */ jsxDEV4("code", {
+                  /* @__PURE__ */ jsx4("code", {
                     children: "packages/apps/web-landing/src/app/docs/reference"
-                  }, undefined, false, undefined, this),
+                  }),
                   "."
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV4(StudioPrompt, {
+          }),
+          /* @__PURE__ */ jsx4(StudioPrompt, {
             title: "Need decision-to-export automation?",
             body: "Studio exports evidence-backed spec changes and task packs to Linear, Jira, Notion, and GitHub."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV4("div", {
+      }),
+      /* @__PURE__ */ jsxs4("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsxDEV4(Link4, {
+          /* @__PURE__ */ jsxs4(Link4, {
             href: "/docs/guides/ci-contract-diff-gating",
             className: "btn-primary",
             children: [
               "Next: CI gating ",
-              /* @__PURE__ */ jsxDEV4(ChevronRight3, {
+              /* @__PURE__ */ jsx4(ChevronRight3, {
                 size: 16
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV4(Link4, {
+          }),
+          /* @__PURE__ */ jsx4(Link4, {
             href: "/docs/guides",
             className: "btn-ghost",
             children: "Back to guides"
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/components/docs/guides/GuideGenerateDocsClientsSchemasPage.tsx
 import { CodeBlock as CodeBlock4 } from "@contractspec/lib.design-system";
 import Link5 from "@contractspec/lib.ui-link";
 import { ChevronRight as ChevronRight4 } from "lucide-react";
-import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function GuideGenerateDocsClientsSchemasPage() {
-  return /* @__PURE__ */ jsxDEV5("div", {
+  return /* @__PURE__ */ jsxs5("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxDEV5("div", {
+      /* @__PURE__ */ jsxs5("div", {
         className: "space-y-3",
         children: [
-          /* @__PURE__ */ jsxDEV5("h1", {
+          /* @__PURE__ */ jsx5("h1", {
             className: "text-4xl font-bold",
             children: "Generate docs + client schemas"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV5("p", {
+          }),
+          /* @__PURE__ */ jsx5("p", {
             className: "text-muted-foreground text-lg",
             children: "Generate docs and OpenAPI output from ContractSpec operations to power SDKs, docs sites, and tooling."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV5("div", {
+      }),
+      /* @__PURE__ */ jsxs5("div", {
         className: "card-subtle space-y-4 p-6",
         children: [
-          /* @__PURE__ */ jsxDEV5("h2", {
+          /* @__PURE__ */ jsx5("h2", {
             className: "text-2xl font-bold",
             children: "What you'll build"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV5("ul", {
+          }),
+          /* @__PURE__ */ jsxs5("ul", {
             className: "text-muted-foreground space-y-2 text-sm",
             children: [
-              /* @__PURE__ */ jsxDEV5("li", {
+              /* @__PURE__ */ jsx5("li", {
                 children: "Export docs from your specs."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV5("li", {
+              }),
+              /* @__PURE__ */ jsx5("li", {
                 children: "Emit OpenAPI 3.1 for client SDK generation."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV5("li", {
+              }),
+              /* @__PURE__ */ jsx5("li", {
                 children: "Keep outputs deterministic with CI validation."
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV5("div", {
+      }),
+      /* @__PURE__ */ jsxs5("div", {
         className: "space-y-6",
         children: [
-          /* @__PURE__ */ jsxDEV5("div", {
+          /* @__PURE__ */ jsxs5("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV5("h2", {
+              /* @__PURE__ */ jsx5("h2", {
                 className: "text-2xl font-bold",
                 children: "1) Generate docs"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV5("p", {
+              }),
+              /* @__PURE__ */ jsx5("p", {
                 className: "text-muted-foreground text-sm",
                 children: "Use the generator to emit docs from your contracts."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV5(CodeBlock4, {
+              }),
+              /* @__PURE__ */ jsx5(CodeBlock4, {
                 language: "bash",
                 filename: "generate-docs",
                 code: `contractspec generate`
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV5("p", {
+              }),
+              /* @__PURE__ */ jsxs5("p", {
                 className: "text-muted-foreground text-sm",
                 children: [
                   "Expected output: ",
-                  /* @__PURE__ */ jsxDEV5("code", {
+                  /* @__PURE__ */ jsx5("code", {
                     children: "Generate X doc files in generated/docs"
-                  }, undefined, false, undefined, this),
+                  }),
                   "."
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV5("div", {
+          }),
+          /* @__PURE__ */ jsxs5("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV5("h2", {
+              /* @__PURE__ */ jsx5("h2", {
                 className: "text-2xl font-bold",
                 children: "2) Export OpenAPI"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV5("p", {
+              }),
+              /* @__PURE__ */ jsx5("p", {
                 className: "text-muted-foreground text-sm",
                 children: "Export an OpenAPI document from your registry module."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV5(CodeBlock4, {
+              }),
+              /* @__PURE__ */ jsx5(CodeBlock4, {
                 language: "bash",
                 filename: "openapi-export",
                 code: `contractspec openapi export --registry ./src/contracts/registry.ts --out ./generated/openapi.json`
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV5("p", {
+              }),
+              /* @__PURE__ */ jsxs5("p", {
                 className: "text-muted-foreground text-sm",
                 children: [
                   "Expected output:",
                   " ",
-                  /* @__PURE__ */ jsxDEV5("code", {
+                  /* @__PURE__ */ jsx5("code", {
                     children: "OpenAPI written to .../generated/openapi.json"
-                  }, undefined, false, undefined, this),
+                  }),
                   "."
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV5("div", {
+          }),
+          /* @__PURE__ */ jsxs5("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV5("h2", {
+              /* @__PURE__ */ jsx5("h2", {
                 className: "text-2xl font-bold",
                 children: "3) Validate specs"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV5(CodeBlock4, {
+              }),
+              /* @__PURE__ */ jsx5(CodeBlock4, {
                 language: "bash",
                 filename: "validate-specs",
                 code: `contractspec validate`
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV5("p", {
+              }),
+              /* @__PURE__ */ jsxs5("p", {
                 className: "text-muted-foreground text-sm",
                 children: [
                   "Expected output: ",
-                  /* @__PURE__ */ jsxDEV5("code", {
+                  /* @__PURE__ */ jsx5("code", {
                     children: "Validation passed"
-                  }, undefined, false, undefined, this),
+                  }),
                   "."
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV5("div", {
+          }),
+          /* @__PURE__ */ jsxs5("div", {
             className: "card-subtle space-y-3 p-6",
             children: [
-              /* @__PURE__ */ jsxDEV5("h3", {
+              /* @__PURE__ */ jsx5("h3", {
                 className: "text-lg font-semibold",
                 children: "Example package"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV5("p", {
+              }),
+              /* @__PURE__ */ jsx5("p", {
                 className: "text-muted-foreground text-sm",
                 children: "The Integration Hub example provides a full registry of operations and is a good source for OpenAPI exports."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV5(CodeBlock4, {
+              }),
+              /* @__PURE__ */ jsx5(CodeBlock4, {
                 language: "bash",
                 filename: "integration-hub-example",
                 code: `contractspec examples show integration-hub
 
 # openapi export against your registry module
 contractspec openapi export --registry ./src/contracts/registry.ts --out ./generated/openapi.json`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV5(StudioPrompt, {
+          }),
+          /* @__PURE__ */ jsx5(StudioPrompt, {
             title: "Want exports tied to product decisions?",
             body: "Studio compiles approved changes into deliverables and pushes them to your execution stack with full evidence context."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV5("div", {
+      }),
+      /* @__PURE__ */ jsxs5("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsxDEV5(Link5, {
+          /* @__PURE__ */ jsxs5(Link5, {
             href: "/docs/guides/docs-generation-pipeline",
             className: "btn-primary",
             children: [
               "Next: Docs pipeline ",
-              /* @__PURE__ */ jsxDEV5(ChevronRight4, {
+              /* @__PURE__ */ jsx5(ChevronRight4, {
                 size: 16
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV5(Link5, {
+          }),
+          /* @__PURE__ */ jsx5(Link5, {
             href: "/docs/guides",
             className: "btn-ghost",
             children: "Back to guides"
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/components/docs/guides/GuideImportExistingCodebasesPage.tsx
@@ -1284,7 +1284,7 @@ import {
   Settings,
   AlertCircle
 } from "lucide-react";
-import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var supportedFrameworks = [
   {
     name: "NestJS",
@@ -1323,134 +1323,134 @@ var supportedFrameworks = [
   }
 ];
 function GuideImportExistingCodebasesPage() {
-  return /* @__PURE__ */ jsxDEV6("div", {
+  return /* @__PURE__ */ jsxs6("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxDEV6("div", {
+      /* @__PURE__ */ jsxs6("div", {
         className: "space-y-3",
         children: [
-          /* @__PURE__ */ jsxDEV6("h1", {
+          /* @__PURE__ */ jsx6("h1", {
             className: "text-4xl font-bold",
             children: "Import Existing Codebases"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV6("p", {
+          }),
+          /* @__PURE__ */ jsx6("p", {
             className: "text-muted-foreground text-lg",
             children: "Convert your existing API endpoints into ContractSpec contracts. Auto-detect frameworks, extract schemas, and generate spec-first definitions from your code."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV6("div", {
+      }),
+      /* @__PURE__ */ jsxs6("div", {
         className: "card-subtle space-y-4 p-6",
         children: [
-          /* @__PURE__ */ jsxDEV6("h2", {
+          /* @__PURE__ */ jsx6("h2", {
             className: "text-2xl font-bold",
             children: "What you'll learn"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV6("ul", {
+          }),
+          /* @__PURE__ */ jsxs6("ul", {
             className: "text-muted-foreground space-y-2 text-sm",
             children: [
-              /* @__PURE__ */ jsxDEV6("li", {
+              /* @__PURE__ */ jsx6("li", {
                 children: "How to import existing API endpoints as ContractSpec contracts."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV6("li", {
+              }),
+              /* @__PURE__ */ jsx6("li", {
                 children: "Framework-specific patterns and auto-detection."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV6("li", {
+              }),
+              /* @__PURE__ */ jsx6("li", {
                 children: "Customizing imports with scopes, dry-run, and output options."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV6("li", {
+              }),
+              /* @__PURE__ */ jsx6("li", {
                 children: "Registering imported contracts and adding handlers."
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV6("div", {
+      }),
+      /* @__PURE__ */ jsxs6("div", {
         className: "space-y-6",
         children: [
-          /* @__PURE__ */ jsxDEV6("div", {
+          /* @__PURE__ */ jsxs6("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV6("h2", {
+              /* @__PURE__ */ jsx6("h2", {
                 className: "text-2xl font-bold",
                 children: "Why import existing code?"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV6("p", {
+              }),
+              /* @__PURE__ */ jsx6("p", {
                 className: "text-muted-foreground text-sm",
                 children: "Instead of writing contracts from scratch, the import command extracts endpoint patterns from your existing codebase. This gives you:"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV6("ul", {
+              }),
+              /* @__PURE__ */ jsxs6("ul", {
                 className: "text-muted-foreground list-disc space-y-1 pl-5 text-sm",
                 children: [
-                  /* @__PURE__ */ jsxDEV6("li", {
+                  /* @__PURE__ */ jsx6("li", {
                     children: "Instant spec coverage for existing APIs"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV6("li", {
+                  }),
+                  /* @__PURE__ */ jsx6("li", {
                     children: "Type-safe schemas derived from your existing types"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV6("li", {
+                  }),
+                  /* @__PURE__ */ jsx6("li", {
                     children: "A foundation to iterate and refine contracts"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV6("li", {
+                  }),
+                  /* @__PURE__ */ jsx6("li", {
                     children: "Gradual adoption without rewriting code"
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV6("div", {
+          }),
+          /* @__PURE__ */ jsxs6("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV6("h2", {
+              /* @__PURE__ */ jsx6("h2", {
                 className: "text-2xl font-bold",
                 children: "Supported frameworks"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV6("div", {
+              }),
+              /* @__PURE__ */ jsx6("div", {
                 className: "grid gap-3 md:grid-cols-2 lg:grid-cols-3",
-                children: supportedFrameworks.map((fw) => /* @__PURE__ */ jsxDEV6("div", {
+                children: supportedFrameworks.map((fw) => /* @__PURE__ */ jsxs6("div", {
                   className: "flex items-start gap-3 rounded-lg border border-white/10 p-4",
                   children: [
-                    /* @__PURE__ */ jsxDEV6(FileCode, {
+                    /* @__PURE__ */ jsx6(FileCode, {
                       className: "text-violet-400",
                       size: 18
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV6("div", {
+                    }),
+                    /* @__PURE__ */ jsxs6("div", {
                       className: "space-y-1",
                       children: [
-                        /* @__PURE__ */ jsxDEV6("h3", {
+                        /* @__PURE__ */ jsx6("h3", {
                           className: "font-semibold",
                           children: fw.name
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV6("p", {
+                        }),
+                        /* @__PURE__ */ jsx6("p", {
                           className: "text-muted-foreground text-xs",
                           children: fw.description
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV6("code", {
+                        }),
+                        /* @__PURE__ */ jsxs6("code", {
                           className: "text-xs text-violet-400",
                           children: [
                             "--framework ",
                             fw.flag
                           ]
-                        }, undefined, true, undefined, this)
+                        })
                       ]
-                    }, undefined, true, undefined, this)
+                    })
                   ]
-                }, fw.flag, true, undefined, this))
-              }, undefined, false, undefined, this)
+                }, fw.flag))
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV6("div", {
+          }),
+          /* @__PURE__ */ jsxs6("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV6("h2", {
+              /* @__PURE__ */ jsx6("h2", {
                 className: "text-2xl font-bold",
                 children: "1) Quick start"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV6("p", {
+              }),
+              /* @__PURE__ */ jsx6("p", {
                 className: "text-muted-foreground text-sm",
                 children: "Run the import command to auto-detect your framework and extract endpoints:"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV6(CodeBlock5, {
+              }),
+              /* @__PURE__ */ jsx6(CodeBlock5, {
                 language: "bash",
                 filename: "import-quickstart",
                 code: `# Auto-detect framework and import all endpoints
@@ -1461,40 +1461,40 @@ contractspec import ./src --dry-run
 
 # Force a specific framework
 contractspec import ./src --framework nestjs`
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV6("p", {
+              }),
+              /* @__PURE__ */ jsx6("p", {
                 className: "text-muted-foreground text-sm",
                 children: "Expected output: A summary of endpoints found, schemas extracted, and files generated."
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV6("div", {
+          }),
+          /* @__PURE__ */ jsxs6("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV6("h2", {
+              /* @__PURE__ */ jsx6("h2", {
                 className: "text-2xl font-bold",
                 children: "2) Framework-specific patterns"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV6("p", {
+              }),
+              /* @__PURE__ */ jsx6("p", {
                 className: "text-muted-foreground text-sm",
                 children: "The import command recognizes these patterns in each framework:"
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV6("div", {
+          }),
+          /* @__PURE__ */ jsxs6("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV6("h3", {
+              /* @__PURE__ */ jsxs6("h3", {
                 className: "flex items-center gap-2 text-xl font-semibold",
                 children: [
-                  /* @__PURE__ */ jsxDEV6(Scan, {
+                  /* @__PURE__ */ jsx6(Scan, {
                     size: 18,
                     className: "text-blue-400"
-                  }, undefined, false, undefined, this),
+                  }),
                   "NestJS"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV6(CodeBlock5, {
+              }),
+              /* @__PURE__ */ jsx6(CodeBlock5, {
                 language: "typescript",
                 filename: "src/users/users.controller.ts (before)",
                 code: `@Controller('users')
@@ -1510,55 +1510,55 @@ export class UsersController {
     return this.usersService.create(dto);
   }
 }`
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV6("p", {
+              }),
+              /* @__PURE__ */ jsxs6("p", {
                 className: "text-muted-foreground text-sm",
                 children: [
                   "Detected: ",
-                  /* @__PURE__ */ jsxDEV6("code", {
+                  /* @__PURE__ */ jsx6("code", {
                     children: "@Controller"
-                  }, undefined, false, undefined, this),
+                  }),
                   ", ",
-                  /* @__PURE__ */ jsxDEV6("code", {
+                  /* @__PURE__ */ jsx6("code", {
                     children: "@Get"
-                  }, undefined, false, undefined, this),
+                  }),
                   ",",
                   " ",
-                  /* @__PURE__ */ jsxDEV6("code", {
+                  /* @__PURE__ */ jsx6("code", {
                     children: "@Post"
-                  }, undefined, false, undefined, this),
+                  }),
                   ", ",
-                  /* @__PURE__ */ jsxDEV6("code", {
+                  /* @__PURE__ */ jsx6("code", {
                     children: "@Body"
-                  }, undefined, false, undefined, this),
+                  }),
                   ", ",
-                  /* @__PURE__ */ jsxDEV6("code", {
+                  /* @__PURE__ */ jsx6("code", {
                     children: "@Param"
-                  }, undefined, false, undefined, this),
+                  }),
                   ",",
                   " ",
-                  /* @__PURE__ */ jsxDEV6("code", {
+                  /* @__PURE__ */ jsx6("code", {
                     children: "@UseGuards"
-                  }, undefined, false, undefined, this),
+                  }),
                   " decorators."
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV6("div", {
+          }),
+          /* @__PURE__ */ jsxs6("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV6("h3", {
+              /* @__PURE__ */ jsxs6("h3", {
                 className: "flex items-center gap-2 text-xl font-semibold",
                 children: [
-                  /* @__PURE__ */ jsxDEV6(Scan, {
+                  /* @__PURE__ */ jsx6(Scan, {
                     size: 18,
                     className: "text-green-400"
-                  }, undefined, false, undefined, this),
+                  }),
                   "Express"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV6(CodeBlock5, {
+              }),
+              /* @__PURE__ */ jsx6(CodeBlock5, {
                 language: "typescript",
                 filename: "src/routes/users.ts (before)",
                 code: `const router = express.Router();
@@ -1572,37 +1572,37 @@ router.post('/users', validateBody(CreateUserSchema), async (req, res) => {
   const user = await createUser(req.body);
   res.status(201).json(user);
 });`
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV6("p", {
+              }),
+              /* @__PURE__ */ jsxs6("p", {
                 className: "text-muted-foreground text-sm",
                 children: [
                   "Detected: ",
-                  /* @__PURE__ */ jsxDEV6("code", {
+                  /* @__PURE__ */ jsx6("code", {
                     children: "router.get"
-                  }, undefined, false, undefined, this),
+                  }),
                   ", ",
-                  /* @__PURE__ */ jsxDEV6("code", {
+                  /* @__PURE__ */ jsx6("code", {
                     children: "router.post"
-                  }, undefined, false, undefined, this),
+                  }),
                   ", validation middleware, Zod schemas."
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV6("div", {
+          }),
+          /* @__PURE__ */ jsxs6("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV6("h3", {
+              /* @__PURE__ */ jsxs6("h3", {
                 className: "flex items-center gap-2 text-xl font-semibold",
                 children: [
-                  /* @__PURE__ */ jsxDEV6(Scan, {
+                  /* @__PURE__ */ jsx6(Scan, {
                     size: 18,
                     className: "text-purple-400"
-                  }, undefined, false, undefined, this),
+                  }),
                   "Next.js API Routes"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV6(CodeBlock5, {
+              }),
+              /* @__PURE__ */ jsx6(CodeBlock5, {
                 language: "typescript",
                 filename: "app/api/users/[id]/route.ts (before)",
                 code: `export async function GET(
@@ -1618,44 +1618,44 @@ export async function POST(request: Request) {
   const user = await createUser(body);
   return Response.json(user, { status: 201 });
 }`
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV6("p", {
+              }),
+              /* @__PURE__ */ jsxs6("p", {
                 className: "text-muted-foreground text-sm",
                 children: [
                   "Detected: ",
-                  /* @__PURE__ */ jsxDEV6("code", {
+                  /* @__PURE__ */ jsx6("code", {
                     children: "GET"
-                  }, undefined, false, undefined, this),
+                  }),
                   ", ",
-                  /* @__PURE__ */ jsxDEV6("code", {
+                  /* @__PURE__ */ jsx6("code", {
                     children: "POST"
-                  }, undefined, false, undefined, this),
+                  }),
                   " exports in",
                   " ",
-                  /* @__PURE__ */ jsxDEV6("code", {
+                  /* @__PURE__ */ jsx6("code", {
                     children: "app/api/**/route.ts"
-                  }, undefined, false, undefined, this),
+                  }),
                   " and ",
-                  /* @__PURE__ */ jsxDEV6("code", {
+                  /* @__PURE__ */ jsx6("code", {
                     children: "pages/api/**/*.ts"
-                  }, undefined, false, undefined, this),
+                  }),
                   "."
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV6("div", {
+          }),
+          /* @__PURE__ */ jsxs6("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV6("h2", {
+              /* @__PURE__ */ jsx6("h2", {
                 className: "text-2xl font-bold",
                 children: "3) Understanding generated contracts"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV6("p", {
+              }),
+              /* @__PURE__ */ jsx6("p", {
                 className: "text-muted-foreground text-sm",
                 children: "The import command generates ContractSpec operations with TODO placeholders for fields it cannot infer:"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV6(CodeBlock5, {
+              }),
+              /* @__PURE__ */ jsx6(CodeBlock5, {
                 language: "typescript",
                 filename: ".contractspec/generated/users.operation.ts",
                 code: `import { defineQuery, defineCommand } from "@contractspec/lib.contracts-spec";
@@ -1719,187 +1719,187 @@ export const CreateUserCommand = defineCommand({
     rest: { method: "POST", path: "/users" },
   },
 });`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV6("div", {
+          }),
+          /* @__PURE__ */ jsxs6("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV6("h2", {
+              /* @__PURE__ */ jsx6("h2", {
                 className: "text-2xl font-bold",
                 children: "4) Customizing imports"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV6("div", {
+              }),
+              /* @__PURE__ */ jsxs6("div", {
                 className: "flex items-center gap-2",
                 children: [
-                  /* @__PURE__ */ jsxDEV6(Settings, {
+                  /* @__PURE__ */ jsx6(Settings, {
                     size: 18,
                     className: "text-violet-400"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV6("h3", {
+                  }),
+                  /* @__PURE__ */ jsx6("h3", {
                     className: "text-lg font-semibold",
                     children: "Available options"
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV6("div", {
+              }),
+              /* @__PURE__ */ jsx6("div", {
                 className: "overflow-x-auto",
-                children: /* @__PURE__ */ jsxDEV6("table", {
+                children: /* @__PURE__ */ jsxs6("table", {
                   className: "w-full text-sm",
                   children: [
-                    /* @__PURE__ */ jsxDEV6("thead", {
-                      children: /* @__PURE__ */ jsxDEV6("tr", {
+                    /* @__PURE__ */ jsx6("thead", {
+                      children: /* @__PURE__ */ jsxs6("tr", {
                         className: "border-b border-white/10",
                         children: [
-                          /* @__PURE__ */ jsxDEV6("th", {
+                          /* @__PURE__ */ jsx6("th", {
                             className: "py-2 pr-4 text-left",
                             children: "Option"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV6("th", {
+                          }),
+                          /* @__PURE__ */ jsx6("th", {
                             className: "py-2 pr-4 text-left",
                             children: "Description"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV6("th", {
+                          }),
+                          /* @__PURE__ */ jsx6("th", {
                             className: "py-2 text-left",
                             children: "Example"
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this)
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV6("tbody", {
+                      })
+                    }),
+                    /* @__PURE__ */ jsxs6("tbody", {
                       className: "text-muted-foreground",
                       children: [
-                        /* @__PURE__ */ jsxDEV6("tr", {
+                        /* @__PURE__ */ jsxs6("tr", {
                           className: "border-b border-white/5",
                           children: [
-                            /* @__PURE__ */ jsxDEV6("td", {
+                            /* @__PURE__ */ jsx6("td", {
                               className: "py-2 pr-4",
-                              children: /* @__PURE__ */ jsxDEV6("code", {
+                              children: /* @__PURE__ */ jsx6("code", {
                                 children: "--scope"
-                              }, undefined, false, undefined, this)
-                            }, undefined, false, undefined, this),
-                            /* @__PURE__ */ jsxDEV6("td", {
+                              })
+                            }),
+                            /* @__PURE__ */ jsx6("td", {
                               className: "py-2 pr-4",
                               children: "Limit to specific directories"
-                            }, undefined, false, undefined, this),
-                            /* @__PURE__ */ jsxDEV6("td", {
+                            }),
+                            /* @__PURE__ */ jsx6("td", {
                               className: "py-2",
-                              children: /* @__PURE__ */ jsxDEV6("code", {
+                              children: /* @__PURE__ */ jsx6("code", {
                                 children: "--scope src/users src/auth"
-                              }, undefined, false, undefined, this)
-                            }, undefined, false, undefined, this)
+                              })
+                            })
                           ]
-                        }, undefined, true, undefined, this),
-                        /* @__PURE__ */ jsxDEV6("tr", {
+                        }),
+                        /* @__PURE__ */ jsxs6("tr", {
                           className: "border-b border-white/5",
                           children: [
-                            /* @__PURE__ */ jsxDEV6("td", {
+                            /* @__PURE__ */ jsx6("td", {
                               className: "py-2 pr-4",
-                              children: /* @__PURE__ */ jsxDEV6("code", {
+                              children: /* @__PURE__ */ jsx6("code", {
                                 children: "--framework"
-                              }, undefined, false, undefined, this)
-                            }, undefined, false, undefined, this),
-                            /* @__PURE__ */ jsxDEV6("td", {
+                              })
+                            }),
+                            /* @__PURE__ */ jsx6("td", {
                               className: "py-2 pr-4",
                               children: "Force a specific framework"
-                            }, undefined, false, undefined, this),
-                            /* @__PURE__ */ jsxDEV6("td", {
+                            }),
+                            /* @__PURE__ */ jsx6("td", {
                               className: "py-2",
-                              children: /* @__PURE__ */ jsxDEV6("code", {
+                              children: /* @__PURE__ */ jsx6("code", {
                                 children: "--framework express"
-                              }, undefined, false, undefined, this)
-                            }, undefined, false, undefined, this)
+                              })
+                            })
                           ]
-                        }, undefined, true, undefined, this),
-                        /* @__PURE__ */ jsxDEV6("tr", {
+                        }),
+                        /* @__PURE__ */ jsxs6("tr", {
                           className: "border-b border-white/5",
                           children: [
-                            /* @__PURE__ */ jsxDEV6("td", {
+                            /* @__PURE__ */ jsx6("td", {
                               className: "py-2 pr-4",
-                              children: /* @__PURE__ */ jsxDEV6("code", {
+                              children: /* @__PURE__ */ jsx6("code", {
                                 children: "--output"
-                              }, undefined, false, undefined, this)
-                            }, undefined, false, undefined, this),
-                            /* @__PURE__ */ jsxDEV6("td", {
+                              })
+                            }),
+                            /* @__PURE__ */ jsx6("td", {
                               className: "py-2 pr-4",
                               children: "Output directory"
-                            }, undefined, false, undefined, this),
-                            /* @__PURE__ */ jsxDEV6("td", {
+                            }),
+                            /* @__PURE__ */ jsx6("td", {
                               className: "py-2",
-                              children: /* @__PURE__ */ jsxDEV6("code", {
+                              children: /* @__PURE__ */ jsx6("code", {
                                 children: "--output ./contracts"
-                              }, undefined, false, undefined, this)
-                            }, undefined, false, undefined, this)
+                              })
+                            })
                           ]
-                        }, undefined, true, undefined, this),
-                        /* @__PURE__ */ jsxDEV6("tr", {
+                        }),
+                        /* @__PURE__ */ jsxs6("tr", {
                           className: "border-b border-white/5",
                           children: [
-                            /* @__PURE__ */ jsxDEV6("td", {
+                            /* @__PURE__ */ jsx6("td", {
                               className: "py-2 pr-4",
-                              children: /* @__PURE__ */ jsxDEV6("code", {
+                              children: /* @__PURE__ */ jsx6("code", {
                                 children: "--dry-run"
-                              }, undefined, false, undefined, this)
-                            }, undefined, false, undefined, this),
-                            /* @__PURE__ */ jsxDEV6("td", {
+                              })
+                            }),
+                            /* @__PURE__ */ jsx6("td", {
                               className: "py-2 pr-4",
                               children: "Preview without writing files"
-                            }, undefined, false, undefined, this),
-                            /* @__PURE__ */ jsxDEV6("td", {
+                            }),
+                            /* @__PURE__ */ jsx6("td", {
                               className: "py-2",
-                              children: /* @__PURE__ */ jsxDEV6("code", {
+                              children: /* @__PURE__ */ jsx6("code", {
                                 children: "--dry-run"
-                              }, undefined, false, undefined, this)
-                            }, undefined, false, undefined, this)
+                              })
+                            })
                           ]
-                        }, undefined, true, undefined, this),
-                        /* @__PURE__ */ jsxDEV6("tr", {
+                        }),
+                        /* @__PURE__ */ jsxs6("tr", {
                           className: "border-b border-white/5",
                           children: [
-                            /* @__PURE__ */ jsxDEV6("td", {
+                            /* @__PURE__ */ jsx6("td", {
                               className: "py-2 pr-4",
-                              children: /* @__PURE__ */ jsxDEV6("code", {
+                              children: /* @__PURE__ */ jsx6("code", {
                                 children: "--analyze"
-                              }, undefined, false, undefined, this)
-                            }, undefined, false, undefined, this),
-                            /* @__PURE__ */ jsxDEV6("td", {
+                              })
+                            }),
+                            /* @__PURE__ */ jsx6("td", {
                               className: "py-2 pr-4",
                               children: "Analysis only, no code generation"
-                            }, undefined, false, undefined, this),
-                            /* @__PURE__ */ jsxDEV6("td", {
+                            }),
+                            /* @__PURE__ */ jsx6("td", {
                               className: "py-2",
-                              children: /* @__PURE__ */ jsxDEV6("code", {
+                              children: /* @__PURE__ */ jsx6("code", {
                                 children: "--analyze"
-                              }, undefined, false, undefined, this)
-                            }, undefined, false, undefined, this)
+                              })
+                            })
                           ]
-                        }, undefined, true, undefined, this),
-                        /* @__PURE__ */ jsxDEV6("tr", {
+                        }),
+                        /* @__PURE__ */ jsxs6("tr", {
                           children: [
-                            /* @__PURE__ */ jsxDEV6("td", {
+                            /* @__PURE__ */ jsx6("td", {
                               className: "py-2 pr-4",
-                              children: /* @__PURE__ */ jsxDEV6("code", {
+                              children: /* @__PURE__ */ jsx6("code", {
                                 children: "--json"
-                              }, undefined, false, undefined, this)
-                            }, undefined, false, undefined, this),
-                            /* @__PURE__ */ jsxDEV6("td", {
+                              })
+                            }),
+                            /* @__PURE__ */ jsx6("td", {
                               className: "py-2 pr-4",
                               children: "Output as JSON for scripting"
-                            }, undefined, false, undefined, this),
-                            /* @__PURE__ */ jsxDEV6("td", {
+                            }),
+                            /* @__PURE__ */ jsx6("td", {
                               className: "py-2",
-                              children: /* @__PURE__ */ jsxDEV6("code", {
+                              children: /* @__PURE__ */ jsx6("code", {
                                 children: "--json"
-                              }, undefined, false, undefined, this)
-                            }, undefined, false, undefined, this)
+                              })
+                            })
                           ]
-                        }, undefined, true, undefined, this)
+                        })
                       ]
-                    }, undefined, true, undefined, this)
+                    })
                   ]
-                }, undefined, true, undefined, this)
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV6(CodeBlock5, {
+                })
+              }),
+              /* @__PURE__ */ jsx6(CodeBlock5, {
                 language: "bash",
                 filename: "import-options",
                 code: `# Import only specific modules
@@ -1913,21 +1913,21 @@ contractspec import ./src --output ./src/contracts/generated
 
 # Get JSON for CI/scripting
 contractspec import ./src --json > import-result.json`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV6("div", {
+          }),
+          /* @__PURE__ */ jsxs6("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV6("h2", {
+              /* @__PURE__ */ jsx6("h2", {
                 className: "text-2xl font-bold",
                 children: "5) Registering imported contracts"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV6("p", {
+              }),
+              /* @__PURE__ */ jsx6("p", {
                 className: "text-muted-foreground text-sm",
                 children: "After import, register contracts and add handlers:"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV6(CodeBlock5, {
+              }),
+              /* @__PURE__ */ jsx6(CodeBlock5, {
                 language: "typescript",
                 filename: "src/contracts/registry.ts",
                 code: `import {
@@ -1951,267 +1951,267 @@ installOp(registry, CreateUserCommand, async (input) => {
   const user = await db.user.create({ data: input });
   return { id: user.id };
 });`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV6("div", {
+          }),
+          /* @__PURE__ */ jsxs6("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV6("h2", {
+              /* @__PURE__ */ jsx6("h2", {
                 className: "text-2xl font-bold",
                 children: "6) After importing"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV6("ol", {
+              }),
+              /* @__PURE__ */ jsxs6("ol", {
                 className: "text-muted-foreground list-decimal space-y-2 pl-5 text-sm",
                 children: [
-                  /* @__PURE__ */ jsxDEV6("li", {
+                  /* @__PURE__ */ jsxs6("li", {
                     children: [
-                      /* @__PURE__ */ jsxDEV6("strong", {
+                      /* @__PURE__ */ jsx6("strong", {
                         children: "Review generated contracts"
-                      }, undefined, false, undefined, this),
+                      }),
                       " — Check the TODO placeholders and fill in descriptions, owners, and tags."
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV6("li", {
+                  }),
+                  /* @__PURE__ */ jsxs6("li", {
                     children: [
-                      /* @__PURE__ */ jsxDEV6("strong", {
+                      /* @__PURE__ */ jsx6("strong", {
                         children: "Refine schemas"
-                      }, undefined, false, undefined, this),
+                      }),
                       " — Add proper types, validation rules, and error definitions."
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV6("li", {
+                  }),
+                  /* @__PURE__ */ jsxs6("li", {
                     children: [
-                      /* @__PURE__ */ jsxDEV6("strong", {
+                      /* @__PURE__ */ jsx6("strong", {
                         children: "Run validation"
-                      }, undefined, false, undefined, this),
+                      }),
                       " —",
                       " ",
-                      /* @__PURE__ */ jsxDEV6("code", {
+                      /* @__PURE__ */ jsx6("code", {
                         children: "contractspec validate"
-                      }, undefined, false, undefined, this),
+                      }),
                       " to ensure contracts are valid."
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV6("li", {
+                  }),
+                  /* @__PURE__ */ jsxs6("li", {
                     children: [
-                      /* @__PURE__ */ jsxDEV6("strong", {
+                      /* @__PURE__ */ jsx6("strong", {
                         children: "Register and wire handlers"
-                      }, undefined, false, undefined, this),
+                      }),
                       " — Connect contracts to your existing business logic."
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV6("li", {
+                  }),
+                  /* @__PURE__ */ jsxs6("li", {
                     children: [
-                      /* @__PURE__ */ jsxDEV6("strong", {
+                      /* @__PURE__ */ jsx6("strong", {
                         children: "Iterate"
-                      }, undefined, false, undefined, this),
+                      }),
                       " — The imported contracts are a starting point. Refine them as your spec matures."
                     ]
-                  }, undefined, true, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV6("div", {
+          }),
+          /* @__PURE__ */ jsxs6("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV6("h2", {
+              /* @__PURE__ */ jsxs6("h2", {
                 className: "flex items-center gap-2 text-2xl font-bold",
                 children: [
-                  /* @__PURE__ */ jsxDEV6(AlertCircle, {
+                  /* @__PURE__ */ jsx6(AlertCircle, {
                     size: 20,
                     className: "text-yellow-400"
-                  }, undefined, false, undefined, this),
+                  }),
                   "Troubleshooting"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV6("div", {
+              }),
+              /* @__PURE__ */ jsxs6("div", {
                 className: "space-y-4",
                 children: [
-                  /* @__PURE__ */ jsxDEV6("div", {
+                  /* @__PURE__ */ jsxs6("div", {
                     className: "card-subtle space-y-2 p-4",
                     children: [
-                      /* @__PURE__ */ jsxDEV6("h3", {
+                      /* @__PURE__ */ jsx6("h3", {
                         className: "font-semibold",
                         children: "Framework not detected"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV6("p", {
+                      }),
+                      /* @__PURE__ */ jsxs6("p", {
                         className: "text-muted-foreground text-sm",
                         children: [
                           "Use ",
-                          /* @__PURE__ */ jsxDEV6("code", {
+                          /* @__PURE__ */ jsx6("code", {
                             children: "--framework <name>"
-                          }, undefined, false, undefined, this),
+                          }),
                           " to force a specific framework. Check that your entry files follow standard patterns."
                         ]
-                      }, undefined, true, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV6("div", {
+                  }),
+                  /* @__PURE__ */ jsxs6("div", {
                     className: "card-subtle space-y-2 p-4",
                     children: [
-                      /* @__PURE__ */ jsxDEV6("h3", {
+                      /* @__PURE__ */ jsx6("h3", {
                         className: "font-semibold",
                         children: "Missing schemas"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV6("p", {
+                      }),
+                      /* @__PURE__ */ jsxs6("p", {
                         className: "text-muted-foreground text-sm",
                         children: [
                           "Schema inference works best with explicit types. If using",
                           " ",
-                          /* @__PURE__ */ jsxDEV6("code", {
+                          /* @__PURE__ */ jsx6("code", {
                             children: "any"
-                          }, undefined, false, undefined, this),
+                          }),
                           " or dynamic types, you'll see TODO placeholders. Fill them in manually."
                         ]
-                      }, undefined, true, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV6("div", {
+                  }),
+                  /* @__PURE__ */ jsxs6("div", {
                     className: "card-subtle space-y-2 p-4",
                     children: [
-                      /* @__PURE__ */ jsxDEV6("h3", {
+                      /* @__PURE__ */ jsx6("h3", {
                         className: "font-semibold",
                         children: "Partial imports"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV6("p", {
+                      }),
+                      /* @__PURE__ */ jsxs6("p", {
                         className: "text-muted-foreground text-sm",
                         children: [
                           "Some endpoints may not be detected if they use unconventional patterns. Use ",
-                          /* @__PURE__ */ jsxDEV6("code", {
+                          /* @__PURE__ */ jsx6("code", {
                             children: "--analyze"
-                          }, undefined, false, undefined, this),
+                          }),
                           " to see what was found, then add missing contracts manually."
                         ]
-                      }, undefined, true, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV6(StudioPrompt, {
+          }),
+          /* @__PURE__ */ jsx6(StudioPrompt, {
             title: "Want evidence-driven migration priorities?",
             body: "Studio clusters product signals into scored patterns, then proposes spec-first change cards for the highest-impact areas."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV6("div", {
+      }),
+      /* @__PURE__ */ jsxs6("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsxDEV6(Link6, {
+          /* @__PURE__ */ jsxs6(Link6, {
             href: "/docs/guides/spec-validation-and-typing",
             className: "btn-primary",
             children: [
               "Next: Spec validation + typing ",
-              /* @__PURE__ */ jsxDEV6(ChevronRight5, {
+              /* @__PURE__ */ jsx6(ChevronRight5, {
                 size: 16
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV6(Link6, {
+          }),
+          /* @__PURE__ */ jsx6(Link6, {
             href: "/docs/guides",
             className: "btn-ghost",
             children: "Back to guides"
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/components/docs/guides/GuideNextjsOneEndpointPage.tsx
 import { CodeBlock as CodeBlock6 } from "@contractspec/lib.design-system";
 import Link7 from "@contractspec/lib.ui-link";
 import { ChevronRight as ChevronRight6 } from "lucide-react";
-import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function GuideNextjsOneEndpointPage() {
-  return /* @__PURE__ */ jsxDEV7("div", {
+  return /* @__PURE__ */ jsxs7("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxDEV7("div", {
+      /* @__PURE__ */ jsxs7("div", {
         className: "space-y-3",
         children: [
-          /* @__PURE__ */ jsxDEV7("h1", {
+          /* @__PURE__ */ jsx7("h1", {
             className: "text-4xl font-bold",
             children: "Next.js: add one endpoint"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV7("p", {
+          }),
+          /* @__PURE__ */ jsx7("p", {
             className: "text-muted-foreground text-lg",
             children: "Add ContractSpec to an existing Next.js App Router project by wiring a single operation end-to-end with validation and types."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV7("div", {
+      }),
+      /* @__PURE__ */ jsxs7("div", {
         className: "card-subtle space-y-4 p-6",
         children: [
-          /* @__PURE__ */ jsxDEV7("h2", {
+          /* @__PURE__ */ jsx7("h2", {
             className: "text-2xl font-bold",
             children: "What you'll build"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV7("ul", {
+          }),
+          /* @__PURE__ */ jsxs7("ul", {
             className: "text-muted-foreground space-y-2 text-sm",
             children: [
-              /* @__PURE__ */ jsxDEV7("li", {
+              /* @__PURE__ */ jsx7("li", {
                 children: "One OperationSpec with SchemaModel validation."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV7("li", {
+              }),
+              /* @__PURE__ */ jsx7("li", {
                 children: "A registry wiring the operation to its handler."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV7("li", {
+              }),
+              /* @__PURE__ */ jsx7("li", {
                 children: "A Next.js route handler that exposes the operation."
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV7("div", {
+      }),
+      /* @__PURE__ */ jsxs7("div", {
         className: "space-y-6",
         children: [
-          /* @__PURE__ */ jsxDEV7("div", {
+          /* @__PURE__ */ jsxs7("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV7("h2", {
+              /* @__PURE__ */ jsx7("h2", {
                 className: "text-2xl font-bold",
                 children: "1) Install core packages"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV7(CodeBlock6, {
+              }),
+              /* @__PURE__ */ jsx7(CodeBlock6, {
                 language: "bash",
                 filename: "nextjs-install",
                 code: `bun add -D contractspec
 bun add @contractspec/lib.contracts-spec @contractspec/lib.contracts-runtime-server-rest @contractspec/lib.schema`
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV7("p", {
+              }),
+              /* @__PURE__ */ jsxs7("p", {
                 className: "text-muted-foreground text-sm",
                 children: [
                   "Expected output: ",
-                  /* @__PURE__ */ jsxDEV7("code", {
+                  /* @__PURE__ */ jsx7("code", {
                     children: "added 3 packages"
-                  }, undefined, false, undefined, this),
+                  }),
                   " and a lockfile update."
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV7("div", {
+          }),
+          /* @__PURE__ */ jsxs7("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV7("h2", {
+              /* @__PURE__ */ jsx7("h2", {
                 className: "text-2xl font-bold",
                 children: "2) Define the operation spec"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV7("p", {
+              }),
+              /* @__PURE__ */ jsxs7("p", {
                 className: "text-muted-foreground text-sm",
                 children: [
                   "Create ",
-                  /* @__PURE__ */ jsxDEV7("code", {
+                  /* @__PURE__ */ jsx7("code", {
                     children: "src/contracts/healthcheck.operation.ts"
-                  }, undefined, false, undefined, this),
+                  }),
                   ":"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV7(CodeBlock6, {
+              }),
+              /* @__PURE__ */ jsx7(CodeBlock6, {
                 language: "typescript",
                 filename: "src/contracts/healthcheck.operation.ts",
                 code: `import { defineQuery } from "@contractspec/lib.contracts-spec/operations";
@@ -2246,27 +2246,27 @@ export const HealthcheckQuery = defineQuery({
     mcp: { toolName: "healthcheck.get.v1" },
   },
 });`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV7("div", {
+          }),
+          /* @__PURE__ */ jsxs7("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV7("h2", {
+              /* @__PURE__ */ jsx7("h2", {
                 className: "text-2xl font-bold",
                 children: "3) Register the operation"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV7("p", {
+              }),
+              /* @__PURE__ */ jsxs7("p", {
                 className: "text-muted-foreground text-sm",
                 children: [
                   "Create ",
-                  /* @__PURE__ */ jsxDEV7("code", {
+                  /* @__PURE__ */ jsx7("code", {
                     children: "src/contracts/registry.ts"
-                  }, undefined, false, undefined, this),
+                  }),
                   ":"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV7(CodeBlock6, {
+              }),
+              /* @__PURE__ */ jsx7(CodeBlock6, {
                 language: "typescript",
                 filename: "src/contracts/registry.ts",
                 code: `import {
@@ -2281,27 +2281,27 @@ installOp(registry, HealthcheckQuery, async () => ({
   status: "ok",
   checkedAt: new Date().toISOString(),
 }));`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV7("div", {
+          }),
+          /* @__PURE__ */ jsxs7("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV7("h2", {
+              /* @__PURE__ */ jsx7("h2", {
                 className: "text-2xl font-bold",
                 children: "4) Add the Next.js handler"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV7("p", {
+              }),
+              /* @__PURE__ */ jsxs7("p", {
                 className: "text-muted-foreground text-sm",
                 children: [
                   "Create ",
-                  /* @__PURE__ */ jsxDEV7("code", {
+                  /* @__PURE__ */ jsx7("code", {
                     children: "app/api/ops/[...route]/route.ts"
-                  }, undefined, false, undefined, this),
+                  }),
                   ":"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV7(CodeBlock6, {
+              }),
+              /* @__PURE__ */ jsx7(CodeBlock6, {
                 language: "typescript",
                 filename: "app/api/ops/[...route]/route.ts",
                 code: `import { makeNextAppHandler } from "@contractspec/lib.contracts-runtime-server-rest/rest-next-app";
@@ -2313,61 +2313,61 @@ const handler = makeNextAppHandler(registry, async () => ({
 }));
 
 export { handler as GET, handler as POST };`
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV7("p", {
+              }),
+              /* @__PURE__ */ jsxs7("p", {
                 className: "text-muted-foreground text-sm",
                 children: [
                   "Expected output: the route responds at",
-                  /* @__PURE__ */ jsxDEV7("code", {
+                  /* @__PURE__ */ jsx7("code", {
                     children: " /api/ops/healthcheck.get"
-                  }, undefined, false, undefined, this),
+                  }),
                   "."
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV7("div", {
+          }),
+          /* @__PURE__ */ jsxs7("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV7("h2", {
+              /* @__PURE__ */ jsx7("h2", {
                 className: "text-2xl font-bold",
                 children: "5) Validate the spec"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV7(CodeBlock6, {
+              }),
+              /* @__PURE__ */ jsx7(CodeBlock6, {
                 language: "bash",
                 filename: "nextjs-validate",
                 code: `contractspec validate src/contracts/healthcheck.operation.ts`
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV7("p", {
+              }),
+              /* @__PURE__ */ jsxs7("p", {
                 className: "text-muted-foreground text-sm",
                 children: [
                   "Expected output: ",
-                  /* @__PURE__ */ jsxDEV7("code", {
+                  /* @__PURE__ */ jsx7("code", {
                     children: "Validation passed"
-                  }, undefined, false, undefined, this),
+                  }),
                   "."
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV7("div", {
+          }),
+          /* @__PURE__ */ jsxs7("div", {
             className: "card-subtle space-y-3 p-6",
             children: [
-              /* @__PURE__ */ jsxDEV7("h3", {
+              /* @__PURE__ */ jsx7("h3", {
                 className: "text-lg font-semibold",
                 children: "Example package"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV7("p", {
+              }),
+              /* @__PURE__ */ jsxs7("p", {
                 className: "text-muted-foreground text-sm",
                 children: [
                   "Use ",
-                  /* @__PURE__ */ jsxDEV7("code", {
+                  /* @__PURE__ */ jsx7("code", {
                     children: "@contractspec/example.lifecycle-dashboard"
-                  }, undefined, false, undefined, this),
+                  }),
                   " as a lightweight Next.js snippet reference."
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV7(CodeBlock6, {
+              }),
+              /* @__PURE__ */ jsx7(CodeBlock6, {
                 language: "bash",
                 filename: "nextjs-example",
                 code: `# Inspect the example docs
@@ -2375,105 +2375,105 @@ contractspec examples show lifecycle-dashboard
 
 # Validate all example manifests in this repo
 contractspec examples validate --repo-root .`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV7(StudioPrompt, {
+          }),
+          /* @__PURE__ */ jsx7(StudioPrompt, {
             title: "Want real product evidence behind endpoint changes?",
             body: "Studio correlates meetings, support, analytics, and code signals before compiling endpoint decisions into spec diffs."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV7("div", {
+      }),
+      /* @__PURE__ */ jsxs7("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsxDEV7(Link7, {
+          /* @__PURE__ */ jsxs7(Link7, {
             href: "/docs/guides/spec-validation-and-typing",
             className: "btn-primary",
             children: [
               "Next: Spec validation + typing ",
-              /* @__PURE__ */ jsxDEV7(ChevronRight6, {
+              /* @__PURE__ */ jsx7(ChevronRight6, {
                 size: 16
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV7(Link7, {
+          }),
+          /* @__PURE__ */ jsx7(Link7, {
             href: "/docs/guides",
             className: "btn-ghost",
             children: "Back to guides"
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/components/docs/guides/GuideSpecValidationTypingPage.tsx
 import { CodeBlock as CodeBlock7 } from "@contractspec/lib.design-system";
 import Link8 from "@contractspec/lib.ui-link";
 import { ChevronRight as ChevronRight7 } from "lucide-react";
-import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function GuideSpecValidationTypingPage() {
-  return /* @__PURE__ */ jsxDEV8("div", {
+  return /* @__PURE__ */ jsxs8("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxDEV8("div", {
+      /* @__PURE__ */ jsxs8("div", {
         className: "space-y-3",
         children: [
-          /* @__PURE__ */ jsxDEV8("h1", {
+          /* @__PURE__ */ jsx8("h1", {
             className: "text-4xl font-bold",
             children: "Spec-driven validation + typing"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV8("p", {
+          }),
+          /* @__PURE__ */ jsx8("p", {
             className: "text-muted-foreground text-lg",
             children: "Define a single operation with SchemaModel, generate validation, and keep your existing handler logic."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV8("div", {
+      }),
+      /* @__PURE__ */ jsxs8("div", {
         className: "card-subtle space-y-4 p-6",
         children: [
-          /* @__PURE__ */ jsxDEV8("h2", {
+          /* @__PURE__ */ jsx8("h2", {
             className: "text-2xl font-bold",
             children: "What you'll build"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV8("ul", {
+          }),
+          /* @__PURE__ */ jsxs8("ul", {
             className: "text-muted-foreground space-y-2 text-sm",
             children: [
-              /* @__PURE__ */ jsxDEV8("li", {
+              /* @__PURE__ */ jsx8("li", {
                 children: "One command spec with explicit input/output models."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV8("li", {
+              }),
+              /* @__PURE__ */ jsx8("li", {
                 children: "Validation + typing without rewriting your service layer."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV8("li", {
+              }),
+              /* @__PURE__ */ jsx8("li", {
                 children: "Clear acceptance scenarios for regression safety."
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV8("div", {
+      }),
+      /* @__PURE__ */ jsxs8("div", {
         className: "space-y-6",
         children: [
-          /* @__PURE__ */ jsxDEV8("div", {
+          /* @__PURE__ */ jsxs8("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV8("h2", {
+              /* @__PURE__ */ jsx8("h2", {
                 className: "text-2xl font-bold",
                 children: "1) Define the spec"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV8("p", {
+              }),
+              /* @__PURE__ */ jsxs8("p", {
                 className: "text-muted-foreground text-sm",
                 children: [
                   "Create ",
-                  /* @__PURE__ */ jsxDEV8("code", {
+                  /* @__PURE__ */ jsx8("code", {
                     children: "src/contracts/contact-create.operation.ts"
-                  }, undefined, false, undefined, this),
+                  }),
                   ":"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV8(CodeBlock7, {
+              }),
+              /* @__PURE__ */ jsx8(CodeBlock7, {
                 language: "typescript",
                 filename: "src/contracts/contact-create.operation.ts",
                 code: `import { defineCommand } from "@contractspec/lib.contracts-spec/operations";
@@ -2523,21 +2523,21 @@ export const ContactCreateCommand = defineCommand({
     ],
   },
 });`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV8("div", {
+          }),
+          /* @__PURE__ */ jsxs8("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV8("h2", {
+              /* @__PURE__ */ jsx8("h2", {
                 className: "text-2xl font-bold",
                 children: "2) Wire the handler"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV8("p", {
+              }),
+              /* @__PURE__ */ jsx8("p", {
                 className: "text-muted-foreground text-sm",
                 children: "Keep your existing code. Just ensure the handler returns the output shape defined above."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV8(CodeBlock7, {
+              }),
+              /* @__PURE__ */ jsx8(CodeBlock7, {
                 language: "typescript",
                 filename: "src/handlers/contact-create.ts",
                 code: `import { ContactCreateCommand } from "@/contracts/contact-create.operation";
@@ -2553,45 +2553,45 @@ export const ContactCreateCommand = defineCommand({
      createdAt: new Date().toISOString(),
    };
  }`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV8("div", {
+          }),
+          /* @__PURE__ */ jsxs8("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV8("h2", {
+              /* @__PURE__ */ jsx8("h2", {
                 className: "text-2xl font-bold",
                 children: "3) Validate"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV8(CodeBlock7, {
+              }),
+              /* @__PURE__ */ jsx8(CodeBlock7, {
                 language: "bash",
                 filename: "spec-validation",
                 code: `contractspec validate src/contracts/contact-create.operation.ts`
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV8("p", {
+              }),
+              /* @__PURE__ */ jsxs8("p", {
                 className: "text-muted-foreground text-sm",
                 children: [
                   "Expected output: ",
-                  /* @__PURE__ */ jsxDEV8("code", {
+                  /* @__PURE__ */ jsx8("code", {
                     children: "Validation passed"
-                  }, undefined, false, undefined, this),
+                  }),
                   "."
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV8("div", {
+          }),
+          /* @__PURE__ */ jsxs8("div", {
             className: "card-subtle space-y-3 p-6",
             children: [
-              /* @__PURE__ */ jsxDEV8("h3", {
+              /* @__PURE__ */ jsx8("h3", {
                 className: "text-lg font-semibold",
                 children: "Example package"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV8("p", {
+              }),
+              /* @__PURE__ */ jsx8("p", {
                 className: "text-muted-foreground text-sm",
                 children: "The CRM Pipeline example includes real specs, handlers, and presentations for contact + deal flows."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV8(CodeBlock7, {
+              }),
+              /* @__PURE__ */ jsx8(CodeBlock7, {
                 language: "bash",
                 filename: "crm-example",
                 code: `# Build + validate the CRM pipeline example
@@ -2599,44 +2599,44 @@ cd packages/examples/crm-pipeline
 bun install
 bun run build
 bun run validate`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV8(StudioPrompt, {
+          }),
+          /* @__PURE__ */ jsx8(StudioPrompt, {
             title: "Need validation tied to real outcomes?",
             body: "Studio links checks to evidence, focus decisions, and post-release verification so specs evolve with product truth."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV8("div", {
+      }),
+      /* @__PURE__ */ jsxs8("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsxDEV8(Link8, {
+          /* @__PURE__ */ jsxs8(Link8, {
             href: "/docs/guides/generate-docs-clients-schemas",
             className: "btn-primary",
             children: [
               "Next: Generate docs + clients ",
-              /* @__PURE__ */ jsxDEV8(ChevronRight7, {
+              /* @__PURE__ */ jsx8(ChevronRight7, {
                 size: 16
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV8(Link8, {
+          }),
+          /* @__PURE__ */ jsx8(Link8, {
             href: "/docs/guides",
             className: "btn-ghost",
             children: "Back to guides"
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/components/docs/guides/GuidesIndexPage.tsx
 import { CodeBlock as CodeBlock8 } from "@contractspec/lib.design-system";
 import Link9 from "@contractspec/lib.ui-link";
 import { ArrowRight, BookOpen, CheckCircle2 } from "lucide-react";
-import { jsxDEV as jsxDEV9 } from "react/jsx-dev-runtime";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 var guides = [
   {
     title: "Contract types overview",
@@ -2682,89 +2682,89 @@ var guides = [
   }
 ];
 function GuidesIndexPage() {
-  return /* @__PURE__ */ jsxDEV9("div", {
+  return /* @__PURE__ */ jsxs9("div", {
     className: "space-y-10",
     children: [
-      /* @__PURE__ */ jsxDEV9("div", {
+      /* @__PURE__ */ jsxs9("div", {
         className: "space-y-3",
         children: [
-          /* @__PURE__ */ jsxDEV9("h1", {
+          /* @__PURE__ */ jsx9("h1", {
             className: "text-4xl font-bold",
             children: "Guides"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV9("p", {
+          }),
+          /* @__PURE__ */ jsx9("p", {
             className: "text-muted-foreground text-lg",
             children: "Hands-on guides with commands, expected output, and CI-verified example packages."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV9("div", {
+      }),
+      /* @__PURE__ */ jsx9("div", {
         className: "grid gap-4 md:grid-cols-2",
-        children: guides.map((guide) => /* @__PURE__ */ jsxDEV9(Link9, {
+        children: guides.map((guide) => /* @__PURE__ */ jsxs9(Link9, {
           href: guide.href,
           className: "card-subtle group space-y-3 p-6 transition-colors hover:border-violet-500/50",
           children: [
-            /* @__PURE__ */ jsxDEV9("div", {
+            /* @__PURE__ */ jsxs9("div", {
               className: "flex items-center justify-between",
               children: [
-                /* @__PURE__ */ jsxDEV9("h2", {
+                /* @__PURE__ */ jsx9("h2", {
                   className: "text-xl font-semibold transition-colors group-hover:text-violet-400",
                   children: guide.title
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV9(ArrowRight, {
+                }),
+                /* @__PURE__ */ jsx9(ArrowRight, {
                   className: "text-violet-400",
                   size: 18
-                }, undefined, false, undefined, this)
+                })
               ]
-            }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsxDEV9("p", {
+            }),
+            /* @__PURE__ */ jsx9("p", {
               className: "text-muted-foreground text-sm",
               children: guide.description
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV9("div", {
+            }),
+            /* @__PURE__ */ jsxs9("div", {
               className: "text-muted-foreground flex items-center gap-2 text-xs",
               children: [
-                /* @__PURE__ */ jsxDEV9(CheckCircle2, {
+                /* @__PURE__ */ jsx9(CheckCircle2, {
                   size: 14
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV9("span", {
+                }),
+                /* @__PURE__ */ jsxs9("span", {
                   children: [
                     "Target time: ",
                     guide.time
                   ]
-                }, undefined, true, undefined, this)
+                })
               ]
-            }, undefined, true, undefined, this)
+            })
           ]
-        }, guide.href, true, undefined, this))
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV9("div", {
+        }, guide.href))
+      }),
+      /* @__PURE__ */ jsxs9("div", {
         className: "card-subtle space-y-4 p-6",
         children: [
-          /* @__PURE__ */ jsxDEV9("div", {
+          /* @__PURE__ */ jsxs9("div", {
             className: "flex items-center gap-2 text-sm font-semibold tracking-[0.2em] text-violet-400 uppercase",
             children: [
-              /* @__PURE__ */ jsxDEV9(BookOpen, {
+              /* @__PURE__ */ jsx9(BookOpen, {
                 size: 16
-              }, undefined, false, undefined, this),
+              }),
               "How to use the guides"
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV9("ul", {
+          }),
+          /* @__PURE__ */ jsxs9("ul", {
             className: "text-muted-foreground space-y-2 text-sm",
             children: [
-              /* @__PURE__ */ jsxDEV9("li", {
+              /* @__PURE__ */ jsx9("li", {
                 children: "Run each guide in a fresh branch or sandbox workspace."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV9("li", {
+              }),
+              /* @__PURE__ */ jsx9("li", {
                 children: "Use the linked example package to validate end-to-end."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV9("li", {
+              }),
+              /* @__PURE__ */ jsx9("li", {
                 children: "Keep the commands as written to match CI expectations."
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV9(CodeBlock8, {
+          }),
+          /* @__PURE__ */ jsx9(CodeBlock8, {
             language: "bash",
             filename: "guides-quickstart",
             code: `# list all examples
@@ -2772,11 +2772,11 @@ contractspec examples list
 
 # validate example packages in this repo
 contractspec examples validate --repo-root .`
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/components/docs/guides/guides.docblocks.ts