bunkit-cli 0.6.1 → 0.8.0

package/dist/index.js

@@ -3773,22 +3773,23 @@ var quotes, getRandomQuote = () => {
 `, createBanner = (version = "0.3.1") => {
   const quote = getRandomQuote();
   const content = [
-    source_default.yellow(logo.trim()),
+    source_default.yellowBright(logo.trim()),
     "",
-    source_default.cyan("\uD83C\uDF5E Bake production-ready apps in seconds"),
-    source_default.dim("Modern \u2022 Fast \u2022 Opinionated"),
+    source_default.bold.cyan("\uD83C\uDF5E Bake production-ready apps in seconds"),
+    source_default.dim("Modern \u2022 Fast \u2022 Opinionated \u2022 Type-Safe"),
     "",
-    source_default.cyan(quote),
+    source_default.italic.cyan(quote),
     "",
-    source_default.dim(`v${version}`)
+    source_default.dim(`Version ${version}`)
   ].join(`
 `);
   return boxen(content, {
-    padding: 1,
+    padding: { top: 1, bottom: 1, left: 2, right: 2 },
     margin: { top: 1, bottom: 1 },
-    borderColor: "gray",
+    borderColor: "cyan",
     borderStyle: "round",
-    dimBorder: true
+    title: "bunkit",
+    titleAlignment: "center"
   });
 }, showBanner = (version) => {
   console.log(createBanner(version));
@@ -22651,11 +22652,17 @@ var init_types2 = __esm(() => {
     features: exports_external.array(exports_external.string()).optional(),
     git: exports_external.boolean().default(true),
     install: exports_external.boolean().default(true),
-    database: exports_external.enum(["postgres-drizzle", "supabase", "sqlite-drizzle", "none"]).optional(),
+    database: exports_external.enum(["postgres-drizzle", "supabase", "supabase-drizzle", "sqlite-drizzle", "none"]).optional(),
+    supabasePreset: exports_external.enum(["full-stack", "auth-only", "database-only", "custom"]).optional(),
+    supabaseFeatures: exports_external.array(exports_external.enum(["auth", "storage", "realtime", "edge-functions", "database"])).optional(),
+    supabaseWithDrizzle: exports_external.boolean().optional(),
     codeQuality: exports_external.enum(["ultracite", "biome"]).default("ultracite"),
     tsStrictness: exports_external.enum(["strict", "moderate", "loose"]).default("strict"),
     uiLibrary: exports_external.enum(["shadcn", "none"]).optional(),
     cssFramework: exports_external.enum(["tailwind", "vanilla", "css-modules"]).optional(),
+    shadcnStyle: exports_external.enum(["new-york", "default"]).optional(),
+    shadcnBaseColor: exports_external.enum(["neutral", "gray", "zinc", "stone", "slate"]).optional(),
+    shadcnRadius: exports_external.string().optional(),
     testing: exports_external.enum(["bun-test", "vitest", "none"]).default("bun-test"),
     docker: exports_external.boolean().default(false),
     cicd: exports_external.boolean().default(false),
@@ -22807,7 +22814,13 @@ function createTemplateContext(config) {
     docker: config.docker,
     cicd: config.cicd,
     envExample: config.envExample,
-    pathAliases: config.pathAliases
+    pathAliases: config.pathAliases,
+    shadcnStyle: config.shadcnStyle,
+    shadcnBaseColor: config.shadcnBaseColor,
+    shadcnRadius: config.shadcnRadius,
+    supabasePreset: config.supabasePreset,
+    supabaseFeatures: config.supabaseFeatures,
+    supabaseWithDrizzle: config.supabaseWithDrizzle
   };
 }
 var import_fs_extra2;
@@ -24182,6 +24195,41 @@ class dD extends x {
 }
 var A;
 A = new WeakMap;
+var kD = Object.defineProperty;
+var $D = (e, u, t) => (u in e) ? kD(e, u, { enumerable: true, configurable: true, writable: true, value: t }) : e[u] = t;
+var H = (e, u, t) => ($D(e, typeof u != "symbol" ? u + "" : u, t), t);
+var SD = class extends x {
+  constructor(u) {
+    super(u, false), H(this, "options"), H(this, "cursor", 0), this.options = u.options, this.value = [...u.initialValues ?? []], this.cursor = Math.max(this.options.findIndex(({ value: t }) => t === u.cursorAt), 0), this.on("key", (t) => {
+      t === "a" && this.toggleAll();
+    }), this.on("cursor", (t) => {
+      switch (t) {
+        case "left":
+        case "up":
+          this.cursor = this.cursor === 0 ? this.options.length - 1 : this.cursor - 1;
+          break;
+        case "down":
+        case "right":
+          this.cursor = this.cursor === this.options.length - 1 ? 0 : this.cursor + 1;
+          break;
+        case "space":
+          this.toggleValue();
+          break;
+      }
+    });
+  }
+  get _value() {
+    return this.options[this.cursor].value;
+  }
+  toggleAll() {
+    const u = this.value.length === this.options.length;
+    this.value = u ? [] : this.options.map((t) => t.value);
+  }
+  toggleValue() {
+    const u = this.value.includes(this._value);
+    this.value = u ? this.value.filter((t) => t !== this._value) : [...this.value, this._value];
+  }
+};
 var OD = Object.defineProperty;
 var PD = (e, u, t) => (u in e) ? OD(e, u, { enumerable: true, configurable: true, writable: true, value: t }) : e[u] = t;
 var J = (e, u, t) => (PD(e, typeof u != "symbol" ? u + "" : u, t), t);
@@ -24353,6 +24401,47 @@ ${import_picocolors2.default.cyan(d2)}
     }
   } }).prompt();
 };
+var fe = (t) => {
+  const n = (r2, i) => {
+    const s = r2.label ?? String(r2.value);
+    return i === "active" ? `${import_picocolors2.default.cyan(A2)} ${s} ${r2.hint ? import_picocolors2.default.dim(`(${r2.hint})`) : ""}` : i === "selected" ? `${import_picocolors2.default.green(T)} ${import_picocolors2.default.dim(s)} ${r2.hint ? import_picocolors2.default.dim(`(${r2.hint})`) : ""}` : i === "cancelled" ? `${import_picocolors2.default.strikethrough(import_picocolors2.default.dim(s))}` : i === "active-selected" ? `${import_picocolors2.default.green(T)} ${s} ${r2.hint ? import_picocolors2.default.dim(`(${r2.hint})`) : ""}` : i === "submitted" ? `${import_picocolors2.default.dim(s)}` : `${import_picocolors2.default.dim(F)} ${import_picocolors2.default.dim(s)}`;
+  };
+  return new SD({ options: t.options, initialValues: t.initialValues, required: t.required ?? true, cursorAt: t.cursorAt, validate(r2) {
+    if (this.required && r2.length === 0)
+      return `Please select at least one option.
+${import_picocolors2.default.reset(import_picocolors2.default.dim(`Press ${import_picocolors2.default.gray(import_picocolors2.default.bgWhite(import_picocolors2.default.inverse(" space ")))} to select, ${import_picocolors2.default.gray(import_picocolors2.default.bgWhite(import_picocolors2.default.inverse(" enter ")))} to submit`))}`;
+  }, render() {
+    const r2 = `${import_picocolors2.default.gray(o)}
+${b2(this.state)}  ${t.message}
+`, i = (s, c) => {
+      const a = this.value.includes(s.value);
+      return c && a ? n(s, "active-selected") : a ? n(s, "selected") : n(s, c ? "active" : "inactive");
+    };
+    switch (this.state) {
+      case "submit":
+        return `${r2}${import_picocolors2.default.gray(o)}  ${this.options.filter(({ value: s }) => this.value.includes(s)).map((s) => n(s, "submitted")).join(import_picocolors2.default.dim(", ")) || import_picocolors2.default.dim("none")}`;
+      case "cancel": {
+        const s = this.options.filter(({ value: c }) => this.value.includes(c)).map((c) => n(c, "cancelled")).join(import_picocolors2.default.dim(", "));
+        return `${r2}${import_picocolors2.default.gray(o)}  ${s.trim() ? `${s}
+${import_picocolors2.default.gray(o)}` : ""}`;
+      }
+      case "error": {
+        const s = this.error.split(`
+`).map((c, a) => a === 0 ? `${import_picocolors2.default.yellow(d2)}  ${import_picocolors2.default.yellow(c)}` : `   ${c}`).join(`
+`);
+        return `${r2 + import_picocolors2.default.yellow(o)}  ${G2({ options: this.options, cursor: this.cursor, maxItems: t.maxItems, style: i }).join(`
+${import_picocolors2.default.yellow(o)}  `)}
+${s}
+`;
+      }
+      default:
+        return `${r2}${import_picocolors2.default.cyan(o)}  ${G2({ options: this.options, cursor: this.cursor, maxItems: t.maxItems, style: i }).join(`
+${import_picocolors2.default.cyan(o)}  `)}
+${import_picocolors2.default.cyan(d2)}
+`;
+    }
+  } }).prompt();
+};
 var Me = (t = "", n = "") => {
   const r2 = `
 ${t}
@@ -24424,7 +24513,7 @@ var Y2 = ({ indicator: t = "dots" } = {}) => {
   }, R2 = (m2) => m2.replace(/\.+$/, ""), O2 = (m2) => {
     const h2 = (performance.now() - m2) / 1000, w2 = Math.floor(h2 / 60), I2 = Math.floor(h2 % 60);
     return w2 > 0 ? `[${w2}m ${I2}s]` : `[${I2}s]`;
-  }, H = (m2 = "") => {
+  }, H2 = (m2 = "") => {
     a = true, s = fD(), l2 = R2(m2), g2 = performance.now(), process.stdout.write(`${import_picocolors2.default.gray(o)}
 `);
     let h2 = 0, w2 = 0;
@@ -24450,21 +24539,20 @@ var Y2 = ({ indicator: t = "dots" } = {}) => {
 `) : process.stdout.write(`${w2}  ${l2}
 `), E(), s();
   };
-  return { start: H, stop: N2, message: (m2 = "") => {
+  return { start: H2, stop: N2, message: (m2 = "") => {
     l2 = R2(m2 ?? l2);
   } };
 };
 
 // src/index.ts
 init_src();
-var import_picocolors7 = __toESM(require_picocolors(), 1);
+var import_picocolors6 = __toESM(require_picocolors(), 1);
 
 // src/commands/init.enhanced.ts
 init_boxen();
 init_source();
 init_dist();
 init_src();
-var import_picocolors4 = __toESM(require_picocolors(), 1);
 
 // ../templates/src/render.ts
 var import_ejs = __toESM(require_ejs(), 1);
@@ -24827,12 +24915,12 @@ services:
       - "3000:3000"
     environment:
       - NODE_ENV=production
-      ${context.database && context.database !== "none" && context.database !== "supabase" ? "- DATABASE_URL=${DATABASE_URL:-postgres://postgres:postgres@db:5432/${context.projectName}}" : ""}
-    ${context.database && context.database !== "none" && context.database !== "supabase" ? `depends_on:
+      ${context.database && context.database !== "none" && context.database !== "supabase" && context.database !== "supabase-drizzle" ? "- DATABASE_URL=${DATABASE_URL:-postgres://postgres:postgres@db:5432/${context.projectName}}" : ""}
+    ${context.database && context.database !== "none" && context.database !== "supabase" && context.database !== "supabase-drizzle" ? `depends_on:
       - db` : ""}
     restart: unless-stopped
 
-  ${context.database && context.database !== "none" && context.database !== "supabase" ? `db:
+  ${context.database && context.database !== "none" && context.database !== "supabase" && context.database !== "supabase-drizzle" ? `db:
     image: ${context.database === "sqlite-drizzle" ? "alpine:latest" : "postgres:16-alpine"}
     ${context.database !== "sqlite-drizzle" ? `environment:
       - POSTGRES_USER=postgres
@@ -24987,7 +25075,7 @@ jobs:
       ${context.preset === "web" || context.preset === "full" ? `- name: Build application
         run: bun run build
         env:
-          ${context.database === "supabase" ? `NEXT_PUBLIC_SUPABASE_URL: \${{ secrets.SUPABASE_URL }}
+          ${context.database === "supabase" || context.database === "supabase-drizzle" ? `NEXT_PUBLIC_SUPABASE_URL: \${{ secrets.SUPABASE_URL }}
           NEXT_PUBLIC_SUPABASE_ANON_KEY: \${{ secrets.SUPABASE_ANON_KEY }}
           ` : ""}NODE_ENV: production` : ""}
 
@@ -25074,6 +25162,1183 @@ updates:
   await writeFile(join(projectPath, ".github/dependabot.yml"), dependabotConfig);
 }
 
+// ../templates/src/generators/shadcn.ts
+init_dist();
+init_src();
+
+// ../templates/src/generators/shadcn-themes.ts
+var neutralTheme = {
+  light: {
+    radius: "0.625rem",
+    background: "oklch(1 0 0)",
+    foreground: "oklch(0.145 0 0)",
+    card: "oklch(1 0 0)",
+    cardForeground: "oklch(0.145 0 0)",
+    popover: "oklch(1 0 0)",
+    popoverForeground: "oklch(0.145 0 0)",
+    primary: "oklch(0.205 0 0)",
+    primaryForeground: "oklch(0.985 0 0)",
+    secondary: "oklch(0.97 0 0)",
+    secondaryForeground: "oklch(0.205 0 0)",
+    muted: "oklch(0.97 0 0)",
+    mutedForeground: "oklch(0.556 0 0)",
+    accent: "oklch(0.97 0 0)",
+    accentForeground: "oklch(0.205 0 0)",
+    destructive: "oklch(0.577 0.245 27.325)",
+    destructiveForeground: "oklch(0.577 0.245 27.325)",
+    border: "oklch(0.922 0 0)",
+    input: "oklch(0.922 0 0)",
+    ring: "oklch(0.708 0 0)",
+    chart1: "oklch(0.646 0.222 41.116)",
+    chart2: "oklch(0.6 0.118 184.704)",
+    chart3: "oklch(0.398 0.07 227.392)",
+    chart4: "oklch(0.828 0.189 84.429)",
+    chart5: "oklch(0.769 0.188 70.08)",
+    sidebar: "oklch(0.985 0 0)",
+    sidebarForeground: "oklch(0.145 0 0)",
+    sidebarPrimary: "oklch(0.205 0 0)",
+    sidebarPrimaryForeground: "oklch(0.985 0 0)",
+    sidebarAccent: "oklch(0.97 0 0)",
+    sidebarAccentForeground: "oklch(0.205 0 0)",
+    sidebarBorder: "oklch(0.922 0 0)",
+    sidebarRing: "oklch(0.708 0 0)"
+  },
+  dark: {
+    background: "oklch(0.145 0 0)",
+    foreground: "oklch(0.985 0 0)",
+    card: "oklch(0.145 0 0)",
+    cardForeground: "oklch(0.985 0 0)",
+    popover: "oklch(0.145 0 0)",
+    popoverForeground: "oklch(0.985 0 0)",
+    primary: "oklch(0.985 0 0)",
+    primaryForeground: "oklch(0.205 0 0)",
+    secondary: "oklch(0.269 0 0)",
+    secondaryForeground: "oklch(0.985 0 0)",
+    muted: "oklch(0.269 0 0)",
+    mutedForeground: "oklch(0.708 0 0)",
+    accent: "oklch(0.269 0 0)",
+    accentForeground: "oklch(0.985 0 0)",
+    destructive: "oklch(0.396 0.141 25.723)",
+    destructiveForeground: "oklch(0.637 0.237 25.331)",
+    border: "oklch(0.269 0 0)",
+    input: "oklch(0.269 0 0)",
+    ring: "oklch(0.439 0 0)",
+    chart1: "oklch(0.488 0.243 264.376)",
+    chart2: "oklch(0.696 0.17 162.48)",
+    chart3: "oklch(0.769 0.188 70.08)",
+    chart4: "oklch(0.627 0.265 303.9)",
+    chart5: "oklch(0.645 0.246 16.439)",
+    sidebar: "oklch(0.205 0 0)",
+    sidebarForeground: "oklch(0.985 0 0)",
+    sidebarPrimary: "oklch(0.488 0.243 264.376)",
+    sidebarPrimaryForeground: "oklch(0.985 0 0)",
+    sidebarAccent: "oklch(0.269 0 0)",
+    sidebarAccentForeground: "oklch(0.985 0 0)",
+    sidebarBorder: "oklch(0.269 0 0)",
+    sidebarRing: "oklch(0.439 0 0)"
+  }
+};
+var grayTheme = {
+  light: {
+    radius: "0.625rem",
+    background: "oklch(1 0 0)",
+    foreground: "oklch(0.13 0.028 261.692)",
+    card: "oklch(1 0 0)",
+    cardForeground: "oklch(0.13 0.028 261.692)",
+    popover: "oklch(1 0 0)",
+    popoverForeground: "oklch(0.13 0.028 261.692)",
+    primary: "oklch(0.21 0.034 264.665)",
+    primaryForeground: "oklch(0.985 0.002 247.839)",
+    secondary: "oklch(0.967 0.003 264.542)",
+    secondaryForeground: "oklch(0.21 0.034 264.665)",
+    muted: "oklch(0.967 0.003 264.542)",
+    mutedForeground: "oklch(0.551 0.027 264.364)",
+    accent: "oklch(0.967 0.003 264.542)",
+    accentForeground: "oklch(0.21 0.034 264.665)",
+    destructive: "oklch(0.577 0.245 27.325)",
+    destructiveForeground: "oklch(0.577 0.245 27.325)",
+    border: "oklch(0.928 0.006 264.531)",
+    input: "oklch(0.928 0.006 264.531)",
+    ring: "oklch(0.707 0.022 261.325)",
+    chart1: "oklch(0.646 0.222 41.116)",
+    chart2: "oklch(0.6 0.118 184.704)",
+    chart3: "oklch(0.398 0.07 227.392)",
+    chart4: "oklch(0.828 0.189 84.429)",
+    chart5: "oklch(0.769 0.188 70.08)",
+    sidebar: "oklch(0.985 0.002 247.839)",
+    sidebarForeground: "oklch(0.13 0.028 261.692)",
+    sidebarPrimary: "oklch(0.21 0.034 264.665)",
+    sidebarPrimaryForeground: "oklch(0.985 0.002 247.839)",
+    sidebarAccent: "oklch(0.967 0.003 264.542)",
+    sidebarAccentForeground: "oklch(0.21 0.034 264.665)",
+    sidebarBorder: "oklch(0.928 0.006 264.531)",
+    sidebarRing: "oklch(0.707 0.022 261.325)"
+  },
+  dark: {
+    background: "oklch(0.13 0.028 261.692)",
+    foreground: "oklch(0.985 0.002 247.839)",
+    card: "oklch(0.21 0.034 264.665)",
+    cardForeground: "oklch(0.985 0.002 247.839)",
+    popover: "oklch(0.21 0.034 264.665)",
+    popoverForeground: "oklch(0.985 0.002 247.839)",
+    primary: "oklch(0.928 0.006 264.531)",
+    primaryForeground: "oklch(0.21 0.034 264.665)",
+    secondary: "oklch(0.278 0.033 256.848)",
+    secondaryForeground: "oklch(0.985 0.002 247.839)",
+    muted: "oklch(0.278 0.033 256.848)",
+    mutedForeground: "oklch(0.707 0.022 261.325)",
+    accent: "oklch(0.278 0.033 256.848)",
+    accentForeground: "oklch(0.985 0.002 247.839)",
+    destructive: "oklch(0.704 0.191 22.216)",
+    destructiveForeground: "oklch(0.704 0.191 22.216)",
+    border: "oklch(1 0 0 / 10%)",
+    input: "oklch(1 0 0 / 15%)",
+    ring: "oklch(0.551 0.027 264.364)",
+    chart1: "oklch(0.488 0.243 264.376)",
+    chart2: "oklch(0.696 0.17 162.48)",
+    chart3: "oklch(0.769 0.188 70.08)",
+    chart4: "oklch(0.627 0.265 303.9)",
+    chart5: "oklch(0.645 0.246 16.439)",
+    sidebar: "oklch(0.21 0.034 264.665)",
+    sidebarForeground: "oklch(0.985 0.002 247.839)",
+    sidebarPrimary: "oklch(0.488 0.243 264.376)",
+    sidebarPrimaryForeground: "oklch(0.985 0.002 247.839)",
+    sidebarAccent: "oklch(0.278 0.033 256.848)",
+    sidebarAccentForeground: "oklch(0.985 0.002 247.839)",
+    sidebarBorder: "oklch(1 0 0 / 10%)",
+    sidebarRing: "oklch(0.551 0.027 264.364)"
+  }
+};
+var zincTheme = {
+  light: {
+    radius: "0.625rem",
+    background: "oklch(1 0 0)",
+    foreground: "oklch(0.141 0.005 285.823)",
+    card: "oklch(1 0 0)",
+    cardForeground: "oklch(0.141 0.005 285.823)",
+    popover: "oklch(1 0 0)",
+    popoverForeground: "oklch(0.141 0.005 285.823)",
+    primary: "oklch(0.21 0.006 285.885)",
+    primaryForeground: "oklch(0.985 0 0)",
+    secondary: "oklch(0.967 0.001 286.375)",
+    secondaryForeground: "oklch(0.21 0.006 285.885)",
+    muted: "oklch(0.967 0.001 286.375)",
+    mutedForeground: "oklch(0.552 0.016 285.938)",
+    accent: "oklch(0.967 0.001 286.375)",
+    accentForeground: "oklch(0.21 0.006 285.885)",
+    destructive: "oklch(0.577 0.245 27.325)",
+    destructiveForeground: "oklch(0.577 0.245 27.325)",
+    border: "oklch(0.92 0.004 286.32)",
+    input: "oklch(0.92 0.004 286.32)",
+    ring: "oklch(0.705 0.015 286.067)",
+    chart1: "oklch(0.646 0.222 41.116)",
+    chart2: "oklch(0.6 0.118 184.704)",
+    chart3: "oklch(0.398 0.07 227.392)",
+    chart4: "oklch(0.828 0.189 84.429)",
+    chart5: "oklch(0.769 0.188 70.08)",
+    sidebar: "oklch(0.985 0 0)",
+    sidebarForeground: "oklch(0.141 0.005 285.823)",
+    sidebarPrimary: "oklch(0.21 0.006 285.885)",
+    sidebarPrimaryForeground: "oklch(0.985 0 0)",
+    sidebarAccent: "oklch(0.967 0.001 286.375)",
+    sidebarAccentForeground: "oklch(0.21 0.006 285.885)",
+    sidebarBorder: "oklch(0.92 0.004 286.32)",
+    sidebarRing: "oklch(0.705 0.015 286.067)"
+  },
+  dark: {
+    background: "oklch(0.141 0.005 285.823)",
+    foreground: "oklch(0.985 0 0)",
+    card: "oklch(0.21 0.006 285.885)",
+    cardForeground: "oklch(0.985 0 0)",
+    popover: "oklch(0.21 0.006 285.885)",
+    popoverForeground: "oklch(0.985 0 0)",
+    primary: "oklch(0.92 0.004 286.32)",
+    primaryForeground: "oklch(0.21 0.006 285.885)",
+    secondary: "oklch(0.274 0.006 286.033)",
+    secondaryForeground: "oklch(0.985 0 0)",
+    muted: "oklch(0.274 0.006 286.033)",
+    mutedForeground: "oklch(0.705 0.015 286.067)",
+    accent: "oklch(0.274 0.006 286.033)",
+    accentForeground: "oklch(0.985 0 0)",
+    destructive: "oklch(0.704 0.191 22.216)",
+    destructiveForeground: "oklch(0.704 0.191 22.216)",
+    border: "oklch(1 0 0 / 10%)",
+    input: "oklch(1 0 0 / 15%)",
+    ring: "oklch(0.552 0.016 285.938)",
+    chart1: "oklch(0.488 0.243 264.376)",
+    chart2: "oklch(0.696 0.17 162.48)",
+    chart3: "oklch(0.769 0.188 70.08)",
+    chart4: "oklch(0.627 0.265 303.9)",
+    chart5: "oklch(0.645 0.246 16.439)",
+    sidebar: "oklch(0.21 0.006 285.885)",
+    sidebarForeground: "oklch(0.985 0 0)",
+    sidebarPrimary: "oklch(0.488 0.243 264.376)",
+    sidebarPrimaryForeground: "oklch(0.985 0 0)",
+    sidebarAccent: "oklch(0.274 0.006 286.033)",
+    sidebarAccentForeground: "oklch(0.985 0 0)",
+    sidebarBorder: "oklch(1 0 0 / 10%)",
+    sidebarRing: "oklch(0.552 0.016 285.938)"
+  }
+};
+var stoneTheme = {
+  light: {
+    radius: "0.625rem",
+    background: "oklch(1 0 0)",
+    foreground: "oklch(0.147 0.004 49.25)",
+    card: "oklch(1 0 0)",
+    cardForeground: "oklch(0.147 0.004 49.25)",
+    popover: "oklch(1 0 0)",
+    popoverForeground: "oklch(0.147 0.004 49.25)",
+    primary: "oklch(0.216 0.006 56.043)",
+    primaryForeground: "oklch(0.985 0.001 106.423)",
+    secondary: "oklch(0.97 0.001 106.424)",
+    secondaryForeground: "oklch(0.216 0.006 56.043)",
+    muted: "oklch(0.97 0.001 106.424)",
+    mutedForeground: "oklch(0.553 0.013 58.071)",
+    accent: "oklch(0.97 0.001 106.424)",
+    accentForeground: "oklch(0.216 0.006 56.043)",
+    destructive: "oklch(0.577 0.245 27.325)",
+    destructiveForeground: "oklch(0.577 0.245 27.325)",
+    border: "oklch(0.923 0.003 48.717)",
+    input: "oklch(0.923 0.003 48.717)",
+    ring: "oklch(0.709 0.01 56.259)",
+    chart1: "oklch(0.646 0.222 41.116)",
+    chart2: "oklch(0.6 0.118 184.704)",
+    chart3: "oklch(0.398 0.07 227.392)",
+    chart4: "oklch(0.828 0.189 84.429)",
+    chart5: "oklch(0.769 0.188 70.08)",
+    sidebar: "oklch(0.985 0.001 106.423)",
+    sidebarForeground: "oklch(0.147 0.004 49.25)",
+    sidebarPrimary: "oklch(0.216 0.006 56.043)",
+    sidebarPrimaryForeground: "oklch(0.985 0.001 106.423)",
+    sidebarAccent: "oklch(0.97 0.001 106.424)",
+    sidebarAccentForeground: "oklch(0.216 0.006 56.043)",
+    sidebarBorder: "oklch(0.923 0.003 48.717)",
+    sidebarRing: "oklch(0.709 0.01 56.259)"
+  },
+  dark: {
+    background: "oklch(0.147 0.004 49.25)",
+    foreground: "oklch(0.985 0.001 106.423)",
+    card: "oklch(0.216 0.006 56.043)",
+    cardForeground: "oklch(0.985 0.001 106.423)",
+    popover: "oklch(0.216 0.006 56.043)",
+    popoverForeground: "oklch(0.985 0.001 106.423)",
+    primary: "oklch(0.923 0.003 48.717)",
+    primaryForeground: "oklch(0.216 0.006 56.043)",
+    secondary: "oklch(0.268 0.007 34.298)",
+    secondaryForeground: "oklch(0.985 0.001 106.423)",
+    muted: "oklch(0.268 0.007 34.298)",
+    mutedForeground: "oklch(0.709 0.01 56.259)",
+    accent: "oklch(0.268 0.007 34.298)",
+    accentForeground: "oklch(0.985 0.001 106.423)",
+    destructive: "oklch(0.704 0.191 22.216)",
+    destructiveForeground: "oklch(0.704 0.191 22.216)",
+    border: "oklch(1 0 0 / 10%)",
+    input: "oklch(1 0 0 / 15%)",
+    ring: "oklch(0.553 0.013 58.071)",
+    chart1: "oklch(0.488 0.243 264.376)",
+    chart2: "oklch(0.696 0.17 162.48)",
+    chart3: "oklch(0.769 0.188 70.08)",
+    chart4: "oklch(0.627 0.265 303.9)",
+    chart5: "oklch(0.645 0.246 16.439)",
+    sidebar: "oklch(0.216 0.006 56.043)",
+    sidebarForeground: "oklch(0.985 0.001 106.423)",
+    sidebarPrimary: "oklch(0.488 0.243 264.376)",
+    sidebarPrimaryForeground: "oklch(0.985 0.001 106.423)",
+    sidebarAccent: "oklch(0.268 0.007 34.298)",
+    sidebarAccentForeground: "oklch(0.985 0.001 106.423)",
+    sidebarBorder: "oklch(1 0 0 / 10%)",
+    sidebarRing: "oklch(0.553 0.013 58.071)"
+  }
+};
+var slateTheme = {
+  light: {
+    radius: "0.625rem",
+    background: "oklch(1 0 0)",
+    foreground: "oklch(0.129 0.042 264.695)",
+    card: "oklch(1 0 0)",
+    cardForeground: "oklch(0.129 0.042 264.695)",
+    popover: "oklch(1 0 0)",
+    popoverForeground: "oklch(0.129 0.042 264.695)",
+    primary: "oklch(0.208 0.042 265.755)",
+    primaryForeground: "oklch(0.984 0.003 247.858)",
+    secondary: "oklch(0.968 0.007 247.896)",
+    secondaryForeground: "oklch(0.208 0.042 265.755)",
+    muted: "oklch(0.968 0.007 247.896)",
+    mutedForeground: "oklch(0.554 0.046 257.417)",
+    accent: "oklch(0.968 0.007 247.896)",
+    accentForeground: "oklch(0.208 0.042 265.755)",
+    destructive: "oklch(0.577 0.245 27.325)",
+    destructiveForeground: "oklch(0.577 0.245 27.325)",
+    border: "oklch(0.929 0.013 255.508)",
+    input: "oklch(0.929 0.013 255.508)",
+    ring: "oklch(0.704 0.04 256.788)",
+    chart1: "oklch(0.646 0.222 41.116)",
+    chart2: "oklch(0.6 0.118 184.704)",
+    chart3: "oklch(0.398 0.07 227.392)",
+    chart4: "oklch(0.828 0.189 84.429)",
+    chart5: "oklch(0.769 0.188 70.08)",
+    sidebar: "oklch(0.984 0.003 247.858)",
+    sidebarForeground: "oklch(0.129 0.042 264.695)",
+    sidebarPrimary: "oklch(0.208 0.042 265.755)",
+    sidebarPrimaryForeground: "oklch(0.984 0.003 247.858)",
+    sidebarAccent: "oklch(0.968 0.007 247.896)",
+    sidebarAccentForeground: "oklch(0.208 0.042 265.755)",
+    sidebarBorder: "oklch(0.929 0.013 255.508)",
+    sidebarRing: "oklch(0.704 0.04 256.788)"
+  },
+  dark: {
+    background: "oklch(0.129 0.042 264.695)",
+    foreground: "oklch(0.984 0.003 247.858)",
+    card: "oklch(0.208 0.042 265.755)",
+    cardForeground: "oklch(0.984 0.003 247.858)",
+    popover: "oklch(0.208 0.042 265.755)",
+    popoverForeground: "oklch(0.984 0.003 247.858)",
+    primary: "oklch(0.929 0.013 255.508)",
+    primaryForeground: "oklch(0.208 0.042 265.755)",
+    secondary: "oklch(0.279 0.041 260.031)",
+    secondaryForeground: "oklch(0.984 0.003 247.858)",
+    muted: "oklch(0.279 0.041 260.031)",
+    mutedForeground: "oklch(0.704 0.04 256.788)",
+    accent: "oklch(0.279 0.041 260.031)",
+    accentForeground: "oklch(0.984 0.003 247.858)",
+    destructive: "oklch(0.704 0.191 22.216)",
+    destructiveForeground: "oklch(0.704 0.191 22.216)",
+    border: "oklch(1 0 0 / 10%)",
+    input: "oklch(1 0 0 / 15%)",
+    ring: "oklch(0.551 0.027 264.364)",
+    chart1: "oklch(0.488 0.243 264.376)",
+    chart2: "oklch(0.696 0.17 162.48)",
+    chart3: "oklch(0.769 0.188 70.08)",
+    chart4: "oklch(0.627 0.265 303.9)",
+    chart5: "oklch(0.645 0.246 16.439)",
+    sidebar: "oklch(0.208 0.042 265.755)",
+    sidebarForeground: "oklch(0.984 0.003 247.858)",
+    sidebarPrimary: "oklch(0.488 0.243 264.376)",
+    sidebarPrimaryForeground: "oklch(0.984 0.003 247.858)",
+    sidebarAccent: "oklch(0.279 0.041 260.031)",
+    sidebarAccentForeground: "oklch(0.984 0.003 247.858)",
+    sidebarBorder: "oklch(1 0 0 / 10%)",
+    sidebarRing: "oklch(0.551 0.027 264.364)"
+  }
+};
+var themes = {
+  neutral: neutralTheme,
+  gray: grayTheme,
+  zinc: zincTheme,
+  stone: stoneTheme,
+  slate: slateTheme
+};
+function generateThemeCSS(theme, customRadius) {
+  const radius = customRadius || theme.light.radius;
+  return `@layer base {
+  :root {
+    --radius: ${radius};
+    --background: ${theme.light.background};
+    --foreground: ${theme.light.foreground};
+    --card: ${theme.light.card};
+    --card-foreground: ${theme.light.cardForeground};
+    --popover: ${theme.light.popover};
+    --popover-foreground: ${theme.light.popoverForeground};
+    --primary: ${theme.light.primary};
+    --primary-foreground: ${theme.light.primaryForeground};
+    --secondary: ${theme.light.secondary};
+    --secondary-foreground: ${theme.light.secondaryForeground};
+    --muted: ${theme.light.muted};
+    --muted-foreground: ${theme.light.mutedForeground};
+    --accent: ${theme.light.accent};
+    --accent-foreground: ${theme.light.accentForeground};
+    --destructive: ${theme.light.destructive};
+    --destructive-foreground: ${theme.light.destructiveForeground};
+    --border: ${theme.light.border};
+    --input: ${theme.light.input};
+    --ring: ${theme.light.ring};
+    --chart-1: ${theme.light.chart1};
+    --chart-2: ${theme.light.chart2};
+    --chart-3: ${theme.light.chart3};
+    --chart-4: ${theme.light.chart4};
+    --chart-5: ${theme.light.chart5};
+    --sidebar: ${theme.light.sidebar};
+    --sidebar-foreground: ${theme.light.sidebarForeground};
+    --sidebar-primary: ${theme.light.sidebarPrimary};
+    --sidebar-primary-foreground: ${theme.light.sidebarPrimaryForeground};
+    --sidebar-accent: ${theme.light.sidebarAccent};
+    --sidebar-accent-foreground: ${theme.light.sidebarAccentForeground};
+    --sidebar-border: ${theme.light.sidebarBorder};
+    --sidebar-ring: ${theme.light.sidebarRing};
+  }
+
+  .dark {
+    --background: ${theme.dark.background};
+    --foreground: ${theme.dark.foreground};
+    --card: ${theme.dark.card};
+    --card-foreground: ${theme.dark.cardForeground};
+    --popover: ${theme.dark.popover};
+    --popover-foreground: ${theme.dark.popoverForeground};
+    --primary: ${theme.dark.primary};
+    --primary-foreground: ${theme.dark.primaryForeground};
+    --secondary: ${theme.dark.secondary};
+    --secondary-foreground: ${theme.dark.secondaryForeground};
+    --muted: ${theme.dark.muted};
+    --muted-foreground: ${theme.dark.mutedForeground};
+    --accent: ${theme.dark.accent};
+    --accent-foreground: ${theme.dark.accentForeground};
+    --destructive: ${theme.dark.destructive};
+    --destructive-foreground: ${theme.dark.destructiveForeground};
+    --border: ${theme.dark.border};
+    --input: ${theme.dark.input};
+    --ring: ${theme.dark.ring};
+    --chart-1: ${theme.dark.chart1};
+    --chart-2: ${theme.dark.chart2};
+    --chart-3: ${theme.dark.chart3};
+    --chart-4: ${theme.dark.chart4};
+    --chart-5: ${theme.dark.chart5};
+    --sidebar: ${theme.dark.sidebar};
+    --sidebar-foreground: ${theme.dark.sidebarForeground};
+    --sidebar-primary: ${theme.dark.sidebarPrimary};
+    --sidebar-primary-foreground: ${theme.dark.sidebarPrimaryForeground};
+    --sidebar-accent: ${theme.dark.sidebarAccent};
+    --sidebar-accent-foreground: ${theme.dark.sidebarAccentForeground};
+    --sidebar-border: ${theme.dark.sidebarBorder};
+    --sidebar-ring: ${theme.dark.sidebarRing};
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}
+`;
+}
+
+// ../templates/src/generators/shadcn-components.ts
+init_execa();
+init_dist();
+init_src();
+init_src();
+var DEFAULT_SHADCN_COMPONENTS = [
+  "button",
+  "card"
+];
+async function installShadcnComponents(projectPath, components, options = {}) {
+  const cwd2 = options.cwd || projectPath;
+  const stdio = options.silent ? "pipe" : "inherit";
+  try {
+    await execa("bunx", ["shadcn@latest", "add", ...components], {
+      cwd: cwd2,
+      stdio
+    });
+  } catch (error) {
+    try {
+      await execa("npx", ["shadcn@latest", "add", ...components], {
+        cwd: cwd2,
+        stdio
+      });
+    } catch (fallbackError) {
+      logger.warn(`Could not install shadcn components automatically. You can install them manually with: bunx shadcn@latest add ${components.join(" ")}`);
+    }
+  }
+}
+async function installDefaultShadcnComponents(projectPath, options = {}) {
+  if (options.skipDefaults) {
+    return;
+  }
+  logger.step("Installing default shadcn/ui components...");
+  try {
+    await installShadcnComponents(projectPath, [...DEFAULT_SHADCN_COMPONENTS], {
+      silent: options.silent,
+      cwd: projectPath
+    });
+    logger.success("Default components installed");
+  } catch (error) {
+    logger.warn("Could not install default components automatically. Install them manually with: bunx shadcn@latest add button card");
+  }
+}
+async function createShadcnExample(projectPath, isMonorepo = false) {
+  const examplePath = isMonorepo ? join(projectPath, "apps/web/src/components/example.tsx") : join(projectPath, "src/components/example.tsx");
+  const exampleContent = `"use client"
+
+import { Button } from "@/components/ui/button"
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card"
+
+/**
+ * Example component showcasing shadcn/ui components
+ * This file demonstrates how to use Button and Card components
+ * 
+ * You can delete this file once you're familiar with the patterns.
+ */
+export function ExampleComponent() {
+  return (
+    <div className="container mx-auto p-8 space-y-6">
+      <Card>
+        <CardHeader>
+          <CardTitle>Welcome to shadcn/ui</CardTitle>
+          <CardDescription>
+            This is an example component showing how to use shadcn/ui components.
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <p className="text-sm text-muted-foreground">
+            You can start building your UI by importing components from @/components/ui
+          </p>
+        </CardContent>
+        <CardFooter className="flex gap-2">
+          <Button>Get Started</Button>
+          <Button variant="outline">Learn More</Button>
+        </CardFooter>
+      </Card>
+    </div>
+  )
+}
+`;
+  try {
+    await ensureDirectory(join(examplePath, ".."));
+    await writeFile(examplePath, exampleContent);
+  } catch (error) {}
+}
+
+// ../templates/src/generators/shadcn-docs.ts
+init_dist();
+init_src();
+async function createShadcnDocs(projectPath, isMonorepo = false, context) {
+  const docsPath = isMonorepo ? join(projectPath, "packages/ui/SHADCN.md") : join(projectPath, "SHADCN.md");
+  const docsContent = `# shadcn/ui Guide
+
+This project uses [shadcn/ui](https://ui.shadcn.com) - a collection of re-usable components built with Radix UI and Tailwind CSS.
+
+## \uD83D\uDE80 Quick Start
+
+### Adding Components
+
+Use the bunkit CLI to add components:
+
+\`\`\`bash
+# Add a single component
+bunkit add component --components button
+
+# Add multiple components
+bunkit add component --components button,card,input
+
+# Browse all available components
+bunkit add component --all
+\`\`\`
+
+Or use the official shadcn CLI directly:
+
+\`\`\`bash
+bunx shadcn@latest add button
+bunx shadcn@latest add card
+bunx shadcn@latest add input
+\`\`\`
+
+### Using Components
+
+Import components from the \`@/components/ui\` path:
+
+\`\`\`tsx
+import { Button } from "@/components/ui/button"
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card"
+
+export function MyComponent() {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Hello</CardTitle>
+        <CardDescription>World</CardDescription>
+      </CardHeader>
+      <CardContent>
+        <Button>Click me</Button>
+      </CardContent>
+    </Card>
+  )
+}
+\`\`\`
+
+## \uD83D\uDCDA Available Components
+
+shadcn/ui provides 60+ components. Browse them all at [ui.shadcn.com](https://ui.shadcn.com/components).
+
+### Most Popular Components
+
+- **Button** - \`bunkit add component --components button\`
+- **Card** - \`bunkit add component --components card\`
+- **Input** - \`bunkit add component --components input\`
+- **Dialog** - \`bunkit add component --components dialog\`
+- **Dropdown Menu** - \`bunkit add component --components dropdown-menu\`
+- **Form** - \`bunkit add component --components form\`
+- **Table** - \`bunkit add component --components table\`
+- **Toast** - \`bunkit add component --components toast\`
+
+## \uD83C\uDFA8 Customization
+
+### Themes
+
+Your project is configured with:
+- **Style**: ${context?.shadcnStyle || "new-york"}
+- **Base Color**: ${context?.shadcnBaseColor || "zinc"}
+- **Border Radius**: ${context?.shadcnRadius || "0.625rem"}
+
+### Modifying Themes
+
+Edit the CSS variables in \`${isMonorepo ? "packages/ui/src/styles/globals.css" : "src/app/globals.css"}\`:
+
+\`\`\`css
+@layer base {
+  :root {
+    --radius: 0.625rem;
+    --background: oklch(...);
+    --foreground: oklch(...);
+    /* ... */
+  }
+}
+\`\`\`
+
+### Component Customization
+
+Components are copied directly into your project at \`${isMonorepo ? "packages/ui/src/components/ui" : "src/components/ui"}\`. You can modify them directly - they're YOUR code!
+
+## \uD83D\uDCD6 Documentation
+
+- [Official shadcn/ui Docs](https://ui.shadcn.com)
+- [Component Examples](https://ui.shadcn.com/components)
+- [Theming Guide](https://ui.shadcn.com/theming)
+
+## \uD83D\uDCA1 Tips
+
+1. **Components are yours** - They're copied into your project, so feel free to modify them
+2. **Type-safe** - All components are fully typed with TypeScript
+3. **Accessible** - Built on Radix UI primitives for accessibility
+4. **Customizable** - Use Tailwind classes to style components however you want
+
+## \uD83D\uDD27 Configuration
+
+Your \`components.json\` file (located at \`${isMonorepo ? "packages/ui/components.json" : "components.json"}\`) contains all shadcn/ui configuration.
+
+To change settings, edit this file or run:
+
+\`\`\`bash
+bunx shadcn@latest init
+\`\`\`
+
+---
+
+**Happy building! \uD83D\uDE80**
+`;
+  try {
+    await ensureDirectory(join(docsPath, ".."));
+    await writeFile(docsPath, docsContent);
+  } catch (error) {}
+}
+
+// ../templates/src/generators/shadcn.ts
+async function setupShadcnWeb(projectPath, context) {
+  await ensureDirectory(join(projectPath, "src/components/ui"));
+  await ensureDirectory(join(projectPath, "src/lib"));
+  const style = context.shadcnStyle || "new-york";
+  const baseColor = context.shadcnBaseColor || "zinc";
+  const radius = context.shadcnRadius || "0.625rem";
+  const componentsJson = {
+    $schema: "https://ui.shadcn.com/schema.json",
+    style,
+    rsc: true,
+    tsx: true,
+    tailwind: {
+      config: "",
+      css: "src/app/globals.css",
+      baseColor,
+      cssVariables: true
+    },
+    iconLibrary: "lucide",
+    aliases: {
+      components: "@/components",
+      utils: "@/lib/utils",
+      ui: "@/components/ui",
+      lib: "@/lib",
+      hooks: "@/hooks"
+    }
+  };
+  await writeFile(join(projectPath, "components.json"), JSON.stringify(componentsJson, null, 2));
+  const utilsContent = `import { clsx, type ClassValue } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
+`;
+  await writeFile(join(projectPath, "src/lib/utils.ts"), utilsContent);
+  const packageJsonPath = join(projectPath, "package.json");
+  let packageJson = {};
+  try {
+    packageJson = JSON.parse(await Bun.file(packageJsonPath).text());
+  } catch {}
+  if (!packageJson.dependencies) {
+    packageJson.dependencies = {};
+  }
+  packageJson.dependencies["@radix-ui/react-slot"] = "catalog:";
+  packageJson.dependencies["class-variance-authority"] = "catalog:";
+  packageJson.dependencies["clsx"] = "catalog:";
+  packageJson.dependencies["tailwind-merge"] = "catalog:";
+  packageJson.dependencies["lucide-react"] = "catalog:";
+  if (!packageJson.catalog) {
+    packageJson.catalog = {};
+  }
+  packageJson.catalog["@radix-ui/react-slot"] = "^1.2.3";
+  packageJson.catalog["class-variance-authority"] = "^0.7.1";
+  packageJson.catalog["clsx"] = "^2.1.1";
+  packageJson.catalog["tailwind-merge"] = "^3.3.1";
+  packageJson.catalog["lucide-react"] = "^0.468.0";
+  await writeFile(packageJsonPath, JSON.stringify(packageJson, null, 2));
+  const globalsCssPath = join(projectPath, "src/app/globals.css");
+  let globalsCss = "";
+  try {
+    globalsCss = await Bun.file(globalsCssPath).text();
+  } catch {}
+  if (!globalsCss.includes("--background")) {
+    const theme = themes[baseColor] || themes.zinc;
+    const shadcnCss = generateThemeCSS(theme, radius);
+    if (globalsCss) {
+      globalsCss = globalsCss + `
+` + shadcnCss;
+    } else {
+      globalsCss = `@import "tailwindcss";
+
+${shadcnCss}`;
+    }
+    await writeFile(globalsCssPath, globalsCss);
+  }
+  const tailwindConfigPath = join(projectPath, "tailwind.config.ts");
+  let tailwindConfig = "";
+  try {
+    tailwindConfig = await Bun.file(tailwindConfigPath).text();
+  } catch {}
+  if (tailwindConfig && !tailwindConfig.includes("hsl(var(--background))")) {
+    const shadcnTheme = `  theme: {
+    extend: {
+      colors: {
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))",
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))",
+        },
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)",
+      },
+    },
+  },`;
+    if (tailwindConfig.includes("theme:")) {
+      const updatedConfig = tailwindConfig.replace(/theme:\s*\{[^}]*\}/s, shadcnTheme.trim());
+      await writeFile(tailwindConfigPath, updatedConfig);
+    } else {
+      const updatedConfig = tailwindConfig.replace(/(\s*)(plugins:.*?)(\n\s*\};)/s, `$1$2$1${shadcnTheme}$3`);
+      await writeFile(tailwindConfigPath, updatedConfig);
+    }
+  } else if (!tailwindConfig) {
+    const newTailwindConfig = `import type { Config } from 'tailwindcss';
+
+const config: Config = {
+  content: ['./src/**/*.{js,ts,jsx,tsx,mdx}'],
+  theme: {
+    extend: {
+      colors: {
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))",
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))",
+        },
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)",
+      },
+    },
+  },
+  plugins: [],
+};
+
+export default config;
+`;
+    await writeFile(tailwindConfigPath, newTailwindConfig);
+  }
+  if (context.install !== false) {}
+  await createShadcnExample(projectPath, false);
+  await createShadcnDocs(projectPath, false, context);
+}
+async function setupShadcnMonorepo(projectPath, context) {
+  const packageName = context.packageName || context.projectName.toLowerCase().replace(/\s+/g, "-");
+  const uiPackageName = `@${packageName}/ui`;
+  const style = context.shadcnStyle || "new-york";
+  const baseColor = context.shadcnBaseColor || "zinc";
+  const radius = context.shadcnRadius || "0.625rem";
+  await ensureDirectory(join(projectPath, "packages/ui/src/components"));
+  await ensureDirectory(join(projectPath, "packages/ui/src/lib"));
+  await ensureDirectory(join(projectPath, "packages/ui/src/hooks"));
+  await ensureDirectory(join(projectPath, "packages/ui/src/styles"));
+  const uiPackageJson = {
+    name: uiPackageName,
+    version: "0.0.0",
+    private: true,
+    main: "./src/index.ts",
+    types: "./src/index.ts",
+    exports: {
+      "./components": "./src/components/index.ts",
+      "./lib/utils": "./src/lib/utils.ts",
+      "./hooks": "./src/hooks/index.ts",
+      "./styles": "./src/styles/globals.css"
+    },
+    dependencies: {
+      "@radix-ui/react-slot": "catalog:",
+      "class-variance-authority": "catalog:",
+      clsx: "catalog:",
+      "tailwind-merge": "catalog:",
+      "lucide-react": "catalog:"
+    },
+    devDependencies: {
+      "@types/react": "catalog:",
+      "@types/react-dom": "catalog:",
+      typescript: "catalog:"
+    }
+  };
+  await writeFile(join(projectPath, "packages/ui/package.json"), JSON.stringify(uiPackageJson, null, 2));
+  const uiComponentsJson = {
+    $schema: "https://ui.shadcn.com/schema.json",
+    style,
+    rsc: true,
+    tsx: true,
+    tailwind: {
+      config: "",
+      css: "src/styles/globals.css",
+      baseColor,
+      cssVariables: true
+    },
+    iconLibrary: "lucide",
+    aliases: {
+      components: "@workspace/ui/components",
+      utils: "@workspace/ui/lib/utils",
+      hooks: "@workspace/ui/hooks",
+      lib: "@workspace/ui/lib",
+      ui: "@workspace/ui/components"
+    }
+  };
+  await writeFile(join(projectPath, "packages/ui/components.json"), JSON.stringify(uiComponentsJson, null, 2));
+  const uiUtilsContent = `import { clsx, type ClassValue } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
+`;
+  await writeFile(join(projectPath, "packages/ui/src/lib/utils.ts"), uiUtilsContent);
+  const uiComponentsIndex = `// Export shadcn/ui components here
+// Components will be added via: bunx shadcn@latest add [component]
+`;
+  await writeFile(join(projectPath, "packages/ui/src/components/index.ts"), uiComponentsIndex);
+  const uiHooksIndex = `// Export custom hooks here
+`;
+  await writeFile(join(projectPath, "packages/ui/src/hooks/index.ts"), uiHooksIndex);
+  const theme = themes[baseColor] || themes.zinc;
+  const uiGlobalsCss = generateThemeCSS(theme, radius);
+  await writeFile(join(projectPath, "packages/ui/src/styles/globals.css"), uiGlobalsCss);
+  const uiTsconfig = {
+    compilerOptions: {
+      target: "ES2017",
+      lib: ["dom", "dom.iterable", "esnext"],
+      allowJs: true,
+      skipLibCheck: true,
+      strict: true,
+      noEmit: true,
+      esModuleInterop: true,
+      module: "esnext",
+      moduleResolution: "bundler",
+      resolveJsonModule: true,
+      isolatedModules: true,
+      jsx: "react-jsx",
+      types: ["react", "react-dom"]
+    },
+    include: ["src/**/*"],
+    exclude: ["node_modules"]
+  };
+  await writeFile(join(projectPath, "packages/ui/tsconfig.json"), JSON.stringify(uiTsconfig, null, 2));
+  await ensureDirectory(join(projectPath, "apps/web/src/components"));
+  await ensureDirectory(join(projectPath, "apps/web/src/lib"));
+  const webComponentsJson = {
+    $schema: "https://ui.shadcn.com/schema.json",
+    style,
+    rsc: true,
+    tsx: true,
+    tailwind: {
+      config: "",
+      css: "../../packages/ui/src/styles/globals.css",
+      baseColor,
+      cssVariables: true
+    },
+    iconLibrary: "lucide",
+    aliases: {
+      components: "@/components",
+      hooks: "@/hooks",
+      lib: "@/lib",
+      utils: "@workspace/ui/lib/utils",
+      ui: "@workspace/ui/components"
+    }
+  };
+  await writeFile(join(projectPath, "apps/web/components.json"), JSON.stringify(webComponentsJson, null, 2));
+  const webGlobalsCssPath = join(projectPath, "apps/web/src/app/globals.css");
+  const webGlobalsCss = `@import "../../../packages/ui/src/styles/globals.css";
+`;
+  await writeFile(webGlobalsCssPath, webGlobalsCss);
+  const webPackageJsonPath = join(projectPath, "apps/web/package.json");
+  let webPackageJson = {};
+  try {
+    webPackageJson = JSON.parse(await Bun.file(webPackageJsonPath).text());
+  } catch {}
+  if (webPackageJson.dependencies) {
+    webPackageJson.dependencies[uiPackageName] = "workspace:*";
+    await writeFile(webPackageJsonPath, JSON.stringify(webPackageJson, null, 2));
+  }
+  await ensureDirectory(join(projectPath, "apps/platform/src/components"));
+  await ensureDirectory(join(projectPath, "apps/platform/src/lib"));
+  const platformComponentsJson = {
+    $schema: "https://ui.shadcn.com/schema.json",
+    style,
+    rsc: true,
+    tsx: true,
+    tailwind: {
+      config: "",
+      css: "../../packages/ui/src/styles/globals.css",
+      baseColor,
+      cssVariables: true
+    },
+    iconLibrary: "lucide",
+    aliases: {
+      components: "@/components",
+      hooks: "@/hooks",
+      lib: "@/lib",
+      utils: "@workspace/ui/lib/utils",
+      ui: "@workspace/ui/components"
+    }
+  };
+  await writeFile(join(projectPath, "apps/platform/components.json"), JSON.stringify(platformComponentsJson, null, 2));
+  const platformGlobalsCssPath = join(projectPath, "apps/platform/src/app/globals.css");
+  const platformGlobalsCss = `@import "../../../packages/ui/src/styles/globals.css";
+`;
+  await writeFile(platformGlobalsCssPath, platformGlobalsCss);
+  const platformPackageJsonPath = join(projectPath, "apps/platform/package.json");
+  let platformPackageJson = {};
+  try {
+    platformPackageJson = JSON.parse(await Bun.file(platformPackageJsonPath).text());
+  } catch {}
+  if (platformPackageJson.dependencies) {
+    platformPackageJson.dependencies[uiPackageName] = "workspace:*";
+    await writeFile(platformPackageJsonPath, JSON.stringify(platformPackageJson, null, 2));
+  }
+  const updateAppTailwindConfig = async (appPath) => {
+    const tailwindConfigPath = join(projectPath, appPath, "tailwind.config.ts");
+    let tailwindConfig = "";
+    try {
+      tailwindConfig = await Bun.file(tailwindConfigPath).text();
+    } catch {}
+    const shadcnTheme = `  theme: {
+    extend: {
+      colors: {
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))",
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))",
+        },
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)",
+      },
+    },
+  },`;
+    if (tailwindConfig && !tailwindConfig.includes("hsl(var(--background))")) {
+      if (tailwindConfig.includes("theme:")) {
+        const updatedConfig = tailwindConfig.replace(/theme:\s*\{[^}]*\}/s, shadcnTheme.trim());
+        await writeFile(tailwindConfigPath, updatedConfig);
+      } else {
+        const updatedConfig = tailwindConfig.replace(/(\s*)(plugins:.*?)(\n\s*\};)/s, `$1$2$1${shadcnTheme}$3`);
+        await writeFile(tailwindConfigPath, updatedConfig);
+      }
+    } else if (!tailwindConfig) {
+      const newTailwindConfig = `import type { Config } from 'tailwindcss';
+
+const config: Config = {
+  content: ['./src/**/*.{js,ts,jsx,tsx,mdx}'],
+  theme: {
+    extend: {
+      colors: {
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))",
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))",
+        },
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)",
+      },
+    },
+  },
+  plugins: [],
+};
+
+export default config;
+`;
+      await writeFile(tailwindConfigPath, newTailwindConfig);
+    }
+  };
+  await updateAppTailwindConfig("apps/web");
+  await updateAppTailwindConfig("apps/platform");
+  const rootPackageJsonPath = join(projectPath, "package.json");
+  let rootPackageJson = {};
+  try {
+    rootPackageJson = JSON.parse(await Bun.file(rootPackageJsonPath).text());
+  } catch {}
+  if (rootPackageJson.catalog) {
+    rootPackageJson.catalog["lucide-react"] = "^0.468.0";
+    await writeFile(rootPackageJsonPath, JSON.stringify(rootPackageJson, null, 2));
+  }
+  await createShadcnExample(join(projectPath, "apps/web"), true);
+  await createShadcnExample(join(projectPath, "apps/platform"), true);
+  await createShadcnDocs(join(projectPath, "packages/ui"), true, context);
+}
+
 // ../templates/src/builders/web.ts
 async function buildWebPreset(projectPath, context) {
   await ensureDirectory(join(projectPath, "src/app"));
@@ -25205,6 +26470,9 @@ export default config;
   if (context.cicd) {
     await setupGitHubActions(projectPath, context);
   }
+  if (context.uiLibrary === "shadcn" && context.cssFramework === "tailwind") {
+    await setupShadcnWeb(projectPath, context);
+  }
 }
 // ../templates/src/builders/api.ts
 init_dist();
