@jvittechs/j 1.0.15 → 1.0.16

package/dist/cli.js

@@ -169,7 +169,7 @@ import { basename as basename4 } from "path";
 // package.json
 var package_default = {
   name: "@jvittechs/j",
-  version: "1.0.15",
+  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: {
@@ -2966,57 +2966,86 @@ var ContextScannerService = class {
 var MAX_TOKENS = 256e3;
 var SYSTEM_PROMPT_TOKENS = 1e4;
 var COMPACT_BUFFER_TOKENS = 56e3;
-var BAR_WIDTH = 40;
+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 renderBar(value, total, width, color) {
-  const filled = Math.round(value / total * width);
-  const empty = width - filled;
-  return color("\u2588".repeat(filled)) + chalk6.gray("\u2591".repeat(empty));
-}
-function renderPercentage(value, total) {
+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("");
-  console.log(chalk6.bold(`${config.icon} ${config.name} Context Window (${formatNumber(MAX_TOKENS)} tokens)`));
-  console.log(chalk6.dim("\u2501".repeat(55)));
+  console.log(`${chalk6.dim("\u2514")}  ${chalk6.bold("Context Usage")}`);
   const segments = [
-    { icon: "\u{1F4D0}", label: "System Prompt", tokens: SYSTEM_PROMPT_TOKENS, color: chalk6.blue },
-    { icon: "\u{1F4CF}", label: "IDE Rules", tokens: rulesTokens, color: chalk6.yellow },
-    { icon: "\u{1F4AC}", label: "User Prompt", tokens: userPromptTokens, color: chalk6.green },
-    { icon: "\u{1F504}", label: "Compact Buffer", tokens: COMPACT_BUFFER_TOKENS, color: chalk6.magenta }
+    { 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 maxLabelLen = Math.max(...segments.map((s) => s.label.length));
-  for (const seg of segments) {
-    const label = seg.label.padEnd(maxLabelLen);
-    const bar = renderBar(seg.tokens, MAX_TOKENS, BAR_WIDTH, seg.color);
-    const pct = renderPercentage(seg.tokens, MAX_TOKENS);
-    console.log(`  ${seg.icon} ${label}  ${bar}  ${chalk6.white(formatNumber(seg.tokens).padStart(7))} tokens ${chalk6.dim(`(${pct})`)}`);
+  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.dim(`  Rules breakdown (${config.basePath}):`));
+    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.cyan(" [always]") : "";
-      console.log(`    \u2022 ${chalk6.white(name)}${badge}  ${chalk6.dim(formatNumber(tokens) + " tokens")}`);
+      const badge = rule.alwaysApply ? chalk6.dim(" [always]") : "";
+      console.log(`   ${chalk6.dim("\u2514")} ${name}${badge}: ${formatNumber(tokens)} tokens`);
     }
-  } else {
+  }
+  const workflowItems = items.filter((item) => item.type === "workflows");
+  if (workflowItems.length > 0) {
     console.log("");
-    console.log(chalk6.dim("  No rules found."));
+    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`);
+    }
   }
   console.log("");
 }
@@ -3034,9 +3063,8 @@ function createContextCommand() {
     }
     const scanner = new ContextScannerService();
     const targetIDEs = ideArg ? [ideArg] : validIDEs;
-    console.log(chalk6.bold.cyan("\n\u{1F9E0} Context Window Analysis"));
-    console.log(chalk6.dim(`   Max context: ${formatNumber(MAX_TOKENS)} tokens
-`));
+    console.log("");
+    console.log(` ${chalk6.bgGray.white.bold(" /context ")}`);
     let found = false;
     for (const ide of targetIDEs) {
       try {
@@ -3050,8 +3078,8 @@ function createContextCommand() {
       }
     }
     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.
+      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.
 `));
     }
   });
@@ -4899,9 +4927,9 @@ var ChatApp = ({ service, initialModel }) => {
     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__ */ 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: pct > 80 ? "red" : pct > 50 ? "yellow" : "green" }, "    ", bar, " ", /* @__PURE__ */ React11.createElement(Text9, { dimColor: true }, used, "/", limit)));
+      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";