@yemi33/minions 0.1.236 → 0.1.238

package/CHANGELOG.md

@@ -1,12 +1,16 @@
 # Changelog
 
-## 0.1.236 (2026-04-03)
+## 0.1.238 (2026-04-03)
+
+### Features
+-  add capture-demos skill for regenerating GitHub Pages screenshots
 
 ### Fixes
 -  CLI audit — kill dashboard on restart, expose kill/complete, update help
 -  clean _pendingReason on all status→done transitions, not just updateWorkItemStatus
 
 ### Other
+- docs: update GitHub Pages with all features + fresh screenshots
 - docs: fix outdated references across all documentation
 
 ## 0.1.233 (2026-04-03)

package/docs/capture-demos.js

@@ -0,0 +1,83 @@
+#!/usr/bin/env node
+/**
+ * Capture dashboard screenshots for GitHub Pages.
+ * Run: npx playwright test docs/capture-demos.js (or node docs/capture-demos.js)
+ */
+const { chromium } = require('@playwright/test');
+const path = require('path');
+
+const DEMO_DIR = path.join(__dirname, 'demo');
+const BASE = 'http://localhost:7331';
+
+async function capture() {
+  const browser = await chromium.launch({ headless: true });
+  const ctx = await browser.newContext({ viewport: { width: 1400, height: 900 }, colorScheme: 'dark' });
+  const page = await ctx.newPage();
+
+  // Wait for dashboard to load
+  await page.goto(BASE, { waitUntil: 'networkidle' });
+  await page.waitForTimeout(2000);
+
+  // 1. Home / Overview
+  console.log('  Capturing: home');
+  await page.screenshot({ path: path.join(DEMO_DIR, '01-dashboard-overview.png'), fullPage: false });
+
+  // 2. Work Items
+  console.log('  Capturing: work items');
+  await page.click('a[data-page="work"]');
+  await page.waitForTimeout(1500);
+  await page.screenshot({ path: path.join(DEMO_DIR, '02-work-items.png'), fullPage: false });
+
+  // 3. Plans & PRD
+  console.log('  Capturing: plans & PRD');
+  await page.click('a[data-page="plans"]');
+  await page.waitForTimeout(1500);
+  await page.screenshot({ path: path.join(DEMO_DIR, '03-plans-prd.png'), fullPage: false });
+
+  // 4. Pull Requests
+  console.log('  Capturing: pull requests');
+  await page.click('a[data-page="prs"]');
+  await page.waitForTimeout(1500);
+  await page.screenshot({ path: path.join(DEMO_DIR, '04-pull-requests.png'), fullPage: false });
+
+  // 5. Meetings
+  console.log('  Capturing: meetings');
+  await page.click('a[data-page="meetings"]');
+  await page.waitForTimeout(1500);
+  await page.screenshot({ path: path.join(DEMO_DIR, '05-meetings.png'), fullPage: false });
+
+  // 6. Pipelines
+  console.log('  Capturing: pipelines');
+  await page.click('a[data-page="pipelines"]');
+  await page.waitForTimeout(1500);
+  await page.screenshot({ path: path.join(DEMO_DIR, '06-pipelines.png'), fullPage: false });
+
+  // 7. Notes & KB
+  console.log('  Capturing: notes & KB');
+  await page.click('a[data-page="inbox"]');
+  await page.waitForTimeout(1500);
+  await page.screenshot({ path: path.join(DEMO_DIR, '07-notes-kb.png'), fullPage: false });
+
+  // 8. Schedules
+  console.log('  Capturing: schedules');
+  await page.click('a[data-page="schedule"]');
+  await page.waitForTimeout(1500);
+  await page.screenshot({ path: path.join(DEMO_DIR, '08-schedules.png'), fullPage: false });
+
+  // 9. Engine page (dispatch, log, metrics)
+  console.log('  Capturing: engine');
+  await page.click('a[data-page="engine"]');
+  await page.waitForTimeout(1500);
+  await page.screenshot({ path: path.join(DEMO_DIR, '09-engine.png'), fullPage: false });
+
+  // 10. Command Center
+  console.log('  Capturing: command center');
+  await page.click('#cc-toggle-btn');
+  await page.waitForTimeout(1000);
+  await page.screenshot({ path: path.join(DEMO_DIR, '10-command-center.png'), fullPage: false });
+
+  await browser.close();
+  console.log('\n  Done! Screenshots saved to docs/demo/');
+}
+
+capture().catch(e => { console.error(e); process.exit(1); });

