ccstatusline-usage 2.1.2 → 2.1.4

package/README.md

@@ -46,6 +46,21 @@
 
 ## 🆕 Recent Updates
 
+### [v2.1.4](https://github.com/pcvelz/ccstatusline-usage/releases/tag/v2.1.4) - Compact mode widget-boundary wrapping
+
+- [pcvelz/ccstatusline-usage](https://github.com/pcvelz/ccstatusline-usage): **Widget-boundary wrapping** — compact mode now wraps at widget boundaries instead of mid-widget, using a dedicated compact renderer (`compact-renderer.ts`). Widgets that don't fit on the current line cleanly wrap to the next:
+  ```
+  S: [░░░░] 2.0% | W: [██░░] 43.0% | 4:36 hr
+  M: o4.6 ▌▌▌ | S: 5647528d | C: [██░░] 119k/200k
+  ```
+- [pcvelz/ccstatusline-usage](https://github.com/pcvelz/ccstatusline-usage): **Terminal-agnostic compact detection** — compact mode now triggers on any narrow terminal (< 80 columns), not just tmux
+
+### [v2.1.3](https://github.com/pcvelz/ccstatusline-usage/releases/tag/v2.1.3) - Mobile/compact mode and thinking effort bars
+
+- [pcvelz/ccstatusline-usage](https://github.com/pcvelz/ccstatusline-usage): **Mobile/compact mode** — in narrow terminals (< 80 effective columns, e.g. tmux panes), widgets auto-switch to compact rendering: `M: o4.6` instead of `Model: claude-opus-4-6`, session ID truncated to 8 chars, and multiple status lines merge into one
+- [pcvelz/ccstatusline-usage](https://github.com/pcvelz/ccstatusline-usage): **Thinking effort bars** — Model widget shows `▌▌▌` bars indicating Claude Code's effort level (1=low, 2=medium, 3=high). Reads from `CLAUDE_CODE_EFFORT_LEVEL` env var or `~/.claude/settings.json`
+- [pcvelz/ccstatusline-usage](https://github.com/pcvelz/ccstatusline-usage): **Tmux pane width detection** — correctly detects actual pane width via `tmux display-message` instead of falling back to default 80 columns
+
 ### [v2.1.2](https://github.com/pcvelz/ccstatusline-usage/releases/tag/v2.1.2) - Token auth fallback and 401 handling
 
 - [pcvelz/ccstatusline-usage](https://github.com/pcvelz/ccstatusline-usage): macOS file credential fallback — reads `~/.claude/.credentials.json` when Keychain entry is missing
@@ -355,7 +370,7 @@ Once configured, ccstatusline automatically formats your Claude Code status line
 
 ### 📊 Available Widgets
 
-- **Model Name** - Shows the current Claude model (e.g., "Claude 3.5 Sonnet")
+- **Model Name** - Shows the current Claude model with thinking effort bars (`▌▌▌`) indicating low/medium/high effort
 - **Git Branch** - Displays current git branch name
 - **Git Changes** - Shows uncommitted insertions/deletions (e.g., "+42,-10")
 - **Git Worktree** - Shows the name of the current git worktree
@@ -370,8 +385,8 @@ Once configured, ccstatusline automatically formats your Claude Code status line
 - **Tokens Cached** - Shows cached tokens used
 - **Tokens Total** - Shows total tokens used
 - **Context Length** - Shows current context length in tokens
-- **Context Percentage** - Shows percentage of context limit used (dynamic: 1M for Sonnet 4.5 with `[1m]` suffix, 200k otherwise)
-- **Context Percentage (usable)** - Shows percentage of usable context (dynamic: 800k for Sonnet 4.5 with `[1m]` suffix, 160k otherwise, accounting for auto-compact at 80%)
+- **Context Percentage** - Shows percentage of context limit used (dynamic: 1M for Sonnet 4.5/Opus 4.6 with `[1m]` suffix, 200k otherwise)
+- **Context Percentage (usable)** - Shows percentage of usable context (dynamic: 800k for Sonnet 4.5/Opus 4.6 with `[1m]` suffix, 160k otherwise, accounting for auto-compact at 80%)
 - **Terminal Width** - Shows detected terminal width (for debugging)
 - **Custom Text** - Add your own custom text to the status line
 - **Custom Command** - Execute shell commands and display their output (refreshes whenever the statusline is updated by Claude Code)
@@ -441,7 +456,7 @@ The Block Timer widget helps you track your progress through Claude Code's 5-hou
 ### 🔤 Raw Value Mode
 
 Some widgets support "raw value" mode which displays just the value without a label:
-- Normal: `Model: Claude 3.5 Sonnet` → Raw: `Claude 3.5 Sonnet`
+- Normal: `Model: Claude Opus 4.6` → Raw: `Claude Opus 4.6`
 - Normal: `Session: 2hr 15m` → Raw: `2hr 15m`
 - Normal: `Block: 3hr 45m` → Raw: `3hr 45m`
 - Normal: `Ctx: 18.6k` → Raw: `18.6k`
@@ -618,6 +633,11 @@ Contributions are welcome! Please feel free to submit a Pull Request.
 
 - GitHub: [@sirmalloc](https://github.com/sirmalloc)
 
+**Fork maintained by Peter van Velzen**
+
+- GitHub: [@pcvelz](https://github.com/pcvelz)
+- Fork: [pcvelz/ccstatusline-usage](https://github.com/pcvelz/ccstatusline-usage)
+
 ---
 
 ## 🔗 Related Projects
@@ -637,11 +657,11 @@ Contributions are welcome! Please feel free to submit a Pull Request.
 
 ## Star History
 
-<a href="https://www.star-history.com/#sirmalloc/ccstatusline&Timeline">
+<a href="https://www.star-history.com/#pcvelz/ccstatusline-usage&Timeline">
  <picture>
-   <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/svg?repos=sirmalloc/ccstatusline&type=Timeline&theme=dark" />
-   <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/svg?repos=sirmalloc/ccstatusline&type=Timeline" />
-   <img alt="Star History Chart" src="https://api.star-history.com/svg?repos=sirmalloc/ccstatusline&type=Timeline" />
+   <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/svg?repos=pcvelz/ccstatusline-usage&type=Timeline&theme=dark" />
+   <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/svg?repos=pcvelz/ccstatusline-usage&type=Timeline" />
+   <img alt="Star History Chart" src="https://api.star-history.com/svg?repos=pcvelz/ccstatusline-usage&type=Timeline" />
  </picture>
 </a>
 
@@ -651,21 +671,21 @@ Contributions are welcome! Please feel free to submit a Pull Request.
 
 Give a ⭐ if this project helped you!
 
-[![GitHub stars](https://img.shields.io/github/stars/sirmalloc/ccstatusline?style=social)](https://github.com/sirmalloc/ccstatusline/stargazers)
-[![GitHub forks](https://img.shields.io/github/forks/sirmalloc/ccstatusline?style=social)](https://github.com/sirmalloc/ccstatusline/network/members)
-[![GitHub watchers](https://img.shields.io/github/watchers/sirmalloc/ccstatusline?style=social)](https://github.com/sirmalloc/ccstatusline/watchers)
+[![GitHub stars](https://img.shields.io/github/stars/pcvelz/ccstatusline-usage?style=social)](https://github.com/pcvelz/ccstatusline-usage/stargazers)
+[![GitHub forks](https://img.shields.io/github/forks/pcvelz/ccstatusline-usage?style=social)](https://github.com/pcvelz/ccstatusline-usage/network/members)
+[![GitHub watchers](https://img.shields.io/github/watchers/pcvelz/ccstatusline-usage?style=social)](https://github.com/pcvelz/ccstatusline-usage/watchers)
 
-[![npm version](https://img.shields.io/npm/v/ccstatusline.svg)](https://www.npmjs.com/package/ccstatusline)
-[![npm downloads](https://img.shields.io/npm/dm/ccstatusline.svg)](https://www.npmjs.com/package/ccstatusline)
-[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://github.com/sirmalloc/ccstatusline/blob/main/LICENSE)
+[![npm version](https://img.shields.io/npm/v/ccstatusline-usage.svg)](https://www.npmjs.com/package/ccstatusline-usage)
+[![npm downloads](https://img.shields.io/npm/dm/ccstatusline-usage.svg)](https://www.npmjs.com/package/ccstatusline-usage)
+[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://github.com/pcvelz/ccstatusline-usage/blob/main/LICENSE)
 [![Made with Bun](https://img.shields.io/badge/Made%20with-Bun-000000.svg?logo=bun)](https://bun.sh)
 
-[![Issues](https://img.shields.io/github/issues/sirmalloc/ccstatusline)](https://github.com/sirmalloc/ccstatusline/issues)
-[![Pull Requests](https://img.shields.io/github/issues-pr/sirmalloc/ccstatusline)](https://github.com/sirmalloc/ccstatusline/pulls)
-[![Contributors](https://img.shields.io/github/contributors/sirmalloc/ccstatusline)](https://github.com/sirmalloc/ccstatusline/graphs/contributors)
+[![Issues](https://img.shields.io/github/issues/pcvelz/ccstatusline-usage)](https://github.com/pcvelz/ccstatusline-usage/issues)
+[![Pull Requests](https://img.shields.io/github/issues-pr/pcvelz/ccstatusline-usage)](https://github.com/pcvelz/ccstatusline-usage/pulls)
+[![Contributors](https://img.shields.io/github/contributors/pcvelz/ccstatusline-usage)](https://github.com/pcvelz/ccstatusline-usage/graphs/contributors)
 
 ### 💬 Connect
 
-[Report Bug](https://github.com/sirmalloc/ccstatusline/issues) · [Request Feature](https://github.com/sirmalloc/ccstatusline/issues) · [Discussions](https://github.com/sirmalloc/ccstatusline/discussions)
+[Report Bug](https://github.com/pcvelz/ccstatusline-usage/issues) · [Request Feature](https://github.com/pcvelz/ccstatusline-usage/issues) · [Discussions](https://github.com/pcvelz/ccstatusline-usage/discussions)
 
 </div>

package/dist/ccstatusline.js

@@ -32383,8 +32383,8 @@ var require_utils = __commonJS((exports) => {
     }
     return output;
   };
-  exports.basename = (path6, { windows } = {}) => {
-    const segs = path6.split(windows ? /[\\/]/ : "/");
+  exports.basename = (path7, { windows } = {}) => {
+    const segs = path7.split(windows ? /[\\/]/ : "/");
     const last = segs[segs.length - 1];
     if (last === "") {
       return segs[segs.length - 2];
@@ -50988,7 +50988,7 @@ var SettingsSchema = exports_external.object({
       { id: "sep2", type: "separator" },
       { id: "reset-timer", type: "reset-timer", color: "brightBlue" },
       { id: "sep3", type: "separator" },
-      { id: "model", type: "model", color: "magenta" },
+      { id: "model", type: "model", color: "ansi256:124" },
       { id: "sep4", type: "separator" },
       { id: "session-id", type: "claude-session-id", color: "cyan" }
     ],
@@ -51450,7 +51450,7 @@ import { execSync as execSync3 } from "child_process";
 import * as fs5 from "fs";
 import * as path4 from "path";
 var __dirname = "/Users/peter/Documents/Code/ccstatusline-usage/src/utils";
-var PACKAGE_VERSION = "2.1.2";
+var PACKAGE_VERSION = "2.1.4";
 function getPackageVersion() {
   if (/^\d+\.\d+\.\d+/.test(PACKAGE_VERSION)) {
     return PACKAGE_VERSION;
@@ -51470,6 +51470,14 @@ function getPackageVersion() {
   return "";
 }
 function getTerminalWidth() {
+  if (process.env.TMUX) {
+    try {
+      const output = execSync3("tmux display-message -p '#{pane_width}'", { encoding: "utf8", stdio: ["pipe", "pipe", "ignore"], timeout: 2000 }).trim();
+      const parsed = parseInt(output, 10);
+      if (!isNaN(parsed) && parsed > 0)
+        return parsed;
+    } catch {}
+  }
   try {
     const tty2 = execSync3("ps -o tty= -p $(ps -o ppid= -p $$)", {
       encoding: "utf8",
@@ -52280,9 +52288,61 @@ function getDefaultPowerlineTheme() {
 }
 
 // src/widgets/Model.ts
+import * as fs6 from "fs";
+import { homedir as homedir4 } from "os";
+import * as path5 from "path";
+var MOBILE_THRESHOLD = 80;
+function compactModelName(name) {
+  const stripped = name.replace(/^claude-/, "");
+  const match = /^([a-z]+)-(\d+)-(\d+)/.exec(stripped);
+  if (match) {
+    const letter = match[1]?.charAt(0) ?? "";
+    return `${letter}${match[2]}.${match[3]}`;
+  }
+  return stripped;
+}
+function getEffortLevel() {
+  const envLevel = process.env.CLAUDE_CODE_EFFORT_LEVEL;
+  if (envLevel)
+    return envLevel.toLowerCase();
+  try {
+    const configDir = process.env.CLAUDE_CONFIG_DIR ?? path5.join(homedir4(), ".claude");
+    const settingsPath = path5.join(configDir, "settings.json");
+    const content = fs6.readFileSync(settingsPath, "utf-8");
+    const settings = JSON.parse(content);
+    if (settings.effortLevel)
+      return settings.effortLevel.toLowerCase();
+  } catch {}
+  return "high";
+}
+function effortToLevel(effort) {
+  switch (effort) {
+    case "low":
+      return 1;
+    case "medium":
+      return 2;
+    default:
+      return 3;
+  }
+}
+function renderThinkingBars(level, settings) {
+  if (level <= 0)
+    return "";
+  const colorLevel = getColorLevelString(settings.colorLevel);
+  const activeChalk = getChalkColor("red", colorLevel);
+  const dimChalk = getChalkColor("brightBlack", colorLevel);
+  const bars = ["▌", "▌", "▌"];
+  return " " + bars.map((bar, i) => {
+    if (i < level) {
+      return activeChalk ? activeChalk(bar) : bar;
+    }
+    return dimChalk ? dimChalk(bar) : bar;
+  }).join("");
+}
+
 class ModelWidget {
   getDefaultColor() {
-    return "cyan";
+    return "ansi256:124";
   }
   getDescription() {
     return "Displays the Claude model name (e.g., Claude 3.5 Sonnet)";
@@ -52295,14 +52355,21 @@ class ModelWidget {
   }
   render(item, context, settings) {
     if (context.isPreview) {
-      return item.rawValue ? "Claude" : "Model: Claude";
+      const bars2 = renderThinkingBars(3, settings);
+      return item.rawValue ? `Claude${bars2}` : `Model: Claude${bars2}`;
     }
     const model = context.data?.model;
+    const modelId = typeof model === "string" ? model : model?.id;
     const modelDisplayName = typeof model === "string" ? model : model?.display_name ?? model?.id;
-    if (modelDisplayName) {
-      return item.rawValue ? modelDisplayName : `Model: ${modelDisplayName}`;
+    if (!modelDisplayName)
+      return null;
+    const level = effortToLevel(getEffortLevel());
+    const bars = renderThinkingBars(level, settings);
+    const mobile = (context.terminalWidth ?? 0) > 0 && (context.terminalWidth ?? 0) < MOBILE_THRESHOLD;
+    if (mobile && modelId) {
+      return `M: ${compactModelName(modelId)}${bars}`;
     }
-    return null;
+    return item.rawValue ? `${modelDisplayName}${bars}` : `Model: ${modelDisplayName}${bars}`;
   }
   supportsRawValue() {
     return true;
@@ -54272,13 +54339,13 @@ class CurrentWorkingDirWidget {
   supportsColors(item) {
     return true;
   }
-  abbreviatePath(path5) {
+  abbreviatePath(path6) {
     const homeDir = os5.homedir();
-    const useBackslash = path5.includes("\\") && !path5.includes("/");
+    const useBackslash = path6.includes("\\") && !path6.includes("/");
     const sep = useBackslash ? "\\" : "/";
-    let normalizedPath = path5;
-    if (path5.startsWith(homeDir)) {
-      normalizedPath = "~" + path5.slice(homeDir.length);
+    let normalizedPath = path6;
+    if (path6.startsWith(homeDir)) {
+      normalizedPath = "~" + path6.slice(homeDir.length);
     }
     const parts = normalizedPath.split(/[\\/]+/).filter((part) => part !== "");
     const abbreviated = parts.map((part, index) => {
@@ -54376,13 +54443,16 @@ class ClaudeSessionIdWidget {
   render(item, context, settings) {
     if (context.isPreview) {
       return item.rawValue ? "preview-session-id" : "Session ID: preview-session-id";
-    } else {
-      const sessionId = context.data?.session_id;
-      if (!sessionId) {
-        return null;
-      }
-      return item.rawValue ? sessionId : `Session ID: ${sessionId}`;
     }
+    const sessionId = context.data?.session_id;
+    if (!sessionId) {
+      return null;
+    }
+    const mobile = (context.terminalWidth ?? 0) > 0 && (context.terminalWidth ?? 0) < 80;
+    if (mobile) {
+      return `S: ${sessionId.slice(0, 8)}`;
+    }
+    return item.rawValue ? sessionId : `Session ID: ${sessionId}`;
   }
   supportsRawValue() {
     return true;
@@ -54396,10 +54466,10 @@ import {
   execSync as execSync8,
   spawnSync
 } from "child_process";
-import * as fs6 from "fs";
-import * as path5 from "path";
-var CACHE_FILE = path5.join(process.env.HOME ?? "", ".cache", "ccstatusline-api.json");
-var LOCK_FILE = path5.join(process.env.HOME ?? "", ".cache", "ccstatusline-api.lock");
+import * as fs7 from "fs";
+import * as path6 from "path";
+var CACHE_FILE = path6.join(process.env.HOME ?? "", ".cache", "ccstatusline-api.json");
+var LOCK_FILE = path6.join(process.env.HOME ?? "", ".cache", "ccstatusline-api.lock");
 var CACHE_MAX_AGE = 180;
 var LOCK_MAX_AGE = 30;
 var TOKEN_CACHE_MAX_AGE = 3600;
@@ -54407,10 +54477,10 @@ var cachedData = null;
 var cacheTime = 0;
 var cachedToken = null;
 var tokenCacheTime = 0;
-var CRED_FILE = path5.join(process.env.HOME ?? "", ".claude", ".credentials.json");
+var CRED_FILE = path6.join(process.env.HOME ?? "", ".claude", ".credentials.json");
 function readTokenFromFile() {
   try {
-    const creds = JSON.parse(fs6.readFileSync(CRED_FILE, "utf8"));
+    const creds = JSON.parse(fs7.readFileSync(CRED_FILE, "utf8"));
     return creds?.claudeAiOauth?.accessToken ?? null;
   } catch {
     return null;
@@ -54447,7 +54517,7 @@ function getToken() {
 }
 function readStaleCache() {
   try {
-    return JSON.parse(fs6.readFileSync(CACHE_FILE, "utf8"));
+    return JSON.parse(fs7.readFileSync(CACHE_FILE, "utf8"));
   } catch {
     return null;
   }
@@ -54505,10 +54575,10 @@ function fetchApiData() {
     return cachedData;
   }
   try {
-    const stat = fs6.statSync(CACHE_FILE);
+    const stat = fs7.statSync(CACHE_FILE);
     const fileAge = now - Math.floor(stat.mtimeMs / 1000);
     if (fileAge < CACHE_MAX_AGE) {
-      const fileData = JSON.parse(fs6.readFileSync(CACHE_FILE, "utf8"));
+      const fileData = JSON.parse(fs7.readFileSync(CACHE_FILE, "utf8"));
       if (!fileData.error) {
         cachedData = fileData;
         cacheTime = now;
@@ -54517,7 +54587,7 @@ function fetchApiData() {
     }
   } catch {}
   try {
-    const lockStat = fs6.statSync(LOCK_FILE);
+    const lockStat = fs7.statSync(LOCK_FILE);
     const lockAge = now - Math.floor(lockStat.mtimeMs / 1000);
     if (lockAge < LOCK_MAX_AGE) {
       const stale = readStaleCache();
@@ -54527,11 +54597,11 @@ function fetchApiData() {
     }
   } catch {}
   try {
-    const lockDir = path5.dirname(LOCK_FILE);
-    if (!fs6.existsSync(lockDir)) {
-      fs6.mkdirSync(lockDir, { recursive: true });
+    const lockDir = path6.dirname(LOCK_FILE);
+    if (!fs7.existsSync(lockDir)) {
+      fs7.mkdirSync(lockDir, { recursive: true });
     }
-    fs6.writeFileSync(LOCK_FILE, "");
+    fs7.writeFileSync(LOCK_FILE, "");
   } catch {}
   const token = getToken();
   if (!token) {
@@ -54577,11 +54647,11 @@ function fetchApiData() {
       return { error: "parse-error" };
     }
     try {
-      const cacheDir = path5.dirname(CACHE_FILE);
-      if (!fs6.existsSync(cacheDir)) {
-        fs6.mkdirSync(cacheDir, { recursive: true });
+      const cacheDir = path6.dirname(CACHE_FILE);
+      if (!fs7.existsSync(cacheDir)) {
+        fs7.mkdirSync(cacheDir, { recursive: true });
       }
-      fs6.writeFileSync(CACHE_FILE, JSON.stringify(apiData));
+      fs7.writeFileSync(CACHE_FILE, JSON.stringify(apiData));
     } catch {}
     cachedData = apiData;
     cacheTime = now;
@@ -54605,11 +54675,11 @@ function getErrorMessage(error43) {
       return "[Parse Error]";
   }
 }
-var MOBILE_THRESHOLD = 80;
+var MOBILE_THRESHOLD2 = 80;
 var MOBILE_BAR_WIDTH = 4;
 var DEFAULT_BAR_WIDTH = 15;
 function isMobileWidth(context) {
-  return (context.terminalWidth ?? 0) > 0 && (context.terminalWidth ?? 0) < MOBILE_THRESHOLD;
+  return (context.terminalWidth ?? 0) > 0 && (context.terminalWidth ?? 0) < MOBILE_THRESHOLD2;
 }
 function makeProgressBar(percent, width = DEFAULT_BAR_WIDTH) {
   const filled = Math.round(percent / 100 * width);
@@ -58680,43 +58750,100 @@ var StatusJSONSchema = exports_external.looseObject({
   }).nullable().optional()
 });
 
+// src/utils/compact-renderer.ts
+function renderCompactOutput(preRenderedLines, settings, maxWidth) {
+  const colorLevel = getColorLevelString(settings.colorLevel);
+  const sep = settings.defaultSeparator ?? "|";
+  const separatorText = sep === "|" ? " | " : ` ${sep} `;
+  const separatorWidth = separatorText.length;
+  const coloredWidgets = [];
+  for (const line of preRenderedLines) {
+    for (const pw of line) {
+      if (pw.widget.type === "separator" || pw.widget.type === "flex-separator")
+        continue;
+      if (pw.plainLength === 0)
+        continue;
+      let fgColor = pw.widget.color;
+      if (!fgColor) {
+        const impl = getWidget(pw.widget.type);
+        fgColor = impl ? impl.getDefaultColor() : "white";
+      }
+      let bgColor = pw.widget.backgroundColor;
+      if (settings.overrideForegroundColor && settings.overrideForegroundColor !== "none")
+        fgColor = settings.overrideForegroundColor;
+      if (settings.overrideBackgroundColor && settings.overrideBackgroundColor !== "none")
+        bgColor = settings.overrideBackgroundColor;
+      const bold = settings.globalBold || pw.widget.bold;
+      const colored = applyColors(pw.content, fgColor, bgColor, bold, colorLevel);
+      coloredWidgets.push({ colored, width: pw.plainLength });
+    }
+  }
+  if (coloredWidgets.length === 0)
+    return;
+  const outputLines = [];
+  let currentLine = "";
+  let currentWidth = 0;
+  for (const cw of coloredWidgets) {
+    const needed = currentWidth === 0 ? cw.width : separatorWidth + cw.width;
+    if (currentWidth > 0 && currentWidth + needed > maxWidth) {
+      outputLines.push(currentLine);
+      currentLine = cw.colored;
+      currentWidth = cw.width;
+    } else {
+      if (currentWidth > 0) {
+        currentLine += source_default.gray(separatorText);
+        currentWidth += separatorWidth;
+      }
+      currentLine += cw.colored;
+      currentWidth += cw.width;
+    }
+  }
+  if (currentLine)
+    outputLines.push(currentLine);
+  for (const line of outputLines) {
+    let outputLine = line.replace(/ /g, " ");
+    outputLine = "\x1B[0m" + outputLine;
+    console.log(outputLine);
+  }
+}
+
 // src/utils/jsonl.ts
-import * as fs7 from "fs";
-import path7 from "node:path";
+import * as fs8 from "fs";
+import path8 from "node:path";
 
 // node_modules/tinyglobby/dist/index.mjs
-import path6, { posix } from "path";
+import path7, { posix } from "path";
 
 // node_modules/fdir/dist/index.mjs
 import { createRequire as createRequire2 } from "module";
 import { basename as basename2, dirname as dirname3, normalize, relative, resolve as resolve2, sep } from "path";
 import * as nativeFs from "fs";
 var __require2 = /* @__PURE__ */ createRequire2(import.meta.url);
-function cleanPath(path6) {
-  let normalized = normalize(path6);
+function cleanPath(path7) {
+  let normalized = normalize(path7);
   if (normalized.length > 1 && normalized[normalized.length - 1] === sep)
     normalized = normalized.substring(0, normalized.length - 1);
   return normalized;
 }
 var SLASHES_REGEX = /[\\/]/g;
-function convertSlashes(path6, separator) {
-  return path6.replace(SLASHES_REGEX, separator);
+function convertSlashes(path7, separator) {
+  return path7.replace(SLASHES_REGEX, separator);
 }
 var WINDOWS_ROOT_DIR_REGEX = /^[a-z]:[\\/]$/i;
-function isRootDirectory(path6) {
-  return path6 === "/" || WINDOWS_ROOT_DIR_REGEX.test(path6);
+function isRootDirectory(path7) {
+  return path7 === "/" || WINDOWS_ROOT_DIR_REGEX.test(path7);
 }
-function normalizePath(path6, options) {
+function normalizePath(path7, options) {
   const { resolvePaths, normalizePath: normalizePath$1, pathSeparator } = options;
-  const pathNeedsCleaning = process.platform === "win32" && path6.includes("/") || path6.startsWith(".");
+  const pathNeedsCleaning = process.platform === "win32" && path7.includes("/") || path7.startsWith(".");
   if (resolvePaths)
-    path6 = resolve2(path6);
+    path7 = resolve2(path7);
   if (normalizePath$1 || pathNeedsCleaning)
-    path6 = cleanPath(path6);
-  if (path6 === ".")
+    path7 = cleanPath(path7);
+  if (path7 === ".")
     return "";
-  const needsSeperator = path6[path6.length - 1] !== pathSeparator;
-  return convertSlashes(needsSeperator ? path6 + pathSeparator : path6, pathSeparator);
+  const needsSeperator = path7[path7.length - 1] !== pathSeparator;
+  return convertSlashes(needsSeperator ? path7 + pathSeparator : path7, pathSeparator);
 }
 function joinPathWithBasePath(filename, directoryPath) {
   return directoryPath + filename;
@@ -58756,9 +58883,9 @@ var pushDirectory = (directoryPath, paths) => {
   paths.push(directoryPath || ".");
 };
 var pushDirectoryFilter = (directoryPath, paths, filters) => {
-  const path6 = directoryPath || ".";
-  if (filters.every((filter) => filter(path6, true)))
-    paths.push(path6);
+  const path7 = directoryPath || ".";
+  if (filters.every((filter) => filter(path7, true)))
+    paths.push(path7);
 };
 var empty$2 = () => {};
 function build$6(root, options) {
@@ -58815,29 +58942,29 @@ var empty = () => {};
 function build$3(options) {
   return options.group ? groupFiles : empty;
 }
-var resolveSymlinksAsync = function(path6, state, callback$1) {
-  const { queue, fs: fs7, options: { suppressErrors } } = state;
+var resolveSymlinksAsync = function(path7, state, callback$1) {
+  const { queue, fs: fs8, options: { suppressErrors } } = state;
   queue.enqueue();
-  fs7.realpath(path6, (error43, resolvedPath) => {
+  fs8.realpath(path7, (error43, resolvedPath) => {
     if (error43)
       return queue.dequeue(suppressErrors ? null : error43, state);
-    fs7.stat(resolvedPath, (error$1, stat) => {
+    fs8.stat(resolvedPath, (error$1, stat) => {
       if (error$1)
         return queue.dequeue(suppressErrors ? null : error$1, state);
-      if (stat.isDirectory() && isRecursive(path6, resolvedPath, state))
+      if (stat.isDirectory() && isRecursive(path7, resolvedPath, state))
         return queue.dequeue(null, state);
       callback$1(stat, resolvedPath);
       queue.dequeue(null, state);
     });
   });
 };
-var resolveSymlinks = function(path6, state, callback$1) {
-  const { queue, fs: fs7, options: { suppressErrors } } = state;
+var resolveSymlinks = function(path7, state, callback$1) {
+  const { queue, fs: fs8, options: { suppressErrors } } = state;
   queue.enqueue();
   try {
-    const resolvedPath = fs7.realpathSync(path6);
-    const stat = fs7.statSync(resolvedPath);
-    if (stat.isDirectory() && isRecursive(path6, resolvedPath, state))
+    const resolvedPath = fs8.realpathSync(path7);
+    const stat = fs8.statSync(resolvedPath);
+    if (stat.isDirectory() && isRecursive(path7, resolvedPath, state))
       return;
     callback$1(stat, resolvedPath);
   } catch (e) {
@@ -58850,10 +58977,10 @@ function build$2(options, isSynchronous) {
     return null;
   return isSynchronous ? resolveSymlinks : resolveSymlinksAsync;
 }
-function isRecursive(path6, resolved, state) {
+function isRecursive(path7, resolved, state) {
   if (state.options.useRealPaths)
     return isRecursiveUsingRealPaths(resolved, state);
-  let parent = dirname3(path6);
+  let parent = dirname3(path7);
   let depth = 1;
   while (parent !== state.root && depth < 2) {
     const resolvedPath = state.symlinks.get(parent);
@@ -58863,7 +58990,7 @@ function isRecursive(path6, resolved, state) {
     else
       parent = dirname3(parent);
   }
-  state.symlinks.set(path6, resolved);
+  state.symlinks.set(path7, resolved);
   return depth > 1;
 }
 function isRecursiveUsingRealPaths(resolved, state) {
@@ -58919,23 +59046,23 @@ var walkAsync = (state, crawlPath, directoryPath, currentDepth, callback$1) => {
   state.queue.enqueue();
   if (currentDepth < 0)
     return state.queue.dequeue(null, state);
-  const { fs: fs7 } = state;
+  const { fs: fs8 } = state;
   state.visited.push(crawlPath);
   state.counts.directories++;
-  fs7.readdir(crawlPath || ".", readdirOpts, (error43, entries = []) => {
+  fs8.readdir(crawlPath || ".", readdirOpts, (error43, entries = []) => {
     callback$1(entries, directoryPath, currentDepth);
     state.queue.dequeue(state.options.suppressErrors ? null : error43, state);
   });
 };
 var walkSync = (state, crawlPath, directoryPath, currentDepth, callback$1) => {
-  const { fs: fs7 } = state;
+  const { fs: fs8 } = state;
   if (currentDepth < 0)
     return;
   state.visited.push(crawlPath);
   state.counts.directories++;
   let entries = [];
   try {
-    entries = fs7.readdirSync(crawlPath || ".", readdirOpts);
+    entries = fs8.readdirSync(crawlPath || ".", readdirOpts);
   } catch (e) {
     if (!state.options.suppressErrors)
       throw e;
@@ -59041,21 +59168,21 @@ var Walker = class {
         const filename = this.joinPath(entry.name, directoryPath);
         this.pushFile(filename, files, this.state.counts, filters);
       } else if (entry.isDirectory()) {
-        let path6 = joinDirectoryPath(entry.name, directoryPath, this.state.options.pathSeparator);
-        if (exclude && exclude(entry.name, path6))
+        let path7 = joinDirectoryPath(entry.name, directoryPath, this.state.options.pathSeparator);
+        if (exclude && exclude(entry.name, path7))
           continue;
-        this.pushDirectory(path6, paths, filters);
-        this.walkDirectory(this.state, path6, path6, depth - 1, this.walk);
+        this.pushDirectory(path7, paths, filters);
+        this.walkDirectory(this.state, path7, path7, depth - 1, this.walk);
       } else if (this.resolveSymlink && entry.isSymbolicLink()) {
-        let path6 = joinPathWithBasePath(entry.name, directoryPath);
-        this.resolveSymlink(path6, this.state, (stat, resolvedPath) => {
+        let path7 = joinPathWithBasePath(entry.name, directoryPath);
+        this.resolveSymlink(path7, this.state, (stat, resolvedPath) => {
           if (stat.isDirectory()) {
             resolvedPath = normalizePath(resolvedPath, this.state.options);
-            if (exclude && exclude(entry.name, useRealPaths ? resolvedPath : path6 + pathSeparator))
+            if (exclude && exclude(entry.name, useRealPaths ? resolvedPath : path7 + pathSeparator))
               return;
-            this.walkDirectory(this.state, resolvedPath, useRealPaths ? resolvedPath : path6 + pathSeparator, depth - 1, this.walk);
+            this.walkDirectory(this.state, resolvedPath, useRealPaths ? resolvedPath : path7 + pathSeparator, depth - 1, this.walk);
           } else {
-            resolvedPath = useRealPaths ? resolvedPath : path6;
+            resolvedPath = useRealPaths ? resolvedPath : path7;
             const filename = basename2(resolvedPath);
             const directoryPath$1 = normalizePath(dirname3(resolvedPath), this.state.options);
             resolvedPath = this.joinPath(filename, directoryPath$1);
@@ -59215,7 +59342,7 @@ var Builder = class {
       isMatch = globFn(patterns, ...options);
       this.globCache[patterns.join("\x00")] = isMatch;
     }
-    this.options.filters.push((path6) => isMatch(path6));
+    this.options.filters.push((path7) => isMatch(path7));
     return this;
   }
 };
@@ -59294,7 +59421,7 @@ function normalizePattern(pattern, expandDirectories, cwd2, props, isIgnore) {
   if (!result.endsWith("*") && expandDirectories)
     result += "/**";
   const escapedCwd = escapePath(cwd2);
-  if (path6.isAbsolute(result.replace(ESCAPING_BACKSLASHES, "")))
+  if (path7.isAbsolute(result.replace(ESCAPING_BACKSLASHES, "")))
     result = posix.relative(escapedCwd, result);
   else
     result = posix.normalize(result);
@@ -59331,7 +59458,7 @@ function normalizePattern(pattern, expandDirectories, cwd2, props, isIgnore) {
     }
     props.depthOffset = newCommonPath.length;
     props.commonPath = newCommonPath;
-    props.root = newCommonPath.length > 0 ? path6.posix.join(cwd2, ...newCommonPath) : cwd2;
+    props.root = newCommonPath.length > 0 ? path7.posix.join(cwd2, ...newCommonPath) : cwd2;
   }
   return result;
 }
@@ -59464,18 +59591,18 @@ function globSync(patternsOrOptions, options) {
     ...options,
     patterns: patternsOrOptions
   } : patternsOrOptions;
-  const cwd2 = opts.cwd ? path6.resolve(opts.cwd).replace(BACKSLASHES, "/") : process.cwd().replace(BACKSLASHES, "/");
+  const cwd2 = opts.cwd ? path7.resolve(opts.cwd).replace(BACKSLASHES, "/") : process.cwd().replace(BACKSLASHES, "/");
   return crawl(opts, cwd2, true);
 }
 
 // src/utils/jsonl.ts
 import { promisify } from "util";
-var readFile4 = promisify(fs7.readFile);
-var readFileSync5 = fs7.readFileSync;
-var statSync5 = fs7.statSync;
+var readFile4 = promisify(fs8.readFile);
+var readFileSync6 = fs8.readFileSync;
+var statSync5 = fs8.statSync;
 async function getSessionDuration(transcriptPath) {
   try {
-    if (!fs7.existsSync(transcriptPath)) {
+    if (!fs8.existsSync(transcriptPath)) {
       return null;
     }
     const content = await readFile4(transcriptPath, "utf-8");
@@ -59527,7 +59654,7 @@ async function getSessionDuration(transcriptPath) {
 }
 async function getTokenMetrics(transcriptPath) {
   try {
-    if (!fs7.existsSync(transcriptPath)) {
+    if (!fs8.existsSync(transcriptPath)) {
       return { inputTokens: 0, outputTokens: 0, cachedTokens: 0, totalTokens: 0, contextLength: 0 };
     }
     const content = await readFile4(transcriptPath, "utf-8");
@@ -59580,7 +59707,7 @@ function getBlockMetrics() {
 function findMostRecentBlockStartTime(rootDir, sessionDurationHours = 5) {
   const sessionDurationMs = sessionDurationHours * 60 * 60 * 1000;
   const now = new Date;
-  const pattern = path7.posix.join(rootDir.replace(/\\/g, "/"), "projects", "**", "*.jsonl");
+  const pattern = path8.posix.join(rootDir.replace(/\\/g, "/"), "projects", "**", "*.jsonl");
   const files = globSync([pattern], {
     absolute: true,
     cwd: rootDir
@@ -59674,7 +59801,7 @@ function findMostRecentBlockStartTime(rootDir, sessionDurationHours = 5) {
 function getAllTimestampsFromFile(filePath) {
   const timestamps = [];
   try {
-    const content = readFileSync5(filePath, "utf-8");
+    const content = readFileSync6(filePath, "utf-8");
     const lines = content.trim().split(`
 `).filter((line) => line.length > 0);
     for (const line of lines) {
@@ -59711,6 +59838,10 @@ function floorToHour(timestamp) {
 }
 
 // src/ccstatusline.ts
+var COMPACT_THRESHOLD = 80;
+function isCompactWidth(width) {
+  return width !== null && width > 0 && width < COMPACT_THRESHOLD;
+}
 async function readStdin() {
   if (process.stdin.isTTY) {
     return null;
@@ -59753,30 +59884,37 @@ async function renderMultipleLines(data) {
   if (hasBlockTimer) {
     blockMetrics = getBlockMetrics();
   }
+  const terminalWidth = getTerminalWidth();
   const context = {
     data,
     tokenMetrics,
     sessionDuration,
     blockMetrics,
+    terminalWidth,
     isPreview: false
   };
   const preRenderedLines = preRenderAllWidgets(lines, settings, context);
-  const preCalculatedMaxWidths = calculateMaxWidthsFromPreRendered(preRenderedLines, settings);
-  let globalSeparatorIndex = 0;
-  for (let i = 0;i < lines.length; i++) {
-    const lineItems = lines[i];
-    if (lineItems && lineItems.length > 0) {
-      const lineContext = { ...context, lineIndex: i, globalSeparatorIndex };
-      const preRenderedWidgets = preRenderedLines[i] ?? [];
-      const line = renderStatusLine(lineItems, settings, lineContext, preRenderedWidgets, preCalculatedMaxWidths);
-      const strippedLine = line.replace(/\x1b\[[0-9;]*m/g, "").trim();
-      if (strippedLine.length > 0) {
-        const nonMergedWidgets = lineItems.filter((_, idx) => idx === lineItems.length - 1 || !lineItems[idx]?.merge);
-        if (nonMergedWidgets.length > 1)
-          globalSeparatorIndex += nonMergedWidgets.length - 1;
-        let outputLine = line.replace(/ /g, " ");
-        outputLine = "\x1B[0m" + outputLine;
-        console.log(outputLine);
+  const compact = isCompactWidth(terminalWidth);
+  if (compact && terminalWidth) {
+    renderCompactOutput(preRenderedLines, settings, terminalWidth - 6);
+  } else {
+    const preCalculatedMaxWidths = calculateMaxWidthsFromPreRendered(preRenderedLines, settings);
+    let globalSeparatorIndex = 0;
+    for (let i = 0;i < lines.length; i++) {
+      const lineItems = lines[i];
+      if (lineItems && lineItems.length > 0) {
+        const lineContext = { ...context, lineIndex: i, globalSeparatorIndex };
+        const preRenderedWidgets = preRenderedLines[i] ?? [];
+        const line = renderStatusLine(lineItems, settings, lineContext, preRenderedWidgets, preCalculatedMaxWidths);
+        const strippedLine = line.replace(/\x1b\[[0-9;]*m/g, "").trim();
+        if (strippedLine.length > 0) {
+          const nonMergedWidgets = lineItems.filter((_, idx) => idx === lineItems.length - 1 || !lineItems[idx]?.merge);
+          if (nonMergedWidgets.length > 1)
+            globalSeparatorIndex += nonMergedWidgets.length - 1;
+          let outputLine = line.replace(/ /g, " ");
+          outputLine = "\x1B[0m" + outputLine;
+          console.log(outputLine);
+        }
       }
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ccstatusline-usage",
-  "version": "2.1.2",
+  "version": "2.1.4",
   "description": "A customizable status line formatter for Claude Code CLI",
   "module": "src/ccstatusline.ts",
   "type": "module",