@pellux/goodvibes-agent 1.4.4 → 1.5.0

package/src/renderer/activity-sidebar.ts

@@ -0,0 +1,186 @@
+/**
+ * Activity sidebar — the ambient right-hand surface of the shell.
+ *
+ * One glanceable column with at most four sections:
+ *
+ *   Now        what the assistant is doing this second (only while busy)
+ *   Needs you  approvals waiting on the user (only when non-empty)
+ *   Coming up  next scheduled work, when known (only when non-empty)
+ *   Recent     the activity feed, newest first
+ *
+ * Deliberately display-only: no focus, no tabs, no selection. Interactions
+ * stay in the conversation and the Agent workspace.
+ */
+
+import type { Line } from '../types/grid.ts';
+import { createEmptyLine } from '../types/grid.ts';
+import type { ActivityEntry, ActivityKind } from '../core/activity-feed.ts';
+import {
+  DEFAULT_PANEL_PALETTE,
+  buildPanelLine,
+  buildSectionHeader,
+  buildBodyText,
+} from './polish.ts';
+import { getDisplayWidth, truncateDisplay } from '../utils/terminal-width.ts';
+
+export interface ActivitySidebarNow {
+  /** True while a turn is streaming or tools are running. */
+  readonly busy: boolean;
+  /** Short human label for the current work, e.g. "Searching the web…". */
+  readonly label?: string;
+  /** Background agents with their latest progress lines. */
+  readonly agents: ReadonlyArray<{ readonly label: string; readonly progress?: string }>;
+  /** Count of running background processes. */
+  readonly processes: number;
+}
+
+export interface ActivitySidebarView {
+  readonly now: ActivitySidebarNow;
+  /** Plain-language items waiting on the user (approvals, prompts). */
+  readonly needsYou: readonly string[];
+  /** Plain-language upcoming scheduled work, soonest first. */
+  readonly comingUp: readonly string[];
+  /** Activity feed entries, newest first. */
+  readonly recent: readonly ActivityEntry[];
+}
+
+const C = DEFAULT_PANEL_PALETTE;
+
+const KIND_GLYPHS: Record<ActivityKind, string> = {
+  status: '·',
+  tool: '·',
+  agent: '»',
+  schedule: '◷',
+  delivery: '↗',
+  security: '!',
+  system: '·',
+};
+
+const KIND_COLORS: Record<ActivityKind, string> = {
+  status: C.dim,
+  tool: C.dim,
+  agent: C.info,
+  schedule: C.accent,
+  delivery: C.good,
+  security: C.warn,
+  system: C.dim,
+};
+
+function fmtClock(at: number): string {
+  const d = new Date(at);
+  return `${String(d.getHours()).padStart(2, '0')}:${String(d.getMinutes()).padStart(2, '0')}`;
+}
+
+function entryLine(width: number, entry: ActivityEntry): Line {
+  const time = fmtClock(entry.at);
+  const glyph = KIND_GLYPHS[entry.kind];
+  const color = KIND_COLORS[entry.kind];
+  // Strip the leading "[Tag]" — the glyph and color already carry the kind,
+  // and horizontal space is the scarcest resource in the sidebar.
+  const text = entry.text.replace(/^\[[^\]]+\]\s*/, '');
+  const room = Math.max(4, width - time.length - 5);
+  return buildPanelLine(width, [
+    [` ${time} `, C.dim],
+    [`${glyph} `, color],
+    [truncateDisplay(text, room), entry.priority === 'high' ? C.value : C.dim],
+  ]);
+}
+
+function wrappedItemLines(width: number, text: string, fg: string, bullet: string, bulletFg: string): Line[] {
+  const bodyWidth = Math.max(4, width - 3);
+  const body = buildBodyText(bodyWidth, text, C, fg);
+  return body.map((line, index) => {
+    const prefix = index === 0 ? ` ${bullet} ` : '   ';
+    const cells = buildPanelLine(width, [[prefix, bulletFg]]);
+    for (let i = 0; i < bodyWidth; i++) {
+      const cell = line[i];
+      if (cell !== undefined && 3 + i < width) cells[3 + i] = cell;
+    }
+    return cells;
+  });
+}
+
+/**
+ * Render the sidebar to exactly `height` lines of exactly `width` cells.
+ */
+export function buildActivitySidebarLines(
+  view: ActivitySidebarView,
+  width: number,
+  height: number,
+): Line[] {
+  const lines: Line[] = [];
+  const push = (line: Line) => {
+    if (lines.length < height) lines.push(line);
+  };
+  const blank = () => push(createEmptyLine(width));
+
+  // ── Now ──
+  if (view.now.busy || view.now.agents.length > 0 || view.now.processes > 0) {
+    push(buildSectionHeader(width, 'Now', C));
+    if (view.now.busy) {
+      push(buildPanelLine(width, [
+        [' ● ', C.info],
+        [truncateDisplay(view.now.label ?? 'Working…', Math.max(4, width - 4)), C.value],
+      ]));
+    }
+    for (const agent of view.now.agents.slice(0, 3)) {
+      const text = agent.progress ? `${agent.label} — ${agent.progress}` : agent.label;
+      push(buildPanelLine(width, [
+        [' » ', C.info],
+        [truncateDisplay(text, Math.max(4, width - 4)), C.dim],
+      ]));
+    }
+    if (view.now.processes > 0) {
+      push(buildPanelLine(width, [
+        [' ▸ ', C.dim],
+        [`${view.now.processes} background ${view.now.processes === 1 ? 'process' : 'processes'}`, C.dim],
+      ]));
+    }
+    blank();
+  }
+
+  // ── Needs you ──
+  if (view.needsYou.length > 0) {
+    push(buildSectionHeader(width, 'Needs you', C));
+    for (const item of view.needsYou.slice(0, 4)) {
+      for (const line of wrappedItemLines(width, item, C.value, '!', C.warn)) push(line);
+    }
+    blank();
+  }
+
+  // ── Coming up ──
+  if (view.comingUp.length > 0) {
+    push(buildSectionHeader(width, 'Coming up', C));
+    for (const item of view.comingUp.slice(0, 4)) {
+      for (const line of wrappedItemLines(width, item, C.dim, '◷', C.accent)) push(line);
+    }
+    blank();
+  }
+
+  // ── Recent ──
+  push(buildSectionHeader(width, 'Recent', C));
+  const remaining = Math.max(0, height - lines.length);
+  if (view.recent.length === 0) {
+    push(buildPanelLine(width, [[' Nothing yet — activity will show up here.', C.dim]]));
+  } else {
+    for (const entry of view.recent.slice(0, remaining)) {
+      push(entryLine(width, entry));
+    }
+  }
+
+  while (lines.length < height) lines.push(createEmptyLine(width));
+  return lines.slice(0, height);
+}
+
+/**
+ * Pick the sidebar width for a terminal width, or 0 when it should not render.
+ * The sidebar only earns its space on wide terminals; the conversation always
+ * keeps at least ~80 usable columns.
+ */
+export function resolveActivitySidebarWidth(terminalWidth: number): number {
+  if (terminalWidth < 120) return 0;
+  return Math.min(44, Math.max(32, Math.floor(terminalWidth * 0.24)));
+}
+
+/** True when `getDisplayWidth` would matter; exported for tests. */
+export const __test__ = { fmtClock, entryLine, KIND_GLYPHS, getDisplayWidth };

