@geekmidas/cli 10.0.0-alpha.55 → 10.0.0-alpha.56

package/dist/index.cjs

@@ -2,15 +2,15 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("./rolldown-runtime-C0BPl7ul.cjs");
 const require_discover = require("./discover-DXNviAh-.cjs");
-const require_config = require("./config-C7NZG2tr.cjs");
-const require_workspace = require("./workspace-DL_99LJC.cjs");
+const require_config = require("./config-CP6wsLHA.cjs");
+const require_workspace = require("./workspace-BpdXIeWV.cjs");
 const require_storage = require("./storage-CSGoC3bK.cjs");
 const require_store = require("./store-DQgxT_WR.cjs");
-const require_workspace$1 = require("./workspace-CXvYabDJ.cjs");
-const require_OpenApiTsGenerator = require("./OpenApiTsGenerator-WlUHjimW.cjs");
+const require_workspace$1 = require("./workspace-BbPJVCto.cjs");
+const require_OpenApiTsGenerator = require("./OpenApiTsGenerator-BLRQ7Iu9.cjs");
 const require_openapi = require("./openapi.cjs");
-const require_ready = require("./ready-BefA4mM0.cjs");
-const require_backends = require("./backends-nBauiBkt.cjs");
+const require_ready = require("./ready-MUhVJDHe.cjs");
+const require_backends = require("./backends-_gQdAzBK.cjs");
 const require_emit = require("./emit-Dmc1nvdS.cjs");
 let commander = require("commander");
 let node_process = require("node:process");
@@ -48,7 +48,7 @@ let _geekmidas_constructs_queue = require("@geekmidas/constructs/queue");
 let _geekmidas_constructs_topic = require("@geekmidas/constructs/topic");
 let node_dns_promises = require("node:dns/promises");
 //#region package.json
-var version = "10.0.0-alpha.55";
+var version = "10.0.0-alpha.56";
 //#endregion
 //#region src/auth/credentials.ts
 /**
@@ -1339,30 +1339,6 @@ function normalizeTelescopeConfig(config) {
 	};
 }
 /**
-* Normalize studio configuration
-* @internal Exported for testing
-*/
-function normalizeStudioConfig(config) {
-	if (config === false) return;
-	if (typeof config === "string") {
-		const { path: studioPath, importPattern: studioImportPattern } = require_config.parseModuleConfig(config, "studio");
-		return {
-			enabled: true,
-			studioPath,
-			studioImportPattern,
-			path: "/__studio",
-			schema: "public"
-		};
-	}
-	if (!(config === true || config === void 0 || config.enabled !== false)) return;
-	const studioConfig = typeof config === "object" ? config : {};
-	return {
-		enabled: true,
-		path: studioConfig.path ?? "/__studio",
-		schema: studioConfig.schema ?? "public"
-	};
-}
-/**
 * Normalize hooks configuration
 * @internal Exported for testing
 */
@@ -1439,7 +1415,6 @@ async function devCommand(options) {
 		if (missing.length > 0) logger$9.warn(`⚠️  Missing env files: ${missing.join(", ")}`);
 	}
 	const telescope = normalizeTelescopeConfig(config.telescope);
