xiaotime 0.5.1 → 0.5.4

package/dist/display.js

@@ -1,81 +1,784 @@
 "use strict";
 /**
- * Output formatting — streaming text, session list, cost display.
+ * Output formatting — streaming text, session list, status bar, tool lines.
+ *
+ * SPRINT-CLI-UX-POLISH-5:
+ *   - Thinking spinner (animates between submit and first token)
+ *   - Animated tool lines (spinner → ✓ with elapsed on completion)
+ *   - Diff view for write_file tool calls
+ *   - Approval prompt styled as yellow bordered box
+ *   - Keyboard shortcut bar shown ONCE on welcome only
+ *   - Session resume shows last message preview
+ *   - "Xiaotime Labs" wordmark in status bar
+ *   - Word-wrap at terminal width (no mid-word cuts)
+ *   - Code fence double-render fix
+ *   - Sticky bottom status bar (no bg, connected dot, turn counter, last tool)
+ *   - No cost in status bar
+ *   - Double-border input box (╭─╮ top, you › inside, ╰─╯ on submit)
+ *   - Red user/Junior text (#c0384b)
+ *   - Claude Code-style turn headers (Junior ›)
+ *   - Code blocks with full-width border + language tag
+ *   - Turn separators between responses
+ *   - Tool call lines with elapsed time + icons
+ *
+ * SPRINT-CLI-UX-POLISH-6:
+ *   - Restored "Junior is thinking..." label.
+ *   - Inline code backtick spans get subtle background tint
+ *   - Auto-detect file paths in output — underlined + OSC 8 hyperlinks (iTerm2/Termius)
+ *   - Tool call errors render as red-bordered box instead of inline text
+ *   - Removed "Junior is thinking..." spinner label
  */
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.printWelcome = printWelcome;
+exports.initStatusBar = initStatusBar;
+exports.setConnected = setConnected;
+exports.incrementTurn = incrementTurn;
+exports.setLastTool = setLastTool;
+exports.updateStatusBarCost = updateStatusBarCost;
+exports.startSpinner = startSpinner;
+exports.stopSpinner = stopSpinner;
+exports.startToolLine = startToolLine;
+exports.finishToolLine = finishToolLine;
+exports.printToolError = printToolError;
+exports.printFileDiff = printFileDiff;
+exports.printApprovalPrompt = printApprovalPrompt;
 exports.printTextDelta = printTextDelta;
+exports.printTurnStart = printTurnStart;
+exports.printThinkingStart = printThinkingStart;
+exports.printThinkingStop = printThinkingStop;
 exports.printTurnEnd = printTurnEnd;
+exports.consumeFirstPrompt = consumeFirstPrompt;
+exports.printPrompt = printPrompt;
+exports.printPromptEnd = printPromptEnd;
+exports.printWelcome = printWelcome;
 exports.printError = printError;
 exports.printSessionList = printSessionList;
-exports.printPrompt = printPrompt;
+exports.friendlyToolLabel = friendlyToolLabel;
+exports.friendlyError = friendlyError;
+exports.printHelp = printHelp;
+exports.printDisconnectBanner = printDisconnectBanner;
+exports.printExitConfirmation = printExitConfirmation;
+exports.printToolCallLine = printToolCallLine;
 exports.printServerToolCall = printServerToolCall;
 const chalk_1 = __importDefault(require("chalk"));
