ccstatusline-usage 2.1.4 → 2.1.5

package/README.md

@@ -46,6 +46,10 @@
 
 ## 🆕 Recent Updates
 
+### [v2.1.5](https://github.com/pcvelz/ccstatusline-usage/releases/tag/v2.1.5) - Claude Code Teams compatibility
+
+- [pcvelz/ccstatusline-usage](https://github.com/pcvelz/ccstatusline-usage): **Teams mode support** — automatically detects Claude Code's native Teams sessions (orchestrator + teammates in tmux split panes) and applies compact rendering for the narrow orchestrator pane. Widgets render at half terminal width to fit CC's two-column status bar layout.
+
 ### [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:

package/dist/ccstatusline.js

@@ -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.4";
+var PACKAGE_VERSION = "2.1.5";
 function getPackageVersion() {
   if (/^\d+\.\d+\.\d+/.test(PACKAGE_VERSION)) {
     return PACKAGE_VERSION;
@@ -52287,6 +52287,18 @@ function getDefaultPowerlineTheme() {
   return "nord-aurora";
 }
 
+// src/utils/input-guards.ts
+var CONTROL_CHAR_REGEX = /[\u0000-\u001F\u007F]/u;
+var shouldInsertInput = (input, key) => {
+  if (!input) {
+    return false;
+  }
+  if (key.ctrl || key.meta || key.tab) {
+    return false;
+  }
+  return !CONTROL_CHAR_REGEX.test(input);
+};
+
 // src/widgets/Model.ts
 import * as fs6 from "fs";
 import { homedir as homedir4 } from "os";
@@ -52350,6 +52362,9 @@ class ModelWidget {
   getDisplayName() {
     return "Model";
   }
+  getCategory() {
+    return "Core";
+  }
   getEditorDisplay(item) {
     return { displayText: this.getDisplayName() };
   }
@@ -52389,6 +52404,9 @@ class OutputStyleWidget {
   getDisplayName() {
     return "Output Style";
   }
+  getCategory() {
+    return "Core";
+  }
   getEditorDisplay(item) {
     return { displayText: this.getDisplayName() };
   }
@@ -52420,6 +52438,9 @@ class GitBranchWidget {
   getDisplayName() {
     return "Git Branch";
   }
+  getCategory() {
+    return "Git";
+  }
   getEditorDisplay(item) {
     const hideNoGit = item.metadata?.hideNoGit === "true";
     const modifiers = [];
@@ -52490,6 +52511,9 @@ class GitChangesWidget {
   getDisplayName() {
     return "Git Changes";
   }
+  getCategory() {
+    return "Git";
+  }
   getEditorDisplay(item) {
     const hideNoGit = item.metadata?.hideNoGit === "true";
     const modifiers = [];
@@ -52579,6 +52603,9 @@ class GitWorktreeWidget {
   getDisplayName() {
     return "Git Worktree";
   }
+  getCategory() {
+    return "Git";
+  }
   getEditorDisplay(item) {
     const hideNoGit = item.metadata?.hideNoGit === "true";
     const modifiers = [];
@@ -52646,7 +52673,7 @@ function getContextConfig(modelId) {
   };
   if (!modelId)
     return defaultConfig;
-  if (modelId.includes("claude-sonnet-4-5") && modelId.toLowerCase().includes("[1m]")) {
+  if (modelId.toLowerCase().includes("[1m]")) {
     return {
       maxTokens: 1e6,
       usableTokens: 800000
@@ -53342,6 +53369,9 @@ class TokensInputWidget {
   getDisplayName() {
     return "Tokens Input";
   }
+  getCategory() {
+    return "Tokens";
+  }
   getEditorDisplay(item) {
     return { displayText: this.getDisplayName() };
   }
@@ -53371,6 +53401,9 @@ class TokensOutputWidget {
   getDisplayName() {
     return "Tokens Output";
   }
+  getCategory() {
+    return "Tokens";
+  }
   getEditorDisplay(item) {
     return { displayText: this.getDisplayName() };
   }
@@ -53400,6 +53433,9 @@ class TokensCachedWidget {
   getDisplayName() {
     return "Tokens Cached";
   }
+  getCategory() {
+    return "Tokens";
+  }
   getEditorDisplay(item) {
     return { displayText: this.getDisplayName() };
   }
@@ -53429,6 +53465,9 @@ class TokensTotalWidget {
   getDisplayName() {
     return "Tokens Total";
   }
+  getCategory() {
+    return "Tokens";
+  }
   getEditorDisplay(item) {
     return { displayText: this.getDisplayName() };
   }
@@ -53458,6 +53497,9 @@ class ContextLengthWidget {
   getDisplayName() {
     return "Context Length";
   }
+  getCategory() {
+    return "Context";
+  }
   getEditorDisplay(item) {
     return { displayText: this.getDisplayName() };
   }
@@ -53487,6 +53529,9 @@ class ContextPercentageWidget {
   getDisplayName() {
     return "Context %";
   }
+  getCategory() {
+    return "Context";
+  }
   getEditorDisplay(item) {
     const isInverse = item.metadata?.inverse === "true";
     const modifiers = [];
@@ -53549,6 +53594,9 @@ class ContextPercentageUsableWidget {
   getDisplayName() {
     return "Context % (usable)";
   }
+  getCategory() {
+    return "Context";
+  }
   getEditorDisplay(item) {
     const isInverse = item.metadata?.inverse === "true";
     const modifiers = [];
@@ -53611,6 +53659,9 @@ class SessionClockWidget {
   getDisplayName() {
     return "Session Clock";
   }
+  getCategory() {
+    return "Session";
+  }
   getEditorDisplay(item) {
     return { displayText: this.getDisplayName() };
   }
@@ -53639,6 +53690,9 @@ class SessionCostWidget {
   getDisplayName() {
     return "Session Cost";
   }
+  getCategory() {
+    return "Session";
+  }
   getEditorDisplay(item) {
     return { displayText: this.getDisplayName() };
   }
@@ -53671,6 +53725,9 @@ class TerminalWidthWidget {
   getDisplayName() {
     return "Terminal Width";
   }
+  getCategory() {
+    return "Environment";
+  }
   getEditorDisplay(item) {
     return { displayText: this.getDisplayName() };
   }
@@ -53702,6 +53759,9 @@ class VersionWidget {
   getDisplayName() {
     return "Version";
   }
+  getCategory() {
+    return "Core";
+  }
   getEditorDisplay(item) {
     return { displayText: this.getDisplayName() };
   }
@@ -53734,6 +53794,9 @@ class CustomTextWidget {
   getDisplayName() {
     return "Custom Text";
   }
+  getCategory() {
+    return "Custom";
+  }
   getEditorDisplay(item) {
     const text = item.customText ?? "Empty";
     return { displayText: `${this.getDisplayName()} (${text})` };
@@ -53836,7 +53899,7 @@ var CustomTextEditor = ({ widget, onComplete, onCancel }) => {
           setText(text.slice(0, deleteFromIndex) + text.slice(deleteToIndex));
         }
       }
-    } else if (input && !key.ctrl && !key.meta) {
+    } else if (shouldInsertInput(input, key)) {
       const newText = text.slice(0, cursorPos) + input + text.slice(cursorPos);
       setText(newText);
       setCursorPos(cursorPos + input.length);
@@ -53886,6 +53949,9 @@ class CustomCommandWidget {
   getDisplayName() {
     return "Custom Command";
   }
+  getCategory() {
+    return "Custom";
+  }
   getEditorDisplay(item) {
     const cmd = item.commandPath ?? "No command";
     const truncatedCmd = cmd.length > 20 ? `${cmd.substring(0, 17)}...` : cmd;
@@ -54009,7 +54075,7 @@ var CustomCommandEditor = ({ widget, onComplete, onCancel, action }) => {
         if (commandCursorPos < commandInput.length) {
           setCommandInput(commandInput.slice(0, commandCursorPos) + commandInput.slice(commandCursorPos + 1));
         }
-      } else if (input) {
+      } else if (shouldInsertInput(input, key)) {
         setCommandInput(commandInput.slice(0, commandCursorPos) + input + commandInput.slice(commandCursorPos));
         setCommandCursorPos(commandCursorPos + input.length);
       }
@@ -54026,7 +54092,7 @@ var CustomCommandEditor = ({ widget, onComplete, onCancel, action }) => {
         onCancel();
       } else if (key.backspace) {
         setWidthInput(widthInput.slice(0, -1));
-      } else if (input && /\d/.test(input)) {
+      } else if (shouldInsertInput(input, key) && /\d/.test(input)) {
         setWidthInput(widthInput + input);
       }
     } else if (mode === "timeout") {
@@ -54042,7 +54108,7 @@ var CustomCommandEditor = ({ widget, onComplete, onCancel, action }) => {
         onCancel();
       } else if (key.backspace) {
         setTimeoutInput(timeoutInput.slice(0, -1));
-      } else if (input && /\d/.test(input)) {
+      } else if (shouldInsertInput(input, key) && /\d/.test(input)) {
         setTimeoutInput(timeoutInput + input);
       }
     }
@@ -54136,6 +54202,9 @@ class BlockTimerWidget {
   getDisplayName() {
     return "Block Timer";
   }
+  getCategory() {
+    return "Session";
+  }
   getEditorDisplay(item) {
     const mode = item.metadata?.display ?? "time";
     const modifiers = [];
@@ -54236,8 +54305,8 @@ class BlockTimerWidget {
 }
 // src/widgets/CurrentWorkingDir.tsx
 var import_react31 = __toESM(require_react(), 1);
-var jsx_dev_runtime3 = __toESM(require_jsx_dev_runtime(), 1);
 import * as os5 from "node:os";
+var jsx_dev_runtime3 = __toESM(require_jsx_dev_runtime(), 1);
 
 class CurrentWorkingDirWidget {
   getDefaultColor() {
@@ -54249,6 +54318,9 @@ class CurrentWorkingDirWidget {
   getDisplayName() {
     return "Current Working Dir";
   }
+  getCategory() {
+    return "Environment";
+  }
   getEditorDisplay(item) {
     const segments = item.metadata?.segments ? parseInt(item.metadata.segments, 10) : undefined;
     const fishStyle = item.metadata?.fishStyle === "true";
@@ -54391,7 +54463,7 @@ var CurrentWorkingDirEditor = ({ widget, onComplete, onCancel, action }) => {
         onCancel();
       } else if (key.backspace) {
         setSegmentsInput(segmentsInput.slice(0, -1));
-      } else if (input && /\d/.test(input) && !key.ctrl) {
+      } else if (shouldInsertInput(input, key) && /\d/.test(input)) {
         setSegmentsInput(segmentsInput + input);
       }
     }
@@ -54437,6 +54509,9 @@ class ClaudeSessionIdWidget {
   getDisplayName() {
     return "Claude Session ID";
   }
+  getCategory() {
+    return "Core";
+  }
   getEditorDisplay(item) {
     return { displayText: this.getDisplayName() };
   }
@@ -54701,6 +54776,9 @@ class SessionUsageWidget {
   getDisplayName() {
     return "Session Usage";
   }
+  getCategory() {
+    return "API Usage";
+  }
   getEditorDisplay(item) {
     return { displayText: this.getDisplayName() };
   }
@@ -54732,6 +54810,9 @@ class WeeklyUsageWidget {
   getDisplayName() {
     return "Weekly Usage";
   }
+  getCategory() {
+    return "API Usage";
+  }
   getEditorDisplay(item) {
     return { displayText: this.getDisplayName() };
   }
@@ -54763,6 +54844,9 @@ class ResetTimerWidget {
   getDisplayName() {
     return "Reset Timer";
   }
+  getCategory() {
+    return "API Usage";
+  }
   getEditorDisplay(item) {
     return { displayText: this.getDisplayName() };
   }
@@ -54822,6 +54906,9 @@ class ContextBarWidget {
   getDisplayName() {
     return "Context Bar";
   }
+  getCategory() {
+    return "API Usage";
+  }
   getEditorDisplay(item) {
     return { displayText: this.getDisplayName() };
   }
@@ -54898,6 +54985,98 @@ function getAllWidgetTypes(settings) {
   }
   return allTypes;
 }
+var LAYOUT_WIDGETS = {
+  separator: {
+    displayName: "Separator",
+    description: "A separator character between status line widgets",
+    category: "Layout"
+  },
+  "flex-separator": {
+    displayName: "Flex Separator",
+    description: "Expands to fill available terminal width",
+    category: "Layout"
+  }
+};
+function getLayoutCatalogEntry(type) {
+  const layout = LAYOUT_WIDGETS[type];
+  if (!layout) {
+    return null;
+  }
+  return {
+    type,
+    displayName: layout.displayName,
+    description: layout.description,
+    category: layout.category,
+    searchText: `${layout.displayName} ${layout.description} ${type}`.toLowerCase()
+  };
+}
+function getWidgetCatalog(settings) {
+  return getAllWidgetTypes(settings).map((type) => {
+    const layoutEntry = getLayoutCatalogEntry(type);
+    if (layoutEntry) {
+      return layoutEntry;
+    }
+    const widget = getWidget(type);
+    const displayName = widget?.getDisplayName() ?? type;
+    const description = widget?.getDescription() ?? `Unknown widget: ${type}`;
+    const category = widget?.getCategory() ?? "Other";
+    return {
+      type,
+      displayName,
+      description,
+      category,
+      searchText: `${displayName} ${description} ${type}`.toLowerCase()
+    };
+  });
+}
+function getWidgetCatalogCategories(catalog) {
+  const categories = new Set;
+  for (const entry of catalog) {
+    categories.add(entry.category);
+  }
+  return Array.from(categories);
+}
+function filterWidgetCatalog(catalog, category, query) {
+  const normalizedQuery = query.trim().toLowerCase();
+  const categoryFiltered = category === "All" ? [...catalog] : catalog.filter((entry) => entry.category === category);
+  const withScore = categoryFiltered.map((entry) => {
+    if (!normalizedQuery) {
+      return {
+        entry,
+        score: 99
+      };
+    }
+    const name = entry.displayName.toLowerCase();
+    const description = entry.description.toLowerCase();
+    const type = entry.type.toLowerCase();
+    if (name.startsWith(normalizedQuery)) {
+      return { entry, score: 0 };
+    }
+    if (name.includes(normalizedQuery)) {
+      return { entry, score: 1 };
+    }
+    if (type.includes(normalizedQuery)) {
+      return { entry, score: 2 };
+    }
+    if (description.includes(normalizedQuery)) {
+      return { entry, score: 3 };
+    }
+    if (entry.searchText.includes(normalizedQuery)) {
+      return { entry, score: 4 };
+    }
+    return null;
+  }).filter((item) => item !== null);
+  return withScore.sort((a, b) => {
+    if (a.score !== b.score) {
+      return a.score - b.score;
+    }
+    const byDisplayName = a.entry.displayName.localeCompare(b.entry.displayName);
+    if (byDisplayName !== 0) {
+      return byDisplayName;
+    }
+    return a.entry.type.localeCompare(b.entry.type);
+  }).map((item) => item.entry);
+}
 
 // src/tui/components/ConfirmDialog.tsx
 var import_react32 = __toESM(require_react(), 1);
@@ -55016,7 +55195,7 @@ var ColorMenu = ({ widgets, lineIndex, settings, onUpdate, onBack }) => {
         }
       } else if (key.backspace || key.delete) {
         setHexInput(hexInput.slice(0, -1));
-      } else if (input && hexInput.length < 6) {
+      } else if (shouldInsertInput(input, key) && hexInput.length < 6) {
         const upperInput = input.toUpperCase();
         if (/^[0-9A-F]$/.test(upperInput)) {
           setHexInput(hexInput + upperInput);
@@ -55054,7 +55233,7 @@ var ColorMenu = ({ widgets, lineIndex, settings, onUpdate, onBack }) => {
         }
       } else if (key.backspace || key.delete) {
         setAnsi256Input(ansi256Input.slice(0, -1));
-      } else if (input && ansi256Input.length < 3) {
+      } else if (shouldInsertInput(input, key) && ansi256Input.length < 3) {
         if (/^[0-9]$/.test(input)) {
           const newInput = ansi256Input + input;
           const code = parseInt(newInput, 10);
@@ -55528,7 +55707,7 @@ var GlobalOverridesMenu = ({ settings, onUpdate, onBack }) => {
         setEditingPadding(false);
       } else if (key.backspace) {
         setPaddingInput(paddingInput.slice(0, -1));
-      } else if (key.delete) {} else if (input) {
+      } else if (key.delete) {} else if (shouldInsertInput(input, key)) {
         setPaddingInput(paddingInput + input);
       }
     } else if (editingSeparator) {
@@ -55550,7 +55729,7 @@ var GlobalOverridesMenu = ({ settings, onUpdate, onBack }) => {
         setEditingSeparator(false);
       } else if (key.backspace) {
         setSeparatorInput(separatorInput.slice(0, -1));
-      } else if (key.delete) {} else if (input) {
+      } else if (key.delete) {} else if (shouldInsertInput(input, key)) {
         setSeparatorInput(separatorInput + input);
       }
     } else if (confirmingSeparator) {
@@ -56017,21 +56196,11 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
   const [selectedIndex, setSelectedIndex] = import_react36.useState(0);
   const [moveMode, setMoveMode] = import_react36.useState(false);
   const [customEditorWidget, setCustomEditorWidget] = import_react36.useState(null);
+  const [widgetPicker, setWidgetPicker] = import_react36.useState(null);
+  const [showClearConfirm, setShowClearConfirm] = import_react36.useState(false);
   const separatorChars = ["|", "-", ",", " "];
-  const getAllowedTypes = () => {
-    let allowedTypes = getAllWidgetTypes(settings);
-    if (settings.defaultSeparator) {
-      allowedTypes = allowedTypes.filter((t) => t !== "separator");
-    }
-    if (settings.powerline.enabled) {
-      allowedTypes = allowedTypes.filter((t) => t !== "separator" && t !== "flex-separator");
-    }
-    return allowedTypes;
-  };
-  const getDefaultItemType = () => {
-    const allowedTypes = getAllowedTypes();
-    return allowedTypes.includes("model") ? "model" : allowedTypes[0] ?? "model";
-  };
+  const widgetCatalog = getWidgetCatalog(settings);
+  const widgetCategories = ["All", ...getWidgetCatalogCategories(widgetCatalog)];
   const getUniqueBackgroundColor = (insertIndex) => {
     if (!settings.powerline.enabled || settings.powerline.theme === "custom") {
       return;
@@ -56057,10 +56226,187 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
   const handleEditorCancel = () => {
     setCustomEditorWidget(null);
   };
+  const getFilteredCategories = (query) => {
+    return [...widgetCategories];
+  };
+  const normalizePickerState = (state) => {
+    const filteredCategories = getFilteredCategories(state.categoryQuery);
+    const selectedCategory = state.selectedCategory && filteredCategories.includes(state.selectedCategory) ? state.selectedCategory : filteredCategories[0] ?? null;
+    const hasTopLevelSearch = state.level === "category" && state.categoryQuery.trim().length > 0;
+    const effectiveCategory = hasTopLevelSearch ? "All" : selectedCategory ?? "All";
+    const effectiveQuery = hasTopLevelSearch ? state.categoryQuery : state.widgetQuery;
+    const filteredWidgets = filterWidgetCatalog(widgetCatalog, effectiveCategory, effectiveQuery);
+    const hasSelectedType = state.selectedType ? filteredWidgets.some((entry) => entry.type === state.selectedType) : false;
+    return {
+      ...state,
+      selectedCategory,
+      selectedType: hasSelectedType ? state.selectedType : filteredWidgets[0]?.type ?? null
+    };
+  };
+  const openWidgetPicker = (action) => {
+    if (widgetCatalog.length === 0) {
+      return;
+    }
+    const currentType = widgets[selectedIndex]?.type;
+    const selectedType = action === "change" ? currentType ?? null : null;
+    setWidgetPicker(normalizePickerState({
+      action,
+      level: "category",
+      selectedCategory: "All",
+      categoryQuery: "",
+      widgetQuery: "",
+      selectedType
+    }));
+  };
+  const applyWidgetPickerSelection = (selectedType) => {
+    if (!widgetPicker) {
+      return;
+    }
+    if (widgetPicker.action === "change") {
+      const currentWidget2 = widgets[selectedIndex];
+      if (currentWidget2) {
+        const newWidgets = [...widgets];
+        newWidgets[selectedIndex] = { ...currentWidget2, type: selectedType };
+        onUpdate(newWidgets);
+      }
+    } else {
+      const insertIndex = widgetPicker.action === "add" ? widgets.length > 0 ? selectedIndex + 1 : 0 : selectedIndex;
+      const backgroundColor = getUniqueBackgroundColor(insertIndex);
+      const newWidget = {
+        id: generateGuid(),
+        type: selectedType,
+        ...backgroundColor && { backgroundColor }
+      };
+      const newWidgets = [...widgets];
+      newWidgets.splice(insertIndex, 0, newWidget);
+      onUpdate(newWidgets);
+      setSelectedIndex(insertIndex);
+    }
+    setWidgetPicker(null);
+  };
   use_input_default((input, key) => {
     if (customEditorWidget) {
       return;
     }
+    if (showClearConfirm) {
+      return;
+    }
+    if (widgetPicker) {
+      const filteredCategories = getFilteredCategories(widgetPicker.categoryQuery);
+      const selectedCategory = widgetPicker.selectedCategory && filteredCategories.includes(widgetPicker.selectedCategory) ? widgetPicker.selectedCategory : filteredCategories[0] ?? null;
+      const hasTopLevelSearch = widgetPicker.level === "category" && widgetPicker.categoryQuery.trim().length > 0;
+      const topLevelSearchEntries2 = hasTopLevelSearch ? filterWidgetCatalog(widgetCatalog, "All", widgetPicker.categoryQuery) : [];
+      const topLevelSelectedEntry = topLevelSearchEntries2.find((entry) => entry.type === widgetPicker.selectedType) ?? topLevelSearchEntries2[0];
+      const filteredWidgets = filterWidgetCatalog(widgetCatalog, selectedCategory ?? "All", widgetPicker.widgetQuery);
+      const selectedEntry = filteredWidgets.find((entry) => entry.type === widgetPicker.selectedType) ?? filteredWidgets[0];
+      if (widgetPicker.level === "category") {
+        if (key.escape) {
+          if (widgetPicker.categoryQuery.length > 0) {
+            setWidgetPicker((prev) => prev ? normalizePickerState({
+              ...prev,
+              categoryQuery: ""
+            }) : prev);
+          } else {
+            setWidgetPicker(null);
+          }
+        } else if (key.return) {
+          if (hasTopLevelSearch) {
+            if (topLevelSelectedEntry) {
+              applyWidgetPickerSelection(topLevelSelectedEntry.type);
+            }
+          } else if (selectedCategory) {
+            setWidgetPicker((prev) => prev ? normalizePickerState({
+              ...prev,
+              level: "widget",
+              selectedCategory
+            }) : prev);
+          }
+        } else if (key.upArrow || key.downArrow) {
+          if (hasTopLevelSearch) {
+            if (topLevelSearchEntries2.length === 0) {
+              return;
+            }
+            let currentIndex = topLevelSearchEntries2.findIndex((entry) => entry.type === widgetPicker.selectedType);
+            if (currentIndex === -1) {
+              currentIndex = 0;
+            }
+            const nextIndex = key.downArrow ? Math.min(topLevelSearchEntries2.length - 1, currentIndex + 1) : Math.max(0, currentIndex - 1);
+            const nextType = topLevelSearchEntries2[nextIndex]?.type ?? null;
+            setWidgetPicker((prev) => prev ? normalizePickerState({
+              ...prev,
+              selectedType: nextType
+            }) : prev);
+          } else {
+            if (filteredCategories.length === 0) {
+              return;
+            }
+            let currentIndex = filteredCategories.findIndex((category) => category === selectedCategory);
+            if (currentIndex === -1) {
+              currentIndex = 0;
+            }
+            const nextIndex = key.downArrow ? Math.min(filteredCategories.length - 1, currentIndex + 1) : Math.max(0, currentIndex - 1);
+            const nextCategory = filteredCategories[nextIndex] ?? null;
+            setWidgetPicker((prev) => prev ? normalizePickerState({
+              ...prev,
+              selectedCategory: nextCategory
+            }) : prev);
+          }
+        } else if (key.backspace || key.delete) {
+          setWidgetPicker((prev) => prev ? normalizePickerState({
+            ...prev,
+            categoryQuery: prev.categoryQuery.slice(0, -1)
+          }) : prev);
+        } else if (input && !key.ctrl && !key.meta && !key.tab) {
+          setWidgetPicker((prev) => prev ? normalizePickerState({
+            ...prev,
+            categoryQuery: prev.categoryQuery + input
+          }) : prev);
+        }
+      } else {
+        if (key.escape) {
+          if (widgetPicker.widgetQuery.length > 0) {
+            setWidgetPicker((prev) => prev ? normalizePickerState({
+              ...prev,
+              widgetQuery: ""
+            }) : prev);
+          } else {
+            setWidgetPicker((prev) => prev ? normalizePickerState({
+              ...prev,
+              level: "category"
+            }) : prev);
+          }
+        } else if (key.return) {
+          if (selectedEntry) {
+            applyWidgetPickerSelection(selectedEntry.type);
+          }
+        } else if (key.upArrow || key.downArrow) {
+          if (filteredWidgets.length === 0) {
+            return;
+          }
+          let currentIndex = filteredWidgets.findIndex((entry) => entry.type === widgetPicker.selectedType);
+          if (currentIndex === -1) {
+            currentIndex = 0;
+          }
+          const nextIndex = key.downArrow ? Math.min(filteredWidgets.length - 1, currentIndex + 1) : Math.max(0, currentIndex - 1);
+          const nextType = filteredWidgets[nextIndex]?.type ?? null;
+          setWidgetPicker((prev) => prev ? normalizePickerState({
+            ...prev,
+            selectedType: nextType
+          }) : prev);
+        } else if (key.backspace || key.delete) {
+          setWidgetPicker((prev) => prev ? normalizePickerState({
+            ...prev,
+            widgetQuery: prev.widgetQuery.slice(0, -1)
+          }) : prev);
+        } else if (input && !key.ctrl && !key.meta && !key.tab) {
+          setWidgetPicker((prev) => prev ? normalizePickerState({
+            ...prev,
+            widgetQuery: prev.widgetQuery + input
+          }) : prev);
+        }
+      }
+      return;
+    }
     if (moveMode) {
       if (key.upArrow && selectedIndex > 0) {
         const newWidgets = [...widgets];
@@ -56084,69 +56430,20 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
         setMoveMode(false);
       }
     } else {
-      if (key.upArrow) {
+      if (key.upArrow && widgets.length > 0) {
         setSelectedIndex(Math.max(0, selectedIndex - 1));
-      } else if (key.downArrow) {
+      } else if (key.downArrow && widgets.length > 0) {
         setSelectedIndex(Math.min(widgets.length - 1, selectedIndex + 1));
       } else if (key.leftArrow && widgets.length > 0) {
-        const types = getAllowedTypes();
-        const currentWidget2 = widgets[selectedIndex];
-        if (currentWidget2) {
-          const currentType = currentWidget2.type;
-          let currentIndex = types.indexOf(currentType);
-          if (currentIndex === -1) {
-            currentIndex = 0;
-          }
-          const prevIndex = currentIndex === 0 ? types.length - 1 : currentIndex - 1;
-          const newWidgets = [...widgets];
-          const prevType = types[prevIndex];
-          if (prevType) {
-            newWidgets[selectedIndex] = { ...currentWidget2, type: prevType };
-            onUpdate(newWidgets);
-          }
-        }
+        openWidgetPicker("change");
       } else if (key.rightArrow && widgets.length > 0) {
-        const types = getAllowedTypes();
-        const currentWidget2 = widgets[selectedIndex];
-        if (currentWidget2) {
-          const currentType = currentWidget2.type;
-          let currentIndex = types.indexOf(currentType);
-          if (currentIndex === -1) {
-            currentIndex = 0;
-          }
-          const nextIndex = (currentIndex + 1) % types.length;
-          const newWidgets = [...widgets];
-          const nextType = types[nextIndex];
-          if (nextType) {
-            newWidgets[selectedIndex] = { ...currentWidget2, type: nextType };
-            onUpdate(newWidgets);
-          }
-        }
+        openWidgetPicker("change");
       } else if (key.return && widgets.length > 0) {
         setMoveMode(true);
       } else if (input === "a") {
-        const insertIndex = widgets.length > 0 ? selectedIndex + 1 : 0;
-        const backgroundColor = getUniqueBackgroundColor(insertIndex);
-        const newWidget = {
-          id: generateGuid(),
-          type: getDefaultItemType(),
-          ...backgroundColor && { backgroundColor }
-        };
-        const newWidgets = [...widgets];
-        newWidgets.splice(insertIndex, 0, newWidget);
-        onUpdate(newWidgets);
-        setSelectedIndex(insertIndex);
+        openWidgetPicker("add");
       } else if (input === "i") {
-        const insertIndex = selectedIndex;
-        const backgroundColor = getUniqueBackgroundColor(insertIndex);
-        const newWidget = {
-          id: generateGuid(),
-          type: getDefaultItemType(),
-          ...backgroundColor && { backgroundColor }
-        };
-        const newWidgets = [...widgets];
-        newWidgets.splice(insertIndex, 0, newWidget);
-        onUpdate(newWidgets);
+        openWidgetPicker("insert");
       } else if (input === "d" && widgets.length > 0) {
         const newWidgets = widgets.filter((_, i) => i !== selectedIndex);
         onUpdate(newWidgets);
@@ -56154,8 +56451,9 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
           setSelectedIndex(selectedIndex - 1);
         }
       } else if (input === "c") {
-        onUpdate([]);
-        setSelectedIndex(0);
+        if (widgets.length > 0) {
+          setShowClearConfirm(true);
+        }
       } else if (input === " " && widgets.length > 0) {
         const currentWidget2 = widgets[selectedIndex];
         if (currentWidget2 && currentWidget2.type === "separator") {
@@ -56241,6 +56539,12 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
   };
   const hasFlexSeparator = widgets.some((widget) => widget.type === "flex-separator");
   const widthDetectionAvailable = canDetectTerminalWidth();
+  const pickerCategories = widgetPicker ? getFilteredCategories(widgetPicker.categoryQuery) : [];
+  const selectedPickerCategory = widgetPicker ? widgetPicker.selectedCategory && pickerCategories.includes(widgetPicker.selectedCategory) ? widgetPicker.selectedCategory : pickerCategories[0] ?? null : null;
+  const topLevelSearchEntries = widgetPicker && widgetPicker.level === "category" && widgetPicker.categoryQuery.trim().length > 0 ? filterWidgetCatalog(widgetCatalog, "All", widgetPicker.categoryQuery) : [];
+  const selectedTopLevelSearchEntry = widgetPicker ? topLevelSearchEntries.find((entry) => entry.type === widgetPicker.selectedType) ?? topLevelSearchEntries[0] : null;
+  const pickerEntries = widgetPicker ? filterWidgetCatalog(widgetCatalog, selectedPickerCategory ?? "All", widgetPicker.widgetQuery) : [];
+  const selectedPickerEntry = widgetPicker ? pickerEntries.find((entry) => entry.type === widgetPicker.selectedType) ?? pickerEntries[0] : null;
   const currentWidget = widgets[selectedIndex];
   const isSeparator = currentWidget?.type === "separator";
   const isFlexSeparator = currentWidget?.type === "flex-separator";
@@ -56258,11 +56562,14 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
     }
   }
   const canMerge = currentWidget && selectedIndex < widgets.length - 1 && !isSeparator && !isFlexSeparator;
-  let helpText = "↑↓ select, ←→ change type";
+  const hasWidgets = widgets.length > 0;
+  let helpText = hasWidgets ? "↑↓ select, ←→ open type picker" : "(a)dd via picker, (i)nsert via picker";
   if (isSeparator) {
     helpText += ", Space edit separator";
   }
-  helpText += ", Enter to move, (a)dd, (i)nsert, (d)elete, (c)lear line";
+  if (hasWidgets) {
+    helpText += ", Enter to move, (a)dd via picker, (i)nsert via picker, (d)elete, (c)lear line";
+  }
   if (canToggleRaw) {
     helpText += ", (r)aw value";
   }
@@ -56271,6 +56578,7 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
   }
   helpText += ", ESC back";
   const customKeybindsText = customKeybinds.map((kb) => kb.label).join(", ");
+  const pickerActionLabel = widgetPicker?.action === "add" ? "Add Widget" : widgetPicker?.action === "insert" ? "Insert Widget" : "Change Widget Type";
   if (customEditorWidget?.impl.renderEditor) {
     return customEditorWidget.impl.renderEditor({
       widget: customEditorWidget.widget,
@@ -56279,6 +56587,56 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
       action: customEditorWidget.action
     });
   }
+  if (showClearConfirm) {
+    return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+      flexDirection: "column",
+      children: [
+        /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+          bold: true,
+          color: "yellow",
+          children: "⚠ Confirm Clear Line"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+          marginTop: 1,
+          flexDirection: "column",
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+              children: [
+                "This will remove all widgets from Line",
+                " ",
+                lineNumber,
+                "."
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+              color: "red",
+              children: "This action cannot be undone!"
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+          marginTop: 2,
+          children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+            children: "Continue?"
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+          marginTop: 1,
+          children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(ConfirmDialog, {
+            inline: true,
+            onConfirm: () => {
+              onUpdate([]);
+              setSelectedIndex(0);
+              setShowClearConfirm(false);
+            },
+            onCancel: () => {
+              setShowClearConfirm(false);
+            }
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this);
+  }
   return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
@@ -56297,6 +56655,10 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
             color: "blue",
             children: "[MOVE MODE]"
           }, undefined, false, undefined, this),
+          widgetPicker && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+            color: "cyan",
+            children: `[${pickerActionLabel.toUpperCase()}]`
+          }, undefined, false, undefined, this),
           (settings.powerline.enabled || Boolean(settings.defaultSeparator)) && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
             marginLeft: 2,
             children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
@@ -56317,6 +56679,57 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
           dimColor: true,
           children: "↑↓ to move widget, ESC or Enter to exit move mode"
         }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this) : widgetPicker ? /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+        flexDirection: "column",
+        children: widgetPicker.level === "category" ? /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(jsx_dev_runtime8.Fragment, {
+          children: [
+            widgetPicker.categoryQuery.trim().length > 0 ? /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+              dimColor: true,
+              children: "↑↓ select widget match, Enter apply, ESC clear/cancel"
+            }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+              dimColor: true,
+              children: "↑↓ select category, type to search all widgets, Enter continue, ESC cancel"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+              children: [
+                /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+                  dimColor: true,
+                  children: "Search: "
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+                  color: "cyan",
+                  children: widgetPicker.categoryQuery || "(none)"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(jsx_dev_runtime8.Fragment, {
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+              dimColor: true,
+              children: "↑↓ select widget, type to search widgets, Enter apply, ESC back"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+              children: [
+                /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+                  dimColor: true,
+                  children: [
+                    "Category:",
+                    " ",
+                    selectedPickerCategory ?? "(none)",
+                    " ",
+                    "| Search:",
+                    " "
+                  ]
+                }, undefined, true, undefined, this),
+                /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+                  color: "cyan",
+                  children: widgetPicker.widgetQuery || "(none)"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
       }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
         flexDirection: "column",
         children: [
@@ -56343,7 +56756,114 @@ var ItemsEditor = ({ widgets, onUpdate, onBack, lineNumber, settings }) => {
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+      widgetPicker && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+        marginTop: 1,
+        flexDirection: "column",
+        children: widgetPicker.level === "category" ? widgetPicker.categoryQuery.trim().length > 0 ? topLevelSearchEntries.length === 0 ? /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+          dimColor: true,
+          children: "No widgets match the search."
+        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(jsx_dev_runtime8.Fragment, {
+          children: [
+            topLevelSearchEntries.map((entry, index) => {
+              const isSelected = entry.type === selectedTopLevelSearchEntry?.type;
+              return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+                flexDirection: "row",
+                flexWrap: "nowrap",
+                children: [
+                  /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+                    width: 3,
+                    children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+                      color: isSelected ? "green" : undefined,
+                      children: isSelected ? "▶ " : "  "
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+                    color: isSelected ? "green" : undefined,
+                    children: `${index + 1}. ${entry.displayName}`
+                  }, undefined, false, undefined, this)
+                ]
+              }, entry.type, true, undefined, this);
+            }),
+            selectedTopLevelSearchEntry && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+              marginTop: 1,
+              paddingLeft: 2,
+              children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+                dimColor: true,
+                children: selectedTopLevelSearchEntry.description
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this) : pickerCategories.length === 0 ? /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+          dimColor: true,
+          children: "No categories available."
+        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(jsx_dev_runtime8.Fragment, {
+          children: [
+            pickerCategories.map((category, index) => {
+              const isSelected = category === selectedPickerCategory;
+              return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+                flexDirection: "row",
+                flexWrap: "nowrap",
+                children: [
+                  /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+                    width: 3,
+                    children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+                      color: isSelected ? "green" : undefined,
+                      children: isSelected ? "▶ " : "  "
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+                    color: isSelected ? "green" : undefined,
+                    children: `${index + 1}. ${category}`
+                  }, undefined, false, undefined, this)
+                ]
+              }, category, true, undefined, this);
+            }),
+            selectedPickerCategory === "All" && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+              marginTop: 1,
+              paddingLeft: 2,
+              children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+                dimColor: true,
+                children: "Search across all widget categories."
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this) : pickerEntries.length === 0 ? /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+          dimColor: true,
+          children: "No widgets match the current category/search."
+        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(jsx_dev_runtime8.Fragment, {
+          children: [
+            pickerEntries.map((entry, index) => {
+              const isSelected = entry.type === selectedPickerEntry?.type;
+              return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+                flexDirection: "row",
+                flexWrap: "nowrap",
+                children: [
+                  /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+                    width: 3,
+                    children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+                      color: isSelected ? "green" : undefined,
+                      children: isSelected ? "▶ " : "  "
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+                    color: isSelected ? "green" : undefined,
+                    children: `${index + 1}. ${entry.displayName}`
+                  }, undefined, false, undefined, this)
+                ]
+              }, entry.type, true, undefined, this);
+            }),
+            selectedPickerEntry && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+              marginTop: 1,
+              paddingLeft: 2,
+              children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+                dimColor: true,
+                children: selectedPickerEntry.description
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      !widgetPicker && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
         marginTop: 1,
         flexDirection: "column",
         children: widgets.length === 0 ? /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
@@ -56910,7 +57430,7 @@ var PowerlineSeparatorEditor = ({
       } else if (key.backspace && cursorPos > 0) {
         setHexInput(hexInput.slice(0, cursorPos - 1) + hexInput.slice(cursorPos));
         setCursorPos(cursorPos - 1);
-      } else if (input && /[0-9a-fA-F]/.test(input) && hexInput.length < 4) {
+      } else if (shouldInsertInput(input, key) && /[0-9a-fA-F]/.test(input) && hexInput.length < 4) {
         setHexInput(hexInput.slice(0, cursorPos) + input.toUpperCase() + hexInput.slice(cursorPos));
         setCursorPos(cursorPos + 1);
       }
@@ -58186,7 +58706,7 @@ var TerminalWidthMenu = ({ settings, onUpdate, onBack }) => {
       } else if (key.backspace) {
         setThresholdInput(thresholdInput.slice(0, -1));
         setValidationError(null);
-      } else if (key.delete) {} else if (input && /\d/.test(input)) {
+      } else if (key.delete) {} else if (shouldInsertInput(input, key) && /\d/.test(input)) {
         const newValue = thresholdInput + input;
         if (newValue.length <= 2) {
           setThresholdInput(newValue);
@@ -58732,6 +59252,7 @@ var StatusJSONSchema = exports_external.looseObject({
     total_lines_added: exports_external.number().optional(),
     total_lines_removed: exports_external.number().optional()
   }).optional(),
+  agent: exports_external.object({ name: exports_external.string().optional() }).optional(),
   context_window: exports_external.object({
     context_window_size: exports_external.number().nullable().optional(),
     total_input_tokens: exports_external.number().nullable().optional(),
@@ -59838,9 +60359,14 @@ function floorToHour(timestamp) {
 }
 
 // src/ccstatusline.ts
-var COMPACT_THRESHOLD = 80;
-function isCompactWidth(width) {
-  return width !== null && width > 0 && width < COMPACT_THRESHOLD;
+var COMPACT_THRESHOLD = 100;
+var TEAM_LEAD_DEFAULT_WIDTH = 60;
+function shouldUseCompactMode(width, data) {
+  if (width !== null && width > 0 && width < COMPACT_THRESHOLD)
+    return true;
+  if (data.agent?.name === "team-lead")
+    return true;
+  return false;
 }
 async function readStdin() {
   if (process.stdin.isTTY) {
@@ -59885,18 +60411,20 @@ async function renderMultipleLines(data) {
     blockMetrics = getBlockMetrics();
   }
   const terminalWidth = getTerminalWidth();
+  const compact = shouldUseCompactMode(terminalWidth, data);
+  const compactWidth = compact ? terminalWidth !== null && terminalWidth > 0 ? terminalWidth >= 80 ? Math.floor(terminalWidth / 2) - 4 : terminalWidth - 6 : TEAM_LEAD_DEFAULT_WIDTH : null;
+  const effectiveWidth = compactWidth ?? terminalWidth;
   const context = {
     data,
     tokenMetrics,
     sessionDuration,
     blockMetrics,
-    terminalWidth,
+    terminalWidth: effectiveWidth,
     isPreview: false
   };
   const preRenderedLines = preRenderAllWidgets(lines, settings, context);
-  const compact = isCompactWidth(terminalWidth);
-  if (compact && terminalWidth) {
-    renderCompactOutput(preRenderedLines, settings, terminalWidth - 6);
+  if (compact && compactWidth) {
+    renderCompactOutput(preRenderedLines, settings, compactWidth);
   } else {
     const preCalculatedMaxWidths = calculateMaxWidthsFromPreRendered(preRenderedLines, settings);
     let globalSeparatorIndex = 0;

package/package.json

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