claude-scope 0.8.18 → 0.8.21

package/dist/claude-scope.cjs

@@ -141,6 +141,13 @@ function createThemeColors(params) {
       count: params.dockerCount ?? params.model,
       running: params.dockerRunning ?? params.contextLow,
       stopped: params.dockerStopped ?? params.contextHigh
+    },
+    sysmon: {
+      cpu: params.sysmonCpu,
+      ram: params.sysmonRam,
+      disk: params.sysmonDisk,
+      network: params.sysmonNetwork,
+      separator: params.sysmonSeparator
     }
   };
 }
@@ -189,7 +196,12 @@ var init_gray_theme = __esm({
         dockerLabel: gray,
         dockerCount: gray,
         dockerRunning: gray,
-        dockerStopped: gray
+        dockerStopped: gray,
+        sysmonCpu: gray,
+        sysmonRam: gray,
+        sysmonDisk: gray,
+        sysmonNetwork: gray,
+        sysmonSeparator: gray
       })
     };
   }
@@ -261,8 +273,18 @@ var init_catppuccin_mocha_theme = __esm({
         // Mauve
         dockerRunning: rgb(166, 227, 161),
         // Green
-        dockerStopped: rgb(243, 139, 168)
+        dockerStopped: rgb(243, 139, 168),
         // Red
+        sysmonCpu: rgb(243, 139, 168),
+        // Red (alert)
+        sysmonRam: rgb(137, 180, 250),
+        // Blue (info)
+        sysmonDisk: rgb(238, 212, 159),
+        // Yellow (warning)
+        sysmonNetwork: rgb(166, 227, 161),
+        // Green (success)
+        sysmonSeparator: rgb(88, 91, 112)
+        // Dark gray
       })
     };
   }
@@ -334,8 +356,18 @@ var init_cyberpunk_neon_theme = __esm({
         // Purple neon
         dockerRunning: rgb(0, 255, 122),
         // Green neon
-        dockerStopped: rgb(255, 0, 122)
+        dockerStopped: rgb(255, 0, 122),
         // Magenta neon
+        sysmonCpu: rgb(255, 0, 122),
+        // Magenta neon (alert)
+        sysmonRam: rgb(0, 191, 255),
+        // Cyan neon (info)
+        sysmonDisk: rgb(255, 214, 0),
+        // Yellow neon (warning)
+        sysmonNetwork: rgb(0, 255, 122),
+        // Green neon (success)
+        sysmonSeparator: rgb(68, 0, 102)
+        // Dark purple
       })
     };
   }
@@ -407,8 +439,18 @@ var init_dracula_theme = __esm({
         // Purple
         dockerRunning: rgb(80, 250, 123),
         // Green
-        dockerStopped: rgb(255, 85, 85)
+        dockerStopped: rgb(255, 85, 85),
         // Red
+        sysmonCpu: rgb(255, 85, 85),
+        // Red (alert)
+        sysmonRam: rgb(139, 233, 253),
+        // Cyan (info)
+        sysmonDisk: rgb(255, 184, 108),
+        // Orange (warning)
+        sysmonNetwork: rgb(80, 250, 123),
+        // Green (success)
+        sysmonSeparator: rgb(68, 71, 90)
+        // Dark gray
       })
     };
   }
@@ -469,8 +511,18 @@ var init_dusty_sage_theme = __esm({
         // Gray
         dockerRunning: rgb(135, 145, 140),
         // Subtle sage
-        dockerStopped: rgb(165, 175, 160)
+        dockerStopped: rgb(165, 175, 160),
         // Light sage
+        sysmonCpu: rgb(165, 175, 160),
+        // Light sage (alert)
+        sysmonRam: rgb(120, 140, 130),
+        // Dusty green (info)
+        sysmonDisk: rgb(150, 160, 145),
+        // Medium sage (warning)
+        sysmonNetwork: rgb(135, 145, 140),
+        // Subtle sage (success)
+        sysmonSeparator: rgb(90, 100, 110)
+        // Dark gray
       })
     };
   }
