4runr-os 1.0.23 → 1.0.36

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"}

package/dist/ui/runtime/hub.js

@@ -0,0 +1,468 @@
+/**
+ * Hub Grid Layout
+ * Phase 3: Render from UiState snapshot (no direct system calls)
+ */
+import { statusToSeverity } from '../theme/borders.js';
+import { LINE_BUDGETS } from '../constraints/layoutSpec.js';
+import { validateHubSnapshot, renderSafeHoldScreen } from './hubValidation.js';
+/**
+ * Render hub grid layout
+ * Phase 9: Validates hub snapshot before rendering
+ */
+export function renderHub(screen, uiState, focusedPanelId) {
+    // Phase 9: Validate hub snapshot before rendering
+    const validation = validateHubSnapshot(uiState);
+    if (!validation.valid) {
+        // Show safe hold screen
+        const blessed = require('neo-blessed');
+        const blessedLib = blessed;
+        const { getBlessedColor } = require('../theme/tokens.js');
+        screen.children.forEach((child) => child.destroy());
+        const safeHoldBox = blessedLib.box({
+            top: 0,
+            left: 0,
+            width: screen.width,
+            height: screen.height,
+            border: { type: 'line' },
+            style: {
+                border: { fg: getBlessedColor('criticalRed') },
+            },
+            tags: true,
+        });
+        const content = renderSafeHoldScreen(validation.errors);
+        safeHoldBox.setContent(content.join('\n'));
+        screen.append(safeHoldBox);
+        screen.render();
+        return;
+    }
+    const screenWidth = screen.width;
+    const screenHeight = screen.height;
+    // Calculate panel dimensions
+    const leftWidth = Math.floor(screenWidth * 0.3);
+    const leftPanelHeight = Math.floor((screenHeight - 2) / 3);
+    const centerWidth = Math.floor(screenWidth * 0.4);
+    const centerHeight = screenHeight - 2;
+    const rightWidth = screenWidth - leftWidth - centerWidth;
+    const rightPanelHeight = Math.floor((screenHeight - 2) / 2);
+    // Get severity for posture panel
+    const postureSeverity = statusToSeverity(uiState.posture.posture);
+    // Panel 1: POSTURE (Left top)
+    const panel1 = renderPosturePanelFromUiState(screen, 0, 0, leftWidth, leftPanelHeight, uiState, focusedPanelId === "POSTURE", postureSeverity);
+    screen.append(panel1);
+    // Panel 2: RESOURCES (Left middle)
+    const panel2 = renderResourcesPanelFromUiState(screen, leftPanelHeight, 0, leftWidth, leftPanelHeight, uiState, focusedPanelId === "RESOURCES");
+    screen.append(panel2);
+    // Panel 3: ACTIVE ASSETS (Left bottom)
+    const panel3 = renderActiveAssetsPanelFromUiState(screen, leftPanelHeight * 2, 0, leftWidth, leftPanelHeight, uiState, focusedPanelId === "ASSETS");
+    screen.append(panel3);
+    // Panel 4: OPERATIONS FEED (Center main)
+    const panel4 = renderOperationsFeedPanelFromUiState(screen, 0, leftWidth, centerWidth, centerHeight, uiState, focusedPanelId === "FEED");
+    screen.append(panel4);
+    // Panel 5: GEO INTEL (Right top) - Phase 5
+    const panel5 = renderGeoIntelPanelFromUiState(screen, 0, leftWidth + centerWidth, rightWidth, rightPanelHeight, uiState, focusedPanelId === "NETWORK");
+    screen.append(panel5);
+    // Panel 6: CAPABILITY FLAGS (Right bottom)
+    const panel6 = renderCapabilityFlagsPanelFromUiState(screen, rightPanelHeight, leftWidth + centerWidth, rightWidth, rightPanelHeight, uiState, focusedPanelId === "CAPABILITIES");
+    screen.append(panel6);
+    // Panel 7: COMMAND SURFACE + STATUS STRIP (Bottom)
+    const panel7 = renderCommandSurfaceFromUiState(screen, screenHeight - 1, 0, screenWidth, 1, uiState);
+    screen.append(panel7);
+}
+/**
+ * Helper: Render posture panel from UiState
+ */
+function renderPosturePanelFromUiState(screen, top, left, width, height, uiState, focused = false, severity = 'NEUTRAL') {
+    const { createPanel } = require('../primitives/Panel.js');
+    const { getBlessedColor } = require('../theme/tokens.js');
+    const { formatLabelValue } = require('../theme/typography.js');
+    const { formatValue } = require('../constraints/unknownHandling.js');
+    const { statusToSeverity: statusToSev } = require('../theme/borders.js');
+    const content = [];
+    content.push(''); // Blank line after title
+    // Phase 8: Enforce line budget (max 6 content lines for small panels)
+    const maxLines = LINE_BUDGETS.SMALL_PANEL;
+    const posture = formatValue(uiState.posture.posture);
+    const postureSeverity = statusToSev(uiState.posture.posture);
+    const postureColor = postureSeverity === 'OK' ? getBlessedColor('successGreen') :
+        postureSeverity === 'CRITICAL' ? getBlessedColor('criticalRed') :
+            postureSeverity === 'WARNING' ? getBlessedColor('warnAmber') : getBlessedColor('mutedGrey');
+    content.push(formatLabelValue('POSTURE', posture, 12, postureColor));
+    const risk = formatValue(uiState.posture.risk);
+    const riskSeverity = risk === 'LOW' ? 'OK' : risk === 'HIGH' ? 'CRITICAL' : 'WARNING';
+    const riskColor = riskSeverity === 'OK' ? getBlessedColor('successGreen') :
+        riskSeverity === 'CRITICAL' ? getBlessedColor('criticalRed') :
+            riskSeverity === 'WARNING' ? getBlessedColor('warnAmber') : getBlessedColor('mutedGrey');
+    content.push(formatLabelValue('RISK', risk, 12, riskColor));
+    const connected = uiState.posture.connected === true ? 'YES' :
+        uiState.posture.connected === false ? 'NO' : formatValue(uiState.posture.connected);
+    const target = uiState.posture.target !== 'UNKNOWN' ? ` (${formatValue(uiState.posture.target)})` : '';
+    const connectedColor = connected === 'YES' ? getBlessedColor('successGreen') : getBlessedColor('warnAmber');
+    content.push(formatLabelValue('CONNECTED', `${connected}${target}`, 12, connectedColor));
+    const lastChange = uiState.posture.lastChange !== 'UNKNOWN'
+        ? new Date(uiState.posture.lastChange).toLocaleTimeString()
+        : formatValue(uiState.posture.lastChange);
+    content.push(formatLabelValue('LAST CHANGE', lastChange, 12));
+    if (uiState.posture.cause !== 'UNKNOWN' && uiState.posture.posture !== 'OPERATIONAL') {
+        content.push(formatLabelValue('CAUSE', formatValue(uiState.posture.cause), 12, getBlessedColor('warnAmber')));
+    }
+    // Enforce line budget
+    if (content.length > maxLines + 1) { // +1 for blank line
+        content.splice(maxLines + 1);
+    }
+    return createPanel(screen, {
+        title: 'POSTURE',
+        top,
+        left,
+        width,
+        height,
+        content,
+        focused,
+        panelId: 'POSTURE',
+        severity,
+    });
+}
+/**
+ * Helper: Render resources panel from UiState
+ */
+function renderResourcesPanelFromUiState(screen, top, left, width, height, uiState, focused = false) {
+    const { createPanel } = require('../primitives/Panel.js');
+    const { getBlessedColor } = require('../theme/tokens.js');
+    const { renderSparkline } = require('../widgets/index.js');
+    const content = [];
+    // CPU with sparkline
+    const cpuValue = uiState.resources.cpuPercent;
+    const cpuLabel = typeof cpuValue === 'number' ? `${cpuValue}%` : 'UNKNOWN';
+    const cpuSamples = uiState.history?.cpu || [];
+    const cpuSparkline = renderSparkline({
+        samples: cpuSamples,
+        min: 0,
+        max: 100,
+        width: Math.min(24, width - 15), // Leave room for label
+    });
+    content.push(`CPU: {${getBlessedColor('accentCyan')}-fg}${cpuLabel}{/} ${cpuSparkline}`);
+    content.push(`LOAD: ${uiState.resources.load1m}`);
+    // RAM with sparkline
+    const ramUsed = uiState.resources.ramUsedMb;
+    const ramTotal = uiState.resources.ramTotalMb;
+    let ramLabel;
+    let ramPercent = null;
+    if (typeof ramUsed === 'number' && typeof ramTotal === 'number') {
+        ramPercent = (ramUsed / ramTotal) * 100;
+        ramLabel = `${(ramUsed / 1024).toFixed(1)}/${(ramTotal / 1024).toFixed(1)}GB (${ramPercent.toFixed(0)}%)`;
+    }
+    else {
+        ramLabel = `${ramUsed}M / ${ramTotal}M`;
+    }
+    const ramSamples = uiState.history?.ram || [];
+    const ramSparkline = renderSparkline({
+        samples: ramSamples,
+        min: 0,
+        max: 100,
+        width: Math.min(24, width - 20), // Leave room for label
+    });
+    content.push(`RAM: {${getBlessedColor('accentCyan')}-fg}${ramLabel}{/} ${ramSparkline}`);
+    content.push(`DISK: ${uiState.resources.diskUsedGb}G / ${uiState.resources.diskTotalGb}G`);
+    const uptimeSec = uiState.resources.uptimeSec;
+    const uptime = typeof uptimeSec === 'number'
+        ? `${Math.floor(uptimeSec / 3600)}h ${Math.floor((uptimeSec % 3600) / 60)}m`
+        : 'UNKNOWN';
+    content.push(`UPTIME: ${uptime}`);
+    content.push(`PROCS: ${uiState.resources.procCount}`);
+    return createPanel(screen, {
+        title: 'RESOURCES',
+        top,
+        left,
+        width,
+        height,
+        content,
+        focused,
+        panelId: 'RESOURCES',
+    });
+}
+/**
+ * Helper: Render active assets panel from UiState
+ */
+function renderActiveAssetsPanelFromUiState(screen, top, left, width, height, uiState, focused = false) {
+    const { createPanel } = require('../primitives/Panel.js');
+    const { getBlessedColor } = require('../theme/tokens.js');
+    const blessed = require('neo-blessed');
+    const content = [];
+    content.push(`TOTAL: {${getBlessedColor('accentCyan')}-fg}${uiState.assets.total}{/}`);
+    const activeColor = uiState.assets.active !== 'UNKNOWN' && uiState.assets.active > 0
+        ? getBlessedColor('successGreen')
+        : getBlessedColor('mutedGrey');
+    content.push(`ACTIVE: {${activeColor}-fg}${uiState.assets.active}{/}`);
+    content.push(`IDLE: {${getBlessedColor('mutedGrey')}-fg}${uiState.assets.idle}{/}`);
+    const errorColor = uiState.assets.error !== 'UNKNOWN' && typeof uiState.assets.error === 'number' && uiState.assets.error > 0
+        ? getBlessedColor('criticalRed')
+        : getBlessedColor('mutedGrey');
+    content.push(`ERROR: {${errorColor}-fg}${uiState.assets.error}{/}`);
+    // Activity meter
+    const { renderMeter } = require('../widgets/index.js');
+    const total = uiState.assets.total;
+    const active = uiState.assets.active;
+    let activityValue = "UNKNOWN";
+    let activityLabel = '';
+    if (typeof total === 'number' && typeof active === 'number' && total > 0) {
+        activityValue = (active / total) * 100; // Percentage
+        activityLabel = `A:${active} I:${uiState.assets.idle} E:${uiState.assets.error}`;
+    }
+    const activityMeter = renderMeter({
+        value: activityValue,
+        min: 0,
+        max: 100,
+        width: 10,
+        labelLeft: 'ACTIVITY',
+        labelRight: activityLabel,
+    });
+    content.push(`{${getBlessedColor('accentCyan')}-fg}${activityMeter}{/}`);
+    if (uiState.assets.highlight !== 'UNKNOWN') {
+        content.push(`HIGHLIGHT: {${getBlessedColor('accentCyan')}-fg}${uiState.assets.highlight}{/}`);
+    }
+    else {
+        content.push(`HIGHLIGHT: {${getBlessedColor('mutedGrey')}-fg}NONE{/}`);
+    }
+    content.push(`LAST ACTION: {${getBlessedColor('accentCyan')}-fg}${uiState.assets.lastAction}{/}`);
+    return createPanel(screen, {
+        title: 'ACTIVE ASSETS',
+        top,
+        left,
+        width,
+        height,
+        content,
+        focused,
+        panelId: 'ASSETS',
+    });
+}
+/**
+ * Helper: Render operations feed panel from UiState
+ */
+function renderOperationsFeedPanelFromUiState(screen, top, left, width, height, uiState, focused = false) {
+    const { createPanel } = require('../primitives/Panel.js');
+    const { getBlessedColor } = require('../theme/tokens.js');
+    const blessed = require('neo-blessed');
+    const content = [];
+    if (uiState.feed.events.length > 0) {
+        uiState.feed.events.slice(0, height - 2).forEach(event => {
+            const time = new Date(event.ts).toLocaleTimeString();
+            const color = event.tag === 'SEC' || event.tag === 'DB'
+                ? getBlessedColor('criticalRed')
+                : event.tag === 'NET'
+                    ? getBlessedColor('warnAmber')
+                    : getBlessedColor('accentCyan');
+            content.push(`{${color}-fg}[${time}] [${event.tag}] ${event.msg}{/}`);
+        });
+    }
+    else {
+        content.push(`{${getBlessedColor('mutedGrey')}-fg}NO RECENT OPERATIONS{/}`);
+    }
+    return createPanel(screen, {
+        title: 'OPERATIONS FEED',
+        top,
+        left,
+        width,
+        height,
+        content,
+        focused,
+        panelId: 'FEED',
+    });
+}
+/**
+ * Helper: Render network/origin panel from UiState
+ */
+function renderNetworkOriginPanelFromUiState(screen, top, left, width, height, uiState) {
+    const { createPanel } = require('../primitives/Panel.js');
+    const { getBlessedColor } = require('../theme/tokens.js');
+    const blessed = require('neo-blessed');
+    const content = [];
+    content.push(`ORIGIN: {${getBlessedColor('accentCyan')}-fg}${uiState.network.originRegion} (${uiState.network.originClass}){/}`);
+    content.push(`GATEWAY: {${getBlessedColor('accentCyan')}-fg}${uiState.network.gatewayRegion}{/}`);
+    content.push(`DATABASE: {${getBlessedColor('accentCyan')}-fg}${uiState.network.dbRegion}{/}`);
+    // Latency with meter
+    const latencyClass = uiState.network.latencyClass;
+    const latencyMs = uiState.network.latencyMs;
+    const latencyColor = latencyClass === 'LOW' ? getBlessedColor('successGreen') :
+        latencyClass === 'HIGH' ? getBlessedColor('criticalRed') :
+            latencyClass === 'MEDIUM' ? getBlessedColor('warnAmber') : getBlessedColor('mutedGrey');
+    const { renderMeter } = require('../widgets/index.js');
+    const latencyLabel = latencyMs !== 'UNKNOWN' ? `${latencyMs}ms` : 'UNKNOWN';
+    const latencyMeter = renderMeter({
+        value: latencyMs !== 'UNKNOWN' ? latencyMs : 'UNKNOWN',
+        min: 0,
+        max: 300, // 300ms max for meter
+        width: 10,
+        labelLeft: 'LAT',
+        labelRight: latencyLabel,
+    });
+    content.push(`{${latencyColor}-fg}${latencyMeter}{/}`);
+    content.push(`PUBLIC IP: {${getBlessedColor('mutedGrey')}-fg}${uiState.network.publicIpMasked}{/}`);
+    return createPanel(screen, {
+        title: 'NETWORK / ORIGIN',
+        top,
+        left,
+        width,
+        height,
+        content,
+    });
+}
+/**
+ * Helper: Render GEO INTEL panel from UiState
+ * Phase 5: Geographic situational awareness
+ */
+function renderGeoIntelPanelFromUiState(screen, top, left, width, height, uiState, focused = false) {
+    const { createPanel } = require('../primitives/Panel.js');
+    const { getBlessedColor } = require('../theme/tokens.js');
+    const { renderMiniMap } = require('../widgets/index.js');
+    const content = [];
+    const geo = uiState.geo;
+    if (!geo || (geo.originLabel === "UNKNOWN" && geo.gatewayRegion === "UNKNOWN" && geo.dbRegion === "UNKNOWN")) {
+        // All geo fields unknown
+        content.push(`GEO: {${getBlessedColor('mutedGrey')}-fg}UNAVAILABLE{/}`);
+        content.push(`REASON: {${getBlessedColor('mutedGrey')}-fg}NO_SOURCE_DATA{/}`);
+    }
+    else {
+        // ORIGIN
+        content.push(`ORIGIN: {${getBlessedColor('accentCyan')}-fg}${geo.originLabel}{/}`);
+        // ROUTE
+        content.push(`ROUTE: {${getBlessedColor('accentCyan')}-fg}${geo.routeLabel}{/}`);
+        // GATEWAY
+        content.push(`GW: {${getBlessedColor('accentCyan')}-fg}${geo.gatewayRegion}{/}`);
+        // DATABASE
+        content.push(`DB: {${getBlessedColor('accentCyan')}-fg}${geo.dbRegion}{/}`);
+        // PING
+        const pingLabel = geo.pingMs !== "UNKNOWN"
+            ? `${geo.pingMs}ms ${geo.pingClass}`
+            : 'UNKNOWN';
+        const pingColor = geo.pingClass === 'LOW' ? getBlessedColor('successGreen') :
+            geo.pingClass === 'HIGH' ? getBlessedColor('criticalRed') :
+                geo.pingClass === 'MEDIUM' ? getBlessedColor('warnAmber') : getBlessedColor('mutedGrey');
+        content.push(`PING: {${pingColor}-fg}${pingLabel}{/}`);
+    }
+    // Mini-map (optional, only if enabled and coordinates known)
+    const enableMiniMap = process.env.ENABLE_MINIMAP === '1';
+    if (enableMiniMap && geo && geo.originLatLon && geo.originLatLon !== "UNKNOWN" &&
+        geo.gatewayLatLon && geo.gatewayLatLon !== "UNKNOWN" &&
+        typeof geo.originLatLon === 'object' && typeof geo.gatewayLatLon === 'object') {
+        const mapWidth = Math.min(20, width - 2);
+        const mapHeight = Math.min(10, height - content.length - 2);
+        if (mapHeight > 0 && mapWidth > 0) {
+            const mapLines = renderMiniMap({
+                width: mapWidth,
+                height: mapHeight,
+                origin: geo.originLatLon,
+                gateway: geo.gatewayLatLon,
+                db: geo.dbLatLon && geo.dbLatLon !== "UNKNOWN" && typeof geo.dbLatLon === 'object' ? geo.dbLatLon : undefined,
+            });
+            content.push(''); // Blank line separator
+            content.push(...mapLines);
+        }
+    }
+    // Ensure max 5 lines (or more if mini-map enabled)
+    const maxLines = enableMiniMap ? height - 2 : 5;
+    const finalContent = content.slice(0, maxLines);
+    return createPanel(screen, {
+        title: 'GEO INTEL',
+        top,
+        left,
+        width,
+        height,
+        content: finalContent,
+        focused,
+        panelId: 'NETWORK',
+    });
+}
+/**
+ * Helper: Render capability flags panel from UiState
+ */
+function renderCapabilityFlagsPanelFromUiState(screen, top, left, width, height, uiState, focused = false) {
+    const { createPanel } = require('../primitives/Panel.js');
+    const { getBlessedColor } = require('../theme/tokens.js');
+    const blessed = require('neo-blessed');
+    const content = [];
+    // Build flags
+    const { renderFlagRow, capabilityToLevel, getFlagColorToken } = require('../widgets/index.js');
+    const flags = [
+        {
+            key: 'GW',
+            value: uiState.capabilities.gateway,
+            level: capabilityToLevel(uiState.capabilities.gateway, 'gateway'),
+        },
+        {
+            key: 'DB',
+            value: uiState.capabilities.database,
+            level: capabilityToLevel(uiState.capabilities.database, 'database'),
+        },
+        {
+            key: 'MEM',
+            value: uiState.capabilities.memory,
+            level: capabilityToLevel(uiState.capabilities.memory, 'memory'),
+        },
+        {
+            key: 'SEC',
+            value: uiState.capabilities.security,
+            level: capabilityToLevel(uiState.capabilities.security, 'security'),
+        },
+        {
+            key: 'RL',
+            value: uiState.capabilities.rateLimit,
+            level: capabilityToLevel(uiState.capabilities.rateLimit, 'rateLimit'),
+        },
+    ];
+    // Render flag row with colors
+    const flagRow = renderFlagRow(flags, 5);
+    const coloredParts = [];
+    const parts = flagRow.split(' ');
+    parts.forEach((part, idx) => {
+        const flag = flags[idx];
+        if (flag) {
+            const colorToken = getFlagColorToken(flag.level);
+            const color = getBlessedColor(colorToken);
+            coloredParts.push(`{${color}-fg}${part}{/}`);
+        }
+        else {
+            coloredParts.push(part);
+        }
+    });
+    content.push(coloredParts.join(' '));
+    return createPanel(screen, {
+        title: 'CAPABILITY FLAGS',
+        top,
+        left,
+        width,
+        height,
+        content,
+        focused,
+        panelId: 'CAPABILITIES',
+    });
+}
+/**
+ * Helper: Render command surface from UiState
+ */
+function renderCommandSurfaceFromUiState(screen, top, left, width, height, uiState) {
+    const blessed = require('neo-blessed');
+    const blessedLib = blessed;
+    const { getBlessedColor } = require('../theme/tokens.js');
+    const commands = 'start   deploy   inspect   metrics   system';
+    const commandText = `{${getBlessedColor('accentCyan')}-fg}${commands}{/}`;
+    const mode = uiState.posture.connected === true ? 'REMOTE' :
+        uiState.posture.connected === false ? 'OFFLINE' : 'UNKNOWN';
+    const connect = uiState.posture.connected === true ? 'CONNECTED' : 'DISCONNECTED';
+    const posture = uiState.posture.posture;
+    const activeRuns = typeof uiState.assets.active === 'number' ? uiState.assets.active : 0;
+    const lastCmd = 'posture';
+    const statusParts = [mode, connect, posture, `${activeRuns}`, lastCmd];
+    const statusText = statusParts.join(' | ');
+    const fullText = `${commandText}  |  {${getBlessedColor('mutedGrey')}-fg}${statusText}{/}`;
+    return blessedLib.box({
+        top,
+        left,
+        width,
+        height,
+        content: fullText,
+        tags: true,
+        style: {
+            fg: getBlessedColor('standardWhite'),
+        },
+    });
+}
+//# sourceMappingURL=hub.js.map