claude-scope 0.8.3 → 0.8.5

package/dist/claude-scope.cjs

@@ -1229,7 +1229,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,107 +1355,126 @@ var init_widget_registry = __esm({
   }
 });
 
-// src/providers/transcript-provider.ts
-var import_node_fs, import_node_readline, TranscriptProvider;
-var init_transcript_provider = __esm({
-  "src/providers/transcript-provider.ts"() {
+// src/providers/mock-config-provider.ts
+var MockConfigProvider;
+var init_mock_config_provider = __esm({
+  "src/providers/mock-config-provider.ts"() {
     "use strict";
-    import_node_fs = require("node:fs");
-    import_node_readline = require("node:readline");
-    TranscriptProvider = class {
-      MAX_TOOLS = 20;
+    MockConfigProvider = class {
       /**
-       * Parse tools from a JSONL transcript file
-       * @param transcriptPath Path to the transcript file
-       * @returns Array of tool entries, limited to last 20
+       * Return demo config counts
+       * @returns Demo counts for CLAUDE.md, rules, MCPs, hooks
        */
-      async parseTools(transcriptPath) {
-        if (!(0, import_node_fs.existsSync)(transcriptPath)) {
-          return [];
-        }
-        const toolMap = /* @__PURE__ */ new Map();
-        try {
-          const fileStream = (0, import_node_fs.createReadStream)(transcriptPath, { encoding: "utf-8" });
-          const rl = (0, import_node_readline.createInterface)({
-            input: fileStream,
-            crlfDelay: Infinity
-          });
-          for await (const line of rl) {
-            if (!line.trim()) continue;
-            try {
-              const entry = JSON.parse(line);
-              this.processLine(entry, toolMap);
-            } catch {
-            }
-          }
-          const tools = Array.from(toolMap.values());
-          return tools.slice(-this.MAX_TOOLS);
-        } catch {
-          return [];
-        }
+      async getConfigs() {
+        return {
+          claudeMdCount: 1,
+          rulesCount: 3,
+          mcpCount: 2,
+          hooksCount: 4
+        };
+      }
+    };
+  }
+});
+
+// src/providers/mock-git.ts
+var MockGit;
+var init_mock_git = __esm({
+  "src/providers/mock-git.ts"() {
+    "use strict";
+    MockGit = class {
+      // biome-ignore lint/correctness/noUnusedPrivateClassMembers: kept for API consistency with NativeGit
+      cwd;
+      constructor(cwd) {
+        this.cwd = cwd;
       }
       /**
-       * Process a single transcript line and update tool map
+       * Return demo git status
+       * @returns Status with "main" branch
        */
-      processLine(line, toolMap) {
-        const blocks = line.message?.content ?? [];
-        const timestamp = /* @__PURE__ */ new Date();
-        for (const block of blocks) {
-          if (block.type === "tool_use" && block.id && block.name) {
-            const tool = {
-              id: block.id,
-              name: block.name,
-              target: this.extractTarget(block.name, block.input),
-              status: "running",
-              startTime: timestamp
-            };
-            toolMap.set(block.id, tool);
-          }
-          if (block.type === "tool_result" && block.tool_use_id) {
-            const existing = toolMap.get(block.tool_use_id);
-            if (existing) {
-              existing.status = block.is_error ? "error" : "completed";
-              existing.endTime = timestamp;
-            }
-          }
-        }
+      async status() {
+        return { current: "main" };
       }
       /**
-       * Extract target from tool input based on tool type
+       * Return demo diff summary
+       * @returns Diff with 3 files, 142 insertions, 27 deletions
        */
-      extractTarget(toolName, input) {
-        if (!input) return void 0;
-        switch (toolName) {
-          case "Read":
-          case "Write":
-          case "Edit":
-            return this.asString(input.file_path ?? input.path);
-          case "Glob":
-            return this.asString(input.pattern);
-          case "Grep":
-            return this.asString(input.pattern);
-          case "Bash": {
-            const cmd = this.asString(input.command);
-            return cmd ? this.truncateCommand(cmd) : void 0;
-          }
-          default:
-            return void 0;
-        }
+      async diffSummary(_options) {
+        return {
+          fileCount: 3,
+          files: [
+            { file: "src/widget.ts", insertions: 85, deletions: 12 },
+            { file: "src/config.ts", insertions: 42, deletions: 8 },
+            { file: "tests/widget.test.ts", insertions: 15, deletions: 7 }
+          ]
+        };
       }
       /**
-       * Safely convert value to string
+       * Return demo latest tag
+       * @returns Current version tag
        */
-      asString(value) {
-        if (typeof value === "string") return value;
-        if (typeof value === "number") return String(value);
-        return void 0;
+      async latestTag() {
+        return "v0.8.3";
       }
+    };
+  }
+});
+
+// src/providers/mock-transcript-provider.ts
+var MockTranscriptProvider;
+var init_mock_transcript_provider = __esm({
+  "src/providers/mock-transcript-provider.ts"() {
+    "use strict";
+    MockTranscriptProvider = class {
       /**
-       * Truncate long commands to 30 chars
+       * Return demo tool entries
+       * @param path - Transcript path (ignored in mock)
+       * @returns Array of demo tool entries
        */
-      truncateCommand(cmd) {
-        if (cmd.length <= 30) return cmd;
-        return `${cmd.slice(0, 30)}...`;
+      async parseTools(_path) {
+        const now = /* @__PURE__ */ new Date();
+        const minuteAgo = new Date(now.getTime() - 60 * 1e3);
+        return [
+          {
+            id: "tool_1",
+            name: "Read",
+            target: "src/config.ts",
+            status: "completed",
+            startTime: minuteAgo,
+            endTime: minuteAgo
+          },
+          {
+            id: "tool_2",
+            name: "Edit",
+            target: "src/config.ts",
+            status: "completed",
+            startTime: minuteAgo,
+            endTime: minuteAgo
+          },
+          {
+            id: "tool_3",
+            name: "Read",
+            target: "src/widget.ts",
+            status: "completed",
+            startTime: minuteAgo,
+            endTime: minuteAgo
+          },
+          {
+            id: "tool_4",
+            name: "Bash",
+            target: "npm test",
+            status: "running",
+            startTime: now
+          },
+          {
+            id: "tool_5",
+            name: "Edit",
+            target: "src/styles.ts",
+            status: "completed",
+            startTime: minuteAgo,
+            endTime: minuteAgo
+          }
+        ];
       }
     };
   }
@@ -1804,6 +1823,7 @@ var init_active_tools_widget = __esm({
         // Display on third line (0-indexed)
       };
       style = "balanced";
+      _lineOverride;
       tools = [];
       renderData;
       /**
@@ -1813,6 +1833,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
@@ -1917,11 +1943,11 @@ var init_widget_types = __esm({
 });
 
 // src/storage/cache-manager.ts
-var import_node_fs2, import_node_os2, import_node_path2, DEFAULT_CACHE_PATH, DEFAULT_EXPIRY_MS, CacheManager;
+var import_node_fs, import_node_os2, import_node_path2, DEFAULT_CACHE_PATH, DEFAULT_EXPIRY_MS, CacheManager;
 var init_cache_manager = __esm({
   "src/storage/cache-manager.ts"() {
     "use strict";
-    import_node_fs2 = require("node:fs");
+    import_node_fs = require("node:fs");
     import_node_os2 = require("node:os");
     import_node_path2 = require("node:path");
     DEFAULT_CACHE_PATH = `${(0, import_node_os2.homedir)()}/.config/claude-scope/cache.json`;
@@ -1994,11 +2020,11 @@ var init_cache_manager = __esm({
        * Load cache from file
        */
       loadCache() {
-        if (!(0, import_node_fs2.existsSync)(this.cachePath)) {
+        if (!(0, import_node_fs.existsSync)(this.cachePath)) {
           return { sessions: {}, version: 1 };
         }
         try {
-          const content = (0, import_node_fs2.readFileSync)(this.cachePath, "utf-8");
+          const content = (0, import_node_fs.readFileSync)(this.cachePath, "utf-8");
           return JSON.parse(content);
         } catch {
           return { sessions: {}, version: 1 };
@@ -2009,7 +2035,7 @@ var init_cache_manager = __esm({
        */
       saveCache(cache) {
         try {
-          (0, import_node_fs2.writeFileSync)(this.cachePath, JSON.stringify(cache, null, 2), "utf-8");
+          (0, import_node_fs.writeFileSync)(this.cachePath, JSON.stringify(cache, null, 2), "utf-8");
         } catch {
         }
       }
@@ -2019,8 +2045,8 @@ var init_cache_manager = __esm({
       ensureCacheDir() {
         try {
           const dir = (0, import_node_path2.dirname)(this.cachePath);
-          if (!(0, import_node_fs2.existsSync)(dir)) {
-            (0, import_node_fs2.mkdirSync)(dir, { recursive: true });
+          if (!(0, import_node_fs.existsSync)(dir)) {
+            (0, import_node_fs.mkdirSync)(dir, { recursive: true });
           }
         } catch {
         }
@@ -2093,13 +2119,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
@@ -2183,6 +2209,7 @@ var init_cache_metrics_widget = __esm({
         // Third line
       );
       theme;
+      _lineOverride;
       style = "balanced";
       renderData;
       cacheManager;
@@ -2198,6 +2225,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)
@@ -2477,75 +2510,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);
       }
     };
   }
@@ -2559,6 +2621,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";
@@ -2570,16 +2633,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) {
@@ -2602,9 +2677,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() {
       }
@@ -2718,6 +2794,7 @@ var init_context_widget = __esm({
         // First line
       );
       colors;
+      _lineOverride;
       styleFn = contextStyles.balanced;
       cacheManager;
       lastSessionId;
@@ -2732,6 +2809,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
        */
@@ -2840,6 +2923,7 @@ var init_cost_widget = __esm({
         // First line
       );
       colors;
+      _lineOverride;
       styleFn = costStyles.balanced;
       constructor(colors2) {
         super();
@@ -2851,6 +2935,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 = {
@@ -2918,17 +3008,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`;
@@ -2971,6 +3069,7 @@ var init_duration_widget = __esm({
         // First line
       );
       colors;
+      _lineOverride;
       styleFn = durationStyles.balanced;
       constructor(colors2) {
         super();
@@ -2982,6 +3081,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 = {
@@ -3124,6 +3229,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
@@ -3141,6 +3247,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;
       }
@@ -3291,6 +3403,7 @@ var init_git_widget = __esm({
       enabled = true;
       cwd = null;
       colors;
+      _lineOverride;
       styleFn = gitStyles.balanced;
       /**
        * @param gitFactory - Optional factory function for creating IGit instances
@@ -3308,6 +3421,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;
       }
@@ -3432,6 +3551,7 @@ var init_lines_widget = __esm({
         // First line
       );
       colors;
+      _lineOverride;
       styleFn = linesStyles.balanced;
       constructor(colors2) {
         super();
@@ -3443,6 +3563,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;
@@ -3525,6 +3651,7 @@ var init_model_widget = __esm({
         // First line
       );
       colors;
+      _lineOverride;
       styleFn = modelStyles.balanced;
       constructor(colors2) {
         super();
@@ -3536,6 +3663,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,
@@ -3596,7 +3729,7 @@ var init_demo_data = __esm({
 // src/cli/commands/quick-config/layout-preview.ts
 async function registerWidgetsFromConfig(registry, config, style, themeName) {
   const themeColors = getThemeByName(themeName).colors;
-  const transcriptProvider = new TranscriptProvider();
+  const transcriptProvider = new MockTranscriptProvider();
   const widgetFactory = {
     model: (s) => {
       const w = new ModelWidget(themeColors);
@@ -3624,17 +3757,18 @@ async function registerWidgetsFromConfig(registry, config, style, themeName) {
       return w;
     },
     git: (s) => {
-      const w = new GitWidget(void 0, themeColors);
+      const w = new GitWidget((cwd) => new MockGit(cwd), themeColors);
       w.setStyle(s);
       return w;
     },
     "git-tag": (s) => {
-      const w = new GitTagWidget(void 0, themeColors);
+      const w = new GitTagWidget((cwd) => new MockGit(cwd), themeColors);
       w.setStyle(s);
       return w;
     },
     "config-count": (s) => {
-      const w = new ConfigCountWidget();
+      const mockConfig = new MockConfigProvider();
+      const w = new ConfigCountWidget(mockConfig, themeColors);
       w.setStyle(s);
       return w;
     },
@@ -3685,7 +3819,9 @@ var init_layout_preview = __esm({
     "use strict";
     init_renderer();
     init_widget_registry();
-    init_transcript_provider();
+    init_mock_config_provider();
+    init_mock_git();
+    init_mock_transcript_provider();
     init_theme();
     init_active_tools();
     init_cache_metrics();
@@ -6992,7 +7128,108 @@ async function runQuickConfigMenu() {
 // src/cli/commands/quick-config/preview.ts
 init_renderer();
 init_widget_registry();
-init_transcript_provider();
+
+// src/providers/transcript-provider.ts
+var import_node_fs2 = require("node:fs");
+var import_node_readline = require("node:readline");
+var TranscriptProvider = class {
+  MAX_TOOLS = 20;
+  /**
+   * Parse tools from a JSONL transcript file
+   * @param transcriptPath Path to the transcript file
+   * @returns Array of tool entries, limited to last 20
+   */
+  async parseTools(transcriptPath) {
+    if (!(0, import_node_fs2.existsSync)(transcriptPath)) {
+      return [];
+    }
+    const toolMap = /* @__PURE__ */ new Map();
+    try {
+      const fileStream = (0, import_node_fs2.createReadStream)(transcriptPath, { encoding: "utf-8" });
+      const rl = (0, import_node_readline.createInterface)({
+        input: fileStream,
+        crlfDelay: Infinity
+      });
+      for await (const line of rl) {
+        if (!line.trim()) continue;
+        try {
+          const entry = JSON.parse(line);
+          this.processLine(entry, toolMap);
+        } catch {
+        }
+      }
+      const tools = Array.from(toolMap.values());
+      return tools.slice(-this.MAX_TOOLS);
+    } catch {
+      return [];
+    }
+  }
+  /**
+   * Process a single transcript line and update tool map
+   */
+  processLine(line, toolMap) {
+    const blocks = line.message?.content ?? [];
+    const timestamp = /* @__PURE__ */ new Date();
+    for (const block of blocks) {
+      if (block.type === "tool_use" && block.id && block.name) {
+        const tool = {
+          id: block.id,
+          name: block.name,
+          target: this.extractTarget(block.name, block.input),
+          status: "running",
+          startTime: timestamp
+        };
+        toolMap.set(block.id, tool);
+      }
+      if (block.type === "tool_result" && block.tool_use_id) {
+        const existing = toolMap.get(block.tool_use_id);
+        if (existing) {
+          existing.status = block.is_error ? "error" : "completed";
+          existing.endTime = timestamp;
+        }
+      }
+    }
+  }
+  /**
+   * Extract target from tool input based on tool type
+   */
+  extractTarget(toolName, input) {
+    if (!input) return void 0;
+    switch (toolName) {
+      case "Read":
+      case "Write":
+      case "Edit":
+        return this.asString(input.file_path ?? input.path);
+      case "Glob":
+        return this.asString(input.pattern);
+      case "Grep":
+        return this.asString(input.pattern);
+      case "Bash": {
+        const cmd = this.asString(input.command);
+        return cmd ? this.truncateCommand(cmd) : void 0;
+      }
+      default:
+        return void 0;
+    }
+  }
+  /**
+   * Safely convert value to string
+   */
+  asString(value) {
+    if (typeof value === "string") return value;
+    if (typeof value === "number") return String(value);
+    return void 0;
+  }
+  /**
+   * Truncate long commands to 30 chars
+   */
+  truncateCommand(cmd) {
+    if (cmd.length <= 30) return cmd;
+    return `${cmd.slice(0, 30)}...`;
+  }
+};
+
+// src/cli/commands/quick-config/preview.ts
 init_theme();
 init_active_tools();
 init_cache_metrics();
@@ -7253,7 +7490,6 @@ var StdinProvider = class {
 };
 
 // src/index.ts
-init_transcript_provider();
 init_theme();
 init_active_tools();
 init_cache_metrics();
@@ -7275,12 +7511,19 @@ var EmptyLineWidget = class extends StdinDataWidget {
     5
     // Sixth line (0-indexed)
   );
+  _lineOverride;
   /**
    * All styles return the same value (Braille Pattern Blank).
    * This method exists for API consistency with other widgets.
    */
   setStyle(_style) {
   }
+  setLine(line) {
+    this._lineOverride = line;
+  }
+  getLine() {
+    return this._lineOverride ?? this.metadata.line ?? 0;
+  }
   /**
    * Return Braille Pattern Blank to create a visible empty separator line.
    * U+2800 occupies cell width but appears blank, ensuring the line renders.
@@ -7860,6 +8103,7 @@ var PokerWidget = class extends StdinDataWidget {
   THROTTLE_MS = 5e3;
   // 5 seconds
   colors;
+  _lineOverride;
   styleFn = pokerStyles.balanced;
   setStyle(style = DEFAULT_WIDGET_STYLE) {
     const fn = pokerStyles[style];
@@ -7867,6 +8111,12 @@ var PokerWidget = class extends StdinDataWidget {
       this.styleFn = fn;
     }
   }
+  setLine(line) {
+    this._lineOverride = line;
+  }
+  getLine() {
+    return this._lineOverride ?? this.metadata.line ?? 0;
+  }
   constructor(colors2) {
     super();
     this.colors = colors2 ?? DEFAULT_THEME;
@@ -7953,10 +8203,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;
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-scope",
-  "version": "0.8.3",
+  "version": "0.8.5",
   "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 .",