package/docs/index.html

@@ -83,7 +83,7 @@
 <!-- Hero -->
 <div class="hero">
   <h1>Minions <span>Mission Control</span></h1>
-  <p class="tagline">5 autonomous AI agents, one engine, one dashboard. Plan, implement, review, and ship code — hands-free.</p>
+  <p class="tagline">5 autonomous AI agents, one engine, one dashboard. Plan, implement, review, and ship code &mdash; hands-free.</p>
   <div class="hero-badges">
     <span class="hero-badge green">Zero Dependencies</span>
     <span class="hero-badge blue">Claude-Powered</span>
@@ -108,66 +108,108 @@
 <!-- Features -->
 <div class="container">
 <div class="features">
-  <div class="feature"><h3>Autonomous Dispatch</h3><p>Engine discovers work from PRDs, PRs, and manual queue — routes to the right agent based on skills and availability.</p></div>
-  <div class="feature"><h3>Plan Lifecycle</h3><p>Plan &rarr; Review &rarr; Approve &rarr; PRD &rarr; Execute &rarr; Verify. Human-in-the-loop at every gate.</p></div>
+  <div class="feature"><h3>Autonomous Dispatch</h3><p>Engine discovers work from plans, PRs, pipelines, and queues &mdash; routes to the right agent based on skills and availability.</p></div>
+  <div class="feature"><h3>Plan Lifecycle</h3><p>Plan &rarr; Approve &rarr; PRD &rarr; Execute &rarr; Review &rarr; Verify. Human-in-the-loop at every gate.</p></div>
+  <div class="feature"><h3>Team Meetings</h3><p>Multi-agent meetings with investigate, debate, and conclude rounds. Agents research, discuss, and produce actionable conclusions.</p></div>
+  <div class="feature"><h3>Multi-Stage Pipelines</h3><p>Chain tasks, meetings, plans, and more into automated workflows. Cron triggers or manual. Artifacts flow between stages.</p></div>
+  <div class="feature"><h3>Eval Loop</h3><p>After implementation, auto-dispatches review &rarr; fix cycles. Configurable iterations and cost ceiling per work item.</p></div>
   <div class="feature"><h3>Git Worktree Isolation</h3><p>Each agent works in its own worktree. No conflicts, no cross-contamination, safe parallel execution.</p></div>
-  <div class="feature"><h3>Knowledge Consolidation</h3><p>Agent findings auto-consolidate into team notes and a searchable knowledge base. The minions learns as it works.</p></div>
+  <div class="feature"><h3>Knowledge Consolidation</h3><p>Agent findings auto-consolidate into team notes and a searchable knowledge base. The team learns as it works.</p></div>
   <div class="feature"><h3>PR Integration</h3><p>Auto-syncs PRs from Azure DevOps and GitHub. Detects review feedback, build failures, and human comments.</p></div>
-  <div class="feature"><h3>Live Dashboard</h3><p>Real-time mission control on port 7331. Agent status, work items, PRD progress, dispatch queue, and metrics.</p></div>
+  <div class="feature"><h3>Scheduled Tasks</h3><p>Cron-style recurring work: nightly tests, weekly audits, daily standups. Visual cron builder in the dashboard.</p></div>
+  <div class="feature"><h3>Command Center</h3><p>Natural language interface for delegating work to agents. CC orchestrates &mdash; agents implement.</p></div>
+  <div class="feature"><h3>Live Dashboard</h3><p>Real-time mission control on port 7331. Paginated views, optimistic updates, and visibility-aware polling.</p></div>
+  <div class="feature"><h3>One-Command Updates</h3><p><code>minions update</code> pulls latest from npm and applies. Config and charters preserved automatically.</p></div>
 </div>
 
 <!-- Demo scenarios -->
 <div class="scenario">
   <div class="scenario-header"><div class="scenario-num">1</div><h2>Dashboard Overview</h2></div>
-  <p>All 5 agents visible with live status — <span class="hl">3 working</span>, <span class="hl">2 idle</span>. Work items sorted by priority, PRD progress with dependency tracking.</p>
+  <p>Home page with agent status cards, project bar, and setup guidance. All agents visible at a glance.</p>
   <div class="demo-frame">
