claudeline 1.9.0 → 1.10.0

package/dist/index.js

@@ -166,7 +166,7 @@ function listComponents() {
     {
       name: "Claude/Session",
       prefix: "claude",
-      items: ["model", "model-id", "model-letter", "effort", "effort-icon", "version", "session", "session-full", "style"]
+      items: ["model", "model-id", "model-letter", "model-family", "model-short", "effort", "effort-icon", "version", "session", "session-full", "style"]
     },
     {
       name: "Context Window",
@@ -439,7 +439,7 @@ var THEMES = {
   nerd: "nerd:nf-dev-nodejs_small env:node-short sep:dot nerd:nf-cod-folder fs:dir sep:dot nerd:nf-dev-git_branch git:branch git:status",
   compact: "claude:model sep:slash fs:dir sep:slash git:branch",
   colorful: "bold:magenta:claude:model sep:arrow cyan:nerd:nf-cod-folder cyan:fs:dir sep:arrow green:nerd:nf-dev-git_branch green:git:branch yellow:git:status sep:arrow blue:nerd:nf-fa-gauge blue:ctx:percent",
-  luca: "bold:magenta:claude:model-letter if:effort(dim:sep:dot claude:effort-icon claude:effort) dim:sep:middot cyan:nerd:nf-md-source_branch cyan:git:repo sep:none text:: sep:none green:git:branch if:subdir(sep:none white:text:/ sep:none white:fs:relative) if:dirty(dim:sep:middot git:dirty) dim:sep:middot white:account:email sep:newline dim:nerd:nf-md-clock_fast usage:5h-bar:10 usage:5h usage:5h-pace dim:usage:5h-reset dim:sep:middot dim:nerd:nf-md-calendar_week usage:week-bar:10 usage:week usage:week-pace dim:usage:week-reset dim:sep:middot white:cost:total"
+  luca: "claude:model-family claude:effort-icon dim:sep:middot nerd:nf-md-source_branch git:repo sep:none text:: sep:none git:branch if:subdir(sep:none text:/ sep:none fs:relative) if:dirty(dim:sep:middot git:dirty) dim:sep:middot dim:account:email sep:newline dim:nerd:nf-md-clock_fast usage:5h-bar:10 usage:5h usage:5h-pace dim:usage:5h-reset dim:sep:middot dim:nerd:nf-md-calendar_week usage:week-bar:10 usage:week usage:week-pace dim:usage:week-reset "
 };
 function getTheme(name) {
   return THEMES[name] || null;
@@ -659,15 +659,12 @@ function calculatePace(usedPct, resetUnix, windowDurationMs) {
   const delta = usedPct - target;
   return { target, delta };
 }
-function paceColor(delta) {
-  if (delta > 10) return "\x1B[0;33m";
-  if (delta < -10) return "\x1B[0;36m";
-  return "\x1B[0;32m";
-}
 function formatPaceIcon(delta, noColor2) {
   const icon = delta > 10 ? "\uF0E7" : delta < -10 ? "\uF017" : "\uF00C";
   if (noColor2) return icon;
-  return `${paceColor(delta)}${icon}\x1B[0m`;
+  const { fg, bold } = barColorFromDelta(delta);
+  if (fg === null) return icon;
+  return `\x1B[0;${bold ? "1;" : ""}${fg}m${icon}\x1B[0m`;
 }
 function formatPaceDelta(delta, noColor2) {
   const rounded = Math.round(delta);
@@ -676,26 +673,31 @@ function formatPaceDelta(delta, noColor2) {
   else if (rounded < 0) text = rounded + "%";
   else text = "\xB10%";
   if (noColor2) return text;
-  return `${paceColor(delta)}${text}\x1B[0m`;
+  const { fg, bold } = barColorFromDelta(delta);
+  if (fg === null) return text;
+  return `\x1B[0;${bold ? "1;" : ""}${fg}m${text}\x1B[0m`;
 }
-function barColor(pct) {
-  if (pct < 50) return "\x1B[0;32m";
-  if (pct < 75) return "\x1B[0;33m";
-  if (pct < 90) return "\x1B[0;31m";
-  return "\x1B[0;1;31m";
+function barColorFromDelta(delta) {
+  if (delta > 15) return { fg: 31, bold: true };
+  if (delta > 5) return { fg: 31, bold: false };
+  return { fg: null, bold: false };
 }
-var BLOCKS = ["\u2591", "\u258E", "\u258C", "\u258A", "\u2588"];
-function makeBar(pct, width, noColor2, label) {
+function makeBar(pct, width, noColor2, delta = 0, label) {
   const clamped = Math.max(0, Math.min(100, pct));
-  const fillExact = clamped / 100 * width;
-  const fullCells = Math.floor(fillExact);
-  const fractional = fillExact - fullCells;
-  const partialIdx = Math.round(fractional * 4);
-  const partialChar = BLOCKS[partialIdx];
-  const emptyCells = width - fullCells - 1;
-  const filled = "\u2588".repeat(fullCells) + partialChar + "\u2591".repeat(Math.max(0, emptyCells));
-  const color = barColor(clamped);
-  const bar = noColor2 ? filled : `${color}${filled}\x1B[0m`;
+  const filled = Math.round(clamped / 100 * width);
+  const empty = width - filled;
+  const filledStr = "\u2588".repeat(filled);
+  const emptyStr = "\u2591".repeat(empty);
+  if (noColor2) return (label || "") + filledStr + emptyStr;
+  const { fg, bold } = barColorFromDelta(delta);
+  if (fg === null) {
+    const bar2 = `${filledStr}\x1B[2m${emptyStr}\x1B[0m`;
+    return label ? label + bar2 : bar2;
+  }
+  const boldStr = bold ? "1;" : "";
+  const fillColor = `\x1B[0;${boldStr}${fg}m`;
+  const dimColor = `\x1B[0;2;${fg}m`;
+  const bar = `${fillColor}${filledStr}\x1B[0m${dimColor}${emptyStr}\x1B[0m`;
   return label ? label + bar : bar;
 }
 function evaluateUsageComponent(key, data, args, noColor2 = false) {
@@ -716,29 +718,29 @@ function evaluateUsageComponent(key, data, args, noColor2 = false) {
       return formatTimeUntil(sevenDay.resets_at);
     case "5h-bar": {
       const width = args ? parseInt(args, 10) || 10 : 10;
-      return makeBar(fiveHour.used_percentage, width, noColor2);
+      const { delta } = calculatePace(fiveHour.used_percentage, fiveHour.resets_at, FIVE_HOUR_MS);
+      return makeBar(fiveHour.used_percentage, width, noColor2, delta);
     }
     case "week-bar":
     case "7d-bar": {
       const width = args ? parseInt(args, 10) || 10 : 10;
-      return makeBar(sevenDay.used_percentage, width, noColor2);
+      const { delta } = calculatePace(sevenDay.used_percentage, sevenDay.resets_at, SEVEN_DAY_MS);
+      return makeBar(sevenDay.used_percentage, width, noColor2, delta);
     }
     case "5h-icon": {
-      const pct = fiveHour.used_percentage;
+      const { delta } = calculatePace(fiveHour.used_percentage, fiveHour.resets_at, FIVE_HOUR_MS);
+      const { fg, bold } = barColorFromDelta(delta);
       const icon = "\uF111";
-      if (pct < 50) return `\x1B[0;32m${icon}\x1B[0m`;
-      if (pct < 75) return `\x1B[0;33m${icon}\x1B[0m`;
-      if (pct < 90) return `\x1B[0;31m${icon}\x1B[0m`;
-      return `\x1B[0;1;31m${icon}\x1B[0m`;
+      if (noColor2 || fg === null) return icon;
+      return `\x1B[0;${bold ? "1;" : ""}${fg}m${icon}\x1B[0m`;
     }
     case "week-icon":
     case "7d-icon": {
-      const pct = sevenDay.used_percentage;
+      const { delta } = calculatePace(sevenDay.used_percentage, sevenDay.resets_at, SEVEN_DAY_MS);
+      const { fg, bold } = barColorFromDelta(delta);
       const icon = "\uF111";
-      if (pct < 50) return `\x1B[0;32m${icon}\x1B[0m`;
-      if (pct < 75) return `\x1B[0;33m${icon}\x1B[0m`;
-      if (pct < 90) return `\x1B[0;31m${icon}\x1B[0m`;
-      return `\x1B[0;1;31m${icon}\x1B[0m`;
+      if (noColor2 || fg === null) return icon;
+      return `\x1B[0;${bold ? "1;" : ""}${fg}m${icon}\x1B[0m`;
     }
     case "5h-target": {
       const { target } = calculatePace(fiveHour.used_percentage, fiveHour.resets_at, FIVE_HOUR_MS);
@@ -1057,6 +1059,13 @@ function evaluateClaudeComponent(key, data, noColor2 = false, noIcons = false) {
       return data.model?.id || "";
     case "model-letter":
       return (data.model?.display_name || "C")[0].toUpperCase();
+    case "model-family": {
+      const name = (data.model?.display_name || "").toLowerCase();
+      if (name.includes("opus")) return "Opus";
+      if (name.includes("sonnet")) return "Sonnet";
+      if (name.includes("haiku")) return "Haiku";
+      return data.model?.display_name || "Claude";
+    }
     case "version":
       return data.version || "";
     case "session":
@@ -1068,16 +1077,16 @@ function evaluateClaudeComponent(key, data, noColor2 = false, noIcons = false) {
       const effort = resolveEffort(data);
       if (!effort) return "";
       if (key === "effort-icon" && noIcons) return "";
-      const text = key === "effort-icon" ? "\u{F09D1}" : effort;
-      if (noColor2) return text;
-      const r = `\x1B[${RESET}m`;
-      const effortColors = {
-        low: COLORS.green,
-        medium: COLORS.yellow,
-        high: COLORS.red
-      };
-      const code = effortColors[effort] || "";
-      return code ? `\x1B[0;${code}m${text}${r}` : text;
+      if (key === "effort-icon") {
+        const icons = {
+          low: "\u25CB",
+          medium: "\u25D1",
+          high: "\u25CF",
+          max: "\u25C9"
+        };
+        return icons[effort] || "\u25CF";
+      }
+      return effort;
     }
     case "style":
       return data.output_style?.name || "default";
@@ -1233,18 +1242,16 @@ function evaluateContextComponent(key, data, args, noIcons = false) {
     case "bar": {
       const pct = Math.max(0, Math.min(100, ctx?.used_percentage || 0));
       const width = args ? parseInt(args, 10) || 10 : 10;
-      const BLOCKS2 = ["\u2591", "\u258E", "\u258C", "\u258A", "\u2588"];
-      const fillExact = pct / 100 * width;
-      const fullCells = Math.floor(fillExact);
-      const fractional = fillExact - fullCells;
-      const partialIdx = Math.round(fractional * 4);
-      const partialChar = BLOCKS2[partialIdx];
-      const emptyCells = width - fullCells - 1;
-      const barStr = "\u2588".repeat(fullCells) + partialChar + "\u2591".repeat(Math.max(0, emptyCells));
-      if (noColor) return barStr;
+      const filled = Math.round(pct / 100 * width);
+      const empty = width - filled;
+      const filledStr = "\u2588".repeat(filled);
+      const emptyStr = "\u2591".repeat(empty);
+      if (noColor) return filledStr + emptyStr;
       const color = pct < 50 ? COLORS.green : pct < 75 ? COLORS.yellow : COLORS.red;
       const bold = pct >= 90 ? `;${COLORS.bold}` : "";
-      return `\x1B[0;${color}${bold}m${barStr}\x1B[${RESET}m`;
+      const fillColor = `\x1B[0;${color}${bold}m`;
+      const dimColor = `\x1B[0;2;${color}m`;
+      return `${fillColor}${filledStr}\x1B[${RESET}m${dimColor}${emptyStr}\x1B[${RESET}m`;
     }
     case "icon": {
       if (noIcons) return "";
@@ -1571,7 +1578,7 @@ function evaluateFormat(format, data, options = {}) {
 }
 
 // src/index.ts
-var VERSION = true ? "1.9.0" : "dev";
+var VERSION = true ? "1.10.0" : "dev";
 async function readStdin() {
   return new Promise((resolve, reject) => {
     let input = "";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claudeline",
-  "version": "1.9.0",
+  "version": "1.10.0",
   "description": "Customizable status line generator for Claude Code",
   "type": "module",
   "bin": {