claude-scope 0.8.46 → 0.8.48

package/dist/claude-scope.cjs

@@ -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);
@@ -4866,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 {
@@ -4907,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";
@@ -4979,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)) {
@@ -5029,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();
   }
 });
@@ -7823,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 {
@@ -7925,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);
   }
@@ -25974,6 +26139,7 @@ function generateBalancedLayout(style, themeName) {
   return {
     version: "1.0.0",
     $aiDocs: "https://github.com/YuriNachos/claude-scope/blob/main/AI-CONFIG-GUIDE.md",
+    theme: themeName,
     lines: {
       "0": [
         {
@@ -26016,7 +26182,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",
@@ -26032,7 +26198,7 @@ function generateBalancedLayout(style, themeName) {
         {
           id: "config-count",
           style,
-          colors: { base: theme.base.muted }
+          colors: { label: theme.configCount.label, separator: theme.configCount.separator }
         }
       ]
     }
@@ -26043,6 +26209,7 @@ function generateCompactLayout(style, themeName) {
   return {
     version: "1.0.0",
     $aiDocs: "https://github.com/YuriNachos/claude-scope/blob/main/AI-CONFIG-GUIDE.md",
+    theme: themeName,
     lines: {
       "0": [
         {
@@ -26084,6 +26251,7 @@ function generateRichLayout(style, themeName) {
   return {
     version: "1.0.0",
     $aiDocs: "https://github.com/YuriNachos/claude-scope/blob/main/AI-CONFIG-GUIDE.md",
+    theme: themeName,
     lines: {
       "0": [
         {
@@ -26126,7 +26294,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",
@@ -26142,7 +26310,7 @@ function generateRichLayout(style, themeName) {
         {
           id: "config-count",
           style,
-          colors: { base: theme.base.muted }
+          colors: { label: theme.configCount.label, separator: theme.configCount.separator }
         }
       ],
       "2": [
@@ -26258,7 +26426,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)
     }
@@ -26497,119 +26665,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
@@ -26662,7 +26718,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");
 }
 
@@ -26686,7 +26742,8 @@ async function loadWidgetConfig() {
       return null;
     }
     return {
-      lines: config.lines
+      lines: config.lines,
+      theme: config.theme
     };
   } catch (error) {
     const errorMsg = error instanceof Error ? error.message : "Unknown error";
@@ -26905,36 +26962,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();
@@ -27586,6 +27614,7 @@ var PokerWidget = class extends StdinDataWidget {
 };
 
 // src/core/widget-factory.ts
+init_sysmon_widget();
 var WidgetFactory = class {
   transcriptProvider;
   systemProvider;
@@ -27845,6 +27874,7 @@ var StdinProvider = class {
 };
 
 // src/index.ts
+init_theme();
 async function readStdin() {
   const chunks = [];
   for await (const chunk of process.stdin) {
@@ -27876,7 +27906,9 @@ async function main() {
     const stdinData = await provider.parse(stdin);
     const registry = new WidgetRegistry();
     const widgetConfig = await loadWidgetConfig();
-    const factory = new WidgetFactory();
+    const themeName = widgetConfig?.theme ?? "monokai";
+    const themeColors = getThemeByName(themeName).colors;
+    const factory = new WidgetFactory(themeColors);
     if (widgetConfig) {
       for (const [lineNum, widgets] of Object.entries(widgetConfig.lines)) {
         for (const widgetConfigItem of widgets) {

package/package.json

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