-    <img src="demo/01-dashboard-overview.gif" alt="Dashboard overview with agents working">
-    <div class="demo-caption">Scrolling through: Minions Members, Work Items (6 items across statuses), and PRD Progress (40% complete)</div>
+    <img src="demo/01-dashboard-overview.png" alt="Dashboard overview with agent cards">
+    <div class="demo-caption">Home page showing Minions Members, project bar, and engine status badge</div>
   </div>
 </div>
 
 <div class="scenario">
-  <div class="scenario-header"><div class="scenario-num">2</div><h2>Command Center</h2></div>
-  <p>Natural language interface — type what you need. Create plans, dispatch work, ask questions about the codebase.</p>
+  <div class="scenario-header"><div class="scenario-num">2</div><h2>Work Items</h2></div>
+  <p>Paginated table with status, type, priority, agent, and linked PRs. <span class="badge badge-yellow">PENDING</span> <span class="badge badge-blue">DISPATCHED</span> <span class="badge badge-green">DONE</span> <span class="badge badge-red">FAILED</span>. Retry, delete, and archive with optimistic updates.</p>
   <div class="demo-frame">
-    <img src="demo/02-command-center.gif" alt="Command Center typing">
-    <div class="demo-caption"><span class="badge badge-blue">CC</span> Typing a plan request, then switching to a one-off work item — the CC routes each to the right action</div>
+    <img src="demo/02-work-items.png" alt="Work items table">
+    <div class="demo-caption">Work items page &mdash; 20 per page with create, edit, retry, and delete actions</div>
   </div>
 </div>
 
 <div class="scenario">
-  <div class="scenario-header"><div class="scenario-num">3</div><h2>Work Items</h2></div>
-  <p>Full lifecycle: <span class="badge badge-yellow">PENDING</span> <span class="badge badge-blue">DISPATCHED</span> <span class="badge badge-blue">IN-PR</span> <span class="badge badge-green">DONE</span> <span class="badge badge-red">FAILED</span>. Retry failed items with one click.</p>
+  <div class="scenario-header"><div class="scenario-num">3</div><h2>Plans &amp; PRD</h2></div>
+  <p>Plan cards with Approve / Discuss &amp; Revise / Reject. PRD dependency graph with per-item retry. Archive completed plans.</p>
   <div class="demo-frame">
-    <img src="demo/03-work-items.gif" alt="Work items table">
-    <div class="demo-caption">Work items with mixed statuses — hovering over <span class="badge badge-red">Retry</span> on a failed exploration task</div>
+    <img src="demo/03-plans-prd.png" alt="Plans and PRD progress">
+    <div class="demo-caption">Plans page with status-colored cards, PRD dependency graph, and action buttons</div>
   </div>
 </div>
 
 <div class="scenario">
-  <div class="scenario-header"><div class="scenario-num">4</div><h2>Plan &amp; Doc Chat</h2></div>
-  <p>Click any plan to open its detail modal. Use the built-in doc chat to ask questions, steer direction, and revise — all before executing.</p>
+  <div class="scenario-header"><div class="scenario-num">4</div><h2>Pull Requests</h2></div>
+  <p>PR tracker sorted by date, with review, build, and merge status. Linked to work items and PRD items. Manual PR linking supported.</p>
   <div class="demo-frame">
-    <img src="demo/04-plan-docchat.gif" alt="Plan detail with doc chat">
-    <div class="demo-caption">Opening a plan, viewing rendered markdown, then asking "What are the security implications?" in the doc chat</div>
+    <img src="demo/04-pull-requests.png" alt="Pull requests tracker">
+    <div class="demo-caption">PRs sorted newest-first with build status, review status, and agent attribution</div>
   </div>
 </div>
 
 <div class="scenario">
-  <div class="scenario-header"><div class="scenario-num">5</div><h2>PRD Progress</h2></div>
-  <p>PRD items track dependencies and block dispatching until prerequisites complete. Progress bar shows done items.</p>
+  <div class="scenario-header"><div class="scenario-num">5</div><h2>Team Meetings</h2></div>
+  <p>Multi-agent meetings with 3 rounds: investigate, debate, conclude. Live progress per participant. Create plans from conclusions.</p>
   <div class="demo-frame">
