4runr-os 1.0.28 → 1.0.36

package/dist/ui/panels/network-origin.js

@@ -0,0 +1,79 @@
+/**
+ * Panel 5: NETWORK / ORIGIN
+ * Location: Right column (top)
+ * Purpose: Situational and geographic awareness
+ */
+import { getSystemState } from '../../system-state.js';
+import { createPanel } from '../primitives/Panel.js';
+import { getBlessedColor } from '../theme/tokens.js';
+/**
+ * Mask IP address (e.g., 44.222.xxx.xxx)
+ */
+function maskIP(ip) {
+    const parts = ip.split('.');
+    if (parts.length === 4) {
+        return `${parts[0]}.${parts[1]}.xxx.xxx`;
+    }
+    return 'HIDDEN';
+}
+/**
+ * Get public IP (simplified - would need actual IP detection)
+ */
+function getPublicIP() {
+    // For v1, return HIDDEN (would need external API call)
+    return 'HIDDEN';
+}
+/**
+ * Render NETWORK / ORIGIN panel
+ */
+export function renderNetworkOriginPanel(screen, top, left, width, height, appState) {
+    let systemState;
+    try {
+        systemState = getSystemState(appState, false);
+    }
+    catch {
+        systemState = null;
+    }
+    const content = [];
+    if (systemState) {
+        const network = systemState.networkContext;
+        // ORIGIN
+        const origin = `${network.operatorOrigin.region} (${network.operatorOrigin.networkType})`;
+        content.push(`ORIGIN: {${getBlessedColor('accentCyan')}-fg}${origin}{/}`);
+        // GATEWAY
+        const gateway = network.targetInfrastructure.gatewayRegion || 'UNKNOWN';
+        content.push(`GATEWAY: {${getBlessedColor('accentCyan')}-fg}${gateway}{/}`);
+        // DATABASE
+        const database = network.targetInfrastructure.databaseRegion || 'NONE';
+        content.push(`DATABASE: {${getBlessedColor('accentCyan')}-fg}${database}{/}`);
+        // LATENCY
+        const latency = network.targetInfrastructure.latencyClass;
+        let latencyColor = getBlessedColor('mutedGrey');
+        if (latency === 'LOW')
+            latencyColor = getBlessedColor('successGreen');
+        else if (latency === 'MEDIUM')
+            latencyColor = getBlessedColor('warnAmber');
+        else if (latency === 'HIGH')
+            latencyColor = getBlessedColor('criticalRed');
+        content.push(`LATENCY: {${latencyColor}-fg}${latency}{/}`);
+        // PUBLIC IP
+        const publicIP = getPublicIP();
+        content.push(`PUBLIC IP: {${getBlessedColor('mutedGrey')}-fg}${publicIP}{/}`);
+    }
+    else {
+        content.push('ORIGIN: UNKNOWN');
+        content.push('GATEWAY: UNKNOWN');
+        content.push('DATABASE: UNKNOWN');
+        content.push('LATENCY: UNKNOWN');
+        content.push('PUBLIC IP: UNKNOWN');
+    }
+    return createPanel(screen, {
+        title: 'NETWORK / ORIGIN',
+        top,
+        left,
+        width,
+        height,
+        content,
+    });
+}
+//# sourceMappingURL=network-origin.js.map

package/dist/ui/panels/network-origin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"network-origin.js","sourceRoot":"","sources":["../../../src/ui/panels/network-origin.ts"],"names":[],"mappings":"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"}

package/dist/ui/panels/operations-feed.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Panel 4: OPERATIONS FEED
+ * Location: Center column (main)
+ * Purpose: Make the system feel alive and responsive
+ */
+import type { Widgets } from 'neo-blessed';
+import type { AppState } from '../../store.js';
+/**
+ * Render OPERATIONS FEED panel
+ */
+export declare function renderOperationsFeedPanel(screen: Widgets.Screen, top: number, left: number, width: number, height: number, appState: AppState): Widgets.Box;
+//# sourceMappingURL=operations-feed.d.ts.map

