ccstatusline-usage 2.1.3 → 2.1.5

package/README.md

@@ -46,6 +46,19 @@
 
 ## 🆕 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:
+  ```
+  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
@@ -376,8 +389,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)
@@ -447,7 +460,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`
@@ -624,6 +637,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
@@ -643,11 +661,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>
 
@@ -657,21 +675,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

@@ -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.3";
+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(),
@@ -58750,6 +59271,63 @@ 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 fs8 from "fs";
 import path8 from "node:path";
@@ -59781,6 +60359,15 @@ function floorToHour(timestamp) {
 }
 
 // src/ccstatusline.ts
+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) {
     return null;
@@ -59823,9 +60410,10 @@ async function renderMultipleLines(data) {
   if (hasBlockTimer) {
     blockMetrics = getBlockMetrics();
   }
-  const rawWidth = getTerminalWidth();
-  const deduction = settings.flexMode === "full-minus-40" ? 40 : 6;
-  const effectiveWidth = rawWidth ? rawWidth - deduction : null;
+  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,
@@ -59835,37 +60423,27 @@ async function renderMultipleLines(data) {
     isPreview: false
   };
   const preRenderedLines = preRenderAllWidgets(lines, settings, context);
-  const preCalculatedMaxWidths = calculateMaxWidthsFromPreRendered(preRenderedLines, settings);
-  const mobile = effectiveWidth !== null && effectiveWidth > 0 && effectiveWidth < 80;
-  const renderedLines = [];
-  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;
-        renderedLines.push(line);
-      }
-    }
-  }
-  if (mobile && renderedLines.length > 1) {
-    const sep2 = settings.defaultSeparator ?? "|";
-    const separator = sep2 === "|" ? " | " : ` ${sep2} `;
-    const merged = renderedLines.join(separator);
-    let outputLine = merged.replace(/ /g, " ");
-    outputLine = "\x1B[0m" + outputLine;
-    console.log(outputLine);
+  if (compact && compactWidth) {
+    renderCompactOutput(preRenderedLines, settings, compactWidth);
   } else {
-    for (const line of renderedLines) {
-      let outputLine = line.replace(/ /g, " ");
-      outputLine = "\x1B[0m" + outputLine;
-      console.log(outputLine);
+    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);
+        }
+      }
     }
   }
   if (settings.updatemessage?.message && settings.updatemessage.message.trim() !== "" && settings.updatemessage.remaining && settings.updatemessage.remaining > 0) {

package/package.json

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