-    <img src="demo/05-prd-progress.gif" alt="PRD progress with dependencies">
-    <div class="demo-caption">"User Authentication &amp; Authorization" — 5 items with dependency chains, 2 done, 3 to do</div>
+    <img src="demo/05-meetings.png" alt="Meetings page">
+    <div class="demo-caption">Meetings with round status badges, participant progress, and archive/delete actions</div>
   </div>
 </div>
 
 <div class="scenario">
-  <div class="scenario-header"><div class="scenario-num">6</div><h2>Inbox &amp; Metrics</h2></div>
-  <p>Agent findings flow to the inbox, get consolidated by Haiku into team notes, and classified into the knowledge base. Quality metrics track per-agent performance.</p>
+  <div class="scenario-header"><div class="scenario-num">6</div><h2>Pipelines</h2></div>
+  <p>Multi-stage workflows chaining tasks, meetings, plans, and more. Cron triggers or manual. Artifact tracking between stages.</p>
   <div class="demo-frame">
-    <img src="demo/06-inbox-metrics.gif" alt="Inbox and metrics">
-    <div class="demo-caption">Inbox with agent findings, dispatch queue with completed tasks, and agent quality metrics</div>
+    <img src="demo/06-pipelines.png" alt="Pipelines page">
+    <div class="demo-caption">Pipeline cards with stage flow visualization, run history, and progress bars</div>
+  </div>
+</div>
+
+<div class="scenario">
+  <div class="scenario-header"><div class="scenario-num">7</div><h2>Notes &amp; Knowledge Base</h2></div>
+  <p>Inbox for agent findings, consolidated team notes, and categorized knowledge base. Inline Q&amp;A on any document.</p>
+  <div class="demo-frame">
+    <img src="demo/07-notes-kb.png" alt="Notes and knowledge base">
+    <div class="demo-caption">Notes inbox, team notes, and knowledge base with category tabs and pagination</div>
+  </div>
+</div>
+
+<div class="scenario">
+  <div class="scenario-header"><div class="scenario-num">8</div><h2>Scheduled Tasks</h2></div>
+  <p>Cron-style recurring work with visual builder. Natural language parsing &mdash; type "every weekday at 9am" and it generates the cron.</p>
+  <div class="demo-frame">
+    <img src="demo/08-schedules.png" alt="Schedules page">
+    <div class="demo-caption">Schedule list with cron expressions, last-run times, and enable/disable toggles</div>
+  </div>
+</div>
+
+<div class="scenario">
+  <div class="scenario-header"><div class="scenario-num">9</div><h2>Engine &amp; Metrics</h2></div>
+  <p>Dispatch queue, engine log, agent metrics, token usage, and context pressure. All paginated.</p>
+  <div class="demo-frame">
+    <img src="demo/09-engine.png" alt="Engine page">
+    <div class="demo-caption">Active/pending dispatches, completed history, engine log, and per-agent quality metrics</div>
+  </div>
+</div>
+
+<div class="scenario">
+  <div class="scenario-header"><div class="scenario-num">10</div><h2>Command Center</h2></div>
+  <p>Natural language delegation. CC orchestrates &mdash; agents implement. Session persists across refreshes. Actions auto-execute.</p>
+  <div class="demo-frame">
+    <img src="demo/10-command-center.png" alt="Command Center panel">
+    <div class="demo-caption">Command Center side panel with conversation history, action execution, and session indicator</div>
   </div>
 </div>
 
@@ -177,14 +219,17 @@
   <pre><span class="comment"># Install</span>
 npm install -g @yemi33/minions
 
-<span class="comment"># Initialize — scans for repos, starts engine + dashboard</span>
+<span class="comment"># Initialize &mdash; prompts for project locations, starts engine + dashboard</span>
 minions init
 
+<span class="comment"># Give your first task</span>
+minions work "Explore the codebase and document the architecture"
+
 <span class="comment"># Open dashboard</span>
-open http://localhost:7331
+http://localhost:7331
 
-<span class="comment"># Use the Command Center to create your first plan</span>
-<span class="comment"># Or add work items directly from the dashboard</span></pre>
+<span class="comment"># Update to latest</span>
+minions update</pre>
 </div>
 
 <!-- Architecture -->
@@ -192,20 +237,23 @@ open http://localhost:7331
   <h2>Architecture</h2>
   <pre>
   ┌─────────────────────────────────────────────────────┐