@@ -25252,7 +26520,114 @@ DATABASE_URL=postgresql://postgres:postgres@localhost:5432/${context.projectName
 `;
   await writeFile(join(projectPath, ".env.example"), envExample);
 }
-async function setupSupabase(projectPath, context, isMonorepo = false) {
+async function setupSupabaseOnly(projectPath, context, isMonorepo = false) {
+  const dbPath = isMonorepo ? join(projectPath, "packages/db") : join(projectPath, "src/db");
+  await ensureDirectory(dbPath);
+  const features = context.supabaseFeatures || ["auth", "storage", "realtime", "database"];
+  const hasAuth = features.includes("auth");
+  const hasStorage = features.includes("storage");
+  const hasRealtime = features.includes("realtime");
+  const hasEdgeFunctions = features.includes("edge-functions");
+  const hasDatabase = features.includes("database");
+  const clientContent = `import { createClient } from '@supabase/supabase-js';
+
+// Supabase client
+export const supabase = createClient(
+  process.env.NEXT_PUBLIC_SUPABASE_URL!,
+  process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
+  {
+    auth: {
+      autoRefreshToken: true,
+      persistSession: true,
+      detectSessionInUrl: true,
+    },
+  }
+);
+
+${hasAuth ? `// Auth helpers
+export const auth = supabase.auth;` : ""}
+
+${hasStorage ? `// Storage helpers
+export const storage = supabase.storage;` : ""}
+
+${hasRealtime ? `// Realtime helpers
+export const realtime = supabase.realtime;` : ""}
+
+${hasEdgeFunctions ? `// Edge Functions helpers
+export const functions = supabase.functions;` : ""}
+
+${hasDatabase ? `// Database helpers (using Supabase client directly)
+export const db = supabase.from;` : ""}
+`;
+  await writeFile(join(dbPath, "index.ts"), clientContent);
+  const examplesContent = `// Supabase usage examples
+import { supabase${hasAuth ? ", auth" : ""}${hasStorage ? ", storage" : ""}${hasRealtime ? ", realtime" : ""}${hasEdgeFunctions ? ", functions" : ""}${hasDatabase ? ", db" : ""} } from './index';
+
+${hasAuth ? `// Auth example
+export async function signUp(email: string, password: string) {
+  const { data, error } = await auth.signUp({
+    email,
+    password,
+  });
+  return { data, error };
+}
+
+export async function signIn(email: string, password: string) {
+  const { data, error } = await auth.signInWithPassword({
+    email,
+    password,
+  });
+  return { data, error };
+}
+
+export async function signOut() {
+  const { error } = await auth.signOut();
+  return { error };
+}` : ""}
+
+${hasStorage ? `// Storage example
+export async function uploadFile(bucket: string, path: string, file: File) {
+  const { data, error } = await storage.from(bucket).upload(path, file);
+  return { data, error };
+}
+
+export function getPublicUrl(bucket: string, path: string) {
+  const { data } = storage.from(bucket).getPublicUrl(path);
+  return data.publicUrl;
+}` : ""}
+
+${hasRealtime ? `// Realtime example
+export function subscribeToChannel(channel: string, callback: (payload: any) => void) {
+  const channelInstance = realtime.channel(channel);
+  channelInstance.on('postgres_changes', { event: '*', schema: 'public', table: '*' }, callback);
+  channelInstance.subscribe();
+  return channelInstance;
+}` : ""}
+
+${hasEdgeFunctions ? `// Edge Functions example
+export async function invokeFunction(functionName: string, body?: any) {
+  const { data, error } = await functions.invoke(functionName, { body });
+  return { data, error };
+}` : ""}
+
+${hasDatabase ? `// Database example (using Supabase client directly)
+export async function getUsers() {
+  const { data, error } = await supabase.from('users').select('*');
+  return { data, error };
+}` : ""}
+`;
+  await writeFile(join(dbPath, "examples.ts"), examplesContent);
+  if (hasEdgeFunctions) {
+    await ensureDirectory(join(projectPath, "supabase/functions"));
+  }
+  const envExample = `# Supabase
+NEXT_PUBLIC_SUPABASE_URL=https://your-project.supabase.co
+NEXT_PUBLIC_SUPABASE_ANON_KEY=your-anon-key
+${hasDatabase ? "DATABASE_URL=postgresql://postgres:[password]@db.your-project.supabase.co:5432/postgres" : ""}
+`;
+  await writeFile(join(projectPath, ".env.example"), envExample);
+}
+async function setupSupabaseDrizzle(projectPath, context, isMonorepo = false) {
   const dbPath = isMonorepo ? join(projectPath, "packages/db") : join(projectPath, "src/db");
   await ensureDirectory(join(dbPath, "schema"));
   const drizzleConfig = `import { defineConfig } from 'drizzle-kit';
