@jvittechs/jai1-cli 0.1.102 → 0.1.103

package/dist/cli.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 
 // src/cli.ts
-import { Command as Command61 } from "commander";
+import { Command as Command60 } from "commander";
 
 // src/errors/index.ts
 var Jai1Error = class extends Error {
@@ -33,7 +33,7 @@ var NetworkError = class extends Jai1Error {
 // package.json
 var package_default = {
   name: "@jvittechs/jai1-cli",
-  version: "0.1.102",
+  version: "0.1.103",
   description: "A unified CLI tool for JV-IT TECHS developers to manage Jai1 Framework. Please contact TeamAI for usage instructions.",
   type: "module",
   bin: {
@@ -82,11 +82,16 @@ var package_default = {
     "@inquirer/prompts": "^8.0.2",
     "adm-zip": "^0.5.16",
     bcryptjs: "^2.4.3",
+    boxen: "^8.0.1",
+    chalk: "^5.6.2",
     "cli-progress": "^3.12.0",
+    "cli-table3": "^0.6.5",
     clipboardy: "^4.0.0",
     commander: "^12.1.0",
     cronstrue: "^2.50.0",
     execa: "^9.6.1",
+    figlet: "^1.9.4",
+    "gradient-string": "^3.0.0",
     "gray-matter": "^4.0.3",
     ignore: "^7.0.5",
     ink: "^5.0.1",
@@ -107,6 +112,8 @@ var package_default = {
   },
   devDependencies: {
     "@changesets/cli": "^2.27.7",
+    "@types/figlet": "^1.7.0",
+    "@types/gradient-string": "^1.1.6",
     "@types/node": "^24.10.1",
     "@types/react": "^18.3.12",
     "@typescript-eslint/eslint-plugin": "^8.6.0",
@@ -261,6 +268,8 @@ function showUpdateNotification(latestVersion) {
 
 // src/commands/framework/auth.ts
 import { Command } from "commander";
+import chalk from "chalk";
+import boxen from "boxen";
 
 // src/services/tracking.service.ts
 import { platform, release, arch, hostname, homedir as homedir2 } from "os";
@@ -360,7 +369,7 @@ async function trackActionSync(action, detail) {
 
 // src/commands/framework/auth.ts
 function createAuthCommand() {
-  const cmd = new Command("auth").description("Authenticate and configure jai1-client").option("--api-url <url>", "Jai1 Store API URL").option("--access-key <key>", "Your access key").action(async (options) => {
+  const cmd = new Command("auth").description("X\xE1c th\u1EF1c v\xE0 c\u1EA5u h\xECnh jai1-client").option("--api-url <url>", "Jai1 Store API URL").option("--access-key <key>", "Your access key").action(async (options) => {
     await handleAuth(options);
   });
   return cmd;
@@ -372,21 +381,31 @@ async function handleAuth(options) {
   let isInteractive = false;
   const existingConfig = await configService.load();
   if (existingConfig) {
-    console.log("\u26A0\uFE0F  Configuration already exists at:", configService.getConfigPath());
-    console.log("    Run this command again with new values to overwrite.");
-    console.log("");
+    console.log(
+      chalk.yellow("\u26A0\uFE0F  C\u1EA5u h\xECnh \u0111\xE3 t\u1ED3n t\u1EA1i t\u1EA1i:"),
+      chalk.dim(configService.getConfigPath())
+    );
+    console.log(
+      chalk.dim("    Ch\u1EA1y l\u1EA1i l\u1EC7nh n\xE0y v\u1EDBi gi\xE1 tr\u1ECB m\u1EDBi \u0111\u1EC3 ghi \u0111\xE8.\n")
+    );
   }
   if (options.apiUrl && options.accessKey) {
     apiUrl = options.apiUrl;
     accessKey = options.accessKey;
   } else if (options.apiUrl || options.accessKey) {
     throw new ValidationError(
-      "Both --api-url and --access-key are required in non-interactive mode"
+      "C\u1EA7n c\u1EA3 --api-url v\xE0 --access-key trong non-interactive mode"
     );
   } else {
     isInteractive = true;
-    console.log("\u{1F680} Jai1 Client Setup");
-    console.log("\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n");
+    console.log(
+      boxen(chalk.cyan.bold("\u{1F680} Jai1 Client Setup"), {
+        padding: { left: 1, right: 1, top: 0, bottom: 0 },
+        borderStyle: "round",
+        borderColor: "cyan"
+      })
+    );
+    console.log();
     const readline = await import("readline");
     const rl = readline.createInterface({
       input: process.stdin,
@@ -399,23 +418,25 @@ async function handleAuth(options) {
         });
       });
     };
-    apiUrl = await question("API URL (https://store.jai1.io): ");
+    apiUrl = await question(
+      chalk.dim("API URL") + chalk.gray(" (https://store.jai1.io): ")
+    );
     if (!apiUrl) {
       apiUrl = "https://store.jai1.io";
     }
-    accessKey = await question("Access Key: ");
+    accessKey = await question(chalk.dim("Access Key: "));
     if (!accessKey) {
       rl.close();
-      throw new ValidationError("Access key is required");
+      throw new ValidationError("Access key l\xE0 b\u1EAFt bu\u1ED9c");
     }
     rl.close();
   }
   try {
     new URL(apiUrl);
   } catch {
-    throw new ValidationError("Invalid API URL format");
+    throw new ValidationError("\u0110\u1ECBnh d\u1EA1ng API URL kh\xF4ng h\u1EE3p l\u1EC7");
   }
-  console.log("\nValidating access key...");
+  console.log(chalk.dim("\n\u0110ang x\xE1c th\u1EF1c access key..."));
   await configService.save({
     apiUrl,
     accessKey,
@@ -427,13 +448,22 @@ async function handleAuth(options) {
     mode: isInteractive ? "interactive" : "non-interactive",
     isReconfig: !!existingConfig
   });
-  console.log("\u2713 Configuration saved to", configService.getConfigPath());
-  console.log("");
-  console.log("You're all set! Run 'jai1 check' to check for updates.");
+  console.log(
+    chalk.green("\u2713 C\u1EA5u h\xECnh \u0111\xE3 l\u01B0u t\u1EA1i"),
+    chalk.dim(configService.getConfigPath())
+  );
+  console.log();
+  console.log(
+    chalk.dim("B\u1EA1n \u0111\xE3 s\u1EB5n s\xE0ng! Ch\u1EA1y"),
+    chalk.cyan("'jai1 check'"),
+    chalk.dim("\u0111\u1EC3 ki\u1EC3m tra c\u1EADp nh\u1EADt.")
+  );
 }
 
 // src/commands/status.ts
 import { Command as Command2 } from "commander";
+import chalk2 from "chalk";
+import boxen2 from "boxen";
 
 // src/services/components.service.ts
 import { promises as fs2 } from "fs";
@@ -696,7 +726,7 @@ import { promises as fs3 } from "fs";
 import { join as join3 } from "path";
 import { homedir as homedir4 } from "os";
 function createStatusCommand() {
-  const cmd = new Command2("status").description("Show configuration and installed components status").option("--json", "Output as JSON").option("--verbose", "Show detailed information").action(async (options) => {
+  const cmd = new Command2("status").description("Hi\u1EC3n th\u1ECB tr\u1EA1ng th\xE1i c\u1EA5u h\xECnh v\xE0 components").option("--json", "Output as JSON").option("--verbose", "Show detailed information").action(async (options) => {
     await handleStatus(options);
   });
   return cmd;
@@ -726,28 +756,38 @@ async function handleStatus(options) {
     console.log(JSON.stringify(info, null, 2));
     return;
   }
-  console.log("\u{1F4CA} Jai1 Client Status");
-  console.log("\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n");
-  console.log("\u{1F527} Configuration");
-  console.log(`   Config:     ${info.configPath}`);
-  console.log(`   API URL:    ${info.apiUrl}`);
-  console.log(`   Access Key: ${info.accessKey}`);
-  console.log();
-  console.log("\u{1F4E6} Framework");
-  console.log(`   Version:    ${info.version}`);
-  console.log(`   Updated:    ${info.lastUpdated}`);
-  console.log(`   Location:   ${info.frameworkPath}`);
-  console.log();
-  console.log("\u{1F4C1} Project");
-  console.log(`   .jai1/ exists:   ${info.projectStatus.exists ? "\u2713" : "\u2717"}`);
+  console.log(
+    boxen2(chalk2.cyan.bold("\u{1F4CA} Jai1 Client Status"), {
+      padding: { left: 1, right: 1, top: 0, bottom: 0 },
+      borderStyle: "round",
+      borderColor: "cyan"
+    })
+  );
+  console.log(chalk2.bold("\n\u{1F527} C\u1EA5u h\xECnh"));
+  console.log(`   ${chalk2.dim("Config:")}     ${info.configPath}`);
+  console.log(`   ${chalk2.dim("API URL:")}    ${info.apiUrl}`);
+  console.log(`   ${chalk2.dim("Access Key:")} ${chalk2.yellow(info.accessKey)}`);
+  console.log(chalk2.bold("\n\u{1F4E6} Framework"));
+  console.log(`   ${chalk2.dim("Version:")}    ${chalk2.green(info.version)}`);
+  console.log(`   ${chalk2.dim("Updated:")}    ${info.lastUpdated}`);
+  console.log(`   ${chalk2.dim("Location:")}   ${info.frameworkPath}`);
+  console.log(chalk2.bold("\n\u{1F4C1} Project"));
+  const existsIcon = info.projectStatus.exists ? chalk2.green("\u2713") : chalk2.red("\u2717");
+  console.log(`   ${chalk2.dim(".jai1/ exists:")}   ${existsIcon}`);
   if (info.projectStatus.exists) {
-    console.log(`   Components:      ${componentCount} installed`);
+    console.log(
+      `   ${chalk2.dim("Components:")}      ${chalk2.cyan(componentCount)} installed`
+    );
   }
   console.log();
   if (!info.projectStatus.exists) {
-    console.log('\u{1F4A1} Run "jai1 apply" to install components for this project.');
+    console.log(
+      chalk2.dim('\u{1F4A1} Ch\u1EA1y "jai1 apply" \u0111\u1EC3 c\xE0i components cho project n\xE0y.')
+    );
   } else if (componentCount > 0) {
-    console.log('\u{1F4A1} Run "jai1 check" to check for component updates.');
+    console.log(
+      chalk2.dim('\u{1F4A1} Ch\u1EA1y "jai1 check" \u0111\u1EC3 ki\u1EC3m tra c\u1EADp nh\u1EADt components.')
+    );
   }
 }
 function maskKey(key) {
@@ -1663,6 +1703,7 @@ async function nonInteractiveApply(config, items, options) {
 // src/commands/update.ts
 import { Command as Command4 } from "commander";
 import { confirm } from "@inquirer/prompts";
+import chalk3 from "chalk";
 function createUpdateCommand() {
   return new Command4("update").description("Update installed components to latest versions").option("--force", "Force update even if files are modified locally").action(async (options) => {
     await handleUpdate(options);
@@ -1678,19 +1719,21 @@ async function handleUpdate(options) {
   const installed = await componentsService.getInstalled();
   const filepaths = Object.keys(installed);
   if (filepaths.length === 0) {
-    console.log('No components installed. Run "jai1 apply" to add components.');
+    console.log(chalk3.yellow("\u{1F4E6} Ch\u01B0a c\xF3 components n\xE0o \u0111\u01B0\u1EE3c c\xE0i \u0111\u1EB7t."));
+    console.log(chalk3.dim('   Ch\u1EA1y "jai1 apply" \u0111\u1EC3 th\xEAm components.'));
     return;
   }
-  console.log("\u{1F50D} Checking for updates...");
+  console.log(chalk3.cyan("\u{1F50D} \u0110ang ki\u1EC3m tra c\u1EADp nh\u1EADt..."));
   try {
     const checksums = await componentsService.getChecksums(config, filepaths);
     const updates = [];
     const upToDate = [];
+    const deprecated = [];
     for (const fp of filepaths) {
       const current = installed[fp];
       const latest = checksums[fp];
       if (!latest) {
-        console.log(`\u26A0\uFE0F  ${fp}: Component not found on server (deprecated?)`);
+        deprecated.push(fp);
         continue;
       }
       if (current.checksum !== latest.checksum) {
@@ -1699,64 +1742,84 @@ async function handleUpdate(options) {
         upToDate.push(fp);
       }
     }
+    if (deprecated.length > 0) {
+      console.log(chalk3.yellow("\n\u26A0\uFE0F  Components kh\xF4ng c\xF2n tr\xEAn server (deprecated):"));
+      for (const fp of deprecated) {
+        console.log(chalk3.dim(`   - ${fp}`));
+      }
+    }
     if (updates.length === 0) {
-      console.log("\u2705 All components are up to date.");
+      console.log(chalk3.green("\n\u2705 T\u1EA5t c\u1EA3 components \u0111\xE3 l\xE0 phi\xEAn b\u1EA3n m\u1EDBi nh\u1EA5t."));
+      if (upToDate.length > 0) {
+        console.log(chalk3.dim(`   ${upToDate.length} component(s) \u0111\xE3 c\u1EADp nh\u1EADt.`));
+      }
       return;
     }
-    console.log(`
-\u{1F4E6} Found ${updates.length} updates:`);
+    console.log(chalk3.cyan(`
+\u{1F4E6} T\xECm th\u1EA5y ${chalk3.bold(updates.length)} c\u1EADp nh\u1EADt:`));
     for (const fp of updates) {
       const current = installed[fp];
       const latest = checksums[fp];
-      console.log(`   - ${fp} (v${current.version} \u2192 v${latest.version})`);
+      console.log(
+        `   ${chalk3.white(fp)} ` + chalk3.dim(`v${current.version}`) + chalk3.cyan(" \u2192 ") + chalk3.green(`v${latest.version}`)
+      );
     }
     console.log();
     if (!options.force) {
-      const shouldUpdate = await confirm({ message: "Update now?", default: true });
-      if (!shouldUpdate) return;
+      const shouldUpdate = await confirm({ message: "C\u1EADp nh\u1EADt ngay?", default: true });
+      if (!shouldUpdate) {
+        console.log(chalk3.dim("\u0110\xE3 h\u1EE7y c\u1EADp nh\u1EADt."));
+        return;
+      }
     }
     const targetDir = process.cwd() + "/.jai1";
     let updatedCount = 0;
     const backupPaths = [];
+    console.log();
     for (const fp of updates) {
       try {
-        console.log(`\u{1F4E5} Updating ${fp}...`);
+        process.stdout.write(chalk3.cyan(`\u{1F4E5} \u0110ang c\u1EADp nh\u1EADt ${chalk3.white(fp)}...`));
         const backupPath = await componentsService.backupFile(fp, targetDir);
         if (backupPath) {
           backupPaths.push(backupPath);
-          const displayPath = backupPath.split(".jai1_backup/")[1];
-          console.log(`   Backed up: .../${displayPath}`);
         }
         await componentsService.install(config, fp, targetDir);
-        console.log(`\u2705 Updated`);
+        console.log(chalk3.green(" \u2713"));
         updatedCount++;
       } catch (error) {
-        console.log(`\u274C Failed to update ${fp}: ${error instanceof Error ? error.message : "Unknown error"}`);
+        console.log(chalk3.red(" \u2717"));
+        console.log(chalk3.red(`   L\u1ED7i: ${error instanceof Error ? error.message : "Unknown error"}`));
       }
     }
-    console.log(`
-\u2705 Update complete: ${updatedCount}/${updates.length} updated.`);
+    console.log();
+    if (updatedCount === updates.length) {
+      console.log(chalk3.green(`\u2705 Ho\xE0n t\u1EA5t: ${updatedCount}/${updates.length} \u0111\xE3 c\u1EADp nh\u1EADt.`));
+    } else {
+      console.log(chalk3.yellow(`\u26A0\uFE0F  Ho\xE0n t\u1EA5t: ${updatedCount}/${updates.length} \u0111\xE3 c\u1EADp nh\u1EADt.`));
+    }
     if (backupPaths.length > 0) {
-      console.log(`
-\u{1F4C1} Backups created in .jai1_backup/`);
-      const cleanBackups = await confirm({ message: "Clear these backups?", default: false });
+      console.log(chalk3.dim(`
+\u{1F4C1} \u0110\xE3 t\u1EA1o backup t\u1EA1i .jai1_backup/`));
+      const cleanBackups = await confirm({ message: "X\xF3a c\xE1c backup n\xE0y?", default: false });
       if (cleanBackups) {
         await componentsService.clearBackups(process.cwd());
-        console.log("\u{1F5D1}\uFE0F  Backups cleared.");
+        console.log(chalk3.green("\u{1F5D1}\uFE0F  \u0110\xE3 x\xF3a backups."));
       } else {
-        console.log('\u{1F4A1} Run "jai1 clean" to remove them later.');
+        console.log(chalk3.dim('\u{1F4A1} Ch\u1EA1y "jai1 clean" \u0111\u1EC3 x\xF3a sau.'));
       }
     }
     trackAction("components_update", { count: updatedCount });
   } catch (error) {
-    throw new Error(`Update check failed: ${error instanceof Error ? error.message : "Unknown error"}`);
+    throw new Error(`Ki\u1EC3m tra c\u1EADp nh\u1EADt th\u1EA5t b\u1EA1i: ${error instanceof Error ? error.message : "Unknown error"}`);
   }
 }
 
 // src/commands/framework/check.ts
 import { Command as Command5 } from "commander";
+import chalk4 from "chalk";
+import Table from "cli-table3";
 function createCheckCommand() {
-  const cmd = new Command5("check").description("Check for framework updates").option("--json", "Output as JSON").action(async (options) => {
+  const cmd = new Command5("check").description("Ki\u1EC3m tra c\u1EADp nh\u1EADt framework").option("--json", "Output as JSON").action(async (options) => {
     await handleCheck(options);
   });
   return cmd;
@@ -1771,10 +1834,12 @@ async function handleCheck(options) {
   const installed = await componentsService.getInstalled();
   const filepaths = Object.keys(installed);
   if (filepaths.length === 0) {
-    console.log('No components installed. Run "jai1 apply" to get started.');
+    console.log(
+      chalk4.yellow('Ch\u01B0a c\xF3 components n\xE0o. Ch\u1EA1y "jai1 apply" \u0111\u1EC3 b\u1EAFt \u0111\u1EA7u.')
+    );
     return;
   }
-  console.log("Checking for updates...\n");
+  console.log(chalk4.dim("\u0110ang ki\u1EC3m tra c\u1EADp nh\u1EADt...\n"));
   try {
     const checksums = await componentsService.getChecksums(config, filepaths);
     const updates = [];
@@ -1791,31 +1856,82 @@ async function handleCheck(options) {
         upToDate.push(fp);
       }
     }
-    console.log(`\u{1F4CC} Components status:`);
-    for (const fp of updates) {
-      const current = installed[fp];
-      const latest = checksums[fp];
-      console.log(`   ${fp} v${current.version} \u2192 v${latest.version}  \u26A0\uFE0F UPDATE`);
+    if (options.json) {
+      console.log(
+        JSON.stringify(
+          {
+            updates: updates.map((fp) => ({
+              path: fp,
+              currentVersion: installed[fp].version,
+              latestVersion: checksums[fp].version
+            })),
+            upToDate: upToDate.length,
+            total: filepaths.length
+          },
+          null,
+          2
+        )
+      );
+      return;
+    }
+    console.log(chalk4.bold("\u{1F4CC} Tr\u1EA1ng th\xE1i Components:\n"));
+    if (updates.length > 0) {
+      const table = new Table({
+        head: [
+          chalk4.bold("Component"),
+          chalk4.bold("Hi\u1EC7n t\u1EA1i"),
+          chalk4.bold("M\u1EDBi nh\u1EA5t"),
+          chalk4.bold("Tr\u1EA1ng th\xE1i")
+        ],
+        style: {
+          head: ["cyan"],
+          border: ["gray"]
+        }
+      });
+      for (const fp of updates) {
+        const current = installed[fp];
+        const latest = checksums[fp];
+        table.push([
+          fp,
+          `v${current.version}`,
+          chalk4.green(`v${latest.version}`),
+          chalk4.yellow("\u26A0\uFE0F  C\u1EA6N C\u1EACP NH\u1EACT")
+        ]);
+      }
+      console.log(table.toString());
     }
+    console.log();
     if (updates.length === 0 && upToDate.length > 0) {
-      console.log(`   \u2713 All ${upToDate.length} components up to date.`);
+      console.log(
+        chalk4.green(`\u2713 T\u1EA5t c\u1EA3 ${upToDate.length} components \u0111\xE3 c\u1EADp nh\u1EADt.`)
+      );
     } else if (upToDate.length > 0) {
-      console.log(`   \u2713 ${upToDate.length} components up to date.`);
+      console.log(chalk4.dim(`\u2713 ${upToDate.length} components \u0111\xE3 c\u1EADp nh\u1EADt.`));
     }
-    console.log();
     if (updates.length > 0) {
-      console.log(`Status: ${updates.length} component(s) update available!`);
-      console.log(`Run 'jai1 update' to update.`);
+      console.log(
+        chalk4.yellow(`
+\u26A0\uFE0F  ${updates.length} component(s) c\xF3 b\u1EA3n c\u1EADp nh\u1EADt!`)
+      );
+      console.log(
+        chalk4.dim("Ch\u1EA1y"),
+        chalk4.cyan("'jai1 update'"),
+        chalk4.dim("\u0111\u1EC3 c\u1EADp nh\u1EADt.")
+      );
     } else {
-      console.log(`Status: \u2705 All good!`);
+      console.log(chalk4.green("\n\u2705 M\u1ECDi th\u1EE9 \u0111\xE3 \u0111\u01B0\u1EE3c c\u1EADp nh\u1EADt!"));
     }
   } catch (error) {
-    console.error("Error checking updates:", error instanceof Error ? error.message : error);
+    console.error(
+      chalk4.red("L\u1ED7i ki\u1EC3m tra c\u1EADp nh\u1EADt:"),
+      error instanceof Error ? error.message : error
+    );
   }
 }
 
 // src/commands/ide/index.ts
 import { Command as Command10 } from "commander";
+import chalk5 from "chalk";
 
 // src/commands/ide/context.ts
 import React10 from "react";
@@ -3552,19 +3668,38 @@ function getConfidenceEmoji(confidence) {
 }
 
 // src/commands/ide/index.ts
+function showIdeHelp() {
+  console.log(chalk5.bold.cyan("\u{1F5A5}\uFE0F  jai1 ide") + chalk5.dim(" - IDE integration v\xE0 c\u1EA5u h\xECnh"));
+  console.log();
+  console.log(chalk5.bold("C\xE1c l\u1EC7nh:"));
+  console.log(`  ${chalk5.cyan("context")}   Duy\u1EC7t v\xE0 kh\xE1m ph\xE1 IDE context`);
+  console.log(`  ${chalk5.cyan("setup")}     C\u1EA5u h\xECnh IDE settings (VSCode optimizations)`);
+  console.log(`  ${chalk5.cyan("sync")}      \u0110\u1ED3ng b\u1ED9 .jai1 content \u0111\u1EBFn IDE directories`);
+  console.log(`  ${chalk5.cyan("status")}    Hi\u1EC3n th\u1ECB c\xE1c IDE \u0111\u01B0\u1EE3c ph\xE1t hi\u1EC7n v\xE0 tr\u1EA1ng th\xE1i`);
+  console.log();
+  console.log(chalk5.bold("IDEs \u0111\u01B0\u1EE3c h\u1ED7 tr\u1EE3:"));
+  console.log(chalk5.dim("  Cursor, Windsurf, VSCode, Trae, Claude"));
+  console.log();
+  console.log(chalk5.bold("V\xED d\u1EE5:"));
+  console.log(chalk5.dim("  $ jai1 ide status"));
+  console.log(chalk5.dim("  $ jai1 ide setup --optimize"));
+  console.log(chalk5.dim("  $ jai1 ide sync"));
+  console.log(chalk5.dim("  $ jai1 ide context"));
+  console.log();
+  console.log(chalk5.dim('Ch\u1EA1y "jai1 ide <l\u1EC7nh> --help" \u0111\u1EC3 xem chi ti\u1EBFt'));
+}
 function createIdeCommand() {
-  const ideCommand = new Command10("ide").description("IDE integration and configuration commands");
+  const ideCommand = new Command10("ide").description("IDE integration and configuration commands").action(() => {
+    showIdeHelp();
+  });
   ideCommand.addCommand(createContextSubcommand());
   ideCommand.addCommand(createSetupSubcommand());
   ideCommand.addCommand(createSyncSubcommand());
   ideCommand.addCommand(createStatusSubcommand());
-  ideCommand.action(() => {
-    ideCommand.help();
-  });
   return ideCommand;
 }
 
-// src/commands/learn.ts
+// src/commands/guide.ts
 import React20 from "react";
 import { render as render3 } from "ink";
 import { Command as Command11 } from "commander";
@@ -4419,9 +4554,12 @@ var GuideApp = ({ initialTopic, onExit }) => {
   return /* @__PURE__ */ React19.createElement(Box11, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React19.createElement(Box11, { marginBottom: 1 }, /* @__PURE__ */ React19.createElement(Text12, { bold: true, color: "magenta" }, "\u{1F393} Jai1 Guide"), /* @__PURE__ */ React19.createElement(Text12, { dimColor: true }, " - Trung t\xE2m h\u01B0\u1EDBng d\u1EABn Agentic Coding")), renderContent(), /* @__PURE__ */ React19.createElement(Box11, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 1 }, /* @__PURE__ */ React19.createElement(Text12, { dimColor: true }, currentTopic === "menu" ? "[\u2191\u2193] Ch\u1ECDn \xB7 [Enter] M\u1EDF \xB7 [q] Tho\xE1t" : "[\u2191\u2193/PgUp/PgDn] Cu\u1ED9n \xB7 [Esc/\u2190] Quay l\u1EA1i \xB7 [q] Tho\xE1t")));
 };
 
-// src/commands/learn.ts
-function createLearnCommand() {
-  const cmd = new Command11("learn").description("Interactive Agentic Coding learning center").option("--topic <topic>", "Open specific topic (intro, rules, workflows, prompts, skills)").action(async (options) => {
+// src/commands/guide.ts
+function createGuideCommand() {
+  const cmd = new Command11("guide").description("Trung t\xE2m h\u1ECDc Agentic Coding (interactive)").option(
+    "--topic <topic>",
+    "M\u1EDF topic c\u1EE5 th\u1EC3 (intro, rules, workflows, prompts, skills)"
+  ).action(async (options) => {
     const { waitUntilExit } = render3(
       React20.createElement(GuideApp, {
         initialTopic: options.topic,
@@ -6086,6 +6224,8 @@ function createChatCommand() {
 
 // src/commands/openai-keys.ts
 import { Command as Command13 } from "commander";
+import chalk6 from "chalk";
+import boxen3 from "boxen";
 function maskKey2(key) {
   if (key.length <= 8) return "****";
   return key.slice(0, 8) + "****" + key.slice(-4);
@@ -6097,45 +6237,59 @@ async function handleOpenAiKeysCommand(options) {
     throw new ValidationError('Not initialized. Run "jai1 auth" first.');
   }
   const service = new LlmProxyService(config);
-  console.log("\u{1F4E1} Jai1 LLM Proxy - OpenAI Compatible API");
-  console.log("\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n");
-  console.log("\u{1F511} API Credentials");
-  console.log(`   BASE_URL: ${service.getBaseUrl()}`);
-  console.log(`   API_KEY:  ${options.full ? service.getApiKey() : maskKey2(service.getApiKey())}
-`);
+  console.log(
+    boxen3(chalk6.cyan.bold("\u{1F4E1} Jai1 LLM Proxy - OpenAI Compatible API"), {
+      padding: { top: 0, bottom: 0, left: 1, right: 1 },
+      borderStyle: "round",
+      borderColor: "cyan"
+    })
+  );
+  console.log();
+  console.log(chalk6.bold("\u{1F511} API Credentials"));
+  console.log(`   ${chalk6.dim("BASE_URL:")} ${chalk6.white(service.getBaseUrl())}`);
+  console.log(
+    `   ${chalk6.dim("API_KEY:")}  ${options.full ? chalk6.green(service.getApiKey()) : chalk6.yellow(maskKey2(service.getApiKey()))}`
+  );
+  console.log();
   try {
     const [models, limits] = await Promise.all([
       service.getModelsWithUsage(),
       service.getLimits()
     ]);
     const allowedModels = models.filter((m) => m.allowed);
-    console.log("\u{1F4E6} Available Models");
+    console.log(chalk6.bold("\u{1F4E6} Available Models"));
     if (allowedModels.length === 0) {
-      console.log("   No models available\n");
+      console.log(chalk6.dim("   Kh\xF4ng c\xF3 models kh\u1EA3 d\u1EE5ng"));
     } else {
-      allowedModels.forEach((model) => {
-        const usageText = model.dailyLimit !== void 0 && model.usedToday !== void 0 ? ` (${model.usedToday}/${model.dailyLimit} today)` : "";
-        console.log(`   \u2713 ${model.id}${usageText}`);
-      });
-      console.log();
+      for (const model of allowedModels) {
+        const usageText = model.dailyLimit !== void 0 && model.usedToday !== void 0 ? chalk6.dim(` (${model.usedToday}/${model.dailyLimit} h\xF4m nay)`) : "";
+        console.log(`   ${chalk6.green("\u2713")} ${chalk6.white(model.id)}${usageText}`);
+      }
     }
+    console.log();
     const defaultModel = allowedModels[0]?.id || "gpt-4o";
-    console.log("\u{1F4DD} Sample cURL\n");
+    console.log(chalk6.bold("\u{1F4DD} Sample cURL"));
+    console.log();
     const curlSample = options.full ? service.generateFullCurlSample(defaultModel) : service.generateCurlSample(defaultModel);
     const curlLines = curlSample.split("\n");
-    curlLines.forEach((line) => console.log(`   ${line}`));
+    for (const line of curlLines) {
+      console.log(chalk6.dim(`   ${line}`));
+    }
     console.log();
-    console.log("\u{1F4A1} Usage:");
-    console.log("   - Use as drop-in replacement for OpenAI API");
-    console.log("   - Compatible with: OpenAI SDK, LangChain, LlamaIndex, etc.");
-    console.log('   - Run "jai1 chat" for interactive mode');
-    console.log('   - Run "jai1 openai-keys --full" to show full API key');
+    console.log(chalk6.bold("\u{1F4A1} C\xE1ch s\u1EED d\u1EE5ng"));
+    console.log(chalk6.dim("   - Thay th\u1EBF OpenAI API URL v\xE0 API Key"));
+    console.log(chalk6.dim("   - T\u01B0\u01A1ng th\xEDch: OpenAI SDK, LangChain, LlamaIndex, v.v."));
+    console.log(chalk6.dim('   - Ch\u1EA1y "jai1 chat" \u0111\u1EC3 chat tr\u1EF1c ti\u1EBFp'));
+    if (!options.full) {
+      console.log(chalk6.dim('   - Ch\u1EA1y "jai1 openai-keys --full" \u0111\u1EC3 hi\u1EC3n th\u1ECB API key \u0111\u1EA7y \u0111\u1EE7'));
+    }
   } catch (error) {
-    console.error(
-      "\n\u274C Failed to fetch API info:",
-      error instanceof Error ? error.message : String(error)
+    console.log();
+    console.log(
+      chalk6.red("\u274C L\u1ED7i khi l\u1EA5y th\xF4ng tin API:"),
+      chalk6.dim(error instanceof Error ? error.message : String(error))
     );
-    console.log('\n\u{1F4A1} Check your API URL and access key with "jai1 status"');
+    console.log(chalk6.dim('\n\u{1F4A1} Ki\u1EC3m tra API URL v\xE0 access key v\u1EDBi "jai1 status"'));
   }
 }
 function createOpenAiKeysCommand() {
@@ -6147,23 +6301,29 @@ function createOpenAiKeysCommand() {
 
 // src/commands/stats.ts
 import { Command as Command14 } from "commander";
+import Table2 from "cli-table3";
+import chalk7 from "chalk";
 async function handleStatsCommand() {
   const configService = new ConfigService();
   const config = await configService.load();
   if (!config) {
-    throw new ValidationError('Ch\u01B0a x\xE1c th\u1EF1c. Vui l\xF2ng ch\u1EA1y "jai1 auth" tr\u01B0\u1EDBc.');
+    throw new ValidationError(
+      'Ch\u01B0a x\xE1c th\u1EF1c. Vui l\xF2ng ch\u1EA1y "jai1 auth" tr\u01B0\u1EDBc.'
+    );
   }
   const service = new LlmProxyService(config);
-  console.log("\u{1F4CA} Th\u1ED1ng K\xEA S\u1EED D\u1EE5ng LLM");
-  console.log("\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n");
+  console.log(chalk7.bold("\n\u{1F4CA} Th\u1ED1ng K\xEA S\u1EED D\u1EE5ng LLM"));
+  console.log(chalk7.dim("\u2500".repeat(45)));
   try {
     const [limits, usage7Days, usageToday] = await Promise.all([
       service.getLimits(),
       service.getUsage(7),
       service.getUsage(1)
     ]);
-    const today = (/* @__PURE__ */ new Date()).toLocaleDateString("en-CA", { timeZone: "Asia/Ho_Chi_Minh" });
-    console.log("\u{1F4C5} Kho\u1EA3ng th\u1EDDi gian: 7 ng\xE0y qua\n");
+    const today = (/* @__PURE__ */ new Date()).toLocaleDateString("en-CA", {
+      timeZone: "Asia/Ho_Chi_Minh"
+    });
+    console.log(chalk7.cyan("\n\u{1F4C5} Kho\u1EA3ng th\u1EDDi gian: 7 ng\xE0y qua\n"));
     const usageByModel = /* @__PURE__ */ new Map();
     let total7DaysRequests = 0;
     usage7Days.data?.forEach((record) => {
@@ -6183,36 +6343,55 @@ async function handleStatsCommand() {
         modelData.today = record.count;
       }
     });
-    console.log("\u{1F4C8} T\u1ED5ng quan s\u1EED d\u1EE5ng");
-    console.log(`   T\u1ED5ng s\u1ED1 y\xEAu c\u1EA7u (7 ng\xE0y): ${total7DaysRequests}
+    console.log(chalk7.bold("\u{1F4C8} T\u1ED5ng quan s\u1EED d\u1EE5ng"));
+    console.log(`   T\u1ED5ng s\u1ED1 y\xEAu c\u1EA7u (7 ng\xE0y): ${chalk7.green(total7DaysRequests)}
 `);
-    console.log("\u{1F4E6} Th\u1ED1ng k\xEA theo model\n");
-    console.log("\u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u252C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u252C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u252C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510");
-    console.log("\u2502 Model                           \u2502 H\xF4m nay      \u2502 Gi\u1EDBi h\u1EA1n     \u2502 T\u1ED5ng 7 ng\xE0y  \u2502");
-    console.log("\u251C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u253C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u253C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u253C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524");
+    console.log(chalk7.bold("\u{1F4E6} Th\u1ED1ng k\xEA theo model\n"));
+    const table = new Table2({
+      head: [
+        chalk7.bold("Model"),
+        chalk7.bold("H\xF4m nay"),
+        chalk7.bold("Gi\u1EDBi h\u1EA1n"),
+        chalk7.bold("T\u1ED5ng 7 ng\xE0y")
+      ],
+      style: {
+        head: ["cyan"],
+        border: ["gray"]
+      },
+      colWidths: [35, 14, 14, 14]
+    });
     const allowedModels = limits.effectiveAllowedModels || [];
     const rateLimits = limits.effectiveRateLimits || {};
     if (allowedModels.length === 0) {
-      console.log("\u2502 Kh\xF4ng c\xF3 model n\xE0o kh\u1EA3 d\u1EE5ng                                                 \u2502");
+      table.push([
+        { colSpan: 4, content: chalk7.yellow("Kh\xF4ng c\xF3 model n\xE0o kh\u1EA3 d\u1EE5ng") }
+      ]);
     } else {
       allowedModels.forEach((modelId) => {
         const usage = usageByModel.get(modelId) || { today: 0, total7Days: 0 };
         const limit = rateLimits[modelId] || rateLimits[modelId.toLowerCase()] || 0;
-        const modelCol = modelId.padEnd(31);
-        const todayCol = `${usage.today}/${limit}`.padEnd(12);
-        const limitCol = `${limit}/ng\xE0y`.padEnd(12);
-        const totalCol = String(usage.total7Days).padEnd(12);
-        console.log(`\u2502 ${modelCol} \u2502 ${todayCol} \u2502 ${limitCol} \u2502 ${totalCol} \u2502`);
+        const usagePercent = limit > 0 ? usage.today / limit : 0;
+        let todayDisplay = `${usage.today}/${limit}`;
+        if (usagePercent >= 0.9) {
+          todayDisplay = chalk7.red(todayDisplay);
+        } else if (usagePercent >= 0.7) {
+          todayDisplay = chalk7.yellow(todayDisplay);
+        } else {
+          todayDisplay = chalk7.green(todayDisplay);
+        }
+        table.push([modelId, todayDisplay, `${limit}/ng\xE0y`, String(usage.total7Days)]);
       });
     }
-    console.log("\u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2534\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2534\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2534\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518");
-    console.log('\n\u{1F4A1} M\u1EB9o: Ch\u1EA1y "jai1 openai-keys" \u0111\u1EC3 xem danh s\xE1ch model kh\u1EA3 d\u1EE5ng');
+    console.log(table.toString());
+    console.log(
+      chalk7.dim('\n\u{1F4A1} M\u1EB9o: Ch\u1EA1y "jai1 openai-keys" \u0111\u1EC3 xem danh s\xE1ch model kh\u1EA3 d\u1EE5ng')
+    );
   } catch (error) {
     console.error(
-      "\n\u274C Kh\xF4ng th\u1EC3 l\u1EA5y th\u1ED1ng k\xEA:",
+      chalk7.red("\n\u274C Kh\xF4ng th\u1EC3 l\u1EA5y th\u1ED1ng k\xEA:"),
       error instanceof Error ? error.message : String(error)
     );
-    console.log('\n\u{1F4A1} Ki\u1EC3m tra k\u1EBFt n\u1ED1i API v\u1EDBi "jai1 status"');
+    console.log(chalk7.dim('\n\u{1F4A1} Ki\u1EC3m tra k\u1EBFt n\u1ED1i API v\u1EDBi "jai1 status"'));
   }
 }
 function createStatsCommand() {
@@ -6579,6 +6758,7 @@ function createTranslateCommand() {
 
 // src/commands/image/index.ts
 import { Command as Command20 } from "commander";
+import chalk8 from "chalk";
 
 // src/commands/image/gen.ts
 import { Command as Command16 } from "commander";
@@ -6852,8 +7032,28 @@ function createImageDeleteCommand() {
 }
 
 // src/commands/image/index.ts
+function showImageHelp() {
+  console.log(chalk8.bold.cyan("\u{1F3A8} jai1 image") + chalk8.dim(" - Image generation commands"));
+  console.log();
+  console.log(chalk8.yellow("\u26A0\uFE0F  Coming Soon - T\xEDnh n\u0103ng \u0111ang ph\xE1t tri\u1EC3n"));
+  console.log();
+  console.log(chalk8.bold("C\xE1c l\u1EC7nh:"));
+  console.log(`  ${chalk8.cyan("gen")}       T\u1EA1o \u1EA3nh t\u1EEB prompt`);
+  console.log(`  ${chalk8.cyan("list")}      Li\u1EC7t k\xEA c\xE1c \u1EA3nh \u0111\xE3 t\u1EA1o`);
+  console.log(`  ${chalk8.cyan("info")}      Xem th\xF4ng tin \u1EA3nh`);
+  console.log(`  ${chalk8.cyan("delete")}    X\xF3a \u1EA3nh`);
+  console.log();
+  console.log(chalk8.bold("V\xED d\u1EE5:"));
+  console.log(chalk8.dim('  $ jai1 image gen "a cute cat"'));
+  console.log(chalk8.dim("  $ jai1 image list"));
+  console.log(chalk8.dim("  $ jai1 image info <image-id>"));
+  console.log();
+  console.log(chalk8.dim('Ch\u1EA1y "jai1 image <l\u1EC7nh> --help" \u0111\u1EC3 xem chi ti\u1EBFt'));
+}
 function createImageCommand() {
-  const cmd = new Command20("image").description("Image generation commands (Coming Soon)");
+  const cmd = new Command20("image").description("Image generation commands (Coming Soon)").action(() => {
+    showImageHelp();
+  });
   cmd.addCommand(createImageGenCommand());
   cmd.addCommand(createImageListCommand());
   cmd.addCommand(createImageInfoCommand());
@@ -7078,6 +7278,7 @@ function createFeedbackCommand() {
 
 // src/commands/utils/index.ts
 import { Command as Command35 } from "commander";
+import chalk9 from "chalk";
 
 // src/commands/utils/password.ts
 import { Command as Command22 } from "commander";
@@ -9394,18 +9595,44 @@ async function runInteractiveMode() {
 }
 
 // src/commands/utils/index.ts
+function showUtilsHelp() {
+  console.log(chalk9.bold.cyan("\u{1F6E0}\uFE0F  jai1 utils") + chalk9.dim(" - Developer utilities"));
+  console.log();
+  console.log(chalk9.bold("M\xE3 h\xF3a & B\u1EA3o m\u1EADt:"));
+  console.log(`  ${chalk9.cyan("password")}         T\u1EA1o m\u1EADt kh\u1EA9u ng\u1EABu nhi\xEAn`);
+  console.log(`  ${chalk9.cyan("uuid")}             T\u1EA1o UUID v4`);
+  console.log(`  ${chalk9.cyan("hash")}             Hash text (MD5/SHA/bcrypt)`);
+  console.log(`  ${chalk9.cyan("jwt")}              Decode/encode JWT tokens`);
+  console.log();
+  console.log(chalk9.bold("Encoding:"));
+  console.log(`  ${chalk9.cyan("base64-encode")}    Encode sang Base64`);
+  console.log(`  ${chalk9.cyan("base64-decode")}    Decode t\u1EEB Base64`);
+  console.log(`  ${chalk9.cyan("url-encode")}       Encode URL components`);
+  console.log(`  ${chalk9.cyan("url-decode")}       Decode URL components`);
+  console.log();
+  console.log(chalk9.bold("Th\u1EDDi gian:"));
+  console.log(`  ${chalk9.cyan("unix-time")}        Chuy\u1EC3n \u0111\u1ED5i unix timestamp`);
+  console.log(`  ${chalk9.cyan("timezone")}         Chuy\u1EC3n \u0111\u1ED5i m\xFAi gi\u1EDD`);
+  console.log(`  ${chalk9.cyan("cron")}             Parse cron expressions`);
+  console.log();
+  console.log(chalk9.bold("Kh\xE1c:"));
+  console.log(`  ${chalk9.cyan("http")}             G\u1EEDi HTTP requests`);
+  console.log(`  ${chalk9.cyan("markdown-preview")} Xem tr\u01B0\u1EDBc file markdown`);
+  console.log();
+  console.log(chalk9.bold("Ch\u1EBF \u0111\u1ED9 Interactive:"));
+  console.log(chalk9.dim("  $ jai1 utils -i"));
+  console.log(chalk9.dim("  $ jai1 utils --interactive"));
+  console.log();
+  console.log(chalk9.bold("V\xED d\u1EE5:"));
+  console.log(chalk9.dim("  $ jai1 utils password --length 24"));
+  console.log(chalk9.dim("  $ jai1 utils uuid --count 5"));
+  console.log(chalk9.dim('  $ jai1 utils hash "text" --algorithm sha256'));
+  console.log(chalk9.dim("  $ jai1 utils http https://api.example.com"));
+  console.log();
+  console.log(chalk9.dim('Ch\u1EA1y "jai1 utils <l\u1EC7nh> --help" \u0111\u1EC3 xem chi ti\u1EBFt'));
+}
 function createUtilsCommand() {
-  const utilsCommand = new Command35("utils").description("Developer utilities for common tasks").option("-i, --interactive", "Run in interactive mode").addHelpText("after", `
-Interactive Mode:
-  $ jai1 utils --interactive
-  $ jai1 utils -i
-
-Quick Usage:
-  $ jai1 utils password --length 24
-  $ jai1 utils uuid --count 5
-  $ jai1 utils hash "text" --algorithm sha256
-  $ jai1 utils http https://api.example.com
-`);
+  const utilsCommand = new Command35("utils").description("Developer utilities for common tasks").option("-i, --interactive", "Run in interactive mode");
   utilsCommand.addCommand(createPasswordCommand());
   utilsCommand.addCommand(createUuidCommand());
   utilsCommand.addCommand(createHashCommand());
@@ -9423,7 +9650,7 @@ Quick Usage:
     if (options.interactive) {
       await runInteractiveMode();
     } else {
-      utilsCommand.help();
+      showUtilsHelp();
     }
   });
   return utilsCommand;
@@ -9431,6 +9658,7 @@ Quick Usage:
 
 // src/commands/deps/index.ts
 import { Command as Command37 } from "commander";
+import chalk10 from "chalk";
 
 // src/commands/deps/upgrade.ts
 import { Command as Command36 } from "commander";
@@ -9826,17 +10054,34 @@ function displayUpgradeTable(packages) {
 }
 
 // src/commands/deps/index.ts
+function showDepsHelp() {
+  console.log(chalk10.bold.cyan("\u{1F4E6} jai1 deps") + chalk10.dim(" - Qu\u1EA3n l\xFD dependencies trong project"));
+  console.log();
+  console.log(chalk10.bold("C\xE1c l\u1EC7nh:"));
+  console.log(`  ${chalk10.cyan("upgrade")}   N\xE2ng c\u1EA5p dependencies l\xEAn phi\xEAn b\u1EA3n m\u1EDBi nh\u1EA5t`);
+  console.log();
+  console.log(chalk10.bold("V\xED d\u1EE5:"));
+  console.log(chalk10.dim("  $ jai1 deps upgrade"));
+  console.log(chalk10.dim("  $ jai1 deps upgrade --dry-run"));
+  console.log();
+  console.log(chalk10.dim('Ch\u1EA1y "jai1 deps <l\u1EC7nh> --help" \u0111\u1EC3 xem chi ti\u1EBFt'));
+}
 function createDepsCommand() {
-  const depsCommand = new Command37("deps").description("Qu\u1EA3n l\xFD dependencies trong project");
+  const depsCommand = new Command37("deps").description("Qu\u1EA3n l\xFD dependencies trong project").action(() => {
+    showDepsHelp();
+  });
   depsCommand.addCommand(createDepsUpgradeCommand());
   return depsCommand;
 }
 
 // src/commands/kit/index.ts
 import { Command as Command41 } from "commander";
+import chalk12 from "chalk";
 
 // src/commands/kit/list.ts
 import { Command as Command38 } from "commander";
+import chalk11 from "chalk";
+import Table3 from "cli-table3";
 
 // src/services/starter-kit.service.ts
 import { promises as fs14 } from "fs";
@@ -9909,13 +10154,18 @@ function createKitListCommand() {
     if (!config) {
       throw new ValidationError('Not initialized. Run "jai1 auth" first.');
     }
+    console.log(chalk11.cyan("\u{1F4E6} \u0110ang t\u1EA3i danh s\xE1ch starter kits..."));
+    console.log();
     const kitService = new StarterKitService();
     const kits = await kitService.list(config, {
       category: options.category,
       search: options.search
     });
     if (kits.length === 0) {
-      console.log("No starter kits found.");
+      console.log(chalk11.yellow("Kh\xF4ng t\xECm th\u1EA5y starter kits n\xE0o."));
+      if (options.category || options.search) {
+        console.log(chalk11.dim("Th\u1EED b\u1ECF filter \u0111\u1EC3 xem t\u1EA5t c\u1EA3."));
+      }
       return;
     }
     const byCategory = {};
@@ -9925,17 +10175,41 @@ function createKitListCommand() {
       }
       byCategory[kit.category].push(kit);
     }
-    console.log("\u{1F4E6} Available Starter Kits:\n");
-    for (const [category, categoryKits] of Object.entries(byCategory)) {
-      console.log(`${category.charAt(0).toUpperCase() + category.slice(1)}:`);
+    const categoryOrder = ["frontend", "backend", "fullstack"];
+    const sortedCategories = Object.keys(byCategory).sort((a, b) => {
+      const indexA = categoryOrder.indexOf(a);
+      const indexB = categoryOrder.indexOf(b);
+      if (indexA === -1 && indexB === -1) return a.localeCompare(b);
+      if (indexA === -1) return 1;
+      if (indexB === -1) return -1;
+      return indexA - indexB;
+    });
+    for (const category of sortedCategories) {
+      const categoryKits = byCategory[category];
+      const categoryIcon = category === "frontend" ? "\u{1F3A8}" : category === "backend" ? "\u2699\uFE0F" : category === "fullstack" ? "\u{1F680}" : "\u{1F4E6}";
+      console.log(
+        chalk11.bold(`${categoryIcon} ${category.charAt(0).toUpperCase() + category.slice(1)}`)
+      );
+      const table = new Table3({
+        head: [
+          chalk11.cyan("Slug"),
+          chalk11.cyan("M\xF4 t\u1EA3"),
+          chalk11.cyan("Version")
+        ],
+        style: { head: [], border: ["gray"] }
+      });
       for (const kit of categoryKits) {
-        const tags = kit.tags.length > 0 ? ` [${kit.tags.join(", ")}]` : "";
-        console.log(
-          `  ${kit.slug.padEnd(20)} ${kit.description.slice(0, 50).padEnd(52)} v${kit.version}${tags}`
-        );
+        table.push([
+          chalk11.white(kit.slug),
+          chalk11.dim(kit.description.slice(0, 50)),
+          chalk11.green(`v${kit.version}`)
+        ]);
       }
+      console.log(table.toString());
       console.log();
     }
+    console.log(chalk11.dim(`T\u1ED5ng c\u1ED9ng: ${kits.length} starter kit(s)`));
+    console.log(chalk11.dim('\n\u{1F4A1} Ch\u1EA1y "jai1 kit create <slug>" \u0111\u1EC3 t\u1EA1o project m\u1EDBi'));
   });
 }
 
@@ -10207,9 +10481,25 @@ async function getAllFiles(dir) {
 }
 
 // src/commands/kit/index.ts
+function showKitHelp() {
+  console.log(chalk12.bold.cyan("\u{1F4E6} jai1 kit") + chalk12.dim(" - Qu\u1EA3n l\xFD starter kits"));
+  console.log();
+  console.log(chalk12.bold("C\xE1c l\u1EC7nh:"));
+  console.log(`  ${chalk12.cyan("list")}     Li\u1EC7t k\xEA c\xE1c starter kits c\xF3 s\u1EB5n`);
+  console.log(`  ${chalk12.cyan("info")}     Xem chi ti\u1EBFt m\u1ED9t starter kit`);
+  console.log(`  ${chalk12.cyan("create")}   T\u1EA1o project m\u1EDBi t\u1EEB starter kit`);
+  console.log();
+  console.log(chalk12.bold("V\xED d\u1EE5:"));
+  console.log(chalk12.dim("  $ jai1 kit list"));
+  console.log(chalk12.dim("  $ jai1 kit list --category frontend"));
+  console.log(chalk12.dim("  $ jai1 kit info next-tw4-shadcn"));
+  console.log(chalk12.dim("  $ jai1 kit create next-tw4-shadcn my-project"));
+  console.log();
+  console.log(chalk12.dim('Ch\u1EA1y "jai1 kit <l\u1EC7nh> --help" \u0111\u1EC3 xem chi ti\u1EBFt'));
+}
 function createKitCommand() {
   const cmd = new Command41("kit").description("Manage starter kits for new projects").action(() => {
-    cmd.help();
+    showKitHelp();
   });
   cmd.addCommand(createKitListCommand());
   cmd.addCommand(createKitInfoCommand());
@@ -10219,9 +10509,12 @@ function createKitCommand() {
 
 // src/commands/rules/index.ts
 import { Command as Command48 } from "commander";
+import chalk14 from "chalk";
 
 // src/commands/rules/list.ts
 import { Command as Command42 } from "commander";
+import chalk13 from "chalk";
+import Table4 from "cli-table3";
 function createRulesListCommand() {
   return new Command42("list").description("List available rule presets").option("--json", "Output as JSON").action(async (options) => {
     const configService = new ConfigService();
@@ -10229,7 +10522,8 @@ function createRulesListCommand() {
     if (!config) {
       throw new ValidationError('Not initialized. Run "jai1 auth" first.');
     }
-    console.log("\u{1F4CB} Fetching available rule presets...\n");
+    console.log(chalk13.cyan("\u{1F4CB} \u0110ang t\u1EA3i danh s\xE1ch rule presets..."));
+    console.log();
     try {
       const response = await fetch(`${config.apiUrl}/api/rules/presets`, {
         headers: {
@@ -10245,33 +10539,43 @@ function createRulesListCommand() {
         return;
       }
       if (data.total === 0) {
-        console.log("No presets available.");
+        console.log(chalk13.yellow("Kh\xF4ng c\xF3 presets n\xE0o."));
         return;
       }
-      console.log(`Found ${data.total} preset${data.total > 1 ? "s" : ""}:
-`);
+      console.log(
+        chalk13.green(`\u2713 T\xECm th\u1EA5y ${chalk13.bold(data.total)} preset${data.total > 1 ? "s" : ""}`)
+      );
+      console.log();
       for (const preset of data.presets) {
-        console.log(`\u{1F4E6} ${preset.slug}`);
-        console.log(`   Name: ${preset.name}`);
-        console.log(`   Description: ${preset.description}`);
-        console.log(`   Version: ${preset.version}`);
+        console.log(chalk13.bold.cyan(`\u{1F4E6} ${preset.slug}`));
+        const table = new Table4({
+          style: { head: [], border: ["gray"], compact: true },
+          colWidths: [15, 55]
+        });
+        table.push(
+          [chalk13.dim("T\xEAn"), chalk13.white(preset.name)],
+          [chalk13.dim("M\xF4 t\u1EA3"), chalk13.white(preset.description)],
+          [chalk13.dim("Version"), chalk13.green(`v${preset.version}`)]
+        );
         const stackParts = [];
         if (preset.stack.frontend) stackParts.push(preset.stack.frontend);
         if (preset.stack.backend) stackParts.push(preset.stack.backend);
         if (preset.stack.css) stackParts.push(preset.stack.css);
         if (preset.stack.database) stackParts.push(preset.stack.database);
         if (stackParts.length > 0) {
-          console.log(`   Stack: ${stackParts.join(" + ")}`);
+          table.push([chalk13.dim("Stack"), chalk13.yellow(stackParts.join(" + "))]);
         }
-        console.log(`   Tags: ${preset.tags.join(", ")}`);
-        console.log(`   Downloads: ${preset.downloads}`);
-        console.log("");
+        table.push(
+          [chalk13.dim("Tags"), chalk13.dim(preset.tags.join(", ") || "-")],
+          [chalk13.dim("Downloads"), chalk13.white(preset.downloads.toString())]
+        );
+        console.log(table.toString());
+        console.log();
       }
-      console.log(`
-\u2139\uFE0F  Use 'jai1 rules init --preset=<slug>' to apply a preset`);
+      console.log(chalk13.dim('\u{1F4A1} Ch\u1EA1y "jai1 rules init --preset=<slug>" \u0111\u1EC3 \xE1p d\u1EE5ng preset'));
     } catch (error) {
       throw new Error(
-        `Failed to list presets: ${error instanceof Error ? error.message : String(error)}`
+        `L\u1ED7i khi t\u1EA3i presets: ${error instanceof Error ? error.message : String(error)}`
       );
     }
   });
@@ -11570,8 +11874,29 @@ async function checkIdeFilesExist(ideId, format) {
 }
 
 // src/commands/rules/index.ts
+function showRulesHelp() {
+  console.log(chalk14.bold.cyan("\u{1F4CB} jai1 rules") + chalk14.dim(" - Qu\u1EA3n l\xFD rule presets cho AI agents"));
+  console.log();
+  console.log(chalk14.bold("C\xE1c l\u1EC7nh:"));
+  console.log(`  ${chalk14.cyan("list")}      Li\u1EC7t k\xEA c\xE1c presets c\xF3 s\u1EB5n`);
+  console.log(`  ${chalk14.cyan("info")}      Xem chi ti\u1EBFt m\u1ED9t preset`);
+  console.log(`  ${chalk14.cyan("init")}      Kh\u1EDFi t\u1EA1o rules t\u1EEB preset`);
+  console.log(`  ${chalk14.cyan("apply")}     \xC1p d\u1EE5ng preset v\xE0o project`);
+  console.log(`  ${chalk14.cyan("sync")}      \u0110\u1ED3ng b\u1ED9 rules v\u1EDBi server`);
+  console.log(`  ${chalk14.cyan("restore")}   Kh\xF4i ph\u1EE5c rules t\u1EEB backup`);
+  console.log();
+  console.log(chalk14.bold("V\xED d\u1EE5:"));
+  console.log(chalk14.dim("  $ jai1 rules list"));
+  console.log(chalk14.dim("  $ jai1 rules info react-typescript"));
+  console.log(chalk14.dim("  $ jai1 rules init --preset=react-typescript"));
+  console.log(chalk14.dim("  $ jai1 rules apply react-typescript"));
+  console.log();
+  console.log(chalk14.dim('Ch\u1EA1y "jai1 rules <l\u1EC7nh> --help" \u0111\u1EC3 xem chi ti\u1EBFt'));
+}
 function createRulesCommand() {
-  const rulesCommand = new Command48("rules").description("Manage rule presets for AI agents");
+  const rulesCommand = new Command48("rules").description("Manage rule presets for AI agents").action(() => {
+    showRulesHelp();
+  });
   rulesCommand.addCommand(createRulesListCommand());
   rulesCommand.addCommand(createRulesInitCommand());
   rulesCommand.addCommand(createRulesApplyCommand());
@@ -13296,31 +13621,12 @@ async function resetSettings2(groupKeys) {
   console.log("\u{1F4A1} M\u1EB9o: Kh\u1EDFi \u0111\u1ED9ng l\u1EA1i VSCode \u0111\u1EC3 \xE1p d\u1EE5ng c\xE1c thay \u0111\u1ED5i.");
 }
 
-// src/commands/guide.ts
+// src/commands/context.ts
 import React40 from "react";
 import { render as render6 } from "ink";
 import { Command as Command58 } from "commander";
-function createGuideCommand() {
-  const cmd = new Command58("guide").description("Interactive guide center for Agentic Coding").option("--topic <topic>", "Open specific topic (intro, rules, workflows, prompts, skills)").action(async (options) => {
-    const { waitUntilExit } = render6(
-      React40.createElement(GuideApp, {
-        initialTopic: options.topic,
-        onExit: () => {
-          process.exit(0);
-        }
-      })
-    );
-    await waitUntilExit();
-  });
-  return cmd;
-}
-
-// src/commands/context.ts
-import React41 from "react";
-import { render as render7 } from "ink";
-import { Command as Command59 } from "commander";
 function createContextCommand() {
-  const cmd = new Command59("context").description("Kh\xE1m ph\xE1 v\xE0 qu\u1EA3n l\xFD context d\u1EF1 \xE1n cho c\xE1c IDE").option("--ide <ide>", "M\u1EDF tr\u1EF1c ti\u1EBFp IDE c\u1EE5 th\u1EC3 (cursor, windsurf, antigravity, jai1)").option("--type <type>", "Hi\u1EC3n th\u1ECB lo\u1EA1i context c\u1EE5 th\u1EC3 (rules, workflows, skills, agents, prompts)").option("--stats", "Hi\u1EC3n th\u1ECB th\u1ED1ng k\xEA context (non-interactive)").action(async (options) => {
+  const cmd = new Command58("context").description("Kh\xE1m ph\xE1 v\xE0 qu\u1EA3n l\xFD context d\u1EF1 \xE1n cho c\xE1c IDE").option("--ide <ide>", "M\u1EDF tr\u1EF1c ti\u1EBFp IDE c\u1EE5 th\u1EC3 (cursor, windsurf, antigravity, jai1)").option("--type <type>", "Hi\u1EC3n th\u1ECB lo\u1EA1i context c\u1EE5 th\u1EC3 (rules, workflows, skills, agents, prompts)").option("--stats", "Hi\u1EC3n th\u1ECB th\u1ED1ng k\xEA context (non-interactive)").action(async (options) => {
     let initialIDE;
     if (options.ide) {
       const validIDEs = ["cursor", "windsurf", "antigravity", "jai1"];
@@ -13345,8 +13651,8 @@ function createContextCommand() {
       await printStats2();
       return;
     }
-    const { waitUntilExit } = render7(
-      React41.createElement(ContextApp, {
+    const { waitUntilExit } = render6(
+      React40.createElement(ContextApp, {
         initialIDE,
         initialType,
         onExit: () => {
@@ -13397,10 +13703,10 @@ async function printStats2() {
 }
 
 // src/commands/migrate-ide.ts
-import { Command as Command60 } from "commander";
+import { Command as Command59 } from "commander";
 import { checkbox as checkbox8, confirm as confirm16 } from "@inquirer/prompts";
 function createMigrateIdeCommand() {
-  const cmd = new Command60("migrate-ide").description("Migrate .jai1 rules v\xE0 workflows sang IDEs (Cursor, Windsurf, Claude Code, etc.)").option("--ide <ides...>", "Target IDEs (cursor, windsurf, antigravity, claudecode, opencode)").option("--type <types...>", "Content types (rules, workflows, commands)").option("--dry-run", "Preview changes without writing files").action(async (options) => {
+  const cmd = new Command59("migrate-ide").description("Migrate .jai1 rules v\xE0 workflows sang IDEs (Cursor, Windsurf, Claude Code, etc.)").option("--ide <ides...>", "Target IDEs (cursor, windsurf, antigravity, claudecode, opencode)").option("--type <types...>", "Content types (rules, workflows, commands)").option("--dry-run", "Preview changes without writing files").action(async (options) => {
     await runMigrateIde(options);
   });
   return cmd;
@@ -13505,8 +13811,56 @@ async function runMigrateIde(options) {
   console.log("");
 }
 
+// src/utils/help-formatter.ts
+import boxen4 from "boxen";
+import chalk15 from "chalk";
+import gradient from "gradient-string";
+import figlet from "figlet";
+function showCustomHelp(version) {
+  const title = figlet.textSync("JAI1", { font: "Small" });
+  console.log(gradient.pastel(title));
+  console.log(
+    boxen4(chalk15.cyan(`Agentic Coding CLI v${version}`), {
+      padding: { left: 1, right: 1, top: 0, bottom: 0 },
+      borderStyle: "round",
+      borderColor: "cyan"
+    })
+  );
+  console.log(chalk15.bold("\n\u{1F527} Thi\u1EBFt l\u1EADp & Th\xF4ng tin"));
+  console.log("   auth           X\xE1c th\u1EF1c v\xE0 c\u1EA5u h\xECnh jai1-client");
+  console.log("   status         Hi\u1EC3n th\u1ECB tr\u1EA1ng th\xE1i c\u1EA5u h\xECnh");
+  console.log("   guide          Trung t\xE2m h\u1ECDc Agentic Coding");
+  console.log(chalk15.bold("\n\u{1F4E6} Qu\u1EA3n l\xFD Components"));
+  console.log("   apply          C\xE0i \u0111\u1EB7t components (interactive)");
+  console.log("   update         C\u1EADp nh\u1EADt components \u0111\xE3 c\xE0i");
+  console.log("   check          Ki\u1EC3m tra c\u1EADp nh\u1EADt t\u1EEB server");
+  console.log(chalk15.bold("\n\u{1F5A5}\uFE0F  IDE & T\xEDch h\u1EE3p"));
+  console.log("   ide            L\u1EC7nh c\u1EA5u h\xECnh IDE");
+  console.log("   chat           Chat AI v\u1EDBi Jai1 LLM Proxy");
+  console.log("   openai-keys    Th\xF4ng tin API credentials");
+  console.log(chalk15.bold("\n\u{1F916} AI Tools"));
+  console.log("   translate      D\u1ECBch v\u0103n b\u1EA3n/file b\u1EB1ng AI");
+  console.log("   image          T\u1EA1o \u1EA3nh (Coming Soon)");
+  console.log("   stats          Th\u1ED1ng k\xEA s\u1EED d\u1EE5ng LLM");
+  console.log("   feedback       G\u1EEDi b\xE1o c\xE1o/\u0111\u1EC1 xu\u1EA5t");
+  console.log(chalk15.bold("\n\u{1F4C1} Project"));
+  console.log("   kit            Qu\u1EA3n l\xFD starter kits");
+  console.log("   rules          Qu\u1EA3n l\xFD rule presets");
+  console.log("   deps           Qu\u1EA3n l\xFD dependencies");
+  console.log("   redmine        Redmine context sync");
+  console.log(chalk15.bold("\n\u2699\uFE0F  B\u1EA3o tr\xEC"));
+  console.log("   upgrade        C\u1EADp nh\u1EADt jai1-client");
+  console.log("   clean          D\u1ECDn d\u1EB9p cache/backup");
+  console.log("   utils          Developer utilities");
+  console.log(chalk15.dim("\nS\u1EED d\u1EE5ng: jai1 [l\u1EC7nh] --help \u0111\u1EC3 xem chi ti\u1EBFt"));
+}
+function showUnknownCommand(commandName) {
+  console.error(chalk15.red(`\u274C L\u1EC7nh kh\xF4ng t\u1ED3n t\u1EA1i: ${commandName}`));
+  console.error(chalk15.dim("\nG\u1EE3i \xFD: Ch\u1EA1y jai1 --help \u0111\u1EC3 xem danh s\xE1ch l\u1EC7nh"));
+}
+
 // src/cli.ts
-var program = new Command61();
+var program = new Command60();
 if (process.argv.includes("-v") || process.argv.includes("--version")) {
   console.log(package_default.version);
   if (!process.argv.includes("--skip-update-check")) {
@@ -13514,15 +13868,20 @@ if (process.argv.includes("-v") || process.argv.includes("--version")) {
   }
   process.exit(0);
 }
-program.name("jai1").description("Jai1 Framework Management CLI");
-program.option("--verbose", "Enable verbose logging").option("--json", "Output results as JSON").option("--skip-update-check", "Skip checking for client updates");
+program.name("jai1").description("Jai1 Framework Management CLI").configureHelp({
+  formatHelp: () => {
+    showCustomHelp(package_default.version);
+    return "";
+  }
+});
+program.option("--verbose", "Enable verbose logging", false).option("--json", "Output results as JSON", false).option("--skip-update-check", "Skip checking for client updates", false);
 program.addCommand(createAuthCommand());
 program.addCommand(createStatusCommand());
 program.addCommand(createApplyCommand());
 program.addCommand(createUpdateCommand());
 program.addCommand(createCheckCommand());
 program.addCommand(createIdeCommand());
-program.addCommand(createLearnCommand());
+program.addCommand(createGuideCommand());
 program.addCommand(createChatCommand());
 program.addCommand(createOpenAiKeysCommand());
 program.addCommand(createStatsCommand());
@@ -13535,9 +13894,9 @@ program.addCommand(createKitCommand());
 program.addCommand(createRulesCommand());
 program.addCommand(createUpgradeCommand());
 program.addCommand(createCleanCommand());
-var redmineCommand = new Command61("redmine").description("Redmine context sync commands");
+var redmineCommand = new Command60("redmine").description("Redmine context sync commands");
 redmineCommand.addCommand(createRedmineCheckCommand());
-var syncCommand = new Command61("sync").description("Sync Redmine issues to markdown files");
+var syncCommand = new Command60("sync").description("Sync Redmine issues to markdown files");
 syncCommand.addCommand(createSyncIssueCommand());
 syncCommand.addCommand(createSyncProjectCommand());
 redmineCommand.addCommand(syncCommand);
@@ -13546,54 +13905,10 @@ program.addCommand(createInfoCommand(), { hidden: true });
 program.addCommand(createSelfUpdateCommand(), { hidden: true });
 program.addCommand(createClearBackupsCommand(), { hidden: true });
 program.addCommand(createVSCodeCommand(), { hidden: true });
-program.addCommand(createGuideCommand(), { hidden: true });
 program.addCommand(createContextCommand(), { hidden: true });
 program.addCommand(createMigrateIdeCommand(), { hidden: true });
 program.on("command:*", (operands) => {
-  console.error(`\u274C Unknown command: ${operands[0]}`);
-  console.error("\nAvailable commands:");
-  console.error("");
-  console.error("  \u{1F527} Setup & Info");
-  console.error("     auth          Authenticate and configure jai1-client");
-  console.error("     status        Show configuration and installed components");
-  console.error("");
-  console.error("  \u{1F4E6} Components");
-  console.error("     apply         Install/apply components (interactive UI)");
-  console.error("     update        Update installed components");
-  console.error("     check         Check for component updates");
-  console.error("");
-  console.error("  \u{1F5A5}\uFE0F  IDE");
-  console.error("     ide context   Browse and explore IDE context");
-  console.error("     ide setup     Configure IDE settings");
-  console.error("     ide sync      Sync .jai1 content to IDEs");
-  console.error("");
-  console.error("  \u{1F4DA} Learning");
-  console.error("     learn         Interactive Agentic Coding guide");
-  console.error("");
-  console.error("  \u{1F916} LLM Proxy");
-  console.error("     chat          Interactive AI chat");
-  console.error("     openai-keys   Show OpenAI-compatible API credentials");
-  console.error("     stats         Show LLM usage statistics and limits");
-  console.error("     translate     Translate text, files, or folders using AI");
-  console.error("");
-  console.error("  \u{1F6E0}\uFE0F  Developer Utilities");
-  console.error("     deps          Manage project dependencies");
-  console.error("     utils         Developer tools (password, uuid, hash, jwt, etc.)");
-  console.error("");
-  console.error("  \u{1F4CB} Rule Presets");
-  console.error("     rules list    List available rule presets");
-  console.error("     rules init    Apply preset to project");
-  console.error("     rules sync    Regenerate outputs after editing");
-  console.error("     rules info    Show current preset information");
-  console.error("");
-  console.error("  \u{1F527} Maintenance");
-  console.error("     upgrade       Upgrade jai1-client to latest version");
-  console.error("     clean         Clean up backups and cache");
-  console.error("");
-  console.error("  \u{1F517} Integrations");
-  console.error("     redmine       Redmine integration commands");
-  console.error("");
-  console.error('Use "jai1 --help" for more information.');
+  showUnknownCommand(operands[0]);
   process.exit(1);
 });
 process.on("unhandledRejection", (error) => {