@@ -542,8 +594,18 @@ var init_github_dark_dimmed_theme = __esm({
         // Purple
         dockerRunning: rgb(35, 134, 54),
         // GitHub green
-        dockerStopped: rgb(248, 81, 73)
+        dockerStopped: rgb(248, 81, 73),
         // GitHub red
+        sysmonCpu: rgb(248, 81, 73),
+        // GitHub red (alert)
+        sysmonRam: rgb(88, 166, 255),
+        // GitHub blue (info)
+        sysmonDisk: rgb(210, 153, 34),
+        // GitHub orange (warning)
+        sysmonNetwork: rgb(35, 134, 54),
+        // GitHub green (success)
+        sysmonSeparator: rgb(73, 79, 91)
+        // Dark gray
       })
     };
   }
@@ -615,8 +677,18 @@ var init_monokai_theme = __esm({
         // Purple
         dockerRunning: rgb(166, 226, 46),
         // Green
-        dockerStopped: rgb(174, 129, 255)
+        dockerStopped: rgb(174, 129, 255),
         // Purple
+        sysmonCpu: rgb(249, 26, 114),
+        // Pink (alert)
+        sysmonRam: rgb(102, 217, 239),
+        // Cyan (info)
+        sysmonDisk: rgb(253, 151, 31),
+        // Orange (warning)
+        sysmonNetwork: rgb(166, 226, 46),
+        // Green (success)
+        sysmonSeparator: rgb(98, 114, 164)
+        // Dark gray
       })
     };
   }
@@ -677,8 +749,18 @@ var init_muted_gray_theme = __esm({
         // Lighter slate
         dockerRunning: rgb(148, 163, 184),
         // Subtle gray
-        dockerStopped: rgb(175, 188, 201)
+        dockerStopped: rgb(175, 188, 201),
         // Light gray
+        sysmonCpu: rgb(175, 188, 201),
+        // Light gray (alert)
+        sysmonRam: rgb(156, 163, 175),
+        // Slate gray (info)
+        sysmonDisk: rgb(160, 174, 192),
+        // Medium gray (warning)
+        sysmonNetwork: rgb(148, 163, 184),
+        // Subtle gray (success)
+        sysmonSeparator: rgb(75, 85, 99)
+        // Dark gray
       })
     };
   }
@@ -750,8 +832,18 @@ var init_nord_theme = __esm({
         // Nordic white
         dockerRunning: rgb(163, 190, 140),
         // Nordic green
-        dockerStopped: rgb(191, 97, 106)
+        dockerStopped: rgb(191, 97, 106),
         // Nordic red
+        sysmonCpu: rgb(191, 97, 106),
+        // Nordic red (alert)
+        sysmonRam: rgb(136, 192, 208),
+        // Nordic cyan (info)
+        sysmonDisk: rgb(235, 203, 139),
+        // Nordic yellow (warning)
+        sysmonNetwork: rgb(163, 190, 140),
+        // Nordic green (success)
+        sysmonSeparator: rgb(76, 86, 106)
+        // Nordic dark gray
       })
     };
   }
@@ -823,8 +915,18 @@ var init_one_dark_pro_theme = __esm({
         // Orange
         dockerRunning: rgb(152, 195, 121),
         // Green
-        dockerStopped: rgb(224, 108, 117)
+        dockerStopped: rgb(224, 108, 117),
         // Red
+        sysmonCpu: rgb(224, 108, 117),
+        // Red (alert)
+        sysmonRam: rgb(97, 175, 239),
+        // Blue (info)
+        sysmonDisk: rgb(229, 192, 123),
+        // Yellow (warning)
+        sysmonNetwork: rgb(152, 195, 121),
+        // Green (success)
+        sysmonSeparator: rgb(91, 98, 113)
+        // Dark gray
       })
     };
   }
