ispbills-icli 8.4.11 → 8.4.13

package/bin/icli.js

@@ -315,33 +315,13 @@ async function main() {
   // plain readline REPL when stdout/stdin is not a TTY (pipes, dumb terminals).
   if (output.isTTY && input.isTTY) {
     const { runTui } = await import('../src/tui/run.js');
-    const { loadResume } = await import('../src/resume.js');
-
-    // Hot-reload resume: if started with --resume <file>, restore the saved session.
-    const resumeFile = flag('--resume');
-    const resumeSession = loadResume(resumeFile);
-
-    const action = await runTui(cfg, { display, version: pkgVersion(), resumeSession });
-
-    const actionName = typeof action === 'string' ? action : action?.action;
-    if (actionName === 'logout') {
+    const action = await runTui(cfg, { display });
+    if (action === 'logout') {
       const cleared = clearConfig();
       console.log(`\n  ${cleared ? GREEN + glyphs.check + RESET + ' Logged out — credentials cleared.' : YELLOW + 'Already logged out.' + RESET}`);
       console.log(`  ${DIM}Run ${RESET}${ACCENT}icli login${RESET}${DIM} to sign in again.${RESET}\n`);
-    } else if (actionName === 'update') {
-      const ok = selfUpdate();
-      if (ok && action?.resumeFile) {
-        // Re-exec with the new binary, passing --resume so the session is restored.
-        const { execFileSync } = await import('child_process');
-        const newBin = process.argv[1]; // same script path — npm replaced the file in-place
-        const baseArgs = process.argv.slice(2).filter((a) => a !== '--resume' && a !== action.resumeFile);
-        process.stdout.write(`\n  ${ACCENT}Reloading iCli with your session restored…${RESET}\n\n`);
-        try {
-          execFileSync(process.execPath, [newBin, ...baseArgs, '--resume', action.resumeFile], {
-            stdio: 'inherit',
-          });
-        } catch { /* user Ctrl+C'd the resumed session — that's fine */ }
-      }
+    } else if (action === 'update') {
+      selfUpdate();
     }
     return;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ispbills-icli",
-  "version": "8.4.11",
+  "version": "8.4.13",
   "description": "iCli — IspBills AI network engineer in your terminal",
   "keywords": [
     "ispbills",

package/src/banner.js

@@ -22,7 +22,6 @@ const LOGO_WIDTH = Math.max(...LOGO.map((l) => l.length));
 export function printBanner(cfg = {}, opts = {}) {
   const width = cols();
   const model = opts.model || cfg._model || 'IspBills AI';
-  const version = opts.version || '';
 
   console.log();
   if (width >= LOGO_WIDTH) {
@@ -37,11 +36,10 @@ export function printBanner(cfg = {}, opts = {}) {
   parts.push(`${DIM}model${RESET} ${CYAN}${shortModel(model)}${RESET}`);
   if (cfg.user?.name) parts.push(`${DIM}user${RESET} ${WHITE}${cfg.user.name}${RESET}`);
   if (cfg.user?.role) parts.push(`${DIM}role${RESET} ${WHITE}${cfg.user.role}${RESET}`);
-  if (version) parts.push(`${DIM}v${RESET} ${WHITE}${version}${RESET}`);
   console.log('  ' + parts.join(`  ${GRAY}·${RESET}  `));
   if (cfg.url) console.log(`  ${DIM}url${RESET}   ${ACCENT}${cfg.url}${RESET}`);
   console.log();
-  console.log(`  ${DIM}Type a message to start.  ${RESET}${ACCENT}/help${RESET}${DIM} for commands  ·  ${RESET}${ACCENT}!cmd${RESET}${DIM} to run shell  ·  ${RESET}${ACCENT}Ctrl+C${RESET}${DIM} to exit${RESET}`);
+  console.log(`  ${DIM}Type a message to start.  ${RESET}${ACCENT}/help${RESET}${DIM} for commands  ·  ${RESET}${ACCENT}Ctrl+C${RESET}${DIM} to exit${RESET}`);
   console.log();
   hr();
   console.log();

package/src/clipboard.js

@@ -1,7 +1,7 @@
 // Cross-platform "copy to system clipboard" helper. Best-effort: resolves to
 // false (rather than throwing) when no clipboard tool is available so the TUI
 // can show a friendly notice.
-import { spawn, execFile } from 'child_process';
+import { spawn } from 'child_process';
 
 function candidates() {
   if (process.platform === 'darwin') return [['pbcopy', []]];
@@ -40,37 +40,3 @@ export async function copyToClipboard(text) {
   }
   return null;
 }
-
-// ── Read from clipboard ─────────────────────────────────────────────────────
-
-function readCandidates() {
-  if (process.platform === 'darwin') return [['pbpaste', []]];
-  if (process.platform === 'win32')  return [['powershell', ['-noprofile', '-command', 'Get-Clipboard']]];
-  return [
-    ['wl-paste', ['--no-newline']],
-    ['xclip', ['-selection', 'clipboard', '-o']],
-    ['xsel', ['--clipboard', '--output']],
-  ];
-}
-
-/**
- * Read text from the system clipboard.
- * Returns the clipboard string on success, or null when no tool is available
- * or the clipboard is empty.
- */
-export function readFromClipboard() {
-  return new Promise((resolve) => {
-    const cands = readCandidates();
-    let i = 0;
-    function tryNext() {
-      if (i >= cands.length) { resolve(null); return; }
-      const [cmd, args] = cands[i++];
-      execFile(cmd, args, { timeout: 3000, maxBuffer: 1024 * 512 }, (err, stdout) => {
-        if (err) { tryNext(); return; }
-        const text = stdout.trimEnd();
-        resolve(text || null);
-      });
-    }
-    tryNext();
-  });
-}

package/src/commands.js

@@ -52,12 +52,9 @@ export const SLASH_COMMANDS = [
   { cmd: '/copy',       hint: '',            desc: 'Copy the last AI answer to the clipboard', group: 'Memory', local: true },
 
   // ── Session & app ──
-  { cmd: '/usage',      hint: '',            desc: 'Show conversation stats (turns, ~tokens, model)', group: 'Session', local: true },
   { cmd: '/autopilot',  hint: '',            desc: 'Toggle autopilot (auto-apply fixes)',     group: 'Session', local: true },
   { cmd: '/model',      hint: '[name]',      desc: 'Show or set the AI model',                group: 'Session', local: true },
   { cmd: '/reasoning',  hint: '',            desc: 'Toggle reasoning display (Ctrl+T)',       group: 'Session', local: true },
-  { cmd: '/paste',      hint: '',            desc: 'Paste multiline text from clipboard into input', group: 'Session', local: true },
-  { cmd: '/about',      hint: '',            desc: 'About iCopilot — version, server, user',  group: 'Session', local: true },
   { cmd: '/new',        hint: '',            desc: 'Start a fresh conversation',              group: 'Session', local: true },
   { cmd: '/history',    hint: '',            desc: 'Show conversation history',               group: 'Session', local: true },
   { cmd: '/clear',      hint: '',            desc: 'Clear the screen',                        group: 'Session', local: true },

package/src/tui/app.js

@@ -3,20 +3,12 @@
 // items are flushed to the terminal's native scrollback via Ink <Static> (so
 // you can scroll back through history), and only the live/streaming area plus
 // the input composer are re-rendered in place at the bottom.
-//
-// Mouse support (via src/tui/mouse.js + run.js):
-//   • Scroll UP   → sends \x1b[3S to scroll the terminal viewport upward
-//                   so the native scrollback buffer shows conversation history.
-//   • Scroll DOWN → swallowed; prevents drifting below the live/composer area.
-//   • Left click on tab bar row 1 → switches tabs by x-coordinate range.
-import { html, useState, useEffect, useRef, useCallback, useMemo } from './dom.js';
+import { html, useState, useEffect, useRef, useCallback } from './dom.js';
 import { Box, Text, Static, useStdout, useApp, useInput } from 'ink';
 import { C, glyphs, midDot, dash } from './theme.js';
-import { mouseEvents } from './mouse.js';
 import {
   Banner, UserMessage, AssistantMessage, StatusLines, Reasoning,
-  Plan, Connect, Notice, Thinking, Choice, ShellInput, ShellOut,
-  TabBar, MonitoringView, IssuesView, GistsView,
+  Plan, Connect, Notice, Thinking, Choice,
 } from './components.js';
 import { Composer } from './composer.js';
 import { streamChat } from '../client.js';
@@ -24,19 +16,9 @@ import { slashToQuestion, SLASH_COMMANDS } from '../commands.js';
 import { saveConfig } from '../config.js';
 import { shortModel } from '../ui.js';
 import { loadNotes, addNote, forgetNote, memoryPreamble } from '../memory.js';
-import { copyToClipboard, readFromClipboard } from '../clipboard.js';
+import { copyToClipboard } from '../clipboard.js';
 import { createGist } from '../gist.js';
 import { git as gitCmd, commitBackup } from '../gitrepo.js';
-import { runShell } from '../shell.js';
-import { checkLatestVersion } from '../version-check.js';
-import { saveResume } from '../resume.js';
-import { basename } from 'path';
-
-// CWD basename — computed once at startup (before any cd).
-const APP_CWD = basename(process.cwd());
-
-// Tab identifiers (order = display order).
-export const TABS = ['Session', 'Monitoring', 'Issues', 'Gists'];
 
 // Split a command argument string into argv, honouring "quoted" segments.
 function splitArgs(s) {
@@ -65,7 +47,7 @@ function useTerminalSize() {
 let itemId = 0;
 const nextId = () => ++itemId;
 
-export function App({ cfg, display = {}, onExternal, onExit, initialQuestion, version = '', resumeSession = null }) {
+export function App({ cfg, display = {}, onExternal, onExit, initialQuestion }) {
   const { exit } = useApp();
   const { cols, rows } = useTerminalSize();
 
@@ -79,9 +61,6 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion, ve
   const [startedAt, setStartedAt] = useState(0);
   const [choice, setChoice] = useState(null); // { title, note, options, allowText, sel, text, focusText, onPick }
   const [clearEpoch, setClearEpoch] = useState(0); // bump to remount <Static> on /clear /new
-  const [prefillText, setPrefillText] = useState(null); // clipboard paste → pre-fills Composer
-  const [activeTab, setActiveTab] = useState(0);        // 0=Session 1=Monitoring 2=Issues 3=Gists
-  const [latestVersion, setLatestVersion] = useState(null); // { latest, isNewer } from npm
 
   const convo = useRef([]);      // [{role, content}] for the backend
   const plain = useRef([]);      // plain-text transcript for exit reprint
@@ -91,7 +70,6 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion, ve
   const modelRef = useRef(cfg._model); // preferred model to request
   const lastAnswerRef = useRef('');    // most recent assistant answer (for /copy, /gist)
   const choiceActionRef = useRef(null); // action to run when a non-AI Choice is picked
-  const issuesRef = useRef([]);        // AI-flagged issues accumulated across session
 
   // Enable terminal bracketed-paste so multi-line pastes (mouse right-click or
   // Cmd/Ctrl+V) arrive wrapped in markers as one block — the Composer inserts
@@ -101,91 +79,6 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion, ve
     return () => { try { process.stdout.write('\x1b[?2004l'); } catch {} };
   }, []);
 
-  // Background version check — runs once after mount, non-blocking.
-  useEffect(() => {
-    if (!version || version === 'unknown') return;
-    checkLatestVersion(version).then((result) => {
-      if (result?.isNewer) setLatestVersion(result);
-    });
-  }, []); // eslint-disable-line react-hooks/exhaustive-deps
-
-  // Restore session after a hot-reload /update.
-  useEffect(() => {
-    if (!resumeSession) return;
-    convo.current = resumeSession.convo || [];
-    plain.current = resumeSession.plain || [];
-    // Re-hydrate items list from plain text so the user sees their history.
-    if (resumeSession.items?.length) {
-      setItems(resumeSession.items.map((it) => ({ id: nextId(), ...it })));
-    }
-    push({ type: 'notice', text: `${glyphs.check} Session restored after update — conversation history preserved.`, color: C.green });
-  }, []); // eslint-disable-line react-hooks/exhaustive-deps
-
-  // Tab switching: Ctrl+1/2/3/4.
-  useInput((input, key) => {
-    if (!key.ctrl) return;
-    if (input === '1') { setActiveTab(0); return; }
-    if (input === '2') { setActiveTab(1); return; }
-    if (input === '3') { setActiveTab(2); return; }
-    if (input === '4') { setActiveTab(3); return; }
-  });
-
-  // ── Mouse event handling ────────────────────────────────────────────────────
-  // Tab bar x-ranges (1-indexed). Layout: paddingX=1 on the TabBar outer Box
-  // so text starts at column 2. Each tab = 2-char prefix ('  ' or '❯ ') +
-  // label text, followed by marginRight=2 before the next tab.
-  const tabClickRanges = useMemo(() => {
-    let x = 2; // paddingX=1 → first tab starts at column 2
-    return TABS.map((label) => {
-      const start = x;
-      const w = 2 + label.length; // prefix (2 chars) + label
-      x += w + 2;                 // advance past tab + marginRight=2
-      return { start, end: start + w - 1 };
-    });
-  }, []);
-
-  useEffect(() => {
-    const onMouse = ({ btn, x, y, press }) => {
-      // ── Scroll wheel UP → scroll viewport to reveal history ──────────────
-      if (btn === 64) {
-        try { process.stdout.write('\x1b[3S'); } catch {}
-        return;
-      }
-      // ── Scroll wheel DOWN → swallowed ─────────────────────────────────────
-      if (btn === 65) return;
-
-      // ── Left click → tab bar ─────────────────────────────────────────────
-      // Ink renders INLINE at the bottom of the terminal — NOT at y=1.
-      // SGR y coordinates are 1-indexed from the terminal top.
-      //
-      // Layout rows at idle (bottom-to-top):
-      //   rows    = footer hint
-      //   rows-1  = composer bottom border
-      //   rows-2  = composer input
-      //   rows-3  = composer top border
-      //   rows-4  = blank (marginTop=1 before composer)
-      //   rows-5  = tab separator
-      //   rows-6  = tab labels  ← TAB_ROW at idle
-      //   rows-7  = compact header
-      //
-      // When there is live content of height h between tab separator and
-      // composer, each row shifts up by h: TAB_ROW = rows - 6 - liveH.
-      if (btn === 0 && press) {
-        const liveH = live
-          ? 1 + Math.min((live.status?.length || 0) + (live.text ? 2 : 0) + (!live.text && !live.reply?.steps ? 1 : 0), 12)
-          : 0;
-        const tabRowY = rows - 6 - liveH;
-        if (Math.abs(y - tabRowY) <= 1) {          // ±1 row tolerance
-          const idx = tabClickRanges.findIndex((r) => x >= r.start && x <= r.end);
-          if (idx >= 0) setActiveTab(idx);
-        }
-      }
-    };
-
-    mouseEvents.on('event', onMouse);
-    return () => mouseEvents.off('event', onMouse);
-  }, [tabClickRanges, rows, live]);
-
   const setAutopilotMode = useCallback((next) => {
     apRef.current = next;
     setAutopilot(next);
@@ -348,22 +241,6 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion, ve
     if (!q) return;
     setHint('');
 
-    // ── ! shell command execution (GitHub Copilot CLI parity) ──────────────
-    if (q.startsWith('!')) {
-      const cmd = q.slice(1).trim();
-      if (!cmd) return;
-      push({ type: 'shell_in', cmd });
-      log(`$ ${cmd}`);
-      runShell(cmd).then((result) => {
-        const out = [result.stdout, result.stderr].filter(Boolean).join('\n').trim();
-        push({ type: 'shell_out', ok: result.ok, output: out || `(exit code ${result.exitCode})` });
-        if (out) log(out);
-      }).catch((e) => {
-        push({ type: 'notice', text: `${glyphs.cross} Shell error: ${e.message}`, color: C.red });
-      });
-      return;
-    }
-
     if (q === '/exit' || q === 'exit' || q === 'quit') { doExit(); return; }
     if (q === '/clear') { clearAll(); return; }
     if (q === '/new') {
@@ -413,31 +290,8 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion, ve
       push({ type: 'notice', text: us.length ? us.map((m, i) => `  ${i + 1}. ${m.content.slice(0, 80)}`).join('\n') : 'No history yet.' });
       return;
     }
-    if (q === '/usage') {
-      const total = convo.current.length;
-      const userTurns = convo.current.filter((m) => m.role === 'user').length;
-      const chars = convo.current.reduce((acc, m) => acc + m.content.length, 0);
-      const approxTokens = Math.round(chars / 4);
-      const lines = [
-        `Conversation stats:`,
-        `  turns       ${userTurns}`,
-        `  messages    ${total}`,
-        `  ~tokens     ${approxTokens.toLocaleString()} (estimated)`,
-        `  ~chars      ${chars.toLocaleString()}`,
-        `  model       ${model || cfg._model || 'server default'}`,
-        `  cwd         ${APP_CWD}`,
-      ];
-      push({ type: 'notice', text: lines.join('\n'), color: C.cyan });
-      return;
-    }
     if (q === '/logout') { onExternal?.('logout'); doExit(); return; }
-    if (q === '/update') {
-      // Save current conversation so the new binary can resume it.
-      const resumeFile = saveResume(convo.current, plain.current, items);
-      onExternal?.({ action: 'update', resumeFile });
-      doExit();
-      return;
-    }
+    if (q === '/update') { onExternal?.('update'); doExit(); return; }
 
     // ── Memory ──
     if (q === '/remember' || q.startsWith('/remember ')) {
@@ -465,39 +319,8 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion, ve
     }
 
     // ── Clipboard ──
-    // ── /about ─────────────────────────────────────────────────────────────
-    if (q === '/about') {
-      const lines = [
-        `iCopilot CLI  v${version || '?'}`,
-        `Server  ${cfg.url || '(unknown)'}`,
-        `User    ${cfg.user?.name || '—'}  (${cfg.user?.role || '—'})`,
-        `Model   ${shortModel(model || cfg._model || '—')}`,
-        '',
-        'Type /help for all commands · Ctrl+C to exit',
-        'npm: ispbills-icli · github: lupael/IspBills',
-      ];
-      push({ type: 'notice', text: lines.join('\n'), color: C.accent });
-      return;
-    }
-
-    // ── /paste ─────────────────────────────────────────────────────────────
-    if (q === '/paste') {
-      push({ type: 'notice', text: `${glyphs.arrow} Reading clipboard…`, color: C.gray });
-      readFromClipboard().then((text) => {
-        if (!text) {
-          push({ type: 'notice', text: `${glyphs.cross} Clipboard is empty or no clipboard tool found.\nInstall xclip / wl-clipboard (Linux), or use macOS/Windows.`, color: C.red });
-          return;
-        }
-        const lines = text.split('\n').length;
-        push({ type: 'notice',
-          text: `${glyphs.check} Pasted ${lines} line${lines !== 1 ? 's' : ''} (${text.length} chars) into the input box — review and press Enter to send.`,
-          color: C.green });
-        setPrefillText(text);
-      });
-      return;
-    }
-
-    if (q === '/copy') {      const ans = lastAnswerRef.current;
+    if (q === '/copy') {
+      const ans = lastAnswerRef.current;
       if (!ans) { push({ type: 'notice', text: 'Nothing to copy yet — ask something first.', color: C.gray }); return; }
       copyToClipboard(ans).then((tool) => push({ type: 'notice',
         text: tool ? `${glyphs.check} Copied last answer (${ans.length} chars) to the clipboard.`
@@ -631,93 +454,48 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion, ve
       case 'connect': return html`<${Connect} key=${it.id} reply=${it.reply} />`;
       case 'activity': return html`<${StatusLines} key=${it.id} lines=${it.status} busy=${false} />`;
       case 'notice': return html`<${Notice} key=${it.id} text=${it.text} color=${it.color} />`;
-      case 'shell_in': return html`<${ShellInput} key=${it.id} cmd=${it.cmd} />`;
-      case 'shell_out': return html`<${ShellOut} key=${it.id} ok=${it.ok} output=${it.output} />`;
       default: return null;
     }
   };
 
-  const ctx = [model ? shortModel(model) : null, APP_CWD, cfg.user?.name, cfg.user?.role].filter(Boolean).join(midDot());
-  // Footer shows a concise key-hints bar. Autopilot badge is a right-aligned label.
-  const baseHint = hint || `/help${midDot()}Shift+Tab autopilot${midDot()}↑ scroll history${midDot()}Ctrl+C exit`;
+  const ctx = [model ? shortModel(model) : null, cfg.user?.name, cfg.user?.role].filter(Boolean).join(midDot());
+  const modeTag = autopilot ? `${glyphs.bolt} autopilot ${midDot()} ` : '';
+  const footerRight = hint || `${modeTag}/help ${midDot()} Shift+Tab autopilot ${midDot()} Ctrl+C exit`;
   const compact = cols < 60;
 
   // The banner is the first <Static> item so it prints once at the very top and
   // scrolls away with history; completed transcript items follow it. Ink flushes
   // each <Static> item to the terminal's normal buffer exactly once, leaving the
   // native scrollback intact so earlier conversation can be scrolled back to.
-  // Scroll UP (mouse wheel) reveals this history; scroll DOWN is blocked.
   const staticItems = [{ type: 'banner', id: `banner-${clearEpoch}` }, ...items];
 
-  // ── Main render ─────────────────────────────────────────────────────────────
-  // Layout (top to bottom):
-  //  1. Compact persistent header — "iCopilot" brand always visible
-  //  2. Tab bar — Session / Monitoring / Issues / Gists (mouse-clickable)
-  //  3. Session pane — Static history + live streaming area  (scrollback via ↑)
-  //  4. Composer + footer — always pinned to the bottom
   return html`
     <${Box} flexDirection="column" width=${cols}>
-
-      ${/* ── 1. Compact header: brand + active context ─────────────────── */null}
-      <${Box} paddingX=${1} paddingTop=${0}>
-        <${Text} color=${C.accent} bold>iCopilot<//>
-        <${Text} color=${C.gray}> ${dash()} <//>
-        <${Text} dimColor>${ctx}<//>
-        ${latestVersion?.isNewer
-          ? html`<${Box} flexGrow=${1} justifyContent="flex-end"><${Text} color=${C.yellow}> 🔔 v${latestVersion.latest} /update<//>  <//>`
-          : null}
+      <${Static} key=${clearEpoch} items=${staticItems}>
+        ${(it) => it.type === 'banner'
+          ? html`<${Box} key=${it.id} flexDirection="column" alignItems="center" marginBottom=${1}>
+              <${Banner} cfg=${cfg} model=${model} width=${cols} compact=${compact} />
+            <//>`
+          : renderItem(it)}
       <//>
 
-      ${/* ── 2. Tab bar (mouse-clickable + Ctrl+1–4) ──────────────────── */null}
-      <${TabBar} tabs=${TABS} active=${activeTab} onSelect=${setActiveTab} width=${cols} />
-
-      ${/* ── 3a. Session pane ────────────────────────────────────────────── */null}
-      ${activeTab === 0
+      ${live
         ? html`<${Box} flexDirection="column">
-            <${Static} key=${clearEpoch} items=${staticItems}>
-              ${(it) => it.type === 'banner'
-                ? html`<${Box} key=${it.id} flexDirection="column" alignItems="center" marginBottom=${2}>
-                    <${Banner} cfg=${cfg} model=${model} width=${cols} compact=${compact} version=${version} cwd=${APP_CWD} />
-                  <//>`
-                : renderItem(it)}
-            <//>
-            ${/* Gap between history and live area — gives breathing room */null}
-            ${live
-              ? html`<${Box} flexDirection="column" marginTop=${1}>
-                  <${StatusLines} lines=${live.status} busy=${busy} />
-                  ${showReasoning && live.reasoning ? html`<${Reasoning} text=${live.reasoning} />` : null}
-                  ${live.reply?.steps ? html`<${Plan} reply=${live.reply} live=${true} />` : null}
-                  ${live.text
-                    ? html`<${Box} marginTop=${live.status.length ? 0 : 1}>
-                        <${AssistantMessage} text=${live.text} streaming=${true} />
-                      <//>`  : null}
-                  ${!live.text && !live.reply?.steps
-                    ? html`<${Thinking}
-                        label=${live.status.length ? 'Working' : 'Thinking'}
-                        startedAt=${startedAt} />`
-                    : null}
-                <//>`
-              : null}
+            <${StatusLines} lines=${live.status} busy=${busy} />
+            ${showReasoning && live.reasoning ? html`<${Reasoning} text=${live.reasoning} />` : null}
+            ${live.reply?.steps ? html`<${Plan} reply=${live.reply} live=${true} />` : null}
+            ${live.text ? html`<${Box} marginTop=${1}><${AssistantMessage} text=${live.text} /><//>` : null}
+            <${Thinking} label=${live.reply ? 'Planning' : live.text ? 'Responding' : 'Working'} startedAt=${startedAt} />
           <//>`
         : null}
 
-      ${/* ── 3b. Other tabs ──────────────────────────────────────────────── */null}
-      ${activeTab === 1 ? html`<${MonitoringView} cfg=${cfg} />` : null}
-      ${activeTab === 2 ? html`<${IssuesView} issues=${issuesRef.current} />` : null}
-      ${activeTab === 3 ? html`<${GistsView} cfg=${cfg} />` : null}
-
-      ${/* ── 4. Composer + footer — fixed at bottom ─────────────────────── */null}
       <${Box} flexDirection="column" marginTop=${1}>
-        ${activeTab === 0
-          ? (choice
-            ? html`<${Choice} ...${choice} />`
-            : html`<${Composer} onSubmit=${onSubmit} busy=${busy} width=${cols} prefill=${prefillText} onPrefillConsumed=${() => setPrefillText(null)} />`)
-          : html`<${Box} paddingX=${1}><${Text} dimColor>Click a tab or Ctrl+1–4 to switch  ·  Ctrl+1 for Session<//>  <//>` }
+        ${choice
+          ? html`<${Choice} ...${choice} />`
+          : html`<${Composer} onSubmit=${onSubmit} busy=${busy} width=${cols} />`}
         <${Box} paddingX=${1} width=${cols}>
-          <${Box} flexGrow=${1}>
-            <${Text} dimColor wrap="truncate-end">${hint ? hint : baseHint}<//><//>
-          ${autopilot
-            ? html`<${Text} color=${C.yellow} bold wrap="truncate-end"> ${glyphs.bolt} autopilot ON<//>` : null}
+          <${Box} flexGrow=${1}><${Text} color=${C.gray} wrap="truncate-end">${ctx}<//><//>
+          <${Text} color=${hint || autopilot ? C.yellow : C.gray} wrap="truncate-end">${footerRight}<//>
         <//>
       <//>
     <//>`;