@jvittechs/j 1.0.14 → 1.0.16

package/dist/cli.js

@@ -42,7 +42,7 @@ function checkNodeVersion() {
 }
 
 // src/cli.ts
-import { Command as Command79 } from "commander";
+import { Command as Command78 } from "commander";
 
 // src/errors/index.ts
 var Jai1Error = class extends Error {
@@ -169,7 +169,7 @@ import { basename as basename4 } from "path";
 // package.json
 var package_default = {
   name: "@jvittechs/j",
-  version: "1.0.14",
+  version: "1.0.16",
   description: "A unified CLI tool for JV-IT TECHS developers to manage Jai1 Framework. Supports both `j` and `jai1` commands. Please contact TeamAI for usage instructions.",
   type: "module",
   bin: {
@@ -2608,316 +2608,11 @@ async function handleCheck(options) {
 
 // src/commands/ide/index.ts
 import { Command as Command11 } from "commander";
-import chalk6 from "chalk";
+import chalk7 from "chalk";
 
-// src/commands/ide/context.ts
-import React12 from "react";
-import { render as render3 } from "ink";
+// src/commands/context.ts
 import { Command as Command7 } from "commander";
-
-// src/ui/context/ContextApp.tsx
-import React11, { useState as useState7, useEffect as useEffect3 } from "react";
-import { Box as Box8, Text as Text9, useInput as useInput7, useApp as useApp3 } from "ink";
-
-// src/ui/context/views/MainMenuView.tsx
-import React7, { useState as useState3 } from "react";
-import { Box as Box4, Text as Text5, useInput as useInput3 } from "ink";
-var MainMenuView = ({ ideContexts, onSelect }) => {
-  const [selectedIndex, setSelectedIndex] = useState3(0);
-  const menuItems = [
-    {
-      ide: "cursor",
-      icon: "\u{1F52E}",
-      title: "Cursor",
-      itemCount: ideContexts.find((ctx) => ctx.ide === "cursor")?.stats.totalItems || 0,
-      available: ideContexts.some((ctx) => ctx.ide === "cursor")
-    },
-    {
-      ide: "windsurf",
-      icon: "\u{1F3C4}",
-      title: "Windsurf",
-      itemCount: ideContexts.find((ctx) => ctx.ide === "windsurf")?.stats.totalItems || 0,
-      available: ideContexts.some((ctx) => ctx.ide === "windsurf")
-    },
-    {
-      ide: "antigravity",
-      icon: "\u{1F680}",
-      title: "Antigravity",
-      itemCount: ideContexts.find((ctx) => ctx.ide === "antigravity")?.stats.totalItems || 0,
-      available: ideContexts.some((ctx) => ctx.ide === "antigravity")
-    },
-    {
-      ide: "jai1",
-      icon: "\u{1F916}",
-      title: "Jai1 Framework",
-      itemCount: ideContexts.find((ctx) => ctx.ide === "jai1")?.stats.totalItems || 0,
-      available: ideContexts.some((ctx) => ctx.ide === "jai1")
-    }
-  ];
-  useInput3((input5, key) => {
-    if (key.upArrow) {
-      setSelectedIndex((prev) => Math.max(0, prev - 1));
-    } else if (key.downArrow) {
-      setSelectedIndex((prev) => Math.min(menuItems.length - 1, prev + 1));
-    } else if (key.return) {
-      const item = menuItems[selectedIndex];
-      if (item && item.available) {
-        onSelect(item.ide);
-      }
-    }
-  }, { isActive: true });
-  const formatSummary = (item) => {
-    if (!item.available) {
-      return "Kh\xF4ng c\xF3 context";
-    }
-    const ctx = ideContexts.find((c) => c.ide === item.ide);
-    if (!ctx) return "";
-    const parts = [];
-    if (ctx.stats.byType.rules) parts.push(`${ctx.stats.byType.rules} rules`);
-    if (ctx.stats.byType.workflows) parts.push(`${ctx.stats.byType.workflows} workflows`);
-    if (ctx.stats.byType.skills) parts.push(`${ctx.stats.byType.skills} skills`);
-    if (ctx.stats.byType.agents) parts.push(`${ctx.stats.byType.agents} agents`);
-    if (ctx.stats.byType.prompts) parts.push(`${ctx.stats.byType.prompts} prompts`);
-    return parts.join(", ") || `${item.itemCount} items`;
-  };
-  return /* @__PURE__ */ React7.createElement(Box4, { flexDirection: "column" }, /* @__PURE__ */ React7.createElement(
-    Box4,
-    {
-      flexDirection: "column",
-      borderStyle: "round",
-      borderColor: "cyan",
-      padding: 1,
-      marginBottom: 1
-    },
-    /* @__PURE__ */ React7.createElement(Text5, null, "Ch\xE0o m\u1EEBng \u0111\u1EBFn v\u1EDBi ", /* @__PURE__ */ React7.createElement(Text5, { bold: true, color: "cyan" }, "Jai1 Context"), "!"),
-    /* @__PURE__ */ React7.createElement(Text5, { dimColor: true }, "Kh\xE1m ph\xE1 v\xE0 qu\u1EA3n l\xFD context cho c\xE1c IDE h\u1ED7 tr\u1EE3 Agentic Coding.")
-  ), /* @__PURE__ */ React7.createElement(Box4, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 1 }, /* @__PURE__ */ React7.createElement(Text5, { bold: true, marginBottom: 1 }, "Ch\u1ECDn IDE \u0111\u1EC3 kh\xE1m ph\xE1:"), menuItems.map((item, index) => {
-    const isSelected = index === selectedIndex;
-    const dimmed = !item.available;
-    return /* @__PURE__ */ React7.createElement(Box4, { key: item.ide, marginY: 0 }, /* @__PURE__ */ React7.createElement(Text5, { color: isSelected ? "cyan" : dimmed ? "gray" : "white", dimColor: dimmed }, isSelected ? "\u276F " : "  ", item.icon, " ", item.title), item.available && /* @__PURE__ */ React7.createElement(Text5, { dimColor: true }, " - ", formatSummary(item)), !item.available && /* @__PURE__ */ React7.createElement(Text5, { dimColor: true }, " - Kh\xF4ng c\xF3 context"));
-  })), ideContexts.length === 0 && /* @__PURE__ */ React7.createElement(Box4, { marginTop: 1, borderStyle: "round", borderColor: "yellow", padding: 1 }, /* @__PURE__ */ React7.createElement(Text5, { color: "yellow" }, "\u26A0\uFE0F  Kh\xF4ng t\xECm th\u1EA5y context n\xE0o"), /* @__PURE__ */ React7.createElement(Text5, { dimColor: true }, "H\xE3y ch\u1EA1y "), /* @__PURE__ */ React7.createElement(Text5, { color: "cyan" }, "jai1 apply"), /* @__PURE__ */ React7.createElement(Text5, { dimColor: true }, " \u0111\u1EC3 c\xE0i \u0111\u1EB7t context cho IDE c\u1EE7a b\u1EA1n.")));
-};
-
-// src/ui/context/views/IDEOverviewView.tsx
-import React8, { useState as useState4 } from "react";
-import { Box as Box5, Text as Text6, useInput as useInput4 } from "ink";
-var IDEOverviewView = ({
-  ideContext,
-  onSelectType,
-  onBack
-}) => {
-  const [selectedTabIndex, setSelectedTabIndex] = useState4(0);
-  const tabs = [];
-  if (ideContext.stats.byType.rules) {
-    tabs.push({
-      type: "rules",
-      label: "Rules",
-      icon: "\u{1F4DC}",
-      count: ideContext.stats.byType.rules
-    });
-  }
-  if (ideContext.stats.byType.workflows) {
-    tabs.push({
-      type: "workflows",
-      label: "Workflows",
-      icon: "\u{1F504}",
-      count: ideContext.stats.byType.workflows
-    });
-  }
-  if (ideContext.stats.byType.skills) {
-    tabs.push({
-      type: "skills",
-      label: "Skills",
-      icon: "\u{1F6E0}",
-      count: ideContext.stats.byType.skills
-    });
-  }
-  if (ideContext.stats.byType.agents) {
-    tabs.push({
-      type: "agents",
-      label: "Agents",
-      icon: "\u{1F916}",
-      count: ideContext.stats.byType.agents
-    });
-  }
-  if (ideContext.stats.byType.prompts) {
-    tabs.push({
-      type: "prompts",
-      label: "Prompts",
-      icon: "\u{1F4AC}",
-      count: ideContext.stats.byType.prompts
-    });
-  }
-  if (ideContext.stats.byType.context) {
-    tabs.push({
-      type: "context",
-      label: "Context",
-      icon: "\u{1F4CB}",
-      count: ideContext.stats.byType.context
-    });
-  }
-  useInput4((input5, key) => {
-    if (key.tab || key.rightArrow) {
-      setSelectedTabIndex((prev) => Math.min(tabs.length - 1, prev + 1));
-    } else if (key.leftArrow) {
-      setSelectedTabIndex((prev) => Math.max(0, prev - 1));
-    }
-    const num = parseInt(input5, 10);
-    if (!isNaN(num) && num >= 1 && num <= tabs.length) {
-      setSelectedTabIndex(num - 1);
-    }
-    if (key.return) {
-      const tab = tabs[selectedTabIndex];
-      if (tab) {
-        onSelectType(tab.type);
-      }
-    }
-  }, { isActive: true });
-  const currentTab = tabs[selectedTabIndex];
-  const currentItems = currentTab ? ideContext?.items?.filter((item) => item.type === currentTab.type) ?? [] : [];
-  const formatSize = (bytes) => {
-    if (bytes < 1024) return `${bytes}B`;
-    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)}KB`;
-    return `${(bytes / (1024 * 1024)).toFixed(1)}MB`;
-  };
-  const formatDate = (date) => {
-    return date.toLocaleDateString("vi-VN", {
-      year: "numeric",
-      month: "2-digit",
-      day: "2-digit"
-    });
-  };
-  return /* @__PURE__ */ React8.createElement(Box5, { flexDirection: "column" }, /* @__PURE__ */ React8.createElement(Box5, { marginBottom: 1 }, /* @__PURE__ */ React8.createElement(Text6, { bold: true, color: "cyan" }, ideContext.config.icon, " ", ideContext.config.name)), /* @__PURE__ */ React8.createElement(
-    Box5,
-    {
-      flexDirection: "column",
-      borderStyle: "round",
-      borderColor: "cyan",
-      padding: 1,
-      marginBottom: 1
-    },
-    /* @__PURE__ */ React8.createElement(Text6, { bold: true }, "\u{1F4CA} T\u1ED5ng quan"),
-    /* @__PURE__ */ React8.createElement(Box5, { marginTop: 1 }, /* @__PURE__ */ React8.createElement(Text6, null, "\u{1F4C1} T\u1ED5ng: ", /* @__PURE__ */ React8.createElement(Text6, { bold: true, color: "cyan" }, ideContext.stats.totalItems, " items")), /* @__PURE__ */ React8.createElement(Text6, { dimColor: true }, " \xB7 "), /* @__PURE__ */ React8.createElement(Text6, null, "\u{1F4BE} K\xEDch th\u01B0\u1EDBc: ", /* @__PURE__ */ React8.createElement(Text6, { bold: true }, formatSize(ideContext.stats.totalSize))), ideContext.stats.lastModified && /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(Text6, { dimColor: true }, " \xB7 "), /* @__PURE__ */ React8.createElement(Text6, null, "\u{1F550} C\u1EADp nh\u1EADt: ", /* @__PURE__ */ React8.createElement(Text6, { bold: true }, formatDate(ideContext.stats.lastModified)))))
-  ), /* @__PURE__ */ React8.createElement(Box5, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 1 }, /* @__PURE__ */ React8.createElement(Box5, { marginBottom: 1 }, tabs.map((tab, index) => {
-    const isSelected = index === selectedTabIndex;
-    return /* @__PURE__ */ React8.createElement(Box5, { key: tab.type, marginRight: 1 }, /* @__PURE__ */ React8.createElement(
-      Text6,
-      {
-        color: isSelected ? "cyan" : "gray",
-        bold: isSelected,
-        inverse: isSelected
-      },
-      " ",
-      tab.icon,
-      " ",
-      tab.label,
-      " (",
-      tab.count,
-      ")",
-      " "
-    ));
-  })), currentTab && currentItems.length > 0 && /* @__PURE__ */ React8.createElement(Box5, { flexDirection: "column" }, /* @__PURE__ */ React8.createElement(Text6, { dimColor: true }, "Preview (nh\u1EA5n Enter \u0111\u1EC3 xem chi ti\u1EBFt):"), /* @__PURE__ */ React8.createElement(Box5, { flexDirection: "column", marginTop: 1 }, currentItems.slice(0, 5).map((item) => /* @__PURE__ */ React8.createElement(Box5, { key: item.id, marginY: 0 }, /* @__PURE__ */ React8.createElement(Text6, null, "\u2022 ", item.name), item.description && /* @__PURE__ */ React8.createElement(Text6, { dimColor: true }, " - ", item.description))), currentItems.length > 5 && /* @__PURE__ */ React8.createElement(Text6, { dimColor: true }, "... v\xE0 ", currentItems.length - 5, " items kh\xE1c"))), currentTab && currentItems.length === 0 && /* @__PURE__ */ React8.createElement(Text6, { dimColor: true }, "Kh\xF4ng c\xF3 items n\xE0o trong ", currentTab.label)));
-};
-
-// src/ui/context/views/ListView.tsx
-import React9, { useState as useState5 } from "react";
-import { Box as Box6, Text as Text7, useInput as useInput5 } from "ink";
-var ListView = ({ items, contentType, onSelect, onBack }) => {
-  const [selectedIndex, setSelectedIndex] = useState5(0);
-  useInput5((input5, key) => {
-    if (key.upArrow) {
-      setSelectedIndex((prev) => Math.max(0, prev - 1));
-    } else if (key.downArrow) {
-      setSelectedIndex((prev) => Math.min(items.length - 1, prev + 1));
-    } else if (key.return) {
-      const item = items[selectedIndex];
-      if (item) {
-        onSelect(item);
-      }
-    }
-  }, { isActive: true });
-  const getTypeLabel = () => {
-    switch (contentType) {
-      case "rules":
-        return "\u{1F4DC} Rules";
-      case "workflows":
-        return "\u{1F504} Workflows";
-      case "skills":
-        return "\u{1F6E0} Skills";
-      case "agents":
-        return "\u{1F916} Agents";
-      case "prompts":
-        return "\u{1F4AC} Prompts";
-      case "context":
-        return "\u{1F4CB} Context";
-      default:
-        return contentType;
-    }
-  };
-  const formatSize = (bytes) => {
-    if (bytes < 1024) return `${bytes}B`;
-    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)}KB`;
-    return `${(bytes / (1024 * 1024)).toFixed(1)}MB`;
-  };
-  if (items.length === 0) {
-    return /* @__PURE__ */ React9.createElement(Box6, { flexDirection: "column" }, /* @__PURE__ */ React9.createElement(Box6, { marginBottom: 1 }, /* @__PURE__ */ React9.createElement(Text7, { bold: true, color: "cyan" }, getTypeLabel())), /* @__PURE__ */ React9.createElement(Box6, { borderStyle: "round", borderColor: "gray", padding: 1 }, /* @__PURE__ */ React9.createElement(Text7, { dimColor: true }, "Kh\xF4ng c\xF3 items n\xE0o")));
-  }
-  return /* @__PURE__ */ React9.createElement(Box6, { flexDirection: "column" }, /* @__PURE__ */ React9.createElement(Box6, { marginBottom: 1 }, /* @__PURE__ */ React9.createElement(Text7, { bold: true, color: "cyan" }, getTypeLabel()), /* @__PURE__ */ React9.createElement(Text7, { dimColor: true }, " - ", items.length, " items")), /* @__PURE__ */ React9.createElement(Box6, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 1 }, items.map((item, index) => {
-    const isSelected = index === selectedIndex;
-    return /* @__PURE__ */ React9.createElement(Box6, { key: item.id, flexDirection: "column", marginY: 0 }, /* @__PURE__ */ React9.createElement(Box6, null, /* @__PURE__ */ React9.createElement(Text7, { color: isSelected ? "cyan" : "white" }, isSelected ? "\u276F " : "  ", item.name), /* @__PURE__ */ React9.createElement(Text7, { dimColor: true }, " (", formatSize(item.fileSize), ")")), isSelected && /* @__PURE__ */ React9.createElement(Box6, { marginLeft: 3, flexDirection: "column" }, item.description && /* @__PURE__ */ React9.createElement(Text7, { dimColor: true }, "\u{1F4DD} ", item.description), contentType === "rules" && /* @__PURE__ */ React9.createElement(React9.Fragment, null, item.alwaysApply && /* @__PURE__ */ React9.createElement(Text7, { dimColor: true }, "\u2705 Always active"), item.globs && item.globs.length > 0 && /* @__PURE__ */ React9.createElement(Text7, { dimColor: true }, "\u{1F3AF} Globs: ", item.globs.join(", "))), contentType === "skills" && /* @__PURE__ */ React9.createElement(Box6, null, item.hasScripts && /* @__PURE__ */ React9.createElement(Text7, { dimColor: true }, "\u{1F4E6} scripts/ "), item.hasReferences && /* @__PURE__ */ React9.createElement(Text7, { dimColor: true }, "\u{1F4DA} references/ "), item.hasAssets && /* @__PURE__ */ React9.createElement(Text7, { dimColor: true }, "\u{1F3A8} assets/ ")), contentType === "agents" && item.model && /* @__PURE__ */ React9.createElement(Text7, { dimColor: true }, "\u{1F527} Model: ", item.model), /* @__PURE__ */ React9.createElement(Text7, { dimColor: true }, "\u{1F4C1} ", item.relativePath)));
-  })));
-};
-
-// src/ui/context/views/DetailView.tsx
-import React10, { useState as useState6 } from "react";
-import { Box as Box7, Text as Text8, useInput as useInput6 } from "ink";
-var DetailView = ({ item, scrollPosition: initialScroll, onBack }) => {
-  const [scrollPosition, setScrollPosition] = useState6(initialScroll);
-  const maxVisibleLines = 25;
-  const maxScroll = Math.max(0, item.previewLines.length - maxVisibleLines);
-  useInput6((input5, key) => {
-    if (key.upArrow || input5 === "k") {
-      setScrollPosition((prev) => Math.max(0, prev - 1));
-    } else if (key.downArrow || input5 === "j") {
-      setScrollPosition((prev) => Math.min(maxScroll, prev + 1));
-    } else if (key.pageDown || input5 === "d") {
-      setScrollPosition((prev) => Math.min(maxScroll, prev + 5));
-    } else if (key.pageUp || input5 === "u") {
-      setScrollPosition((prev) => Math.max(0, prev - 5));
-    } else if (input5 === "g") {
-      setScrollPosition(0);
-    } else if (input5 === "G") {
-      setScrollPosition(maxScroll);
-    } else if (key.escape || key.backspace) {
-      onBack();
-    }
-  }, { isActive: true });
-  const formatSize = (bytes) => {
-    if (bytes < 1024) return `${bytes}B`;
-    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)}KB`;
-    return `${(bytes / (1024 * 1024)).toFixed(1)}MB`;
-  };
-  const formatDate = (date) => {
-    return date.toLocaleString("vi-VN", {
-      year: "numeric",
-      month: "2-digit",
-      day: "2-digit",
-      hour: "2-digit",
-      minute: "2-digit"
-    });
-  };
-  const visibleLines = item.previewLines.slice(
-    scrollPosition,
-    scrollPosition + maxVisibleLines
-  );
-  const hasMoreAbove = scrollPosition > 0;
-  const hasMoreBelow = scrollPosition + maxVisibleLines < item.previewLines.length;
-  const scrollPercentage = item.previewLines.length <= maxVisibleLines ? 100 : Math.round(scrollPosition / maxScroll * 100);
-  return /* @__PURE__ */ React10.createElement(Box7, { flexDirection: "column" }, /* @__PURE__ */ React10.createElement(Box7, { flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ React10.createElement(Text8, { bold: true, color: "cyan" }, item.name), /* @__PURE__ */ React10.createElement(Box7, null, /* @__PURE__ */ React10.createElement(Text8, { dimColor: true }, item.relativePath, " \u2022 ", formatSize(item.fileSize)), item.description && /* @__PURE__ */ React10.createElement(Text8, { dimColor: true }, " \u2022 ", item.description)), /* @__PURE__ */ React10.createElement(Box7, null, item.type === "rules" && item.globs && item.globs.length > 0 && /* @__PURE__ */ React10.createElement(Text8, { dimColor: true }, "globs: ", item.globs.join(", ")), item.type === "agents" && item.model && /* @__PURE__ */ React10.createElement(Text8, { dimColor: true }, "model: ", item.model), item.type === "skills" && /* @__PURE__ */ React10.createElement(Text8, { dimColor: true }, item.hasScripts && "\u{1F4E6} scripts ", item.hasReferences && "\u{1F4DA} refs ", item.hasAssets && "\u{1F3A8} assets"))), /* @__PURE__ */ React10.createElement(Box7, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 1 }, /* @__PURE__ */ React10.createElement(Box7, { justifyContent: "space-between" }, /* @__PURE__ */ React10.createElement(Text8, { bold: true }, "\u{1F441}\uFE0F  Preview"), item.previewLines.length > maxVisibleLines && /* @__PURE__ */ React10.createElement(Text8, { dimColor: true }, "[", scrollPosition + 1, "-", Math.min(scrollPosition + maxVisibleLines, item.previewLines.length), "/", item.lineCount, "] ", scrollPercentage, "%")), hasMoreAbove && /* @__PURE__ */ React10.createElement(Box7, { justifyContent: "center" }, /* @__PURE__ */ React10.createElement(Text8, { dimColor: true }, "\u25B2 \u25B2 \u25B2 (", scrollPosition, " d\xF2ng \u1EDF tr\xEAn) \u25B2 \u25B2 \u25B2")), /* @__PURE__ */ React10.createElement(Box7, { flexDirection: "column", marginTop: 1 }, visibleLines.map((line, index) => {
-    const lineNumber = scrollPosition + index + 1;
-    return /* @__PURE__ */ React10.createElement(Box7, { key: index }, /* @__PURE__ */ React10.createElement(Text8, { dimColor: true }, lineNumber.toString().padStart(3, " "), "\u2502 "), /* @__PURE__ */ React10.createElement(Text8, null, line));
-  })), hasMoreBelow && /* @__PURE__ */ React10.createElement(Box7, { justifyContent: "center", marginTop: 1 }, /* @__PURE__ */ React10.createElement(Text8, { dimColor: true }, "\u25BC \u25BC \u25BC (", item.lineCount - scrollPosition - visibleLines.length, " d\xF2ng \u1EDF d\u01B0\u1EDBi) \u25BC \u25BC \u25BC")), item.previewLines.length === 0 && /* @__PURE__ */ React10.createElement(Text8, { dimColor: true }, "Kh\xF4ng c\xF3 n\u1ED9i dung \u0111\u1EC3 hi\u1EC3n th\u1ECB")));
-};
+import chalk6 from "chalk";
 
 // src/services/context-scanner.service.ts
 import { promises as fs6 } from "fs";
@@ -3267,201 +2962,133 @@ var ContextScannerService = class {
   }
 };
 
-// src/ui/context/ContextApp.tsx
-var ContextApp = ({ initialIDE, initialType, onExit }) => {
-  const { exit } = useApp3();
-  const [screen, setScreen] = useState7("menu");
-  const [selectedIDE, setSelectedIDE] = useState7(initialIDE || null);
-  const [selectedType, setSelectedType] = useState7(initialType || null);
-  const [selectedItem, setSelectedItem] = useState7(null);
-  const [ideContexts, setIdeContexts] = useState7([]);
-  const [loading, setLoading] = useState7(true);
-  const [scrollPosition, setScrollPosition] = useState7(0);
-  useEffect3(() => {
-    const scanner = new ContextScannerService();
-    scanner.scanAll().then((result) => {
-      setIdeContexts(result.ides);
-      setLoading(false);
-      if (initialIDE) {
-        setScreen("overview");
-      }
-    }).catch((error) => {
-      console.error("Failed to scan context:", error);
-      setLoading(false);
-    });
-  }, [initialIDE]);
-  useInput7((input5, key) => {
-    if (input5 === "q") {
-      onExit();
-      return;
-    }
-    if (screen !== "detail" && (key.escape || key.backspace)) {
-      handleBack();
-      return;
-    }
-  });
-  const handleBack = () => {
-    if (screen === "detail") {
-      setScreen("list");
-      setSelectedItem(null);
-      setScrollPosition(0);
-    } else if (screen === "list") {
-      setScreen("overview");
-      setSelectedType(null);
-    } else if (screen === "overview") {
-      setScreen("menu");
-      setSelectedIDE(null);
-    } else {
-      onExit();
-    }
-  };
-  const handleSelectIDE = (ide) => {
-    setSelectedIDE(ide);
-    setScreen("overview");
-  };
-  const handleSelectType = (type) => {
-    setSelectedType(type);
-    setScreen("list");
-  };
-  const handleSelectItem = (item) => {
-    setSelectedItem(item);
-    setScreen("detail");
-    setScrollPosition(0);
-  };
-  const currentIDEContext = ideContexts.find((ctx) => ctx.ide === selectedIDE);
-  const currentItems = currentIDEContext?.items?.filter((item) => item.type === selectedType) ?? [];
-  const renderContent = () => {
-    if (loading) {
-      return /* @__PURE__ */ React11.createElement(Box8, { padding: 1 }, /* @__PURE__ */ React11.createElement(Text9, null, "\u0110ang qu\xE9t context..."));
-    }
-    switch (screen) {
-      case "menu":
-        return /* @__PURE__ */ React11.createElement(MainMenuView, { ideContexts, onSelect: handleSelectIDE });
-      case "overview":
-        return currentIDEContext ? /* @__PURE__ */ React11.createElement(
-          IDEOverviewView,
-          {
-            ideContext: currentIDEContext,
-            onSelectType: handleSelectType,
-            onBack: handleBack
-          }
-        ) : null;
-      case "list":
-        return /* @__PURE__ */ React11.createElement(
-          ListView,
-          {
-            items: currentItems,
-            contentType: selectedType,
-            onSelect: handleSelectItem,
-            onBack: handleBack
-          }
-        );
-      case "detail":
-        return selectedItem ? /* @__PURE__ */ React11.createElement(
-          DetailView,
-          {
-            item: selectedItem,
-            scrollPosition,
-            onBack: handleBack
-          }
-        ) : null;
-      default:
-        return /* @__PURE__ */ React11.createElement(MainMenuView, { ideContexts, onSelect: handleSelectIDE });
+// src/commands/context.ts
+var MAX_TOKENS = 256e3;
+var SYSTEM_PROMPT_TOKENS = 1e4;
+var COMPACT_BUFFER_TOKENS = 56e3;
+var BAR_WIDTH = 50;
+var CHARS_PER_TOKEN = 4;
+function estimateTokens(bytes) {
+  return Math.ceil(bytes / CHARS_PER_TOKEN);
+}
+function formatTokens(n) {
+  if (n >= 1e3) {
+    const k = n / 1e3;
+    return k % 1 === 0 ? `${k}k` : `${k.toFixed(1)}k`;
+  }
+  return String(n);
+}
+function formatNumber(n) {
+  return n.toLocaleString("en-US");
+}
+function pct(value, total) {
+  return (value / total * 100).toFixed(1) + "%";
+}
+function renderStackedBar(segments, total, width) {
+  let bar = "";
+  let usedCols = 0;
+  for (let i = 0; i < segments.length; i++) {
+    const seg = segments[i];
+    const isLast = i === segments.length - 1;
+    const cols = isLast ? width - usedCols : Math.round(seg.tokens / total * width);
+    if (cols > 0) {
+      bar += seg.color(seg.char.repeat(cols));
+      usedCols += cols;
+    }
+  }
+  return bar;
+}
+function renderIDEContext(ideContext) {
+  const { config, items } = ideContext;
+  const ruleItems = items.filter((item) => item.type === "rules");
+  const rulesTotalBytes = ruleItems.reduce((sum, item) => sum + item.fileSize, 0);
+  const rulesTokens = estimateTokens(rulesTotalBytes);
+  const usedTokens = SYSTEM_PROMPT_TOKENS + rulesTokens;
+  const userPromptTokens = Math.max(0, MAX_TOKENS - SYSTEM_PROMPT_TOKENS - rulesTokens - COMPACT_BUFFER_TOKENS);
+  console.log(`${chalk6.dim("\u2514")}  ${chalk6.bold("Context Usage")}`);
+  const segments = [
+    { tokens: SYSTEM_PROMPT_TOKENS, char: "\u2593", color: chalk6.yellow },
+    { tokens: rulesTokens, char: "\u2593", color: chalk6.red },
+    { tokens: userPromptTokens, char: "\u2591", color: chalk6.dim },
+    { tokens: COMPACT_BUFFER_TOKENS, char: "\u2592", color: chalk6.magenta }
+  ];
+  const barLine = renderStackedBar(segments, MAX_TOKENS, BAR_WIDTH);
+  const summary = `${config.icon} ${config.name} \xB7 ${formatTokens(usedTokens)}/${formatTokens(MAX_TOKENS)} tokens (${pct(usedTokens, MAX_TOKENS)})`;
+  console.log(`     ${barLine}    ${chalk6.bold(summary)}`);
+  const legendItems = [
+    { icon: "\u{1F7E1}", label: "System prompt", tokens: SYSTEM_PROMPT_TOKENS },
+    { icon: "\u{1F534}", label: "IDE Rules", tokens: rulesTokens },
+    { icon: "\u2B1C", label: "Free space", tokens: userPromptTokens },
+    { icon: "\u{1F7E3}", label: "Autocompact buffer", tokens: COMPACT_BUFFER_TOKENS }
+  ];
+  const pad = " ".repeat(BAR_WIDTH + 5);
+  for (const item of legendItems) {
+    console.log(`${pad}    ${item.icon} ${item.label}: ${formatTokens(item.tokens)} tokens (${pct(item.tokens, MAX_TOKENS)})`);
+  }
+  if (ruleItems.length > 0) {
+    console.log("");
+    console.log(`   ${chalk6.bold("Rules")} ${chalk6.dim(`\xB7 ${config.basePath}/rules`)}`);
+    const sorted = [...ruleItems].sort((a, b) => b.fileSize - a.fileSize);
+    for (const rule of sorted) {
+      const tokens = estimateTokens(rule.fileSize);
+      const name = typeof rule.name === "string" ? rule.name : rule.relativePath;
+      const badge = rule.alwaysApply ? chalk6.dim(" [always]") : "";
+      console.log(`   ${chalk6.dim("\u2514")} ${name}${badge}: ${formatNumber(tokens)} tokens`);
     }
-  };
-  const getFooterHints = () => {
-    switch (screen) {
-      case "menu":
-        return "[\u2191\u2193] Ch\u1ECDn \xB7 [Enter] M\u1EDF \xB7 [q] Tho\xE1t";
-      case "overview":
-        return "[Tab/1-6] Chuy\u1EC3n tab \xB7 [Enter] Xem danh s\xE1ch \xB7 [Esc/\u2190] Quay l\u1EA1i \xB7 [q] Tho\xE1t";
-      case "list":
-        return "[\u2191\u2193] Ch\u1ECDn \xB7 [Enter] Chi ti\u1EBFt \xB7 [Esc/\u2190] Quay l\u1EA1i \xB7 [q] Tho\xE1t";
-      case "detail":
-        return "[\u2191\u2193/j/k] Cu\u1ED9n \xB7 [PgUp/u PgDn/d] Cu\u1ED9n nhanh \xB7 [g/G] \u0110\u1EA7u/Cu\u1ED1i \xB7 [Esc/\u2190] Quay l\u1EA1i \xB7 [q] Tho\xE1t";
-      default:
-        return "[q] Tho\xE1t";
+  }
+  const workflowItems = items.filter((item) => item.type === "workflows");
+  if (workflowItems.length > 0) {
+    console.log("");
+    console.log(`   ${chalk6.bold("Workflows")} ${chalk6.dim(`\xB7 ${config.basePath}/workflows`)}`);
+    const sorted = [...workflowItems].sort((a, b) => b.fileSize - a.fileSize);
+    for (const wf of sorted) {
+      const tokens = estimateTokens(wf.fileSize);
+      const name = typeof wf.name === "string" ? wf.name : wf.relativePath;
+      console.log(`   ${chalk6.dim("\u2514")} ${name}: ${formatNumber(tokens)} tokens`);
     }
-  };
-  return /* @__PURE__ */ React11.createElement(Box8, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React11.createElement(Box8, { marginBottom: 1 }, /* @__PURE__ */ React11.createElement(Text9, { bold: true, color: "cyan" }, "\u{1F4CB} Jai1 Context"), /* @__PURE__ */ React11.createElement(Text9, { dimColor: true }, " - Kh\xE1m ph\xE1 context d\u1EF1 \xE1n")), renderContent(), /* @__PURE__ */ React11.createElement(Box8, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 1 }, /* @__PURE__ */ React11.createElement(Text9, { dimColor: true }, getFooterHints())));
-};
-
-// src/commands/ide/context.ts
-function createContextSubcommand() {
-  const cmd = new Command7("context").description("Browse and explore IDE context (rules, workflows, skills)").option("--target <ide>", "Open specific IDE context (cursor, windsurf, antigravity, jai1)").option("--type <type>", "Show specific content type (rules, workflows, skills, agents, prompts)").option("--stats", "Show context statistics (non-interactive)").action(async (options) => {
-    let initialIDE;
-    if (options.target) {
-      const validIDEs = ["cursor", "windsurf", "antigravity", "jai1"];
-      if (!validIDEs.includes(options.target)) {
-        console.error(`\u274C Invalid IDE: ${options.target}`);
-        console.error(`   Valid IDEs: ${validIDEs.join(", ")}`);
+  }
+  console.log("");
+}
+function createContextCommand() {
+  const cmd = new Command7("context").description("Visualize IDE context window token budget").argument("[ide]", "Show specific IDE only (cursor, windsurf, antigravity)").action(async (ideArg) => {
+    const name = getCliName();
+    const validIDEs = ["cursor", "windsurf", "antigravity"];
+    if (ideArg) {
+      if (!validIDEs.includes(ideArg)) {
+        console.error(chalk6.red(`\u274C Invalid IDE: ${ideArg}`));
+        console.error(chalk6.dim(`   Valid IDEs: ${validIDEs.join(", ")}`));
+        console.error(chalk6.dim(`   Usage: ${name} context [ide]`));
         process.exit(1);
       }
-      initialIDE = options.target;
     }
-    let initialType;
-    if (options.type) {
-      const validTypes = ["rules", "workflows", "skills", "agents", "prompts", "context"];
-      if (!validTypes.includes(options.type)) {
-        console.error(`\u274C Invalid content type: ${options.type}`);
-        console.error(`   Valid types: ${validTypes.join(", ")}`);
-        process.exit(1);
+    const scanner = new ContextScannerService();
+    const targetIDEs = ideArg ? [ideArg] : validIDEs;
+    console.log("");
+    console.log(` ${chalk6.bgGray.white.bold(" /context ")}`);
+    let found = false;
+    for (const ide of targetIDEs) {
+      try {
+        const ideContext = await scanner.scanIDE(ide);
+        const config = IDE_CONFIGS[ide];
+        if (config) {
+          renderIDEContext(ideContext);
+          found = true;
+        }
+      } catch {
       }
-      initialType = options.type;
     }
-    if (options.stats) {
-      await printStats();
-      return;
+    if (!found) {
+      console.log(chalk6.yellow(" \u26A0\uFE0F  No IDEs detected in this project."));
+      console.log(chalk6.dim(`    Run "${name} apply" to install context for your IDE.
+`));
     }
-    const { waitUntilExit } = render3(
-      React12.createElement(ContextApp, {
-        initialIDE,
-        initialType,
-        onExit: () => {
-          process.exit(0);
-        }
-      })
-    );
-    await waitUntilExit();
   });
   return cmd;
 }
-async function printStats() {
-  const scanner = new ContextScannerService();
-  console.log("\u{1F50D} Scanning context...\n");
-  try {
-    const context = await scanner.scanAll();
-    if (context.ides.length === 0) {
-      console.log("\u26A0\uFE0F  No context found");
-      console.log("   Run `jai1 apply` to install context for your IDE.\n");
-      return;
-    }
-    console.log("\u{1F4CA} Context Statistics\n");
-    console.log(`\u{1F4C1} Project: ${context.projectPath}`);
-    console.log(`\u{1F550} Scan time: ${context.scanTime.toLocaleString("en-US")}
-`);
-    for (const ideContext of context.ides) {
-      console.log(`${ideContext.config.icon} ${ideContext.config.name}`);
-      console.log(`   Path: ${ideContext.config.basePath}`);
-      console.log(`   Items: ${ideContext.stats.totalItems}`);
-      const types = [];
-      if (ideContext.stats.byType.rules) types.push(`${ideContext.stats.byType.rules} rules`);
-      if (ideContext.stats.byType.workflows) types.push(`${ideContext.stats.byType.workflows} workflows`);
-      if (ideContext.stats.byType.skills) types.push(`${ideContext.stats.byType.skills} skills`);
-      if (ideContext.stats.byType.agents) types.push(`${ideContext.stats.byType.agents} agents`);
-      if (ideContext.stats.byType.prompts) types.push(`${ideContext.stats.byType.prompts} prompts`);
-      if (ideContext.stats.byType.context) types.push(`${ideContext.stats.byType.context} context`);
-      if (types.length > 0) {
-        console.log(`   Breakdown: ${types.join(", ")}`);
-      }
-      console.log("");
-    }
-    console.log(`\u2705 Total: ${context.totalItems} items
-`);
-  } catch (error) {
-    console.error("\u274C Error scanning context:", error);
-    process.exit(1);
-  }
+
+// src/commands/ide/context.ts
+function createContextSubcommand() {
+  return createContextCommand();
 }
 
 // src/commands/ide/setup.ts
@@ -4342,24 +3969,24 @@ function getConfidenceEmoji(confidence) {
 
 // src/commands/ide/index.ts
 function showIdeHelp() {
-  console.log(chalk6.bold.cyan("\u{1F5A5}\uFE0F  jai1 ide") + chalk6.dim(" - IDE integration v\xE0 c\u1EA5u h\xECnh"));
+  console.log(chalk7.bold.cyan("\u{1F5A5}\uFE0F  jai1 ide") + chalk7.dim(" - IDE integration v\xE0 c\u1EA5u h\xECnh"));
   console.log();
-  console.log(chalk6.bold("C\xE1c l\u1EC7nh:"));
-  console.log(`  ${chalk6.cyan("context")}   Duy\u1EC7t v\xE0 kh\xE1m ph\xE1 IDE context`);
-  console.log(`  ${chalk6.cyan("setup")}     C\u1EA5u h\xECnh IDE settings (VSCode optimizations)`);
-  console.log(`  ${chalk6.cyan("sync")}      \u0110\u1ED3ng b\u1ED9 .jai1 content \u0111\u1EBFn IDE directories`);
-  console.log(`  ${chalk6.cyan("status")}    Hi\u1EC3n th\u1ECB c\xE1c IDE \u0111\u01B0\u1EE3c ph\xE1t hi\u1EC7n v\xE0 tr\u1EA1ng th\xE1i`);
+  console.log(chalk7.bold("C\xE1c l\u1EC7nh:"));
+  console.log(`  ${chalk7.cyan("context")}   Duy\u1EC7t v\xE0 kh\xE1m ph\xE1 IDE context`);
+  console.log(`  ${chalk7.cyan("setup")}     C\u1EA5u h\xECnh IDE settings (VSCode optimizations)`);
+  console.log(`  ${chalk7.cyan("sync")}      \u0110\u1ED3ng b\u1ED9 .jai1 content \u0111\u1EBFn IDE directories`);
+  console.log(`  ${chalk7.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(chalk6.bold("IDEs \u0111\u01B0\u1EE3c h\u1ED7 tr\u1EE3:"));
-  console.log(chalk6.dim("  Cursor, Windsurf, VSCode, Trae, Claude"));
+  console.log(chalk7.bold("IDEs \u0111\u01B0\u1EE3c h\u1ED7 tr\u1EE3:"));
+  console.log(chalk7.dim("  Cursor, Windsurf, VSCode, Trae, Claude"));
   console.log();
-  console.log(chalk6.bold("V\xED d\u1EE5:"));
-  console.log(chalk6.dim("  $ jai1 ide status"));
-  console.log(chalk6.dim("  $ jai1 ide setup --optimize"));
-  console.log(chalk6.dim("  $ jai1 ide sync"));
-  console.log(chalk6.dim("  $ jai1 ide context"));
+  console.log(chalk7.bold("V\xED d\u1EE5:"));
+  console.log(chalk7.dim("  $ jai1 ide status"));
+  console.log(chalk7.dim("  $ jai1 ide setup --optimize"));
+  console.log(chalk7.dim("  $ jai1 ide sync"));
+  console.log(chalk7.dim("  $ jai1 ide context"));
   console.log();
-  console.log(chalk6.dim('Ch\u1EA1y "jai1 ide <l\u1EC7nh> --help" \u0111\u1EC3 xem chi ti\u1EBFt'));
+  console.log(chalk7.dim('Ch\u1EA1y "jai1 ide <l\u1EC7nh> --help" \u0111\u1EC3 xem chi ti\u1EBFt'));
 }
 function createIdeCommand() {
   const ideCommand = new Command11("ide").description("IDE integration and configuration commands").action(() => {
@@ -4374,7 +4001,7 @@ function createIdeCommand() {
 
 // src/commands/guide.ts
 import { Command as Command12 } from "commander";
-import chalk7 from "chalk";
+import chalk8 from "chalk";
 function createGuideCommand() {
   const cmd = new Command12("guide").description("H\u01B0\u1EDBng d\u1EABn s\u1EED d\u1EE5ng nhanh").action(() => {
     const name = getCliName();
@@ -4383,66 +4010,66 @@ function createGuideCommand() {
   return cmd;
 }
 function showGuide(name) {
-  console.log(chalk7.cyan.bold("\n\u{1F4D6} Jai1 Framework - H\u01B0\u1EDBng d\u1EABn s\u1EED d\u1EE5ng nhanh\n"));
-  console.log(chalk7.bold("\u2501\u2501\u2501 THI\u1EBET L\u1EACP \u2501\u2501\u2501"));
-  console.log(`  ${chalk7.cyan(`${name} auth`)}            X\xE1c th\u1EF1c v\xE0 c\u1EA5u h\xECnh client`);
-  console.log(`  ${chalk7.cyan(`${name} status`)}          Hi\u1EC3n th\u1ECB tr\u1EA1ng th\xE1i c\u1EA5u h\xECnh`);
-  console.log(`  ${chalk7.cyan(`${name} doctor`)}          Chu\u1EA9n \u0111o\xE1n project hi\u1EC7n t\u1EA1i`);
+  console.log(chalk8.cyan.bold("\n\u{1F4D6} Jai1 Framework - H\u01B0\u1EDBng d\u1EABn s\u1EED d\u1EE5ng nhanh\n"));
+  console.log(chalk8.bold("\u2501\u2501\u2501 THI\u1EBET L\u1EACP \u2501\u2501\u2501"));
+  console.log(`  ${chalk8.cyan(`${name} auth`)}            X\xE1c th\u1EF1c v\xE0 c\u1EA5u h\xECnh client`);
+  console.log(`  ${chalk8.cyan(`${name} status`)}          Hi\u1EC3n th\u1ECB tr\u1EA1ng th\xE1i c\u1EA5u h\xECnh`);
+  console.log(`  ${chalk8.cyan(`${name} doctor`)}          Chu\u1EA9n \u0111o\xE1n project hi\u1EC7n t\u1EA1i`);
   console.log();
-  console.log(chalk7.bold("\u2501\u2501\u2501 CORE PACKAGE \u2501\u2501\u2501"));
-  console.log(`  ${chalk7.cyan(`${name} apply`)}           C\xE0i \u0111\u1EB7t components (interactive)`);
-  console.log(`  ${chalk7.cyan(`${name} apply core`)}      C\xE0i core package (headless)`);
-  console.log(`  ${chalk7.cyan(`${name} check`)}           Ki\u1EC3m tra c\u1EADp nh\u1EADt t\u1EEB server`);
-  console.log(`  ${chalk7.cyan(`${name} update`)}          C\u1EADp nh\u1EADt components \u0111\xE3 c\xE0i`);
-  console.log(`  ${chalk7.cyan(`${name} upgrade`)}         C\u1EADp nh\u1EADt CLI client`);
+  console.log(chalk8.bold("\u2501\u2501\u2501 CORE PACKAGE \u2501\u2501\u2501"));
+  console.log(`  ${chalk8.cyan(`${name} apply`)}           C\xE0i \u0111\u1EB7t components (interactive)`);
+  console.log(`  ${chalk8.cyan(`${name} apply core`)}      C\xE0i core package (headless)`);
+  console.log(`  ${chalk8.cyan(`${name} check`)}           Ki\u1EC3m tra c\u1EADp nh\u1EADt t\u1EEB server`);
+  console.log(`  ${chalk8.cyan(`${name} update`)}          C\u1EADp nh\u1EADt components \u0111\xE3 c\xE0i`);
+  console.log(`  ${chalk8.cyan(`${name} upgrade`)}         C\u1EADp nh\u1EADt CLI client`);
   console.log();
-  console.log(chalk7.dim("  Workflow ph\u1ED5 bi\u1EBFn:"));
-  console.log(chalk7.dim(`    1. ${name} auth              # \u0110\u0103ng nh\u1EADp l\u1EA7n \u0111\u1EA7u`));
-  console.log(chalk7.dim(`    2. ${name} apply core        # C\xE0i core package`));
-  console.log(chalk7.dim(`    3. ${name} rules apply       # C\u1EA5u h\xECnh rules cho IDE`));
-  console.log(chalk7.dim(`    4. ${name} ide sync          # \u0110\u1ED3ng b\u1ED9 sang IDE`));
-  console.log(chalk7.dim(`    5. ${name} check             # Ki\u1EC3m tra c\u1EADp nh\u1EADt \u0111\u1ECBnh k\u1EF3`));
+  console.log(chalk8.dim("  Workflow ph\u1ED5 bi\u1EBFn:"));
+  console.log(chalk8.dim(`    1. ${name} auth              # \u0110\u0103ng nh\u1EADp l\u1EA7n \u0111\u1EA7u`));
+  console.log(chalk8.dim(`    2. ${name} apply core        # C\xE0i core package`));
+  console.log(chalk8.dim(`    3. ${name} rules apply       # C\u1EA5u h\xECnh rules cho IDE`));
+  console.log(chalk8.dim(`    4. ${name} ide sync          # \u0110\u1ED3ng b\u1ED9 sang IDE`));
+  console.log(chalk8.dim(`    5. ${name} check             # Ki\u1EC3m tra c\u1EADp nh\u1EADt \u0111\u1ECBnh k\u1EF3`));
   console.log();
-  console.log(chalk7.bold("\u2501\u2501\u2501 IDE \u2501\u2501\u2501"));
-  console.log(`  ${chalk7.cyan(`${name} ide status`)}      C\xE1c IDE \u0111\u01B0\u1EE3c ph\xE1t hi\u1EC7n`);
-  console.log(`  ${chalk7.cyan(`${name} ide setup`)}       C\u1EA5u h\xECnh IDE (VSCode optimizations)`);
-  console.log(`  ${chalk7.cyan(`${name} ide sync`)}        \u0110\u1ED3ng b\u1ED9 .jai1 content \u0111\u1EBFn IDE`);
-  console.log(`  ${chalk7.cyan(`${name} rules apply`)}     C\u1EA5u h\xECnh rules cho IDE`);
+  console.log(chalk8.bold("\u2501\u2501\u2501 IDE \u2501\u2501\u2501"));
+  console.log(`  ${chalk8.cyan(`${name} ide status`)}      C\xE1c IDE \u0111\u01B0\u1EE3c ph\xE1t hi\u1EC7n`);
+  console.log(`  ${chalk8.cyan(`${name} ide setup`)}       C\u1EA5u h\xECnh IDE (VSCode optimizations)`);
+  console.log(`  ${chalk8.cyan(`${name} ide sync`)}        \u0110\u1ED3ng b\u1ED9 .jai1 content \u0111\u1EBFn IDE`);
+  console.log(`  ${chalk8.cyan(`${name} rules apply`)}     C\u1EA5u h\xECnh rules cho IDE`);
   console.log();
-  console.log(chalk7.bold("\u2501\u2501\u2501 TASK MANAGEMENT \u2501\u2501\u2501"));
-  console.log(`  ${chalk7.cyan(`${name} t add`)}      ${chalk7.dim('"title"')} ${chalk7.dim("[-p 0-3] [-P parent]")}   T\u1EA1o task`);
-  console.log(`  ${chalk7.cyan(`${name} t list`)}     ${chalk7.dim("[-s status] [-P parent]")}        Li\u1EC7t k\xEA tasks`);
-  console.log(`  ${chalk7.cyan(`${name} t ready`)}                                   Tasks s\u1EB5n s\xE0ng`);
-  console.log(`  ${chalk7.cyan(`${name} t pick`)}                                    Claim & b\u1EAFt \u0111\u1EA7u`);
-  console.log(`  ${chalk7.cyan(`${name} t done`)}     ${chalk7.dim("<id>")}                           Ho\xE0n th\xE0nh task`);
-  console.log(`  ${chalk7.cyan(`${name} t summary`)}                                 Dashboard t\u1ED5ng quan`);
-  console.log(`  ${chalk7.cyan(`${name} t guide`)}                                   H\u01B0\u1EDBng d\u1EABn chi ti\u1EBFt`);
+  console.log(chalk8.bold("\u2501\u2501\u2501 TASK MANAGEMENT \u2501\u2501\u2501"));
+  console.log(`  ${chalk8.cyan(`${name} t add`)}      ${chalk8.dim('"title"')} ${chalk8.dim("[-p 0-3] [-P parent]")}   T\u1EA1o task`);
+  console.log(`  ${chalk8.cyan(`${name} t list`)}     ${chalk8.dim("[-s status] [-P parent]")}        Li\u1EC7t k\xEA tasks`);
+  console.log(`  ${chalk8.cyan(`${name} t ready`)}                                   Tasks s\u1EB5n s\xE0ng`);
+  console.log(`  ${chalk8.cyan(`${name} t pick`)}                                    Claim & b\u1EAFt \u0111\u1EA7u`);
+  console.log(`  ${chalk8.cyan(`${name} t done`)}     ${chalk8.dim("<id>")}                           Ho\xE0n th\xE0nh task`);
+  console.log(`  ${chalk8.cyan(`${name} t summary`)}                                 Dashboard t\u1ED5ng quan`);
+  console.log(`  ${chalk8.cyan(`${name} t guide`)}                                   H\u01B0\u1EDBng d\u1EABn chi ti\u1EBFt`);
   console.log();
-  console.log(chalk7.bold("\u2501\u2501\u2501 WORKFLOWS (d\xF9ng trong IDE) \u2501\u2501\u2501"));
-  console.log(`  ${chalk7.cyan("/improve")}          ${chalk7.dim("[feature]")}   Ph\xE2n t\xEDch & \u0111\u1EC1 xu\u1EA5t c\u1EA3i thi\u1EC7n project`);
-  console.log(`  ${chalk7.cyan("/plan")}             ${chalk7.dim("[task]")}      L\xEAn k\u1EBF ho\u1EA1ch nhanh \u2192 tasks \u2192 implement`);
-  console.log(`  ${chalk7.cyan("/develop-feature")}  ${chalk7.dim("[feature]")}   Ph\xE1t tri\u1EC3n t\xEDnh n\u0103ng (FRD \u2192 TDD \u2192 Code)`);
-  console.log(`  ${chalk7.cyan("/fix-bug")}          ${chalk7.dim("[bug]")}       Ph\xE2n t\xEDch & s\u1EEDa bug`);
-  console.log(`  ${chalk7.cyan("/commit-it")}                        Commit an to\xE0n v\u1EDBi message chi ti\u1EBFt`);
+  console.log(chalk8.bold("\u2501\u2501\u2501 WORKFLOWS (d\xF9ng trong IDE) \u2501\u2501\u2501"));
+  console.log(`  ${chalk8.cyan("/improve")}          ${chalk8.dim("[feature]")}   Ph\xE2n t\xEDch & \u0111\u1EC1 xu\u1EA5t c\u1EA3i thi\u1EC7n project`);
+  console.log(`  ${chalk8.cyan("/plan")}             ${chalk8.dim("[task]")}      L\xEAn k\u1EBF ho\u1EA1ch nhanh \u2192 tasks \u2192 implement`);
+  console.log(`  ${chalk8.cyan("/develop-feature")}  ${chalk8.dim("[feature]")}   Ph\xE1t tri\u1EC3n t\xEDnh n\u0103ng (FRD \u2192 TDD \u2192 Code)`);
+  console.log(`  ${chalk8.cyan("/fix-bug")}          ${chalk8.dim("[bug]")}       Ph\xE2n t\xEDch & s\u1EEDa bug`);
+  console.log(`  ${chalk8.cyan("/commit-it")}                        Commit an to\xE0n v\u1EDBi message chi ti\u1EBFt`);
   console.log();
-  console.log(chalk7.dim("  Workflow c\u1EA3i thi\u1EC7n project:"));
-  console.log(chalk7.dim("    1. /improve                     # Ph\xE2n t\xEDch & \u0111\u1EC1 xu\u1EA5t"));
-  console.log(chalk7.dim("    2. Ch\u1ECDn improvements c\u1EA7n l\xE0m    # User x\xE1c nh\u1EADn"));
-  console.log(chalk7.dim("    3. \u2192 T\u1EF1 \u0111\u1ED9ng g\u1ECDi /plan          # T\u1EA1o tasks & implement"));
+  console.log(chalk8.dim("  Workflow c\u1EA3i thi\u1EC7n project:"));
+  console.log(chalk8.dim("    1. /improve                     # Ph\xE2n t\xEDch & \u0111\u1EC1 xu\u1EA5t"));
+  console.log(chalk8.dim("    2. Ch\u1ECDn improvements c\u1EA7n l\xE0m    # User x\xE1c nh\u1EADn"));
+  console.log(chalk8.dim("    3. \u2192 T\u1EF1 \u0111\u1ED9ng g\u1ECDi /plan          # T\u1EA1o tasks & implement"));
   console.log();
-  console.log(chalk7.bold("\u2501\u2501\u2501 AI TOOLS \u2501\u2501\u2501"));
-  console.log(`  ${chalk7.cyan(`${name} chat`)}            Chat AI qua Jai1 LLM Proxy`);
-  console.log(`  ${chalk7.cyan(`${name} translate`)}       D\u1ECBch v\u0103n b\u1EA3n/file b\u1EB1ng AI`);
-  console.log(`  ${chalk7.cyan(`${name} image`)}           T\u1EA1o \u1EA3nh b\u1EB1ng AI`);
+  console.log(chalk8.bold("\u2501\u2501\u2501 AI TOOLS \u2501\u2501\u2501"));
+  console.log(`  ${chalk8.cyan(`${name} chat`)}            Chat AI qua Jai1 LLM Proxy`);
+  console.log(`  ${chalk8.cyan(`${name} translate`)}       D\u1ECBch v\u0103n b\u1EA3n/file b\u1EB1ng AI`);
+  console.log(`  ${chalk8.cyan(`${name} image`)}           T\u1EA1o \u1EA3nh b\u1EB1ng AI`);
   console.log();
-  console.log(chalk7.dim(`\u{1F4A1} Ch\u1EA1y "${name} <l\u1EC7nh> --help" \u0111\u1EC3 xem chi ti\u1EBFt t\u1EEBng l\u1EC7nh.`));
-  console.log(chalk7.dim(`\u{1F4A1} Ch\u1EA1y "${name} t guide" \u0111\u1EC3 xem h\u01B0\u1EDBng d\u1EABn task management \u0111\u1EA7y \u0111\u1EE7.`));
+  console.log(chalk8.dim(`\u{1F4A1} Ch\u1EA1y "${name} <l\u1EC7nh> --help" \u0111\u1EC3 xem chi ti\u1EBFt t\u1EEBng l\u1EC7nh.`));
+  console.log(chalk8.dim(`\u{1F4A1} Ch\u1EA1y "${name} t guide" \u0111\u1EC3 xem h\u01B0\u1EDBng d\u1EABn task management \u0111\u1EA7y \u0111\u1EE7.`));
   console.log();
 }
 
 // src/commands/doctor.ts
 import { Command as Command13 } from "commander";
-import chalk8 from "chalk";
+import chalk9 from "chalk";
 import { promises as fs9 } from "fs";
 import { join as join6 } from "path";
 var CORE_FILES = [
@@ -4470,8 +4097,8 @@ async function runDoctor(options) {
   const name = getCliName();
   const results = [];
   if (!options.json) {
-    console.log(chalk8.cyan.bold("\n\u{1FA7A} Jai1 Doctor\n"));
-    console.log(chalk8.dim(`  \u0110ang ki\u1EC3m tra project t\u1EA1i: ${process.cwd()}
+    console.log(chalk9.cyan.bold("\n\u{1FA7A} Jai1 Doctor\n"));
+    console.log(chalk9.dim(`  \u0110ang ki\u1EC3m tra project t\u1EA1i: ${process.cwd()}
 `));
   }
   results.push(await checkAuth(name));
@@ -4484,27 +4111,27 @@ async function runDoctor(options) {
     return;
   }
   for (const result of results) {
-    const icon = result.passed ? chalk8.green("\u2713") : chalk8.red("\u2717");
-    const label = result.passed ? chalk8.green(result.message) : chalk8.red(result.message);
-    console.log(`  ${icon}  ${chalk8.bold(result.name)}: ${label}`);
+    const icon = result.passed ? chalk9.green("\u2713") : chalk9.red("\u2717");
+    const label = result.passed ? chalk9.green(result.message) : chalk9.red(result.message);
+    console.log(`  ${icon}  ${chalk9.bold(result.name)}: ${label}`);
     if (result.details && result.details.length > 0) {
       for (const detail of result.details) {
-        console.log(chalk8.dim(`     ${detail}`));
+        console.log(chalk9.dim(`     ${detail}`));
       }
     }
     if (!result.passed && result.suggestion) {
-      console.log(chalk8.yellow(`     \u{1F4A1} ${result.suggestion}`));
+      console.log(chalk9.yellow(`     \u{1F4A1} ${result.suggestion}`));
     }
     console.log();
   }
   const passed = results.filter((r) => r.passed).length;
   const total = results.length;
   if (passed === total) {
-    console.log(chalk8.green.bold(`  \u2705 T\u1EA5t c\u1EA3 ${total} ki\u1EC3m tra \u0111\xE3 pass!
+    console.log(chalk9.green.bold(`  \u2705 T\u1EA5t c\u1EA3 ${total} ki\u1EC3m tra \u0111\xE3 pass!
 `));
   } else {
     console.log(
-      chalk8.yellow(`  \u26A0\uFE0F  ${passed}/${total} ki\u1EC3m tra pass. Xem g\u1EE3i \xFD \u1EDF tr\xEAn \u0111\u1EC3 s\u1EEDa.
+      chalk9.yellow(`  \u26A0\uFE0F  ${passed}/${total} ki\u1EC3m tra pass. Xem g\u1EE3i \xFD \u1EDF tr\xEAn \u0111\u1EC3 s\u1EEDa.
 `)
     );
   }
@@ -4656,8 +4283,8 @@ async function checkIde(cliName) {
 
 // src/commands/chat.ts
 import { Command as Command14 } from "commander";
-import React18 from "react";
-import { render as render4 } from "ink";
+import React12 from "react";
+import { render as render3 } from "ink";
 
 // src/services/llm-proxy.service.ts
 var LlmProxyService = class {
@@ -4884,16 +4511,16 @@ var LlmProxyService = class {
 };
 
 // src/ui/llm/LlmApp.tsx
-import React17, { useState as useState11, useEffect as useEffect5, useMemo as useMemo3, useCallback as useCallback3, useRef as useRef2 } from "react";
-import { Box as Box13, Text as Text14, useInput as useInput9, useApp as useApp4, useStdout } from "ink";
+import React11, { useState as useState6, useEffect as useEffect4, useMemo as useMemo3, useCallback as useCallback3, useRef as useRef2 } from "react";
+import { Box as Box8, Text as Text9, useInput as useInput4, useApp as useApp3, useStdout } from "ink";
 import Spinner4 from "ink-spinner";
 
 // src/ui/llm/hooks/useChat.ts
-import { useState as useState8, useCallback } from "react";
+import { useState as useState3, useCallback } from "react";
 function useChat(service) {
-  const [messages, setMessages] = useState8([]);
-  const [isStreaming, setIsStreaming] = useState8(false);
-  const [error, setError] = useState8(null);
+  const [messages, setMessages] = useState3([]);
+  const [isStreaming, setIsStreaming] = useState3(false);
+  const [error, setError] = useState3(null);
   const sendMessage = useCallback(
     async (content, model) => {
       if (!content.trim() || isStreaming) return;
@@ -4962,9 +4589,9 @@ function useChat(service) {
 }
 
 // src/ui/llm/hooks/useLlmApi.ts
-import { useState as useState9, useEffect as useEffect4, useCallback as useCallback2, useRef } from "react";
+import { useState as useState4, useEffect as useEffect3, useCallback as useCallback2, useRef } from "react";
 function useLlmApi(service) {
-  const [state, setState] = useState9({
+  const [state, setState] = useState4({
     models: [],
     limits: null,
     usage: null,
@@ -4997,7 +4624,7 @@ function useLlmApi(service) {
       }));
     }
   }, [service]);
-  useEffect4(() => {
+  useEffect3(() => {
     if (!hasFetched.current) {
       hasFetched.current = true;
       fetchData(true);
@@ -5013,26 +4640,26 @@ function useLlmApi(service) {
 }
 
 // src/ui/llm/components/ChatPanel.tsx
-import React15, { memo as memo3 } from "react";
-import { Box as Box11, Text as Text12 } from "ink";
+import React9, { memo as memo3 } from "react";
+import { Box as Box6, Text as Text7 } from "ink";
 import Spinner3 from "ink-spinner";
 
 // src/ui/llm/components/MessageItem.tsx
-import React13, { memo } from "react";
-import { Box as Box9, Text as Text10 } from "ink";
+import React7, { memo } from "react";
+import { Box as Box4, Text as Text5 } from "ink";
 var MessageItem = memo(({ message }) => {
   if (message.role === "user") {
-    return /* @__PURE__ */ React13.createElement(Box9, { flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ React13.createElement(Text10, { color: "cyan", bold: true }, "You:"), /* @__PURE__ */ React13.createElement(Text10, { wrap: "wrap" }, message.content));
+    return /* @__PURE__ */ React7.createElement(Box4, { flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ React7.createElement(Text5, { color: "cyan", bold: true }, "You:"), /* @__PURE__ */ React7.createElement(Text5, { wrap: "wrap" }, message.content));
   }
   if (message.role === "assistant") {
-    return /* @__PURE__ */ React13.createElement(Box9, { flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ React13.createElement(Text10, { color: "green", bold: true }, "Jai1:"), /* @__PURE__ */ React13.createElement(Text10, { wrap: "wrap" }, message.content));
+    return /* @__PURE__ */ React7.createElement(Box4, { flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ React7.createElement(Text5, { color: "green", bold: true }, "Jai1:"), /* @__PURE__ */ React7.createElement(Text5, { wrap: "wrap" }, message.content));
   }
-  return /* @__PURE__ */ React13.createElement(Box9, { marginBottom: 1 }, /* @__PURE__ */ React13.createElement(Text10, { dimColor: true, italic: true }, message.content));
+  return /* @__PURE__ */ React7.createElement(Box4, { marginBottom: 1 }, /* @__PURE__ */ React7.createElement(Text5, { dimColor: true, italic: true }, message.content));
 });
 
 // src/ui/llm/components/InputBox.tsx
-import React14, { memo as memo2 } from "react";
-import { Box as Box10, Text as Text11 } from "ink";
+import React8, { memo as memo2 } from "react";
+import { Box as Box5, Text as Text6 } from "ink";
 import TextInput3 from "ink-text-input";
 var InputBox = memo2(({
   value,
@@ -5040,7 +4667,7 @@ var InputBox = memo2(({
   onSubmit,
   disabled = false,
   focused = true
-}) => /* @__PURE__ */ React14.createElement(Box10, { borderStyle: "round", borderColor: "cyan", paddingX: 1 }, /* @__PURE__ */ React14.createElement(Text11, { color: "cyan" }, "\u276F "), !disabled ? /* @__PURE__ */ React14.createElement(
+}) => /* @__PURE__ */ React8.createElement(Box5, { borderStyle: "round", borderColor: "cyan", paddingX: 1 }, /* @__PURE__ */ React8.createElement(Text6, { color: "cyan" }, "\u276F "), !disabled ? /* @__PURE__ */ React8.createElement(
   TextInput3,
   {
     value,
@@ -5049,19 +4676,19 @@ var InputBox = memo2(({
     placeholder: "Type your message...",
     focus: focused
   }
-) : /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, "Waiting...")));
+) : /* @__PURE__ */ React8.createElement(Text6, { dimColor: true }, "Waiting...")));
 
 // src/ui/llm/components/ChatPanel.tsx
 var MessageList = memo3(({ messages }) => {
   const visible = messages.slice(-8);
   const hidden = messages.length - visible.length;
   if (visible.length === 0) {
-    return /* @__PURE__ */ React15.createElement(Box11, { flexDirection: "column", alignItems: "center", padding: 1 }, /* @__PURE__ */ React15.createElement(Text12, { dimColor: true }, "Start a conversation..."), /* @__PURE__ */ React15.createElement(Text12, { dimColor: true }, "Type / for commands"));
+    return /* @__PURE__ */ React9.createElement(Box6, { flexDirection: "column", alignItems: "center", padding: 1 }, /* @__PURE__ */ React9.createElement(Text7, { dimColor: true }, "Start a conversation..."), /* @__PURE__ */ React9.createElement(Text7, { dimColor: true }, "Type / for commands"));
   }
-  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, hidden > 0 && /* @__PURE__ */ React15.createElement(Text12, { dimColor: true }, "(", hidden, " earlier)"), visible.map((m) => /* @__PURE__ */ React15.createElement(MessageItem, { key: m.id, message: m })));
+  return /* @__PURE__ */ React9.createElement(React9.Fragment, null, hidden > 0 && /* @__PURE__ */ React9.createElement(Text7, { dimColor: true }, "(", hidden, " earlier)"), visible.map((m) => /* @__PURE__ */ React9.createElement(MessageItem, { key: m.id, message: m })));
 });
-var SlashMenu = memo3(({ commands, index }) => /* @__PURE__ */ React15.createElement(Box11, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1 }, /* @__PURE__ */ React15.createElement(Text12, { bold: true, color: "cyan" }, "Commands"), commands.map((cmd, i) => /* @__PURE__ */ React15.createElement(
-  Text12,
+var SlashMenu = memo3(({ commands, index }) => /* @__PURE__ */ React9.createElement(Box6, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1 }, /* @__PURE__ */ React9.createElement(Text7, { bold: true, color: "cyan" }, "Commands"), commands.map((cmd, i) => /* @__PURE__ */ React9.createElement(
+  Text7,
   {
     key: cmd.name,
     backgroundColor: i === index ? "cyan" : void 0,
@@ -5086,7 +4713,7 @@ var ChatPanel = ({
   minHeight = 15
 }) => {
   const messagesMinHeight = Math.max(5, minHeight - 4 - (showSlashMenu ? 5 : 0));
-  return /* @__PURE__ */ React15.createElement(Box11, { flexDirection: "column" }, /* @__PURE__ */ React15.createElement(Box11, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 1, minHeight: messagesMinHeight }, /* @__PURE__ */ React15.createElement(MessageList, { messages }), isStreaming && /* @__PURE__ */ React15.createElement(Text12, { color: "green" }, /* @__PURE__ */ React15.createElement(Spinner3, { type: "dots" }), " Responding...")), showSlashMenu && slashCommands.length > 0 && /* @__PURE__ */ React15.createElement(SlashMenu, { commands: slashCommands, index: slashMenuIndex }), /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React9.createElement(Box6, { flexDirection: "column" }, /* @__PURE__ */ React9.createElement(Box6, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 1, minHeight: messagesMinHeight }, /* @__PURE__ */ React9.createElement(MessageList, { messages }), isStreaming && /* @__PURE__ */ React9.createElement(Text7, { color: "green" }, /* @__PURE__ */ React9.createElement(Spinner3, { type: "dots" }), " Responding...")), showSlashMenu && slashCommands.length > 0 && /* @__PURE__ */ React9.createElement(SlashMenu, { commands: slashCommands, index: slashMenuIndex }), /* @__PURE__ */ React9.createElement(
     InputBox,
     {
       value: inputValue,
@@ -5099,8 +4726,8 @@ var ChatPanel = ({
 };
 
 // src/ui/llm/components/ModelSelector.tsx
-import React16, { useState as useState10 } from "react";
-import { Box as Box12, Text as Text13, useInput as useInput8 } from "ink";
+import React10, { useState as useState5 } from "react";
+import { Box as Box7, Text as Text8, useInput as useInput3 } from "ink";
 var ModelSelector = ({
   models,
   currentModel,
@@ -5109,8 +4736,8 @@ var ModelSelector = ({
 }) => {
   const allowedModels = models.filter((m) => m.allowed);
   const currentIndex = allowedModels.findIndex((m) => m.id === currentModel);
-  const [selectedIndex, setSelectedIndex] = useState10(Math.max(0, currentIndex));
-  useInput8((input5, key) => {
+  const [selectedIndex, setSelectedIndex] = useState5(Math.max(0, currentIndex));
+  useInput3((input5, key) => {
     if (key.escape) {
       onCancel();
       return;
@@ -5127,8 +4754,8 @@ var ModelSelector = ({
     }
   });
   if (allowedModels.length === 0) {
-    return /* @__PURE__ */ React16.createElement(
-      Box12,
+    return /* @__PURE__ */ React10.createElement(
+      Box7,
       {
         flexDirection: "column",
         borderStyle: "round",
@@ -5136,12 +4763,12 @@ var ModelSelector = ({
         padding: 1,
         width: 60
       },
-      /* @__PURE__ */ React16.createElement(Text13, { color: "red", bold: true }, "No models available"),
-      /* @__PURE__ */ React16.createElement(Text13, { dimColor: true }, "Press Esc to close")
+      /* @__PURE__ */ React10.createElement(Text8, { color: "red", bold: true }, "No models available"),
+      /* @__PURE__ */ React10.createElement(Text8, { dimColor: true }, "Press Esc to close")
     );
   }
-  return /* @__PURE__ */ React16.createElement(
-    Box12,
+  return /* @__PURE__ */ React10.createElement(
+    Box7,
     {
       flexDirection: "column",
       borderStyle: "round",
@@ -5149,8 +4776,8 @@ var ModelSelector = ({
       padding: 1,
       width: 70
     },
-    /* @__PURE__ */ React16.createElement(Box12, { marginBottom: 1 }, /* @__PURE__ */ React16.createElement(Text13, { bold: true, color: "cyan" }, "\u2699\uFE0F  Select Model")),
-    /* @__PURE__ */ React16.createElement(Box12, { flexDirection: "column", marginBottom: 1 }, allowedModels.map((model, i) => {
+    /* @__PURE__ */ React10.createElement(Box7, { marginBottom: 1 }, /* @__PURE__ */ React10.createElement(Text8, { bold: true, color: "cyan" }, "\u2699\uFE0F  Select Model")),
+    /* @__PURE__ */ React10.createElement(Box7, { flexDirection: "column", marginBottom: 1 }, allowedModels.map((model, i) => {
       const isSelected = i === selectedIndex;
       const isCurrent = model.id === currentModel;
       const icon = isSelected ? "\u25CF" : "\u25CB";
@@ -5158,8 +4785,8 @@ var ModelSelector = ({
       if (model.dailyLimit !== void 0 && model.usedToday !== void 0) {
         usageText = ` (${model.usedToday}/${model.dailyLimit})`;
       }
-      return /* @__PURE__ */ React16.createElement(Box12, { key: model.id, marginY: 0 }, /* @__PURE__ */ React16.createElement(
-        Text13,
+      return /* @__PURE__ */ React10.createElement(Box7, { key: model.id, marginY: 0 }, /* @__PURE__ */ React10.createElement(
+        Text8,
         {
           backgroundColor: isSelected ? "cyan" : void 0,
           color: isSelected ? "black" : "white"
@@ -5172,7 +4799,7 @@ var ModelSelector = ({
         usageText
       ));
     })),
-    /* @__PURE__ */ React16.createElement(Box12, { borderStyle: "single", borderColor: "gray", paddingX: 1 }, /* @__PURE__ */ React16.createElement(Text13, { dimColor: true }, "[\u2191\u2193] Navigate  [Enter] Select  [Esc] Cancel"))
+    /* @__PURE__ */ React10.createElement(Box7, { borderStyle: "single", borderColor: "gray", paddingX: 1 }, /* @__PURE__ */ React10.createElement(Text8, { dimColor: true }, "[\u2191\u2193] Navigate  [Enter] Select  [Esc] Cancel"))
   );
 };
 
@@ -5183,17 +4810,17 @@ var SLASH_COMMANDS = [
   { name: "quit", description: "Exit the chat", aliases: ["q", "exit"] }
 ];
 var ChatApp = ({ service, initialModel }) => {
-  const { exit } = useApp4();
+  const { exit } = useApp3();
   const { stdout } = useStdout();
   const contentHeight = useRef2(Math.max(10, (stdout?.rows || 24) - 6));
-  const [currentView, setCurrentView] = useState11("loading");
-  const [showSlashMenu, setShowSlashMenu] = useState11(false);
-  const [slashMenuIndex, setSlashMenuIndex] = useState11(0);
-  const [inputValue, setInputValue] = useState11("");
-  const [selectedModel, setSelectedModel] = useState11("");
+  const [currentView, setCurrentView] = useState6("loading");
+  const [showSlashMenu, setShowSlashMenu] = useState6(false);
+  const [slashMenuIndex, setSlashMenuIndex] = useState6(0);
+  const [inputValue, setInputValue] = useState6("");
+  const [selectedModel, setSelectedModel] = useState6("");
   const { models, loading, error, refetch } = useLlmApi(service);
   const { messages, isStreaming, sendMessage } = useChat(service);
-  useEffect5(() => {
+  useEffect4(() => {
     if (error && !loading) {
       setCurrentView("error");
       return;
@@ -5236,7 +4863,7 @@ var ChatApp = ({ service, initialModel }) => {
     }
     return false;
   }, [refetch, exit]);
-  useInput9((input5, key) => {
+  useInput4((input5, key) => {
     if (showSlashMenu) {
       if (key.upArrow) {
         setSlashMenuIndex((i) => Math.max(0, i - 1));
@@ -5297,16 +4924,16 @@ var ChatApp = ({ service, initialModel }) => {
   }, []);
   const statsView = useMemo3(() => {
     const allowed = models.filter((m) => m.allowed);
-    return /* @__PURE__ */ React17.createElement(Box13, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", padding: 1 }, /* @__PURE__ */ React17.createElement(Text14, { bold: true, color: "cyan" }, "\u{1F4CA} Model Usage Statistics"), allowed.map((m) => {
+    return /* @__PURE__ */ React11.createElement(Box8, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", padding: 1 }, /* @__PURE__ */ React11.createElement(Text9, { bold: true, color: "cyan" }, "\u{1F4CA} Model Usage Statistics"), allowed.map((m) => {
       const limit = m.dailyLimit ?? 0;
       const used = m.usedToday ?? 0;
-      const pct = limit > 0 ? Math.round(used / limit * 100) : 0;
-      const bar = "\u2588".repeat(Math.round(pct / 5)) + "\u2591".repeat(20 - Math.round(pct / 5));
-      return /* @__PURE__ */ React17.createElement(Box13, { key: m.id, flexDirection: "column" }, /* @__PURE__ */ React17.createElement(Text14, { color: m.id === selectedModel ? "yellow" : "white" }, m.id === selectedModel ? "\u25BA " : "  ", m.id), /* @__PURE__ */ React17.createElement(Text14, { color: pct > 80 ? "red" : pct > 50 ? "yellow" : "green" }, "    ", bar, " ", /* @__PURE__ */ React17.createElement(Text14, { dimColor: true }, used, "/", limit)));
-    }), /* @__PURE__ */ React17.createElement(Text14, { dimColor: true }, "[Esc] Back"));
+      const pct2 = limit > 0 ? Math.round(used / limit * 100) : 0;
+      const bar = "\u2588".repeat(Math.round(pct2 / 5)) + "\u2591".repeat(20 - Math.round(pct2 / 5));
+      return /* @__PURE__ */ React11.createElement(Box8, { key: m.id, flexDirection: "column" }, /* @__PURE__ */ React11.createElement(Text9, { color: m.id === selectedModel ? "yellow" : "white" }, m.id === selectedModel ? "\u25BA " : "  ", m.id), /* @__PURE__ */ React11.createElement(Text9, { color: pct2 > 80 ? "red" : pct2 > 50 ? "yellow" : "green" }, "    ", bar, " ", /* @__PURE__ */ React11.createElement(Text9, { dimColor: true }, used, "/", limit)));
+    }), /* @__PURE__ */ React11.createElement(Text9, { dimColor: true }, "[Esc] Back"));
   }, [models, selectedModel]);
   const footer = currentView === "error" ? "[Enter/r] Retry \u2022 [Esc] Quit" : currentView === "model" || currentView === "stats" ? "[\u2191\u2193] Navigate \u2022 [Enter] Select \u2022 [Esc] Back" : showSlashMenu ? "[\u2191\u2193] Navigate \u2022 [Enter] Select \u2022 [Esc] Cancel" : "[Tab] Next Model \u2022 [/] Commands \u2022 [Esc] Quit";
-  return /* @__PURE__ */ React17.createElement(Box13, { flexDirection: "column" }, /* @__PURE__ */ React17.createElement(Box13, { borderStyle: "double", borderColor: "magenta", paddingX: 1 }, /* @__PURE__ */ React17.createElement(Text14, { bold: true, color: "magenta" }, "\u{1F916} Jai1 Chat"), /* @__PURE__ */ React17.createElement(Box13, { flexGrow: 1 }), /* @__PURE__ */ React17.createElement(Text14, { dimColor: true }, "Model: "), /* @__PURE__ */ React17.createElement(Text14, { color: "yellow", bold: true }, selectedModel || "...")), currentView === "loading" ? /* @__PURE__ */ React17.createElement(Box13, { padding: 2, minHeight: contentHeight.current, alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ React17.createElement(Text14, null, /* @__PURE__ */ React17.createElement(Spinner4, { type: "dots" }), " Loading...")) : currentView === "error" ? /* @__PURE__ */ React17.createElement(Box13, { padding: 2, minHeight: contentHeight.current, alignItems: "center", justifyContent: "center", flexDirection: "column" }, /* @__PURE__ */ React17.createElement(Text14, { color: "red", bold: true }, "Connection Error"), /* @__PURE__ */ React17.createElement(Text14, { color: "red" }, error), /* @__PURE__ */ React17.createElement(Text14, { dimColor: true }, " "), /* @__PURE__ */ React17.createElement(Text14, { dimColor: true }, "Press Enter or 'r' to retry")) : currentView === "model" ? /* @__PURE__ */ React17.createElement(Box13, { padding: 1, minHeight: contentHeight.current, justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React17.createElement(
+  return /* @__PURE__ */ React11.createElement(Box8, { flexDirection: "column" }, /* @__PURE__ */ React11.createElement(Box8, { borderStyle: "double", borderColor: "magenta", paddingX: 1 }, /* @__PURE__ */ React11.createElement(Text9, { bold: true, color: "magenta" }, "\u{1F916} Jai1 Chat"), /* @__PURE__ */ React11.createElement(Box8, { flexGrow: 1 }), /* @__PURE__ */ React11.createElement(Text9, { dimColor: true }, "Model: "), /* @__PURE__ */ React11.createElement(Text9, { color: "yellow", bold: true }, selectedModel || "...")), currentView === "loading" ? /* @__PURE__ */ React11.createElement(Box8, { padding: 2, minHeight: contentHeight.current, alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ React11.createElement(Text9, null, /* @__PURE__ */ React11.createElement(Spinner4, { type: "dots" }), " Loading...")) : currentView === "error" ? /* @__PURE__ */ React11.createElement(Box8, { padding: 2, minHeight: contentHeight.current, alignItems: "center", justifyContent: "center", flexDirection: "column" }, /* @__PURE__ */ React11.createElement(Text9, { color: "red", bold: true }, "Connection Error"), /* @__PURE__ */ React11.createElement(Text9, { color: "red" }, error), /* @__PURE__ */ React11.createElement(Text9, { dimColor: true }, " "), /* @__PURE__ */ React11.createElement(Text9, { dimColor: true }, "Press Enter or 'r' to retry")) : currentView === "model" ? /* @__PURE__ */ React11.createElement(Box8, { padding: 1, minHeight: contentHeight.current, justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React11.createElement(
     ModelSelector,
     {
       models,
@@ -5314,7 +4941,7 @@ var ChatApp = ({ service, initialModel }) => {
       onSelect: onSelectModel,
       onCancel: () => setCurrentView("chat")
     }
-  )) : currentView === "stats" ? /* @__PURE__ */ React17.createElement(Box13, { padding: 1, minHeight: contentHeight.current, justifyContent: "center", alignItems: "center" }, statsView) : /* @__PURE__ */ React17.createElement(
+  )) : currentView === "stats" ? /* @__PURE__ */ React11.createElement(Box8, { padding: 1, minHeight: contentHeight.current, justifyContent: "center", alignItems: "center" }, statsView) : /* @__PURE__ */ React11.createElement(
     ChatPanel,
     {
       messages,
@@ -5328,7 +4955,7 @@ var ChatApp = ({ service, initialModel }) => {
       slashMenuIndex,
       minHeight: contentHeight.current
     }
-  ), /* @__PURE__ */ React17.createElement(Box13, { borderStyle: "single", borderColor: "gray", paddingX: 1 }, /* @__PURE__ */ React17.createElement(Text14, { dimColor: true }, footer)));
+  ), /* @__PURE__ */ React11.createElement(Box8, { borderStyle: "single", borderColor: "gray", paddingX: 1 }, /* @__PURE__ */ React11.createElement(Text9, { dimColor: true }, footer)));
 };
 
 // src/server/web-chat-server.ts
@@ -6232,8 +5859,8 @@ async function handleTerminalChat(options) {
     throw new ValidationError('Not initialized. Run "jai1 auth" first.');
   }
   const service = new LlmProxyService(config);
-  const { waitUntilExit, clear } = render4(
-    React18.createElement(ChatApp, {
+  const { waitUntilExit, clear } = render3(
+    React12.createElement(ChatApp, {
       service,
       initialModel: options.model
     }),
@@ -6305,7 +5932,7 @@ function createChatCommand() {
 
 // src/commands/openai-keys.ts
 import { Command as Command15 } from "commander";
-import chalk9 from "chalk";
+import chalk10 from "chalk";
 import boxen3 from "boxen";
 function maskKey2(key) {
   if (key.length <= 8) return "****";
@@ -6319,17 +5946,17 @@ async function handleOpenAiKeysCommand(options) {
   }
   const service = new LlmProxyService(config);
   console.log(
-    boxen3(chalk9.cyan.bold("\u{1F4E1} Jai1 LLM Proxy - OpenAI Compatible API"), {
+    boxen3(chalk10.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(chalk9.bold("\u{1F511} API Credentials"));
-  console.log(`   ${chalk9.dim("BASE_URL:")} ${chalk9.white(service.getBaseUrl())}`);
+  console.log(chalk10.bold("\u{1F511} API Credentials"));
+  console.log(`   ${chalk10.dim("BASE_URL:")} ${chalk10.white(service.getBaseUrl())}`);
   console.log(
-    `   ${chalk9.dim("API_KEY:")}  ${options.full ? chalk9.green(service.getApiKey()) : chalk9.yellow(maskKey2(service.getApiKey()))}`
+    `   ${chalk10.dim("API_KEY:")}  ${options.full ? chalk10.green(service.getApiKey()) : chalk10.yellow(maskKey2(service.getApiKey()))}`
   );
   console.log();
   try {
@@ -6338,39 +5965,39 @@ async function handleOpenAiKeysCommand(options) {
       service.getLimits()
     ]);
     const allowedModels = models.filter((m) => m.allowed);
-    console.log(chalk9.bold("\u{1F4E6} Available Models"));
+    console.log(chalk10.bold("\u{1F4E6} Available Models"));
     if (allowedModels.length === 0) {
-      console.log(chalk9.dim("   Kh\xF4ng c\xF3 models kh\u1EA3 d\u1EE5ng"));
+      console.log(chalk10.dim("   Kh\xF4ng c\xF3 models kh\u1EA3 d\u1EE5ng"));
     } else {
       for (const model of allowedModels) {
-        const usageText = model.dailyLimit !== void 0 && model.usedToday !== void 0 ? chalk9.dim(` (${model.usedToday}/${model.dailyLimit} h\xF4m nay)`) : "";
-        console.log(`   ${chalk9.green("\u2713")} ${chalk9.white(model.id)}${usageText}`);
+        const usageText = model.dailyLimit !== void 0 && model.usedToday !== void 0 ? chalk10.dim(` (${model.usedToday}/${model.dailyLimit} h\xF4m nay)`) : "";
+        console.log(`   ${chalk10.green("\u2713")} ${chalk10.white(model.id)}${usageText}`);
       }
     }
     console.log();
     const defaultModel = allowedModels[0]?.id || "gpt-4o";
-    console.log(chalk9.bold("\u{1F4DD} Sample cURL"));
+    console.log(chalk10.bold("\u{1F4DD} Sample cURL"));
     console.log();
     const curlSample = options.full ? service.generateFullCurlSample(defaultModel) : service.generateCurlSample(defaultModel);
     const curlLines = curlSample.split("\n");
     for (const line of curlLines) {
-      console.log(chalk9.dim(`   ${line}`));
+      console.log(chalk10.dim(`   ${line}`));
     }
     console.log();
-    console.log(chalk9.bold("\u{1F4A1} C\xE1ch s\u1EED d\u1EE5ng"));
-    console.log(chalk9.dim("   - Thay th\u1EBF OpenAI API URL v\xE0 API Key"));
-    console.log(chalk9.dim("   - T\u01B0\u01A1ng th\xEDch: OpenAI SDK, LangChain, LlamaIndex, v.v."));
-    console.log(chalk9.dim('   - Ch\u1EA1y "jai1 chat" \u0111\u1EC3 chat tr\u1EF1c ti\u1EBFp'));
+    console.log(chalk10.bold("\u{1F4A1} C\xE1ch s\u1EED d\u1EE5ng"));
+    console.log(chalk10.dim("   - Thay th\u1EBF OpenAI API URL v\xE0 API Key"));
+    console.log(chalk10.dim("   - T\u01B0\u01A1ng th\xEDch: OpenAI SDK, LangChain, LlamaIndex, v.v."));
+    console.log(chalk10.dim('   - Ch\u1EA1y "jai1 chat" \u0111\u1EC3 chat tr\u1EF1c ti\u1EBFp'));
     if (!options.full) {
-      console.log(chalk9.dim('   - Ch\u1EA1y "jai1 openai-keys --full" \u0111\u1EC3 hi\u1EC3n th\u1ECB API key \u0111\u1EA7y \u0111\u1EE7'));
+      console.log(chalk10.dim('   - Ch\u1EA1y "jai1 openai-keys --full" \u0111\u1EC3 hi\u1EC3n th\u1ECB API key \u0111\u1EA7y \u0111\u1EE7'));
     }
   } catch (error) {
     console.log();
     console.log(
-      chalk9.red("\u274C L\u1ED7i khi l\u1EA5y th\xF4ng tin API:"),
-      chalk9.dim(error instanceof Error ? error.message : String(error))
+      chalk10.red("\u274C L\u1ED7i khi l\u1EA5y th\xF4ng tin API:"),
+      chalk10.dim(error instanceof Error ? error.message : String(error))
     );
-    console.log(chalk9.dim('\n\u{1F4A1} Ki\u1EC3m tra API URL v\xE0 access key v\u1EDBi "jai1 status"'));
+    console.log(chalk10.dim('\n\u{1F4A1} Ki\u1EC3m tra API URL v\xE0 access key v\u1EDBi "jai1 status"'));
   }
 }
 function createOpenAiKeysCommand() {
@@ -6383,7 +6010,7 @@ function createOpenAiKeysCommand() {
 // src/commands/stats.ts
 import { Command as Command16 } from "commander";
 import Table2 from "cli-table3";
-import chalk10 from "chalk";
+import chalk11 from "chalk";
 async function handleStatsCommand() {
   const configService = new ConfigService();
   const config = await configService.load();
@@ -6393,8 +6020,8 @@ async function handleStatsCommand() {
     );
   }
   const service = new LlmProxyService(config);
-  console.log(chalk10.bold("\n\u{1F4CA} Th\u1ED1ng K\xEA S\u1EED D\u1EE5ng LLM"));
-  console.log(chalk10.dim("\u2500".repeat(45)));
+  console.log(chalk11.bold("\n\u{1F4CA} Th\u1ED1ng K\xEA S\u1EED D\u1EE5ng LLM"));
+  console.log(chalk11.dim("\u2500".repeat(45)));
   try {
     const [limits, usage7Days, usageToday] = await Promise.all([
       service.getLimits(),
@@ -6404,7 +6031,7 @@ async function handleStatsCommand() {
     const today = (/* @__PURE__ */ new Date()).toLocaleDateString("en-CA", {
       timeZone: "Asia/Ho_Chi_Minh"
     });
-    console.log(chalk10.cyan("\n\u{1F4C5} Kho\u1EA3ng th\u1EDDi gian: 7 ng\xE0y qua\n"));
+    console.log(chalk11.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) => {
@@ -6424,16 +6051,16 @@ async function handleStatsCommand() {
         modelData.today = record.count;
       }
     });
-    console.log(chalk10.bold("\u{1F4C8} T\u1ED5ng quan s\u1EED d\u1EE5ng"));
-    console.log(`   T\u1ED5ng s\u1ED1 y\xEAu c\u1EA7u (7 ng\xE0y): ${chalk10.green(total7DaysRequests)}
+    console.log(chalk11.bold("\u{1F4C8} T\u1ED5ng quan s\u1EED d\u1EE5ng"));
+    console.log(`   T\u1ED5ng s\u1ED1 y\xEAu c\u1EA7u (7 ng\xE0y): ${chalk11.green(total7DaysRequests)}
 `);
-    console.log(chalk10.bold("\u{1F4E6} Th\u1ED1ng k\xEA theo model\n"));
+    console.log(chalk11.bold("\u{1F4E6} Th\u1ED1ng k\xEA theo model\n"));
     const table = new Table2({
       head: [
-        chalk10.bold("Model"),
-        chalk10.bold("H\xF4m nay"),
-        chalk10.bold("Gi\u1EDBi h\u1EA1n"),
-        chalk10.bold("T\u1ED5ng 7 ng\xE0y")
+        chalk11.bold("Model"),
+        chalk11.bold("H\xF4m nay"),
+        chalk11.bold("Gi\u1EDBi h\u1EA1n"),
+        chalk11.bold("T\u1ED5ng 7 ng\xE0y")
       ],
       style: {
         head: ["cyan"],
@@ -6445,7 +6072,7 @@ async function handleStatsCommand() {
     const rateLimits = limits.effectiveRateLimits || {};
     if (allowedModels.length === 0) {
       table.push([
-        { colSpan: 4, content: chalk10.yellow("Kh\xF4ng c\xF3 model n\xE0o kh\u1EA3 d\u1EE5ng") }
+        { colSpan: 4, content: chalk11.yellow("Kh\xF4ng c\xF3 model n\xE0o kh\u1EA3 d\u1EE5ng") }
       ]);
     } else {
       allowedModels.forEach((modelId) => {
@@ -6454,25 +6081,25 @@ async function handleStatsCommand() {
         const usagePercent = limit > 0 ? usage.today / limit : 0;
         let todayDisplay = `${usage.today}/${limit}`;
         if (usagePercent >= 0.9) {
-          todayDisplay = chalk10.red(todayDisplay);
+          todayDisplay = chalk11.red(todayDisplay);
         } else if (usagePercent >= 0.7) {
-          todayDisplay = chalk10.yellow(todayDisplay);
+          todayDisplay = chalk11.yellow(todayDisplay);
         } else {
-          todayDisplay = chalk10.green(todayDisplay);
+          todayDisplay = chalk11.green(todayDisplay);
         }
         table.push([modelId, todayDisplay, `${limit}/ng\xE0y`, String(usage.total7Days)]);
       });
     }
     console.log(table.toString());
     console.log(
-      chalk10.dim('\n\u{1F4A1} M\u1EB9o: Ch\u1EA1y "jai1 openai-keys" \u0111\u1EC3 xem danh s\xE1ch model kh\u1EA3 d\u1EE5ng')
+      chalk11.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(
-      chalk10.red("\n\u274C Kh\xF4ng th\u1EC3 l\u1EA5y th\u1ED1ng k\xEA:"),
+      chalk11.red("\n\u274C Kh\xF4ng th\u1EC3 l\u1EA5y th\u1ED1ng k\xEA:"),
       error instanceof Error ? error.message : String(error)
     );
-    console.log(chalk10.dim('\n\u{1F4A1} Ki\u1EC3m tra k\u1EBFt n\u1ED1i API v\u1EDBi "jai1 status"'));
+    console.log(chalk11.dim('\n\u{1F4A1} Ki\u1EC3m tra k\u1EBFt n\u1ED1i API v\u1EDBi "jai1 status"'));
   }
 }
 function createStatsCommand() {
@@ -6839,7 +6466,7 @@ function createTranslateCommand() {
 
 // src/commands/image/index.ts
 import { Command as Command22 } from "commander";
-import chalk11 from "chalk";
+import chalk12 from "chalk";
 
 // src/commands/image/gen.ts
 import { Command as Command18 } from "commander";
@@ -7114,22 +6741,22 @@ function createImageDeleteCommand() {
 
 // src/commands/image/index.ts
 function showImageHelp() {
-  console.log(chalk11.bold.cyan("\u{1F3A8} jai1 image") + chalk11.dim(" - Image generation commands"));
+  console.log(chalk12.bold.cyan("\u{1F3A8} jai1 image") + chalk12.dim(" - Image generation commands"));
   console.log();
-  console.log(chalk11.yellow("\u26A0\uFE0F  Coming Soon - T\xEDnh n\u0103ng \u0111ang ph\xE1t tri\u1EC3n"));
+  console.log(chalk12.yellow("\u26A0\uFE0F  Coming Soon - T\xEDnh n\u0103ng \u0111ang ph\xE1t tri\u1EC3n"));
   console.log();
-  console.log(chalk11.bold("C\xE1c l\u1EC7nh:"));
-  console.log(`  ${chalk11.cyan("gen")}       T\u1EA1o \u1EA3nh t\u1EEB prompt`);
-  console.log(`  ${chalk11.cyan("list")}      Li\u1EC7t k\xEA c\xE1c \u1EA3nh \u0111\xE3 t\u1EA1o`);
-  console.log(`  ${chalk11.cyan("info")}      Xem th\xF4ng tin \u1EA3nh`);
-  console.log(`  ${chalk11.cyan("delete")}    X\xF3a \u1EA3nh`);
+  console.log(chalk12.bold("C\xE1c l\u1EC7nh:"));
+  console.log(`  ${chalk12.cyan("gen")}       T\u1EA1o \u1EA3nh t\u1EEB prompt`);
+  console.log(`  ${chalk12.cyan("list")}      Li\u1EC7t k\xEA c\xE1c \u1EA3nh \u0111\xE3 t\u1EA1o`);
+  console.log(`  ${chalk12.cyan("info")}      Xem th\xF4ng tin \u1EA3nh`);
+  console.log(`  ${chalk12.cyan("delete")}    X\xF3a \u1EA3nh`);
   console.log();
-  console.log(chalk11.bold("V\xED d\u1EE5:"));
-  console.log(chalk11.dim('  $ jai1 image gen "a cute cat"'));
-  console.log(chalk11.dim("  $ jai1 image list"));
-  console.log(chalk11.dim("  $ jai1 image info <image-id>"));
+  console.log(chalk12.bold("V\xED d\u1EE5:"));
+  console.log(chalk12.dim('  $ jai1 image gen "a cute cat"'));
+  console.log(chalk12.dim("  $ jai1 image list"));
+  console.log(chalk12.dim("  $ jai1 image info <image-id>"));
   console.log();
-  console.log(chalk11.dim('Ch\u1EA1y "jai1 image <l\u1EC7nh> --help" \u0111\u1EC3 xem chi ti\u1EBFt'));
+  console.log(chalk12.dim('Ch\u1EA1y "jai1 image <l\u1EC7nh> --help" \u0111\u1EC3 xem chi ti\u1EBFt'));
 }
 function createImageCommand() {
   const cmd = new Command22("image").description("Image generation commands (Coming Soon)").action(() => {
@@ -7630,11 +7257,11 @@ async function confirmSubmit(summary, jsonMode) {
 
 // src/commands/errors/index.ts
 import { Command as Command28 } from "commander";
-import chalk13 from "chalk";
+import chalk14 from "chalk";
 
 // src/commands/errors/list.ts
 import { Command as Command25 } from "commander";
-import chalk12 from "chalk";
+import chalk13 from "chalk";
 import Table3 from "cli-table3";
 function createErrorsListSubcommand() {
   return new Command25("list").description("Danh s\xE1ch error logs").option("--json", "Output JSON format").action(async (options) => {
@@ -7671,7 +7298,7 @@ function createErrorsListSubcommand() {
     });
     for (const log of logs) {
       table.push([
-        chalk12.cyan(log.id),
+        chalk13.cyan(log.id),
         log.timestamp || "-",
         log.command || "-",
         log.message || "-"
@@ -7750,19 +7377,19 @@ function createErrorsClearSubcommand() {
 
 // src/commands/errors/index.ts
 function showErrorsHelp() {
-  console.log(chalk13.bold.cyan("\u{1F9FE} jai1 errors") + chalk13.dim(" - Qu\u1EA3n l\xFD error logs c\u1EE5c b\u1ED9"));
+  console.log(chalk14.bold.cyan("\u{1F9FE} jai1 errors") + chalk14.dim(" - Qu\u1EA3n l\xFD error logs c\u1EE5c b\u1ED9"));
   console.log();
-  console.log(chalk13.bold("C\xE1c l\u1EC7nh:"));
-  console.log(`  ${chalk13.cyan("list")}      Danh s\xE1ch error logs`);
-  console.log(`  ${chalk13.cyan("show")}      Xem chi ti\u1EBFt error log`);
-  console.log(`  ${chalk13.cyan("clear")}     Xo\xE1 error logs`);
+  console.log(chalk14.bold("C\xE1c l\u1EC7nh:"));
+  console.log(`  ${chalk14.cyan("list")}      Danh s\xE1ch error logs`);
+  console.log(`  ${chalk14.cyan("show")}      Xem chi ti\u1EBFt error log`);
+  console.log(`  ${chalk14.cyan("clear")}     Xo\xE1 error logs`);
   console.log();
-  console.log(chalk13.bold("V\xED d\u1EE5:"));
-  console.log(chalk13.dim("  $ jai1 errors list"));
-  console.log(chalk13.dim("  $ jai1 errors show <id>"));
-  console.log(chalk13.dim("  $ jai1 errors clear --all"));
+  console.log(chalk14.bold("V\xED d\u1EE5:"));
+  console.log(chalk14.dim("  $ jai1 errors list"));
+  console.log(chalk14.dim("  $ jai1 errors show <id>"));
+  console.log(chalk14.dim("  $ jai1 errors clear --all"));
   console.log();
-  console.log(chalk13.dim('Ch\u1EA1y "jai1 errors <l\u1EC7nh> --help" \u0111\u1EC3 xem chi ti\u1EBFt'));
+  console.log(chalk14.dim('Ch\u1EA1y "jai1 errors <l\u1EC7nh> --help" \u0111\u1EC3 xem chi ti\u1EBFt'));
 }
 function createErrorsCommand() {
   const errorsCommand = new Command28("errors").description("Manage local error logs").action(() => {
@@ -7776,7 +7403,7 @@ function createErrorsCommand() {
 
 // src/commands/utils/index.ts
 import { Command as Command42 } from "commander";
-import chalk14 from "chalk";
+import chalk15 from "chalk";
 
 // src/commands/utils/password.ts
 import { Command as Command29 } from "commander";
@@ -8698,28 +8325,28 @@ Examples:
 }
 
 // src/commands/utils/interactive.ts
-import React31 from "react";
-import { render as render5 } from "ink";
+import React25 from "react";
+import { render as render4 } from "ink";
 
 // src/ui/utils/UtilsApp.tsx
-import React30, { useState as useState23 } from "react";
-import { Box as Box25, Text as Text26, useInput as useInput21, useApp as useApp5 } from "ink";
+import React24, { useState as useState18 } from "react";
+import { Box as Box20, Text as Text21, useInput as useInput16, useApp as useApp4 } from "ink";
 
 // src/ui/utils/views/PasswordView.tsx
-import React19, { useState as useState12 } from "react";
-import { Box as Box14, Text as Text15, useInput as useInput10 } from "ink";
+import React13, { useState as useState7 } from "react";
+import { Box as Box9, Text as Text10, useInput as useInput5 } from "ink";
 import TextInput4 from "ink-text-input";
 var PasswordView = () => {
-  const [length, setLength] = useState12("16");
-  const [count, setCount] = useState12("1");
-  const [passwords, setPasswords] = useState12([]);
-  const [focusedField, setFocusedField] = useState12("length");
-  const [copiedIndex, setCopiedIndex] = useState12(null);
+  const [length, setLength] = useState7("16");
+  const [count, setCount] = useState7("1");
+  const [passwords, setPasswords] = useState7([]);
+  const [focusedField, setFocusedField] = useState7("length");
+  const [copiedIndex, setCopiedIndex] = useState7(null);
   const service = new UtilsService();
-  React19.useEffect(() => {
+  React13.useEffect(() => {
     handleGenerate();
   }, []);
-  useInput10((input5, key) => {
+  useInput5((input5, key) => {
     if (key.tab) {
       if (focusedField === "length") setFocusedField("count");
       else if (focusedField === "count") setFocusedField("generate");
@@ -8757,8 +8384,8 @@ var PasswordView = () => {
     } catch (error) {
     }
   };
-  return /* @__PURE__ */ React19.createElement(Box14, { flexDirection: "column" }, /* @__PURE__ */ React19.createElement(Box14, { marginBottom: 1 }, /* @__PURE__ */ React19.createElement(Text15, { bold: true, color: "cyan" }, "\u{1F510} Password Generator")), /* @__PURE__ */ React19.createElement(
-    Box14,
+  return /* @__PURE__ */ React13.createElement(Box9, { flexDirection: "column" }, /* @__PURE__ */ React13.createElement(Box9, { marginBottom: 1 }, /* @__PURE__ */ React13.createElement(Text10, { bold: true, color: "cyan" }, "\u{1F510} Password Generator")), /* @__PURE__ */ React13.createElement(
+    Box9,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -8767,11 +8394,11 @@ var PasswordView = () => {
       paddingY: 1,
       marginBottom: 1
     },
-    /* @__PURE__ */ React19.createElement(Text15, { bold: true, color: "yellow", marginBottom: 1 }, "Options:"),
-    /* @__PURE__ */ React19.createElement(Box14, { marginBottom: 1 }, /* @__PURE__ */ React19.createElement(Box14, { width: 20 }, /* @__PURE__ */ React19.createElement(Text15, { color: focusedField === "length" ? "green" : void 0 }, focusedField === "length" ? "\u25B6 " : "  ", "Length:")), /* @__PURE__ */ React19.createElement(Box14, { width: 10 }, focusedField === "length" ? /* @__PURE__ */ React19.createElement(TextInput4, { value: length, onChange: setLength }) : /* @__PURE__ */ React19.createElement(Text15, null, length)), /* @__PURE__ */ React19.createElement(Text15, { dimColor: true }, "(characters)")),
-    /* @__PURE__ */ React19.createElement(Box14, { marginBottom: 1 }, /* @__PURE__ */ React19.createElement(Box14, { width: 20 }, /* @__PURE__ */ React19.createElement(Text15, { color: focusedField === "count" ? "green" : void 0 }, focusedField === "count" ? "\u25B6 " : "  ", "Count:")), /* @__PURE__ */ React19.createElement(Box14, { width: 10 }, focusedField === "count" ? /* @__PURE__ */ React19.createElement(TextInput4, { value: count, onChange: setCount }) : /* @__PURE__ */ React19.createElement(Text15, null, count)), /* @__PURE__ */ React19.createElement(Text15, { dimColor: true }, "(passwords to generate)")),
-    /* @__PURE__ */ React19.createElement(Box14, { marginTop: 1 }, /* @__PURE__ */ React19.createElement(
-      Text15,
+    /* @__PURE__ */ React13.createElement(Text10, { bold: true, color: "yellow", marginBottom: 1 }, "Options:"),
+    /* @__PURE__ */ React13.createElement(Box9, { marginBottom: 1 }, /* @__PURE__ */ React13.createElement(Box9, { width: 20 }, /* @__PURE__ */ React13.createElement(Text10, { color: focusedField === "length" ? "green" : void 0 }, focusedField === "length" ? "\u25B6 " : "  ", "Length:")), /* @__PURE__ */ React13.createElement(Box9, { width: 10 }, focusedField === "length" ? /* @__PURE__ */ React13.createElement(TextInput4, { value: length, onChange: setLength }) : /* @__PURE__ */ React13.createElement(Text10, null, length)), /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, "(characters)")),
+    /* @__PURE__ */ React13.createElement(Box9, { marginBottom: 1 }, /* @__PURE__ */ React13.createElement(Box9, { width: 20 }, /* @__PURE__ */ React13.createElement(Text10, { color: focusedField === "count" ? "green" : void 0 }, focusedField === "count" ? "\u25B6 " : "  ", "Count:")), /* @__PURE__ */ React13.createElement(Box9, { width: 10 }, focusedField === "count" ? /* @__PURE__ */ React13.createElement(TextInput4, { value: count, onChange: setCount }) : /* @__PURE__ */ React13.createElement(Text10, null, count)), /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, "(passwords to generate)")),
+    /* @__PURE__ */ React13.createElement(Box9, { marginTop: 1 }, /* @__PURE__ */ React13.createElement(
+      Text10,
       {
         bold: true,
         backgroundColor: focusedField === "generate" ? "green" : void 0,
@@ -8780,8 +8407,8 @@ var PasswordView = () => {
       focusedField === "generate" ? "\u25B6 " : "  ",
       "[ Generate Passwords ]"
     ))
-  ), passwords.length > 0 && /* @__PURE__ */ React19.createElement(
-    Box14,
+  ), passwords.length > 0 && /* @__PURE__ */ React13.createElement(
+    Box9,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -8789,27 +8416,27 @@ var PasswordView = () => {
       paddingX: 2,
       paddingY: 1
     },
-    /* @__PURE__ */ React19.createElement(Text15, { bold: true, color: "green", marginBottom: 1 }, "\u2713 Generated Passwords:"),
-    passwords.map((password, index) => /* @__PURE__ */ React19.createElement(Box14, { key: index, marginBottom: 0 }, /* @__PURE__ */ React19.createElement(Box14, { width: 4 }, /* @__PURE__ */ React19.createElement(Text15, { dimColor: true }, index + 1, ".")), /* @__PURE__ */ React19.createElement(Box14, { flexGrow: 1 }, /* @__PURE__ */ React19.createElement(Text15, null, password)), copiedIndex === index && /* @__PURE__ */ React19.createElement(Text15, { color: "green" }, " \u2713 Copied!")))
-  ), /* @__PURE__ */ React19.createElement(Box14, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React19.createElement(Text15, { dimColor: true }, "Tab: Next field | Enter: Generate | C: Copy | Esc: Back")));
+    /* @__PURE__ */ React13.createElement(Text10, { bold: true, color: "green", marginBottom: 1 }, "\u2713 Generated Passwords:"),
+    passwords.map((password, index) => /* @__PURE__ */ React13.createElement(Box9, { key: index, marginBottom: 0 }, /* @__PURE__ */ React13.createElement(Box9, { width: 4 }, /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, index + 1, ".")), /* @__PURE__ */ React13.createElement(Box9, { flexGrow: 1 }, /* @__PURE__ */ React13.createElement(Text10, null, password)), copiedIndex === index && /* @__PURE__ */ React13.createElement(Text10, { color: "green" }, " \u2713 Copied!")))
+  ), /* @__PURE__ */ React13.createElement(Box9, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, "Tab: Next field | Enter: Generate | C: Copy | Esc: Back")));
 };
 
 // src/ui/utils/views/UuidView.tsx
-import React20, { useState as useState13 } from "react";
-import { Box as Box15, Text as Text16, useInput as useInput11 } from "ink";
+import React14, { useState as useState8 } from "react";
+import { Box as Box10, Text as Text11, useInput as useInput6 } from "ink";
 import TextInput5 from "ink-text-input";
 var UuidView = () => {
-  const [count, setCount] = useState13("1");
-  const [uppercase, setUppercase] = useState13(false);
-  const [noHyphens, setNoHyphens] = useState13(false);
-  const [uuids, setUuids] = useState13([]);
-  const [focusedField, setFocusedField] = useState13("count");
-  const [copiedIndex, setCopiedIndex] = useState13(null);
+  const [count, setCount] = useState8("1");
+  const [uppercase, setUppercase] = useState8(false);
+  const [noHyphens, setNoHyphens] = useState8(false);
+  const [uuids, setUuids] = useState8([]);
+  const [focusedField, setFocusedField] = useState8("count");
+  const [copiedIndex, setCopiedIndex] = useState8(null);
   const service = new UtilsService();
-  React20.useEffect(() => {
+  React14.useEffect(() => {
     handleGenerate();
   }, []);
-  useInput11((input5, key) => {
+  useInput6((input5, key) => {
     if (key.tab) {
       const fields = ["count", "uppercase", "hyphens", "generate"];
       const currentIndex = fields.indexOf(focusedField);
@@ -8844,8 +8471,8 @@ var UuidView = () => {
     } catch (error) {
     }
   };
-  return /* @__PURE__ */ React20.createElement(Box15, { flexDirection: "column" }, /* @__PURE__ */ React20.createElement(Box15, { marginBottom: 1 }, /* @__PURE__ */ React20.createElement(Text16, { bold: true, color: "cyan" }, "\u{1F194} UUID Generator")), /* @__PURE__ */ React20.createElement(
-    Box15,
+  return /* @__PURE__ */ React14.createElement(Box10, { flexDirection: "column" }, /* @__PURE__ */ React14.createElement(Box10, { marginBottom: 1 }, /* @__PURE__ */ React14.createElement(Text11, { bold: true, color: "cyan" }, "\u{1F194} UUID Generator")), /* @__PURE__ */ React14.createElement(
+    Box10,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -8854,12 +8481,12 @@ var UuidView = () => {
       paddingY: 1,
       marginBottom: 1
     },
-    /* @__PURE__ */ React20.createElement(Text16, { bold: true, color: "yellow", marginBottom: 1 }, "Options:"),
-    /* @__PURE__ */ React20.createElement(Box15, { marginBottom: 1 }, /* @__PURE__ */ React20.createElement(Box15, { width: 20 }, /* @__PURE__ */ React20.createElement(Text16, { color: focusedField === "count" ? "green" : void 0 }, focusedField === "count" ? "\u25B6 " : "  ", "Count:")), /* @__PURE__ */ React20.createElement(Box15, { width: 10 }, focusedField === "count" ? /* @__PURE__ */ React20.createElement(TextInput5, { value: count, onChange: setCount }) : /* @__PURE__ */ React20.createElement(Text16, null, count))),
-    /* @__PURE__ */ React20.createElement(Box15, { marginBottom: 1 }, /* @__PURE__ */ React20.createElement(Text16, { color: focusedField === "uppercase" ? "green" : void 0 }, focusedField === "uppercase" ? "\u25B6 " : "  ", "[", uppercase ? "\u2713" : " ", "] Uppercase")),
-    /* @__PURE__ */ React20.createElement(Box15, { marginBottom: 1 }, /* @__PURE__ */ React20.createElement(Text16, { color: focusedField === "hyphens" ? "green" : void 0 }, focusedField === "hyphens" ? "\u25B6 " : "  ", "[", noHyphens ? "\u2713" : " ", "] No Hyphens")),
-    /* @__PURE__ */ React20.createElement(Box15, { marginTop: 1 }, /* @__PURE__ */ React20.createElement(
-      Text16,
+    /* @__PURE__ */ React14.createElement(Text11, { bold: true, color: "yellow", marginBottom: 1 }, "Options:"),
+    /* @__PURE__ */ React14.createElement(Box10, { marginBottom: 1 }, /* @__PURE__ */ React14.createElement(Box10, { width: 20 }, /* @__PURE__ */ React14.createElement(Text11, { color: focusedField === "count" ? "green" : void 0 }, focusedField === "count" ? "\u25B6 " : "  ", "Count:")), /* @__PURE__ */ React14.createElement(Box10, { width: 10 }, focusedField === "count" ? /* @__PURE__ */ React14.createElement(TextInput5, { value: count, onChange: setCount }) : /* @__PURE__ */ React14.createElement(Text11, null, count))),
+    /* @__PURE__ */ React14.createElement(Box10, { marginBottom: 1 }, /* @__PURE__ */ React14.createElement(Text11, { color: focusedField === "uppercase" ? "green" : void 0 }, focusedField === "uppercase" ? "\u25B6 " : "  ", "[", uppercase ? "\u2713" : " ", "] Uppercase")),
+    /* @__PURE__ */ React14.createElement(Box10, { marginBottom: 1 }, /* @__PURE__ */ React14.createElement(Text11, { color: focusedField === "hyphens" ? "green" : void 0 }, focusedField === "hyphens" ? "\u25B6 " : "  ", "[", noHyphens ? "\u2713" : " ", "] No Hyphens")),
+    /* @__PURE__ */ React14.createElement(Box10, { marginTop: 1 }, /* @__PURE__ */ React14.createElement(
+      Text11,
       {
         bold: true,
         backgroundColor: focusedField === "generate" ? "green" : void 0,
@@ -8868,8 +8495,8 @@ var UuidView = () => {
       focusedField === "generate" ? "\u25B6 " : "  ",
       "[ Generate UUIDs ]"
     ))
-  ), uuids.length > 0 && /* @__PURE__ */ React20.createElement(
-    Box15,
+  ), uuids.length > 0 && /* @__PURE__ */ React14.createElement(
+    Box10,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -8877,27 +8504,27 @@ var UuidView = () => {
       paddingX: 2,
       paddingY: 1
     },
-    /* @__PURE__ */ React20.createElement(Text16, { bold: true, color: "green", marginBottom: 1 }, "\u2713 Generated UUIDs:"),
-    uuids.map((uuid, index) => /* @__PURE__ */ React20.createElement(Box15, { key: index, marginBottom: 0 }, /* @__PURE__ */ React20.createElement(Box15, { width: 4 }, /* @__PURE__ */ React20.createElement(Text16, { dimColor: true }, index + 1, ".")), /* @__PURE__ */ React20.createElement(Box15, { flexGrow: 1 }, /* @__PURE__ */ React20.createElement(Text16, null, uuid)), copiedIndex === index && /* @__PURE__ */ React20.createElement(Text16, { color: "green" }, " \u2713 Copied!")))
-  ), /* @__PURE__ */ React20.createElement(Box15, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React20.createElement(Text16, { dimColor: true }, "Tab: Next | Enter: Toggle/Generate | C: Copy | Esc: Back")));
+    /* @__PURE__ */ React14.createElement(Text11, { bold: true, color: "green", marginBottom: 1 }, "\u2713 Generated UUIDs:"),
+    uuids.map((uuid, index) => /* @__PURE__ */ React14.createElement(Box10, { key: index, marginBottom: 0 }, /* @__PURE__ */ React14.createElement(Box10, { width: 4 }, /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, index + 1, ".")), /* @__PURE__ */ React14.createElement(Box10, { flexGrow: 1 }, /* @__PURE__ */ React14.createElement(Text11, null, uuid)), copiedIndex === index && /* @__PURE__ */ React14.createElement(Text11, { color: "green" }, " \u2713 Copied!")))
+  ), /* @__PURE__ */ React14.createElement(Box10, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, "Tab: Next | Enter: Toggle/Generate | C: Copy | Esc: Back")));
 };
 
 // src/ui/utils/views/HashView.tsx
-import React21, { useState as useState14 } from "react";
-import { Box as Box16, Text as Text17, useInput as useInput12 } from "ink";
+import React15, { useState as useState9 } from "react";
+import { Box as Box11, Text as Text12, useInput as useInput7 } from "ink";
 import TextInput6 from "ink-text-input";
 var ALGORITHMS = ["sha256", "sha512", "sha1", "md5", "bcrypt"];
 var HashView = () => {
-  const [text, setText] = useState14("hello world");
-  const [algorithm, setAlgorithm] = useState14("sha256");
-  const [hash, setHash] = useState14("");
-  const [focusedField, setFocusedField] = useState14("text");
-  const [copied, setCopied] = useState14(false);
+  const [text, setText] = useState9("hello world");
+  const [algorithm, setAlgorithm] = useState9("sha256");
+  const [hash, setHash] = useState9("");
+  const [focusedField, setFocusedField] = useState9("text");
+  const [copied, setCopied] = useState9(false);
   const service = new UtilsService();
-  React21.useEffect(() => {
+  React15.useEffect(() => {
     handleGenerate();
   }, []);
-  useInput12((input5, key) => {
+  useInput7((input5, key) => {
     if (key.tab) {
       const fields = ["text", "algorithm", "generate"];
       const currentIndex = fields.indexOf(focusedField);
@@ -8934,8 +8561,8 @@ var HashView = () => {
     } catch (error) {
     }
   };
-  return /* @__PURE__ */ React21.createElement(Box16, { flexDirection: "column" }, /* @__PURE__ */ React21.createElement(Box16, { marginBottom: 1 }, /* @__PURE__ */ React21.createElement(Text17, { bold: true, color: "cyan" }, "\u{1F512} Hash Generator")), /* @__PURE__ */ React21.createElement(
-    Box16,
+  return /* @__PURE__ */ React15.createElement(Box11, { flexDirection: "column" }, /* @__PURE__ */ React15.createElement(Box11, { marginBottom: 1 }, /* @__PURE__ */ React15.createElement(Text12, { bold: true, color: "cyan" }, "\u{1F512} Hash Generator")), /* @__PURE__ */ React15.createElement(
+    Box11,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -8944,11 +8571,11 @@ var HashView = () => {
       paddingY: 1,
       marginBottom: 1
     },
-    /* @__PURE__ */ React21.createElement(Text17, { bold: true, color: "yellow", marginBottom: 1 }, "Options:"),
-    /* @__PURE__ */ React21.createElement(Box16, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React21.createElement(Box16, { marginBottom: 0 }, /* @__PURE__ */ React21.createElement(Text17, { color: focusedField === "text" ? "green" : void 0 }, focusedField === "text" ? "\u25B6 " : "  ", "Text to hash:")), /* @__PURE__ */ React21.createElement(Box16, { marginLeft: 2, width: 60 }, focusedField === "text" ? /* @__PURE__ */ React21.createElement(TextInput6, { value: text, onChange: setText, placeholder: "Enter text..." }) : /* @__PURE__ */ React21.createElement(Text17, { dimColor: !text }, text || "(empty)"))),
-    /* @__PURE__ */ React21.createElement(Box16, { marginBottom: 1 }, /* @__PURE__ */ React21.createElement(Box16, { width: 20 }, /* @__PURE__ */ React21.createElement(Text17, { color: focusedField === "algorithm" ? "green" : void 0 }, focusedField === "algorithm" ? "\u25B6 " : "  ", "Algorithm:")), /* @__PURE__ */ React21.createElement(Text17, { bold: true, color: focusedField === "algorithm" ? "yellow" : void 0 }, algorithm.toUpperCase()), focusedField === "algorithm" && /* @__PURE__ */ React21.createElement(Text17, { dimColor: true }, " (\u2190 \u2192 to change)")),
-    /* @__PURE__ */ React21.createElement(Box16, { marginTop: 1 }, /* @__PURE__ */ React21.createElement(
-      Text17,
+    /* @__PURE__ */ React15.createElement(Text12, { bold: true, color: "yellow", marginBottom: 1 }, "Options:"),
+    /* @__PURE__ */ React15.createElement(Box11, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React15.createElement(Box11, { marginBottom: 0 }, /* @__PURE__ */ React15.createElement(Text12, { color: focusedField === "text" ? "green" : void 0 }, focusedField === "text" ? "\u25B6 " : "  ", "Text to hash:")), /* @__PURE__ */ React15.createElement(Box11, { marginLeft: 2, width: 60 }, focusedField === "text" ? /* @__PURE__ */ React15.createElement(TextInput6, { value: text, onChange: setText, placeholder: "Enter text..." }) : /* @__PURE__ */ React15.createElement(Text12, { dimColor: !text }, text || "(empty)"))),
+    /* @__PURE__ */ React15.createElement(Box11, { marginBottom: 1 }, /* @__PURE__ */ React15.createElement(Box11, { width: 20 }, /* @__PURE__ */ React15.createElement(Text12, { color: focusedField === "algorithm" ? "green" : void 0 }, focusedField === "algorithm" ? "\u25B6 " : "  ", "Algorithm:")), /* @__PURE__ */ React15.createElement(Text12, { bold: true, color: focusedField === "algorithm" ? "yellow" : void 0 }, algorithm.toUpperCase()), focusedField === "algorithm" && /* @__PURE__ */ React15.createElement(Text12, { dimColor: true }, " (\u2190 \u2192 to change)")),
+    /* @__PURE__ */ React15.createElement(Box11, { marginTop: 1 }, /* @__PURE__ */ React15.createElement(
+      Text12,
       {
         bold: true,
         backgroundColor: focusedField === "generate" ? "green" : void 0,
@@ -8957,8 +8584,8 @@ var HashView = () => {
       focusedField === "generate" ? "\u25B6 " : "  ",
       "[ Generate Hash ]"
     ))
-  ), hash && /* @__PURE__ */ React21.createElement(
-    Box16,
+  ), hash && /* @__PURE__ */ React15.createElement(
+    Box11,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -8966,25 +8593,25 @@ var HashView = () => {
       paddingX: 2,
       paddingY: 1
     },
-    /* @__PURE__ */ React21.createElement(Box16, { marginBottom: 1 }, /* @__PURE__ */ React21.createElement(Text17, { bold: true, color: "green" }, "\u2713 Hash Result:"), copied && /* @__PURE__ */ React21.createElement(Box16, { marginLeft: 2 }, /* @__PURE__ */ React21.createElement(Text17, { color: "green" }, "\u2713 Copied to clipboard!"))),
-    /* @__PURE__ */ React21.createElement(Box16, { flexDirection: "column" }, /* @__PURE__ */ React21.createElement(Text17, { dimColor: true }, "Algorithm: ", algorithm.toUpperCase()), /* @__PURE__ */ React21.createElement(Box16, { marginTop: 1 }, /* @__PURE__ */ React21.createElement(Text17, { wrap: "wrap" }, hash)))
-  ), /* @__PURE__ */ React21.createElement(Box16, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React21.createElement(Text17, { dimColor: true }, "Tab: Next | \u2190/\u2192: Change algorithm | Enter: Generate | C: Copy | Esc: Back")));
+    /* @__PURE__ */ React15.createElement(Box11, { marginBottom: 1 }, /* @__PURE__ */ React15.createElement(Text12, { bold: true, color: "green" }, "\u2713 Hash Result:"), copied && /* @__PURE__ */ React15.createElement(Box11, { marginLeft: 2 }, /* @__PURE__ */ React15.createElement(Text12, { color: "green" }, "\u2713 Copied to clipboard!"))),
+    /* @__PURE__ */ React15.createElement(Box11, { flexDirection: "column" }, /* @__PURE__ */ React15.createElement(Text12, { dimColor: true }, "Algorithm: ", algorithm.toUpperCase()), /* @__PURE__ */ React15.createElement(Box11, { marginTop: 1 }, /* @__PURE__ */ React15.createElement(Text12, { wrap: "wrap" }, hash)))
+  ), /* @__PURE__ */ React15.createElement(Box11, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React15.createElement(Text12, { dimColor: true }, "Tab: Next | \u2190/\u2192: Change algorithm | Enter: Generate | C: Copy | Esc: Back")));
 };
 
 // src/ui/utils/views/Base64View.tsx
-import React22, { useState as useState15 } from "react";
-import { Box as Box17, Text as Text18, useInput as useInput13 } from "ink";
+import React16, { useState as useState10 } from "react";
+import { Box as Box12, Text as Text13, useInput as useInput8 } from "ink";
 import TextInput7 from "ink-text-input";
 var Base64View = () => {
-  const [input5, setInput] = useState15("");
-  const [mode, setMode] = useState15("encode");
-  const [urlSafe, setUrlSafe] = useState15(false);
-  const [result, setResult] = useState15("");
-  const [error, setError] = useState15("");
-  const [focusedField, setFocusedField] = useState15("input");
-  const [copied, setCopied] = useState15(false);
+  const [input5, setInput] = useState10("");
+  const [mode, setMode] = useState10("encode");
+  const [urlSafe, setUrlSafe] = useState10(false);
+  const [result, setResult] = useState10("");
+  const [error, setError] = useState10("");
+  const [focusedField, setFocusedField] = useState10("input");
+  const [copied, setCopied] = useState10(false);
   const service = new UtilsService();
-  useInput13((input6, key) => {
+  useInput8((input6, key) => {
     if (key.tab) {
       const fields = ["input", "mode", "urlsafe", "convert"];
       const currentIndex = fields.indexOf(focusedField);
@@ -9032,8 +8659,8 @@ var Base64View = () => {
     } catch (error2) {
     }
   };
-  return /* @__PURE__ */ React22.createElement(Box17, { flexDirection: "column" }, /* @__PURE__ */ React22.createElement(Box17, { marginBottom: 1 }, /* @__PURE__ */ React22.createElement(Text18, { bold: true, color: "cyan" }, "\u{1F4DD} Base64 Encoder/Decoder")), /* @__PURE__ */ React22.createElement(
-    Box17,
+  return /* @__PURE__ */ React16.createElement(Box12, { flexDirection: "column" }, /* @__PURE__ */ React16.createElement(Box12, { marginBottom: 1 }, /* @__PURE__ */ React16.createElement(Text13, { bold: true, color: "cyan" }, "\u{1F4DD} Base64 Encoder/Decoder")), /* @__PURE__ */ React16.createElement(
+    Box12,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -9042,12 +8669,12 @@ var Base64View = () => {
       paddingY: 1,
       marginBottom: 1
     },
-    /* @__PURE__ */ React22.createElement(Text18, { bold: true, color: "yellow", marginBottom: 1 }, "Options:"),
-    /* @__PURE__ */ React22.createElement(Box17, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React22.createElement(Box17, { marginBottom: 0 }, /* @__PURE__ */ React22.createElement(Text18, { color: focusedField === "input" ? "green" : void 0 }, focusedField === "input" ? "\u25B6 " : "  ", "Input text:")), /* @__PURE__ */ React22.createElement(Box17, { marginLeft: 2, width: 60 }, focusedField === "input" ? /* @__PURE__ */ React22.createElement(TextInput7, { value: input5, onChange: setInput, placeholder: "Enter text..." }) : /* @__PURE__ */ React22.createElement(Text18, { dimColor: !input5 }, input5 || "(empty)"))),
-    /* @__PURE__ */ React22.createElement(Box17, { marginBottom: 1 }, /* @__PURE__ */ React22.createElement(Box17, { width: 20 }, /* @__PURE__ */ React22.createElement(Text18, { color: focusedField === "mode" ? "green" : void 0 }, focusedField === "mode" ? "\u25B6 " : "  ", "Mode:")), /* @__PURE__ */ React22.createElement(Text18, { bold: true, color: focusedField === "mode" ? "yellow" : void 0 }, mode === "encode" ? "ENCODE" : "DECODE"), focusedField === "mode" && /* @__PURE__ */ React22.createElement(Text18, { dimColor: true }, " (Enter to toggle)")),
-    mode === "encode" && /* @__PURE__ */ React22.createElement(Box17, { marginBottom: 1 }, /* @__PURE__ */ React22.createElement(Text18, { color: focusedField === "urlsafe" ? "green" : void 0 }, focusedField === "urlsafe" ? "\u25B6 " : "  ", "[", urlSafe ? "\u2713" : " ", "] URL-Safe (+ \u2192 -, / \u2192 _)")),
-    /* @__PURE__ */ React22.createElement(Box17, { marginTop: 1 }, /* @__PURE__ */ React22.createElement(
-      Text18,
+    /* @__PURE__ */ React16.createElement(Text13, { bold: true, color: "yellow", marginBottom: 1 }, "Options:"),
+    /* @__PURE__ */ React16.createElement(Box12, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React16.createElement(Box12, { marginBottom: 0 }, /* @__PURE__ */ React16.createElement(Text13, { color: focusedField === "input" ? "green" : void 0 }, focusedField === "input" ? "\u25B6 " : "  ", "Input text:")), /* @__PURE__ */ React16.createElement(Box12, { marginLeft: 2, width: 60 }, focusedField === "input" ? /* @__PURE__ */ React16.createElement(TextInput7, { value: input5, onChange: setInput, placeholder: "Enter text..." }) : /* @__PURE__ */ React16.createElement(Text13, { dimColor: !input5 }, input5 || "(empty)"))),
+    /* @__PURE__ */ React16.createElement(Box12, { marginBottom: 1 }, /* @__PURE__ */ React16.createElement(Box12, { width: 20 }, /* @__PURE__ */ React16.createElement(Text13, { color: focusedField === "mode" ? "green" : void 0 }, focusedField === "mode" ? "\u25B6 " : "  ", "Mode:")), /* @__PURE__ */ React16.createElement(Text13, { bold: true, color: focusedField === "mode" ? "yellow" : void 0 }, mode === "encode" ? "ENCODE" : "DECODE"), focusedField === "mode" && /* @__PURE__ */ React16.createElement(Text13, { dimColor: true }, " (Enter to toggle)")),
+    mode === "encode" && /* @__PURE__ */ React16.createElement(Box12, { marginBottom: 1 }, /* @__PURE__ */ React16.createElement(Text13, { color: focusedField === "urlsafe" ? "green" : void 0 }, focusedField === "urlsafe" ? "\u25B6 " : "  ", "[", urlSafe ? "\u2713" : " ", "] URL-Safe (+ \u2192 -, / \u2192 _)")),
+    /* @__PURE__ */ React16.createElement(Box12, { marginTop: 1 }, /* @__PURE__ */ React16.createElement(
+      Text13,
       {
         bold: true,
         backgroundColor: focusedField === "convert" ? "green" : void 0,
@@ -9058,8 +8685,8 @@ var Base64View = () => {
       mode === "encode" ? "Encode" : "Decode",
       " ]"
     ))
-  ), error && /* @__PURE__ */ React22.createElement(
-    Box17,
+  ), error && /* @__PURE__ */ React16.createElement(
+    Box12,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -9068,9 +8695,9 @@ var Base64View = () => {
       paddingY: 1,
       marginBottom: 1
     },
-    /* @__PURE__ */ React22.createElement(Text18, { color: "red" }, "\u2717 Error: ", error)
-  ), result && /* @__PURE__ */ React22.createElement(
-    Box17,
+    /* @__PURE__ */ React16.createElement(Text13, { color: "red" }, "\u2717 Error: ", error)
+  ), result && /* @__PURE__ */ React16.createElement(
+    Box12,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -9078,24 +8705,24 @@ var Base64View = () => {
       paddingX: 2,
       paddingY: 1
     },
-    /* @__PURE__ */ React22.createElement(Box17, { marginBottom: 1 }, /* @__PURE__ */ React22.createElement(Text18, { bold: true, color: "green" }, "\u2713 Result:"), copied && /* @__PURE__ */ React22.createElement(Box17, { marginLeft: 2 }, /* @__PURE__ */ React22.createElement(Text18, { color: "green" }, "\u2713 Copied to clipboard!"))),
-    /* @__PURE__ */ React22.createElement(Box17, { flexDirection: "column" }, /* @__PURE__ */ React22.createElement(Text18, { dimColor: true }, "Mode: ", mode.toUpperCase()), /* @__PURE__ */ React22.createElement(Box17, { marginTop: 1 }, /* @__PURE__ */ React22.createElement(Text18, { wrap: "wrap" }, result)))
-  ), /* @__PURE__ */ React22.createElement(Box17, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React22.createElement(Text18, { dimColor: true }, "Tab: Next | Enter: Toggle/Convert | C: Copy | Esc: Back")));
+    /* @__PURE__ */ React16.createElement(Box12, { marginBottom: 1 }, /* @__PURE__ */ React16.createElement(Text13, { bold: true, color: "green" }, "\u2713 Result:"), copied && /* @__PURE__ */ React16.createElement(Box12, { marginLeft: 2 }, /* @__PURE__ */ React16.createElement(Text13, { color: "green" }, "\u2713 Copied to clipboard!"))),
+    /* @__PURE__ */ React16.createElement(Box12, { flexDirection: "column" }, /* @__PURE__ */ React16.createElement(Text13, { dimColor: true }, "Mode: ", mode.toUpperCase()), /* @__PURE__ */ React16.createElement(Box12, { marginTop: 1 }, /* @__PURE__ */ React16.createElement(Text13, { wrap: "wrap" }, result)))
+  ), /* @__PURE__ */ React16.createElement(Box12, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React16.createElement(Text13, { dimColor: true }, "Tab: Next | Enter: Toggle/Convert | C: Copy | Esc: Back")));
 };
 
 // src/ui/utils/views/UrlView.tsx
-import React23, { useState as useState16 } from "react";
-import { Box as Box18, Text as Text19, useInput as useInput14 } from "ink";
+import React17, { useState as useState11 } from "react";
+import { Box as Box13, Text as Text14, useInput as useInput9 } from "ink";
 import TextInput8 from "ink-text-input";
 var UrlView = () => {
-  const [input5, setInput] = useState16("");
-  const [mode, setMode] = useState16("encode");
-  const [fullUrl, setFullUrl] = useState16(false);
-  const [result, setResult] = useState16("");
-  const [focusedField, setFocusedField] = useState16("input");
-  const [copied, setCopied] = useState16(false);
+  const [input5, setInput] = useState11("");
+  const [mode, setMode] = useState11("encode");
+  const [fullUrl, setFullUrl] = useState11(false);
+  const [result, setResult] = useState11("");
+  const [focusedField, setFocusedField] = useState11("input");
+  const [copied, setCopied] = useState11(false);
   const service = new UtilsService();
-  useInput14((input6, key) => {
+  useInput9((input6, key) => {
     if (key.tab) {
       const fields = ["input", "mode", "full", "convert"];
       const currentIndex = fields.indexOf(focusedField);
@@ -9133,8 +8760,8 @@ var UrlView = () => {
     } catch (error) {
     }
   };
-  return /* @__PURE__ */ React23.createElement(Box18, { flexDirection: "column" }, /* @__PURE__ */ React23.createElement(Box18, { marginBottom: 1 }, /* @__PURE__ */ React23.createElement(Text19, { bold: true, color: "cyan" }, "\u{1F517} URL Encoder/Decoder")), /* @__PURE__ */ React23.createElement(
-    Box18,
+  return /* @__PURE__ */ React17.createElement(Box13, { flexDirection: "column" }, /* @__PURE__ */ React17.createElement(Box13, { marginBottom: 1 }, /* @__PURE__ */ React17.createElement(Text14, { bold: true, color: "cyan" }, "\u{1F517} URL Encoder/Decoder")), /* @__PURE__ */ React17.createElement(
+    Box13,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -9143,12 +8770,12 @@ var UrlView = () => {
       paddingY: 1,
       marginBottom: 1
     },
-    /* @__PURE__ */ React23.createElement(Text19, { bold: true, color: "yellow", marginBottom: 1 }, "Options:"),
-    /* @__PURE__ */ React23.createElement(Box18, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React23.createElement(Box18, { marginBottom: 0 }, /* @__PURE__ */ React23.createElement(Text19, { color: focusedField === "input" ? "green" : void 0 }, focusedField === "input" ? "\u25B6 " : "  ", "Input text:")), /* @__PURE__ */ React23.createElement(Box18, { marginLeft: 2, width: 60 }, focusedField === "input" ? /* @__PURE__ */ React23.createElement(TextInput8, { value: input5, onChange: setInput, placeholder: "Enter text or URL..." }) : /* @__PURE__ */ React23.createElement(Text19, { dimColor: !input5 }, input5 || "(empty)"))),
-    /* @__PURE__ */ React23.createElement(Box18, { marginBottom: 1 }, /* @__PURE__ */ React23.createElement(Box18, { width: 20 }, /* @__PURE__ */ React23.createElement(Text19, { color: focusedField === "mode" ? "green" : void 0 }, focusedField === "mode" ? "\u25B6 " : "  ", "Mode:")), /* @__PURE__ */ React23.createElement(Text19, { bold: true, color: focusedField === "mode" ? "yellow" : void 0 }, mode === "encode" ? "ENCODE" : "DECODE"), focusedField === "mode" && /* @__PURE__ */ React23.createElement(Text19, { dimColor: true }, " (Enter to toggle)")),
-    /* @__PURE__ */ React23.createElement(Box18, { marginBottom: 1 }, /* @__PURE__ */ React23.createElement(Text19, { color: focusedField === "full" ? "green" : void 0 }, focusedField === "full" ? "\u25B6 " : "  ", "[", fullUrl ? "\u2713" : " ", "] Full URL (encode/decode entire URL)")),
-    /* @__PURE__ */ React23.createElement(Box18, { marginTop: 1 }, /* @__PURE__ */ React23.createElement(
-      Text19,
+    /* @__PURE__ */ React17.createElement(Text14, { bold: true, color: "yellow", marginBottom: 1 }, "Options:"),
+    /* @__PURE__ */ React17.createElement(Box13, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React17.createElement(Box13, { marginBottom: 0 }, /* @__PURE__ */ React17.createElement(Text14, { color: focusedField === "input" ? "green" : void 0 }, focusedField === "input" ? "\u25B6 " : "  ", "Input text:")), /* @__PURE__ */ React17.createElement(Box13, { marginLeft: 2, width: 60 }, focusedField === "input" ? /* @__PURE__ */ React17.createElement(TextInput8, { value: input5, onChange: setInput, placeholder: "Enter text or URL..." }) : /* @__PURE__ */ React17.createElement(Text14, { dimColor: !input5 }, input5 || "(empty)"))),
+    /* @__PURE__ */ React17.createElement(Box13, { marginBottom: 1 }, /* @__PURE__ */ React17.createElement(Box13, { width: 20 }, /* @__PURE__ */ React17.createElement(Text14, { color: focusedField === "mode" ? "green" : void 0 }, focusedField === "mode" ? "\u25B6 " : "  ", "Mode:")), /* @__PURE__ */ React17.createElement(Text14, { bold: true, color: focusedField === "mode" ? "yellow" : void 0 }, mode === "encode" ? "ENCODE" : "DECODE"), focusedField === "mode" && /* @__PURE__ */ React17.createElement(Text14, { dimColor: true }, " (Enter to toggle)")),
+    /* @__PURE__ */ React17.createElement(Box13, { marginBottom: 1 }, /* @__PURE__ */ React17.createElement(Text14, { color: focusedField === "full" ? "green" : void 0 }, focusedField === "full" ? "\u25B6 " : "  ", "[", fullUrl ? "\u2713" : " ", "] Full URL (encode/decode entire URL)")),
+    /* @__PURE__ */ React17.createElement(Box13, { marginTop: 1 }, /* @__PURE__ */ React17.createElement(
+      Text14,
       {
         bold: true,
         backgroundColor: focusedField === "convert" ? "green" : void 0,
@@ -9159,8 +8786,8 @@ var UrlView = () => {
       mode === "encode" ? "Encode" : "Decode",
       " ]"
     ))
-  ), result && /* @__PURE__ */ React23.createElement(
-    Box18,
+  ), result && /* @__PURE__ */ React17.createElement(
+    Box13,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -9168,26 +8795,26 @@ var UrlView = () => {
       paddingX: 2,
       paddingY: 1
     },
-    /* @__PURE__ */ React23.createElement(Box18, { marginBottom: 1 }, /* @__PURE__ */ React23.createElement(Text19, { bold: true, color: "green" }, "\u2713 Result:"), copied && /* @__PURE__ */ React23.createElement(Box18, { marginLeft: 2 }, /* @__PURE__ */ React23.createElement(Text19, { color: "green" }, "\u2713 Copied to clipboard!"))),
-    /* @__PURE__ */ React23.createElement(Box18, { flexDirection: "column" }, /* @__PURE__ */ React23.createElement(Text19, { dimColor: true }, "Mode: ", mode.toUpperCase(), " ", fullUrl ? "(Full URL)" : "(Component)"), /* @__PURE__ */ React23.createElement(Box18, { marginTop: 1 }, /* @__PURE__ */ React23.createElement(Text19, { wrap: "wrap" }, result)))
-  ), /* @__PURE__ */ React23.createElement(Box18, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React23.createElement(Text19, { dimColor: true }, "Tab: Next | Enter: Toggle/Convert | C: Copy | Esc: Back")));
+    /* @__PURE__ */ React17.createElement(Box13, { marginBottom: 1 }, /* @__PURE__ */ React17.createElement(Text14, { bold: true, color: "green" }, "\u2713 Result:"), copied && /* @__PURE__ */ React17.createElement(Box13, { marginLeft: 2 }, /* @__PURE__ */ React17.createElement(Text14, { color: "green" }, "\u2713 Copied to clipboard!"))),
+    /* @__PURE__ */ React17.createElement(Box13, { flexDirection: "column" }, /* @__PURE__ */ React17.createElement(Text14, { dimColor: true }, "Mode: ", mode.toUpperCase(), " ", fullUrl ? "(Full URL)" : "(Component)"), /* @__PURE__ */ React17.createElement(Box13, { marginTop: 1 }, /* @__PURE__ */ React17.createElement(Text14, { wrap: "wrap" }, result)))
+  ), /* @__PURE__ */ React17.createElement(Box13, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React17.createElement(Text14, { dimColor: true }, "Tab: Next | Enter: Toggle/Convert | C: Copy | Esc: Back")));
 };
 
 // src/ui/utils/views/UnixTimeView.tsx
-import React24, { useState as useState17 } from "react";
-import { Box as Box19, Text as Text20, useInput as useInput15 } from "ink";
+import React18, { useState as useState12 } from "react";
+import { Box as Box14, Text as Text15, useInput as useInput10 } from "ink";
 import TextInput9 from "ink-text-input";
 var UnixTimeView = () => {
-  const [input5, setInput] = useState17("");
-  const [mode, setMode] = useState17("now");
-  const [format, setFormat] = useState17("iso");
-  const [useMs, setUseMs] = useState17(false);
-  const [result, setResult] = useState17("");
-  const [error, setError] = useState17("");
-  const [focusedField, setFocusedField] = useState17("mode");
-  const [copied, setCopied] = useState17(false);
+  const [input5, setInput] = useState12("");
+  const [mode, setMode] = useState12("now");
+  const [format, setFormat] = useState12("iso");
+  const [useMs, setUseMs] = useState12(false);
+  const [result, setResult] = useState12("");
+  const [error, setError] = useState12("");
+  const [focusedField, setFocusedField] = useState12("mode");
+  const [copied, setCopied] = useState12(false);
   const service = new UtilsService();
-  useInput15((input6, key) => {
+  useInput10((input6, key) => {
     if (key.tab) {
       const fields = mode === "now" ? ["mode", "ms", "convert"] : mode === "to-human" ? ["mode", "input", "format", "convert"] : ["mode", "input", "convert"];
       const currentIndex = fields.indexOf(focusedField);
@@ -9248,8 +8875,8 @@ var UnixTimeView = () => {
     } catch (error2) {
     }
   };
-  return /* @__PURE__ */ React24.createElement(Box19, { flexDirection: "column" }, /* @__PURE__ */ React24.createElement(Box19, { marginBottom: 1 }, /* @__PURE__ */ React24.createElement(Text20, { bold: true, color: "cyan" }, "\u{1F552} Unix Time Converter")), /* @__PURE__ */ React24.createElement(
-    Box19,
+  return /* @__PURE__ */ React18.createElement(Box14, { flexDirection: "column" }, /* @__PURE__ */ React18.createElement(Box14, { marginBottom: 1 }, /* @__PURE__ */ React18.createElement(Text15, { bold: true, color: "cyan" }, "\u{1F552} Unix Time Converter")), /* @__PURE__ */ React18.createElement(
+    Box14,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -9258,20 +8885,20 @@ var UnixTimeView = () => {
       paddingY: 1,
       marginBottom: 1
     },
-    /* @__PURE__ */ React24.createElement(Text20, { bold: true, color: "yellow", marginBottom: 1 }, "Options:"),
-    /* @__PURE__ */ React24.createElement(Box19, { marginBottom: 1 }, /* @__PURE__ */ React24.createElement(Box19, { width: 20 }, /* @__PURE__ */ React24.createElement(Text20, { color: focusedField === "mode" ? "green" : void 0 }, focusedField === "mode" ? "\u25B6 " : "  ", "Mode:")), /* @__PURE__ */ React24.createElement(Text20, { bold: true, color: focusedField === "mode" ? "yellow" : void 0 }, mode === "now" ? "CURRENT TIME" : mode === "to-human" ? "TIMESTAMP \u2192 HUMAN" : "HUMAN \u2192 TIMESTAMP"), focusedField === "mode" && /* @__PURE__ */ React24.createElement(Text20, { dimColor: true }, " (Enter to cycle)")),
-    mode !== "now" && /* @__PURE__ */ React24.createElement(Box19, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React24.createElement(Box19, { marginBottom: 0 }, /* @__PURE__ */ React24.createElement(Text20, { color: focusedField === "input" ? "green" : void 0 }, focusedField === "input" ? "\u25B6 " : "  ", mode === "to-human" ? "Timestamp:" : "Date string:")), /* @__PURE__ */ React24.createElement(Box19, { marginLeft: 2, width: 50 }, focusedField === "input" ? /* @__PURE__ */ React24.createElement(
+    /* @__PURE__ */ React18.createElement(Text15, { bold: true, color: "yellow", marginBottom: 1 }, "Options:"),
+    /* @__PURE__ */ React18.createElement(Box14, { marginBottom: 1 }, /* @__PURE__ */ React18.createElement(Box14, { width: 20 }, /* @__PURE__ */ React18.createElement(Text15, { color: focusedField === "mode" ? "green" : void 0 }, focusedField === "mode" ? "\u25B6 " : "  ", "Mode:")), /* @__PURE__ */ React18.createElement(Text15, { bold: true, color: focusedField === "mode" ? "yellow" : void 0 }, mode === "now" ? "CURRENT TIME" : mode === "to-human" ? "TIMESTAMP \u2192 HUMAN" : "HUMAN \u2192 TIMESTAMP"), focusedField === "mode" && /* @__PURE__ */ React18.createElement(Text15, { dimColor: true }, " (Enter to cycle)")),
+    mode !== "now" && /* @__PURE__ */ React18.createElement(Box14, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React18.createElement(Box14, { marginBottom: 0 }, /* @__PURE__ */ React18.createElement(Text15, { color: focusedField === "input" ? "green" : void 0 }, focusedField === "input" ? "\u25B6 " : "  ", mode === "to-human" ? "Timestamp:" : "Date string:")), /* @__PURE__ */ React18.createElement(Box14, { marginLeft: 2, width: 50 }, focusedField === "input" ? /* @__PURE__ */ React18.createElement(
       TextInput9,
       {
         value: input5,
         onChange: setInput,
         placeholder: mode === "to-human" ? "1702550400" : "2024-01-15 10:30:00"
       }
-    ) : /* @__PURE__ */ React24.createElement(Text20, { dimColor: !input5 }, input5 || "(empty)"))),
-    mode === "to-human" && /* @__PURE__ */ React24.createElement(Box19, { marginBottom: 1 }, /* @__PURE__ */ React24.createElement(Box19, { width: 20 }, /* @__PURE__ */ React24.createElement(Text20, { color: focusedField === "format" ? "green" : void 0 }, focusedField === "format" ? "\u25B6 " : "  ", "Format:")), /* @__PURE__ */ React24.createElement(Text20, { bold: true, color: focusedField === "format" ? "yellow" : void 0 }, format.toUpperCase()), focusedField === "format" && /* @__PURE__ */ React24.createElement(Text20, { dimColor: true }, " (Enter to cycle)")),
-    mode === "now" && /* @__PURE__ */ React24.createElement(Box19, { marginBottom: 1 }, /* @__PURE__ */ React24.createElement(Text20, { color: focusedField === "ms" ? "green" : void 0 }, focusedField === "ms" ? "\u25B6 " : "  ", "[", useMs ? "\u2713" : " ", "] Milliseconds")),
-    /* @__PURE__ */ React24.createElement(Box19, { marginTop: 1 }, /* @__PURE__ */ React24.createElement(
-      Text20,
+    ) : /* @__PURE__ */ React18.createElement(Text15, { dimColor: !input5 }, input5 || "(empty)"))),
+    mode === "to-human" && /* @__PURE__ */ React18.createElement(Box14, { marginBottom: 1 }, /* @__PURE__ */ React18.createElement(Box14, { width: 20 }, /* @__PURE__ */ React18.createElement(Text15, { color: focusedField === "format" ? "green" : void 0 }, focusedField === "format" ? "\u25B6 " : "  ", "Format:")), /* @__PURE__ */ React18.createElement(Text15, { bold: true, color: focusedField === "format" ? "yellow" : void 0 }, format.toUpperCase()), focusedField === "format" && /* @__PURE__ */ React18.createElement(Text15, { dimColor: true }, " (Enter to cycle)")),
+    mode === "now" && /* @__PURE__ */ React18.createElement(Box14, { marginBottom: 1 }, /* @__PURE__ */ React18.createElement(Text15, { color: focusedField === "ms" ? "green" : void 0 }, focusedField === "ms" ? "\u25B6 " : "  ", "[", useMs ? "\u2713" : " ", "] Milliseconds")),
+    /* @__PURE__ */ React18.createElement(Box14, { marginTop: 1 }, /* @__PURE__ */ React18.createElement(
+      Text15,
       {
         bold: true,
         backgroundColor: focusedField === "convert" ? "green" : void 0,
@@ -9282,8 +8909,8 @@ var UnixTimeView = () => {
       mode === "now" ? "Get Current" : "Convert",
       " ]"
     ))
-  ), error && /* @__PURE__ */ React24.createElement(
-    Box19,
+  ), error && /* @__PURE__ */ React18.createElement(
+    Box14,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -9292,9 +8919,9 @@ var UnixTimeView = () => {
       paddingY: 1,
       marginBottom: 1
     },
-    /* @__PURE__ */ React24.createElement(Text20, { color: "red" }, "\u2717 Error: ", error)
-  ), result && /* @__PURE__ */ React24.createElement(
-    Box19,
+    /* @__PURE__ */ React18.createElement(Text15, { color: "red" }, "\u2717 Error: ", error)
+  ), result && /* @__PURE__ */ React18.createElement(
+    Box14,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -9302,26 +8929,26 @@ var UnixTimeView = () => {
       paddingX: 2,
       paddingY: 1
     },
-    /* @__PURE__ */ React24.createElement(Box19, { marginBottom: 1 }, /* @__PURE__ */ React24.createElement(Text20, { bold: true, color: "green" }, "\u2713 Result:"), copied && /* @__PURE__ */ React24.createElement(Box19, { marginLeft: 2 }, /* @__PURE__ */ React24.createElement(Text20, { color: "green" }, "\u2713 Copied to clipboard!"))),
-    /* @__PURE__ */ React24.createElement(Box19, { flexDirection: "column" }, /* @__PURE__ */ React24.createElement(Box19, { marginTop: 1 }, /* @__PURE__ */ React24.createElement(Text20, { wrap: "wrap" }, result)))
-  ), /* @__PURE__ */ React24.createElement(Box19, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React24.createElement(Text20, { dimColor: true }, "Tab: Next | Enter: Toggle/Convert | C: Copy | Esc: Back")));
+    /* @__PURE__ */ React18.createElement(Box14, { marginBottom: 1 }, /* @__PURE__ */ React18.createElement(Text15, { bold: true, color: "green" }, "\u2713 Result:"), copied && /* @__PURE__ */ React18.createElement(Box14, { marginLeft: 2 }, /* @__PURE__ */ React18.createElement(Text15, { color: "green" }, "\u2713 Copied to clipboard!"))),
+    /* @__PURE__ */ React18.createElement(Box14, { flexDirection: "column" }, /* @__PURE__ */ React18.createElement(Box14, { marginTop: 1 }, /* @__PURE__ */ React18.createElement(Text15, { wrap: "wrap" }, result)))
+  ), /* @__PURE__ */ React18.createElement(Box14, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React18.createElement(Text15, { dimColor: true }, "Tab: Next | Enter: Toggle/Convert | C: Copy | Esc: Back")));
 };
 
 // src/ui/utils/views/JwtView.tsx
-import React25, { useState as useState18 } from "react";
-import { Box as Box20, Text as Text21, useInput as useInput16 } from "ink";
+import React19, { useState as useState13 } from "react";
+import { Box as Box15, Text as Text16, useInput as useInput11 } from "ink";
 import TextInput10 from "ink-text-input";
 var JwtView = () => {
-  const [mode, setMode] = useState18("decode");
-  const [token, setToken] = useState18("");
-  const [payload, setPayload] = useState18("");
-  const [secret, setSecret] = useState18("");
-  const [result, setResult] = useState18({});
-  const [error, setError] = useState18("");
-  const [focusedField, setFocusedField] = useState18("mode");
-  const [copied, setCopied] = useState18(false);
+  const [mode, setMode] = useState13("decode");
+  const [token, setToken] = useState13("");
+  const [payload, setPayload] = useState13("");
+  const [secret, setSecret] = useState13("");
+  const [result, setResult] = useState13({});
+  const [error, setError] = useState13("");
+  const [focusedField, setFocusedField] = useState13("mode");
+  const [copied, setCopied] = useState13(false);
   const service = new UtilsService();
-  useInput16((input5, key) => {
+  useInput11((input5, key) => {
     if (key.tab) {
       const fields = mode === "decode" ? ["mode", "token", "process"] : ["mode", "payload", "secret", "process"];
       const currentIndex = fields.indexOf(focusedField);
@@ -9376,8 +9003,8 @@ var JwtView = () => {
     } catch (error2) {
     }
   };
-  return /* @__PURE__ */ React25.createElement(Box20, { flexDirection: "column" }, /* @__PURE__ */ React25.createElement(Box20, { marginBottom: 1 }, /* @__PURE__ */ React25.createElement(Text21, { bold: true, color: "cyan" }, "\u{1F511} JWT Decoder/Encoder")), /* @__PURE__ */ React25.createElement(
-    Box20,
+  return /* @__PURE__ */ React19.createElement(Box15, { flexDirection: "column" }, /* @__PURE__ */ React19.createElement(Box15, { marginBottom: 1 }, /* @__PURE__ */ React19.createElement(Text16, { bold: true, color: "cyan" }, "\u{1F511} JWT Decoder/Encoder")), /* @__PURE__ */ React19.createElement(
+    Box15,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -9386,23 +9013,23 @@ var JwtView = () => {
       paddingY: 1,
       marginBottom: 1
     },
-    /* @__PURE__ */ React25.createElement(Text21, { bold: true, color: "yellow", marginBottom: 1 }, "Options:"),
-    /* @__PURE__ */ React25.createElement(Box20, { marginBottom: 1 }, /* @__PURE__ */ React25.createElement(Box20, { width: 20 }, /* @__PURE__ */ React25.createElement(Text21, { color: focusedField === "mode" ? "green" : void 0 }, focusedField === "mode" ? "\u25B6 " : "  ", "Mode:")), /* @__PURE__ */ React25.createElement(Text21, { bold: true, color: focusedField === "mode" ? "yellow" : void 0 }, mode === "decode" ? "DECODE" : "ENCODE"), focusedField === "mode" && /* @__PURE__ */ React25.createElement(Text21, { dimColor: true }, " (Enter to toggle)")),
-    mode === "decode" ? /* @__PURE__ */ React25.createElement(Box20, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React25.createElement(Box20, { marginBottom: 0 }, /* @__PURE__ */ React25.createElement(Text21, { color: focusedField === "token" ? "green" : void 0 }, focusedField === "token" ? "\u25B6 " : "  ", "JWT Token:")), /* @__PURE__ */ React25.createElement(Box20, { marginLeft: 2, width: 60 }, focusedField === "token" ? /* @__PURE__ */ React25.createElement(
+    /* @__PURE__ */ React19.createElement(Text16, { bold: true, color: "yellow", marginBottom: 1 }, "Options:"),
+    /* @__PURE__ */ React19.createElement(Box15, { marginBottom: 1 }, /* @__PURE__ */ React19.createElement(Box15, { width: 20 }, /* @__PURE__ */ React19.createElement(Text16, { color: focusedField === "mode" ? "green" : void 0 }, focusedField === "mode" ? "\u25B6 " : "  ", "Mode:")), /* @__PURE__ */ React19.createElement(Text16, { bold: true, color: focusedField === "mode" ? "yellow" : void 0 }, mode === "decode" ? "DECODE" : "ENCODE"), focusedField === "mode" && /* @__PURE__ */ React19.createElement(Text16, { dimColor: true }, " (Enter to toggle)")),
+    mode === "decode" ? /* @__PURE__ */ React19.createElement(Box15, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React19.createElement(Box15, { marginBottom: 0 }, /* @__PURE__ */ React19.createElement(Text16, { color: focusedField === "token" ? "green" : void 0 }, focusedField === "token" ? "\u25B6 " : "  ", "JWT Token:")), /* @__PURE__ */ React19.createElement(Box15, { marginLeft: 2, width: 60 }, focusedField === "token" ? /* @__PURE__ */ React19.createElement(
       TextInput10,
       {
         value: token,
         onChange: setToken,
         placeholder: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9..."
       }
-    ) : /* @__PURE__ */ React25.createElement(Text21, { dimColor: !token }, token || "(empty)"))) : /* @__PURE__ */ React25.createElement(React25.Fragment, null, /* @__PURE__ */ React25.createElement(Box20, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React25.createElement(Box20, { marginBottom: 0 }, /* @__PURE__ */ React25.createElement(Text21, { color: focusedField === "payload" ? "green" : void 0 }, focusedField === "payload" ? "\u25B6 " : "  ", "Payload (JSON):")), /* @__PURE__ */ React25.createElement(Box20, { marginLeft: 2, width: 60 }, focusedField === "payload" ? /* @__PURE__ */ React25.createElement(
+    ) : /* @__PURE__ */ React19.createElement(Text16, { dimColor: !token }, token || "(empty)"))) : /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(Box15, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React19.createElement(Box15, { marginBottom: 0 }, /* @__PURE__ */ React19.createElement(Text16, { color: focusedField === "payload" ? "green" : void 0 }, focusedField === "payload" ? "\u25B6 " : "  ", "Payload (JSON):")), /* @__PURE__ */ React19.createElement(Box15, { marginLeft: 2, width: 60 }, focusedField === "payload" ? /* @__PURE__ */ React19.createElement(
       TextInput10,
       {
         value: payload,
         onChange: setPayload,
         placeholder: '{"sub":"123","name":"John"}'
       }
-    ) : /* @__PURE__ */ React25.createElement(Text21, { dimColor: !payload }, payload || "(empty)"))), /* @__PURE__ */ React25.createElement(Box20, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React25.createElement(Box20, { marginBottom: 0 }, /* @__PURE__ */ React25.createElement(Text21, { color: focusedField === "secret" ? "green" : void 0 }, focusedField === "secret" ? "\u25B6 " : "  ", "Secret Key:")), /* @__PURE__ */ React25.createElement(Box20, { marginLeft: 2, width: 60 }, focusedField === "secret" ? /* @__PURE__ */ React25.createElement(
+    ) : /* @__PURE__ */ React19.createElement(Text16, { dimColor: !payload }, payload || "(empty)"))), /* @__PURE__ */ React19.createElement(Box15, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React19.createElement(Box15, { marginBottom: 0 }, /* @__PURE__ */ React19.createElement(Text16, { color: focusedField === "secret" ? "green" : void 0 }, focusedField === "secret" ? "\u25B6 " : "  ", "Secret Key:")), /* @__PURE__ */ React19.createElement(Box15, { marginLeft: 2, width: 60 }, focusedField === "secret" ? /* @__PURE__ */ React19.createElement(
       TextInput10,
       {
         value: secret,
@@ -9410,9 +9037,9 @@ var JwtView = () => {
         placeholder: "your-secret-key",
         mask: "*"
       }
-    ) : /* @__PURE__ */ React25.createElement(Text21, { dimColor: !secret }, secret ? "*".repeat(secret.length) : "(empty)")))),
-    /* @__PURE__ */ React25.createElement(Box20, { marginTop: 1 }, /* @__PURE__ */ React25.createElement(
-      Text21,
+    ) : /* @__PURE__ */ React19.createElement(Text16, { dimColor: !secret }, secret ? "*".repeat(secret.length) : "(empty)")))),
+    /* @__PURE__ */ React19.createElement(Box15, { marginTop: 1 }, /* @__PURE__ */ React19.createElement(
+      Text16,
       {
         bold: true,
         backgroundColor: focusedField === "process" ? "green" : void 0,
@@ -9423,8 +9050,8 @@ var JwtView = () => {
       mode === "decode" ? "Decode" : "Encode",
       " ]"
     ))
-  ), error && /* @__PURE__ */ React25.createElement(
-    Box20,
+  ), error && /* @__PURE__ */ React19.createElement(
+    Box15,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -9433,9 +9060,9 @@ var JwtView = () => {
       paddingY: 1,
       marginBottom: 1
     },
-    /* @__PURE__ */ React25.createElement(Text21, { color: "red" }, "\u2717 Error: ", error)
-  ), (result.header || result.token) && /* @__PURE__ */ React25.createElement(
-    Box20,
+    /* @__PURE__ */ React19.createElement(Text16, { color: "red" }, "\u2717 Error: ", error)
+  ), (result.header || result.token) && /* @__PURE__ */ React19.createElement(
+    Box15,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -9443,23 +9070,23 @@ var JwtView = () => {
       paddingX: 2,
       paddingY: 1
     },
-    /* @__PURE__ */ React25.createElement(Box20, { marginBottom: 1 }, /* @__PURE__ */ React25.createElement(Text21, { bold: true, color: "green" }, "\u2713 Result:"), copied && result.token && /* @__PURE__ */ React25.createElement(Box20, { marginLeft: 2 }, /* @__PURE__ */ React25.createElement(Text21, { color: "green" }, "\u2713 Copied to clipboard!"))),
-    /* @__PURE__ */ React25.createElement(Box20, { flexDirection: "column" }, result.header && /* @__PURE__ */ React25.createElement(React25.Fragment, null, /* @__PURE__ */ React25.createElement(Text21, { bold: true, color: "yellow" }, "Header:"), /* @__PURE__ */ React25.createElement(Text21, null, JSON.stringify(result.header, null, 2)), /* @__PURE__ */ React25.createElement(Text21, null, " "), /* @__PURE__ */ React25.createElement(Text21, { bold: true, color: "yellow" }, "Payload:"), /* @__PURE__ */ React25.createElement(Text21, null, JSON.stringify(result.payload, null, 2)), /* @__PURE__ */ React25.createElement(Text21, null, " "), /* @__PURE__ */ React25.createElement(Text21, { bold: true, color: "yellow" }, "Signature:"), /* @__PURE__ */ React25.createElement(Text21, { dimColor: true }, result.signature)), result.token && /* @__PURE__ */ React25.createElement(React25.Fragment, null, /* @__PURE__ */ React25.createElement(Text21, { bold: true, color: "yellow" }, "Token:"), /* @__PURE__ */ React25.createElement(Text21, { wrap: "wrap" }, result.token)))
-  ), /* @__PURE__ */ React25.createElement(Box20, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React25.createElement(Text21, { dimColor: true }, "Tab: Next | Enter: Toggle/", mode === "decode" ? "Decode" : "Encode", " | C: Copy | Esc: Back")));
+    /* @__PURE__ */ React19.createElement(Box15, { marginBottom: 1 }, /* @__PURE__ */ React19.createElement(Text16, { bold: true, color: "green" }, "\u2713 Result:"), copied && result.token && /* @__PURE__ */ React19.createElement(Box15, { marginLeft: 2 }, /* @__PURE__ */ React19.createElement(Text16, { color: "green" }, "\u2713 Copied to clipboard!"))),
+    /* @__PURE__ */ React19.createElement(Box15, { flexDirection: "column" }, result.header && /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(Text16, { bold: true, color: "yellow" }, "Header:"), /* @__PURE__ */ React19.createElement(Text16, null, JSON.stringify(result.header, null, 2)), /* @__PURE__ */ React19.createElement(Text16, null, " "), /* @__PURE__ */ React19.createElement(Text16, { bold: true, color: "yellow" }, "Payload:"), /* @__PURE__ */ React19.createElement(Text16, null, JSON.stringify(result.payload, null, 2)), /* @__PURE__ */ React19.createElement(Text16, null, " "), /* @__PURE__ */ React19.createElement(Text16, { bold: true, color: "yellow" }, "Signature:"), /* @__PURE__ */ React19.createElement(Text16, { dimColor: true }, result.signature)), result.token && /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(Text16, { bold: true, color: "yellow" }, "Token:"), /* @__PURE__ */ React19.createElement(Text16, { wrap: "wrap" }, result.token)))
+  ), /* @__PURE__ */ React19.createElement(Box15, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React19.createElement(Text16, { dimColor: true }, "Tab: Next | Enter: Toggle/", mode === "decode" ? "Decode" : "Encode", " | C: Copy | Esc: Back")));
 };
 
 // src/ui/utils/views/CronView.tsx
-import React26, { useState as useState19 } from "react";
-import { Box as Box21, Text as Text22, useInput as useInput17 } from "ink";
+import React20, { useState as useState14 } from "react";
+import { Box as Box16, Text as Text17, useInput as useInput12 } from "ink";
 import TextInput11 from "ink-text-input";
 var CronView = () => {
-  const [expression, setExpression] = useState19("");
-  const [result, setResult] = useState19(null);
-  const [error, setError] = useState19("");
-  const [focusedField, setFocusedField] = useState19("expression");
-  const [copied, setCopied] = useState19(false);
+  const [expression, setExpression] = useState14("");
+  const [result, setResult] = useState14(null);
+  const [error, setError] = useState14("");
+  const [focusedField, setFocusedField] = useState14("expression");
+  const [copied, setCopied] = useState14(false);
   const service = new UtilsService();
-  useInput17((input5, key) => {
+  useInput12((input5, key) => {
     if (key.tab) {
       setFocusedField(focusedField === "expression" ? "parse" : "expression");
     } else if (key.return) {
@@ -9497,8 +9124,8 @@ ${result.nextRuns.join("\n")}`;
     } catch (error2) {
     }
   };
-  return /* @__PURE__ */ React26.createElement(Box21, { flexDirection: "column" }, /* @__PURE__ */ React26.createElement(Box21, { marginBottom: 1 }, /* @__PURE__ */ React26.createElement(Text22, { bold: true, color: "cyan" }, "\u23F0 Cron Expression Parser")), /* @__PURE__ */ React26.createElement(
-    Box21,
+  return /* @__PURE__ */ React20.createElement(Box16, { flexDirection: "column" }, /* @__PURE__ */ React20.createElement(Box16, { marginBottom: 1 }, /* @__PURE__ */ React20.createElement(Text17, { bold: true, color: "cyan" }, "\u23F0 Cron Expression Parser")), /* @__PURE__ */ React20.createElement(
+    Box16,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -9507,18 +9134,18 @@ ${result.nextRuns.join("\n")}`;
       paddingY: 1,
       marginBottom: 1
     },
-    /* @__PURE__ */ React26.createElement(Text22, { bold: true, color: "yellow", marginBottom: 1 }, "Options:"),
-    /* @__PURE__ */ React26.createElement(Box21, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React26.createElement(Box21, { marginBottom: 0 }, /* @__PURE__ */ React26.createElement(Text22, { color: focusedField === "expression" ? "green" : void 0 }, focusedField === "expression" ? "\u25B6 " : "  ", "Cron Expression:")), /* @__PURE__ */ React26.createElement(Box21, { marginLeft: 2, width: 50 }, focusedField === "expression" ? /* @__PURE__ */ React26.createElement(
+    /* @__PURE__ */ React20.createElement(Text17, { bold: true, color: "yellow", marginBottom: 1 }, "Options:"),
+    /* @__PURE__ */ React20.createElement(Box16, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React20.createElement(Box16, { marginBottom: 0 }, /* @__PURE__ */ React20.createElement(Text17, { color: focusedField === "expression" ? "green" : void 0 }, focusedField === "expression" ? "\u25B6 " : "  ", "Cron Expression:")), /* @__PURE__ */ React20.createElement(Box16, { marginLeft: 2, width: 50 }, focusedField === "expression" ? /* @__PURE__ */ React20.createElement(
       TextInput11,
       {
         value: expression,
         onChange: setExpression,
         placeholder: "0 5 * * * (5-field or 6-field)"
       }
-    ) : /* @__PURE__ */ React26.createElement(Text22, { dimColor: !expression }, expression || "(empty)"))),
-    /* @__PURE__ */ React26.createElement(Box21, { marginTop: 1, marginBottom: 1 }, /* @__PURE__ */ React26.createElement(Text22, { dimColor: true }, 'Examples: "0 5 * * *" (daily at 5am), "*/15 * * * *" (every 15 min)')),
-    /* @__PURE__ */ React26.createElement(Box21, { marginTop: 1 }, /* @__PURE__ */ React26.createElement(
-      Text22,
+    ) : /* @__PURE__ */ React20.createElement(Text17, { dimColor: !expression }, expression || "(empty)"))),
+    /* @__PURE__ */ React20.createElement(Box16, { marginTop: 1, marginBottom: 1 }, /* @__PURE__ */ React20.createElement(Text17, { dimColor: true }, 'Examples: "0 5 * * *" (daily at 5am), "*/15 * * * *" (every 15 min)')),
+    /* @__PURE__ */ React20.createElement(Box16, { marginTop: 1 }, /* @__PURE__ */ React20.createElement(
+      Text17,
       {
         bold: true,
         backgroundColor: focusedField === "parse" ? "green" : void 0,
@@ -9527,8 +9154,8 @@ ${result.nextRuns.join("\n")}`;
       focusedField === "parse" ? "\u25B6 " : "  ",
       "[ Parse Expression ]"
     ))
-  ), error && /* @__PURE__ */ React26.createElement(
-    Box21,
+  ), error && /* @__PURE__ */ React20.createElement(
+    Box16,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -9537,9 +9164,9 @@ ${result.nextRuns.join("\n")}`;
       paddingY: 1,
       marginBottom: 1
     },
-    /* @__PURE__ */ React26.createElement(Text22, { color: "red" }, "\u2717 Error: ", error)
-  ), result && /* @__PURE__ */ React26.createElement(
-    Box21,
+    /* @__PURE__ */ React20.createElement(Text17, { color: "red" }, "\u2717 Error: ", error)
+  ), result && /* @__PURE__ */ React20.createElement(
+    Box16,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -9547,25 +9174,25 @@ ${result.nextRuns.join("\n")}`;
       paddingX: 2,
       paddingY: 1
     },
-    /* @__PURE__ */ React26.createElement(Box21, { marginBottom: 1 }, /* @__PURE__ */ React26.createElement(Text22, { bold: true, color: "green" }, "\u2713 Result:"), copied && /* @__PURE__ */ React26.createElement(Box21, { marginLeft: 2 }, /* @__PURE__ */ React26.createElement(Text22, { color: "green" }, "\u2713 Copied to clipboard!"))),
-    /* @__PURE__ */ React26.createElement(Box21, { flexDirection: "column" }, /* @__PURE__ */ React26.createElement(Text22, { bold: true, color: "yellow" }, "Expression:"), /* @__PURE__ */ React26.createElement(Text22, null, expression), /* @__PURE__ */ React26.createElement(Text22, null, " "), /* @__PURE__ */ React26.createElement(Text22, { bold: true, color: "yellow" }, "Meaning:"), /* @__PURE__ */ React26.createElement(Text22, null, result.description), /* @__PURE__ */ React26.createElement(Text22, null, " "), /* @__PURE__ */ React26.createElement(Text22, { bold: true, color: "yellow" }, "Next 5 executions:"), result.nextRuns.map((run, index) => /* @__PURE__ */ React26.createElement(Text22, { key: index }, "  ", index + 1, ". ", run)))
-  ), /* @__PURE__ */ React26.createElement(Box21, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React26.createElement(Text22, { dimColor: true }, "Tab: Next | Enter: Parse | C: Copy | Esc: Back")));
+    /* @__PURE__ */ React20.createElement(Box16, { marginBottom: 1 }, /* @__PURE__ */ React20.createElement(Text17, { bold: true, color: "green" }, "\u2713 Result:"), copied && /* @__PURE__ */ React20.createElement(Box16, { marginLeft: 2 }, /* @__PURE__ */ React20.createElement(Text17, { color: "green" }, "\u2713 Copied to clipboard!"))),
+    /* @__PURE__ */ React20.createElement(Box16, { flexDirection: "column" }, /* @__PURE__ */ React20.createElement(Text17, { bold: true, color: "yellow" }, "Expression:"), /* @__PURE__ */ React20.createElement(Text17, null, expression), /* @__PURE__ */ React20.createElement(Text17, null, " "), /* @__PURE__ */ React20.createElement(Text17, { bold: true, color: "yellow" }, "Meaning:"), /* @__PURE__ */ React20.createElement(Text17, null, result.description), /* @__PURE__ */ React20.createElement(Text17, null, " "), /* @__PURE__ */ React20.createElement(Text17, { bold: true, color: "yellow" }, "Next 5 executions:"), result.nextRuns.map((run, index) => /* @__PURE__ */ React20.createElement(Text17, { key: index }, "  ", index + 1, ". ", run)))
+  ), /* @__PURE__ */ React20.createElement(Box16, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React20.createElement(Text17, { dimColor: true }, "Tab: Next | Enter: Parse | C: Copy | Esc: Back")));
 };
 
 // src/ui/utils/views/TimezoneView.tsx
-import React27, { useState as useState20 } from "react";
-import { Box as Box22, Text as Text23, useInput as useInput18 } from "ink";
+import React21, { useState as useState15 } from "react";
+import { Box as Box17, Text as Text18, useInput as useInput13 } from "ink";
 import TextInput12 from "ink-text-input";
 var TimezoneView = () => {
-  const [time, setTime] = useState20("");
-  const [fromTz, setFromTz] = useState20("UTC");
-  const [toTz, setToTz] = useState20("America/New_York");
-  const [result, setResult] = useState20("");
-  const [error, setError] = useState20("");
-  const [focusedField, setFocusedField] = useState20("time");
-  const [copied, setCopied] = useState20(false);
+  const [time, setTime] = useState15("");
+  const [fromTz, setFromTz] = useState15("UTC");
+  const [toTz, setToTz] = useState15("America/New_York");
+  const [result, setResult] = useState15("");
+  const [error, setError] = useState15("");
+  const [focusedField, setFocusedField] = useState15("time");
+  const [copied, setCopied] = useState15(false);
   const service = new UtilsService();
-  useInput18((input5, key) => {
+  useInput13((input5, key) => {
     if (key.tab) {
       const fields = ["time", "from", "to", "convert"];
       const currentIndex = fields.indexOf(focusedField);
@@ -9604,8 +9231,8 @@ var TimezoneView = () => {
     } catch (error2) {
     }
   };
-  return /* @__PURE__ */ React27.createElement(Box22, { flexDirection: "column" }, /* @__PURE__ */ React27.createElement(Box22, { marginBottom: 1 }, /* @__PURE__ */ React27.createElement(Text23, { bold: true, color: "cyan" }, "\u{1F30D} Timezone Converter")), /* @__PURE__ */ React27.createElement(
-    Box22,
+  return /* @__PURE__ */ React21.createElement(Box17, { flexDirection: "column" }, /* @__PURE__ */ React21.createElement(Box17, { marginBottom: 1 }, /* @__PURE__ */ React21.createElement(Text18, { bold: true, color: "cyan" }, "\u{1F30D} Timezone Converter")), /* @__PURE__ */ React21.createElement(
+    Box17,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -9614,34 +9241,34 @@ var TimezoneView = () => {
       paddingY: 1,
       marginBottom: 1
     },
-    /* @__PURE__ */ React27.createElement(Text23, { bold: true, color: "yellow", marginBottom: 1 }, "Options:"),
-    /* @__PURE__ */ React27.createElement(Box22, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React27.createElement(Box22, { marginBottom: 0 }, /* @__PURE__ */ React27.createElement(Text23, { color: focusedField === "time" ? "green" : void 0 }, focusedField === "time" ? "\u25B6 " : "  ", "Time:")), /* @__PURE__ */ React27.createElement(Box22, { marginLeft: 2, width: 50 }, focusedField === "time" ? /* @__PURE__ */ React27.createElement(
+    /* @__PURE__ */ React21.createElement(Text18, { bold: true, color: "yellow", marginBottom: 1 }, "Options:"),
+    /* @__PURE__ */ React21.createElement(Box17, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React21.createElement(Box17, { marginBottom: 0 }, /* @__PURE__ */ React21.createElement(Text18, { color: focusedField === "time" ? "green" : void 0 }, focusedField === "time" ? "\u25B6 " : "  ", "Time:")), /* @__PURE__ */ React21.createElement(Box17, { marginLeft: 2, width: 50 }, focusedField === "time" ? /* @__PURE__ */ React21.createElement(
       TextInput12,
       {
         value: time,
         onChange: setTime,
         placeholder: "2024-01-15 10:00:00"
       }
-    ) : /* @__PURE__ */ React27.createElement(Text23, { dimColor: !time }, time || "(empty)"))),
-    /* @__PURE__ */ React27.createElement(Box22, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React27.createElement(Box22, { marginBottom: 0 }, /* @__PURE__ */ React27.createElement(Text23, { color: focusedField === "from" ? "green" : void 0 }, focusedField === "from" ? "\u25B6 " : "  ", "From Timezone:")), /* @__PURE__ */ React27.createElement(Box22, { marginLeft: 2, width: 50 }, focusedField === "from" ? /* @__PURE__ */ React27.createElement(
+    ) : /* @__PURE__ */ React21.createElement(Text18, { dimColor: !time }, time || "(empty)"))),
+    /* @__PURE__ */ React21.createElement(Box17, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React21.createElement(Box17, { marginBottom: 0 }, /* @__PURE__ */ React21.createElement(Text18, { color: focusedField === "from" ? "green" : void 0 }, focusedField === "from" ? "\u25B6 " : "  ", "From Timezone:")), /* @__PURE__ */ React21.createElement(Box17, { marginLeft: 2, width: 50 }, focusedField === "from" ? /* @__PURE__ */ React21.createElement(
       TextInput12,
       {
         value: fromTz,
         onChange: setFromTz,
         placeholder: "UTC or America/New_York"
       }
-    ) : /* @__PURE__ */ React27.createElement(Text23, { dimColor: !fromTz }, fromTz || "(empty)"))),
-    /* @__PURE__ */ React27.createElement(Box22, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React27.createElement(Box22, { marginBottom: 0 }, /* @__PURE__ */ React27.createElement(Text23, { color: focusedField === "to" ? "green" : void 0 }, focusedField === "to" ? "\u25B6 " : "  ", "To Timezone:")), /* @__PURE__ */ React27.createElement(Box22, { marginLeft: 2, width: 50 }, focusedField === "to" ? /* @__PURE__ */ React27.createElement(
+    ) : /* @__PURE__ */ React21.createElement(Text18, { dimColor: !fromTz }, fromTz || "(empty)"))),
+    /* @__PURE__ */ React21.createElement(Box17, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React21.createElement(Box17, { marginBottom: 0 }, /* @__PURE__ */ React21.createElement(Text18, { color: focusedField === "to" ? "green" : void 0 }, focusedField === "to" ? "\u25B6 " : "  ", "To Timezone:")), /* @__PURE__ */ React21.createElement(Box17, { marginLeft: 2, width: 50 }, focusedField === "to" ? /* @__PURE__ */ React21.createElement(
       TextInput12,
       {
         value: toTz,
         onChange: setToTz,
         placeholder: "Asia/Tokyo or Europe/London"
       }
-    ) : /* @__PURE__ */ React27.createElement(Text23, { dimColor: !toTz }, toTz || "(empty)"))),
-    /* @__PURE__ */ React27.createElement(Box22, { marginBottom: 1 }, /* @__PURE__ */ React27.createElement(Text23, { dimColor: true }, "Common: UTC, America/New_York, Europe/London, Asia/Tokyo")),
-    /* @__PURE__ */ React27.createElement(Box22, { marginTop: 1 }, /* @__PURE__ */ React27.createElement(
-      Text23,
+    ) : /* @__PURE__ */ React21.createElement(Text18, { dimColor: !toTz }, toTz || "(empty)"))),
+    /* @__PURE__ */ React21.createElement(Box17, { marginBottom: 1 }, /* @__PURE__ */ React21.createElement(Text18, { dimColor: true }, "Common: UTC, America/New_York, Europe/London, Asia/Tokyo")),
+    /* @__PURE__ */ React21.createElement(Box17, { marginTop: 1 }, /* @__PURE__ */ React21.createElement(
+      Text18,
       {
         bold: true,
         backgroundColor: focusedField === "convert" ? "green" : void 0,
@@ -9650,8 +9277,8 @@ var TimezoneView = () => {
       focusedField === "convert" ? "\u25B6 " : "  ",
       "[ Convert ]"
     ))
-  ), error && /* @__PURE__ */ React27.createElement(
-    Box22,
+  ), error && /* @__PURE__ */ React21.createElement(
+    Box17,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -9660,9 +9287,9 @@ var TimezoneView = () => {
       paddingY: 1,
       marginBottom: 1
     },
-    /* @__PURE__ */ React27.createElement(Text23, { color: "red" }, "\u2717 Error: ", error)
-  ), result && /* @__PURE__ */ React27.createElement(
-    Box22,
+    /* @__PURE__ */ React21.createElement(Text18, { color: "red" }, "\u2717 Error: ", error)
+  ), result && /* @__PURE__ */ React21.createElement(
+    Box17,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -9670,28 +9297,28 @@ var TimezoneView = () => {
       paddingX: 2,
       paddingY: 1
     },
-    /* @__PURE__ */ React27.createElement(Box22, { marginBottom: 1 }, /* @__PURE__ */ React27.createElement(Text23, { bold: true, color: "green" }, "\u2713 Result:"), copied && /* @__PURE__ */ React27.createElement(Box22, { marginLeft: 2 }, /* @__PURE__ */ React27.createElement(Text23, { color: "green" }, "\u2713 Copied to clipboard!"))),
-    /* @__PURE__ */ React27.createElement(Box22, { flexDirection: "column" }, /* @__PURE__ */ React27.createElement(Text23, { dimColor: true }, "From: ", fromTz), /* @__PURE__ */ React27.createElement(Text23, { dimColor: true }, "To: ", toTz), /* @__PURE__ */ React27.createElement(Box22, { marginTop: 1 }, /* @__PURE__ */ React27.createElement(Text23, { wrap: "wrap" }, result)))
-  ), /* @__PURE__ */ React27.createElement(Box22, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React27.createElement(Text23, { dimColor: true }, "Tab: Next | Enter: Convert | C: Copy | Esc: Back")));
+    /* @__PURE__ */ React21.createElement(Box17, { marginBottom: 1 }, /* @__PURE__ */ React21.createElement(Text18, { bold: true, color: "green" }, "\u2713 Result:"), copied && /* @__PURE__ */ React21.createElement(Box17, { marginLeft: 2 }, /* @__PURE__ */ React21.createElement(Text18, { color: "green" }, "\u2713 Copied to clipboard!"))),
+    /* @__PURE__ */ React21.createElement(Box17, { flexDirection: "column" }, /* @__PURE__ */ React21.createElement(Text18, { dimColor: true }, "From: ", fromTz), /* @__PURE__ */ React21.createElement(Text18, { dimColor: true }, "To: ", toTz), /* @__PURE__ */ React21.createElement(Box17, { marginTop: 1 }, /* @__PURE__ */ React21.createElement(Text18, { wrap: "wrap" }, result)))
+  ), /* @__PURE__ */ React21.createElement(Box17, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React21.createElement(Text18, { dimColor: true }, "Tab: Next | Enter: Convert | C: Copy | Esc: Back")));
 };
 
 // src/ui/utils/views/HttpView.tsx
-import React28, { useState as useState21 } from "react";
-import { Box as Box23, Text as Text24, useInput as useInput19 } from "ink";
+import React22, { useState as useState16 } from "react";
+import { Box as Box18, Text as Text19, useInput as useInput14 } from "ink";
 import TextInput13 from "ink-text-input";
 var METHODS = ["GET", "POST", "PUT", "PATCH", "DELETE"];
 var HttpView = () => {
-  const [url, setUrl] = useState21("");
-  const [method, setMethod] = useState21("GET");
-  const [headers, setHeaders] = useState21("");
-  const [body, setBody] = useState21("");
-  const [response, setResponse] = useState21(null);
-  const [error, setError] = useState21("");
-  const [loading, setLoading] = useState21(false);
-  const [focusedField, setFocusedField] = useState21("url");
-  const [copied, setCopied] = useState21(false);
+  const [url, setUrl] = useState16("");
+  const [method, setMethod] = useState16("GET");
+  const [headers, setHeaders] = useState16("");
+  const [body, setBody] = useState16("");
+  const [response, setResponse] = useState16(null);
+  const [error, setError] = useState16("");
+  const [loading, setLoading] = useState16(false);
+  const [focusedField, setFocusedField] = useState16("url");
+  const [copied, setCopied] = useState16(false);
   const service = new UtilsService();
-  useInput19((input5, key) => {
+  useInput14((input5, key) => {
     if (loading) return;
     if (key.tab) {
       const fields = ["url", "method", "headers", "body", "send"];
@@ -9752,8 +9379,8 @@ var HttpView = () => {
     } catch (error2) {
     }
   };
-  return /* @__PURE__ */ React28.createElement(Box23, { flexDirection: "column" }, /* @__PURE__ */ React28.createElement(Box23, { marginBottom: 1 }, /* @__PURE__ */ React28.createElement(Text24, { bold: true, color: "cyan" }, "\u{1F310} HTTP Request")), /* @__PURE__ */ React28.createElement(
-    Box23,
+  return /* @__PURE__ */ React22.createElement(Box18, { flexDirection: "column" }, /* @__PURE__ */ React22.createElement(Box18, { marginBottom: 1 }, /* @__PURE__ */ React22.createElement(Text19, { bold: true, color: "cyan" }, "\u{1F310} HTTP Request")), /* @__PURE__ */ React22.createElement(
+    Box18,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -9762,34 +9389,34 @@ var HttpView = () => {
       paddingY: 1,
       marginBottom: 1
     },
-    /* @__PURE__ */ React28.createElement(Text24, { bold: true, color: "yellow", marginBottom: 1 }, "Request:"),
-    /* @__PURE__ */ React28.createElement(Box23, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React28.createElement(Box23, { marginBottom: 0 }, /* @__PURE__ */ React28.createElement(Text24, { color: focusedField === "url" ? "green" : void 0 }, focusedField === "url" ? "\u25B6 " : "  ", "URL:")), /* @__PURE__ */ React28.createElement(Box23, { marginLeft: 2, width: 60 }, focusedField === "url" ? /* @__PURE__ */ React28.createElement(
+    /* @__PURE__ */ React22.createElement(Text19, { bold: true, color: "yellow", marginBottom: 1 }, "Request:"),
+    /* @__PURE__ */ React22.createElement(Box18, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React22.createElement(Box18, { marginBottom: 0 }, /* @__PURE__ */ React22.createElement(Text19, { color: focusedField === "url" ? "green" : void 0 }, focusedField === "url" ? "\u25B6 " : "  ", "URL:")), /* @__PURE__ */ React22.createElement(Box18, { marginLeft: 2, width: 60 }, focusedField === "url" ? /* @__PURE__ */ React22.createElement(
       TextInput13,
       {
         value: url,
         onChange: setUrl,
         placeholder: "https://api.example.com/endpoint"
       }
-    ) : /* @__PURE__ */ React28.createElement(Text24, { dimColor: !url }, url || "(empty)"))),
-    /* @__PURE__ */ React28.createElement(Box23, { marginBottom: 1 }, /* @__PURE__ */ React28.createElement(Box23, { width: 20 }, /* @__PURE__ */ React28.createElement(Text24, { color: focusedField === "method" ? "green" : void 0 }, focusedField === "method" ? "\u25B6 " : "  ", "Method:")), /* @__PURE__ */ React28.createElement(Text24, { bold: true, color: focusedField === "method" ? "yellow" : void 0 }, method), focusedField === "method" && /* @__PURE__ */ React28.createElement(Text24, { dimColor: true }, " (\u2190 \u2192 to change)")),
-    /* @__PURE__ */ React28.createElement(Box23, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React28.createElement(Box23, { marginBottom: 0 }, /* @__PURE__ */ React28.createElement(Text24, { color: focusedField === "headers" ? "green" : void 0 }, focusedField === "headers" ? "\u25B6 " : "  ", "Headers (one per line, Key: Value):")), /* @__PURE__ */ React28.createElement(Box23, { marginLeft: 2, width: 60 }, focusedField === "headers" ? /* @__PURE__ */ React28.createElement(
+    ) : /* @__PURE__ */ React22.createElement(Text19, { dimColor: !url }, url || "(empty)"))),
+    /* @__PURE__ */ React22.createElement(Box18, { marginBottom: 1 }, /* @__PURE__ */ React22.createElement(Box18, { width: 20 }, /* @__PURE__ */ React22.createElement(Text19, { color: focusedField === "method" ? "green" : void 0 }, focusedField === "method" ? "\u25B6 " : "  ", "Method:")), /* @__PURE__ */ React22.createElement(Text19, { bold: true, color: focusedField === "method" ? "yellow" : void 0 }, method), focusedField === "method" && /* @__PURE__ */ React22.createElement(Text19, { dimColor: true }, " (\u2190 \u2192 to change)")),
+    /* @__PURE__ */ React22.createElement(Box18, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React22.createElement(Box18, { marginBottom: 0 }, /* @__PURE__ */ React22.createElement(Text19, { color: focusedField === "headers" ? "green" : void 0 }, focusedField === "headers" ? "\u25B6 " : "  ", "Headers (one per line, Key: Value):")), /* @__PURE__ */ React22.createElement(Box18, { marginLeft: 2, width: 60 }, focusedField === "headers" ? /* @__PURE__ */ React22.createElement(
       TextInput13,
       {
         value: headers,
         onChange: setHeaders,
         placeholder: "Authorization: Bearer token"
       }
-    ) : /* @__PURE__ */ React28.createElement(Text24, { dimColor: !headers }, headers || "(none)"))),
-    (method === "POST" || method === "PUT" || method === "PATCH") && /* @__PURE__ */ React28.createElement(Box23, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React28.createElement(Box23, { marginBottom: 0 }, /* @__PURE__ */ React28.createElement(Text24, { color: focusedField === "body" ? "green" : void 0 }, focusedField === "body" ? "\u25B6 " : "  ", "Body (JSON):")), /* @__PURE__ */ React28.createElement(Box23, { marginLeft: 2, width: 60 }, focusedField === "body" ? /* @__PURE__ */ React28.createElement(
+    ) : /* @__PURE__ */ React22.createElement(Text19, { dimColor: !headers }, headers || "(none)"))),
+    (method === "POST" || method === "PUT" || method === "PATCH") && /* @__PURE__ */ React22.createElement(Box18, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React22.createElement(Box18, { marginBottom: 0 }, /* @__PURE__ */ React22.createElement(Text19, { color: focusedField === "body" ? "green" : void 0 }, focusedField === "body" ? "\u25B6 " : "  ", "Body (JSON):")), /* @__PURE__ */ React22.createElement(Box18, { marginLeft: 2, width: 60 }, focusedField === "body" ? /* @__PURE__ */ React22.createElement(
       TextInput13,
       {
         value: body,
         onChange: setBody,
         placeholder: '{"key":"value"}'
       }
-    ) : /* @__PURE__ */ React28.createElement(Text24, { dimColor: !body }, body || "(empty)"))),
-    /* @__PURE__ */ React28.createElement(Box23, { marginTop: 1 }, /* @__PURE__ */ React28.createElement(
-      Text24,
+    ) : /* @__PURE__ */ React22.createElement(Text19, { dimColor: !body }, body || "(empty)"))),
+    /* @__PURE__ */ React22.createElement(Box18, { marginTop: 1 }, /* @__PURE__ */ React22.createElement(
+      Text19,
       {
         bold: true,
         backgroundColor: focusedField === "send" ? "green" : void 0,
@@ -9800,8 +9427,8 @@ var HttpView = () => {
       loading ? "Sending..." : "Send Request",
       " ]"
     ))
-  ), error && /* @__PURE__ */ React28.createElement(
-    Box23,
+  ), error && /* @__PURE__ */ React22.createElement(
+    Box18,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -9810,9 +9437,9 @@ var HttpView = () => {
       paddingY: 1,
       marginBottom: 1
     },
-    /* @__PURE__ */ React28.createElement(Text24, { color: "red" }, "\u2717 Error: ", error)
-  ), response && /* @__PURE__ */ React28.createElement(
-    Box23,
+    /* @__PURE__ */ React22.createElement(Text19, { color: "red" }, "\u2717 Error: ", error)
+  ), response && /* @__PURE__ */ React22.createElement(
+    Box18,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -9820,23 +9447,23 @@ var HttpView = () => {
       paddingX: 2,
       paddingY: 1
     },
-    /* @__PURE__ */ React28.createElement(Box23, { marginBottom: 1 }, /* @__PURE__ */ React28.createElement(Text24, { bold: true, color: "green" }, "\u2713 Response:"), copied && /* @__PURE__ */ React28.createElement(Box23, { marginLeft: 2 }, /* @__PURE__ */ React28.createElement(Text24, { color: "green" }, "\u2713 Copied body to clipboard!"))),
-    /* @__PURE__ */ React28.createElement(Box23, { flexDirection: "column" }, /* @__PURE__ */ React28.createElement(Text24, null, "Status: ", /* @__PURE__ */ React28.createElement(Text24, { color: response.status < 400 ? "green" : "red" }, response.status)), /* @__PURE__ */ React28.createElement(Text24, null, "Time: ", response.time, "ms"), /* @__PURE__ */ React28.createElement(Text24, null, "Size: ", response.size), /* @__PURE__ */ React28.createElement(Text24, null, " "), /* @__PURE__ */ React28.createElement(Text24, { bold: true, color: "yellow" }, "Headers:"), Object.entries(response.headers).slice(0, 5).map(([key, value]) => /* @__PURE__ */ React28.createElement(Text24, { key, dimColor: true }, "  ", key, ": ", value)), /* @__PURE__ */ React28.createElement(Text24, null, " "), /* @__PURE__ */ React28.createElement(Text24, { bold: true, color: "yellow" }, "Body:"), /* @__PURE__ */ React28.createElement(Text24, null, typeof response.body === "string" ? response.body.slice(0, 500) : JSON.stringify(response.body, null, 2).slice(0, 500)))
-  ), /* @__PURE__ */ React28.createElement(Box23, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React28.createElement(Text24, { dimColor: true }, "Tab: Next | \u2190/\u2192: Change method | Enter: Send | C: Copy body | Esc: Back")));
+    /* @__PURE__ */ React22.createElement(Box18, { marginBottom: 1 }, /* @__PURE__ */ React22.createElement(Text19, { bold: true, color: "green" }, "\u2713 Response:"), copied && /* @__PURE__ */ React22.createElement(Box18, { marginLeft: 2 }, /* @__PURE__ */ React22.createElement(Text19, { color: "green" }, "\u2713 Copied body to clipboard!"))),
+    /* @__PURE__ */ React22.createElement(Box18, { flexDirection: "column" }, /* @__PURE__ */ React22.createElement(Text19, null, "Status: ", /* @__PURE__ */ React22.createElement(Text19, { color: response.status < 400 ? "green" : "red" }, response.status)), /* @__PURE__ */ React22.createElement(Text19, null, "Time: ", response.time, "ms"), /* @__PURE__ */ React22.createElement(Text19, null, "Size: ", response.size), /* @__PURE__ */ React22.createElement(Text19, null, " "), /* @__PURE__ */ React22.createElement(Text19, { bold: true, color: "yellow" }, "Headers:"), Object.entries(response.headers).slice(0, 5).map(([key, value]) => /* @__PURE__ */ React22.createElement(Text19, { key, dimColor: true }, "  ", key, ": ", value)), /* @__PURE__ */ React22.createElement(Text19, null, " "), /* @__PURE__ */ React22.createElement(Text19, { bold: true, color: "yellow" }, "Body:"), /* @__PURE__ */ React22.createElement(Text19, null, typeof response.body === "string" ? response.body.slice(0, 500) : JSON.stringify(response.body, null, 2).slice(0, 500)))
+  ), /* @__PURE__ */ React22.createElement(Box18, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React22.createElement(Text19, { dimColor: true }, "Tab: Next | \u2190/\u2192: Change method | Enter: Send | C: Copy body | Esc: Back")));
 };
 
 // src/ui/utils/views/MarkdownView.tsx
-import React29, { useState as useState22 } from "react";
-import { Box as Box24, Text as Text25, useInput as useInput20 } from "ink";
+import React23, { useState as useState17 } from "react";
+import { Box as Box19, Text as Text20, useInput as useInput15 } from "ink";
 import TextInput14 from "ink-text-input";
 import * as fs15 from "fs";
 import * as path7 from "path";
 var MarkdownView = () => {
-  const [filePath, setFilePath] = useState22("");
-  const [content, setContent] = useState22("");
-  const [error, setError] = useState22("");
-  const [focusedField, setFocusedField] = useState22("file");
-  useInput20((input5, key) => {
+  const [filePath, setFilePath] = useState17("");
+  const [content, setContent] = useState17("");
+  const [error, setError] = useState17("");
+  const [focusedField, setFocusedField] = useState17("file");
+  useInput15((input5, key) => {
     if (key.tab) {
       setFocusedField(focusedField === "file" ? "preview" : "file");
     } else if (key.return) {
@@ -9877,8 +9504,8 @@ ${code.trim()}
       setContent("");
     }
   };
-  return /* @__PURE__ */ React29.createElement(Box24, { flexDirection: "column" }, /* @__PURE__ */ React29.createElement(Box24, { marginBottom: 1 }, /* @__PURE__ */ React29.createElement(Text25, { bold: true, color: "cyan" }, "\u{1F4C4} Markdown Preview")), /* @__PURE__ */ React29.createElement(
-    Box24,
+  return /* @__PURE__ */ React23.createElement(Box19, { flexDirection: "column" }, /* @__PURE__ */ React23.createElement(Box19, { marginBottom: 1 }, /* @__PURE__ */ React23.createElement(Text20, { bold: true, color: "cyan" }, "\u{1F4C4} Markdown Preview")), /* @__PURE__ */ React23.createElement(
+    Box19,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -9887,17 +9514,17 @@ ${code.trim()}
       paddingY: 1,
       marginBottom: 1
     },
-    /* @__PURE__ */ React29.createElement(Text25, { bold: true, color: "yellow", marginBottom: 1 }, "Options:"),
-    /* @__PURE__ */ React29.createElement(Box24, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React29.createElement(Box24, { marginBottom: 0 }, /* @__PURE__ */ React29.createElement(Text25, { color: focusedField === "file" ? "green" : void 0 }, focusedField === "file" ? "\u25B6 " : "  ", "File path:")), /* @__PURE__ */ React29.createElement(Box24, { marginLeft: 2, width: 60 }, focusedField === "file" ? /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React23.createElement(Text20, { bold: true, color: "yellow", marginBottom: 1 }, "Options:"),
+    /* @__PURE__ */ React23.createElement(Box19, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React23.createElement(Box19, { marginBottom: 0 }, /* @__PURE__ */ React23.createElement(Text20, { color: focusedField === "file" ? "green" : void 0 }, focusedField === "file" ? "\u25B6 " : "  ", "File path:")), /* @__PURE__ */ React23.createElement(Box19, { marginLeft: 2, width: 60 }, focusedField === "file" ? /* @__PURE__ */ React23.createElement(
       TextInput14,
       {
         value: filePath,
         onChange: setFilePath,
         placeholder: "./README.md or /path/to/file.md"
       }
-    ) : /* @__PURE__ */ React29.createElement(Text25, { dimColor: !filePath }, filePath || "(empty)"))),
-    /* @__PURE__ */ React29.createElement(Box24, { marginTop: 1 }, /* @__PURE__ */ React29.createElement(
-      Text25,
+    ) : /* @__PURE__ */ React23.createElement(Text20, { dimColor: !filePath }, filePath || "(empty)"))),
+    /* @__PURE__ */ React23.createElement(Box19, { marginTop: 1 }, /* @__PURE__ */ React23.createElement(
+      Text20,
       {
         bold: true,
         backgroundColor: focusedField === "preview" ? "green" : void 0,
@@ -9906,8 +9533,8 @@ ${code.trim()}
       focusedField === "preview" ? "\u25B6 " : "  ",
       "[ Preview File ]"
     ))
-  ), error && /* @__PURE__ */ React29.createElement(
-    Box24,
+  ), error && /* @__PURE__ */ React23.createElement(
+    Box19,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -9916,9 +9543,9 @@ ${code.trim()}
       paddingY: 1,
       marginBottom: 1
     },
-    /* @__PURE__ */ React29.createElement(Text25, { color: "red" }, "\u2717 Error: ", error)
-  ), content && /* @__PURE__ */ React29.createElement(
-    Box24,
+    /* @__PURE__ */ React23.createElement(Text20, { color: "red" }, "\u2717 Error: ", error)
+  ), content && /* @__PURE__ */ React23.createElement(
+    Box19,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -9926,9 +9553,9 @@ ${code.trim()}
       paddingX: 2,
       paddingY: 1
     },
-    /* @__PURE__ */ React29.createElement(Box24, { marginBottom: 1 }, /* @__PURE__ */ React29.createElement(Text25, { bold: true, color: "green" }, "\u2713 Preview:")),
-    /* @__PURE__ */ React29.createElement(Box24, { flexDirection: "column" }, /* @__PURE__ */ React29.createElement(Text25, null, content))
-  ), /* @__PURE__ */ React29.createElement(Box24, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React29.createElement(Text25, { dimColor: true }, "Tab: Next | Enter: Preview | Esc: Back")));
+    /* @__PURE__ */ React23.createElement(Box19, { marginBottom: 1 }, /* @__PURE__ */ React23.createElement(Text20, { bold: true, color: "green" }, "\u2713 Preview:")),
+    /* @__PURE__ */ React23.createElement(Box19, { flexDirection: "column" }, /* @__PURE__ */ React23.createElement(Text20, null, content))
+  ), /* @__PURE__ */ React23.createElement(Box19, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React23.createElement(Text20, { dimColor: true }, "Tab: Next | Enter: Preview | Esc: Back")));
 };
 
 // src/ui/utils/UtilsApp.tsx
@@ -9948,10 +9575,10 @@ var MENU_ITEMS = [
   { id: "markdown", icon: "\u{1F4C4}", label: "Markdown", description: "Preview markdown" }
 ];
 var UtilsApp = ({ onExit }) => {
-  const [selectedIndex, setSelectedIndex] = useState23(0);
-  const [activeView, setActiveView] = useState23(null);
-  const { exit } = useApp5();
-  useInput21((input5, key) => {
+  const [selectedIndex, setSelectedIndex] = useState18(0);
+  const [activeView, setActiveView] = useState18(null);
+  const { exit } = useApp4();
+  useInput16((input5, key) => {
     if (activeView) {
       if (key.escape) {
         setActiveView(null);
@@ -9969,8 +9596,8 @@ var UtilsApp = ({ onExit }) => {
       exit();
     }
   });
-  return /* @__PURE__ */ React30.createElement(Box25, { flexDirection: "column", width: "100%", height: "100%" }, /* @__PURE__ */ React30.createElement(
-    Box25,
+  return /* @__PURE__ */ React24.createElement(Box20, { flexDirection: "column", width: "100%", height: "100%" }, /* @__PURE__ */ React24.createElement(
+    Box20,
     {
       borderStyle: "single",
       borderColor: "cyan",
@@ -9978,10 +9605,10 @@ var UtilsApp = ({ onExit }) => {
       paddingY: 0,
       marginBottom: 1
     },
-    /* @__PURE__ */ React30.createElement(Text26, { bold: true, color: "cyan" }, "\u{1F6E0}\uFE0F  Developer Utilities - Interactive Mode"),
-    /* @__PURE__ */ React30.createElement(Box25, { marginLeft: "auto" }, /* @__PURE__ */ React30.createElement(Text26, { dimColor: true }, "Press Ctrl+Q to quit"))
-  ), /* @__PURE__ */ React30.createElement(Box25, { flexGrow: 1 }, /* @__PURE__ */ React30.createElement(
-    Box25,
+    /* @__PURE__ */ React24.createElement(Text21, { bold: true, color: "cyan" }, "\u{1F6E0}\uFE0F  Developer Utilities - Interactive Mode"),
+    /* @__PURE__ */ React24.createElement(Box20, { marginLeft: "auto" }, /* @__PURE__ */ React24.createElement(Text21, { dimColor: true }, "Press Ctrl+Q to quit"))
+  ), /* @__PURE__ */ React24.createElement(Box20, { flexGrow: 1 }, /* @__PURE__ */ React24.createElement(
+    Box20,
     {
       flexDirection: "column",
       width: 30,
@@ -9991,9 +9618,9 @@ var UtilsApp = ({ onExit }) => {
       paddingY: 1,
       marginRight: 1
     },
-    /* @__PURE__ */ React30.createElement(Box25, { marginBottom: 1 }, /* @__PURE__ */ React30.createElement(Text26, { bold: true, color: "yellow" }, "Select Utility:")),
-    MENU_ITEMS.map((item, index) => /* @__PURE__ */ React30.createElement(Box25, { key: item.id, marginBottom: 0 }, /* @__PURE__ */ React30.createElement(
-      Text26,
+    /* @__PURE__ */ React24.createElement(Box20, { marginBottom: 1 }, /* @__PURE__ */ React24.createElement(Text21, { bold: true, color: "yellow" }, "Select Utility:")),
+    MENU_ITEMS.map((item, index) => /* @__PURE__ */ React24.createElement(Box20, { key: item.id, marginBottom: 0 }, /* @__PURE__ */ React24.createElement(
+      Text21,
       {
         color: selectedIndex === index && !activeView ? "green" : void 0,
         bold: selectedIndex === index && !activeView,
@@ -10004,9 +9631,9 @@ var UtilsApp = ({ onExit }) => {
       " ",
       item.label
     ))),
-    /* @__PURE__ */ React30.createElement(Box25, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 1 }, /* @__PURE__ */ React30.createElement(Text26, { dimColor: true }, "\u2191/\u2193: Navigate", "\n", "Enter: Select", "\n", "Esc: Back/Quit"))
-  ), /* @__PURE__ */ React30.createElement(
-    Box25,
+    /* @__PURE__ */ React24.createElement(Box20, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 1 }, /* @__PURE__ */ React24.createElement(Text21, { dimColor: true }, "\u2191/\u2193: Navigate", "\n", "Enter: Select", "\n", "Esc: Back/Quit"))
+  ), /* @__PURE__ */ React24.createElement(
+    Box20,
     {
       flexDirection: "column",
       flexGrow: 1,
@@ -10015,21 +9642,21 @@ var UtilsApp = ({ onExit }) => {
       paddingX: 2,
       paddingY: 1
     },
-    activeView ? /* @__PURE__ */ React30.createElement(ActiveUtilityView, { utilityType: activeView }) : /* @__PURE__ */ React30.createElement(WelcomeView, { selectedItem: MENU_ITEMS[selectedIndex] })
-  )), /* @__PURE__ */ React30.createElement(
-    Box25,
+    activeView ? /* @__PURE__ */ React24.createElement(ActiveUtilityView, { utilityType: activeView }) : /* @__PURE__ */ React24.createElement(WelcomeView, { selectedItem: MENU_ITEMS[selectedIndex] })
+  )), /* @__PURE__ */ React24.createElement(
+    Box20,
     {
       borderStyle: "single",
       borderColor: "gray",
       paddingX: 2,
       marginTop: 1
     },
-    /* @__PURE__ */ React30.createElement(Text26, { dimColor: true }, "jai1-cli | Use arrow keys or j/k to navigate")
+    /* @__PURE__ */ React24.createElement(Text21, { dimColor: true }, "jai1-cli | Use arrow keys or j/k to navigate")
   ));
 };
 var WelcomeView = ({ selectedItem }) => {
-  return /* @__PURE__ */ React30.createElement(Box25, { flexDirection: "column" }, /* @__PURE__ */ React30.createElement(Box25, { marginBottom: 1 }, /* @__PURE__ */ React30.createElement(Text26, { bold: true, color: "cyan" }, "Welcome to Developer Utilities")), /* @__PURE__ */ React30.createElement(Box25, { marginBottom: 2 }, /* @__PURE__ */ React30.createElement(Text26, null, "Select a utility from the left menu to get started.")), /* @__PURE__ */ React30.createElement(
-    Box25,
+  return /* @__PURE__ */ React24.createElement(Box20, { flexDirection: "column" }, /* @__PURE__ */ React24.createElement(Box20, { marginBottom: 1 }, /* @__PURE__ */ React24.createElement(Text21, { bold: true, color: "cyan" }, "Welcome to Developer Utilities")), /* @__PURE__ */ React24.createElement(Box20, { marginBottom: 2 }, /* @__PURE__ */ React24.createElement(Text21, null, "Select a utility from the left menu to get started.")), /* @__PURE__ */ React24.createElement(
+    Box20,
     {
       borderStyle: "single",
       borderColor: "yellow",
@@ -10037,49 +9664,49 @@ var WelcomeView = ({ selectedItem }) => {
       paddingY: 1,
       marginBottom: 2
     },
-    /* @__PURE__ */ React30.createElement(Box25, { flexDirection: "column" }, /* @__PURE__ */ React30.createElement(Text26, { bold: true, color: "yellow" }, selectedItem.icon, " ", selectedItem.label), /* @__PURE__ */ React30.createElement(Text26, { dimColor: true }, selectedItem.description))
-  ), /* @__PURE__ */ React30.createElement(Box25, { marginBottom: 1 }, /* @__PURE__ */ React30.createElement(Text26, { bold: true }, "Quick Actions:")), /* @__PURE__ */ React30.createElement(Box25, { flexDirection: "column", marginLeft: 2 }, /* @__PURE__ */ React30.createElement(Text26, null, "\u2022 Press ", /* @__PURE__ */ React30.createElement(Text26, { color: "green" }, "Enter"), " to open selected utility"), /* @__PURE__ */ React30.createElement(Text26, null, "\u2022 Use ", /* @__PURE__ */ React30.createElement(Text26, { color: "green" }, "\u2191/\u2193"), " or ", /* @__PURE__ */ React30.createElement(Text26, { color: "green" }, "j/k"), " to navigate"), /* @__PURE__ */ React30.createElement(Text26, null, "\u2022 Press ", /* @__PURE__ */ React30.createElement(Text26, { color: "green" }, "Esc"), " to go back or quit"), /* @__PURE__ */ React30.createElement(Text26, null, "\u2022 Press ", /* @__PURE__ */ React30.createElement(Text26, { color: "green" }, "Ctrl+Q"), " to quit anytime")), /* @__PURE__ */ React30.createElement(Box25, { marginTop: 2 }, /* @__PURE__ */ React30.createElement(Text26, { dimColor: true }, "\u{1F4A1} Tip: Each utility provides an interactive interface for easy usage.")));
+    /* @__PURE__ */ React24.createElement(Box20, { flexDirection: "column" }, /* @__PURE__ */ React24.createElement(Text21, { bold: true, color: "yellow" }, selectedItem.icon, " ", selectedItem.label), /* @__PURE__ */ React24.createElement(Text21, { dimColor: true }, selectedItem.description))
+  ), /* @__PURE__ */ React24.createElement(Box20, { marginBottom: 1 }, /* @__PURE__ */ React24.createElement(Text21, { bold: true }, "Quick Actions:")), /* @__PURE__ */ React24.createElement(Box20, { flexDirection: "column", marginLeft: 2 }, /* @__PURE__ */ React24.createElement(Text21, null, "\u2022 Press ", /* @__PURE__ */ React24.createElement(Text21, { color: "green" }, "Enter"), " to open selected utility"), /* @__PURE__ */ React24.createElement(Text21, null, "\u2022 Use ", /* @__PURE__ */ React24.createElement(Text21, { color: "green" }, "\u2191/\u2193"), " or ", /* @__PURE__ */ React24.createElement(Text21, { color: "green" }, "j/k"), " to navigate"), /* @__PURE__ */ React24.createElement(Text21, null, "\u2022 Press ", /* @__PURE__ */ React24.createElement(Text21, { color: "green" }, "Esc"), " to go back or quit"), /* @__PURE__ */ React24.createElement(Text21, null, "\u2022 Press ", /* @__PURE__ */ React24.createElement(Text21, { color: "green" }, "Ctrl+Q"), " to quit anytime")), /* @__PURE__ */ React24.createElement(Box20, { marginTop: 2 }, /* @__PURE__ */ React24.createElement(Text21, { dimColor: true }, "\u{1F4A1} Tip: Each utility provides an interactive interface for easy usage.")));
 };
 var ActiveUtilityView = ({ utilityType }) => {
   switch (utilityType) {
     case "password":
-      return /* @__PURE__ */ React30.createElement(PasswordView, null);
+      return /* @__PURE__ */ React24.createElement(PasswordView, null);
     case "uuid":
-      return /* @__PURE__ */ React30.createElement(UuidView, null);
+      return /* @__PURE__ */ React24.createElement(UuidView, null);
     case "hash":
-      return /* @__PURE__ */ React30.createElement(HashView, null);
+      return /* @__PURE__ */ React24.createElement(HashView, null);
     case "base64-encode":
     case "base64-decode":
-      return /* @__PURE__ */ React30.createElement(Base64View, null);
+      return /* @__PURE__ */ React24.createElement(Base64View, null);
     case "url-encode":
     case "url-decode":
-      return /* @__PURE__ */ React30.createElement(UrlView, null);
+      return /* @__PURE__ */ React24.createElement(UrlView, null);
     case "unix-time":
-      return /* @__PURE__ */ React30.createElement(UnixTimeView, null);
+      return /* @__PURE__ */ React24.createElement(UnixTimeView, null);
     case "jwt":
-      return /* @__PURE__ */ React30.createElement(JwtView, null);
+      return /* @__PURE__ */ React24.createElement(JwtView, null);
     case "cron":
-      return /* @__PURE__ */ React30.createElement(CronView, null);
+      return /* @__PURE__ */ React24.createElement(CronView, null);
     case "timezone":
-      return /* @__PURE__ */ React30.createElement(TimezoneView, null);
+      return /* @__PURE__ */ React24.createElement(TimezoneView, null);
     case "http":
-      return /* @__PURE__ */ React30.createElement(HttpView, null);
+      return /* @__PURE__ */ React24.createElement(HttpView, null);
     case "markdown":
-      return /* @__PURE__ */ React30.createElement(MarkdownView, null);
+      return /* @__PURE__ */ React24.createElement(MarkdownView, null);
     default:
-      return /* @__PURE__ */ React30.createElement(PlaceholderView, { utilityType });
+      return /* @__PURE__ */ React24.createElement(PlaceholderView, { utilityType });
   }
 };
 var PlaceholderView = ({ utilityType }) => {
   const item = MENU_ITEMS.find((m) => m.id === utilityType);
-  return /* @__PURE__ */ React30.createElement(Box25, { flexDirection: "column" }, /* @__PURE__ */ React30.createElement(Box25, { marginBottom: 1 }, /* @__PURE__ */ React30.createElement(Text26, { bold: true, color: "cyan" }, item?.icon, " ", item?.label)), /* @__PURE__ */ React30.createElement(Box25, { borderStyle: "single", borderColor: "yellow", paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React30.createElement(Text26, null, "\u{1F6A7} This utility view is under construction.", "\n", "\n", "For now, use the command-line version:", "\n", /* @__PURE__ */ React30.createElement(Text26, { color: "green" }, "$ jai1 utils ", utilityType, " --help"), "\n", "\n", "Press ", /* @__PURE__ */ React30.createElement(Text26, { color: "yellow" }, "Esc"), " to return to the menu.")));
+  return /* @__PURE__ */ React24.createElement(Box20, { flexDirection: "column" }, /* @__PURE__ */ React24.createElement(Box20, { marginBottom: 1 }, /* @__PURE__ */ React24.createElement(Text21, { bold: true, color: "cyan" }, item?.icon, " ", item?.label)), /* @__PURE__ */ React24.createElement(Box20, { borderStyle: "single", borderColor: "yellow", paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React24.createElement(Text21, null, "\u{1F6A7} This utility view is under construction.", "\n", "\n", "For now, use the command-line version:", "\n", /* @__PURE__ */ React24.createElement(Text21, { color: "green" }, "$ jai1 utils ", utilityType, " --help"), "\n", "\n", "Press ", /* @__PURE__ */ React24.createElement(Text21, { color: "yellow" }, "Esc"), " to return to the menu.")));
 };
 
 // src/commands/utils/interactive.ts
 async function runInteractiveMode() {
   return new Promise((resolve4) => {
-    const { unmount, waitUntilExit } = render5(
-      React31.createElement(UtilsApp, {
+    const { unmount, waitUntilExit } = render4(
+      React25.createElement(UtilsApp, {
         onExit: () => {
           unmount();
           resolve4();
@@ -10094,40 +9721,40 @@ async function runInteractiveMode() {
 
 // src/commands/utils/index.ts
 function showUtilsHelp() {
-  console.log(chalk14.bold.cyan("\u{1F6E0}\uFE0F  jai1 utils") + chalk14.dim(" - Developer utilities"));
+  console.log(chalk15.bold.cyan("\u{1F6E0}\uFE0F  jai1 utils") + chalk15.dim(" - Developer utilities"));
   console.log();
-  console.log(chalk14.bold("M\xE3 h\xF3a & B\u1EA3o m\u1EADt:"));
-  console.log(`  ${chalk14.cyan("password")}         T\u1EA1o m\u1EADt kh\u1EA9u ng\u1EABu nhi\xEAn`);
-  console.log(`  ${chalk14.cyan("uuid")}             T\u1EA1o UUID v4`);
-  console.log(`  ${chalk14.cyan("hash")}             Hash text (MD5/SHA/bcrypt)`);
-  console.log(`  ${chalk14.cyan("jwt")}              Decode/encode JWT tokens`);
+  console.log(chalk15.bold("M\xE3 h\xF3a & B\u1EA3o m\u1EADt:"));
+  console.log(`  ${chalk15.cyan("password")}         T\u1EA1o m\u1EADt kh\u1EA9u ng\u1EABu nhi\xEAn`);
+  console.log(`  ${chalk15.cyan("uuid")}             T\u1EA1o UUID v4`);
+  console.log(`  ${chalk15.cyan("hash")}             Hash text (MD5/SHA/bcrypt)`);
+  console.log(`  ${chalk15.cyan("jwt")}              Decode/encode JWT tokens`);
   console.log();
-  console.log(chalk14.bold("Encoding:"));
-  console.log(`  ${chalk14.cyan("base64-encode")}    Encode sang Base64`);
-  console.log(`  ${chalk14.cyan("base64-decode")}    Decode t\u1EEB Base64`);
-  console.log(`  ${chalk14.cyan("url-encode")}       Encode URL components`);
-  console.log(`  ${chalk14.cyan("url-decode")}       Decode URL components`);
+  console.log(chalk15.bold("Encoding:"));
+  console.log(`  ${chalk15.cyan("base64-encode")}    Encode sang Base64`);
+  console.log(`  ${chalk15.cyan("base64-decode")}    Decode t\u1EEB Base64`);
+  console.log(`  ${chalk15.cyan("url-encode")}       Encode URL components`);
+  console.log(`  ${chalk15.cyan("url-decode")}       Decode URL components`);
   console.log();
-  console.log(chalk14.bold("Th\u1EDDi gian:"));
-  console.log(`  ${chalk14.cyan("unix-time")}        Chuy\u1EC3n \u0111\u1ED5i unix timestamp`);
-  console.log(`  ${chalk14.cyan("timezone")}         Chuy\u1EC3n \u0111\u1ED5i m\xFAi gi\u1EDD`);
-  console.log(`  ${chalk14.cyan("cron")}             Parse cron expressions`);
+  console.log(chalk15.bold("Th\u1EDDi gian:"));
+  console.log(`  ${chalk15.cyan("unix-time")}        Chuy\u1EC3n \u0111\u1ED5i unix timestamp`);
+  console.log(`  ${chalk15.cyan("timezone")}         Chuy\u1EC3n \u0111\u1ED5i m\xFAi gi\u1EDD`);
+  console.log(`  ${chalk15.cyan("cron")}             Parse cron expressions`);
   console.log();
-  console.log(chalk14.bold("Kh\xE1c:"));
-  console.log(`  ${chalk14.cyan("http")}             G\u1EEDi HTTP requests`);
-  console.log(`  ${chalk14.cyan("markdown-preview")} Xem tr\u01B0\u1EDBc file markdown`);
+  console.log(chalk15.bold("Kh\xE1c:"));
+  console.log(`  ${chalk15.cyan("http")}             G\u1EEDi HTTP requests`);
+  console.log(`  ${chalk15.cyan("markdown-preview")} Xem tr\u01B0\u1EDBc file markdown`);
   console.log();
-  console.log(chalk14.bold("Ch\u1EBF \u0111\u1ED9 Interactive:"));
-  console.log(chalk14.dim("  $ jai1 utils -i"));
-  console.log(chalk14.dim("  $ jai1 utils --interactive"));
+  console.log(chalk15.bold("Ch\u1EBF \u0111\u1ED9 Interactive:"));
+  console.log(chalk15.dim("  $ jai1 utils -i"));
+  console.log(chalk15.dim("  $ jai1 utils --interactive"));
   console.log();
-  console.log(chalk14.bold("V\xED d\u1EE5:"));
-  console.log(chalk14.dim("  $ jai1 utils password --length 24"));
-  console.log(chalk14.dim("  $ jai1 utils uuid --count 5"));
-  console.log(chalk14.dim('  $ jai1 utils hash "text" --algorithm sha256'));
-  console.log(chalk14.dim("  $ jai1 utils http https://api.example.com"));
+  console.log(chalk15.bold("V\xED d\u1EE5:"));
+  console.log(chalk15.dim("  $ jai1 utils password --length 24"));
+  console.log(chalk15.dim("  $ jai1 utils uuid --count 5"));
+  console.log(chalk15.dim('  $ jai1 utils hash "text" --algorithm sha256'));
+  console.log(chalk15.dim("  $ jai1 utils http https://api.example.com"));
   console.log();
-  console.log(chalk14.dim('Ch\u1EA1y "jai1 utils <l\u1EC7nh> --help" \u0111\u1EC3 xem chi ti\u1EBFt'));
+  console.log(chalk15.dim('Ch\u1EA1y "jai1 utils <l\u1EC7nh> --help" \u0111\u1EC3 xem chi ti\u1EBFt'));
 }
 function createUtilsCommand() {
   const utilsCommand = new Command42("utils").description("Developer utilities for common tasks").option("-i, --interactive", "Run in interactive mode");
@@ -10156,11 +9783,11 @@ function createUtilsCommand() {
 
 // src/commands/deps/index.ts
 import { Command as Command45 } from "commander";
-import chalk17 from "chalk";
+import chalk18 from "chalk";
 
 // src/commands/deps/check.ts
 import { Command as Command43 } from "commander";
-import chalk15 from "chalk";
+import chalk16 from "chalk";
 import Table4 from "cli-table3";
 import ora from "ora";
 
@@ -10763,7 +10390,7 @@ function createDepsCheckCommand() {
     if (projects.length === 0) {
       spinner.fail("Kh\xF4ng t\xECm th\u1EA5y project n\xE0o \u0111\u01B0\u1EE3c h\u1ED7 tr\u1EE3");
       console.log();
-      console.log(chalk15.dim("H\u1ED7 tr\u1EE3: Node.js (package.json), PHP (composer.json), Python (requirements.txt/Pipfile)"));
+      console.log(chalk16.dim("H\u1ED7 tr\u1EE3: Node.js (package.json), PHP (composer.json), Python (requirements.txt/Pipfile)"));
       process.exit(1);
     }
     spinner.succeed(`Ph\xE1t hi\u1EC7n ${projects.length} project:`);
@@ -10777,7 +10404,7 @@ function createDepsCheckCommand() {
       await checkEcosystem(project.ecosystem, project.manager, cwd);
     }
     console.log();
-    console.log(chalk15.dim('\u{1F4A1} Ch\u1EA1y "jai1 deps upgrade" \u0111\u1EC3 n\xE2ng c\u1EA5p packages.'));
+    console.log(chalk16.dim('\u{1F4A1} Ch\u1EA1y "jai1 deps upgrade" \u0111\u1EC3 n\xE2ng c\u1EA5p packages.'));
   });
   return checkCommand;
 }
@@ -10810,7 +10437,7 @@ async function checkEcosystem(ecosystem, manager, cwd) {
     });
   } catch (error) {
     spinner.fail(`L\u1ED7i ki\u1EC3m tra ${label}`);
-    console.log(chalk15.red(error.message));
+    console.log(chalk16.red(error.message));
     console.log();
     return;
   }
@@ -10823,10 +10450,10 @@ async function checkEcosystem(ecosystem, manager, cwd) {
   console.log();
   const table = new Table4({
     head: [
-      chalk15.cyan("Package"),
-      chalk15.cyan("Hi\u1EC7n t\u1EA1i"),
-      chalk15.cyan("M\u1EDBi nh\u1EA5t"),
-      chalk15.cyan("Lo\u1EA1i")
+      chalk16.cyan("Package"),
+      chalk16.cyan("Hi\u1EC7n t\u1EA1i"),
+      chalk16.cyan("M\u1EDBi nh\u1EA5t"),
+      chalk16.cyan("Lo\u1EA1i")
     ],
     style: {
       head: [],
@@ -10837,9 +10464,9 @@ async function checkEcosystem(ecosystem, manager, cwd) {
     const upgradeIcon = pkg.upgradeType === "major" ? "\u{1F534}" : pkg.upgradeType === "minor" ? "\u{1F7E1}" : "\u{1F7E2}";
     table.push([
       `${upgradeIcon} ${pkg.name}`,
-      chalk15.dim(pkg.current),
-      chalk15.green(pkg.latest),
-      pkg.type === "dev" ? chalk15.dim("dev") : "dep"
+      chalk16.dim(pkg.current),
+      chalk16.green(pkg.latest),
+      pkg.type === "dev" ? chalk16.dim("dev") : "dep"
     ]);
   }
   console.log(table.toString());
@@ -10847,13 +10474,13 @@ async function checkEcosystem(ecosystem, manager, cwd) {
   if (result.isLaravel) {
     const blockedPackages = result.packages.filter((p) => p.blockedReason);
     if (blockedPackages.length > 0) {
-      console.log(chalk15.yellow("\u26A0\uFE0F  Laravel major version upgrades blocked (nguy hi\u1EC3m):"));
+      console.log(chalk16.yellow("\u26A0\uFE0F  Laravel major version upgrades blocked (nguy hi\u1EC3m):"));
       for (const pkg of blockedPackages) {
-        console.log(chalk15.dim(`   - ${pkg.name}: ${pkg.current} \u2192 ${pkg.latest}`));
+        console.log(chalk16.dim(`   - ${pkg.name}: ${pkg.current} \u2192 ${pkg.latest}`));
       }
       console.log();
-      console.log(chalk15.dim("\u{1F4A1} \u0110\u1EC3 n\xE2ng c\u1EA5p Laravel major version, ch\u1EA1y th\u1EE7 c\xF4ng:"));
-      console.log(chalk15.dim(`   composer require ${blockedPackages[0].name}:^${blockedPackages[0].latest}`));
+      console.log(chalk16.dim("\u{1F4A1} \u0110\u1EC3 n\xE2ng c\u1EA5p Laravel major version, ch\u1EA1y th\u1EE7 c\xF4ng:"));
+      console.log(chalk16.dim(`   composer require ${blockedPackages[0].name}:^${blockedPackages[0].latest}`));
       console.log();
     }
   }
@@ -10862,7 +10489,7 @@ async function checkEcosystem(ecosystem, manager, cwd) {
 // src/commands/deps/upgrade.ts
 import { Command as Command44 } from "commander";
 import { checkbox as checkbox3, confirm as confirm8 } from "@inquirer/prompts";
-import chalk16 from "chalk";
+import chalk17 from "chalk";
 import ora2 from "ora";
 import Table5 from "cli-table3";
 function createDepsUpgradeCommand() {
@@ -10879,7 +10506,7 @@ async function handleDepsUpgrade(options) {
     if (projects.length === 0) {
       spinner.fail("Kh\xF4ng t\xECm th\u1EA5y project n\xE0o \u0111\u01B0\u1EE3c h\u1ED7 tr\u1EE3");
       console.log();
-      console.log(chalk16.dim("H\u1ED7 tr\u1EE3: Node.js (package.json), PHP (composer.json), Python (requirements.txt/Pipfile)"));
+      console.log(chalk17.dim("H\u1ED7 tr\u1EE3: Node.js (package.json), PHP (composer.json), Python (requirements.txt/Pipfile)"));
       process.exit(1);
     }
     spinner.succeed(`Ph\xE1t hi\u1EC7n ${projects.length} project:`);
@@ -10893,9 +10520,9 @@ async function handleDepsUpgrade(options) {
       await upgradeEcosystem(project, cwd, options);
     }
     console.log();
-    console.log(chalk16.green("\u2705 Ho\xE0n th\xE0nh!"));
+    console.log(chalk17.green("\u2705 Ho\xE0n th\xE0nh!"));
   } catch (error) {
-    console.error(chalk16.red(`
+    console.error(chalk17.red(`
 \u274C ${error.message}
 `));
     process.exit(1);
@@ -10904,10 +10531,10 @@ async function handleDepsUpgrade(options) {
 async function upgradeEcosystem(project, cwd, options) {
   const service = getService(project.ecosystem);
   const label = `${getEcosystemIcon(project.ecosystem)} ${getEcosystemLabel(project.ecosystem)}`;
-  console.log(chalk16.bold.cyan(`
+  console.log(chalk17.bold.cyan(`
 ${"\u2501".repeat(80)}`));
-  console.log(chalk16.bold.cyan(`${label}`));
-  console.log(chalk16.bold.cyan("\u2501".repeat(80)));
+  console.log(chalk17.bold.cyan(`${label}`));
+  console.log(chalk17.bold.cyan("\u2501".repeat(80)));
   console.log();
   const spinner = ora2("\u0110ang ki\u1EC3m tra packages...").start();
   let packages;
@@ -10918,7 +10545,7 @@ ${"\u2501".repeat(80)}`));
     packages = result.packages;
   } catch (error) {
     spinner.fail("L\u1ED7i ki\u1EC3m tra packages");
-    console.log(chalk16.red(error.message));
+    console.log(chalk17.red(error.message));
     return;
   }
   if (packages.length === 0) {
@@ -10931,7 +10558,7 @@ ${"\u2501".repeat(80)}`));
   let selectedPackages;
   if (options.all) {
     selectedPackages = packages;
-    console.log(chalk16.cyan(`\u{1F4CB} \u0110\xE3 ch\u1ECDn t\u1EA5t c\u1EA3 ${selectedPackages.length} packages
+    console.log(chalk17.cyan(`\u{1F4CB} \u0110\xE3 ch\u1ECDn t\u1EA5t c\u1EA3 ${selectedPackages.length} packages
 `));
   } else {
     try {
@@ -10949,12 +10576,12 @@ ${"\u2501".repeat(80)}`));
         theme: checkboxTheme
       });
       if (selected.length === 0) {
-        console.log(chalk16.yellow("\u23F8\uFE0F  Kh\xF4ng c\xF3 packages n\xE0o \u0111\u01B0\u1EE3c ch\u1ECDn\n"));
+        console.log(chalk17.yellow("\u23F8\uFE0F  Kh\xF4ng c\xF3 packages n\xE0o \u0111\u01B0\u1EE3c ch\u1ECDn\n"));
         return;
       }
       selectedPackages = packages.filter((p) => selected.includes(p.name));
     } catch {
-      console.log(chalk16.yellow("\n\u23F8\uFE0F  \u0110\xE3 h\u1EE7y\n"));
+      console.log(chalk17.yellow("\n\u23F8\uFE0F  \u0110\xE3 h\u1EE7y\n"));
       return;
     }
   }
@@ -10965,35 +10592,35 @@ ${"\u2501".repeat(80)}`));
       default: true
     });
   } catch {
-    console.log(chalk16.yellow("\n\u23F8\uFE0F  \u0110\xE3 h\u1EE7y\n"));
+    console.log(chalk17.yellow("\n\u23F8\uFE0F  \u0110\xE3 h\u1EE7y\n"));
     return;
   }
   if (!shouldProceed) {
-    console.log(chalk16.yellow("\u23F8\uFE0F  Upgrade \u0111\xE3 h\u1EE7y\n"));
+    console.log(chalk17.yellow("\u23F8\uFE0F  Upgrade \u0111\xE3 h\u1EE7y\n"));
     return;
   }
   console.log();
-  console.log(chalk16.cyan(`\u{1F527} Package manager: ${project.manager}`));
-  console.log(chalk16.cyan("\u{1F4E5} \u0110ang upgrade...\n"));
+  console.log(chalk17.cyan(`\u{1F527} Package manager: ${project.manager}`));
+  console.log(chalk17.cyan("\u{1F4E5} \u0110ang upgrade...\n"));
   const commands = service.getUpgradeCommands(selectedPackages);
   try {
     if (commands.deps) {
-      console.log(chalk16.dim(`$ ${commands.deps}
+      console.log(chalk17.dim(`$ ${commands.deps}
 `));
     }
     if (commands.devDeps) {
-      console.log(chalk16.dim(`$ ${commands.devDeps}
+      console.log(chalk17.dim(`$ ${commands.devDeps}
 `));
     }
     await service.upgrade(cwd, { packages: selectedPackages });
-    console.log(chalk16.green(`
+    console.log(chalk17.green(`
 \u2705 \u0110\xE3 upgrade ${selectedPackages.length} packages th\xE0nh c\xF4ng!`));
   } catch (error) {
-    console.error(chalk16.red("\n\u274C L\u1ED7i khi upgrade:"));
-    console.error(chalk16.red(error.message));
-    console.log(chalk16.yellow("\n\u{1F4A1} B\u1EA1n c\xF3 th\u1EC3 th\u1EED upgrade th\u1EE7 c\xF4ng:"));
-    if (commands.deps) console.log(chalk16.cyan(`   ${commands.deps}`));
-    if (commands.devDeps) console.log(chalk16.cyan(`   ${commands.devDeps}`));
+    console.error(chalk17.red("\n\u274C L\u1ED7i khi upgrade:"));
+    console.error(chalk17.red(error.message));
+    console.log(chalk17.yellow("\n\u{1F4A1} B\u1EA1n c\xF3 th\u1EC3 th\u1EED upgrade th\u1EE7 c\xF4ng:"));
+    if (commands.deps) console.log(chalk17.cyan(`   ${commands.deps}`));
+    if (commands.devDeps) console.log(chalk17.cyan(`   ${commands.devDeps}`));
     console.log();
     throw error;
   }
@@ -11001,10 +10628,10 @@ ${"\u2501".repeat(80)}`));
 function displayUpgradeTable(packages) {
   const table = new Table5({
     head: [
-      chalk16.cyan("Package"),
-      chalk16.cyan("Hi\u1EC7n t\u1EA1i"),
-      chalk16.cyan("M\u1EDBi nh\u1EA5t"),
-      chalk16.cyan("Lo\u1EA1i")
+      chalk17.cyan("Package"),
+      chalk17.cyan("Hi\u1EC7n t\u1EA1i"),
+      chalk17.cyan("M\u1EDBi nh\u1EA5t"),
+      chalk17.cyan("Lo\u1EA1i")
     ],
     style: {
       head: [],
@@ -11015,9 +10642,9 @@ function displayUpgradeTable(packages) {
     const upgradeIcon = pkg.upgradeType === "major" ? "\u{1F534}" : pkg.upgradeType === "minor" ? "\u{1F7E1}" : "\u{1F7E2}";
     table.push([
       `${upgradeIcon} ${pkg.name}`,
-      chalk16.dim(pkg.current),
-      chalk16.green(pkg.latest),
-      pkg.type === "dev" ? chalk16.dim("dev") : "dep"
+      chalk17.dim(pkg.current),
+      chalk17.green(pkg.latest),
+      pkg.type === "dev" ? chalk17.dim("dev") : "dep"
     ]);
   }
   console.log(table.toString());
@@ -11060,23 +10687,23 @@ function getEcosystemLabel(ecosystem) {
 
 // src/commands/deps/index.ts
 function showDepsHelp() {
-  console.log(chalk17.bold.cyan("\u{1F4E6} jai1 deps") + chalk17.dim(" - Qu\u1EA3n l\xFD dependencies trong project"));
+  console.log(chalk18.bold.cyan("\u{1F4E6} jai1 deps") + chalk18.dim(" - Qu\u1EA3n l\xFD dependencies trong project"));
   console.log();
-  console.log(chalk17.bold("C\xE1c l\u1EC7nh:"));
-  console.log(`  ${chalk17.cyan("check")}     Ki\u1EC3m tra c\xE1c packages c\u1EA7n upgrade`);
-  console.log(`  ${chalk17.cyan("upgrade")}   N\xE2ng c\u1EA5p dependencies l\xEAn phi\xEAn b\u1EA3n m\u1EDBi nh\u1EA5t`);
+  console.log(chalk18.bold("C\xE1c l\u1EC7nh:"));
+  console.log(`  ${chalk18.cyan("check")}     Ki\u1EC3m tra c\xE1c packages c\u1EA7n upgrade`);
+  console.log(`  ${chalk18.cyan("upgrade")}   N\xE2ng c\u1EA5p dependencies l\xEAn phi\xEAn b\u1EA3n m\u1EDBi nh\u1EA5t`);
   console.log();
-  console.log(chalk17.bold("H\u1ED7 tr\u1EE3:"));
-  console.log(chalk17.dim("  \u2022 Node.js (npm, pnpm, yarn, bun)"));
-  console.log(chalk17.dim("  \u2022 PHP/Composer (v\u1EDBi b\u1EA3o v\u1EC7 Laravel major version)"));
-  console.log(chalk17.dim("  \u2022 Python (pip, pipenv)"));
+  console.log(chalk18.bold("H\u1ED7 tr\u1EE3:"));
+  console.log(chalk18.dim("  \u2022 Node.js (npm, pnpm, yarn, bun)"));
+  console.log(chalk18.dim("  \u2022 PHP/Composer (v\u1EDBi b\u1EA3o v\u1EC7 Laravel major version)"));
+  console.log(chalk18.dim("  \u2022 Python (pip, pipenv)"));
   console.log();
-  console.log(chalk17.bold("V\xED d\u1EE5:"));
-  console.log(chalk17.dim("  $ jai1 deps check"));
-  console.log(chalk17.dim("  $ jai1 deps upgrade"));
-  console.log(chalk17.dim("  $ jai1 deps upgrade --all"));
+  console.log(chalk18.bold("V\xED d\u1EE5:"));
+  console.log(chalk18.dim("  $ jai1 deps check"));
+  console.log(chalk18.dim("  $ jai1 deps upgrade"));
+  console.log(chalk18.dim("  $ jai1 deps upgrade --all"));
   console.log();
-  console.log(chalk17.dim('Ch\u1EA1y "jai1 deps <l\u1EC7nh> --help" \u0111\u1EC3 xem chi ti\u1EBFt'));
+  console.log(chalk18.dim('Ch\u1EA1y "jai1 deps <l\u1EC7nh> --help" \u0111\u1EC3 xem chi ti\u1EBFt'));
 }
 function createDepsCommand() {
   const depsCommand = new Command45("deps").description("Qu\u1EA3n l\xFD dependencies trong project").action(() => {
@@ -11092,13 +10719,13 @@ import { Command as Command56 } from "commander";
 
 // src/commands/tasks/add.ts
 import { Command as Command46 } from "commander";
-import chalk18 from "chalk";
+import chalk19 from "chalk";
 function createTaskAddCommand() {
   return new Command46("add").description("Add a new task").argument("<title>", "Task title").option("-p, --priority <n>", "Priority: 0=critical, 1=high, 2=medium, 3=low", "2").option("-P, --parent <parent>", "Parent: feature/xxx, plan/xxx, bug/xxx").option("-t, --tags <tags>", "Comma-separated tags").option("-j, --json", "Output JSON").action(async (title, options) => {
     const service = new TaskService();
     const priority = Number(options.priority ?? 2);
     if (priority < 0 || priority > 3) {
-      console.error(chalk18.red("\u274C Priority must be 0-3"));
+      console.error(chalk19.red("\u274C Priority must be 0-3"));
       process.exit(1);
     }
     const tags = options.tags ? options.tags.split(",").map((t) => t.trim()) : [];
@@ -11114,21 +10741,21 @@ function createTaskAddCommand() {
     }
     const icon = PRIORITY_ICONS[task.priority] || "\u{1F7E1}";
     const label = PRIORITY_LABELS[task.priority] || "Medium";
-    console.log(chalk18.green(`\u2705 Task added: ${chalk18.bold(task.id)}`));
-    console.log(`   ${chalk18.dim("Title:")}    ${task.title}`);
-    console.log(`   ${chalk18.dim("Priority:")} ${icon} ${label}`);
+    console.log(chalk19.green(`\u2705 Task added: ${chalk19.bold(task.id)}`));
+    console.log(`   ${chalk19.dim("Title:")}    ${task.title}`);
+    console.log(`   ${chalk19.dim("Priority:")} ${icon} ${label}`);
     if (task.parent) {
-      console.log(`   ${chalk18.dim("Parent:")}   ${task.parent}`);
+      console.log(`   ${chalk19.dim("Parent:")}   ${task.parent}`);
     }
     if (task.tags.length > 0) {
-      console.log(`   ${chalk18.dim("Tags:")}     ${task.tags.join(", ")}`);
+      console.log(`   ${chalk19.dim("Tags:")}     ${task.tags.join(", ")}`);
     }
   });
 }
 
 // src/commands/tasks/list.ts
 import { Command as Command47 } from "commander";
-import chalk19 from "chalk";
+import chalk20 from "chalk";
 function createTaskListCommand() {
   return new Command47("list").alias("ls").description("List tasks").option("-s, --status <status>", "Filter by status: todo, in_progress, done, cancelled").option("-P, --parent <parent>", "Filter by parent: feature/xxx, plan/xxx").option("-j, --json", "Output JSON").action(async (options) => {
     await handleTaskList(options);
@@ -11149,12 +10776,12 @@ async function handleTaskList(options) {
     return;
   }
   if (tasks.length === 0) {
-    console.log(chalk19.dim("No tasks found."));
+    console.log(chalk20.dim("No tasks found."));
     return;
   }
   const doneIds = new Set(allTasks.filter((t) => t.status === "done").map((t) => t.id));
   const header = options.parent ? `\u{1F4CB} ${options.parent} (${tasks.length} tasks)` : `\u{1F4CB} All tasks (${tasks.length})`;
-  console.log(chalk19.bold(header));
+  console.log(chalk20.bold(header));
   console.log();
   for (const task of tasks) {
     printTaskLine(task, doneIds);
@@ -11164,23 +10791,23 @@ function printTaskLine(task, doneIds) {
   const isBlocked = task.status === "todo" && task.depends_on.length > 0 && !task.depends_on.every((id) => doneIds.has(id));
   const statusIcon = isBlocked ? BLOCKED_ICON : STATUS_ICONS[task.status] || "\u{1F4CB}";
   const priorityIcon = PRIORITY_ICONS[task.priority] || "\u{1F7E1}";
-  let line = `  ${statusIcon}  ${chalk19.dim(task.id)}  P${task.priority}${priorityIcon}  ${task.title}`;
+  let line = `  ${statusIcon}  ${chalk20.dim(task.id)}  P${task.priority}${priorityIcon}  ${task.title}`;
   if (task.status === "in_progress" && task.assigned_to) {
-    line += chalk19.cyan(` @${task.assigned_to}`);
+    line += chalk20.cyan(` @${task.assigned_to}`);
   }
   if (isBlocked) {
     const blockedBy = task.depends_on.filter((id) => !doneIds.has(id));
-    line += chalk19.red(` (blocked: ${blockedBy.join(", ")})`);
+    line += chalk20.red(` (blocked: ${blockedBy.join(", ")})`);
   }
   if (task.parent) {
-    line += chalk19.dim(` [${task.parent}]`);
+    line += chalk20.dim(` [${task.parent}]`);
   }
   console.log(line);
 }
 
 // src/commands/tasks/ready.ts
 import { Command as Command48 } from "commander";
-import chalk20 from "chalk";
+import chalk21 from "chalk";
 function createTaskReadyCommand() {
   return new Command48("ready").description("Show tasks ready to pick (not blocked, not assigned)").option("-P, --parent <parent>", "Filter by parent").option("-j, --json", "Output JSON").action(async (options) => {
     const service = new TaskService();
@@ -11190,33 +10817,33 @@ function createTaskReadyCommand() {
       return;
     }
     if (tasks.length === 0) {
-      console.log(chalk20.dim("No tasks ready to pick."));
-      console.log(chalk20.dim("\u{1F4A1} Check blocked tasks: jai1 t list -s todo"));
+      console.log(chalk21.dim("No tasks ready to pick."));
+      console.log(chalk21.dim("\u{1F4A1} Check blocked tasks: jai1 t list -s todo"));
       return;
     }
-    console.log(chalk20.bold(`\u{1F4CB} Ready to pick (${tasks.length} tasks):`));
+    console.log(chalk21.bold(`\u{1F4CB} Ready to pick (${tasks.length} tasks):`));
     console.log();
     for (const task of tasks) {
       const icon = PRIORITY_ICONS[task.priority] || "\u{1F7E1}";
-      let line = `  P${task.priority}${icon}  ${chalk20.dim(task.id)}  ${task.title}`;
+      let line = `  P${task.priority}${icon}  ${chalk21.dim(task.id)}  ${task.title}`;
       if (task.parent) {
-        line += chalk20.dim(`  [${task.parent}]`);
+        line += chalk21.dim(`  [${task.parent}]`);
       }
       console.log(line);
     }
     console.log();
-    console.log(chalk20.dim("\u{1F4A1} Run: jai1 t pick"));
+    console.log(chalk21.dim("\u{1F4A1} Run: jai1 t pick"));
   });
 }
 
 // src/commands/tasks/update.ts
 import { Command as Command49 } from "commander";
-import chalk21 from "chalk";
+import chalk22 from "chalk";
 var VALID_STATUSES = ["todo", "in_progress", "done", "cancelled"];
 function createTaskUpdateCommand() {
   return new Command49("update").description("Update task status").argument("<id>", "Task ID (e.g. T-001)").requiredOption("-s, --status <status>", "New status: todo, in_progress, done, cancelled").option("-j, --json", "Output JSON").action(async (id, options) => {
     if (!VALID_STATUSES.includes(options.status)) {
-      console.error(chalk21.red(`\u274C Invalid status. Must be: ${VALID_STATUSES.join(", ")}`));
+      console.error(chalk22.red(`\u274C Invalid status. Must be: ${VALID_STATUSES.join(", ")}`));
       process.exit(1);
     }
     const service = new TaskService();
@@ -11227,9 +10854,9 @@ function createTaskUpdateCommand() {
         return;
       }
       const icon = STATUS_ICONS[task.status] || "\u{1F4CB}";
-      console.log(chalk21.green(`\u2705 ${task.id} \u2192 ${icon} ${task.status}`));
+      console.log(chalk22.green(`\u2705 ${task.id} \u2192 ${icon} ${task.status}`));
     } catch (error) {
-      console.error(chalk21.red(`\u274C ${error instanceof Error ? error.message : String(error)}`));
+      console.error(chalk22.red(`\u274C ${error instanceof Error ? error.message : String(error)}`));
       process.exit(1);
     }
   });
@@ -11237,14 +10864,14 @@ function createTaskUpdateCommand() {
 
 // src/commands/tasks/show.ts
 import { Command as Command50 } from "commander";
-import chalk22 from "chalk";
+import chalk23 from "chalk";
 function createTaskShowCommand() {
   return new Command50("show").description("Show task detail or all tasks under a parent").argument("<query>", "Task ID (T-001) or parent (feature/xxx)").option("-j, --json", "Output JSON").action(async (query, options) => {
     const service = new TaskService();
     if (query.startsWith("T-")) {
       const task = await service.findById(query);
       if (!task) {
-        console.error(chalk22.red(`\u274C Task ${query} not found`));
+        console.error(chalk23.red(`\u274C Task ${query} not found`));
         process.exit(1);
       }
       if (options.json) {
@@ -11255,34 +10882,34 @@ function createTaskShowCommand() {
       const statusIcon = blocked ? BLOCKED_ICON : STATUS_ICONS[task.status] || "\u{1F4CB}";
       const priIcon = PRIORITY_ICONS[task.priority] || "\u{1F7E1}";
       const priLabel = PRIORITY_LABELS[task.priority] || "Medium";
-      console.log(chalk22.bold(`
+      console.log(chalk23.bold(`
 \u{1F4CC} ${task.id}: ${task.title}
 `));
-      console.log(`  ${chalk22.dim("Status:")}     ${statusIcon} ${task.status}${blocked ? chalk22.red(" (BLOCKED)") : ""}`);
-      console.log(`  ${chalk22.dim("Priority:")}   ${priIcon} P${task.priority} ${priLabel}`);
+      console.log(`  ${chalk23.dim("Status:")}     ${statusIcon} ${task.status}${blocked ? chalk23.red(" (BLOCKED)") : ""}`);
+      console.log(`  ${chalk23.dim("Priority:")}   ${priIcon} P${task.priority} ${priLabel}`);
       if (task.parent) {
-        console.log(`  ${chalk22.dim("Parent:")}     ${task.parent}`);
+        console.log(`  ${chalk23.dim("Parent:")}     ${task.parent}`);
       }
       if (task.assigned_to) {
-        console.log(`  ${chalk22.dim("Assigned:")}   @${task.assigned_to} (${task.claimed_at})`);
+        console.log(`  ${chalk23.dim("Assigned:")}   @${task.assigned_to} (${task.claimed_at})`);
       }
       if (task.depends_on.length > 0) {
-        console.log(`  ${chalk22.dim("Depends on:")} ${task.depends_on.join(", ")}`);
+        console.log(`  ${chalk23.dim("Depends on:")} ${task.depends_on.join(", ")}`);
         if (blocked) {
-          console.log(`  ${chalk22.dim("Blocked by:")} ${chalk22.red(blockedBy.join(", "))}`);
+          console.log(`  ${chalk23.dim("Blocked by:")} ${chalk23.red(blockedBy.join(", "))}`);
         }
       }
       if (task.tags.length > 0) {
-        console.log(`  ${chalk22.dim("Tags:")}       ${task.tags.join(", ")}`);
+        console.log(`  ${chalk23.dim("Tags:")}       ${task.tags.join(", ")}`);
       }
       if (task.branch) {
-        console.log(`  ${chalk22.dim("Branch:")}     ${task.branch}`);
+        console.log(`  ${chalk23.dim("Branch:")}     ${task.branch}`);
       }
       if (task.notes) {
-        console.log(`  ${chalk22.dim("Notes:")}      ${task.notes}`);
+        console.log(`  ${chalk23.dim("Notes:")}      ${task.notes}`);
       }
-      console.log(`  ${chalk22.dim("Created:")}    ${task.created}`);
-      console.log(`  ${chalk22.dim("Updated:")}    ${task.updated}`);
+      console.log(`  ${chalk23.dim("Created:")}    ${task.created}`);
+      console.log(`  ${chalk23.dim("Updated:")}    ${task.updated}`);
       console.log();
     } else {
       const tasks = await service.filter({ parent: query });
@@ -11291,10 +10918,10 @@ function createTaskShowCommand() {
         return;
       }
       if (tasks.length === 0) {
-        console.log(chalk22.dim(`No tasks for parent: ${query}`));
+        console.log(chalk23.dim(`No tasks for parent: ${query}`));
         return;
       }
-      console.log(chalk22.bold(`
+      console.log(chalk23.bold(`
 \u{1F4CB} ${query} (${tasks.length} tasks)
 `));
       const allTasks = await service.readAll();
@@ -11302,11 +10929,11 @@ function createTaskShowCommand() {
       for (const task of tasks) {
         const isBlocked = task.status === "todo" && task.depends_on.length > 0 && !task.depends_on.every((id) => doneIds.has(id));
         const icon = isBlocked ? BLOCKED_ICON : STATUS_ICONS[task.status] || "\u{1F4CB}";
-        let line = `  ${icon}  ${chalk22.dim(task.id)}  P${task.priority}  ${task.title}`;
-        if (task.assigned_to) line += chalk22.cyan(` @${task.assigned_to}`);
+        let line = `  ${icon}  ${chalk23.dim(task.id)}  P${task.priority}  ${task.title}`;
+        if (task.assigned_to) line += chalk23.cyan(` @${task.assigned_to}`);
         if (isBlocked) {
           const bb = task.depends_on.filter((id) => !doneIds.has(id));
-          line += chalk22.red(` (blocked: ${bb.join(", ")})`);
+          line += chalk23.red(` (blocked: ${bb.join(", ")})`);
         }
         console.log(line);
       }
@@ -11317,7 +10944,7 @@ function createTaskShowCommand() {
 
 // src/commands/tasks/pick.ts
 import { Command as Command51 } from "commander";
-import chalk23 from "chalk";
+import chalk24 from "chalk";
 import { confirm as confirm9 } from "@inquirer/prompts";
 function createTaskPickCommand() {
   return new Command51("pick").description("Claim the next available task").option("-j, --json", "Output JSON").action(async (options) => {
@@ -11328,8 +10955,8 @@ function createTaskPickCommand() {
         console.log(JSON.stringify({ picked: null, message: "No tasks ready" }));
         return;
       }
-      console.log(chalk23.dim("No tasks ready to pick."));
-      console.log(chalk23.dim('\u{1F4A1} Add tasks first: jai1 t add "..."'));
+      console.log(chalk24.dim("No tasks ready to pick."));
+      console.log(chalk24.dim('\u{1F4A1} Add tasks first: jai1 t add "..."'));
       return;
     }
     const top = ready[0];
@@ -11339,13 +10966,13 @@ function createTaskPickCommand() {
       console.log(JSON.stringify(picked2, null, 2));
       return;
     }
-    console.log(chalk23.bold("\n\u{1F4CC} Next available task:"));
-    console.log(`   ${chalk23.bold(top.id)}  P${top.priority}${icon}  ${top.title}`);
+    console.log(chalk24.bold("\n\u{1F4CC} Next available task:"));
+    console.log(`   ${chalk24.bold(top.id)}  P${top.priority}${icon}  ${top.title}`);
     if (top.parent) {
-      console.log(`   ${chalk23.dim("Parent:")} ${top.parent}`);
+      console.log(`   ${chalk24.dim("Parent:")} ${top.parent}`);
     }
     if (ready.length > 1) {
-      console.log(chalk23.dim(`
+      console.log(chalk24.dim(`
    +${ready.length - 1} more tasks ready`));
     }
     const proceed = await confirm9({
@@ -11353,18 +10980,18 @@ function createTaskPickCommand() {
       default: true
     });
     if (!proceed) {
-      console.log(chalk23.dim("\nCancelled."));
+      console.log(chalk24.dim("\nCancelled."));
       return;
     }
     const picked = await service.pick(top.id);
-    console.log(chalk23.green(`
+    console.log(chalk24.green(`
 \u2705 ${picked.id} assigned to @${picked.assigned_to}, status \u2192 in_progress`));
   });
 }
 
 // src/commands/tasks/done.ts
 import { Command as Command52 } from "commander";
-import chalk24 from "chalk";
+import chalk25 from "chalk";
 function createTaskDoneCommand() {
   return new Command52("done").description("Mark task as done").argument("<id>", "Task ID (e.g. T-001)").option("-j, --json", "Output JSON").action(async (id, options) => {
     const service = new TaskService();
@@ -11374,9 +11001,9 @@ function createTaskDoneCommand() {
         console.log(JSON.stringify(task, null, 2));
         return;
       }
-      console.log(chalk24.green(`\u2705 ${task.id}: ${task.title} \u2192 done`));
+      console.log(chalk25.green(`\u2705 ${task.id}: ${task.title} \u2192 done`));
     } catch (error) {
-      console.error(chalk24.red(`\u274C ${error instanceof Error ? error.message : String(error)}`));
+      console.error(chalk25.red(`\u274C ${error instanceof Error ? error.message : String(error)}`));
       process.exit(1);
     }
   });
@@ -11384,7 +11011,7 @@ function createTaskDoneCommand() {
 
 // src/commands/tasks/dep.ts
 import { Command as Command53 } from "commander";
-import chalk25 from "chalk";
+import chalk26 from "chalk";
 function createTaskDepCommand() {
   return new Command53("dep").description("Add dependency: child depends on parent").argument("<childId>", "Child task ID (the one that waits)").argument("<parentId>", "Parent task ID (must be done first)").option("-j, --json", "Output JSON").action(async (childId, parentId, options) => {
     const service = new TaskService();
@@ -11394,10 +11021,10 @@ function createTaskDepCommand() {
         console.log(JSON.stringify(task, null, 2));
         return;
       }
-      console.log(chalk25.green(`\u2705 ${childId} now depends on ${parentId}`));
-      console.log(chalk25.dim(`   ${task.title} \u2192 waits for ${parentId}`));
+      console.log(chalk26.green(`\u2705 ${childId} now depends on ${parentId}`));
+      console.log(chalk26.dim(`   ${task.title} \u2192 waits for ${parentId}`));
     } catch (error) {
-      console.error(chalk25.red(`\u274C ${error instanceof Error ? error.message : String(error)}`));
+      console.error(chalk26.red(`\u274C ${error instanceof Error ? error.message : String(error)}`));
       process.exit(1);
     }
   });
@@ -11405,27 +11032,27 @@ function createTaskDepCommand() {
 
 // src/commands/tasks/sync.ts
 import { Command as Command54 } from "commander";
-import chalk26 from "chalk";
+import chalk27 from "chalk";
 function createTaskSyncCommand() {
   return new Command54("sync").description("Sync tasks with git (commit & push only tasks file)").option("--pull", "Pull and merge tasks from origin/main").option("--push", "Commit and push tasks file").action(async (options) => {
     const service = new TaskService();
     if (options.pull) {
-      console.log(chalk26.dim("\u23F3 Pulling tasks from origin/main..."));
+      console.log(chalk27.dim("\u23F3 Pulling tasks from origin/main..."));
       try {
         const result = await service.syncPull();
-        console.log(chalk26.green(`\u2705 Sync pull complete: ${result.merged} tasks merged`));
+        console.log(chalk27.green(`\u2705 Sync pull complete: ${result.merged} tasks merged`));
       } catch (error) {
-        console.error(chalk26.red(`\u274C ${error instanceof Error ? error.message : String(error)}`));
+        console.error(chalk27.red(`\u274C ${error instanceof Error ? error.message : String(error)}`));
         process.exit(1);
       }
       return;
     }
-    console.log(chalk26.dim("\u23F3 Syncing tasks to git..."));
+    console.log(chalk27.dim("\u23F3 Syncing tasks to git..."));
     try {
       await service.syncPush();
-      console.log(chalk26.green("\u2705 Tasks synced to git"));
+      console.log(chalk27.green("\u2705 Tasks synced to git"));
     } catch (error) {
-      console.error(chalk26.red(`\u274C ${error instanceof Error ? error.message : String(error)}`));
+      console.error(chalk27.red(`\u274C ${error instanceof Error ? error.message : String(error)}`));
       process.exit(1);
     }
   });
@@ -11433,107 +11060,107 @@ function createTaskSyncCommand() {
 
 // src/commands/tasks/guide.ts
 import { Command as Command55 } from "commander";
-import chalk27 from "chalk";
+import chalk28 from "chalk";
 var GUIDE_TEXT = `
-${chalk27.cyan.bold("\u{1F4D6} Jai1 Task Management Guide")}
-
-${chalk27.bold("\u2501\u2501\u2501 STATUSES \u2501\u2501\u2501")}
-  ${chalk27.dim("todo")}          \u{1F4CB}  Ch\u01B0a b\u1EAFt \u0111\u1EA7u
-  ${chalk27.dim("in_progress")}   \u{1F535}  \u0110ang l\xE0m (bao g\u1ED3m review)
-  ${chalk27.dim("done")}          \u2705  Ho\xE0n th\xE0nh
-  ${chalk27.dim("cancelled")}     \u26AB  Hu\u1EF7
-  ${chalk27.dim("(blocked)")}     \u{1F534}  Computed: depends_on ch\u01B0a done
-
-${chalk27.bold("\u2501\u2501\u2501 PRIORITY \u2501\u2501\u2501")}
-  ${chalk27.dim("0")} = \u{1F525} Critical  \u2014 Prod down, security, block c\u1EA3 team
-  ${chalk27.dim("1")} = \u{1F534} High      \u2014 Feature ch\xEDnh, deadline g\u1EA7n
-  ${chalk27.dim("2")} = \u{1F7E1} Medium    \u2014 B\xECnh th\u01B0\u1EDDng (default)
-  ${chalk27.dim("3")} = \u{1F7E2} Low       \u2014 Nice-to-have, docs, refactor
-
-${chalk27.bold("\u2501\u2501\u2501 QUICK START \u2501\u2501\u2501")}
-  ${chalk27.cyan("jai1 t add")} "Fix login bug" -p 1 -P bug/login
-  ${chalk27.cyan("jai1 t ready")}                    Show tasks s\u1EB5n s\xE0ng
-  ${chalk27.cyan("jai1 t pick")}                     Claim & start working
-  ${chalk27.cyan("jai1 t done")} T-003               Mark complete
-
-${chalk27.bold("\u2501\u2501\u2501 DAILY WORKFLOW \u2501\u2501\u2501")}
-  ${chalk27.cyan("jai1 t sync --pull")}    Pull latest tasks
-  ${chalk27.cyan("jai1 t summary")}        Dashboard t\u1ED5ng quan
-  ${chalk27.cyan("jai1 t ready")}          Xem tasks s\u1EB5n s\xE0ng
-  ${chalk27.cyan("jai1 t pick")}           Claim task m\u1EDBi
-  ${chalk27.cyan("jai1 t done")} T-xxx     Ho\xE0n th\xE0nh task
-  ${chalk27.cyan("jai1 t sync --push")}    Push l\xEAn git
-
-${chalk27.bold("\u2501\u2501\u2501 ADDING TASKS \u2501\u2501\u2501")}
-  ${chalk27.yellow("\u26A0 Lu\xF4n ki\u1EC3m tra duplicate tr\u01B0\u1EDBc khi add:")}
-    ${chalk27.cyan("jai1 t list -P")} feature/xxx
-
-  ${chalk27.dim("Add cho feature:")}
-    ${chalk27.cyan("jai1 t add")} "Setup DB schema" -p 1 -P feature/xxx
-    ${chalk27.cyan("jai1 t add")} "Create API"      -p 1 -P feature/xxx
-    ${chalk27.cyan("jai1 t add")} "Build UI"        -p 2 -P feature/xxx
-
-  ${chalk27.dim("Add cho plan:")}
-    ${chalk27.cyan("jai1 t add")} "Refactor middleware" -p 2 -P plan/xxx
-
-  ${chalk27.dim("Add standalone:")}
-    ${chalk27.cyan("jai1 t add")} "Fix README typo" -p 3
-
-  ${chalk27.dim("Add bug fix:")}
-    ${chalk27.cyan("jai1 t add")} "Fix login redirect" -p 1 -P bug/xxx
-
-${chalk27.bold("\u2501\u2501\u2501 DEPENDENCY \u2501\u2501\u2501")}
-  ${chalk27.dim("Task dependency:")}
-    ${chalk27.cyan("jai1 t dep")} T-002 T-001       T-002 ch\u1EDD T-001 done
-    ${chalk27.cyan("jai1 t dep")} T-003 T-002       T-003 ch\u1EDD T-002 done
-
-  ${chalk27.dim("Feature-level dependency:")}
-    ${chalk27.dim("# N\u1EBFu feature/auth ph\u1EE5 thu\u1ED9c feature/user-model:")}
-    ${chalk27.cyan("jai1 t add")} "[DEP] Wait for feature/user-model" -p 1 -P feature/auth
-    ${chalk27.dim("# R\u1ED3i dep n\xF3 v\u1EDBi tasks cu\u1ED1i c\u1EE7a user-model")}
-
-  ${chalk27.dim("View deps:")}
-    ${chalk27.cyan("jai1 t show")} T-002             Hi\u1EC7n depends_on
-
-${chalk27.bold("\u2501\u2501\u2501 TEAM COLLABORATION \u2501\u2501\u2501")}
-  ${chalk27.yellow("\u26A0 Assignment ch\u1EC9 qua pick \u2014 kh\xF4ng set th\u1EE7 c\xF4ng.")}
-  ${chalk27.dim("Khi b\u1EA1n pick \u2192 team th\u1EA5y task \u0111\xE3 c\xF3 ng\u01B0\u1EDDi nh\u1EADn.")}
-
-  ${chalk27.dim("Sync morning:")}  ${chalk27.cyan("jai1 t sync --pull")}
-  ${chalk27.dim("Sync evening:")}  ${chalk27.cyan("jai1 t sync --push")}
-
-${chalk27.bold("\u2501\u2501\u2501 FOR AI AGENTS (Workflow Integration) \u2501\u2501\u2501")}
-  ${chalk27.dim("Khi t\u1EA1o tasks t\u1EEB feature/plan:")}
-  1. ${chalk27.cyan("jai1 t list -P")} <parent>         Check existing (tr\xE1nh duplicate)
-  2. ${chalk27.cyan("jai1 t add")} "..." -p <0-3> -P <parent>  Add t\u1EEBng task
-  3. ${chalk27.cyan("jai1 t dep")} <child> <parent>     Set dependencies
-  4. ${chalk27.cyan("jai1 t done")} <id>                Mark complete
-
-  ${chalk27.dim("Khi implement task ti\u1EBFp theo:")}
-  1. ${chalk27.cyan("jai1 t pick")}  (ho\u1EB7c ${chalk27.cyan("jai1 t ready -P")} <parent>)
+${chalk28.cyan.bold("\u{1F4D6} Jai1 Task Management Guide")}
+
+${chalk28.bold("\u2501\u2501\u2501 STATUSES \u2501\u2501\u2501")}
+  ${chalk28.dim("todo")}          \u{1F4CB}  Ch\u01B0a b\u1EAFt \u0111\u1EA7u
+  ${chalk28.dim("in_progress")}   \u{1F535}  \u0110ang l\xE0m (bao g\u1ED3m review)
+  ${chalk28.dim("done")}          \u2705  Ho\xE0n th\xE0nh
+  ${chalk28.dim("cancelled")}     \u26AB  Hu\u1EF7
+  ${chalk28.dim("(blocked)")}     \u{1F534}  Computed: depends_on ch\u01B0a done
+
+${chalk28.bold("\u2501\u2501\u2501 PRIORITY \u2501\u2501\u2501")}
+  ${chalk28.dim("0")} = \u{1F525} Critical  \u2014 Prod down, security, block c\u1EA3 team
+  ${chalk28.dim("1")} = \u{1F534} High      \u2014 Feature ch\xEDnh, deadline g\u1EA7n
+  ${chalk28.dim("2")} = \u{1F7E1} Medium    \u2014 B\xECnh th\u01B0\u1EDDng (default)
+  ${chalk28.dim("3")} = \u{1F7E2} Low       \u2014 Nice-to-have, docs, refactor
+
+${chalk28.bold("\u2501\u2501\u2501 QUICK START \u2501\u2501\u2501")}
+  ${chalk28.cyan("jai1 t add")} "Fix login bug" -p 1 -P bug/login
+  ${chalk28.cyan("jai1 t ready")}                    Show tasks s\u1EB5n s\xE0ng
+  ${chalk28.cyan("jai1 t pick")}                     Claim & start working
+  ${chalk28.cyan("jai1 t done")} T-003               Mark complete
+
+${chalk28.bold("\u2501\u2501\u2501 DAILY WORKFLOW \u2501\u2501\u2501")}
+  ${chalk28.cyan("jai1 t sync --pull")}    Pull latest tasks
+  ${chalk28.cyan("jai1 t summary")}        Dashboard t\u1ED5ng quan
+  ${chalk28.cyan("jai1 t ready")}          Xem tasks s\u1EB5n s\xE0ng
+  ${chalk28.cyan("jai1 t pick")}           Claim task m\u1EDBi
+  ${chalk28.cyan("jai1 t done")} T-xxx     Ho\xE0n th\xE0nh task
+  ${chalk28.cyan("jai1 t sync --push")}    Push l\xEAn git
+
+${chalk28.bold("\u2501\u2501\u2501 ADDING TASKS \u2501\u2501\u2501")}
+  ${chalk28.yellow("\u26A0 Lu\xF4n ki\u1EC3m tra duplicate tr\u01B0\u1EDBc khi add:")}
+    ${chalk28.cyan("jai1 t list -P")} feature/xxx
+
+  ${chalk28.dim("Add cho feature:")}
+    ${chalk28.cyan("jai1 t add")} "Setup DB schema" -p 1 -P feature/xxx
+    ${chalk28.cyan("jai1 t add")} "Create API"      -p 1 -P feature/xxx
+    ${chalk28.cyan("jai1 t add")} "Build UI"        -p 2 -P feature/xxx
+
+  ${chalk28.dim("Add cho plan:")}
+    ${chalk28.cyan("jai1 t add")} "Refactor middleware" -p 2 -P plan/xxx
+
+  ${chalk28.dim("Add standalone:")}
+    ${chalk28.cyan("jai1 t add")} "Fix README typo" -p 3
+
+  ${chalk28.dim("Add bug fix:")}
+    ${chalk28.cyan("jai1 t add")} "Fix login redirect" -p 1 -P bug/xxx
+
+${chalk28.bold("\u2501\u2501\u2501 DEPENDENCY \u2501\u2501\u2501")}
+  ${chalk28.dim("Task dependency:")}
+    ${chalk28.cyan("jai1 t dep")} T-002 T-001       T-002 ch\u1EDD T-001 done
+    ${chalk28.cyan("jai1 t dep")} T-003 T-002       T-003 ch\u1EDD T-002 done
+
+  ${chalk28.dim("Feature-level dependency:")}
+    ${chalk28.dim("# N\u1EBFu feature/auth ph\u1EE5 thu\u1ED9c feature/user-model:")}
+    ${chalk28.cyan("jai1 t add")} "[DEP] Wait for feature/user-model" -p 1 -P feature/auth
+    ${chalk28.dim("# R\u1ED3i dep n\xF3 v\u1EDBi tasks cu\u1ED1i c\u1EE7a user-model")}
+
+  ${chalk28.dim("View deps:")}
+    ${chalk28.cyan("jai1 t show")} T-002             Hi\u1EC7n depends_on
+
+${chalk28.bold("\u2501\u2501\u2501 TEAM COLLABORATION \u2501\u2501\u2501")}
+  ${chalk28.yellow("\u26A0 Assignment ch\u1EC9 qua pick \u2014 kh\xF4ng set th\u1EE7 c\xF4ng.")}
+  ${chalk28.dim("Khi b\u1EA1n pick \u2192 team th\u1EA5y task \u0111\xE3 c\xF3 ng\u01B0\u1EDDi nh\u1EADn.")}
+
+  ${chalk28.dim("Sync morning:")}  ${chalk28.cyan("jai1 t sync --pull")}
+  ${chalk28.dim("Sync evening:")}  ${chalk28.cyan("jai1 t sync --push")}
+
+${chalk28.bold("\u2501\u2501\u2501 FOR AI AGENTS (Workflow Integration) \u2501\u2501\u2501")}
+  ${chalk28.dim("Khi t\u1EA1o tasks t\u1EEB feature/plan:")}
+  1. ${chalk28.cyan("jai1 t list -P")} <parent>         Check existing (tr\xE1nh duplicate)
+  2. ${chalk28.cyan("jai1 t add")} "..." -p <0-3> -P <parent>  Add t\u1EEBng task
+  3. ${chalk28.cyan("jai1 t dep")} <child> <parent>     Set dependencies
+  4. ${chalk28.cyan("jai1 t done")} <id>                Mark complete
+
+  ${chalk28.dim("Khi implement task ti\u1EBFp theo:")}
+  1. ${chalk28.cyan("jai1 t pick")}  (ho\u1EB7c ${chalk28.cyan("jai1 t ready -P")} <parent>)
   2. Implement task
-  3. ${chalk27.cyan("jai1 t done")} <id>
+  3. ${chalk28.cyan("jai1 t done")} <id>
 
-  ${chalk27.dim("Status transitions:")}
+  ${chalk28.dim("Status transitions:")}
     add       \u2192 todo (default)
     pick      \u2192 in_progress (auto assign)
     done      \u2192 done
     update -s \u2192 any valid status
 
-${chalk27.bold("\u2501\u2501\u2501 ALL COMMANDS \u2501\u2501\u2501")}
-  ${chalk27.cyan("jai1 t list")}     [-s status] [-P parent] [-j]
-  ${chalk27.cyan("jai1 t ready")}    [-P parent] [-j]
-  ${chalk27.cyan("jai1 t add")}      <title> [-p 0-3] [-P parent] [-t tags] [-j]
-  ${chalk27.cyan("jai1 t update")}   <id> -s <status> [-j]
-  ${chalk27.cyan("jai1 t show")}     <id|parent> [-j]
-  ${chalk27.cyan("jai1 t pick")}     [-j]
-  ${chalk27.cyan("jai1 t done")}     <id> [-j]
-  ${chalk27.cyan("jai1 t dep")}      <childId> <parentId> [-j]
-  ${chalk27.cyan("jai1 t sync")}     [--pull] [--push]
-  ${chalk27.cyan("jai1 t summary")}  [-j]
-  ${chalk27.cyan("jai1 t guide")}
-
-  ${chalk27.dim("-j / --json available on all commands (except guide, sync)")}
+${chalk28.bold("\u2501\u2501\u2501 ALL COMMANDS \u2501\u2501\u2501")}
+  ${chalk28.cyan("jai1 t list")}     [-s status] [-P parent] [-j]
+  ${chalk28.cyan("jai1 t ready")}    [-P parent] [-j]
+  ${chalk28.cyan("jai1 t add")}      <title> [-p 0-3] [-P parent] [-t tags] [-j]
+  ${chalk28.cyan("jai1 t update")}   <id> -s <status> [-j]
+  ${chalk28.cyan("jai1 t show")}     <id|parent> [-j]
+  ${chalk28.cyan("jai1 t pick")}     [-j]
+  ${chalk28.cyan("jai1 t done")}     <id> [-j]
+  ${chalk28.cyan("jai1 t dep")}      <childId> <parentId> [-j]
+  ${chalk28.cyan("jai1 t sync")}     [--pull] [--push]
+  ${chalk28.cyan("jai1 t summary")}  [-j]
+  ${chalk28.cyan("jai1 t guide")}
+
+  ${chalk28.dim("-j / --json available on all commands (except guide, sync)")}
 `;
 function createTaskGuideCommand() {
   return new Command55("guide").description("Show full task management guide").action(() => {
@@ -11568,11 +11195,11 @@ function createTasksCommand() {
 
 // src/commands/kit/index.ts
 import { Command as Command60 } from "commander";
-import chalk29 from "chalk";
+import chalk30 from "chalk";
 
 // src/commands/kit/list.ts
 import { Command as Command57 } from "commander";
-import chalk28 from "chalk";
+import chalk29 from "chalk";
 import Table6 from "cli-table3";
 
 // src/services/starter-kit.service.ts
@@ -11646,7 +11273,7 @@ function createKitListCommand() {
     if (!config) {
       throw new ValidationError('Not initialized. Run "jai1 auth" first.');
     }
-    console.log(chalk28.cyan("\u{1F4E6} \u0110ang t\u1EA3i danh s\xE1ch starter kits..."));
+    console.log(chalk29.cyan("\u{1F4E6} \u0110ang t\u1EA3i danh s\xE1ch starter kits..."));
     console.log();
     const kitService = new StarterKitService();
     const kits = await kitService.list(config, {
@@ -11654,9 +11281,9 @@ function createKitListCommand() {
       search: options.search
     });
     if (kits.length === 0) {
-      console.log(chalk28.yellow("Kh\xF4ng t\xECm th\u1EA5y starter kits n\xE0o."));
+      console.log(chalk29.yellow("Kh\xF4ng t\xECm th\u1EA5y starter kits n\xE0o."));
       if (options.category || options.search) {
-        console.log(chalk28.dim("Th\u1EED b\u1ECF filter \u0111\u1EC3 xem t\u1EA5t c\u1EA3."));
+        console.log(chalk29.dim("Th\u1EED b\u1ECF filter \u0111\u1EC3 xem t\u1EA5t c\u1EA3."));
       }
       return;
     }
@@ -11680,28 +11307,28 @@ function createKitListCommand() {
       const categoryKits = byCategory[category];
       const categoryIcon = category === "frontend" ? "\u{1F3A8}" : category === "backend" ? "\u2699\uFE0F" : category === "fullstack" ? "\u{1F680}" : "\u{1F4E6}";
       console.log(
-        chalk28.bold(`${categoryIcon} ${category.charAt(0).toUpperCase() + category.slice(1)}`)
+        chalk29.bold(`${categoryIcon} ${category.charAt(0).toUpperCase() + category.slice(1)}`)
       );
       const table = new Table6({
         head: [
-          chalk28.cyan("Slug"),
-          chalk28.cyan("M\xF4 t\u1EA3"),
-          chalk28.cyan("Version")
+          chalk29.cyan("Slug"),
+          chalk29.cyan("M\xF4 t\u1EA3"),
+          chalk29.cyan("Version")
         ],
         style: { head: [], border: ["gray"] }
       });
       for (const kit of categoryKits) {
         table.push([
-          chalk28.white(kit.slug),
-          chalk28.dim(kit.description.slice(0, 50)),
-          chalk28.green(`v${kit.version}`)
+          chalk29.white(kit.slug),
+          chalk29.dim(kit.description.slice(0, 50)),
+          chalk29.green(`v${kit.version}`)
         ]);
       }
       console.log(table.toString());
       console.log();
     }
-    console.log(chalk28.dim(`T\u1ED5ng c\u1ED9ng: ${kits.length} starter kit(s)`));
-    console.log(chalk28.dim('\n\u{1F4A1} Ch\u1EA1y "jai1 kit create <slug>" \u0111\u1EC3 t\u1EA1o project m\u1EDBi'));
+    console.log(chalk29.dim(`T\u1ED5ng c\u1ED9ng: ${kits.length} starter kit(s)`));
+    console.log(chalk29.dim('\n\u{1F4A1} Ch\u1EA1y "jai1 kit create <slug>" \u0111\u1EC3 t\u1EA1o project m\u1EDBi'));
   });
 }
 
@@ -11981,20 +11608,20 @@ async function getAllFiles(dir) {
 
 // src/commands/kit/index.ts
 function showKitHelp() {
-  console.log(chalk29.bold.cyan("\u{1F4E6} jai1 kit") + chalk29.dim(" - Qu\u1EA3n l\xFD starter kits"));
+  console.log(chalk30.bold.cyan("\u{1F4E6} jai1 kit") + chalk30.dim(" - Qu\u1EA3n l\xFD starter kits"));
   console.log();
-  console.log(chalk29.bold("C\xE1c l\u1EC7nh:"));
-  console.log(`  ${chalk29.cyan("list")}     Li\u1EC7t k\xEA c\xE1c starter kits c\xF3 s\u1EB5n`);
-  console.log(`  ${chalk29.cyan("info")}     Xem chi ti\u1EBFt m\u1ED9t starter kit`);
-  console.log(`  ${chalk29.cyan("create")}   T\u1EA1o project m\u1EDBi t\u1EEB starter kit`);
+  console.log(chalk30.bold("C\xE1c l\u1EC7nh:"));
+  console.log(`  ${chalk30.cyan("list")}     Li\u1EC7t k\xEA c\xE1c starter kits c\xF3 s\u1EB5n`);
+  console.log(`  ${chalk30.cyan("info")}     Xem chi ti\u1EBFt m\u1ED9t starter kit`);
+  console.log(`  ${chalk30.cyan("create")}   T\u1EA1o project m\u1EDBi t\u1EEB starter kit`);
   console.log();
-  console.log(chalk29.bold("V\xED d\u1EE5:"));
-  console.log(chalk29.dim("  $ jai1 kit list"));
-  console.log(chalk29.dim("  $ jai1 kit list --category frontend"));
-  console.log(chalk29.dim("  $ jai1 kit info next-tw4-shadcn"));
-  console.log(chalk29.dim("  $ jai1 kit create next-tw4-shadcn my-project"));
+  console.log(chalk30.bold("V\xED d\u1EE5:"));
+  console.log(chalk30.dim("  $ jai1 kit list"));
+  console.log(chalk30.dim("  $ jai1 kit list --category frontend"));
+  console.log(chalk30.dim("  $ jai1 kit info next-tw4-shadcn"));
+  console.log(chalk30.dim("  $ jai1 kit create next-tw4-shadcn my-project"));
   console.log();
-  console.log(chalk29.dim('Ch\u1EA1y "jai1 kit <l\u1EC7nh> --help" \u0111\u1EC3 xem chi ti\u1EBFt'));
+  console.log(chalk30.dim('Ch\u1EA1y "jai1 kit <l\u1EC7nh> --help" \u0111\u1EC3 xem chi ti\u1EBFt'));
 }
 function createKitCommand() {
   const cmd = new Command60("kit").description("Manage starter kits for new projects").action(() => {
@@ -12008,11 +11635,11 @@ function createKitCommand() {
 
 // src/commands/rules/index.ts
 import { Command as Command67 } from "commander";
-import chalk31 from "chalk";
+import chalk32 from "chalk";
 
 // src/commands/rules/list.ts
 import { Command as Command61 } from "commander";
-import chalk30 from "chalk";
+import chalk31 from "chalk";
 import Table7 from "cli-table3";
 function createRulesListCommand() {
   return new Command61("list").description("List available rule presets").option("--json", "Output as JSON").action(async (options) => {
@@ -12021,7 +11648,7 @@ function createRulesListCommand() {
     if (!config) {
       throw new ValidationError('Not initialized. Run "jai1 auth" first.');
     }
-    console.log(chalk30.cyan("\u{1F4CB} \u0110ang t\u1EA3i danh s\xE1ch rule presets..."));
+    console.log(chalk31.cyan("\u{1F4CB} \u0110ang t\u1EA3i danh s\xE1ch rule presets..."));
     console.log();
     try {
       const response = await fetch(`${config.apiUrl}/api/rules/presets`, {
@@ -12038,23 +11665,23 @@ function createRulesListCommand() {
         return;
       }
       if (data.total === 0) {
-        console.log(chalk30.yellow("Kh\xF4ng c\xF3 presets n\xE0o."));
+        console.log(chalk31.yellow("Kh\xF4ng c\xF3 presets n\xE0o."));
         return;
       }
       console.log(
-        chalk30.green(`\u2713 T\xECm th\u1EA5y ${chalk30.bold(data.total)} preset${data.total > 1 ? "s" : ""}`)
+        chalk31.green(`\u2713 T\xECm th\u1EA5y ${chalk31.bold(data.total)} preset${data.total > 1 ? "s" : ""}`)
       );
       console.log();
       for (const preset of data.presets) {
-        console.log(chalk30.bold.cyan(`\u{1F4E6} ${preset.slug}`));
+        console.log(chalk31.bold.cyan(`\u{1F4E6} ${preset.slug}`));
         const table = new Table7({
           style: { head: [], border: ["gray"], compact: true },
           colWidths: [15, 55]
         });
         table.push(
-          [chalk30.dim("T\xEAn"), chalk30.white(preset.name)],
-          [chalk30.dim("M\xF4 t\u1EA3"), chalk30.white(preset.description)],
-          [chalk30.dim("Version"), chalk30.green(`v${preset.version}`)]
+          [chalk31.dim("T\xEAn"), chalk31.white(preset.name)],
+          [chalk31.dim("M\xF4 t\u1EA3"), chalk31.white(preset.description)],
+          [chalk31.dim("Version"), chalk31.green(`v${preset.version}`)]
         );
         const stackParts = [];
         if (preset.stack.frontend) stackParts.push(preset.stack.frontend);
@@ -12062,16 +11689,16 @@ function createRulesListCommand() {
         if (preset.stack.css) stackParts.push(preset.stack.css);
         if (preset.stack.database) stackParts.push(preset.stack.database);
         if (stackParts.length > 0) {
-          table.push([chalk30.dim("Stack"), chalk30.yellow(stackParts.join(" + "))]);
+          table.push([chalk31.dim("Stack"), chalk31.yellow(stackParts.join(" + "))]);
         }
         table.push(
-          [chalk30.dim("Tags"), chalk30.dim(preset.tags.join(", ") || "-")],
-          [chalk30.dim("Downloads"), chalk30.white(preset.downloads.toString())]
+          [chalk31.dim("Tags"), chalk31.dim(preset.tags.join(", ") || "-")],
+          [chalk31.dim("Downloads"), chalk31.white(preset.downloads.toString())]
         );
         console.log(table.toString());
         console.log();
       }
-      console.log(chalk30.dim('\u{1F4A1} Ch\u1EA1y "jai1 rules apply <name>" \u0111\u1EC3 \xE1p d\u1EE5ng preset'));
+      console.log(chalk31.dim('\u{1F4A1} Ch\u1EA1y "jai1 rules apply <name>" \u0111\u1EC3 \xE1p d\u1EE5ng preset'));
     } catch (error) {
       throw new Error(
         `L\u1ED7i khi t\u1EA3i presets: ${error instanceof Error ? error.message : String(error)}`
@@ -13499,23 +13126,23 @@ async function checkIdeFilesExist(ideId, format) {
 
 // src/commands/rules/index.ts
 function showRulesHelp() {
-  console.log(chalk31.bold.cyan("\u{1F4CB} jai1 rules") + chalk31.dim(" - Qu\u1EA3n l\xFD rule presets cho AI agents"));
+  console.log(chalk32.bold.cyan("\u{1F4CB} jai1 rules") + chalk32.dim(" - Qu\u1EA3n l\xFD rule presets cho AI agents"));
   console.log();
-  console.log(chalk31.bold("C\xE1c l\u1EC7nh:"));
-  console.log(`  ${chalk31.cyan("list")}      Li\u1EC7t k\xEA c\xE1c presets c\xF3 s\u1EB5n`);
-  console.log(`  ${chalk31.cyan("info")}      Xem chi ti\u1EBFt m\u1ED9t preset`);
-  console.log(`  ${chalk31.cyan("init")}      Kh\u1EDFi t\u1EA1o rules t\u1EEB preset`);
-  console.log(`  ${chalk31.cyan("apply")}     \xC1p d\u1EE5ng preset v\xE0o project`);
-  console.log(`  ${chalk31.cyan("sync")}      \u0110\u1ED3ng b\u1ED9 rules sang c\xE1c \u0111\u1ECBnh d\u1EA1ng IDE`);
-  console.log(`  ${chalk31.cyan("restore")}   Kh\xF4i ph\u1EE5c rules t\u1EEB backup`);
+  console.log(chalk32.bold("C\xE1c l\u1EC7nh:"));
+  console.log(`  ${chalk32.cyan("list")}      Li\u1EC7t k\xEA c\xE1c presets c\xF3 s\u1EB5n`);
+  console.log(`  ${chalk32.cyan("info")}      Xem chi ti\u1EBFt m\u1ED9t preset`);
+  console.log(`  ${chalk32.cyan("init")}      Kh\u1EDFi t\u1EA1o rules t\u1EEB preset`);
+  console.log(`  ${chalk32.cyan("apply")}     \xC1p d\u1EE5ng preset v\xE0o project`);
+  console.log(`  ${chalk32.cyan("sync")}      \u0110\u1ED3ng b\u1ED9 rules sang c\xE1c \u0111\u1ECBnh d\u1EA1ng IDE`);
+  console.log(`  ${chalk32.cyan("restore")}   Kh\xF4i ph\u1EE5c rules t\u1EEB backup`);
   console.log();
-  console.log(chalk31.bold("V\xED d\u1EE5:"));
-  console.log(chalk31.dim("  $ jai1 rules list"));
-  console.log(chalk31.dim("  $ jai1 rules info react-typescript"));
-  console.log(chalk31.dim("  $ jai1 rules init --preset=react-typescript"));
-  console.log(chalk31.dim("  $ jai1 rules apply react-typescript"));
+  console.log(chalk32.bold("V\xED d\u1EE5:"));
+  console.log(chalk32.dim("  $ jai1 rules list"));
+  console.log(chalk32.dim("  $ jai1 rules info react-typescript"));
+  console.log(chalk32.dim("  $ jai1 rules init --preset=react-typescript"));
+  console.log(chalk32.dim("  $ jai1 rules apply react-typescript"));
   console.log();
-  console.log(chalk31.dim('Ch\u1EA1y "jai1 rules <l\u1EC7nh> --help" \u0111\u1EC3 xem chi ti\u1EBFt'));
+  console.log(chalk32.dim('Ch\u1EA1y "jai1 rules <l\u1EC7nh> --help" \u0111\u1EC3 xem chi ti\u1EBFt'));
 }
 function createRulesCommand() {
   const rulesCommand = new Command67("rules").description("Manage rule presets for AI agents").action(() => {
@@ -15248,92 +14875,11 @@ 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/context.ts
-import React32 from "react";
-import { render as render6 } from "ink";
-import { Command as Command77 } from "commander";
-function createContextCommand() {
-  const cmd = new Command77("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"];
-      if (!validIDEs.includes(options.ide)) {
-        console.error(`\u274C IDE kh\xF4ng h\u1EE3p l\u1EC7: ${options.ide}`);
-        console.error(`   IDE h\u1EE3p l\u1EC7: ${validIDEs.join(", ")}`);
-        process.exit(1);
-      }
-      initialIDE = options.ide;
-    }
-    let initialType;
-    if (options.type) {
-      const validTypes = ["rules", "workflows", "skills", "agents", "prompts", "context"];
-      if (!validTypes.includes(options.type)) {
-        console.error(`\u274C Lo\u1EA1i context kh\xF4ng h\u1EE3p l\u1EC7: ${options.type}`);
-        console.error(`   Lo\u1EA1i h\u1EE3p l\u1EC7: ${validTypes.join(", ")}`);
-        process.exit(1);
-      }
-      initialType = options.type;
-    }
-    if (options.stats) {
-      await printStats2();
-      return;
-    }
-    const { waitUntilExit } = render6(
-      React32.createElement(ContextApp, {
-        initialIDE,
-        initialType,
-        onExit: () => {
-          process.exit(0);
-        }
-      })
-    );
-    await waitUntilExit();
-  });
-  return cmd;
-}
-async function printStats2() {
-  const scanner = new ContextScannerService();
-  console.log("\u{1F50D} \u0110ang qu\xE9t context...\n");
-  try {
-    const context = await scanner.scanAll();
-    if (context.ides.length === 0) {
-      console.log("\u26A0\uFE0F  Kh\xF4ng t\xECm th\u1EA5y context n\xE0o");
-      console.log("   H\xE3y ch\u1EA1y `jai1 apply` \u0111\u1EC3 c\xE0i \u0111\u1EB7t context cho IDE c\u1EE7a b\u1EA1n.\n");
-      return;
-    }
-    console.log("\u{1F4CA} Th\u1ED1ng k\xEA Context\n");
-    console.log(`\u{1F4C1} Project: ${context.projectPath}`);
-    console.log(`\u{1F550} Scan time: ${context.scanTime.toLocaleString("vi-VN")}
-`);
-    for (const ideContext of context.ides) {
-      console.log(`${ideContext.config.icon} ${ideContext.config.name}`);
-      console.log(`   Path: ${ideContext.config.basePath}`);
-      console.log(`   Items: ${ideContext.stats.totalItems}`);
-      const types = [];
-      if (ideContext.stats.byType.rules) types.push(`${ideContext.stats.byType.rules} rules`);
-      if (ideContext.stats.byType.workflows) types.push(`${ideContext.stats.byType.workflows} workflows`);
-      if (ideContext.stats.byType.skills) types.push(`${ideContext.stats.byType.skills} skills`);
-      if (ideContext.stats.byType.agents) types.push(`${ideContext.stats.byType.agents} agents`);
-      if (ideContext.stats.byType.prompts) types.push(`${ideContext.stats.byType.prompts} prompts`);
-      if (ideContext.stats.byType.context) types.push(`${ideContext.stats.byType.context} context`);
-      if (types.length > 0) {
-        console.log(`   Breakdown: ${types.join(", ")}`);
-      }
-      console.log("");
-    }
-    console.log(`\u2705 T\u1ED5ng: ${context.totalItems} items
-`);
-  } catch (error) {
-    console.error("\u274C L\u1ED7i khi qu\xE9t context:", error);
-    process.exit(1);
-  }
-}
-
 // src/commands/migrate-ide.ts
-import { Command as Command78 } from "commander";
+import { Command as Command77 } from "commander";
 import { checkbox as checkbox8, confirm as confirm19 } from "@inquirer/prompts";
 function createMigrateIdeCommand() {
-  const cmd = new Command78("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 Command77("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;
@@ -15442,62 +14988,62 @@ async function runMigrateIde(options) {
 
 // src/utils/help-formatter.ts
 import boxen4 from "boxen";
-import chalk32 from "chalk";
+import chalk33 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(chalk32.cyan(`Agentic Coding CLI v${version}`), {
+    boxen4(chalk33.cyan(`Agentic Coding CLI v${version}`), {
       padding: { left: 1, right: 1, top: 0, bottom: 0 },
       borderStyle: "round",
       borderColor: "cyan"
     })
   );
-  console.log(chalk32.bold("\n\u{1F527} Thi\u1EBFt l\u1EADp & Th\xF4ng tin"));
+  console.log(chalk33.bold("\n\u{1F527} Thi\u1EBFt l\u1EADp & Th\xF4ng tin"));
   console.log("   auth           X\xE1c th\u1EF1c v\xE0 c\u1EA5u h\xECnh client");
   console.log("   status         Hi\u1EC3n th\u1ECB tr\u1EA1ng th\xE1i c\u1EA5u h\xECnh");
   console.log("   client-info    T\u1EA1o th\xF4ng tin client \u0111\u1EC3 g\u1EEDi \u0111\u1ED9i ph\xE1t tri\u1EC3n");
   console.log("   errors         Qu\u1EA3n l\xFD error logs c\u1EE5c b\u1ED9");
   console.log("   guide          H\u01B0\u1EDBng d\u1EABn s\u1EED d\u1EE5ng nhanh");
   console.log("   doctor         Chu\u1EA9n \u0111o\xE1n project hi\u1EC7n t\u1EA1i");
-  console.log(chalk32.bold("\n\u{1F4E6} Qu\u1EA3n l\xFD Components"));
+  console.log(chalk33.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(chalk32.bold("\n\u{1F5A5}\uFE0F  IDE & T\xEDch h\u1EE3p"));
+  console.log(chalk33.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(chalk32.bold("\n\u{1F916} AI Tools"));
+  console.log(chalk33.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(chalk32.bold("\n\u{1F4C1} Project"));
+  console.log(chalk33.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(chalk32.bold("\n\u2699\uFE0F  B\u1EA3o tr\xEC"));
+  console.log(chalk33.bold("\n\u2699\uFE0F  B\u1EA3o tr\xEC"));
   console.log("   upgrade        C\u1EADp nh\u1EADt CLI client");
   console.log("   clean          D\u1ECDn d\u1EB9p cache/backup");
   console.log("   utils          Developer utilities");
   const name = getCliName();
-  console.log(chalk32.dim(`
+  console.log(chalk33.dim(`
 S\u1EED d\u1EE5ng: ${name} [l\u1EC7nh] --help \u0111\u1EC3 xem chi ti\u1EBFt`));
 }
 function showUnknownCommand(commandName) {
-  console.error(chalk32.red(`\u274C L\u1EC7nh kh\xF4ng t\u1ED3n t\u1EA1i: ${commandName}`));
+  console.error(chalk33.red(`\u274C L\u1EC7nh kh\xF4ng t\u1ED3n t\u1EA1i: ${commandName}`));
   const name = getCliName();
-  console.error(chalk32.dim(`
+  console.error(chalk33.dim(`
 G\u1EE3i \xFD: Ch\u1EA1y ${name} --help \u0111\u1EC3 xem danh s\xE1ch l\u1EC7nh`));
 }
 
 // src/cli.ts
 checkNodeVersion();
-var program = new Command79();
+var program = new Command78();
 if (process.argv.includes("-v") || process.argv.includes("--version")) {
   console.log(package_default.version);
   if (!process.argv.includes("--skip-update-check")) {
@@ -15536,9 +15082,9 @@ program.addCommand(createKitCommand());
 program.addCommand(createRulesCommand());
 program.addCommand(createUpgradeCommand());
 program.addCommand(createCleanCommand());
-var redmineCommand = new Command79("redmine").description("Redmine context sync commands");
+var redmineCommand = new Command78("redmine").description("Redmine context sync commands");
 redmineCommand.addCommand(createRedmineCheckCommand());
-var syncCommand = new Command79("sync").description("Sync Redmine issues to markdown files");
+var syncCommand = new Command78("sync").description("Sync Redmine issues to markdown files");
 syncCommand.addCommand(createSyncIssueCommand());
 syncCommand.addCommand(createSyncProjectCommand());
 redmineCommand.addCommand(syncCommand);