myoperator-ui 0.0.152-beta.2 → 0.0.152-beta.4

package/dist/index.js

@@ -5,9 +5,9 @@ import { Command } from "commander";
 import { createRequire } from "module";
 
 // src/commands/add.ts
-import chalk from "chalk";
-import fs2 from "fs-extra";
-import path2 from "path";
+import chalk2 from "chalk";
+import fs3 from "fs-extra";
+import path3 from "path";
 import prompts from "prompts";
 import ora from "ora";
 
@@ -8442,17 +8442,64 @@ async function detectTailwindPrefix(configFile, cwd = process.cwd()) {
   return "";
 }
 
+// src/utils/tailwind-fix.ts
+import fs2 from "fs-extra";
+import path2 from "path";
+import chalk from "chalk";
+var CUSTOM_COMPONENTS_PATH = "./src/components/custom/**/*.{js,ts,jsx,tsx}";
+async function ensureCustomComponentsInTailwindConfig(cwd) {
+  const tailwindConfigOptions = [
+    "tailwind.config.js",
+    "tailwind.config.ts",
+    "tailwind.config.mjs",
+    "tailwind.config.cjs"
+  ];
+  let tailwindConfigPath = null;
+  for (const configFile of tailwindConfigOptions) {
+    const fullPath = path2.join(cwd, configFile);
+    if (await fs2.pathExists(fullPath)) {
+      tailwindConfigPath = fullPath;
+      break;
+    }
+  }
+  if (!tailwindConfigPath) {
+    return false;
+  }
+  const tailwindConfig = await fs2.readFile(tailwindConfigPath, "utf-8");
+  if (tailwindConfig.includes("./src/components/custom/")) {
+    return false;
+  }
+  const contentMatch = tailwindConfig.match(/content\s*:\s*\[([^\]]*)\]/s);
+  if (!contentMatch) {
+    return false;
+  }
+  const existingContent = contentMatch[1];
+  const existingPaths = existingContent.split(",").map((p) => p.trim()).filter((p) => p.length > 0);
+  const newPaths = [...existingPaths.map((p) => p.replace(/["']/g, "")), CUSTOM_COMPONENTS_PATH];
+  const newContentArray = newPaths.map((p) => `    "${p}"`).join(",\n");
+  const updatedConfig = tailwindConfig.replace(
+    /content\s*:\s*\[([^\]]*)\]/s,
+    `content: [
+${newContentArray},
+  ]`
+  );
+  await fs2.writeFile(tailwindConfigPath, updatedConfig);
+  console.log(chalk.green(`
+  \u2713 Updated ${path2.basename(tailwindConfigPath)} with custom components path`));
+  return true;
+}
+
 // src/commands/add.ts
 async function add(components, options) {
   const cwd = process.cwd();
   if (!await configExists(cwd)) {
-    console.log(chalk.red("\n  Error: Project not initialized."));
-    console.log(chalk.yellow("  Run `npx myoperator-ui init` first.\n"));
+    console.log(chalk2.red("\n  Error: Project not initialized."));
+    console.log(chalk2.yellow("  Run `npx myoperator-ui init` first.\n"));
     process.exit(1);
   }
   const prefix = await getTailwindPrefix(cwd);
   if (prefix) {
-    console.log(chalk.blue(`
+    console.log(chalk2.blue(`
   \u2139 Applying Tailwind prefix: "${prefix}"
 `));
   }
@@ -8460,27 +8507,27 @@ async function add(components, options) {
   const availableComponents = Object.keys(registry);
   if (options.all) {
     components = availableComponents;
-    console.log(chalk.blue(`  Adding all ${components.length} components...
+    console.log(chalk2.blue(`  Adding all ${components.length} components...
 `));
   }
   if (options.category) {
     const validCategories = ["core", "form", "data", "overlay", "feedback", "layout", "custom"];
     const categoryLower = options.category.toLowerCase();
     if (!validCategories.includes(categoryLower)) {
-      console.log(chalk.red(`
+      console.log(chalk2.red(`
   Error: Unknown category: ${options.category}`));
-      console.log(chalk.yellow(`  Available categories: ${validCategories.join(", ")}
+      console.log(chalk2.yellow(`  Available categories: ${validCategories.join(", ")}
 `));
       process.exit(1);
     }
     components = availableComponents.filter((name) => registry[name].category === categoryLower);
     if (components.length === 0) {
-      console.log(chalk.yellow(`
+      console.log(chalk2.yellow(`
   No components found in category: ${categoryLower}
 `));
       process.exit(0);
     }
-    console.log(chalk.blue(`  Adding all ${components.length} ${categoryLower} components...
+    console.log(chalk2.blue(`  Adding all ${components.length} ${categoryLower} components...
 `));
   }
   if (!components || components.length === 0) {
@@ -8496,7 +8543,7 @@ async function add(components, options) {
       min: 1
     });
     if (!selectedComponents || selectedComponents.length === 0) {
-      console.log(chalk.yellow("\n  No components selected.\n"));
+      console.log(chalk2.yellow("\n  No components selected.\n"));
       process.exit(0);
     }
     components = selectedComponents;
@@ -8516,13 +8563,13 @@ async function add(components, options) {
   });
   const invalidComponents = components.filter((c) => !availableComponents.includes(c));
   if (invalidComponents.length > 0) {
-    console.log(chalk.red(`
+    console.log(chalk2.red(`
   Error: Unknown components: ${invalidComponents.join(", ")}`));
-    console.log(chalk.yellow(`  Available: ${availableComponents.join(", ")}
+    console.log(chalk2.yellow(`  Available: ${availableComponents.join(", ")}
 `));
     process.exit(1);
   }
-  const componentsDir = path2.join(cwd, options.path);
+  const componentsDir = path3.join(cwd, options.path);
   if (!options.yes) {
     const { confirm } = await prompts({
       type: "confirm",
@@ -8531,7 +8578,7 @@ async function add(components, options) {
       initial: true
     });
     if (!confirm) {
-      console.log(chalk.yellow("\n  Installation cancelled.\n"));
+      console.log(chalk2.yellow("\n  Installation cancelled.\n"));
       process.exit(0);
     }
   }
@@ -8558,18 +8605,18 @@ async function add(components, options) {
       }
       spinner.text = `Installing ${componentName}...`;
       const isCustomComponent = component.category === "custom";
-      const baseDir = isCustomComponent ? path2.join(cwd, "src/components/custom") : componentsDir;
-      const targetDir = component.isMultiFile ? path2.join(baseDir, component.directory) : baseDir;
+      const baseDir = isCustomComponent ? path3.join(cwd, "src/components/custom") : componentsDir;
+      const targetDir = component.isMultiFile ? path3.join(baseDir, component.directory) : baseDir;
       for (const file of component.files) {
-        const filePath = path2.join(targetDir, file.name);
-        if (await fs2.pathExists(filePath)) {
+        const filePath = path3.join(targetDir, file.name);
+        if (await fs3.pathExists(filePath)) {
           if (!options.overwrite) {
             spinner.warn(`${file.name} already exists. Use --overwrite to replace.`);
             continue;
           }
         }
-        await fs2.ensureDir(path2.dirname(filePath));
-        await fs2.writeFile(filePath, file.content);
+        await fs3.ensureDir(path3.dirname(filePath));
+        await fs3.writeFile(filePath, file.content);
         const basePath = isCustomComponent ? "src/components/custom" : options.path;
         const relativePath = component.isMultiFile ? `${component.directory}/${file.name}` : file.name;
         installed.push({ path: relativePath, basePath });
@@ -8584,23 +8631,18 @@ async function add(components, options) {
     }
     spinner.succeed("Components installed successfully!");
     if (installed.length > 0) {
-      console.log(chalk.green("\n  Installed files:"));
+      console.log(chalk2.green("\n  Installed files:"));
       installed.forEach((file) => {
-        console.log(chalk.green(`    \u2713 ${file.basePath}/${file.path}`));
+        console.log(chalk2.green(`    \u2713 ${file.basePath}/${file.path}`));
       });
     }
     if (dependencies.size > 0) {
-      console.log(chalk.yellow("\n  Required dependencies:"));
-      console.log(chalk.cyan(`    npm install ${Array.from(dependencies).join(" ")}`));
+      console.log(chalk2.yellow("\n  Required dependencies:"));
+      console.log(chalk2.cyan(`    npm install ${Array.from(dependencies).join(" ")}`));
     }
     const hasCustomComponents = installed.some((file) => file.basePath.includes("custom"));
     if (hasCustomComponents) {
-      console.log(chalk.yellow("\n  \u26A0\uFE0F  Custom components installed!"));
-      console.log(chalk.white("  Make sure your tailwind.config.js includes:"));
-      console.log(chalk.cyan("    content: ["));
-      console.log(chalk.cyan('      "./src/components/ui/**/*.{js,ts,jsx,tsx}",'));
-      console.log(chalk.cyan('      "./src/components/custom/**/*.{js,ts,jsx,tsx}",  // Add this line'));
-      console.log(chalk.cyan("    ]"));
+      await ensureCustomComponentsInTailwindConfig(cwd);
     }
     console.log("");
   } catch (error) {
@@ -8610,12 +8652,85 @@ async function add(components, options) {
   }
 }
 
+// src/commands/fix.ts
+import chalk3 from "chalk";
+import fs4 from "fs-extra";
+import path4 from "path";
+import ora2 from "ora";
+async function fix() {
+  const cwd = process.cwd();
+  console.log(chalk3.bold("\n  myOperator UI - Fix Configuration\n"));
+  if (!await configExists(cwd)) {
+    console.log(chalk3.red("  Error: Project not initialized."));
+    console.log(chalk3.yellow("  Run `npx myoperator-ui init` first.\n"));
+    process.exit(1);
+  }
+  const spinner = ora2("Checking configuration...").start();
+  let fixesApplied = 0;
+  try {
+    const prefix = await getTailwindPrefix(cwd);
+    const tailwindConfigOptions = [
+      "tailwind.config.js",
+      "tailwind.config.ts",
+      "tailwind.config.mjs",
+      "tailwind.config.cjs"
+    ];
+    let tailwindConfigPath = null;
+    for (const configFile of tailwindConfigOptions) {
+      const fullPath = path4.join(cwd, configFile);
+      if (await fs4.pathExists(fullPath)) {
+        tailwindConfigPath = fullPath;
+        break;
+      }
+    }
+    if (!tailwindConfigPath) {
+      spinner.warn("No tailwind.config found - skipping Tailwind config check");
+    } else {
+      spinner.text = "Checking Tailwind content paths...";
+      const customPathFixed = await ensureCustomComponentsInTailwindConfig(cwd);
+      if (customPathFixed) {
+        fixesApplied++;
+      }
+      const tailwindConfig = await fs4.readFile(tailwindConfigPath, "utf-8");
+      if (!tailwindConfig.includes("semantic-text-primary")) {
+        console.log(chalk3.yellow("\n  \u26A0\uFE0F  Tailwind config missing semantic color tokens"));
+        console.log(chalk3.white("  Run `npx myoperator-ui init` to regenerate with full color set"));
+      }
+    }
+    const themeFilePath = path4.join(cwd, "src/lib/myoperator-ui-theme.css");
+    if (!await fs4.pathExists(themeFilePath)) {
+      console.log(chalk3.yellow("\n  \u26A0\uFE0F  Theme file missing: src/lib/myoperator-ui-theme.css"));
+      console.log(chalk3.white("  Run `npx myoperator-ui init` to create it"));
+    } else {
+      const themeContent = await fs4.readFile(themeFilePath, "utf-8");
+      if (!themeContent.includes("--semantic-info-surface")) {
+        console.log(chalk3.yellow("\n  \u26A0\uFE0F  Theme file outdated - missing semantic variables"));
+        console.log(chalk3.white("  Run `npx myoperator-ui init` to update it"));
+      }
+    }
+    if (fixesApplied > 0) {
+      spinner.succeed(`Applied ${fixesApplied} fix(es)!`);
+    } else {
+      spinner.succeed("Configuration looks good!");
+    }
+    if (prefix) {
+      console.log(chalk3.blue(`
+  \u2139 Tailwind prefix: "${prefix}"`));
+    }
+    console.log("");
+  } catch (error) {
+    spinner.fail("Fix check failed");
+    console.error(error);
+    process.exit(1);
+  }
+}
+
 // src/commands/init.ts
-import chalk2 from "chalk";
-import fs3 from "fs-extra";
-import path3 from "path";
+import chalk4 from "chalk";
+import fs5 from "fs-extra";
+import path5 from "path";
 import prompts2 from "prompts";
-import ora2 from "ora";
+import ora3 from "ora";
 import { execSync } from "child_process";
 var MYOPERATOR_THEME_CSS = `/* myOperator UI Theme - Design System Variables
  * Auto-generated by myoperator-ui CLI
@@ -8916,6 +9031,7 @@ export default {
   important: true,  // Required to override Bootstrap styles` : ""}
   content: [
     "./src/components/ui/**/*.{js,ts,jsx,tsx}",
+    "./src/components/custom/**/*.{js,ts,jsx,tsx}",
     "./src/modules/Shadcn/**/*.{js,ts,jsx,tsx}",
   ],
   theme: {
@@ -9053,27 +9169,39 @@ export default {
 }
 `;
 async function init() {
-  console.log(chalk2.bold("\n  Welcome to myOperator UI!\n"));
+  console.log(chalk4.bold("\n  Welcome to myOperator UI!\n"));
   const cwd = process.cwd();
-  const configPath = path3.join(cwd, "components.json");
-  if (await fs3.pathExists(configPath)) {
-    const { overwrite } = await prompts2({
-      type: "confirm",
-      name: "overwrite",
-      message: "components.json already exists. Overwrite?",
-      initial: false
+  const configPath = path5.join(cwd, "components.json");
+  let skipConfigCreation = false;
+  let existingConfig = null;
+  if (await fs5.pathExists(configPath)) {
+    existingConfig = await fs5.readJson(configPath);
+    const { action } = await prompts2({
+      type: "select",
+      name: "action",
+      message: "components.json already exists. What would you like to do?",
+      choices: [
+        { title: "Update missing files only (theme, CSS)", value: "update" },
+        { title: "Overwrite everything", value: "overwrite" },
+        { title: "Cancel", value: "cancel" }
+      ],
+      initial: 0
     });
-    if (!overwrite) {
-      console.log(chalk2.yellow("  Initialization cancelled.\n"));
+    if (action === "cancel") {
+      console.log(chalk4.yellow("  Initialization cancelled.\n"));
       process.exit(0);
     }
+    skipConfigCreation = action === "update";
+    if (skipConfigCreation) {
+      console.log(chalk4.blue("  \u2139 Keeping existing config, updating missing files...\n"));
+    }
   }
-  const packageJsonPath = path3.join(cwd, "package.json");
+  const packageJsonPath = path5.join(cwd, "package.json");
   let hasBootstrap = false;
   let isESM = false;
   let detectedTailwindVersion = null;
-  if (await fs3.pathExists(packageJsonPath)) {
-    const packageJson2 = await fs3.readJson(packageJsonPath);
+  if (await fs5.pathExists(packageJsonPath)) {
+    const packageJson2 = await fs5.readJson(packageJsonPath);
     hasBootstrap = !!(packageJson2.dependencies?.bootstrap || packageJson2.devDependencies?.bootstrap);
     isESM = packageJson2.type === "module";
     const tailwindDep = packageJson2.dependencies?.tailwindcss || packageJson2.devDependencies?.tailwindcss;
@@ -9088,10 +9216,10 @@ async function init() {
       detectedTailwindVersion = "v4";
     }
     if (hasBootstrap) {
-      console.log(chalk2.blue("  \u2139 Bootstrap detected - will configure Tailwind to avoid conflicts\n"));
+      console.log(chalk4.blue("  \u2139 Bootstrap detected - will configure Tailwind to avoid conflicts\n"));
     }
     if (detectedTailwindVersion) {
-      console.log(chalk2.blue(`  \u2139 Tailwind CSS ${detectedTailwindVersion} detected
+      console.log(chalk4.blue(`  \u2139 Tailwind CSS ${detectedTailwindVersion} detected
 `));
     }
   }
@@ -9106,7 +9234,7 @@ async function init() {
       "styles/globals.css"
     ];
     for (const css of cssOptions) {
-      if (await fs3.pathExists(path3.join(cwd, css))) {
+      if (await fs5.pathExists(path5.join(cwd, css))) {
         return css;
       }
     }
@@ -9120,7 +9248,7 @@ async function init() {
       "tailwind.config.cjs"
     ];
     for (const config of configOptions) {
-      if (await fs3.pathExists(path3.join(cwd, config))) {
+      if (await fs5.pathExists(path5.join(cwd, config))) {
         return config;
       }
     }
@@ -9130,7 +9258,7 @@ async function init() {
   const detectedTailwindConfig = await detectTailwindConfig();
   const detectedPrefix = await detectTailwindPrefix(detectedTailwindConfig, cwd);
   if (detectedPrefix) {
-    console.log(chalk2.blue(`  \u2139 Tailwind prefix "${detectedPrefix}" detected - components will use prefixed classes
+    console.log(chalk4.blue(`  \u2139 Tailwind prefix "${detectedPrefix}" detected - components will use prefixed classes
 `));
   }
   let tailwindVersion = detectedTailwindVersion;
@@ -9148,18 +9276,20 @@ async function init() {
       initial: 0
     });
   }
-  questions.push({
-    type: "text",
-    name: "prefix",
-    message: detectedPrefix ? `Confirm Tailwind prefix (detected: "${detectedPrefix}"):` : "Enter Tailwind CSS prefix (default: tw-):",
-    initial: detectedPrefix || "tw-",
-    validate: (value) => {
-      if (value === "" || /^[a-zA-Z_-][a-zA-Z0-9_-]*$/.test(value)) {
-        return true;
+  if (!skipConfigCreation) {
+    questions.push({
+      type: "text",
+      name: "prefix",
+      message: detectedPrefix ? `Confirm Tailwind prefix (detected: "${detectedPrefix}"):` : "Enter Tailwind CSS prefix (default: tw-):",
+      initial: detectedPrefix || "tw-",
+      validate: (value) => {
+        if (value === "" || /^[a-zA-Z_-][a-zA-Z0-9_-]*$/.test(value)) {
+          return true;
+        }
+        return "Prefix must be a valid CSS identifier (letters, numbers, hyphens, underscores)";
       }
-      return "Prefix must be a valid CSS identifier (letters, numbers, hyphens, underscores)";
-    }
-  });
+    });
+  }
   if (questions.length > 0) {
     const response = await prompts2(questions);
     if (!tailwindVersion) {
@@ -9171,23 +9301,28 @@ async function init() {
   const utilsPath = "src/lib/utils.ts";
   const tailwindConfig = detectedTailwindConfig;
   const globalCss = detectedCss;
-  const spinner = ora2("Initializing project...").start();
+  const spinner = ora3("Initializing project...").start();
   try {
-    const config = {
-      ...DEFAULT_CONFIG,
-      tailwind: {
-        ...DEFAULT_CONFIG.tailwind,
-        config: tailwindConfig,
-        css: globalCss,
-        prefix: userPrefix
-      },
-      aliases: {
-        ...DEFAULT_CONFIG.aliases,
-        ui: `@/${componentsPath.replace("src/", "")}`
-      }
-    };
-    await fs3.writeJson(configPath, config, { spaces: 2 });
-    const utilsFullPath = path3.join(cwd, utilsPath);
+    if (!skipConfigCreation) {
+      const config = {
+        ...DEFAULT_CONFIG,
+        tailwind: {
+          ...DEFAULT_CONFIG.tailwind,
+          config: tailwindConfig,
+          css: globalCss,
+          prefix: userPrefix
+        },
+        aliases: {
+          ...DEFAULT_CONFIG.aliases,
+          ui: `@/${componentsPath.replace("src/", "")}`
+        }
+      };
+      await fs5.writeJson(configPath, config, { spaces: 2 });
+    } else if (existingConfig) {
+      const existingTailwind = existingConfig.tailwind;
+      userPrefix = existingTailwind?.prefix || "";
+    }
+    const utilsFullPath = path5.join(cwd, utilsPath);
     const getCnUtilsContent = (prefix) => {
       if (prefix) {
         return `import { type ClassValue, clsx } from "clsx"
@@ -9214,12 +9349,12 @@ export function cn(...inputs: ClassValue[]) {
     const cnUtilsContent = getCnUtilsContent(userPrefix);
     let utilsCreated = false;
     let utilsUpdated = false;
-    if (!await fs3.pathExists(utilsFullPath)) {
-      await fs3.ensureDir(path3.dirname(utilsFullPath));
-      await fs3.writeFile(utilsFullPath, cnUtilsContent);
+    if (!await fs5.pathExists(utilsFullPath)) {
+      await fs5.ensureDir(path5.dirname(utilsFullPath));
+      await fs5.writeFile(utilsFullPath, cnUtilsContent);
       utilsCreated = true;
     } else {
-      const existingUtils = await fs3.readFile(utilsFullPath, "utf-8");
+      const existingUtils = await fs5.readFile(utilsFullPath, "utf-8");
       if (!existingUtils.includes("export function cn") && !existingUtils.includes("export const cn")) {
         let updatedContent = existingUtils;
         const hasClsxImport = existingUtils.includes('from "clsx"') || existingUtils.includes("from 'clsx'");
@@ -9262,26 +9397,26 @@ export function cn(...inputs: ClassValue[]) {
 `;
         }
         updatedContent = updatedContent.trimEnd() + "\n" + cnFunction;
-        await fs3.writeFile(utilsFullPath, updatedContent);
+        await fs5.writeFile(utilsFullPath, updatedContent);
         utilsUpdated = true;
       }
     }
-    const componentsFullPath = path3.join(cwd, componentsPath);
-    await fs3.ensureDir(componentsFullPath);
-    const themeFilePath = path3.join(cwd, "src/lib/myoperator-ui-theme.css");
+    const componentsFullPath = path5.join(cwd, componentsPath);
+    await fs5.ensureDir(componentsFullPath);
+    const themeFilePath = path5.join(cwd, "src/lib/myoperator-ui-theme.css");
     let themeCreated = false;
-    if (!await fs3.pathExists(themeFilePath)) {
-      await fs3.ensureDir(path3.dirname(themeFilePath));
-      await fs3.writeFile(themeFilePath, MYOPERATOR_THEME_CSS);
+    if (!await fs5.pathExists(themeFilePath)) {
+      await fs5.ensureDir(path5.dirname(themeFilePath));
+      await fs5.writeFile(themeFilePath, MYOPERATOR_THEME_CSS);
       themeCreated = true;
     } else {
-      const existingTheme = await fs3.readFile(themeFilePath, "utf-8");
+      const existingTheme = await fs5.readFile(themeFilePath, "utf-8");
       if (!existingTheme.includes("--semantic-text-primary")) {
-        await fs3.writeFile(themeFilePath, MYOPERATOR_THEME_CSS);
+        await fs5.writeFile(themeFilePath, MYOPERATOR_THEME_CSS);
         themeCreated = true;
       }
     }
-    const globalCssPath = path3.join(cwd, globalCss);
+    const globalCssPath = path5.join(cwd, globalCss);
     let cssContent;
     if (tailwindVersion === "v4") {
       cssContent = hasBootstrap ? CSS_VARIABLES_V4_BOOTSTRAP : CSS_VARIABLES_V4;
@@ -9289,12 +9424,12 @@ export function cn(...inputs: ClassValue[]) {
       cssContent = CSS_VARIABLES_V3;
     }
     let cssUpdated = false;
-    if (!await fs3.pathExists(globalCssPath)) {
-      await fs3.ensureDir(path3.dirname(globalCssPath));
-      await fs3.writeFile(globalCssPath, cssContent);
+    if (!await fs5.pathExists(globalCssPath)) {
+      await fs5.ensureDir(path5.dirname(globalCssPath));
+      await fs5.writeFile(globalCssPath, cssContent);
       cssUpdated = true;
     } else {
-      const existingCss = await fs3.readFile(globalCssPath, "utf-8");
+      const existingCss = await fs5.readFile(globalCssPath, "utf-8");
       const hasThemeImport = existingCss.includes("myoperator-ui-theme.css");
       if (!hasThemeImport) {
         spinner.stop();
@@ -9311,9 +9446,9 @@ export function cn(...inputs: ClassValue[]) {
             (imp) => !imp.includes("tailwindcss") && !imp.includes("@tailwind")
           ).join("\n");
           if (importsToKeep) {
-            await fs3.writeFile(globalCssPath, cssContent + "\n" + importsToKeep + "\n");
+            await fs5.writeFile(globalCssPath, cssContent + "\n" + importsToKeep + "\n");
           } else {
-            await fs3.writeFile(globalCssPath, cssContent);
+            await fs5.writeFile(globalCssPath, cssContent);
           }
           cssUpdated = true;
         }
@@ -9321,16 +9456,16 @@ export function cn(...inputs: ClassValue[]) {
     }
     let tailwindUpdated = false;
     if (tailwindVersion === "v3" && tailwindConfig) {
-      const tailwindConfigPath = path3.join(cwd, tailwindConfig);
-      if (!await fs3.pathExists(tailwindConfigPath)) {
-        await fs3.writeFile(tailwindConfigPath, getTailwindConfig(userPrefix, hasBootstrap));
+      const tailwindConfigPath = path5.join(cwd, tailwindConfig);
+      if (!await fs5.pathExists(tailwindConfigPath)) {
+        await fs5.writeFile(tailwindConfigPath, getTailwindConfig(userPrefix, hasBootstrap));
         tailwindUpdated = true;
       } else {
-        const existingConfig = await fs3.readFile(tailwindConfigPath, "utf-8");
-        const hasLegacyColors = existingConfig.includes("hsl(var(--destructive))") || existingConfig.includes("hsl(var(--ring))");
-        const hasSemanticColors = existingConfig.includes("semantic-text-primary");
+        const existingConfig2 = await fs5.readFile(tailwindConfigPath, "utf-8");
+        const hasLegacyColors = existingConfig2.includes("hsl(var(--destructive))") || existingConfig2.includes("hsl(var(--ring))");
+        const hasSemanticColors = existingConfig2.includes("semantic-text-primary");
         if (!hasLegacyColors && !hasSemanticColors) {
-          await fs3.writeFile(tailwindConfigPath, getTailwindConfig(userPrefix, hasBootstrap));
+          await fs5.writeFile(tailwindConfigPath, getTailwindConfig(userPrefix, hasBootstrap));
           tailwindUpdated = true;
         } else if (hasLegacyColors && !hasSemanticColors) {
           spinner.stop();
@@ -9342,13 +9477,13 @@ export function cn(...inputs: ClassValue[]) {
           });
           spinner.start("Initializing project...");
           if (result.updateTailwind) {
-            await fs3.writeFile(tailwindConfigPath, getTailwindConfig(userPrefix, hasBootstrap));
+            await fs5.writeFile(tailwindConfigPath, getTailwindConfig(userPrefix, hasBootstrap));
             tailwindUpdated = true;
           }
         }
       }
     }
-    const postcssConfigPath = path3.join(cwd, "postcss.config.js");
+    const postcssConfigPath = path5.join(cwd, "postcss.config.js");
     let postcssConfigContent;
     if (tailwindVersion === "v4") {
       postcssConfigContent = isESM ? `export default {
@@ -9378,8 +9513,8 @@ export function cn(...inputs: ClassValue[]) {
 `;
     }
     let postcssCreated = false;
-    if (!await fs3.pathExists(postcssConfigPath)) {
-      await fs3.writeFile(postcssConfigPath, postcssConfigContent);
+    if (!await fs5.pathExists(postcssConfigPath)) {
+      await fs5.writeFile(postcssConfigPath, postcssConfigContent);
       postcssCreated = true;
     } else {
       spinner.stop();
@@ -9391,7 +9526,7 @@ export function cn(...inputs: ClassValue[]) {
       });
       spinner.start("Initializing project...");
       if (updatePostcss) {
-        await fs3.writeFile(postcssConfigPath, postcssConfigContent);
+        await fs5.writeFile(postcssConfigPath, postcssConfigContent);
         postcssCreated = true;
       }
     }
@@ -9399,47 +9534,51 @@ export function cn(...inputs: ClassValue[]) {
     const deps = tailwindVersion === "v4" ? "clsx tailwind-merge class-variance-authority @radix-ui/react-slot lucide-react" : "clsx tailwind-merge class-variance-authority @radix-ui/react-slot lucide-react tailwindcss-animate tailwindcss@^3.4.0 autoprefixer";
     try {
       execSync(`npm install ${deps}`, { cwd, stdio: "pipe" });
-      console.log(chalk2.green("\n  \u2713 Installed dependencies"));
+      console.log(chalk4.green("\n  \u2713 Installed dependencies"));
     } catch {
       spinner.warn("Could not install dependencies automatically");
-      console.log(chalk2.yellow(`
+      console.log(chalk4.yellow(`
   Required dependencies:`));
-      console.log(chalk2.cyan(`    npm install ${deps}
+      console.log(chalk4.cyan(`    npm install ${deps}
 `));
     }
-    spinner.succeed("Project initialized successfully!");
-    console.log(chalk2.green("\n  \u2713 Created components.json"));
+    spinner.succeed(skipConfigCreation ? "Project updated successfully!" : "Project initialized successfully!");
+    if (!skipConfigCreation) {
+      console.log(chalk4.green("\n  \u2713 Created components.json"));
+    } else {
+      console.log(chalk4.green("\n  \u2713 Using existing components.json"));
+    }
     if (userPrefix) {
-      console.log(chalk2.blue(`    \u2139 Components will use prefix: "${userPrefix}"`));
+      console.log(chalk4.blue(`    \u2139 Components will use prefix: "${userPrefix}"`));
     } else {
-      console.log(chalk2.blue(`    \u2139 Components will use no prefix`));
+      console.log(chalk4.blue(`    \u2139 Components will use no prefix`));
     }
     if (utilsCreated) {
-      console.log(chalk2.green(`  \u2713 Created ${utilsPath}`));
+      console.log(chalk4.green(`  \u2713 Created ${utilsPath}`));
     } else if (utilsUpdated) {
-      console.log(chalk2.green(`  \u2713 Added cn() function to ${utilsPath}`));
+      console.log(chalk4.green(`  \u2713 Added cn() function to ${utilsPath}`));
     } else {
-      console.log(chalk2.green(`  \u2713 ${utilsPath} already has cn() function`));
+      console.log(chalk4.green(`  \u2713 ${utilsPath} already has cn() function`));
     }
-    console.log(chalk2.green(`  \u2713 Created ${componentsPath}`));
+    console.log(chalk4.green(`  \u2713 Created ${componentsPath}`));
     if (themeCreated) {
-      console.log(chalk2.green(`  \u2713 Created src/lib/myoperator-ui-theme.css (CSS variables)`));
+      console.log(chalk4.green(`  \u2713 Created src/lib/myoperator-ui-theme.css (CSS variables)`));
     }
     if (cssUpdated) {
-      console.log(chalk2.green(`  \u2713 Updated ${globalCss} with theme import`));
+      console.log(chalk4.green(`  \u2713 Updated ${globalCss} with theme import`));
     }
     if (tailwindUpdated) {
-      console.log(chalk2.green(`  \u2713 Updated ${tailwindConfig} with theme colors`));
+      console.log(chalk4.green(`  \u2713 Updated ${tailwindConfig} with theme colors`));
     }
     if (postcssCreated) {
-      console.log(chalk2.green("  \u2713 Created postcss.config.js"));
+      console.log(chalk4.green("  \u2713 Created postcss.config.js"));
     }
     console.log("");
-    console.log(chalk2.bold("  Next steps:\n"));
+    console.log(chalk4.bold("  Next steps:\n"));
     console.log("  1. Add your first component:");
-    console.log(chalk2.cyan("     npx myoperator-ui add button\n"));
+    console.log(chalk4.cyan("     npx myoperator-ui add button\n"));
     console.log("  2. Browse all components:");
-    console.log(chalk2.cyan("     https://myoperator-ui.vercel.app\n"));
+    console.log(chalk4.cyan("     https://myoperator-ui.vercel.app\n"));
   } catch (error) {
     spinner.fail("Failed to initialize project");
     console.error(error);
@@ -9448,27 +9587,27 @@ export function cn(...inputs: ClassValue[]) {
 }
 
 // src/commands/sync.ts
-import chalk3 from "chalk";
-import fs4 from "fs-extra";
-import path4 from "path";
+import chalk5 from "chalk";
+import fs6 from "fs-extra";
+import path6 from "path";
 import prompts3 from "prompts";
-import ora3 from "ora";
+import ora4 from "ora";
 async function sync(options) {
   const cwd = process.cwd();
   if (!await configExists(cwd)) {
-    console.log(chalk3.red("\n  Error: Project not initialized."));
-    console.log(chalk3.yellow("  Run `npx myoperator-ui init` first.\n"));
+    console.log(chalk5.red("\n  Error: Project not initialized."));
+    console.log(chalk5.yellow("  Run `npx myoperator-ui init` first.\n"));
     process.exit(1);
   }
   const prefix = await getTailwindPrefix(cwd);
   if (prefix) {
-    console.log(chalk3.blue(`
+    console.log(chalk5.blue(`
   \u2139 Applying Tailwind prefix: "${prefix}"
 `));
   }
   const registry = await getRegistry(prefix);
   const availableComponents = Object.keys(registry);
-  console.log(chalk3.blue(`  Scanning for ${availableComponents.length} components...
+  console.log(chalk5.blue(`  Scanning for ${availableComponents.length} components...
 `));
   const toAdd = [];
   const toUpdate = [];
@@ -9476,25 +9615,25 @@ async function sync(options) {
   for (const componentName of availableComponents) {
     const component = registry[componentName];
     const isCustomComponent = component.category === "custom";
-    const baseDir = isCustomComponent ? path4.join(cwd, "src/components/custom") : path4.join(cwd, options.path);
-    const targetDir = component.isMultiFile ? path4.join(baseDir, component.directory) : baseDir;
+    const baseDir = isCustomComponent ? path6.join(cwd, "src/components/custom") : path6.join(cwd, options.path);
+    const targetDir = component.isMultiFile ? path6.join(baseDir, component.directory) : baseDir;
     const mainFileName = component.isMultiFile ? component.mainFile : component.files[0]?.name;
     if (!mainFileName) continue;
-    const mainFilePath = path4.join(targetDir, mainFileName);
-    const exists = await fs4.pathExists(mainFilePath);
+    const mainFilePath = path6.join(targetDir, mainFileName);
+    const exists = await fs6.pathExists(mainFilePath);
     if (!exists) {
       toAdd.push(componentName);
     } else {
       const normalizeForComparison = (content) => content.replace(/\r\n/g, "\n").split("\n").map((line) => line.trimEnd()).join("\n").trim();
       let needsUpdate = false;
       for (const registryFile of component.files) {
-        const filePath = path4.join(targetDir, registryFile.name);
-        const fileExists = await fs4.pathExists(filePath);
+        const filePath = path6.join(targetDir, registryFile.name);
+        const fileExists = await fs6.pathExists(filePath);
         if (!fileExists) {
           needsUpdate = true;
           break;
         }
-        const existingContent = await fs4.readFile(filePath, "utf-8");
+        const existingContent = await fs6.readFile(filePath, "utf-8");
         const existingNormalized = normalizeForComparison(existingContent);
         const registryNormalized = normalizeForComparison(registryFile.content);
         if (existingNormalized !== registryNormalized) {
@@ -9509,23 +9648,23 @@ async function sync(options) {
       }
     }
   }
-  console.log(chalk3.cyan("  Summary:"));
-  console.log(chalk3.green(`    New components to add: ${toAdd.length}`));
-  console.log(chalk3.yellow(`    Components to update: ${toUpdate.length}`));
-  console.log(chalk3.gray(`    Already up to date: ${upToDate.length}`));
+  console.log(chalk5.cyan("  Summary:"));
+  console.log(chalk5.green(`    New components to add: ${toAdd.length}`));
+  console.log(chalk5.yellow(`    Components to update: ${toUpdate.length}`));
+  console.log(chalk5.gray(`    Already up to date: ${upToDate.length}`));
   console.log("");
   if (toAdd.length === 0 && toUpdate.length === 0) {
-    console.log(chalk3.green("  \u2713 All components are up to date!\n"));
+    console.log(chalk5.green("  \u2713 All components are up to date!\n"));
     return;
   }
   if (toAdd.length > 0) {
-    console.log(chalk3.green("  Will add:"));
-    toAdd.forEach((c) => console.log(chalk3.green(`    + ${c}`)));
+    console.log(chalk5.green("  Will add:"));
+    toAdd.forEach((c) => console.log(chalk5.green(`    + ${c}`)));
     console.log("");
   }
   if (toUpdate.length > 0) {
-    console.log(chalk3.yellow("  Will update:"));
-    toUpdate.forEach((c) => console.log(chalk3.yellow(`    ~ ${c}`)));
+    console.log(chalk5.yellow("  Will update:"));
+    toUpdate.forEach((c) => console.log(chalk5.yellow(`    ~ ${c}`)));
     console.log("");
   }
   if (!options.yes) {
@@ -9536,11 +9675,11 @@ async function sync(options) {
       initial: true
     });
     if (!confirm) {
-      console.log(chalk3.yellow("\n  Sync cancelled.\n"));
+      console.log(chalk5.yellow("\n  Sync cancelled.\n"));
       process.exit(0);
     }
   }
-  const spinner = ora3("Syncing components...").start();
+  const spinner = ora4("Syncing components...").start();
   try {
     const installed = [];
     const dependencies = /* @__PURE__ */ new Set();
@@ -9554,11 +9693,11 @@ async function sync(options) {
           const depComponent = registry[depName];
           if (depComponent) {
             const depIsCustom = depComponent.category === "custom";
-            const depBaseDir = depIsCustom ? path4.join(cwd, "src/components/custom") : path4.join(cwd, options.path);
-            const depTargetDir = depComponent.isMultiFile ? path4.join(depBaseDir, depComponent.directory) : depBaseDir;
+            const depBaseDir = depIsCustom ? path6.join(cwd, "src/components/custom") : path6.join(cwd, options.path);
+            const depTargetDir = depComponent.isMultiFile ? path6.join(depBaseDir, depComponent.directory) : depBaseDir;
             const depMainFile = depComponent.isMultiFile ? depComponent.mainFile : depComponent.files[0]?.name;
             if (depMainFile) {
-              const depExists = await fs4.pathExists(path4.join(depTargetDir, depMainFile));
+              const depExists = await fs6.pathExists(path6.join(depTargetDir, depMainFile));
               if (!depExists) {
                 await installComponent(depName, "added");
               }
@@ -9568,12 +9707,12 @@ async function sync(options) {
       }
       spinner.text = `${action === "added" ? "Adding" : "Updating"} ${componentName}...`;
       const isCustomComponent = component.category === "custom";
-      const baseDir = isCustomComponent ? path4.join(cwd, "src/components/custom") : path4.join(cwd, options.path);
-      const targetDir = component.isMultiFile ? path4.join(baseDir, component.directory) : baseDir;
+      const baseDir = isCustomComponent ? path6.join(cwd, "src/components/custom") : path6.join(cwd, options.path);
+      const targetDir = component.isMultiFile ? path6.join(baseDir, component.directory) : baseDir;
       for (const file of component.files) {
-        const filePath = path4.join(targetDir, file.name);
-        await fs4.ensureDir(path4.dirname(filePath));
-        await fs4.writeFile(filePath, file.content);
+        const filePath = path6.join(targetDir, file.name);
+        await fs6.ensureDir(path6.dirname(filePath));
+        await fs6.writeFile(filePath, file.content);
         const basePath = isCustomComponent ? "src/components/custom" : options.path;
         const relativePath = component.isMultiFile ? `${component.directory}/${file.name}` : file.name;
         installed.push({ path: relativePath, basePath, action });
@@ -9593,29 +9732,24 @@ async function sync(options) {
     const added = installed.filter((f) => f.action === "added");
     const updated = installed.filter((f) => f.action === "updated");
     if (added.length > 0) {
-      console.log(chalk3.green("\n  Added:"));
+      console.log(chalk5.green("\n  Added:"));
       added.forEach((file) => {
-        console.log(chalk3.green(`    + ${file.basePath}/${file.path}`));
+        console.log(chalk5.green(`    + ${file.basePath}/${file.path}`));
       });
     }
     if (updated.length > 0) {
-      console.log(chalk3.yellow("\n  Updated:"));
+      console.log(chalk5.yellow("\n  Updated:"));
       updated.forEach((file) => {
-        console.log(chalk3.yellow(`    ~ ${file.basePath}/${file.path}`));
+        console.log(chalk5.yellow(`    ~ ${file.basePath}/${file.path}`));
       });
     }
     if (dependencies.size > 0) {
-      console.log(chalk3.yellow("\n  Required dependencies:"));
-      console.log(chalk3.cyan(`    npm install ${Array.from(dependencies).join(" ")}`));
+      console.log(chalk5.yellow("\n  Required dependencies:"));
+      console.log(chalk5.cyan(`    npm install ${Array.from(dependencies).join(" ")}`));
     }
     const hasCustomComponents = installed.some((file) => file.basePath.includes("custom"));
     if (hasCustomComponents) {
-      console.log(chalk3.yellow("\n  \u26A0\uFE0F  Custom components installed/updated!"));
-      console.log(chalk3.white("  Make sure your tailwind.config.js includes:"));
-      console.log(chalk3.cyan("    content: ["));
-      console.log(chalk3.cyan('      "./src/components/ui/**/*.{js,ts,jsx,tsx}",'));
-      console.log(chalk3.cyan('      "./src/components/custom/**/*.{js,ts,jsx,tsx}",  // Add this line'));
-      console.log(chalk3.cyan("    ]"));
+      await ensureCustomComponentsInTailwindConfig(cwd);
     }
     console.log("");
   } catch (error) {
@@ -9626,11 +9760,11 @@ async function sync(options) {
 }
 
 // src/commands/update.ts
-import chalk4 from "chalk";
-import fs5 from "fs-extra";
-import path5 from "path";
+import chalk6 from "chalk";
+import fs7 from "fs-extra";
+import path7 from "path";
 import prompts4 from "prompts";
-import ora4 from "ora";
+import ora5 from "ora";
 function normalizeContent(content) {
   return content.split("\n").map((line) => line.trimEnd()).join("\n").replace(/\r\n/g, "\n").trimEnd();
 }
@@ -9641,12 +9775,12 @@ function generateDiff(oldContent, newContent, filename) {
   const oldLines = oldContent.split("\n");
   const newLines = newContent.split("\n");
   if (!hasRealChanges(oldContent, newContent)) {
-    return chalk4.gray(`  ${filename}: No changes`);
+    return chalk6.gray(`  ${filename}: No changes`);
   }
   const changes = [];
-  changes.push(chalk4.cyan(`
+  changes.push(chalk6.cyan(`
   --- ${filename} (current)`));
-  changes.push(chalk4.cyan(`  +++ ${filename} (new)
+  changes.push(chalk6.cyan(`  +++ ${filename} (new)
 `));
   const maxLines = Math.max(oldLines.length, newLines.length);
   let hasChanges = false;
@@ -9660,20 +9794,20 @@ function generateDiff(oldContent, newContent, filename) {
       if (contextBuffer.length > 0 && !inChange) {
         const startContext = Math.max(0, contextBuffer.length - 2);
         for (let j = startContext; j < contextBuffer.length; j++) {
-          changes.push(chalk4.gray(`  ${i - contextBuffer.length + j + 1}: ${contextBuffer[j]}`));
+          changes.push(chalk6.gray(`  ${i - contextBuffer.length + j + 1}: ${contextBuffer[j]}`));
         }
       }
       inChange = true;
       contextBuffer = [];
       if (oldLine !== void 0) {
-        changes.push(chalk4.red(`  - ${i + 1}: ${oldLine}`));
+        changes.push(chalk6.red(`  - ${i + 1}: ${oldLine}`));
       }
       if (newLine !== void 0) {
-        changes.push(chalk4.green(`  + ${i + 1}: ${newLine}`));
+        changes.push(chalk6.green(`  + ${i + 1}: ${newLine}`));
       }
     } else {
       if (inChange) {
-        changes.push(chalk4.gray(`  ${i + 1}: ${oldLine}`));
+        changes.push(chalk6.gray(`  ${i + 1}: ${oldLine}`));
         inChange = false;
       }
       contextBuffer.push(oldLine || "");
@@ -9683,47 +9817,47 @@ function generateDiff(oldContent, newContent, filename) {
     }
   }
   if (!hasChanges) {
-    return chalk4.gray(`  ${filename}: No changes`);
+    return chalk6.gray(`  ${filename}: No changes`);
   }
   return changes.join("\n");
 }
 async function update(components, options) {
   const cwd = process.cwd();
   if (!await configExists(cwd)) {
-    console.log(chalk4.red("\n  Error: Project not initialized."));
-    console.log(chalk4.yellow("  Run `npx myoperator-ui init` first.\n"));
+    console.log(chalk6.red("\n  Error: Project not initialized."));
+    console.log(chalk6.yellow("  Run `npx myoperator-ui init` first.\n"));
     process.exit(1);
   }
   const prefix = await getTailwindPrefix(cwd);
   if (prefix) {
-    console.log(chalk4.blue(`
+    console.log(chalk6.blue(`
   \u2139 Using Tailwind prefix: "${prefix}"
 `));
   }
   const registry = await getRegistry(prefix);
   const availableComponents = Object.keys(registry);
-  const componentsDir = path5.join(cwd, options.path);
+  const componentsDir = path7.join(cwd, options.path);
   const getComponentFilePath = (component) => {
     if (component.isMultiFile && component.directory) {
-      return path5.join(componentsDir, component.directory, component.files[0].name);
+      return path7.join(componentsDir, component.directory, component.files[0].name);
     }
-    return path5.join(componentsDir, component.files[0].name);
+    return path7.join(componentsDir, component.files[0].name);
   };
   if (options.all) {
     const installedComponents = [];
     for (const name of availableComponents) {
       const component = registry[name];
       const filePath = getComponentFilePath(component);
-      if (await fs5.pathExists(filePath)) {
+      if (await fs7.pathExists(filePath)) {
         installedComponents.push(name);
       }
     }
     if (installedComponents.length === 0) {
-      console.log(chalk4.yellow("\n  No installed components found to update.\n"));
+      console.log(chalk6.yellow("\n  No installed components found to update.\n"));
       process.exit(0);
     }
     components = installedComponents;
-    console.log(chalk4.blue(`  Found ${installedComponents.length} installed component(s)
+    console.log(chalk6.blue(`  Found ${installedComponents.length} installed component(s)
 `));
   }
   if (!components || components.length === 0) {
@@ -9731,12 +9865,12 @@ async function update(components, options) {
     for (const name of availableComponents) {
       const component = registry[name];
       const filePath = getComponentFilePath(component);
-      if (await fs5.pathExists(filePath)) {
+      if (await fs7.pathExists(filePath)) {
         installedComponents.push(name);
       }
     }
     if (installedComponents.length === 0) {
-      console.log(chalk4.yellow("\n  No installed components found to update.\n"));
+      console.log(chalk6.yellow("\n  No installed components found to update.\n"));
       process.exit(0);
     }
     const { selectedComponents } = await prompts4({
@@ -9751,16 +9885,16 @@ async function update(components, options) {
       min: 1
     });
     if (!selectedComponents || selectedComponents.length === 0) {
-      console.log(chalk4.yellow("\n  No components selected.\n"));
+      console.log(chalk6.yellow("\n  No components selected.\n"));
       process.exit(0);
     }
     components = selectedComponents;
   }
   const invalidComponents = components.filter((c) => !availableComponents.includes(c));
   if (invalidComponents.length > 0) {
-    console.log(chalk4.red(`
+    console.log(chalk6.red(`
   Error: Unknown components: ${invalidComponents.join(", ")}`));
-    console.log(chalk4.yellow(`  Available: ${availableComponents.join(", ")}
+    console.log(chalk6.yellow(`  Available: ${availableComponents.join(", ")}
 `));
     process.exit(1);
   }
@@ -9769,29 +9903,29 @@ async function update(components, options) {
   for (const name of components) {
     const component = registry[name];
     const filePath = getComponentFilePath(component);
-    if (await fs5.pathExists(filePath)) {
+    if (await fs7.pathExists(filePath)) {
       toUpdate.push(name);
     } else {
       notInstalled.push(name);
     }
   }
   if (notInstalled.length > 0) {
-    console.log(chalk4.yellow(`
+    console.log(chalk6.yellow(`
   Components not installed (use 'add' instead): ${notInstalled.join(", ")}`));
   }
   if (toUpdate.length === 0) {
-    console.log(chalk4.yellow("\n  No installed components to update.\n"));
+    console.log(chalk6.yellow("\n  No installed components to update.\n"));
     process.exit(0);
   }
-  console.log(chalk4.bold("\n  Changes to be applied:\n"));
+  console.log(chalk6.bold("\n  Changes to be applied:\n"));
   const changesInfo = [];
   for (const componentName of toUpdate) {
     const component = registry[componentName];
     const subDir = component.isMultiFile && component.directory ? component.directory : "";
     for (const file of component.files) {
-      const relativePath = subDir ? path5.join(subDir, file.name) : file.name;
-      const filePath = path5.join(componentsDir, relativePath);
-      const oldContent = await fs5.readFile(filePath, "utf-8");
+      const relativePath = subDir ? path7.join(subDir, file.name) : file.name;
+      const filePath = path7.join(componentsDir, relativePath);
+      const oldContent = await fs7.readFile(filePath, "utf-8");
       const newContent = file.content;
       const hasChanges = hasRealChanges(oldContent, newContent);
       changesInfo.push({ name: componentName, file: file.name, relativePath, oldContent, newContent, hasChanges });
@@ -9801,14 +9935,14 @@ async function update(components, options) {
   }
   const componentsWithChanges = changesInfo.filter((c) => c.hasChanges);
   if (componentsWithChanges.length === 0) {
-    console.log(chalk4.green("\n  \u2713 All components are already up to date!\n"));
+    console.log(chalk6.green("\n  \u2713 All components are already up to date!\n"));
     process.exit(0);
   }
-  console.log(chalk4.bold(`
+  console.log(chalk6.bold(`
   ${componentsWithChanges.length} file(s) will be updated.
 `));
   if (options.dryRun) {
-    console.log(chalk4.blue("  Dry run complete. No files were modified.\n"));
+    console.log(chalk6.blue("  Dry run complete. No files were modified.\n"));
     process.exit(0);
   }
   if (!options.yes) {
@@ -9819,35 +9953,35 @@ async function update(components, options) {
       initial: true
     });
     if (!confirm) {
-      console.log(chalk4.yellow("\n  Update cancelled.\n"));
+      console.log(chalk6.yellow("\n  Update cancelled.\n"));
       process.exit(0);
     }
   }
-  const spinner = ora4("Updating components...").start();
+  const spinner = ora5("Updating components...").start();
   try {
     const updated = [];
     const backedUp = [];
     for (const change of componentsWithChanges) {
-      const filePath = path5.join(componentsDir, change.relativePath);
+      const filePath = path7.join(componentsDir, change.relativePath);
       if (options.backup) {
         const backupPath = `${filePath}.backup.${Date.now()}`;
-        await fs5.copy(filePath, backupPath);
+        await fs7.copy(filePath, backupPath);
         backedUp.push(change.relativePath);
       }
-      await fs5.writeFile(filePath, change.newContent);
+      await fs7.writeFile(filePath, change.newContent);
       updated.push(change.relativePath);
     }
     spinner.succeed("Components updated successfully!");
     if (backedUp.length > 0) {
-      console.log(chalk4.blue("\n  Backed up files:"));
+      console.log(chalk6.blue("\n  Backed up files:"));
       backedUp.forEach((file) => {
-        console.log(chalk4.blue(`    \u{1F4C1} ${options.path}/${file}.backup.*`));
+        console.log(chalk6.blue(`    \u{1F4C1} ${options.path}/${file}.backup.*`));
       });
     }
     if (updated.length > 0) {
-      console.log(chalk4.green("\n  Updated files:"));
+      console.log(chalk6.green("\n  Updated files:"));
       updated.forEach((file) => {
-        console.log(chalk4.green(`    \u2713 ${options.path}/${file}`));
+        console.log(chalk6.green(`    \u2713 ${options.path}/${file}`));
       });
     }
     console.log("");
@@ -9867,4 +10001,5 @@ program.command("init").description("Initialize your project with myOperator UI"
 program.command("add").description("Add a component to your project").argument("[components...]", "Components to add").option("-a, --all", "Add all available components", false).option("-c, --category <category>", "Add all components from a category (core, form, data, overlay, feedback, layout, custom)").option("-y, --yes", "Skip confirmation prompt", false).option("-o, --overwrite", "Overwrite existing files", false).option("-p, --path <path>", "Path to add components to", "src/components/ui").action(add);
 program.command("update").description("Update installed components to the latest version").argument("[components...]", "Components to update (leave empty to select)").option("-y, --yes", "Skip confirmation prompt", false).option("-a, --all", "Update all installed components", false).option("-d, --dry-run", "Show what would change without making changes", false).option("-b, --backup", "Create backup files before updating", false).option("-p, --path <path>", "Path to components directory", "src/components/ui").action(update);
 program.command("sync").description("Add new components and update existing ones in one command").option("-y, --yes", "Skip confirmation prompt", false).option("-p, --path <path>", "Path to components directory", "src/components/ui").action(sync);
+program.command("fix").description("Fix configuration issues (e.g., missing Tailwind content paths)").action(fix);
 program.parse();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myoperator-ui",
-  "version": "0.0.152-beta.2",
+  "version": "0.0.152-beta.4",
   "description": "CLI for adding myOperator UI components to your project",
   "type": "module",
   "exports": "./dist/index.js",