ccstatusline 2.0.25 → 2.0.26

package/README.md

@@ -355,6 +355,7 @@ Once configured, ccstatusline automatically formats your Claude Code status line
 - **Git Worktree** - Shows the name of the current git worktree
 - **Session Clock** - Shows elapsed time since session start (e.g., "2hr 15m")
 - **Session Cost** - Shows total session cost in USD (e.g., "$1.23")
+- **Session Name** - Shows the session name set via `/rename` command in Claude Code
 - **Block Timer** - Shows time elapsed in current 5-hour block or progress bar
 - **Current Working Directory** - Shows current working directory with configurable path segments
 - **Version** - Shows Claude Code version

package/dist/ccstatusline.js

@@ -51405,7 +51405,7 @@ import { execSync as execSync3 } from "child_process";
 import * as fs5 from "fs";
 import * as path4 from "path";
 var __dirname = "/Users/sirmalloc/Projects/Personal/ccstatusline/src/utils";
-var PACKAGE_VERSION = "2.0.25";
+var PACKAGE_VERSION = "2.0.26";
 function getPackageVersion() {
   if (/^\d+\.\d+\.\d+/.test(PACKAGE_VERSION)) {
     return PACKAGE_VERSION;
@@ -52234,6 +52234,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
 class ModelWidget {
   getDefaultColor() {
@@ -52245,6 +52257,9 @@ class ModelWidget {
   getDisplayName() {
     return "Model";
   }
+  getCategory() {
+    return "Core";
+  }
   getEditorDisplay(item) {
     return { displayText: this.getDisplayName() };
   }
@@ -52277,6 +52292,9 @@ class OutputStyleWidget {
   getDisplayName() {
     return "Output Style";
   }
+  getCategory() {
+    return "Core";
+  }
   getEditorDisplay(item) {
     return { displayText: this.getDisplayName() };
   }
@@ -52308,6 +52326,9 @@ class GitBranchWidget {
   getDisplayName() {
     return "Git Branch";
   }
+  getCategory() {
+    return "Git";
+  }
   getEditorDisplay(item) {
     const hideNoGit = item.metadata?.hideNoGit === "true";
     const modifiers = [];
@@ -52378,6 +52399,9 @@ class GitChangesWidget {
   getDisplayName() {
     return "Git Changes";
   }
+  getCategory() {
+    return "Git";
+  }
   getEditorDisplay(item) {
     const hideNoGit = item.metadata?.hideNoGit === "true";
     const modifiers = [];
@@ -52467,6 +52491,9 @@ class GitWorktreeWidget {
   getDisplayName() {
     return "Git Worktree";
   }
+  getCategory() {
+    return "Git";
+  }
   getEditorDisplay(item) {
     const hideNoGit = item.metadata?.hideNoGit === "true";
     const modifiers = [];
@@ -52534,7 +52561,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
@@ -53230,6 +53257,9 @@ class TokensInputWidget {
   getDisplayName() {
     return "Tokens Input";
   }
+  getCategory() {
+    return "Tokens";
+  }
   getEditorDisplay(item) {
     return { displayText: this.getDisplayName() };
   }
@@ -53259,6 +53289,9 @@ class TokensOutputWidget {
   getDisplayName() {
     return "Tokens Output";
   }
+  getCategory() {
+    return "Tokens";
+  }
   getEditorDisplay(item) {
     return { displayText: this.getDisplayName() };
   }
@@ -53288,6 +53321,9 @@ class TokensCachedWidget {
   getDisplayName() {
     return "Tokens Cached";
   }
+  getCategory() {
+    return "Tokens";
+  }
   getEditorDisplay(item) {
     return { displayText: this.getDisplayName() };
   }
@@ -53317,6 +53353,9 @@ class TokensTotalWidget {
   getDisplayName() {
     return "Tokens Total";
   }
+  getCategory() {
+    return "Tokens";
+  }
   getEditorDisplay(item) {
     return { displayText: this.getDisplayName() };
   }
@@ -53346,6 +53385,9 @@ class ContextLengthWidget {
   getDisplayName() {
     return "Context Length";
   }
+  getCategory() {
+    return "Context";
+  }
   getEditorDisplay(item) {
     return { displayText: this.getDisplayName() };
   }
@@ -53375,6 +53417,9 @@ class ContextPercentageWidget {
   getDisplayName() {
     return "Context %";
   }
+  getCategory() {
+    return "Context";
+  }
   getEditorDisplay(item) {
     const isInverse = item.metadata?.inverse === "true";
     const modifiers = [];
@@ -53437,6 +53482,9 @@ class ContextPercentageUsableWidget {
   getDisplayName() {
     return "Context % (usable)";
   }
+  getCategory() {
+    return "Context";
+  }
   getEditorDisplay(item) {
     const isInverse = item.metadata?.inverse === "true";
     const modifiers = [];
@@ -53499,6 +53547,9 @@ class SessionClockWidget {
   getDisplayName() {
     return "Session Clock";
   }
+  getCategory() {
+    return "Session";
+  }
   getEditorDisplay(item) {
     return { displayText: this.getDisplayName() };
   }
@@ -53527,6 +53578,9 @@ class SessionCostWidget {
   getDisplayName() {
     return "Session Cost";
   }
+  getCategory() {
+    return "Session";
+  }
   getEditorDisplay(item) {
     return { displayText: this.getDisplayName() };
   }
@@ -53559,6 +53613,9 @@ class TerminalWidthWidget {
   getDisplayName() {
     return "Terminal Width";
   }
+  getCategory() {
+    return "Environment";
+  }
   getEditorDisplay(item) {
     return { displayText: this.getDisplayName() };
   }
@@ -53590,6 +53647,9 @@ class VersionWidget {
   getDisplayName() {
     return "Version";
   }
+  getCategory() {
+    return "Core";
+  }
   getEditorDisplay(item) {
     return { displayText: this.getDisplayName() };
   }
@@ -53622,6 +53682,9 @@ class CustomTextWidget {
   getDisplayName() {
     return "Custom Text";
   }
+  getCategory() {
+    return "Custom";
+  }
   getEditorDisplay(item) {
     const text = item.customText ?? "Empty";
     return { displayText: `${this.getDisplayName()} (${text})` };
@@ -53724,7 +53787,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);
@@ -53774,6 +53837,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;
@@ -53897,7 +53963,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);
       }
@@ -53914,7 +53980,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") {
@@ -53930,7 +53996,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);
       }
     }
@@ -54024,6 +54090,9 @@ class BlockTimerWidget {
   getDisplayName() {
     return "Block Timer";
   }
+  getCategory() {
+    return "Session";
+  }
   getEditorDisplay(item) {
     const mode = item.metadata?.display ?? "time";
     const modifiers = [];
@@ -54124,8 +54193,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() {
@@ -54137,10 +54206,17 @@ 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";
+    const abbreviateHome = item.metadata?.abbreviateHome === "true";
     const modifiers = [];
+    if (abbreviateHome) {
+      modifiers.push("~");
+    }
     if (fishStyle) {
       modifiers.push("fish-style");
     } else if (segments && segments > 0) {
@@ -54152,11 +54228,31 @@ class CurrentWorkingDirWidget {
     };
   }
   handleEditorAction(action, item) {
+    if (action === "toggle-abbreviate-home") {
+      const currentAbbreviateHome = item.metadata?.abbreviateHome === "true";
+      const newAbbreviateHome = !currentAbbreviateHome;
+      if (newAbbreviateHome) {
+        const { fishStyle, ...restMetadata } = item.metadata ?? {};
+        return {
+          ...item,
+          metadata: {
+            ...restMetadata,
+            abbreviateHome: "true"
+          }
+        };
+      } else {
+        const { abbreviateHome, ...restMetadata } = item.metadata ?? {};
+        return {
+          ...item,
+          metadata: Object.keys(restMetadata).length > 0 ? restMetadata : undefined
+        };
+      }
+    }
     if (action === "toggle-fish-style") {
       const currentFishStyle = item.metadata?.fishStyle === "true";
       const newFishStyle = !currentFishStyle;
       if (newFishStyle) {
-        const { segments, ...restMetadata } = item.metadata ?? {};
+        const { segments, abbreviateHome, ...restMetadata } = item.metadata ?? {};
         return {
           ...item,
           metadata: {
@@ -54177,10 +54273,19 @@ class CurrentWorkingDirWidget {
   render(item, context, settings) {
     const segments = item.metadata?.segments ? parseInt(item.metadata.segments, 10) : undefined;
     const fishStyle = item.metadata?.fishStyle === "true";
+    const abbreviateHome = item.metadata?.abbreviateHome === "true";
     if (context.isPreview) {
       let previewPath;
       if (fishStyle) {
         previewPath = "~/D/P/my-project";
+      } else if (abbreviateHome && segments && segments > 0) {
+        if (segments === 1) {
+          previewPath = "~/.../my-project";
+        } else {
+          previewPath = "~/.../Projects/my-project";
+        }
+      } else if (abbreviateHome) {
+        previewPath = "~/Documents/Projects/my-project";
       } else if (segments && segments > 0) {
         if (segments === 1) {
           previewPath = ".../project";
@@ -54198,20 +54303,27 @@ class CurrentWorkingDirWidget {
     let displayPath = cwd2;
     if (fishStyle) {
       displayPath = this.abbreviatePath(cwd2);
-    } else if (segments && segments > 0) {
-      const useBackslash = cwd2.includes("\\") && !cwd2.includes("/");
-      const outSep = useBackslash ? "\\" : "/";
-      const pathParts = cwd2.split(/[\\/]+/);
-      const filteredParts = pathParts.filter((part) => part !== "");
-      if (filteredParts.length > segments) {
-        const selectedSegments = filteredParts.slice(-segments);
-        displayPath = "..." + outSep + selectedSegments.join(outSep);
+    } else {
+      if (abbreviateHome) {
+        displayPath = this.abbreviateHomeDir(displayPath);
+      }
+      if (segments && segments > 0) {
+        const useBackslash = displayPath.includes("\\") && !displayPath.includes("/");
+        const outSep = useBackslash ? "\\" : "/";
+        const pathParts = displayPath.split(/[\\/]+/);
+        const filteredParts = pathParts.filter((part) => part !== "");
+        if (filteredParts.length > segments) {
+          const selectedSegments = filteredParts.slice(-segments);
+          const prefix = displayPath.startsWith("~") ? `~${outSep}` : "";
+          displayPath = prefix + "..." + outSep + selectedSegments.join(outSep);
+        }
       }
     }
     return item.rawValue ? displayPath : `cwd: ${displayPath}`;
   }
   getCustomKeybinds() {
     return [
+      { key: "h", label: "(h)ome ~", action: "toggle-abbreviate-home" },
       { key: "s", label: "(s)egments", action: "edit-segments" },
       { key: "f", label: "(f)ish style", action: "toggle-fish-style" }
     ];
@@ -54227,6 +54339,20 @@ class CurrentWorkingDirWidget {
   supportsColors(item) {
     return true;
   }
+  abbreviateHomeDir(path5) {
+    const homeDir = os5.homedir();
+    if (path5 === homeDir) {
+      return "~";
+    }
+    if (path5.startsWith(homeDir)) {
+      const boundaryChar = path5[homeDir.length];
+      if (boundaryChar !== "/" && boundaryChar !== "\\") {
+        return path5;
+      }
+      return "~" + path5.slice(homeDir.length);
+    }
+    return path5;
+  }
   abbreviatePath(path5) {
     const homeDir = os5.homedir();
     const useBackslash = path5.includes("\\") && !path5.includes("/");
@@ -54279,7 +54405,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);
       }
     }
@@ -54325,6 +54451,9 @@ class ClaudeSessionIdWidget {
   getDisplayName() {
     return "Claude Session ID";
   }
+  getCategory() {
+    return "Core";
+  }
   getEditorDisplay(item) {
     return { displayText: this.getDisplayName() };
   }
@@ -54346,6 +54475,58 @@ class ClaudeSessionIdWidget {
     return true;
   }
 }
+// src/widgets/SessionName.ts
+import * as fs6 from "fs";
+
+class SessionNameWidget {
+  getDefaultColor() {
+    return "cyan";
+  }
+  getDescription() {
+    return "Shows the session name set via /rename command in Claude Code";
+  }
+  getDisplayName() {
+    return "Session Name";
+  }
+  getCategory() {
+    return "Session";
+  }
+  getEditorDisplay(item) {
+    return { displayText: this.getDisplayName() };
+  }
+  render(item, context, settings) {
+    if (context.isPreview) {
+      return item.rawValue ? "my-session" : "Session: my-session";
+    }
+    const transcriptPath = context.data?.transcript_path;
+    if (!transcriptPath) {
+      return null;
+    }
+    try {
+      const content = fs6.readFileSync(transcriptPath, "utf-8");
+      const lines = content.split(`
+`);
+      for (let i = lines.length - 1;i >= 0; i--) {
+        const line = lines[i]?.trim();
+        if (!line)
+          continue;
+        try {
+          const entry = JSON.parse(line);
+          if (entry.type === "custom-title" && entry.customTitle) {
+            return item.rawValue ? entry.customTitle : `Session: ${entry.customTitle}`;
+          }
+        } catch {}
+      }
+    } catch {}
+    return null;
+  }
+  supportsRawValue() {
+    return true;
+  }
+  supportsColors(item) {
+    return true;
+  }
+}
 // src/utils/widgets.ts
 var widgetRegistry = new Map([
   ["model", new ModelWidget],
@@ -54368,7 +54549,8 @@ var widgetRegistry = new Map([
   ["version", new VersionWidget],
   ["custom-text", new CustomTextWidget],
   ["custom-command", new CustomCommandWidget],
-  ["claude-session-id", new ClaudeSessionIdWidget]
+  ["claude-session-id", new ClaudeSessionIdWidget],
+  ["session-name", new SessionNameWidget]
 ]);
 function getWidget(type) {
   return widgetRegistry.get(type) ?? null;
@@ -54383,6 +54565,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);
@@ -54501,7 +54775,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);
@@ -54539,7 +54813,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);
@@ -55013,7 +55287,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) {
@@ -55035,7 +55309,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) {
@@ -55502,21 +55776,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;
@@ -55542,10 +55806,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];
@@ -55569,69 +56010,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);
@@ -55639,8 +56031,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") {
@@ -55726,6 +56119,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";
@@ -55743,11 +56142,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";
   }
@@ -55756,6 +56158,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,
@@ -55764,6 +56167,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: [
@@ -55782,6 +56235,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, {
@@ -55802,6 +56259,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: [
@@ -55828,7 +56336,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, {
@@ -56395,7 +57010,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);
       }
@@ -57671,7 +58286,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);
@@ -58220,7 +58835,7 @@ var StatusJSONSchema = exports_external.looseObject({
 });
 
 // src/utils/jsonl.ts
-import * as fs6 from "fs";
+import * as fs7 from "fs";
 import path6 from "node:path";
 
 // node_modules/tinyglobby/dist/index.mjs
@@ -58355,12 +58970,12 @@ function build$3(options) {
   return options.group ? groupFiles : empty;
 }
 var resolveSymlinksAsync = function(path5, state, callback$1) {
-  const { queue, fs: fs6, options: { suppressErrors } } = state;
+  const { queue, fs: fs7, options: { suppressErrors } } = state;
   queue.enqueue();
-  fs6.realpath(path5, (error43, resolvedPath) => {
+  fs7.realpath(path5, (error43, resolvedPath) => {
     if (error43)
       return queue.dequeue(suppressErrors ? null : error43, state);
-    fs6.stat(resolvedPath, (error$1, stat) => {
+    fs7.stat(resolvedPath, (error$1, stat) => {
       if (error$1)
         return queue.dequeue(suppressErrors ? null : error$1, state);
       if (stat.isDirectory() && isRecursive(path5, resolvedPath, state))
@@ -58371,11 +58986,11 @@ var resolveSymlinksAsync = function(path5, state, callback$1) {
   });
 };
 var resolveSymlinks = function(path5, state, callback$1) {
-  const { queue, fs: fs6, options: { suppressErrors } } = state;
+  const { queue, fs: fs7, options: { suppressErrors } } = state;
   queue.enqueue();
   try {
-    const resolvedPath = fs6.realpathSync(path5);
-    const stat = fs6.statSync(resolvedPath);
+    const resolvedPath = fs7.realpathSync(path5);
+    const stat = fs7.statSync(resolvedPath);
     if (stat.isDirectory() && isRecursive(path5, resolvedPath, state))
       return;
     callback$1(stat, resolvedPath);
@@ -58458,23 +59073,23 @@ var walkAsync = (state, crawlPath, directoryPath, currentDepth, callback$1) => {
   state.queue.enqueue();
   if (currentDepth < 0)
     return state.queue.dequeue(null, state);
-  const { fs: fs6 } = state;
+  const { fs: fs7 } = state;
   state.visited.push(crawlPath);
   state.counts.directories++;
-  fs6.readdir(crawlPath || ".", readdirOpts, (error43, entries = []) => {
+  fs7.readdir(crawlPath || ".", readdirOpts, (error43, entries = []) => {
     callback$1(entries, directoryPath, currentDepth);
     state.queue.dequeue(state.options.suppressErrors ? null : error43, state);
   });
 };
 var walkSync = (state, crawlPath, directoryPath, currentDepth, callback$1) => {
-  const { fs: fs6 } = state;
+  const { fs: fs7 } = state;
   if (currentDepth < 0)
     return;
   state.visited.push(crawlPath);
   state.counts.directories++;
   let entries = [];
   try {
-    entries = fs6.readdirSync(crawlPath || ".", readdirOpts);
+    entries = fs7.readdirSync(crawlPath || ".", readdirOpts);
   } catch (e) {
     if (!state.options.suppressErrors)
       throw e;
@@ -59009,12 +59624,12 @@ function globSync(patternsOrOptions, options) {
 
 // src/utils/jsonl.ts
 import { promisify } from "util";
-var readFile4 = promisify(fs6.readFile);
-var readFileSync4 = fs6.readFileSync;
-var statSync4 = fs6.statSync;
+var readFile4 = promisify(fs7.readFile);
+var readFileSync5 = fs7.readFileSync;
+var statSync4 = fs7.statSync;
 async function getSessionDuration(transcriptPath) {
   try {
-    if (!fs6.existsSync(transcriptPath)) {
+    if (!fs7.existsSync(transcriptPath)) {
       return null;
     }
     const content = await readFile4(transcriptPath, "utf-8");
@@ -59066,7 +59681,7 @@ async function getSessionDuration(transcriptPath) {
 }
 async function getTokenMetrics(transcriptPath) {
   try {
-    if (!fs6.existsSync(transcriptPath)) {
+    if (!fs7.existsSync(transcriptPath)) {
       return { inputTokens: 0, outputTokens: 0, cachedTokens: 0, totalTokens: 0, contextLength: 0 };
     }
     const content = await readFile4(transcriptPath, "utf-8");
@@ -59213,7 +59828,7 @@ function findMostRecentBlockStartTime(rootDir, sessionDurationHours = 5) {
 function getAllTimestampsFromFile(filePath) {
   const timestamps = [];
   try {
-    const content = readFileSync4(filePath, "utf-8");
+    const content = readFileSync5(filePath, "utf-8");
     const lines = content.trim().split(`
 `).filter((line) => line.length > 0);
     for (const line of lines) {

package/package.json

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