@@ -25267,6 +26642,12 @@ export default defineConfig({
 });
 `;
   await writeFile(join(isMonorepo ? join(projectPath, "packages/db") : projectPath, "drizzle.config.ts"), drizzleConfig);
+  const features = context.supabaseFeatures || ["auth", "storage", "realtime", "database"];
+  const hasAuth = features.includes("auth");
+  const hasStorage = features.includes("storage");
+  const hasRealtime = features.includes("realtime");
+  const hasEdgeFunctions = features.includes("edge-functions");
+  const hasDatabase = features.includes("database");
   const clientContent = `import { createClient } from '@supabase/supabase-js';
 import { drizzle } from 'drizzle-orm/postgres-js';
 import postgres from 'postgres';
@@ -25275,14 +26656,95 @@ import * as schema from './schema';
 // Supabase client for auth, storage, realtime
 export const supabase = createClient(
   process.env.NEXT_PUBLIC_SUPABASE_URL!,
-  process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
+  process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
+  {
+    auth: {
+      autoRefreshToken: true,
+      persistSession: true,
+      detectSessionInUrl: true,
+    },
+  }
 );
 
+${hasAuth ? `// Auth helpers
+export const auth = supabase.auth;` : ""}
+
+${hasStorage ? `// Storage helpers
+export const storage = supabase.storage;` : ""}
+
+${hasRealtime ? `// Realtime helpers
+export const realtime = supabase.realtime;` : ""}
+
+${hasEdgeFunctions ? `// Edge Functions helpers
+export const functions = supabase.functions;` : ""}
+
 // Drizzle client for type-safe database queries
