@getcoherent/cli 0.5.13 → 0.5.14

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Sergei Kovtun
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/{claude-QH2XB2E3.js → claude-RFHVT7RC.js}

@@ -357,6 +357,49 @@ Requirements:
     if (content.type !== "text") throw new Error("Unexpected response type");
     return content.text.trim().replace(/^```(?:tsx?|jsx?)\s*/i, "").replace(/\s*```$/i, "");
   }
+  async extractSharedComponents(pageCode, reservedNames, existingSharedNames) {
+    try {
+      const response = await this.client.messages.create({
+        model: this.defaultModel,
+        max_tokens: 16384,
+        messages: [
+          {
+            role: "user",
+            content: `Analyze this page and extract reusable components.
+
+PAGE CODE:
+${pageCode}
+
+Rules:
+- Extract 1-5 components maximum
+- Each component must be \u226510 lines of meaningful JSX
+- Output complete, self-contained TypeScript modules with:
+  - "use client" directive (if hooks or event handlers are used)
+  - All necessary imports (shadcn/ui from @/components/ui/*, lucide-react, next/link, etc.)
+  - A typed props interface exported as a named type
+  - A named export function (not default export)
+- Do NOT extract: the entire page, trivial wrappers, layout components (header, footer, nav)
+- Do NOT use these names (reserved for shadcn/ui): ${reservedNames.join(", ")}
+- Do NOT use these names (already shared): ${existingSharedNames.join(", ")}
+- Look for: cards with icon+title+description, pricing tiers, testimonial blocks, stat displays, CTA sections
+
+Each component object: "name" (PascalCase), "type" ("section"|"widget"), "description", "propsInterface", "code" (full TSX module as string)
+
+If no repeating patterns found: { "components": [] }`
+          }
+        ],
+        system: "You are a React/Next.js component extraction specialist. Analyze page code and identify reusable UI patterns that can be extracted into shared components. Return ONLY valid JSON. No markdown fencing, no explanation outside the JSON object."
+      });
+      const content = response.content[0];
+      if (content.type !== "text") return { components: [] };
+      const jsonText = this.extractJSON(content.text);
+      const parsed = JSON.parse(jsonText);
+      const components = Array.isArray(parsed.components) ? parsed.components : [];
+      return { components };
+    } catch {
+      return { components: [] };
+    }
+  }
 };
 export {
   ClaudeClient

package/dist/index.js

@@ -3750,11 +3750,11 @@ import { resolve as resolve9, relative as relative2, join as join11 } from "path
 import { existsSync as existsSync16, readFileSync as readFileSync10, mkdirSync as mkdirSync6, readdirSync as readdirSync2 } from "fs";
 import {
   DesignSystemManager as DesignSystemManager7,
-  ComponentManager as ComponentManager4,
+  ComponentManager as ComponentManager5,
   PageManager as PageManager3,
   CLI_VERSION as CLI_VERSION2,
   getTemplateForPageType as getTemplateForPageType2,
-  loadManifest as loadManifest7,
+  loadManifest as loadManifest8,
   saveManifest as saveManifest2
 } from "@getcoherent/core";
 
@@ -3831,7 +3831,7 @@ Please set ${envVar} in your environment or .env file.`);
     }
     if (preferredProvider === "openai") {
       try {
-        const { OpenAIClient } = await import("./openai-provider-3XC6CVZR.js");
+        const { OpenAIClient } = await import("./openai-provider-FSXSVEYD.js");
         return await OpenAIClient.create(apiKey2, config2?.model);
       } catch (error) {
         if (error.message?.includes("not installed")) {
@@ -3845,7 +3845,7 @@ Error: ${error.message}`
         );
       }
     } else {
-      const { ClaudeClient } = await import("./claude-QH2XB2E3.js");
+      const { ClaudeClient } = await import("./claude-RFHVT7RC.js");
       return ClaudeClient.create(apiKey2, config2?.model);
     }
   }
@@ -3858,7 +3858,7 @@ Error: ${error.message}`
   switch (provider) {
     case "openai":
       try {
-        const { OpenAIClient } = await import("./openai-provider-3XC6CVZR.js");
+        const { OpenAIClient } = await import("./openai-provider-FSXSVEYD.js");
         return await OpenAIClient.create(apiKey, config2?.model);
       } catch (error) {
         if (error.message?.includes("not installed")) {
@@ -3872,7 +3872,7 @@ Error: ${error.message}`
         );
       }
     case "claude":
-      const { ClaudeClient } = await import("./claude-QH2XB2E3.js");
+      const { ClaudeClient } = await import("./claude-RFHVT7RC.js");
       return ClaudeClient.create(apiKey, config2?.model);
     default:
       throw new Error(`Unsupported AI provider: ${provider}`);
@@ -7395,6 +7395,10 @@ function applyDefaults(request) {
   return request;
 }
 
