claude-scope 0.8.45 → 0.8.47

package/dist/claude-scope.cjs

@@ -148,6 +148,10 @@ function createThemeColors(params) {
       disk: params.sysmonDisk,
       network: params.sysmonNetwork,
       separator: params.sysmonSeparator
+    },
+    configCount: {
+      label: params.configCountLabel ?? semantic.info,
+      separator: params.configCountSeparator ?? base.muted
     }
   };
 }
@@ -2092,6 +2096,10 @@ function getDefaultColors() {
       disk: "\x1B[33m",
       network: "\x1B[32m",
       separator: "\x1B[90m"
+    },
+    configCount: {
+      label: "\x1B[36m",
+      separator: "\x1B[90m"
     }
   };
 }
@@ -3233,98 +3241,90 @@ var init_styles3 = __esm({
       balanced: (data, colors2) => {
         const { claudeMdCount, rulesCount, mcpCount, hooksCount } = data;
         const parts = [];
-        const info = colors2?.semantic.info ?? "";
-        const muted = colors2?.base.muted ?? "";
         if (claudeMdCount > 0) {
-          const label = info ? colorize("CLAUDE.md", info) : "CLAUDE.md";
+          const label = colors2 ? colorize("CLAUDE.md", colors2.label) : "CLAUDE.md";
           parts.push(`${label}:${claudeMdCount}`);
         }
         if (rulesCount > 0) {
-          const label = info ? colorize("rules", info) : "rules";
+          const label = colors2 ? colorize("rules", colors2.label) : "rules";
           parts.push(`${label}:${rulesCount}`);
         }
         if (mcpCount > 0) {
-          const label = info ? colorize("MCPs", info) : "MCPs";
+          const label = colors2 ? colorize("MCPs", colors2.label) : "MCPs";
           parts.push(`${label}:${mcpCount}`);
         }
         if (hooksCount > 0) {
-          const label = info ? colorize("hooks", info) : "hooks";
+          const label = colors2 ? colorize("hooks", colors2.label) : "hooks";
           parts.push(`${label}:${hooksCount}`);
         }
-        const sep = muted ? colorize(" \u2502 ", muted) : " \u2502 ";
+        const sep = colors2 ? colorize(" \u2502 ", colors2.separator) : " \u2502 ";
         return parts.join(sep);
       },
       compact: (data, colors2) => {
         const { claudeMdCount, rulesCount, mcpCount, hooksCount } = data;
         const parts = [];
-        const info = colors2?.semantic.info ?? "";
-        const muted = colors2?.base.muted ?? "";
         if (claudeMdCount > 0) {
-          const text = info ? colorize(`${claudeMdCount} docs`, info) : `${claudeMdCount} docs`;
+          const text = colors2 ? colorize(`${claudeMdCount} docs`, colors2.label) : `${claudeMdCount} docs`;
           parts.push(text);
         }
         if (rulesCount > 0) {
-          const text = info ? colorize(`${rulesCount} rules`, info) : `${rulesCount} rules`;
+          const text = colors2 ? colorize(`${rulesCount} rules`, colors2.label) : `${rulesCount} rules`;
           parts.push(text);
         }
         if (mcpCount > 0) {
-          const text = info ? colorize(`${mcpCount} MCPs`, info) : `${mcpCount} MCPs`;
+          const text = colors2 ? colorize(`${mcpCount} MCPs`, colors2.label) : `${mcpCount} MCPs`;
           parts.push(text);
         }
         if (hooksCount > 0) {
           const hookLabel = hooksCount === 1 ? "hook" : "hooks";
-          const text = info ? colorize(`${hooksCount} ${hookLabel}`, info) : `${hooksCount} ${hookLabel}`;
+          const text = colors2 ? colorize(`${hooksCount} ${hookLabel}`, colors2.label) : `${hooksCount} ${hookLabel}`;
           parts.push(text);
         }
-        const sep = muted ? colorize(" \u2502 ", muted) : " \u2502 ";
+        const sep = colors2 ? colorize(" \u2502 ", colors2.separator) : " \u2502 ";
         return parts.join(sep);
       },
       playful: (data, colors2) => {
         const { claudeMdCount, rulesCount, mcpCount, hooksCount } = data;
         const parts = [];
-        const info = colors2?.semantic.info ?? "";
-        const muted = colors2?.base.muted ?? "";
         if (claudeMdCount > 0) {
-          const text = info ? colorize(`CLAUDE.md:${claudeMdCount}`, info) : `CLAUDE.md:${claudeMdCount}`;
+          const text = colors2 ? colorize(`CLAUDE.md:${claudeMdCount}`, colors2.label) : `CLAUDE.md:${claudeMdCount}`;
           parts.push(`\u{1F4C4} ${text}`);
         }
         if (rulesCount > 0) {
-          const text = info ? colorize(`rules:${rulesCount}`, info) : `rules:${rulesCount}`;
+          const text = colors2 ? colorize(`rules:${rulesCount}`, colors2.label) : `rules:${rulesCount}`;
           parts.push(`\u{1F4DC} ${text}`);
         }
         if (mcpCount > 0) {
-          const text = info ? colorize(`MCPs:${mcpCount}`, info) : `MCPs:${mcpCount}`;
+          const text = colors2 ? colorize(`MCPs:${mcpCount}`, colors2.label) : `MCPs:${mcpCount}`;
           parts.push(`\u{1F50C} ${text}`);
         }
         if (hooksCount > 0) {
-          const text = info ? colorize(`hooks:${hooksCount}`, info) : `hooks:${hooksCount}`;
+          const text = colors2 ? colorize(`hooks:${hooksCount}`, colors2.label) : `hooks:${hooksCount}`;
           parts.push(`\u{1FA9D} ${text}`);
         }
-        const sep = muted ? colorize(" \u2502 ", muted) : " \u2502 ";
+        const sep = colors2 ? colorize(" \u2502 ", colors2.separator) : " \u2502 ";
         return parts.join(sep);
       },
       verbose: (data, colors2) => {
         const { claudeMdCount, rulesCount, mcpCount, hooksCount } = data;
         const parts = [];
-        const info = colors2?.semantic.info ?? "";
-        const muted = colors2?.base.muted ?? "";
         if (claudeMdCount > 0) {
-          const text = info ? colorize(`${claudeMdCount} CLAUDE.md`, info) : `${claudeMdCount} CLAUDE.md`;
+          const text = colors2 ? colorize(`${claudeMdCount} CLAUDE.md`, colors2.label) : `${claudeMdCount} CLAUDE.md`;
           parts.push(text);
         }
         if (rulesCount > 0) {
-          const text = info ? colorize(`${rulesCount} rules`, info) : `${rulesCount} rules`;
+          const text = colors2 ? colorize(`${rulesCount} rules`, colors2.label) : `${rulesCount} rules`;
           parts.push(text);
         }
         if (mcpCount > 0) {
-          const text = info ? colorize(`${mcpCount} MCP servers`, info) : `${mcpCount} MCP servers`;
+          const text = colors2 ? colorize(`${mcpCount} MCP servers`, colors2.label) : `${mcpCount} MCP servers`;
           parts.push(text);
         }
         if (hooksCount > 0) {
-          const text = info ? colorize(`${hooksCount} hooks`, info) : `${hooksCount} hooks`;
+          const text = colors2 ? colorize(`${hooksCount} hooks`, colors2.label) : `${hooksCount} hooks`;
           parts.push(text);
         }
-        const sep = muted ? colorize(" \u2502 ", muted) : " \u2502 ";
+        const sep = colors2 ? colorize(" \u2502 ", colors2.separator) : " \u2502 ";
         return parts.join(sep);
       }
     };
@@ -3391,7 +3391,7 @@ var init_config_count_widget = __esm({
           mcpCount,
           hooksCount
         };
-        return this.styleFn(renderData, this.colors);
+        return this.styleFn(renderData, this.colors.configCount);
       }
       setLine(line) {
         this._lineOverride = line;
@@ -4298,6 +4298,40 @@ var init_duration_widget = __esm({
   }
 });
 
+// src/widgets/empty-line-widget.ts
+var EmptyLineWidget;
+var init_empty_line_widget = __esm({
+  "src/widgets/empty-line-widget.ts"() {
+    "use strict";
+    init_widget_types();
+    init_stdin_data_widget();
+    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/providers/git-provider.ts
 function createGit(cwd) {
   return new NativeGit(cwd);
@@ -4370,36 +4404,29 @@ var init_styles9 = __esm({
     init_style_utils();
     gitTagStyles = {
       balanced: (data, colors2) => {
-        const tag = data.tag || "\u2014";
-        if (!colors2) return tag;
-        return colorize(tag, colors2.branch);
+        if (!colors2) return data.tag;
+        return colorize(data.tag, colors2.branch);
       },
       compact: (data, colors2) => {
-        if (!data.tag) return "\u2014";
         const tag = data.tag.replace(/^v/, "");
         if (!colors2) return tag;
         return colorize(tag, colors2.branch);
       },
       playful: (data, colors2) => {
-        const tag = data.tag || "\u2014";
-        if (!colors2) return `\u{1F3F7}\uFE0F ${tag}`;
-        return `\u{1F3F7}\uFE0F ${colorize(tag, colors2.branch)}`;
+        if (!colors2) return `\u{1F3F7}\uFE0F ${data.tag}`;
+        return `\u{1F3F7}\uFE0F ${colorize(data.tag, colors2.branch)}`;
       },
       verbose: (data, colors2) => {
-        if (!data.tag) return "version: none";
-        const tag = `version ${data.tag}`;
-        if (!colors2) return tag;
+        if (!colors2) return `version ${data.tag}`;
         return `version ${colorize(data.tag, colors2.branch)}`;
       },
       labeled: (data, colors2) => {
-        const tag = data.tag || "none";
-        if (!colors2) return withLabel("Tag", tag);
-        return withLabel("Tag", colorize(tag, colors2.branch));
+        if (!colors2) return withLabel("Tag", data.tag);
+        return withLabel("Tag", colorize(data.tag, colors2.branch));
       },
       indicator: (data, colors2) => {
-        const tag = data.tag || "\u2014";
-        if (!colors2) return withIndicator(tag);
-        return withIndicator(colorize(tag, colors2.branch));
+        if (!colors2) return withIndicator(data.tag);
+        return withIndicator(colorize(data.tag, colors2.branch));
       }
     };
   }
@@ -4463,6 +4490,9 @@ var init_git_tag_widget = __esm({
         }
         try {
           const latestTag = await (this.git.latestTag?.() ?? Promise.resolve(null));
+          if (!latestTag) {
+            return null;
+          }
           const renderData = { tag: latestTag };
           return this.styleFn(renderData, this.colors.git);
         } catch {
@@ -4870,6 +4900,128 @@ var init_model_widget = __esm({
   }
 });
 
+// src/widgets/sysmon/styles.ts
+function formatGB(gb) {
+  if (gb < 1) {
+    return `${Math.round(gb * 1024)}MB`;
+  }
+  const formatted = gb.toFixed(1);
+  return formatted.endsWith(".0") ? `${formatted.slice(0, -2)}GB` : `${formatted}GB`;
+}
+function formatMB(mb) {
+  if (mb < 0.1) {
+    const kb = mb * 1024;
+    const formatted2 = kb.toFixed(1);
+    return formatted2.endsWith(".0") ? `${formatted2.slice(0, -2)}KB` : `${formatted2}KB`;
+  }
+  const formatted = mb.toFixed(1);
+  return formatted.endsWith(".0") ? `${formatted.slice(0, -2)}MB` : `${formatted}MB`;
+}
+var sysmonStyles;
+var init_styles13 = __esm({
+  "src/widgets/sysmon/styles.ts"() {
+    "use strict";
+    init_colors();
+    sysmonStyles = {
+      balanced: (data, colors2) => {
+        const cpu = colors2 ? colorize(`CPU ${data.cpu.percent}%`, colors2.cpu) : `CPU ${data.cpu.percent}%`;
+        const ram = colors2 ? colorize(`RAM ${formatGB(data.memory.used)}`, colors2.ram) : `RAM ${formatGB(data.memory.used)}`;
+        const disk = colors2 ? colorize(`Disk ${data.disk.percent}%`, colors2.disk) : `Disk ${data.disk.percent}%`;
+        const net = colors2 ? colorize(`Net \u2193${formatMB(data.network.rxSec)}/s`, colors2.network) : `Net \u2193${formatMB(data.network.rxSec)}/s`;
+        const sep = colors2 ? colorize("|", colors2.separator) : "|";
+        return `${cpu} ${sep} ${ram} ${sep} ${disk} ${sep} ${net}`;
+      },
+      compact: (data, colors2) => {
+        const cpu = colors2 ? colorize(`CPU${data.cpu.percent}%`, colors2.cpu) : `CPU${data.cpu.percent}%`;
+        const ram = colors2 ? colorize(`RAM${formatGB(data.memory.used)}`, colors2.ram) : `RAM${formatGB(data.memory.used)}`;
+        const disk = colors2 ? colorize(`D${data.disk.percent}%`, colors2.disk) : `D${data.disk.percent}%`;
+        const net = colors2 ? colorize(`\u2193${formatMB(data.network.rxSec)}/s`, colors2.network) : `\u2193${formatMB(data.network.rxSec)}/s`;
+        return `${cpu} ${ram} ${disk} ${net}`;
+      },
+      playful: (data, colors2) => {
+        const cpu = colors2 ? colorize(`${data.cpu.percent}%`, colors2.cpu) : `${data.cpu.percent}%`;
+        const ram = colors2 ? colorize(formatGB(data.memory.used), colors2.ram) : formatGB(data.memory.used);
+        const disk = colors2 ? colorize(`${data.disk.percent}%`, colors2.disk) : `${data.disk.percent}%`;
+        const net = colors2 ? colorize(`\u2193${formatMB(data.network.rxSec)}/s`, colors2.network) : `\u2193${formatMB(data.network.rxSec)}/s`;
+        const sep = colors2 ? colorize("|", colors2.separator) : "|";
+        return `\u{1F5A5}\uFE0F ${cpu} ${sep} \u{1F4BE} ${ram} ${sep} \u{1F4BF} ${disk} ${sep} \u{1F310} ${net}`;
+      },
+      verbose: (data, colors2) => {
+        const cpu = colors2 ? colorize(`CPU: ${data.cpu.percent}%`, colors2.cpu) : `CPU: ${data.cpu.percent}%`;
+        const ram = colors2 ? colorize(`RAM: ${formatGB(data.memory.used)}/${formatGB(data.memory.total)}`, colors2.ram) : `RAM: ${formatGB(data.memory.used)}/${formatGB(data.memory.total)}`;
+        const disk = colors2 ? colorize(`Disk: ${formatGB(data.disk.used)}/${formatGB(data.disk.total)}`, colors2.disk) : `Disk: ${formatGB(data.disk.used)}/${formatGB(data.disk.total)}`;
+        const net = colors2 ? colorize(
+          `Net: \u2193${formatMB(data.network.rxSec)}/s \u2191${formatMB(data.network.txSec)}/s`,
+          colors2.network
+        ) : `Net: \u2193${formatMB(data.network.rxSec)}/s \u2191${formatMB(data.network.txSec)}/s`;
+        return `${cpu} | ${ram} | ${disk} | ${net}`;
+      }
+    };
+  }
+});
+
+// src/widgets/sysmon-widget.ts
+var SysmonWidget;
+var init_sysmon_widget = __esm({
+  "src/widgets/sysmon-widget.ts"() {
+    "use strict";
+    init_style_types();
+    init_widget_types();
+    init_theme();
+    init_styles13();
+    SysmonWidget = class {
+      id = "sysmon";
+      metadata = createWidgetMetadata(
+        "Sysmon",
+        "System monitoring: CPU, RAM, Disk, Network metrics",
+        "1.0.0",
+        "claude-scope",
+        2
+        // Default to line 2
+      );
+      colors;
+      provider;
+      styleFn = sysmonStyles.balanced;
+      enabled = true;
+      _lineOverride;
+      constructor(colors2, provider) {
+        this.colors = colors2 ?? DEFAULT_THEME;
+        this.provider = provider ?? null;
+      }
+      async initialize(context) {
+        this.enabled = context.config?.enabled !== false;
+      }
+      async render(_context) {
+        if (!this.provider || !this.isEnabled()) {
+          return null;
+        }
+        const metrics = await this.provider.getMetrics();
+        if (!metrics) {
+          return null;
+        }
+        return this.styleFn(metrics, this.colors.sysmon);
+      }
+      async update(_data) {
+      }
+      isEnabled() {
+        return this.enabled && this.provider !== null;
+      }
+      setStyle(style = DEFAULT_WIDGET_STYLE) {
+        const fn = sysmonStyles[style];
+        if (fn) {
+          this.styleFn = fn;
+        }
+      }
+      setLine(line) {
+        this._lineOverride = line;
+      }
+      getLine() {
+        return this._lineOverride ?? this.metadata.line ?? 0;
+      }
+    };
+  }
+});
+
 // src/cli/commands/quick-config/demo-data.ts
 function createDemoData() {
   return {
@@ -4911,6 +5063,21 @@ function createDemoData() {
     }
   };
 }
+function createMockSystemProvider() {
+  const demoMetrics = {
+    cpu: { percent: 42 },
+    memory: { used: 8.2, total: 16, percent: 51 },
+    disk: { used: 120, total: 256, percent: 47 },
+    network: { rxSec: 2.4, txSec: 0.8 }
+  };
+  return {
+    getMetrics: async () => demoMetrics,
+    startUpdate: () => {
+    },
+    stopUpdate: () => {
+    }
+  };
+}
 var init_demo_data = __esm({
   "src/cli/commands/quick-config/demo-data.ts"() {
     "use strict";
@@ -4983,6 +5150,14 @@ async function registerWidgetsFromConfig(registry, config, style, themeName) {
       const w = new DockerWidget(themeColors);
       w.setStyle(s);
       return w;
+    },
+    sysmon: (s) => {
+      const w = new SysmonWidget(themeColors, createMockSystemProvider());
+      w.setStyle(s);
+      return w;
+    },
+    "empty-line": () => {
+      return new EmptyLineWidget();
     }
   };
   for (const [lineNum, widgets] of Object.entries(config.lines)) {
@@ -5033,10 +5208,12 @@ var init_layout_preview = __esm({
     init_dev_server_widget();
     init_docker_widget();
     init_duration_widget();
+    init_empty_line_widget();
     init_git_tag_widget();
     init_git_widget();
     init_lines_widget();
     init_model_widget();
+    init_sysmon_widget();
     init_demo_data();
   }
 });
@@ -7827,24 +8004,7 @@ __export(select_with_preview_exports, {
 async function generatePreviews(choices, style, themeName) {
   const previews = [];
   const isStyleSelection = choices.length >= 3 && choices.every((c) => isQuickConfigStyle(c.value));
-  const availableThemes = [
-    "catppuccin-mocha",
-    // AVAILABLE_THEMES[0]
-    "cyberpunk-neon",
-    // AVAILABLE_THEMES[1]
-    "dracula",
-    // AVAILABLE_THEMES[2]
-    "dusty-sage",
-    // AVAILABLE_THEMES[3]
-    "github-dark-dimmed",
-    // AVAILABLE_THEMES[4]
-    "gray",
-    // AVAILABLE_THEMES[5] - was missing!
-    "monokai",
-    // AVAILABLE_THEMES[6]
-    "muted-gray"
-    // AVAILABLE_THEMES[7] - was missing!
-  ];
+  const availableThemes = AVAILABLE_THEMES.slice(0, 8).map((t) => t.name);
   const isThemeSelection = choices.some((c) => isThemeName(c.value, availableThemes));
   for (const choice of choices) {
     try {
@@ -7929,6 +8089,7 @@ var init_select_with_preview = __esm({
   "src/cli/commands/quick-config/select-with-preview.ts"() {
     "use strict";
     init_esm3();
+    init_theme();
     init_layout_preview();
     selectWithPreview = createPrompt(selectWithPreviewImpl);
   }
@@ -26020,7 +26181,7 @@ function generateBalancedLayout(style, themeName) {
         {
           id: "git-tag",
           style,
-          colors: { base: theme.base.text }
+          colors: { branch: theme.git.branch, changes: theme.git.changes }
         },
         {
           id: "cache-metrics",
@@ -26036,7 +26197,7 @@ function generateBalancedLayout(style, themeName) {
         {
           id: "config-count",
           style,
-          colors: { base: theme.base.muted }
+          colors: { label: theme.configCount.label, separator: theme.configCount.separator }
         }
       ]
     }
@@ -26130,7 +26291,7 @@ function generateRichLayout(style, themeName) {
         {
           id: "git-tag",
           style,
-          colors: { base: theme.base.text }
+          colors: { branch: theme.git.branch, changes: theme.git.changes }
         },
         {
           id: "cache-metrics",
@@ -26146,7 +26307,7 @@ function generateRichLayout(style, themeName) {
         {
           id: "config-count",
           style,
-          colors: { base: theme.base.muted }
+          colors: { label: theme.configCount.label, separator: theme.configCount.separator }
         }
       ],
       "2": [
@@ -26262,7 +26423,7 @@ async function selectLayout() {
     },
     {
       name: "Rich",
-      description: "3 lines: + Dev Server|Docker|Active Tools on line 3",
+      description: "5 lines: Core metrics + Git/Cache + Dev/Docker/Tools + Sysmon",
       value: "rich",
       getConfig: (s, t) => generateRichLayout(s, t)
     }
@@ -26501,119 +26662,7 @@ init_git_tag_widget();
 init_git_widget();
 init_lines_widget();
 init_model_widget();
-
-// src/widgets/sysmon-widget.ts
-init_style_types();
-init_widget_types();
-init_theme();
-
-// src/widgets/sysmon/styles.ts
-init_colors();
-function formatGB(gb) {
-  if (gb < 1) {
-    return `${Math.round(gb * 1024)}MB`;
-  }
-  const formatted = gb.toFixed(1);
-  return formatted.endsWith(".0") ? `${formatted.slice(0, -2)}GB` : `${formatted}GB`;
-}
-function formatMB(mb) {
-  if (mb < 0.1) {
-    const kb = mb * 1024;
-    const formatted2 = kb.toFixed(1);
-    return formatted2.endsWith(".0") ? `${formatted2.slice(0, -2)}KB` : `${formatted2}KB`;
-  }
-  const formatted = mb.toFixed(1);
-  return formatted.endsWith(".0") ? `${formatted.slice(0, -2)}MB` : `${formatted}MB`;
-}
-var sysmonStyles = {
-  balanced: (data, colors2) => {
-    const cpu = colors2 ? colorize(`CPU ${data.cpu.percent}%`, colors2.cpu) : `CPU ${data.cpu.percent}%`;
-    const ram = colors2 ? colorize(`RAM ${formatGB(data.memory.used)}`, colors2.ram) : `RAM ${formatGB(data.memory.used)}`;
-    const disk = colors2 ? colorize(`Disk ${data.disk.percent}%`, colors2.disk) : `Disk ${data.disk.percent}%`;
-    const net = colors2 ? colorize(`Net \u2193${formatMB(data.network.rxSec)}/s`, colors2.network) : `Net \u2193${formatMB(data.network.rxSec)}/s`;
-    const sep = colors2 ? colorize("|", colors2.separator) : "|";
-    return `${cpu} ${sep} ${ram} ${sep} ${disk} ${sep} ${net}`;
-  },
-  compact: (data, colors2) => {
-    const cpu = colors2 ? colorize(`CPU${data.cpu.percent}%`, colors2.cpu) : `CPU${data.cpu.percent}%`;
-    const ram = colors2 ? colorize(`RAM${formatGB(data.memory.used)}`, colors2.ram) : `RAM${formatGB(data.memory.used)}`;
-    const disk = colors2 ? colorize(`D${data.disk.percent}%`, colors2.disk) : `D${data.disk.percent}%`;
-    const net = colors2 ? colorize(`\u2193${formatMB(data.network.rxSec)}/s`, colors2.network) : `\u2193${formatMB(data.network.rxSec)}/s`;
-    return `${cpu} ${ram} ${disk} ${net}`;
-  },
-  playful: (data, colors2) => {
-    const cpu = colors2 ? colorize(`${data.cpu.percent}%`, colors2.cpu) : `${data.cpu.percent}%`;
-    const ram = colors2 ? colorize(formatGB(data.memory.used), colors2.ram) : formatGB(data.memory.used);
-    const disk = colors2 ? colorize(`${data.disk.percent}%`, colors2.disk) : `${data.disk.percent}%`;
-    const net = colors2 ? colorize(`\u2193${formatMB(data.network.rxSec)}/s`, colors2.network) : `\u2193${formatMB(data.network.rxSec)}/s`;
-    const sep = colors2 ? colorize("|", colors2.separator) : "|";
-    return `\u{1F5A5}\uFE0F ${cpu} ${sep} \u{1F4BE} ${ram} ${sep} \u{1F4BF} ${disk} ${sep} \u{1F310} ${net}`;
-  },
-  verbose: (data, colors2) => {
-    const cpu = colors2 ? colorize(`CPU: ${data.cpu.percent}%`, colors2.cpu) : `CPU: ${data.cpu.percent}%`;
-    const ram = colors2 ? colorize(`RAM: ${formatGB(data.memory.used)}/${formatGB(data.memory.total)}`, colors2.ram) : `RAM: ${formatGB(data.memory.used)}/${formatGB(data.memory.total)}`;
-    const disk = colors2 ? colorize(`Disk: ${formatGB(data.disk.used)}/${formatGB(data.disk.total)}`, colors2.disk) : `Disk: ${formatGB(data.disk.used)}/${formatGB(data.disk.total)}`;
-    const net = colors2 ? colorize(
-      `Net: \u2193${formatMB(data.network.rxSec)}/s \u2191${formatMB(data.network.txSec)}/s`,
-      colors2.network
-    ) : `Net: \u2193${formatMB(data.network.rxSec)}/s \u2191${formatMB(data.network.txSec)}/s`;
-    return `${cpu} | ${ram} | ${disk} | ${net}`;
-  }
-};
-
-// src/widgets/sysmon-widget.ts
-var SysmonWidget = class {
-  id = "sysmon";
-  metadata = createWidgetMetadata(
-    "Sysmon",
-    "System monitoring: CPU, RAM, Disk, Network metrics",
-    "1.0.0",
-    "claude-scope",
-    2
-    // Default to line 2
-  );
-  colors;
-  provider;
-  styleFn = sysmonStyles.balanced;
-  enabled = true;
-  _lineOverride;
-  constructor(colors2, provider) {
-    this.colors = colors2 ?? DEFAULT_THEME;
-    this.provider = provider ?? null;
-  }
-  async initialize(context) {
-    this.enabled = context.config?.enabled !== false;
-  }
-  async render(_context) {
-    if (!this.provider || !this.isEnabled()) {
-      return null;
-    }
-    const metrics = await this.provider.getMetrics();
-    if (!metrics) {
-      return null;
-    }
-    return this.styleFn(metrics, this.colors.sysmon);
-  }
-  async update(_data) {
-  }
-  isEnabled() {
-    return this.enabled && this.provider !== null;
-  }
-  setStyle(style = DEFAULT_WIDGET_STYLE) {
-    const fn = sysmonStyles[style];
-    if (fn) {
-      this.styleFn = fn;
-    }
-  }
-  setLine(line) {
-    this._lineOverride = line;
-  }
-  getLine() {
-    return this._lineOverride ?? this.metadata.line ?? 0;
-  }
-};
-
-// src/cli/commands/quick-config/preview.ts
+init_sysmon_widget();
 init_demo_data();
 
 // src/cli/commands/quick-config/index.ts
@@ -26666,7 +26715,7 @@ async function ensureDefaultConfig() {
   if (!(0, import_node_fs3.existsSync)(configDir)) {
     (0, import_node_fs3.mkdirSync)(configDir, { recursive: true });
   }
-  const defaultConfig = generateRichLayout("balanced", "dracula");
+  const defaultConfig = generateRichLayout("balanced", "monokai");
   (0, import_node_fs3.writeFileSync)(configPath, JSON.stringify(defaultConfig, null, 2), "utf-8");
 }
 
@@ -26909,36 +26958,7 @@ init_docker_widget();
 
 // src/core/widget-factory.ts
 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/core/widget-factory.ts
+init_empty_line_widget();
 init_git_tag_widget();
 init_git_widget();
 init_lines_widget();
@@ -27590,12 +27610,18 @@ var PokerWidget = class extends StdinDataWidget {
 };
 
 // src/core/widget-factory.ts
+init_sysmon_widget();
 var WidgetFactory = class {
   transcriptProvider;
   systemProvider;
-  constructor() {
+  theme;
+  /**
+   * @param theme - Optional theme colors. Defaults to DEFAULT_THEME (Monokai).
+   */
+  constructor(theme) {
     this.transcriptProvider = new TranscriptProvider();
     this.systemProvider = new SystemProvider();
+    this.theme = theme ?? DEFAULT_THEME;
   }
   /**
    * Create a widget instance by ID
@@ -27605,33 +27631,33 @@ var WidgetFactory = class {
   createWidget(widgetId) {
     switch (widgetId) {
       case "model":
-        return new ModelWidget();
+        return new ModelWidget(this.theme);
       case "context":
-        return new ContextWidget();
+        return new ContextWidget(this.theme);
       case "cost":
-        return new CostWidget();
+        return new CostWidget(this.theme);
       case "lines":
-        return new LinesWidget();
+        return new LinesWidget(this.theme);
       case "duration":
-        return new DurationWidget();
+        return new DurationWidget(this.theme);
       case "git":
-        return new GitWidget();
+        return new GitWidget(void 0, this.theme);
       case "git-tag":
-        return new GitTagWidget();
+        return new GitTagWidget(void 0, this.theme);
       case "config-count":
-        return new ConfigCountWidget();
+        return new ConfigCountWidget(void 0, this.theme);
       case "cache-metrics":
-        return new CacheMetricsWidget(DEFAULT_THEME);
+        return new CacheMetricsWidget(this.theme);
       case "active-tools":
-        return new ActiveToolsWidget(DEFAULT_THEME, this.transcriptProvider);
+        return new ActiveToolsWidget(this.theme, this.transcriptProvider);
       case "dev-server":
-        return new DevServerWidget(DEFAULT_THEME);
+        return new DevServerWidget(this.theme);
       case "docker":
-        return new DockerWidget(DEFAULT_THEME);
+        return new DockerWidget(this.theme);
       case "poker":
-        return new PokerWidget(DEFAULT_THEME);
+        return new PokerWidget(this.theme);
       case "sysmon":
-        return new SysmonWidget(DEFAULT_THEME, this.systemProvider);
+        return new SysmonWidget(this.theme, this.systemProvider);
       case "empty-line":
         return new EmptyLineWidget();
       default:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-scope",
-  "version": "0.8.45",
+  "version": "0.8.47",
   "description": "Claude Code plugin for session status and analytics",
   "license": "MIT",
   "type": "module",