@contractspec/bundle.library 1.11.1 → 1.13.0

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

@@ -1,148 +1,213 @@
-import { StudioPrompt } from "../shared/StudioPrompt.js";
-import { AlertCircle, ChevronRight, FileCode, Scan, Settings } from "lucide-react";
-import { CodeBlock } from "@contractspec/lib.design-system";
-import { jsx, jsxs } from "react/jsx-runtime";
+// @bun
+// src/components/docs/shared/StudioPrompt.tsx
 import Link from "@contractspec/lib.ui-link";
+import { jsxDEV } from "react/jsx-dev-runtime";
+function StudioPrompt({
+  title = "Need managed policy gates and approvals?",
+  body = "ContractSpec Studio adds policy gates, remote registry workflows, and audit trails when you are ready to scale adoption.",
+  ctaLabel = "Join Studio waitlist",
+  href = "/contact#waitlist"
+}) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "card-subtle space-y-3 p-6",
+    children: [
+      /* @__PURE__ */ jsxDEV("h3", {
+        className: "text-lg font-semibold",
+        children: title
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV("p", {
+        className: "text-muted-foreground text-sm",
+        children: body
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV(Link, {
+        href,
+        className: "btn-primary",
+        children: ctaLabel
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
 
-//#region src/components/docs/guides/GuideImportExistingCodebasesPage.tsx
-const supportedFrameworks = [
-	{
-		name: "NestJS",
-		flag: "nestjs",
-		description: "Controllers, decorators, DTOs"
-	},
-	{
-		name: "Express",
-		flag: "express",
-		description: "Router methods, middleware"
-	},
-	{
-		name: "Fastify",
-		flag: "fastify",
-		description: "Route definitions, schemas"
-	},
-	{
-		name: "Hono",
-		flag: "hono",
-		description: "Route handlers, validators"
-	},
-	{
-		name: "Elysia",
-		flag: "elysia",
-		description: "Type-safe routes, schemas"
-	},
-	{
-		name: "tRPC",
-		flag: "trpc",
-		description: "Procedure definitions"
-	},
-	{
-		name: "Next.js",
-		flag: "next-api",
-		description: "API routes (app/api, pages/api)"
-	}
+// src/components/docs/guides/GuideImportExistingCodebasesPage.tsx
+import { CodeBlock } from "@contractspec/lib.design-system";
+import Link2 from "@contractspec/lib.ui-link";
+import {
+  ChevronRight,
+  FileCode,
+  Scan,
+  Settings,
+  AlertCircle
+} from "lucide-react";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+var supportedFrameworks = [
+  {
+    name: "NestJS",
+    flag: "nestjs",
+    description: "Controllers, decorators, DTOs"
+  },
+  {
+    name: "Express",
+    flag: "express",
+    description: "Router methods, middleware"
+  },
+  {
+    name: "Fastify",
+    flag: "fastify",
+    description: "Route definitions, schemas"
+  },
+  {
+    name: "Hono",
+    flag: "hono",
+    description: "Route handlers, validators"
+  },
+  {
+    name: "Elysia",
+    flag: "elysia",
+    description: "Type-safe routes, schemas"
+  },
+  {
+    name: "tRPC",
+    flag: "trpc",
+    description: "Procedure definitions"
+  },
+  {
+    name: "Next.js",
+    flag: "next-api",
+    description: "API routes (app/api, pages/api)"
+  }
 ];
 function GuideImportExistingCodebasesPage() {
-	return /* @__PURE__ */ jsxs("div", {
-		className: "space-y-8",
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "space-y-3",
-				children: [/* @__PURE__ */ jsx("h1", {
-					className: "text-4xl font-bold",
-					children: "Import Existing Codebases"
-				}), /* @__PURE__ */ jsx("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."
-				})]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "card-subtle space-y-4 p-6",
-				children: [/* @__PURE__ */ jsx("h2", {
-					className: "text-2xl font-bold",
-					children: "What you'll learn"
-				}), /* @__PURE__ */ jsxs("ul", {
-					className: "text-muted-foreground space-y-2 text-sm",
-					children: [
-						/* @__PURE__ */ jsx("li", { children: "How to import existing API endpoints as ContractSpec contracts." }),
-						/* @__PURE__ */ jsx("li", { children: "Framework-specific patterns and auto-detection." }),
-						/* @__PURE__ */ jsx("li", { children: "Customizing imports with scopes, dry-run, and output options." }),
-						/* @__PURE__ */ jsx("li", { children: "Registering imported contracts and adding handlers." })
-					]
-				})]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "space-y-6",
-				children: [
-					/* @__PURE__ */ jsxs("div", {
-						className: "space-y-3",
-						children: [
-							/* @__PURE__ */ jsx("h2", {
-								className: "text-2xl font-bold",
-								children: "Why import existing code?"
-							}),
-							/* @__PURE__ */ jsx("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:"
-							}),
-							/* @__PURE__ */ jsxs("ul", {
-								className: "text-muted-foreground list-disc space-y-1 pl-5 text-sm",
-								children: [
-									/* @__PURE__ */ jsx("li", { children: "Instant spec coverage for existing APIs" }),
-									/* @__PURE__ */ jsx("li", { children: "Type-safe schemas derived from your existing types" }),
-									/* @__PURE__ */ jsx("li", { children: "A foundation to iterate and refine contracts" }),
-									/* @__PURE__ */ jsx("li", { children: "Gradual adoption without rewriting code" })
-								]
-							})
-						]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "space-y-3",
-						children: [/* @__PURE__ */ jsx("h2", {
-							className: "text-2xl font-bold",
-							children: "Supported frameworks"
-						}), /* @__PURE__ */ jsx("div", {
-							className: "grid gap-3 md:grid-cols-2 lg:grid-cols-3",
-							children: supportedFrameworks.map((fw) => /* @__PURE__ */ jsxs("div", {
-								className: "flex items-start gap-3 rounded-lg border border-white/10 p-4",
-								children: [/* @__PURE__ */ jsx(FileCode, {
-									className: "text-violet-400",
-									size: 18
-								}), /* @__PURE__ */ jsxs("div", {
-									className: "space-y-1",
-									children: [
-										/* @__PURE__ */ jsx("h3", {
-											className: "font-semibold",
-											children: fw.name
-										}),
-										/* @__PURE__ */ jsx("p", {
-											className: "text-muted-foreground text-xs",
-											children: fw.description
-										}),
-										/* @__PURE__ */ jsxs("code", {
-											className: "text-xs text-violet-400",
-											children: ["--framework ", fw.flag]
-										})
-									]
-								})]
-							}, fw.flag))
-						})]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "space-y-3",
-						children: [
-							/* @__PURE__ */ jsx("h2", {
-								className: "text-2xl font-bold",
-								children: "1) Quick start"
-							}),
-							/* @__PURE__ */ jsx("p", {
-								className: "text-muted-foreground text-sm",
-								children: "Run the import command to auto-detect your framework and extract endpoints:"
-							}),
-							/* @__PURE__ */ jsx(CodeBlock, {
-								language: "bash",
-								filename: "import-quickstart",
-								code: `# Auto-detect framework and import all endpoints
+  return /* @__PURE__ */ jsxDEV2("div", {
+    className: "space-y-8",
+    children: [
+      /* @__PURE__ */ jsxDEV2("div", {
+        className: "space-y-3",
+        children: [
+          /* @__PURE__ */ jsxDEV2("h1", {
+            className: "text-4xl font-bold",
+            children: "Import Existing Codebases"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV2("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__ */ jsxDEV2("div", {
+        className: "card-subtle space-y-4 p-6",
+        children: [
+          /* @__PURE__ */ jsxDEV2("h2", {
+            className: "text-2xl font-bold",
+            children: "What you'll learn"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV2("ul", {
+            className: "text-muted-foreground space-y-2 text-sm",
+            children: [
+              /* @__PURE__ */ jsxDEV2("li", {
+                children: "How to import existing API endpoints as ContractSpec contracts."
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2("li", {
+                children: "Framework-specific patterns and auto-detection."
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2("li", {
+                children: "Customizing imports with scopes, dry-run, and output options."
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2("li", {
+                children: "Registering imported contracts and adding handlers."
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV2("div", {
+        className: "space-y-6",
+        children: [
+          /* @__PURE__ */ jsxDEV2("div", {
+            className: "space-y-3",
+            children: [
+              /* @__PURE__ */ jsxDEV2("h2", {
+                className: "text-2xl font-bold",
+                children: "Why import existing code?"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2("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__ */ jsxDEV2("ul", {
+                className: "text-muted-foreground list-disc space-y-1 pl-5 text-sm",
+                children: [
+                  /* @__PURE__ */ jsxDEV2("li", {
+                    children: "Instant spec coverage for existing APIs"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV2("li", {
+                    children: "Type-safe schemas derived from your existing types"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV2("li", {
+                    children: "A foundation to iterate and refine contracts"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV2("li", {
+                    children: "Gradual adoption without rewriting code"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV2("div", {
+            className: "space-y-3",
+            children: [
+              /* @__PURE__ */ jsxDEV2("h2", {
+                className: "text-2xl font-bold",
+                children: "Supported frameworks"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2("div", {
+                className: "grid gap-3 md:grid-cols-2 lg:grid-cols-3",
+                children: supportedFrameworks.map((fw) => /* @__PURE__ */ jsxDEV2("div", {
+                  className: "flex items-start gap-3 rounded-lg border border-white/10 p-4",
+                  children: [
+                    /* @__PURE__ */ jsxDEV2(FileCode, {
+                      className: "text-violet-400",
+                      size: 18
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV2("div", {
+                      className: "space-y-1",
+                      children: [
+                        /* @__PURE__ */ jsxDEV2("h3", {
+                          className: "font-semibold",
+                          children: fw.name
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("p", {
+                          className: "text-muted-foreground text-xs",
+                          children: fw.description
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("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)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV2("div", {
+            className: "space-y-3",
+            children: [
+              /* @__PURE__ */ jsxDEV2("h2", {
+                className: "text-2xl font-bold",
+                children: "1) Quick start"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2("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__ */ jsxDEV2(CodeBlock, {
+                language: "bash",
+                filename: "import-quickstart",
+                code: `# Auto-detect framework and import all endpoints
 contractspec import ./src
 
 # Preview what would be imported (dry-run)
@@ -150,37 +215,43 @@ contractspec import ./src --dry-run
 
 # Force a specific framework
 contractspec import ./src --framework nestjs`
-							}),
-							/* @__PURE__ */ jsx("p", {
-								className: "text-muted-foreground text-sm",
-								children: "Expected output: A summary of endpoints found, schemas extracted, and files generated."
-							})
-						]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "space-y-3",
-						children: [/* @__PURE__ */ jsx("h2", {
-							className: "text-2xl font-bold",
-							children: "2) Framework-specific patterns"
-						}), /* @__PURE__ */ jsx("p", {
-							className: "text-muted-foreground text-sm",
-							children: "The import command recognizes these patterns in each framework:"
-						})]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "space-y-3",
-						children: [
-							/* @__PURE__ */ jsxs("h3", {
-								className: "flex items-center gap-2 text-xl font-semibold",
-								children: [/* @__PURE__ */ jsx(Scan, {
-									size: 18,
-									className: "text-blue-400"
-								}), "NestJS"]
-							}),
-							/* @__PURE__ */ jsx(CodeBlock, {
-								language: "typescript",
-								filename: "src/users/users.controller.ts (before)",
-								code: `@Controller('users')
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2("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__ */ jsxDEV2("div", {
+            className: "space-y-3",
+            children: [
+              /* @__PURE__ */ jsxDEV2("h2", {
+                className: "text-2xl font-bold",
+                children: "2) Framework-specific patterns"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2("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__ */ jsxDEV2("div", {
+            className: "space-y-3",
+            children: [
+              /* @__PURE__ */ jsxDEV2("h3", {
+                className: "flex items-center gap-2 text-xl font-semibold",
+                children: [
+                  /* @__PURE__ */ jsxDEV2(Scan, {
+                    size: 18,
+                    className: "text-blue-400"
+                  }, undefined, false, undefined, this),
+                  "NestJS"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV2(CodeBlock, {
+                language: "typescript",
+                filename: "src/users/users.controller.ts (before)",
+                code: `@Controller('users')
 export class UsersController {
   @Get(':id')
   async getUser(@Param('id') id: string): Promise<UserDto> {
@@ -193,43 +264,58 @@ export class UsersController {
     return this.usersService.create(dto);
   }
 }`
-							}),
-							/* @__PURE__ */ jsxs("p", {
-								className: "text-muted-foreground text-sm",
-								children: [
-									"Detected: ",
-									/* @__PURE__ */ jsx("code", { children: "@Controller" }),
-									", ",
-									/* @__PURE__ */ jsx("code", { children: "@Get" }),
-									",",
-									" ",
-									/* @__PURE__ */ jsx("code", { children: "@Post" }),
-									", ",
-									/* @__PURE__ */ jsx("code", { children: "@Body" }),
-									", ",
-									/* @__PURE__ */ jsx("code", { children: "@Param" }),
-									",",
-									" ",
-									/* @__PURE__ */ jsx("code", { children: "@UseGuards" }),
-									" decorators."
-								]
-							})
-						]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "space-y-3",
-						children: [
-							/* @__PURE__ */ jsxs("h3", {
-								className: "flex items-center gap-2 text-xl font-semibold",
-								children: [/* @__PURE__ */ jsx(Scan, {
-									size: 18,
-									className: "text-green-400"
-								}), "Express"]
-							}),
-							/* @__PURE__ */ jsx(CodeBlock, {
-								language: "typescript",
-								filename: "src/routes/users.ts (before)",
-								code: `const router = express.Router();
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2("p", {
+                className: "text-muted-foreground text-sm",
+                children: [
+                  "Detected: ",
+                  /* @__PURE__ */ jsxDEV2("code", {
+                    children: "@Controller"
+                  }, undefined, false, undefined, this),
+                  ", ",
+                  /* @__PURE__ */ jsxDEV2("code", {
+                    children: "@Get"
+                  }, undefined, false, undefined, this),
+                  ",",
+                  " ",
+                  /* @__PURE__ */ jsxDEV2("code", {
+                    children: "@Post"
+                  }, undefined, false, undefined, this),
+                  ", ",
+                  /* @__PURE__ */ jsxDEV2("code", {
+                    children: "@Body"
+                  }, undefined, false, undefined, this),
+                  ", ",
+                  /* @__PURE__ */ jsxDEV2("code", {
+                    children: "@Param"
+                  }, undefined, false, undefined, this),
+                  ",",
+                  " ",
+                  /* @__PURE__ */ jsxDEV2("code", {
+                    children: "@UseGuards"
+                  }, undefined, false, undefined, this),
+                  " decorators."
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV2("div", {
+            className: "space-y-3",
+            children: [
+              /* @__PURE__ */ jsxDEV2("h3", {
+                className: "flex items-center gap-2 text-xl font-semibold",
+                children: [
+                  /* @__PURE__ */ jsxDEV2(Scan, {
+                    size: 18,
+                    className: "text-green-400"
+                  }, undefined, false, undefined, this),
+                  "Express"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV2(CodeBlock, {
+                language: "typescript",
+                filename: "src/routes/users.ts (before)",
+                code: `const router = express.Router();
 
 router.get('/users/:id', async (req, res) => {
   const user = await getUserById(req.params.id);
@@ -240,33 +326,40 @@ router.post('/users', validateBody(CreateUserSchema), async (req, res) => {
   const user = await createUser(req.body);
   res.status(201).json(user);
 });`
-							}),
-							/* @__PURE__ */ jsxs("p", {
-								className: "text-muted-foreground text-sm",
-								children: [
-									"Detected: ",
-									/* @__PURE__ */ jsx("code", { children: "router.get" }),
-									", ",
-									/* @__PURE__ */ jsx("code", { children: "router.post" }),
-									", validation middleware, Zod schemas."
-								]
-							})
-						]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "space-y-3",
-						children: [
-							/* @__PURE__ */ jsxs("h3", {
-								className: "flex items-center gap-2 text-xl font-semibold",
-								children: [/* @__PURE__ */ jsx(Scan, {
-									size: 18,
-									className: "text-purple-400"
-								}), "Next.js API Routes"]
-							}),
-							/* @__PURE__ */ jsx(CodeBlock, {
-								language: "typescript",
-								filename: "app/api/users/[id]/route.ts (before)",
-								code: `export async function GET(
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2("p", {
+                className: "text-muted-foreground text-sm",
+                children: [
+                  "Detected: ",
+                  /* @__PURE__ */ jsxDEV2("code", {
+                    children: "router.get"
+                  }, undefined, false, undefined, this),
+                  ", ",
+                  /* @__PURE__ */ jsxDEV2("code", {
+                    children: "router.post"
+                  }, undefined, false, undefined, this),
+                  ", validation middleware, Zod schemas."
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV2("div", {
+            className: "space-y-3",
+            children: [
+              /* @__PURE__ */ jsxDEV2("h3", {
+                className: "flex items-center gap-2 text-xl font-semibold",
+                children: [
+                  /* @__PURE__ */ jsxDEV2(Scan, {
+                    size: 18,
+                    className: "text-purple-400"
+                  }, undefined, false, undefined, this),
+                  "Next.js API Routes"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV2(CodeBlock, {
+                language: "typescript",
+                filename: "app/api/users/[id]/route.ts (before)",
+                code: `export async function GET(
   request: Request,
   { params }: { params: { id: string } }
 ) {
@@ -279,39 +372,47 @@ export async function POST(request: Request) {
   const user = await createUser(body);
   return Response.json(user, { status: 201 });
 }`
-							}),
-							/* @__PURE__ */ jsxs("p", {
-								className: "text-muted-foreground text-sm",
-								children: [
-									"Detected: ",
-									/* @__PURE__ */ jsx("code", { children: "GET" }),
-									", ",
-									/* @__PURE__ */ jsx("code", { children: "POST" }),
-									" exports in",
-									" ",
-									/* @__PURE__ */ jsx("code", { children: "app/api/**/route.ts" }),
-									" and ",
-									/* @__PURE__ */ jsx("code", { children: "pages/api/**/*.ts" }),
-									"."
-								]
-							})
-						]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "space-y-3",
-						children: [
-							/* @__PURE__ */ jsx("h2", {
-								className: "text-2xl font-bold",
-								children: "3) Understanding generated contracts"
-							}),
-							/* @__PURE__ */ jsx("p", {
-								className: "text-muted-foreground text-sm",
-								children: "The import command generates ContractSpec operations with TODO placeholders for fields it cannot infer:"
-							}),
-							/* @__PURE__ */ jsx(CodeBlock, {
-								language: "typescript",
-								filename: ".contractspec/generated/users.operation.ts",
-								code: `import { defineQuery, defineCommand } from "@contractspec/lib.contracts";
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2("p", {
+                className: "text-muted-foreground text-sm",
+                children: [
+                  "Detected: ",
+                  /* @__PURE__ */ jsxDEV2("code", {
+                    children: "GET"
+                  }, undefined, false, undefined, this),
+                  ", ",
+                  /* @__PURE__ */ jsxDEV2("code", {
+                    children: "POST"
+                  }, undefined, false, undefined, this),
+                  " exports in",
+                  " ",
+                  /* @__PURE__ */ jsxDEV2("code", {
+                    children: "app/api/**/route.ts"
+                  }, undefined, false, undefined, this),
+                  " and ",
+                  /* @__PURE__ */ jsxDEV2("code", {
+                    children: "pages/api/**/*.ts"
+                  }, undefined, false, undefined, this),
+                  "."
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV2("div", {
+            className: "space-y-3",
+            children: [
+              /* @__PURE__ */ jsxDEV2("h2", {
+                className: "text-2xl font-bold",
+                children: "3) Understanding generated contracts"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2("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__ */ jsxDEV2(CodeBlock, {
+                language: "typescript",
+                filename: ".contractspec/generated/users.operation.ts",
+                code: `import { defineQuery, defineCommand } from "@contractspec/lib.contracts";
 import { SchemaModel, ScalarTypeEnum } from "@contractspec/lib.schema";
 
 export const GetUserQuery = defineQuery({
@@ -372,156 +473,190 @@ export const CreateUserCommand = defineCommand({
     rest: { method: "POST", path: "/users" },
   },
 });`
-							})
-						]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "space-y-3",
-						children: [
-							/* @__PURE__ */ jsx("h2", {
-								className: "text-2xl font-bold",
-								children: "4) Customizing imports"
-							}),
-							/* @__PURE__ */ jsxs("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ jsx(Settings, {
-									size: 18,
-									className: "text-violet-400"
-								}), /* @__PURE__ */ jsx("h3", {
-									className: "text-lg font-semibold",
-									children: "Available options"
-								})]
-							}),
-							/* @__PURE__ */ jsx("div", {
-								className: "overflow-x-auto",
-								children: /* @__PURE__ */ jsxs("table", {
-									className: "w-full text-sm",
-									children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", {
-										className: "border-b border-white/10",
-										children: [
-											/* @__PURE__ */ jsx("th", {
-												className: "py-2 pr-4 text-left",
-												children: "Option"
-											}),
-											/* @__PURE__ */ jsx("th", {
-												className: "py-2 pr-4 text-left",
-												children: "Description"
-											}),
-											/* @__PURE__ */ jsx("th", {
-												className: "py-2 text-left",
-												children: "Example"
-											})
-										]
-									}) }), /* @__PURE__ */ jsxs("tbody", {
-										className: "text-muted-foreground",
-										children: [
-											/* @__PURE__ */ jsxs("tr", {
-												className: "border-b border-white/5",
-												children: [
-													/* @__PURE__ */ jsx("td", {
-														className: "py-2 pr-4",
-														children: /* @__PURE__ */ jsx("code", { children: "--scope" })
-													}),
-													/* @__PURE__ */ jsx("td", {
-														className: "py-2 pr-4",
-														children: "Limit to specific directories"
-													}),
-													/* @__PURE__ */ jsx("td", {
-														className: "py-2",
-														children: /* @__PURE__ */ jsx("code", { children: "--scope src/users src/auth" })
-													})
-												]
-											}),
-											/* @__PURE__ */ jsxs("tr", {
-												className: "border-b border-white/5",
-												children: [
-													/* @__PURE__ */ jsx("td", {
-														className: "py-2 pr-4",
-														children: /* @__PURE__ */ jsx("code", { children: "--framework" })
-													}),
-													/* @__PURE__ */ jsx("td", {
-														className: "py-2 pr-4",
-														children: "Force a specific framework"
-													}),
-													/* @__PURE__ */ jsx("td", {
-														className: "py-2",
-														children: /* @__PURE__ */ jsx("code", { children: "--framework express" })
-													})
-												]
-											}),
-											/* @__PURE__ */ jsxs("tr", {
-												className: "border-b border-white/5",
-												children: [
-													/* @__PURE__ */ jsx("td", {
-														className: "py-2 pr-4",
-														children: /* @__PURE__ */ jsx("code", { children: "--output" })
-													}),
-													/* @__PURE__ */ jsx("td", {
-														className: "py-2 pr-4",
-														children: "Output directory"
-													}),
-													/* @__PURE__ */ jsx("td", {
-														className: "py-2",
-														children: /* @__PURE__ */ jsx("code", { children: "--output ./contracts" })
-													})
-												]
-											}),
-											/* @__PURE__ */ jsxs("tr", {
-												className: "border-b border-white/5",
-												children: [
-													/* @__PURE__ */ jsx("td", {
-														className: "py-2 pr-4",
-														children: /* @__PURE__ */ jsx("code", { children: "--dry-run" })
-													}),
-													/* @__PURE__ */ jsx("td", {
-														className: "py-2 pr-4",
-														children: "Preview without writing files"
-													}),
-													/* @__PURE__ */ jsx("td", {
-														className: "py-2",
-														children: /* @__PURE__ */ jsx("code", { children: "--dry-run" })
-													})
-												]
-											}),
-											/* @__PURE__ */ jsxs("tr", {
-												className: "border-b border-white/5",
-												children: [
-													/* @__PURE__ */ jsx("td", {
-														className: "py-2 pr-4",
-														children: /* @__PURE__ */ jsx("code", { children: "--analyze" })
-													}),
-													/* @__PURE__ */ jsx("td", {
-														className: "py-2 pr-4",
-														children: "Analysis only, no code generation"
-													}),
-													/* @__PURE__ */ jsx("td", {
-														className: "py-2",
-														children: /* @__PURE__ */ jsx("code", { children: "--analyze" })
-													})
-												]
-											}),
-											/* @__PURE__ */ jsxs("tr", { children: [
-												/* @__PURE__ */ jsx("td", {
-													className: "py-2 pr-4",
-													children: /* @__PURE__ */ jsx("code", { children: "--json" })
-												}),
-												/* @__PURE__ */ jsx("td", {
-													className: "py-2 pr-4",
-													children: "Output as JSON for scripting"
-												}),
-												/* @__PURE__ */ jsx("td", {
-													className: "py-2",
-													children: /* @__PURE__ */ jsx("code", { children: "--json" })
-												})
-											] })
-										]
-									})]
-								})
-							}),
-							/* @__PURE__ */ jsx(CodeBlock, {
-								language: "bash",
-								filename: "import-options",
-								code: `# Import only specific modules
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV2("div", {
+            className: "space-y-3",
+            children: [
+              /* @__PURE__ */ jsxDEV2("h2", {
+                className: "text-2xl font-bold",
+                children: "4) Customizing imports"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2("div", {
+                className: "flex items-center gap-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV2(Settings, {
+                    size: 18,
+                    className: "text-violet-400"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV2("h3", {
+                    className: "text-lg font-semibold",
+                    children: "Available options"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV2("div", {
+                className: "overflow-x-auto",
+                children: /* @__PURE__ */ jsxDEV2("table", {
+                  className: "w-full text-sm",
+                  children: [
+                    /* @__PURE__ */ jsxDEV2("thead", {
+                      children: /* @__PURE__ */ jsxDEV2("tr", {
+                        className: "border-b border-white/10",
+                        children: [
+                          /* @__PURE__ */ jsxDEV2("th", {
+                            className: "py-2 pr-4 text-left",
+                            children: "Option"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV2("th", {
+                            className: "py-2 pr-4 text-left",
+                            children: "Description"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV2("th", {
+                            className: "py-2 text-left",
+                            children: "Example"
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV2("tbody", {
+                      className: "text-muted-foreground",
+                      children: [
+                        /* @__PURE__ */ jsxDEV2("tr", {
+                          className: "border-b border-white/5",
+                          children: [
+                            /* @__PURE__ */ jsxDEV2("td", {
+                              className: "py-2 pr-4",
+                              children: /* @__PURE__ */ jsxDEV2("code", {
+                                children: "--scope"
+                              }, undefined, false, undefined, this)
+                            }, undefined, false, undefined, this),
+                            /* @__PURE__ */ jsxDEV2("td", {
+                              className: "py-2 pr-4",
+                              children: "Limit to specific directories"
+                            }, undefined, false, undefined, this),
+                            /* @__PURE__ */ jsxDEV2("td", {
+                              className: "py-2",
+                              children: /* @__PURE__ */ jsxDEV2("code", {
+                                children: "--scope src/users src/auth"
+                              }, undefined, false, undefined, this)
+                            }, undefined, false, undefined, this)
+                          ]
+                        }, undefined, true, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("tr", {
+                          className: "border-b border-white/5",
+                          children: [
+                            /* @__PURE__ */ jsxDEV2("td", {
+                              className: "py-2 pr-4",
+                              children: /* @__PURE__ */ jsxDEV2("code", {
+                                children: "--framework"
+                              }, undefined, false, undefined, this)
+                            }, undefined, false, undefined, this),
+                            /* @__PURE__ */ jsxDEV2("td", {
+                              className: "py-2 pr-4",
+                              children: "Force a specific framework"
+                            }, undefined, false, undefined, this),
+                            /* @__PURE__ */ jsxDEV2("td", {
+                              className: "py-2",
+                              children: /* @__PURE__ */ jsxDEV2("code", {
+                                children: "--framework express"
+                              }, undefined, false, undefined, this)
+                            }, undefined, false, undefined, this)
+                          ]
+                        }, undefined, true, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("tr", {
+                          className: "border-b border-white/5",
+                          children: [
+                            /* @__PURE__ */ jsxDEV2("td", {
+                              className: "py-2 pr-4",
+                              children: /* @__PURE__ */ jsxDEV2("code", {
+                                children: "--output"
+                              }, undefined, false, undefined, this)
+                            }, undefined, false, undefined, this),
+                            /* @__PURE__ */ jsxDEV2("td", {
+                              className: "py-2 pr-4",
+                              children: "Output directory"
+                            }, undefined, false, undefined, this),
+                            /* @__PURE__ */ jsxDEV2("td", {
+                              className: "py-2",
+                              children: /* @__PURE__ */ jsxDEV2("code", {
+                                children: "--output ./contracts"
+                              }, undefined, false, undefined, this)
+                            }, undefined, false, undefined, this)
+                          ]
+                        }, undefined, true, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("tr", {
+                          className: "border-b border-white/5",
+                          children: [
+                            /* @__PURE__ */ jsxDEV2("td", {
+                              className: "py-2 pr-4",
+                              children: /* @__PURE__ */ jsxDEV2("code", {
+                                children: "--dry-run"
+                              }, undefined, false, undefined, this)
+                            }, undefined, false, undefined, this),
+                            /* @__PURE__ */ jsxDEV2("td", {
+                              className: "py-2 pr-4",
+                              children: "Preview without writing files"
+                            }, undefined, false, undefined, this),
+                            /* @__PURE__ */ jsxDEV2("td", {
+                              className: "py-2",
+                              children: /* @__PURE__ */ jsxDEV2("code", {
+                                children: "--dry-run"
+                              }, undefined, false, undefined, this)
+                            }, undefined, false, undefined, this)
+                          ]
+                        }, undefined, true, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("tr", {
+                          className: "border-b border-white/5",
+                          children: [
+                            /* @__PURE__ */ jsxDEV2("td", {
+                              className: "py-2 pr-4",
+                              children: /* @__PURE__ */ jsxDEV2("code", {
+                                children: "--analyze"
+                              }, undefined, false, undefined, this)
+                            }, undefined, false, undefined, this),
+                            /* @__PURE__ */ jsxDEV2("td", {
+                              className: "py-2 pr-4",
+                              children: "Analysis only, no code generation"
+                            }, undefined, false, undefined, this),
+                            /* @__PURE__ */ jsxDEV2("td", {
+                              className: "py-2",
+                              children: /* @__PURE__ */ jsxDEV2("code", {
+                                children: "--analyze"
+                              }, undefined, false, undefined, this)
+                            }, undefined, false, undefined, this)
+                          ]
+                        }, undefined, true, undefined, this),
+                        /* @__PURE__ */ jsxDEV2("tr", {
+                          children: [
+                            /* @__PURE__ */ jsxDEV2("td", {
+                              className: "py-2 pr-4",
+                              children: /* @__PURE__ */ jsxDEV2("code", {
+                                children: "--json"
+                              }, undefined, false, undefined, this)
+                            }, undefined, false, undefined, this),
+                            /* @__PURE__ */ jsxDEV2("td", {
+                              className: "py-2 pr-4",
+                              children: "Output as JSON for scripting"
+                            }, undefined, false, undefined, this),
+                            /* @__PURE__ */ jsxDEV2("td", {
+                              className: "py-2",
+                              children: /* @__PURE__ */ jsxDEV2("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__ */ jsxDEV2(CodeBlock, {
+                language: "bash",
+                filename: "import-options",
+                code: `# Import only specific modules
 contractspec import ./src --scope src/users src/orders
 
 # Preview with analysis
@@ -532,24 +667,24 @@ contractspec import ./src --output ./src/contracts/generated
 
 # Get JSON for CI/scripting
 contractspec import ./src --json > import-result.json`
-							})
-						]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "space-y-3",
-						children: [
-							/* @__PURE__ */ jsx("h2", {
-								className: "text-2xl font-bold",
-								children: "5) Registering imported contracts"
-							}),
-							/* @__PURE__ */ jsx("p", {
-								className: "text-muted-foreground text-sm",
-								children: "After import, register contracts and add handlers:"
-							}),
-							/* @__PURE__ */ jsx(CodeBlock, {
-								language: "typescript",
-								filename: "src/contracts/registry.ts",
-								code: `import {
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV2("div", {
+            className: "space-y-3",
+            children: [
+              /* @__PURE__ */ jsxDEV2("h2", {
+                className: "text-2xl font-bold",
+                children: "5) Registering imported contracts"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2("p", {
+                className: "text-muted-foreground text-sm",
+                children: "After import, register contracts and add handlers:"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2(CodeBlock, {
+                language: "typescript",
+                filename: "src/contracts/registry.ts",
+                code: `import {
   OperationSpecRegistry,
   installOp,
 } from "@contractspec/lib.contracts/operations";
@@ -570,110 +705,175 @@ installOp(registry, CreateUserCommand, async (input) => {
   const user = await db.user.create({ data: input });
   return { id: user.id };
 });`
-							})
-						]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "space-y-3",
-						children: [/* @__PURE__ */ jsx("h2", {
-							className: "text-2xl font-bold",
-							children: "6) After importing"
-						}), /* @__PURE__ */ jsxs("ol", {
-							className: "text-muted-foreground list-decimal space-y-2 pl-5 text-sm",
-							children: [
-								/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Review generated contracts" }), " — Check the TODO placeholders and fill in descriptions, owners, and tags."] }),
-								/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Refine schemas" }), " — Add proper types, validation rules, and error definitions."] }),
-								/* @__PURE__ */ jsxs("li", { children: [
-									/* @__PURE__ */ jsx("strong", { children: "Run validation" }),
-									" —",
-									" ",
-									/* @__PURE__ */ jsx("code", { children: "contractspec validate" }),
-									" to ensure contracts are valid."
-								] }),
-								/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Register and wire handlers" }), " — Connect contracts to your existing business logic."] }),
-								/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Iterate" }), " — The imported contracts are a starting point. Refine them as your spec matures."] })
-							]
-						})]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "space-y-3",
-						children: [/* @__PURE__ */ jsxs("h2", {
-							className: "flex items-center gap-2 text-2xl font-bold",
-							children: [/* @__PURE__ */ jsx(AlertCircle, {
-								size: 20,
-								className: "text-yellow-400"
-							}), "Troubleshooting"]
-						}), /* @__PURE__ */ jsxs("div", {
-							className: "space-y-4",
-							children: [
-								/* @__PURE__ */ jsxs("div", {
-									className: "card-subtle space-y-2 p-4",
-									children: [/* @__PURE__ */ jsx("h3", {
-										className: "font-semibold",
-										children: "Framework not detected"
-									}), /* @__PURE__ */ jsxs("p", {
-										className: "text-muted-foreground text-sm",
-										children: [
-											"Use ",
-											/* @__PURE__ */ jsx("code", { children: "--framework <name>" }),
-											" to force a specific framework. Check that your entry files follow standard patterns."
-										]
-									})]
-								}),
-								/* @__PURE__ */ jsxs("div", {
-									className: "card-subtle space-y-2 p-4",
-									children: [/* @__PURE__ */ jsx("h3", {
-										className: "font-semibold",
-										children: "Missing schemas"
-									}), /* @__PURE__ */ jsxs("p", {
-										className: "text-muted-foreground text-sm",
-										children: [
-											"Schema inference works best with explicit types. If using",
-											" ",
-											/* @__PURE__ */ jsx("code", { children: "any" }),
-											" or dynamic types, you'll see TODO placeholders. Fill them in manually."
-										]
-									})]
-								}),
-								/* @__PURE__ */ jsxs("div", {
-									className: "card-subtle space-y-2 p-4",
-									children: [/* @__PURE__ */ jsx("h3", {
-										className: "font-semibold",
-										children: "Partial imports"
-									}), /* @__PURE__ */ jsxs("p", {
-										className: "text-muted-foreground text-sm",
-										children: [
-											"Some endpoints may not be detected if they use unconventional patterns. Use ",
-											/* @__PURE__ */ jsx("code", { children: "--analyze" }),
-											" to see what was found, then add missing contracts manually."
-										]
-									})]
-								})
-							]
-						})]
-					}),
-					/* @__PURE__ */ jsx(StudioPrompt, {
-						title: "Want automated contract evolution?",
-						body: "Studio monitors your codebase and suggests contract updates when your API changes, keeping specs and code in sync."
-					})
-				]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-4 pt-4",
-				children: [/* @__PURE__ */ jsxs(Link, {
-					href: "/docs/guides/spec-validation-and-typing",
-					className: "btn-primary",
-					children: ["Next: Spec validation + typing ", /* @__PURE__ */ jsx(ChevronRight, { size: 16 })]
-				}), /* @__PURE__ */ jsx(Link, {
-					href: "/docs/guides",
-					className: "btn-ghost",
-					children: "Back to guides"
-				})]
-			})
-		]
-	});
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV2("div", {
+            className: "space-y-3",
+            children: [
+              /* @__PURE__ */ jsxDEV2("h2", {
+                className: "text-2xl font-bold",
+                children: "6) After importing"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2("ol", {
+                className: "text-muted-foreground list-decimal space-y-2 pl-5 text-sm",
+                children: [
+                  /* @__PURE__ */ jsxDEV2("li", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV2("strong", {
+                        children: "Review generated contracts"
+                      }, undefined, false, undefined, this),
+                      " \u2014 Check the TODO placeholders and fill in descriptions, owners, and tags."
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV2("li", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV2("strong", {
+                        children: "Refine schemas"
+                      }, undefined, false, undefined, this),
+                      " \u2014 Add proper types, validation rules, and error definitions."
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV2("li", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV2("strong", {
+                        children: "Run validation"
+                      }, undefined, false, undefined, this),
+                      " \u2014",
+                      " ",
+                      /* @__PURE__ */ jsxDEV2("code", {
+                        children: "contractspec validate"
+                      }, undefined, false, undefined, this),
+                      " to ensure contracts are valid."
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV2("li", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV2("strong", {
+                        children: "Register and wire handlers"
+                      }, undefined, false, undefined, this),
+                      " \u2014 Connect contracts to your existing business logic."
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV2("li", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV2("strong", {
+                        children: "Iterate"
+                      }, undefined, false, undefined, this),
+                      " \u2014 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__ */ jsxDEV2("div", {
+            className: "space-y-3",
+            children: [
+              /* @__PURE__ */ jsxDEV2("h2", {
+                className: "flex items-center gap-2 text-2xl font-bold",
+                children: [
+                  /* @__PURE__ */ jsxDEV2(AlertCircle, {
+                    size: 20,
+                    className: "text-yellow-400"
+                  }, undefined, false, undefined, this),
+                  "Troubleshooting"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV2("div", {
+                className: "space-y-4",
+                children: [
+                  /* @__PURE__ */ jsxDEV2("div", {
+                    className: "card-subtle space-y-2 p-4",
+                    children: [
+                      /* @__PURE__ */ jsxDEV2("h3", {
+                        className: "font-semibold",
+                        children: "Framework not detected"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("p", {
+                        className: "text-muted-foreground text-sm",
+                        children: [
+                          "Use ",
+                          /* @__PURE__ */ jsxDEV2("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__ */ jsxDEV2("div", {
+                    className: "card-subtle space-y-2 p-4",
+                    children: [
+                      /* @__PURE__ */ jsxDEV2("h3", {
+                        className: "font-semibold",
+                        children: "Missing schemas"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("p", {
+                        className: "text-muted-foreground text-sm",
+                        children: [
+                          "Schema inference works best with explicit types. If using",
+                          " ",
+                          /* @__PURE__ */ jsxDEV2("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__ */ jsxDEV2("div", {
+                    className: "card-subtle space-y-2 p-4",
+                    children: [
+                      /* @__PURE__ */ jsxDEV2("h3", {
+                        className: "font-semibold",
+                        children: "Partial imports"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("p", {
+                        className: "text-muted-foreground text-sm",
+                        children: [
+                          "Some endpoints may not be detected if they use unconventional patterns. Use ",
+                          /* @__PURE__ */ jsxDEV2("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__ */ jsxDEV2(StudioPrompt, {
+            title: "Want automated contract evolution?",
+            body: "Studio monitors your codebase and suggests contract updates when your API changes, keeping specs and code in sync."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV2("div", {
+        className: "flex items-center gap-4 pt-4",
+        children: [
+          /* @__PURE__ */ jsxDEV2(Link2, {
+            href: "/docs/guides/spec-validation-and-typing",
+            className: "btn-primary",
+            children: [
+              "Next: Spec validation + typing ",
+              /* @__PURE__ */ jsxDEV2(ChevronRight, {
+                size: 16
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV2(Link2, {
+            href: "/docs/guides",
+            className: "btn-ghost",
+            children: "Back to guides"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
 }
-
-//#endregion
-export { GuideImportExistingCodebasesPage };
-//# sourceMappingURL=GuideImportExistingCodebasesPage.js.map
+export {
+  GuideImportExistingCodebasesPage
+};