package/dist/ui/panels/operations-feed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"operations-feed.d.ts","sourceRoot":"","sources":["../../../src/ui/panels/operations-feed.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AA4D/C;;GAEG;AACH,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,OAAO,CAAC,MAAM,EACtB,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,GACjB,OAAO,CAAC,GAAG,CA8Bb"}

package/dist/ui/panels/operations-feed.js

@@ -0,0 +1,90 @@
+/**
+ * Panel 4: OPERATIONS FEED
+ * Location: Center column (main)
+ * Purpose: Make the system feel alive and responsive
+ */
+import { getSystemState } from '../../system-state.js';
+import { createPanel } from '../primitives/Panel.js';
+import { getBlessedColor } from '../theme/tokens.js';
+/**
+ * Format timestamp as HH:MM:SS
+ */
+function formatTime(timestamp) {
+    const date = new Date(timestamp);
+    const hours = date.getHours().toString().padStart(2, '0');
+    const minutes = date.getMinutes().toString().padStart(2, '0');
+    const seconds = date.getSeconds().toString().padStart(2, '0');
+    return `${hours}:${minutes}:${seconds}`;
+}
+/**
+ * Get event tag from event type
+ */
+function getEventTag(eventType) {
+    if (eventType.includes('RUN'))
+        return 'RUN';
+    if (eventType.includes('CONNECTION'))
+        return 'NET';
+    if (eventType.includes('ERROR'))
+        return 'SEC';
+    if (eventType.includes('DATABASE') || eventType.includes('DB'))
+        return 'DB';
+    if (eventType.includes('GATEWAY'))
+        return 'GATEWAY';
+    return 'SYSTEM';
+}
+/**
+ * Format event for display
+ * Format: [HH:MM:SS] [TAG] message
+ */
+function formatEvent(event) {
+    const time = formatTime(event.timestamp);
+    const tag = getEventTag(event.type);
+    // Extract message from description (remove prefix if present)
+    let message = event.description;
+    if (message.includes(':')) {
+        const parts = message.split(':');
+        if (parts.length > 1) {
+            message = parts.slice(1).join(':').trim();
+        }
+    }
+    const color = event.severity === 'critical'
+        ? getBlessedColor('criticalRed')
+        : event.severity === 'warning'
+            ? getBlessedColor('warnAmber')
+            : getBlessedColor('accentCyan');
+    // Format: [HH:MM:SS] [TAG] message
+    return `{${color}-fg}[${time}] [${tag}] ${message}{/}`;
+}
+/**
+ * Render OPERATIONS FEED panel
+ */
+export function renderOperationsFeedPanel(screen, top, left, width, height, appState) {
+    let systemState;
+    try {
+        systemState = getSystemState(appState, false);
+    }
+    catch {
+        systemState = null;
+    }
+    const content = [];
+    if (systemState && systemState.operationFeed.length > 0) {
+        // Show last 10-12 events (newest first)
+        const events = systemState.operationFeed
+            .slice(-12)
+            .reverse()
+            .map(formatEvent);
+        content.push(...events);
+    }
+    else {
+        content.push(`{${getBlessedColor('mutedGrey')}-fg}NO RECENT OPERATIONS{/}`);
+    }
+    return createPanel(screen, {
+        title: 'OPERATIONS FEED',
+        top,
+        left,
+        width,
+        height,
+        content,
+    });
+}
+//# sourceMappingURL=operations-feed.js.map

package/dist/ui/panels/operations-feed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"operations-feed.js","sourceRoot":"","sources":["../../../src/ui/panels/operations-feed.ts"],"names":[],"mappings":"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"}