-function printWelcome(sessionId, sessionName, resumed, messageCount) {
-    const name = sessionName || sessionId.slice(0, 8);
-    if (resumed) {
-        console.log(chalk_1.default.cyan(`\n↩  Resumed: ${name} (${messageCount} previous turns)`));
+const cli_highlight_1 = require("cli-highlight");
+// Force color output — Termius and some SSH clients report level 0
+// even when the terminal supports 256 colors.
+if (chalk_1.default.level === 0 &&
+    (process.env.TERM?.includes("256color") ||
+        process.env.TERM?.includes("xterm") ||
+        process.env.COLORTERM ||
+        process.env.FORCE_COLOR)) {
+    chalk_1.default.level = 2;
+}
+// ---------------------------------------------------------------------------
+// Terminal geometry helpers
+// ---------------------------------------------------------------------------
+function termWidth() {
+    return process.stdout.columns || 80;
+}
+function termRows() {
+    return process.stdout.rows || 24;
+}
+// ---------------------------------------------------------------------------
+// Word wrap — break at word boundaries, never mid-word
+// ---------------------------------------------------------------------------
+function wordWrap(text, width) {
+    if (width <= 0)
+        return [text];
+    const words = text.split(" ");
+    const lines = [];
+    let current = "";
+    for (const word of words) {
+        if (word.length >= width) {
+            if (current.length > 0) {
+                lines.push(current);
+                current = "";
+            }
+            lines.push(word);
+            continue;
+        }
+        const candidate = current.length === 0 ? word : current + " " + word;
+        if (candidate.length > width) {
+            lines.push(current);
+            current = word;
+        }
+        else {
+            current = candidate;
+        }
+    }
+    if (current.length > 0)
+        lines.push(current);
+    return lines;
+}
+// ---------------------------------------------------------------------------
+// OSC 8 hyperlink helper (iTerm2, Termius, WezTerm)
+// ---------------------------------------------------------------------------
+function osc8Link(url, text) {
+    return `\x1b]8;;${url}\x07${text}\x1b]8;;\x07`;
+}
+// Regex: absolute paths (/foo/bar), relative with ./ or ../, or paths with
+// a common extension — conservative to avoid false positives in prose.
+const FILE_PATH_RE = /(?<![`\w])((?:\/[\w.\-]+)+(?:\/[\w.\-]+)?|\.{1,2}\/[\w.\-/]+|[\w.\-]+\/[\w.\-]+\.(?:ts|js|tsx|jsx|json|md|py|go|rs|sh|yaml|yml|env|toml|lock))(?![`\w])/g;
+function _linkifyPaths(text) {
+    return text.replace(FILE_PATH_RE, (match) => {
+        const url = match.startsWith("/") ? `file://${match}` : `file://${process.cwd()}/${match}`;
+        return chalk_1.default.underline(osc8Link(url, match));
+    });
+}
+// ---------------------------------------------------------------------------
+// Lightweight markdown renderer — chalk only, no external markdown deps
+// ---------------------------------------------------------------------------
+function renderMarkdownLine(line) {
+    const h3 = line.match(/^### (.+)$/);
+    if (h3)
+        return chalk_1.default.bold.hex("#94e2d5")(h3[1]);
+    const h2 = line.match(/^## (.+)$/);
+    if (h2)
+        return chalk_1.default.bold.hex("#89b4fa")(h2[1]);
+    const h1 = line.match(/^# (.+)$/);
+    if (h1)
+        return chalk_1.default.bold.hex("#c0384b")(h1[1]);
+    if (/^---+$/.test(line) || /^\*\*\*+$/.test(line)) {
+        return chalk_1.default.dim("─".repeat(termWidth()));
+    }
+    if (line.startsWith("> ")) {
+        return chalk_1.default.dim.italic("  │ " + line.slice(2));
+    }
+    const bullet = line.match(/^(\s*)[*\-+] (.+)$/);
+    if (bullet) {
+        return `${bullet[1]}${chalk_1.default.hex("#f38ba8")("•")} ${_renderInline(bullet[2])}`;
+    }
+    const numbered = line.match(/^(\s*)(\d+)\. (.+)$/);
+    if (numbered) {
+        return `${numbered[1]}${chalk_1.default.dim(numbered[2] + ".")} ${_renderInline(numbered[3])}`;
+    }
+    return _renderInline(line);
+}
+function _renderInline(text) {
+    text = text.replace(/\*\*\*(.+?)\*\*\*/g, (_m, t) => chalk_1.default.bold.italic(t));
+    text = text.replace(/\*\*(.+?)\*\*/g, (_m, t) => chalk_1.default.bold(t));
+    text = text.replace(/\*(.+?)\*/g, (_m, t) => chalk_1.default.italic(t));
+    text = text.replace(/_(.+?)_/g, (_m, t) => chalk_1.default.italic(t));
+    // Inline code — subtle background tint (#313244 = Catppuccin surface0, text stays readable)
+    text = text.replace(/`([^`]+)`/g, (_m, t) => chalk_1.default.bgHex("#313244").hex("#cdd6f4")(` ${t} `));
+    text = text.replace(/\[(.+?)\]\((.+?)\)/g, (_m, label, url) => `${chalk_1.default.hex("#89b4fa")(label)} ${chalk_1.default.dim(`(${url})`)}`);
+    // Linkify file paths (only outside code spans — already consumed above)
+    text = _linkifyPaths(text);
+    return text;
+}
+let _statusBar = {
+    tenant: process.env.XIAOTIME_TENANT_ID ??
+        process.env.TENANT_ID ??
+        "craig",
+    sessionId: "",
+    sessionName: null,
+    connected: false,
+    turnCount: 0,
+    lastTool: null,
+};
+/** Naively strip ANSI codes for length calculation. */
+function stripAnsi(s) {
+    // eslint-disable-next-line no-control-regex
+    return s.replace(/\x1b\[[0-9;]*m/g, "").replace(/\x1b\]8;;.*?\x07.*?\x1b\]8;;\x07/g, (m) => {
+        // Extract visible text from OSC 8 links for length calc
+        const inner = m.match(/\x07(.+?)\x1b/);
+        return inner ? inner[1] : "";
+    });
+}
+function _renderStatusBarLine() {
+    const w = termWidth();
+    const dot = _statusBar.connected
+        ? chalk_1.default.hex("#a6e3a1")("●")
+        : chalk_1.default.dim("○");
+    const tenant = chalk_1.default.hex("#c0384b")(_statusBar.tenant);
+    const session = _statusBar.sessionName
+        ? chalk_1.default.hex("#89b4fa")(_statusBar.sessionName)
+        : chalk_1.default.dim(_statusBar.sessionId.slice(0, 8) || "…");
+    const turns = chalk_1.default.dim(`${_statusBar.turnCount} turns`);
+    const lastTool = _statusBar.lastTool
+        ? chalk_1.default.dim(`↳ ${_statusBar.lastTool}`)
+        : chalk_1.default.dim("ready");
+    const sep = chalk_1.default.dim(" · ");
+    const left = ` ${dot} ${tenant}${sep}${session}${sep}${turns}${sep}${lastTool}`;
+    const right = chalk_1.default.hex("#c0384b")("Xiaotime Labs") + " ";
+    const leftRaw = stripAnsi(left);
+    const rightRaw = stripAnsi(right);
+    const pad = Math.max(0, w - leftRaw.length - rightRaw.length);
+    return left + " ".repeat(pad) + right;
+}
+// The persistent bottom status bar is intentionally NOT drawn in the terminal.
+//
+// A truly sticky bottom bar requires a DECSTBM scroll region. That approach
+// (shipped briefly in 0.5.3) forced the input box to the bottom of the screen
+// with a large empty gap on real SSH clients (Termius); without the region the
+// absolute-positioned bar leaks a copy into scrollback on every redraw — the
+// "Xiaotime Labs repeating up the window" symptom. Neither is acceptable, and
+// terminal-control iteration can't be verified headless.
+//
+// Session context already appears in the welcome header. The proper live status
+// bar belongs in the portal terminal, where it is a real pinned DOM element.
+// State is still tracked below so a future renderer (or the portal) can use it.
+function _drawStickyBar() {
+    // no-op — see note above. Status state is tracked; nothing is painted.
+}
+function initStatusBar(sessionId, sessionName, tenant) {
+    _statusBar.sessionId = sessionId;
+    _statusBar.sessionName = sessionName;
+    if (tenant)
+        _statusBar.tenant = tenant;
+    _statusBar.connected = false;
+    _drawStickyBar();
+}
+function setConnected(connected) {
+    _statusBar.connected = connected;
+    _drawStickyBar();
+}
+function incrementTurn() {
+    _statusBar.turnCount += 1;
+    _drawStickyBar();
+}
+function setLastTool(toolName) {
+    _statusBar.lastTool = toolName;
+    _drawStickyBar();
+}
+function updateStatusBarCost(_turnCostUsd) {
+    // no-op — cost not shown in bar
+}
+// ---------------------------------------------------------------------------
+// Thinking spinner
+// ---------------------------------------------------------------------------
+const SPINNER_FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
+let _spinnerInterval = null;
+let _spinnerFrame = 0;
+let _spinnerLabel = "";
+let _spinnerActive = false;
+function _clearSpinnerLine() {
+    process.stdout.write("\x1b[2K\r");
+}
+function startSpinner(label) {
+    if (_spinnerActive)
+        stopSpinner();
+    _spinnerLabel = label;
+    _spinnerActive = true;
+    _spinnerFrame = 0;
+    _spinnerInterval = setInterval(() => {
+        if (!_spinnerActive)
+            return;
+        const frame = chalk_1.default.hex("#c0384b")(SPINNER_FRAMES[_spinnerFrame % SPINNER_FRAMES.length]);
+        _spinnerFrame++;
+        const labelPart = _spinnerLabel ? ` ${chalk_1.default.dim(_spinnerLabel)}` : "";
+        process.stdout.write(`\r  ${frame}${labelPart}`);
+    }, 80);
+}
+function stopSpinner(finalLabel, success = true) {
+    if (_spinnerInterval) {
+        clearInterval(_spinnerInterval);
+        _spinnerInterval = null;
+    }
+    _spinnerActive = false;
+    _clearSpinnerLine();
+    if (finalLabel) {
+        const icon = success ? chalk_1.default.hex("#a6e3a1")("✓") : chalk_1.default.hex("#f38ba8")("✗");
+        process.stdout.write(`  ${icon} ${chalk_1.default.dim(finalLabel)}\n`);
+    }
+}
+let _activeTool = null;
+function startToolLine(name, detail) {
+    if (_activeTool)
+        finishToolLine(true);
+    setLastTool(name);
+    let frame = 0;
+    const spinnerInterval = setInterval(() => {
+        const f = chalk_1.default.hex("#89b4fa")(SPINNER_FRAMES[frame % SPINNER_FRAMES.length]);
+        const friendly = friendlyToolLabel(name);
+        const detailStr = detail ? chalk_1.default.dim(`  ${detail}`) : "";
+        process.stdout.write(`\r  ${f} ${chalk_1.default.dim(friendly)}${detailStr}`);
+        frame++;
+    }, 80);
+    _activeTool = {
+        name,
+        detail,
+        startedAt: Date.now(),
+        spinnerInterval,
+        frame: 0,
+    };
+}
+function finishToolLine(success = true, errorMessage) {
+    if (!_activeTool)
+        return;
+    clearInterval(_activeTool.spinnerInterval);
+    const elapsed = Date.now() - _activeTool.startedAt;
+    if (!success && errorMessage) {
+        // Clear the spinner line, then render the red error box
+        process.stdout.write(`\r\x1b[2K`);
+        printToolError(_activeTool.name, errorMessage, elapsed);
     }
     else {
-        console.log(chalk_1.default.cyan(`\n✦  New session: ${name}`));
+        const icon = success ? chalk_1.default.hex("#a6e3a1")("✓") : chalk_1.default.hex("#f38ba8")("✗");
+        const detailStr = _activeTool.detail ? chalk_1.default.dim(`  ${_activeTool.detail}`) : "";
+        const dur = chalk_1.default.dim(`  ${elapsed}ms`);
+        const friendlyLabel = friendlyToolLabel(_activeTool.name);
+        process.stdout.write(`\r\x1b[2K  ${icon} ${chalk_1.default.dim(friendlyLabel)}${detailStr}${dur}\n`);
+    }
+    _activeTool = null;
+}
+// ---------------------------------------------------------------------------
+// Tool error — red bordered box
+// ---------------------------------------------------------------------------
+function printToolError(toolName, errorMessage, durationMs) {
+    const w = termWidth();
+    const top = chalk_1.default.hex("#f38ba8")("╭") +
+        chalk_1.default.hex("#f38ba8")("─".repeat(w - 2)) +
+        chalk_1.default.hex("#f38ba8")("╮");
+    const bottom = chalk_1.default.hex("#f38ba8")("╰") +
+        chalk_1.default.hex("#f38ba8")("─".repeat(w - 2)) +
+        chalk_1.default.hex("#f38ba8")("╯");
+    const dur = durationMs !== undefined ? chalk_1.default.dim(` ${durationMs}ms`) : "";
+    const titleLine = chalk_1.default.bold.hex("#f38ba8")(` ✗ ${toolName}${dur}`);
+    const bodyLines = wordWrap(errorMessage, w - 4).map((l) => chalk_1.default.hex("#f38ba8")("  " + l));
+    process.stdout.write("\n" + top + "\n");
+    process.stdout.write(titleLine + "\n");
+    for (const l of bodyLines) {
+        process.stdout.write(l + "\n");
     }
-    console.log(chalk_1.default.dim("Type your message. Ctrl+C to exit.\n"));
+    process.stdout.write(bottom + "\n\n");
 }
+// ---------------------------------------------------------------------------
+// Diff view for write_file
+// ---------------------------------------------------------------------------
+function printFileDiff(path, before, after) {
+    const w = termWidth();
+    const label = chalk_1.default.dim(` write_file  ${path} `);
+    const labelRaw = ` write_file  ${path} `;
+    const rule = chalk_1.default.dim("─".repeat(Math.max(0, w - labelRaw.length)));
+    process.stdout.write("\n" + rule + label + "\n");
+    if (!before) {
+        // New file — show all lines as added
+        const lines = after.split("\n").slice(0, 20);
+        for (const line of lines) {
+            process.stdout.write(chalk_1.default.hex("#a6e3a1")("+ " + line) + "\n");
+        }
+        if (after.split("\n").length > 20) {
+            process.stdout.write(chalk_1.default.dim(`  … ${after.split("\n").length - 20} more lines\n`));
+        }
+    }
+    else {
+        const beforeLines = before.split("\n");
+        const afterLines = after.split("\n");
+        let shown = 0;
+        const maxLines = 30;
+        for (let i = 0; i < Math.max(beforeLines.length, afterLines.length) && shown < maxLines; i++) {
+            const b = beforeLines[i];
+            const a = afterLines[i];
+            if (b === undefined) {
+                process.stdout.write(chalk_1.default.hex("#a6e3a1")("+ " + a) + "\n");
+                shown++;
+            }
+            else if (a === undefined) {
+                process.stdout.write(chalk_1.default.hex("#f38ba8")("- " + b) + "\n");
+                shown++;
+            }
+            else if (b !== a) {
+                process.stdout.write(chalk_1.default.hex("#f38ba8")("- " + b) + "\n");
+                process.stdout.write(chalk_1.default.hex("#a6e3a1")("+ " + a) + "\n");
+                shown += 2;
+            }
+        }
+        const totalDiff = Math.abs(afterLines.length - beforeLines.length);
+        if (totalDiff > maxLines) {
+            process.stdout.write(chalk_1.default.dim(`  … ${totalDiff - maxLines} more changes\n`));
+        }
+    }
+    process.stdout.write(chalk_1.default.dim("─".repeat(w)) + "\n\n");
+}
+// ---------------------------------------------------------------------------
+// Approval prompt — yellow bordered box
+// ---------------------------------------------------------------------------
+function printApprovalPrompt(title, body) {
+    const w = termWidth();
+    const top = chalk_1.default.hex("#f9e2af")("╭") +
+        chalk_1.default.hex("#f9e2af")("─".repeat(w - 2)) +
+        chalk_1.default.hex("#f9e2af")("╮");
+    const bottom = chalk_1.default.hex("#f9e2af")("╰") +
+        chalk_1.default.hex("#f9e2af")("─".repeat(w - 2)) +
+        chalk_1.default.hex("#f9e2af")("╯");
+    const titleLine = chalk_1.default.bold.hex("#f9e2af")(" " + title);
+    const bodyLines = wordWrap(body, w - 4).map((l) => chalk_1.default.hex("#f9e2af")("  " + l));
+    process.stdout.write("\n" + top + "\n");
+    process.stdout.write(titleLine + "\n");
+    for (const l of bodyLines) {
+        process.stdout.write(l + "\n");
+    }
+    process.stdout.write(bottom + "\n");
+}
+// ---------------------------------------------------------------------------
+// Streaming buffer — handle code fences in real-time, markdown on flush
+// ---------------------------------------------------------------------------
+let _streamBuf = "";
+let _inCodeFence = false;
+let _codeFenceLang = "";
+let _codeFenceBuffer = [];
+let _turnHasContent = false;
 function printTextDelta(text) {
-    process.stdout.write(text);
+    // Stop spinner on first token
+    if (_spinnerActive)
+        stopSpinner();
+    if (_activeTool)
+        finishToolLine(true);
+    _streamBuf += text;
+    const lines = _streamBuf.split("\n");
+    const complete = lines.slice(0, -1);
+    _streamBuf = lines[lines.length - 1];
+    for (const line of complete) {
+        _writeLine(line);
+    }
+}
+function _writeLine(line) {
+    _turnHasContent = true;
+    if (!_inCodeFence) {
+        const fenceMatch = line.match(/^```(\w*)$/);
+        if (fenceMatch) {
+            _inCodeFence = true;
+            _codeFenceLang = fenceMatch[1] || "plaintext";
+            _codeFenceBuffer = [];
+            const w = termWidth();
+            const lang = _codeFenceLang !== "plaintext" ? _codeFenceLang : "";
+            const label = lang ? chalk_1.default.dim(` ${lang} `) : "";
+            const labelRaw = lang ? ` ${lang} ` : "";
+            const rule = chalk_1.default.dim("─".repeat(Math.max(0, w - labelRaw.length)));
+            process.stdout.write(rule + label + "\n");
+            return;
+        }
+        const w = termWidth();
+        const rendered = renderMarkdownLine(line);
+        const rawLen = stripAnsi(rendered).length;
+        if (rawLen <= w) {
+            process.stdout.write(rendered + "\n");
+        }
+        else {
+            const segments = wordWrap(line, w);
+            for (const seg of segments) {
+                process.stdout.write(renderMarkdownLine(seg) + "\n");
+            }
+        }
+    }
+    else {
+        if (line === "```") {
+            const code = _codeFenceBuffer.join("\n");
+            const language = _codeFenceLang && (0, cli_highlight_1.supportsLanguage)(_codeFenceLang)
+                ? _codeFenceLang
+                : "plaintext";
+            try {
+                process.stdout.write((0, cli_highlight_1.highlight)(code, { language, ignoreIllegals: true }) + "\n");
+            }
+            catch {
+                process.stdout.write(chalk_1.default.dim(code) + "\n");
+            }
+            process.stdout.write(chalk_1.default.dim("─".repeat(termWidth())) + "\n");
+            _inCodeFence = false;
+            _codeFenceLang = "";
+            _codeFenceBuffer = [];
+        }
+        else {
+            _codeFenceBuffer.push(line);
+        }
+    }
+}
+// ---------------------------------------------------------------------------
+// Turn lifecycle
+// ---------------------------------------------------------------------------
+function printTurnStart() {
+    process.stdout.write("\x1b[?25l"); // hide cursor
+    process.stdout.write("\n" +
+        chalk_1.default.hex("#c0384b")("Junior") +
+        chalk_1.default.dim(" › ") +
+        "\n");
+    _turnHasContent = false;
+}
+function printThinkingStart() {
+    startSpinner("");
+}
+function printThinkingStop() {
+    stopSpinner();
 }
 function printTurnEnd(costUsd) {
-    const costStr = costUsd > 0 ? chalk_1.default.dim(` [$${costUsd.toFixed(4)}]`) : "";
-    process.stdout.write(`\n${costStr}\n\n`);
+    process.stdout.write("\x1b[?25h"); // restore cursor
+    // Stop any lingering spinner or tool line
+    if (_spinnerActive)
+        stopSpinner();
+    if (_activeTool)
+        finishToolLine(true);
+    if (_streamBuf.length > 0) {
+        _writeLine(_streamBuf);
+        _streamBuf = "";
+    }
+    _inCodeFence = false;
+    _codeFenceBuffer = [];
+    incrementTurn();
+    process.stdout.write("\n" + chalk_1.default.dim("─".repeat(termWidth())) + "\n");
+}
+// ---------------------------------------------------------------------------
+// Input prompt — top border only, no repeated shortcut bar
+// ---------------------------------------------------------------------------
+// ---------------------------------------------------------------------------
+// First-launch state — show placeholder hint on very first prompt
+// ---------------------------------------------------------------------------
+let _isFirstPrompt = true;
+function consumeFirstPrompt() {
+    const was = _isFirstPrompt;
+    _isFirstPrompt = false;
+    return was;
+}
+function printPrompt(_showHint = false) {
+    const w = termWidth();
+    const topBorder = chalk_1.default.dim("╭") +
+        chalk_1.default.dim("─".repeat(w - 2)) +
+        chalk_1.default.dim("╮");
+    // No inline placeholder hint. readline echoes typed input immediately after
+    // the "you › " prefix, so a static hint here does not clear on focus/typing —
+    // it just gets text appended to it ("…exampleshey junior"). The "type a
+    // message, or 'help' for examples" guidance lives in the welcome header
+    // instead, where nothing is typed over it.
+    process.stdout.write("\n" +
+        topBorder + "\n" +
+        chalk_1.default.bold.hex("#c0384b")("you") +
+        chalk_1.default.dim(" › "));
+}
+function printPromptEnd() {
+    const w = termWidth();
+    const bottomBorder = chalk_1.default.dim("╰") +
+        chalk_1.default.dim("─".repeat(w - 2)) +
+        chalk_1.default.dim("╯");
+    process.stdout.write("\n" + bottomBorder + "\n");
+}
+// ---------------------------------------------------------------------------
+// Welcome + session list
+// ---------------------------------------------------------------------------
+function printWelcome(sessionId, sessionName, resumed, messageCount, lastMessagePreview) {
+    initStatusBar(sessionId, sessionName);
+    const name = sessionName || sessionId.slice(0, 8);
+    // Shortcut bar — shown ONCE on welcome only
+    const w = termWidth();
+    const shortcuts = [
+        chalk_1.default.dim("ctrl+c") + " " + chalk_1.default.hex("#6c7086")("exit"),
+        chalk_1.default.dim("ctrl+r") + " " + chalk_1.default.hex("#6c7086")("sessions"),
+        chalk_1.default.dim("ctrl+l") + " " + chalk_1.default.hex("#6c7086")("clear"),
+        chalk_1.default.dim("↑↓") + " " + chalk_1.default.hex("#6c7086")("history"),
+    ].join(chalk_1.default.dim("  ·  "));
+    const shortcutRaw = stripAnsi(shortcuts);
+    const shortcutPad = Math.max(0, Math.floor((w - shortcutRaw.length) / 2));
+    if (resumed) {
+        process.stdout.write("\n" +
+            chalk_1.default.hex("#89b4fa")("↩  " + name) +
+            chalk_1.default.dim(`  ${messageCount} turns`) +
+            "\n");
+        if (lastMessagePreview) {
+            const truncated = lastMessagePreview.length > 60
+                ? lastMessagePreview.slice(0, 60) + "…"
+                : lastMessagePreview;
+            process.stdout.write(chalk_1.default.dim('   last: "' + truncated + '"') + "\n");
+        }
+        process.stdout.write("\n" +
+            " ".repeat(shortcutPad) + shortcuts + "\n\n");
+    }
+    else {
+        process.stdout.write("\n" +
+            chalk_1.default.hex("#c0384b").bold("✦  Junior") +
+            chalk_1.default.dim(`  ${name}`) +
+            "\n\n" +
+            " ".repeat(shortcutPad) + shortcuts + "\n\n");
+    }
 }
 function printError(message) {
-    console.error(chalk_1.default.red(`\nError: ${message}\n`));
+    process.stderr.write(chalk_1.default.red("\n✗ ") +
+        chalk_1.default.bold.red("Error: ") +
+        chalk_1.default.red(message) +
+        "\n\n");
 }
 function printSessionList(sessions) {
     if (sessions.length === 0) {
         console.log(chalk_1.default.dim("No sessions found."));
         return;
     }
-    console.log(chalk_1.default.bold("\nSessions:\n"));
+    const w = termWidth();
+    process.stdout.write("\n" +
+        chalk_1.default.bold.hex("#c0384b")("Sessions") +
+        "\n" +
+        chalk_1.default.dim("─".repeat(w)) +
+        "\n");
     for (const s of sessions) {
-        const name = s.session_name || chalk_1.default.dim("(unnamed)");
-        const id = chalk_1.default.dim(s.id.slice(0, 8));
-        const turns = `${s.message_count} turns`;
-        const cost = `$${Number(s.total_cost_usd).toFixed(4)}`;
-        const lastActive = new Date(s.last_active_at).toLocaleString();
-        const status = s.status === "active" ? chalk_1.default.green("●") : chalk_1.default.dim("○");
-        console.log(`  ${status} ${name} ${id}`);
-        console.log(chalk_1.default.dim(`     ${turns} · ${cost} · last active ${lastActive}`));
-        console.log();
+        const name = s.session_name
+            ? chalk_1.default.hex("#89b4fa")(s.session_name)
+            : chalk_1.default.dim("(unnamed)");
+        // Session ID hidden — not useful to non-technical users
+        const turns = chalk_1.default.dim(`${s.message_count} turns`);
+        const cost = chalk_1.default.dim(`$${Number(s.total_cost_usd).toFixed(4)}`);
+        const lastActive = chalk_1.default.dim(new Date(s.last_active_at).toLocaleString());
+        const status = s.status === "active"
+            ? chalk_1.default.hex("#a6e3a1")("●")
+            : chalk_1.default.dim("○");
+        process.stdout.write(`  ${status} ${name}\n`);
+        process.stdout.write(`     ${turns}  ${cost}  ${lastActive}\n\n`);
     }
-    console.log(chalk_1.default.dim("Resume: xiaotime dev --session <id>"));
+    process.stdout.write(chalk_1.default.dim("Resume: xiaotime dev --session <id>\n\n"));
 }
-function printPrompt() {
-    process.stdout.write(chalk_1.default.bold("you: "));
+// ---------------------------------------------------------------------------
+// Tool call indicators
+// ---------------------------------------------------------------------------
+const TOOL_ICONS = {
+    read_file: "▸",
+    write_file: "▸",
+    list_directory: "▸",
+    shell_command: "▸",
+    git_status: "▸",
+    git_diff: "▸",
+    git_commit: "▸",
+};
+const SERVER_TOOL_ICONS = {
+    web_search: "▸",
+    lookup_entity: "▸",
+    remember_entity: "▸",
+    signal_query: "▸",
+    research_request: "▸",
+    note_ingest: "▸",
+    check_calendar: "▸",
+    meeting_prep: "▸",
+    list_entities: "▸",
+};
+// ---------------------------------------------------------------------------
+// Human-friendly tool status labels for non-developer users
+// ---------------------------------------------------------------------------
+const TOOL_FRIENDLY_NAMES = {
+    web_search: "searching the web...",
+    lookup_entity: "looking that up...",
+    remember_entity: "saving that...",
+    signal_query: "checking signals...",
+    research_request: "doing some research...",
+    note_ingest: "saving your note...",
+    check_calendar: "checking your calendar...",
+    meeting_prep: "preparing your meeting brief...",
+    list_entities: "pulling up your contacts...",
+    list_pipeline_accounts: "checking your pipeline...",
+    entity_history: "reviewing history...",
+    account_deep_view: "digging into that account...",
+    stale_contacts: "finding stale contacts...",
+    resolve_person: "looking up that person...",
+    link_entities: "making that connection...",
+    get_connections: "finding connections...",
+    precall_brief: "prepping your brief...",
+    objection_prep: "preparing objection handling...",
+    competitive_intel: "pulling competitive intel...",
+    habit_log: "logging that habit...",
+    habit_streak: "checking your streaks...",
+    schedule_job: "scheduling that...",
+    list_scheduled_jobs: "loading scheduled jobs...",
+    cancel_scheduled_job: "cancelling that job...",
+    log_decision: "recording that decision...",
+    signal_stats: "pulling signal stats...",
+    read_file: "reading file...",
+    write_file: "writing file...",
+    list_directory: "listing files...",
+    shell_command: "running command...",
+    git_status: "checking git status...",
+    git_diff: "reading changes...",
+    git_commit: "committing...",
+    generate_image: "generating image...",
+    run_background_task: "starting background task...",
+    summarize_url: "reading that page...",
+    fetch_url: "fetching that page...",
+};
+function friendlyToolLabel(name) {
+    return TOOL_FRIENDLY_NAMES[name] ?? `working on it...`;
 }
-/**
- * Render a single inline log line for a server-side tool invocation.
- *
- * SPRINT-CLI-APPROVAL-MENU-1 (#6509) PR3 — pre-#6509 the 15 tools in
- * terminal_orchestrator/main.py's SERVER_TOOLS set executed silently
- * from the user's perspective. This helper renders the
- * `server_tool_call` WS event the orchestrator now emits before each
- * server-side dispatch, matching the visual style of the existing
- * client-tool inline logs in cli/src/tools.ts (`[read_file] /path
- * (N lines)`, `[git_status]`, etc.).
- *
- * `inputSummary` is built server-side (see
- * `terminal_orchestrator/main.py::_build_server_tool_input_summary`)
- * — ≤120 chars, preferred-keys-per-tool, middle-truncated values,
- * no newlines. Empty inputSummary (e.g. librarian_list_collections,
- * which has no meaningful input to render) drops to just the
- * `[server:<name>]` prefix.
- */
-function printServerToolCall(name, inputSummary) {
-    const tail = inputSummary ? ` ${inputSummary}` : "";
-    console.log(chalk_1.default.dim(`  [server:${name}]${tail}`));
+// ---------------------------------------------------------------------------
+// Friendly plain-English error messages
+// ---------------------------------------------------------------------------
+const ERROR_PATTERNS = [
+    [/ECONNREFUSED/i, "Can't reach the server. Check your connection and try again."],
+    [/ETIMEDOUT|TIMEOUT/i, "The request timed out. The server might be busy — try again in a moment."],
+    [/ENOTFOUND/i, "Couldn't connect — check your internet connection."],
+    [/401|unauthorized/i, "Not signed in. Run `xiaotime login` to authenticate."],
+    [/403|forbidden/i, "You don't have permission to do that."],
+    [/404|not found/i, "That resource wasn't found."],
+    [/500|internal server/i, "Something went wrong on the server. Try again shortly."],
+    [/EPIPE/i, "Connection was interrupted. Reconnect and try again."],
+    [/WEBSOCKET|ws error/i, "Lost the live connection. Reconnecting..."],
+];
+function friendlyError(raw) {
+    for (const [pattern, friendly] of ERROR_PATTERNS) {
+        if (pattern.test(raw))
+            return friendly;
+    }
+    // Fall back — strip stack trace noise, just show first line
+    const firstLine = raw.split("\n")[0].replace(/^Error:\s*/i, "").trim();
+    return firstLine.length > 0 && firstLine.length < 200 ? firstLine : "Something went wrong. Try again.";
+}
+// ---------------------------------------------------------------------------
+// Help panel
+// ---------------------------------------------------------------------------
+function printHelp() {
+    const w = termWidth();
+    const top = chalk_1.default.hex("#f9e2af")("╭") +
+        chalk_1.default.hex("#f9e2af")("─".repeat(w - 2)) +
+        chalk_1.default.hex("#f9e2af")("╮");
+    const bottom = chalk_1.default.hex("#f9e2af")("╰") +
+        chalk_1.default.hex("#f9e2af")("─".repeat(w - 2)) +
+        chalk_1.default.hex("#f9e2af")("╯");
+    const lines = [
+        chalk_1.default.bold.hex("#f9e2af")(" Junior — your AI chief of staff"),
+        "",
+        chalk_1.default.dim("  Just type naturally. Some examples:"),
+        "",
+        `  ${chalk_1.default.hex("#89b4fa")("what's on my calendar today")}`,
+        `  ${chalk_1.default.hex("#89b4fa")("draft a follow-up email to Acme")}`,
+        `  ${chalk_1.default.hex("#89b4fa")("look up Banner Health")}`,
+        `  ${chalk_1.default.hex("#89b4fa")("what signals do I have this week")}`,
+        `  ${chalk_1.default.hex("#89b4fa")("research CrowdStrike")}`,
+        "",
+        chalk_1.default.dim("  Keyboard shortcuts:"),
+        `  ${chalk_1.default.dim("ctrl+c")}  exit          ${chalk_1.default.dim("ctrl+r")}  switch sessions`,
+        `  ${chalk_1.default.dim("ctrl+l")}  clear screen  ${chalk_1.default.dim("ctrl+u")}  scroll history`,
+        `  ${chalk_1.default.dim("↑ ↓")}    message history`,
+        "",
+        chalk_1.default.dim("  Type anything to get started. Junior will figure out the rest."),
+    ];
+    process.stdout.write("\n" + top + "\n");
+    for (const l of lines) {
+        process.stdout.write(l + "\n");
+    }
+    process.stdout.write(bottom + "\n\n");
+}
+// ---------------------------------------------------------------------------
+// Disconnect banner
+// ---------------------------------------------------------------------------
+function printDisconnectBanner(reconnecting = true) {
+    const msg = reconnecting
+        ? "  Lost connection — trying to reconnect..."
+        : "  Disconnected. Resume with: xiaotime dev";
+    process.stdout.write("\n" + chalk_1.default.dim(msg) + "\n");
+}
+// ---------------------------------------------------------------------------
+// Exit confirmation
+// ---------------------------------------------------------------------------
+function printExitConfirmation() {
+    process.stdout.write("\n" + chalk_1.default.hex("#f9e2af")("  Session paused. Your conversation is saved.") + "\n");
+    process.stdout.write(chalk_1.default.dim("  Resume anytime with: xiaotime dev") + "\n\n");
+}
+function printToolCallLine(name, detail, durationMs, success = true) {
+    setLastTool(name);
+    const icon = success ? chalk_1.default.hex("#a6e3a1")("✓") : chalk_1.default.hex("#f38ba8")("✗");
+    const dur = durationMs !== undefined ? chalk_1.default.dim(`  ${durationMs}ms`) : "";
+    const detailStr = detail ? chalk_1.default.dim(`  ${detail}`) : "";
+    process.stdout.write(`  ${icon} ${chalk_1.default.dim(name)}${detailStr}${dur}\n`);
+}
+function printServerToolCall(name, inputSummary, durationMs) {
+    setLastTool(name);
+    const icon = chalk_1.default.hex("#a6e3a1")("✓");
+    const tail = inputSummary ? chalk_1.default.dim(`  ${inputSummary}`) : "";
+    const dur = durationMs !== undefined ? chalk_1.default.dim(`  ${durationMs}ms`) : "";
+    process.stdout.write(`  ${icon} ${chalk_1.default.dim(name)}${tail}${dur}\n`);
 }
 //# sourceMappingURL=display.js.map