@pellux/goodvibes-tui 0.18.20 → 0.19.0

package/src/panels/subscription-panel.ts

@@ -1,12 +1,10 @@
 import type { Line } from '../types/grid.ts';
 import { createEmptyLine } from '../types/grid.ts';
-import { BasePanel } from './base-panel.ts';
-import { handleConfirmInput, renderConfirmLines } from './confirm-state.ts';
+import { ScrollableListPanel } from './scrollable-list-panel.ts';
 import type { ProviderSubscription, PendingSubscriptionLogin } from '@pellux/goodvibes-sdk/platform/config/subscriptions';
 import { listBuiltinSubscriptionProviders } from '@pellux/goodvibes-sdk/platform/config/subscription-providers';
 import type { ServiceInspectionQuery, SubscriptionAccessQuery } from '../runtime/ui-service-queries.ts';
 import {
-  buildDetailBlock,
   buildEmptyState,
   buildGuidanceLine,
   buildKeyValueLine,
@@ -15,8 +13,6 @@ import {
   buildSummaryBlock,
   buildPanelWorkspace,
   DEFAULT_PANEL_PALETTE,
-  resolvePrimaryScrollableSection,
-  type PanelWorkspaceSection,
 } from './polish.ts';
 
 const C = {
@@ -57,12 +53,10 @@ function statusColor(status: ReturnType<typeof statusOf>): string {
   }
 }
 
-export class SubscriptionPanel extends BasePanel {
+export class SubscriptionPanel extends ScrollableListPanel<SubscriptionRow> {
   private readonly serviceRegistry: Pick<ServiceInspectionQuery, 'getAll'>;
   private readonly subscriptionManager: SubscriptionAccessQuery;
   private rows: SubscriptionRow[] = [];
-  private selectedIndex = 0;
-  private scrollOffset = 0;
   private logoutConfirmationTarget: string | null = null;
 
   public constructor(
@@ -70,6 +64,7 @@ export class SubscriptionPanel extends BasePanel {
     subscriptionManager: SubscriptionAccessQuery,
   ) {
     super('subscription', 'Subscriptions', 'B', 'monitoring');
+    this.showSelectionGutter = true; // I5: non-color selection affordance
     this.serviceRegistry = serviceRegistry;
     this.subscriptionManager = subscriptionManager;
   }
@@ -79,6 +74,30 @@ export class SubscriptionPanel extends BasePanel {
     this.refresh();
   }
 
+  protected override getPalette() { return C; }
+  protected override getEmptyStateMessage() { return ' No provider subscriptions are active yet.'; }
+  protected override getEmptyStateActions() {
+    return [
+      { command: '/subscription login openai start', summary: 'start the first-class OpenAI subscription flow' },
+      { command: '/login provider <name> start', summary: 'use the front-door auth surface for supported providers' },
+      { command: '/services auth-review', summary: 'inspect configured service auth posture and stored secrets' },
+    ];
+  }
+
+  protected getItems(): readonly SubscriptionRow[] {
+    return this.rows;
+  }
+
+  protected renderItem(row: SubscriptionRow, index: number, selected: boolean, width: number): Line {
+    const status = statusOf(row);
+    return buildPanelListRow(width, [
+      { text: row.provider.padEnd(16).slice(0, 16), fg: C.value },
+      { text: ` ${status.toUpperCase().padEnd(12)}`, fg: statusColor(status) },
+      { text: ` oauth=${row.hasOAuthConfig ? 'yes' : 'no'} `, fg: row.hasOAuthConfig ? C.info : C.dim },
+      { text: ` override=${row.subscription ? 'active' : 'off'}`, fg: row.subscription ? C.good : C.dim },
+    ], C, { selected, selectedBg: C.selectedBg });
+  }
+
   public handleInput(key: string): boolean {
     if (this.rows.length === 0) return false;
     const selected = this.rows[this.selectedIndex] ?? null;
@@ -96,11 +115,6 @@ export class SubscriptionPanel extends BasePanel {
     }
     if (key === 'enter' || key === 'x') {
       if (!selected?.subscription) return false;
-      // I1: use confirm helper — first press sets target, second (y) executes
-      const confirmResult = handleConfirmInput(
-        this.logoutConfirmationTarget ? { subject: this.logoutConfirmationTarget, label: this.logoutConfirmationTarget } : null,
-        key,
-      );
       if (this.logoutConfirmationTarget === null || this.logoutConfirmationTarget !== selected.provider) {
         this.logoutConfirmationTarget = selected.provider;
         this.markDirty();
@@ -112,7 +126,6 @@ export class SubscriptionPanel extends BasePanel {
       this.markDirty();
       return true;
     }
-    // Allow n/Esc to cancel pending logout confirm
     if ((key === 'n' || key === 'escape') && this.logoutConfirmationTarget) {
       this.logoutConfirmationTarget = null;
       this.markDirty();
@@ -157,8 +170,9 @@ export class SubscriptionPanel extends BasePanel {
   }
 
   public render(width: number, height: number): Line[] {
-    this.needsRender = false;
     this.refresh();
+    this.clampSelection();
+    const intro = 'Review provider login state, subscription-backed routing, and pending browser auth handshakes.';
 
     const activeCount = this.rows.filter((row) => row.subscription).length;
     const pendingCount = this.rows.filter((row) => row.pending).length;
@@ -175,111 +189,75 @@ export class SubscriptionPanel extends BasePanel {
       ], C),
       buildGuidanceLine(width, '/subscription login <provider> start', 'start or repair browser login for the selected provider route', C),
     ];
-    const footerLines = [
-      buildGuidanceLine(width, '/subscription login <provider> start', 'start browser-based provider login from the packaged subscription surface', C),
-      buildPanelLine(width, [['  Up/Down move  Enter/X sign out selected provider  r refresh', C.dim]]),
-    ] as const;
 
+    // Empty state: render posture + base empty state
     if (this.rows.length === 0) {
-      const lines: Line[] = [];
-      lines.push(...buildSummaryBlock(width, 'Subscription posture', postureLines, C));
-      lines.push(...buildEmptyState(
+      const summaryLines = buildSummaryBlock(width, 'Subscription posture', postureLines, C);
+      const emptyLines = buildEmptyState(
         width,
-        ' No provider subscriptions are active yet.',
+        this.getEmptyStateMessage(),
         'Built-in OAuth-capable providers and configured service providers will appear here once available for browser login or session import.',
-        [
-          { command: '/subscription login openai start', summary: 'start the first-class OpenAI subscription flow' },
-          { command: '/login provider <name> start', summary: 'use the front-door auth surface for supported providers' },
-          { command: '/services auth-review', summary: 'inspect configured service auth posture and stored secrets' },
-        ],
+        this.getEmptyStateActions(),
         C,
-      ));
+      );
       const workspace = buildPanelWorkspace(width, height, {
         title: 'Provider Subscriptions',
-        intro: 'Review provider login state, subscription-backed routing, and pending browser auth handshakes.',
-        sections: [{ lines }] satisfies readonly PanelWorkspaceSection[],
-        footerLines,
+        intro,
+        sections: [{ lines: [...summaryLines, ...emptyLines] }],
+        footerLines: [
+          buildGuidanceLine(width, '/subscription login <provider> start', 'start browser-based provider login from the packaged subscription surface', C),
+          buildPanelLine(width, [['  Up/Down move  Enter/X sign out selected provider  r refresh', C.dim]]),
+        ],
         palette: C,
       });
       while (workspace.length < height) workspace.push(createEmptyLine(width));
       return workspace.slice(0, height);
     }
 
-    const selected = this.rows[this.selectedIndex];
+    const selectedRow = this.rows[this.selectedIndex];
     const detailRows: Line[] = [];
-    if (selected) {
+    if (selectedRow) {
       detailRows.push(buildKeyValueLine(width, [
-        { label: 'provider', value: selected.provider, valueColor: C.value },
-        { label: 'status', value: statusOf(selected), valueColor: statusColor(statusOf(selected)) },
-        { label: 'oauth config', value: selected.hasOAuthConfig ? 'present' : 'missing', valueColor: selected.hasOAuthConfig ? C.good : C.bad },
+        { label: 'provider', value: selectedRow.provider, valueColor: C.value },
+        { label: 'status', value: statusOf(selectedRow), valueColor: statusColor(statusOf(selectedRow)) },
+        { label: 'oauth config', value: selectedRow.hasOAuthConfig ? 'present' : 'missing', valueColor: selectedRow.hasOAuthConfig ? C.good : C.bad },
       ], C));
-      if (selected.subscription) {
-        const expires = selected.subscription.expiresAt
-          ? new Date(selected.subscription.expiresAt).toISOString()
+      if (selectedRow.subscription) {
+        const expires = selectedRow.subscription.expiresAt
+          ? new Date(selectedRow.subscription.expiresAt).toISOString()
           : 'n/a';
         detailRows.push(buildKeyValueLine(width, [
-          { label: 'token type', value: selected.subscription.tokenType, valueColor: C.info },
+          { label: 'token type', value: selectedRow.subscription.tokenType, valueColor: C.info },
           { label: 'expires', value: expires, valueColor: C.dim },
         ], C));
         detailRows.push(buildPanelLine(width, [[
-          ` ${selected.subscription.overrideAmbientApiKeys
+          ` ${selectedRow.subscription.overrideAmbientApiKeys
             ? 'Provider subscription overrides ambient API-key resolution for this provider.'
             : 'Stored for subscription-backed flows. Ambient API-key resolution remains unchanged.'}`,
           C.dim,
         ]]));
-        if (this.logoutConfirmationTarget === selected.provider) {
-          detailRows.push(buildPanelLine(width, [[` Press Enter or X again to sign out ${selected.provider}.`, C.warn]]));
+        if (this.logoutConfirmationTarget === selectedRow.provider) {
+          detailRows.push(buildPanelLine(width, [[` Press Enter or X again to sign out ${selectedRow.provider}.`, C.warn]]));
         }
-      } else if (selected.pending) {
+      } else if (selectedRow.pending) {
         detailRows.push(buildPanelLine(width, [[' Login is pending. Finish with /subscription login <provider> finish <code>.', C.warn]]));
-      } else if (selected.hasOAuthConfig) {
+      } else if (selectedRow.hasOAuthConfig) {
         detailRows.push(buildPanelLine(width, [[' Ready for login. Start with /subscription login <provider> start.', C.dim]]));
       } else {
         detailRows.push(buildPanelLine(width, [[' Add a provider-specific OAuth config or enable a built-in subscription provider to use subscription login.', C.bad]]));
       }
     }
-    const postureSection: PanelWorkspaceSection = { lines: buildSummaryBlock(width, 'Subscription posture', postureLines, C) };
-    const detailSection: PanelWorkspaceSection = { lines: buildDetailBlock(width, 'Selected provider', detailRows, C) };
-    const rawProviderLines: Line[] = this.rows.map((row, absolute) => {
-      const status = statusOf(row);
-      return buildPanelListRow(width, [
-        { text: row.provider.padEnd(16).slice(0, 16), fg: C.value },
-        { text: ` ${status.toUpperCase().padEnd(12)}`, fg: statusColor(status) },
-        { text: ` oauth=${row.hasOAuthConfig ? 'yes' : 'no'} `, fg: row.hasOAuthConfig ? C.info : C.dim },
-        { text: ` override=${row.subscription ? 'active' : 'off'}`, fg: row.subscription ? C.good : C.dim },
-      ], C, { selected: absolute === this.selectedIndex, selectedBg: C.selectedBg });
-    });
-    const resolvedProvidersSection = resolvePrimaryScrollableSection(width, height, {
-      intro: 'Review provider login state, subscription-backed routing, and pending browser auth handshakes.',
-      footerLines,
-      palette: C,
-      beforeSections: [postureSection],
-      section: {
-        title: 'Providers',
-        scrollableLines: rawProviderLines,
-        selectedIndex: this.selectedIndex,
-        scrollOffset: this.scrollOffset,
-        guardRows: 1,
-        minRows: 4,
-        appendWindowSummary: { dimColor: C.dim },
-      },
-      afterSections: [detailSection],
-    });
-    this.scrollOffset = resolvedProvidersSection.scrollOffset;
 
-    const sections: PanelWorkspaceSection[] = [
-      postureSection,
-      resolvedProvidersSection.section,
-      detailSection,
-    ];
-    const lines = buildPanelWorkspace(width, height, {
+    const headerLines: Line[] = buildSummaryBlock(width, 'Subscription posture', postureLines, C);
+
+    return this.renderList(width, height, {
       title: 'Provider Subscriptions',
-      intro: 'Review provider login state, subscription-backed routing, and pending browser auth handshakes.',
-      sections,
-      footerLines,
-      palette: C,
+      header: headerLines,
+      footer: [
+        ...detailRows,
+        buildGuidanceLine(width, '/subscription login <provider> start', 'start browser-based provider login from the packaged subscription surface', C),
+        buildPanelLine(width, [['  Up/Down move  Enter/X sign out selected provider  r refresh', C.dim]]),
+      ],
     });
-    while (lines.length < height) lines.push(createEmptyLine(width));
-    return lines.slice(0, height);
   }
 }

package/src/panels/system-messages-panel.ts

@@ -1,9 +1,12 @@
 /**
  * SystemMessagesPanel — displays operational system messages routed away
  * from the main conversation.
+ *
+ * Migrated (Wave B2): extends ScrollableListPanel<SystemMessageEntry>.
+ * Navigation (up/down/j/k/pageup/pagedown/g/G) is handled by the base class.
  */
 
-import { BasePanel } from './base-panel.ts';
+import { ScrollableListPanel } from './scrollable-list-panel.ts';
 import type { Line } from '../types/grid.ts';
 import type { ComponentHealthMonitor } from '../runtime/perf/panel-health-monitor.ts';
 import {
@@ -17,20 +20,21 @@ import {
   buildPanelWorkspace,
   resolvePrimaryScrollableSection,
   DEFAULT_PANEL_PALETTE,
+  extendPalette,
+  type PanelPalette,
   type PanelWorkspaceSection,
 } from './polish.ts';
 import { ConfigManager } from '@pellux/goodvibes-sdk/platform/config/manager';
 
 const MAX_MESSAGES = 500;
 
-const C = {
-  ...DEFAULT_PANEL_PALETTE,
+const C = extendPalette(DEFAULT_PANEL_PALETTE, {
   header: '#00ffff',
   headerBg: '#0f172a',
   high: '#fbbf24',
   low: '#9ca3af',
   ts: '#6b7280',
-} as const;
+} as const);
 
 export type SystemMessagePriority = 'high' | 'low';
 
@@ -48,10 +52,8 @@ function fmtTime(ts: number): string {
   return `${hh}:${mm}:${ss}`;
 }
 
-export class SystemMessagesPanel extends BasePanel {
+export class SystemMessagesPanel extends ScrollableListPanel<SystemMessageEntry> {
   private _messages: SystemMessageEntry[] = [];
-  private _lastVisibleIdx = 0;
-  private _scrollOffset = 0;
   private readonly configManager: ConfigManager;
 
   constructor(configManager: ConfigManager, componentHealthMonitor?: ComponentHealthMonitor) {
@@ -59,14 +61,55 @@ export class SystemMessagesPanel extends BasePanel {
     this.configManager = configManager;
   }
 
+  // ---------------------------------------------------------------------------
+  // ScrollableListPanel contract
+  // ---------------------------------------------------------------------------
+
+  protected getItems(): readonly SystemMessageEntry[] {
+    return this._messages;
+  }
+
+  protected renderItem(
+    entry: SystemMessageEntry,
+    index: number,
+    selected: boolean,
+    width: number,
+  ): Line {
+    const preview = entry.text.replace(/\s+/g, ' ').trim();
+    return buildPanelListRow(width, [
+      { text: `${fmtTime(entry.ts)}  `, fg: C.ts },
+      {
+        text: `${entry.priority === 'high' ? 'HIGH' : 'LOW '.padEnd(4)}  `,
+        fg: entry.priority === 'high' ? C.high : C.low,
+        bold: entry.priority === 'high',
+      },
+      { text: preview, fg: C.value },
+    ], C, {
+      selected,
+      marker: entry.priority === 'high' ? '!' : '\u00b7',
+    });
+  }
+
+  protected override getPalette(): PanelPalette {
+    return C;
+  }
+
+  protected override getEmptyStateMessage(): string {
+    return ' No system messages yet.';
+  }
+
+  // ---------------------------------------------------------------------------
+  // Public API
+  // ---------------------------------------------------------------------------
+
   push(text: string, priority: SystemMessagePriority): void {
     this._messages.push({ ts: Date.now(), text, priority });
     if (this._messages.length > MAX_MESSAGES) {
       this._messages.shift();
-      if (this._lastVisibleIdx > 0) this._lastVisibleIdx--;
+      if (this.selectedIndex > 0) this.selectedIndex--;
     }
-    this._lastVisibleIdx = Math.max(0, this._messages.length - 1);
-    this._scrollOffset = Math.max(0, this._messages.length - 1);
+    // Auto-follow: jump to latest message
+    this.selectedIndex = Math.max(0, this._messages.length - 1);
     this.markDirty();
   }
 
@@ -78,147 +121,110 @@ export class SystemMessagesPanel extends BasePanel {
     return this._messages;
   }
 
-  handleInput(key: string): boolean {
-    const prev = this._lastVisibleIdx;
-    switch (key) {
-      case 'j':
-      case '\x1b[B':
-        this._lastVisibleIdx = Math.min(this._lastVisibleIdx + 1, Math.max(0, this._messages.length - 1));
-        break;
-      case 'k':
-      case '\x1b[A':
-        this._lastVisibleIdx = Math.max(this._lastVisibleIdx - 1, 0);
-        break;
-      case '\x1b[6~':
-        this._lastVisibleIdx = Math.min(this._lastVisibleIdx + 20, Math.max(0, this._messages.length - 1));
-        break;
-      case '\x1b[5~':
-        this._lastVisibleIdx = Math.max(this._lastVisibleIdx - 20, 0);
-        break;
-      case 'g':
-        this._lastVisibleIdx = 0;
-        break;
-      case 'G':
-        this._lastVisibleIdx = Math.max(0, this._messages.length - 1);
-        break;
-      default:
-        return false;
-    }
-    if (this._lastVisibleIdx !== prev) this.markDirty();
-    return true;
-  }
-
-  override render(width: number, height: number): Line[] {
-    if (!this.canRenderNow()) {
-      return Array.from({ length: height }, () => buildPanelLine(width, [['', C.dim]]));
-    }
+  // ---------------------------------------------------------------------------
+  // Input — base class handles all navigation; nothing custom here
+  // ---------------------------------------------------------------------------
 
-    const start = Date.now();
-    const intro = 'Operational system traffic routed out of the main conversation to reduce noise and keep runtime status reviewable.';
+  // ---------------------------------------------------------------------------
+  // Render — multi-section layout (posture + list + detail)
+  // ---------------------------------------------------------------------------
 
-    if (this._messages.length === 0) {
+  override render(width: number, height: number): Line[] {
+    return this.trackedRender(() => {
+      const intro = 'Operational system traffic routed out of the main conversation to reduce noise and keep runtime status reviewable.';
+
+      if (this._messages.length === 0) {
+        this.needsRender = false;
+        const lines = buildPanelWorkspace(width, height, {
+          title: 'System Messages',
+          intro,
+          sections: [{
+            lines: buildEmptyState(
+              width,
+              this.getEmptyStateMessage(),
+              'Model switches, scan notices, provider/system state, and other operational updates will appear here once the runtime starts emitting them.',
+              [
+                { command: '/help', summary: 'review command and workflow surfaces' },
+                { command: '/cockpit', summary: 'open the unified runtime control room' },
+              ],
+              C,
+            ),
+          }],
+          footerLines: [
+            buildPanelLine(width, [['  j/k or Up/Down scroll  g/G jump  low-priority system traffic lands here by default', C.dim]]),
+          ],
+          palette: C,
+        });
+        return lines;
+      }
+
+      const highCount = this._messages.filter((entry) => entry.priority === 'high').length;
+      const lowCount = this._messages.length - highCount;
+      this.selectedIndex = Math.min(this.selectedIndex, this._messages.length - 1);
+      const ui = this.configManager.getRaw().ui;
+      const postureLines = [
+        buildKeyValueLine(width, [
+          { label: 'messages', value: String(this._messages.length), valueColor: C.value },
+          { label: 'high', value: String(highCount), valueColor: highCount > 0 ? C.high : C.dim },
+          { label: 'low', value: String(lowCount), valueColor: lowCount > 0 ? C.low : C.dim },
+        ], C),
+        buildKeyValueLine(width, [
+          { label: 'system route', value: ui.systemMessages, valueColor: C.info },
+          { label: 'ops route', value: ui.operationalMessages, valueColor: C.info },
+          { label: 'wrfc route', value: ui.wrfcMessages, valueColor: C.info },
+        ], C),
+        buildGuidanceLine(width, '/settings', 'adjust where operational and WRFC messages render across panels and conversation', C),
+      ];
+
+      const selected = this._messages[this.selectedIndex]!;
+      const messageRows: Line[] = this._messages.map((entry, index) =>
+        this.renderItem(entry, index, index === this.selectedIndex, width),
+      );
+
+      const postureSection: PanelWorkspaceSection = { lines: buildSummaryBlock(width, 'System posture', postureLines, C) };
+      const detailSection: PanelWorkspaceSection = {
+        title: 'Selected Message',
+        lines: [
+          buildPanelLine(width, [
+            [' Time ', C.label],
+            [fmtTime(selected.ts), C.value],
+            ['   Priority ', C.label],
+            [selected.priority, selected.priority === 'high' ? C.high : C.low],
+          ]),
+          ...buildBodyText(width, selected.text, C, C.value),
+        ],
+      };
+      const messagesSection = resolvePrimaryScrollableSection(width, height, {
+        intro,
+        palette: C,
+        beforeSections: [postureSection],
+        section: {
+          title: 'Timeline',
+          scrollableLines: messageRows,
+          selectedIndex: this.selectedIndex,
+          scrollOffset: this.scrollStart,
+          minRows: 4,
+          appendWindowSummary: { dimColor: C.ts },
+        },
+        afterSections: [detailSection],
+      });
+      this.scrollStart = messagesSection.scrollOffset;
+      const sections: PanelWorkspaceSection[] = [
+        postureSection,
+        messagesSection.section,
+        detailSection,
+      ];
+      this.needsRender = false;
       const lines = buildPanelWorkspace(width, height, {
         title: 'System Messages',
         intro,
-        sections: [{
-          lines: buildEmptyState(
-            width,
-            ' No system messages yet.',
-            'Model switches, scan notices, provider/system state, and other operational updates will appear here once the runtime starts emitting them.',
-            [
-              { command: '/help', summary: 'review command and workflow surfaces' },
-              { command: '/cockpit', summary: 'open the unified runtime control room' },
-            ],
-            C,
-          ),
-        }],
+        sections,
         footerLines: [
-          buildPanelLine(width, [['  j/k or Up/Down scroll  g/G jump  low-priority system traffic lands here by default', C.dim]]),
+          buildPanelLine(width, [['  j/k or Up/Down scroll  PgUp/PgDn page  g/G jump', C.dim]]),
         ],
         palette: C,
       });
-      this.reportRenderDuration(Date.now() - start);
       return lines;
-    }
-
-    const highCount = this._messages.filter((entry) => entry.priority === 'high').length;
-    const lowCount = this._messages.length - highCount;
-    this._lastVisibleIdx = Math.min(this._lastVisibleIdx, this._messages.length - 1);
-    const ui = this.configManager.getRaw().ui;
-    const postureLines = [
-      buildKeyValueLine(width, [
-        { label: 'messages', value: String(this._messages.length), valueColor: C.value },
-        { label: 'high', value: String(highCount), valueColor: highCount > 0 ? C.high : C.dim },
-        { label: 'low', value: String(lowCount), valueColor: lowCount > 0 ? C.low : C.dim },
-      ], C),
-      buildKeyValueLine(width, [
-        { label: 'system route', value: ui.systemMessages, valueColor: C.info },
-        { label: 'ops route', value: ui.operationalMessages, valueColor: C.info },
-        { label: 'wrfc route', value: ui.wrfcMessages, valueColor: C.info },
-      ], C),
-      buildGuidanceLine(width, '/settings', 'adjust where operational and WRFC messages render across panels and conversation', C),
-    ];
-
-    const selected = this._messages[this._lastVisibleIdx]!;
-    const messageRows: Line[] = this._messages.map((entry, index) => {
-      const preview = entry.text.replace(/\s+/g, ' ').trim();
-      return buildPanelListRow(width, [
-        { text: `${fmtTime(entry.ts)}  `, fg: C.ts },
-        {
-          text: `${entry.priority === 'high' ? 'HIGH' : 'LOW '.padEnd(4)}  `,
-          fg: entry.priority === 'high' ? C.high : C.low,
-          bold: entry.priority === 'high',
-        },
-        { text: preview, fg: C.value },
-      ], C, {
-        selected: index === this._lastVisibleIdx,
-        marker: entry.priority === 'high' ? '!' : '·',
-      });
-    });
-
-    const postureSection: PanelWorkspaceSection = { lines: buildSummaryBlock(width, 'System posture', postureLines, C) };
-    const detailSection: PanelWorkspaceSection = {
-      title: 'Selected Message',
-      lines: [
-        buildPanelLine(width, [
-          [' Time ', C.label],
-          [fmtTime(selected.ts), C.value],
-          ['   Priority ', C.label],
-          [selected.priority, selected.priority === 'high' ? C.high : C.low],
-        ]),
-        ...buildBodyText(width, selected.text, C, C.value),
-      ],
-    };
-    const messagesSection = resolvePrimaryScrollableSection(width, height, {
-      intro,
-      palette: C,
-      beforeSections: [postureSection],
-      section: {
-        title: 'Timeline',
-        scrollableLines: messageRows,
-        selectedIndex: this._lastVisibleIdx,
-        scrollOffset: this._scrollOffset,
-        minRows: 4,
-        appendWindowSummary: { dimColor: C.ts },
-      },
-      afterSections: [detailSection],
-    });
-    this._scrollOffset = messagesSection.scrollOffset;
-    const sections: PanelWorkspaceSection[] = [
-      postureSection,
-      messagesSection.section,
-      detailSection,
-    ];
-    const lines = buildPanelWorkspace(width, height, {
-      title: 'System Messages',
-      intro,
-      sections,
-      footerLines: [
-        buildPanelLine(width, [['  j/k or Up/Down scroll  PgUp/PgDn page  g/G jump', C.dim]]),
-      ],
-      palette: C,
     });
-    this.reportRenderDuration(Date.now() - start);
-    return lines;
   }
 }