package/dist/ui/panels/posture.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Panel 1: POSTURE
+ * Location: Left column (top)
+ * Purpose: Answer "Am I safe to operate?"
+ */
+import type { Widgets } from 'neo-blessed';
+import type { AppState } from '../../store.js';
+/**
+ * Render POSTURE panel
+ */
+export declare function renderPosturePanel(screen: Widgets.Screen, top: number, left: number, width: number, height: number, appState: AppState): Widgets.Box;
+//# sourceMappingURL=posture.d.ts.map

package/dist/ui/panels/posture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"posture.d.ts","sourceRoot":"","sources":["../../../src/ui/panels/posture.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAM/C;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,OAAO,CAAC,MAAM,EACtB,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,GACjB,OAAO,CAAC,GAAG,CAsEb"}

package/dist/ui/panels/posture.js

@@ -0,0 +1,84 @@
+/**
+ * Panel 1: POSTURE
+ * Location: Left column (top)
+ * Purpose: Answer "Am I safe to operate?"
+ */
+import { getSystemState } from '../../system-state.js';
+import { createPanel } from '../primitives/Panel.js';
+import { getBlessedColor } from '../theme/tokens.js';
+import { formatRelativeTime } from '../../utils.js';
+/**
+ * Render POSTURE panel
+ */
+export function renderPosturePanel(screen, top, left, width, height, appState) {
+    let systemState;
+    try {
+        systemState = getSystemState(appState, false);
+    }
+    catch {
+        systemState = null;
+    }
+    const content = [];
+    // POSTURE
+    const posture = systemState?.systemPosture.overallPosture || 'UNKNOWN';
+    let postureColor = 'white';
+    if (posture === 'OPERATIONAL')
+        postureColor = getBlessedColor('successGreen');
+    else if (posture === 'DEGRADED')
+        postureColor = getBlessedColor('warnAmber');
+    else if (posture === 'CRITICAL')
+        postureColor = getBlessedColor('criticalRed');
+    content.push(`POSTURE: {${postureColor}-fg}${posture}{/}`);
+    // RISK
+    const risk = systemState?.systemPosture.riskLevel || 'UNKNOWN';
+    let riskColor = 'white';
+    if (risk === 'LOW')
+        riskColor = getBlessedColor('successGreen');
+    else if (risk === 'ELEVATED')
+        riskColor = getBlessedColor('warnAmber');
+    else if (risk === 'HIGH')
+        riskColor = getBlessedColor('criticalRed');
+    content.push(`RISK: {${riskColor}-fg}${risk}{/}`);
+    // CONNECTED
+    const connected = appState.gatewayConnected ? 'YES' : 'NO';
+    const target = appState.gatewayUrl
+        ? appState.gatewayUrl.replace(/^https?:\/\//, '').substring(0, 20)
+        : '';
+    const connectedText = connected === 'YES' && target
+        ? `${connected} (${target})`
+        : connected;
+    const connectedColor = connected === 'YES'
+        ? getBlessedColor('successGreen')
+        : getBlessedColor('warnAmber');
+    content.push(`CONNECTED: {${connectedColor}-fg}${connectedText}{/}`);
+    // LAST CHANGE
+    const lastChange = systemState?.systemPosture.lastStateChange
+        ? formatRelativeTime(systemState.systemPosture.lastStateChange)
+        : 'UNKNOWN';
+    content.push(`LAST CHANGE: ${lastChange}`);
+    // CAUSE (only if not OPERATIONAL)
+    if (posture !== 'OPERATIONAL' && posture !== 'UNKNOWN') {
+        let cause = '';
+        if (posture === 'CRITICAL') {
+            cause = 'System initialization failed';
+        }
+        else if (posture === 'DEGRADED') {
+            cause = 'No gateway connection';
+        }
+        else if (posture === 'OFFLINE') {
+            cause = 'Offline mode';
+        }
+        if (cause) {
+            content.push(`CAUSE: {${getBlessedColor('warnAmber')}-fg}${cause}{/}`);
+        }
+    }
+    return createPanel(screen, {
+        title: 'POSTURE',
+        top,
+        left,
+        width,
+        height,
+        content,
+    });
+}
+//# sourceMappingURL=posture.js.map

package/dist/ui/panels/posture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"posture.js","sourceRoot":"","sources":["../../../src/ui/panels/posture.ts"],"names":[],"mappings":"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"}

