@getcoherent/cli 0.6.26 → 0.6.27

package/dist/chunk-EUE5UIOI.js

@@ -0,0 +1,2468 @@
+import {
+  ensureUseClientIfNeeded,
+  findMissingPackagesInCode,
+  fixEscapedClosingQuotes,
+  fixUnescapedLtInJsx,
+  getPageGroup,
+  installPackages,
+  sanitizeMetadataStrings
+} from "./chunk-VNDQ4DYQ.js";
+
+// src/commands/chat/code-generator.ts
+import { resolve as resolve3 } from "path";
+import { existsSync as existsSync5, readdirSync, readFileSync as readFileSync3 } from "fs";
+import { mkdir as mkdir3 } from "fs/promises";
+import { dirname as dirname3 } from "path";
+import {
+  ComponentGenerator,
+  PageGenerator,
+  TailwindConfigGenerator
+} from "@getcoherent/core";
+
+// src/agents/page-templates.ts
+var PAGE_TEMPLATES = {
+  dashboard: {
+    description: "Dashboard page with KPI stats grid and recent activity",
+    sections: [
+      'Page header: h1 "Dashboard" with className="text-2xl font-bold tracking-tight" and a p with className="text-sm text-muted-foreground" subtitle like "Overview of your key metrics and recent activity"',
+      '4 stat cards in a grid (className="grid gap-4 md:grid-cols-2 lg:grid-cols-4"). Each card uses Card > CardHeader(className="flex flex-row items-center justify-between space-y-0 pb-2") > CardTitle(className="text-sm font-medium") + lucide icon(className="size-4 text-muted-foreground") ; CardContent > metric value(className="text-2xl font-bold") + change text(className="text-xs text-muted-foreground"). Stats: Total Revenue ($45,231.89, +20.1%), Active Users (2,350, +180 since last hour), Sales (12,234, +19% from last month), Active Now (573, +201 since last hour)',
+      'Recent activity Card with CardHeader > CardTitle "Recent Activity" (text-sm font-medium) + CardDescription (text-sm text-muted-foreground). CardContent with a list of 5 activity items, each with title (text-sm font-medium), description (text-sm text-muted-foreground), and time (text-sm text-muted-foreground). Use flex items-center justify-between for each row.'
+    ],
+    components: ["Card", "CardHeader", "CardTitle", "CardDescription", "CardContent"]
+  },
+  login: {
+    description: "Login page with centered card form",
+    sections: [
+      'Centered layout: outer div className="flex min-h-svh flex-col items-center justify-center p-6 md:p-10". Inner div className="w-full max-w-md".',
+      'Card with CardHeader: CardTitle "Sign in" (text-2xl font-bold), CardDescription "Enter your credentials to access your account" (text-sm text-muted-foreground).',
+      'CardContent with form: email Input (type="email", placeholder="you@example.com"), password Input (type="password"), a "Forgot password?" link (text-sm text-muted-foreground hover:text-foreground), and a Button "Sign in" (w-full).',
+      `CardFooter: text "Don't have an account?" with a Sign up link. All text is text-sm text-muted-foreground.`,
+      'This page uses "use client" (has useState for form state). Do NOT include export const metadata.'
+    ],
+    components: [
+      "Card",
+      "CardHeader",
+      "CardTitle",
+      "CardDescription",
+      "CardContent",
+      "CardFooter",
+      "Button",
+      "Input",
+      "Label"
+    ]
+  },
+  register: {
+    description: "Registration page with centered card form",
+    sections: [
+      'Centered layout: outer div className="flex min-h-svh flex-col items-center justify-center p-6 md:p-10". Inner div className="w-full max-w-md".',
+      'Card with CardHeader: CardTitle "Create an account" (text-2xl font-bold), CardDescription "Enter your details to get started" (text-sm text-muted-foreground).',
+      'CardContent with form: name Input, email Input (type="email"), password Input (type="password"), confirm password Input (type="password"), and a Button "Create account" (w-full).',
+      'CardFooter: text "Already have an account?" with a Sign in link. All text is text-sm text-muted-foreground.',
+      'This page uses "use client" (has useState for form state). Do NOT include export const metadata.'
+    ],
+    components: [
+      "Card",
+      "CardHeader",
+      "CardTitle",
+      "CardDescription",
+      "CardContent",
+      "CardFooter",
+      "Button",
+      "Input",
+      "Label"
+    ]
+  },
+  pricing: {
+    description: "Pricing page with tier comparison cards",
+    sections: [
+      'Page header: h1 "Pricing Plans" className="text-2xl font-bold tracking-tight" + p "Choose the perfect plan for your needs" className="text-sm text-muted-foreground"',
+      '3 pricing Cards in grid (className="grid gap-4 md:grid-cols-3"). Each Card: CardHeader > CardTitle(text-sm font-medium) for tier name + CardDescription for price (text-2xl font-bold) + period (/month in text-sm text-muted-foreground). CardContent > feature list with checkmark icons (size-4 text-muted-foreground) and text-sm text. CardFooter > Button (w-full). Tiers: Starter ($0/mo, 5 features), Pro ($29/mo, highlighted with bg-primary text-primary-foreground badge, 8 features), Enterprise ($99/mo, 10 features)',
+      "FAQ section below with 4 questions/answers, each as a div with question (text-sm font-medium) and answer (text-sm text-muted-foreground)"
+    ],
+    components: ["Card", "CardHeader", "CardTitle", "CardDescription", "CardContent", "CardFooter", "Button", "Badge"]
+  },
+  about: {
+    description: "About page with team and values",
+    sections: [
+      'Page header: h1 "About Us" className="text-2xl font-bold tracking-tight" + mission statement p className="text-sm text-muted-foreground"',
+      'Team section: heading "Our Team" (text-sm font-medium uppercase tracking-wide text-muted-foreground) + grid gap-4 md:grid-cols-3 with 3-4 team member Cards. Each Card: avatar placeholder (bg-muted/50 rounded-full size-12), name (text-sm font-medium), role (text-sm text-muted-foreground)',
+      "Values section: 3-4 value Cards in grid, each with icon (size-4 text-muted-foreground), title (text-sm font-medium), description (text-sm text-muted-foreground)"
+    ],
+    components: ["Card", "CardHeader", "CardTitle", "CardContent"]
+  },
+  contact: {
+    description: "Contact page with form",
+    sections: [
+      'Page header: h1 "Get in Touch" className="text-2xl font-bold tracking-tight" + p className="text-sm text-muted-foreground"',
+      'Two-column layout: grid gap-6 lg:grid-cols-2. Left: Card with form \u2014 Label+Input for name, email, subject; Label+Textarea for message; Button "Send Message" (w-full). Right: contact info with 3 items (email, phone, address), each with icon (size-4 text-muted-foreground) + label (text-sm font-medium) + value (text-sm text-muted-foreground).',
+      'This page uses "use client" (has useState for form state). Do NOT include export const metadata.'
+    ],
+    components: ["Card", "CardHeader", "CardTitle", "CardContent", "Button", "Input", "Textarea", "Label"]
+  },
+  landing: {
+    description: "Landing page with hero, features, and CTA",
+    sections: [
+      'Hero section: centered text, h1 "Build better products, faster" className="text-2xl font-bold tracking-tight md:text-3xl" + p className="text-sm text-muted-foreground" + two Buttons (primary and secondary/outline). Centered with text-center and max-w-2xl mx-auto.',
+      "Features section: grid gap-4 md:grid-cols-3 with 3 feature Cards. Each: icon (size-4 text-muted-foreground), title (text-sm font-medium), description (text-sm text-muted-foreground).",
+      "CTA section: bg-muted rounded-xl p-6 md:p-10 with centered text and Button."
+    ],
+    components: ["Card", "CardHeader", "CardTitle", "CardContent", "Button"]
+  },
+  services: {
+    description: "Services page with filterable grid",
+    sections: [
+      'Page header: h1 "Services" className="text-2xl font-bold tracking-tight" + p "What we offer" className="text-sm text-muted-foreground"',
+      "Filter row: flex gap-2 with Badge-style filter buttons (text-sm). Active filter: bg-primary text-primary-foreground. Inactive: bg-muted text-muted-foreground hover:bg-muted/80.",
+      "6 service Cards in grid gap-4 md:grid-cols-2 lg:grid-cols-3. Each Card: CardHeader > CardTitle(text-sm font-medium) + icon(size-4 text-muted-foreground). CardContent > description(text-sm text-muted-foreground). Real service names: Web Design, Mobile Development, SEO Optimization, Cloud Infrastructure, Data Analytics, UI/UX Research."
+    ],
+    components: ["Card", "CardHeader", "CardTitle", "CardContent", "Badge", "Button"]
+  },
+  settings: {
+    description: "Settings page with grouped form sections",
+    sections: [
+      'Page header: h1 "Settings" className="text-2xl font-bold tracking-tight" + p className="text-sm text-muted-foreground"',
+      "Sections in flex flex-col gap-6: Profile Card (name, email inputs), Notifications Card (toggle checkboxes), Danger Zone Card (destructive button to delete account). Each Card with CardHeader(CardTitle text-sm font-medium + CardDescription text-sm text-muted-foreground) and CardContent with form fields.",
+      'This page uses "use client" (has useState). Do NOT include export const metadata.'
+    ],
+    components: [
+      "Card",
+      "CardHeader",
+      "CardTitle",
+      "CardDescription",
+      "CardContent",
+      "Button",
+      "Input",
+      "Label",
+      "Checkbox"
+    ]
+  },
+  blog: {
+    description: "Blog or articles list page",
+    sections: [
+      'Page header: h1 + description. Grid of article cards (Card with CardHeader title + date/author, CardContent excerpt, CardFooter "Read more" button). Use grid gap-6 md:grid-cols-2.'
+    ],
+    components: ["Card", "CardHeader", "CardTitle", "CardContent", "CardFooter", "Button"]
+  },
+  profile: {
+    description: "Profile or account page",
+    sections: [
+      "Avatar section, name and email. Personal info form (Label + Input). Connected accounts section (optional). Recent activity list. Two-column layout on desktop (md:grid-cols-2)."
+    ],
+    components: [
+      "Card",
+      "CardHeader",
+      "CardTitle",
+      "CardDescription",
+      "CardContent",
+      "Button",
+      "Input",
+      "Label",
+      "Avatar",
+      "AvatarFallback"
+    ]
+  },
+  onboarding: {
+    description: "Onboarding or wizard (multi-step form)",
+    sections: [
+      'Progress indicator (step N of M). One Card per step with CardHeader (title + description), CardContent (form fields), CardFooter (Back / Next or Finish). Use "use client" and useState for step.'
+    ],
+    components: [
+      "Card",
+      "CardHeader",
+      "CardTitle",
+      "CardDescription",
+      "CardContent",
+      "CardFooter",
+      "Button",
+      "Input",
+      "Label"
+    ]
+  },
+  gallery: {
+    description: "Gallery or portfolio (image grid)",
+    sections: [
+      'Page header. Optional category filter tabs (Button variant="outline"). Grid of image cards (aspect-square, image + caption). grid-cols-2 md:grid-cols-3 lg:grid-cols-4.'
+    ],
+    components: ["Card", "CardContent", "Button"]
+  },
+  faq: {
+    description: "FAQ page with accordion",
+    sections: [
+      "Page header. Accordion or details/summary for each Q&A. Optional category tabs. Use semantic HTML or Collapsible. Max-w-3xl for content."
+    ],
+    components: ["Card", "Button"]
+  },
+  changelog: {
+    description: "Changelog or release timeline",
+    sections: [
+      "Page header. Timeline: each version with version badge, date, list of entries (type: text). Border-left timeline pattern. Badge component for version/date."
+    ],
+    components: ["Badge"]
+  },
+  team: {
+    description: "Team page with member cards",
+    sections: [
+      'Page header: h1 "Our Team" className="text-2xl font-bold tracking-tight" + p className="text-sm text-muted-foreground"',
+      'Grid of team member Cards (className="grid gap-4 md:grid-cols-2 lg:grid-cols-4"). Each card: avatar placeholder (bg-muted rounded-full size-12 with initials), name (text-sm font-semibold), role (text-sm text-muted-foreground).'
+    ],
+    components: ["Card", "CardContent"]
+  },
+  tasks: {
+    description: "Task list page with status badges and search",
+    sections: [
+      'Page header: h1 "Tasks" + description. Search input with Search icon.',
+      "Task list: divide-y container. Each row: status badge (colored), task title, priority badge, assignee name. Use flex items-center justify-between.",
+      'This page uses "use client" (has useState for search). Do NOT include export const metadata.'
+    ],
+    components: ["Input", "Badge"]
+  },
+  "task-detail": {
+    description: "Task detail page with info and activity",
+    sections: [
+      "Back button linking to /tasks. Page header with task title and description.",
+      "Two-column layout (md:grid-cols-2): Left Card with task details (status, priority, assignee, due date). Right Card with activity timeline.",
+      'This page uses "use client" (has useState). Do NOT include export const metadata.'
+    ],
+    components: ["Card", "CardHeader", "CardTitle", "CardContent", "Button"]
+  },
+  "reset-password": {
+    description: "Reset password page with centered card form",
+    sections: [
+      'Centered layout: outer div className="flex min-h-svh flex-col items-center justify-center p-6 md:p-10". Inner div className="w-full max-w-md".',
+      'Card with CardHeader: CardTitle "Reset Password" (text-xl), CardDescription.',
+      'CardContent with form: new password Input (type="password"), confirm password Input (type="password"), Button "Reset password" (w-full).',
+      'Footer text: "Remember your password?" with Sign in link.',
+      'This page uses "use client" (has useState for form state). Do NOT include export const metadata.'
+    ],
+    components: ["Card", "CardHeader", "CardTitle", "CardDescription", "CardContent", "Button", "Input", "Label"]
+  }
+};
+var AUTH_ROUTE_SEGMENTS = /* @__PURE__ */ new Set([
+  "login",
+  "signin",
+  "sign-in",
+  "sign-up",
+  "signup",
+  "register",
+  "forgot-password",
+  "reset-password"
+]);
+function isAuthRoute(routeOrName) {
+  const normalized = routeOrName.toLowerCase().replace(/^\//, "").trim();
+  const segment = normalized.split("/")[0] || "";
+  return AUTH_ROUTE_SEGMENTS.has(segment) || AUTH_ROUTE_SEGMENTS.has(normalized);
+}
+function detectPageType(pageName) {
+  const normalized = pageName.toLowerCase();
+  if (/dashboard|admin|overview/.test(normalized)) return "dashboard";
+  if (/login|signin|sign-in/.test(normalized)) return "login";
+  if (/regist(?:er|ration)|signup|sign.?up/.test(normalized)) return "register";
+  if (/pricing|plans|subscription/.test(normalized)) return "pricing";
+  if (/about|company/.test(normalized)) return "about";
+  if (/contact|support|help/.test(normalized)) return "contact";
+  if (/settings|preferences|account/.test(normalized)) return "settings";
+  if (/home|landing|hero/.test(normalized)) return "landing";
+  if (/services|услуг|каталог|catalog/.test(normalized)) return "services";
+  if (/blog|articles|posts/.test(normalized)) return "blog";
+  if (/profile|account/.test(normalized) && !/settings|preferences/.test(normalized)) return "profile";
+  if (/onboarding|wizard|setup/.test(normalized)) return "onboarding";
+  if (/gallery|portfolio|images/.test(normalized)) return "gallery";
+  if (/faq|frequently|questions/.test(normalized)) return "faq";
+  if (/changelog|release|versions/.test(normalized)) return "changelog";
+  if (/team|members/.test(normalized)) return "team";
+  if (/tasks?/.test(normalized) && /detail|\[id\]/.test(normalized)) return "task-detail";
+  if (/tasks?/.test(normalized)) return "tasks";
+  if (/reset.?password/.test(normalized)) return "reset-password";
+  return null;
+}
+function expandPageRequest(pageName, userRequest) {
+  const pageType = detectPageType(pageName);
+  if (!pageType) {
+    return userRequest;
+  }
+  const template = PAGE_TEMPLATES[pageType];
+  const hasDetails = userRequest.split(/\s+/).length > 5;
+  if (hasDetails) {
+    return userRequest;
+  }
+  return `Add ${pageName} page with:
+${template.sections.map((s, i) => `${i + 1}. ${s}`).join("\n")}
+
+Use these components if available: ${template.components.join(", ")}
+Make it responsive and visually appealing.
+`;
+}
+
+// src/commands/chat/code-generator.ts
+import { integrateSharedLayoutIntoRootLayout, generateSharedComponent } from "@getcoherent/core";
+
+// src/utils/auth-route-group.ts
+import { join } from "path";
+import { readFile, writeFile } from "fs/promises";
+import { existsSync } from "fs";
+var AUTH_LAYOUT = `export default function AuthLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <div className="min-h-svh bg-muted flex items-center justify-center p-4">
+      {children}
+    </div>
+  )
+}
+`;
+var SHOW_WHEN_NOT_AUTH = `'use client'
+
+import { usePathname } from 'next/navigation'
+
+const HIDDEN_PATHS = ['/login', '/signin', '/sign-up', '/signup', '/register', '/forgot-password', '/reset-password', '/design-system']
+
+export default function ShowWhenNotAuthRoute({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  const pathname = usePathname()
+  if (pathname && HIDDEN_PATHS.some((p) => pathname === p || pathname.startsWith(p + '/'))) {
+    return null
+  }
+  return <>{children}</>
+}
+`;
+async function ensureAuthRouteGroup(projectRoot) {
+  const authLayoutPath = join(projectRoot, "app", "(auth)", "layout.tsx");
+  const guardPath = join(projectRoot, "app", "ShowWhenNotAuthRoute.tsx");
+  const rootLayoutPath = join(projectRoot, "app", "layout.tsx");
+  if (!existsSync(authLayoutPath)) {
+    const { mkdir: mkdir4 } = await import("fs/promises");
+    await mkdir4(join(projectRoot, "app", "(auth)"), { recursive: true });
+    await writeFile(authLayoutPath, AUTH_LAYOUT, "utf-8");
+  }
+  if (!existsSync(guardPath)) {
+    await writeFile(guardPath, SHOW_WHEN_NOT_AUTH, "utf-8");
+  }
+  let layoutContent;
+  try {
+    layoutContent = await readFile(rootLayoutPath, "utf-8");
+  } catch {
+    return;
+  }
+  if (layoutContent.includes("ShowWhenNotAuthRoute")) return;
+  if (!layoutContent.includes("from './ShowWhenNotAuthRoute'") && !layoutContent.includes('from "./ShowWhenNotAuthRoute"')) {
+    const lines = layoutContent.split("\n");
+    let lastImportLineIdx = -1;
+    for (let i = 0; i < lines.length; i++) {
+      if (/^\s*import\s/.test(lines[i])) lastImportLineIdx = i;
+    }
+    if (lastImportLineIdx >= 0) {
+      lines.splice(lastImportLineIdx + 1, 0, "import ShowWhenNotAuthRoute from './ShowWhenNotAuthRoute'");
+    } else {
+      lines.unshift("import ShowWhenNotAuthRoute from './ShowWhenNotAuthRoute'");
+    }
+    layoutContent = lines.join("\n");
+  }
+  const wrapComponent = (tag) => {
+    if (!layoutContent.includes(`<${tag}`)) return;
+    const regex = new RegExp(`(\\s*)(<${tag}[^>]*\\/>)`, "g");
+    layoutContent = layoutContent.replace(regex, "$1<ShowWhenNotAuthRoute>\n$1  $2\n$1</ShowWhenNotAuthRoute>");
+  };
+  wrapComponent("Header");
+  wrapComponent("Footer");
+  await writeFile(rootLayoutPath, layoutContent, "utf-8");
+}
+
+// src/commands/chat/code-generator.ts
+import chalk3 from "chalk";
+
+// src/utils/files.ts
+import { readFile as fsReadFile, writeFile as fsWriteFile, mkdir, rename, unlink, copyFile, access } from "fs/promises";
+import { dirname, join as join2 } from "path";
+import { existsSync as existsSync2, writeFileSync, unlinkSync, readFileSync } from "fs";
+import { randomBytes } from "crypto";
+async function readFile2(path2) {
+  try {
+    return await fsReadFile(path2, "utf-8");
+  } catch (error) {
+    if (error instanceof Error) {
+      throw new Error(`Failed to read file ${path2}: ${error.message}`);
+    }
+    throw error;
+  }
+}
+async function writeFile2(path2, content) {
+  try {
+    const dir = dirname(path2);
+    if (!existsSync2(dir)) {
+      await mkdir(dir, { recursive: true });
+    }
+    const tmpPath = `${path2}.${randomBytes(4).toString("hex")}.tmp`;
+    await fsWriteFile(tmpPath, content, "utf-8");
+    await rename(tmpPath, path2);
+  } catch (error) {
+    if (error instanceof Error) {
+      throw new Error(`Failed to write file ${path2}: ${error.message}`);
+    }
+    throw error;
+  }
+}
+async function fileExistsAsync(path2) {
+  try {
+    await access(path2);
+    return true;
+  } catch {
+    return false;
+  }
+}
+var LOCK_FILENAME = ".coherent.lock";
+var LOCK_STALE_MS = 5 * 60 * 1e3;
+async function acquireProjectLock(projectRoot) {
+  const lockPath = join2(projectRoot, LOCK_FILENAME);
+  if (existsSync2(lockPath)) {
+    try {
+      const raw = readFileSync(lockPath, "utf-8");
+      const data = JSON.parse(raw);
+      const age = Date.now() - data.ts;
+      if (age < LOCK_STALE_MS) {
+        try {
+          process.kill(data.pid, 0);
+          throw new Error(
+            `Another coherent process (PID ${data.pid}) is running. Wait for it to finish or remove ${LOCK_FILENAME}.`
+          );
+        } catch (e) {
+          if (e.code !== "ESRCH") throw e;
+        }
+      }
+      unlinkSync(lockPath);
+    } catch (e) {
+      if (e instanceof SyntaxError) unlinkSync(lockPath);
+      else if (e instanceof Error && e.message.includes("Another coherent")) throw e;
+    }
+  }
+  const lockData = JSON.stringify({ pid: process.pid, ts: Date.now() });
+  writeFileSync(lockPath, lockData, "utf-8");
+  const release = () => {
+    try {
+      unlinkSync(lockPath);
+    } catch {
+    }
+  };
+  process.on("exit", release);
+  process.on("SIGINT", () => {
+    release();
+    process.exit(130);
+  });
+  process.on("SIGTERM", () => {
+    release();
+    process.exit(143);
+  });
+  return release;
+}
+
+// src/utils/file-hashes.ts
+import { createHash } from "crypto";
+import { readFile as readFile3, writeFile as writeFile3, mkdir as mkdir2 } from "fs/promises";
+import { join as join3 } from "path";
+var HASHES_FILE = ".coherent/file-hashes.json";
+async function computeFileHash(filePath) {
+  const content = await readFile3(filePath, "utf-8");
+  return createHash("sha256").update(content).digest("hex");
+}
+async function loadHashes(projectRoot) {
+  try {
+    const raw = await readFile3(join3(projectRoot, HASHES_FILE), "utf-8");
+    return JSON.parse(raw);
+  } catch {
+    return {};
+  }
+}
+async function saveHashes(projectRoot, hashes) {
+  const dir = join3(projectRoot, ".coherent");
+  await mkdir2(dir, { recursive: true });
+  await writeFile3(join3(projectRoot, HASHES_FILE), JSON.stringify(hashes, null, 2) + "\n");
+}
+async function isManuallyEdited(filePath, storedHash) {
+  try {
+    const currentHash = await computeFileHash(filePath);
+    return currentHash !== storedHash;
+  } catch {
+    return false;
+  }
+}
+
+// src/providers/shadcn-provider.ts
+import { buildCssVariables } from "@getcoherent/core";
+import { existsSync as fsExistsSync } from "fs";
+
+// src/utils/shadcn-installer.ts
+var SHADCN_COMPONENTS = {
+  button: {
+    id: "button",
+    name: "Button",
+    category: "form",
+    source: "shadcn",
+    shadcnComponent: "button",
+    baseClassName: "inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 disabled:opacity-50 disabled:pointer-events-none",
+    variants: [
+      { name: "default", className: "bg-primary text-primary-foreground shadow-sm hover:opacity-90 active:opacity-80" },
+      {
+        name: "secondary",
+        className: "bg-secondary text-secondary-foreground shadow-sm hover:opacity-90 active:opacity-80"
+      },
+      {
+        name: "outline",
+        className: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground active:bg-accent"
+      },
+      { name: "ghost", className: "hover:bg-accent hover:text-accent-foreground active:bg-accent" },
+      { name: "destructive", className: "bg-error text-white shadow-sm hover:opacity-90 active:opacity-80" },
+      { name: "link", className: "text-primary underline-offset-4 hover:underline" }
+    ],
+    sizes: [
+      { name: "sm", className: "h-8 px-3 text-xs" },
+      { name: "md", className: "h-10 px-4 text-sm" },
+      { name: "lg", className: "h-11 px-8 text-base" }
+    ],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  input: {
+    id: "input",
+    name: "Input",
+    category: "form",
+    source: "shadcn",
+    shadcnComponent: "input",
+    baseClassName: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+    variants: [
+      { name: "default", className: "" },
+      { name: "error", className: "border-error focus-visible:ring-error" }
+    ],
+    sizes: [
+      { name: "sm", className: "h-8 text-xs" },
+      { name: "md", className: "h-10 text-sm" },
+      { name: "lg", className: "h-12 text-base" }
+    ],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  textarea: {
+    id: "textarea",
+    name: "Textarea",
+    category: "form",
+    source: "shadcn",
+    shadcnComponent: "textarea",
+    baseClassName: "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+    variants: [
+      { name: "default", className: "" },
+      { name: "error", className: "border-error focus-visible:ring-error" }
+    ],
+    sizes: [
+      { name: "sm", className: "min-h-[60px] text-xs" },
+      { name: "md", className: "min-h-[80px] text-sm" },
+      { name: "lg", className: "min-h-[120px] text-base" }
+    ],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  checkbox: {
+    id: "checkbox",
+    name: "Checkbox",
+    category: "form",
+    source: "shadcn",
+    shadcnComponent: "checkbox",
+    baseClassName: "peer h-4 w-4 shrink-0 rounded-sm border border-primary",
+    variants: [{ name: "default", className: "" }],
+    sizes: [
+      { name: "sm", className: "h-3 w-3" },
+      { name: "md", className: "h-4 w-4" },
+      { name: "lg", className: "h-5 w-5" }
+    ],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  select: {
+    id: "select",
+    name: "Select",
+    category: "form",
+    source: "shadcn",
+    shadcnComponent: "select",
+    baseClassName: "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2",
+    variants: [{ name: "default", className: "" }],
+    sizes: [
+      { name: "sm", className: "h-8 text-xs" },
+      { name: "md", className: "h-10 text-sm" },
+      { name: "lg", className: "h-12 text-base" }
+    ],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  dialog: {
+    id: "dialog",
+    name: "Dialog",
+    category: "overlay",
+    source: "shadcn",
+    shadcnComponent: "dialog",
+    baseClassName: "fixed z-50 grid w-full gap-4 border bg-background p-6 shadow-lg",
+    variants: [{ name: "default", className: "" }],
+    sizes: [
+      { name: "sm", className: "max-w-sm" },
+      { name: "md", className: "max-w-lg" },
+      { name: "lg", className: "max-w-2xl" }
+    ],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  badge: {
+    id: "badge",
+    name: "Badge",
+    category: "data-display",
+    source: "shadcn",
+    shadcnComponent: "badge",
+    baseClassName: "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold",
+    variants: [
+      { name: "default", className: "border-transparent bg-primary text-primary-foreground" },
+      { name: "secondary", className: "border-transparent bg-secondary text-secondary-foreground" },
+      { name: "success", className: "border-transparent bg-success text-white" },
+      { name: "error", className: "border-transparent bg-error text-white" },
+      { name: "outline", className: "text-foreground" }
+    ],
+    sizes: [
+      { name: "sm", className: "text-xs px-2 py-0.5" },
+      { name: "md", className: "text-sm px-2.5 py-0.5" },
+      { name: "lg", className: "text-base px-3 py-1" }
+    ],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  card: {
+    id: "card",
+    name: "Card",
+    category: "layout",
+    source: "shadcn",
+    shadcnComponent: "card",
+    baseClassName: "rounded-lg border bg-background text-foreground shadow-sm",
+    variants: [
+      { name: "default", className: "" },
+      { name: "outlined", className: "border-2" },
+      { name: "elevated", className: "shadow-lg" },
+      { name: "interactive", className: "hover:shadow-md transition-shadow cursor-pointer" }
+    ],
+    sizes: [
+      { name: "sm", className: "p-3" },
+      { name: "md", className: "p-6" },
+      { name: "lg", className: "p-8" }
+    ],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  // Form Components
+  label: {
+    id: "label",
+    name: "Label",
+    category: "form",
+    source: "shadcn",
+    shadcnComponent: "label",
+    baseClassName: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+    variants: [{ name: "default", className: "" }],
+    sizes: [{ name: "md", className: "" }],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  "radio-group": {
+    id: "radio-group",
+    name: "RadioGroup",
+    category: "form",
+    source: "shadcn",
+    shadcnComponent: "radio-group",
+    baseClassName: "grid gap-2",
+    variants: [{ name: "default", className: "" }],
+    sizes: [
+      { name: "sm", className: "gap-1" },
+      { name: "md", className: "gap-2" },
+      { name: "lg", className: "gap-3" }
+    ],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  switch: {
+    id: "switch",
+    name: "Switch",
+    category: "form",
+    source: "shadcn",
+    shadcnComponent: "switch",
+    baseClassName: "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors",
+    variants: [{ name: "default", className: "" }],
+    sizes: [
+      { name: "sm", className: "h-5 w-9" },
+      { name: "md", className: "h-6 w-11" },
+      { name: "lg", className: "h-7 w-14" }
+    ],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  slider: {
+    id: "slider",
+    name: "Slider",
+    category: "form",
+    source: "shadcn",
+    shadcnComponent: "slider",
+    baseClassName: "relative flex w-full touch-none select-none items-center",
+    variants: [{ name: "default", className: "" }],
+    sizes: [
+      { name: "sm", className: "h-1" },
+      { name: "md", className: "h-2" },
+      { name: "lg", className: "h-3" }
+    ],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  // Layout Components
+  separator: {
+    id: "separator",
+    name: "Separator",
+    category: "layout",
+    source: "shadcn",
+    shadcnComponent: "separator",
+    baseClassName: "shrink-0 bg-border",
+    variants: [
+      { name: "horizontal", className: "h-[1px] w-full" },
+      { name: "vertical", className: "h-full w-[1px]" }
+    ],
+    sizes: [{ name: "md", className: "" }],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  accordion: {
+    id: "accordion",
+    name: "Accordion",
+    category: "layout",
+    source: "shadcn",
+    shadcnComponent: "accordion",
+    baseClassName: "w-full",
+    variants: [
+      { name: "default", className: "" },
+      { name: "bordered", className: "border rounded-md" }
+    ],
+    sizes: [{ name: "md", className: "" }],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  tabs: {
+    id: "tabs",
+    name: "Tabs",
+    category: "layout",
+    source: "shadcn",
+    shadcnComponent: "tabs",
+    baseClassName: "w-full",
+    variants: [
+      { name: "default", className: "" },
+      { name: "bordered", className: "border rounded-md p-4" }
+    ],
+    sizes: [{ name: "md", className: "" }],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  collapsible: {
+    id: "collapsible",
+    name: "Collapsible",
+    category: "layout",
+    source: "shadcn",
+    shadcnComponent: "collapsible",
+    baseClassName: "w-full space-y-2",
+    variants: [{ name: "default", className: "" }],
+    sizes: [{ name: "md", className: "" }],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  // Navigation Components
+  "navigation-menu": {
+    id: "navigation-menu",
+    name: "NavigationMenu",
+    category: "navigation",
+    source: "shadcn",
+    shadcnComponent: "navigation-menu",
+    baseClassName: "relative z-10 flex max-w-max flex-1 items-center justify-center",
+    variants: [{ name: "default", className: "" }],
+    sizes: [{ name: "md", className: "" }],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  menubar: {
+    id: "menubar",
+    name: "Menubar",
+    category: "navigation",
+    source: "shadcn",
+    shadcnComponent: "menubar",
+    baseClassName: "flex h-10 items-center space-x-1 rounded-md border bg-background p-1",
+    variants: [{ name: "default", className: "" }],
+    sizes: [
+      { name: "sm", className: "h-8" },
+      { name: "md", className: "h-10" },
+      { name: "lg", className: "h-12" }
+    ],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  breadcrumb: {
+    id: "breadcrumb",
+    name: "Breadcrumb",
+    category: "navigation",
+    source: "shadcn",
+    shadcnComponent: "breadcrumb",
+    baseClassName: "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground",
+    variants: [{ name: "default", className: "" }],
+    sizes: [{ name: "md", className: "" }],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  pagination: {
+    id: "pagination",
+    name: "Pagination",
+    category: "navigation",
+    source: "shadcn",
+    shadcnComponent: "pagination",
+    baseClassName: "mx-auto flex w-full justify-center",
+    variants: [{ name: "default", className: "" }],
+    sizes: [
+      { name: "sm", className: "text-xs" },
+      { name: "md", className: "text-sm" },
+      { name: "lg", className: "text-base" }
+    ],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  // Data Display
+  table: {
+    id: "table",
+    name: "Table",
+    category: "data-display",
+    source: "shadcn",
+    shadcnComponent: "table",
+    baseClassName: "w-full caption-bottom text-sm",
+    variants: [
+      { name: "default", className: "" },
+      { name: "striped", className: "[&_tr:nth-child(even)]:bg-muted/50" }
+    ],
+    sizes: [
+      { name: "sm", className: "text-xs" },
+      { name: "md", className: "text-sm" },
+      { name: "lg", className: "text-base" }
+    ],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  avatar: {
+    id: "avatar",
+    name: "Avatar",
+    category: "data-display",
+    source: "shadcn",
+    shadcnComponent: "avatar",
+    baseClassName: "relative flex shrink-0 overflow-hidden rounded-full",
+    variants: [{ name: "default", className: "" }],
+    sizes: [
+      { name: "sm", className: "h-8 w-8" },
+      { name: "md", className: "h-10 w-10" },
+      { name: "lg", className: "h-12 w-12" },
+      { name: "xl", className: "h-16 w-16" }
+    ],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  progress: {
+    id: "progress",
+    name: "Progress",
+    category: "data-display",
+    source: "shadcn",
+    shadcnComponent: "progress",
+    baseClassName: "relative h-4 w-full overflow-hidden rounded-full bg-secondary",
+    variants: [{ name: "default", className: "" }],
+    sizes: [
+      { name: "sm", className: "h-2" },
+      { name: "md", className: "h-4" },
+      { name: "lg", className: "h-6" }
+    ],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  skeleton: {
+    id: "skeleton",
+    name: "Skeleton",
+    category: "data-display",
+    source: "shadcn",
+    shadcnComponent: "skeleton",
+    baseClassName: "animate-pulse rounded-md bg-muted",
+    variants: [{ name: "default", className: "" }],
+    sizes: [{ name: "md", className: "" }],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  // Overlay Components
+  "alert-dialog": {
+    id: "alert-dialog",
+    name: "AlertDialog",
+    category: "overlay",
+    source: "shadcn",
+    shadcnComponent: "alert-dialog",
+    baseClassName: "fixed z-50 grid w-full max-w-lg gap-4 border bg-background p-6 shadow-lg",
+    variants: [{ name: "default", className: "" }],
+    sizes: [
+      { name: "sm", className: "max-w-sm" },
+      { name: "md", className: "max-w-lg" },
+      { name: "lg", className: "max-w-2xl" }
+    ],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  sheet: {
+    id: "sheet",
+    name: "Sheet",
+    category: "overlay",
+    source: "shadcn",
+    shadcnComponent: "sheet",
+    baseClassName: "fixed z-50 gap-4 bg-background p-6 shadow-lg transition",
+    variants: [
+      { name: "top", className: "inset-x-0 top-0 border-b" },
+      { name: "bottom", className: "inset-x-0 bottom-0 border-t" },
+      { name: "left", className: "inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm" },
+      { name: "right", className: "inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm" }
+    ],
+    sizes: [{ name: "md", className: "" }],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  popover: {
+    id: "popover",
+    name: "Popover",
+    category: "overlay",
+    source: "shadcn",
+    shadcnComponent: "popover",
+    baseClassName: "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none",
+    variants: [{ name: "default", className: "" }],
+    sizes: [
+      { name: "sm", className: "w-56" },
+      { name: "md", className: "w-72" },
+      { name: "lg", className: "w-96" }
+    ],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  tooltip: {
+    id: "tooltip",
+    name: "Tooltip",
+    category: "overlay",
+    source: "shadcn",
+    shadcnComponent: "tooltip",
+    baseClassName: "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md",
+    variants: [{ name: "default", className: "" }],
+    sizes: [{ name: "md", className: "" }],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  "dropdown-menu": {
+    id: "dropdown-menu",
+    name: "DropdownMenu",
+    category: "overlay",
+    source: "shadcn",
+    shadcnComponent: "dropdown-menu",
+    baseClassName: "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
+    variants: [{ name: "default", className: "" }],
+    sizes: [
+      { name: "sm", className: "min-w-[6rem]" },
+      { name: "md", className: "min-w-[8rem]" },
+      { name: "lg", className: "min-w-[12rem]" }
+    ],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  "context-menu": {
+    id: "context-menu",
+    name: "ContextMenu",
+    category: "overlay",
+    source: "shadcn",
+    shadcnComponent: "context-menu",
+    baseClassName: "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
+    variants: [{ name: "default", className: "" }],
+    sizes: [{ name: "md", className: "" }],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  "hover-card": {
+    id: "hover-card",
+    name: "HoverCard",
+    category: "overlay",
+    source: "shadcn",
+    shadcnComponent: "hover-card",
+    baseClassName: "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none",
+    variants: [{ name: "default", className: "" }],
+    sizes: [
+      { name: "sm", className: "w-48" },
+      { name: "md", className: "w-64" },
+      { name: "lg", className: "w-80" }
+    ],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  // Feedback Components
+  alert: {
+    id: "alert",
+    name: "Alert",
+    category: "feedback",
+    source: "shadcn",
+    shadcnComponent: "alert",
+    baseClassName: "relative w-full rounded-lg border p-4",
+    variants: [
+      { name: "default", className: "bg-background text-foreground" },
+      { name: "destructive", className: "border-destructive/50 text-destructive dark:border-destructive" }
+    ],
+    sizes: [{ name: "md", className: "" }],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  toast: {
+    id: "toast",
+    name: "Toast",
+    category: "feedback",
+    source: "shadcn",
+    shadcnComponent: "toast",
+    baseClassName: "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all",
+    variants: [
+      { name: "default", className: "" },
+      {
+        name: "destructive",
+        className: "destructive group border-destructive bg-destructive text-destructive-foreground"
+      }
+    ],
+    sizes: [{ name: "md", className: "" }],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  // Advanced Components
+  calendar: {
+    id: "calendar",
+    name: "Calendar",
+    category: "form",
+    source: "shadcn",
+    shadcnComponent: "calendar",
+    baseClassName: "p-3",
+    variants: [{ name: "default", className: "" }],
+    sizes: [{ name: "md", className: "" }],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  command: {
+    id: "command",
+    name: "Command",
+    category: "form",
+    source: "shadcn",
+    shadcnComponent: "command",
+    baseClassName: "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+    variants: [{ name: "default", className: "" }],
+    sizes: [{ name: "md", className: "" }],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  combobox: {
+    id: "combobox",
+    name: "Combobox",
+    category: "form",
+    source: "shadcn",
+    shadcnComponent: "combobox",
+    baseClassName: "w-full",
+    variants: [{ name: "default", className: "" }],
+    sizes: [{ name: "md", className: "" }],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  "aspect-ratio": {
+    id: "aspect-ratio",
+    name: "AspectRatio",
+    category: "layout",
+    source: "shadcn",
+    shadcnComponent: "aspect-ratio",
+    baseClassName: "relative w-full",
+    variants: [
+      { name: "16/9", className: "aspect-video" },
+      { name: "4/3", className: "aspect-4/3" },
+      { name: "1/1", className: "aspect-square" }
+    ],
+    sizes: [{ name: "md", className: "" }],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  "scroll-area": {
+    id: "scroll-area",
+    name: "ScrollArea",
+    category: "layout",
+    source: "shadcn",
+    shadcnComponent: "scroll-area",
+    baseClassName: "relative overflow-hidden",
+    variants: [{ name: "default", className: "" }],
+    sizes: [{ name: "md", className: "" }],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  toggle: {
+    id: "toggle",
+    name: "Toggle",
+    category: "form",
+    source: "shadcn",
+    shadcnComponent: "toggle",
+    baseClassName: "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2",
+    variants: [
+      { name: "default", className: "" },
+      { name: "outline", className: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground" }
+    ],
+    sizes: [
+      { name: "sm", className: "h-9 px-2.5" },
+      { name: "md", className: "h-10 px-3" },
+      { name: "lg", className: "h-11 px-5" }
+    ],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  "toggle-group": {
+    id: "toggle-group",
+    name: "ToggleGroup",
+    category: "form",
+    source: "shadcn",
+    shadcnComponent: "toggle-group",
+    baseClassName: "flex items-center justify-center gap-1",
+    variants: [{ name: "default", className: "" }],
+    sizes: [{ name: "md", className: "" }],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  carousel: {
+    id: "carousel",
+    name: "Carousel",
+    category: "data-display",
+    source: "shadcn",
+    shadcnComponent: "carousel",
+    baseClassName: "relative w-full",
+    variants: [{ name: "default", className: "" }],
+    sizes: [{ name: "md", className: "" }],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  drawer: {
+    id: "drawer",
+    name: "Drawer",
+    category: "overlay",
+    source: "shadcn",
+    shadcnComponent: "drawer",
+    baseClassName: "fixed z-50 gap-4 bg-background p-6 shadow-lg",
+    variants: [
+      { name: "bottom", className: "inset-x-0 bottom-0 border-t" },
+      { name: "left", className: "inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm" },
+      { name: "right", className: "inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm" }
+    ],
+    sizes: [{ name: "md", className: "" }],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  resizable: {
+    id: "resizable",
+    name: "Resizable",
+    category: "layout",
+    source: "shadcn",
+    shadcnComponent: "resizable",
+    baseClassName: "flex h-full w-full",
+    variants: [
+      { name: "horizontal", className: "flex-row" },
+      { name: "vertical", className: "flex-col" }
+    ],
+    sizes: [{ name: "md", className: "" }],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  sonner: {
+    id: "sonner",
+    name: "Sonner",
+    category: "feedback",
+    source: "shadcn",
+    shadcnComponent: "sonner",
+    baseClassName: "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all",
+    variants: [{ name: "default", className: "" }],
+    sizes: [{ name: "md", className: "" }],
+    usedInPages: [],
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  }
+};
+function getShadcnComponent(name) {
+  const normalized = name.toLowerCase();
+  return SHADCN_COMPONENTS[normalized] ?? null;
+}
+var _shadcnComponentsCache = null;
+function listShadcnComponents() {
+  if (!_shadcnComponentsCache) {
+    _shadcnComponentsCache = Object.keys(SHADCN_COMPONENTS);
+  }
+  return _shadcnComponentsCache;
+}
+
+// src/providers/shadcn-provider.ts
+import { exec as cpExec } from "child_process";
+import * as path from "path";
+function toKebab(id) {
+  return id.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+}
+var defaultDeps = { exec: cpExec, existsSync: fsExistsSync };
+var COMPONENT_REGISTRY = [
+  // Form
+  { id: "button", name: "Button", category: "form", managed: true },
+  { id: "input", name: "Input", category: "form", managed: true },
+  { id: "textarea", name: "Textarea", category: "form", managed: true },
+  { id: "checkbox", name: "Checkbox", category: "form", managed: true },
+  { id: "radio-group", name: "RadioGroup", category: "form", managed: true },
+  { id: "select", name: "Select", category: "form", managed: true },
+  { id: "switch", name: "Switch", category: "form", managed: true },
+  { id: "slider", name: "Slider", category: "form", managed: true },
+  { id: "label", name: "Label", category: "form", managed: true },
+  { id: "form", name: "Form", category: "form", managed: true },
+  { id: "calendar", name: "Calendar", category: "form", managed: true },
+  { id: "date-picker", name: "DatePicker", category: "form", managed: true },
+  { id: "command", name: "Command", category: "form", managed: true },
+  { id: "combobox", name: "Combobox", category: "form", managed: true },
+  { id: "toggle", name: "Toggle", category: "form", managed: true },
+  { id: "toggle-group", name: "ToggleGroup", category: "form", managed: true },
+  { id: "input-otp", name: "InputOTP", category: "form", managed: true },
+  // Layout
+  { id: "card", name: "Card", category: "layout", managed: true },
+  { id: "separator", name: "Separator", category: "layout", managed: true },
+  { id: "accordion", name: "Accordion", category: "layout", managed: true },
+  { id: "tabs", name: "Tabs", category: "layout", managed: true },
+  { id: "collapsible", name: "Collapsible", category: "layout", managed: true },
+  { id: "aspect-ratio", name: "AspectRatio", category: "layout", managed: true },
+  { id: "scroll-area", name: "ScrollArea", category: "layout", managed: true },
+  { id: "resizable", name: "Resizable", category: "layout", managed: true },
+  // Navigation
+  { id: "navigation-menu", name: "NavigationMenu", category: "navigation", managed: true },
+  { id: "menubar", name: "Menubar", category: "navigation", managed: true },
+  { id: "breadcrumb", name: "Breadcrumb", category: "navigation", managed: true },
+  { id: "pagination", name: "Pagination", category: "navigation", managed: true },
+  { id: "sidebar", name: "Sidebar", category: "navigation", managed: true },
+  // Data Display
+  { id: "table", name: "Table", category: "data-display", managed: true },
+  { id: "avatar", name: "Avatar", category: "data-display", managed: true },
+  { id: "badge", name: "Badge", category: "data-display", managed: true },
+  { id: "progress", name: "Progress", category: "data-display", managed: true },
+  { id: "skeleton", name: "Skeleton", category: "data-display", managed: true },
+  { id: "carousel", name: "Carousel", category: "data-display", managed: true },
+  { id: "chart", name: "Chart", category: "data-display", managed: true },
+  // Overlay
+  { id: "dialog", name: "Dialog", category: "overlay", managed: true },
+  { id: "alert-dialog", name: "AlertDialog", category: "overlay", managed: true },
+  { id: "sheet", name: "Sheet", category: "overlay", managed: true },
+  { id: "popover", name: "Popover", category: "overlay", managed: true },
+  { id: "tooltip", name: "Tooltip", category: "overlay", managed: true },
+  { id: "dropdown-menu", name: "DropdownMenu", category: "overlay", managed: true },
+  { id: "context-menu", name: "ContextMenu", category: "overlay", managed: true },
+  { id: "hover-card", name: "HoverCard", category: "overlay", managed: true },
+  { id: "drawer", name: "Drawer", category: "overlay", managed: true },
+  // Feedback
+  { id: "alert", name: "Alert", category: "feedback", managed: true },
+  { id: "toast", name: "Toast", category: "feedback", managed: true },
+  { id: "sonner", name: "Sonner", category: "feedback", managed: true },
+  // Typography
+  { id: "typography", name: "Typography", category: "typography", managed: true }
+];
+var COMPONENT_APIS = {
+  sidebar: {
+    name: "Sidebar",
+    subcomponents: [
+      "SidebarProvider",
+      "Sidebar",
+      "SidebarContent",
+      "SidebarHeader",
+      "SidebarFooter",
+      "SidebarGroup",
+      "SidebarGroupLabel",
+      "SidebarGroupContent",
+      "SidebarMenu",
+      "SidebarMenuItem",
+      "SidebarMenuButton",
+      "SidebarMenuSub",
+      "SidebarMenuSubItem",
+      "SidebarMenuSubButton",
+      "SidebarMenuAction",
+      "SidebarMenuBadge",
+      "SidebarSeparator",
+      "SidebarRail",
+      "SidebarTrigger",
+      "SidebarInset"
+    ],
+    importPath: "@/components/ui/sidebar",
+    keyProps: {
+      side: '"left" | "right"',
+      variant: '"sidebar" | "floating" | "inset"',
+      collapsible: '"offcanvas" | "icon" | "none"'
+    },
+    usage: `<SidebarProvider>
+  <Sidebar>
+    <SidebarContent>
+      <SidebarGroup>
+        <SidebarGroupLabel>Menu</SidebarGroupLabel>
+        <SidebarGroupContent>
+          <SidebarMenu>
+            <SidebarMenuItem>
+              <SidebarMenuButton asChild>
+                <a href="/dashboard"><Home />Dashboard</a>
+              </SidebarMenuButton>
+            </SidebarMenuItem>
+          </SidebarMenu>
+        </SidebarGroupContent>
+      </SidebarGroup>
+    </SidebarContent>
+  </Sidebar>
+  <SidebarInset>{children}</SidebarInset>
+</SidebarProvider>`,
+    antiPatterns: [
+      "NEVER use Button for sidebar navigation \u2014 use SidebarMenuButton",
+      "NEVER build custom sidebar from div/nav \u2014 use the Sidebar component",
+      "NEVER use Sheet for mobile sidebar \u2014 Sidebar handles responsive behavior automatically",
+      "NEVER forget SidebarProvider wrapper \u2014 it manages open/close state"
+    ]
+  },
+  dialog: {
+    name: "Dialog",
+    subcomponents: [
+      "Dialog",
+      "DialogTrigger",
+      "DialogContent",
+      "DialogHeader",
+      "DialogFooter",
+      "DialogTitle",
+      "DialogDescription",
+      "DialogClose"
+    ],
+    importPath: "@/components/ui/dialog",
+    keyProps: {
+      open: "boolean",
+      onOpenChange: "(open: boolean) => void"
+    },
+    usage: `<Dialog>
+  <DialogTrigger asChild><Button>Open</Button></DialogTrigger>
+  <DialogContent>
+    <DialogHeader>
+      <DialogTitle>Title</DialogTitle>
+      <DialogDescription>Description</DialogDescription>
+    </DialogHeader>
+    <DialogFooter><Button>Save</Button></DialogFooter>
+  </DialogContent>
+</Dialog>`,
+    antiPatterns: [
+      "NEVER omit DialogTitle \u2014 required for accessibility",
+      "NEVER nest interactive elements without asChild on DialogTrigger"
+    ]
+  },
+  sheet: {
+    name: "Sheet",
+    subcomponents: [
+      "Sheet",
+      "SheetTrigger",
+      "SheetContent",
+      "SheetHeader",
+      "SheetFooter",
+      "SheetTitle",
+      "SheetDescription",
+      "SheetClose"
+    ],
+    importPath: "@/components/ui/sheet",
+    keyProps: {
+      side: '"top" | "right" | "bottom" | "left"'
+    },
+    usage: `<Sheet>
+  <SheetTrigger asChild><Button variant="outline">Open</Button></SheetTrigger>
+  <SheetContent side="right">
+    <SheetHeader>
+      <SheetTitle>Title</SheetTitle>
+      <SheetDescription>Description</SheetDescription>
+    </SheetHeader>
+  </SheetContent>
+</Sheet>`,
+    antiPatterns: [
+      "NEVER omit SheetTitle \u2014 required for accessibility",
+      "NEVER use for sidebar navigation \u2014 use Sidebar component instead"
+    ]
+  },
+  select: {
+    name: "Select",
+    subcomponents: [
+      "Select",
+      "SelectTrigger",
+      "SelectValue",
+      "SelectContent",
+      "SelectGroup",
+      "SelectLabel",
+      "SelectItem",
+      "SelectSeparator"
+    ],
+    importPath: "@/components/ui/select",
+    keyProps: {
+      value: "string",
+      onValueChange: "(value: string) => void",
+      defaultValue: "string"
+    },
+    usage: `<Select>
+  <SelectTrigger><SelectValue placeholder="Select..." /></SelectTrigger>
+  <SelectContent>
+    <SelectItem value="a">Option A</SelectItem>
+    <SelectItem value="b">Option B</SelectItem>
+  </SelectContent>
+</Select>`,
+    antiPatterns: [
+      "NEVER use native <select> \u2014 always use shadcn Select compound component",
+      "NEVER put text directly in SelectTrigger \u2014 use SelectValue with placeholder"
+    ]
+  },
+  "dropdown-menu": {
+    name: "DropdownMenu",
+    subcomponents: [
+      "DropdownMenu",
+      "DropdownMenuTrigger",
+      "DropdownMenuContent",
+      "DropdownMenuItem",
+      "DropdownMenuCheckboxItem",
+      "DropdownMenuRadioItem",
+      "DropdownMenuLabel",
+      "DropdownMenuSeparator",
+      "DropdownMenuGroup",
+      "DropdownMenuSub",
+      "DropdownMenuSubTrigger",
+      "DropdownMenuSubContent",
+      "DropdownMenuRadioGroup",
+      "DropdownMenuShortcut"
+    ],
+    importPath: "@/components/ui/dropdown-menu",
+    keyProps: {
+      "DropdownMenuItem.variant": '"default" | "destructive"',
+      asChild: "boolean (on trigger)"
+    },
+    usage: `<DropdownMenu>
+  <DropdownMenuTrigger asChild><Button variant="ghost">Menu</Button></DropdownMenuTrigger>
+  <DropdownMenuContent>
+    <DropdownMenuLabel>Actions</DropdownMenuLabel>
+    <DropdownMenuSeparator />
+    <DropdownMenuItem>Edit</DropdownMenuItem>
+    <DropdownMenuItem variant="destructive">Delete</DropdownMenuItem>
+  </DropdownMenuContent>
+</DropdownMenu>`,
+    antiPatterns: [
+      "NEVER nest <button> inside DropdownMenuTrigger \u2014 use asChild",
+      'NEVER use className="text-destructive" on DropdownMenuItem \u2014 use variant="destructive"'
+    ]
+  },
+  "navigation-menu": {
+    name: "NavigationMenu",
+    subcomponents: [
+      "NavigationMenu",
+      "NavigationMenuList",
+      "NavigationMenuItem",
+      "NavigationMenuTrigger",
+      "NavigationMenuContent",
+      "NavigationMenuLink",
+      "NavigationMenuIndicator",
+      "NavigationMenuViewport"
+    ],
+    importPath: "@/components/ui/navigation-menu",
+    keyProps: {},
+    usage: `<NavigationMenu>
+  <NavigationMenuList>
+    <NavigationMenuItem>
+      <NavigationMenuLink asChild>
+        <a href="/about">About</a>
+      </NavigationMenuLink>
+    </NavigationMenuItem>
+  </NavigationMenuList>
+</NavigationMenu>`,
+    antiPatterns: [
+      "NEVER use for sidebar navigation \u2014 use Sidebar component",
+      "NEVER use plain <nav> with Button links \u2014 use NavigationMenu for top nav"
+    ]
+  },
+  command: {
+    name: "Command",
+    subcomponents: [
+      "Command",
+      "CommandInput",
+      "CommandList",
+      "CommandEmpty",
+      "CommandGroup",
+      "CommandItem",
+      "CommandSeparator",
+      "CommandShortcut",
+      "CommandDialog"
+    ],
+    importPath: "@/components/ui/command",
+    keyProps: {},
+    usage: `<Command>
+  <CommandInput placeholder="Search..." />
+  <CommandList>
+    <CommandEmpty>No results found.</CommandEmpty>
+    <CommandGroup heading="Actions">
+      <CommandItem>Search</CommandItem>
+    </CommandGroup>
+  </CommandList>
+</Command>`,
+    antiPatterns: ["NEVER build custom search palette \u2014 use Command/CommandDialog"]
+  },
+  tabs: {
+    name: "Tabs",
+    subcomponents: ["Tabs", "TabsList", "TabsTrigger", "TabsContent"],
+    importPath: "@/components/ui/tabs",
+    keyProps: {
+      defaultValue: "string",
+      orientation: '"horizontal" | "vertical"'
+    },
+    usage: `<Tabs defaultValue="general">
+  <TabsList>
+    <TabsTrigger value="general">General</TabsTrigger>
+    <TabsTrigger value="billing">Billing</TabsTrigger>
+  </TabsList>
+  <TabsContent value="general">General settings...</TabsContent>
+  <TabsContent value="billing">Billing settings...</TabsContent>
+</Tabs>`,
+    antiPatterns: [
+      "NEVER use Button group for tab switching \u2014 use Tabs",
+      "NEVER use full Sidebar for in-page nav with <= 5 items \u2014 use vertical Tabs"
+    ]
+  },
+  card: {
+    name: "Card",
+    subcomponents: ["Card", "CardHeader", "CardTitle", "CardDescription", "CardContent", "CardFooter"],
+    importPath: "@/components/ui/card",
+    keyProps: {},
+    usage: `<Card>
+  <CardHeader>
+    <CardTitle>Title</CardTitle>
+    <CardDescription>Description</CardDescription>
+  </CardHeader>
+  <CardContent>Content</CardContent>
+  <CardFooter>Footer</CardFooter>
+</Card>`,
+    antiPatterns: []
+  },
+  table: {
+    name: "Table",
+    subcomponents: [
+      "Table",
+      "TableHeader",
+      "TableBody",
+      "TableFooter",
+      "TableRow",
+      "TableHead",
+      "TableCell",
+      "TableCaption"
+    ],
+    importPath: "@/components/ui/table",
+    keyProps: {},
+    usage: `<Table>
+  <TableHeader>
+    <TableRow><TableHead>Name</TableHead></TableRow>
+  </TableHeader>
+  <TableBody>
+    <TableRow><TableCell>Value</TableCell></TableRow>
+  </TableBody>
+</Table>`,
+    antiPatterns: ["NEVER use native <table> \u2014 use shadcn Table for consistent styling"]
+  },
+  accordion: {
+    name: "Accordion",
+    subcomponents: ["Accordion", "AccordionItem", "AccordionTrigger", "AccordionContent"],
+    importPath: "@/components/ui/accordion",
+    keyProps: {
+      type: '"single" | "multiple"',
+      collapsible: "boolean"
+    },
+    usage: `<Accordion type="single" collapsible>
+  <AccordionItem value="item-1">
+    <AccordionTrigger>Section</AccordionTrigger>
+    <AccordionContent>Content</AccordionContent>
+  </AccordionItem>
+</Accordion>`,
+    antiPatterns: []
+  }
+};
+var componentMetaMap = /* @__PURE__ */ new Map();
+for (const meta of COMPONENT_REGISTRY) {
+  componentMetaMap.set(meta.id, meta);
+}
+function basicAPI(id, name, _category) {
+  return {
+    name,
+    subcomponents: [name],
+    importPath: `@/components/ui/${id}`,
+    keyProps: {},
+    usage: `<${name} />`,
+    antiPatterns: []
+  };
+}
+var ShadcnProvider = class {
+  id = "shadcn";
+  async init(projectRoot) {
+    const componentsJsonPath = path.join(projectRoot, "components.json");
+    if (fsExistsSync(componentsJsonPath)) return;
+    const componentsJson = {
+      $schema: "https://ui.shadcn.com/schema.json",
+      style: "new-york",
+      tailwind: {
+        config: "",
+        css: "app/globals.css",
+        baseColor: "neutral",
+        cssVariables: true,
+        prefix: ""
+      },
+      rsc: true,
+      tsx: true,
+      iconLibrary: "lucide",
+      aliases: {
+        components: "@/components",
+        utils: "@/lib/utils",
+        ui: "@/components/ui",
+        lib: "@/lib",
+        hooks: "@/hooks"
+      }
+    };
+    const { writeFileSync: writeFileSync2 } = await import("fs");
+    writeFileSync2(componentsJsonPath, JSON.stringify(componentsJson, null, 2) + "\n");
+  }
+  async install(name, projectRoot, deps = defaultDeps, force = false) {
+    const componentPath = path.join(projectRoot, "components", "ui", `${name}.tsx`);
+    if (!force && deps.existsSync(componentPath)) return;
+    try {
+      await new Promise((resolve4, reject) => {
+        deps.exec(`npx shadcn@latest add ${name} --yes --overwrite`, { cwd: projectRoot, timeout: 15e3 }, (err) => {
+          if (err) reject(err);
+          else resolve4();
+        });
+      });
+    } catch {
+      console.warn(
+        `Could not install ${name} (network error or timeout). Run \`npx shadcn@latest add ${name}\` manually.`
+      );
+    }
+  }
+  async installComponent(id, projectRoot, options) {
+    if (!this.has(id)) return { success: false, componentDef: null };
+    await this.init(projectRoot);
+    const filePath = path.join(projectRoot, "components", "ui", `${toKebab(id)}.tsx`);
+    if (!options?.force && fsExistsSync(filePath)) {
+      return { success: true, componentDef: getShadcnComponent(id) ?? null };
+    }
+    await this.install(id, projectRoot, defaultDeps, !!options?.force);
+    const success = fsExistsSync(filePath);
+    const componentDef = success ? getShadcnComponent(id) ?? null : null;
+    return { success, componentDef };
+  }
+  async installBatch(ids, projectRoot, options, deps = defaultDeps) {
+    const results = /* @__PURE__ */ new Map();
+    const invalidIds = ids.filter((id) => !this.has(id));
+    const validIds = ids.filter((id) => this.has(id));
+    for (const id of invalidIds) {
+      results.set(id, { success: false, componentDef: null });
+    }
+    if (validIds.length === 0) return results;
+    await this.init(projectRoot);
+    const toInstall = [];
+    for (const id of validIds) {
+      const filePath = path.join(projectRoot, "components", "ui", `${toKebab(id)}.tsx`);
+      if (!options?.force && fsExistsSync(filePath)) {
+        results.set(id, { success: true, componentDef: getShadcnComponent(id) ?? null });
+      } else {
+        toInstall.push(id);
+      }
+    }
+    if (toInstall.length === 0) return results;
+    try {
+      await new Promise((resolve4, reject) => {
+        deps.exec(
+          `npx shadcn@latest add ${toInstall.join(" ")} --yes --overwrite`,
+          { cwd: projectRoot, timeout: 3e4 },
+          (err) => {
+            if (err) reject(err);
+            else resolve4();
+          }
+        );
+      });
+    } catch {
+      for (const id of toInstall) {
+        const result = await this.installComponent(id, projectRoot, options);
+        results.set(id, result);
+      }
+      return results;
+    }
+    for (const id of toInstall) {
+      const filePath = path.join(projectRoot, "components", "ui", `${toKebab(id)}.tsx`);
+      const success = fsExistsSync(filePath);
+      results.set(id, {
+        success,
+        componentDef: success ? getShadcnComponent(id) ?? null : null
+      });
+    }
+    return results;
+  }
+  has(name) {
+    return componentMetaMap.has(name);
+  }
+  listNames() {
+    return COMPONENT_REGISTRY.map((c) => c.id);
+  }
+  list() {
+    return COMPONENT_REGISTRY;
+  }
+  getComponentAPI(name) {
+    const meta = componentMetaMap.get(name);
+    if (!meta) return null;
+    if (COMPONENT_APIS[name]) return COMPONENT_APIS[name];
+    return basicAPI(meta.id, meta.name, meta.category);
+  }
+  getCssVariables(tokens) {
+    const fakeConfig = { tokens };
+    return buildCssVariables(fakeConfig);
+  }
+  getThemeBlock(_tokens) {
+    const sidebarVars = [
+      "background",
+      "foreground",
+      "primary",
+      "primary-foreground",
+      "accent",
+      "accent-foreground",
+      "border",
+      "ring"
+    ];
+    const lines = sidebarVars.map((v) => `  --color-sidebar-${v}: var(--sidebar-${v});`);
+    const chartLines = Array.from({ length: 5 }, (_, i) => `  --color-chart-${i + 1}: var(--chart-${i + 1});`);
+    return `@theme inline {
+${lines.join("\n")}
+${chartLines.join("\n")}
+}
+`;
+  }
+};
+
+// src/providers/index.ts
+var _instance = null;
+function getComponentProvider(_config) {
+  if (!_instance) {
+    _instance = new ShadcnProvider();
+  }
+  return _instance;
+}
+
+// src/utils/strings.ts
+function toKebabCase(str) {
+  return str.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+}
+
+// src/commands/chat/utils.ts
+import { resolve as resolve2 } from "path";
+import { existsSync as existsSync4, readFileSync as readFileSync2 } from "fs";
+
+// src/utils/find-config.ts
+import { existsSync as existsSync3 } from "fs";
+import { resolve, dirname as dirname2, parse } from "path";
+import { cwd } from "process";
+import { tmpdir } from "os";
+import chalk from "chalk";
+var VOLATILE_DIRS = ["/tmp", "/private/tmp", "/var/tmp"];
+function isVolatileDirectory(dir) {
+  const resolved = resolve(dir);
+  const sysTmp = resolve(tmpdir());
+  if (resolved.startsWith(sysTmp)) return true;
+  return VOLATILE_DIRS.some((v) => resolved.startsWith(v));
+}
+function warnIfVolatile(projectRoot) {
+  if (isVolatileDirectory(projectRoot)) {
+    console.log("");
+    console.log(chalk.yellow("\u26A0 WARNING: This project is inside a temporary directory."));
+    console.log(chalk.yellow("  Your OS may automatically delete files from this location."));
+    console.log(chalk.dim(`  Project path: ${projectRoot}`));
+    console.log(chalk.dim("  Move your project to a permanent location to avoid data loss:"));
+    console.log(chalk.dim(`  cp -r "${projectRoot}" ~/projects/
+`));
+  }
+}
+function findConfig(startDir = cwd()) {
+  try {
+    let dir = resolve(startDir);
+    const root = parse(dir).root;
+    while (dir !== root) {
+      const configPath = resolve(dir, "design-system.config.ts");
+      if (existsSync3(configPath)) {
+        return {
+          root: dir,
+          configPath
+        };
+      }
+      const parentDir = dirname2(dir);
+      if (parentDir === dir) {
+        break;
+      }
+      dir = parentDir;
+    }
+    return null;
+  } catch (error) {
+    if (error?.code === "ENOENT" || error?.code === "ENOTDIR") {
+      return null;
+    }
+    throw error;
+  }
+}
+function getProjectRoot(startDir) {
+  const project = findConfig(startDir);
+  if (!project) {
+    throw new Error("Not a Coherent project");
+  }
+  return project.root;
+}
+function exitNotCoherent() {
+  const resolved = resolve(cwd());
+  console.error(chalk.red("\u274C Not a Coherent project"));
+  if (isVolatileDirectory(resolved)) {
+    console.log(chalk.yellow("\u26A0 This directory is inside /tmp \u2014 the OS may have cleaned up your files."));
+    console.log(chalk.dim("  macOS periodically removes files from /tmp. Use a permanent directory next time."));
+  }
+  console.log(chalk.dim("Run coherent init first, or cd into a project directory.\n"));
+  process.exit(1);
+}
+
+// src/commands/chat/utils.ts
+import { DesignSystemManager, loadManifest } from "@getcoherent/core";
+import chalk2 from "chalk";
+var MARKETING_ROUTES = /* @__PURE__ */ new Set(["", "landing", "pricing", "about", "contact", "blog", "features"]);
+var MIN_ANCHOR_PAGE_CODE_CHARS = 120;
+var AUTH_ROUTE_SLUGS = /* @__PURE__ */ new Set([
+  "login",
+  "signin",
+  "sign-in",
+  "register",
+  "sign-up",
+  "signup",
+  "forgot-password",
+  "reset-password"
+]);
+function inferRouteUsesAuthSegment(route) {
+  const slug = route.replace(/^\//, "").split("/")[0] || "";
+  return AUTH_ROUTE_SLUGS.has(slug);
+}
+function readAnchorPageCodeFromDisk(projectRoot, route) {
+  const useAuthSegment = inferRouteUsesAuthSegment(route);
+  const abs = routeToFsPath(projectRoot, route, useAuthSegment);
+  if (!existsSync4(abs)) return null;
+  let code;
+  try {
+    code = readFileSync2(abs, "utf-8");
+  } catch {
+    return null;
+  }
+  if (code.trim().length < MIN_ANCHOR_PAGE_CODE_CHARS) return null;
+  return code;
+}
+function isMarketingRoute(route) {
+  const slug = route.replace(/^\//, "").split("/")[0] || "";
+  return MARKETING_ROUTES.has(slug);
+}
+function routeToFsPath(projectRoot, route, isAuthOrPlan) {
+  const plan = typeof isAuthOrPlan === "object" ? isAuthOrPlan : void 0;
+  const isAuth = typeof isAuthOrPlan === "boolean" ? isAuthOrPlan : false;
+  const slug = route.replace(/^\//, "");
+  if (!slug) return resolve2(projectRoot, "app", "page.tsx");
+  if (isAuth || isAuthRoute(route)) return resolve2(projectRoot, "app", "(auth)", slug || "login", "page.tsx");
+  if (plan) {
+    const group = getPageGroup(route, plan);
+    if (group) return resolve2(projectRoot, "app", `(${group.id})`, slug, "page.tsx");
+  }
+  if (isMarketingRoute(route)) return resolve2(projectRoot, "app", slug, "page.tsx");
+  return resolve2(projectRoot, "app", "(app)", slug, "page.tsx");
+}
+function routeToRelPath(route, isAuthOrPlan) {
+  const plan = typeof isAuthOrPlan === "object" ? isAuthOrPlan : void 0;
+  const isAuth = typeof isAuthOrPlan === "boolean" ? isAuthOrPlan : false;
+  const slug = route.replace(/^\//, "");
+  if (!slug) return "app/page.tsx";
+  if (isAuth || isAuthRoute(route)) return `app/(auth)/${slug || "login"}/page.tsx`;
+  if (plan) {
+    const group = getPageGroup(route, plan);
+    if (group) return `app/(${group.id})/${slug}/page.tsx`;
+  }
+  if (isMarketingRoute(route)) return `app/${slug}/page.tsx`;
+  return `app/(app)/${slug}/page.tsx`;
+}
+var AUTH_SYNONYMS = {
+  "/register": "/signup",
+  "/registration": "/signup",
+  "/sign-up": "/signup",
+  "/signin": "/login",
+  "/sign-in": "/login"
+};
+function deduplicatePages(pages) {
+  const canonicalize = (route) => AUTH_SYNONYMS[route] || route;
+  const normalize = (route) => canonicalize(route).replace(/\/$/, "");
+  const seen = /* @__PURE__ */ new Map();
+  return pages.filter((page, idx) => {
+    const norm = normalize(page.route);
+    if (seen.has(norm)) return false;
+    seen.set(norm, idx);
+    return true;
+  });
+}
+function extractComponentIdsFromCode(code) {
+  const ids = /* @__PURE__ */ new Set();
+  const allMatches = code.matchAll(/@\/components\/((?:ui\/)?[a-z0-9-]+)/g);
+  for (const m of allMatches) {
+    if (!m[1]) continue;
+    let id = m[1];
+    if (id.startsWith("ui/")) id = id.slice(3);
+    if (id === "shared" || id.startsWith("shared/")) continue;
+    if (id) ids.add(id);
+  }
+  return ids;
+}
+async function warnInlineDuplicates(projectRoot, pageName, route, pageCode, manifest, plan) {
+  const reusable = manifest.shared.filter((e) => e.type !== "layout");
+  if (reusable.length === 0) return;
+  const plannedForPage = plan ? new Set(plan.sharedComponents.filter((c) => c.usedBy.includes(route)).map((c) => c.name)) : null;
+  for (const e of reusable) {
+    if (plannedForPage && !plannedForPage.has(e.name)) continue;
+    const kebab = e.file.replace(/^components\/shared\//, "").replace(/\.tsx$/, "");
+    const hasImport = pageCode.includes(`@/components/shared/${kebab}`);
+    if (hasImport) continue;
+    if (plannedForPage) {
+      console.log(
+        chalk2.yellow(
+          `
+\u26A0 Page "${pageName}" should use shared component ${e.name} (per architecture plan) but it's not imported. Import from @/components/shared/${kebab}`
+        )
+      );
+      continue;
+    }
+    const sameNameAsTag = new RegExp(`<\\/?${e.name.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}[\\s>]`).test(pageCode);
+    if (sameNameAsTag) {
+      console.log(
+        chalk2.yellow(
+          `
+\u26A0 Page "${pageName}" contains inline code similar to ${e.id} (${e.name}). Consider using the shared component instead.`
+        )
+      );
+      continue;
+    }
+    try {
+      const fullPath = resolve2(projectRoot, e.file);
+      const sharedSnippet = (await readFile2(fullPath)).slice(0, 600);
+      const sharedTokens = new Set(sharedSnippet.match(/\b[a-zA-Z0-9-]{4,}\b/g) ?? []);
+      const pageTokens = pageCode.match(/\b[a-zA-Z0-9-]+\b/g) ?? [];
+      let overlap = 0;
+      for (const t of sharedTokens) {
+        if (pageTokens.includes(t)) overlap++;
+      }
+      const overlapRatio = sharedTokens.size > 0 ? overlap / sharedTokens.size : 0;
+      if (overlap >= 25 && overlapRatio >= 0.7) {
+        console.log(
+          chalk2.yellow(
+            `
+\u26A0 Page "${pageName}" contains inline code similar to ${e.id} (${e.name}). Consider using the shared component instead.`
+          )
+        );
+      }
+    } catch {
+    }
+  }
+}
+async function loadConfig(configPath) {
+  if (!existsSync4(configPath)) {
+    throw new Error(
+      `Design system config not found at ${configPath}
+Run "coherent init" first to create a project.`
+    );
+  }
+  const manager = new DesignSystemManager(configPath);
+  await manager.load();
+  return manager.getConfig();
+}
+function requireProject() {
+  const project = findConfig();
+  if (!project) {
+    exitNotCoherent();
+  }
+  warnIfVolatile(project.root);
+  return project;
+}
+async function resolveTargetFlags(message, options, config, projectRoot) {
+  if (options.component) {
+    const manifest = await loadManifest(projectRoot);
+    const target = options.component;
+    const entry = manifest.shared.find(
+      (s) => s.name.toLowerCase() === target.toLowerCase() || s.id.toLowerCase() === target.toLowerCase()
+    );
+    if (entry) {
+      const filePath = resolve2(projectRoot, entry.file);
+      let currentCode = "";
+      if (existsSync4(filePath)) {
+        currentCode = readFileSync2(filePath, "utf-8");
+      }
+      const codeSnippet = currentCode ? `
+
+Current code of ${entry.name}:
+\`\`\`tsx
+${currentCode}
+\`\`\`` : "";
+      return `Modify the shared component ${entry.name} (${entry.id}, file: ${entry.file}): ${message}. Read the current code below and apply the requested changes. Return the full updated component code as pageCode.${codeSnippet}`;
+    }
+    console.log(chalk2.yellow(`
+\u26A0\uFE0F  Component "${target}" not found in shared components.`));
+    console.log(chalk2.dim("   Available: " + manifest.shared.map((s) => `${s.id} ${s.name}`).join(", ")));
+    console.log(chalk2.dim("   Proceeding with message as-is...\n"));
+  }
+  if (options.page) {
+    const target = options.page;
+    const page = config.pages.find(
+      (p) => p.name.toLowerCase() === target.toLowerCase() || p.id.toLowerCase() === target.toLowerCase() || p.route === target || p.route === "/" + target
+    );
+    if (page) {
+      const relPath = page.route === "/" ? "app/page.tsx" : `app${page.route}/page.tsx`;
+      const filePath = resolve2(projectRoot, relPath);
+      let currentCode = "";
+      if (existsSync4(filePath)) {
+        currentCode = readFileSync2(filePath, "utf-8");
+      }
+      const codeSnippet = currentCode ? `
+
+Current code of ${page.name} page:
+\`\`\`tsx
+${currentCode}
+\`\`\`` : "";
+      return `Update page "${page.name}" (id: ${page.id}, route: ${page.route}, file: ${relPath}): ${message}. Read the current code below and apply the requested changes.${codeSnippet}`;
+    }
+    console.log(chalk2.yellow(`
+\u26A0\uFE0F  Page "${target}" not found.`));
+    console.log(chalk2.dim("   Available: " + config.pages.map((p) => `${p.id} (${p.route})`).join(", ")));
+    console.log(chalk2.dim("   Proceeding with message as-is...\n"));
+  }
+  if (options.token) {
+    const target = options.token;
+    return `Change design token "${target}": ${message}. Update the token value in design-system.config.ts and ensure globals.css reflects the change.`;
+  }
+  return message;
+}
+
+// src/commands/chat/code-generator.ts
+async function validateAndFixGeneratedCode(projectRoot, code, options = {}) {
+  const fixes = [];
+  let fixed = fixEscapedClosingQuotes(code);
+  fixed = fixUnescapedLtInJsx(fixed);
+  if (fixed !== code) fixes.push("Fixed syntax issues");
+  const beforeMeta = fixed;
+  fixed = options.isPage !== false ? sanitizeMetadataStrings(ensureUseClientIfNeeded(fixed)) : ensureUseClientIfNeeded(fixed);
+  if (fixed !== beforeMeta) fixes.push("Fixed metadata / use client");
+  const missing = findMissingPackagesInCode(fixed, projectRoot);
+  if (missing.length > 0) {
+    const ok = await installPackages(projectRoot, missing);
+    if (ok) fixes.push(`Installed: ${missing.join(", ")}`);
+  }
+  return { fixedCode: fixed, fixes };
+}
+async function ensureComponentsInstalled(componentIds, cm, dsm, pm, projectRoot) {
+  const installed = [];
+  const ids = Array.from(componentIds);
+  const provider = getComponentProvider();
+  for (const componentId of ids) {
+    const isRegistered = !!cm.read(componentId);
+    const fileName = toKebabCase(componentId) + ".tsx";
+    const filePath = resolve3(projectRoot, "components", "ui", fileName);
+    const fileExists = existsSync5(filePath);
+    if (isRegistered && fileExists) continue;
+    const result = await provider.installComponent(componentId, projectRoot);
+    if (result.success && result.componentDef) {
+      if (!isRegistered) {
+        const regResult = await cm.register(result.componentDef);
+        if (regResult.success) {
+          dsm.updateConfig(regResult.config);
+          cm.updateConfig(regResult.config);
+          pm.updateConfig(regResult.config);
+        }
+      }
+      installed.push(result.componentDef.id);
+    }
+  }
+  return { installed };
+}
+async function regenerateComponent(componentId, config, projectRoot) {
+  const component = config.components.find((c) => c.id === componentId);
+  if (!component) return;
+  if (component.source === "shadcn") return;
+  const generator = new ComponentGenerator(config);
+  const code = await generator.generate(component);
+  const fileName = toKebabCase(component.name) + ".tsx";
+  const filePath = resolve3(projectRoot, "components", "ui", fileName);
+  await writeFile2(filePath, code);
+}
+async function regeneratePage(pageId, config, projectRoot) {
+  const page = config.pages.find((p) => p.id === pageId);
+  if (!page) return;
+  if (page.generatedWithPageCode) return;
+  const generator = new PageGenerator(config);
+  const appType = config.settings.appType || "multi-page";
+  const code = await generator.generate(page, appType);
+  const route = page.route || "/";
+  const isAuth = isAuthRoute(route) || isAuthRoute(page.name || page.id || "");
+  const { loadPlan: loadPlanForPath } = await import("./plan-generator-HRULTJ55.js");
+  const planForPath = loadPlanForPath(projectRoot);
+  const filePath = routeToFsPath(projectRoot, route, planForPath || isAuth);
+  await mkdir3(dirname3(filePath), { recursive: true });
+  await writeFile2(filePath, code);
+}
+async function canOverwriteShared(projectRoot, componentFile, storedHashes) {
+  const filePath = resolve3(projectRoot, componentFile);
+  if (!existsSync5(filePath)) return true;
+  const storedHash = storedHashes[componentFile];
+  if (!storedHash) return true;
+  const edited = await isManuallyEdited(filePath, storedHash);
+  if (edited) {
+    console.log(chalk3.yellow(`  \u26A0 Skipping ${componentFile} \u2014 manually edited since last generation`));
+  }
+  return !edited;
+}
+async function regenerateLayout(config, projectRoot, options = {
+  navChanged: false
+}) {
+  const appType = config.settings.appType || "multi-page";
+  const generator = new PageGenerator(config);
+  const initialized = config.settings.initialized !== false;
+  const hashes = options.storedHashes ?? {};
+  if (!initialized) {
+    const layout = config.pages[0]?.layout || "centered";
+    const code = await generator.generateLayout(layout, appType, { skipNav: true });
+    await writeFile2(resolve3(projectRoot, "app", "layout.tsx"), code);
+  }
+  if (config.navigation?.enabled && appType === "multi-page") {
+    const navType = config.navigation.type || "header";
+    const shouldRegenShared = !initialized || options.navChanged;
+    if (shouldRegenShared) {
+      if (navType === "header" || navType === "both") {
+        if (await canOverwriteShared(projectRoot, "components/shared/header.tsx", hashes)) {
+          const headerCode = generator.generateSharedHeaderCode();
+          await generateSharedComponent(projectRoot, {
+            name: "Header",
+            type: "layout",
+            code: headerCode,
+            description: "Main site header with navigation and theme toggle",
+            usedIn: ["app/layout.tsx"],
+            overwrite: true
+          });
+        }
+      }
+      if (await canOverwriteShared(projectRoot, "components/shared/footer.tsx", hashes)) {
+        const footerCode = generator.generateSharedFooterCode();
+        await generateSharedComponent(projectRoot, {
+          name: "Footer",
+          type: "layout",
+          code: footerCode,
+          description: "Site footer",
+          usedIn: ["app/layout.tsx"],
+          overwrite: true
+        });
+      }
+      if (navType === "sidebar" || navType === "both") {
+        if (await canOverwriteShared(projectRoot, "components/shared/sidebar.tsx", hashes)) {
+          const sidebarCode = generator.generateSharedSidebarCode();
+          await generateSharedComponent(projectRoot, {
+            name: "AppSidebar",
+            type: "layout",
+            code: sidebarCode,
+            description: "Application sidebar using shadcn/ui Sidebar components",
+            usedIn: ["app/(app)/layout.tsx"],
+            overwrite: true
+          });
+        }
+      }
+    }
+  }
+  try {
+    await integrateSharedLayoutIntoRootLayout(projectRoot);
+    await ensureAuthRouteGroup(projectRoot);
+    await ensureAppRouteGroupLayout(
+      projectRoot,
+      config.navigation?.type,
+      options.navChanged,
+      options.groupLayouts ?? config.groupLayouts
+    );
+  } catch (err) {
+    if (process.env.COHERENT_DEBUG === "1") {
+      console.log(chalk3.dim("Layout integration warning:", err));
+    }
+  }
+}
+async function scanAndInstallSharedDeps(projectRoot) {
+  const sharedDir = resolve3(projectRoot, "components", "shared");
+  if (!existsSync5(sharedDir)) return [];
+  const files = readdirSync(sharedDir).filter((f) => f.endsWith(".tsx") || f.endsWith(".ts"));
+  const installed = [];
+  const provider = getComponentProvider();
+  for (const file of files) {
+    const code = readFileSync3(resolve3(sharedDir, file), "utf-8");
+    const importMatches = [...code.matchAll(/@\/components\/ui\/([a-z0-9-]+)/g)];
+    for (const [, componentId] of importMatches) {
+      const uiPath = resolve3(projectRoot, "components", "ui", `${componentId}.tsx`);
+      if (!existsSync5(uiPath) && provider.has(componentId)) {
+        try {
+          await provider.installComponent(componentId, projectRoot);
+          installed.push(componentId);
+        } catch {
+        }
+      }
+    }
+  }
+  return [...new Set(installed)];
+}
+async function ensureAppRouteGroupLayout(projectRoot, navType, forceUpdate = false, groupLayouts) {
+  const effectiveNavType = groupLayouts?.["app"] || navType;
+  const layoutPath = resolve3(projectRoot, "app", "(app)", "layout.tsx");
+  if (existsSync5(layoutPath) && !forceUpdate) return;
+  const { mkdir: mkdirAsync } = await import("fs/promises");
+  await mkdirAsync(resolve3(projectRoot, "app", "(app)"), { recursive: true });
+  const code = buildAppLayoutCode(effectiveNavType);
+  await writeFile2(layoutPath, code);
+}
+function buildAppLayoutCode(navType) {
+  const hasSidebar = navType === "sidebar" || navType === "both";
+  if (hasSidebar) {
+    return `import { AppSidebar } from '@/components/shared/sidebar'
+import { SidebarProvider, SidebarInset } from '@/components/ui/sidebar'
+
+export default function AppLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <SidebarProvider>
+      <AppSidebar />
+      <SidebarInset>
+        <main className="flex-1 px-4 sm:px-6 lg:px-8 py-6">
+          {children}
+        </main>
+      </SidebarInset>
+    </SidebarProvider>
+  )
+}
+`;
+  }
+  return `export default function AppLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <main className="mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8 py-6">
+      {children}
+    </main>
+  )
+}
+`;
+}
+function buildGroupLayoutCode(layout, _pages) {
+  if (layout === "sidebar" || layout === "both") {
+    return `import { AppSidebar } from '@/components/shared/sidebar'
+import { SidebarProvider, SidebarInset } from '@/components/ui/sidebar'
+
+export default function GroupLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <SidebarProvider>
+      <AppSidebar />
+      <SidebarInset>
+        <main className="flex-1 px-4 sm:px-6 lg:px-8 py-6">
+          {children}
+        </main>
+      </SidebarInset>
+    </SidebarProvider>
+  )
+}
+`;
+  }
+  if (layout === "none") {
+    return `export default function GroupLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <div className="min-h-svh flex items-center justify-center p-4">
+      {children}
+    </div>
+  )
+}
+`;
+  }
+  return `export default function GroupLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <main className="mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8 py-6">
+      {children}
+    </main>
+  )
+}
+`;
+}
+async function ensurePlanGroupLayouts(projectRoot, plan, storedHashes = {}, config) {
+  const { mkdir: mkdirAsync } = await import("fs/promises");
+  const { createHash: createHash2 } = await import("crypto");
+  for (const group of plan.groups) {
+    const groupDir = resolve3(projectRoot, "app", `(${group.id})`);
+    await mkdirAsync(groupDir, { recursive: true });
+    const layoutPath = resolve3(groupDir, "layout.tsx");
+    const relPath = `app/(${group.id})/layout.tsx`;
+    if (existsSync5(layoutPath)) {
+      const currentContent = readFileSync3(layoutPath, "utf-8");
+      const currentHash = createHash2("md5").update(currentContent).digest("hex");
+      const storedHash = storedHashes[relPath];
+      if (storedHash && storedHash !== currentHash) {
+        continue;
+      }
+    }
+    const code = buildGroupLayoutCode(group.layout, group.pages);
+    await writeFile2(layoutPath, code);
+  }
+  if (config) {
+    const layouts = {};
+    for (const group of plan.groups) {
+      layouts[group.id] = group.layout;
+    }
+    config.groupLayouts = layouts;
+  }
+}
+async function regenerateFiles(modified, config, projectRoot, options = { navChanged: false }) {
+  const componentIds = /* @__PURE__ */ new Set();
+  const pageIds = /* @__PURE__ */ new Set();
+  for (const item of modified) {
+    if (item.startsWith("component:")) {
+      componentIds.add(item.replace("component:", ""));
+    } else if (item.startsWith("page:")) {
+      pageIds.add(item.replace("page:", ""));
+    }
+  }
+  if (config.navigation?.enabled && modified.length > 0) {
+    await regenerateLayout(config, projectRoot, {
+      navChanged: options.navChanged,
+      storedHashes: options.storedHashes
+    });
+    const sharedInstalled = await scanAndInstallSharedDeps(projectRoot);
+    if (sharedInstalled.length > 0 && process.env.COHERENT_DEBUG === "1") {
+      console.log(chalk3.dim(`  Auto-installed shared deps: ${sharedInstalled.join(", ")}`));
+    }
+  }
+  if (componentIds.size > 0) {
+    const twGen = new TailwindConfigGenerator(config);
+    const twPath = resolve3(projectRoot, "tailwind.config.ts");
+    const twCjsPath = resolve3(projectRoot, "tailwind.config.cjs");
+    if (existsSync5(twPath)) {
+      await writeFile2(twPath, await twGen.generate());
+    } else if (existsSync5(twCjsPath)) {
+      await writeFile2(twCjsPath, await twGen.generateCjs());
+    }
+  }
+  for (const componentId of componentIds) {
+    await regenerateComponent(componentId, config, projectRoot);
+  }
+  const pageCodeIds = new Set(
+    config.pages.filter((p) => p.generatedWithPageCode).map((p) => p.id)
+  );
+  for (const pageId of pageIds) {
+    if (pageCodeIds.has(pageId)) continue;
+    await regeneratePage(pageId, config, projectRoot);
+  }
+}
+
+export {
+  warnIfVolatile,
+  findConfig,
+  getProjectRoot,
+  exitNotCoherent,
+  readFile2 as readFile,
+  writeFile2 as writeFile,
+  fileExistsAsync,
+  acquireProjectLock,
+  getShadcnComponent,
+  listShadcnComponents,
+  getComponentProvider,
+  toKebabCase,
+  isAuthRoute,
+  detectPageType,
+  expandPageRequest,
+  ensureAuthRouteGroup,
+  readAnchorPageCodeFromDisk,
+  isMarketingRoute,
+  routeToFsPath,
+  routeToRelPath,
+  AUTH_SYNONYMS,
+  deduplicatePages,
+  extractComponentIdsFromCode,
+  warnInlineDuplicates,
+  loadConfig,
+  requireProject,
+  resolveTargetFlags,
+  computeFileHash,
+  loadHashes,
+  saveHashes,
+  validateAndFixGeneratedCode,
+  ensureComponentsInstalled,
+  regenerateComponent,
+  regeneratePage,
+  regenerateLayout,
+  scanAndInstallSharedDeps,
+  ensureAppRouteGroupLayout,
+  buildAppLayoutCode,
+  buildGroupLayoutCode,
+  ensurePlanGroupLayouts,
+  regenerateFiles
+};