+// src/commands/chat/split-generator.ts
+import { z } from "zod";
+import { loadManifest as loadManifest5, generateSharedComponent as generateSharedComponent2 } from "@getcoherent/core";
+
 // src/utils/page-analyzer.ts
 var FORM_COMPONENTS = /* @__PURE__ */ new Set(["Input", "Textarea", "Label", "Select", "Checkbox", "Switch"]);
 var VISUAL_WORDS = /\b(grid lines?|glow|radial|gradient|blur|shadow|overlay|animation|particles?|dots?|vertical|horizontal|decorat|behind|background|divider|spacer|wrapper|container|inner|outer|absolute|relative|translate|opacity|z-index|transition)\b/i;
@@ -7589,9 +7593,20 @@ function parseNavTypeFromPlan(planResult) {
   }
   return "header";
 }
+function buildSharedComponentsSummary(manifest) {
+  if (manifest.shared.length === 0) return void 0;
+  return manifest.shared.map((e) => {
+    const importPath = e.file.replace(/^components\/shared\//, "").replace(/\.tsx$/, "");
+    const desc = e.description ? ` \u2014 ${e.description}` : "";
+    const propsLine = e.propsInterface ? `
+    Props: ${e.propsInterface}` : "";
+    return `  ${e.id} ${e.name} (${e.type})${desc}
+    Import: @/components/shared/${importPath}${propsLine}`;
+  }).join("\n");
+}
 async function splitGeneratePages(spinner, message, modCtx, provider, parseOpts) {
   let pageNames = [];
-  spinner.start("Phase 1/4 \u2014 Planning pages...");
+  spinner.start("Phase 1/5 \u2014 Planning pages...");
   try {
     const planResult = await parseModification(message, modCtx, provider, { ...parseOpts, planOnly: true });
     const pageReqs = planResult.requests.filter((r) => r.type === "add-page");
@@ -7644,7 +7659,7 @@ async function splitGeneratePages(spinner, message, modCtx, provider, parseOpts)
   const allRoutes = pageNames.map((p) => p.route).join(", ");
   const allPagesList = pageNames.map((p) => `${p.name} (${p.route})`).join(", ");
   const inferredNote = inferred.length > 0 ? ` (${inferred.length} auto-inferred)` : "";
-  spinner.succeed(`Phase 1/4 \u2014 Found ${pageNames.length} pages${inferredNote}: ${allPagesList}`);
+  spinner.succeed(`Phase 1/5 \u2014 Found ${pageNames.length} pages${inferredNote}: ${allPagesList}`);
   const homeIdx = pageNames.findIndex((p) => p.route === "/");
   const homePage = homeIdx !== -1 ? pageNames[homeIdx] : pageNames[0];
   const remainingPages = pageNames.filter((_, i) => i !== (homeIdx !== -1 ? homeIdx : 0));
@@ -7657,12 +7672,12 @@ async function splitGeneratePages(spinner, message, modCtx, provider, parseOpts)
     if (existingCode) {
       reusedExistingAnchor = true;
       homePageCode = existingCode;
-      spinner.start(`Phase 2/4 \u2014 Loading ${homePage.name} from disk (style anchor)...`);
-      spinner.succeed(`Phase 2/4 \u2014 Reused existing ${homePage.name} page (skipped AI regeneration)`);
+      spinner.start(`Phase 2/5 \u2014 Loading ${homePage.name} from disk (style anchor)...`);
+      spinner.succeed(`Phase 2/5 \u2014 Reused existing ${homePage.name} page (skipped AI regeneration)`);
     }
   }
   if (!reusedExistingAnchor) {
-    spinner.start(`Phase 2/4 \u2014 Generating ${homePage.name} page (sets design direction)...`);
+    spinner.start(`Phase 2/5 \u2014 Generating ${homePage.name} page (sets design direction)...`);
     try {
       const homeResult = await parseModification(
         `Create ONE page called "${homePage.name}" at route "${homePage.route}". Context: ${message}. This REPLACES the default placeholder page \u2014 generate a complete, content-rich landing page for the project described above. Generate complete pageCode. Include a branded site-wide <header> with navigation links to ALL these pages: ${allPagesList}. Use these EXACT routes in navigation: ${allRoutes}. Include a <footer> at the bottom. Make it visually polished \u2014 this page sets the design direction for the entire site. Do not generate other pages.`,
@@ -7684,21 +7699,40 @@ async function splitGeneratePages(spinner, message, modCtx, provider, parseOpts)
         changes: { id: homePage.id, name: homePage.name, route: homePage.route }
       };
     }
-    spinner.succeed(`Phase 2/4 \u2014 ${homePage.name} page generated`);
+    spinner.succeed(`Phase 2/5 \u2014 ${homePage.name} page generated`);
   }
-  spinner.start("Phase 3/4 \u2014 Extracting design patterns...");
+  spinner.start("Phase 3/5 \u2014 Extracting design patterns...");
   const styleContext = homePageCode ? extractStyleContext(homePageCode) : "";
   if (styleContext) {
     const lineCount = styleContext.split("\n").length - 1;
     const source = reusedExistingAnchor ? `${homePage.name} (existing file)` : homePage.name;
-    spinner.succeed(`Phase 3/4 \u2014 Extracted ${lineCount} style patterns from ${source}`);
+    spinner.succeed(`Phase 3/5 \u2014 Extracted ${lineCount} style patterns from ${source}`);
   } else {
-    spinner.succeed("Phase 3/4 \u2014 No style patterns extracted (anchor page had no code)");
+    spinner.succeed("Phase 3/5 \u2014 No style patterns extracted (anchor page had no code)");
+  }
+  if (remainingPages.length >= 2 && homePageCode && projectRoot) {
+    const manifest = await loadManifest5(projectRoot);
+    const shouldSkip = reusedExistingAnchor && manifest.shared.some((e) => e.type !== "layout");
+    if (!shouldSkip) {
+      spinner.start("Phase 3.5/5 \u2014 Extracting shared components...");
+      try {
+        const extraction = await extractSharedComponents(homePageCode, projectRoot, provider ?? "auto");
+        parseOpts.sharedComponentsSummary = extraction.summary;
+        if (extraction.components.length > 0) {
+          const names = extraction.components.map((c) => c.name).join(", ");
+          spinner.succeed(`Phase 3.5/5 \u2014 Extracted ${extraction.components.length} shared components (${names})`);
+        } else {
+          spinner.succeed("Phase 3.5/5 \u2014 No shared components extracted");
+        }
+      } catch {
+        spinner.warn("Phase 3.5/5 \u2014 Could not extract shared components (continuing without)");
+      }
+    }
   }
   if (remainingPages.length === 0) {
     return homeRequest ? [homeRequest] : [];
   }
-  spinner.start(`Phase 4/4 \u2014 Generating ${remainingPages.length} pages in parallel...`);
+  spinner.start(`Phase 4/5 \u2014 Generating ${remainingPages.length} pages in parallel...`);
   const sharedNote = "Header and Footer are shared components rendered by the root layout. Do NOT include any site-wide <header>, <nav>, or <footer> in this page. Start with the main content directly.";
   const routeNote = `EXISTING ROUTES in this project: ${allRoutes}. All internal links MUST point to one of these routes. If a target doesn't exist, use href="#".`;
   const alignmentNote = 'CRITICAL LAYOUT RULE: Every <section> must wrap its content in a container div matching the header width. Use the EXACT same container classes as shown in the style context (e.g. className="container max-w-6xl px-4" or className="max-w-6xl mx-auto px-4"). Inner content can use narrower max-w for text centering, but the outer section container MUST match.';
@@ -7721,12 +7755,12 @@ async function splitGeneratePages(spinner, message, modCtx, provider, parseOpts)
       try {
         const result = await parseModification(prompt, modCtx, provider, parseOpts);
         phase4Done++;
-        spinner.text = `Phase 4/4 \u2014 ${phase4Done}/${remainingPages.length} pages generated...`;
+        spinner.text = `Phase 4/5 \u2014 ${phase4Done}/${remainingPages.length} pages generated...`;
         const codePage = result.requests.find((r) => r.type === "add-page");
         return codePage || { type: "add-page", target: "new", changes: { id, name, route } };
       } catch {
         phase4Done++;
-        spinner.text = `Phase 4/4 \u2014 ${phase4Done}/${remainingPages.length} pages generated...`;
+        spinner.text = `Phase 4/5 \u2014 ${phase4Done}/${remainingPages.length} pages generated...`;
         return { type: "add-page", target: "new", changes: { id, name, route } };
       }
     },
@@ -7757,9 +7791,75 @@ async function splitGeneratePages(spinner, message, modCtx, provider, parseOpts)
     }
   }
   const withCode = allRequests.filter((r) => r.changes?.pageCode).length;
