claude-scope 0.8.4 → 0.8.6

package/dist/claude-scope.cjs

@@ -38,15 +38,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 function colorize(text, color) {
   return `${color}${text}${reset}`;
 }
-var reset, red, gray, lightGray, bold;
+var reset, gray;
 var init_colors = __esm({
   "src/ui/utils/colors.ts"() {
     "use strict";
     reset = "\x1B[0m";
-    red = "\x1B[31m";
     gray = "\x1B[90m";
-    lightGray = "\x1B[37m";
-    bold = "\x1B[1m";
   }
 });
 
@@ -1139,7 +1136,7 @@ var init_theme = __esm({
 });
 
 // src/constants.ts
-var TIME, DEFAULTS, ANSI_COLORS, DEMO_DATA, DEFAULT_PROGRESS_BAR_WIDTH;
+var TIME, DEFAULTS, DEMO_DATA, DEFAULT_PROGRESS_BAR_WIDTH;
 var init_constants = __esm({
   "src/constants.ts"() {
     "use strict";
@@ -1157,16 +1154,6 @@ var init_constants = __esm({
       /** Default width for progress bars in characters */
       PROGRESS_BAR_WIDTH: 20
     };
-    ANSI_COLORS = {
-      /** Green color */
-      GREEN: "\x1B[32m",
-      /** Yellow color */
-      YELLOW: "\x1B[33m",
-      /** Red color */
-      RED: "\x1B[31m",
-      /** Reset color */
-      RESET: "\x1B[0m"
-    };
     DEMO_DATA = {
       /** Demo session cost in USD */
       COST_USD: 0.42,
@@ -1229,7 +1216,7 @@ var init_renderer = __esm({
           if (!widget.isEnabled()) {
             continue;
           }
-          const line = widget.metadata.line ?? 0;
+          const line = widget.getLine ? widget.getLine() : widget.metadata.line ?? 0;
           if (!lineMap.has(line)) {
             lineMap.set(line, []);
           }
@@ -1355,6 +1342,28 @@ var init_widget_registry = __esm({
   }
 });
 
+// src/providers/mock-config-provider.ts
+var MockConfigProvider;
+var init_mock_config_provider = __esm({
+  "src/providers/mock-config-provider.ts"() {
+    "use strict";
+    MockConfigProvider = class {
+      /**
+       * Return demo config counts
+       * @returns Demo counts for CLAUDE.md, rules, MCPs, hooks
+       */
+      async getConfigs() {
+        return {
+          claudeMdCount: 1,
+          rulesCount: 3,
+          mcpCount: 2,
+          hooksCount: 4
+        };
+      }
+    };
+  }
+});
+
 // src/providers/mock-git.ts
 var MockGit;
 var init_mock_git = __esm({
@@ -1801,6 +1810,7 @@ var init_active_tools_widget = __esm({
         // Display on third line (0-indexed)
       };
       style = "balanced";
+      _lineOverride;
       tools = [];
       renderData;
       /**
@@ -1810,6 +1820,12 @@ var init_active_tools_widget = __esm({
       setStyle(style) {
         this.style = style;
       }
+      setLine(line) {
+        this._lineOverride = line;
+      }
+      getLine() {
+        return this._lineOverride ?? this.metadata.line ?? 0;
+      }
       /**
        * Aggregate completed tools by name and sort by count (descending)
        * @param tools - Array of tool entries
@@ -2049,9 +2065,6 @@ function formatDuration(ms) {
 function formatCostUSD(usd) {
   return `$${usd.toFixed(2)}`;
 }
-function colorize2(text, color) {
-  return `${color}${text}${ANSI_COLORS.RESET}`;
-}
 function formatK(n) {
   const absN = Math.abs(n);
   if (absN < 1e3) {
@@ -2090,13 +2103,13 @@ var init_styles2 = __esm({
     init_formatters();
     cacheMetricsStyles = {
       /**
-       * balanced: 💾 35.0k cache with color coding
+       * balanced: 35.0k cache with color coding
        */
       balanced: (data, colors2) => {
         const { cacheRead, hitRate } = data;
         const color = colors2 ? getCacheColor(hitRate, colors2) : "";
         const amount = color ? `${color}${formatK(cacheRead)} cache` : `${formatK(cacheRead)} cache`;
-        return `\u{1F4BE} ${amount}`;
+        return amount;
       },
       /**
        * compact: Cache: 35.0k
@@ -2180,6 +2193,7 @@ var init_cache_metrics_widget = __esm({
         // Third line
       );
       theme;
+      _lineOverride;
       style = "balanced";
       renderData;
       cacheManager;
@@ -2195,6 +2209,12 @@ var init_cache_metrics_widget = __esm({
       setStyle(style) {
         this.style = style;
       }
+      setLine(line) {
+        this._lineOverride = line;
+      }
+      getLine() {
+        return this._lineOverride ?? this.metadata.line ?? 0;
+      }
       /**
        * Calculate cache metrics from context usage data
        * Returns null if no usage data is available (current or cached)
@@ -2474,75 +2494,104 @@ var configCountStyles;
 var init_styles3 = __esm({
   "src/widgets/config-count/styles.ts"() {
     "use strict";
+    init_colors();
     configCountStyles = {
-      balanced: (data) => {
+      balanced: (data, colors2) => {
         const { claudeMdCount, rulesCount, mcpCount, hooksCount } = data;
         const parts = [];
+        const info = colors2?.semantic.info ?? "";
+        const muted = colors2?.base.muted ?? "";
         if (claudeMdCount > 0) {
-          parts.push(`CLAUDE.md:${claudeMdCount}`);
+          const label = info ? colorize("CLAUDE.md", info) : "CLAUDE.md";
+          parts.push(`${label}:${claudeMdCount}`);
         }
         if (rulesCount > 0) {
-          parts.push(`rules:${rulesCount}`);
+          const label = info ? colorize("rules", info) : "rules";
+          parts.push(`${label}:${rulesCount}`);
         }
         if (mcpCount > 0) {
-          parts.push(`MCPs:${mcpCount}`);
+          const label = info ? colorize("MCPs", info) : "MCPs";
+          parts.push(`${label}:${mcpCount}`);
         }
         if (hooksCount > 0) {
-          parts.push(`hooks:${hooksCount}`);
+          const label = info ? colorize("hooks", info) : "hooks";
+          parts.push(`${label}:${hooksCount}`);
         }
-        return parts.join(" \u2502 ");
+        const sep = muted ? colorize(" \u2502 ", muted) : " \u2502 ";
+        return parts.join(sep);
       },
-      compact: (data) => {
+      compact: (data, colors2) => {
         const { claudeMdCount, rulesCount, mcpCount, hooksCount } = data;
         const parts = [];
+        const info = colors2?.semantic.info ?? "";
+        const muted = colors2?.base.muted ?? "";
         if (claudeMdCount > 0) {
-          parts.push(`${claudeMdCount} docs`);
+          const text = info ? colorize(`${claudeMdCount} docs`, info) : `${claudeMdCount} docs`;
+          parts.push(text);
         }
         if (rulesCount > 0) {
-          parts.push(`${rulesCount} rules`);
+          const text = info ? colorize(`${rulesCount} rules`, info) : `${rulesCount} rules`;
+          parts.push(text);
         }
         if (mcpCount > 0) {
-          parts.push(`${mcpCount} MCPs`);
+          const text = info ? colorize(`${mcpCount} MCPs`, info) : `${mcpCount} MCPs`;
+          parts.push(text);
         }
         if (hooksCount > 0) {
           const hookLabel = hooksCount === 1 ? "hook" : "hooks";
-          parts.push(`${hooksCount} ${hookLabel}`);
+          const text = info ? colorize(`${hooksCount} ${hookLabel}`, info) : `${hooksCount} ${hookLabel}`;
+          parts.push(text);
         }
-        return parts.join(" \u2502 ");
+        const sep = muted ? colorize(" \u2502 ", muted) : " \u2502 ";
+        return parts.join(sep);
       },
-      playful: (data) => {
+      playful: (data, colors2) => {
         const { claudeMdCount, rulesCount, mcpCount, hooksCount } = data;
         const parts = [];
+        const info = colors2?.semantic.info ?? "";
+        const muted = colors2?.base.muted ?? "";
         if (claudeMdCount > 0) {
-          parts.push(`\u{1F4C4} CLAUDE.md:${claudeMdCount}`);
+          const text = info ? colorize(`CLAUDE.md:${claudeMdCount}`, info) : `CLAUDE.md:${claudeMdCount}`;
+          parts.push(`\u{1F4C4} ${text}`);
         }
         if (rulesCount > 0) {
-          parts.push(`\u{1F4DC} rules:${rulesCount}`);
+          const text = info ? colorize(`rules:${rulesCount}`, info) : `rules:${rulesCount}`;
+          parts.push(`\u{1F4DC} ${text}`);
         }
         if (mcpCount > 0) {
-          parts.push(`\u{1F50C} MCPs:${mcpCount}`);
+          const text = info ? colorize(`MCPs:${mcpCount}`, info) : `MCPs:${mcpCount}`;
+          parts.push(`\u{1F50C} ${text}`);
         }
         if (hooksCount > 0) {
-          parts.push(`\u{1FA9D} hooks:${hooksCount}`);
+          const text = info ? colorize(`hooks:${hooksCount}`, info) : `hooks:${hooksCount}`;
+          parts.push(`\u{1FA9D} ${text}`);
         }
-        return parts.join(" \u2502 ");
+        const sep = muted ? colorize(" \u2502 ", muted) : " \u2502 ";
+        return parts.join(sep);
       },
-      verbose: (data) => {
+      verbose: (data, colors2) => {
         const { claudeMdCount, rulesCount, mcpCount, hooksCount } = data;
         const parts = [];
+        const info = colors2?.semantic.info ?? "";
+        const muted = colors2?.base.muted ?? "";
         if (claudeMdCount > 0) {
-          parts.push(`${claudeMdCount} CLAUDE.md`);
+          const text = info ? colorize(`${claudeMdCount} CLAUDE.md`, info) : `${claudeMdCount} CLAUDE.md`;
+          parts.push(text);
         }
         if (rulesCount > 0) {
-          parts.push(`${rulesCount} rules`);
+          const text = info ? colorize(`${rulesCount} rules`, info) : `${rulesCount} rules`;
+          parts.push(text);
         }
         if (mcpCount > 0) {
-          parts.push(`${mcpCount} MCP servers`);
+          const text = info ? colorize(`${mcpCount} MCP servers`, info) : `${mcpCount} MCP servers`;
+          parts.push(text);
         }
         if (hooksCount > 0) {
-          parts.push(`${hooksCount} hook`);
+          const text = info ? colorize(`${hooksCount} hooks`, info) : `${hooksCount} hooks`;
+          parts.push(text);
         }
-        return parts.join(" \u2502 ");
+        const sep = muted ? colorize(" \u2502 ", muted) : " \u2502 ";
+        return parts.join(sep);
       }
     };
   }
@@ -2556,6 +2605,7 @@ var init_config_count_widget = __esm({
     init_style_types();
     init_widget_types();
     init_config_provider();
+    init_theme();
     init_styles3();
     ConfigCountWidget = class {
       id = "config-count";
@@ -2567,16 +2617,28 @@ var init_config_count_widget = __esm({
         1
         // Second line
       );
-      configProvider = new ConfigProvider();
+      configProvider;
       configs;
       cwd;
+      themeColors;
+      _lineOverride;
       styleFn = configCountStyles.balanced;
+      constructor(configProvider, themeColors) {
+        this.configProvider = configProvider ?? new ConfigProvider();
+        this.themeColors = themeColors ?? DEFAULT_THEME;
+      }
       setStyle(style = DEFAULT_WIDGET_STYLE) {
         const fn = configCountStyles[style];
         if (fn) {
           this.styleFn = fn;
         }
       }
+      setLine(line) {
+        this._lineOverride = line;
+      }
+      getLine() {
+        return this._lineOverride ?? this.metadata.line ?? 0;
+      }
       async initialize() {
       }
       async update(data) {
@@ -2599,9 +2661,10 @@ var init_config_count_widget = __esm({
           claudeMdCount,
           rulesCount,
           mcpCount,
-          hooksCount
+          hooksCount,
+          colors: this.themeColors
         };
-        return this.styleFn(renderData);
+        return this.styleFn(renderData, this.themeColors);
       }
       async cleanup() {
       }
@@ -2715,6 +2778,7 @@ var init_context_widget = __esm({
         // First line
       );
       colors;
+      _lineOverride;
       styleFn = contextStyles.balanced;
       cacheManager;
       lastSessionId;
@@ -2729,6 +2793,12 @@ var init_context_widget = __esm({
           this.styleFn = fn;
         }
       }
+      setLine(line) {
+        this._lineOverride = line;
+      }
+      getLine() {
+        return this._lineOverride ?? this.metadata.line ?? 0;
+      }
       /**
        * Update widget with new data, storing valid values in cache
        */
@@ -2837,6 +2907,7 @@ var init_cost_widget = __esm({
         // First line
       );
       colors;
+      _lineOverride;
       styleFn = costStyles.balanced;
       constructor(colors2) {
         super();
@@ -2848,6 +2919,12 @@ var init_cost_widget = __esm({
           this.styleFn = fn;
         }
       }
+      setLine(line) {
+        this._lineOverride = line;
+      }
+      getLine() {
+        return this._lineOverride ?? this.metadata.line ?? 0;
+      }
       renderWithData(data, _context) {
         if (!data.cost || data.cost.total_cost_usd === void 0) return null;
         const renderData = {
@@ -2915,17 +2992,25 @@ var init_styles6 = __esm({
         const totalSeconds = Math.floor(data.durationMs / 1e3);
         const hours = Math.floor(totalSeconds / 3600);
         const minutes = Math.floor(totalSeconds % 3600 / 60);
+        const seconds = totalSeconds % 60;
         if (!colors2) {
           if (hours > 0) {
-            return `\u231B ${hours}h ${minutes}m`;
+            return `\u231B ${hours}h ${minutes}m ${seconds}s`;
           }
-          return `\u231B ${minutes}m`;
+          if (minutes > 0) {
+            return `\u231B ${minutes}m ${seconds}s`;
+          }
+          return `\u231B ${seconds}s`;
         }
         if (hours > 0) {
-          const colored = colorize(`${hours}`, colors2.value) + colorize("h", colors2.unit) + colorize(` ${minutes}`, colors2.value) + colorize("m", colors2.unit);
+          const colored = colorize(`${hours}`, colors2.value) + colorize("h", colors2.unit) + colorize(` ${minutes}`, colors2.value) + colorize("m", colors2.unit) + colorize(` ${seconds}`, colors2.value) + colorize("s", colors2.unit);
+          return `\u231B ${colored}`;
+        }
+        if (minutes > 0) {
+          const colored = colorize(`${minutes}`, colors2.value) + colorize("m", colors2.unit) + colorize(` ${seconds}`, colors2.value) + colorize("s", colors2.unit);
           return `\u231B ${colored}`;
         }
-        return `\u231B ${colorize(`${minutes}`, colors2.value)}${colorize("m", colors2.unit)}`;
+        return `\u231B ${colorize(`${seconds}`, colors2.value)}${colorize("s", colors2.unit)}`;
       },
       technical: (data, colors2) => {
         const value = `${Math.floor(data.durationMs)}ms`;
@@ -2968,6 +3053,7 @@ var init_duration_widget = __esm({
         // First line
       );
       colors;
+      _lineOverride;
       styleFn = durationStyles.balanced;
       constructor(colors2) {
         super();
@@ -2979,6 +3065,12 @@ var init_duration_widget = __esm({
           this.styleFn = fn;
         }
       }
+      setLine(line) {
+        this._lineOverride = line;
+      }
+      getLine() {
+        return this._lineOverride ?? this.metadata.line ?? 0;
+      }
       renderWithData(data, _context) {
         if (!data.cost || data.cost.total_duration_ms === void 0) return null;
         const renderData = {
@@ -3121,6 +3213,7 @@ var init_git_tag_widget = __esm({
       enabled = true;
       cwd = null;
       colors;
+      _lineOverride;
       styleFn = gitTagStyles.balanced;
       /**
        * @param gitFactory - Optional factory function for creating IGit instances
@@ -3138,6 +3231,12 @@ var init_git_tag_widget = __esm({
           this.styleFn = fn;
         }
       }
+      setLine(line) {
+        this._lineOverride = line;
+      }
+      getLine() {
+        return this._lineOverride ?? this.metadata.line ?? 0;
+      }
       async initialize(context) {
         this.enabled = context.config?.enabled !== false;
       }
@@ -3288,6 +3387,7 @@ var init_git_widget = __esm({
       enabled = true;
       cwd = null;
       colors;
+      _lineOverride;
       styleFn = gitStyles.balanced;
       /**
        * @param gitFactory - Optional factory function for creating IGit instances
@@ -3305,6 +3405,12 @@ var init_git_widget = __esm({
           this.styleFn = fn;
         }
       }
+      setLine(line) {
+        this._lineOverride = line;
+      }
+      getLine() {
+        return this._lineOverride ?? this.metadata.line ?? 0;
+      }
       async initialize(context) {
         this.enabled = context.config?.enabled !== false;
       }
@@ -3429,6 +3535,7 @@ var init_lines_widget = __esm({
         // First line
       );
       colors;
+      _lineOverride;
       styleFn = linesStyles.balanced;
       constructor(colors2) {
         super();
@@ -3440,6 +3547,12 @@ var init_lines_widget = __esm({
           this.styleFn = fn;
         }
       }
+      setLine(line) {
+        this._lineOverride = line;
+      }
+      getLine() {
+        return this._lineOverride ?? this.metadata.line ?? 0;
+      }
       renderWithData(data, _context) {
         const added = data.cost?.total_lines_added ?? 0;
         const removed = data.cost?.total_lines_removed ?? 0;
@@ -3522,6 +3635,7 @@ var init_model_widget = __esm({
         // First line
       );
       colors;
+      _lineOverride;
       styleFn = modelStyles.balanced;
       constructor(colors2) {
         super();
@@ -3533,6 +3647,12 @@ var init_model_widget = __esm({
           this.styleFn = fn;
         }
       }
+      setLine(line) {
+        this._lineOverride = line;
+      }
+      getLine() {
+        return this._lineOverride ?? this.metadata.line ?? 0;
+      }
       renderWithData(data, _context) {
         const renderData = {
           displayName: data.model.display_name,
@@ -3631,7 +3751,8 @@ async function registerWidgetsFromConfig(registry, config, style, themeName) {
       return w;
     },
     "config-count": (s) => {
-      const w = new ConfigCountWidget();
+      const mockConfig = new MockConfigProvider();
+      const w = new ConfigCountWidget(mockConfig, themeColors);
       w.setStyle(s);
       return w;
     },
@@ -3682,6 +3803,7 @@ var init_layout_preview = __esm({
     "use strict";
     init_renderer();
     init_widget_registry();
+    init_mock_config_provider();
     init_mock_git();
     init_mock_transcript_provider();
     init_theme();
@@ -6486,14 +6608,22 @@ async function generatePreviews(choices, style, themeName) {
   const previews = [];
   const isStyleSelection = choices.length >= 3 && choices.every((c) => isQuickConfigStyle(c.value));
   const availableThemes = [
-    "monokai",
-    "nord",
-    "dracula",
     "catppuccin-mocha",
-    "tokyo-night",
-    "vscode-dark-plus",
+    // AVAILABLE_THEMES[0]
+    "cyberpunk-neon",
+    // AVAILABLE_THEMES[1]
+    "dracula",
+    // AVAILABLE_THEMES[2]
+    "dusty-sage",
+    // AVAILABLE_THEMES[3]
     "github-dark-dimmed",
-    "dusty-sage"
+    // AVAILABLE_THEMES[4]
+    "gray",
+    // AVAILABLE_THEMES[5] - was missing!
+    "monokai",
+    // AVAILABLE_THEMES[6]
+    "muted-gray"
+    // AVAILABLE_THEMES[7] - was missing!
   ];
   const isThemeSelection = choices.some((c) => isThemeName(c.value, availableThemes));
   for (const choice of choices) {
@@ -6736,6 +6866,11 @@ function generateRichLayout(style, themeName) {
           style,
           colors: { amount: theme.cost.amount, currency: theme.cost.currency }
         },
+        {
+          id: "lines",
+          style,
+          colors: { added: theme.lines.added, removed: theme.lines.removed }
+        },
         {
           id: "duration",
           style,
@@ -6753,11 +6888,6 @@ function generateRichLayout(style, themeName) {
           style,
           colors: { base: theme.base.text }
         },
-        {
-          id: "lines",
-          style,
-          colors: { added: theme.lines.added, removed: theme.lines.removed }
-        },
         {
           id: "active-tools",
           style,
@@ -7134,16 +7264,39 @@ async function routeCommand(command) {
 }
 
 // src/config/config-loader.ts
-var import_node_fs3 = require("node:fs");
+var import_node_fs4 = require("node:fs");
 var import_promises2 = require("node:fs/promises");
+var import_node_os4 = require("node:os");
+var import_node_path4 = require("node:path");
+
+// src/config/default-config-generator.ts
+var import_node_fs3 = require("node:fs");
 var import_node_os3 = require("node:os");
 var import_node_path3 = require("node:path");
-function getConfigPath() {
+function getDefaultConfigPath() {
   return (0, import_node_path3.join)((0, import_node_os3.homedir)(), ".claude-scope", "config.json");
 }
+async function ensureDefaultConfig() {
+  const configPath = getDefaultConfigPath();
+  if ((0, import_node_fs3.existsSync)(configPath)) {
+    return;
+  }
+  const configDir = (0, import_node_path3.join)((0, import_node_os3.homedir)(), ".claude-scope");
+  if (!(0, import_node_fs3.existsSync)(configDir)) {
+    (0, import_node_fs3.mkdirSync)(configDir, { recursive: true });
+  }
+  const defaultConfig = generateBalancedLayout("balanced", "cyberpunk-neon");
+  (0, import_node_fs3.writeFileSync)(configPath, JSON.stringify(defaultConfig, null, 2), "utf-8");
+}
+
+// src/config/config-loader.ts
+function getConfigPath() {
+  return (0, import_node_path4.join)((0, import_node_os4.homedir)(), ".claude-scope", "config.json");
+}
 async function loadWidgetConfig() {
   const configPath = getConfigPath();
-  if (!(0, import_node_fs3.existsSync)(configPath)) {
+  await ensureDefaultConfig();
+  if (!(0, import_node_fs4.existsSync)(configPath)) {
     return null;
   }
   try {
@@ -7359,690 +7512,10 @@ init_config_count_widget();
 init_context_widget();
 init_cost_widget();
 init_duration_widget();
-
-// src/widgets/empty-line-widget.ts
-init_widget_types();
-init_stdin_data_widget();
-var EmptyLineWidget = class extends StdinDataWidget {
-  id = "empty-line";
-  metadata = createWidgetMetadata(
-    "Empty Line",
-    "Empty line separator",
-    "1.0.0",
-    "claude-scope",
-    5
-    // Sixth line (0-indexed)
-  );
-  /**
-   * All styles return the same value (Braille Pattern Blank).
-   * This method exists for API consistency with other widgets.
-   */
-  setStyle(_style) {
-  }
-  /**
-   * Return Braille Pattern Blank to create a visible empty separator line.
-   * U+2800 occupies cell width but appears blank, ensuring the line renders.
-   */
-  renderWithData(_data, _context) {
-    return "\u2800";
-  }
-};
-
-// src/index.ts
 init_git_tag_widget();
 init_git_widget();
 init_lines_widget();
 init_model_widget();
-
-// src/widgets/poker-widget.ts
-init_style_types();
-init_widget_types();
-init_theme();
-init_stdin_data_widget();
-
-// src/widgets/poker/deck.ts
-var import_node_crypto = require("node:crypto");
-
-// src/widgets/poker/types.ts
-var Suit = {
-  Spades: "spades",
-  Hearts: "hearts",
-  Diamonds: "diamonds",
-  Clubs: "clubs"
-};
-var SUIT_SYMBOLS = {
-  spades: "\u2660",
-  hearts: "\u2665",
-  diamonds: "\u2666",
-  clubs: "\u2663"
-};
-var EMOJI_SYMBOLS = {
-  spades: "\u2660\uFE0F",
-  // ♠️
-  hearts: "\u2665\uFE0F",
-  // ♥️
-  diamonds: "\u2666\uFE0F",
-  // ♦️
-  clubs: "\u2663\uFE0F"
-  // ♣️
-};
-function isRedSuit(suit) {
-  return suit === "hearts" || suit === "diamonds";
-}
-var Rank = {
-  Two: "2",
-  Three: "3",
-  Four: "4",
-  Five: "5",
-  Six: "6",
-  Seven: "7",
-  Eight: "8",
-  Nine: "9",
-  Ten: "10",
-  Jack: "J",
-  Queen: "Q",
-  King: "K",
-  Ace: "A"
-};
-function getRankValue(rank) {
-  const values = {
-    "2": 2,
-    "3": 3,
-    "4": 4,
-    "5": 5,
-    "6": 6,
-    "7": 7,
-    "8": 8,
-    "9": 9,
-    "10": 10,
-    J: 11,
-    Q: 12,
-    K: 13,
-    A: 14
-  };
-  return values[rank];
-}
-function formatCard(card) {
-  return `${card.rank}${SUIT_SYMBOLS[card.suit]}`;
-}
-function formatCardEmoji(card) {
-  return `${card.rank}${EMOJI_SYMBOLS[card.suit]}`;
-}
-
-// src/widgets/poker/deck.ts
-var ALL_SUITS = [Suit.Spades, Suit.Hearts, Suit.Diamonds, Suit.Clubs];
-var ALL_RANKS = [
-  Rank.Two,
-  Rank.Three,
-  Rank.Four,
-  Rank.Five,
-  Rank.Six,
-  Rank.Seven,
-  Rank.Eight,
-  Rank.Nine,
-  Rank.Ten,
-  Rank.Jack,
-  Rank.Queen,
-  Rank.King,
-  Rank.Ace
-];
-var Deck = class {
-  cards = [];
-  constructor() {
-    this.initialize();
-    this.shuffle();
-  }
-  /**
-   * Create a standard 52-card deck
-   */
-  initialize() {
-    this.cards = [];
-    for (const suit of ALL_SUITS) {
-      for (const rank of ALL_RANKS) {
-        this.cards.push({ rank, suit });
-      }
-    }
-  }
-  /**
-   * Shuffle deck using Fisher-Yates algorithm with crypto.random
-   */
-  shuffle() {
-    for (let i = this.cards.length - 1; i > 0; i--) {
-      const j = (0, import_node_crypto.randomInt)(0, i + 1);
-      [this.cards[i], this.cards[j]] = [this.cards[j], this.cards[i]];
-    }
-  }
-  /**
-   * Deal one card from the top of the deck
-   * @throws Error if deck is empty
-   */
-  deal() {
-    if (this.cards.length === 0) {
-      throw new Error("Deck is empty");
-    }
-    return this.cards.pop();
-  }
-  /**
-   * Get number of remaining cards in deck
-   */
-  remaining() {
-    return this.cards.length;
-  }
-};
-
-// src/widgets/poker/hand-evaluator.ts
-var HAND_DISPLAY = {
-  [10 /* RoyalFlush */]: { name: "Royal Flush", emoji: "\u{1F3C6}" },
-  [9 /* StraightFlush */]: { name: "Straight Flush", emoji: "\u{1F525}" },
-  [8 /* FourOfAKind */]: { name: "Four of a Kind", emoji: "\u{1F48E}" },
-  [7 /* FullHouse */]: { name: "Full House", emoji: "\u{1F3E0}" },
-  [6 /* Flush */]: { name: "Flush", emoji: "\u{1F4A7}" },
-  [5 /* Straight */]: { name: "Straight", emoji: "\u{1F4C8}" },
-  [4 /* ThreeOfAKind */]: { name: "Three of a Kind", emoji: "\u{1F3AF}" },
-  [3 /* TwoPair */]: { name: "Two Pair", emoji: "\u270C\uFE0F" },
-  [2 /* OnePair */]: { name: "One Pair", emoji: "\u{1F44D}" },
-  [1 /* HighCard */]: { name: "High Card", emoji: "\u{1F0CF}" }
-};
-function countRanks(cards) {
-  const counts = /* @__PURE__ */ new Map();
-  for (const card of cards) {
-    const value = getRankValue(card.rank);
-    counts.set(value, (counts.get(value) || 0) + 1);
-  }
-  return counts;
-}
-function countSuits(cards) {
-  const counts = /* @__PURE__ */ new Map();
-  for (const card of cards) {
-    counts.set(card.suit, (counts.get(card.suit) || 0) + 1);
-  }
-  return counts;
-}
-function findCardsOfRank(cards, targetRank) {
-  const indices = [];
-  for (let i = 0; i < cards.length; i++) {
-    if (getRankValue(cards[i].rank) === targetRank) {
-      indices.push(i);
-    }
-  }
-  return indices;
-}
-function findCardsOfSuit(cards, targetSuit) {
-  const indices = [];
-  for (let i = 0; i < cards.length; i++) {
-    if (cards[i].suit === targetSuit) {
-      indices.push(i);
-    }
-  }
-  return indices;
-}
-function findFlushSuit(cards) {
-  const suitCounts = countSuits(cards);
-  for (const [suit, count] of suitCounts.entries()) {
-    if (count >= 5) return suit;
-  }
-  return null;
-}
-function getStraightIndices(cards, highCard) {
-  const uniqueValues = /* @__PURE__ */ new Set();
-  const cardIndicesByRank = /* @__PURE__ */ new Map();
-  for (let i = 0; i < cards.length; i++) {
-    const value = getRankValue(cards[i].rank);
-    if (!cardIndicesByRank.has(value)) {
-      cardIndicesByRank.set(value, []);
-      uniqueValues.add(value);
-    }
-    cardIndicesByRank.get(value)?.push(i);
-  }
-  const sortedValues = Array.from(uniqueValues).sort((a, b) => b - a);
-  if (sortedValues.includes(14)) {
-    sortedValues.push(1);
-  }
-  for (let i = 0; i <= sortedValues.length - 5; i++) {
-    const current = sortedValues[i];
-    const next1 = sortedValues[i + 1];
-    const next2 = sortedValues[i + 2];
-    const next3 = sortedValues[i + 3];
-    const next4 = sortedValues[i + 4];
-    if (current - next1 === 1 && current - next2 === 2 && current - next3 === 3 && current - next4 === 4) {
-      if (current === highCard) {
-        const indices = [];
-        indices.push(cardIndicesByRank.get(current)[0]);
-        indices.push(cardIndicesByRank.get(next1)[0]);
-        indices.push(cardIndicesByRank.get(next2)[0]);
-        indices.push(cardIndicesByRank.get(next3)[0]);
-        const rank4 = next4 === 1 ? 14 : next4;
-        indices.push(cardIndicesByRank.get(rank4)[0]);
-        return indices;
-      }
-    }
-  }
-  return [];
-}
-function getStraightFlushHighCard(cards, suit) {
-  const suitCards = cards.filter((c) => c.suit === suit);
-  return getStraightHighCard(suitCards);
-}
-function getStraightFlushIndices(cards, highCard, suit) {
-  const _suitCards = cards.filter((c) => c.suit === suit);
-  const suitCardIndices = [];
-  const indexMap = /* @__PURE__ */ new Map();
-  for (let i = 0; i < cards.length; i++) {
-    if (cards[i].suit === suit) {
-      indexMap.set(suitCardIndices.length, i);
-      suitCardIndices.push(cards[i]);
-    }
-  }
-  const indices = getStraightIndices(suitCardIndices, highCard);
-  return indices.map((idx) => indexMap.get(idx));
-}
-function getFullHouseIndices(cards) {
-  const rankCounts = countRanks(cards);
-  let tripsRank = 0;
-  for (const [rank, count] of rankCounts.entries()) {
-    if (count === 3) {
-      tripsRank = rank;
-      break;
-    }
-  }
-  let pairRank = 0;
-  for (const [rank, count] of rankCounts.entries()) {
-    if (count >= 2 && rank !== tripsRank) {
-      pairRank = rank;
-      break;
-    }
-  }
-  if (pairRank === 0) {
-    const tripsRanks = [];
-    for (const [rank, count] of rankCounts.entries()) {
-      if (count === 3) {
-        tripsRanks.push(rank);
-      }
-    }
-    if (tripsRanks.length >= 2) {
-      tripsRanks.sort((a, b) => b - a);
-      tripsRank = tripsRanks[0];
-      pairRank = tripsRanks[1];
-    }
-  }
-  const tripsIndices = findCardsOfRank(cards, tripsRank);
-  const pairIndices = findCardsOfRank(cards, pairRank);
-  return [...tripsIndices.slice(0, 3), ...pairIndices.slice(0, 2)];
-}
-function isFlush(cards) {
-  const suitCounts = countSuits(cards);
-  for (const count of suitCounts.values()) {
-    if (count >= 5) return true;
-  }
-  return false;
-}
-function getStraightHighCard(cards) {
-  const uniqueValues = /* @__PURE__ */ new Set();
-  for (const card of cards) {
-    uniqueValues.add(getRankValue(card.rank));
-  }
-  const sortedValues = Array.from(uniqueValues).sort((a, b) => b - a);
-  if (sortedValues.includes(14)) {
-    sortedValues.push(1);
-  }
-  for (let i = 0; i <= sortedValues.length - 5; i++) {
-    const current = sortedValues[i];
-    const next1 = sortedValues[i + 1];
-    const next2 = sortedValues[i + 2];
-    const next3 = sortedValues[i + 3];
-    const next4 = sortedValues[i + 4];
-    if (current - next1 === 1 && current - next2 === 2 && current - next3 === 3 && current - next4 === 4) {
-      return current;
-    }
-  }
-  return null;
-}
-function getMaxCount(cards) {
-  const rankCounts = countRanks(cards);
-  let maxCount = 0;
-  for (const count of rankCounts.values()) {
-    if (count > maxCount) {
-      maxCount = count;
-    }
-  }
-  return maxCount;
-}
-function getPairCount(cards) {
-  const rankCounts = countRanks(cards);
-  let pairCount = 0;
-  for (const count of rankCounts.values()) {
-    if (count === 2) {
-      pairCount++;
-    }
-  }
-  return pairCount;
-}
-function getMostCommonRank(cards) {
-  const rankCounts = countRanks(cards);
-  let bestRank = 0;
-  let bestCount = 0;
-  for (const [rank, count] of rankCounts.entries()) {
-    if (count > bestCount) {
-      bestCount = count;
-      bestRank = rank;
-    }
-  }
-  return bestRank > 0 ? bestRank : null;
-}
-function getTwoPairRanks(cards) {
-  const rankCounts = countRanks(cards);
-  const pairRanks = [];
-  for (const [rank, count] of rankCounts.entries()) {
-    if (count >= 2) {
-      pairRanks.push(rank);
-    }
-  }
-  pairRanks.sort((a, b) => b - a);
-  return pairRanks.slice(0, 2);
-}
-function getHighestCardIndex(cards) {
-  let highestIdx = 0;
-  let highestValue = 0;
-  for (let i = 0; i < cards.length; i++) {
-    const value = getRankValue(cards[i].rank);
-    if (value > highestValue) {
-      highestValue = value;
-      highestIdx = i;
-    }
-  }
-  return highestIdx;
-}
-function evaluateHand(hole, board) {
-  const allCards = [...hole, ...board];
-  const flush = isFlush(allCards);
-  const straightHighCard = getStraightHighCard(allCards);
-  const maxCount = getMaxCount(allCards);
-  const pairCount = getPairCount(allCards);
-  if (flush && straightHighCard === 14) {
-    const flushSuit = findFlushSuit(allCards);
-    const sfHighCard = getStraightFlushHighCard(allCards, flushSuit);
-    if (sfHighCard === 14) {
-      const participatingCards = getStraightFlushIndices(allCards, 14, flushSuit);
-      return {
-        rank: 10 /* RoyalFlush */,
-        ...HAND_DISPLAY[10 /* RoyalFlush */],
-        participatingCards
-      };
-    }
-  }
-  if (flush) {
-    const flushSuit = findFlushSuit(allCards);
-    const sfHighCard = getStraightFlushHighCard(allCards, flushSuit);
-    if (sfHighCard !== null) {
-      const participatingCards = getStraightFlushIndices(allCards, sfHighCard, flushSuit);
-      return {
-        rank: 9 /* StraightFlush */,
-        ...HAND_DISPLAY[9 /* StraightFlush */],
-        participatingCards
-      };
-    }
-  }
-  if (maxCount === 4) {
-    const rank = getMostCommonRank(allCards);
-    const participatingCards = findCardsOfRank(allCards, rank);
-    return {
-      rank: 8 /* FourOfAKind */,
-      ...HAND_DISPLAY[8 /* FourOfAKind */],
-      participatingCards
-    };
-  }
-  if (maxCount === 3 && pairCount >= 1) {
-    const participatingCards = getFullHouseIndices(allCards);
-    return { rank: 7 /* FullHouse */, ...HAND_DISPLAY[7 /* FullHouse */], participatingCards };
-  }
-  if (flush) {
-    const flushSuit = findFlushSuit(allCards);
-    const suitIndices = findCardsOfSuit(allCards, flushSuit);
-    const participatingCards = suitIndices.slice(0, 5);
-    return { rank: 6 /* Flush */, ...HAND_DISPLAY[6 /* Flush */], participatingCards };
-  }
-  if (straightHighCard !== null) {
-    const participatingCards = getStraightIndices(allCards, straightHighCard);
-    return { rank: 5 /* Straight */, ...HAND_DISPLAY[5 /* Straight */], participatingCards };
-  }
-  if (maxCount === 3) {
-    const rank = getMostCommonRank(allCards);
-    const participatingCards = findCardsOfRank(allCards, rank);
-    return {
-      rank: 4 /* ThreeOfAKind */,
-      ...HAND_DISPLAY[4 /* ThreeOfAKind */],
-      participatingCards
-    };
-  }
-  if (pairCount >= 2) {
-    const [rank1, rank2] = getTwoPairRanks(allCards);
-    const pair1Indices = findCardsOfRank(allCards, rank1);
-    const pair2Indices = findCardsOfRank(allCards, rank2);
-    const participatingCards = [...pair1Indices, ...pair2Indices];
-    return { rank: 3 /* TwoPair */, ...HAND_DISPLAY[3 /* TwoPair */], participatingCards };
-  }
-  if (pairCount === 1) {
-    const rank = getMostCommonRank(allCards);
-    const participatingCards = findCardsOfRank(allCards, rank);
-    return { rank: 2 /* OnePair */, ...HAND_DISPLAY[2 /* OnePair */], participatingCards };
-  }
-  const highestIdx = getHighestCardIndex(allCards);
-  return {
-    rank: 1 /* HighCard */,
-    ...HAND_DISPLAY[1 /* HighCard */],
-    participatingCards: [highestIdx]
-  };
-}
-
-// src/widgets/poker/styles.ts
-init_colors();
-init_formatters();
-var HAND_ABBREVIATIONS = {
-  "Royal Flush": "RF",
-  "Straight Flush": "SF",
-  "Four of a Kind": "4K",
-  "Full House": "FH",
-  Flush: "FL",
-  Straight: "ST",
-  "Three of a Kind": "3K",
-  "Two Pair": "2P",
-  "One Pair": "1P",
-  "High Card": "HC",
-  Nothing: "\u2014"
-};
-function formatCardByParticipation(cardData, isParticipating) {
-  const color = isRedSuit(cardData.card.suit) ? red : gray;
-  const cardText = formatCard(cardData.card);
-  if (isParticipating) {
-    return `${color}${bold}(${cardText})${reset} `;
-  } else {
-    return `${color}${cardText}${reset} `;
-  }
-}
-function formatCardCompact(cardData, isParticipating) {
-  const color = isRedSuit(cardData.card.suit) ? red : gray;
-  const cardText = formatCardTextCompact(cardData.card);
-  if (isParticipating) {
-    return `${color}${bold}(${cardText})${reset}`;
-  } else {
-    return `${color}${cardText}${reset}`;
-  }
-}
-function formatCardTextCompact(card) {
-  const rankSymbols = {
-    "10": "T",
-    "11": "J",
-    "12": "Q",
-    "13": "K",
-    "14": "A"
-  };
-  const rank = String(card.rank);
-  const rankSymbol = rankSymbols[rank] ?? rank;
-  return `${rankSymbol}${card.suit}`;
-}
-function formatCardEmojiByParticipation(cardData, isParticipating) {
-  const cardText = formatCardEmoji(cardData.card);
-  if (isParticipating) {
-    return `${bold}(${cardText})${reset} `;
-  } else {
-    return `${cardText} `;
-  }
-}
-function formatHandResult(handResult, colors2) {
-  if (!handResult) {
-    return "\u2014";
-  }
-  const playerParticipates = handResult.participatingIndices.some((idx) => idx < 2);
-  const resultText = !playerParticipates ? `Nothing \u{1F0CF}` : `${handResult.name}! ${handResult.emoji}`;
-  if (!colors2) return resultText;
-  return colorize2(resultText, colors2.result);
-}
-function getHandAbbreviation(handResult) {
-  if (!handResult) {
-    return "\u2014 (\u2014)";
-  }
-  const abbreviation = HAND_ABBREVIATIONS[handResult.name] ?? "\u2014";
-  return `${abbreviation} (${handResult.name})`;
-}
-function balancedStyle2(data, colors2) {
-  const { holeCards, boardCards, handResult } = data;
-  const participatingSet = new Set(handResult?.participatingIndices || []);
-  const handStr = holeCards.map((hc, idx) => formatCardByParticipation(hc, participatingSet.has(idx))).join("");
-  const boardStr = boardCards.map((bc, idx) => formatCardByParticipation(bc, participatingSet.has(idx + 2))).join("");
-  const labelColor = colors2?.participating ?? lightGray;
-  const handLabel = colorize2("Hand:", labelColor);
-  const boardLabel = colorize2("Board:", labelColor);
-  return `${handLabel} ${handStr}| ${boardLabel} ${boardStr}\u2192 ${formatHandResult(handResult, colors2)}`;
-}
-var pokerStyles = {
-  balanced: balancedStyle2,
-  compact: balancedStyle2,
-  playful: balancedStyle2,
-  "compact-verbose": (data, colors2) => {
-    const { holeCards, boardCards, handResult } = data;
-    const participatingSet = new Set(handResult?.participatingIndices || []);
-    const handStr = holeCards.map((hc, idx) => formatCardCompact(hc, participatingSet.has(idx))).join("");
-    const boardStr = boardCards.map((bc, idx) => formatCardCompact(bc, participatingSet.has(idx + 2))).join("");
-    const abbreviation = getHandAbbreviation(handResult);
-    const result = `${handStr}| ${boardStr}\u2192 ${abbreviation}`;
-    if (!colors2) return result;
-    return colorize2(result, colors2.result);
-  },
-  emoji: (data, colors2) => {
-    const { holeCards, boardCards, handResult } = data;
-    const participatingSet = new Set(handResult?.participatingIndices || []);
-    const handStr = holeCards.map((hc, idx) => formatCardEmojiByParticipation(hc, participatingSet.has(idx))).join("");
-    const boardStr = boardCards.map((bc, idx) => formatCardEmojiByParticipation(bc, participatingSet.has(idx + 2))).join("");
-    const labelColor = colors2?.participating ?? lightGray;
-    const handLabel = colorize2("Hand:", labelColor);
-    const boardLabel = colorize2("Board:", labelColor);
-    return `${handLabel} ${handStr}| ${boardLabel} ${boardStr}\u2192 ${formatHandResult(handResult, colors2)}`;
-  }
-};
-
-// src/widgets/poker-widget.ts
-var PokerWidget = class extends StdinDataWidget {
-  id = "poker";
-  metadata = createWidgetMetadata(
-    "Poker",
-    "Displays random Texas Hold'em hands for entertainment",
-    "1.0.0",
-    "claude-scope",
-    4
-    // Fifth line (0-indexed)
-  );
-  holeCards = [];
-  boardCards = [];
-  handResult = null;
-  lastUpdateTimestamp = 0;
-  THROTTLE_MS = 5e3;
-  // 5 seconds
-  colors;
-  styleFn = pokerStyles.balanced;
-  setStyle(style = DEFAULT_WIDGET_STYLE) {
-    const fn = pokerStyles[style];
-    if (fn) {
-      this.styleFn = fn;
-    }
-  }
-  constructor(colors2) {
-    super();
-    this.colors = colors2 ?? DEFAULT_THEME;
-  }
-  /**
-   * Generate new poker hand on each update
-   */
-  async update(data) {
-    await super.update(data);
-    const now = Date.now();
-    if (this.lastUpdateTimestamp > 0 && now - this.lastUpdateTimestamp < this.THROTTLE_MS) {
-      return;
-    }
-    const deck = new Deck();
-    const hole = [deck.deal(), deck.deal()];
-    const board = [deck.deal(), deck.deal(), deck.deal(), deck.deal(), deck.deal()];
-    const result = evaluateHand(hole, board);
-    this.holeCards = hole.map((card) => ({
-      card,
-      formatted: this.formatCardColor(card)
-    }));
-    this.boardCards = board.map((card) => ({
-      card,
-      formatted: this.formatCardColor(card)
-    }));
-    const playerParticipates = result.participatingCards.some((idx) => idx < 2);
-    if (!playerParticipates) {
-      this.handResult = {
-        text: `Nothing \u{1F0CF}`,
-        participatingIndices: result.participatingCards
-      };
-    } else {
-      this.handResult = {
-        text: `${result.name}! ${result.emoji}`,
-        participatingIndices: result.participatingCards
-      };
-    }
-    this.lastUpdateTimestamp = now;
-  }
-  /**
-   * Format card with appropriate color (red for ♥♦, gray for ♠♣)
-   */
-  formatCardColor(card) {
-    const _color = isRedSuit(card.suit) ? "red" : "gray";
-    return formatCard(card);
-  }
-  renderWithData(_data, _context) {
-    const holeCardsData = this.holeCards.map((hc, idx) => ({
-      card: hc.card,
-      isParticipating: (this.handResult?.participatingIndices || []).includes(idx)
-    }));
-    const boardCardsData = this.boardCards.map((bc, idx) => ({
-      card: bc.card,
-      isParticipating: (this.handResult?.participatingIndices || []).includes(idx + 2)
-    }));
-    const handResult = this.handResult ? {
-      name: this.getHandName(this.handResult.text),
-      emoji: this.getHandEmoji(this.handResult.text),
-      participatingIndices: this.handResult.participatingIndices
-    } : null;
-    const renderData = {
-      holeCards: holeCardsData,
-      boardCards: boardCardsData,
-      handResult
-    };
-    return this.styleFn(renderData, this.colors.poker);
-  }
-  getHandName(text) {
-    const match = text.match(/^([^!]+)/);
-    return match ? match[1].trim() : "Nothing";
-  }
-  getHandEmoji(text) {
-    const match = text.match(/([🃏♠️♥️♦️♣️🎉✨🌟])/u);
-    return match ? match[1] : "\u{1F0CF}";
-  }
-};
-
-// src/index.ts
 async function readStdin() {
   const chunks = [];
   for await (const chunk of process.stdin) {
@@ -8051,10 +7524,15 @@ async function readStdin() {
   return Buffer.concat(chunks).toString("utf8");
 }
 function applyWidgetConfig(widget, widgetId, config) {
-  for (const line of Object.values(config.lines)) {
-    const widgetConfig = line.find((w) => w.id === widgetId);
-    if (widgetConfig && typeof widget.setStyle === "function" && isValidWidgetStyle(widgetConfig.style)) {
-      widget.setStyle(widgetConfig.style);
+  for (const [lineNum, widgets] of Object.entries(config.lines)) {
+    const widgetConfig = widgets.find((w) => w.id === widgetId);
+    if (widgetConfig) {
+      if (typeof widget.setStyle === "function" && isValidWidgetStyle(widgetConfig.style)) {
+        widget.setStyle(widgetConfig.style);
+      }
+      if (typeof widget.setLine === "function") {
+        widget.setLine(parseInt(lineNum, 10));
+      }
       break;
     }
   }
@@ -8106,8 +7584,6 @@ async function main() {
         widgetConfig
       );
     }
-    await registry.register(new PokerWidget());
-    await registry.register(new EmptyLineWidget());
     const renderer = new Renderer({
       separator: " \u2502 ",
       onError: (_error, _widget) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-scope",
-  "version": "0.8.4",
+  "version": "0.8.6",
   "description": "Claude Code plugin for session status and analytics",
   "license": "MIT",
   "type": "module",
@@ -19,12 +19,12 @@
     "build:tsc": "tsc",
     "build:bundle": "esbuild src/index.ts --bundle --platform=node --target=node18 --outfile=dist/claude-scope.cjs && chmod +x dist/claude-scope.cjs",
     "prebuild:bundle": "npm run build:tsc",
-    "test": "tsx --test tests/e2e/stdin-flow.test.ts tests/integration/cli-flow.integration.test.ts tests/integration/five-widgets.integration.test.ts tests/integration/quick-config.integration.test.ts tests/integration/three-stage-config-flow.test.ts tests/unit/cli.test.ts tests/unit/cli/commands/quick-config/*.test.ts tests/unit/types.test.ts tests/unit/config/*.test.ts tests/unit/core/*.test.ts tests/unit/data/*.test.ts tests/unit/utils/*.test.ts tests/unit/widgets/*.test.ts tests/unit/ui/theme/*.test.ts",
-    "test:unit": "tsx --test tests/unit/cli.test.ts tests/unit/types.test.ts tests/unit/config/*.test.ts tests/unit/core/*.test.ts tests/unit/data/*.test.ts tests/unit/utils/*.test.ts tests/unit/widgets/*.test.ts",
-    "test:integration": "tsx --test tests/e2e/stdin-flow.test.ts tests/integration/cli-flow.integration.test.ts tests/integration/five-widgets.integration.test.ts tests/integration/quick-config.integration.test.ts tests/integration/three-stage-config-flow.test.ts",
-    "test:coverage": "c8 --check-coverage --lines=80 --functions=75 --statements=80 --branches=65 --reporter=text --reporter=html --exclude='tests/**' --exclude='**/*.test.ts' tsx --test tests/e2e/stdin-flow.test.ts tests/integration/cli-flow.integration.test.ts tests/integration/five-widgets.integration.test.ts tests/integration/quick-config.integration.test.ts tests/integration/three-stage-config-flow.test.ts tests/unit/cli.test.ts tests/unit/cli/commands/quick-config/*.test.ts tests/unit/types.test.ts tests/unit/config/*.test.ts tests/unit/core/*.test.ts tests/unit/data/*.test.ts tests/unit/utils/*.test.ts tests/unit/widgets/*.test.ts tests/unit/ui/theme/*.test.ts",
-    "test:snapshot": "SNAPSHOT_UPDATE=true tsx --test tests/e2e/stdin-flow.test.ts tests/integration/cli-flow.integration.test.ts tests/integration/five-widgets.integration.test.ts tests/integration/quick-config.integration.test.ts tests/integration/three-stage-config-flow.test.ts tests/unit/cli.test.ts tests/unit/cli/commands/quick-config/*.test.ts tests/unit/types.test.ts tests/unit/config/*.test.ts tests/unit/core/*.test.ts tests/unit/data/*.test.ts tests/unit/utils/*.test.ts tests/unit/widgets/*.test.ts",
-    "test:snapshot:verify": "tsx --test tests/e2e/stdin-flow.test.ts tests/integration/cli-flow.integration.test.ts tests/integration/five-widgets.integration.test.ts tests/integration/quick-config.integration.test.ts tests/integration/three-stage-config-flow.test.ts tests/unit/cli.test.ts tests/unit/cli/commands/quick-config/*.test.ts tests/unit/types.test.ts tests/unit/config/*.test.ts tests/unit/core/*.test.ts tests/unit/data/*.test.ts tests/unit/utils/*.test.ts tests/unit/widgets/*.test.ts",
+    "test": "tsx --test tests/e2e/stdin-flow.test.ts tests/integration/cli-flow.integration.test.ts tests/integration/config-line-assignment.test.ts tests/integration/five-widgets.integration.test.ts tests/integration/preview-mock-config.test.ts tests/integration/quick-config.integration.test.ts tests/integration/three-stage-config-flow.test.ts tests/unit/cli.test.ts tests/unit/cli/commands/quick-config/*.test.ts tests/unit/providers/*.test.ts tests/unit/types.test.ts tests/unit/config/*.test.ts tests/unit/core/*.test.ts tests/unit/data/*.test.ts tests/unit/utils/*.test.ts tests/unit/widgets/*.test.ts tests/unit/ui/theme/*.test.ts",
+    "test:unit": "tsx --test tests/unit/cli.test.ts tests/unit/providers/*.test.ts tests/unit/types.test.ts tests/unit/config/*.test.ts tests/unit/core/*.test.ts tests/unit/data/*.test.ts tests/unit/utils/*.test.ts tests/unit/widgets/*.test.ts",
+    "test:integration": "tsx --test tests/e2e/stdin-flow.test.ts tests/integration/cli-flow.integration.test.ts tests/integration/config-line-assignment.test.ts tests/integration/five-widgets.integration.test.ts tests/integration/preview-mock-config.test.ts tests/integration/quick-config.integration.test.ts tests/integration/three-stage-config-flow.test.ts",
+    "test:coverage": "c8 --check-coverage --lines=80 --functions=75 --statements=80 --branches=65 --reporter=text --reporter=html --exclude='tests/**' --exclude='**/*.test.ts' tsx --test tests/e2e/stdin-flow.test.ts tests/integration/cli-flow.integration.test.ts tests/integration/config-line-assignment.test.ts tests/integration/five-widgets.integration.test.ts tests/integration/preview-mock-config.test.ts tests/integration/quick-config.integration.test.ts tests/integration/three-stage-config-flow.test.ts tests/unit/cli.test.ts tests/unit/cli/commands/quick-config/*.test.ts tests/unit/providers/*.test.ts tests/unit/types.test.ts tests/unit/config/*.test.ts tests/unit/core/*.test.ts tests/unit/data/*.test.ts tests/unit/utils/*.test.ts tests/unit/widgets/*.test.ts tests/unit/ui/theme/*.test.ts",
+    "test:snapshot": "SNAPSHOT_UPDATE=true tsx --test tests/e2e/stdin-flow.test.ts tests/integration/cli-flow.integration.test.ts tests/integration/config-line-assignment.test.ts tests/integration/five-widgets.integration.test.ts tests/integration/preview-mock-config.test.ts tests/integration/quick-config.integration.test.ts tests/integration/three-stage-config-flow.test.ts tests/unit/cli.test.ts tests/unit/cli/commands/quick-config/*.test.ts tests/unit/providers/*.test.ts tests/unit/types.test.ts tests/unit/config/*.test.ts tests/unit/core/*.test.ts tests/unit/data/*.test.ts tests/unit/utils/*.test.ts tests/unit/widgets/*.test.ts",
+    "test:snapshot:verify": "tsx --test tests/e2e/stdin-flow.test.ts tests/integration/cli-flow.integration.test.ts tests/integration/config-line-assignment.test.ts tests/integration/five-widgets.integration.test.ts tests/integration/preview-mock-config.test.ts tests/integration/quick-config.integration.test.ts tests/integration/three-stage-config-flow.test.ts tests/unit/cli.test.ts tests/unit/cli/commands/quick-config/*.test.ts tests/unit/providers/*.test.ts tests/unit/types.test.ts tests/unit/config/*.test.ts tests/unit/core/*.test.ts tests/unit/data/*.test.ts tests/unit/utils/*.test.ts tests/unit/widgets/*.test.ts",
     "dev": "tsx src/index.ts",
     "prepare": "husky",
     "lint": "biome check .",