package/dist/ui/panels/resources.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Panel 2: RESOURCES
+ * Location: Left column (middle)
+ * Purpose: Give devs confidence the system is under control
+ */
+import type { Widgets } from 'neo-blessed';
+/**
+ * Render RESOURCES panel
+ */
+export declare function renderResourcesPanel(screen: Widgets.Screen, top: number, left: number, width: number, height: number, appState?: any): Widgets.Box;
+//# sourceMappingURL=resources.d.ts.map

package/dist/ui/panels/resources.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resources.d.ts","sourceRoot":"","sources":["../../../src/ui/panels/resources.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAqD3C;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,OAAO,CAAC,MAAM,EACtB,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,QAAQ,CAAC,EAAE,GAAG,GACb,OAAO,CAAC,GAAG,CAsCb"}

package/dist/ui/panels/resources.js

@@ -0,0 +1,88 @@
+/**
+ * Panel 2: RESOURCES
+ * Location: Left column (middle)
+ * Purpose: Give devs confidence the system is under control
+ */
+import * as os from 'os';
+import { createPanel } from '../primitives/Panel.js';
+// Uptime formatting done inline
+/**
+ * Get CPU usage (simplified - would need actual monitoring in production)
+ */
+function getCpuUsage() {
+    // For v1, return UNKNOWN (would need os-utils or similar)
+    // In production, would track CPU over time
+    return 'UNKNOWN';
+}
+/**
+ * Get load average (1 minute)
+ */
+function getLoadAverage() {
+    const load = os.loadavg();
+    if (load && load.length > 0) {
+        return load[0].toFixed(2);
+    }
+    return 'UNKNOWN';
+}
+/**
+ * Get RAM usage
+ */
+function getRamUsage() {
+    const total = os.totalmem();
+    const free = os.freemem();
+    const used = total - free;
+    const usedGB = (used / 1024 / 1024 / 1024).toFixed(1);
+    const totalGB = (total / 1024 / 1024 / 1024).toFixed(1);
+    return `${usedGB}G / ${totalGB}G`;
+}
+/**
+ * Get disk usage (simplified - would need actual disk monitoring)
+ */
+function getDiskUsage() {
+    // For v1, return UNKNOWN (would need statvfs or similar)
+    return 'UNKNOWN';
+}
+/**
+ * Get process count
+ */
+function getProcessCount() {
+    // Simplified - would count actual processes
+    return 'UNKNOWN';
+}
+/**
+ * Render RESOURCES panel
+ */
+export function renderResourcesPanel(screen, top, left, width, height, appState // Not used but kept for consistency
+) {
+    const content = [];
+    // CPU
+    const cpu = getCpuUsage();
+    content.push(`CPU: ${cpu}`);
+    // LOAD
+    const load = getLoadAverage();
+    content.push(`LOAD: ${load}`);
+    // RAM
+    const ram = getRamUsage();
+    content.push(`RAM: ${ram}`);
+    // DISK
+    const disk = getDiskUsage();
+    content.push(`DISK: ${disk}`);
+    // UPTIME
+    const uptimeSeconds = os.uptime();
+    const hours = Math.floor(uptimeSeconds / 3600);
+    const minutes = Math.floor((uptimeSeconds % 3600) / 60);
+    const uptime = hours > 0 ? `${hours}h ${minutes}m` : `${minutes}m`;
+    content.push(`UPTIME: ${uptime}`);
+    // PROCS
+    const procs = getProcessCount();
+    content.push(`PROCS: ${procs}`);
+    return createPanel(screen, {
+        title: 'RESOURCES',
+        top,
+        left,
+        width,
+        height,
+        content,
+    });
+}
+//# sourceMappingURL=resources.js.map