-  spinner.succeed(`Phase 4/4 \u2014 Generated ${allRequests.length} pages (${withCode} with full code)`);
+  spinner.succeed(`Phase 4/5 \u2014 Generated ${allRequests.length} pages (${withCode} with full code)`);
   return allRequests;
 }
+var SharedExtractionItemSchema = z.object({
+  name: z.string().min(2).max(50),
+  type: z.enum(["section", "widget"]),
+  description: z.string().max(200).default(""),
+  propsInterface: z.string().default("{}"),
+  code: z.string()
+});
+var SharedExtractionResponseSchema = z.object({
+  components: z.array(SharedExtractionItemSchema).max(5).default([])
+});
+async function extractSharedComponents(homePageCode, projectRoot, aiProvider) {
+  const manifest = await loadManifest5(projectRoot);
+  let ai;
+  try {
+    ai = await createAIProvider(aiProvider);
+  } catch {
+    return { components: [], summary: buildSharedComponentsSummary(manifest) };
+  }
+  if (!ai.extractSharedComponents) {
+    return { components: [], summary: buildSharedComponentsSummary(manifest) };
+  }
+  let rawItems;
+  try {
+    const reservedNames = getComponentProvider().listNames();
+    const existingNames = manifest.shared.map((e) => e.name);
+    const result = await ai.extractSharedComponents(homePageCode, reservedNames, existingNames);
+    const parsed = SharedExtractionResponseSchema.safeParse(result);
+    rawItems = parsed.success ? parsed.data.components : [];
+  } catch {
+    return { components: [], summary: buildSharedComponentsSummary(manifest) };
+  }
+  const reservedSet = new Set(getComponentProvider().listNames().map((n) => n.toLowerCase()));
+  const existingSet = new Set(manifest.shared.map((e) => e.name.toLowerCase()));
+  const seenNames = /* @__PURE__ */ new Set();
+  const filtered = rawItems.filter((item) => {
+    if (item.code.split("\n").length < 10) return false;
+    if (reservedSet.has(item.name.toLowerCase())) return false;
+    if (existingSet.has(item.name.toLowerCase())) return false;
+    if (seenNames.has(item.name.toLowerCase())) return false;
+    seenNames.add(item.name.toLowerCase());
+    return true;
+  });
+  const results = [];
+  const provider = getComponentProvider();
+  for (const item of filtered) {
+    try {
+      const { code: fixedCode } = await autoFixCode(item.code);
+      const shadcnImports = [...fixedCode.matchAll(/from\s+["']@\/components\/ui\/(.+?)["']/g)];
+      for (const match of shadcnImports) {
+        await provider.installComponent(match[1], projectRoot);
+      }
+      const result = await generateSharedComponent2(projectRoot, {
+        name: item.name,
+        type: item.type,
+        code: fixedCode,
+        description: item.description,
+        propsInterface: item.propsInterface,
+        usedIn: []
+      });
+      results.push(result);
+    } catch {
+    }
+  }
+  const updatedManifest = await loadManifest5(projectRoot);
+  return { components: results, summary: buildSharedComponentsSummary(updatedManifest) };
+}
 function extractAppNameFromPrompt(prompt) {
   const patterns = [
     /(?:called|named|app\s+name)\s+["']([^"']+)["']/i,
@@ -7807,11 +7907,11 @@ import { dirname as dirname6 } from "path";
 import chalk11 from "chalk";
 import {
   getTemplateForPageType,
-  loadManifest as loadManifest5,
+  loadManifest as loadManifest6,
   saveManifest,
   updateUsedIn,
   findSharedComponentByIdOrName,
-  generateSharedComponent as generateSharedComponent3
+  generateSharedComponent as generateSharedComponent4
 } from "@getcoherent/core";
 
 // src/commands/chat/code-generator.ts
@@ -7824,7 +7924,7 @@ import {
   PageGenerator,
   TailwindConfigGenerator
 } from "@getcoherent/core";
-import { integrateSharedLayoutIntoRootLayout as integrateSharedLayoutIntoRootLayout2, generateSharedComponent as generateSharedComponent2 } from "@getcoherent/core";
+import { integrateSharedLayoutIntoRootLayout as integrateSharedLayoutIntoRootLayout2, generateSharedComponent as generateSharedComponent3 } from "@getcoherent/core";
 import chalk9 from "chalk";
 
 // src/utils/file-hashes.ts
@@ -7950,7 +8050,7 @@ async function regenerateLayout(config2, projectRoot, options = { navChanged: fa
       if (navType === "header" || navType === "both") {
         if (await canOverwriteShared(projectRoot, "components/shared/header.tsx", hashes)) {
           const headerCode = generator.generateSharedHeaderCode();
-          await generateSharedComponent2(projectRoot, {
+          await generateSharedComponent3(projectRoot, {
             name: "Header",
             type: "layout",
             code: headerCode,
@@ -7962,7 +8062,7 @@ async function regenerateLayout(config2, projectRoot, options = { navChanged: fa
       }
       if (await canOverwriteShared(projectRoot, "components/shared/footer.tsx", hashes)) {
         const footerCode = generator.generateSharedFooterCode();
-        await generateSharedComponent2(projectRoot, {
+        await generateSharedComponent3(projectRoot, {
           name: "Footer",
           type: "layout",
           code: footerCode,
@@ -7974,7 +8074,7 @@ async function regenerateLayout(config2, projectRoot, options = { navChanged: fa
       if (navType === "sidebar" || navType === "both") {
         if (await canOverwriteShared(projectRoot, "components/shared/sidebar.tsx", hashes)) {
           const sidebarCode = generator.generateSharedSidebarCode();
-          await generateSharedComponent2(projectRoot, {
+          await generateSharedComponent3(projectRoot, {
             name: "AppSidebar",
             type: "layout",
             code: sidebarCode,
@@ -8526,7 +8626,7 @@ async function applyModification(request, dsm, cm, pm, projectRoot, aiProvider,
         fixes.forEach((f) => console.log(chalk11.dim(`     ${f}`)));
       }
       await writeFile(pageFilePath, fixedCode);
-      const manifest = await loadManifest5(projectRoot);
+      const manifest = await loadManifest6(projectRoot);
       const usedIn = manifest.shared.find((e) => e.id === resolved.id)?.usedIn ?? [];
       const routePath = route.replace(/^\//, "");
       const filePathRel = routePath ? `app/${routePath}/page.tsx` : "app/page.tsx";
@@ -8596,7 +8696,7 @@ async function applyModification(request, dsm, cm, pm, projectRoot, aiProvider,
         };
       }
       const extractedCode = await ai.extractBlockAsComponent(sourceCode, blockHint, componentName);
-      const created = await generateSharedComponent3(projectRoot, {
+      const created = await generateSharedComponent4(projectRoot, {
         name: componentName,
         type: "section",
         code: extractedCode,
@@ -8631,7 +8731,7 @@ async function applyModification(request, dsm, cm, pm, projectRoot, aiProvider,
         await writeFile(fullPath, fixedCode);
         usedInFiles.push(relPath);
       }
-      const manifest = await loadManifest5(projectRoot);
+      const manifest = await loadManifest6(projectRoot);
       const nextManifest = updateUsedIn(manifest, created.id, usedInFiles);
       await saveManifest(projectRoot, nextManifest);
       printPromoteAndLinkReport({
@@ -8820,7 +8920,7 @@ async function applyModification(request, dsm, cm, pm, projectRoot, aiProvider,
             cm.updateConfig(cfg);
             pm.updateConfig(cfg);
           }
-          const manifestForAudit = await loadManifest5(projectRoot);
+          const manifestForAudit = await loadManifest6(projectRoot);
           await warnInlineDuplicates(projectRoot, page.name || page.id || route.slice(1), codeToWrite, manifestForAudit);
           const relFilePath = routeToRelPath(route, isAuth);
           printPostGenerationReport({
@@ -9020,7 +9120,7 @@ ${pagesCtx}`
               cm.updateConfig(cfg);
               pm.updateConfig(cfg);
             }
-            const manifestForAudit = await loadManifest5(projectRoot);
+            const manifestForAudit = await loadManifest6(projectRoot);
             await warnInlineDuplicates(
               projectRoot,
               pageDef.name || pageDef.id || route.slice(1),
@@ -9063,7 +9163,7 @@ ${pagesCtx}`
                 fixes.forEach((f) => console.log(chalk11.dim(`     ${f}`)));
               }
               const relFilePath = routeToRelPath(route, isAuth);
-              const manifest = await loadManifest5(projectRoot);
+              const manifest = await loadManifest6(projectRoot);
               printPostGenerationReport({
                 action: "updated",
                 pageTitle: pageDef.name || pageDef.id || "Page",
@@ -9180,7 +9280,7 @@ function hasNavChanged(before, after) {
 import chalk12 from "chalk";
 import { resolve as resolve8 } from "path";
 import { existsSync as existsSync15, readFileSync as readFileSync9, writeFileSync as writeFileSync8, mkdirSync as mkdirSync5 } from "fs";
-import { DesignSystemManager as DesignSystemManager6, ComponentManager as ComponentManager3, loadManifest as loadManifest6 } from "@getcoherent/core";
+import { DesignSystemManager as DesignSystemManager6, ComponentManager as ComponentManager4, loadManifest as loadManifest7 } from "@getcoherent/core";
 var DEBUG3 = process.env.COHERENT_DEBUG === "1";
 async function interactiveChat(options, chatCommandFn) {
   const { createInterface } = await import("readline");
@@ -9191,7 +9291,7 @@ async function interactiveChat(options, chatCommandFn) {
   const config2 = await loadConfig(configPath);
   const dsm = new DesignSystemManager6(configPath);
   await dsm.load();
-  const cm = new ComponentManager3(config2);
+  const cm = new ComponentManager4(config2);
   const validProviders = ["claude", "openai", "auto"];
   const provider = (options.provider || "auto").toLowerCase();
   if (!validProviders.includes(provider)) {
@@ -9250,7 +9350,7 @@ async function interactiveChat(options, chatCommandFn) {
       return;
     }
     if (lower === "components" || lower === "list components" || lower.includes("what components")) {
-      const manifest = await loadManifest6(projectRoot);
+      const manifest = await loadManifest7(projectRoot);
       if (manifest.shared.length === 0) {
         console.log(chalk12.gray("\n  No shared components yet.\n"));
       } else {
@@ -9284,7 +9384,7 @@ async function interactiveChat(options, chatCommandFn) {
     }
     if (lower === "status") {
       const currentConfig = dsm.getConfig();
-      const manifest = await loadManifest6(projectRoot);
+      const manifest = await loadManifest7(projectRoot);
       console.log(chalk12.bold(`
   ${currentConfig.name || "Coherent Project"}`));
       console.log(
@@ -9417,7 +9517,7 @@ async function chatCommand(message, options) {
     const storedHashes = await loadHashes(projectRoot);
     const dsm = new DesignSystemManager7(configPath);
     await dsm.load();
-    const cm = new ComponentManager4(config2);
+    const cm = new ComponentManager5(config2);
     const pm = new PageManager3(config2, cm);
     spinner.succeed("Configuration loaded");
     message = await resolveTargetFlags(message, options, config2, projectRoot);
@@ -9473,7 +9573,7 @@ async function chatCommand(message, options) {
       }
     }
     spinner.start("Parsing your request...");
-    let manifest = await loadManifest7(project.root);
+    let manifest = await loadManifest8(project.root);
     const validShared = manifest.shared.filter((s) => {
       const fp = resolve9(project.root, s.file);
       return existsSync16(fp);
@@ -9486,12 +9586,7 @@ async function chatCommand(message, options) {
         console.log(chalk13.dim(`[pre-gen] Cleaned ${cleaned} orphaned component(s) from manifest`));
       }
     }
-    const sharedComponentsSummary = manifest.shared.length > 0 ? manifest.shared.map((e) => {
-      const importPath = e.file.replace(/^components\/shared\//, "").replace(/\.tsx$/, "");
-      const desc = e.description ? ` \u2014 ${e.description}` : "";
-      return `  ${e.id} ${e.name} (${e.type})${desc}
-    Import: @/components/shared/${importPath}`;
-    }).join("\n") : void 0;
+    const sharedComponentsSummary = buildSharedComponentsSummary(manifest);
     if (DEBUG4 && sharedComponentsSummary) {
       console.log(chalk13.dim("[add-page] sharedComponentsSummary in prompt:\n" + sharedComponentsSummary));
     }
@@ -10131,7 +10226,7 @@ import { DesignSystemManager as DesignSystemManager8, ComponentGenerator as Comp
 // src/utils/file-watcher.ts
 import { readFileSync as readFileSync12, writeFileSync as writeFileSync9, existsSync as existsSync18 } from "fs";
 import { relative as relative4, join as join13 } from "path";
-import { loadManifest as loadManifest8, saveManifest as saveManifest3 } from "@getcoherent/core";
+import { loadManifest as loadManifest9, saveManifest as saveManifest3 } from "@getcoherent/core";
 
 // src/utils/component-integrity.ts
 import { existsSync as existsSync17, readFileSync as readFileSync11, readdirSync as readdirSync3 } from "fs";
@@ -10485,7 +10580,7 @@ async function handleFileChange(projectRoot, filePath) {
   if (config2.warnSharedReuse) {
     let manifest;
     try {
-      manifest = await loadManifest8(projectRoot);
+      manifest = await loadManifest9(projectRoot);
     } catch {
       manifest = { shared: [], nextId: 1 };
     }
@@ -10504,7 +10599,7 @@ async function handleFileDelete(projectRoot, filePath) {
   if (!relativePath.startsWith("components/") || relativePath.startsWith("components/ui/")) return;
   try {
     const chalk33 = (await import("chalk")).default;
-    const manifest = await loadManifest8(projectRoot);
+    const manifest = await loadManifest9(projectRoot);
     const orphaned = manifest.shared.find((s) => s.file === relativePath);
     if (orphaned) {
       const cleaned = {
@@ -10525,7 +10620,7 @@ async function detectNewComponent(projectRoot, filePath) {
   if (!relativePath.endsWith(".tsx") && !relativePath.endsWith(".jsx")) return;
   try {
     const chalk33 = (await import("chalk")).default;
-    const manifest = await loadManifest8(projectRoot);
+    const manifest = await loadManifest9(projectRoot);
     const alreadyRegistered = manifest.shared.some((s) => s.file === relativePath);
     if (alreadyRegistered) return;
     const code = readFileSync12(filePath, "utf-8");
@@ -11449,10 +11544,10 @@ import { readdirSync as readdirSync5, readFileSync as readFileSync14, existsSync
 import { resolve as resolve12, join as join16 } from "path";
 import {
   DesignSystemManager as DesignSystemManager11,
-  ComponentManager as ComponentManager5,
+  ComponentManager as ComponentManager6,
   PageManager as PageManager4,
   ComponentGenerator as ComponentGenerator4,
-  loadManifest as loadManifest9,
+  loadManifest as loadManifest10,
   saveManifest as saveManifest4
 } from "@getcoherent/core";
 function extractComponentIdsFromCode2(code) {
@@ -11539,7 +11634,7 @@ async function fixCommand(opts = {}) {
     dsm = new DesignSystemManager11(project.configPath);
     await dsm.load();
     const config2 = dsm.getConfig();
-    cm = new ComponentManager5(config2);
+    cm = new ComponentManager6(config2);
     pm = new PageManager4(config2, cm);
     const missingComponents = [];
     const missingFiles = [];
@@ -11662,7 +11757,7 @@ async function fixCommand(opts = {}) {
     fileIssues.push({ path: relativePath, report });
   }
   try {
-    let manifest = await loadManifest9(project.root);
+    let manifest = await loadManifest10(project.root);
     let manifestModified = false;
     const { manifest: cleaned, removed: orphaned } = removeOrphanedEntries(project.root, manifest);
     if (orphaned.length > 0) {
@@ -11762,7 +11857,7 @@ async function fixCommand(opts = {}) {
 import chalk19 from "chalk";
 import { resolve as resolve13 } from "path";
 import { readdirSync as readdirSync6, readFileSync as readFileSync15, statSync as statSync2, existsSync as existsSync22 } from "fs";
-import { loadManifest as loadManifest10 } from "@getcoherent/core";
+import { loadManifest as loadManifest11 } from "@getcoherent/core";
 var EXCLUDED_DIRS = /* @__PURE__ */ new Set(["node_modules", "design-system"]);
 function findTsxFiles(dir) {
   const results = [];
@@ -11889,7 +11984,7 @@ async function checkCommand(opts = {}) {
   \u{1F517} Internal Links`) + chalk19.dim(` \u2014 all ${result.links.total} links resolve \u2713`));
     }
     try {
-      const manifest = await loadManifest10(project.root);
+      const manifest = await loadManifest11(project.root);
       if (manifest.shared.length > 0) {
         for (const entry of manifest.shared) {
           const fullPath = resolve13(project.root, entry.file);
@@ -11905,7 +12000,7 @@ async function checkCommand(opts = {}) {
   }
   if (!skipShared) {
     try {
-      const manifest = await loadManifest10(projectRoot);
+      const manifest = await loadManifest11(projectRoot);
       if (!opts.json && manifest.shared.length > 0) {
         console.log(chalk19.cyan(`
   \u{1F9E9} Shared Components`) + chalk19.dim(` (${manifest.shared.length} registered)
@@ -12086,9 +12181,9 @@ import { Command } from "commander";
 import chalk25 from "chalk";
 import {
   DesignSystemManager as DesignSystemManager12,
-  ComponentManager as ComponentManager6,
-  loadManifest as loadManifest11,
-  generateSharedComponent as generateSharedComponent4,
+  ComponentManager as ComponentManager7,
+  loadManifest as loadManifest12,
+  generateSharedComponent as generateSharedComponent5,
   integrateSharedLayoutIntoRootLayout as integrateSharedLayoutIntoRootLayout3
 } from "@getcoherent/core";
 import { existsSync as existsSync23 } from "fs";
@@ -12127,8 +12222,8 @@ function createComponentsCommand() {
     const dsm = new DesignSystemManager12(project.configPath);
     await dsm.load();
     const config2 = dsm.getConfig();
-    const cm = new ComponentManager6(config2);
-    const manifest = await loadManifest11(project.root);
+    const cm = new ComponentManager7(config2);
+    const manifest = await loadManifest12(project.root);
     if (opts.json) {
       const installed2 = cm.getAllComponents();
       console.log(JSON.stringify({ shared: manifest.shared, ui: installed2 }, null, 2));
@@ -12180,7 +12275,7 @@ function createComponentsCommand() {
   sharedCmd.option("--json", "Machine-readable JSON output").option("--verbose", "Show file paths and usage details").action(async (opts) => {
     const project = findConfig();
     if (!project) exitNotCoherent();
-    const manifest = await loadManifest11(project.root);
+    const manifest = await loadManifest12(project.root);
     if (opts.json) {
       console.log(JSON.stringify(manifest, null, 2));
       return;
@@ -12209,7 +12304,7 @@ function createComponentsCommand() {
     const project = findConfig();
     if (!project) exitNotCoherent();
     const type = opts.type === "section" || opts.type === "widget" ? opts.type : "layout";
-    const result = await generateSharedComponent4(project.root, {
+    const result = await generateSharedComponent5(project.root, {
       name: name.trim(),
       type,
       description: opts.description,
@@ -12260,7 +12355,7 @@ import {
   EXAMPLE_MULTIPAGE_CONFIG,
   normalizeFigmaComponents,
   setSharedMapping,
-  generateSharedComponent as generateSharedComponent5,
+  generateSharedComponent as generateSharedComponent6,
   generatePagesFromFigma,
   integrateSharedLayoutIntoRootLayout as integrateSharedLayoutIntoRootLayout4,
   DesignSystemManager as DesignSystemManager13,
@@ -12457,7 +12552,7 @@ async function importFigmaAction(urlOrKey, opts) {
       else {
         stats.sharedCount++;
         if (!dryRun) {
-          const { id, name, file } = await generateSharedComponent5(projectRoot, {
+          const { id, name, file } = await generateSharedComponent6(projectRoot, {
             name: entry.suggestedName,
             type: "widget",
             code: entry.suggestedTsx,
@@ -12884,7 +12979,7 @@ import { existsSync as existsSync26, readFileSync as readFileSync17 } from "fs";
 import { join as join20, relative as relative5, dirname as dirname10 } from "path";
 import { readdir as readdir4, readFile as readFile7 } from "fs/promises";
 import { DesignSystemManager as DesignSystemManager16 } from "@getcoherent/core";
-import { loadManifest as loadManifest12, saveManifest as saveManifest5, findSharedComponent } from "@getcoherent/core";
+import { loadManifest as loadManifest13, saveManifest as saveManifest5, findSharedComponent } from "@getcoherent/core";
 function extractTokensFromProject(projectRoot) {
   const lightColors = {};
   const darkColors = {};
@@ -13164,7 +13259,7 @@ async function syncCommand(options = {}) {
     let reconcileResult = null;
     if (doComponents) {
       spinner.start("Reconciling shared components...");
-      const manifest = await loadManifest12(project.root);
+      const manifest = await loadManifest13(project.root);
       const { manifest: reconciledManifest, result: rr } = reconcileComponents(project.root, manifest);
       reconcileResult = rr;
       if (!dryRun) {

package/dist/{openai-provider-3XC6CVZR.js → openai-provider-FSXSVEYD.js}

@@ -316,6 +316,54 @@ Tasks:
     if (!content) throw new Error("Empty response from OpenAI");
     return content.trim().replace(/^```(?:tsx?|jsx?)\s*/i, "").replace(/\s*```$/i, "");
   }
+  async extractSharedComponents(pageCode, reservedNames, existingSharedNames) {
+    try {
+      const response = await this.client.chat.completions.create({
+        model: this.defaultModel,
+        messages: [
+          {
+            role: "system",
+            content: "You are a React/Next.js component extraction specialist. Analyze page code and identify reusable UI patterns that can be extracted into shared components. Return valid JSON only."
+          },
+          {
+            role: "user",
+            content: `Analyze this page and extract reusable components.
+
+PAGE CODE:
+${pageCode}
+
+Rules:
+- Extract 1-5 components maximum
+- Each component must be \u226510 lines of meaningful JSX
+- Output complete, self-contained TypeScript modules with:
+  - "use client" directive (if hooks or event handlers are used)
+  - All necessary imports (shadcn/ui from @/components/ui/*, lucide-react, next/link, etc.)
+  - A typed props interface exported as a named type
+  - A named export function (not default export)
+- Do NOT extract: the entire page, trivial wrappers, layout components (header, footer, nav)
+- Do NOT use these names (reserved for shadcn/ui): ${reservedNames.join(", ")}
+- Do NOT use these names (already shared): ${existingSharedNames.join(", ")}
+- Look for: cards with icon+title+description, pricing tiers, testimonial blocks, stat displays, CTA sections
+
+Each component object: "name" (PascalCase), "type" ("section"|"widget"), "description", "propsInterface", "code" (full TSX module as string)
+
+If no repeating patterns found: { "components": [] }`
+          }
+        ],
+        response_format: { type: "json_object" },
+        temperature: 0.3,
+        max_tokens: 16384
+      });
+      const content = response.choices[0]?.message?.content;
+      if (!content) return { components: [] };
+      const jsonText = this.extractJSON(content);
+      const parsed = JSON.parse(jsonText);
+      const components = Array.isArray(parsed.components) ? parsed.components : [];
+      return { components };
+    } catch {
+      return { components: [] };
+    }
+  }
   async extractBlockAsComponent(pageCode, blockHint, componentName) {
     const response = await this.client.chat.completions.create({
       model: this.defaultModel,

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.5.13",
+  "version": "0.5.14",
   "description": "CLI interface for Coherent Design Method",
   "type": "module",
   "main": "./dist/index.js",
@@ -33,15 +33,8 @@
   ],
   "author": "Coherent Design Method",
   "license": "MIT",
-  "scripts": {
-    "dev": "tsup --watch",
-    "build": "tsup",
-    "typecheck": "tsc --noEmit",
-    "test": "vitest"
-  },
   "dependencies": {
     "@anthropic-ai/sdk": "^0.32.0",
-    "@getcoherent/core": "workspace:*",
     "chalk": "^5.3.0",
     "chokidar": "^4.0.1",
     "commander": "^11.1.0",
@@ -49,12 +42,19 @@
     "open": "^10.1.0",
     "ora": "^7.0.1",
     "prompts": "^2.4.2",
-    "zod": "^3.22.4"
+    "zod": "^3.22.4",
+    "@getcoherent/core": "0.5.14"
   },
   "devDependencies": {
     "@types/node": "^20.11.0",
     "@types/prompts": "^2.4.9",
     "tsup": "^8.0.1",
     "typescript": "^5.3.3"
+  },
+  "scripts": {
+    "dev": "tsup --watch",
+    "build": "tsup",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest"
   }
-}
+}