-	const studio = normalizeStudioConfig(config.studio);
 	const hooks = normalizeHooksConfig(config.hooks, appRoot);
 	const enableOpenApi = require_openapi.resolveOpenApiConfig(config).enabled;
 	const build = (bustCache = false) => quietly(() => buildApp({
@@ -1450,7 +1425,7 @@ async function devCommand(options) {
 		enableOpenApi,
 		cacheBackend: require_backends.cacheBackendFor(require_backends.providerOf(workspace ?? config)),
 		telescope,
-		studio,
+		databaseApi: true,
 		hooks,
 		skipBundle: true,
 		bustCache,
@@ -1483,7 +1458,7 @@ async function devCommand(options) {
 		secretsJsonPath = (0, node_path.join)(secretsDir, secretsFileName);
 		await (0, node_fs_promises.writeFile)(secretsJsonPath, JSON.stringify(appSecrets, null, 2));
 	}
-	const devServer = new DevServer(options.port ?? workspaceAppPort ?? 3e3, options.portExplicit ?? workspaceAppPort !== void 0, enableOpenApi, telescope, studio, runtime, appRoot, secretsJsonPath, initial.selfServing !== void 0);
+	const devServer = new DevServer(options.port ?? workspaceAppPort ?? 3e3, options.portExplicit ?? workspaceAppPort !== void 0, enableOpenApi, telescope, initial.databaseApi, runtime, appRoot, secretsJsonPath, initial.selfServing !== void 0);
 	devServer.label = workspaceAppName ?? "server";
 	devServer.publicUrl = publicUrl;
 	await devServer.start();
@@ -1771,9 +1746,9 @@ async function workspaceDevCommand(configured, options) {
 	for (const { id, port } of fakes) logger$9.log(`🎭 ${id} fake: http://localhost:${port}`);
 	logger$9.log(options.migrate || options.seed ? "🗄️  Migrating the databases" : "🗄️  Checking for pending migrations");
 	if (options.migrate || options.seed) {
-		const { prepareDevDatabases } = await Promise.resolve().then(() => require("./migrate-DHMRgnP6.cjs"));
+		const { prepareDevDatabases } = await Promise.resolve().then(() => require("./migrate-DQ54y2WD.cjs"));
 		await prepareDevDatabases(workspace, reconciled.env, { seed: !!options.seed });
-	} else await Promise.resolve().then(() => require("./migrate-DHMRgnP6.cjs")).then(({ reportPendingMigrations }) => reportPendingMigrations(workspace, reconciled.env)).catch((error) => {
+	} else await Promise.resolve().then(() => require("./migrate-DQ54y2WD.cjs")).then(({ reportPendingMigrations }) => reportPendingMigrations(workspace, reconciled.env)).catch((error) => {
 		logger$9.log(`⚠️  Could not check for pending migrations: ${error instanceof Error ? error.message : String(error)}`);
 	});
 	const appUrls = {};
@@ -2167,7 +2142,7 @@ var DevServer = class {
 	portExplicit;
 	enableOpenApi;
 	telescope;
-	studio;
+	databaseApi;
 	runtime;
 	appRoot;
 	secretsJsonPath;
@@ -2176,12 +2151,12 @@ var DevServer = class {
 	isRunning = false;
 	actualPort;
 	startTime = Date.now();
-	constructor(requestedPort, portExplicit, enableOpenApi, telescope, studio, runtime = "node", appRoot = process.cwd(), secretsJsonPath, selfServing = false) {
+	constructor(requestedPort, portExplicit, enableOpenApi, telescope, databaseApi, runtime = "node", appRoot = process.cwd(), secretsJsonPath, selfServing = false) {
 		this.requestedPort = requestedPort;
 		this.portExplicit = portExplicit;
 		this.enableOpenApi = enableOpenApi;
 		this.telescope = telescope;
-		this.studio = studio;
+		this.databaseApi = databaseApi;
 		this.runtime = runtime;
 		this.appRoot = appRoot;
 		this.secretsJsonPath = secretsJsonPath;
@@ -2238,7 +2213,7 @@ var DevServer = class {
 			const tools = this.selfServing ? [] : [
 				...this.enableOpenApi ? ["docs /__docs"] : [],
 				...this.telescope ? [`telescope ${this.telescope.path}`] : [],
-				...this.studio ? [`studio ${this.studio.path}`] : []
+				...this.databaseApi ? [`db ${this.databaseApi}`] : []
 			];
 			if (tools.length > 0) logger$9.log(`  ${tools.join(" · ")}`);
 		}
@@ -2885,18 +2860,26 @@ function keyFingerprint(masterKey) {
 	return (0, node_crypto.createHash)("sha256").update(masterKey).digest("hex").slice(0, 8);
 }
 //#endregion
+//#region src/build/types.ts
+/**
+* Where `gkm dev` serves the database's read-only JSON API
+* (`@geekmidas/db/introspect`). Under `/__gkm` with the rest of what the dev
+* server adds, so it cannot collide with an application route.
+*/
+const DEV_DATABASE_API_PATH = "/__gkm/db";
+//#endregion
 //#region src/build/owners.ts
 /**
 * What a generated entry imports its runtime from, read off the discovered
 * constructs: the surface it serves, every construct a runnable can be built
-* from, and the database Studio browses.
+* from, and the database the dev server's JSON API reads.
 *
 * `gkm build` and `gkm dev` both write entries that import the surface for its
 * logger and environment parser, so both ask here. A dev server that skipped it
 * had nothing to import them from.
 */
 function ownersContext(options) {
-	const { declared, sources, workspaceRoot, appRoot, studio } = options;
+	const { declared, sources, workspaceRoot, appRoot, databaseApi } = options;
 	const surfaces = restApis(declared);
 	const primary = servedSurface(declared, workspaceRoot, appRoot) ?? surfaces.find((d) => d.endpoints.length === 0) ?? surfaces[0];
 	const browsable = Object.entries(declared).find(([, d]) => d.kind === "database");
@@ -2923,13 +2906,13 @@ function ownersContext(options) {
 				exportName: primarySource.exportName
 			} } : {}
 		} } : {},
-		studio: studio && browsableSource ? {
-			...studio,
+		...databaseApi && browsableSource ? { databaseApi: {
+			path: DEV_DATABASE_API_PATH,
 			database: {
 				specifier: browsableSource.file,
 				exportName: browsableSource.exportName
 			}
-		} : studio
+		} } : {}
 	};
 }
 /**
@@ -3112,8 +3095,6 @@ async function buildOneApp(input) {
 	logger$8.log(`Loading constructs from: ${formatRoutes(config.constructs)}`);
 	const telescope = production ? void 0 : normalizeTelescopeConfig(config.telescope);
 	if (telescope) logger$8.log(`🔭 Telescope enabled at ${telescope.path}`);
-	const studio = production ? void 0 : normalizeStudioConfig(config.studio);
-	if (studio) logger$8.log(`🗄️  Studio enabled at ${studio.path}`);
 	const hooks = normalizeHooksConfig(config.hooks, appRoot);
 	if (hooks) logger$8.log(`🪝 Server hooks enabled`);
 	return buildApp({
@@ -3125,7 +3106,6 @@ async function buildOneApp(input) {
 		cacheBackend,
 		production,
 		telescope,
-		studio,
 		hooks,
 		markOptional: options.markOptional ?? false,
 		skipBundle: options.skipBundle ?? false,
@@ -3168,7 +3148,7 @@ async function writeManifest(input) {
 * dev did not, and failed on exactly the apps the build had learned to handle.
 */
 async function buildApp(input) {
-	const { config, workspaceRoot, appRoot, target, enableOpenApi, cacheBackend, production, telescope, studio, hooks, bustCache = false } = input;
+	const { config, workspaceRoot, appRoot, target, enableOpenApi, cacheBackend, production, telescope, databaseApi, hooks, bustCache = false } = input;
 	const constructGlobs = config.constructs;
 	const constructSources = {};
 	const declared = constructGlobs ? await require_discover.discover({
@@ -3193,7 +3173,7 @@ async function buildApp(input) {
 		sources: constructSources,
 		workspaceRoot,
 		appRoot,
-		studio
+		databaseApi
 	});
 	const buildContext = {
 		...derived,
@@ -3252,7 +3232,10 @@ async function buildApp(input) {
 		openapi: config.openapi,
 		root: workspaceRoot
 	});
-	return result;
+	return {
+		...result,
+		...buildContext.databaseApi ? { databaseApi: buildContext.databaseApi.path } : {}
+	};
 }
 async function buildForTarget(target, context, appRoot, workspaceRoot, endpointGenerator, functionGenerator, cronGenerator, subscriberGenerator, queueGenerator, topicGenerator, endpoints, functions, crons, subscribers, queues, topics, enableOpenApi, skipBundle, stage) {
 	const outputDir = (0, node_path.join)(appRoot, ".gkm", target);
@@ -9532,7 +9515,7 @@ opened.
 `;
 }
 function agentsContent(options, template) {
-	const { name, monorepo, telescope, studio, packageManager } = options;
+	const { name, monorepo, telescope, packageManager } = options;
 	const { database } = options.constructs;
 	const constructsGlob = monorepo ? WORKSPACE_CONSTRUCTS_GLOB : CONSTRUCTS_GLOB;
 	const isWorker = template.name === "worker";
@@ -9627,13 +9610,13 @@ export const config = envParser
 as \`undefined\` in exactly the environments that matter.`);
 	sections.push(conventionsSection());
 	sections.push(testingSection(database));
-	if (telescope || studio) {
-		const tools = [telescope && "**Telescope** — request and exception monitoring", studio && "**Studio** — dev dashboard and database browser"].filter(Boolean);
+	if (telescope || database) {
+		const tools = [telescope && "**Telescope** — requests, exceptions and logs as JSON at `/__telescope/api`", database && "**Database API** — `gkm dev` serves the declared database, read-only, as JSON at `/__gkm/db`"].filter(Boolean);
 		sections.push(`## Dev tools
 
 ${tools.map((t) => `- ${t}`).join("\n")}
 
-Both are derived from declared constructs. Neither needs wiring up by hand.`);
+Derived from declared constructs and served only by \`gkm dev\`: nothing to wire up by hand, and no UI — JSON for whatever tool you point at it.`);
 	}
 	sections.push(`## Before you say it works
 
@@ -10076,11 +10059,7 @@ const TOOLCHAIN_VERSIONS = {
 	esbuild: "~0.28.2",
 	vitest: "~5.0.2",
 	vite: "~8.3.1",
-	"@vitejs/plugin-react": "^6.1.1",
-	storybook: "^10.6.0",
-	"@storybook/addon-docs": "^10.6.0",
-	"@storybook/addon-a11y": "^10.6.0",
-	"@storybook/react-vite": "^10.6.0"
+	"@vitejs/plugin-react": "^6.1.1"
 };
 /**
 * The Expo app's packages, which track an Expo SDK release (57) rather than
@@ -10140,26 +10119,25 @@ function loadPackageJson() {
 * Run: pnpm --filter @geekmidas/cli sync-versions
 */
 const GEEKMIDAS_VERSIONS = {
-	"@geekmidas/audit": "~10.0.0-alpha.55",
-	"@geekmidas/auth": "~10.0.0-alpha.55",
-	"@geekmidas/cache": "~10.0.0-alpha.55",
-	"@geekmidas/client": "~10.0.0-alpha.55",
-	"@geekmidas/cloud": "~10.0.0-alpha.55",
-	"@geekmidas/constructs": "~10.0.0-alpha.55",
-	"@geekmidas/db": "~10.0.0-alpha.55",
-	"@geekmidas/emailkit": "~10.0.0-alpha.55",
-	"@geekmidas/envkit": "~10.0.0-alpha.55",
-	"@geekmidas/errors": "~10.0.0-alpha.55",
-	"@geekmidas/events": "~10.0.0-alpha.55",
-	"@geekmidas/logger": "~10.0.0-alpha.55",
-	"@geekmidas/manifest": "~10.0.0-alpha.55",
-	"@geekmidas/rate-limit": "~10.0.0-alpha.55",
-	"@geekmidas/schema": "~10.0.0-alpha.55",
-	"@geekmidas/services": "~10.0.0-alpha.55",
-	"@geekmidas/storage": "~10.0.0-alpha.55",
-	"@geekmidas/studio": "~10.0.0-alpha.55",
-	"@geekmidas/telescope": "~10.0.0-alpha.55",
-	"@geekmidas/testkit": "~10.0.0-alpha.55",
+	"@geekmidas/audit": "~10.0.0-alpha.56",
+	"@geekmidas/auth": "~10.0.0-alpha.56",
+	"@geekmidas/cache": "~10.0.0-alpha.56",
+	"@geekmidas/client": "~10.0.0-alpha.56",
+	"@geekmidas/cloud": "~10.0.0-alpha.56",
+	"@geekmidas/constructs": "~10.0.0-alpha.56",
+	"@geekmidas/db": "~10.0.0-alpha.56",
+	"@geekmidas/emailkit": "~10.0.0-alpha.56",
+	"@geekmidas/envkit": "~10.0.0-alpha.56",
+	"@geekmidas/errors": "~10.0.0-alpha.56",
+	"@geekmidas/events": "~10.0.0-alpha.56",
+	"@geekmidas/logger": "~10.0.0-alpha.56",
+	"@geekmidas/manifest": "~10.0.0-alpha.56",
+	"@geekmidas/rate-limit": "~10.0.0-alpha.56",
+	"@geekmidas/schema": "~10.0.0-alpha.56",
+	"@geekmidas/services": "~10.0.0-alpha.56",
+	"@geekmidas/storage": "~10.0.0-alpha.56",
+	"@geekmidas/telescope": "~10.0.0-alpha.56",
+	"@geekmidas/testkit": "~10.0.0-alpha.56",
 	"@geekmidas/cli": `~${loadPackageJson().version}`
 };
 //#endregion
@@ -10282,14 +10260,13 @@ export default defineConfig({
 * Generate configuration files (gkm.config.ts, tsconfig.json, biome.json, turbo.json)
 */
 function generateConfigFiles(options, template) {
-	const { telescope, studio, routesStructure } = options;
+	const { telescope, routesStructure } = options;
 	const isServerless = template.name === "serverless";
 	const hasWorker = template.name === "worker";
 	const isFullstack = options.template === "fullstack";
 	const getRoutesGlob = () => routesGlob(routesStructure);
 	if (isFullstack) return generateSingleAppConfigFiles(options, template, {
 		telescope,
-		studio,
 		routesStructure,
 		isServerless,
 		hasWorker,
@@ -10315,8 +10292,6 @@ export default defineConfig({${stagesBlock(options.stages)}${options.monorepo ?
     enabled: true,
     path: '/__telescope',
   },`;
-	if (studio) gkmConfig += `
-  studio: './src/config/studio#studio',`;
 	gkmConfig += `
   openapi: {
     enabled: true,
@@ -11865,7 +11840,6 @@ function generateMonorepoFiles(options, _template) {
 			lint: "biome lint .",
 			fmt: "biome format . --write",
 			"fmt:check": "biome format .",
-			...isFullstack ? { storybook: "pnpm --filter ./packages/ui storybook" } : {},
 			...deploy.scripts
 		},
 		dependencies: {
@@ -12406,14 +12380,13 @@ export const cache = new Cache('${kv.id}');
 * Generate package.json with dependencies based on template and options
 */
 function generatePackageJson(options, template) {
-	const { name, telescope, studio, monorepo } = options;
+	const { name, telescope, monorepo } = options;
 	const { database, cache, uploads, mail } = options.constructs;
 	const dependencies = { ...template.dependencies };
 	const devDependencies = { ...template.devDependencies };
 	const scripts = { ...template.scripts };
 	if (options.loggerType === "pino") dependencies.pino = DEPENDENCY_VERSIONS.pino;
 	if (telescope) dependencies["@geekmidas/telescope"] = GEEKMIDAS_VERSIONS["@geekmidas/telescope"];
-	if (studio) dependencies["@geekmidas/studio"] = GEEKMIDAS_VERSIONS["@geekmidas/studio"];
 	const declares = !monorepo;
 	if (declares && (database || uploads || cache || mail)) dependencies["@geekmidas/manifest"] = GEEKMIDAS_VERSIONS["@geekmidas/manifest"];
 	if (declares && uploads) dependencies["@geekmidas/storage"] = GEEKMIDAS_VERSIONS["@geekmidas/storage"];
@@ -12554,158 +12527,33 @@ export type Factory = ReturnType<typeof createFactory>;
 	}];
 }
 //#endregion
-//#region src/init/generators/ui.ts
+//#region src/init/generators/shadcn.ts
 /**
-* Generate UI package files for fullstack template
-* Based on @geekmidas/ui with shadcn/ui, Tailwind CSS v4, and Storybook
-*/
-function generateUiPackageFiles(options) {
-	if (!options.monorepo || options.template !== "fullstack") return [];
-	const packageJson = {
-		name: `@${options.name}/ui`,
-		version: "0.0.1",
-		private: true,
-		type: "module",
-		exports: {
-			".": "./src/index.ts",
-			"./components": "./src/components/index.ts",
-			"./lib/utils": "./src/lib/utils.ts",
-			"./styles": "./src/styles/globals.css"
-		},
-		scripts: {
-			"ts:check": "tsc --noEmit",
-			storybook: "storybook dev -p 6006",
-			"build:storybook": "storybook build -o dist/storybook"
-		},
-		dependencies: {
-			"@radix-ui/react-dialog": DEPENDENCY_VERSIONS["@radix-ui/react-dialog"],
-			"@radix-ui/react-label": DEPENDENCY_VERSIONS["@radix-ui/react-label"],
-			"@radix-ui/react-separator": DEPENDENCY_VERSIONS["@radix-ui/react-separator"],
-			"@radix-ui/react-slot": DEPENDENCY_VERSIONS["@radix-ui/react-slot"],
-			"@radix-ui/react-tabs": DEPENDENCY_VERSIONS["@radix-ui/react-tabs"],
-			"@radix-ui/react-tooltip": DEPENDENCY_VERSIONS["@radix-ui/react-tooltip"],
-			"class-variance-authority": DEPENDENCY_VERSIONS["class-variance-authority"],
-			clsx: DEPENDENCY_VERSIONS["clsx"],
-			"lucide-react": DEPENDENCY_VERSIONS["lucide-react"],
-			"tailwind-merge": DEPENDENCY_VERSIONS["tailwind-merge"]
-		},
-		devDependencies: {
-			"@storybook/addon-a11y": TOOLCHAIN_VERSIONS["@storybook/addon-a11y"],
-			"@storybook/addon-docs": TOOLCHAIN_VERSIONS["@storybook/addon-docs"],
-			"@storybook/react-vite": TOOLCHAIN_VERSIONS["@storybook/react-vite"],
-			"@tailwindcss/vite": DEPENDENCY_VERSIONS["@tailwindcss/vite"],
-			"@types/react": DEPENDENCY_VERSIONS["@types/react"],
-			"@types/react-dom": DEPENDENCY_VERSIONS["@types/react-dom"],
-			react: DEPENDENCY_VERSIONS["react"],
-			"react-dom": DEPENDENCY_VERSIONS["react-dom"],
-			storybook: TOOLCHAIN_VERSIONS["storybook"],
-			tailwindcss: DEPENDENCY_VERSIONS["tailwindcss"],
-			typescript: TOOLCHAIN_VERSIONS["typescript"],
-			vite: TOOLCHAIN_VERSIONS["vite"]
-		},
-		peerDependencies: {
-			react: ">=18.0.0",
-			"react-dom": ">=18.0.0",
-			tailwindcss: ">=4.0.0"
-		}
-	};
-	const tsConfig = {
-		extends: "../../tsconfig.json",
-		compilerOptions: {
-			jsx: "react-jsx",
-			lib: [
-				"ES2023",
-				"DOM",
-				"DOM.Iterable"
-			],
-			noEmit: true,
-			allowImportingTsExtensions: true,
-			paths: { "~/*": ["./src/*"] }
-		},
-		include: ["src/**/*"],
-		exclude: [
-			"node_modules",
-			"dist",
-			"**/*.stories.tsx"
-		]
-	};
-	const componentsJson = {
-		$schema: "https://ui.shadcn.com/schema.json",
-		style: "new-york",
-		rsc: false,
-		tsx: true,
-		tailwind: {
-			config: "",
-			css: "src/styles/globals.css",
-			baseColor: "neutral",
-			cssVariables: true,
-			prefix: ""
-		},
-		aliases: {
-			components: "~/components",
-			utils: "~/lib/utils",
-			ui: "~/components/ui",
-			lib: "~/lib",
-			hooks: "~/hooks"
-		},
-		iconLibrary: "lucide"
-	};
-	const storybookMain = `import type { StorybookConfig } from '@storybook/react-vite';
-
-const config: StorybookConfig = {
-  stories: ['../src/**/*.stories.@(ts|tsx)'],
-  // Controls, actions, backgrounds, viewport and interactions are part of
-  // \`storybook\` itself; docs and a11y are add-ons.
-  addons: ['@storybook/addon-docs', '@storybook/addon-a11y'],
-  framework: {
-    name: '@storybook/react-vite',
-    options: {},
-  },
-  // \`react-docgen\` parses components itself. The TypeScript-based docgen
-  // calls into TypeScript's JavaScript API, which TypeScript 7 no longer ships.
-  typescript: {
-    reactDocgen: 'react-docgen',
-  },
-  viteFinal: async (config) => {
-    // Add Tailwind CSS v4 plugin
-    const tailwindcss = await import('@tailwindcss/vite');
-    config.plugins = config.plugins || [];
-    config.plugins.push(tailwindcss.default());
-    return config;
-  },
-};
-
-export default config;
-`;
-	const storybookPreview = `import type { Preview } from '@storybook/react-vite';
-import '../src/styles/globals.css';
-
-const preview: Preview = {
-  // The starting background is a global, not a parameter.
-  initialGlobals: {
-    backgrounds: { value: 'dark' },
-  },
-  parameters: {
-    backgrounds: {
-      options: {
-        dark: { name: 'dark', value: '#171717' },
-        surface: { name: 'surface', value: '#1c1c1c' },
-        light: { name: 'light', value: '#fafafa' },
-      },
-    },
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/i,
-      },
-    },
-    layout: 'centered',
-  },
+* shadcn/ui components, written into the web app that uses them.
+*
+* shadcn is copy-in by design: the components are the app's own source, to
+* edit and add to with `npx shadcn@latest add`. A shared workspace package of
+* them was one more package to build and version for code only the web app
+* imported.
+*/
+/** What the components below import. */
+const SHADCN_DEPENDENCIES = {
+	"@radix-ui/react-dialog": DEPENDENCY_VERSIONS["@radix-ui/react-dialog"],
+	"@radix-ui/react-label": DEPENDENCY_VERSIONS["@radix-ui/react-label"],
+	"@radix-ui/react-separator": DEPENDENCY_VERSIONS["@radix-ui/react-separator"],
+	"@radix-ui/react-slot": DEPENDENCY_VERSIONS["@radix-ui/react-slot"],
+	"@radix-ui/react-tabs": DEPENDENCY_VERSIONS["@radix-ui/react-tabs"],
+	"@radix-ui/react-tooltip": DEPENDENCY_VERSIONS["@radix-ui/react-tooltip"],
+	"class-variance-authority": DEPENDENCY_VERSIONS["class-variance-authority"],
+	clsx: DEPENDENCY_VERSIONS["clsx"],
+	"lucide-react": DEPENDENCY_VERSIONS["lucide-react"],
+	"tailwind-merge": DEPENDENCY_VERSIONS["tailwind-merge"]
 };
-
-export default preview;
-`;
-	const globalsCss = `@import "tailwindcss";
+/**
+* Tailwind v4 with the shadcn theme tokens — the stylesheet the app imports
+* once, at its root.
+*/
+const SHADCN_GLOBALS_CSS = `@import "tailwindcss";
 
 @theme {
   --color-background: hsl(var(--background));
@@ -12789,14 +12637,56 @@ export default preview;
   }
 }
 `;
-	const utilsTs = `import { type ClassValue, clsx } from 'clsx';
+/**
+* The components, `cn`, and the `components.json` that tells the shadcn CLI
+* where they live.
+*
+* @param appDir the web app, relative to the workspace root (`apps/web`)
+* @param css the stylesheet holding {@link SHADCN_GLOBALS_CSS}, relative to
+*   the app
+* @param options.rsc whether the app renders React Server Components, so
+*   `shadcn add` marks what it writes `'use client'`. The radix-based
+*   components here carry the directive either way; outside RSC it is inert.
+*/
+function shadcnFiles(appDir, css, options) {
+	const componentsJson = {
+		$schema: "https://ui.shadcn.com/schema.json",
+		style: "new-york",
+		rsc: options.rsc,
+		tsx: true,
+		tailwind: {
+			config: "",
+			css,
+			baseColor: "neutral",
+			cssVariables: true,
+			prefix: ""
+		},
+		aliases: {
+			components: "~/components",
+			utils: "~/lib/utils",
+			ui: "~/components/ui",
+			lib: "~/lib",
+			hooks: "~/hooks"
+		},
+		iconLibrary: "lucide"
+	};
+	return [
+		{
+			path: `${appDir}/components.json`,
+			content: `${JSON.stringify(componentsJson, null, 2)}\n`
+		},
+		{
+			path: `${appDir}/src/lib/utils.ts`,
+			content: `import { type ClassValue, clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
 }
-`;
-	const buttonTsx = `import { Slot } from '@radix-ui/react-slot';
+`
+		},
+		...Object.entries({
+			button: `import { Slot } from '@radix-ui/react-slot';
 import { cva, type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 
@@ -12853,73 +12743,8 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
 Button.displayName = 'Button';
 
 export { Button, buttonVariants };
-`;
-	const buttonStories = `import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Button } from '~/components/ui/button';
-
-const meta: Meta<typeof Button> = {
-  title: 'Components/Button',
-  component: Button,
-  tags: ['autodocs'],
-  argTypes: {
-    variant: {
-      control: 'select',
-      options: ['default', 'destructive', 'outline', 'secondary', 'ghost', 'link'],
-    },
-    size: {
-      control: 'select',
-      options: ['default', 'sm', 'lg', 'icon'],
-    },
-  },
-};
-
-export default meta;
-type Story = StoryObj<typeof Button>;
-
-export const Default: Story = {
-  args: {
-    children: 'Button',
-    variant: 'default',
-    size: 'default',
-  },
-};
-
-export const Secondary: Story = {
-  args: {
-    children: 'Secondary',
-    variant: 'secondary',
-  },
-};
-
-export const Destructive: Story = {
-  args: {
-    children: 'Destructive',
-    variant: 'destructive',
-  },
-};
-
-export const Outline: Story = {
-  args: {
-    children: 'Outline',
-    variant: 'outline',
-  },
-};
-
-export const Ghost: Story = {
-  args: {
-    children: 'Ghost',
-    variant: 'ghost',
-  },
-};
-
-export const Link: Story = {
-  args: {
-    children: 'Link',
-    variant: 'link',
-  },
-};
-`;
-	const inputTsx = `import * as React from 'react';
+`,
+			input: `import * as React from 'react';
 
 import { cn } from '~/lib/utils';
 
@@ -12941,8 +12766,8 @@ const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<'input'>>(
 Input.displayName = 'Input';
 
 export { Input };
-`;
-	const cardTsx = `import * as React from 'react';
+`,
+			card: `import * as React from 'react';
 
 import { cn } from '~/lib/utils';
 
@@ -13018,124 +12843,10 @@ const CardFooter = React.forwardRef<
 CardFooter.displayName = 'CardFooter';
 
 export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
-`;
-	const inputStories = `import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Input } from '~/components/ui/input';
-
-const meta: Meta<typeof Input> = {
-  title: 'Components/Input',
-  component: Input,
-  tags: ['autodocs'],
-  argTypes: {
-    type: {
-      control: 'select',
-      options: ['text', 'email', 'password', 'number', 'search', 'tel', 'url'],
-    },
-    disabled: {
-      control: 'boolean',
-    },
-  },
-};
-
-export default meta;
-type Story = StoryObj<typeof Input>;
-
-export const Default: Story = {
-  args: {
-    placeholder: 'Enter text...',
-  },
-};
-
-export const Email: Story = {
-  args: {
-    type: 'email',
-    placeholder: 'Enter email...',
-  },
-};
-
-export const Password: Story = {
-  args: {
-    type: 'password',
-    placeholder: 'Enter password...',
-  },
-};
-
-export const Disabled: Story = {
-  args: {
-    placeholder: 'Disabled input',
-    disabled: true,
-  },
-};
-
-export const WithValue: Story = {
-  args: {
-    defaultValue: 'Hello World',
-  },
-};
-`;
-	const cardStories = `import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Button } from '~/components/ui/button';
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-} from '~/components/ui/card';
-import { Input } from '~/components/ui/input';
-
-const meta: Meta<typeof Card> = {
-  title: 'Components/Card',
-  component: Card,
-  tags: ['autodocs'],
-};
-
-export default meta;
-type Story = StoryObj<typeof Card>;
-
-export const Default: Story = {
-  render: () => (
-    <Card className="w-[350px]">
-      <CardHeader>
-        <CardTitle>Card Title</CardTitle>
-        <CardDescription>Card description goes here.</CardDescription>
-      </CardHeader>
-      <CardContent>
-        <p>Card content goes here.</p>
-      </CardContent>
-    </Card>
-  ),
-};
-
-export const WithFooter: Story = {
-  render: () => (
-    <Card className="w-[350px]">
-      <CardHeader>
-        <CardTitle>Create Account</CardTitle>
-        <CardDescription>Enter your details below.</CardDescription>
-      </CardHeader>
-      <CardContent className="space-y-4">
-        <Input placeholder="Email" type="email" />
-        <Input placeholder="Password" type="password" />
-      </CardContent>
-      <CardFooter className="flex justify-between">
-        <Button variant="outline">Cancel</Button>
-        <Button>Create</Button>
-      </CardFooter>
-    </Card>
-  ),
-};
+`,
+			label: `'use client';
 
-export const Simple: Story = {
-  render: () => (
-    <Card className="w-[350px] p-6">
-      <p>Simple card with just content.</p>
-    </Card>
-  ),
-};
-`;
-	const labelTsx = `import * as LabelPrimitive from '@radix-ui/react-label';
+import * as LabelPrimitive from '@radix-ui/react-label';
 import { cva, type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 
@@ -13159,47 +12870,8 @@ const Label = React.forwardRef<
 Label.displayName = LabelPrimitive.Root.displayName;
 
 export { Label };
-`;
-	const labelStories = `import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Input } from '~/components/ui/input';
-import { Label } from '~/components/ui/label';
-
-const meta: Meta<typeof Label> = {
-  title: 'Components/Label',
-  component: Label,
-  tags: ['autodocs'],
-};
-
-export default meta;
-type Story = StoryObj<typeof Label>;
-
-export const Default: Story = {
-  args: {
-    children: 'Label',
-  },
-};
-
-export const WithInput: Story = {
-  render: () => (
-    <div className="grid w-full max-w-sm items-center gap-1.5">
-      <Label htmlFor="email">Email</Label>
-      <Input type="email" id="email" placeholder="Email" />
-    </div>
-  ),
-};
-
-export const Disabled: Story = {
-  render: () => (
-    <div className="grid w-full max-w-sm items-center gap-1.5">
-      <Label htmlFor="disabled" className="peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
-        Disabled
-      </Label>
-      <Input type="text" id="disabled" placeholder="Disabled" disabled className="peer" />
-    </div>
-  ),
-};
-`;
-	const badgeTsx = `import { cva, type VariantProps } from 'class-variance-authority';
+`,
+			badge: `import { cva, type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 
 import { cn } from '~/lib/utils';
@@ -13235,54 +12907,10 @@ function Badge({ className, variant, ...props }: BadgeProps) {
 }
 
 export { Badge, badgeVariants };
-`;
-	const badgeStories = `import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Badge } from '~/components/ui/badge';
-
-const meta: Meta<typeof Badge> = {
-  title: 'Components/Badge',
-  component: Badge,
-  tags: ['autodocs'],
-  argTypes: {
-    variant: {
-      control: 'select',
-      options: ['default', 'secondary', 'destructive', 'outline'],
-    },
-  },
-};
-
-export default meta;
-type Story = StoryObj<typeof Badge>;
-
-export const Default: Story = {
-  args: {
-    children: 'Badge',
-    variant: 'default',
-  },
-};
-
-export const Secondary: Story = {
-  args: {
-    children: 'Secondary',
-    variant: 'secondary',
-  },
-};
-
-export const Destructive: Story = {
-  args: {
-    children: 'Destructive',
-    variant: 'destructive',
-  },
-};
+`,
+			separator: `'use client';
 
-export const Outline: Story = {
-  args: {
-    children: 'Outline',
-    variant: 'outline',
-  },
-};
-`;
-	const separatorTsx = `import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as React from 'react';
 
 import { cn } from '~/lib/utils';
@@ -13311,59 +12939,10 @@ const Separator = React.forwardRef<
 Separator.displayName = SeparatorPrimitive.Root.displayName;
 
 export { Separator };
-`;
-	const separatorStories = `import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Separator } from '~/components/ui/separator';
-
-const meta: Meta<typeof Separator> = {
-  title: 'Components/Separator',
-  component: Separator,
-  tags: ['autodocs'],
-  argTypes: {
-    orientation: {
-      control: 'select',
-      options: ['horizontal', 'vertical'],
-    },
-  },
-};
-
-export default meta;
-type Story = StoryObj<typeof Separator>;
-
-export const Horizontal: Story = {
-  render: () => (
-    <div className="w-[300px]">
-      <div className="space-y-1">
-        <h4 className="text-sm font-medium leading-none">Radix Primitives</h4>
-        <p className="text-sm text-muted-foreground">
-          An open-source UI component library.
-        </p>
-      </div>
-      <Separator className="my-4" />
-      <div className="flex h-5 items-center space-x-4 text-sm">
-        <div>Blog</div>
-        <Separator orientation="vertical" />
-        <div>Docs</div>
-        <Separator orientation="vertical" />
-        <div>Source</div>
-      </div>
-    </div>
-  ),
-};
+`,
+			tabs: `'use client';
 
-export const Vertical: Story = {
-  render: () => (
-    <div className="flex h-5 items-center space-x-4 text-sm">
-      <div>Blog</div>
-      <Separator orientation="vertical" />
-      <div>Docs</div>
-      <Separator orientation="vertical" />
-      <div>Source</div>
-    </div>
-  ),
-};
-`;
-	const tabsTsx = `import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as React from 'react';
 
 import { cn } from '~/lib/utils';
@@ -13416,81 +12995,10 @@ const TabsContent = React.forwardRef<
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 export { Tabs, TabsList, TabsTrigger, TabsContent };
-`;
-	const tabsStories = `import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Tabs, TabsContent, TabsList, TabsTrigger } from '~/components/ui/tabs';
-import { Button } from '~/components/ui/button';
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '~/components/ui/card';
-import { Input } from '~/components/ui/input';
-import { Label } from '~/components/ui/label';
-
-const meta: Meta<typeof Tabs> = {
-  title: 'Components/Tabs',
-  component: Tabs,
-  tags: ['autodocs'],
-};
+`,
+			tooltip: `'use client';
 
-export default meta;
-type Story = StoryObj<typeof Tabs>;
-
-export const Default: Story = {
-  render: () => (
-    <Tabs defaultValue="account" className="w-[400px]">
-      <TabsList>
-        <TabsTrigger value="account">Account</TabsTrigger>
-        <TabsTrigger value="password">Password</TabsTrigger>
-      </TabsList>
-      <TabsContent value="account">
-        <Card>
-          <CardHeader>
-            <CardTitle>Account</CardTitle>
-            <CardDescription>
-              Make changes to your account here. Click save when you're done.
-            </CardDescription>
-          </CardHeader>
-          <CardContent className="space-y-2">
-            <div className="space-y-1">
-              <Label htmlFor="name">Name</Label>
-              <Input id="name" defaultValue="Pedro Duarte" />
-            </div>
-            <div className="space-y-1">
-              <Label htmlFor="username">Username</Label>
-              <Input id="username" defaultValue="@peduarte" />
-            </div>
-          </CardContent>
-          <CardFooter>
-            <Button>Save changes</Button>
-          </CardFooter>
-        </Card>
-      </TabsContent>
-      <TabsContent value="password">
-        <Card>
-          <CardHeader>
-            <CardTitle>Password</CardTitle>
-            <CardDescription>
-              Change your password here. After saving, you'll be logged out.
-            </CardDescription>
-          </CardHeader>
-          <CardContent className="space-y-2">
-            <div className="space-y-1">
-              <Label htmlFor="current">Current password</Label>
-              <Input id="current" type="password" />
-            </div>
-            <div className="space-y-1">
-              <Label htmlFor="new">New password</Label>
-              <Input id="new" type="password" />
-            </div>
-          </CardContent>
-          <CardFooter>
-            <Button>Save password</Button>
-          </CardFooter>
-        </Card>
-      </TabsContent>
-    </Tabs>
-  ),
-};
-`;
-	const tooltipTsx = `import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as React from 'react';
 
 import { cn } from '~/lib/utils';
@@ -13520,80 +13028,10 @@ const TooltipContent = React.forwardRef<
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
-`;
-	const tooltipStories = `import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '~/components/ui/tooltip';
-import { Button } from '~/components/ui/button';
-
-const meta: Meta<typeof Tooltip> = {
-  title: 'Components/Tooltip',
-  component: Tooltip,
-  tags: ['autodocs'],
-  decorators: [
-    (Story) => (
-      <TooltipProvider>
-        <Story />
-      </TooltipProvider>
-    ),
-  ],
-};
-
-export default meta;
-type Story = StoryObj<typeof Tooltip>;
-
-export const Default: Story = {
-  render: () => (
-    <Tooltip>
-      <TooltipTrigger asChild>
-        <Button variant="outline">Hover me</Button>
-      </TooltipTrigger>
-      <TooltipContent>
-        <p>Add to library</p>
-      </TooltipContent>
-    </Tooltip>
-  ),
-};
+`,
+			dialog: `'use client';
 
-export const Positions: Story = {
-  render: () => (
-    <div className="flex gap-4">
-      <Tooltip>
-        <TooltipTrigger asChild>
-          <Button variant="outline">Top</Button>
-        </TooltipTrigger>
-        <TooltipContent side="top">
-          <p>Top tooltip</p>
-        </TooltipContent>
-      </Tooltip>
-      <Tooltip>
-        <TooltipTrigger asChild>
-          <Button variant="outline">Bottom</Button>
-        </TooltipTrigger>
-        <TooltipContent side="bottom">
-          <p>Bottom tooltip</p>
-        </TooltipContent>
-      </Tooltip>
-      <Tooltip>
-        <TooltipTrigger asChild>
-          <Button variant="outline">Left</Button>
-        </TooltipTrigger>
-        <TooltipContent side="left">
-          <p>Left tooltip</p>
-        </TooltipContent>
-      </Tooltip>
-      <Tooltip>
-        <TooltipTrigger asChild>
-          <Button variant="outline">Right</Button>
-        </TooltipTrigger>
-        <TooltipContent side="right">
-          <p>Right tooltip</p>
-        </TooltipContent>
-      </Tooltip>
-    </div>
-  ),
-};
-`;
-	const dialogTsx = `import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { X } from 'lucide-react';
 import * as React from 'react';
 
@@ -13713,255 +13151,11 @@ export {
   DialogTitle,
   DialogDescription,
 };
-`;
-	const dialogStories = `import type { Meta, StoryObj } from '@storybook/react-vite';
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from '~/components/ui/dialog';
-import { Button } from '~/components/ui/button';
-import { Input } from '~/components/ui/input';
-import { Label } from '~/components/ui/label';
-
-const meta: Meta<typeof Dialog> = {
-  title: 'Components/Dialog',
-  component: Dialog,
-  tags: ['autodocs'],
-};
-
-export default meta;
-type Story = StoryObj<typeof Dialog>;
-
-export const Default: Story = {
-  render: () => (
-    <Dialog>
-      <DialogTrigger asChild>
-        <Button variant="outline">Edit Profile</Button>
-      </DialogTrigger>
-      <DialogContent className="sm:max-w-[425px]">
-        <DialogHeader>
-          <DialogTitle>Edit profile</DialogTitle>
-          <DialogDescription>
-            Make changes to your profile here. Click save when you're done.
-          </DialogDescription>
-        </DialogHeader>
-        <div className="grid gap-4 py-4">
-          <div className="grid grid-cols-4 items-center gap-4">
-            <Label htmlFor="name" className="text-right">
-              Name
-            </Label>
-            <Input id="name" defaultValue="Pedro Duarte" className="col-span-3" />
-          </div>
-          <div className="grid grid-cols-4 items-center gap-4">
-            <Label htmlFor="username" className="text-right">
-              Username
-            </Label>
-            <Input id="username" defaultValue="@peduarte" className="col-span-3" />
-          </div>
-        </div>
-        <DialogFooter>
-          <Button type="submit">Save changes</Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  ),
-};
-
-export const Alert: Story = {
-  render: () => (
-    <Dialog>
-      <DialogTrigger asChild>
-        <Button variant="destructive">Delete Account</Button>
-      </DialogTrigger>
-      <DialogContent>
-        <DialogHeader>
-          <DialogTitle>Are you absolutely sure?</DialogTitle>
-          <DialogDescription>
-            This action cannot be undone. This will permanently delete your
-            account and remove your data from our servers.
-          </DialogDescription>
-        </DialogHeader>
-        <DialogFooter>
-          <Button variant="outline">Cancel</Button>
-          <Button variant="destructive">Delete</Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  ),
-};
-`;
-	const componentsUiIndex = `export { Button, type ButtonProps, buttonVariants } from './button/index.tsx';
-export { Input } from './input/index.tsx';
-export {
-  Card,
-  CardHeader,
-  CardFooter,
-  CardTitle,
-  CardDescription,
-  CardContent,
-} from './card/index.tsx';
-export { Label } from './label/index.tsx';
-export { Badge, type BadgeProps, badgeVariants } from './badge/index.tsx';
-export { Separator } from './separator/index.tsx';
-export { Tabs, TabsList, TabsTrigger, TabsContent } from './tabs/index.tsx';
-export {
-  Tooltip,
-  TooltipTrigger,
-  TooltipContent,
-  TooltipProvider,
-} from './tooltip/index.tsx';
-export {
-  Dialog,
-  DialogPortal,
-  DialogOverlay,
-  DialogTrigger,
-  DialogClose,
-  DialogContent,
-  DialogHeader,
-  DialogFooter,
-  DialogTitle,
-  DialogDescription,
-} from './dialog/index.tsx';
-`;
-	const buttonIndexTsx = buttonTsx;
-	const inputIndexTsx = inputTsx;
-	const cardIndexTsx = cardTsx;
-	const componentsIndex = `export * from './ui/index.ts';
-`;
-	const indexTs = `// @${options.name}/ui - Shared UI component library
-
-// shadcn/ui components
-export * from './components/index.ts';
-
-// Utilities
-export { cn } from './lib/utils.ts';
-`;
-	return [
-		{
-			path: "packages/ui/package.json",
-			content: `${JSON.stringify(packageJson, null, 2)}\n`
-		},
-		{
-			path: "packages/ui/tsconfig.json",
-			content: `${JSON.stringify(tsConfig, null, 2)}\n`
-		},
-		{
-			path: "packages/ui/components.json",
-			content: `${JSON.stringify(componentsJson, null, 2)}\n`
-		},
-		{
-			path: "packages/ui/.storybook/main.ts",
-			content: storybookMain
-		},
-		{
-			path: "packages/ui/.storybook/preview.ts",
-			content: storybookPreview
-		},
-		{
-			path: "packages/ui/src/styles/globals.css",
-			content: globalsCss
-		},
-		{
-			path: "packages/ui/src/lib/utils.ts",
-			content: utilsTs
-		},
-		{
-			path: "packages/ui/src/components/ui/button/index.tsx",
-			content: buttonIndexTsx
-		},
-		{
-			path: "packages/ui/src/components/ui/button/button.stories.tsx",
-			content: buttonStories
-		},
-		{
-			path: "packages/ui/src/components/ui/input/index.tsx",
-			content: inputIndexTsx
-		},
-		{
-			path: "packages/ui/src/components/ui/input/input.stories.tsx",
-			content: inputStories
-		},
-		{
-			path: "packages/ui/src/components/ui/card/index.tsx",
-			content: cardIndexTsx
-		},
-		{
-			path: "packages/ui/src/components/ui/card/card.stories.tsx",
-			content: cardStories
-		},
-		{
-			path: "packages/ui/src/components/ui/label/index.tsx",
-			content: labelTsx
-		},
-		{
-			path: "packages/ui/src/components/ui/label/label.stories.tsx",
-			content: labelStories
-		},
-		{
-			path: "packages/ui/src/components/ui/badge/index.tsx",
-			content: badgeTsx
-		},
-		{
-			path: "packages/ui/src/components/ui/badge/badge.stories.tsx",
-			content: badgeStories
-		},
-		{
-			path: "packages/ui/src/components/ui/separator/index.tsx",
-			content: separatorTsx
-		},
-		{
-			path: "packages/ui/src/components/ui/separator/separator.stories.tsx",
-			content: separatorStories
-		},
-		{
-			path: "packages/ui/src/components/ui/tabs/index.tsx",
-			content: tabsTsx
-		},
-		{
-			path: "packages/ui/src/components/ui/tabs/tabs.stories.tsx",
-			content: tabsStories
-		},
-		{
-			path: "packages/ui/src/components/ui/tooltip/index.tsx",
-			content: tooltipTsx
-		},
-		{
-			path: "packages/ui/src/components/ui/tooltip/tooltip.stories.tsx",
-			content: tooltipStories
-		},
-		{
-			path: "packages/ui/src/components/ui/dialog/index.tsx",
-			content: dialogTsx
-		},
-		{
-			path: "packages/ui/src/components/ui/dialog/dialog.stories.tsx",
-			content: dialogStories
-		},
-		{
-			path: "packages/ui/src/components/ui/index.ts",
-			content: componentsUiIndex
-		},
-		{
-			path: "packages/ui/src/components/index.ts",
-			content: componentsIndex
-		},
-		{
-			path: "packages/ui/src/index.ts",
-			content: indexTs
-		},
-		{
-			path: "packages/ui/.gitignore",
-			content: `node_modules/
-dist/
-storybook-static/
-*.log
 `
-		}
+		}).map(([name, content]) => ({
+			path: `${appDir}/src/components/ui/${name}.tsx`,
+			content
+		}))
 	];
 }
 //#endregion
@@ -13973,7 +13167,6 @@ function generateWebAppFiles(options) {
 	if (!options.monorepo || options.template !== "fullstack") return [];
 	const packageName = `@${options.name}/web`;
 	const modelsPackage = `@${options.name}/models`;
-	const uiPackage = `@${options.name}/ui`;
 	const packageJson = {
 		name: packageName,
 		version: "0.0.1",
@@ -13987,7 +13180,7 @@ function generateWebAppFiles(options) {
 		},
 		dependencies: {
 			[modelsPackage]: "workspace:*",
-			[uiPackage]: "workspace:*",
+			...SHADCN_DEPENDENCIES,
 			"@geekmidas/client": GEEKMIDAS_VERSIONS["@geekmidas/client"],
 			"@geekmidas/envkit": GEEKMIDAS_VERSIONS["@geekmidas/envkit"],
 			"@tanstack/react-query": DEPENDENCY_VERSIONS["@tanstack/react-query"],
@@ -14012,7 +13205,7 @@ function generateWebAppFiles(options) {
 const nextConfig: NextConfig = {
   output: 'standalone',
   reactStrictMode: true,
-  transpilePackages: ['${modelsPackage}', '${uiPackage}'],
+  transpilePackages: ['${modelsPackage}'],
 };
 
 export default nextConfig;
@@ -14045,12 +13238,10 @@ export default nextConfig;
 			incremental: true,
 			plugins: [{ name: "next" }],
 			paths: {
-				"~/*": ["./src/*", "../../packages/ui/src/*"],
+				"~/*": ["./src/*"],
 				[`@${options.name}/client/*`]: ["../../.gkm/client/*"],
 				[`${modelsPackage}`]: ["../../packages/models/src"],
-				[`${modelsPackage}/*`]: ["../../packages/models/src/*"],
-				[`${uiPackage}`]: ["../../packages/ui/src"],
-				[`${uiPackage}/*`]: ["../../packages/ui/src/*"]
+				[`${modelsPackage}/*`]: ["../../packages/models/src/*"]
 			}
 		},
 		include: [
@@ -14146,8 +13337,6 @@ export const api = createApi({
   baseURL: clientConfig.apiUrl,
   queryClient: getQueryClient(),
 });
-`;
-	const globalsCss = `@import '${uiPackage}/styles';
 `;
 	const layoutTsx = `import type { Metadata } from 'next';
 import { Providers } from './providers.tsx';
@@ -14173,7 +13362,14 @@ export default function RootLayout({
 }
 `;
 	const pageTsx = `import { api } from '~/api/index.ts';
-import { Button, Card, CardContent, CardDescription, CardHeader, CardTitle } from '${uiPackage}/components';
+import { Button } from '~/components/ui/button.tsx';
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '~/components/ui/card.tsx';
 
 export default async function Home() {
   // Type-safe API call using the generated client
@@ -14213,7 +13409,7 @@ export default async function Home() {
               <li>Run <code className="rounded bg-muted px-1">gkm openapi</code> to generate typed API client</li>
               <li>Edit <code className="rounded bg-muted px-1">apps/web/src/app/page.tsx</code> to customize this page</li>
               <li>Add API routes in <code className="rounded bg-muted px-1">apps/api/src/endpoints/</code></li>
-              <li>Add UI components with <code className="rounded bg-muted px-1">npx shadcn@latest add</code> in packages/ui</li>
+              <li>Add UI components with <code className="rounded bg-muted px-1">npx shadcn@latest add</code> in apps/web</li>
             </ul>
             <div className="flex gap-4">
               <Button>Get Started</Button>
@@ -14225,6 +13421,11 @@ export default async function Home() {
     </main>
   );
 }
+`;
+	const gitignore = `.next/
+node_modules/
+.env.local
+*.log
 `;
 	return [
 		{
@@ -14245,8 +13446,9 @@ export default async function Home() {
 		},
 		{
 			path: "apps/web/src/app/globals.css",
-			content: globalsCss
+			content: SHADCN_GLOBALS_CSS
 		},
+		...shadcnFiles("apps/web", "src/app/globals.css", { rsc: true }),
 		{
 			path: "apps/web/src/app/layout.tsx",
 			content: layoutTsx
@@ -14281,11 +13483,7 @@ export default async function Home() {
 		},
 		{
 			path: "apps/web/.gitignore",
-			content: `.next/
-node_modules/
-.env.local
-*.log
-`
+			content: gitignore
 		}
 	];
 }
@@ -14301,7 +13499,6 @@ function generateTanStackWebFiles(options) {
 	if (!options.monorepo || options.template !== "fullstack") return [];
 	const packageName = `@${options.name}/web`;
 	const modelsPackage = `@${options.name}/models`;
-	const uiPackage = `@${options.name}/ui`;
 	const packageJson = {
 		name: packageName,
 		version: "0.0.1",
@@ -14315,7 +13512,7 @@ function generateTanStackWebFiles(options) {
 		},
 		dependencies: {
 			[modelsPackage]: "workspace:*",
-			[uiPackage]: "workspace:*",
+			...SHADCN_DEPENDENCIES,
 			"@geekmidas/client": GEEKMIDAS_VERSIONS["@geekmidas/client"],
 			"@geekmidas/envkit": GEEKMIDAS_VERSIONS["@geekmidas/envkit"],
 			"@tanstack/react-query": DEPENDENCY_VERSIONS["@tanstack/react-query"],
@@ -14382,11 +13579,9 @@ export default defineConfig({
 			incremental: true,
 			types: ["vite/client"],
 			paths: {
-				"~/*": ["./src/*", "../../packages/ui/src/*"],
+				"~/*": ["./src/*"],
 				[modelsPackage]: ["../../packages/models/src"],
 				[`${modelsPackage}/*`]: ["../../packages/models/src/*"],
-				[uiPackage]: ["../../packages/ui/src"],
-				[`${uiPackage}/*`]: ["../../packages/ui/src/*"],
 				[`@${options.name}/client/*`]: ["../../.gkm/client/*"]
 			}
 		},
@@ -14589,10 +13784,15 @@ function HomeComponent() {
   );
 }
 `;
-	const globalsCss = `@import '${uiPackage}/styles';
-
+	const globalsCss = `${SHADCN_GLOBALS_CSS}
 @source "../..";
-@source "../../../../packages/ui/src";
+`;
+	const gitignore = `.output/
+.vinxi/
+node_modules/
+.env.local
+*.log
+src/routeTree.gen.ts
 `;
 	return [
 		{
@@ -14647,15 +13847,10 @@ function HomeComponent() {
 			path: "apps/web/src/styles/globals.css",
 			content: globalsCss
 		},
+		...shadcnFiles("apps/web", "src/styles/globals.css", { rsc: false }),
 		{
 			path: "apps/web/.gitignore",
-			content: `.output/
-.vinxi/
-node_modules/
-.env.local
-*.log
-src/routeTree.gen.ts
-`
+			content: gitignore
 		}
 	];
 }
@@ -14704,7 +13899,7 @@ const apiTemplate = {
 		const { cache, uploads, mail: sendsMail } = options.constructs;
 		const bucket = storageFor();
 		const kv = cacheFor();
-		const db = databaseFor();
+		databaseFor();
 		const mail = emailFor();
 		const src = (path) => `~/${path}`;
 		const declares = !monorepo;
@@ -15003,41 +14198,6 @@ export const telescope = new Telescope({
   storage: new InMemoryStorage({ maxEntries: 100 }),
   enabled: process.env.NODE_ENV === 'development',
 });
-`
-		});
-		if (options.studio && options.constructs.database) files.push({
-			path: "src/config/studio.ts",
-			content: `import { Direction, InMemoryMonitoringStorage, Studio } from '@geekmidas/studio';
-import { Kysely, PostgresDialect } from 'kysely';
-import pg from 'pg';
-import { type Database, database } from '${declares ? src("constructs/database.ts") : constructsImport("database")}';
-import { envParser } from '${src("config/env.ts")}';
-
-const studioConfig = envParser
-  .create((get) => ({
-    databaseUrl: get('${db.urlKey}').string(),
-  }))
-  .parse();
-
-// Studio's own client, built the way the construct builds its own — the same
-// plugins — so the browser shows what the app's queries see.
-const db = new Kysely<Database>({
-  ...database.clientConfig,
-  dialect: new PostgresDialect({
-    pool: new pg.Pool({ connectionString: studioConfig.databaseUrl }),
-  }),
-});
-
-export const studio = new Studio<Database>({
-  monitoring: {
-    storage: new InMemoryMonitoringStorage({ maxEntries: 100 }),
-  },
-  data: {
-    db,
-    cursor: { field: 'id', direction: Direction.Desc },
-  },
-  enabled: process.env.NODE_ENV === 'development',
-});
 `
 		});
 		return files;
@@ -15085,7 +14245,7 @@ const templates = {
 		},
 		files: (options) => {
 			const { loggerType, routesStructure, name } = options;
-			const db = databaseFor();
+			databaseFor();
 			const loggerContent = `import { createLogger } from '@geekmidas/logger/${loggerType}';
 
 export const logger = createLogger();
@@ -15167,40 +14327,6 @@ export const telescope = new Telescope({
   storage: new InMemoryStorage({ maxEntries: 100 }),
   enabled: process.env.NODE_ENV === 'development',
 });
-`
-			});
-			if (options.studio && options.constructs.database) files.push({
-				path: "src/config/studio.ts",
-				content: `import { Direction, InMemoryMonitoringStorage, Studio } from '@geekmidas/studio';
-import { Kysely, PostgresDialect } from 'kysely';
-import pg from 'pg';
-import type { Database } from '~/constructs/database.ts';
-import { envParser } from '~/config/env.ts';
-
-// The key the database construct publishes — not a hand-written DATABASE_URL.
-const studioConfig = envParser
-  .create((get) => ({
-    databaseUrl: get('${db.urlKey}').string(),
-  }))
-  .parse();
-
-// Create a Kysely instance for Studio
-const db = new Kysely<Database>({
-  dialect: new PostgresDialect({
-    pool: new pg.Pool({ connectionString: studioConfig.databaseUrl }),
-  }),
-});
-
-export const studio = new Studio<Database>({
-  monitoring: {
-    storage: new InMemoryMonitoringStorage({ maxEntries: 100 }),
-  },
-  data: {
-    db,
-    cursor: { field: 'id', direction: Direction.Desc },
-  },
-  enabled: process.env.NODE_ENV === 'development',
-});
 `
 			});
 			return files;
@@ -15921,7 +15047,7 @@ async function initCommand(projectName, options = {}) {
 		{
 			type: options.yes ? null : "confirm",
 			name: "telescope",
-			message: "Include Telescope (debugging dashboard)?",
+			message: "Include Telescope (request, exception and log recording)?",
 			initial: true
 		},
 		{
@@ -15976,13 +15102,11 @@ async function initCommand(projectName, options = {}) {
 	};
 	const pkgManager = options.pm ? options.pm : options.yes ? "pnpm" : answers.packageManager ?? detectedPkgManager;
 	const deployTarget = options.deploy ?? (options.yes ? "none" : answers.deployTarget ?? "none");
-	const database = constructs.database;
 	const frontendFramework = isFullstack ? options.yes ? "nextjs" : answers.frontendFramework ?? "nextjs" : void 0;
 	const templateOptions = {
 		name,
 		template,
 		telescope: options.yes ? true : answers.telescope ?? true,
-		studio: database,
 		loggerType: options.yes ? "pino" : answers.loggerType ?? "pino",
 		routesStructure: options.yes ? "centralized-endpoints" : answers.routesStructure ?? "centralized-endpoints",
 		monorepo,
@@ -16019,7 +15143,6 @@ async function initCommand(projectName, options = {}) {
 	] : [];
 	const webAppFiles = isFullstack ? frontendFramework === "tanstack-start" ? generateTanStackWebFiles(templateOptions) : frontendFramework === "expo" ? generateExpoAppFiles(templateOptions) : generateWebAppFiles(templateOptions) : [];
 	const authAppFiles = isFullstack ? generateAuthAppFiles(templateOptions) : [];
-	const uiPackageFiles = isFullstack ? generateUiPackageFiles(templateOptions) : [];
 	for (const { path, content } of rootFiles) {
 		const fullPath = (0, node_path.join)(targetDir, path);
 		await (0, node_fs_promises.mkdir)((0, node_path.dirname)(fullPath), { recursive: true });
@@ -16040,11 +15163,6 @@ async function initCommand(projectName, options = {}) {
 		await (0, node_fs_promises.mkdir)((0, node_path.dirname)(fullPath), { recursive: true });
 		await (0, node_fs_promises.writeFile)(fullPath, content);
 	}
-	for (const { path, content } of uiPackageFiles) {
-		const fullPath = (0, node_path.join)(targetDir, path);
-		await (0, node_fs_promises.mkdir)((0, node_path.dirname)(fullPath), { recursive: true });
-		await (0, node_fs_promises.writeFile)(fullPath, content);
-	}
 	console.log("🔐 Initializing encrypted secrets...\n");
 	const local = templateOptions.stages.local;
 	const devSecrets = createStageSecrets(local, [], { projectName: name });
@@ -16147,8 +15265,7 @@ function printNextSteps(projectName, options, pkgManager) {
 			}
 		}
 		console.log(`  ├── packages/`);
-		console.log(`  │   ├── models/       # Shared Zod schemas`);
-		if (isFullstackTemplate(options.template)) console.log(`  │   └── ui/           # Shared UI components`);
+		console.log(`  │   └── models/       # Shared Zod schemas`);
 		console.log(`  ├── .gkm/secrets/     # Encrypted secrets`);
 		console.log(`  ├── gkm.config.ts     # Workspace config`);
 		console.log(`  └── turbo.json        # Turbo config`);
@@ -16902,7 +16019,7 @@ function testDatabases(reconciled) {
 * starts without the reference data the app needs.
 */
 async function migrateTestStage(workspace, env) {
-	const { migrateAndSeed } = await Promise.resolve().then(() => require("./migrate-DHMRgnP6.cjs"));
+	const { migrateAndSeed } = await Promise.resolve().then(() => require("./migrate-DQ54y2WD.cjs"));
 	const { discover } = await Promise.resolve().then(() => require("./discover-DXNviAh-.cjs")).then((n) => n.discover_exports);
 	const sources = {};
 	const manifest = await discover({
@@ -17333,7 +16450,7 @@ program.command("migrate").description("Apply each database construct's migratio
 	try {
 		const globalOptions = program.opts();
 		if (globalOptions.cwd) process.chdir(globalOptions.cwd);
-		const { migrateCommand } = await Promise.resolve().then(() => require("./migrate-DHMRgnP6.cjs"));
+		const { migrateCommand } = await Promise.resolve().then(() => require("./migrate-DQ54y2WD.cjs"));
 		await migrateCommand({
 			...options,
 			...construct ? { construct } : {}
@@ -17347,7 +16464,7 @@ program.command("seed").description("Migrate, then run each database construct's
 	try {
 		const globalOptions = program.opts();
 		if (globalOptions.cwd) process.chdir(globalOptions.cwd);
-		const { seedCommand } = await Promise.resolve().then(() => require("./migrate-DHMRgnP6.cjs"));
+		const { seedCommand } = await Promise.resolve().then(() => require("./migrate-DQ54y2WD.cjs"));
 		await seedCommand({
 			...options,
 			...construct ? { construct } : {}
@@ -17361,7 +16478,7 @@ program.command("migration").description("Write a construct's next migration: an
 	try {
 		const globalOptions = program.opts();
 		if (globalOptions.cwd) process.chdir(globalOptions.cwd);
-		const { migrationCommand } = await Promise.resolve().then(() => require("./migrate-DHMRgnP6.cjs"));
+		const { migrationCommand } = await Promise.resolve().then(() => require("./migrate-DQ54y2WD.cjs"));
 		await migrationCommand({
 			construct,
 			...name ? { name } : {}
@@ -17459,7 +16576,7 @@ program.command("encryption:rotate").description("Add a new current key to an En
 	try {
 		const globalOptions = program.opts();
 		if (globalOptions.cwd) process.chdir(globalOptions.cwd);
-		const { encryptionRotateCommand } = await Promise.resolve().then(() => require("./encryption-DSHYN5ap.cjs"));
+		const { encryptionRotateCommand } = await Promise.resolve().then(() => require("./encryption-10Srqiix.cjs"));
 		await encryptionRotateCommand(construct, options);
 	} catch (error) {
 		console.error(formatError(error));
@@ -17470,7 +16587,7 @@ program.command("encryption:retire").description("Remove an old key from an Encr
 	try {
 		const globalOptions = program.opts();
 		if (globalOptions.cwd) process.chdir(globalOptions.cwd);
-		const { encryptionRetireCommand } = await Promise.resolve().then(() => require("./encryption-DSHYN5ap.cjs"));
+		const { encryptionRetireCommand } = await Promise.resolve().then(() => require("./encryption-10Srqiix.cjs"));
 		await encryptionRetireCommand(construct, key, options);
 	} catch (error) {
 		console.error(formatError(error));
@@ -17522,7 +16639,7 @@ program.command("secrets:reconcile").description("Backfill missing custom secret
 			console.error(`No secrets found for stage "${stage}". Run "gkm secrets:init --stage ${stage}" first.`);
 			process.exit(1);
 		}
-		const { derivedContainers } = await Promise.resolve().then(() => require("./workspace-CXvYabDJ.cjs")).then((n) => n.workspace_exports);
+		const { derivedContainers } = await Promise.resolve().then(() => require("./workspace-BbPJVCto.cjs")).then((n) => n.workspace_exports);
 		const result = reconcileMissingSecrets(secrets, workspace, await derivedContainers(workspace, stage));
 		if (!result) {
 			console.log(`\n✓ Secrets for stage "${stage}" are up-to-date`);
@@ -17581,7 +16698,7 @@ program.command("deploy:github").description("Let GitHub Actions deploy a stage:
 	try {
 		const globalOptions = program.opts();
 		if (globalOptions.cwd) process.chdir(globalOptions.cwd);
-		const { deployGithubCommand } = await Promise.resolve().then(() => require("./github-CWflxaV4.cjs"));
+		const { deployGithubCommand } = await Promise.resolve().then(() => require("./github-DtRUkHN8.cjs"));
 		await deployGithubCommand(options);
 	} catch (error) {
 		console.error(formatError(error));