-const queryClient = postgres(process.env.DATABASE_URL!);
-export const db = drizzle(queryClient, { schema });
+${hasDatabase ? `const queryClient = postgres(process.env.DATABASE_URL!);
+export const db = drizzle(queryClient, { schema });` : "// Database queries via Drizzle ORM"}
 `;
   await writeFile(join(dbPath, "index.ts"), clientContent);
+  const examplesContent = `// Supabase + Drizzle usage examples
+import { supabase${hasAuth ? ", auth" : ""}${hasStorage ? ", storage" : ""}${hasRealtime ? ", realtime" : ""}${hasEdgeFunctions ? ", functions" : ""}, db } from './index';
+import { users } from './schema';
+import { eq } from 'drizzle-orm';
+
+${hasAuth ? `// Auth example
+export async function signUp(email: string, password: string) {
+  const { data, error } = await auth.signUp({
+    email,
+    password,
+  });
+  return { data, error };
+}
+
+export async function signIn(email: string, password: string) {
+  const { data, error } = await auth.signInWithPassword({
+    email,
+    password,
+  });
+  return { data, error };
+}
+
+export async function signOut() {
+  const { error } = await auth.signOut();
+  return { error };
+}` : ""}
+
+${hasStorage ? `// Storage example
+export async function uploadFile(bucket: string, path: string, file: File) {
+  const { data, error } = await storage.from(bucket).upload(path, file);
+  return { data, error };
+}
+
+export function getPublicUrl(bucket: string, path: string) {
+  const { data } = storage.from(bucket).getPublicUrl(path);
+  return data.publicUrl;
+}` : ""}
+
+${hasRealtime ? `// Realtime example
+export function subscribeToChannel(channel: string, callback: (payload: any) => void) {
+  const channelInstance = realtime.channel(channel);
+  channelInstance.on('postgres_changes', { event: '*', schema: 'public', table: '*' }, callback);
+  channelInstance.subscribe();
+  return channelInstance;
+}` : ""}
+
+${hasEdgeFunctions ? `// Edge Functions example
+export async function invokeFunction(functionName: string, body?: any) {
+  const { data, error } = await functions.invoke(functionName, { body });
+  return { data, error };
+}` : ""}
+
+${hasDatabase ? `// Database example (using Drizzle ORM)
+export async function getUsers() {
+  return await db.select().from(users);
+}
+
+export async function getUserById(id: string) {
+  return await db.select().from(users).where(eq(users.id, id));
+}` : ""}
+`;
+  await writeFile(join(dbPath, "examples.ts"), examplesContent);
   const schemaContent = `import { pgTable, text, timestamp, uuid, boolean } from 'drizzle-orm/pg-core';
 
 export const users = pgTable('users', {
@@ -25306,10 +26768,13 @@ export const profiles = pgTable('profiles', {
 `;
   await writeFile(join(dbPath, "schema/index.ts"), schemaContent);
   await ensureDirectory(join(projectPath, "supabase/migrations"));
+  if (hasEdgeFunctions) {
+    await ensureDirectory(join(projectPath, "supabase/functions"));
+  }
   const envExample = `# Supabase
 NEXT_PUBLIC_SUPABASE_URL=https://your-project.supabase.co
 NEXT_PUBLIC_SUPABASE_ANON_KEY=your-anon-key
-DATABASE_URL=postgresql://postgres:[password]@db.your-project.supabase.co:5432/postgres
+${hasDatabase ? "DATABASE_URL=postgresql://postgres:[password]@db.your-project.supabase.co:5432/postgres" : ""}
 `;
   await writeFile(join(projectPath, ".env.example"), envExample);
 }
@@ -25369,6 +26834,10 @@ function getDatabaseDependencies(databaseType) {
         postgres: "^3.4.5"
       };
     case "supabase":
+      return {
+        "@supabase/supabase-js": "^2.48.1"
+      };
+    case "supabase-drizzle":
       return {
         "@supabase/supabase-js": "^2.48.1",
         "drizzle-orm": "^0.38.0",
@@ -25555,7 +27024,9 @@ coverage = true
     if (context.database === "postgres-drizzle") {
       await setupPostgresDrizzle(projectPath, context, false);
     } else if (context.database === "supabase") {
-      await setupSupabase(projectPath, context, false);
+      await setupSupabaseOnly(projectPath, context, false);
+    } else if (context.database === "supabase-drizzle") {
+      await setupSupabaseDrizzle(projectPath, context, false);
     } else if (context.database === "sqlite-drizzle") {
       await setupSQLiteDrizzle(projectPath, context, false);
     }
@@ -25619,6 +27090,7 @@ async function buildFullPreset(projectPath, context) {
       clsx: "^2.1.1",
       "tailwind-merge": "^3.3.1",
       "iconoir-react": "^7.11.0",
+      "lucide-react": "^0.468.0",
       "@biomejs/biome": "^2.3.0",
       ultracite: "^6.0.1",
       vitest: "^2.0.0",
@@ -26138,14 +27610,21 @@ Built with \u2764\uFE0F using Bun monorepo features
       main: "./src/index.ts",
       types: "./src/index.ts",
       dependencies: context.database === "supabase" ? {
+        "@supabase/supabase-js": "catalog:"
+      } : context.database === "supabase-drizzle" ? {
         "@supabase/supabase-js": "catalog:",
         "drizzle-orm": "catalog:",
         postgres: "catalog:"
-      } : {
+      } : context.database === "postgres-drizzle" ? {
+        "drizzle-orm": "catalog:",
+        postgres: "catalog:"
+      } : context.database === "sqlite-drizzle" ? {
         "drizzle-orm": "catalog:"
-      },
+      } : {},
       devDependencies: {
-        "drizzle-kit": "catalog:",
+        ...context.database === "postgres-drizzle" || context.database === "supabase-drizzle" || context.database === "sqlite-drizzle" ? {
+          "drizzle-kit": "catalog:"
+        } : {},
         "@types/bun": "latest",
         typescript: "catalog:"
       }
@@ -26154,7 +27633,9 @@ Built with \u2764\uFE0F using Bun monorepo features
     if (context.database === "postgres-drizzle") {
       await setupPostgresDrizzle(dbPackagePath, context, true);
     } else if (context.database === "supabase") {
-      await setupSupabase(dbPackagePath, context, true);
+      await setupSupabaseOnly(dbPackagePath, context, true);
+    } else if (context.database === "supabase-drizzle") {
+      await setupSupabaseDrizzle(dbPackagePath, context, true);
     } else if (context.database === "sqlite-drizzle") {
       await setupSQLiteDrizzle(dbPackagePath, context, true);
     }
@@ -26180,7 +27661,7 @@ services:
       - "3000:3000"
     environment:
       - NODE_ENV=production
-      ${context.database === "supabase" ? "- NEXT_PUBLIC_SUPABASE_URL=${SUPABASE_URL}\n      - NEXT_PUBLIC_SUPABASE_ANON_KEY=${SUPABASE_ANON_KEY}" : ""}
+      ${context.database === "supabase" || context.database === "supabase-drizzle" ? "- NEXT_PUBLIC_SUPABASE_URL=${SUPABASE_URL}\n      - NEXT_PUBLIC_SUPABASE_ANON_KEY=${SUPABASE_ANON_KEY}" : ""}
     restart: unless-stopped
 
   platform:
@@ -26191,7 +27672,7 @@ services:
       - "3001:3000"
     environment:
       - NODE_ENV=production
-      ${context.database === "supabase" ? "- NEXT_PUBLIC_SUPABASE_URL=${SUPABASE_URL}\n      - NEXT_PUBLIC_SUPABASE_ANON_KEY=${SUPABASE_ANON_KEY}" : ""}
+      ${context.database === "supabase" || context.database === "supabase-drizzle" ? "- NEXT_PUBLIC_SUPABASE_URL=${SUPABASE_URL}\n      - NEXT_PUBLIC_SUPABASE_ANON_KEY=${SUPABASE_ANON_KEY}" : ""}
     restart: unless-stopped
 
   api:
@@ -26228,6 +27709,9 @@ ${context.database && context.database !== "none" && context.database !== "supab
   if (context.cicd) {
     await setupGitHubActions(projectPath, context);
   }
+  if (context.uiLibrary === "shadcn" && context.cssFramework === "tailwind") {
+    await setupShadcnMonorepo(projectPath, context);
+  }
 }
 // ../templates/src/builders/workspace.ts
 init_dist();
@@ -26508,7 +27992,7 @@ async function enhancedInitCommand(options = {}) {
       throw new Error("Project name is required in non-interactive mode. " + "Provide it via BUNKIT_PROJECT_NAME env var or --name flag.");
     }
     projectName = await he({
-      message: "\uD83D\uDCE6 What is your project named?",
+      message: "\uD83D\uDCE6 Project name",
       placeholder: "my-awesome-project",
       validate: (value) => {
         const result = validateProjectName(value);
@@ -26532,27 +28016,27 @@ async function enhancedInitCommand(options = {}) {
       throw new Error("Preset is required in non-interactive mode. " + "Provide it via BUNKIT_PRESET env var or --preset flag.");
     }
     preset = await ve({
-      message: "\uD83C\uDFA8 Which preset would you like?",
+      message: "\uD83C\uDFA8 Select project preset",
       options: [
         {
           value: "minimal",
           label: "\u26A1 Minimal",
-          hint: "Single file, clean start - perfect for learning Bun"
+          hint: "Single-file project, clean start - perfect for CLIs and scripts"
         },
         {
           value: "web",
-          label: "\uD83C\uDF10 Web App",
-          hint: "Next.js 16 + React 19 - full-stack web application"
+          label: "\uD83C\uDF10 Web Application",
+          hint: "Next.js 16 + React 19 + Tailwind CSS 4 - production-ready web app"
         },
         {
           value: "api",
           label: "\uD83D\uDE80 API Server",
-          hint: "Hono + Bun.serve() - ultra-fast REST API"
+          hint: "Hono 4 + Bun.serve() - ultra-fast REST API with native HMR"
         },
         {
           value: "full",
           label: "\uD83D\uDCE6 Full-Stack Monorepo",
-          hint: "Web + Platform + API - enterprise SaaS setup"
+          hint: "Web + API + shared packages - enterprise-grade SaaS architecture"
         }
       ]
     });
@@ -26565,27 +28049,32 @@ async function enhancedInitCommand(options = {}) {
   if (!database && (preset === "api" || preset === "full")) {
     if (!isNonInteractive) {
       database = await ve({
-        message: "\uD83D\uDDC4\uFE0F  Database setup?",
+        message: "\uD83D\uDDC4\uFE0F  Database configuration",
         options: [
           {
             value: "postgres-drizzle",
             label: "PostgreSQL + Drizzle ORM",
-            hint: "Production-ready, type-safe SQL database"
+            hint: "Production-ready PostgreSQL with type-safe Drizzle ORM queries"
           },
           {
             value: "supabase",
-            label: "Supabase",
-            hint: "PostgreSQL + Auth + Storage + Realtime - all-in-one"
+            label: "Supabase (Client Only)",
+            hint: "Supabase JS client only - Auth, Storage, Realtime without Drizzle ORM"
+          },
+          {
+            value: "supabase-drizzle",
+            label: "Supabase + Drizzle ORM",
+            hint: "Full Supabase stack with Drizzle ORM for type-safe database queries"
           },
           {
             value: "sqlite-drizzle",
             label: "SQLite + Drizzle ORM",
-            hint: "Local-first, embedded database - perfect for prototypes"
+            hint: "Local-first embedded database - perfect for prototypes and local development"
           },
           {
             value: "none",
             label: "None",
-            hint: "I'll add it later"
+            hint: "Skip database setup - add later if needed"
           }
         ]
       });
@@ -26597,21 +28086,116 @@ async function enhancedInitCommand(options = {}) {
       database = "none";
     }
   }
+  let supabasePreset;
+  let supabaseFeatures;
+  let supabaseWithDrizzle;
+  if (database === "supabase" || database === "supabase-drizzle") {
+    supabaseWithDrizzle = database === "supabase-drizzle";
+    const presetEnv = process.env.BUNKIT_SUPABASE_PRESET;
+    supabasePreset = presetEnv || options.supabasePreset;
+    if (!supabasePreset && !isNonInteractive) {
+      supabasePreset = await ve({
+        message: "\uD83C\uDFAF Supabase configuration preset",
+        options: [
+          {
+            value: "full-stack",
+            label: "Full Stack (Recommended)",
+            hint: "Complete Supabase setup - Auth, Storage, Realtime, and Database"
+          },
+          {
+            value: "auth-only",
+            label: "Auth Only",
+            hint: "Authentication only - perfect for simple apps with external data"
+          },
+          {
+            value: "database-only",
+            label: "Database Only",
+            hint: "PostgreSQL database access only - no Auth, Storage, or Realtime"
+          },
+          {
+            value: "custom",
+            label: "Custom",
+            hint: "Manually select Supabase features to include"
+          }
+        ]
+      });
+      if (pD(supabasePreset)) {
+        xe("Operation cancelled.");
+        process.exit(0);
+      }
+    } else if (!supabasePreset) {
+      supabasePreset = "full-stack";
+    }
+    if (supabasePreset === "full-stack") {
+      supabaseFeatures = ["auth", "storage", "realtime", "database"];
+    } else if (supabasePreset === "auth-only") {
+      supabaseFeatures = ["auth"];
+    } else if (supabasePreset === "database-only") {
+      supabaseFeatures = ["database"];
+    } else {
+      const availableFeaturesEnv = process.env.BUNKIT_SUPABASE_FEATURES;
+      let availableFeatures;
+      if (availableFeaturesEnv) {
+        availableFeatures = availableFeaturesEnv.split(",").map((f) => f.trim());
+      } else if (options.supabaseFeatures) {
+        availableFeatures = Array.isArray(options.supabaseFeatures) ? options.supabaseFeatures : String(options.supabaseFeatures).split(",").map((f) => f.trim());
+      }
+      if (!availableFeatures && !isNonInteractive) {
+        const selectedFeatures = await fe({
+          message: "\u2728 Select Supabase features to include",
+          options: [
+            {
+              value: "auth",
+              label: "Authentication",
+              hint: "User authentication and authorization (sign up, sign in, sessions)"
+            },
+            {
+              value: "storage",
+              label: "Storage",
+              hint: "File storage and CDN for images, documents, and media"
+            },
+            {
+              value: "realtime",
+              label: "Realtime",
+              hint: "Real-time subscriptions and live updates via WebSockets"
+            },
+            {
+              value: "edge-functions",
+              label: "Edge Functions",
+              hint: "Serverless functions deployed at the edge for low latency"
+            },
+            {
+              value: "database",
+              label: "Database",
+              hint: "PostgreSQL database access via Supabase client"
+            }
+          ]
+        });
+        if (pD(selectedFeatures)) {
+          xe("Operation cancelled.");
+          process.exit(0);
+        }
+        supabaseFeatures = selectedFeatures.length > 0 ? selectedFeatures : ["auth", "database"];
+      } else {
+        supabaseFeatures = availableFeatures || ["auth", "database"];
+      }
+    }
+  }
   let codeQuality = getOptionValue("BUNKIT_CODE_QUALITY", options.codeQuality, "ultracite");
   if (!codeQuality) {
     if (!isNonInteractive) {
       codeQuality = await ve({
-        message: "\uD83E\uDD16 Code quality setup?",
+        message: "\uD83E\uDD16 Code quality tool",
         options: [
           {
             value: "ultracite",
             label: "Ultracite (Recommended)",
-            hint: "AI-optimized Biome preset - syncs rules for Cursor, Claude, Windsurf"
+            hint: "AI-optimized Biome preset - syncs rules for Cursor, Claude Code, Windsurf, Zed"
           },
           {
             value: "biome",
             label: "Biome",
-            hint: "Standard Biome with good defaults - fast and reliable"
+            hint: "Standard Biome configuration - fast, reliable, zero-config linting and formatting"
           }
         ]
       });
@@ -26627,22 +28211,22 @@ async function enhancedInitCommand(options = {}) {
   if (!tsStrictness) {
     if (!isNonInteractive) {
       tsStrictness = await ve({
-        message: "\uD83D\uDD12 TypeScript strictness?",
+        message: "\uD83D\uDD12 TypeScript strictness level",
         options: [
           {
             value: "strict",
             label: "Strict (Recommended)",
-            hint: "Maximum type safety - catches bugs early, prevents headaches"
+            hint: "Maximum type safety - catches bugs early, prevents runtime errors"
           },
           {
             value: "moderate",
             label: "Moderate",
-            hint: "Balanced - good safety without being too rigid"
+            hint: "Balanced type checking - good safety without excessive strictness"
           },
           {
             value: "loose",
             label: "Loose",
-            hint: "Minimal checks - quick prototyping, migrate from JavaScript"
+            hint: "Minimal type checking - quick prototyping, easier migration from JavaScript"
           }
         ]
       });
@@ -26658,22 +28242,22 @@ async function enhancedInitCommand(options = {}) {
   if (!cssFramework && (preset === "web" || preset === "full")) {
     if (!isNonInteractive) {
       cssFramework = await ve({
-        message: "\uD83C\uDFA8 CSS framework?",
+        message: "\uD83C\uDFA8 CSS framework",
         options: [
           {
             value: "tailwind",
             label: "Tailwind CSS 4 (Recommended)",
-            hint: "Utility-first, fast, modern - with OKLCH colors and @theme"
+            hint: "Utility-first CSS framework - fast, modern, with OKLCH colors and @theme"
           },
           {
             value: "vanilla",
             label: "Vanilla CSS",
-            hint: "Plain CSS files - full control, no framework"
+            hint: "Plain CSS files - full control, no framework dependencies"
           },
           {
             value: "css-modules",
             label: "CSS Modules",
-            hint: "Scoped CSS - automatic class name generation"
+            hint: "Scoped CSS with automatic class name generation - prevents style conflicts"
           }
         ]
       });
@@ -26689,17 +28273,17 @@ async function enhancedInitCommand(options = {}) {
   if (!uiLibrary && (preset === "web" || preset === "full") && cssFramework === "tailwind") {
     if (!isNonInteractive) {
       uiLibrary = await ve({
-        message: "\uD83E\uDDE9 UI component library?",
+        message: "\uD83E\uDDE9 UI component library",
         options: [
           {
             value: "shadcn",
             label: "shadcn/ui (Recommended)",
-            hint: "64+ components, accessible, customizable - production-ready"
+            hint: "64+ accessible components, fully customizable, production-ready"
           },
           {
             value: "none",
             label: "None",
-            hint: "I'll build my own components"
+            hint: "Skip UI library - build custom components or add later"
           }
         ]
       });
@@ -26711,26 +28295,118 @@ async function enhancedInitCommand(options = {}) {
       uiLibrary = "shadcn";
     }
   }
+  let shadcnStyle = getOptionValue("BUNKIT_SHADCN_STYLE", options.shadcnStyle);
+  if (!shadcnStyle && uiLibrary === "shadcn") {
+    if (!isNonInteractive) {
+      shadcnStyle = await ve({
+        message: "\uD83C\uDFA8 shadcn/ui component style",
+        options: [
+          {
+            value: "new-york",
+            label: "New York (Recommended)",
+            hint: "Modern design aesthetic - rounded corners, subtle shadows, clean look"
+          },
+          {
+            value: "default",
+            label: "Default",
+            hint: "Classic design aesthetic - sharper edges, higher contrast, traditional look"
+          }
+        ]
+      });
+      if (pD(shadcnStyle)) {
+        xe("Operation cancelled.");
+        process.exit(0);
+      }
+    } else {
+      shadcnStyle = "new-york";
+    }
+  }
+  let shadcnBaseColor = getOptionValue("BUNKIT_SHADCN_BASE_COLOR", options.shadcnBaseColor);
+  if (!shadcnBaseColor && uiLibrary === "shadcn") {
+    if (!isNonInteractive) {
+      shadcnBaseColor = await ve({
+        message: "\uD83C\uDFA8 shadcn/ui base color theme",
+        options: [
+          {
+            value: "zinc",
+            label: "Zinc (Recommended)",
+            hint: "Neutral gray palette - versatile, modern, works with any accent color"
+          },
+          {
+            value: "neutral",
+            label: "Neutral",
+            hint: "Pure neutral palette - no color cast, perfect grayscale"
+          },
+          {
+            value: "gray",
+            label: "Gray",
+            hint: "Warm gray palette - slightly warmer tone than zinc"
+          },
+          {
+            value: "slate",
+            label: "Slate",
+            hint: "Cool gray palette - slightly bluer tone, modern and crisp"
+          },
+          {
+            value: "stone",
+            label: "Stone",
+            hint: "Warm beige-gray palette - earthy, natural, organic feel"
+          }
+        ]
+      });
+      if (pD(shadcnBaseColor)) {
+        xe("Operation cancelled.");
+        process.exit(0);
+      }
+    } else {
+      shadcnBaseColor = "zinc";
+    }
+  }
+  let shadcnRadius = getOptionValue("BUNKIT_SHADCN_RADIUS", options.shadcnRadius);
+  if (!shadcnRadius && uiLibrary === "shadcn") {
+    if (!isNonInteractive) {
+      const radiusInput = await he({
+        message: "\uD83D\uDCD0 Component border radius",
+        placeholder: "0.625rem (default)",
+        initialValue: "0.625rem",
+        validate: (value) => {
+          if (!value.trim()) {
+            return "Radius cannot be empty";
+          }
+          if (!/^\d+(\.\d+)?(rem|px|em|%)$/.test(value.trim())) {
+            return "Please enter a valid CSS value (e.g., 0.5rem, 8px)";
+          }
+        }
+      });
+      if (pD(radiusInput)) {
+        xe("Operation cancelled.");
+        process.exit(0);
+      }
+      shadcnRadius = radiusInput;
+    } else {
+      shadcnRadius = "0.625rem";
+    }
+  }
   let testing = getOptionValue("BUNKIT_TESTING", options.testing, "bun-test");
   if (!testing) {
     if (!isNonInteractive) {
       testing = await ve({
-        message: "\uD83E\uDDEA Testing framework?",
+        message: "\uD83E\uDDEA Testing framework",
         options: [
           {
             value: "bun-test",
             label: "Bun Test (Recommended)",
-            hint: "Built-in, fast, Jest-compatible - no extra dependencies"
+            hint: "Built-in testing framework - fast, Jest-compatible, zero configuration"
           },
           {
             value: "vitest",
             label: "Vitest",
-            hint: "Vite-powered, fast, ESM-first - popular in ecosystem"
+            hint: "Vite-powered testing framework - fast, ESM-first, popular ecosystem choice"
           },
           {
             value: "none",
             label: "None",
-            hint: "I'll add testing later"
+            hint: "Skip testing setup - add testing framework later if needed"
           }
         ]
       });
@@ -26746,7 +28422,7 @@ async function enhancedInitCommand(options = {}) {
   if (docker === undefined) {
     if (!isNonInteractive) {
       docker = await ye({
-        message: "\uD83D\uDC33 Add Docker configuration?",
+        message: "\uD83D\uDC33 Include Docker configuration",
         initialValue: false
       });
       if (pD(docker)) {
@@ -26761,7 +28437,7 @@ async function enhancedInitCommand(options = {}) {
   if (cicd === undefined) {
     if (!isNonInteractive) {
       cicd = await ye({
-        message: "\u2699\uFE0F  Add GitHub Actions CI/CD?",
+        message: "\u2699\uFE0F  Include GitHub Actions CI/CD workflow",
         initialValue: false
       });
       if (pD(cicd)) {
@@ -26776,7 +28452,7 @@ async function enhancedInitCommand(options = {}) {
   if (shouldInstall === undefined) {
     if (!isNonInteractive) {
       shouldInstall = await ye({
-        message: "\uD83D\uDCE5 Install dependencies?",
+        message: "\uD83D\uDCE5 Install dependencies after project creation",
         initialValue: true
       });
       if (pD(shouldInstall)) {
@@ -26791,7 +28467,7 @@ async function enhancedInitCommand(options = {}) {
   if (shouldInitGit === undefined) {
     if (!isNonInteractive) {
       shouldInitGit = await ye({
-        message: "\uD83D\uDD27 Initialize git repository?",
+        message: "\uD83D\uDD27 Initialize Git repository",
         initialValue: true
       });
       if (pD(shouldInitGit)) {
@@ -26803,28 +28479,56 @@ async function enhancedInitCommand(options = {}) {
     }
   }
   if (!isNonInteractive) {
-    console.log(`
-` + boxen([
-      `${source_default.bold("Project:")} ${source_default.cyan(projectName)}`,
+    const configSummary = [
+      "",
+      `${source_default.bold.cyan("\uD83D\uDCE6 Project Configuration")}`,
+      `${source_default.dim("\u2500".repeat(40))}`,
+      `${source_default.bold("Project Name:")} ${source_default.cyan(projectName)}`,
       `${source_default.bold("Preset:")} ${source_default.cyan(preset)}`,
-      database ? `${source_default.bold("Database:")} ${source_default.cyan(database)}` : "",
-      `${source_default.bold("Code Quality:")} ${source_default.cyan(codeQuality)}`,
-      `${source_default.bold("TypeScript:")} ${source_default.cyan(tsStrictness)}`,
-      cssFramework ? `${source_default.bold("CSS:")} ${source_default.cyan(cssFramework)}` : "",
-      uiLibrary ? `${source_default.bold("UI Library:")} ${source_default.cyan(uiLibrary)}` : "",
-      `${source_default.bold("Testing:")} ${source_default.cyan(testing)}`,
-      docker ? `${source_default.bold("Docker:")} ${source_default.green("\u2713")}` : "",
-      cicd ? `${source_default.bold("CI/CD:")} ${source_default.green("\u2713")}` : ""
+      "",
+      database && database !== "none" ? [
+        `${source_default.bold.yellow("\uD83D\uDDC4\uFE0F  Database")}`,
+        `  ${source_default.bold("Type:")} ${source_default.cyan(database)}`,
+        (database === "supabase" || database === "supabase-drizzle") && supabasePreset ? `  ${source_default.bold("Preset:")} ${source_default.cyan(supabasePreset)}` : "",
+        (database === "supabase" || database === "supabase-drizzle") && supabaseFeatures ? `  ${source_default.bold("Features:")} ${source_default.cyan(supabaseFeatures.join(", "))}` : ""
+      ].filter(Boolean).join(`
+`) : "",
+      "",
+      `${source_default.bold.yellow("\uD83D\uDEE0\uFE0F  Development Tools")}`,
+      `  ${source_default.bold("Code Quality:")} ${source_default.cyan(codeQuality)}`,
+      `  ${source_default.bold("TypeScript:")} ${source_default.cyan(tsStrictness)}`,
+      `  ${source_default.bold("Testing:")} ${source_default.cyan(testing)}`,
+      "",
+      cssFramework ? [
+        `${source_default.bold.yellow("\uD83C\uDFA8 Styling")}`,
+        `  ${source_default.bold("CSS Framework:")} ${source_default.cyan(cssFramework)}`,
+        uiLibrary ? `  ${source_default.bold("UI Library:")} ${source_default.cyan(uiLibrary)}` : "",
+        uiLibrary === "shadcn" && shadcnStyle ? `  ${source_default.bold("  Style:")} ${source_default.cyan(shadcnStyle)}` : "",
+        uiLibrary === "shadcn" && shadcnBaseColor ? `  ${source_default.bold("  Base Color:")} ${source_default.cyan(shadcnBaseColor)}` : "",
+        uiLibrary === "shadcn" && shadcnRadius ? `  ${source_default.bold("  Radius:")} ${source_default.cyan(shadcnRadius)}` : ""
+      ].filter(Boolean).join(`
+`) : "",
+      "",
+      docker || cicd ? [
+        `${source_default.bold.yellow("\uD83D\uDE80 Deployment")}`,
+        docker ? `  ${source_default.bold("Docker:")} ${source_default.green("\u2713 Enabled")}` : "",
+        cicd ? `  ${source_default.bold("CI/CD:")} ${source_default.green("\u2713 Enabled")}` : ""
+      ].filter(Boolean).join(`
+`) : "",
+      ""
     ].filter(Boolean).join(`
-`), {
-      padding: 1,
-      title: "\uD83D\uDCCB Configuration",
+`);
+    console.log(`
+` + boxen(configSummary, {
+      padding: { top: 1, bottom: 1, left: 2, right: 2 },
+      title: "\uD83D\uDCCB Configuration Summary",
       titleAlignment: "left",
       borderColor: "cyan",
-      borderStyle: "round"
+      borderStyle: "round",
+      dimBorder: false
     }));
     const confirm = await ye({
-      message: "Proceed with this configuration?",
+      message: "Confirm project configuration",
       initialValue: true
     });
     if (pD(confirm) || !confirm) {
@@ -26832,8 +28536,9 @@ async function enhancedInitCommand(options = {}) {
       process.exit(0);
     }
   }
+  console.log("");
   const s = Y2();
-  s.start("\uD83D\uDD28 Creating project structure...");
+  s.start(`${source_default.cyan("\uD83D\uDD28")} Creating project structure...`);
   try {
     const config = {
       name: projectName,
@@ -26850,12 +28555,18 @@ async function enhancedInitCommand(options = {}) {
       docker,
       cicd,
       envExample: true,
-      pathAliases: true
+      pathAliases: true,
+      shadcnStyle,
+      shadcnBaseColor,
+      shadcnRadius,
+      supabasePreset,
+      supabaseFeatures,
+      supabaseWithDrizzle
     };
     await createProject(config);
     const projectPath = join(process.cwd(), config.path);
     const context = createTemplateContext(config);
-    s.message("\uD83D\uDCDD Generating files...");
+    s.message(`${source_default.cyan("\uD83D\uDCDD")} Generating project files...`);
     switch (preset) {
       case "minimal":
         await buildMinimalPreset(projectPath, context);
@@ -26871,18 +28582,22 @@ async function enhancedInitCommand(options = {}) {
         break;
     }
     if (database && database !== "none") {
-      s.message(`\uD83D\uDDC4\uFE0F  Setting up ${database}...`);
+      const dbName = database === "postgres-drizzle" ? "PostgreSQL + Drizzle ORM" : database === "supabase" ? "Supabase (Client Only)" : database === "supabase-drizzle" ? "Supabase + Drizzle ORM" : database === "sqlite-drizzle" ? "SQLite + Drizzle ORM" : database;
+      s.message(`${source_default.cyan("\uD83D\uDDC4\uFE0F")}  Configuring ${dbName}...`);
+    }
+    if (uiLibrary === "shadcn") {
+      s.message(`${source_default.cyan("\uD83C\uDFA8")}  Setting up shadcn/ui components...`);
     }
     if (codeQuality === "ultracite") {
-      s.message("\uD83E\uDD16 Configuring Ultracite for AI editors...");
+      s.message(`${source_default.cyan("\uD83E\uDD16")}  Configuring Ultracite for AI editors...`);
     }
     if (docker) {
-      s.message("\uD83D\uDC33 Adding Docker configuration...");
+      s.message(`${source_default.cyan("\uD83D\uDC33")}  Adding Docker configuration...`);
     }
     if (cicd) {
-      s.message("\u2699\uFE0F  Adding GitHub Actions...");
+      s.message(`${source_default.cyan("\u2699\uFE0F")}  Adding GitHub Actions CI/CD workflow...`);
     }
-    s.stop("\u2705 Project created!");
+    s.stop(`${source_default.green("\u2705")} Project structure created successfully!`);
     if (shouldInstall && preset !== "full") {
       const additionalDeps = {};
       if (database && database !== "none") {
@@ -26908,28 +28623,121 @@ async function enhancedInitCommand(options = {}) {
     } else if (shouldInstall && preset === "full") {
       await installDependencies(projectPath);
     }
+    if (shouldInstall && uiLibrary === "shadcn" && (preset === "web" || preset === "full")) {
+      const componentSpinner = Y2();
+      componentSpinner.start(`${source_default.cyan("\uD83E\uDDE9")} Installing default shadcn/ui components (button, card)...`);
+      try {
+        if (preset === "full") {
+          await installDefaultShadcnComponents(join(projectPath, "packages/ui"), {
+            silent: true
+          });
+        } else {
+          await installDefaultShadcnComponents(projectPath, {
+            silent: true
+          });
+        }
+        componentSpinner.stop(`${source_default.green("\u2705")} Default components installed`);
+      } catch (error) {
+        componentSpinner.stop(`${source_default.yellow("\u26A0\uFE0F")}  Could not install automatically`);
+        Me("Install manually: bunx shadcn@latest add button card", "Component Installation");
+      }
+    }
     const getDevCommand = () => {
       if (preset === "full" || preset === "web")
         return "bun dev";
       return "bun run dev";
     };
-    const nextSteps = [
-      `${source_default.cyan("cd")} ${projectName}`,
-      shouldInstall ? "" : `${source_default.cyan("bun install")}`,
-      `${source_default.cyan(getDevCommand())} ${source_default.dim("# Start development")}`
+    const getPresetEmoji = () => {
+      switch (preset) {
+        case "minimal":
+          return "\u26A1";
+        case "web":
+          return "\uD83C\uDF10";
+        case "api":
+          return "\uD83D\uDE80";
+        case "full":
+          return "\uD83D\uDCE6";
+        default:
+          return "\u2728";
+      }
+    };
+    const nextStepsContent = [
+      `${source_default.bold.cyan("\uD83D\uDCC1 Navigate to your project")}`,
+      `${source_default.cyan("cd")} ${source_default.bold(projectName)}`,
+      "",
+      shouldInstall ? "" : [
+        `${source_default.bold.cyan("\uD83D\uDCE6 Install dependencies")}`,
+        `${source_default.cyan("bun install")}`,
+        ""
+      ].join(`
+`),
+      `${source_default.bold.cyan("\uD83D\uDE80 Start development")}`,
+      `${source_default.cyan(getDevCommand())} ${source_default.dim("# Start development server")}`,
+      "",
+      `${source_default.dim("\u2500".repeat(40))}`,
+      `${source_default.bold.yellow("\uD83D\uDCA1 Quick Tips")}`,
+      "",
+      database && database !== "none" ? `  ${source_default.dim("\u2022")} Configure your database connection in ${source_default.cyan(".env")}` : "",
+      uiLibrary === "shadcn" ? `  ${source_default.dim("\u2022")} Add more components: ${source_default.cyan("bunkit add component --all")}` : "",
+      preset === "full" ? `  ${source_default.dim("\u2022")} Add workspaces: ${source_default.cyan("bunkit add workspace")}` : "",
+      preset === "full" ? `  ${source_default.dim("\u2022")} Add packages: ${source_default.cyan("bunkit add package")}` : "",
+      `  ${source_default.dim("\u2022")} Read the ${source_default.cyan("README.md")} for project-specific documentation`,
+      database === "supabase" || database === "supabase-drizzle" ? `  ${source_default.dim("\u2022")} Check ${source_default.cyan("SHADCN.md")} for shadcn/ui usage guide` : ""
     ].filter(Boolean).join(`
 `);
     console.log(`
-` + boxen(nextSteps, {
-      padding: 1,
-      title: "\uD83D\uDE80 Next steps",
+` + boxen(nextStepsContent, {
+      padding: { top: 1, bottom: 1, left: 2, right: 2 },
+      title: `${getPresetEmoji()} Next Steps`,
       titleAlignment: "left",
       borderColor: "green",
-      borderStyle: "round"
+      borderStyle: "round",
+      dimBorder: false
+    }));
+    const projectSummary = [
+      `${source_default.bold.green("\u2728 Project created successfully!")}`,
+      "",
+      `${source_default.dim("Project location:")} ${source_default.cyan(join(process.cwd(), projectName))}`,
+      `${source_default.dim("Preset:")} ${source_default.cyan(preset)}`,
+      database && database !== "none" ? `${source_default.dim("Database:")} ${source_default.cyan(database)}` : "",
+      uiLibrary ? `${source_default.dim("UI Library:")} ${source_default.cyan(uiLibrary)}` : "",
+      "",
+      `${source_default.dim("Happy coding! \uD83C\uDF89")}`
+    ].filter(Boolean).join(`
+`);
+    console.log(`
+` + boxen(projectSummary, {
+      padding: { top: 1, bottom: 1, left: 2, right: 2 },
+      borderColor: "green",
+      borderStyle: "round",
+      dimBorder: true
     }));
   } catch (error) {
-    s.stop("\u274C Failed to create project");
-    xe(`${import_picocolors4.default.red("Error:")} ${error.message}`);
+    s.stop(`${source_default.red("\u274C")} Failed to create project`);
+    const errorMessage = error.message;
+    const errorBox = [
+      `${source_default.bold.red("Error occurred during project creation")}`,
+      "",
+      source_default.red(errorMessage),
+      "",
+      `${source_default.dim("\u2500".repeat(40))}`,
+      `${source_default.bold.yellow("\uD83D\uDCA1 Troubleshooting Tips")}`,
+      "",
+      `  ${source_default.dim("\u2022")} Check if the directory already exists`,
+      `  ${source_default.dim("\u2022")} Ensure you have write permissions`,
+      `  ${source_default.dim("\u2022")} Verify your internet connection (for dependency installation)`,
+      `  ${source_default.dim("\u2022")} Try running with ${source_default.cyan("--no-install")} to skip dependency installation`,
+      "",
+      `${source_default.dim("Need help?")} ${source_default.cyan("https://github.com/Arakiss/bunkit/issues")}`
+    ].join(`
+`);
+    console.log(`
+` + boxen(errorBox, {
+      padding: { top: 1, bottom: 1, left: 2, right: 2 },
+      borderColor: "red",
+      borderStyle: "round"
+    }));
+    xe("Operation cancelled due to error");
     process.exit(1);
   }
 }
@@ -26948,8 +28756,9 @@ async function createCommand2(preset, name, options) {
   if (!validation2.valid) {
     throw new Error(`Invalid project name: ${validation2.error}`);
   }
+  console.log("");
   const s = Y2();
-  s.start(`Creating ${preset} project: ${name}`);
+  s.start(`${source_default.cyan("\uD83D\uDD28")} Creating ${preset} project: ${source_default.bold(name)}`);
   try {
     const config = {
       name,
@@ -26966,11 +28775,11 @@ async function createCommand2(preset, name, options) {
       envExample: true,
       pathAliases: true
     };
-    s.message("\uD83D\uDD28 Creating project structure...");
+    s.message(`${source_default.cyan("\uD83D\uDCC1")} Creating project structure...`);
     await createProject(config);
     const projectPath = join(process.cwd(), config.path);
     const context = createTemplateContext(config);
-    s.message("\uD83D\uDCDD Generating files...");
+    s.message(`${source_default.cyan("\uD83D\uDCDD")} Generating project files...`);
     switch (preset) {
       case "minimal":
         await buildMinimalPreset(projectPath, context);
@@ -26985,22 +28794,65 @@ async function createCommand2(preset, name, options) {
         await buildFullPreset(projectPath, context);
         break;
     }
-    s.stop(`Project ${name} created!`);
-    const nextSteps = [
-      `${source_default.cyan("cd")} ${name}`,
-      source_default.cyan(preset === "web" ? "bun dev" : "bun run dev")
-    ].join(`
+    s.message(`${source_default.cyan("\u2728")} Finalizing setup...`);
+    s.stop(`${source_default.green("\u2705")} Project ${source_default.bold(name)} created successfully!`);
+    const getPresetEmoji = () => {
+      switch (preset) {
+        case "minimal":
+          return "\u26A1";
+        case "web":
+          return "\uD83C\uDF10";
+        case "api":
+          return "\uD83D\uDE80";
+        case "full":
+          return "\uD83D\uDCE6";
+        default:
+          return "\u2728";
+      }
+    };
+    const nextStepsContent = [
+      `${source_default.bold.cyan("\uD83D\uDCC1 Navigate to your project")}`,
+      `${source_default.cyan("cd")} ${source_default.bold(name)}`,
+      "",
+      options.install === false ? [
+        `${source_default.bold.cyan("\uD83D\uDCE6 Install dependencies")}`,
+        `${source_default.cyan("bun install")}`,
+        ""
+      ].join(`
+`) : "",
+      `${source_default.bold.cyan("\uD83D\uDE80 Start development")}`,
+      `${source_default.cyan(preset === "web" ? "bun dev" : "bun run dev")} ${source_default.dim("# Start development server")}`,
+      "",
+      `${source_default.dim("\u2500".repeat(40))}`,
+      `${source_default.bold.yellow("\uD83D\uDCA1 Tip")}`,
+      `  Use ${source_default.cyan("bunkit init")} for full customization options`
+    ].filter(Boolean).join(`
 `);
     console.log(`
-` + boxen(nextSteps, {
-      padding: 1,
-      title: "\uD83D\uDCCB Next steps",
+` + boxen(nextStepsContent, {
+      padding: { top: 1, bottom: 1, left: 2, right: 2 },
+      title: `${getPresetEmoji()} Next Steps`,
       titleAlignment: "left",
-      borderColor: "cyan",
-      borderStyle: "round"
+      borderColor: "green",
+      borderStyle: "round",
+      dimBorder: false
     }));
   } catch (error) {
-    s.stop("\u274C Project creation failed");
+    s.stop(`${source_default.red("\u274C")} Project creation failed`);
+    const errorBox = [
+      `${source_default.bold.red("Error occurred")}`,
+      "",
+      source_default.red(error.message),
+      "",
+      `${source_default.dim("Need help?")} ${source_default.cyan("https://github.com/Arakiss/bunkit/issues")}`
+    ].join(`
+`);
+    console.log(`
+` + boxen(errorBox, {
+      padding: { top: 1, bottom: 1, left: 2, right: 2 },
+      borderColor: "red",
+      borderStyle: "round"
+    }));
     throw error;
   }
 }
@@ -27008,7 +28860,7 @@ async function createCommand2(preset, name, options) {
 // src/commands/add/workspace.ts
 init_dist();
 init_src();
-var import_picocolors5 = __toESM(require_picocolors(), 1);
+var import_picocolors4 = __toESM(require_picocolors(), 1);
 function getWorkspaceDependencies(preset) {
   switch (preset) {
     case "nextjs":
@@ -27091,8 +28943,8 @@ async function addWorkspaceCommand(options = {}) {
     let workspaceName = options.name;
     if (!workspaceName) {
       const nameInput = await he({
-        message: "Workspace name (e.g., apps/admin or packages/email):",
-        placeholder: "apps/dashboard",
+        message: "Workspace name",
+        placeholder: "apps/admin or packages/email",
         validate: (value) => {
           if (!value)
             return "Workspace name is required";
@@ -27120,15 +28972,15 @@ async function addWorkspaceCommand(options = {}) {
     let preset = options.preset;
     if (!preset) {
       const presetChoice = await ve({
-        message: "Choose workspace preset:",
+        message: "Select workspace preset",
         options: [
           {
             value: "nextjs",
-            label: "Next.js",
-            hint: "Next.js 16 + React 19 + Tailwind"
+            label: "Next.js Application",
+            hint: "Next.js 16 + React 19 + Tailwind CSS 4 - production-ready web app"
           },
-          { value: "hono", label: "Hono API", hint: "Fast API with Bun.serve()" },
-          { value: "library", label: "Library", hint: "Shared package" }
+          { value: "hono", label: "Hono API Server", hint: "Hono 4 + Bun.serve() - ultra-fast REST API" },
+          { value: "library", label: "Shared Library", hint: "Reusable package for shared code and components" }
         ]
       });
       if (pD(presetChoice)) {
@@ -27166,18 +29018,18 @@ async function addWorkspaceCommand(options = {}) {
     spinner.stop("Dependencies installed");
     M2.success(`Workspace "${workspaceName}" created successfully!`);
     const devCommand = preset === "nextjs" ? "next dev" : preset === "hono" ? "bun dev" : "bun run build";
-    Me(`${import_picocolors5.default.bold("Next steps:")}
+    Me(`${import_picocolors4.default.bold("Next steps:")}
 
-  ${import_picocolors5.default.cyan(`cd ${workspaceName}`)}
-  ${import_picocolors5.default.cyan(devCommand)}
+  ${import_picocolors4.default.cyan(`cd ${workspaceName}`)}
+  ${import_picocolors4.default.cyan(devCommand)}
 
-${import_picocolors5.default.bold("Workspace info:")}
+${import_picocolors4.default.bold("Workspace info:")}
   Name: ${getWorkspaceName(workspaceName)}
   Type: ${preset}
   Path: ${workspaceName}
 
-${preset === "library" ? `${import_picocolors5.default.bold("Usage in other workspaces:")}
-  import { example } from '${getWorkspaceName(workspaceName)}'` : ""}`, import_picocolors5.default.green("Workspace ready!"));
+${preset === "library" ? `${import_picocolors4.default.bold("Usage in other workspaces:")}
+  import { example } from '${getWorkspaceName(workspaceName)}'` : ""}`, import_picocolors4.default.green("Workspace ready!"));
   } catch (error) {
     spinner.stop("Failed");
     throw error;
@@ -27187,7 +29039,7 @@ ${preset === "library" ? `${import_picocolors5.default.bold("Usage in other work
 // src/commands/add/package.ts
 init_dist();
 init_src();
-var import_picocolors6 = __toESM(require_picocolors(), 1);
+var import_picocolors5 = __toESM(require_picocolors(), 1);
 async function generatePackageFiles(packagePath, packageName, type) {
   const { writeFile: writeFile2 } = await Promise.resolve().then(() => (init_src(), exports_src));
   await ensureDirectory(join(packagePath, "src"));
@@ -27312,8 +29164,8 @@ async function addPackageCommand(options = {}) {
     let packageName = options.name;
     if (!packageName) {
       const nameInput = await he({
-        message: "Package name (e.g., @myapp/email or utils):",
-        placeholder: "@myapp/email",
+        message: "Package name",
+        placeholder: "@myapp/email or utils",
         validate: (value) => {
           if (!value)
             return "Package name is required";
@@ -27350,12 +29202,12 @@ async function addPackageCommand(options = {}) {
     let type = options.type;
     if (!type) {
       const typeChoice = await ve({
-        message: "Choose package type:",
+        message: "Select package type",
         options: [
-          { value: "library", label: "Library", hint: "Shared code/components" },
-          { value: "utils", label: "Utils", hint: "Utility functions" },
-          { value: "types", label: "Types", hint: "TypeScript types" },
-          { value: "config", label: "Config", hint: "Configuration" }
+          { value: "library", label: "Library", hint: "Shared code and components - reusable across workspaces" },
+          { value: "utils", label: "Utilities", hint: "Utility functions and helpers - common operations" },
+          { value: "types", label: "Type Definitions", hint: "Shared TypeScript types and interfaces" },
+          { value: "config", label: "Configuration", hint: "Shared configuration files and settings" }
         ]
       });
       if (pD(typeChoice)) {
@@ -27400,31 +29252,148 @@ async function addPackageCommand(options = {}) {
     await installDependencies(cwd2, {});
     spinner.stop("Dependencies installed");
     M2.success(`Package "${fullPackageName}" created successfully!`);
-    Me(`${import_picocolors6.default.bold("Next steps:")}
+    Me(`${import_picocolors5.default.bold("Next steps:")}
 
-${import_picocolors6.default.bold("1. Use in other workspaces:")}
-   ${import_picocolors6.default.cyan(`import { example } from '${fullPackageName}'`)}
+${import_picocolors5.default.bold("1. Use in other workspaces:")}
+   ${import_picocolors5.default.cyan(`import { example } from '${fullPackageName}'`)}
 
-${import_picocolors6.default.bold("2. Add to workspace dependencies:")}
-   ${import_picocolors6.default.dim("// In apps/web/package.json")}
-   ${import_picocolors6.default.cyan('"dependencies": {')}
-   ${import_picocolors6.default.cyan(`  "${fullPackageName}": "workspace:*"`)}
-   ${import_picocolors6.default.cyan("}")}
+${import_picocolors5.default.bold("2. Add to workspace dependencies:")}
+   ${import_picocolors5.default.dim("// In apps/web/package.json")}
+   ${import_picocolors5.default.cyan('"dependencies": {')}
+   ${import_picocolors5.default.cyan(`  "${fullPackageName}": "workspace:*"`)}
+   ${import_picocolors5.default.cyan("}")}
 
-${import_picocolors6.default.bold("3. Develop the package:")}
-   ${import_picocolors6.default.cyan(`cd ${workspacePath}`)}
-   ${import_picocolors6.default.cyan("# Edit src/index.ts")}
+${import_picocolors5.default.bold("3. Develop the package:")}
+   ${import_picocolors5.default.cyan(`cd ${workspacePath}`)}
+   ${import_picocolors5.default.cyan("# Edit src/index.ts")}
 
-${import_picocolors6.default.bold("Package info:")}
+${import_picocolors5.default.bold("Package info:")}
   Name: ${fullPackageName}
   Type: ${type}
-  Path: ${workspacePath}`, import_picocolors6.default.green("Package ready!"));
+  Path: ${workspacePath}`, import_picocolors5.default.green("Package ready!"));
   } catch (error) {
     spinner.stop("Failed");
     throw error;
   }
 }
 
+// src/commands/add/component.ts
+init_dist();
+import { existsSync } from "fs";
+async function addComponentCommand(options = {}) {
+  const cwd2 = options.cwd || process.cwd();
+  const spinner = Y2();
+  const componentsJsonPath = join(cwd2, "components.json");
+  const isMonorepo = existsSync(join(cwd2, "packages/ui/components.json"));
+  if (!existsSync(componentsJsonPath) && !isMonorepo) {
+    M2.error("shadcn/ui is not configured in this project.");
+    M2.info("Run `bunkit init` with --ui-library shadcn to set up shadcn/ui first.");
+    process.exit(1);
+  }
+  const targetPath = isMonorepo ? join(cwd2, "packages/ui") : cwd2;
+  let components = [];
+  if (options.all) {
+    const popularComponents = [
+      "button",
+      "card",
+      "input",
+      "label",
+      "textarea",
+      "select",
+      "checkbox",
+      "radio-group",
+      "switch",
+      "dialog",
+      "dropdown-menu",
+      "alert",
+      "badge",
+      "avatar",
+      "separator",
+      "skeleton",
+      "tabs",
+      "accordion",
+      "alert-dialog",
+      "aspect-ratio",
+      "breadcrumb",
+      "calendar",
+      "carousel",
+      "chart",
+      "collapsible",
+      "command",
+      "context-menu",
+      "drawer",
+      "form",
+      "hover-card",
+      "menubar",
+      "navigation-menu",
+      "popover",
+      "progress",
+      "scroll-area",
+      "sheet",
+      "slider",
+      "sonner",
+      "table",
+      "toast",
+      "toggle",
+      "tooltip"
+    ];
+    const selected = await fe({
+      message: "Select shadcn/ui components to install",
+      options: popularComponents.map((comp) => ({
+        value: comp,
+        label: comp
+      })),
+      required: true
+    });
+    if (pD(selected)) {
+      xe("Operation cancelled.");
+      process.exit(0);
+    }
+    components = selected;
+  } else if (options.components && options.components.length > 0) {
+    components = options.components;
+  } else {
+    const componentInput = await he({
+      message: "Component name(s)",
+      placeholder: "button,card,input (comma-separated)",
+      validate: (value) => {
+        if (!value.trim()) {
+          return "Please enter at least one component name";
+        }
+      }
+    });
+    if (pD(componentInput)) {
+      xe("Operation cancelled.");
+      process.exit(0);
+    }
+    components = componentInput.split(/[,\s]+/).map((c3) => c3.trim()).filter(Boolean);
+  }
+  if (components.length === 0) {
+    M2.error("No components specified.");
+    process.exit(1);
+  }
+  spinner.start(`Installing ${components.length} component(s)...`);
+  try {
+    await installShadcnComponents(targetPath, components, {
+      silent: false,
+      cwd: targetPath
+    });
+    spinner.stop(`\u2705 Installed: ${components.join(", ")}`);
+    if (isMonorepo) {
+      Me(`Components installed in packages/ui. Import them using:
+import { Button } from "@workspace/ui/components/ui/button"`, "Usage");
+    } else {
+      Me(`Import components using:
+import { Button } from "@/components/ui/button"`, "Usage");
+    }
+  } catch (error) {
+    spinner.stop("\u274C Failed to install components");
+    M2.error(error.message);
+    M2.info("Try installing manually: bunx shadcn@latest add " + components.join(" "));
+    process.exit(1);
+  }
+}
+
 // src/commands/add.ts
 async function addCommand(feature, options) {
   try {
@@ -27443,9 +29412,16 @@ async function addCommand(feature, options) {
           cwd: process.cwd()
         });
         break;
+      case "component":
+        await addComponentCommand({
+          components: options.components,
+          all: options.all,
+          cwd: process.cwd()
+        });
+        break;
       default:
         M2.error(`Unknown feature: ${feature}`);
-        M2.info(`Available features: workspace, package`);
+        M2.info(`Available features: workspace, package, component`);
         process.exit(1);
     }
   } catch (error) {
@@ -27457,37 +29433,78 @@ async function addCommand(feature, options) {
 var packageJson = await Bun.file(new URL("../package.json", import.meta.url)).json();
 var VERSION = packageJson.version;
 var program2 = new Command;
-program2.name("bunkit").description("Bake production-ready apps in seconds").version(VERSION);
-program2.command("init").description("Create a new project with full customization").option("--name <name>", "Project name").option("--preset <preset>", "Preset type (minimal, web, api, full)").option("--database <database>", "Database (postgres-drizzle, supabase, sqlite-drizzle, none)").option("--code-quality <quality>", "Code quality (ultracite, biome)").option("--ts-strictness <strictness>", "TypeScript strictness (strict, moderate, loose)").option("--ui-library <library>", "UI library (shadcn, none)").option("--css-framework <framework>", "CSS framework (tailwind, vanilla, css-modules)").option("--testing <framework>", "Testing framework (bun-test, vitest, none)").option("--docker", "Add Docker configuration").option("--cicd", "Add GitHub Actions CI/CD").option("--no-git", "Skip git initialization").option("--no-install", "Skip dependency installation").option("--non-interactive", "Run without prompts (requires all options)").action(async (options) => {
+program2.name("bunkit").description("Bake production-ready apps in seconds | Modern CLI for Bun-powered projects").version(VERSION).usage("<command> [options]").addHelpText("after", `
+Examples:
+  $ bunkit init                    Create a new project interactively
+  $ bunkit create web my-app       Create a Next.js web application
+  $ bunkit add workspace           Add a new workspace to monorepo
+  $ bunkit add component --all     Browse and add shadcn/ui components
+
+For more information, visit: https://github.com/Arakiss/bunkit
+  `);
+program2.command("init").description("Create a new project with full customization options").alias("i").option("--name <name>", "Project name (kebab-case recommended, e.g., my-awesome-app)").option("--preset <preset>", "Project preset: minimal | web | api | full").option("--database <database>", "Database option: postgres-drizzle | supabase | supabase-drizzle | sqlite-drizzle | none").option("--supabase-preset <preset>", "Supabase configuration preset: full-stack | auth-only | database-only | custom").option("--supabase-features <features>", "Comma-separated Supabase features: auth,storage,realtime,edge-functions,database").option("--code-quality <tool>", "Code quality tool: ultracite | biome").option("--ts-strictness <level>", "TypeScript strictness level: strict | moderate | loose").option("--ui-library <library>", "UI component library: shadcn | none").option("--css-framework <framework>", "CSS framework: tailwind | vanilla | css-modules").option("--shadcn-style <style>", "shadcn/ui component style: new-york | default").option("--shadcn-base-color <color>", "shadcn/ui base color theme: neutral | gray | zinc | stone | slate").option("--shadcn-radius <radius>", "shadcn/ui border radius (CSS value, e.g., 0.5rem, 8px)").option("--testing <framework>", "Testing framework: bun-test | vitest | none").option("--docker", "Include Docker configuration files").option("--cicd", "Include GitHub Actions CI/CD workflow").option("--no-git", "Skip Git repository initialization").option("--no-install", "Skip dependency installation after project creation").option("--non-interactive", "Run in non-interactive mode (requires all options via flags)").addHelpText("after", `
+Examples:
+  $ bunkit init                                    Interactive project creation
+  $ bunkit init --name my-app --preset web        Quick web app creation
+  $ bunkit init --preset full --database supabase Full-stack with Supabase
+  
+Presets:
+  minimal  Single-file project, clean start
+  web      Next.js 16 + React 19 web application
+  api      Hono API server with Bun.serve()
+  full     Full-stack monorepo (web + api + packages)
+  `).action(async (options) => {
   showBanner(VERSION);
   try {
     await enhancedInitCommand(options);
-    Se(import_picocolors7.default.green("\u2728 Done! Your project is ready to bake! \uD83C\uDF5E"));
+    Se(import_picocolors6.default.green("\u2728 Done! Your project is ready to bake! \uD83C\uDF5E"));
   } catch (error) {
     M2.error(error.message);
-    Se(import_picocolors7.default.red("\u274C Project creation failed"));
+    Se(import_picocolors6.default.red("\u274C Project creation failed"));
     process.exit(1);
   }
 });
-program2.command("create").argument("<preset>", "Preset type (minimal, web, api, full)").argument("<name>", "Project name").option("--no-git", "Skip git initialization").option("--no-install", "Skip dependency installation").description("Create a new project quickly").action(async (preset, name, options) => {
+program2.command("create").alias("c").argument("<preset>", "Project preset: minimal | web | api | full").argument("<name>", "Project name (kebab-case recommended)").option("--no-git", "Skip Git repository initialization").option("--no-install", "Skip dependency installation after project creation").description("Quick project creation with sensible defaults (non-interactive)").addHelpText("after", `
+Examples:
+  $ bunkit create web my-app          Create Next.js web application
+  $ bunkit create api my-api          Create Hono API server
+  $ bunkit create full my-saas        Create full-stack monorepo
+  $ bunkit create minimal my-tool      Create minimal Bun project
+  
+Note: This command uses sensible defaults. Use 'bunkit init' for full customization.
+  `).action(async (preset, name, options) => {
   showBanner(VERSION);
   try {
     await createCommand2(preset, name, options);
-    Se(import_picocolors7.default.green("\u2728 Done! Your project is ready to bake! \uD83C\uDF5E"));
+    Se(import_picocolors6.default.green("\u2728 Done! Your project is ready to bake! \uD83C\uDF5E"));
   } catch (error) {
     M2.error(error.message);
-    Se(import_picocolors7.default.red("\u274C Project creation failed"));
+    Se(import_picocolors6.default.red("\u274C Project creation failed"));
     process.exit(1);
   }
 });
-program2.command("add").argument("<feature>", "Feature to add (workspace, package)").option("--name <name>", "Name for the feature").option("--preset <preset>", "Preset for workspace (nextjs, hono, library)").option("--type <type>", "Type for package (library, utils, types, config)").description("Add workspace or package to monorepo").action(async (feature, options) => {
+program2.command("add").alias("a").argument("<feature>", "Feature type: workspace | package | component").option("--name <name>", "Feature name (e.g., apps/admin, @myapp/utils, button)").option("--preset <preset>", "Workspace preset: nextjs | hono | library").option("--type <type>", "Package type: library | utils | types | config").option("--components <components>", "Comma-separated component names (e.g., button,card,input)").option("--all", "Show interactive component browser (for component feature)").description("Add workspace, shared package, or shadcn/ui component to existing project").addHelpText("after", `
+Examples:
+  $ bunkit add workspace --name apps/admin --preset nextjs
+  $ bunkit add package --name @myapp/utils --type utils
+  $ bunkit add component --components button,card,input
+  $ bunkit add component --all
+  
+Features:
+  workspace   Add a new workspace to monorepo (app or package)
+  package     Add a shared package to monorepo
+  component   Add shadcn/ui components (requires shadcn/ui setup)
+  `).action(async (feature, options) => {
   showBanner(VERSION);
   try {
-    await addCommand(feature, options);
-    Se(import_picocolors7.default.green("\u2728 Feature added successfully! \uD83C\uDF5E"));
+    const parsedOptions = {
+      ...options,
+      components: options.components && typeof options.components === "string" ? options.components.split(",").map((c3) => c3.trim()) : options.components
+    };
+    await addCommand(feature, parsedOptions);
   } catch (error) {
     M2.error(error.message);
-    Se(import_picocolors7.default.red("\u274C Feature installation failed"));
+    Se(import_picocolors6.default.red("\u274C Feature installation failed"));
     process.exit(1);
   }
 });