package/src/renderer/agent-workspace-context-lines.ts

@@ -464,12 +464,6 @@ export function snapshotLines(workspace: AgentWorkspace, category: AgentWorkspac
       ...promptReceiptTimelineLines(snapshot),
       { text: 'Context controls: prompt receipts, project files, one-file inspection, and VIBE.md review.', fg: PALETTE.good },
     );
-  } else if (category.id === 'onboarding-automation') {
-    base.push(
-      { text: `Automation: ${snapshot.automationEnabled ? 'enabled' : 'disabled'}; max ${snapshot.automationMaxConcurrentRuns} concurrent; history ${snapshot.automationRunHistoryLimit}.`, fg: snapshot.automationEnabled ? PALETTE.good : PALETTE.muted },
-      { text: `Timeout ${snapshot.automationDefaultTimeoutMs} ms; catch-up ${snapshot.automationCatchUpWindowMinutes} min; cooldown ${snapshot.automationFailureCooldownMs} ms.`, fg: PALETTE.info },
-      { text: `Delete one-shot jobs after success: ${snapshot.automationDeleteAfterRun ? 'yes' : 'no'}.`, fg: snapshot.automationDeleteAfterRun ? PALETTE.info : PALETTE.muted },
-    );
   } else if (category.id === 'research') {
     const runnerContract = snapshot.researchBrowserRunnerContract;
     const visualContract = snapshot.researchVisualReportContract;
@@ -500,31 +494,6 @@ export function snapshotLines(workspace: AgentWorkspace, category: AgentWorkspac
       { text: 'Email/calendar: connector setup needed before inbox triage or agenda workflows are first-class.', fg: PALETTE.warn },
       { text: 'Model route: personal_ops action:"briefing|status|queue|intake|lane|read".', fg: PALETTE.muted },
     );
-  } else if (category.id === 'artifacts') {
-    const mediaReady = snapshot.voiceMediaReadiness.readyMediaProviderCount;
-    base.push(
-      { text: `Chat: ${snapshot.provider} / ${snapshot.modelDisplayName}; Knowledge: ${snapshot.knowledgeRoute}`, fg: PALETTE.info },
-      { text: `Media: ${mediaReady}/${snapshot.mediaProviderCount} ready; generation ${snapshot.mediaGenerationProviderCount}.`, fg: mediaReady > 0 ? PALETTE.good : PALETTE.warn },
-      reviewerHandoffArtifactLine(snapshot),
-      { text: 'Files: attach, export, inspect, ingest reviewed sources, or generate media.', fg: PALETTE.good },
-      { text: 'Knowledge ingest and media generation require explicit actions.', fg: PALETTE.warn },
-    );
-  } else if (category.id === 'channels') {
-    const enabledCount = snapshot.channels.filter((channel) => channel.enabled).length;
-    const readyCount = snapshot.channels.filter((channel) => channel.ready).length;
-    const configuredDefaults = snapshot.channels.filter((channel) => channel.defaultTarget === 'configured').length;
-    const guide = snapshot.channelSetupGuide;
-    const currentGuideStep = guide.steps.find((step) => step.status === 'current') ?? null;
-    base.push(
-      { text: `API: ${snapshot.runtimeBaseUrl}`, fg: PALETTE.info },
-      companionAccessLine(snapshot),
-      { text: `Channels: ${readyCount}/${snapshot.channels.length} ready; ${enabledCount} enabled; ${configuredDefaults} target(s).`, fg: PALETTE.info },
-      { text: `Setup guide: ${guide.progressLabel}; ${guide.currentChannelLabel ?? 'choose a channel'}.`, fg: guide.status === 'ready' ? PALETTE.good : PALETTE.warn },
-      { text: `Next: ${currentGuideStep ? currentGuideStep.label : 'All enabled channels ready.'}`, fg: currentGuideStep ? PALETTE.warn : PALETTE.good },
-      { text: 'Guide checks setup schema, accounts, allowlist policy, live status, and explicit test sends.', fg: PALETTE.good },
-      { text: 'Triage: /channels triage shows blockers, delivery retries, surface messages, route bindings, and receipts.', fg: PALETTE.good },
-      { text: 'Secrets hidden; sends require explicit action.', fg: PALETTE.warn },
-    );
   } else if (category.id === 'knowledge') {
     base.push(
       { text: `Route: ${snapshot.knowledgeRoute}; isolation ${snapshot.knowledgeIsolation}.`, fg: PALETTE.info },
@@ -554,17 +523,6 @@ export function snapshotLines(workspace: AgentWorkspace, category: AgentWorkspac
       { text: 'Add/update/reload and trust changes require confirmation.', fg: PALETTE.good },
       { text: 'Start: /mcp review, /mcp tools, /mcp config, Add MCP server.', fg: PALETTE.muted },
     );
-  } else if (category.id === 'voice-media') {
-    const readiness = snapshot.voiceMediaReadiness;
-    base.push(
-      { text: `Voice: ${readiness.readyVoiceProviderCount}/${snapshot.voiceProviderCount} ready; TTS ${snapshot.ttsProvider}; voice ${snapshot.ttsVoice}.`, fg: readiness.readyVoiceProviderCount > 0 ? PALETTE.good : PALETTE.warn },
-      { text: `Media: ${readiness.readyMediaProviderCount}/${snapshot.mediaProviderCount} ready; generation ${snapshot.mediaGenerationProviderCount}.`, fg: readiness.readyMediaProviderCount > 0 ? PALETTE.good : PALETTE.warn },
-      { text: `Browser: ${readiness.browserToolState}; public URL ${snapshot.browserToolPublicBaseUrl}.`, fg: snapshot.browserToolExposureEnabled ? PALETTE.warn : PALETTE.muted },
-      { text: 'Model route: device action:"voice|status"; computer action:"plan|browser|open_browser".', fg: PALETTE.info },
-      { text: 'Device map: pairing, mobile/PWA, notifications, browser/desktop, camera/location via device.', fg: PALETTE.info },
-      { text: readiness.nextSteps[0] ? `Next: ${compactText(readiness.nextSteps[0])}` : 'Next: voice/media setup is ready.', fg: readiness.nextSteps.length > 0 ? PALETTE.info : PALETTE.good },
-      { text: 'Secrets hidden; voice, browser, and media side effects require explicit action.', fg: PALETTE.warn },
-    );
   } else if (category.id === 'profiles') {
     const defaultProfile = snapshot.selectedRuntimeProfile
       ? `${snapshot.selectedRuntimeProfile}${snapshot.selectedRuntimeProfileExists ? '' : ' (missing)'}`
@@ -642,6 +600,11 @@ export function snapshotLines(workspace: AgentWorkspace, category: AgentWorkspac
       { text: 'Approval actions require id plus typed confirmation.', fg: PALETTE.warn },
     );
   } else if (category.id === 'automation') {
+    base.push(
+      { text: `Automation: ${snapshot.automationEnabled ? 'enabled' : 'disabled'}; max ${snapshot.automationMaxConcurrentRuns} concurrent; history ${snapshot.automationRunHistoryLimit}.`, fg: snapshot.automationEnabled ? PALETTE.good : PALETTE.muted },
+      { text: `Timeout ${snapshot.automationDefaultTimeoutMs} ms; catch-up ${snapshot.automationCatchUpWindowMinutes} min; cooldown ${snapshot.automationFailureCooldownMs} ms.`, fg: PALETTE.info },
+      { text: `Delete one-shot jobs after success: ${snapshot.automationDeleteAfterRun ? 'yes' : 'no'}.`, fg: snapshot.automationDeleteAfterRun ? PALETTE.info : PALETTE.muted },
+    );
     const ready = readyRoutineItems(snapshot);
     base.push(
       { text: `Automation: ${ready.length} schedule-ready routine(s); receipts ${snapshot.routineScheduleReceiptCount}.`, fg: ready.length > 0 ? PALETTE.good : PALETTE.warn },
@@ -650,12 +613,6 @@ export function snapshotLines(workspace: AgentWorkspace, category: AgentWorkspac
       { text: 'Autonomy queue: review visible schedules, runs, receipts, and cancel routes first.', fg: PALETTE.good },
       { text: 'Reminders and routine promotion require confirmation.', fg: PALETTE.warn },
     );
-  } else if (category.id === 'delegate') {
-    base.push(
-      { text: 'Build/fix/review work is handed to GoodVibes TUI.', fg: PALETTE.info },
-      { text: `Delegated review policy: ${snapshot.delegatedReviewPolicy}`, fg: PALETTE.warn },
-      { text: 'No coding-role Agent jobs are created here.', fg: PALETTE.good },
-    );
   } else if (category.id === 'finish') {
     base.push(
       { text: 'Apply & close marks onboarding finished for this user.', fg: PALETTE.good },

package/src/renderer/agent-workspace-style.ts

@@ -22,7 +22,7 @@ export function safetyColor(action: AgentWorkspaceAction): string {
 export function actionResultColor(result: AgentWorkspaceActionResult): string {
   if (result.kind === 'blocked' || result.kind === 'error') return PALETTE.bad;
   if (result.kind === 'dispatched') return PALETTE.info;
-  if (result.kind === 'refreshed') return PALETTE.good;
+  if (result.kind === 'refreshed' || result.kind === 'recap') return PALETTE.good;
   return PALETTE.muted;
 }
 

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`,
   ];