package/dist/ui/panels/resources.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resources.js","sourceRoot":"","sources":["../../../src/ui/panels/resources.ts"],"names":[],"mappings":"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"}

package/dist/ui/primitives/Panel.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Panel Primitive
+ * Phase 1: Reusable panel component with consistent styling
+ */
+import type { Widgets } from 'neo-blessed';
+import type { PanelId } from '../navigation/types.js';
+/**
+ * Panel Options
+ */
+export interface PanelOptions {
+    title: string;
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+    content?: string[];
+    focused?: boolean;
+    panelId?: PanelId;
+    severity?: 'OK' | 'WARNING' | 'CRITICAL' | 'NEUTRAL';
+}
+/**
+ * Create a consistent panel widget
+ */
+export declare function createPanel(screen: Widgets.Screen, options: PanelOptions): Widgets.Box;
+//# sourceMappingURL=Panel.d.ts.map

package/dist/ui/primitives/Panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../src/ui/primitives/Panel.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAI3C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAKtD;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;CACtD;AAED;;GAEG;AACH,wBAAgB,WAAW,CACzB,MAAM,EAAE,OAAO,CAAC,MAAM,EACtB,OAAO,EAAE,YAAY,GACpB,OAAO,CAAC,GAAG,CAkEb"}

package/dist/ui/primitives/Panel.js

@@ -0,0 +1,59 @@
+/**
+ * Panel Primitive
+ * Phase 1: Reusable panel component with consistent styling
+ */
+import blessed from 'neo-blessed';
+import { getBorderStyle } from '../theme/borders.js';
+import { renderPanelTitle } from '../theme/typography.js';
+// Type assertion for blessed (neo-blessed doesn't have full TypeScript support)
+const blessedLib = blessed;
+/**
+ * Create a consistent panel widget
+ */
+export function createPanel(screen, options) {
+    const { title, top, left, width, height, content = [], focused = false, panelId, severity = 'NEUTRAL', } = options;
+    // Get border style (Phase 7: glow system)
+    const borderStyle = getBorderStyle(panelId || 'POSTURE', focused, severity);
+    // Render title with typography standard
+    const titleText = renderPanelTitle(title, focused);
+    const panel = blessedLib.box({
+        top,
+        left,
+        width,
+        height,
+        border: {
+            type: borderStyle.borderType,
+        },
+        style: {
+            border: {
+                fg: borderStyle.borderColor,
+            },
+        },
+        tags: true,
+    });
+    // Title area (top border label)
+    const titleBox = blessedLib.box({
+        top: 0,
+        left: 1,
+        width: title.length + 4, // Account for padding
+        height: 1,
+        content: titleText,
+        tags: true,
+    });
+    panel.append(titleBox);
+    // Content area
+    if (content.length > 0) {
+        const contentText = content.slice(0, height - 2).join('\n');
+        const contentBox = blessedLib.box({
+            top: 1,
+            left: 1,
+            width: width - 2,
+            height: height - 2,
+            content: contentText,
+            tags: true,
+        });
+        panel.append(contentBox);
+    }
+    return panel;
+}
+//# sourceMappingURL=Panel.js.map

