create-fullstack-scaffold 0.1.1 → 0.2.0

package/dist/cli/index.js

@@ -1,433 +1,13 @@
 #!/usr/bin/env node
-import { program } from 'commander';
-import { hc } from 'hono/client';
-import { z } from '@hono/zod-openapi';
-import fs, { readdirSync, statSync, existsSync, readFileSync } from 'fs';
-import path2, { join } from 'path';
-import os from 'os';
+import { readFileSync, existsSync, readdirSync, statSync } from 'fs';
+import path, { join } from 'path';
 import { fileURLToPath, pathToFileURL } from 'url';
-import fs2 from 'fs-extra';
+import { Command } from 'commander';
 import chalk from 'chalk';
+import { select } from '@inquirer/prompts';
+import fs from 'fs-extra';
 import ora from 'ora';
 
-function createRPCClient(baseUrl) {
-  return hc(baseUrl);
-}
-
-// src/cli/utils/api.ts
-var DEFAULT_BASE_URL = "http://localhost:3010";
-var globalBaseUrl = process.env.BIOMIMIC_API_URL || DEFAULT_BASE_URL;
-function setBaseUrl(url) {
-  globalBaseUrl = url;
-}
-function getBaseUrl() {
-  return globalBaseUrl;
-}
-function getClient() {
-  return createRPCClient(globalBaseUrl);
-}
-
-// src/cli/utils/logger.ts
-var Logger = class {
-  level = "info";
-  constructor(options = {}) {
-    if (options.debug || process.env.BIOMIMIC_DEBUG === "true") {
-      this.level = "debug";
-    } else if (options.verbose || process.env.BIOMIMIC_VERBOSE === "true") {
-      this.level = "info";
-    }
-  }
-  setLevel(level) {
-    this.level = level;
-  }
-  shouldLog(level) {
-    const levels = ["silent", "error", "warn", "info", "debug"];
-    return levels.indexOf(level) <= levels.indexOf(this.level);
-  }
-  info(message, ...args) {
-    if (this.shouldLog("info")) {
-      process.stdout.write(`${message}${args.length ? " " + args.join(" ") : ""}
-`);
-    }
-  }
-  debug(message, ...args) {
-    if (this.shouldLog("debug")) {
-      process.stdout.write(`[debug] ${message}${args.length ? " " + args.join(" ") : ""}
-`);
-    }
-  }
-  warn(message) {
-    if (this.shouldLog("warn")) {
-      process.stderr.write(`[warn] ${message}
-`);
-    }
-  }
-  error(message) {
-    if (this.shouldLog("error")) {
-      process.stderr.write(`[error] ${message}
-`);
-    }
-  }
-  success(message, ...args) {
-    if (this.shouldLog("info")) {
-      process.stdout.write(`\u2713 ${message}${args.length ? " " + args.join(" ") : ""}
-`);
-    }
-  }
-  fail(message) {
-    if (this.shouldLog("error")) {
-      process.stderr.write(`\u2717 ${message}
-`);
-    }
-  }
-};
-var logger = null;
-function createLogger(options = {}) {
-  logger = new Logger(options);
-  return logger;
-}
-function getLogger() {
-  if (!logger) {
-    logger = new Logger();
-  }
-  return logger;
-}
-
-// src/cli/utils/auto-command.ts
-function extractZodInfo(schema) {
-  const def = schema._def;
-  if (def.typeName === "ZodOptional") {
-    const inner = schema._def.innerType;
-    const info = extractZodInfo(inner);
-    return { ...info, required: false };
-  }
-  if (def.typeName === "ZodDefault") {
-    const innerDef = schema._def;
-    const defaultValue = innerDef.defaultValue();
-    const info = extractZodInfo(innerDef.innerType);
-    return { ...info, required: false, defaultValue };
-  }
-  if (def.typeName === "ZodEnum") {
-    const enumValues = [...schema._def.values];
-    return { type: "enum", required: true, enumValues };
-  }
-  if (def.typeName === "ZodString") return { type: "string", required: true };
-  if (def.typeName === "ZodNumber") return { type: "number", required: true };
-  if (def.typeName === "ZodBoolean") return { type: "boolean", required: true };
-  if (def.typeName === "ZodObject") return { type: "object", required: true };
-  return { type: "string", required: true };
-}
-function schemaToOptions(schema) {
-  const options = [];
-  const shape = schema.shape;
-  for (const [key, zodType] of Object.entries(shape)) {
-    const info = extractZodInfo(zodType);
-    const longFlag = key.replace(/([A-Z])/g, "-$1").toLowerCase();
-    let flags = `--${longFlag} <value>`;
-    if (info.type === "boolean") {
-      flags = `--${longFlag}`;
-    }
-    let description = String(info.type);
-    if (info.enumValues) {
-      description = `${info.type} (${info.enumValues.join("|")})`;
-    }
-    options.push({
-      flags,
-      description,
-      required: info.required,
-      defaultValue: info.defaultValue
-    });
-  }
-  return options;
-}
-function pathToApiCall(client, _method, path3) {
-  const pathParts = path3.split("/").filter(Boolean);
-  let current = client.api;
-  for (const part of pathParts) {
-    if (part.startsWith("{") && part.endsWith("}")) {
-      continue;
-    }
-    current = current[part] || current[`:${part}`];
-  }
-  return current;
-}
-function createCommandFromRoute(config) {
-  const options = [];
-  const arguments_ = [];
-  if (config.params) {
-    const shape = config.params.shape;
-    for (const [key] of Object.entries(shape)) {
-      arguments_.push({
-        name: key,
-        description: `${key} parameter`,
-        required: true
-      });
-    }
-  }
-  if (config.body) {
-    const bodySchema = config.body;
-    if (bodySchema.shape) {
-      options.push(...schemaToOptions(bodySchema) || []);
-    }
-  }
-  if (config.query) {
-    options.push(...schemaToOptions(config.query) || []);
-  }
-  return {
-    name: config.command,
-    description: config.description,
-    options,
-    arguments: arguments_,
-    action: async (opts, args) => {
-      const logger2 = getLogger();
-      const client = getClient();
-      const param = {};
-      if (config.params) {
-        const shape = config.params.shape;
-        const keys = Object.keys(shape);
-        keys.forEach((key, i) => {
-          param[key] = args[i] || String(opts[key]);
-        });
-      }
-      const json = {};
-      if (config.body && opts) {
-        const bodySchema = config.body;
-        if (bodySchema.shape) {
-          const shape = bodySchema.shape;
-          for (const key of Object.keys(shape)) {
-            if (opts[key] !== void 0) {
-              json[key] = opts[key];
-            }
-          }
-        }
-      }
-      const query = {};
-      if (config.query && opts) {
-        const shape = config.query.shape;
-        for (const key of Object.keys(shape)) {
-          if (opts[key] !== void 0) {
-            query[key] = String(opts[key]);
-          }
-        }
-      }
-      const apiCall = pathToApiCall(client, config.method, config.path);
-      const methodCall = apiCall[`$${config.method.charAt(0).toUpperCase() + config.method.slice(1)}`] || apiCall.$get;
-      const res = await methodCall.call(apiCall, {
-        param: Object.keys(param).length > 0 ? param : void 0,
-        query: Object.keys(query).length > 0 ? query : void 0,
-        json: Object.keys(json).length > 0 ? json : void 0
-      });
-      const data = await res.json();
-      logger2.info(JSON.stringify(data, null, 2));
-    }
-  };
-}
-function registerAutoCommand(program2, config) {
-  const cmd = createCommandFromRoute(config);
-  const command = program2.command(cmd.name).description(cmd.description).action(async (firstArg, opts) => {
-    const args = typeof firstArg === "string" ? [firstArg] : [];
-    const options = (typeof firstArg === "object" ? firstArg : opts) || {};
-    await cmd.action(options, args);
-  });
-  cmd.options?.forEach((opt) => {
-    if (opt.required) {
-      command.requiredOption(opt.flags, opt.description, opt.defaultValue);
-    } else {
-      command.option(opt.flags, opt.description, opt.defaultValue);
-    }
-  });
-  cmd.arguments?.forEach((arg) => {
-    command.argument(arg.required ? `<${arg.name}>` : `[${arg.name}]`, arg.description);
-  });
-}
-var TodoStatusSchema = z.enum(["pending", "in_progress", "completed"]);
-var todoRoutes = [
-  {
-    method: "get",
-    path: "/todos",
-    command: "list",
-    description: "List all todos"
-  },
-  {
-    method: "get",
-    path: "/todos/{id}",
-    command: "get",
-    description: "Get a todo by ID",
-    params: z.object({ id: z.string() })
-  },
-  {
-    method: "post",
-    path: "/todos",
-    command: "create",
-    description: "Create a new todo",
-    body: z.object({
-      title: z.string().min(1),
-      description: z.string().optional()
-    })
-  },
-  {
-    method: "put",
-    path: "/todos/{id}",
-    command: "update",
-    description: "Update a todo",
-    params: z.object({ id: z.string() }),
-    body: z.object({
-      title: z.string().optional(),
-      description: z.string().optional(),
-      status: TodoStatusSchema.optional()
-    })
-  },
-  {
-    method: "delete",
-    path: "/todos/{id}",
-    command: "delete",
-    description: "Delete a todo",
-    params: z.object({ id: z.string() })
-  }
-];
-function registerTodoCommands(program2) {
-  const todo = program2.command("todo").description("Todo management commands");
-  for (const route of todoRoutes) {
-    registerAutoCommand(todo, route);
-  }
-}
-
-// src/cli/modules/notification/index.ts
-function registerNotificationCommands(program2) {
-  const notification = program2.command("notification").description("Notification management commands");
-  notification.command("list").description("List all notifications").option("--unread-only", "Show only unread notifications").option("--limit <number>", "Limit number of results", "20").action(async (options) => {
-    const logger2 = getLogger();
-    const client = getClient();
-    const unreadOnly = Boolean(options.unreadOnly);
-    const limit = parseInt(options.limit || "20");
-    const res = await client.api.notifications.$get({
-      query: { unreadOnly: String(unreadOnly), limit: String(limit) }
-    });
-    const data = await res.json();
-    logger2.info(JSON.stringify(data, null, 2));
-  });
-  notification.command("create").description("Create a new notification").requiredOption("-t, --title <title>", "Notification title").requiredOption("-m, --message <message>", "Notification message").option("--type <type>", "Notification type (info|warning|success|error)", "info").action(async (options) => {
-    const logger2 = getLogger();
-    const client = getClient();
-    const res = await client.api.notifications.$post({
-      json: {
-        type: options.type,
-        title: options.title,
-        message: options.message
-      }
-    });
-    const data = await res.json();
-    logger2.success("Notification created");
-    logger2.info(JSON.stringify(data, null, 2));
-  });
-  notification.command("unread-count").description("Get unread notification count").action(async () => {
-    const logger2 = getLogger();
-    const client = getClient();
-    const res = await client.api.notifications["unread-count"].$get();
-    const data = await res.json();
-    logger2.info(JSON.stringify(data, null, 2));
-  });
-  notification.command("mark-read").description("Mark a notification as read").argument("<id>", "Notification ID").action(async (id) => {
-    const logger2 = getLogger();
-    const client = getClient();
-    const res = await client.api.notifications[":id"].read.$patch({ param: { id } });
-    const data = await res.json();
-    logger2.success("Notification marked as read");
-    logger2.info(JSON.stringify(data, null, 2));
-  });
-  notification.command("delete").description("Delete a notification").argument("<id>", "Notification ID").action(async (id) => {
-    const logger2 = getLogger();
-    const client = getClient();
-    const res = await client.api.notifications[":id"].$delete({ param: { id } });
-    const data = await res.json();
-    logger2.success("Notification deleted");
-    logger2.info(JSON.stringify(data, null, 2));
-  });
-}
-var CONFIG_DIR = path2.join(os.homedir(), ".biomimic");
-var CONFIG_FILE = path2.join(CONFIG_DIR, "config.json");
-function loadConfig() {
-  try {
-    if (fs.existsSync(CONFIG_FILE)) {
-      const content = fs.readFileSync(CONFIG_FILE, "utf-8");
-      return JSON.parse(content);
-    }
-  } catch {
-  }
-  return { baseUrl: "http://localhost:3010" };
-}
-function saveConfig(config) {
-  if (!fs.existsSync(CONFIG_DIR)) {
-    fs.mkdirSync(CONFIG_DIR, { recursive: true });
-  }
-  fs.writeFileSync(CONFIG_FILE, JSON.stringify(config, null, 2));
-}
-function registerConfigCommands(program2) {
-  const config = program2.command("config").description("CLI configuration and service management");
-  config.command("get").description("Show current configuration").option("-k, --key <key>", "Get specific config key").action((options) => {
-    const logger2 = getLogger();
-    const cfg = loadConfig();
-    if (options.key) {
-      const value = cfg[options.key];
-      logger2.info(`${options.key}: ${value ?? "not set"}`);
-    } else {
-      logger2.info(JSON.stringify(cfg, null, 2));
-    }
-  });
-  config.command("set").description("Set configuration value").option("-u, --url <url>", "Set server URL").action((options) => {
-    const logger2 = getLogger();
-    const cfg = loadConfig();
-    if (options.url) {
-      cfg.baseUrl = options.url;
-      setBaseUrl(options.url);
-      logger2.success(`Server URL set to: ${options.url}`);
-    }
-    saveConfig(cfg);
-  });
-  config.command("url").description("Show or set server URL").argument("[url]", "New server URL").action((url) => {
-    const logger2 = getLogger();
-    if (url) {
-      const cfg = loadConfig();
-      cfg.baseUrl = url;
-      setBaseUrl(url);
-      saveConfig(cfg);
-      logger2.success(`Server URL set to: ${url}`);
-    } else {
-      logger2.info(`Current server URL: ${getBaseUrl()}`);
-    }
-  });
-  config.command("status").description("Check server connection status").action(async () => {
-    const logger2 = getLogger();
-    const client = getClient();
-    try {
-      const res = await client.health.$get();
-      const data = await res.json();
-      logger2.success("Server is reachable");
-      logger2.info(JSON.stringify(data, null, 2));
-    } catch (error) {
-      logger2.error(`Server not reachable: ${getBaseUrl()}`);
-      logger2.error(String(error));
-    }
-  });
-  config.command("reset").description("Reset configuration to defaults").action(() => {
-    const logger2 = getLogger();
-    const defaultConfig = { baseUrl: "http://localhost:3010" };
-    saveConfig(defaultConfig);
-    setBaseUrl(defaultConfig.baseUrl);
-    logger2.success("Configuration reset to defaults");
-  });
-  config.command("path").description("Show config file path").action(() => {
-    const logger2 = getLogger();
-    logger2.info(`Config file: ${CONFIG_FILE}`);
-  });
-}
-
-// src/cli/modules/index.ts
-function registerModules(program2) {
-  registerTodoCommands(program2);
-  registerNotificationCommands(program2);
-  registerConfigCommands(program2);
-}
 var tsImportFn;
 async function getTsImport() {
   if (tsImportFn) return tsImportFn;
@@ -525,11 +105,13 @@ function resolvePreset(preset, allManifests) {
     if (manifest.adminPages && manifest.adminPages.length > 0) hasAdmin = true;
     if (manifest.routes.admin && manifest.routes.admin.length > 0) hasAdmin = true;
   }
+  const isCliOnly = preset.id === "cli-only";
   return {
     preset,
     modules,
     hasAdmin,
-    hasClient: true,
+    hasClient: !isCliOnly,
+    hasCli: true,
     hasSSE,
     hasWebSocket,
     hasPermission: modules.has("permission"),
@@ -563,13 +145,6 @@ function getAdminPages(resolved) {
   }
   return pages;
 }
-function getDefaultRoute(resolved) {
-  const pages = getClientPages(resolved);
-  if (pages.length > 0) {
-    return pages[0].route;
-  }
-  return "/";
-}
 
 // src/generators/file-filter.ts
 function getExcludePatterns(resolved, allManifests) {
@@ -617,22 +192,54 @@ function getExcludePatterns(resolved, allManifests) {
     if (name === "notifications") {
       excludes.push("src/cli/modules/notification");
     }
+    if (name === "todos") {
+      excludes.push("src/cli/modules/todo");
+      excludes.push("src/server/__tests__/integration/todos-api.test.ts");
+    }
+    if (name === "auth") {
+      excludes.push("src/cli/modules/auth");
+    }
+    if (name === "plugin") {
+      excludes.push("src/cli/modules/plugin");
+    }
   }
   if (!resolved.modules.has("admin")) {
-    excludes.push("src/client/components/AuthButton.tsx");
     excludes.push("src/admin");
     excludes.push("admin.html");
     excludes.push("auth-inject.html");
+  }
+  if (!resolved.hasClient) {
+    excludes.push("src/client");
+    excludes.push("index.html");
+    excludes.push("admin.html");
+    excludes.push("auth-inject.html");
+    excludes.push("src/admin");
+    excludes.push("vite.config.ts");
+    excludes.push("postcss.config.js");
+    excludes.push("tailwind.config.js");
+  }
+  if (!resolved.hasClient) {
+    excludes.push("src/client/components/AuthButton.tsx");
+    excludes.push("src/client/components/__tests__/AuthButton.test.tsx");
+  } else if (!resolved.modules.has("admin") && !resolved.modules.has("auth")) {
+    excludes.push("src/client/components/AuthButton.tsx");
     excludes.push("src/client/components/__tests__/AuthButton.test.tsx");
-    excludes.push("src/cli");
     excludes.push("src/server/utils/auth.ts");
   }
-  if (!resolved.hasPermission) {
+  excludes.push("src/client/preset-ui-config.ts");
+  if (!resolved.hasPermission && !resolved.modules.has("auth")) {
     excludes.push("src/server/utils/permission-utils.ts");
     excludes.push("src/server/middleware/__tests__/auth-simple.test.ts");
     excludes.push("src/server/middleware/__tests__/auth.test.ts");
     excludes.push("src/server/middleware/__tests__/error-response-format.test.ts");
     excludes.push("src/server/utils/__tests__/auth.test.ts");
+  } else if (!resolved.hasPermission && resolved.modules.has("auth")) {
+    excludes.push("src/server/utils/permission-utils.ts");
+    excludes.push("src/server/middleware/__tests__/auth-simple.test.ts");
+    excludes.push("src/server/middleware/__tests__/auth.test.ts");
+    excludes.push("src/server/middleware/__tests__/error-response-format.test.ts");
+    excludes.push("src/server/utils/__tests__/auth.test.ts");
+    excludes.push("src/server/module-auth/__tests__/auth-service.test.ts");
   } else if (!resolved.modules.has("admin")) {
     excludes.push("src/server/middleware/__tests__/error-response-format.test.ts");
   }
@@ -645,16 +252,29 @@ function getGeneratedFiles(resolved) {
   const files = [
     "src/server/route-registry.ts",
     "src/server/db/schema/index.ts",
-    "src/client/App.tsx",
-    "src/client/components/Navigation.tsx",
     "src/shared/modules/index.ts",
     "src/shared/schemas/index.ts",
     "src/server/middleware/index.ts",
-    "src/client/components/index.ts"
+    "src/server/app.ts",
+    "src/cli/modules/index.ts"
   ];
-  if (resolved.modules.has("admin")) {
+  if (resolved.hasClient) {
+    files.push(
+      "src/client/App.tsx",
+      "src/client/components/Navigation.tsx",
+      "src/client/components/index.ts",
+      "src/client/Layout.tsx",
+      "src/client/components/__tests__/App.test.tsx",
+      "src/client/components/__tests__/Navigation.test.tsx",
+      "src/client/main.tsx",
+      "src/client/preset-ui-config.ts"
+    );
+  }
+  if (resolved.hasClient && resolved.modules.has("admin")) {
     files.push("src/admin/App.tsx");
-    files.push("src/cli/modules/index.ts");
+  }
+  if (resolved.hasClient && !resolved.modules.has("admin")) {
+    files.push("vite.config.ts");
   }
   if (!resolved.hasPermission) {
     files.push("src/server/middleware/auth.ts");
@@ -663,10 +283,6 @@ function getGeneratedFiles(resolved) {
   if (!resolved.modules.has("admin") && resolved.hasPermission) {
     files.push("src/server/utils/auth.ts");
   }
-  files.push("src/server/app.ts");
-  if (!resolved.modules.has("admin")) {
-    files.push("vite.config.ts");
-  }
   const seedModules = ["order", "ticket", "dispute", "content"];
   if (seedModules.some((m) => !resolved.modules.has(m)) || !resolved.hasPermission) {
     files.push("src/server/db/init.ts");
@@ -686,11 +302,14 @@ function generateRouteRegistry(resolved) {
   for (const [name, manifest] of moduleEntries) {
     const moduleDir = `module-${name}`;
     if (manifest.routes.client) {
-      const { importPath, exportName } = manifest.routes.client;
-      imports.push(
-        `import { ${exportName} } from './${moduleDir}/${importPath.replace(/^\.\//, "")}'`
-      );
-      clientRoutes.push(`  .route('/api', ${exportName})`);
+      const clientRouteList = Array.isArray(manifest.routes.client) ? manifest.routes.client : [manifest.routes.client];
+      for (const route of clientRouteList) {
+        const { importPath, exportName } = route;
+        imports.push(
+          `import { ${exportName} } from './${moduleDir}/${importPath.replace(/^\.\//, "")}'`
+        );
+        clientRoutes.push(`  .route('/api', ${exportName})`);
+      }
     }
     if (manifest.routes.admin) {
       for (const route of manifest.routes.admin) {
@@ -747,130 +366,148 @@ function generateRouteRegistry(resolved) {
   return content;
 }
 
-// src/generators/client-app.ts
-function generateClientApp(resolved) {
-  const pages = getClientPages(resolved);
-  const defaultRoute = getDefaultRoute(resolved);
-  const imports = [
-    `import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom'`,
-    `import { Layout } from './Layout'`
-  ];
-  for (const page of pages) {
-    imports.push(`import { ${page.name} } from './pages/${page.name}'`);
-  }
-  const routeElements = [];
-  routeElements.push(
-    `          <Route path="/" element={<Navigate to="${defaultRoute}" replace />} />`
-  );
-  for (const page of pages) {
-    routeElements.push(
-      `          <Route path="${page.route}" element={<${page.name} />} />`
-    );
-  }
-  return `${imports.join("\n")}
-
-export function App() {
-  return (
-    <BrowserRouter>
-      <Layout>
-        <Routes>
-${routeElements.join("\n")}
-        </Routes>
-      </Layout>
-    </BrowserRouter>
-  )
-}
-`;
-}
-
 // src/generators/client-navigation.ts
 var DEFAULT_ICON = "Circle";
 var ICON_MAP = {
   TodoPage: "CheckCircle",
   NotificationPage: "Bell",
   WebSocketPage: "Plug",
-  ContentListPage: "FileText"
+  ContentListPage: "FileText",
+  PluginsPage: "Package",
+  CategoriesPage: "Grid",
+  SearchPage: "Search",
+  PublishPage: "Upload",
+  DeveloperDashboardPage: "Code",
+  PluginDetailPage: "Package",
+  TopicsPage: "Hash",
+  ProfilePage: "User",
+  DashboardPage: "LayoutDashboard",
+  SettingsPage: "Settings",
+  CartPage: "ShoppingCart",
+  OrdersPage: "Package"
 };
 function generateClientNavigation(resolved) {
   const pages = getClientPages(resolved).filter((p) => !p.route.includes(":"));
-  const iconsNeeded = /* @__PURE__ */ new Set();
-  iconsNeeded.add("Rocket");
-  iconsNeeded.add("Github");
+  const hasAuth = resolved.modules.has("auth");
+  const navItems = [];
   for (const page of pages) {
     const icon = ICON_MAP[page.name] || DEFAULT_ICON;
-    iconsNeeded.add(icon);
-  }
-  const routeKeys = [];
-  const routeEntries = [];
-  for (const page of pages) {
-    const key = page.route.replace(/^\//, "").replace(/\//g, "-");
-    routeKeys.push(`'${key}'`);
-    const icon = ICON_MAP[page.name] || DEFAULT_ICON;
-    const label = key === "todos" ? "Todo List" : key === "notifications" ? "Notifications" : key === "websocket" ? "WebSocket" : key.charAt(0).toUpperCase() + key.slice(1);
-    const safeKey = /^[a-zA-Z0-9_]+$/.test(key) ? key : `'${key}'`;
-    routeEntries.push(`  ${safeKey}: { label: '${label}', icon: ${icon}, path: '${page.route}' },`);
+    const label = page.name === "TodoPage" ? "Todos" : page.name === "NotificationPage" ? "Notifications" : page.name === "WebSocketPage" ? "WebSocket" : page.name === "PluginsPage" ? "Plugins" : page.name === "CategoriesPage" ? "Categories" : page.name === "SearchPage" ? "Search" : page.name === "PublishPage" ? "Publish" : page.name === "DeveloperDashboardPage" ? "Developer" : page.name === "TopicsPage" ? "Topics" : page.name === "ProfilePage" ? "Profile" : page.name === "DashboardPage" ? "Dashboard" : page.name === "SettingsPage" ? "Settings" : page.name === "CartPage" ? "Cart" : page.name === "OrdersPage" ? "Orders" : page.route.replace(/^\//, "").charAt(0).toUpperCase() + page.route.replace(/^\//, "").slice(1);
+    navItems.push(`    { label: '${label}', icon: '${icon}', path: '${page.route}' },`);
+  }
+  const authImport = hasAuth ? `
+import { useAuthStore } from '../stores/authStore'` : "";
+  const authSection = hasAuth ? `
+function AuthSection({ style }: { style: string }) {
+  const isAuthenticated = useAuthStore((state: any) => state.isAuthenticated)
+  const user = useAuthStore((state: any) => state.user)
+  const logout = useAuthStore((state: any) => state.logout)
+
+  if (style === 'none') return null
+
+  if (isAuthenticated) {
+    return (
+      <div className="flex items-center gap-2">
+        <span className="text-sm text-gray-600">{user?.username}</span>
+        <button onClick={logout} className="text-xs text-gray-400 hover:text-red-500">Sign Out</button>
+      </div>
+    )
   }
-  const iconsStr = [...iconsNeeded].join(", ");
-  const authButtonImport = resolved.modules.has("admin") ? `
-import { AuthButton } from './AuthButton'` : "";
-  const authButtonElement = resolved.modules.has("admin") ? `
-          <AuthButton />` : "";
-  return `import { NavLink } from 'react-router-dom'
-import { ${iconsStr} } from 'lucide-react'${authButtonImport}
 
-type RouteKey = ${routeKeys.join(" | ")}
+  if (style === 'buttons') {
+    return (
+      <div className="flex items-center gap-2">
+        <Link
+          to="/login"
+          className="px-3 py-1 text-sm bg-blue-500 text-white rounded hover:bg-blue-600"
+        >
+          Sign In
+        </Link>
+        <Link
+          to="/register"
+          className="px-3 py-1 text-sm border border-gray-300 text-gray-700 rounded hover:bg-gray-50"
+        >
+          Sign Up
+        </Link>
+      </div>
+    )
+  }
 
-const routes: Record<
-  RouteKey,
-  { label: string; icon: React.FC<{ className?: string }>; path: string }
-> = {
-${routeEntries.join("\n")}
+  return (
+    <Link to="/login" className="text-sm text-gray-500 hover:text-gray-900">
+      Login
+    </Link>
+  )
 }
+` : `
+function AuthSection(_style: { style: string }) {
+  return null
+}
+`;
+  return `import { NavLink${hasAuth ? ", Link" : ""} } from 'react-router-dom'
+import { Rocket, Sparkles } from 'lucide-react'${authImport}
+import type { PresetTheme, NavigationConfig, ClientNavItem } from '../preset-ui-config'
+
+interface NavigationProps {
+  preset?: string
+  items?: ClientNavItem[]
+  theme?: PresetTheme
+  navigation?: NavigationConfig
+}
+${authSection}
+export const Navigation: React.FC<NavigationProps> = ({
+  items,
+  theme,
+  navigation,
+}) => {
+  const navItems = navigation?.navItems === 'none' ? [] : (items ?? [])
+  const primaryColor = theme?.primaryColor ?? '#6366f1'
+  const logoText = theme?.logoText ?? 'Biomimic'
+  const showLogo = navigation?.showLogo !== false
+  const authStyle = navigation?.authStyle ?? 'none'
 
-export const Navigation: React.FC = () => {
   return (
-    <nav className="bg-white border-b border-gray-200 sticky top-0 z-50" data-testid="app-nav">
-      <div className="max-w-6xl mx-auto px-6 h-16 flex items-center justify-between">
-        <div className="flex items-center gap-8">
-          <h1
-            className="text-xl font-bold text-gray-900 flex items-center gap-2"
-            data-testid="app-title"
-          >
-            <Rocket className="w-6 h-6 text-blue-500" />
-            Biomimic App
-          </h1>
-          <div className="flex items-center gap-1">
-            {(Object.keys(routes) as RouteKey[]).map(route => {
-              const Icon = routes[route].icon
-              return (
-                <NavLink
-                  key={route}
-                  to={routes[route].path}
-                  data-testid={\`nav-\${route}-button\`}
-                  className={({ isActive }) =>
-                    \`flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium transition-colors \${
-                      isActive ? 'bg-blue-50 text-blue-600' : 'text-gray-600 hover:bg-gray-100'
-                    }\`
-                  }
-                >
-                  <Icon className="w-4 h-4" />
-                  {routes[route].label}
-                </NavLink>
-              )
-            })}
-          </div>
-        </div>
-        <div className="flex items-center gap-4">${authButtonElement}
-          <a
-            href="https://github.com"
-            target="_blank"
-            rel="noopener noreferrer"
-            data-testid="github-link"
-            className="text-gray-400 hover:text-gray-600 transition-colors"
-          >
-            <Github className="w-5 h-5" />
-          </a>
+    <nav className="hidden md:block bg-white/80 backdrop-blur-md border-b border-gray-200 sticky top-0 z-50" data-testid="app-nav">
+      <div className="max-w-7xl mx-auto px-4 h-16 flex items-center justify-between gap-3">
+        {showLogo && (
+          <NavLink to="/" className="flex items-center gap-2 group shrink-0" data-testid="app-title">
+            <div
+              className="w-8 h-8 rounded-lg flex items-center justify-center shadow-sm group-hover:shadow-md transition-shadow"
+              style={{ backgroundColor: primaryColor }}
+            >
+              <Rocket className="w-4 h-4 text-white" />
+            </div>
+            <span className="text-lg font-semibold text-gray-900 tracking-tight whitespace-nowrap">
+              {logoText}
+            </span>
+            <Sparkles className="w-3.5 h-3.5 shrink-0" style={{ color: primaryColor }} />
+          </NavLink>
+        )}
+
+        <div className="flex items-center gap-0.5 overflow-x-auto flex-1 min-w-0 scrollbar-hide">
+          {navItems.map(item => (
+            <NavLink
+              key={item.path}
+              to={item.path}
+              data-testid={\`nav-\${item.label.toLowerCase().replace(/\\s+/g, '-')}-button\`}
+              className={({ isActive }: { isActive: boolean }) =>
+                \`px-3 py-1.5 rounded-lg text-sm font-medium transition-all duration-200 shrink-0 whitespace-nowrap \${
+                  isActive ? 'text-white' : 'text-gray-500 hover:text-gray-900 hover:bg-gray-50'
+                }\`
+              }
+              style={
+                (({ isActive }: { isActive: boolean }) =>
+                  isActive
+                    ? { backgroundColor: \`\${primaryColor}15\`, color: primaryColor }
+                    : undefined) as never
+              }
+            >
+              {item.label}
+            </NavLink>
+          ))}
         </div>
+
+        <AuthSection style={authStyle} />
       </div>
     </nav>
   )
@@ -878,6 +515,119 @@ export const Navigation: React.FC = () => {
 `;
 }
 
+// src/generators/client-app-test.ts
+function generateClientAppTest(resolved) {
+  const pages = getClientPages(resolved);
+  const mocks = pages.map(
+    (p) => `vi.mock('@client/pages/${p.name}', () => ({
+  ${p.name}: () => <div data-testid="${p.name.toLowerCase()}-page">${p.name}</div>,
+}))`
+  ).join("\n\n  ");
+  return `import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest'
+import { render, screen, cleanup } from '@testing-library/react'
+import '@testing-library/jest-dom'
+import { App } from '@client/App'
+
+  ${mocks}
+
+describe('App Component', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  afterEach(() => {
+    cleanup()
+  })
+
+  describe('Initial Render', () => {
+    it('should render navigation', () => {
+      render(<App />)
+      expect(screen.getByTestId('app-nav')).toBeInTheDocument()
+    })
+
+    it('should render main content area', () => {
+      render(<App />)
+      expect(screen.getByTestId('app-main')).toBeInTheDocument()
+    })
+
+    it('should render container', () => {
+      render(<App />)
+      expect(screen.getByTestId('app-container')).toBeInTheDocument()
+    })
+  })
+
+  describe('Navigation Links', () => {
+    it('should render footer', () => {
+      render(<App />)
+      expect(screen.getByTestId('app-footer')).toBeInTheDocument()
+    })
+  })
+})
+`;
+}
+
+// src/generators/client-navigation-test.ts
+var LABEL_MAP = {
+  TodoPage: "Todos",
+  NotificationPage: "Notifications",
+  WebSocketPage: "WebSocket",
+  PluginsPage: "Plugins",
+  CategoriesPage: "Categories",
+  SearchPage: "Search",
+  PublishPage: "Publish",
+  DeveloperDashboardPage: "Developer",
+  TopicsPage: "Topics",
+  ProfilePage: "Profile",
+  DashboardPage: "Dashboard",
+  SettingsPage: "Settings",
+  CartPage: "Cart",
+  OrdersPage: "Orders"
+};
+function generateClientNavigationTest(resolved) {
+  const pages = getClientPages(resolved).filter((p) => !p.route.includes(":"));
+  const firstPage = pages[0];
+  if (!firstPage) {
+    return `import { describe, it, expect } from 'vitest'
+import { render, screen } from '@testing-library/react'
+import { BrowserRouter } from 'react-router-dom'
+import { Navigation } from '../Navigation'
+
+const renderWithRouter = (component: React.ReactNode) => {
+  return render(<BrowserRouter>{component}</BrowserRouter>)
+}
+
+describe('Navigation', () => {
+  it('should render navigation', () => {
+    renderWithRouter(<Navigation />)
+    expect(screen.getByTestId('app-nav')).toBeInTheDocument()
+  })
+})
+`;
+  }
+  const firstLabel = LABEL_MAP[firstPage.name] || firstPage.name.replace("Page", "");
+  return `import { describe, it, expect } from 'vitest'
+import { render, screen } from '@testing-library/react'
+import { BrowserRouter } from 'react-router-dom'
+import { Navigation } from '../Navigation'
+
+const renderWithRouter = (component: React.ReactNode) => {
+  return render(<BrowserRouter>{component}</BrowserRouter>)
+}
+
+describe('Navigation', () => {
+  it('should render navigation', () => {
+    renderWithRouter(<Navigation />)
+    expect(screen.getByTestId('app-nav')).toBeInTheDocument()
+  })
+
+  it('should render nav items', () => {
+    renderWithRouter(<Navigation />)
+    expect(screen.getByText('${firstLabel}')).toBeInTheDocument()
+  })
+})
+`;
+}
+
 // src/generators/admin-app.ts
 function generateAdminApp(resolved) {
   if (!resolved.hasAdmin) return null;
@@ -906,7 +656,7 @@ function generateAdminApp(resolved) {
   );
   return `${imports.join("\n")}
 
-export const App: React.FC = () => {
+export const App: React.FC<{ basePath?: string }> = ({ basePath = '/admin' }) => {
   return (
     <ConfigProvider
       theme={{
@@ -915,7 +665,7 @@ export const App: React.FC = () => {
         },
       }}
     >
-      <BrowserRouter basename="/admin">
+      <BrowserRouter basename={basePath}>
         <Routes>
 ${publicRouteLines.join("\n")}
           <Route
@@ -943,8 +693,8 @@ ${protectedRouteElements.join("\n")}
 // src/generators/db-schema-barrel.ts
 function generateDbSchemaBarrel(resolved) {
   const files = getDbSchemaFiles(resolved);
-  const exports$1 = files.map((f) => `export * from './${f}'`);
-  return exports$1.join("\n") + "\n";
+  const exports = files.map((f) => `export * from './${f}'`);
+  return exports.join("\n") + "\n";
 }
 
 // src/generators/db-init.ts
@@ -1629,19 +1379,73 @@ var MODULE_EXPORTS = {
       "type PermissionInfo",
       "type UserPermissions"
     ]
+  },
+  auth: {
+    namedExports: [
+      "DeveloperProfileSchema",
+      "LoginSchema",
+      "RegisterSchema",
+      "TokenResponseSchema",
+      "type DeveloperProfile",
+      "type LoginInput",
+      "type RegisterInput",
+      "type TokenResponse"
+    ]
+  },
+  plugin: {
+    namedExports: [
+      "PluginSchema",
+      "PluginStatusSchema",
+      "CreatePluginSchema",
+      "UpdatePluginSchema",
+      "PluginVersionStatusSchema",
+      "VersionSchema",
+      "CategorySchema",
+      "ReviewSchema",
+      "CreateReviewSchema",
+      "MarketplaceStatsSchema",
+      "PluginListResponseSchema",
+      "AdminPluginSchema",
+      "AdminDashboardStatsSchema",
+      "PluginListQuerySchema",
+      "PluginSlugSchema",
+      "type Plugin",
+      "type PluginStatus",
+      "type CreatePluginInput",
+      "type UpdatePluginInput",
+      "type PluginVersionStatus",
+      "type Version",
+      "type Category",
+      "type Review",
+      "type CreateReviewInput",
+      "type MarketplaceStats",
+      "type PluginListResponse",
+      "type AdminPlugin",
+      "type AdminDashboardStats",
+      "type PluginListQuery"
+    ]
   }
 };
 function generateSharedModulesIndex(resolved) {
   const lines = [];
-  const moduleOrder = ["chat", "todos", "file", "notifications", "admin", "permission"];
-  for (const moduleName of moduleOrder) {
+  const moduleOrder2 = [
+    "chat",
+    "todos",
+    "file",
+    "notifications",
+    "admin",
+    "permission",
+    "auth",
+    "plugin"
+  ];
+  for (const moduleName of moduleOrder2) {
     if (!resolved.modules.has(moduleName)) continue;
     const manifest = resolved.modules.get(moduleName);
     const exportKey = manifest.sharedSchemas?.path ?? moduleName;
-    const exports$1 = MODULE_EXPORTS[exportKey];
-    if (!exports$1) continue;
+    const exports = MODULE_EXPORTS[exportKey];
+    if (!exports) continue;
     lines.push(`export {
-  ${exports$1.namedExports.join(",\n  ")},
+  ${exports.namedExports.join(",\n  ")},
 } from './${exportKey}'`);
   }
   return lines.join("\n") + "\n";
@@ -1713,8 +1517,329 @@ var MODULE_EXPORTS2 = {
       "type NotificationId",
       "type UnreadCountEvent"
     ]
+  },
+  auth: {
+    namedExports: [
+      "DeveloperProfileSchema",
+      "LoginSchema",
+      "RegisterSchema",
+      "TokenResponseSchema",
+      "ProfileSchema",
+      "type DeveloperProfile",
+      "type LoginInput",
+      "type RegisterInput",
+      "type TokenResponse",
+      "type Profile"
+    ]
+  },
+  plugin: {
+    namedExports: [
+      "PluginSchema",
+      "PluginStatusSchema",
+      "CreatePluginSchema",
+      "UpdatePluginSchema",
+      "PluginVersionStatusSchema",
+      "VersionSchema",
+      "CategorySchema",
+      "ReviewSchema",
+      "CreateReviewSchema",
+      "MarketplaceStatsSchema",
+      "PluginListResponseSchema",
+      "AdminPluginSchema",
+      "AdminDashboardStatsSchema",
+      "PluginListQuerySchema",
+      "PluginSlugSchema",
+      "PluginSearchQuerySchema",
+      "PluginDeleteResponseSchema",
+      "ReviewIdParamsSchema",
+      "ReviewDeleteResponseSchema",
+      "CategorySlugParamsSchema",
+      "CategoryPluginsQuerySchema",
+      "PluginListAdminSchema",
+      "AdminListQuerySchema",
+      "AdminListAllQuerySchema",
+      "RejectPluginBodySchema",
+      "BulkApproveBodySchema",
+      "BulkRejectBodySchema",
+      "BulkResponseSchema",
+      "CreateCategoryBodySchema",
+      "UpdateCategoryBodySchema",
+      "CategoryIdParamsSchema",
+      "CategoryIdResponseSchema",
+      "type Plugin",
+      "type PluginStatus",
+      "type CreatePluginInput",
+      "type UpdatePluginInput",
+      "type PluginVersionStatus",
+      "type Version",
+      "type Category",
+      "type Review",
+      "type CreateReviewInput",
+      "type MarketplaceStats",
+      "type PluginListResponse",
+      "type AdminPlugin",
+      "type AdminDashboardStats",
+      "type PluginListQuery"
+    ]
+  },
+  admin: {
+    namedExports: [
+      "SystemStatsSchema",
+      "HealthCheckSchema",
+      "RecentActivityItemSchema",
+      "RecentActivitySchema",
+      "AuthUserSchema",
+      "LoginRequestSchema",
+      "LoginResponseSchema",
+      "RegisterRequestSchema",
+      "UserSchema",
+      "UserListSchema",
+      "UpdateUserRequestSchema",
+      "CreateUserRequestSchema",
+      "ClearTodosResultSchema",
+      "SuccessSchema",
+      "DownloadTokenSchema",
+      "type SystemStats",
+      "type HealthCheck",
+      "type RecentActivityItem",
+      "type AuthUserResponse",
+      "type CreateUserRequest",
+      "type LoginRequest",
+      "type LoginResponse",
+      "type RegisterRequest",
+      "type User",
+      "type UpdateUserRequest",
+      "type ClearTodosResult"
+    ]
+  },
+  audit: {
+    namedExports: ["ResourceTypeSchema", "ActionTypeSchema", "AuditLogSchema", "type AuditLogType"]
+  },
+  captcha: {
+    namedExports: [
+      "CaptchaResponseSchema",
+      "VerifyCaptchaRequestSchema",
+      "CaptchaVerifyResponseSchema",
+      "type CaptchaResponse",
+      "type VerifyCaptchaRequest",
+      "type CaptchaVerifyResponse"
+    ]
+  },
+  cart: {
+    namedExports: [
+      "CartItemSchema",
+      "CartSummarySchema",
+      "CartResponseSchema",
+      "AddCartItemSchema",
+      "CartItemIdSchema",
+      "type CartItem",
+      "type CartSummary",
+      "type CartResponse",
+      "type AddCartItemInput"
+    ]
+  },
+  community: {
+    namedExports: [
+      "TopicStatusSchema",
+      "TopicTagSchema",
+      "TopicAuthorSchema",
+      "TopicSchema",
+      "TopicsResponseSchema",
+      "ProfileStatsSchema",
+      "ActivityTypeSchema",
+      "ProfileActivitySchema",
+      "ProfileResponseSchema",
+      "type TopicStatus",
+      "type TopicTag",
+      "type TopicAuthor",
+      "type Topic",
+      "type ProfileStats",
+      "type ActivityType",
+      "type ProfileActivity",
+      "type ProfileResponse"
+    ]
+  },
+  content: {
+    namedExports: [
+      "ContentCategorySchema",
+      "ContentStatusSchema",
+      "ContentSchema",
+      "CreateContentSchema",
+      "UpdateContentSchema",
+      "ContentListSchema",
+      "DeleteResultSchema",
+      "type ContentCategory",
+      "type ContentStatus",
+      "type Content",
+      "type CreateContentInput",
+      "type UpdateContentInput",
+      "type DeleteResult"
+    ]
+  },
+  dashboard: {
+    namedExports: [
+      "DashboardStatSchema",
+      "RevenueDataSchema",
+      "ActivityStatusSchema",
+      "ActivitySchema",
+      "DashboardResponseSchema",
+      "type DashboardStat",
+      "type RevenueData",
+      "type ActivityStatus",
+      "type Activity",
+      "type DashboardResponse"
+    ]
+  },
+  dispute: {
+    namedExports: [
+      "DisputeTypeSchema",
+      "DisputeStatusSchema",
+      "DisputeSchema",
+      "CreateDisputeSchema",
+      "UpdateDisputeSchema",
+      "ResolveDisputeSchema",
+      "DisputeListSchema",
+      "DeleteResultSchema",
+      "type DisputeType",
+      "type DisputeStatus",
+      "type Dispute",
+      "type CreateDisputeInput",
+      "type UpdateDisputeInput",
+      "type ResolveDisputeInput",
+      "type DeleteResult"
+    ]
+  },
+  order: {
+    namedExports: [
+      "OrderStatusSchema",
+      "OrderSchema",
+      "CreateOrderSchema",
+      "UpdateOrderSchema",
+      "OrderListSchema",
+      "OrderQuerySchema",
+      "DeleteResultSchema",
+      "ProcessOrderSchema",
+      "CancelOrderSchema",
+      "RemoveCartItemResponseSchema",
+      "ECommerceProductSchema",
+      "ECommerceOrderStatusSchema",
+      "ECommerceOrderSchema",
+      "ECommerceOrderListSchema",
+      "type OrderStatus",
+      "type Order",
+      "type CreateOrderInput",
+      "type UpdateOrderInput",
+      "type DeleteResult",
+      "type ProcessOrderInput",
+      "type CancelOrderInput",
+      "type OrderQueryInput",
+      "type RemoveCartItemResponse",
+      "type ECommerceProduct",
+      "type ECommerceOrderStatus",
+      "type ECommerceOrder"
+    ]
+  },
+  permission: {
+    namedExports: [
+      "RoleEnum",
+      "PermissionEnum",
+      "RoleInfoSchema",
+      "PermissionInfoSchema",
+      "UserPermissionsSchema",
+      "MenuItemSchema",
+      "PageActionSchema",
+      "PagePermissionConfigSchema",
+      "PermissionCategorySchema",
+      "RoleListSchema",
+      "PermissionListSchema",
+      "MenuConfigSchema",
+      "PagePermissionsSchema",
+      "PermissionCategoriesSchema",
+      "RoleLabelsSchema",
+      "PermissionLabelsSchema",
+      "PermissionInitSchema",
+      "type RoleType",
+      "type PermissionType",
+      "type RoleInfo",
+      "type PermissionInfo",
+      "type UserPermissions",
+      "type MenuItem",
+      "type PageAction",
+      "type PagePermissionConfig",
+      "type PermissionCategory",
+      "type PermissionInit",
+      "Role",
+      "Permission",
+      "ROLE_PERMISSIONS",
+      "ROLE_LABELS",
+      "PERMISSION_LABELS",
+      "PERMISSION_CATEGORIES",
+      "getPermissionsByRole",
+      "hasPermission",
+      "hasAnyPermission",
+      "hasAllPermissions"
+    ]
+  },
+  role: {
+    namedExports: [
+      "RoleSchema",
+      "CreateRoleSchema",
+      "UpdateRoleSchema",
+      "UpdateRolePermissionsSchema",
+      "SuccessSchema",
+      "type RoleType",
+      "type CreateRoleType",
+      "type UpdateRoleType"
+    ]
+  },
+  ticket: {
+    namedExports: [
+      "TicketStatusSchema",
+      "TicketPrioritySchema",
+      "TicketCategorySchema",
+      "TicketReplySchema",
+      "TicketSchema",
+      "CreateTicketSchema",
+      "UpdateTicketSchema",
+      "ReplyTicketSchema",
+      "TicketListSchema",
+      "DeleteResultSchema",
+      "type TicketStatus",
+      "type TicketPriority",
+      "type TicketCategory",
+      "type TicketReply",
+      "type Ticket",
+      "type CreateTicketInput",
+      "type UpdateTicketInput",
+      "type ReplyTicketInput",
+      "type DeleteResult"
+    ]
   }
 };
+var ADDITIONAL_PATHS_MAP = {
+  permission: ["role", "audit"]
+};
+var STANDALONE_SHARED_MODULES = /* @__PURE__ */ new Set(["cart", "community", "dashboard"]);
+var moduleOrder = [
+  "chat",
+  "file",
+  "todos",
+  "notifications",
+  "auth",
+  "plugin",
+  "admin",
+  "audit",
+  "captcha",
+  "cart",
+  "community",
+  "content",
+  "dashboard",
+  "dispute",
+  "order",
+  "permission",
+  "role",
+  "ticket"
+];
 function generateSharedSchemasIndex(resolved) {
   const header = `// Re-export interfaces from implementation files
 export type { WSClient, WSProtocol, WSStatus } from '../core/ws-client'
@@ -1740,25 +1865,49 @@ export {
 // Re-export modules
 `;
   const moduleLines = [];
-  const moduleOrder = ["chat", "file", "todos", "notifications"];
+  const exportedNames = /* @__PURE__ */ new Set();
   for (const moduleName of moduleOrder) {
-    if (!resolved.modules.has(moduleName)) continue;
-    const exports$1 = MODULE_EXPORTS2[moduleName];
-    if (!exports$1) continue;
-    const manifest = resolved.modules.get(moduleName);
-    const importPath = manifest.sharedSchemas?.path ?? moduleName;
+    const exports = MODULE_EXPORTS2[moduleName];
+    if (!exports) continue;
+    const shouldInclude = shouldIncludeModule(moduleName, resolved);
+    if (!shouldInclude) continue;
+    const uniqueExports = exports.namedExports.filter((name) => {
+      if (exportedNames.has(name)) return false;
+      exportedNames.add(name);
+      return true;
+    });
+    if (uniqueExports.length === 0) continue;
+    const importPath = getImportPath(moduleName, resolved);
     moduleLines.push(
       `export {
-  ${exports$1.namedExports.join(",\n  ")},
+  ${uniqueExports.join(",\n  ")},
 } from '../modules/${importPath}'`
     );
   }
   return header + moduleLines.join("\n") + "\n";
 }
+function shouldIncludeModule(moduleName, resolved) {
+  if (resolved.modules.has(moduleName)) return true;
+  if (STANDALONE_SHARED_MODULES.has(moduleName)) return true;
+  for (const [parentModule, additionalPaths] of Object.entries(ADDITIONAL_PATHS_MAP)) {
+    if (additionalPaths.includes(moduleName) && resolved.modules.has(parentModule)) {
+      return true;
+    }
+  }
+  return false;
+}
+function getImportPath(moduleName, resolved) {
+  const manifest = resolved.modules.get(moduleName);
+  if (manifest?.sharedSchemas?.path) {
+    return manifest.sharedSchemas.path;
+  }
+  return moduleName;
+}
 
 // src/generators/middleware-index.ts
 function generateMiddlewareIndex(resolved) {
   const lines = [];
+  const hasAuthOrPermission = resolved.modules.has("auth") || resolved.hasPermission;
   lines.push(`export { corsMiddleware, createCorsMiddleware, type CorsOptions } from './cors'`);
   lines.push(
     `export { loggerMiddleware, createLoggerMiddleware, type LoggerOptions } from './logger'`
@@ -1770,7 +1919,7 @@ function generateMiddlewareIndex(resolved) {
   type ErrorHandlerOptions,
 } from './error-handler'`
   );
-  if (resolved.hasPermission) {
+  if (hasAuthOrPermission) {
     lines.push(
       `export {
   authMiddleware,
@@ -1796,14 +1945,101 @@ function generateMiddlewareIndex(resolved) {
     lines.push(`export { permissionMiddleware } from './permission'`);
   }
   lines.push(`export { rateLimitMiddleware, type RateLimitOptions } from './rate-limit'`);
-  if (resolved.hasPermission) {
+  if (hasAuthOrPermission) {
     lines.push(`export { getAuthUser } from '../utils/auth'`);
   }
   return lines.join("\n") + "\n";
 }
 
 // src/generators/auth-middleware.ts
-function generateAuthMiddleware(_resolved) {
+function generateAuthMiddleware(resolved) {
+  if (resolved.modules.has("auth") && !resolved.hasPermission) {
+    return generateSimplifiedAuthMiddleware();
+  }
+  return generateNoopAuthMiddleware();
+}
+function generateSimplifiedAuthMiddleware() {
+  return `import type { MiddlewareHandler } from 'hono'
+import { createModuleLoggerSync } from '../utils/logger'
+
+export type UserRole = 'user' | 'admin'
+
+export interface AuthUser {
+  id: string
+  username: string
+  email: string
+  role: UserRole
+  avatar?: string
+}
+
+export interface AuthMiddlewareOptions {
+  requiredRole?: UserRole
+}
+
+declare module 'hono' {
+  interface ContextVariableMap {
+    authUser: AuthUser
+  }
+}
+
+function extractToken(authHeader: string | undefined): string | null {
+  if (!authHeader) return null
+  if (!authHeader.startsWith('Bearer ')) return null
+  return authHeader.slice(7)
+}
+
+export function authMiddleware(_options: AuthMiddlewareOptions = {}): MiddlewareHandler {
+  const log = createModuleLoggerSync('auth')
+
+  return async (c, next) => {
+    const token = extractToken(c.req.header('Authorization'))
+
+    if (!token) {
+      log.warn({ path: c.req.path, method: c.req.method }, 'Missing auth token')
+      return c.json({ success: false, error: 'Authentication required', status: 401 }, 401)
+    }
+
+    try {
+      const jwt = await import('jsonwebtoken')
+      const secretKey = process.env.AUTH_SECRET_KEY || 'dev-secret-key-change-in-production'
+      const decoded = jwt.verify(token, secretKey) as {
+        userId: string
+        username: string
+        email: string
+        role: string
+      }
+
+      const user: AuthUser = {
+        id: decoded.userId,
+        username: decoded.username,
+        email: decoded.email,
+        role: decoded.role as UserRole,
+      }
+
+      c.set('authUser', user)
+      log.info({ userId: user.id, path: c.req.path }, 'User authenticated')
+      await next()
+    } catch {
+      log.warn({ path: c.req.path, method: c.req.method }, 'Invalid auth token')
+      return c.json({ success: false, error: 'Invalid or expired token', status: 401 }, 401)
+    }
+  }
+}
+
+export function requireSuperAdminMiddleware(): MiddlewareHandler {
+  return authMiddleware()
+}
+
+export function requireCustomerServiceMiddleware(): MiddlewareHandler {
+  return authMiddleware()
+}
+
+export function requirePermissionsMiddleware(): MiddlewareHandler {
+  return authMiddleware()
+}
+`;
+}
+function generateNoopAuthMiddleware() {
   return `import type { MiddlewareHandler } from 'hono'
 import { createModuleLoggerSync } from '../utils/logger'
 
@@ -1876,13 +2112,31 @@ export function requirePermissionsMiddleware(): MiddlewareHandler {
 
 // src/generators/auth-utils.ts
 function generateAuthUtils(resolved) {
-  if (!resolved.hasPermission) {
+  const hasAuthOrPermission = resolved.modules.has("auth") || resolved.hasPermission;
+  if (!hasAuthOrPermission) {
     return `import type { Context } from 'hono'
 import type { AuthUser } from '../middleware/auth'
 
 export function getAuthUser(c: Context): AuthUser {
   return c.get('authUser')
 }
+`;
+  }
+  if (resolved.modules.has("auth") && !resolved.hasPermission) {
+    return `import type { Context } from 'hono'
+import type { AuthUser } from '../middleware/auth'
+
+export function getAuthUser(c: Context): AuthUser {
+  return c.get('authUser')
+}
+
+export function getOptionalAuthUser(c: Context): AuthUser | null {
+  try {
+    return c.get('authUser')
+  } catch {
+    return null
+  }
+}
 `;
   }
   return `import type { Context } from 'hono'
@@ -1975,7 +2229,7 @@ function generateClientComponentsIndex(resolved) {
   if (resolved.modules.has("chat")) {
     lines.push(`export { MessageCard } from './MessageCard'`);
   }
-  if (resolved.modules.has("admin")) {
+  if (resolved.modules.has("admin") || resolved.modules.has("auth")) {
     lines.push(`export { AuthButton } from './AuthButton'`);
   }
   return lines.join("\n") + "\n";
@@ -1987,47 +2241,96 @@ function generateCliModulesIndex(resolved) {
   const registrations = [];
   if (resolved.modules.has("todos")) {
     modules.push("import { registerTodoCommands } from './todo'");
-    registrations.push("registerTodoCommands(program)");
+    registrations.push("registerTodoCommands(site)");
   }
   if (resolved.modules.has("notifications")) {
-    modules.push(
-      "import { registerNotificationCommands } from './notification'"
-    );
-    registrations.push("registerNotificationCommands(program)");
+    modules.push("import { registerNotificationCommands } from './notification'");
+    registrations.push("registerNotificationCommands(site)");
+  }
+  if (resolved.modules.has("auth")) {
+    modules.push("import { registerAuthCommands } from './auth'");
+    registrations.push("registerAuthCommands(site)");
+  }
+  if (resolved.modules.has("plugin")) {
+    modules.push("import { registerPluginCommands } from './plugin'");
+    registrations.push("registerPluginCommands(site)");
   }
   modules.push("import { registerConfigCommands } from './config'");
-  registrations.push("registerConfigCommands(program)");
-  const imports = `import type { Command } from 'commander'
-${modules.join("\n")}`;
-  const exports$1 = modules.map((m) => {
+  registrations.push("registerConfigCommands(site)");
+  const exports = modules.map((m) => {
     const match = m.match(/\{ (\w+) \}/);
     return match ? match[1] : "";
   }).filter(Boolean);
-  return `${imports}
+  return `import type { Core } from '@dyyz1993/xcli-core'
+${modules.join("\n")}
+
+/**
+ * Register all builtin CLI commands to xcli-core.
+ * Each register function receives a SiteInstance for command registration.
+ */
+export function registerBuiltinCommands(app: Core) {
+  const api = app.loader.getAPI()
+
+  const site = api.createSite({
+    name: 'local-server',
+    url: 'http://localhost:3010',
+  })
 
-export function registerModules(program: Command) {
 ${registrations.map((r) => `  ${r}`).join("\n")}
 }
 
-export { ${exports$1.join(", ")} }
+export { ${exports.join(", ")} }
 `;
 }
 
 // src/generators/package-json.ts
 var MODULE_PACKAGES = {
-  admin: ["bcryptjs"]
+  admin: ["bcryptjs"],
+  auth: ["bcryptjs"]
 };
 var ADMIN_PANEL_PACKAGES = ["antd"];
 var CLI_PACKAGES = ["commander"];
 var UNUSED_PACKAGES = ["lodash-es", "chalk", "mysql2"];
+var CLIENT_PACKAGES = [
+  "react",
+  "react-dom",
+  "react-helmet-async",
+  "react-router-dom",
+  "lucide-react",
+  "zustand"
+];
+var CLIENT_DEV_PACKAGES = [
+  "@vitejs/plugin-react",
+  "@testing-library/react",
+  "@testing-library/jest-dom",
+  "@testing-library/dom",
+  "vite",
+  "jsdom",
+  "tailwindcss",
+  "@tailwindcss/postcss",
+  "postcss",
+  "autoprefixer",
+  "@playwright/test",
+  "playwright",
+  "@prerenderer/renderer-jsdom",
+  "@prerenderer/renderer-puppeteer",
+  "@prerenderer/rollup-plugin",
+  "eventsource"
+];
+var CLIENT_TYPE_PACKAGES = ["@types/react", "@types/react-dom"];
 function filterPackageJson(pkg, resolved) {
   const result = { ...pkg };
   const packagesToRemove = new Set(UNUSED_PACKAGES);
+  const packageToModules = {};
   for (const [module, packages] of Object.entries(MODULE_PACKAGES)) {
-    if (!resolved.modules.has(module)) {
-      for (const pkg2 of packages) {
-        packagesToRemove.add(pkg2);
-      }
+    for (const pkg2 of packages) {
+      if (!packageToModules[pkg2]) packageToModules[pkg2] = [];
+      packageToModules[pkg2].push(module);
+    }
+  }
+  for (const [pkg2, modules] of Object.entries(packageToModules)) {
+    if (!modules.some((m) => resolved.modules.has(m))) {
+      packagesToRemove.add(pkg2);
     }
   }
   if (!resolved.modules.has("admin")) {
@@ -2035,8 +2338,11 @@ function filterPackageJson(pkg, resolved) {
       packagesToRemove.add(pkg2);
     }
   }
-  if (!resolved.modules.has("admin")) {
-    for (const pkg2 of CLI_PACKAGES) {
+  for (const pkg2 of CLI_PACKAGES) {
+    packagesToRemove.add(pkg2);
+  }
+  if (!resolved.hasClient) {
+    for (const pkg2 of CLIENT_PACKAGES) {
       packagesToRemove.add(pkg2);
     }
   }
@@ -2052,8 +2358,37 @@ function filterPackageJson(pkg, resolved) {
     if (!resolved.modules.has("admin")) {
       delete devDeps["@testing-library/user-event"];
     }
+    if (!resolved.hasClient) {
+      for (const pkg2 of CLIENT_DEV_PACKAGES) {
+        delete devDeps[pkg2];
+      }
+      for (const pkg2 of CLIENT_TYPE_PACKAGES) {
+        delete devDeps[pkg2];
+      }
+    }
     result.devDependencies = devDeps;
   }
+  if (!resolved.hasClient && result.scripts && typeof result.scripts === "object") {
+    const scripts = { ...result.scripts };
+    scripts["dev"] = "NODE_ENV=development node --import tsx src/server/entries/node.ts";
+    scripts["build"] = "npm run build:server && npm run build:cli";
+    scripts["build:all"] = "npm run build:server && npm run build:cli";
+    delete scripts["build:client"];
+    delete scripts["build:cloudflare"];
+    delete scripts["preview"];
+    delete scripts["dev:todo"];
+    delete scripts["dev:plugin"];
+    delete scripts["dev:ecommerce"];
+    delete scripts["dev:community"];
+    delete scripts["dev:saas"];
+    delete scripts["dev:cf"];
+    delete scripts["deploy:cf"];
+    delete scripts["test:e2e"];
+    delete scripts["test:e2e:ui"];
+    delete scripts["test:e2e:debug"];
+    delete scripts["test:full"];
+    result.scripts = scripts;
+  }
   return result;
 }
 function generateViteConfig(resolved, templateDir) {
@@ -2068,9 +2403,594 @@ function generateViteConfig(resolved, templateDir) {
   return content;
 }
 
+// src/generators/client-preset-ui-config.ts
+function getPresetType(presetId) {
+  const map = {
+    "todo-app": "todo",
+    "xbrowser-marketplace": "plugin",
+    ecommerce: "ecommerce",
+    "fullstack-admin": "saas",
+    minimal: "todo"
+  };
+  return map[presetId] || "todo";
+}
+function getThemeForPresetType(presetType) {
+  const themes = {
+    todo: {
+      constName: "TODO_THEME",
+      theme: `{
+  primaryColor: '#6366f1',
+  primaryHover: '#4f46e5',
+  bgColor: '#ffffff',
+  textColor: '#111827',
+  secondaryBg: '#f9fafb',
+  borderColor: '#e5e7eb',
+  borderRadius: '12px',
+  logoText: 'Biomimic',
+  fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
+}`
+    },
+    plugin: {
+      constName: "PLUGIN_MARKET_THEME",
+      theme: `{
+  primaryColor: '#3b82f6',
+  primaryHover: '#2563eb',
+  bgColor: '#ffffff',
+  textColor: '#111827',
+  secondaryBg: '#f0f9ff',
+  borderColor: '#bae6fd',
+  borderRadius: '12px',
+  logoText: 'PluginHub',
+  fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
+}`
+    },
+    ecommerce: {
+      constName: "ECOMMERCE_THEME",
+      theme: `{
+  primaryColor: '#f59e0b',
+  primaryHover: '#d97706',
+  bgColor: '#ffffff',
+  textColor: '#111827',
+  secondaryBg: '#fffbeb',
+  borderColor: '#fde68a',
+  borderRadius: '12px',
+  logoText: 'ShopMart',
+  fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
+}`
+    },
+    saas: {
+      constName: "SAAS_ADMIN_THEME",
+      theme: `{
+  primaryColor: '#1f2937',
+  primaryHover: '#374151',
+  bgColor: '#f9fafb',
+  textColor: '#111827',
+  secondaryBg: '#f3f4f6',
+  borderColor: '#e5e7eb',
+  borderRadius: '8px',
+  logoText: 'AdminPanel',
+  fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
+}`
+    }
+  };
+  return themes[presetType] || themes.todo;
+}
+function getRoutesForPreset(presetType, resolved) {
+  const hasModule = (m) => resolved.modules.has(m);
+  const loginRoute = {
+    path: "/login",
+    importPath: "./pages/LoginPage",
+    componentName: "LoginPage",
+    label: "Login"
+  };
+  const registerRoute = {
+    path: "/register",
+    importPath: "./pages/RegisterPage",
+    componentName: "RegisterPage",
+    label: "Register"
+  };
+  const maybeAuthRoutes = hasModule("auth") ? [
+    loginRoute,
+    registerRoute,
+    {
+      path: "/profile",
+      importPath: "./pages/ProfilePage",
+      componentName: "ProfilePage",
+      label: "Profile"
+    }
+  ] : [];
+  switch (presetType) {
+    case "todo": {
+      const routes = [
+        ...maybeAuthRoutes,
+        {
+          path: "/todos",
+          importPath: "./pages/TodoPage",
+          componentName: "TodoPage",
+          label: "Todos"
+        }
+      ];
+      if (hasModule("notifications")) {
+        routes.push({
+          path: "/notifications",
+          importPath: "./pages/NotificationPage",
+          componentName: "NotificationPage",
+          label: "Notifications"
+        });
+      }
+      if (hasModule("chat")) {
+        routes.push({
+          path: "/websocket",
+          importPath: "./pages/WebSocketPage",
+          componentName: "WebSocketPage",
+          label: "WebSocket"
+        });
+      }
+      return routes;
+    }
+    case "plugin": {
+      const routes = [];
+      if (hasModule("plugin")) {
+        routes.push(
+          {
+            path: "/",
+            importPath: "./pages/PluginsPage",
+            componentName: "PluginsPage",
+            label: "Home"
+          },
+          {
+            path: "/plugins",
+            importPath: "./pages/PluginsPage",
+            componentName: "PluginsPage",
+            label: "Plugins"
+          },
+          {
+            path: "/plugins/:slug",
+            importPath: "./pages/PluginDetailPage",
+            componentName: "PluginDetailPage",
+            label: "Plugin Detail"
+          },
+          {
+            path: "/categories",
+            importPath: "./pages/CategoriesPage",
+            componentName: "CategoriesPage",
+            label: "Categories"
+          },
+          {
+            path: "/search",
+            importPath: "./pages/SearchPage",
+            componentName: "SearchPage",
+            label: "Search"
+          },
+          {
+            path: "/publish",
+            importPath: "./pages/PublishPage",
+            componentName: "PublishPage",
+            label: "Publish"
+          },
+          {
+            path: "/developer",
+            importPath: "./pages/DeveloperDashboardPage",
+            componentName: "DeveloperDashboardPage",
+            label: "Developer"
+          }
+        );
+      }
+      routes.push(...maybeAuthRoutes);
+      if (hasModule("notifications")) {
+        routes.push({
+          path: "/notifications",
+          importPath: "./pages/NotificationPage",
+          componentName: "NotificationPage",
+          label: "Notifications"
+        });
+      }
+      return routes;
+    }
+    case "ecommerce": {
+      const routes = [];
+      if (hasModule("content")) {
+        routes.push(
+          {
+            path: "/",
+            importPath: "./pages/ContentListPage",
+            componentName: "ContentListPage",
+            label: "Home"
+          },
+          {
+            path: "/products",
+            importPath: "./pages/ContentListPage",
+            componentName: "ContentListPage",
+            label: "Products"
+          },
+          {
+            path: "/products/:id",
+            importPath: "./pages/ContentDetailPage",
+            componentName: "ContentDetailPage",
+            label: "Product Detail"
+          },
+          {
+            path: "/content",
+            importPath: "./pages/ContentListPage",
+            componentName: "ContentListPage",
+            label: "Content"
+          },
+          {
+            path: "/content/:id",
+            importPath: "./pages/ContentDetailPage",
+            componentName: "ContentDetailPage",
+            label: "Content Detail"
+          }
+        );
+      }
+      if (hasModule("order")) {
+        routes.push(
+          {
+            path: "/cart",
+            importPath: "./pages/CartPage",
+            componentName: "CartPage",
+            label: "Cart"
+          },
+          {
+            path: "/orders",
+            importPath: "./pages/OrdersPage",
+            componentName: "OrdersPage",
+            label: "Orders"
+          }
+        );
+      }
+      routes.push(...maybeAuthRoutes);
+      return routes;
+    }
+    case "saas": {
+      const routes = [];
+      if (hasModule("admin")) {
+        routes.push(
+          {
+            path: "/dashboard",
+            importPath: "./pages/DashboardPage",
+            componentName: "DashboardPage",
+            label: "Dashboard"
+          },
+          {
+            path: "/settings",
+            importPath: "./pages/SettingsPage",
+            componentName: "SettingsPage",
+            label: "Settings"
+          }
+        );
+      }
+      routes.push(...maybeAuthRoutes);
+      return routes;
+    }
+    default:
+      return [...maybeAuthRoutes];
+  }
+}
+function getNavConfigForPreset(presetType, hasAuth) {
+  switch (presetType) {
+    case "todo":
+      return {
+        name: "Todo App",
+        appType: "client",
+        layout: "top-nav",
+        navigationObj: hasAuth ? "{ visible: true, showLogo: true, showSearch: false, showCart: false, authStyle: 'buttons', navItems: 'desktop' }" : "{ visible: true, showLogo: true, showSearch: false, showCart: false, authStyle: 'none', navItems: 'desktop' }",
+        desktopNav: [
+          "{ label: 'Todos', icon: 'CheckSquare', path: '/todos' }",
+          "{ label: 'SSE Demo', icon: 'Bell', path: '/notifications' }",
+          "{ label: 'WebSocket', icon: 'Zap', path: '/websocket' }"
+        ],
+        mobileTabs: [
+          "{ label: 'Todos', icon: 'CheckSquare', path: '/todos' }",
+          "{ label: 'SSE', icon: 'Bell', path: '/notifications' }",
+          "{ label: 'WS', icon: 'Zap', path: '/websocket' }"
+        ],
+        defaultRoute: "/todos"
+      };
+    case "plugin":
+      return {
+        name: "Plugin Market",
+        appType: "client",
+        layout: "top-nav",
+        navigationObj: "{ visible: true, showLogo: true, showSearch: true, showCart: false, authStyle: 'text-link', navItems: 'desktop' }",
+        desktopNav: [
+          "{ label: 'Discover', icon: 'Compass', path: '/plugins' }",
+          "{ label: 'Plugins', icon: 'Puzzle', path: '/plugins/list' }",
+          "{ label: 'Categories', icon: 'Tags', path: '/categories' }",
+          "{ label: 'Search', icon: 'Search', path: '/search' }",
+          "{ label: 'Publish', icon: 'PlusCircle', path: '/publish' }",
+          "{ label: 'Developer', icon: 'Code', path: '/developer' }"
+        ],
+        mobileTabs: [
+          "{ label: 'Discover', icon: 'Compass', path: '/plugins' }",
+          "{ label: 'Plugins', icon: 'Puzzle', path: '/plugins/list' }",
+          "{ label: 'Categories', icon: 'Tags', path: '/categories' }",
+          "{ label: 'Search', icon: 'Search', path: '/search' }",
+          "{ label: 'My', icon: 'User', path: '/developer' }"
+        ],
+        defaultRoute: "/plugins"
+      };
+    case "ecommerce":
+      return {
+        name: "E-Commerce",
+        appType: "client",
+        layout: "top-nav",
+        navigationObj: "{ visible: true, showLogo: true, showSearch: true, showCart: true, authStyle: 'icon', navItems: 'desktop' }",
+        desktopNav: [
+          "{ label: 'Home', icon: 'Home', path: '/' }",
+          "{ label: 'Products', icon: 'ShoppingBag', path: '/products' }",
+          "{ label: 'Cart', icon: 'ShoppingCart', path: '/cart' }",
+          "{ label: 'Orders', icon: 'Package', path: '/orders' }",
+          "{ label: 'Account', icon: 'User', path: '/content' }"
+        ],
+        mobileTabs: [
+          "{ label: 'Home', icon: 'Home', path: '/' }",
+          "{ label: 'Products', icon: 'ShoppingBag', path: '/products' }",
+          "{ label: 'Cart', icon: 'ShoppingCart', path: '/cart' }",
+          "{ label: 'Orders', icon: 'Package', path: '/orders' }",
+          "{ label: 'Me', icon: 'User', path: '/content' }"
+        ],
+        defaultRoute: "/"
+      };
+    case "saas":
+      return {
+        name: "SaaS Admin",
+        appType: "admin",
+        layout: "minimal",
+        navigationObj: "{ visible: false, showLogo: false, showSearch: false, showCart: false, authStyle: 'none', navItems: 'none' }",
+        desktopNav: [
+          "{ label: 'Dashboard', icon: 'LayoutDashboard', path: '/dashboard' }",
+          "{ label: 'Settings', icon: 'Settings', path: '/settings' }"
+        ],
+        mobileTabs: [
+          "{ label: 'Dashboard', icon: 'LayoutDashboard', path: '/dashboard' }",
+          "{ label: 'Settings', icon: 'Settings', path: '/settings' }"
+        ],
+        defaultRoute: "/dashboard"
+      };
+    default:
+      return {
+        name: "App",
+        appType: "client",
+        layout: "top-nav",
+        navigationObj: "{ visible: true, showLogo: true, showSearch: false, showCart: false, authStyle: 'none', navItems: 'desktop' }",
+        desktopNav: ["{ label: 'Home', icon: 'Home', path: '/' }"],
+        mobileTabs: ["{ label: 'Home', icon: 'Home', path: '/' }"],
+        defaultRoute: "/"
+      };
+  }
+}
+function filterNavByModules(navItems, resolved) {
+  const hasModule = (path3) => {
+    if (path3 === "/todos") return resolved.modules.has("todos");
+    if (path3 === "/notifications") return resolved.modules.has("notifications");
+    if (path3 === "/websocket") return resolved.modules.has("chat");
+    if (path3.startsWith("/plugins") || path3 === "/categories" || path3 === "/search" || path3 === "/publish" || path3 === "/developer")
+      return resolved.modules.has("plugin");
+    if (path3 === "/cart" || path3 === "/orders") return resolved.modules.has("order");
+    if (path3.startsWith("/content") || path3 === "/products" || path3 === "/")
+      return resolved.modules.has("content");
+    if (path3 === "/topics" || path3 === "/popular" || path3 === "/profile")
+      return resolved.modules.has("content");
+    if (path3 === "/dashboard" || path3 === "/settings") return resolved.modules.has("admin");
+    return true;
+  };
+  return navItems.filter((item) => {
+    const pathMatch = item.match(/path:\s*'([^']+)'/);
+    if (!pathMatch) return true;
+    return hasModule(pathMatch[1]);
+  });
+}
+function generatePresetUIConfig(resolved, presetId) {
+  const presetType = getPresetType(presetId);
+  const { constName, theme } = getThemeForPresetType(presetType);
+  const hasAuth = resolved.modules.has("auth");
+  const navConfig = getNavConfigForPreset(presetType, hasAuth);
+  const routes = getRoutesForPreset(presetType, resolved);
+  const desktopNav = filterNavByModules(navConfig.desktopNav, resolved);
+  const mobileTabs = filterNavByModules(navConfig.mobileTabs, resolved);
+  const routeDefs = routes.map((r) => {
+    return `  {
+    path: '${r.path}',
+    component: lazy(() => import('${r.importPath}').then(m => ({ default: m.${r.componentName} }))),
+    label: '${r.label}',
+  }`;
+  });
+  return `import { lazy, type ComponentType } from 'react'
+
+export type PresetType = '${presetType}'
+
+export type AppType = 'client' | 'admin'
+export type LayoutType = 'top-nav' | 'minimal'
+export type AuthStyle = 'buttons' | 'text-link' | 'icon' | 'avatar' | 'none'
+
+// ClientNavItem is intentionally simpler than admin MenuItem (no permissions/children needed for client nav)
+// eslint-disable-next-line local-rules/prefer-shared-types
+export interface ClientNavItem {
+  label: string
+  icon: string
+  path: string
+}
+
+export type TabItem = ClientNavItem
+
+export interface NavigationConfig {
+  visible: boolean
+  showLogo: boolean
+  showSearch: boolean
+  showCart: boolean
+  authStyle: AuthStyle
+  navItems: 'desktop' | 'none'
+}
+
+export interface PresetTheme {
+  primaryColor: string
+  primaryHover: string
+  bgColor: string
+  textColor: string
+  secondaryBg: string
+  borderColor: string
+  borderRadius: string
+  logoText: string
+  fontFamily: string
+}
+
+export interface RouteDef {
+  path: string
+  component: ComponentType<Record<string, unknown>> | null
+  label: string
+}
+
+export interface PresetUIConfig {
+  id: PresetType
+  name: string
+  appType: AppType
+  layout: LayoutType
+  theme: PresetTheme
+  navigation: NavigationConfig
+  desktopNav: ClientNavItem[]
+  mobileTabs: ClientNavItem[]
+  routes: RouteDef[]
+  defaultRoute: string
+}
+
+const ${constName}: PresetTheme = ${theme}
+
+export const PRESET_UI_CONFIGS: Record<PresetType, PresetUIConfig> = {
+  ${presetType}: {
+    id: '${presetType}',
+    name: '${navConfig.name}',
+    appType: '${navConfig.appType}',
+    layout: '${navConfig.layout}',
+    theme: ${constName},
+    navigation: ${navConfig.navigationObj},
+    desktopNav: [
+${desktopNav.map((i) => `      ${i}`).join(",\n")}
+    ],
+    mobileTabs: [
+${mobileTabs.map((i) => `      ${i}`).join(",\n")}
+    ],
+    defaultRoute: '${navConfig.defaultRoute}',
+    routes: [
+${routeDefs.join(",\n")}
+    ],
+  },
+}
+
+export function getPresetUIConfig(id: string): PresetUIConfig {
+  return PRESET_UI_CONFIGS[id as PresetType] ?? PRESET_UI_CONFIGS[Object.keys(PRESET_UI_CONFIGS)[0] as PresetType]
+}
+
+export function getPresetUIConfigs(): Record<PresetType, PresetUIConfig> {
+  return PRESET_UI_CONFIGS
+}
+`;
+}
+
+// src/generators/client-main.ts
+function getPresetType2(presetId) {
+  const map = {
+    "todo-app": "todo",
+    "xbrowser-marketplace": "plugin",
+    ecommerce: "ecommerce",
+    "fullstack-admin": "saas",
+    minimal: "todo"
+  };
+  return map[presetId] || "todo";
+}
+function generateClientMain(resolved, presetId) {
+  const presetType = getPresetType2(presetId);
+  const isSaas = presetType === "saas";
+  const authTokenBlock = isSaas ? "" : `
+if (preset !== 'saas') {
+  try {
+    const raw = localStorage.getItem('auth-token')
+    const parsed = raw ? JSON.parse(raw) : null
+    if (!parsed?.state?.token) {
+      localStorage.setItem('auth-token', JSON.stringify({
+        state: {
+          token: 'user-token',
+          isAuthenticated: true,
+          user: { id: 'user-1', username: 'Demo User', role: 'USER' },
+          loading: false,
+          error: null,
+        },
+        version: 0,
+      }))
+    }
+  } catch {
+    localStorage.setItem('auth-token', JSON.stringify({
+      state: { token: 'user-token', isAuthenticated: true, user: { id: 'user-1', username: 'Demo User', role: 'USER' }, loading: false, error: null },
+      version: 0,
+    }))
+  }
+}
+`;
+  if (isSaas) {
+    return `import React from 'react'
+import ReactDOM from 'react-dom/client'
+import './index.css'
+
+const AdminApp = React.lazy(() => import('@admin/App').then(m => ({ default: m.App })))
+
+const RootApp = () => {
+  return (
+    <React.Suspense fallback={<div className="flex items-center justify-center h-screen text-gray-400">Loading...</div>}>
+      <AdminApp basePath="/" />
+    </React.Suspense>
+  )
+}
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <RootApp />
+  </React.StrictMode>,
+)
+
+if (typeof window !== 'undefined') {
+  requestAnimationFrame(() => {
+    setTimeout(() => {
+      document.dispatchEvent(new CustomEvent('prerender-ready'))
+    }, 100)
+  })
+}
+`;
+  }
+  return `import React from 'react'
+import ReactDOM from 'react-dom/client'
+import { HelmetProvider } from 'react-helmet-async'
+import { App as ClientApp } from './App'
+import './index.css'
+
+const preset = import.meta.env.VITE_PRESET || '${presetType}'
+${authTokenBlock}
+const RootApp = () => {
+  return (
+    <HelmetProvider>
+      <ClientApp presetId={preset} />
+    </HelmetProvider>
+  )
+}
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <RootApp />
+  </React.StrictMode>,
+)
+
+if (typeof window !== 'undefined') {
+  requestAnimationFrame(() => {
+    setTimeout(() => {
+      document.dispatchEvent(new CustomEvent('prerender-ready'))
+    }, 100)
+  })
+}
+`;
+}
+
 // src/commands/create.ts
 var __filename$1 = fileURLToPath(import.meta.url);
-var __dirname$1 = path2.dirname(__filename$1);
+var __dirname$1 = path.dirname(__filename$1);
 var TEMPLATE_PROJECT_NAME = "biomimic-todo-app";
 var TEMPLATE_DB_NAME = "biomimic-todo-db";
 var ScaffoldError = class extends Error {
@@ -2112,11 +3032,11 @@ function generateDbName(projectName) {
   return `${sanitized}-db`;
 }
 async function updateWranglerToml(targetDir, projectName) {
-  const wranglerPath = path2.join(targetDir, "wrangler.toml");
-  if (!await fs2.pathExists(wranglerPath)) {
+  const wranglerPath = path.join(targetDir, "wrangler.toml");
+  if (!await fs.pathExists(wranglerPath)) {
     return;
   }
-  let content = await fs2.readFile(wranglerPath, "utf-8");
+  let content = await fs.readFile(wranglerPath, "utf-8");
   const dbName = generateDbName(projectName);
   content = content.replace(
     new RegExp(`^name = "${TEMPLATE_PROJECT_NAME}"`, "m"),
@@ -2130,43 +3050,43 @@ async function updateWranglerToml(targetDir, projectName) {
     /database_id = "[^"]+"/,
     `database_id = ""  # TODO: Run 'wrangler d1 create ${dbName}' and paste the ID here`
   );
-  await fs2.writeFile(wranglerPath, content);
+  await fs.writeFile(wranglerPath, content);
 }
 async function updatePackageJson(targetDir, projectName, resolved) {
-  const pkgJsonPath = path2.join(targetDir, "package.json");
-  if (!await fs2.pathExists(pkgJsonPath)) {
+  const pkgJsonPath = path.join(targetDir, "package.json");
+  if (!await fs.pathExists(pkgJsonPath)) {
     return;
   }
-  let pkgJson = await fs2.readJson(pkgJsonPath);
+  let pkgJson = await fs.readJson(pkgJsonPath);
   pkgJson = filterPackageJson(pkgJson, resolved);
   pkgJson.name = projectName;
   if (pkgJson.bin) {
     delete pkgJson.bin;
   }
-  await fs2.writeJson(pkgJsonPath, pkgJson, { spaces: 2 });
+  await fs.writeJson(pkgJsonPath, pkgJson, { spaces: 2 });
 }
 async function updatePackageLockJson(targetDir, projectName) {
-  const lockFilePath = path2.join(targetDir, "package-lock.json");
-  if (!await fs2.pathExists(lockFilePath)) {
+  const lockFilePath = path.join(targetDir, "package-lock.json");
+  if (!await fs.pathExists(lockFilePath)) {
     return;
   }
-  const lockFile = await fs2.readJson(lockFilePath);
+  const lockFile = await fs.readJson(lockFilePath);
   if (lockFile.name === TEMPLATE_PROJECT_NAME) {
     lockFile.name = projectName;
   }
   if (lockFile.packages?.[""]?.name === TEMPLATE_PROJECT_NAME) {
     lockFile.packages[""].name = projectName;
   }
-  await fs2.writeJson(lockFilePath, lockFile, { spaces: 2 });
+  await fs.writeJson(lockFilePath, lockFile, { spaces: 2 });
 }
 async function updateReadme(targetDir, projectName) {
-  const readmePath = path2.join(targetDir, "README.md");
-  if (!await fs2.pathExists(readmePath)) {
+  const readmePath = path.join(targetDir, "README.md");
+  if (!await fs.pathExists(readmePath)) {
     return;
   }
-  let content = await fs2.readFile(readmePath, "utf-8");
+  let content = await fs.readFile(readmePath, "utf-8");
   content = content.replace(/^# (.+)$/m, `# ${projectName}`);
-  await fs2.writeFile(readmePath, content);
+  await fs.writeFile(readmePath, content);
 }
 async function createProject(projectNameOrOptions, useCurrentDir = false, preset) {
   let projectName;
@@ -2189,19 +3109,19 @@ async function createProject(projectNameOrOptions, useCurrentDir = false, preset
   if (!currentDir) {
     validateProjectName(projectName);
   }
-  const templateDir = path2.join(__dirname$1, "../../template");
+  const templateDir = path.join(__dirname$1, "../../template");
   let targetDir;
   if (currentDir) {
     targetDir = process.cwd();
-    projectName = path2.basename(targetDir);
+    projectName = path.basename(targetDir);
   } else if (outputDir) {
-    targetDir = path2.resolve(outputDir);
-    if (await fs2.pathExists(targetDir)) {
+    targetDir = path.resolve(outputDir);
+    if (await fs.pathExists(targetDir)) {
       throw new ScaffoldError(`Directory ${outputDir} already exists`);
     }
   } else {
-    targetDir = path2.resolve(process.cwd(), projectName);
-    if (await fs2.pathExists(targetDir)) {
+    targetDir = path.resolve(process.cwd(), projectName);
+    if (await fs.pathExists(targetDir)) {
       throw new ScaffoldError(`Directory ${projectName} already exists`);
     }
   }
@@ -2228,16 +3148,16 @@ async function createProject(projectNameOrOptions, useCurrentDir = false, preset
       for (const file of generatedFiles2) {
         console.log(`  ${chalk.green("\u2713")} ${file}`);
       }
-      const gitignorePath2 = path2.join(templateDir, ".gitignore");
+      const gitignorePath2 = path.join(templateDir, ".gitignore");
       let ignorePatterns2 = [];
-      if (await fs2.pathExists(gitignorePath2)) {
-        const gitignoreContent = await fs2.readFile(gitignorePath2, "utf-8");
+      if (await fs.pathExists(gitignorePath2)) {
+        const gitignoreContent = await fs.readFile(gitignorePath2, "utf-8");
         ignorePatterns2 = parseGitignore(gitignoreContent);
       }
       ignorePatterns2.push("node_modules", ".wrangler");
       const excludePatterns2 = getExcludePatterns(resolved, allManifests);
       let templateFileCount = 0;
-      const templateFiles = await fs2.readdir(templateDir, { recursive: true });
+      const templateFiles = await fs.readdir(templateDir, { recursive: true });
       for (const file of templateFiles) {
         const relative = String(file);
         if (!relative) continue;
@@ -2272,21 +3192,21 @@ async function createProject(projectNameOrOptions, useCurrentDir = false, preset
     }
     if (!currentDir) {
       const dirSpinner = ora("Creating project directory...").start();
-      await fs2.ensureDir(targetDir);
+      await fs.ensureDir(targetDir);
       dirSpinner.succeed(chalk.green("Project directory created"));
     }
     const copySpinner = ora("Copying template files...").start();
-    const gitignorePath = path2.join(templateDir, ".gitignore");
+    const gitignorePath = path.join(templateDir, ".gitignore");
     let ignorePatterns = [];
-    if (await fs2.pathExists(gitignorePath)) {
-      const gitignoreContent = await fs2.readFile(gitignorePath, "utf-8");
+    if (await fs.pathExists(gitignorePath)) {
+      const gitignoreContent = await fs.readFile(gitignorePath, "utf-8");
       ignorePatterns = parseGitignore(gitignoreContent);
     }
     ignorePatterns.push("node_modules", ".wrangler");
     const excludePatterns = getExcludePatterns(resolved, allManifests);
-    await fs2.copy(templateDir, targetDir, {
+    await fs.copy(templateDir, targetDir, {
       filter: (src) => {
-        const relative = path2.relative(templateDir, src);
+        const relative = path.relative(templateDir, src);
         if (relative === "") return true;
         const negated = ignorePatterns.filter((p) => p.startsWith("!"));
         const gitIgnored = ignorePatterns.filter((p) => !p.startsWith("!") && relative.startsWith(p));
@@ -2308,62 +3228,80 @@ async function createProject(projectNameOrOptions, useCurrentDir = false, preset
     copySpinner.succeed(chalk.green("Template files copied"));
     const genSpinner = ora("Generating module-specific files...").start();
     const routeRegistryContent = generateRouteRegistry(resolved);
-    await fs2.writeFile(path2.join(targetDir, "src/server/route-registry.ts"), routeRegistryContent);
+    await fs.writeFile(path.join(targetDir, "src/server/route-registry.ts"), routeRegistryContent);
     const dbSchemaContent = generateDbSchemaBarrel(resolved);
-    await fs2.writeFile(path2.join(targetDir, "src/server/db/schema/index.ts"), dbSchemaContent);
-    const clientAppContent = generateClientApp(resolved);
-    await fs2.writeFile(path2.join(targetDir, "src/client/App.tsx"), clientAppContent);
-    const clientNavContent = generateClientNavigation(resolved);
-    await fs2.writeFile(
-      path2.join(targetDir, "src/client/components/Navigation.tsx"),
-      clientNavContent
-    );
-    if (resolved.modules.has("admin")) {
+    await fs.writeFile(path.join(targetDir, "src/server/db/schema/index.ts"), dbSchemaContent);
+    if (resolved.hasClient) {
+      const clientNavContent = generateClientNavigation(resolved);
+      await fs.writeFile(
+        path.join(targetDir, "src/client/components/Navigation.tsx"),
+        clientNavContent
+      );
+      const clientAppTestContent = generateClientAppTest(resolved);
+      await fs.ensureDir(path.join(targetDir, "src/client/components/__tests__"));
+      await fs.writeFile(
+        path.join(targetDir, "src/client/components/__tests__/App.test.tsx"),
+        clientAppTestContent
+      );
+      const clientNavTestContent = generateClientNavigationTest(resolved);
+      await fs.writeFile(
+        path.join(targetDir, "src/client/components/__tests__/Navigation.test.tsx"),
+        clientNavTestContent
+      );
+      const presetUIConfigContent = generatePresetUIConfig(resolved, selectedPreset.id);
+      await fs.writeFile(
+        path.join(targetDir, "src/client/preset-ui-config.ts"),
+        presetUIConfigContent
+      );
+      const clientMainContent = generateClientMain(resolved, selectedPreset.id);
+      await fs.writeFile(path.join(targetDir, "src/client/main.tsx"), clientMainContent);
+    }
+    if (resolved.hasClient && resolved.modules.has("admin")) {
       const adminAppContent = generateAdminApp(resolved);
       if (adminAppContent) {
-        await fs2.ensureDir(path2.join(targetDir, "src/admin"));
-        await fs2.writeFile(path2.join(targetDir, "src/admin/App.tsx"), adminAppContent);
+        await fs.ensureDir(path.join(targetDir, "src/admin"));
+        await fs.writeFile(path.join(targetDir, "src/admin/App.tsx"), adminAppContent);
       }
     }
     const serverAppContent = generateServerApp(resolved);
-    await fs2.writeFile(path2.join(targetDir, "src/server/app.ts"), serverAppContent);
+    await fs.writeFile(path.join(targetDir, "src/server/app.ts"), serverAppContent);
     const generatedFiles = getGeneratedFiles(resolved);
     if (generatedFiles.includes("src/server/db/init.ts")) {
       const dbInitContent = generateDbInit(resolved);
-      await fs2.writeFile(path2.join(targetDir, "src/server/db/init.ts"), dbInitContent);
+      await fs.writeFile(path.join(targetDir, "src/server/db/init.ts"), dbInitContent);
     }
     const sharedModulesContent = generateSharedModulesIndex(resolved);
-    await fs2.writeFile(path2.join(targetDir, "src/shared/modules/index.ts"), sharedModulesContent);
+    await fs.writeFile(path.join(targetDir, "src/shared/modules/index.ts"), sharedModulesContent);
     const sharedSchemasContent = generateSharedSchemasIndex(resolved);
-    await fs2.writeFile(path2.join(targetDir, "src/shared/schemas/index.ts"), sharedSchemasContent);
+    await fs.writeFile(path.join(targetDir, "src/shared/schemas/index.ts"), sharedSchemasContent);
     const middlewareIndexContent = generateMiddlewareIndex(resolved);
-    await fs2.writeFile(
-      path2.join(targetDir, "src/server/middleware/index.ts"),
+    await fs.writeFile(
+      path.join(targetDir, "src/server/middleware/index.ts"),
       middlewareIndexContent
     );
     if (generatedFiles.includes("src/server/middleware/auth.ts")) {
       const authMiddlewareContent = generateAuthMiddleware(resolved);
-      await fs2.writeFile(
-        path2.join(targetDir, "src/server/middleware/auth.ts"),
+      await fs.writeFile(
+        path.join(targetDir, "src/server/middleware/auth.ts"),
         authMiddlewareContent
       );
     }
     if (generatedFiles.includes("src/server/utils/auth.ts")) {
       const authUtilsContent = generateAuthUtils(resolved);
-      await fs2.writeFile(path2.join(targetDir, "src/server/utils/auth.ts"), authUtilsContent);
+      await fs.writeFile(path.join(targetDir, "src/server/utils/auth.ts"), authUtilsContent);
     }
-    const clientComponentsContent = generateClientComponentsIndex(resolved);
-    await fs2.writeFile(
-      path2.join(targetDir, "src/client/components/index.ts"),
-      clientComponentsContent
-    );
-    if (resolved.modules.has("admin")) {
-      const cliModulesContent = generateCliModulesIndex(resolved);
-      await fs2.writeFile(path2.join(targetDir, "src/cli/modules/index.ts"), cliModulesContent);
+    if (resolved.hasClient) {
+      const clientComponentsContent = generateClientComponentsIndex(resolved);
+      await fs.writeFile(
+        path.join(targetDir, "src/client/components/index.ts"),
+        clientComponentsContent
+      );
     }
-    if (generatedFiles.includes("vite.config.ts")) {
+    const cliModulesContent = generateCliModulesIndex(resolved);
+    await fs.writeFile(path.join(targetDir, "src/cli/modules/index.ts"), cliModulesContent);
+    if (resolved.hasClient && generatedFiles.includes("vite.config.ts")) {
       const viteConfigContent = generateViteConfig(resolved, templateDir);
-      await fs2.writeFile(path2.join(targetDir, "vite.config.ts"), viteConfigContent);
+      await fs.writeFile(path.join(targetDir, "vite.config.ts"), viteConfigContent);
     }
     genSpinner.succeed(chalk.green("Module-specific files generated"));
     const pkgSpinner = ora("Configuring package.json...").start();
@@ -2388,14 +3326,24 @@ async function createProject(projectNameOrOptions, useCurrentDir = false, preset
       console.log(chalk.white(`    cd ${projectName}`));
     }
     console.log(chalk.white("    npm install"));
-    console.log(chalk.white("    npm run dev"));
-    console.log("");
-    console.log(chalk.yellow("  \u26A0\uFE0F  Cloudflare Setup:"));
-    console.log(
-      chalk.white(`    1. Create D1 database: wrangler d1 create ${generateDbName(projectName)}`)
-    );
-    console.log(chalk.white("    2. Copy the database ID to wrangler.toml"));
-    console.log(chalk.white("    3. Deploy: npm run deploy:cf"));
+    if (resolved.hasClient) {
+      console.log(chalk.white("    npm run dev"));
+      console.log("");
+      console.log(chalk.yellow("  \u26A0\uFE0F  Cloudflare Setup:"));
+      console.log(
+        chalk.white(`    1. Create D1 database: wrangler d1 create ${generateDbName(projectName)}`)
+      );
+      console.log(chalk.white("    2. Copy the database ID to wrangler.toml"));
+      console.log(chalk.white("    3. Deploy: npm run deploy:cf"));
+    } else {
+      console.log(chalk.white("    npm run build"));
+      console.log(chalk.white("    npm start"));
+      console.log("");
+      console.log(chalk.cyan("  CLI usage:"));
+      console.log(chalk.white("    node dist/cli/index.js config status"));
+      console.log(chalk.white("    node dist/cli/index.js todo list"));
+      console.log(chalk.white("    node dist/cli/index.js --help"));
+    }
     console.log("");
     console.log(chalk.gray("  Happy coding! \u{1F41F}"));
     console.log("");
@@ -2405,37 +3353,66 @@ async function createProject(projectNameOrOptions, useCurrentDir = false, preset
   }
 }
 
-// src/cli/index.ts
-var MODULE_COMMANDS = ["todo", "notification", "config"];
-program.name("create-fullstack-scaffold").description("Create a new fullstack scaffolded project").version("0.1.1").argument("[project-name]", "Name of the project to create").option("-v, --verbose", "Enable verbose output").option("-u, --url <url>", "Server URL", "http://localhost:3010").option("-p, --preset <preset>", "Template preset to use", "fullstack-admin").option("-d, --dry-run", "Preview files without creating them").option("--current-dir", "Scaffold in the current directory").action(async (projectName, cmdOptions) => {
-  if (projectName && !MODULE_COMMANDS.includes(projectName)) {
-    const isCurrentDir = cmdOptions.currentDir === true || projectName === ".";
-    createLogger({ verbose: cmdOptions.verbose });
-    const options = {
-      projectName: isCurrentDir ? "." : projectName,
-      currentDir: isCurrentDir,
-      preset: cmdOptions.preset,
-      dryRun: cmdOptions.dryRun
-    };
-    await createProject(options).catch((err) => {
-      console.error(`Error: ${err.message}`);
-      process.exit(1);
-    });
-    return;
-  }
-  if (!projectName) {
-    program.outputHelp();
-    process.exit(1);
+// src/index.ts
+var __filename2 = fileURLToPath(import.meta.url);
+var __dirname2 = path.dirname(__filename2);
+var rootDir = __dirname2.endsWith(path.join("src")) || __dirname2.endsWith(path.join("dist")) ? path.resolve(__dirname2, "..") : path.resolve(__dirname2, "..", "..");
+var packageJson = JSON.parse(readFileSync(path.join(rootDir, "package.json"), "utf-8"));
+var program = new Command();
+program.name("create-fullstack-scaffold").description("Create a new full-stack scaffold app with Todo List example").version(packageJson.version).argument("[project-name]", "Name of your project").option("-c, --current-dir", "Create project in current directory").option(
+  "-p, --preset <preset>",
+  "Template preset to use (fullstack-admin, todo-app, cli-only, minimal)"
+).option("-o, --output-dir <path>", "Output directory (defaults to project name)").option("--dry-run", "Show what would be generated without creating files").action(
+  async (projectName = "my-fullstack-app", options) => {
+    console.log("");
+    console.log(chalk.cyan.bold("  \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557"));
+    console.log(chalk.cyan.bold("  \u2551   Create Fullstack Scaffold App          \u2551"));
+    console.log(chalk.cyan.bold("  \u2551   React + Hono + Vite + Zustand + TS     \u2551"));
+    console.log(chalk.cyan.bold("  \u255A\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255D"));
+    console.log("");
+    let preset = options.preset;
+    if (!preset && process.stdin.isTTY) {
+      const templateDir = path.join(__dirname2, "../template");
+      const presets = await loadPresets(templateDir);
+      preset = await select({
+        message: "Choose a template preset:",
+        choices: presets.map((p) => ({
+          value: p.id,
+          name: `${p.name} \u2014 ${p.description}`
+        }))
+      });
+    }
+    if (!preset) {
+      preset = "fullstack-admin";
+    }
+    try {
+      await createProject({
+        projectName,
+        currentDir: options.currentDir ?? false,
+        preset,
+        outputDir: options.outputDir,
+        dryRun: options.dryRun ?? false
+      });
+    } catch (error) {
+      if (error instanceof ScaffoldError) {
+        console.error(chalk.red(`  \u2716 ${error.message}`));
+        process.exit(1);
+      }
+      throw error;
+    }
   }
-});
-program.hook("preAction", (thisCommand) => {
-  const options = thisCommand.opts();
-  createLogger({ verbose: options.verbose });
-  if (options.url) {
-    setBaseUrl(options.url);
+);
+program.command("presets").description("List available template presets").action(async () => {
+  const templateDir = path.join(__dirname2, "../template");
+  const presets = await loadPresets(templateDir);
+  console.log(chalk.cyan("\nAvailable presets:\n"));
+  for (const preset of presets) {
+    console.log(`  ${chalk.green(preset.id.padEnd(20))} ${preset.name}`);
+    console.log(`  ${" ".repeat(20)} ${preset.description}`);
+    console.log(`  ${" ".repeat(20)} Modules: ${preset.modules.join(", ")}`);
+    console.log();
   }
 });
-registerModules(program);
 program.parse();
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map