@@ -896,8 +998,18 @@ var init_professional_blue_theme = __esm({
         // Purple
         dockerRunning: rgb(74, 222, 128),
         // Green
-        dockerStopped: rgb(248, 113, 113)
+        dockerStopped: rgb(248, 113, 113),
         // Red
+        sysmonCpu: rgb(248, 113, 113),
+        // Red (alert)
+        sysmonRam: rgb(96, 165, 250),
+        // Light blue (info)
+        sysmonDisk: rgb(251, 191, 36),
+        // Amber (warning)
+        sysmonNetwork: rgb(74, 222, 128),
+        // Green (success)
+        sysmonSeparator: rgb(100, 116, 139)
+        // Dark slate
       })
     };
   }
@@ -969,8 +1081,18 @@ var init_rose_pine_theme = __esm({
         // Pine pink
         dockerRunning: rgb(156, 207, 216),
         // Pine cyan
-        dockerStopped: rgb(235, 111, 146)
+        dockerStopped: rgb(235, 111, 146),
         // Pine red
+        sysmonCpu: rgb(235, 111, 146),
+        // Pine red (alert)
+        sysmonRam: rgb(156, 207, 216),
+        // Pine cyan (info)
+        sysmonDisk: rgb(233, 201, 176),
+        // Pine beige (warning)
+        sysmonNetwork: rgb(156, 207, 216),
+        // Pine cyan (success)
+        sysmonSeparator: rgb(112, 88, 105)
+        // Pine dark
       })
     };
   }
@@ -1042,8 +1164,18 @@ var init_semantic_classic_theme = __esm({
         // Indigo
         dockerRunning: rgb(34, 197, 94),
         // Green
-        dockerStopped: rgb(239, 68, 68)
+        dockerStopped: rgb(239, 68, 68),
         // Red
+        sysmonCpu: rgb(239, 68, 68),
+        // Red (alert)
+        sysmonRam: rgb(59, 130, 246),
+        // Blue (info)
+        sysmonDisk: rgb(234, 179, 8),
+        // Yellow (warning)
+        sysmonNetwork: rgb(34, 197, 94),
+        // Green (success)
+        sysmonSeparator: rgb(75, 85, 99)
+        // Dark gray
       })
     };
   }
@@ -1104,8 +1236,18 @@ var init_slate_blue_theme = __esm({
         // Neutral slate
         dockerRunning: rgb(148, 163, 184),
         // Subtle slate-blue
-        dockerStopped: rgb(175, 188, 201)
+        dockerStopped: rgb(175, 188, 201),
         // Light slate
+        sysmonCpu: rgb(175, 188, 201),
+        // Light slate (alert)
+        sysmonRam: rgb(100, 116, 139),
+        // Cool slate (info)
+        sysmonDisk: rgb(160, 174, 192),
+        // Medium slate (warning)
+        sysmonNetwork: rgb(148, 163, 184),
+        // Subtle slate-blue (success)
+        sysmonSeparator: rgb(71, 85, 105)
+        // Dark slate
       })
     };
   }
@@ -1177,8 +1319,18 @@ var init_solarized_dark_theme = __esm({
         // Orange
         dockerRunning: rgb(133, 153, 0),
         // Olive
-        dockerStopped: rgb(220, 50, 47)
+        dockerStopped: rgb(220, 50, 47),
         // Red
+        sysmonCpu: rgb(220, 50, 47),
+        // Red (alert)
+        sysmonRam: rgb(38, 139, 210),
+        // Blue (info)
+        sysmonDisk: rgb(181, 137, 0),
+        // Yellow (warning)
+        sysmonNetwork: rgb(133, 153, 0),
+        // Olive (success)
+        sysmonSeparator: rgb(7, 54, 66)
+        // Base02
       })
     };
   }