package/dist/ui/primitives/Panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../src/ui/primitives/Panel.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,OAAO,MAAM,aAAa,CAAC;AAGlC,OAAO,EAAE,cAAc,EAAoB,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAG1D,gFAAgF;AAChF,MAAM,UAAU,GAAQ,OAAO,CAAC;AAiBhC;;GAEG;AACH,MAAM,UAAU,WAAW,CACzB,MAAsB,EACtB,OAAqB;IAErB,MAAM,EACJ,KAAK,EACL,GAAG,EACH,IAAI,EACJ,KAAK,EACL,MAAM,EACN,OAAO,GAAG,EAAE,EACZ,OAAO,GAAG,KAAK,EACf,OAAO,EACP,QAAQ,GAAG,SAAS,GACrB,GAAG,OAAO,CAAC;IAEZ,0CAA0C;IAC1C,MAAM,WAAW,GAAG,cAAc,CAChC,OAAO,IAAI,SAAS,EACpB,OAAO,EACP,QAAQ,CACT,CAAC;IAEF,wCAAwC;IACxC,MAAM,SAAS,GAAG,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAEnD,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,CAAC;QAC3B,GAAG;QACH,IAAI;QACJ,KAAK;QACL,MAAM;QACN,MAAM,EAAE;YACN,IAAI,EAAE,WAAW,CAAC,UAAU;SAC7B;QACD,KAAK,EAAE;YACL,MAAM,EAAE;gBACN,EAAE,EAAE,WAAW,CAAC,WAAW;aAC5B;SACF;QACD,IAAI,EAAE,IAAI;KACX,CAAC,CAAC;IAEH,gCAAgC;IAChC,MAAM,QAAQ,GAAG,UAAU,CAAC,GAAG,CAAC;QAC9B,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,sBAAsB;QAC/C,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;KACX,CAAC,CAAC;IAEH,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAEvB,eAAe;IACf,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACvB,MAAM,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5D,MAAM,UAAU,GAAG,UAAU,CAAC,GAAG,CAAC;YAChC,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,KAAK,GAAG,CAAC;YAChB,MAAM,EAAE,MAAM,GAAG,CAAC;YAClB,OAAO,EAAE,WAAW;YACpB,IAAI,EAAE,IAAI;SACX,CAAC,CAAC;QACH,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IAC3B,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/ui/rendering/metricRenderer.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Metric Renderer
+ * Phase 9: UI rendering guardrail - no raw values
+ */
+import type { CollectorResult } from '../../core/types.js';
+/**
+ * Render a metric with status awareness
+ *
+ * Behavior:
+ * - LIVE → show value
+ * - STALE → show value + STALE (Xm)
+ * - UNAVAILABLE → show UNAVAILABLE + message + action
+ * - DISABLED → show DISABLED + action
+ */
+export declare function renderMetric(label: string, collectorResult: CollectorResult<any>, valuePath: string | ((data: any) => string), options?: {
+    labelWidth?: number;
+    valueColor?: string;
+    formatValue?: (value: any) => string;
+}): string;
+/**
+ * Helper to format timestamp as relative time
+ */
+export declare function formatRelativeTime(ts: number): string;
+//# sourceMappingURL=metricRenderer.d.ts.map

package/dist/ui/rendering/metricRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metricRenderer.d.ts","sourceRoot":"","sources":["../../../src/ui/rendering/metricRenderer.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAmB,MAAM,qBAAqB,CAAC;AAI5E;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,MAAM,EACb,eAAe,EAAE,eAAe,CAAC,GAAG,CAAC,EACrC,SAAS,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,KAAK,MAAM,CAAC,EAC3C,OAAO,GAAE;IACP,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC;CACjC,GACL,MAAM,CAiDR;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAerD"}

package/dist/ui/rendering/metricRenderer.js

