claude-scope 0.6.14 → 0.6.16

package/dist/claude-scope.cjs

@@ -1415,7 +1415,7 @@ var VSCODE_DARK_PLUS_THEME = {
 };
 
 // src/ui/theme/index.ts
-var DEFAULT_THEME = VSCODE_DARK_PLUS_THEME.colors;
+var DEFAULT_THEME = MONOKAI_THEME.colors;
 
 // src/widgets/core/stdin-data-widget.ts
 var StdinDataWidget = class {
@@ -1517,16 +1517,17 @@ var activeToolsStyles = {
     for (const tool of data.running) {
       allToolNames.add(tool.name);
     }
-    for (const name of data.completed.keys()) {
+    for (const [name] of data.completed) {
       allToolNames.add(name);
     }
+    const completedMap = new Map(data.completed);
     const runningCounts = /* @__PURE__ */ new Map();
     for (const tool of data.running) {
       runningCounts.set(tool.name, (runningCounts.get(tool.name) ?? 0) + 1);
     }
     for (const name of allToolNames) {
       const runningCount = runningCounts.get(name) ?? 0;
-      const completedCount = data.completed.get(name) ?? 0;
+      const completedCount = completedMap.get(name) ?? 0;
       if (runningCount > 0 && completedCount > 0) {
         const nameStr = colorize(name, c.tools.name);
         const runningStr = colorize(`${runningCount} running`, c.tools.running);
@@ -1558,7 +1559,7 @@ var activeToolsStyles = {
     for (const tool of data.running) {
       parts.push(`[${colorize(tool.name, c.tools.name)}]`);
     }
-    for (const [name] of Array.from(data.completed.entries()).slice(0, 3)) {
+    for (const [name] of data.completed.slice(0, 3)) {
       parts.push(`[${colorize(name, c.tools.completed)}]`);
     }
     if (parts.length === 0) {
@@ -1607,7 +1608,7 @@ var activeToolsStyles = {
       const label = colorize("Running:", c.tools.running);
       parts.push(`${label} ${formatTool(tool.name, tool.target, c)}`);
     }
-    const sorted = Array.from(data.completed.entries()).sort((a, b) => b[1] - a[1]).slice(0, 3);
+    const sorted = data.completed.slice(0, 3);
     for (const [name, count] of sorted) {
       const label = colorize("Completed:", c.tools.completed);
       const countStr = colorize(`(${count}x)`, c.tools.count);
@@ -1628,7 +1629,7 @@ var activeToolsStyles = {
         const indicator = colorize("\u25D0", c.tools.running);
         return `${indicator} ${formatTool(t.name, t.target, c)}`;
       }),
-      ...Array.from(data.completed.entries()).slice(0, 3).map(([name, count]) => {
+      ...data.completed.slice(0, 3).map(([name, count]) => {
         const indicator = colorize("\u2713", c.tools.completed);
         const countStr = colorize(`\xD7${count}`, c.tools.count);
         return `${indicator} ${name} ${countStr}`;
@@ -1650,7 +1651,7 @@ var activeToolsStyles = {
       const bullet = colorize("\u25CF", c.semantic.info);
       parts.push(`${bullet} ${formatTool(tool.name, tool.target, c)}`);
     }
-    for (const [name] of Array.from(data.completed.entries()).slice(0, 3)) {
+    for (const [name] of data.completed.slice(0, 3)) {
       const bullet = colorize("\u25CF", c.tools.completed);
       parts.push(`${bullet} ${name}`);
     }
@@ -1750,9 +1751,9 @@ var ActiveToolsWidget = class extends StdinDataWidget {
     this.style = style;
   }
   /**
-   * Aggregate completed tools by name
+   * Aggregate completed tools by name and sort by count (descending)
    * @param tools - Array of tool entries
-   * @returns Map of tool name to count
+   * @returns Array of [name, count] tuples sorted by count descending
    */
   aggregateCompleted(tools) {
     const counts = /* @__PURE__ */ new Map();
@@ -1762,7 +1763,12 @@ var ActiveToolsWidget = class extends StdinDataWidget {
         counts.set(tool.name, current + 1);
       }
     }
-    return counts;
+    return Array.from(counts.entries()).sort((a, b) => {
+      if (b[1] !== a[1]) {
+        return b[1] - a[1];
+      }
+      return a[0].localeCompare(b[0]);
+    });
   }
   /**
    * Prepare render data from tools
@@ -1972,11 +1978,6 @@ function formatCurrency(usd) {
   }
   return `$${usd.toFixed(2)}`;
 }
-function createProgressBar(percentage, width) {
-  const filled = Math.round(percentage / 100 * width);
-  const empty = width - filled;
-  return "\u2588".repeat(filled) + "\u2591".repeat(empty);
-}
 function getCacheColor(hitRate, colors) {
   if (hitRate > 70) {
     return colors.cache.high;
@@ -1988,74 +1989,70 @@ function getCacheColor(hitRate, colors) {
 }
 var cacheMetricsStyles = {
   /**
-   * balanced: 💾 70% cached (35.0k tokens) with color coding
+   * balanced: 💾 35.0k cache with color coding
    */
   balanced: (data, colors) => {
-    const { hitRate, cacheRead } = data;
+    const { cacheRead, hitRate } = data;
     const color = colors ? getCacheColor(hitRate, colors) : "";
-    const percentage = color ? `${color}${hitRate.toFixed(0)}%` : `${hitRate.toFixed(0)}%`;
-    const tokens = colors ? `${colors.cache.read}${formatK(cacheRead)} tokens` : `${formatK(cacheRead)} tokens`;
-    return `\u{1F4BE} ${percentage} cached (${tokens})`;
+    const amount = color ? `${color}${formatK(cacheRead)} cache` : `${formatK(cacheRead)} cache`;
+    return `\u{1F4BE} ${amount}`;
   },
   /**
-   * compact: Cache: 70%
+   * compact: Cache: 35.0k
    */
   compact: (data, colors) => {
-    const hitRate = data.hitRate.toFixed(0);
+    const { cacheRead } = data;
+    const amount = formatK(cacheRead);
     if (colors) {
-      return `${colors.cache.read}Cache: ${hitRate}%`;
+      return `${colors.cache.read}Cache: ${amount}`;
     }
-    return `Cache: ${hitRate}%`;
+    return `Cache: ${amount}`;
   },
   /**
-   * playful: 💾 [███████░] 70% with progress bar
+   * playful: 💾 35.0k cache
    */
-  playful: (data, colors) => {
-    const { hitRate } = data;
-    const bar = createProgressBar(hitRate, 7);
-    const color = colors ? getCacheColor(hitRate, colors) : "";
-    const barAndPercent = color ? `${color}[${bar}] ${hitRate.toFixed(0)}%` : `[${bar}] ${hitRate.toFixed(0)}%`;
-    return `\u{1F4BE} ${barAndPercent}`;
+  playful: (data, _colors) => {
+    const { cacheRead } = data;
+    const amount = formatK(cacheRead);
+    return `\u{1F4BE} ${amount} cache`;
   },
   /**
-   * verbose: Cache: 35.0k tokens (70%) | $0.03 saved
+   * verbose: Cache: 35.0k | $0.03 saved
    */
   verbose: (data, colors) => {
-    const { cacheRead, hitRate, savings } = data;
-    const tokens = colors ? `${colors.cache.read}${formatK(cacheRead)} tokens` : `${formatK(cacheRead)} tokens`;
-    const percent = `${hitRate.toFixed(0)}%`;
+    const { cacheRead, savings } = data;
+    const amount = formatK(cacheRead);
     const saved = colors ? `${colors.cache.write}${formatCurrency(savings)} saved` : `${formatCurrency(savings)} saved`;
-    return `Cache: ${tokens} (${percent}) | ${saved}`;
+    return `Cache: ${amount} | ${saved}`;
   },
   /**
-   * labeled: Cache Hit: 70% | $0.03 saved
+   * labeled: Cache: 35.0k | $0.03 saved
    */
   labeled: (data, colors) => {
-    const { hitRate, savings } = data;
-    const percent = colors ? `${colors.cache.read}${hitRate.toFixed(0)}%` : `${hitRate.toFixed(0)}%`;
+    const { cacheRead, savings } = data;
+    const amount = formatK(cacheRead);
     const saved = colors ? `${colors.cache.write}${formatCurrency(savings)} saved` : `${formatCurrency(savings)} saved`;
-    return `Cache Hit: ${percent} | ${saved}`;
+    return `Cache: ${amount} | ${saved}`;
   },
   /**
-   * indicator: ● 70% cached
+   * indicator: ● 35.0k cache with color coding
    */
   indicator: (data, colors) => {
-    const { hitRate } = data;
+    const { cacheRead, hitRate } = data;
     const color = colors ? getCacheColor(hitRate, colors) : "";
-    const percentage = color ? `${color}${hitRate.toFixed(0)}%` : `${hitRate.toFixed(0)}%`;
-    return `\u25CF ${percentage} cached`;
+    const amount = color ? `${color}${formatK(cacheRead)} cache` : `${formatK(cacheRead)} cache`;
+    return `\u25CF ${amount}`;
   },
   /**
-   * breakdown: Multi-line with ├─ Read: and └─ Write: breakdown
+   * breakdown: Single-line with Hit: and Write: breakdown
    */
   breakdown: (data, colors) => {
-    const { cacheRead, cacheWrite, hitRate, savings } = data;
-    const color = colors ? getCacheColor(hitRate, colors) : "";
-    const percent = color ? `${color}${hitRate.toFixed(0)}%` : `${hitRate.toFixed(0)}%`;
+    const { cacheRead, cacheWrite, savings } = data;
+    const amount = formatK(cacheRead);
     const saved = colors ? `${colors.cache.write}${formatCurrency(savings)} saved` : `${formatCurrency(savings)} saved`;
-    const read = colors ? `${colors.cache.read}${formatK(cacheRead)}` : formatK(cacheRead);
-    const write = colors ? `${colors.cache.write}${formatK(cacheWrite)}` : formatK(cacheWrite);
-    return [`\u{1F4BE} ${percent} cached | ${saved}`, `\u251C\u2500 Read: ${read}`, `\u2514\u2500 Write: ${write}`].join("\n");
+    const read = formatK(cacheRead);
+    const write = formatK(cacheWrite);
+    return `\u{1F4BE} ${amount} cache | Hit: ${read}, Write: ${write} | ${saved}`;
   }
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-scope",
-  "version": "0.6.14",
+  "version": "0.6.16",
   "description": "Claude Code plugin for session status and analytics",
   "license": "MIT",
   "type": "module",