@@ -1250,8 +1402,18 @@ var init_tokyo_night_theme = __esm({
         // Teal
         dockerRunning: rgb(146, 180, 203),
         // Cyan
-        dockerStopped: rgb(249, 86, 119)
+        dockerStopped: rgb(249, 86, 119),
         // Red
+        sysmonCpu: rgb(249, 86, 119),
+        // Red (alert)
+        sysmonRam: rgb(122, 132, 173),
+        // Blue (info)
+        sysmonDisk: rgb(232, 166, 162),
+        // Pink-red (warning)
+        sysmonNetwork: rgb(146, 180, 203),
+        // Cyan (success)
+        sysmonSeparator: rgb(77, 82, 120)
+        // Dark blue-gray
       })
     };
   }
@@ -1323,8 +1485,18 @@ var init_vscode_dark_plus_theme = __esm({
         // Blue
         dockerRunning: rgb(74, 222, 128),
         // Green
-        dockerStopped: rgb(171, 178, 191)
+        dockerStopped: rgb(171, 178, 191),
         // Gray
+        sysmonCpu: rgb(248, 113, 113),
+        // Red (alert)
+        sysmonRam: rgb(96, 165, 250),
+        // Blue (info)
+        sysmonDisk: rgb(251, 191, 36),
+        // Yellow (warning)
+        sysmonNetwork: rgb(74, 222, 128),
+        // Green (success)
+        sysmonSeparator: rgb(86, 92, 104)
+        // Dark gray
       })
     };
   }