-  │                  ~/.minions/ (central hub)              │
-  │                                                       │
-  │   engine.js ──── 60s tick loop ────┐                 │
-  │       │                            │                  │
-  │   discover work    spawn agents    poll PRs           │
-  │       │                │              │               │
-  │   ┌───┴───┐    ┌──────┴──────┐   ┌──┴───┐           │
-  │   │ PRDs  │    │  Worktrees  │   │ ADO  │           │
-  │   │ Items │    │  (isolated) │   │ GitHub│           │
-  │   └───────┘    └─────────────┘   └──────┘           │
-  │                                                       │
-  │   dashboard.js ── port 7331 ── mission control       │
-  │   notes.md ── consolidated team knowledge            │
-  │   knowledge/ ── searchable KB by category            │
+  │                  ~/.minions/ (central hub)           │
+  │                                                     │
+  │   engine.js ──── 60s tick loop ────┐                │
+  │       │                            │                │
+  │   discover work    spawn agents    poll PRs          │
+  │       │                │              │             │
+  │   ┌───┴───┐    ┌──────┴──────┐   ┌──┴───┐         │
+  │   │ Plans │    │  Worktrees  │   │ ADO  │         │
+  │   │ PRDs  │    │  (isolated) │   │GitHub│         │
+  │   │ Items │    │  per agent  │   │      │         │
+  │   └───────┘    └─────────────┘   └──────┘         │
+  │                                                     │
+  │   dashboard.js ── port 7331 ── mission control      │
+  │   meetings/ ── multi-agent discussions              │
+  │   pipelines/ ── multi-stage workflows               │
+  │   notes.md ── consolidated team knowledge           │
+  │   knowledge/ ── searchable KB by category           │
   └─────────────────────────────────────────────────────┘
   </pre>
 </div>
@@ -213,9 +261,8 @@ open http://localhost:7331
 </div>
 
 <footer>
-  <p>Minions &mdash; <a href="https://github.com/yemi33/minions">GitHub</a> &mdash; MIT License &mdash; Zero dependencies, powered by Claude</p>
+  <p>Minions &mdash; <a href="https://github.com/yemi33/minions">GitHub</a> &mdash; <a href="https://www.npmjs.com/package/@yemi33/minions">npm</a> &mdash; MIT License &mdash; Zero dependencies, powered by Claude</p>
 </footer>
 
 </body>
 </html>
