pyre-cli 10.1.0 → 10.2.0

package/src/live/render.ts

@@ -50,23 +50,26 @@ let _cachedGraphsVersion = -1;
 let _cachedGraphsParams = '';
 
 function tableCacheParams(): string {
-  const limit = processRowBudget();
-  return [
-    state.sortMode,
-    state.processFilter || '',
-    state.processSelectionIndex,
-    state.trackedPid || '',
-    state.inspectingProcess ? state.inspectingProcess.pid : '',
-    limit,
-    state.currentTheme,
-    state.activePanel,
-    state.treeView ? '1' : '0',
-    state.history.version,
-    JSON.stringify(state.visiblePanels),
-    JSON.stringify(state.panelLayout),
-    state.aiModel,
-  ].join('|');
-}
+   const limit = processRowBudget();
+   return [
+     state.sortMode,
+     state.processFilter || '',
+     state.processSelectionIndex,
+     state.trackedPid || '',
+     state.inspectingProcess ? state.inspectingProcess.pid : '',
+     limit,
+     state.currentTheme,
+     state.activePanel,
+     state.treeView ? '1' : '0',
+     state.history.version,
+     JSON.stringify(state.visiblePanels),
+     JSON.stringify(state.panelLayout),
+     state.aiModel,
+     state.graphZoomLevel,
+     JSON.stringify(state.panelHistory.slice(-5)),
+     JSON.stringify(state.bookmarks.map(b => b.name)),
+   ].join('|');
+  }
 
 function graphsCacheParams(): string {
   return [
@@ -162,6 +165,121 @@ function renderCustomizerOverlay(scrollOffset: number, maxVisibleItems: number):
    return lines.map(l => `  ${l}`).join('\n');
   }
 
+function renderQuickRefOverlay(): string {
+  const headerLine = chalk.bgGreen.black.bold(' ⚡ PYRE KEYBOARD SHORTCUTS (Press ? or Esc to close) ');
+
+  const categories: Record<string, [string, string][]> = {
+    'Navigation': [
+      ['1-9, 0', 'Switch to CPU/MEM/GPU/PWR/BAT/THM/NET/CONNS/TASKS/DISK panel'],
+      ['P', 'Process panel'],
+      ['C', 'Containers panel'],
+      ['R', 'P2P panel'],
+      ['A', 'Anomalies panel'],
+      ['B', 'Blender renders panel'],
+      ['←/→ or Tab', 'Cycle panels'],
+      ['Esc', 'Back to grid / menu'],
+    ],
+    'View Controls': [
+      ['g', 'Toggle graphs on/off'],
+      ['b', 'Cycle graph mode: spark ↔ bar'],
+      ['p', 'Pause / Resume live updates'],
+      ['d', 'Toggle detailed sensor mode'],
+      ['t', 'Toggle tree / flat process view'],
+      ['T', 'Toggle temperature unit: C ↔ F'],
+      ['c', 'Open UI Customizer'],
+    ],
+    'Process Actions': [
+      ['/ or f', 'Filter processes (type to search)'],
+      ['s', 'Cycle sort: cpu → mem → pid → user → command → state → threads → runtime'],
+      ['k', 'Kill process by PID'],
+      ['S', 'Send signal to process'],
+      ['Space', 'Follow / unfollow selected process'],
+      ['↑/↓', 'Navigate process list'],
+      ['Enter', 'Inspect selected process'],
+    ],
+    'Data & Export': [
+      ['e', 'Export current snapshot'],
+      ['l', 'Start / stop CSV logging'],
+      ['f', 'Cycle export format: json → csv → tsv → html → md'],
+      ['+/-', 'Increase / decrease refresh interval'],
+    ],
+    'Graph Controls': [
+      ['[', 'Zoom in history graph (more resolution)'],
+      [']', 'Zoom out history graph (wider window)'],
+    ],
+    'Bookmarks': [
+      ['Shift+M', 'Save current view as named bookmark'],
+      ['M', 'Recall next bookmark (cycles through saved)'],
+    ],
+    'Settings & Help': [
+      ['m', 'Change AI anomaly model'],
+      ['r', 'Start/stop P2P server'],
+      ['?', 'Show this quick reference'],
+      [':', 'Command palette (type to run any command)'],
+      ['q', 'Quit pyre'],
+    ],
+  };
+
+  const lines: string[] = [headerLine, ''];
+
+  for (const [category, items] of Object.entries(categories)) {
+    lines.push(chalk.bold.cyan(`  ${category}`));
+    for (const [key, desc] of items) {
+      lines.push(`    ${chalk.hex('#50fa7b').bold(key.padEnd(14))} ${chalk.dim(desc)}`);
+    }
+    lines.push('');
+  }
+
+  return lines.join('\n');
+}
+
+function renderCommandPalette(): string {
+  const headerLine = chalk.bgMagenta.black.bold(' COMMAND PALETTE (Type to search · ↑/↓ navigate · Enter run · Esc close) ');
+  const cmds = state.paletteFilteredCommands;
+  const totalItems = cmds.length;
+  const maxVisible = Math.min(12, state.termHeight - 8);
+  const start = Math.max(0, state.paletteIndex - Math.floor(maxVisible / 2));
+  const end = Math.min(totalItems, start + maxVisible);
+
+  const lines: string[] = [headerLine, ''];
+
+  if (cmds.length === 0) {
+    lines.push(chalk.dim('  No matching commands found.'));
+  } else {
+    // Group by category
+    const byCategory = new Map<string, typeof cmds>();
+    for (const cmd of cmds.slice(start, end)) {
+      const cat = cmd.category;
+      if (!byCategory.has(cat)) byCategory.set(cat, []);
+      byCategory.get(cat)!.push(cmd);
+    }
+
+    let globalIdx = start;
+    for (const [cat, catCmds] of byCategory) {
+      lines.push(chalk.bold.dim(`  ${cat}`));
+      for (const cmd of catCmds) {
+        const isSelected = globalIdx === state.paletteIndex;
+        const prefix = isSelected ? chalk.yellow('▶ ') : '  ';
+        const keyHint = chalk.dim(`[${cmd.keys}]`);
+        const label = isSelected ? chalk.bold.white(cmd.label) : chalk.dim(cmd.label);
+        lines.push(`${prefix}${keyHint} ${label}`);
+        globalIdx++;
+      }
+      lines.push('');
+    }
+  }
+
+  const filterLine = chalk.cyan(`  Filter: ${state.inputBuffer}${chalk.dim('_')}`);
+  lines.push(filterLine);
+
+  return lines.join('\n');
+}
+
+function renderBookmarkSaveOverlay(): string {
+  const headerLine = chalk.bgYellow.black.bold(' SAVE BOOKMARK (Type a name and press Enter · Esc to cancel) ');
+  return [headerLine, '', chalk.cyan(`  Bookmark name: ${state.inputBuffer}${chalk.dim('_')}`)].join('\n');
+}
+
 // --- frame diffing -------------------------------------------------------
 // Instead of erasing the whole screen (`\x1b[2J`) and repainting everything
 // on every keypress/tick, we keep the previous frame's lines around and
@@ -340,6 +458,19 @@ function render() {
 
     bodyLines.push('');
     bodyLines.push(...renderCustomizerOverlay(scrollOffset, maxVisibleItems).split('\n'));
+  } else if (state.inputMode === 'quick-ref') {
+    const refLines = renderQuickRefOverlay().split('\n');
+    const maxRefLines = Math.min(refLines.length, Math.max(10, targetBodyHeight - 2));
+    bodyLines.push('');
+    for (let i = 0; i < maxRefLines; i++) {
+      bodyLines.push(refLines[i] || '');
+    }
+  } else if (state.inputMode === 'command-palette') {
+    bodyLines.push('');
+    bodyLines.push(...renderCommandPalette().split('\n'));
+  } else if (state.inputMode === 'bookmark-save') {
+    bodyLines.push('');
+    bodyLines.push(...renderBookmarkSaveOverlay().split('\n'));
   } else if (state.inputMode === 'filter') {
     bodyLines.push(chalk.cyan(`  Filter processes: ${state.inputBuffer}_`));
   } else if (state.inputMode === 'kill') {
@@ -405,7 +536,21 @@ function footerLine(): string[] {
    badges.push(chalk.magenta.bold(`AI:${state.aiModel}`));
    const badgeStr = badges.join('  ') || ' ';
 
-   return [str1, str2, badgeStr];
+   // Power user footer extras
+   const powerExtras: string[] = [];
+   if (state.bookmarks.length > 0) {
+     powerExtras.push(chalk.cyan.bold(`★ ${state.bookmarks.length} bookmarks`));
+   }
+   if (state.graphZoomLevel > 1) {
+     powerExtras.push(chalk.yellow.bold(`🔍 ${state.graphZoomLevel}x zoom`));
+   }
+   if (state.panelHistory.length > 0) {
+     powerExtras.push(chalk.green.bold(`↩ ${state.panelHistory.length} panels in history`));
+   }
+
+   const extraStr = powerExtras.join('  ') || ' ';
+
+   return [str1, str2, badgeStr + '  ' + extraStr];
   }
 
 function sendNotification(title: string, message: string) {

package/src/live/state.ts

@@ -11,7 +11,7 @@ import { History } from '../history.js';
 import type { StatsData } from '../monitors/index.js';
 import type { ExportFormat, InputMode, SortMode, GraphMode } from './types.js';
 import type { ThemeName, VisibleItems } from '../formatters/types.js';
-import { readConfig, type PyreConfig } from '../state/config.js';
+import { readConfig, type PyreConfig, type PyreBookmark } from '../state/config.js';
 
 export const SIGNAL_OPTIONS = ['SIGTERM', 'SIGKILL', 'SIGINT', 'SIGHUP', 'SIGSTOP', 'SIGCONT'] as const;
 
@@ -21,6 +21,49 @@ export { type SplashColorScheme, type SplashAnimation };
 
 export const MENU_OPTIONS = ['Resume Dashboard', 'Settings (Customizer)', 'Readme', 'Credits', 'Quit pyre'] as const;
 
+const PALETTE_COMMANDS = [
+  { id: 'cpu', label: 'Switch to CPU panel', keys: '1', category: 'Navigation' },
+  { id: 'mem', label: 'Switch to Memory panel', keys: '2', category: 'Navigation' },
+  { id: 'gpu', label: 'Switch to GPU panel', keys: '3', category: 'Navigation' },
+  { id: 'power', label: 'Switch to Power panel', keys: '4', category: 'Navigation' },
+  { id: 'battery', label: 'Switch to Battery panel', keys: '5', category: 'Navigation' },
+  { id: 'thermal', label: 'Switch to Thermal panel', keys: '6', category: 'Navigation' },
+  { id: 'network', label: 'Switch to Network panel', keys: '7', category: 'Navigation' },
+  { id: 'packets', label: 'Switch to Connections panel', keys: '8', category: 'Navigation' },
+  { id: 'tasks', label: 'Switch to Tasks panel', keys: '9', category: 'Navigation' },
+  { id: 'disk', label: 'Switch to Disk panel', keys: '0', category: 'Navigation' },
+  { id: 'process', label: 'Switch to Process panel', keys: 'P', category: 'Navigation' },
+  { id: 'containers', label: 'Switch to Containers panel', keys: 'C', category: 'Navigation' },
+  { id: 'p2p', label: 'Switch to P2P panel', keys: 'R', category: 'Navigation' },
+  { id: 'anomalies', label: 'Switch to Anomalies panel', keys: 'A', category: 'Navigation' },
+  { id: 'blender', label: 'Switch to Blender panel', keys: 'B', category: 'Navigation' },
+  { id: 'grid', label: 'Switch to Grid dashboard', keys: 'Esc', category: 'Navigation' },
+  { id: 'graph-toggle', label: 'Toggle graphs on/off', keys: 'g', category: 'View' },
+  { id: 'graph-mode', label: 'Cycle graph mode (spark/bar)', keys: 'b', category: 'View' },
+  { id: 'pause', label: 'Pause / Resume dashboard', keys: 'p', category: 'View' },
+  { id: 'detailed', label: 'Toggle detailed sensor mode', keys: 'd', category: 'View' },
+  { id: 'tree', label: 'Toggle tree/flat process view', keys: 't', category: 'View' },
+  { id: 'temp-unit', label: 'Toggle temperature unit (C/F)', keys: 'T', category: 'View' },
+  { id: 'filter', label: 'Filter processes by name', keys: '/', category: 'Process' },
+  { id: 'sort', label: 'Cycle process sort mode', keys: 's', category: 'Process' },
+  { id: 'kill', label: 'Kill a process by PID', keys: 'k', category: 'Process' },
+  { id: 'signal', label: 'Send signal to a process', keys: 'S', category: 'Process' },
+  { id: 'follow', label: 'Follow selected process', keys: 'Space', category: 'Process' },
+  { id: 'inspect', label: 'Inspect selected process', keys: 'Enter', category: 'Process' },
+  { id: 'export', label: 'Export current snapshot', keys: 'e', category: 'Data' },
+  { id: 'log', label: 'Start / stop CSV logging', keys: 'l', category: 'Data' },
+  { id: 'format-cycle', label: 'Cycle export format', keys: 'f', category: 'Data' },
+  { id: 'interval-inc', label: 'Increase refresh interval', keys: '+', category: 'Data' },
+  { id: 'interval-dec', label: 'Decrease refresh interval', keys: '-', category: 'Data' },
+  { id: 'customize', label: 'Open UI customizer', keys: 'c', category: 'Settings' },
+  { id: 'ai-model', label: 'Change AI anomaly model', keys: 'm', category: 'Settings' },
+  { id: 'bookmark-save', label: 'Save current view as bookmark', keys: 'Shift+M', category: 'Bookmarks' },
+  { id: 'bookmark-recall', label: 'Recall next bookmark', keys: 'M', category: 'Bookmarks' },
+  { id: 'zoom-in', label: 'Zoom in history graph', keys: '[', category: 'Graphs' },
+  { id: 'zoom-out', label: 'Zoom out history graph', keys: ']', category: 'Graphs' },
+  { id: 'quick-ref', label: 'Show keyboard shortcuts', keys: '?', category: 'Help' },
+];
+
 const config = readConfig();
 
 const isDockerEnv = fs.existsSync('/.dockerenv') || fs.existsSync('/run/.containerenv');
@@ -150,6 +193,13 @@ const state = {
         aiModel: config.aiModel || 'expert-rules-v1',
         aiBackend: config.aiBackend || 'builtin',
         modelSelectionIndex: 0,
+        // Power user tools state
+        bookmarks: [] as PyreBookmark[],
+        bookmarkRecallIndex: 0,
+        graphZoomLevel: 1,
+        panelHistory: [] as string[],
+        paletteIndex: 0,
+        paletteFilteredCommands: [...PALETTE_COMMANDS],
     };
 
 function setStatus(msg: string, ms = 3000) {
@@ -180,4 +230,4 @@ function getToggleKey(opt: string): keyof VisibleItems | null {
   return map[opt] ?? null;
 }
 
-export { state, setStatus, getToggleKey };
+export { state, setStatus, getToggleKey, PALETTE_COMMANDS };

package/src/live/types.ts

@@ -20,7 +20,7 @@ export interface LiveOptions {
 
 export type ExportFormat = 'json' | 'csv' | 'tsv' | 'html' | 'md';
 
-type InputMode = null | 'filter' | 'kill' | 'signal' | 'customizer' | 'p2p' | 'menu' | 'readme' | 'credits' | 'docker-alert' | 'ai-model';
+type InputMode = null | 'filter' | 'kill' | 'signal' | 'customizer' | 'p2p' | 'menu' | 'readme' | 'credits' | 'docker-alert' | 'ai-model' | 'quick-ref' | 'bookmark-save' | 'command-palette';
 
 type SortMode = 'cpu' | 'mem' | 'pid' | 'user' | 'command' | 'state' | 'threads' | 'runtime';
 

package/src/monitors/collectors.ts

@@ -19,7 +19,7 @@ import fs from 'node:fs';
 import { run } from './run.js';
 import { getSmcMetrics, parseSuffix } from './smc.js';
 import { resolveIp } from './dns_cache.js';
-import type { StatsData, CpuData, MemoryData, ThermalData, BatteryData, PowerData, DiskData, NetworkData, ProcessData, GpuData, PacketData, NetworkProcess, TaskData, ContainerData, NetworkConnection, BlenderRenderData, ProtocolStats, ConnectionStateStats, RemoteHostInfo } from './types.js';
+import type { StatsData, CpuData, MemoryData, ThermalData, BatteryData, PowerData, DiskData, NetworkData, ProcessData, GpuData, PacketData, NetworkProcess, TaskData, ContainerData, NetworkConnection, BlenderRenderData, ProtocolStats, ConnectionStateStats, RemoteHostInfo, DisplayInfo } from './types.js';
 import { collectBlenderRenders } from './blender.js';
 import {
   collectLinuxSystem,
@@ -1350,15 +1350,8 @@ export async function collectTasks(limit = 12): Promise<TaskData[]> {
        .filter((t): t is TaskData => t !== null && t.pid > 0);
    } catch {
      return [];
-   }
- }
-
-export interface DisplayInfo {
-  name: string;
-  resolution: string;
-  connectionType?: string;
-  isMain?: boolean;
-}
+    }
+  }
 
 export async function getDisplayInfo(): Promise<DisplayInfo[]> {
   if (process.platform === 'linux') return getLinuxDisplayInfo();

package/src/monitors/platform/windows-ui.ps1

@@ -0,0 +1,42 @@
+<#
+.SYNOPSIS
+Launches a native Pyre UI window on Windows using WPF WebBrowser control.
+#>
+param(
+    [Parameter(Mandatory=$true)]
+    [int]$Port
+)
+
+$ErrorActionPreference = 'Stop'
+
+Add-Type -AssemblyName System.Windows.Forms
+Add-Type -AssemblyName System.Drawing
+Add-Type -AssemblyName PresentationFramework
+
+$regPath = "HKCU:\Software\Microsoft\Internet Explorer\Main\FeatureControl\FEATURE_BROWSER_EMULATION"
+if (-not (Test-Path $regPath)) {
+    New-Item -Path $regPath -Force | Out-Null
+}
+$scriptName = [System.IO.Path]::GetFileName($PSCommandPath)
+Set-ItemProperty -Path $regPath -Name $scriptName -Value 11001 -Type DWord -ErrorAction SilentlyContinue
+
+$form = New-Object System.Windows.Forms.Form
+$form.Text = "Pyre Live Dashboard"
+$form.Width = 1200
+$form.Height = 800
+$form.StartPosition = "CenterScreen"
+$form.MinimumSize = New-Object System.Drawing.Size(860, 600)
+$form.BackColor = [System.Drawing.Color]::FromArgb(10, 10, 15)
+$form.ForeColor = [System.Drawing.Color]::FromArgb(245, 245, 247)
+
+$browser = New-Object System.Windows.Forms.WebBrowser
+$browser.Dock = "Fill"
+$browser.ScriptErrorsSuppressed = $true
+$browser.Navigate("http://localhost:$Port/")
+$form.Controls.Add($browser)
+
+$form.Add_Shown({
+    $form.Activate()
+})
+
+$form.ShowDialog()