@@ -1529,24 +1701,27 @@ var init_widget_registry = __esm({
   "src/core/widget-registry.ts"() {
     "use strict";
     WidgetRegistry = class {
-      widgets = /* @__PURE__ */ new Map();
+      widgets = [];
       /**
        * Register a widget
        */
       async register(widget, context) {
-        if (this.widgets.has(widget.id)) {
-          throw new Error(`Widget with id '${widget.id}' already registered`);
-        }
         if (context) {
           await widget.initialize(context);
         }
-        this.widgets.set(widget.id, widget);
+        this.widgets.push(widget);
       }
       /**
        * Unregister a widget
+       * @param widgetOrId Widget instance or widget id
        */
-      async unregister(id) {
-        const widget = this.widgets.get(id);
+      async unregister(widgetOrId) {
+        let widget;
+        if (typeof widgetOrId === "string") {
+          widget = this.widgets.find((w) => w.id === widgetOrId);
+        } else {
+          widget = this.widgets.find((w) => w === widgetOrId);
+        }
         if (!widget) {
           return;
         }
@@ -1555,26 +1730,29 @@ var init_widget_registry = __esm({
             await widget.cleanup();
           }
         } finally {
-          this.widgets.delete(id);
+          const index = this.widgets.indexOf(widget);
+          if (index !== -1) {
+            this.widgets.splice(index, 1);
+          }
         }
       }
       /**
        * Get a widget by id
        */
       get(id) {
-        return this.widgets.get(id);
+        return this.widgets.find((w) => w.id === id);
       }
       /**
        * Check if widget is registered
        */
       has(id) {
-        return this.widgets.has(id);
+        return this.widgets.some((w) => w.id === id);
       }
       /**
        * Get all registered widgets
        */
       getAll() {
-        return Array.from(this.widgets.values());
+        return [...this.widgets];
       }
       /**
        * Get only enabled widgets
@@ -1586,12 +1764,12 @@ var init_widget_registry = __esm({
        * Clear all widgets
        */
       async clear() {
-        for (const widget of this.widgets.values()) {
+        for (const widget of this.widgets) {
           if (widget.cleanup) {
             await widget.cleanup();
           }
         }
-        this.widgets.clear();
+        this.widgets = [];
       }
     };
   }
@@ -1792,13 +1970,13 @@ function truncatePath(path2) {
     return path2;
   }
   const parts = path2.split("/");
-  return `.../${parts[parts.length - 1]}`;
+  return ".../" + parts[parts.length - 1];
 }
 function formatTool(name, target, colors2) {
   const nameStr = colorize(name, colors2.tools.name);
   if (target) {
-    const targetStr = colorize(`: ${truncatePath(target)}`, colors2.tools.target);
-    return `${nameStr}${targetStr}`;
+    const targetStr = colorize(": " + truncatePath(target), colors2.tools.target);
+    return nameStr + targetStr;
   }
   return nameStr;
 }
@@ -1812,7 +1990,7 @@ function pluralizeTool(name) {
     Grep: "Greps",
     Glob: "Globs"
   };
-  return irregular[name] || `${name}s`;
+  return irregular[name] || name + "s";
 }
 function getDefaultColors() {
   return {
@@ -1884,6 +2062,13 @@ function getDefaultColors() {
       count: "\x1B[37m",
       running: "\x1B[32m",
       stopped: "\x1B[31m"
+    },
+    sysmon: {
+      cpu: "\x1B[31m",
+      ram: "\x1B[36m",
+      disk: "\x1B[33m",
+      network: "\x1B[32m",
+      separator: "\x1B[90m"
     }
   };
 }
@@ -1919,19 +2104,19 @@ var init_styles = __esm({
           const completedCount = completedMap.get(name) ?? 0;
           if (runningCount > 0 && completedCount > 0) {
             const nameStr = colorize(name, c.tools.name);
-            const runningStr = colorize(`${runningCount} running`, c.tools.running);
-            const doneStr = colorize(`${completedCount} done`, c.tools.completed);
-            parts.push(`${nameStr} (${runningStr}, ${doneStr})`);
+            const runningStr = colorize(runningCount + " running", c.tools.running);
+            const doneStr = colorize(completedCount + " done", c.tools.completed);
+            parts.push(nameStr + " (" + runningStr + ", " + doneStr + ")");
           } else if (completedCount > 0) {
             const pluralName = pluralizeTool(name);
             const nameStr = colorize(pluralName, c.tools.name);
-            const countStr = colorize(`${completedCount}`, c.tools.count);
-            parts.push(`${nameStr}: ${countStr}`);
+            const countStr = colorize(String(completedCount), c.tools.count);
+            parts.push(nameStr + ": " + countStr);
           } else if (runningCount > 0) {
             const nameStr = colorize(name, c.tools.name);
-            const runningStr = colorize(`${runningCount} running`, c.tools.running);
+            const runningStr = colorize(runningCount + " running", c.tools.running);
             const doneStr = colorize("0 done", c.tools.completed);
-            parts.push(`${nameStr} (${runningStr}, ${doneStr})`);
+            parts.push(nameStr + " (" + runningStr + ", " + doneStr + ")");
           }
         }
         if (parts.length === 0) {
@@ -1946,10 +2131,10 @@ var init_styles = __esm({
         const parts = [];
         const c = colors2 ?? getDefaultColors();
         for (const tool of data.running) {
-          parts.push(`[${colorize(tool.name, c.tools.name)}]`);
+          parts.push("[" + colorize(tool.name, c.tools.name) + "]");
         }
         for (const [name] of data.completed.slice(0, 3)) {
-          parts.push(`[${colorize(name, c.tools.completed)}]`);
+          parts.push("[" + colorize(name, c.tools.completed) + "]");
         }
         if (parts.length === 0) {
           return "";
@@ -1999,18 +2184,18 @@ var init_styles = __esm({
           const emoji = emojis[name] ?? "\u{1F527}";
           if (runningCount > 0 && completedCount > 0) {
             const nameStr = colorize(name, c.tools.name);
-            const runningStr = colorize(`\u25B6${runningCount}`, c.tools.running);
-            const doneStr = colorize(`\u2713${completedCount}`, c.tools.completed);
-            parts.push(`${emoji} ${nameStr} (${runningStr}, ${doneStr})`);
+            const runningStr = colorize("\u25B6" + runningCount, c.tools.running);
+            const doneStr = colorize("\u2713" + completedCount, c.tools.completed);
+            parts.push(emoji + " " + nameStr + " (" + runningStr + ", " + doneStr + ")");
           } else if (completedCount > 0) {
             const pluralName = pluralizeTool(name);
             const nameStr = colorize(pluralName, c.tools.name);
-            const countStr = colorize(`${completedCount}`, c.tools.count);
-            parts.push(`${emoji} ${nameStr}: ${countStr}`);
+            const countStr = colorize(String(completedCount), c.tools.count);
+            parts.push(emoji + " " + nameStr + ": " + countStr);
           } else if (runningCount > 0) {
             const nameStr = colorize(name, c.tools.name);
-            const runningStr = colorize(`\u25B6${runningCount}`, c.tools.running);
-            parts.push(`${emoji} ${nameStr} (${runningStr})`);
+            const runningStr = colorize("\u25B6" + runningCount, c.tools.running);
+            parts.push(emoji + " " + nameStr + " (" + runningStr + ")");
           }
         }
         if (parts.length === 0) {
@@ -2026,13 +2211,13 @@ var init_styles = __esm({
         const c = colors2 ?? getDefaultColors();
         for (const tool of data.running) {
           const label = colorize("Running:", c.tools.running);
-          parts.push(`${label} ${formatTool(tool.name, tool.target, c)}`);
+          parts.push(label + " " + formatTool(tool.name, tool.target, c));
         }
         const sorted = data.completed.slice(0, 3);
         for (const [name, count] of sorted) {
           const label = colorize("Completed:", c.tools.completed);
-          const countStr = colorize(`(${count}x)`, c.tools.count);
-          parts.push(`${label} ${name} ${countStr}`);
+          const countStr = colorize("(" + count + "x)", c.tools.count);
+          parts.push(label + " " + name + " " + countStr);
         }
         if (parts.length === 0) {
           return "";
@@ -2047,19 +2232,19 @@ var init_styles = __esm({
         const allTools = [
           ...data.running.map((t) => {
             const indicator = colorize("\u25D0", c.tools.running);
-            return `${indicator} ${formatTool(t.name, t.target, c)}`;
+            return indicator + " " + formatTool(t.name, t.target, c);
           }),
           ...data.completed.slice(0, 3).map(([name, count]) => {
             const indicator = colorize("\u2713", c.tools.completed);
-            const countStr = colorize(`\xD7${count}`, c.tools.count);
-            return `${indicator} ${name} ${countStr}`;
+            const countStr = colorize("\xD7" + count, c.tools.count);
+            return indicator + " " + name + " " + countStr;
           })
         ];
         if (allTools.length === 0) {
           return "";
         }
         const prefix = colors2 ? colorize("Tools:", c.semantic.info) : "Tools:";
-        return `${prefix}: ${allTools.join(" | ")}`;
+        return prefix + ": " + allTools.join(" | ");
       },
       /**
        * indicator: ● bullet indicators
@@ -2069,11 +2254,11 @@ var init_styles = __esm({
         const c = colors2 ?? getDefaultColors();
         for (const tool of data.running) {
           const bullet = colorize("\u25CF", c.semantic.info);
-          parts.push(`${bullet} ${formatTool(tool.name, tool.target, c)}`);
+          parts.push(bullet + " " + formatTool(tool.name, tool.target, c));
         }
         for (const [name] of data.completed.slice(0, 3)) {
           const bullet = colorize("\u25CF", c.tools.completed);
-          parts.push(`${bullet} ${name}`);
+          parts.push(bullet + " " + name);
         }
         if (parts.length === 0) {
           return "";
@@ -8024,6 +8209,127 @@ init_git_tag_widget();
 init_git_widget();
 init_lines_widget();
 init_model_widget();
+
+// src/widgets/sysmon-widget.ts
+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;
+  _lineOverride;
+  styleFn = sysmonStyles.balanced;
+  currentMetrics = null;
+  updateIntervalMs = 2500;
+  // 2.5 seconds
+  enabled = true;
+  constructor(colors2, provider) {
+    this.colors = colors2 ?? DEFAULT_THEME;
+    this.provider = provider ?? null;
+  }
+  async initialize(context) {
+    this.enabled = context.config?.enabled !== false;
+    if (!this.provider || !this.enabled) {
+      return;
+    }
+    this.currentMetrics = await this.provider.getMetrics();
+    this.provider.startUpdate(this.updateIntervalMs, (metrics) => {
+      this.currentMetrics = metrics;
+    });
+  }
+  async render(_context) {
+    if (!this.currentMetrics || !this.isEnabled()) {
+      return null;
+    }
+    return this.styleFn(this.currentMetrics, this.colors.sysmon);
+  }
+  async update(_data) {
+  }
+  isEnabled() {
+    return this.enabled && this.provider !== null;
+  }
+  async cleanup() {
+    this.provider?.stopUpdate();
+  }
+  setStyle(style = "balanced") {
+    const fn = sysmonStyles[style];
+    if (fn) {
+      this.styleFn = fn;
+    }
+  }
+  setLine(line) {
+    this._lineOverride = line;
+  }
+  getLine() {
+    return this._lineOverride ?? this.metadata.line ?? 2;
+  }
+};
+
+// src/cli/commands/quick-config/preview.ts
 init_demo_data();
 
 // src/cli/commands/quick-config/index.ts
@@ -8082,6 +8388,9 @@ async function ensureDefaultConfig() {
 
 // src/config/config-loader.ts
 function getConfigPath() {
+  if (process.env.CLAUDE_SCOPE_CONFIG) {
+    return process.env.CLAUDE_SCOPE_CONFIG;
+  }
   return (0, import_node_path4.join)((0, import_node_os4.homedir)(), ".claude-scope", "config.json");
 }
 async function loadWidgetConfig() {
@@ -8864,6 +9173,8 @@ var WidgetFactory = class {
         return new DockerWidget(DEFAULT_THEME);
       case "poker":
         return new PokerWidget(DEFAULT_THEME);
+      case "sysmon":
+        return new SysmonWidget(DEFAULT_THEME);
       case "empty-line":
         return new EmptyLineWidget();
       default:
@@ -8888,6 +9199,7 @@ var WidgetFactory = class {
       "dev-server",
       "docker",
       "poker",
+      "sysmon",
       "empty-line"
     ];
   }
@@ -9079,18 +9391,12 @@ async function readStdin() {
   }
   return Buffer.concat(chunks).toString("utf8");
 }
-function applyWidgetConfig(widget, widgetId, config) {
-  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;
-    }
+function applyWidgetConfig(widget, widgetConfig) {
+  if (typeof widget.setStyle === "function" && isValidWidgetStyle(widgetConfig.style)) {
+    widget.setStyle(widgetConfig.style);
+  }
+  if (typeof widget.setLine === "function" && typeof widgetConfig.line === "number") {
+    widget.setLine(widgetConfig.line);
   }
 }
 async function main() {
@@ -9111,11 +9417,14 @@ async function main() {
     const widgetConfig = await loadWidgetConfig();
     const factory = new WidgetFactory();
     if (widgetConfig) {
-      for (const [_lineNum, widgets] of Object.entries(widgetConfig.lines)) {
+      for (const [lineNum, widgets] of Object.entries(widgetConfig.lines)) {
         for (const widgetConfigItem of widgets) {
           const widget = factory.createWidget(widgetConfigItem.id);
           if (widget) {
-            applyWidgetConfig(widget, widgetConfigItem.id, widgetConfig);
+            applyWidgetConfig(widget, {
+              ...widgetConfigItem,
+              line: parseInt(lineNum, 10)
+            });
             await registry.register(widget);
           }
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-scope",
-  "version": "0.8.18",
+  "version": "0.8.21",
   "description": "Claude Code plugin for session status and analytics",
   "license": "MIT",
   "type": "module",
@@ -51,6 +51,7 @@
     ]
   },
   "dependencies": {
-    "@inquirer/prompts": "^7.10.1"
+    "@inquirer/prompts": "^7.10.1",
+    "systeminformation": "^5.30.3"
   }
 }