@pellux/goodvibes-agent 1.4.4 → 1.5.1

package/src/renderer/agent-workspace.ts

@@ -158,6 +158,8 @@ function editorPurposeLabel(editorKind: AgentWorkspaceEditorKind): string {
     case 'skill-search': return 'Search skills';
     case 'skill-show': return 'Show skill';
     case 'skill-discovery-import': return 'Import skill files';
+    case 'skill-standard-import': return 'Import shared skill';
+    case 'skill-standard-export': return 'Export skill to share';
     case 'routine': return 'Edit routine';
     case 'routine-search': return 'Search routines';
     case 'routine-show': return 'Show routine';
@@ -669,8 +671,18 @@ function buildActionRows(workspace: AgentWorkspace, width: number, height: numbe
   if (workspace.lastActionResult) {
     rows.push({ text: '' });
     rows.push({ text: `${onboarding ? 'Result' : 'Action Result'}: ${workspace.lastActionResult.title}`, fg: actionResultColor(workspace.lastActionResult), bold: true });
-    for (const line of wrapText(workspace.lastActionResult.detail, Math.max(1, width - 2))) {
-      rows.push({ text: `  ${line}`, fg: PALETTE.text });
+    // For recap results, skip the detail body — the checkmarked lines below carry
+    // the full content. Rendering detail AND lines would duplicate every line.
+    if (workspace.lastActionResult.kind !== 'recap') {
+      for (const line of wrapText(workspace.lastActionResult.detail, Math.max(1, width - 2))) {
+        rows.push({ text: `  ${line}`, fg: PALETTE.text });
+      }
+    }
+    if (workspace.lastActionResult.kind === 'recap' && workspace.lastActionResult.lines?.length) {
+      rows.push({ text: '' });
+      for (const line of workspace.lastActionResult.lines) {
+        rows.push({ text: `  ✔ ${line}`, fg: PALETTE.good });
+      }
     }
     if (!onboarding && workspace.lastActionResult.command) {
       rows.push({ text: `  Command: ${workspace.lastActionResult.command}`, fg: PALETTE.muted });

package/src/renderer/compositor.ts

@@ -17,25 +17,9 @@ export interface SearchInfo {
   viewportStartY: number;
 }
 
-export interface PanelCompositeData {
-  /** Workspace-level tab bar spanning all open panels. */
-  workspaceBar: Line;
-  /** Top pane: tab bar */
-  topTabBar?: Line;
-  /** Top pane: panel content lines */
-  topContent: Line[];
-  /** Whether the top pane is focused (affects separator color) */
-  topFocused: boolean;
-  /** Bottom pane tab bar. Undefined = no bottom pane. */
-  bottomTabBar?: Line;
-  /** Bottom pane content lines. Undefined = no bottom pane. */
-  bottomContent?: Line[];
-  /** Whether the bottom pane is focused */
-  bottomFocused?: boolean;
-  /** Separator between left and right panel area */
-  separator: boolean;
-  /** Ratio of panel height for the top pane (0–1). Only used when bottom pane is present. */
-  verticalSplitRatio: number;
+export interface SidebarCompositeData {
+  /** Pre-rendered sidebar lines, one per viewport row. */
+  lines: Line[];
 }
 
 export interface CompositeRequest {
@@ -47,8 +31,8 @@ export interface CompositeRequest {
   forceFullRedraw?: boolean;
   selection?: SelectionInfo;
   search?: SearchInfo;
-  panel?: PanelCompositeData;
-  panelWidth?: number; // width of the right panel area (0 = no panel)
+  sidebar?: SidebarCompositeData;
+  sidebarWidth?: number; // width of the right sidebar area (0 = no sidebar)
 }
 
 /**
@@ -75,7 +59,7 @@ export class Compositor {
   }
 
   public composite(params: CompositeRequest): void {
-    const { width, height, header, viewport, footer, forceFullRedraw, selection, search, panel, panelWidth } = params;
+    const { width, height, header, viewport, footer, forceFullRedraw, selection, search, sidebar, sidebarWidth } = params;
     const previousFrontBuffer = forceFullRedraw ? null : this.frontBuffer;
     if (forceFullRedraw) this.diffEngine.reset();
 
@@ -87,9 +71,9 @@ export class Compositor {
     }
     const newBuffer = this.backBuffer;
 
-    const hasPanel = panel !== undefined && panelWidth !== undefined && panelWidth > 0;
-    const leftWidth = hasPanel ? Math.max(1, width - panelWidth - 1) : width;
-    const sepX = hasPanel ? leftWidth : -1;
+    const hasSidebar = sidebar !== undefined && sidebarWidth !== undefined && sidebarWidth > 0;
+    const leftWidth = hasSidebar ? Math.max(1, width - sidebarWidth - 1) : width;
+    const sepX = hasSidebar ? leftWidth : -1;
 
     // 1. Draw Header — always full width
     header.forEach((line, i) => newBuffer.blitLine(i, line));
@@ -102,41 +86,17 @@ export class Compositor {
     const lineCount = selection?.lineCount ?? 0;
     const offset = Math.max(0, vHeight - lineCount);
 
-    // --- Pre-compute panel row layout when split pane is active ---
-    // When both top and bottom panes are visible, the panel area is split:
-    //   row 0:              workspace tab bar
-    //   row 1:              top tab bar
-    //   rows 2..topH+1:     top content
-    //   row topH+2:         horizontal separator (───)
-    //   row topH+3:         bottom tab bar
-    //   rows topH+4..end:   bottom content
-    const hasBottomPane = hasPanel && panel!.bottomTabBar !== undefined;
-    let topPaneHeight = 0;   // number of content rows in top pane
-    let bottomPaneHeight = 0;
-    let hSepRow = -1;        // viewport row of the horizontal separator
-    if (hasPanel && hasBottomPane) {
-      const panelAreaRows = Math.max(0, vHeight - 1); // subtract workspace tab bar
-      // top: 1 (tabbar) + topContent rows; bottom: 1 (sep) + 1 (tabbar) + bottomContent
-      const contentRows = Math.max(0, panelAreaRows - 3); // subtract top-tabbar + h-sep + bottom-tabbar
-      topPaneHeight = Math.max(1, Math.floor(contentRows * panel!.verticalSplitRatio));
-      bottomPaneHeight = Math.max(1, contentRows - topPaneHeight);
-      hSepRow = 2 + topPaneHeight; // workspace bar + top tab bar + top content rows
-    }
-
-    const sepFg = hasPanel && panel!.separator
-      ? (panel!.topFocused || panel!.bottomFocused ? '244' : '238')
-      : '238';
+    const sepFg = '238';
 
     viewport.forEach((line, i) => {
       const screenY = viewportStartY + i;
       if (screenY >= height) return;
 
-      if (!hasPanel) {
-        // No panel: existing fast path
+      if (!hasSidebar) {
+        // No sidebar: existing fast path
         newBuffer.blitLine(screenY, line);
       } else {
-        // Panel active: write cells individually to support split layout
-        // Left side: viewport cells 0..leftWidth-1
+        // Sidebar active: left side gets viewport cells 0..leftWidth-1
         for (let x = 0; x < leftWidth; x++) {
           const cell = line[x];
           if (cell !== undefined) {
@@ -151,79 +111,21 @@ export class Compositor {
           }
         }
 
-        const p = panel!;
-
-        // Separator column (vertical bar between left and panel area)
-        if (p.separator) {
-          newBuffer.setCell(sepX, screenY, createStyledCell('│', { fg: sepFg }));
-        }
-
-        const panelStartX = sepX + 1;
-        const clearPanelRemainder = (fromX = 0) => {
-          for (let x = Math.max(0, fromX); x < panelWidth; x++) {
-            newBuffer.setCell(panelStartX + x, screenY, createEmptyCell());
-          }
-        };
-        const drawPanelLine = (panelLine: Line | undefined) => {
-          if (panelLine === undefined) {
-            clearPanelRemainder();
-            return;
-          }
-          const limit = Math.min(panelLine.length, panelWidth);
-          for (let x = 0; x < limit; x++) {
-            const cell = panelLine[x];
-            if (cell !== undefined) {
-              newBuffer.setCell(panelStartX + x, screenY, cell);
-            }
-          }
-          clearPanelRemainder(limit);
-        };
-
-        if (!hasBottomPane) {
-          // --- Single pane mode ---
-          // viewport row 0 → workspace bar, viewport rows 1+ → panel content
-          const panelLine = i === 0 ? p.workspaceBar : p.topContent[i - 1];
-          drawPanelLine(panelLine);
-        } else {
-          // --- Two pane mode ---
-          // Row layout (by viewport row i):
-          //   i = 0:                      workspace tab bar
-          //   i = 1:                      top tab bar
-          //   2 <= i <= topPaneHeight+1:  top content[i-2]
-          //   i = hSepRow:                horizontal separator
-          //   i = hSepRow+1:              bottom tab bar
-          //   i >= hSepRow+2:             bottom content[i - (hSepRow+2)]
-          let panelLine: Line | undefined;
-
-          if (i === 0) {
-            panelLine = p.workspaceBar;
-          } else if (i === 1) {
-            panelLine = p.topTabBar;
-          } else if (i <= topPaneHeight + 1) {
-            panelLine = p.topContent[i - 2];
-          } else if (i === hSepRow) {
-            // Horizontal separator between the two panes
-            // Render ─ chars across the panel width
-            const focusFg = p.bottomFocused ? '36' : '238'; // cyan if bottom pane focused
-            for (let x = 0; x < panelWidth; x++) {
-              newBuffer.setCell(panelStartX + x, screenY, createStyledCell('─', { fg: focusFg }));
-            }
-            // Also update the separator column char to T-junction (├):
-            // ├ connects the vertical left-separator with the horizontal pane divider,
-            // forming a clean T-shaped joint at the split point.
-            if (p.separator) {
-              newBuffer.setCell(sepX, screenY, createStyledCell('├', { fg: focusFg }));
-            }
-          } else if (i === hSepRow + 1) {
-            panelLine = p.bottomTabBar;
-          } else {
-            panelLine = p.bottomContent?.[i - (hSepRow + 2)];
-          }
+        // Separator column (vertical bar between conversation and sidebar)
+        newBuffer.setCell(sepX, screenY, createStyledCell('│', { fg: sepFg }));
 
-          if (i !== hSepRow) {
-            drawPanelLine(panelLine);
+        const sidebarStartX = sepX + 1;
+        const sidebarLine = sidebar!.lines[i];
+        const limit = sidebarLine === undefined ? 0 : Math.min(sidebarLine.length, sidebarWidth);
+        for (let x = 0; x < limit; x++) {
+          const cell = sidebarLine![x];
+          if (cell !== undefined) {
+            newBuffer.setCell(sidebarStartX + x, screenY, cell);
           }
         }
+        for (let x = limit; x < sidebarWidth; x++) {
+          newBuffer.setCell(sidebarStartX + x, screenY, createEmptyCell());
+        }
       }
 
       // Apply Selection Highlighting Overlay (left side only)
@@ -260,12 +162,22 @@ export class Compositor {
       newBuffer.blitLine(screenY, createEmptyLine(width));
     }
 
-    // Draw separator on remaining viewport rows past content (when panel is active)
-    if (hasPanel && panel!.separator) {
+    // Draw the separator and sidebar on viewport rows past the conversation content
+    if (hasSidebar) {
       for (let i = viewport.length; i < vHeight; i++) {
         const screenY = viewportStartY + i;
         if (screenY >= height) break;
         newBuffer.setCell(sepX, screenY, createStyledCell('│', { fg: sepFg }));
+        const sidebarStartX = sepX + 1;
+        const sidebarLine = sidebar!.lines[i];
+        const limit = sidebarLine === undefined ? 0 : Math.min(sidebarLine.length, sidebarWidth!);
+        for (let x = 0; x < limit; x++) {
+          const cell = sidebarLine![x];
+          if (cell !== undefined) newBuffer.setCell(sidebarStartX + x, screenY, cell);
+        }
+        for (let x = limit; x < sidebarWidth!; x++) {
+          newBuffer.setCell(sidebarStartX + x, screenY, createEmptyCell());
+        }
       }
     }
 

package/src/renderer/conversation-overlays.ts

@@ -54,11 +54,11 @@ export function applyConversationOverlays(
   }
 
   if (input.searchManager.active) {
-    next.push(...renderSearchOverlay(input.searchManager, conversationWidth));
+    next = [...next, ...renderSearchOverlay(input.searchManager, conversationWidth)];
   }
 
   if (input.historySearch.active) {
-    next.push(...renderHistorySearchOverlay(input.historySearch, conversationWidth));
+    next = [...next, ...renderHistorySearchOverlay(input.historySearch, conversationWidth)];
   }
 
   if (input.processModal.active) {
@@ -102,7 +102,7 @@ export function applyConversationOverlays(
   }
 
   if (input.helpOverlayActive) {
-    const lines = renderHelpOverlay(conversationWidth, keybindingsManager, commandRegistry.getAll(), input.helpScrollOffset, viewportHeight);
+    const lines = renderHelpOverlay(conversationWidth, keybindingsManager, commandRegistry.getVisible(), input.helpScrollOffset, viewportHeight);
     next = replaceViewportWithOverlay(lines, conversationWidth, viewportHeight);
   }
 

package/src/renderer/help-overlay.ts

@@ -15,7 +15,7 @@ import { logger } from '@pellux/goodvibes-sdk/platform/utils';
 const FEATURED_HELP_COMMANDS: Array<[name: string, argHint: string, desc: string]> = [
   ['agent',        '',           'Open workspace; press / there to search every action'],
   ['agent',        'knowledge',  'Open isolated Agent Knowledge workspace actions'],
-  ['agent',        'voice-media', 'Open voice, image, browser, and media workspace actions'],
+  ['agent',        'voice', 'Open voice, image, and media workspace actions'],
   ['setup',        '',           'Open the Agent workspace'],
   ['knowledge',    'status',     'Inspect isolated Agent Knowledge readiness'],
   ['memory',       '',           'Manage Agent-local memory records'],
@@ -55,6 +55,7 @@ const HELP_OVERLAY_STATIC_TEXT = [
   'Quick Start',
   'Available Slash Commands',
   'More Commands',
+  'Hidden power commands still work — run /commands for the full catalog.',
   'Essentials',
   'Show this help overlay',
   'Keyboard shortcut reference',
@@ -158,7 +159,7 @@ export function renderHelpOverlay(
     '  ' + '\u2500'.repeat(40),
     `  ${'?'.padEnd(20)}  Toggle help`,
     `  ${'/shortcuts'.padEnd(20)}  Full keyboard shortcuts`,
-    `  ${kb('panel-picker').padEnd(20)}  Open the Agent operator workspace`,
+    `  ${kb('workspace-picker').padEnd(20)}  Open the Agent operator workspace`,
     `  ${'Workspace /'.padEnd(20)}  Search all Agent workspace actions`,
     `  ${'Workspace Enter'.padEnd(20)}  Open selected action or form`,
     '',
@@ -234,6 +235,7 @@ export function renderHelpOverlay(
         commandRows.push(`  ${nameCol}  ${cmd.description}`);
       }
     }
+    commandRows.push('', '  Hidden power commands still work — run /commands for the full catalog.');
   } else if (!hasCommand('help')) {
     commandRows.push('', '  Essentials', '  ' + '\u2500'.repeat(40));
     commandRows.push('  /help               Show this help overlay');
@@ -330,9 +332,9 @@ export function renderShortcutsOverlay(
     '  Workspace',
     '  ' + '\u2500'.repeat(40),
     row('Tab', 'Swap focus between input and active Agent workspace'),
-    row(kb('panel-picker'), 'Open the Agent operator workspace'),
-    row(kb('panel-tab-next'), 'Cycle Agent workspace category forward'),
-    row(kb('panel-tab-prev'), 'Cycle Agent workspace category backward'),
+    row(kb('workspace-picker'), 'Open the Agent operator workspace'),
+    row(kb('workspace-tab-next'), 'Cycle Agent workspace category forward'),
+    row(kb('workspace-tab-prev'), 'Cycle Agent workspace category backward'),
     '',
     `  Config: /keybindings to list and customize`,
   ];

package/src/renderer/model-workspace.ts

@@ -8,10 +8,24 @@
 import type { ModelDefinition } from '@pellux/goodvibes-sdk/platform/providers';
 import type { ModelPickerModal } from '../input/model-picker.ts';
 import type { ModelPickerTargetInfo } from '../input/model-picker.ts';
+import { isLocalFitRecommendation, isProviderSignInRow, LOCAL_REC_PROVIDER } from '../input/model-picker-local-fit.ts';
+import { estimateModelBytes, fitAssessment, fitVerdictLabel, paramCountFromModel, readHardwareProfileSync, REPRESENTATIVE_7B_PARAMS } from '../core/hardware-profile.ts';
 import type { Line } from '../types/grid.ts';
-import { createEmptyLine, createStyledCell } from '../types/grid.ts';
+import { createStyledCell } from '../types/grid.ts';
 import { getDisplayWidth, wrapText } from '../utils/terminal-width.ts';
 import { GLYPHS, UI_TONES } from './ui-primitives.ts';
+import {
+  clamp,
+  clipDisplay,
+  contentLine,
+  fillRange,
+  makeLine,
+  padDisplay,
+  stableWindow,
+  writeText,
+  borderLine as primsBorderLine,
+  drawVerticalRule,
+} from './fullscreen-primitives.ts';
 
 const PALETTE = {
   border: '#64748b',
@@ -58,98 +72,30 @@ const MODEL_WORKSPACE_CONTEXT_CAP_INPUT_HELP = 'Type digits to set a cap. Enter
 const MODEL_WORKSPACE_FOOTER_SEARCH_ACTIVE = 'Typing filters search; Esc clears search';
 const MODEL_WORKSPACE_FOOTER_SEARCH_INACTIVE = '/ search';
 const MODEL_WORKSPACE_FOOTER_CONTROLS = 'Up/Down navigate • Left/Right pane • Enter select • <search> • Tab price • C caps • A available • B benchmark • G group • Esc close';
+const MODEL_WORKSPACE_LOCAL_ONLY_HEADER = 'No provider signed in — these run on your machine';
+const MODEL_WORKSPACE_LOCAL_ONLY_SIGN_IN = 'Sign in instead: select "Sign in to a provider" in the list below to connect a cloud or local provider.';
 
-function clamp(value: number, min: number, max: number): number {
-  return Math.max(min, Math.min(max, value));
-}
-
-function fillRange(line: Line, startX: number, endX: number, bg: string): void {
-  for (let x = Math.max(0, startX); x <= Math.min(line.length - 1, endX); x += 1) {
-    const cell = line[x] ?? createStyledCell(' ');
-    line[x] = createStyledCell(cell.char, {
-      fg: cell.fg,
-      bg,
-      bold: cell.bold,
-      dim: cell.dim,
-      underline: cell.underline,
-      italic: cell.italic,
-      strikethrough: cell.strikethrough,
-      link: cell.link,
-    });
-  }
-}
-
-function makeLine(width: number, bg = ''): Line {
-  const line = createEmptyLine(width);
-  if (bg) fillRange(line, 0, width - 1, bg);
-  return line;
-}
-
-function writeText(line: Line, startX: number, maxWidth: number, text: string, style: Partial<Omit<Line[number], 'char'>> = {}): void {
-  let x = startX;
-  let used = 0;
-  for (const ch of text) {
-    const width = getDisplayWidth(ch);
-    if (width <= 0) continue;
-    if (used + width > maxWidth || x >= line.length) break;
-    line[x] = createStyledCell(ch, style);
-    if (width > 1 && x + 1 < line.length) {
-      line[x + 1] = createStyledCell(' ', style);
-    }
-    x += width;
-    used += width;
-  }
+/**
+ * Returns true when every model in the picker's list is a synthetic local
+ * fit recommendation (no real credentials configured).
+ */
+function isLocalOnlyList(picker: ModelPickerModal): boolean {
+  if (picker.mode !== 'model') return false;
+  const models = picker.models;
+  return models.length > 0 && models.every((m) => m.provider === LOCAL_REC_PROVIDER || isLocalFitRecommendation(m));
 }
 
+// Local wrappers that forward PALETTE.border as the fg/borderFg default, keeping
+// the same visual output as the deleted local copies.
 function borderLine(width: number, left: string, fill: string, right: string): Line {
-  const line = makeLine(width);
-  if (width <= 0) return line;
-  line[0] = createStyledCell(left, { fg: PALETTE.border });
-  for (let x = 1; x < width - 1; x += 1) {
-    line[x] = createStyledCell(fill, { fg: PALETTE.border });
-  }
-  if (width > 1) line[width - 1] = createStyledCell(right, { fg: PALETTE.border });
-  return line;
-}
-
-function contentLine(width: number, bg: string): Line {
-  const line = makeLine(width, bg);
-  if (width > 0) line[0] = createStyledCell(GLYPHS.frame.vertical, { fg: PALETTE.border });
-  if (width > 1) line[width - 1] = createStyledCell(GLYPHS.frame.vertical, { fg: PALETTE.border });
-  return line;
+  return primsBorderLine(width, left, fill, right, PALETTE.border);
 }
 
+// drawVertical intentionally keeps the original guard (x<=0) which differs from
+// drawVerticalRule in fullscreen-primitives (x<0). Callers rely on the <=0 skip.
 function drawVertical(line: Line, x: number, bg = ''): void {
   if (x <= 0 || x >= line.length - 1) return;
-  line[x] = createStyledCell(GLYPHS.frame.vertical, { fg: PALETTE.border, bg });
-}
-
-function clipDisplay(text: string, width: number): string {
-  if (width <= 0) return '';
-  let used = 0;
-  let output = '';
-  for (const ch of text) {
-    const chWidth = getDisplayWidth(ch);
-    if (chWidth <= 0) continue;
-    if (used + chWidth > width) break;
-    output += ch;
-    used += chWidth;
-  }
-  return output;
-}
-
-function padDisplay(text: string, width: number): string {
-  const clipped = clipDisplay(text, width);
-  return clipped + ' '.repeat(Math.max(0, width - getDisplayWidth(clipped)));
-}
-
-function stableWindow(total: number, selected: number, visible: number): { start: number; end: number } {
-  if (total <= 0 || visible <= 0) return { start: 0, end: 0 };
-  const clamped = clamp(selected, 0, total - 1);
-  const half = Math.floor(visible / 2);
-  const maxStart = Math.max(0, total - visible);
-  const start = clamp(clamped - half, 0, maxStart);
-  return { start, end: Math.min(total, start + visible) };
+  drawVerticalRule(line, x, PALETTE.border, bg);
 }
 
 function formatContext(value: number | undefined): string {
@@ -241,6 +187,8 @@ export function renderModelWorkspacePackageText(): string {
     'Detected context: <context>',
     'Override: <cap>',
     MODEL_WORKSPACE_CONTEXT_CAP_INPUT_HELP,
+    MODEL_WORKSPACE_LOCAL_ONLY_HEADER,
+    MODEL_WORKSPACE_LOCAL_ONLY_SIGN_IN,
     'Focus targets',
     'Focus list',
     modelWorkspaceFooterControls(MODEL_WORKSPACE_FOOTER_SEARCH_ACTIVE),
@@ -248,12 +196,66 @@ export function renderModelWorkspacePackageText(): string {
   ].join('\n');
 }
 
+/**
+ * Returns a plain-language hardware fit line for a local model, or an empty
+ * string when the model is not local or when the verdict is unknown.
+ * Uses the process-level cached hardware probe — never probes per render.
+ */
+/**
+ * Format a param count (e.g. 70e9) as a human-readable size token (e.g. '70B', '1.5B').
+ * Used to build the sizeDescriptor passed to fitVerdictLabel.
+ */
+function formatParamDescriptor(params: number): string {
+  const b = params / 1e9;
+  // Avoid floating-point noise: round to 1 decimal, strip trailing .0
+  const rounded = Math.round(b * 10) / 10;
+  return rounded === Math.floor(rounded) ? `${Math.floor(rounded)}B` : `${rounded}B`;
+}
+
+function modelHardwareFitLine(model: ModelDefinition): string {
+  const provider = (model.provider ?? '').toLowerCase();
+  // Anchor on known local-provider identities only; cloud providers that happen
+  // to serve Llama/local-named models (Groq 'llama-3.1-70b', Together
+  // 'meta-llama/...') are NOT local and must not be annotated.
+  const isLocal =
+    provider === 'ollama' ||
+    provider === 'vllm' ||
+    provider === 'llama-cpp' ||
+    provider === 'llama.cpp' ||
+    provider === 'lm-studio' ||
+    provider === 'lmstudio' ||
+    provider === 'localai' ||
+    provider === 'tgi' ||
+    provider === 'local-openai' ||
+    provider === 'openai-compatible-local';
+  if (!isLocal) return '';
+  // Use the actual param count from the model id/displayName when parseable;
+  // fall back to the shared 7B representative constant otherwise.
+  const parsedParams = paramCountFromModel(model);
+  const params = parsedParams ?? REPRESENTATIVE_7B_PARAMS;
+  const sizeBytes = estimateModelBytes(params);
+  // Build a human-readable size descriptor only when we could parse the real size.
+  const sizeDescriptor = parsedParams !== null
+    ? formatParamDescriptor(parsedParams)
+    : undefined;
+  const label = fitVerdictLabel(fitAssessment(sizeBytes, readHardwareProfileSync()), sizeDescriptor);
+  return label ? `Hardware: ${label}` : '';
+}
+
 function detailLines(picker: ModelPickerModal, width: number): string[] {
   const target = picker.getSelectedTargetInfo();
   const targetLabel = target?.label ?? targetLabelFor(picker.target);
   const targetState = target ? (target.enabled ? 'enabled' : 'disabled') : 'active';
   const selected = selectedModel(picker);
   const lines: string[] = [];
+
+  // Local-only header: shown when the list contains only synthetic fit recommendations.
+  // Never show when any real provider is configured.
+  if (isLocalOnlyList(picker)) {
+    lines.push(MODEL_WORKSPACE_LOCAL_ONLY_HEADER);
+    lines.push(MODEL_WORKSPACE_LOCAL_ONLY_SIGN_IN);
+  }
+
   lines.push(`Target: ${targetLabel} (${targetState})`);
   if (target) lines.push(`Current: ${targetSummary(target)}`);
   if (picker.mode === 'provider') {
@@ -269,7 +271,20 @@ function detailLines(picker: ModelPickerModal, width: number): string[] {
         caps.multimodal ? 'vision' : '',
         caps.toolCalling ? 'tools' : '',
       ].filter(Boolean).join(', ') || 'standard';
-      lines.push(`Selected: ${modelKey(selected)} | ${selected.displayName} | context ${formatContext(selected.contextWindow)} | ${capText}`);
+      // Suppress the key:id line for synthetic local recommendations — they have
+      // no real registry key and displaying the synthetic id would confuse users.
+      if (isProviderSignInRow(selected)) {
+        lines.push('Sign in to a provider to connect a cloud or local model.');
+        if (selected.description) lines.push(selected.description);
+      } else if (!isLocalFitRecommendation(selected)) {
+        lines.push(`Selected: ${modelKey(selected)} | ${selected.displayName} | context ${formatContext(selected.contextWindow)} | ${capText}`);
+      } else {
+        lines.push(`Selected: ${selected.displayName}`);
+        // Show the fit hint from the description (e.g. "not yet installed (fits in GPU memory)")
+        if (selected.description) lines.push(selected.description);
+      }
+      const fitLine = modelHardwareFitLine(selected);
+      if (fitLine) lines.push(fitLine);
     }
   } else if (picker.mode === 'effort') {
     lines.push(MODEL_WORKSPACE_REASONING_EFFORT_DETAIL);

package/src/{panels → renderer}/polish.ts

@@ -1,9 +1,9 @@
 import type { Line } from '../types/grid.ts';
 import { createEmptyLine, createStyledCell } from '../types/grid.ts';
 import { getDisplayWidth, wrapText } from '../utils/terminal-width.ts';
-import { getSurfaceContentRows, getTrackedVisibleWindow, getVisibleWindow, type VisibleWindow } from '../renderer/surface-layout.ts';
-import { GLYPHS, UI_TONES } from '../renderer/ui-primitives.ts';
-import { type StatusState, STATE_GLYPHS } from '../renderer/status-glyphs.ts';
+import { getSurfaceContentRows, getTrackedVisibleWindow, getVisibleWindow, type VisibleWindow } from './surface-layout.ts';
+import { GLYPHS, UI_TONES } from './ui-primitives.ts';
+import { type StatusState, STATE_GLYPHS } from './status-glyphs.ts';
 
 export interface PanelPalette {
   readonly label: string;

package/src/renderer/shell-surface.ts

@@ -36,17 +36,16 @@ export interface ShellFooterBuildResult {
   readonly height: number;
 }
 
-const FOOTER_BASE_ROWS = 9;
-const CONTEXT_PROGRESS_ROWS = 2;
+// Footer chrome: box top + box bottom + status line + hints line.
+const FOOTER_BASE_ROWS = 4;
 const PROCESS_INDICATOR_ROWS = 1;
 
 export function estimateShellFooterHeight(
   promptLineCount: number,
-  contextWindow?: number,
+  _contextWindow?: number,
 ): number {
   const safePromptLines = Math.max(1, promptLineCount);
-  const progressRows = contextWindow && contextWindow > 0 ? CONTEXT_PROGRESS_ROWS : 0;
-  return FOOTER_BASE_ROWS + safePromptLines + progressRows + PROCESS_INDICATOR_ROWS;
+  return FOOTER_BASE_ROWS + safePromptLines + PROCESS_INDICATOR_ROWS;
 }
 
 export function buildShellFooter(

package/src/renderer/status-token.ts

@@ -12,7 +12,8 @@
 // ---------------------------------------------------------------------------
 
 import type { Cell } from '../types/grid.ts';
-import { DEFAULT_PANEL_PALETTE } from '../panels/polish.ts';
+import { DEFAULT_PANEL_PALETTE } from './polish.ts';
+import { getDisplayWidth } from '../utils/terminal-width.ts';
 import { type StatusState, STATE_GLYPHS } from './status-glyphs.ts';
 
 // Re-export for downstream consumers that import from this module.
@@ -54,14 +55,33 @@ export function buildStatusToken(
   const suffix = opts?.count !== undefined ? ` (${opts.count})` : '';
   const text = `${glyph} ${label}${suffix}`;
 
-  return text.split('').map((char): Cell => ({
-    char,
-    fg: color,
-    bg: '',
-    bold: false,
-    dim: false,
-    underline: false,
-    italic: false,
-    strikethrough: false,
-  }));
+  const cells: Cell[] = [];
+  for (const char of text) {
+    const displayW = getDisplayWidth(char);
+    cells.push({
+      char,
+      fg: color,
+      bg: '',
+      bold: false,
+      dim: false,
+      underline: false,
+      italic: false,
+      strikethrough: false,
+    });
+    if (displayW > 1) {
+      // Continuation cell for wide characters (CJK, emoji) to occupy the
+      // second terminal column without introducing a broken surrogate half.
+      cells.push({
+        char: '',
+        fg: color,
+        bg: '',
+        bold: false,
+        dim: false,
+        underline: false,
+        italic: false,
+        strikethrough: false,
+      });
+    }
+  }
+  return cells;
 }

package/src/renderer/tab-strip.ts

@@ -1,6 +1,6 @@
 import type { Line } from '../types/grid.ts';
 import { getDisplayWidth } from '../utils/terminal-width.ts';
-import { buildStyledPanelLine, type StyledPanelSegment } from '../panels/polish.ts';
+import { buildStyledPanelLine, type StyledPanelSegment } from './polish.ts';
 
 export interface TabStripItem {
   readonly label: string;