-

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yemi33/minions",
-  "version": "0.1.236",
+  "version": "0.1.238",
   "description": "Multi-agent AI dev team that runs from ~/.minions/ — five autonomous agents share a single engine, dashboard, and knowledge base",
   "bin": {
     "minions": "bin/minions.js"

package/tools/generate-pixel-art.js

@@ -1,134 +0,0 @@
-#!/usr/bin/env node
-/**
- * generate-pixel-art.js
- *
- * Generates a 16x16 pixel art BMP image of a little robot character.
- * Uses only Node.js built-ins — no external dependencies.
- *
- * Usage: node tools/generate-pixel-art.js [output-path]
- * Default output: tools/pixel-robot.bmp
- */
-
-const fs = require('fs');
-const path = require('path');
-
-// --- Color palette (R, G, B) ---
-const COLORS = {
-  _: [0, 0, 0, 0],       // transparent (white background)
-  B: [30, 30, 30],        // black (outline)
-  G: [80, 80, 80],        // dark gray (body shadow)
-  S: [160, 160, 160],     // silver (body)
-  W: [220, 220, 220],     // white (highlight)
-  R: [220, 50, 50],       // red (antenna light / accent)
-  C: [60, 180, 220],      // cyan (eyes)
-  Y: [240, 200, 60],      // yellow (chest light)
-  D: [100, 100, 100],     // mid gray (limbs)
-};
-
-// 16x16 pixel grid — a cute robot sprite
-// Each character maps to COLORS above
-// Row 0 = top of image
-const SPRITE = [
-  '______RR________',  // row 0:  antenna light
-  '______BB________',  // row 1:  antenna stem
-  '____BBBBBB______',  // row 2:  head top
-  '___BWSSSSSWB____',  // row 3:  head
-  '___BCCSSWCCB____',  // row 4:  eyes (cyan pupils)
-  '___BCCSSWCCB____',  // row 5:  eyes
-  '___BSSGGSSSB____',  // row 6:  mouth
-  '____BBBBBB______',  // row 7:  head bottom
-  '___BSSYYSSB_____',  // row 8:  chest top + yellow light
-  '___DBSSSSSBD____',  // row 9:  chest + arms
-  '___DBSSSSSBD____',  // row 10: chest + arms
-  '___DBSSSSSBD____',  // row 11: chest + arms
-  '____BBBBBB______',  // row 12: waist
-  '____BD__DB______',  // row 13: legs
-  '____BD__DB______',  // row 14: legs
-  '___BBDD_DDBB____',  // row 15: feet
-];
-
-const WIDTH = 16;
-const HEIGHT = 16;
-
-function createBMP(pixelGrid, width, height) {
-  // BMP with 24-bit color (no alpha)
-  const rowSize = Math.ceil((width * 3) / 4) * 4; // rows padded to 4-byte boundary
-  const pixelDataSize = rowSize * height;
-  const fileSize = 54 + pixelDataSize; // 14 (file header) + 40 (DIB header) + pixels
-
-  const buf = Buffer.alloc(fileSize);
-
-  // --- BMP File Header (14 bytes) ---
-  buf.write('BM', 0);                    // signature
-  buf.writeUInt32LE(fileSize, 2);         // file size
-  buf.writeUInt16LE(0, 6);               // reserved1
-  buf.writeUInt16LE(0, 8);               // reserved2
-  buf.writeUInt32LE(54, 10);             // pixel data offset
-
-  // --- DIB Header (BITMAPINFOHEADER, 40 bytes) ---
-  buf.writeUInt32LE(40, 14);             // DIB header size
-  buf.writeInt32LE(width, 18);           // width
-  buf.writeInt32LE(height, 22);          // height (positive = bottom-up)
-  buf.writeUInt16LE(1, 26);             // color planes
-  buf.writeUInt16LE(24, 28);            // bits per pixel
-  buf.writeUInt32LE(0, 30);             // compression (none)
-  buf.writeUInt32LE(pixelDataSize, 34);  // image size
-  buf.writeInt32LE(2835, 38);           // horizontal resolution (72 DPI)
-  buf.writeInt32LE(2835, 42);           // vertical resolution (72 DPI)
-  buf.writeUInt32LE(0, 46);             // colors in palette
-  buf.writeUInt32LE(0, 50);             // important colors
-
-  // --- Pixel Data (bottom-up, BGR order) ---
-  for (let y = 0; y < height; y++) {
-    // BMP stores rows bottom-to-top
-    const srcRow = pixelGrid[height - 1 - y];
-    const rowOffset = 54 + y * rowSize;
-
-    for (let x = 0; x < width; x++) {
-      const char = srcRow[x] || '_';
-      const color = COLORS[char] || COLORS['_'];
-      const r = color[0], g = color[1], b = color[2];
-
-      // BMP uses BGR byte order
-      const pixelOffset = rowOffset + x * 3;
-      buf[pixelOffset] = b;
-      buf[pixelOffset + 1] = g;
-      buf[pixelOffset + 2] = r;
-    }
-    // Padding bytes are already 0 from Buffer.alloc
-  }
-
-  return buf;
-}
-
-// Parse sprite into proper grid
-function parseSpriteGrid(spriteLines, width) {
-  return spriteLines.map(line => {
-    const chars = [];
-    for (let i = 0; i < width; i++) {
-      chars.push(line[i] || '_');
-    }
-    return chars;
-  });
-}
-
-// Fill background with white for "transparent" pixels
-function fillBackground(grid) {
-  return grid.map(row =>
-    row.map(c => {
-      if (c === '_') return '_';
-      return c;
-    })
-  );
-}
-
-// Generate
-const grid = parseSpriteGrid(SPRITE, WIDTH);
-const bmpBuffer = createBMP(grid, WIDTH, HEIGHT);
-
-const outputPath = process.argv[2] || path.join(__dirname, 'pixel-robot.bmp');
-fs.writeFileSync(outputPath, bmpBuffer);
-
-console.log(`✓ Pixel art robot generated: ${outputPath}`);
-console.log(`  Size: ${WIDTH}x${HEIGHT} pixels, ${bmpBuffer.length} bytes`);
-console.log(`  Format: 24-bit BMP (uncompressed)`);