claude-scope 0.8.15 → 0.8.18

package/dist/claude-scope.cjs

@@ -38,12 +38,15 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 function colorize(text, color) {
   return `${color}${text}${reset}`;
 }
-var reset, gray;
+var reset, red, gray, lightGray, bold;
 var init_colors = __esm({
   "src/ui/utils/colors.ts"() {
     "use strict";
     reset = "\x1B[0m";
+    red = "\x1B[31m";
     gray = "\x1B[90m";
+    lightGray = "\x1B[37m";
+    bold = "\x1B[1m";
   }
 });
 
@@ -1378,7 +1381,7 @@ var init_theme = __esm({
 });
 
 // src/constants.ts
-var TIME, DEFAULTS, DEMO_DATA, DEFAULT_PROGRESS_BAR_WIDTH;
+var TIME, DEFAULTS, ANSI_COLORS, DEMO_DATA, DEFAULT_PROGRESS_BAR_WIDTH;
 var init_constants = __esm({
   "src/constants.ts"() {
     "use strict";
@@ -1396,6 +1399,16 @@ var init_constants = __esm({
       /** Default width for progress bars in characters */
       PROGRESS_BAR_WIDTH: 20
     };
+    ANSI_COLORS = {
+      /** Green color */
+      GREEN: "\x1B[32m",
+      /** Yellow color */
+      YELLOW: "\x1B[33m",
+      /** Red color */
+      RED: "\x1B[31m",
+      /** Reset color */
+      RESET: "\x1B[0m"
+    };
     DEMO_DATA = {
       /** Demo session cost in USD */
       COST_USD: 0.42,
@@ -1471,7 +1484,7 @@ var init_renderer = __esm({
           for (const widget of widgetsForLine) {
             try {
               const output = await widget.render(context);
-              if (output !== null) {
+              if (output && output.trim().length > 0) {
                 outputs.push(output);
               }
             } catch (error) {
@@ -1952,27 +1965,58 @@ var init_styles = __esm({
         return compactStyle(data, colors2);
       },
       /**
-       * playful: Emojis (📖✏️✨🔄🔍📁) with tool names
+       * playful: Emojis (📖✏️✨🔄🔍📁) with tool counts (like balanced but more fun)
+       * - Shows running + completed counts like balanced style
+       * - Uses emojis instead of text labels for a more playful look
        */
       playful: (data, colors2) => {
         const parts = [];
+        const c = colors2 ?? getDefaultColors();
         const emojis = {
           Read: "\u{1F4D6}",
           Write: "\u270F\uFE0F",
           Edit: "\u2728",
           Bash: "\u{1F504}",
           Grep: "\u{1F50D}",
-          Glob: "\u{1F4C1}"
+          Glob: "\u{1F4C1}",
+          Task: "\u{1F4CB}"
         };
-        for (const tool of data.running.slice(-3)) {
-          const emoji = emojis[tool.name] ?? "\u{1F527}";
-          const nameStr = colors2 ? colorize(tool.name, colors2.tools.name) : tool.name;
-          parts.push(`${emoji} ${nameStr}`);
+        const allToolNames = /* @__PURE__ */ new Set();
+        for (const tool of data.running) {
+          allToolNames.add(tool.name);
+        }
+        for (const [name] of data.completed.slice(0, 3)) {
+          allToolNames.add(name);
+        }
+        const completedMap = new Map(data.completed);
+        const runningCounts = /* @__PURE__ */ new Map();
+        for (const tool of data.running) {
+          runningCounts.set(tool.name, (runningCounts.get(tool.name) ?? 0) + 1);
+        }
+        for (const name of allToolNames) {
+          const runningCount = runningCounts.get(name) ?? 0;
+          const completedCount = completedMap.get(name) ?? 0;
+          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})`);
+          } 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}`);
+          } else if (runningCount > 0) {
+            const nameStr = colorize(name, c.tools.name);
+            const runningStr = colorize(`\u25B6${runningCount}`, c.tools.running);
+            parts.push(`${emoji} ${nameStr} (${runningStr})`);
+          }
         }
         if (parts.length === 0) {
           return "";
         }
-        return parts.join(", ");
+        return parts.join(" | ");
       },
       /**
        * verbose: Full text labels "Running:" and "Completed:"
@@ -2318,6 +2362,9 @@ function formatDuration(ms) {
 function formatCostUSD(usd) {
   return `$${usd.toFixed(2)}`;
 }
+function colorize2(text, color) {
+  return `${color}${text}${ANSI_COLORS.RESET}`;
+}
 function formatK(n) {
   const absN = Math.abs(n);
   if (absN < 1e3) {
@@ -3189,6 +3236,472 @@ var init_cost_widget = __esm({
   }
 });
 
+// src/widgets/dev-server/port-detector.ts
+var import_node_child_process, import_node_util, execFileAsync, PORT_MAPPING, DEV_PORTS, PortDetector;
+var init_port_detector = __esm({
+  "src/widgets/dev-server/port-detector.ts"() {
+    "use strict";
+    import_node_child_process = require("node:child_process");
+    import_node_util = require("node:util");
+    execFileAsync = (0, import_node_util.promisify)(import_node_child_process.execFile);
+    PORT_MAPPING = {
+      5173: { name: "Vite", icon: "\u26A1" },
+      4200: { name: "Angular", icon: "\u25B2" },
+      3e3: { name: "Dev", icon: "\u{1F680}" },
+      8080: { name: "Webpack", icon: "\u{1F4E6}" },
+      8e3: { name: "Dev", icon: "\u{1F680}" },
+      8888: { name: "Dev", icon: "\u{1F680}" }
+    };
+    DEV_PORTS = [5173, 4200, 3e3, 8080, 8e3, 8888];
+    PortDetector = class {
+      execFn;
+      /**
+       * Create a new PortDetector
+       * @param execFn - Optional execFile function for testing (dependency injection)
+       */
+      constructor(execFn) {
+        this.execFn = execFn ?? execFileAsync;
+      }
+      /**
+       * Detect running dev servers by checking listening ports
+       * @returns Detected server info or null
+       */
+      async detect() {
+        try {
+          const args = [
+            "-nP",
+            // No host names, no port names
+            "-iTCP",
+            // Internet TCP
+            "-sTCP:LISTEN"
+            // TCP LISTEN state only
+          ];
+          for (const port of DEV_PORTS) {
+            args.push("-i", `:${port}`);
+          }
+          const { stdout } = await this.execFn("lsof", args, {
+            timeout: 2e3
+          });
+          const lines = stdout.trim().split("\n");
+          for (const line of lines) {
+            if (!line || line.startsWith("COMMAND")) continue;
+            const match = line.match(/:(\d+)\s*\(LISTEN\)/);
+            if (match) {
+              const port = parseInt(match[1], 10);
+              const mapping = PORT_MAPPING[port];
+              if (mapping) {
+                return {
+                  name: mapping.name,
+                  icon: mapping.icon,
+                  port,
+                  isRunning: true,
+                  isBuilding: false
+                };
+              }
+            }
+          }
+          return null;
+        } catch {
+          return null;
+        }
+      }
+    };
+  }
+});
+
+// src/widgets/dev-server/process-detector.ts
+var import_node_child_process2, import_node_util2, execFileAsync2, ProcessDetector;
+var init_process_detector = __esm({
+  "src/widgets/dev-server/process-detector.ts"() {
+    "use strict";
+    import_node_child_process2 = require("node:child_process");
+    import_node_util2 = require("node:util");
+    execFileAsync2 = (0, import_node_util2.promisify)(import_node_child_process2.execFile);
+    ProcessDetector = class {
+      execFn;
+      processPatterns = [
+        // Generic server patterns - more specific to avoid shell history false positives
+        { regex: /^[\w\s]+\/npm\s+(exec|run)\s+serve/i, name: "Server", icon: "\u{1F310}" },
+        { regex: /^[\w\s]+\/npx\s+serve\s+-/i, name: "Server", icon: "\u{1F310}" },
+        { regex: /^[\w\s]+\/(python|python3)\s+-m\s+http\.server/i, name: "HTTP", icon: "\u{1F310}" },
+        // Generic dev/build patterns - require full command path
+        { regex: /^[\w\s]+\/(npm|yarn|pnpm|bun)\s+run\s+dev\s*$/i, name: "Dev", icon: "\u{1F680}" },
+        { regex: /^[\w\s]+\/(npm|yarn|pnpm|bun)\s+run\s+build\s*$/i, name: "Build", icon: "\u{1F528}" },
+        // Framework-specific patterns - require executable path
+        { regex: /\/(nuxt|next|astro|remix|svelte)\s+dev/i, name: "Framework", icon: "\u26A1" },
+        { regex: /\/node.*\/vite\s*$/i, name: "Vite", icon: "\u26A1" },
+        // Fallback: simpler patterns but checked last
+        { regex: /\s(nuxt|next|vite)\s+dev\s/i, name: "DevServer", icon: "\u26A1" }
+      ];
+      /**
+       * Create a new ProcessDetector
+       * @param execFn - Optional execFile function for testing (dependency injection)
+       */
+      constructor(execFn) {
+        this.execFn = execFn ?? execFileAsync2;
+      }
+      /**
+       * Detect running dev server by parsing system process list
+       * @returns Detected server status or null
+       */
+      async detect() {
+        try {
+          const { stdout } = await this.execFn("ps", ["aux"], {
+            timeout: 1e3
+          });
+          for (const pattern of this.processPatterns) {
+            if (pattern.regex.test(stdout)) {
+              const isBuilding = pattern.name.toLowerCase().includes("build");
+              const isRunning = !isBuilding;
+              return {
+                name: pattern.name,
+                icon: pattern.icon,
+                isRunning,
+                isBuilding
+              };
+            }
+          }
+        } catch {
+        }
+        return null;
+      }
+    };
+  }
+});
+
+// src/widgets/dev-server/styles.ts
+var devServerStyles;
+var init_styles6 = __esm({
+  "src/widgets/dev-server/styles.ts"() {
+    "use strict";
+    init_colors();
+    devServerStyles = {
+      balanced: (data, colors2) => {
+        if (!data.server) return "";
+        const { name, icon, isRunning, isBuilding } = data.server;
+        const status = isRunning ? "running" : isBuilding ? "building" : "stopped";
+        const coloredName = colors2 ? colorize(name, colors2.name) : name;
+        const coloredStatus = colors2 ? colorize(`(${status})`, colors2.status) : `(${status})`;
+        return `${icon} ${coloredName} ${coloredStatus}`;
+      },
+      compact: (data, colors2) => {
+        if (!data.server) return "";
+        const { name, icon, isRunning, isBuilding } = data.server;
+        const statusIcon = isRunning ? "\u{1F680}" : isBuilding ? "\u{1F528}" : "\u{1F4A4}";
+        const coloredName = colors2 ? colorize(name, colors2.name) : name;
+        return `${icon} ${coloredName} ${statusIcon}`;
+      },
+      playful: (data, colors2) => {
+        if (!data.server) return "";
+        const { name, isRunning, isBuilding } = data.server;
+        const emoji = isRunning ? "\u{1F3C3}" : isBuilding ? "\u{1F528}" : "\u{1F4A4}";
+        const coloredName = colors2 ? colorize(name, colors2.name) : name;
+        return `${emoji} ${coloredName}`;
+      },
+      verbose: (data, colors2) => {
+        if (!data.server) return "";
+        const { name, isRunning, isBuilding } = data.server;
+        const status = isRunning ? "running" : isBuilding ? "building" : "stopped";
+        const label = colors2 ? colorize("Dev Server:", colors2.label) : "Dev Server:";
+        const coloredName = colors2 ? colorize(name, colors2.name) : name;
+        const coloredStatus = colors2 ? colorize(`(${status})`, colors2.status) : `(${status})`;
+        return `${label} ${coloredName} ${coloredStatus}`;
+      },
+      labeled: (data, colors2) => {
+        if (!data.server) return "";
+        const { name, icon, isRunning } = data.server;
+        const status = isRunning ? "\u{1F7E2}" : "\u{1F534}";
+        const label = colors2 ? colorize("Server:", colors2.label) : "Server:";
+        const coloredName = colors2 ? colorize(name, colors2.name) : name;
+        return `${label} ${icon} ${coloredName} ${status}`;
+      },
+      indicator: (data, colors2) => {
+        if (!data.server) return "";
+        const { name, icon } = data.server;
+        const coloredName = colors2 ? colorize(name, colors2.name) : name;
+        return `\u25CF ${icon} ${coloredName}`;
+      }
+    };
+  }
+});
+
+// src/widgets/dev-server/dev-server-widget.ts
+var DevServerWidget;
+var init_dev_server_widget = __esm({
+  "src/widgets/dev-server/dev-server-widget.ts"() {
+    "use strict";
+    init_widget_types();
+    init_theme();
+    init_port_detector();
+    init_process_detector();
+    init_styles6();
+    DevServerWidget = class {
+      id = "dev-server";
+      metadata = createWidgetMetadata(
+        "Dev Server",
+        "Detects running dev server processes using hybrid port+process detection",
+        "1.1.0",
+        "claude-scope",
+        0
+      );
+      enabled = true;
+      colors;
+      _lineOverride;
+      styleFn = devServerStyles.balanced;
+      cwd = null;
+      portDetector;
+      processDetector;
+      constructor(colors2) {
+        this.colors = colors2 ?? DEFAULT_THEME;
+        this.portDetector = new PortDetector();
+        this.processDetector = new ProcessDetector();
+      }
+      /**
+       * Set display style
+       * @param style - Style to use for rendering
+       */
+      setStyle(style = "balanced") {
+        const fn = devServerStyles[style];
+        if (fn) {
+          this.styleFn = fn;
+        }
+      }
+      /**
+       * Set display line override
+       * @param line - Line number (0-indexed)
+       */
+      setLine(line) {
+        this._lineOverride = line;
+      }
+      /**
+       * Get display line
+       * @returns Line number (0-indexed)
+       */
+      getLine() {
+        return this._lineOverride ?? this.metadata.line ?? 0;
+      }
+      /**
+       * Initialize widget with context
+       * @param context - Widget initialization context
+       */
+      async initialize(context) {
+        this.enabled = context.config?.enabled !== false;
+      }
+      /**
+       * Update widget with new stdin data
+       * @param data - Stdin data from Claude Code
+       */
+      async update(data) {
+        this.cwd = data.cwd;
+      }
+      /**
+       * Check if widget is enabled
+       * @returns true if widget should render
+       */
+      isEnabled() {
+        return this.enabled;
+      }
+      /**
+       * Cleanup resources
+       */
+      async cleanup() {
+      }
+      /**
+       * Render widget output
+       * @param context - Render context
+       * @returns Rendered string, or null if no dev server detected
+       */
+      async render(_context) {
+        if (!this.enabled || !this.cwd) {
+          return null;
+        }
+        const server = await this.detectDevServer();
+        if (!server) {
+          return null;
+        }
+        const renderData = { server };
+        return this.styleFn(renderData, this.colors.devServer);
+      }
+      /**
+       * Detect running dev server using hybrid approach
+       *
+       * 1. Try port-based detection first (more reliable)
+       * 2. Fall back to process-based detection
+       *
+       * @returns Detected server status or null
+       */
+      async detectDevServer() {
+        const portResult = await this.portDetector.detect();
+        if (portResult) {
+          return {
+            name: portResult.name,
+            icon: portResult.icon,
+            isRunning: portResult.isRunning,
+            isBuilding: portResult.isBuilding
+          };
+        }
+        return await this.processDetector.detect();
+      }
+    };
+  }
+});
+
+// src/widgets/docker/styles.ts
+var dockerStyles;
+var init_styles7 = __esm({
+  "src/widgets/docker/styles.ts"() {
+    "use strict";
+    init_colors();
+    dockerStyles = {
+      balanced: (data, colors2) => {
+        const { running, total } = data.status;
+        if (running === 0) return "";
+        const status = running > 0 ? "\u{1F7E2}" : "\u26AA";
+        const count = total > running ? `${running}/${total}` : `${running}`;
+        const label = colors2 ? colorize("Docker:", colors2.label) : "Docker:";
+        const coloredCount = colors2 ? colorize(count, colors2.count) : count;
+        return `${label} ${coloredCount} ${status}`;
+      },
+      compact: (data, colors2) => {
+        const { running, total } = data.status;
+        if (running === 0) return "";
+        const count = total > running ? `${running}/${total}` : `${running}`;
+        const coloredCount = colors2 ? colorize(count, colors2.count) : count;
+        return `\u{1F433} ${coloredCount}`;
+      },
+      playful: (data, colors2) => {
+        const { running, total } = data.status;
+        if (running === 0) return "\u{1F433} Docker: \u{1F4A4}";
+        const status = running > 0 ? "\u{1F7E2}" : "\u26AA";
+        const count = total > running ? `${running}/${total}` : `${running}`;
+        const label = colors2 ? colorize("Docker:", colors2.label) : "Docker:";
+        const coloredCount = colors2 ? colorize(count, colors2.count) : count;
+        return `\u{1F433} ${label} ${coloredCount} ${status}`;
+      },
+      verbose: (data, colors2) => {
+        const { running, total } = data.status;
+        if (running === 0) {
+          const label2 = colors2 ? colorize("Docker:", colors2.label) : "Docker:";
+          return `${label2} no containers running`;
+        }
+        const label = colors2 ? colorize("Docker:", colors2.label) : "Docker:";
+        const coloredRunning = colors2 ? colorize(String(running), colors2.count) : String(running);
+        return `${label} ${coloredRunning} running${total > running ? ` / ${total} total` : ""}`;
+      },
+      labeled: (data, colors2) => {
+        const { running, total } = data.status;
+        if (running === 0) {
+          const label2 = colors2 ? colorize("Docker:", colors2.label) : "Docker:";
+          return `${label2} --`;
+        }
+        const count = total > running ? `${running}/${total}` : `${running}`;
+        const label = colors2 ? colorize("Docker:", colors2.label) : "Docker:";
+        const coloredCount = colors2 ? colorize(count, colors2.count) : count;
+        return `${label} ${coloredCount}`;
+      },
+      indicator: (data, colors2) => {
+        const { running, total } = data.status;
+        if (running === 0) {
+          const label2 = colors2 ? colorize("Docker:", colors2.label) : "Docker:";
+          return `\u25CF ${label2} --`;
+        }
+        const count = total > running ? `${running}/${total}` : `${running}`;
+        const label = colors2 ? colorize("Docker:", colors2.label) : "Docker:";
+        const coloredCount = colors2 ? colorize(count, colors2.count) : count;
+        return `\u25CF ${label} ${coloredCount}`;
+      }
+    };
+  }
+});
+
+// src/widgets/docker/docker-widget.ts
+var import_node_child_process3, import_node_util3, execFileAsync3, DockerWidget;
+var init_docker_widget = __esm({
+  "src/widgets/docker/docker-widget.ts"() {
+    "use strict";
+    import_node_child_process3 = require("node:child_process");
+    import_node_util3 = require("node:util");
+    init_widget_types();
+    init_theme();
+    init_styles7();
+    execFileAsync3 = (0, import_node_util3.promisify)(import_node_child_process3.execFile);
+    DockerWidget = class {
+      id = "docker";
+      metadata = createWidgetMetadata(
+        "Docker",
+        "Shows Docker container count and status",
+        "1.0.0",
+        "claude-scope",
+        0
+      );
+      enabled = true;
+      colors;
+      _lineOverride;
+      styleFn = dockerStyles.balanced;
+      cachedStatus = null;
+      lastCheck = 0;
+      CACHE_TTL = 5e3;
+      constructor(colors2) {
+        this.colors = colors2 ?? DEFAULT_THEME;
+      }
+      setStyle(style = "balanced") {
+        const fn = dockerStyles[style];
+        if (fn) {
+          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;
+      }
+      async update(_data) {
+      }
+      isEnabled() {
+        return this.enabled;
+      }
+      async cleanup() {
+      }
+      async render(_context) {
+        if (!this.enabled) {
+          return null;
+        }
+        const now = Date.now();
+        if (this.cachedStatus && now - this.lastCheck < this.CACHE_TTL) {
+          return this.styleFn({ status: this.cachedStatus }, this.colors.docker);
+        }
+        const status = await this.getDockerStatus();
+        this.cachedStatus = status;
+        this.lastCheck = now;
+        if (!status.isAvailable) {
+          return null;
+        }
+        return this.styleFn({ status }, this.colors.docker);
+      }
+      async getDockerStatus() {
+        try {
+          await execFileAsync3("docker", ["info"], { timeout: 2e3 });
+          const { stdout: runningOutput } = await execFileAsync3("docker", ["ps", "-q"], {
+            timeout: 1e3
+          });
+          const running = runningOutput.trim().split("\n").filter((line) => line).length;
+          const { stdout: allOutput } = await execFileAsync3("docker", ["ps", "-aq"], {
+            timeout: 1e3
+          });
+          const total = allOutput.trim().split("\n").filter((line) => line).length;
+          return { running, total, isAvailable: true };
+        } catch {
+          return { running: 0, total: 0, isAvailable: false };
+        }
+      }
+    };
+  }
+});
+
 // src/widgets/duration/styles.ts
 function formatDurationWithColors(ms, colors2) {
   if (ms <= 0) return colorize("0s", colors2.value);
@@ -3214,7 +3727,7 @@ function formatDurationWithColors(ms, colors2) {
   return parts.join(" ");
 }
 var durationStyles;
-var init_styles6 = __esm({
+var init_styles8 = __esm({
   "src/widgets/duration/styles.ts"() {
     "use strict";
     init_colors();
@@ -3294,7 +3807,7 @@ var init_duration_widget = __esm({
     init_widget_types();
     init_theme();
     init_stdin_data_widget();
-    init_styles6();
+    init_styles8();
     DurationWidget = class extends StdinDataWidget {
       id = "duration";
       metadata = createWidgetMetadata(
@@ -3339,13 +3852,13 @@ var init_duration_widget = __esm({
 function createGit(cwd) {
   return new NativeGit(cwd);
 }
-var import_node_child_process, import_node_util, execFileAsync, NativeGit;
+var import_node_child_process4, import_node_util4, execFileAsync4, NativeGit;
 var init_git_provider = __esm({
   "src/providers/git-provider.ts"() {
-    "use strict";
-    import_node_child_process = require("node:child_process");
-    import_node_util = require("node:util");
-    execFileAsync = (0, import_node_util.promisify)(import_node_child_process.execFile);
+    "use strict";
+    import_node_child_process4 = require("node:child_process");
+    import_node_util4 = require("node:util");
+    execFileAsync4 = (0, import_node_util4.promisify)(import_node_child_process4.execFile);
     NativeGit = class {
       cwd;
       constructor(cwd) {
@@ -3353,7 +3866,7 @@ var init_git_provider = __esm({
       }
       async status() {
         try {
-          const { stdout } = await execFileAsync("git", ["status", "--branch", "--short"], {
+          const { stdout } = await execFileAsync4("git", ["status", "--branch", "--short"], {
             cwd: this.cwd
           });
           const match = stdout.match(/^##\s+(\S+)/m);
@@ -3369,7 +3882,7 @@ var init_git_provider = __esm({
           args.push(...options);
         }
         try {
-          const { stdout } = await execFileAsync("git", args, {
+          const { stdout } = await execFileAsync4("git", args, {
             cwd: this.cwd
           });
           const fileMatch = stdout.match(/(\d+)\s+file(s?)\s+changed/);
@@ -3386,7 +3899,7 @@ var init_git_provider = __esm({
       }
       async latestTag() {
         try {
-          const { stdout } = await execFileAsync("git", ["describe", "--tags", "--abbrev=0"], {
+          const { stdout } = await execFileAsync4("git", ["describe", "--tags", "--abbrev=0"], {
             cwd: this.cwd
           });
           return stdout.trim();
@@ -3400,7 +3913,7 @@ var init_git_provider = __esm({
 
 // src/widgets/git-tag/styles.ts
 var gitTagStyles;
-var init_styles7 = __esm({
+var init_styles9 = __esm({
   "src/widgets/git-tag/styles.ts"() {
     "use strict";
     init_colors();
@@ -3450,7 +3963,7 @@ var init_git_tag_widget = __esm({
     init_widget_types();
     init_git_provider();
     init_theme();
-    init_styles7();
+    init_styles9();
     GitTagWidget = class {
       id = "git-tag";
       metadata = createWidgetMetadata(
@@ -3522,7 +4035,7 @@ var init_git_tag_widget = __esm({
 
 // src/widgets/git/styles.ts
 var gitStyles;
-var init_styles8 = __esm({
+var init_styles10 = __esm({
   "src/widgets/git/styles.ts"() {
     "use strict";
     init_colors();
@@ -3624,7 +4137,7 @@ var init_git_widget = __esm({
     init_widget_types();
     init_git_provider();
     init_theme();
-    init_styles8();
+    init_styles10();
     GitWidget = class {
       id = "git";
       metadata = createWidgetMetadata(
@@ -3716,7 +4229,7 @@ var init_git_widget = __esm({
 
 // src/widgets/lines/styles.ts
 var linesStyles;
-var init_styles9 = __esm({
+var init_styles11 = __esm({
   "src/widgets/lines/styles.ts"() {
     "use strict";
     init_colors();
@@ -3776,7 +4289,7 @@ var init_lines_widget = __esm({
     init_widget_types();
     init_theme();
     init_stdin_data_widget();
-    init_styles9();
+    init_styles11();
     LinesWidget = class extends StdinDataWidget {
       id = "lines";
       metadata = createWidgetMetadata(
@@ -3821,7 +4334,7 @@ function getShortName(displayName) {
   return displayName.replace(/^Claude\s+/, "");
 }
 var modelStyles;
-var init_styles10 = __esm({
+var init_styles12 = __esm({
   "src/widgets/model/styles.ts"() {
     "use strict";
     init_colors();
@@ -3876,7 +4389,7 @@ var init_model_widget = __esm({
     init_widget_types();
     init_theme();
     init_stdin_data_widget();
-    init_styles10();
+    init_styles12();
     ModelWidget = class extends StdinDataWidget {
       id = "model";
       metadata = createWidgetMetadata(
@@ -4018,6 +4531,16 @@ async function registerWidgetsFromConfig(registry, config, style, themeName) {
       const w = new CacheMetricsWidget(themeColors);
       w.setStyle(s);
       return w;
+    },
+    "dev-server": (s) => {
+      const w = new DevServerWidget(themeColors);
+      w.setStyle(s);
+      return w;
+    },
+    docker: (s) => {
+      const w = new DockerWidget(themeColors);
+      w.setStyle(s);
+      return w;
     }
   };
   for (const [lineNum, widgets] of Object.entries(config.lines)) {
@@ -4065,6 +4588,8 @@ var init_layout_preview = __esm({
     init_config_count_widget();
     init_context_widget();
     init_cost_widget();
+    init_dev_server_widget();
+    init_docker_widget();
     init_duration_widget();
     init_git_tag_widget();
     init_git_widget();
@@ -6639,10 +7164,10 @@ var init_esm2 = __esm({
 });
 
 // node_modules/@inquirer/core/dist/esm/lib/screen-manager.js
-var import_node_util2, height, lastLine, ScreenManager;
+var import_node_util5, height, lastLine, ScreenManager;
 var init_screen_manager = __esm({
   "node_modules/@inquirer/core/dist/esm/lib/screen-manager.js"() {
-    import_node_util2 = require("node:util");
+    import_node_util5 = require("node:util");
     init_utils();
     init_esm2();
     height = (content) => content.split("\n").length;
@@ -6664,7 +7189,7 @@ var init_screen_manager = __esm({
       }
       render(content, bottomContent = "") {
         const promptLine = lastLine(content);
-        const rawPromptLine = (0, import_node_util2.stripVTControlCharacters)(promptLine);
+        const rawPromptLine = (0, import_node_util5.stripVTControlCharacters)(promptLine);
         let prompt = rawPromptLine;
         if (this.rl.line.length > 0) {
           prompt = prompt.slice(0, -this.rl.line.length);
@@ -6980,6 +7505,7 @@ function generateBalancedLayout(style, themeName) {
   const theme = getThemeByName(themeName).colors;
   return {
     version: "1.0.0",
+    $aiDocs: "https://github.com/YuriNachos/claude-scope/blob/main/AI-CONFIG-GUIDE.md",
     lines: {
       "0": [
         {
@@ -7048,6 +7574,7 @@ function generateCompactLayout(style, themeName) {
   const theme = getThemeByName(themeName).colors;
   return {
     version: "1.0.0",
+    $aiDocs: "https://github.com/YuriNachos/claude-scope/blob/main/AI-CONFIG-GUIDE.md",
     lines: {
       "0": [
         {
@@ -7088,6 +7615,7 @@ function generateRichLayout(style, themeName) {
   const theme = getThemeByName(themeName).colors;
   return {
     version: "1.0.0",
+    $aiDocs: "https://github.com/YuriNachos/claude-scope/blob/main/AI-CONFIG-GUIDE.md",
     lines: {
       "0": [
         {
@@ -7548,7 +8076,7 @@ async function ensureDefaultConfig() {
   if (!(0, import_node_fs3.existsSync)(configDir)) {
     (0, import_node_fs3.mkdirSync)(configDir, { recursive: true });
   }
-  const defaultConfig = generateBalancedLayout("balanced", "cyberpunk-neon");
+  const defaultConfig = generateRichLayout("balanced", "dracula");
   (0, import_node_fs3.writeFileSync)(configPath, JSON.stringify(defaultConfig, null, 2), "utf-8");
 }
 
@@ -7590,382 +8118,626 @@ init_config_count_widget();
 init_context_widget();
 init_cost_widget();
 
-// src/widgets/dev-server/dev-server-widget.ts
-init_widget_types();
-init_theme();
-
-// src/widgets/dev-server/port-detector.ts
-var import_node_child_process2 = require("node:child_process");
-var import_node_util3 = require("node:util");
-var execFileAsync2 = (0, import_node_util3.promisify)(import_node_child_process2.execFile);
-var PORT_MAPPING = {
-  5173: { name: "Vite", icon: "\u26A1" },
-  4200: { name: "Angular", icon: "\u25B2" },
-  3e3: { name: "Dev", icon: "\u{1F680}" },
-  8080: { name: "Webpack", icon: "\u{1F4E6}" },
-  8e3: { name: "Dev", icon: "\u{1F680}" },
-  8888: { name: "Dev", icon: "\u{1F680}" }
-};
-var DEV_PORTS = [5173, 4200, 3e3, 8080, 8e3, 8888];
-var PortDetector = class {
-  execFn;
-  /**
-   * Create a new PortDetector
-   * @param execFn - Optional execFile function for testing (dependency injection)
-   */
-  constructor(execFn) {
-    this.execFn = execFn ?? execFileAsync2;
-  }
-  /**
-   * Detect running dev servers by checking listening ports
-   * @returns Detected server info or null
-   */
-  async detect() {
-    try {
-      const args = [
-        "-nP",
-        // No host names, no port names
-        "-iTCP",
-        // Internet TCP
-        "-sTCP:LISTEN"
-        // TCP LISTEN state only
-      ];
-      for (const port of DEV_PORTS) {
-        args.push("-i", `:${port}`);
-      }
-      const { stdout } = await this.execFn("lsof", args, {
-        timeout: 2e3
-      });
-      const lines = stdout.trim().split("\n");
-      for (const line of lines) {
-        if (!line || line.startsWith("COMMAND")) continue;
-        const match = line.match(/:(\d+)\s*\(LISTEN\)/);
-        if (match) {
-          const port = parseInt(match[1], 10);
-          const mapping = PORT_MAPPING[port];
-          if (mapping) {
-            return {
-              name: mapping.name,
-              icon: mapping.icon,
-              port,
-              isRunning: true,
-              isBuilding: false
-            };
-          }
-        }
-      }
-      return null;
-    } catch {
-      return null;
-    }
-  }
-};
+// src/widgets/dev-server/index.ts
+init_dev_server_widget();
+init_port_detector();
+init_process_detector();
 
-// src/widgets/dev-server/process-detector.ts
-var import_node_child_process3 = require("node:child_process");
-var import_node_util4 = require("node:util");
-var execFileAsync3 = (0, import_node_util4.promisify)(import_node_child_process3.execFile);
-var ProcessDetector = class {
-  execFn;
-  processPatterns = [
-    // Generic server patterns - more specific to avoid shell history false positives
-    { regex: /^[\w\s]+\/npm\s+(exec|run)\s+serve/i, name: "Server", icon: "\u{1F310}" },
-    { regex: /^[\w\s]+\/npx\s+serve\s+-/i, name: "Server", icon: "\u{1F310}" },
-    { regex: /^[\w\s]+\/(python|python3)\s+-m\s+http\.server/i, name: "HTTP", icon: "\u{1F310}" },
-    // Generic dev/build patterns - require full command path
-    { regex: /^[\w\s]+\/(npm|yarn|pnpm|bun)\s+run\s+dev\s*$/i, name: "Dev", icon: "\u{1F680}" },
-    { regex: /^[\w\s]+\/(npm|yarn|pnpm|bun)\s+run\s+build\s*$/i, name: "Build", icon: "\u{1F528}" },
-    // Framework-specific patterns - require executable path
-    { regex: /\/(nuxt|next|astro|remix|svelte)\s+dev/i, name: "Framework", icon: "\u26A1" },
-    { regex: /\/node.*\/vite\s*$/i, name: "Vite", icon: "\u26A1" },
-    // Fallback: simpler patterns but checked last
-    { regex: /\s(nuxt|next|vite)\s+dev\s/i, name: "DevServer", icon: "\u26A1" }
-  ];
-  /**
-   * Create a new ProcessDetector
-   * @param execFn - Optional execFile function for testing (dependency injection)
-   */
-  constructor(execFn) {
-    this.execFn = execFn ?? execFileAsync3;
-  }
-  /**
-   * Detect running dev server by parsing system process list
-   * @returns Detected server status or null
-   */
-  async detect() {
-    try {
-      const { stdout } = await this.execFn("ps", ["aux"], {
-        timeout: 1e3
-      });
-      for (const pattern of this.processPatterns) {
-        if (pattern.regex.test(stdout)) {
-          const isBuilding = pattern.name.toLowerCase().includes("build");
-          const isRunning = !isBuilding;
-          return {
-            name: pattern.name,
-            icon: pattern.icon,
-            isRunning,
-            isBuilding
-          };
-        }
-      }
-    } catch {
-    }
-    return null;
-  }
-};
+// src/widgets/docker/index.ts
+init_docker_widget();
 
-// src/widgets/dev-server/styles.ts
-init_colors();
-var devServerStyles = {
-  balanced: (data, colors2) => {
-    if (!data.server) return "";
-    const { name, icon, isRunning, isBuilding } = data.server;
-    const status = isRunning ? "running" : isBuilding ? "building" : "stopped";
-    const coloredName = colors2 ? colorize(name, colors2.name) : name;
-    const coloredStatus = colors2 ? colorize(`(${status})`, colors2.status) : `(${status})`;
-    return `${icon} ${coloredName} ${coloredStatus}`;
-  },
-  compact: (data, colors2) => {
-    if (!data.server) return "";
-    const { name, icon, isRunning, isBuilding } = data.server;
-    const statusIcon = isRunning ? "\u{1F680}" : isBuilding ? "\u{1F528}" : "\u{1F4A4}";
-    const coloredName = colors2 ? colorize(name, colors2.name) : name;
-    return `${icon} ${coloredName} ${statusIcon}`;
-  },
-  playful: (data, colors2) => {
-    if (!data.server) return "";
-    const { name, isRunning, isBuilding } = data.server;
-    const emoji = isRunning ? "\u{1F3C3}" : isBuilding ? "\u{1F528}" : "\u{1F4A4}";
-    const coloredName = colors2 ? colorize(name, colors2.name) : name;
-    return `${emoji} ${coloredName}`;
-  },
-  verbose: (data, colors2) => {
-    if (!data.server) return "";
-    const { name, isRunning, isBuilding } = data.server;
-    const status = isRunning ? "running" : isBuilding ? "building" : "stopped";
-    const label = colors2 ? colorize("Dev Server:", colors2.label) : "Dev Server:";
-    const coloredName = colors2 ? colorize(name, colors2.name) : name;
-    const coloredStatus = colors2 ? colorize(`(${status})`, colors2.status) : `(${status})`;
-    return `${label} ${coloredName} ${coloredStatus}`;
-  },
-  labeled: (data, colors2) => {
-    if (!data.server) return "";
-    const { name, icon, isRunning } = data.server;
-    const status = isRunning ? "\u{1F7E2}" : "\u{1F534}";
-    const label = colors2 ? colorize("Server:", colors2.label) : "Server:";
-    const coloredName = colors2 ? colorize(name, colors2.name) : name;
-    return `${label} ${icon} ${coloredName} ${status}`;
-  },
-  indicator: (data, colors2) => {
-    if (!data.server) return "";
-    const { name, icon } = data.server;
-    const coloredName = colors2 ? colorize(name, colors2.name) : name;
-    return `\u25CF ${icon} ${coloredName}`;
-  }
-};
+// src/core/widget-factory.ts
+init_duration_widget();
 
-// src/widgets/dev-server/dev-server-widget.ts
-var DevServerWidget = class {
-  id = "dev-server";
+// src/widgets/empty-line-widget.ts
+init_widget_types();
+init_stdin_data_widget();
+var EmptyLineWidget = class extends StdinDataWidget {
+  id = "empty-line";
   metadata = createWidgetMetadata(
-    "Dev Server",
-    "Detects running dev server processes using hybrid port+process detection",
-    "1.1.0",
+    "Empty Line",
+    "Empty line separator",
+    "1.0.0",
     "claude-scope",
-    0
+    5
+    // Sixth line (0-indexed)
   );
-  enabled = true;
-  colors;
   _lineOverride;
-  styleFn = devServerStyles.balanced;
-  cwd = null;
-  portDetector;
-  processDetector;
-  constructor(colors2) {
-    this.colors = colors2 ?? DEFAULT_THEME;
-    this.portDetector = new PortDetector();
-    this.processDetector = new ProcessDetector();
-  }
   /**
-   * Set display style
-   * @param style - Style to use for rendering
+   * All styles return the same value (Braille Pattern Blank).
+   * This method exists for API consistency with other widgets.
    */
-  setStyle(style = "balanced") {
-    const fn = devServerStyles[style];
-    if (fn) {
-      this.styleFn = fn;
-    }
+  setStyle(_style) {
   }
-  /**
-   * Set display line override
-   * @param line - Line number (0-indexed)
-   */
   setLine(line) {
     this._lineOverride = line;
   }
-  /**
-   * Get display line
-   * @returns Line number (0-indexed)
-   */
   getLine() {
     return this._lineOverride ?? this.metadata.line ?? 0;
   }
   /**
-   * Initialize widget with context
-   * @param context - Widget initialization context
+   * Return Braille Pattern Blank to create a visible empty separator line.
+   * U+2800 occupies cell width but appears blank, ensuring the line renders.
    */
-  async initialize(context) {
-    this.enabled = context.config?.enabled !== false;
+  renderWithData(_data, _context) {
+    return "\u2800";
+  }
+};
+
+// src/core/widget-factory.ts
+init_git_tag_widget();
+init_git_widget();
+init_lines_widget();
+init_model_widget();
+
+// src/widgets/poker-widget.ts
+init_style_types();
+init_widget_types();
+init_theme();
+init_stdin_data_widget();
+
+// src/widgets/poker/deck.ts
+var import_node_crypto = require("node:crypto");
+
+// src/widgets/poker/types.ts
+var Suit = {
+  Spades: "spades",
+  Hearts: "hearts",
+  Diamonds: "diamonds",
+  Clubs: "clubs"
+};
+var SUIT_SYMBOLS = {
+  spades: "\u2660",
+  hearts: "\u2665",
+  diamonds: "\u2666",
+  clubs: "\u2663"
+};
+var EMOJI_SYMBOLS = {
+  spades: "\u2660\uFE0F",
+  // ♠️
+  hearts: "\u2665\uFE0F",
+  // ♥️
+  diamonds: "\u2666\uFE0F",
+  // ♦️
+  clubs: "\u2663\uFE0F"
+  // ♣️
+};
+function isRedSuit(suit) {
+  return suit === "hearts" || suit === "diamonds";
+}
+var Rank = {
+  Two: "2",
+  Three: "3",
+  Four: "4",
+  Five: "5",
+  Six: "6",
+  Seven: "7",
+  Eight: "8",
+  Nine: "9",
+  Ten: "10",
+  Jack: "J",
+  Queen: "Q",
+  King: "K",
+  Ace: "A"
+};
+function getRankValue(rank) {
+  const values = {
+    "2": 2,
+    "3": 3,
+    "4": 4,
+    "5": 5,
+    "6": 6,
+    "7": 7,
+    "8": 8,
+    "9": 9,
+    "10": 10,
+    J: 11,
+    Q: 12,
+    K: 13,
+    A: 14
+  };
+  return values[rank];
+}
+function formatCard(card) {
+  return `${card.rank}${SUIT_SYMBOLS[card.suit]}`;
+}
+function formatCardEmoji(card) {
+  return `${card.rank}${EMOJI_SYMBOLS[card.suit]}`;
+}
+
+// src/widgets/poker/deck.ts
+var ALL_SUITS = [Suit.Spades, Suit.Hearts, Suit.Diamonds, Suit.Clubs];
+var ALL_RANKS = [
+  Rank.Two,
+  Rank.Three,
+  Rank.Four,
+  Rank.Five,
+  Rank.Six,
+  Rank.Seven,
+  Rank.Eight,
+  Rank.Nine,
+  Rank.Ten,
+  Rank.Jack,
+  Rank.Queen,
+  Rank.King,
+  Rank.Ace
+];
+var Deck = class {
+  cards = [];
+  constructor() {
+    this.initialize();
+    this.shuffle();
   }
   /**
-   * Update widget with new stdin data
-   * @param data - Stdin data from Claude Code
+   * Create a standard 52-card deck
    */
-  async update(data) {
-    this.cwd = data.cwd;
+  initialize() {
+    this.cards = [];
+    for (const suit of ALL_SUITS) {
+      for (const rank of ALL_RANKS) {
+        this.cards.push({ rank, suit });
+      }
+    }
   }
   /**
-   * Check if widget is enabled
-   * @returns true if widget should render
+   * Shuffle deck using Fisher-Yates algorithm with crypto.random
    */
-  isEnabled() {
-    return this.enabled;
+  shuffle() {
+    for (let i = this.cards.length - 1; i > 0; i--) {
+      const j = (0, import_node_crypto.randomInt)(0, i + 1);
+      [this.cards[i], this.cards[j]] = [this.cards[j], this.cards[i]];
+    }
   }
   /**
-   * Cleanup resources
+   * Deal one card from the top of the deck
+   * @throws Error if deck is empty
    */
-  async cleanup() {
+  deal() {
+    if (this.cards.length === 0) {
+      throw new Error("Deck is empty");
+    }
+    return this.cards.pop();
   }
   /**
-   * Render widget output
-   * @param context - Render context
-   * @returns Rendered string, or null if no dev server detected
+   * Get number of remaining cards in deck
    */
-  async render(_context) {
-    if (!this.enabled || !this.cwd) {
-      return null;
+  remaining() {
+    return this.cards.length;
+  }
+};
+
+// src/widgets/poker/hand-evaluator.ts
+var HAND_DISPLAY = {
+  [10 /* RoyalFlush */]: { name: "Royal Flush", emoji: "\u{1F3C6}" },
+  [9 /* StraightFlush */]: { name: "Straight Flush", emoji: "\u{1F525}" },
+  [8 /* FourOfAKind */]: { name: "Four of a Kind", emoji: "\u{1F48E}" },
+  [7 /* FullHouse */]: { name: "Full House", emoji: "\u{1F3E0}" },
+  [6 /* Flush */]: { name: "Flush", emoji: "\u{1F4A7}" },
+  [5 /* Straight */]: { name: "Straight", emoji: "\u{1F4C8}" },
+  [4 /* ThreeOfAKind */]: { name: "Three of a Kind", emoji: "\u{1F3AF}" },
+  [3 /* TwoPair */]: { name: "Two Pair", emoji: "\u270C\uFE0F" },
+  [2 /* OnePair */]: { name: "One Pair", emoji: "\u{1F44D}" },
+  [1 /* HighCard */]: { name: "High Card", emoji: "\u{1F0CF}" }
+};
+function countRanks(cards) {
+  const counts = /* @__PURE__ */ new Map();
+  for (const card of cards) {
+    const value = getRankValue(card.rank);
+    counts.set(value, (counts.get(value) || 0) + 1);
+  }
+  return counts;
+}
+function countSuits(cards) {
+  const counts = /* @__PURE__ */ new Map();
+  for (const card of cards) {
+    counts.set(card.suit, (counts.get(card.suit) || 0) + 1);
+  }
+  return counts;
+}
+function findCardsOfRank(cards, targetRank) {
+  const indices = [];
+  for (let i = 0; i < cards.length; i++) {
+    if (getRankValue(cards[i].rank) === targetRank) {
+      indices.push(i);
     }
-    const server = await this.detectDevServer();
-    if (!server) {
-      return null;
+  }
+  return indices;
+}
+function findCardsOfSuit(cards, targetSuit) {
+  const indices = [];
+  for (let i = 0; i < cards.length; i++) {
+    if (cards[i].suit === targetSuit) {
+      indices.push(i);
     }
-    const renderData = { server };
-    return this.styleFn(renderData, this.colors.devServer);
   }
-  /**
-   * Detect running dev server using hybrid approach
-   *
-   * 1. Try port-based detection first (more reliable)
-   * 2. Fall back to process-based detection
-   *
-   * @returns Detected server status or null
-   */
-  async detectDevServer() {
-    const portResult = await this.portDetector.detect();
-    if (portResult) {
+  return indices;
+}
+function findFlushSuit(cards) {
+  const suitCounts = countSuits(cards);
+  for (const [suit, count] of suitCounts.entries()) {
+    if (count >= 5) return suit;
+  }
+  return null;
+}
+function getStraightIndices(cards, highCard) {
+  const uniqueValues = /* @__PURE__ */ new Set();
+  const cardIndicesByRank = /* @__PURE__ */ new Map();
+  for (let i = 0; i < cards.length; i++) {
+    const value = getRankValue(cards[i].rank);
+    if (!cardIndicesByRank.has(value)) {
+      cardIndicesByRank.set(value, []);
+      uniqueValues.add(value);
+    }
+    cardIndicesByRank.get(value)?.push(i);
+  }
+  const sortedValues = Array.from(uniqueValues).sort((a, b) => b - a);
+  if (sortedValues.includes(14)) {
+    sortedValues.push(1);
+  }
+  for (let i = 0; i <= sortedValues.length - 5; i++) {
+    const current = sortedValues[i];
+    const next1 = sortedValues[i + 1];
+    const next2 = sortedValues[i + 2];
+    const next3 = sortedValues[i + 3];
+    const next4 = sortedValues[i + 4];
+    if (current - next1 === 1 && current - next2 === 2 && current - next3 === 3 && current - next4 === 4) {
+      if (current === highCard) {
+        const indices = [];
+        indices.push(cardIndicesByRank.get(current)[0]);
+        indices.push(cardIndicesByRank.get(next1)[0]);
+        indices.push(cardIndicesByRank.get(next2)[0]);
+        indices.push(cardIndicesByRank.get(next3)[0]);
+        const rank4 = next4 === 1 ? 14 : next4;
+        indices.push(cardIndicesByRank.get(rank4)[0]);
+        return indices;
+      }
+    }
+  }
+  return [];
+}
+function getStraightFlushHighCard(cards, suit) {
+  const suitCards = cards.filter((c) => c.suit === suit);
+  return getStraightHighCard(suitCards);
+}
+function getStraightFlushIndices(cards, highCard, suit) {
+  const _suitCards = cards.filter((c) => c.suit === suit);
+  const suitCardIndices = [];
+  const indexMap = /* @__PURE__ */ new Map();
+  for (let i = 0; i < cards.length; i++) {
+    if (cards[i].suit === suit) {
+      indexMap.set(suitCardIndices.length, i);
+      suitCardIndices.push(cards[i]);
+    }
+  }
+  const indices = getStraightIndices(suitCardIndices, highCard);
+  return indices.map((idx) => indexMap.get(idx));
+}
+function getFullHouseIndices(cards) {
+  const rankCounts = countRanks(cards);
+  let tripsRank = 0;
+  for (const [rank, count] of rankCounts.entries()) {
+    if (count === 3) {
+      tripsRank = rank;
+      break;
+    }
+  }
+  let pairRank = 0;
+  for (const [rank, count] of rankCounts.entries()) {
+    if (count >= 2 && rank !== tripsRank) {
+      pairRank = rank;
+      break;
+    }
+  }
+  if (pairRank === 0) {
+    const tripsRanks = [];
+    for (const [rank, count] of rankCounts.entries()) {
+      if (count === 3) {
+        tripsRanks.push(rank);
+      }
+    }
+    if (tripsRanks.length >= 2) {
+      tripsRanks.sort((a, b) => b - a);
+      tripsRank = tripsRanks[0];
+      pairRank = tripsRanks[1];
+    }
+  }
+  const tripsIndices = findCardsOfRank(cards, tripsRank);
+  const pairIndices = findCardsOfRank(cards, pairRank);
+  return [...tripsIndices.slice(0, 3), ...pairIndices.slice(0, 2)];
+}
+function isFlush(cards) {
+  const suitCounts = countSuits(cards);
+  for (const count of suitCounts.values()) {
+    if (count >= 5) return true;
+  }
+  return false;
+}
+function getStraightHighCard(cards) {
+  const uniqueValues = /* @__PURE__ */ new Set();
+  for (const card of cards) {
+    uniqueValues.add(getRankValue(card.rank));
+  }
+  const sortedValues = Array.from(uniqueValues).sort((a, b) => b - a);
+  if (sortedValues.includes(14)) {
+    sortedValues.push(1);
+  }
+  for (let i = 0; i <= sortedValues.length - 5; i++) {
+    const current = sortedValues[i];
+    const next1 = sortedValues[i + 1];
+    const next2 = sortedValues[i + 2];
+    const next3 = sortedValues[i + 3];
+    const next4 = sortedValues[i + 4];
+    if (current - next1 === 1 && current - next2 === 2 && current - next3 === 3 && current - next4 === 4) {
+      return current;
+    }
+  }
+  return null;
+}
+function getMaxCount(cards) {
+  const rankCounts = countRanks(cards);
+  let maxCount = 0;
+  for (const count of rankCounts.values()) {
+    if (count > maxCount) {
+      maxCount = count;
+    }
+  }
+  return maxCount;
+}
+function getPairCount(cards) {
+  const rankCounts = countRanks(cards);
+  let pairCount = 0;
+  for (const count of rankCounts.values()) {
+    if (count === 2) {
+      pairCount++;
+    }
+  }
+  return pairCount;
+}
+function getMostCommonRank(cards) {
+  const rankCounts = countRanks(cards);
+  let bestRank = 0;
+  let bestCount = 0;
+  for (const [rank, count] of rankCounts.entries()) {
+    if (count > bestCount) {
+      bestCount = count;
+      bestRank = rank;
+    }
+  }
+  return bestRank > 0 ? bestRank : null;
+}
+function getTwoPairRanks(cards) {
+  const rankCounts = countRanks(cards);
+  const pairRanks = [];
+  for (const [rank, count] of rankCounts.entries()) {
+    if (count >= 2) {
+      pairRanks.push(rank);
+    }
+  }
+  pairRanks.sort((a, b) => b - a);
+  return pairRanks.slice(0, 2);
+}
+function getHighestCardIndex(cards) {
+  let highestIdx = 0;
+  let highestValue = 0;
+  for (let i = 0; i < cards.length; i++) {
+    const value = getRankValue(cards[i].rank);
+    if (value > highestValue) {
+      highestValue = value;
+      highestIdx = i;
+    }
+  }
+  return highestIdx;
+}
+function evaluateHand(hole, board) {
+  const allCards = [...hole, ...board];
+  const flush = isFlush(allCards);
+  const straightHighCard = getStraightHighCard(allCards);
+  const maxCount = getMaxCount(allCards);
+  const pairCount = getPairCount(allCards);
+  if (flush && straightHighCard === 14) {
+    const flushSuit = findFlushSuit(allCards);
+    const sfHighCard = getStraightFlushHighCard(allCards, flushSuit);
+    if (sfHighCard === 14) {
+      const participatingCards = getStraightFlushIndices(allCards, 14, flushSuit);
       return {
-        name: portResult.name,
-        icon: portResult.icon,
-        isRunning: portResult.isRunning,
-        isBuilding: portResult.isBuilding
+        rank: 10 /* RoyalFlush */,
+        ...HAND_DISPLAY[10 /* RoyalFlush */],
+        participatingCards
       };
     }
-    return await this.processDetector.detect();
   }
-};
-
-// src/widgets/docker/docker-widget.ts
-var import_node_child_process4 = require("node:child_process");
-var import_node_util5 = require("node:util");
-init_widget_types();
-init_theme();
+  if (flush) {
+    const flushSuit = findFlushSuit(allCards);
+    const sfHighCard = getStraightFlushHighCard(allCards, flushSuit);
+    if (sfHighCard !== null) {
+      const participatingCards = getStraightFlushIndices(allCards, sfHighCard, flushSuit);
+      return {
+        rank: 9 /* StraightFlush */,
+        ...HAND_DISPLAY[9 /* StraightFlush */],
+        participatingCards
+      };
+    }
+  }
+  if (maxCount === 4) {
+    const rank = getMostCommonRank(allCards);
+    const participatingCards = findCardsOfRank(allCards, rank);
+    return {
+      rank: 8 /* FourOfAKind */,
+      ...HAND_DISPLAY[8 /* FourOfAKind */],
+      participatingCards
+    };
+  }
+  if (maxCount === 3 && pairCount >= 1) {
+    const participatingCards = getFullHouseIndices(allCards);
+    return { rank: 7 /* FullHouse */, ...HAND_DISPLAY[7 /* FullHouse */], participatingCards };
+  }
+  if (flush) {
+    const flushSuit = findFlushSuit(allCards);
+    const suitIndices = findCardsOfSuit(allCards, flushSuit);
+    const participatingCards = suitIndices.slice(0, 5);
+    return { rank: 6 /* Flush */, ...HAND_DISPLAY[6 /* Flush */], participatingCards };
+  }
+  if (straightHighCard !== null) {
+    const participatingCards = getStraightIndices(allCards, straightHighCard);
+    return { rank: 5 /* Straight */, ...HAND_DISPLAY[5 /* Straight */], participatingCards };
+  }
+  if (maxCount === 3) {
+    const rank = getMostCommonRank(allCards);
+    const participatingCards = findCardsOfRank(allCards, rank);
+    return {
+      rank: 4 /* ThreeOfAKind */,
+      ...HAND_DISPLAY[4 /* ThreeOfAKind */],
+      participatingCards
+    };
+  }
+  if (pairCount >= 2) {
+    const [rank1, rank2] = getTwoPairRanks(allCards);
+    const pair1Indices = findCardsOfRank(allCards, rank1);
+    const pair2Indices = findCardsOfRank(allCards, rank2);
+    const participatingCards = [...pair1Indices, ...pair2Indices];
+    return { rank: 3 /* TwoPair */, ...HAND_DISPLAY[3 /* TwoPair */], participatingCards };
+  }
+  if (pairCount === 1) {
+    const rank = getMostCommonRank(allCards);
+    const participatingCards = findCardsOfRank(allCards, rank);
+    return { rank: 2 /* OnePair */, ...HAND_DISPLAY[2 /* OnePair */], participatingCards };
+  }
+  const highestIdx = getHighestCardIndex(allCards);
+  return {
+    rank: 1 /* HighCard */,
+    ...HAND_DISPLAY[1 /* HighCard */],
+    participatingCards: [highestIdx]
+  };
+}
 
-// src/widgets/docker/styles.ts
+// src/widgets/poker/styles.ts
 init_colors();
-var dockerStyles = {
-  balanced: (data, colors2) => {
-    const { running, total } = data.status;
-    if (running === 0) return "";
-    const status = running > 0 ? "\u{1F7E2}" : "\u26AA";
-    const count = total > running ? `${running}/${total}` : `${running}`;
-    const label = colors2 ? colorize("Docker:", colors2.label) : "Docker:";
-    const coloredCount = colors2 ? colorize(count, colors2.count) : count;
-    return `${label} ${coloredCount} ${status}`;
-  },
-  compact: (data, colors2) => {
-    const { running, total } = data.status;
-    if (running === 0) return "";
-    const count = total > running ? `${running}/${total}` : `${running}`;
-    const coloredCount = colors2 ? colorize(count, colors2.count) : count;
-    return `\u{1F433} ${coloredCount}`;
-  },
-  playful: (data, colors2) => {
-    const { running, total } = data.status;
-    if (running === 0) return "\u{1F433} Docker: \u{1F4A4}";
-    const status = running > 0 ? "\u{1F7E2}" : "\u26AA";
-    const count = total > running ? `${running}/${total}` : `${running}`;
-    const label = colors2 ? colorize("Docker:", colors2.label) : "Docker:";
-    const coloredCount = colors2 ? colorize(count, colors2.count) : count;
-    return `\u{1F433} ${label} ${coloredCount} ${status}`;
-  },
-  verbose: (data, colors2) => {
-    const { running, total } = data.status;
-    if (running === 0) {
-      const label2 = colors2 ? colorize("Docker:", colors2.label) : "Docker:";
-      return `${label2} no containers running`;
-    }
-    const label = colors2 ? colorize("Docker:", colors2.label) : "Docker:";
-    const coloredRunning = colors2 ? colorize(String(running), colors2.count) : String(running);
-    return `${label} ${coloredRunning} running${total > running ? ` / ${total} total` : ""}`;
-  },
-  labeled: (data, colors2) => {
-    const { running, total } = data.status;
-    if (running === 0) {
-      const label2 = colors2 ? colorize("Docker:", colors2.label) : "Docker:";
-      return `${label2} --`;
-    }
-    const count = total > running ? `${running}/${total}` : `${running}`;
-    const label = colors2 ? colorize("Docker:", colors2.label) : "Docker:";
-    const coloredCount = colors2 ? colorize(count, colors2.count) : count;
-    return `${label} ${coloredCount}`;
+init_formatters();
+var HAND_ABBREVIATIONS = {
+  "Royal Flush": "RF",
+  "Straight Flush": "SF",
+  "Four of a Kind": "4K",
+  "Full House": "FH",
+  Flush: "FL",
+  Straight: "ST",
+  "Three of a Kind": "3K",
+  "Two Pair": "2P",
+  "One Pair": "1P",
+  "High Card": "HC",
+  Nothing: "\u2014"
+};
+function formatCardByParticipation(cardData, isParticipating) {
+  const color = isRedSuit(cardData.card.suit) ? red : gray;
+  const cardText = formatCard(cardData.card);
+  if (isParticipating) {
+    return `${color}${bold}(${cardText})${reset} `;
+  } else {
+    return `${color}${cardText}${reset} `;
+  }
+}
+function formatCardCompact(cardData, isParticipating) {
+  const color = isRedSuit(cardData.card.suit) ? red : gray;
+  const cardText = formatCardTextCompact(cardData.card);
+  if (isParticipating) {
+    return `${color}${bold}(${cardText})${reset}`;
+  } else {
+    return `${color}${cardText}${reset}`;
+  }
+}
+function formatCardTextCompact(card) {
+  const rankSymbols = {
+    "10": "T",
+    "11": "J",
+    "12": "Q",
+    "13": "K",
+    "14": "A"
+  };
+  const rank = String(card.rank);
+  const rankSymbol = rankSymbols[rank] ?? rank;
+  return `${rankSymbol}${card.suit}`;
+}
+function formatCardEmojiByParticipation(cardData, isParticipating) {
+  const cardText = formatCardEmoji(cardData.card);
+  if (isParticipating) {
+    return `${bold}(${cardText})${reset} `;
+  } else {
+    return `${cardText} `;
+  }
+}
+function formatHandResult(handResult, colors2) {
+  if (!handResult) {
+    return "\u2014";
+  }
+  const playerParticipates = handResult.participatingIndices.some((idx) => idx < 2);
+  const resultText = !playerParticipates ? `Nothing \u{1F0CF}` : `${handResult.name}! ${handResult.emoji}`;
+  if (!colors2) return resultText;
+  return colorize2(resultText, colors2.result);
+}
+function getHandAbbreviation(handResult) {
+  if (!handResult) {
+    return "\u2014 (\u2014)";
+  }
+  const abbreviation = HAND_ABBREVIATIONS[handResult.name] ?? "\u2014";
+  return `${abbreviation} (${handResult.name})`;
+}
+function balancedStyle2(data, colors2) {
+  const { holeCards, boardCards, handResult } = data;
+  const participatingSet = new Set(handResult?.participatingIndices || []);
+  const handStr = holeCards.map((hc, idx) => formatCardByParticipation(hc, participatingSet.has(idx))).join("");
+  const boardStr = boardCards.map((bc, idx) => formatCardByParticipation(bc, participatingSet.has(idx + 2))).join("");
+  const labelColor = colors2?.participating ?? lightGray;
+  const handLabel = colorize2("Hand:", labelColor);
+  const boardLabel = colorize2("Board:", labelColor);
+  return `${handLabel} ${handStr}| ${boardLabel} ${boardStr}\u2192 ${formatHandResult(handResult, colors2)}`;
+}
+var pokerStyles = {
+  balanced: balancedStyle2,
+  compact: balancedStyle2,
+  playful: balancedStyle2,
+  "compact-verbose": (data, colors2) => {
+    const { holeCards, boardCards, handResult } = data;
+    const participatingSet = new Set(handResult?.participatingIndices || []);
+    const handStr = holeCards.map((hc, idx) => formatCardCompact(hc, participatingSet.has(idx))).join("");
+    const boardStr = boardCards.map((bc, idx) => formatCardCompact(bc, participatingSet.has(idx + 2))).join("");
+    const abbreviation = getHandAbbreviation(handResult);
+    const result = `${handStr}| ${boardStr}\u2192 ${abbreviation}`;
+    if (!colors2) return result;
+    return colorize2(result, colors2.result);
   },
-  indicator: (data, colors2) => {
-    const { running, total } = data.status;
-    if (running === 0) {
-      const label2 = colors2 ? colorize("Docker:", colors2.label) : "Docker:";
-      return `\u25CF ${label2} --`;
-    }
-    const count = total > running ? `${running}/${total}` : `${running}`;
-    const label = colors2 ? colorize("Docker:", colors2.label) : "Docker:";
-    const coloredCount = colors2 ? colorize(count, colors2.count) : count;
-    return `\u25CF ${label} ${coloredCount}`;
+  emoji: (data, colors2) => {
+    const { holeCards, boardCards, handResult } = data;
+    const participatingSet = new Set(handResult?.participatingIndices || []);
+    const handStr = holeCards.map((hc, idx) => formatCardEmojiByParticipation(hc, participatingSet.has(idx))).join("");
+    const boardStr = boardCards.map((bc, idx) => formatCardEmojiByParticipation(bc, participatingSet.has(idx + 2))).join("");
+    const labelColor = colors2?.participating ?? lightGray;
+    const handLabel = colorize2("Hand:", labelColor);
+    const boardLabel = colorize2("Board:", labelColor);
+    return `${handLabel} ${handStr}| ${boardLabel} ${boardStr}\u2192 ${formatHandResult(handResult, colors2)}`;
   }
 };
 
-// src/widgets/docker/docker-widget.ts
-var execFileAsync4 = (0, import_node_util5.promisify)(import_node_child_process4.execFile);
-var DockerWidget = class {
-  id = "docker";
+// src/widgets/poker-widget.ts
+var PokerWidget = class extends StdinDataWidget {
+  id = "poker";
   metadata = createWidgetMetadata(
-    "Docker",
-    "Shows Docker container count and status",
+    "Poker",
+    "Displays random Texas Hold'em hands for entertainment",
     "1.0.0",
     "claude-scope",
-    0
+    4
+    // Fifth line (0-indexed)
   );
-  enabled = true;
+  holeCards = [];
+  boardCards = [];
+  handResult = null;
+  lastUpdateTimestamp = 0;
+  THROTTLE_MS = 5e3;
+  // 5 seconds
   colors;
   _lineOverride;
-  styleFn = dockerStyles.balanced;
-  cachedStatus = null;
-  lastCheck = 0;
-  CACHE_TTL = 5e3;
-  constructor(colors2) {
-    this.colors = colors2 ?? DEFAULT_THEME;
-  }
-  setStyle(style = "balanced") {
-    const fn = dockerStyles[style];
+  styleFn = pokerStyles.balanced;
+  setStyle(style = DEFAULT_WIDGET_STYLE) {
+    const fn = pokerStyles[style];
     if (fn) {
       this.styleFn = fn;
     }
@@ -7976,56 +8748,84 @@ var DockerWidget = class {
   getLine() {
     return this._lineOverride ?? this.metadata.line ?? 0;
   }
-  async initialize(context) {
-    this.enabled = context.config?.enabled !== false;
-  }
-  async update(_data) {
-  }
-  isEnabled() {
-    return this.enabled;
-  }
-  async cleanup() {
+  constructor(colors2) {
+    super();
+    this.colors = colors2 ?? DEFAULT_THEME;
   }
-  async render(_context) {
-    if (!this.enabled) {
-      return null;
-    }
+  /**
+   * Generate new poker hand on each update
+   */
+  async update(data) {
+    await super.update(data);
     const now = Date.now();
-    if (this.cachedStatus && now - this.lastCheck < this.CACHE_TTL) {
-      return this.styleFn({ status: this.cachedStatus }, this.colors.docker);
+    if (this.lastUpdateTimestamp > 0 && now - this.lastUpdateTimestamp < this.THROTTLE_MS) {
+      return;
     }
-    const status = await this.getDockerStatus();
-    this.cachedStatus = status;
-    this.lastCheck = now;
-    if (!status.isAvailable) {
-      return null;
+    const deck = new Deck();
+    const hole = [deck.deal(), deck.deal()];
+    const board = [deck.deal(), deck.deal(), deck.deal(), deck.deal(), deck.deal()];
+    const result = evaluateHand(hole, board);
+    this.holeCards = hole.map((card) => ({
+      card,
+      formatted: this.formatCardColor(card)
+    }));
+    this.boardCards = board.map((card) => ({
+      card,
+      formatted: this.formatCardColor(card)
+    }));
+    const playerParticipates = result.participatingCards.some((idx) => idx < 2);
+    if (!playerParticipates) {
+      this.handResult = {
+        text: `Nothing \u{1F0CF}`,
+        participatingIndices: result.participatingCards
+      };
+    } else {
+      this.handResult = {
+        text: `${result.name}! ${result.emoji}`,
+        participatingIndices: result.participatingCards
+      };
     }
-    return this.styleFn({ status }, this.colors.docker);
+    this.lastUpdateTimestamp = now;
   }
-  async getDockerStatus() {
-    try {
-      await execFileAsync4("docker", ["info"], { timeout: 2e3 });
-      const { stdout: runningOutput } = await execFileAsync4("docker", ["ps", "-q"], {
-        timeout: 1e3
-      });
-      const running = runningOutput.trim().split("\n").filter((line) => line).length;
-      const { stdout: allOutput } = await execFileAsync4("docker", ["ps", "-aq"], {
-        timeout: 1e3
-      });
-      const total = allOutput.trim().split("\n").filter((line) => line).length;
-      return { running, total, isAvailable: true };
-    } catch {
-      return { running: 0, total: 0, isAvailable: false };
-    }
+  /**
+   * Format card with appropriate color (red for ♥♦, gray for ♠♣)
+   */
+  formatCardColor(card) {
+    const _color = isRedSuit(card.suit) ? "red" : "gray";
+    return formatCard(card);
+  }
+  renderWithData(_data, _context) {
+    const holeCardsData = this.holeCards.map((hc, idx) => ({
+      card: hc.card,
+      isParticipating: (this.handResult?.participatingIndices || []).includes(idx)
+    }));
+    const boardCardsData = this.boardCards.map((bc, idx) => ({
+      card: bc.card,
+      isParticipating: (this.handResult?.participatingIndices || []).includes(idx + 2)
+    }));
+    const handResult = this.handResult ? {
+      name: this.getHandName(this.handResult.text),
+      emoji: this.getHandEmoji(this.handResult.text),
+      participatingIndices: this.handResult.participatingIndices
+    } : null;
+    const renderData = {
+      holeCards: holeCardsData,
+      boardCards: boardCardsData,
+      handResult
+    };
+    return this.styleFn(renderData, this.colors.poker);
+  }
+  getHandName(text) {
+    const match = text.match(/^([^!]+)/);
+    return match ? match[1].trim() : "Nothing";
+  }
+  getHandEmoji(text) {
+    const match = text.match(/([🃏♠️♥️♦️♣️🎉✨🌟])/u);
+    return match ? match[1] : "\u{1F0CF}";
   }
 };
 
 // src/core/widget-factory.ts
-init_duration_widget();
-init_git_tag_widget();
-init_git_widget();
-init_lines_widget();
-init_model_widget();
 var WidgetFactory = class {
   transcriptProvider;
   constructor() {
@@ -8062,6 +8862,10 @@ var WidgetFactory = class {
         return new DevServerWidget(DEFAULT_THEME);
       case "docker":
         return new DockerWidget(DEFAULT_THEME);
+      case "poker":
+        return new PokerWidget(DEFAULT_THEME);
+      case "empty-line":
+        return new EmptyLineWidget();
       default:
         return null;
     }
@@ -8082,7 +8886,9 @@ var WidgetFactory = class {
       "cache-metrics",
       "active-tools",
       "dev-server",
-      "docker"
+      "docker",
+      "poker",
+      "empty-line"
     ];
   }
 };