@@ -0,0 +1,86 @@
+/**
+ * Metric Renderer
+ * Phase 9: UI rendering guardrail - no raw values
+ */
+import { getBlessedColor } from '../theme/tokens.js';
+import { formatValue } from '../constraints/unknownHandling.js';
+/**
+ * Render a metric with status awareness
+ *
+ * Behavior:
+ * - LIVE → show value
+ * - STALE → show value + STALE (Xm)
+ * - UNAVAILABLE → show UNAVAILABLE + message + action
+ * - DISABLED → show DISABLED + action
+ */
+export function renderMetric(label, collectorResult, valuePath, options = {}) {
+    const { labelWidth = 12, valueColor, formatValue: customFormatter } = options;
+    const status = collectorResult.status;
+    const data = collectorResult.data;
+    // Extract value from data
+    let value;
+    if (typeof valuePath === 'function') {
+        value = data ? valuePath(data) : undefined;
+    }
+    else {
+        // Simple path access (e.g., "cpuPercent")
+        value = data ? data[valuePath] : undefined;
+    }
+    // Format value
+    const formatter = customFormatter || ((v) => formatValue(v));
+    const formattedValue = value !== undefined ? formatter(value) : undefined;
+    // Build output based on status
+    let output;
+    let statusColor = getBlessedColor('mutedGrey');
+    if (status === 'LIVE') {
+        // LIVE → show value
+        const displayValue = formattedValue || 'UNKNOWN';
+        const color = valueColor || getBlessedColor('accentCyan');
+        output = `${label.padEnd(labelWidth)}: {${color}-fg}${displayValue}{/}`;
+    }
+    else if (status === 'STALE') {
+        // STALE → show value + STALE (Xm)
+        const ageMinutes = Math.floor((Date.now() - collectorResult.asOf) / 60000);
+        const displayValue = formattedValue || 'UNKNOWN';
+        const color = valueColor || getBlessedColor('warnAmber');
+        output = `${label.padEnd(labelWidth)}: {${color}-fg}${displayValue}{/} {${getBlessedColor('warnAmber')}-fg}STALE (${ageMinutes}m){/}`;
+    }
+    else if (status === 'UNAVAILABLE') {
+        // UNAVAILABLE → show UNAVAILABLE + message + action
+        const reason = collectorResult.message || collectorResult.reasonCode || 'Unknown reason';
+        const action = collectorResult.action ? ` (run: ${collectorResult.action})` : '';
+        output = `${label.padEnd(labelWidth)}: {${getBlessedColor('criticalRed')}-fg}UNAVAILABLE{/} — ${reason}${action}`;
+    }
+    else if (status === 'DISABLED') {
+        // DISABLED → show DISABLED + action
+        const action = collectorResult.action ? ` (run: ${collectorResult.action})` : '';
+        output = `${label.padEnd(labelWidth)}: {${getBlessedColor('mutedGrey')}-fg}DISABLED{/}${action}`;
+    }
+    else {
+        // Fallback
+        output = `${label.padEnd(labelWidth)}: {${getBlessedColor('mutedGrey')}-fg}UNKNOWN{/}`;
+    }
+    return output;
+}
+/**
+ * Helper to format timestamp as relative time
+ */
+export function formatRelativeTime(ts) {
+    const ageMs = Date.now() - ts;
+    const ageMinutes = Math.floor(ageMs / 60000);
+    const ageHours = Math.floor(ageMinutes / 60);
+    const ageDays = Math.floor(ageHours / 24);
+    if (ageDays > 0) {
+        return `${ageDays}d`;
+    }
+    else if (ageHours > 0) {
+        return `${ageHours}h`;
+    }
+    else if (ageMinutes > 0) {
+        return `${ageMinutes}m`;
+    }
+    else {
+        return '<1m';
+    }
+}
+//# sourceMappingURL=metricRenderer.js.map

package/dist/ui/rendering/metricRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metricRenderer.js","sourceRoot":"","sources":["../../../src/ui/rendering/metricRenderer.ts"],"names":[],"mappings":"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"}

package/dist/ui/runtime/hub.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Hub Grid Layout
+ * Phase 3: Render from UiState snapshot (no direct system calls)
+ */
+import type { Widgets } from 'neo-blessed';
+import type { UiState } from '../../core/types.js';
+/**
+ * Render hub grid layout
+ * Phase 9: Validates hub snapshot before rendering
+ */
+export declare function renderHub(screen: Widgets.Screen, uiState: UiState, focusedPanelId?: string): void;
+//# sourceMappingURL=hub.d.ts.map

package/dist/ui/runtime/hub.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hub.d.ts","sourceRoot":"","sources":["../../../src/ui/runtime/hub.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAanD;;;GAGG;AACH,wBAAgB,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAuEjG"}