pulseed 0.5.2 → 0.5.3

package/dist/interface/tui/fullscreen-chat.js

@@ -1,7 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useCallback, useState } from "react";
+import { spawnSync } from "child_process";
+import { mkdtempSync, writeFileSync } from "fs";
+import { tmpdir } from "os";
+import path from "path";
 import { Box, Text, useInput } from "ink";
-import { getClipboardContent } from "./clipboard.js";
+import { copyToClipboard, getClipboardContent } from "./clipboard.js";
 import { logTuiDebug } from "./debug-log.js";
 import { theme } from "./theme.js";
 import { pickSpinnerVerb } from "./spinner-verbs.js";
@@ -9,8 +13,10 @@ import { buildHiddenCursorEscapeFromPosition, CARET_MARKER, PROTECTED_ROW_MARKER
 import { measureCharWidth, measureTextWidth } from "./text-width.js";
 import { isBashModeInput } from "./bash-mode.js";
 import { buildChatViewport } from "./chat/viewport.js";
-import { getScrollRequest, normalizeTerminalInputChunk, parseMouseEvent, } from "./chat/scroll.js";
+import { getScrollLineStep, getScrollRequest, normalizeTerminalInputChunk, parseMouseEvent, } from "./chat/scroll.js";
 import { getMatchingSuggestions } from "./chat/suggestions.js";
+import { writeTrustedTuiControl } from "./terminal-output.js";
+import { CURSOR_HOME, ENTER_ALT_SCREEN, ERASE_SCREEN, EXIT_ALT_SCREEN, HIDE_CURSOR, SHOW_CURSOR, } from "./flicker/dec.js";
 const SCROLL_LINE_STEP = 1;
 const SCROLL_ANIMATION_INTERVAL_MS = 16;
 const DEFAULT_PROMPT = "◉";
@@ -22,6 +28,8 @@ const SELECTION_FOREGROUND = "#1F2329";
 const FAKE_CURSOR_GLYPH = "▌";
 const PROCESSING_SPINNER_FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
 const PROCESSING_SPINNER_INTERVAL_MS = 80;
+const COLLAPSED_PASTE_MIN_CHARS = 120;
+const COLLAPSED_PASTE_MIN_MULTILINE_CHARS = 40;
 function charWidth(ch) {
     return measureCharWidth(ch);
 }
@@ -100,6 +108,31 @@ function formatSuggestionLabel(suggestion) {
         ? `  ${suggestion.name} ${suggestion.description.padEnd(20)}  [goal]`
         : `  ${suggestion.name.padEnd(20)}${suggestion.description}`;
 }
+function countTextLines(text) {
+    return text.length === 0 ? 0 : text.split("\n").length;
+}
+export function shouldCollapsePastedText(rawInput, normalizedInput) {
+    const isBracketedPaste = rawInput.includes("[200~") || rawInput.includes("\u001b[200~");
+    if (normalizedInput.length >= COLLAPSED_PASTE_MIN_CHARS) {
+        return true;
+    }
+    if (normalizedInput.includes("\n") && normalizedInput.length >= COLLAPSED_PASTE_MIN_MULTILINE_CHARS) {
+        return true;
+    }
+    return isBracketedPaste && normalizedInput.length >= COLLAPSED_PASTE_MIN_MULTILINE_CHARS;
+}
+export function buildCollapsedPasteRange(text, start) {
+    const lineCount = countTextLines(text);
+    const charCount = Array.from(text).length;
+    const label = lineCount > 1
+        ? `[pasted ${lineCount} lines, ${charCount} chars]`
+        : `[pasted ${charCount} chars]`;
+    return {
+        start,
+        end: start + text.length,
+        label,
+    };
+}
 function normalizeSelection(selection) {
     if (!selection || selection.anchor === selection.focus) {
         return null;
@@ -109,6 +142,21 @@ function normalizeSelection(selection) {
         end: Math.max(selection.anchor, selection.focus),
     };
 }
+export function getSelectedInputText(input, selection) {
+    const range = normalizeSelection(selection);
+    return range ? input.slice(range.start, range.end) : "";
+}
+export async function copySelectedInputText(input, selection, copy = copyToClipboard) {
+    const selectedText = getSelectedInputText(input, selection);
+    if (!selectedText) {
+        return { ok: false };
+    }
+    return copy(selectedText);
+}
+function formatCopyToast(charCount, result) {
+    const suffix = result.method ? ` via ${result.method}` : "";
+    return `copied ${charCount} chars${suffix}`;
+}
 function pushSegment(segments, text, style = {}) {
     if (text.length === 0)
         return;
@@ -123,7 +171,7 @@ function pushSegment(segments, text, style = {}) {
     }
     segments.push({ text, ...style });
 }
-function buildInputRows(input, cursorOffset, contentWidth, placeholder, selection) {
+function buildInputRows(input, cursorOffset, contentWidth, placeholder, selection, collapsedPaste) {
     if (contentWidth <= 0) {
         return {
             rows: [{
@@ -167,6 +215,11 @@ function buildInputRows(input, cursorOffset, contentWidth, placeholder, selectio
     let currentWidth = 0;
     let rowStartOffset = 0;
     let rowEndOffset = 0;
+    const activeCollapsedPaste = collapsedPaste
+        && !(cursorOffset > collapsedPaste.start && cursorOffset < collapsedPaste.end)
+        && !(selection && selection.start < collapsedPaste.end && selection.end > collapsedPaste.start)
+        ? collapsedPaste
+        : null;
     const pushRow = () => {
         rows.push({
             cells: currentCells,
@@ -194,6 +247,28 @@ function buildInputRows(input, cursorOffset, contentWidth, placeholder, selectio
         if (offset === input.length) {
             break;
         }
+        if (activeCollapsedPaste && offset === activeCollapsedPaste.start) {
+            const label = stringWidth(activeCollapsedPaste.label) <= contentWidth
+                ? activeCollapsedPaste.label
+                : trimToWidth("[paste]", contentWidth);
+            const labelWidth = stringWidth(label);
+            if (currentWidth + labelWidth > contentWidth && currentCells.length > 0) {
+                pushRow();
+                rowStartOffset = offset;
+                rowEndOffset = offset;
+            }
+            currentCells.push({
+                text: label,
+                width: labelWidth,
+                offsetBefore: activeCollapsedPaste.start,
+                offsetAfter: activeCollapsedPaste.end,
+                dim: true,
+            });
+            currentWidth += labelWidth;
+            rowEndOffset = activeCollapsedPaste.end;
+            offset = activeCollapsedPaste.end;
+            continue;
+        }
         const codePoint = input.codePointAt(offset) ?? 0;
         const ch = String.fromCodePoint(codePoint);
         const nextOffset = offset + ch.length;
@@ -253,7 +328,7 @@ function buildInputContentSegments(row, contentWidth, bashMode) {
         }
         pushSegment(segments, cell.text, {
             color: defaultColor,
-            dim: cell.placeholder,
+            dim: cell.placeholder || cell.dim,
         });
     }
     if (usedWidth < contentWidth) {
@@ -263,6 +338,222 @@ function buildInputContentSegments(row, contentWidth, bashMode) {
     }
     return segments;
 }
+function compareBodySelectionPoints(a, b) {
+    if (a.rowIndex !== b.rowIndex) {
+        return a.rowIndex - b.rowIndex;
+    }
+    return a.offset - b.offset;
+}
+function normalizeBodySelection(selection) {
+    if (!selection || compareBodySelectionPoints(selection.anchor, selection.focus) === 0) {
+        return null;
+    }
+    return compareBodySelectionPoints(selection.anchor, selection.focus) <= 0
+        ? { start: selection.anchor, end: selection.focus }
+        : { start: selection.focus, end: selection.anchor };
+}
+function getBodySelectionForRow(selection, rowIndex, textLength) {
+    if (!selection || rowIndex < selection.start.rowIndex || rowIndex > selection.end.rowIndex) {
+        return null;
+    }
+    const start = rowIndex === selection.start.rowIndex ? selection.start.offset : 0;
+    const end = rowIndex === selection.end.rowIndex ? selection.end.offset : textLength;
+    if (start === end)
+        return null;
+    return { start: Math.max(0, start), end: Math.min(textLength, end) };
+}
+function getDisplayOffsetForText(text, col) {
+    if (col <= 0)
+        return 0;
+    let usedWidth = 0;
+    let offset = 0;
+    for (const ch of text) {
+        const width = charWidth(ch);
+        const midpoint = usedWidth + width / 2;
+        if (col <= midpoint)
+            return offset;
+        offset += ch.length;
+        usedWidth += width;
+        if (col <= usedWidth)
+            return offset;
+    }
+    return text.length;
+}
+function applySelectionToTextSegments(text, selection, style) {
+    if (!selection) {
+        return [{ text, ...style }];
+    }
+    const segments = [];
+    const before = text.slice(0, selection.start);
+    const selected = text.slice(selection.start, selection.end);
+    const after = text.slice(selection.end);
+    pushSegment(segments, before, style);
+    pushSegment(segments, selected, {
+        ...style,
+        color: SELECTION_FOREGROUND,
+        backgroundColor: SELECTION_BACKGROUND,
+    });
+    pushSegment(segments, after, style);
+    return segments;
+}
+export function getSelectedBodyText(rows, selection) {
+    const range = normalizeBodySelection(selection);
+    if (!range)
+        return "";
+    const selectedRows = [];
+    for (let rowIndex = range.start.rowIndex; rowIndex <= range.end.rowIndex; rowIndex += 1) {
+        const row = rows[rowIndex];
+        if (!row || row.kind === "spacer")
+            continue;
+        const rowRange = getBodySelectionForRow(range, rowIndex, row.text.length);
+        if (!rowRange)
+            continue;
+        selectedRows.push(row.text.slice(rowRange.start, rowRange.end).trimEnd());
+    }
+    return selectedRows.join("\n").trim();
+}
+export function extractClickableTargetAt(text, offset) {
+    const patterns = [
+        /https?:\/\/[^\s)>\]}]+/g,
+        /(?:\.{1,2}\/|\/)[^\s:]+(?::\d+)?/g,
+    ];
+    for (const pattern of patterns) {
+        for (const match of text.matchAll(pattern)) {
+            const value = match[0];
+            const start = match.index ?? 0;
+            const end = start + value.length;
+            if (offset >= start && offset <= end) {
+                return value;
+            }
+        }
+    }
+    return null;
+}
+function openClickableTarget(target) {
+    if (/^https?:\/\//.test(target)) {
+        if (process.platform === "darwin") {
+            return spawnSync("open", [target], { stdio: "ignore" }).status === 0;
+        }
+        if (process.platform === "linux") {
+            return spawnSync("xdg-open", [target], { stdio: "ignore" }).status === 0;
+        }
+        return false;
+    }
+    const [filePart, linePart] = target.split(/:(\d+)$/);
+    const resolvedPath = path.resolve(process.cwd(), filePart || target);
+    const editor = process.env.VISUAL || process.env.EDITOR;
+    if (editor) {
+        const editorTarget = linePart ? `${resolvedPath}:${linePart}` : resolvedPath;
+        return spawnSync(editor, [editorTarget], { stdio: "ignore", shell: true }).status === 0;
+    }
+    if (process.platform === "darwin") {
+        return spawnSync("open", [resolvedPath], { stdio: "ignore" }).status === 0;
+    }
+    if (process.platform === "linux") {
+        return spawnSync("xdg-open", [resolvedPath], { stdio: "ignore" }).status === 0;
+    }
+    return false;
+}
+export function formatTranscript(messages) {
+    return messages
+        .map((message) => {
+        const label = message.role === "user" ? "User" : "PulSeed";
+        return `${label}:\n${message.text.trimEnd()}`;
+    })
+        .join("\n\n");
+}
+function wrapPlainTextToRows(text, width) {
+    const rows = [];
+    for (const sourceLine of text.split("\n")) {
+        if (sourceLine.length === 0) {
+            rows.push("");
+            continue;
+        }
+        let current = "";
+        let currentWidth = 0;
+        for (const ch of sourceLine) {
+            const widthOfChar = charWidth(ch);
+            if (currentWidth + widthOfChar > width && current.length > 0) {
+                rows.push(current);
+                current = "";
+                currentWidth = 0;
+            }
+            current += ch;
+            currentWidth += widthOfChar;
+        }
+        rows.push(current);
+    }
+    return rows;
+}
+function buildTranscriptRows(messages, cols) {
+    const rows = [];
+    for (const message of messages) {
+        const label = message.role === "user" ? "User" : "PulSeed";
+        rows.push(...wrapPlainTextToRows(`${label}:`, cols));
+        rows.push(...wrapPlainTextToRows(message.text.trimEnd(), cols));
+        rows.push("");
+    }
+    return rows;
+}
+export function buildTranscriptRenderLines(args) {
+    const { messages, cols, rows, scrollOffset, searchQuery, searchMode, status } = args;
+    const bodyRows = Math.max(1, rows - 2);
+    const transcriptRows = buildTranscriptRows(messages, cols);
+    const maxScrollOffset = Math.max(0, transcriptRows.length - bodyRows);
+    const clampedOffset = Math.max(0, Math.min(maxScrollOffset, scrollOffset));
+    const visibleRows = transcriptRows.slice(clampedOffset, clampedOffset + bodyRows);
+    const lines = [{
+            key: "transcript-header",
+            text: padToWidth("transcript  / search  n/N next  [ write scrollback  v editor  Esc return", cols),
+            color: theme.command,
+        }];
+    visibleRows.forEach((row, index) => {
+        lines.push({
+            key: `transcript-${clampedOffset + index}`,
+            text: padToWidth(row, cols),
+            backgroundColor: searchQuery.length > 0 && row.toLowerCase().includes(searchQuery.toLowerCase())
+                ? "#3A3A22"
+                : undefined,
+        });
+    });
+    while (lines.length < rows - 1) {
+        lines.push({ key: `transcript-filler-${lines.length}`, text: " ".repeat(cols) });
+    }
+    lines.push({
+        key: "transcript-footer",
+        text: padToWidth(searchMode
+            ? `/${searchQuery}`
+            : status
+                ? status
+                : `${clampedOffset + 1}-${Math.min(clampedOffset + bodyRows, transcriptRows.length)} / ${transcriptRows.length}`, cols),
+        dim: !searchMode && !status,
+        color: searchMode ? theme.command : undefined,
+    });
+    return { lines: lines.slice(0, rows), totalRows: transcriptRows.length, maxScrollOffset };
+}
+function writeTranscriptToNativeScrollback(messages) {
+    const transcript = formatTranscript(messages);
+    writeTrustedTuiControl(SHOW_CURSOR +
+        EXIT_ALT_SCREEN +
+        `\n${transcript}\n` +
+        ENTER_ALT_SCREEN +
+        ERASE_SCREEN +
+        CURSOR_HOME +
+        HIDE_CURSOR);
+}
+function openTranscriptInEditor(messages) {
+    const editor = process.env.VISUAL || process.env.EDITOR;
+    if (!editor) {
+        return { ok: false };
+    }
+    const dir = mkdtempSync(path.join(tmpdir(), "pulseed-transcript-"));
+    const filePath = path.join(dir, "transcript.md");
+    writeFileSync(filePath, formatTranscript(messages), "utf8");
+    writeTrustedTuiControl(SHOW_CURSOR + EXIT_ALT_SCREEN);
+    const result = spawnSync(editor, [filePath], { stdio: "inherit", shell: true });
+    writeTrustedTuiControl(ENTER_ALT_SCREEN + ERASE_SCREEN + CURSOR_HOME + HIDE_CURSOR);
+    return result.status === 0 ? { ok: true, method: "osc52" } : { ok: false };
+}
 function getCursorPositionFromComposerLayout(layout) {
     for (let rowIndex = 0; rowIndex < layout.rows.length; rowIndex += 1) {
         const row = layout.rows[rowIndex];
@@ -281,8 +572,8 @@ function getCursorPositionFromComposerLayout(layout) {
     }
     return null;
 }
-function buildComposerLines(args) {
-    const { cols, input, cursorOffset, bashMode, emptyHint, matches, selectedIdx, copyToast, selection, } = args;
+export function buildComposerLines(args) {
+    const { cols, input, cursorOffset, bashMode, emptyHint, matches, selectedIdx, copyToast, selection, collapsedPaste, } = args;
     const lines = [];
     lines.push({
         key: "copy-toast",
@@ -294,7 +585,7 @@ function buildComposerLines(args) {
     const prompt = `${promptLabel} `;
     const promptWidth = stringWidth(prompt);
     const contentWidth = Math.max(1, innerWidth - INPUT_MARGIN - promptWidth);
-    const inputRender = buildInputRows(input, cursorOffset, contentWidth, getPlaceholder(bashMode), selection);
+    const inputRender = buildInputRows(input, cursorOffset, contentWidth, getPlaceholder(bashMode), selection, collapsedPaste);
     const inputRows = inputRender.rows;
     lines.push({
         key: "composer-top",
@@ -363,10 +654,23 @@ function buildComposerLines(args) {
         contentStartCol: 3 + promptWidth,
     };
 }
-function renderMessageRow(row, cols) {
+function renderMessageRow(row, cols, rowIndex, bodySelection) {
     if (row.kind === "spacer") {
         return { key: row.key, text: " ".repeat(cols) };
     }
+    const selection = getBodySelectionForRow(bodySelection, rowIndex, row.text.length);
+    if (selection) {
+        const text = padToWidth(row.text, cols);
+        return {
+            key: row.key,
+            segments: applySelectionToTextSegments(text, selection, {
+                color: row.color,
+                backgroundColor: row.backgroundColor,
+                bold: row.bold,
+                dim: row.dim,
+            }),
+        };
+    }
     return {
         key: row.key,
         text: padToWidth(row.text, cols),
@@ -376,14 +680,14 @@ function renderMessageRow(row, cols) {
         dim: row.dim,
     };
 }
-export function buildFullscreenChatRenderLines({ availableCols, availableRows, viewport, composerLines, isProcessing, spinnerGlyph, spinnerVerb, }) {
+export function buildFullscreenChatRenderLines({ availableCols, availableRows, viewport, composerLines, isProcessing, spinnerGlyph, spinnerVerb, bodySelection, transcriptStatus, }) {
     const lines = [];
     lines.push({
         key: "indicator-top",
         text: padToWidth(viewport.hiddenAboveRows > 0 ? `↑ ${viewport.hiddenAboveRows} earlier lines` : "", availableCols),
         dim: true,
     });
-    const renderedRows = viewport.rows.map((row) => renderMessageRow(row, availableCols));
+    const renderedRows = viewport.rows.map((row, index) => (renderMessageRow(row, availableCols, index, bodySelection ?? null)));
     const fillerCount = Math.max(0, viewport.maxVisibleRows - renderedRows.length);
     for (let index = 0; index < fillerCount; index += 1) {
         lines.push({ key: `filler-${index}`, text: " ".repeat(availableCols) });
@@ -396,9 +700,9 @@ export function buildFullscreenChatRenderLines({ availableCols, availableRows, v
     });
     lines.push({
         key: "processing",
-        text: padToWidth(isProcessing ? `${spinnerGlyph} ${spinnerVerb}...` : "", availableCols),
+        text: padToWidth(transcriptStatus ?? (isProcessing ? `${spinnerGlyph} ${spinnerVerb}...` : ""), availableCols),
         color: isProcessing ? theme.command : undefined,
-        dim: !isProcessing,
+        dim: !isProcessing && !transcriptStatus,
     });
     lines.push(...composerLines);
     while (lines.length < availableRows) {
@@ -451,10 +755,25 @@ function getMouseOffsetFromComposer(layout, x, y, clampOutside) {
     }
     return row.endOffset;
 }
+function getMousePositionFromBody(rows, x, y, fillerRows) {
+    const rowIndex = y - 2 - fillerRows;
+    if (rowIndex < 0 || rowIndex >= rows.length) {
+        return null;
+    }
+    const row = rows[rowIndex];
+    if (!row || row.kind === "spacer") {
+        return null;
+    }
+    return {
+        rowIndex,
+        offset: getDisplayOffsetForText(row.text, x - 1),
+    };
+}
 export function FullscreenChat({ messages, onSubmit, onClear, isProcessing, goalNames = [], availableRows, availableCols, cursorOriginX = 0, cursorOriginY = 0, }) {
     const [input, setInput] = useState("");
     const [cursorOffset, setCursorOffset] = useState(0);
     const [selection, setSelection] = useState(null);
+    const [collapsedPaste, setCollapsedPaste] = useState(null);
     const selectionAnchor = React.useRef(null);
     const [selectedIdx, setSelectedIdx] = useState(0);
     const justSelected = React.useRef(false);
@@ -466,6 +785,12 @@ export function FullscreenChat({ messages, onSubmit, onClear, isProcessing, goal
     const emptyHintTimer = React.useRef(null);
     const [scrollOffset, setScrollOffset] = React.useState(0);
     const [targetScrollOffset, setTargetScrollOffset] = React.useState(0);
+    const [bodySelection, setBodySelection] = React.useState(null);
+    const bodySelectionAnchor = React.useRef(null);
+    const [transcriptMode, setTranscriptMode] = React.useState(false);
+    const [transcriptScrollOffset, setTranscriptScrollOffset] = React.useState(0);
+    const [transcriptSearchQuery, setTranscriptSearchQuery] = React.useState("");
+    const [transcriptSearchMode, setTranscriptSearchMode] = React.useState(false);
     const [spinnerVerb, setSpinnerVerb] = React.useState(() => pickSpinnerVerb());
     const [spinnerFrameIndex, setSpinnerFrameIndex] = React.useState(0);
     React.useEffect(() => {
@@ -515,22 +840,32 @@ export function FullscreenChat({ messages, onSubmit, onClear, isProcessing, goal
         selectionAnchor.current = null;
         setSelection(null);
     }, []);
-    const replaceInputRange = useCallback((start, end, replacement) => {
+    const clearBodySelection = useCallback(() => {
+        bodySelectionAnchor.current = null;
+        setBodySelection(null);
+    }, []);
+    const replaceInputRange = useCallback((start, end, replacement, nextCollapsedPaste = null) => {
         const next = input.slice(0, start) + replacement + input.slice(end);
         setInput(next);
         setCursorOffset(start + replacement.length);
+        setCollapsedPaste(nextCollapsedPaste);
         clearSelection();
     }, [clearSelection, input]);
-    const insertText = useCallback((text) => {
+    const insertText = useCallback((text, options = {}) => {
         justSelected.current = false;
         const selectedRange = normalizeSelection(selection);
+        const start = selectedRange ? selectedRange.start : cursorOffset;
+        const nextCollapsedPaste = options.collapsePaste
+            ? buildCollapsedPasteRange(text, start)
+            : null;
         if (selectedRange) {
-            replaceInputRange(selectedRange.start, selectedRange.end, text);
+            replaceInputRange(selectedRange.start, selectedRange.end, text, nextCollapsedPaste);
             return;
         }
         const next = input.slice(0, cursorOffset) + text + input.slice(cursorOffset);
         setInput(next);
         setCursorOffset(cursorOffset + text.length);
+        setCollapsedPaste(nextCollapsedPaste);
         clearSelection();
     }, [clearSelection, cursorOffset, input, replaceInputRange, selection]);
     const deleteSelection = useCallback(() => {
@@ -541,6 +876,19 @@ export function FullscreenChat({ messages, onSubmit, onClear, isProcessing, goal
         replaceInputRange(selectedRange.start, selectedRange.end, "");
         return true;
     }, [replaceInputRange, selection]);
+    const copySelectedInput = useCallback((nextSelection) => {
+        const selectedText = getSelectedInputText(input, nextSelection);
+        if (!selectedText) {
+            return;
+        }
+        void copySelectedInputText(input, nextSelection).then((result) => {
+            if (!result.ok) {
+                return;
+            }
+            setCopyToast(formatCopyToast(selectedText.length, result));
+            setTimeout(() => setCopyToast(null), 2000);
+        });
+    }, [input]);
     const matches = justSelected.current ? [] : getMatchingSuggestions(input, goalNames);
     const hasMatches = matches.length > 0;
     const bashMode = isBashModeInput(input);
@@ -555,10 +903,22 @@ export function FullscreenChat({ messages, onSubmit, onClear, isProcessing, goal
         selectedIdx,
         copyToast,
         selection: normalizedSelection,
+        collapsedPaste,
     });
     const messageRows = Math.max(1, availableRows - composer.lines.length - 3);
     const viewport = buildChatViewport(messages, availableCols, messageRows, scrollOffset);
     const maxScrollOffset = Math.max(0, viewport.totalRows - viewport.maxVisibleRows);
+    const bodySelectionRange = normalizeBodySelection(bodySelection);
+    const viewportFillerRows = Math.max(0, viewport.maxVisibleRows - viewport.rows.length);
+    const transcript = buildTranscriptRenderLines({
+        messages,
+        cols: availableCols,
+        rows: availableRows,
+        scrollOffset: transcriptScrollOffset,
+        searchQuery: transcriptSearchQuery,
+        searchMode: transcriptSearchMode,
+        status: copyToast,
+    });
     const composerLayout = {
         startLine: viewport.maxVisibleRows + 3 + composer.inputRowStartIndex + 1,
         contentStartCol: composer.contentStartCol,
@@ -583,6 +943,9 @@ export function FullscreenChat({ messages, onSubmit, onClear, isProcessing, goal
         setScrollOffset((prev) => Math.min(prev, maxScrollOffset));
         setTargetScrollOffset((prev) => Math.min(prev, maxScrollOffset));
     }, [maxScrollOffset]);
+    React.useEffect(() => {
+        setTranscriptScrollOffset((prev) => Math.min(prev, transcript.maxScrollOffset));
+    }, [transcript.maxScrollOffset]);
     React.useEffect(() => {
         if (scrollOffset === targetScrollOffset) {
             return;
@@ -601,18 +964,63 @@ export function FullscreenChat({ messages, onSubmit, onClear, isProcessing, goal
     }, [scrollOffset, targetScrollOffset]);
     const applyScroll = useCallback((direction, kind) => {
         setTargetScrollOffset((prev) => {
+            if (kind === "top")
+                return maxScrollOffset;
+            if (kind === "bottom")
+                return 0;
             const amount = kind === "page" ? viewport.maxVisibleRows : SCROLL_LINE_STEP;
-            const delta = direction === "up" ? amount : -amount;
+            const effectiveAmount = kind === "line" ? amount * getScrollLineStep() : amount;
+            const delta = direction === "up" ? effectiveAmount : -effectiveAmount;
             return Math.max(0, Math.min(maxScrollOffset, prev + delta));
         });
     }, [maxScrollOffset, viewport.maxVisibleRows]);
+    const applyTranscriptScroll = useCallback((direction, kind) => {
+        setTranscriptScrollOffset((prev) => {
+            if (kind === "top")
+                return 0;
+            if (kind === "bottom")
+                return transcript.maxScrollOffset;
+            const pageRows = Math.max(1, availableRows - 2);
+            const amount = kind === "page" ? pageRows : getScrollLineStep();
+            const delta = direction === "up" ? -amount : amount;
+            return Math.max(0, Math.min(transcript.maxScrollOffset, prev + delta));
+        });
+    }, [availableRows, transcript.maxScrollOffset]);
+    const jumpToTranscriptMatch = useCallback((direction) => {
+        if (!transcriptSearchQuery)
+            return;
+        const rows = buildTranscriptRows(messages, availableCols);
+        const query = transcriptSearchQuery.toLowerCase();
+        const matches = rows
+            .map((row, index) => ({ row, index }))
+            .filter(({ row }) => row.toLowerCase().includes(query))
+            .map(({ index }) => index);
+        if (matches.length === 0)
+            return;
+        const current = direction === "next"
+            ? matches.find((index) => index > transcriptScrollOffset)
+            : [...matches].reverse().find((index) => index < transcriptScrollOffset);
+        setTranscriptScrollOffset(current ?? (direction === "next" ? matches[0] : matches[matches.length - 1]));
+    }, [availableCols, messages, transcriptScrollOffset, transcriptSearchQuery]);
+    useInput((inputChar, key) => {
+        if (transcriptMode)
+            return;
+        const scrollRequest = getScrollRequest(inputChar, key);
+        if (!scrollRequest)
+            return;
+        logTuiDebug("fullscreen-chat", "processing-scroll-request", {
+            direction: scrollRequest.direction,
+            kind: scrollRequest.kind,
+        });
+        applyScroll(scrollRequest.direction, scrollRequest.kind);
+    }, { isActive: isProcessing });
     const handleSubmit = useCallback((value) => {
         logTuiDebug("fullscreen-chat", "submit-attempt", {
             value,
             hasMatches,
             isProcessing,
         });
-        if (hasMatches || isProcessing)
+        if (hasMatches)
             return;
         if (!value.trim()) {
             setEmptyHint(true);
@@ -626,6 +1034,7 @@ export function FullscreenChat({ messages, onSubmit, onClear, isProcessing, goal
             onClear?.();
             setInput("");
             setCursorOffset(0);
+            setCollapsedPaste(null);
             clearSelection();
             setHistory((prev) => [...prev, trimmed]);
             setHistoryIdx(-1);
@@ -633,16 +1042,102 @@ export function FullscreenChat({ messages, onSubmit, onClear, isProcessing, goal
             setTargetScrollOffset(0);
             return;
         }
-        onSubmit(trimmed);
+        onSubmit(value);
         setInput("");
         setCursorOffset(0);
+        setCollapsedPaste(null);
         clearSelection();
-        setHistory((prev) => [...prev, trimmed]);
+        setHistory((prev) => [...prev, value]);
         setHistoryIdx(-1);
         setScrollOffset(0);
         setTargetScrollOffset(0);
     }, [clearSelection, hasMatches, isProcessing, onClear, onSubmit]);
     useInput((inputChar, key) => {
+        if (key.ctrl && (inputChar === "o" || inputChar === "O")) {
+            setTranscriptMode((prev) => !prev);
+            setTranscriptSearchMode(false);
+            return;
+        }
+        if (transcriptMode) {
+            if (transcriptSearchMode) {
+                if (key.escape) {
+                    setTranscriptSearchMode(false);
+                    return;
+                }
+                if (key.return) {
+                    setTranscriptSearchMode(false);
+                    jumpToTranscriptMatch("next");
+                    return;
+                }
+                if (isBackspaceInput(inputChar, key)) {
+                    setTranscriptSearchQuery((prev) => prev.slice(0, -1));
+                    return;
+                }
+                if (inputChar && !key.ctrl && !key.meta) {
+                    setTranscriptSearchQuery((prev) => prev + inputChar);
+                }
+                return;
+            }
+            if (key.escape || inputChar === "q") {
+                setTranscriptMode(false);
+                return;
+            }
+            if (inputChar === "/") {
+                setTranscriptSearchMode(true);
+                setTranscriptSearchQuery("");
+                return;
+            }
+            if (inputChar === "n") {
+                jumpToTranscriptMatch("next");
+                return;
+            }
+            if (inputChar === "N") {
+                jumpToTranscriptMatch("previous");
+                return;
+            }
+            if (inputChar === "[") {
+                writeTranscriptToNativeScrollback(messages);
+                setCopyToast("wrote transcript to terminal scrollback");
+                setTimeout(() => setCopyToast(null), 2000);
+                return;
+            }
+            if (inputChar === "v") {
+                const result = openTranscriptInEditor(messages);
+                setCopyToast(result.ok ? "opened transcript in editor" : "set VISUAL or EDITOR to open transcript");
+                setTimeout(() => setCopyToast(null), 2000);
+                return;
+            }
+            if (inputChar === "g" || key.home) {
+                applyTranscriptScroll("up", "top");
+                return;
+            }
+            if (inputChar === "G" || key.end) {
+                applyTranscriptScroll("down", "bottom");
+                return;
+            }
+            if (inputChar === "j" || key.downArrow) {
+                applyTranscriptScroll("down", "line");
+                return;
+            }
+            if (inputChar === "k" || key.upArrow) {
+                applyTranscriptScroll("up", "line");
+                return;
+            }
+            const transcriptScrollRequest = getScrollRequest(inputChar, key);
+            if (transcriptScrollRequest) {
+                applyTranscriptScroll(transcriptScrollRequest.direction, transcriptScrollRequest.kind);
+                return;
+            }
+            if (inputChar === " " || (key.ctrl && inputChar === "f")) {
+                applyTranscriptScroll("down", "page");
+                return;
+            }
+            if (inputChar === "b" || (key.ctrl && inputChar === "b")) {
+                applyTranscriptScroll("up", "page");
+                return;
+            }
+            return;
+        }
         logTuiDebug("fullscreen-chat", "input-event", {
             inputChar,
             key: summarizeKey(key),
@@ -657,12 +1152,16 @@ export function FullscreenChat({ messages, onSubmit, onClear, isProcessing, goal
                 direction: scrollRequest.direction,
                 kind: scrollRequest.kind,
             });
-            applyScroll(scrollRequest.direction, scrollRequest.kind);
+            if (!isProcessing) {
+                applyScroll(scrollRequest.direction, scrollRequest.kind);
+            }
             return;
         }
         const mouseEvent = parseMouseEvent(inputChar);
         if (mouseEvent && mouseEvent.kind !== "wheel" && mouseEvent.button === "left") {
-            const offset = getMouseOffsetFromComposer(composerLayout, mouseEvent.x, mouseEvent.y, mouseEvent.kind !== "press" && selectionAnchor.current !== null);
+            const localMouseX = mouseEvent.x - cursorOriginX;
+            const localMouseY = mouseEvent.y - cursorOriginY;
+            const offset = getMouseOffsetFromComposer(composerLayout, localMouseX, localMouseY, mouseEvent.kind !== "press" && selectionAnchor.current !== null);
             if (mouseEvent.kind === "release" && offset === null) {
                 selectionAnchor.current = null;
                 return;
@@ -681,12 +1180,51 @@ export function FullscreenChat({ messages, onSubmit, onClear, isProcessing, goal
                     const nextSelection = { anchor: selectionAnchor.current, focus: offset };
                     selectionAnchor.current = null;
                     setSelection(nextSelection.anchor === nextSelection.focus ? null : nextSelection);
+                    copySelectedInput(nextSelection);
                 }
                 return;
             }
+            const bodyPosition = getMousePositionFromBody(viewport.rows, localMouseX, localMouseY, viewportFillerRows);
+            if (bodyPosition !== null) {
+                clearSelection();
+                if (mouseEvent.kind === "press") {
+                    bodySelectionAnchor.current = bodyPosition;
+                    setBodySelection({ anchor: bodyPosition, focus: bodyPosition });
+                    return;
+                }
+                if (mouseEvent.kind === "drag" && bodySelectionAnchor.current !== null) {
+                    setBodySelection({ anchor: bodySelectionAnchor.current, focus: bodyPosition });
+                    return;
+                }
+                if (mouseEvent.kind === "release" && bodySelectionAnchor.current !== null) {
+                    const nextSelection = { anchor: bodySelectionAnchor.current, focus: bodyPosition };
+                    bodySelectionAnchor.current = null;
+                    setBodySelection(nextSelection);
+                    const selectedText = getSelectedBodyText(viewport.rows, nextSelection);
+                    if (selectedText) {
+                        void copyToClipboard(selectedText).then((result) => {
+                            if (!result.ok)
+                                return;
+                            setCopyToast(formatCopyToast(selectedText.length, result));
+                            setTimeout(() => setCopyToast(null), 2000);
+                        });
+                    }
+                    else {
+                        const row = viewport.rows[bodyPosition.rowIndex];
+                        const target = row ? extractClickableTargetAt(row.text, bodyPosition.offset) : null;
+                        if (target) {
+                            const opened = openClickableTarget(target);
+                            setCopyToast(opened ? `opened ${target}` : `could not open ${target}`);
+                            setTimeout(() => setCopyToast(null), 2000);
+                        }
+                    }
+                    return;
+                }
+            }
         }
         if (key.return && key.shift) {
             logTuiDebug("fullscreen-chat", "insert-newline", { cursorOffset });
+            clearBodySelection();
             insertText("\n");
             return;
         }
@@ -707,6 +1245,7 @@ export function FullscreenChat({ messages, onSubmit, onClear, isProcessing, goal
                         : selected.name;
                     setInput(value);
                     setCursorOffset(value.length);
+                    setCollapsedPaste(null);
                     clearSelection();
                     setSelectedIdx(0);
                     justSelected.current = true;
@@ -717,7 +1256,9 @@ export function FullscreenChat({ messages, onSubmit, onClear, isProcessing, goal
                 setSelectedIdx(0);
                 setInput("");
                 setCursorOffset(0);
+                setCollapsedPaste(null);
                 clearSelection();
+                clearBodySelection();
                 return;
             }
         }
@@ -770,6 +1311,7 @@ export function FullscreenChat({ messages, onSubmit, onClear, isProcessing, goal
                 const next = input.slice(0, previousOffset) + input.slice(cursorOffset);
                 setInput(next);
                 setCursorOffset(previousOffset);
+                setCollapsedPaste(null);
                 logTuiDebug("fullscreen-chat", "backspace-applied", {
                     previousOffset,
                     next,
@@ -796,6 +1338,7 @@ export function FullscreenChat({ messages, onSubmit, onClear, isProcessing, goal
                 const nextOffset = getNextOffset(input, cursorOffset);
                 const next = input.slice(0, cursorOffset) + input.slice(nextOffset);
                 setInput(next);
+                setCollapsedPaste(null);
                 logTuiDebug("fullscreen-chat", "delete-applied", {
                     nextOffset,
                     next,
@@ -815,12 +1358,14 @@ export function FullscreenChat({ messages, onSubmit, onClear, isProcessing, goal
                     setHistoryIdx(idx);
                     setInput(history[idx]);
                     setCursorOffset(history[idx].length);
+                    setCollapsedPaste(null);
                 }
                 else if (historyIdx > 0) {
                     const idx = historyIdx - 1;
                     setHistoryIdx(idx);
                     setInput(history[idx]);
                     setCursorOffset(history[idx].length);
+                    setCollapsedPaste(null);
                 }
             }
             return;
@@ -832,11 +1377,13 @@ export function FullscreenChat({ messages, onSubmit, onClear, isProcessing, goal
                 setHistoryIdx(idx);
                 setInput(history[idx]);
                 setCursorOffset(history[idx].length);
+                setCollapsedPaste(null);
             }
             else {
                 setHistoryIdx(-1);
                 setInput(draft);
                 setCursorOffset(draft.length);
+                setCollapsedPaste(null);
             }
             return;
         }
@@ -844,9 +1391,12 @@ export function FullscreenChat({ messages, onSubmit, onClear, isProcessing, goal
             const clean = normalizeTerminalInputChunk(inputChar);
             if (clean.length === 0)
                 return;
-            insertText(clean);
+            clearBodySelection();
+            insertText(clean, {
+                collapsePaste: shouldCollapsePastedText(inputChar, clean),
+            });
         }
-    }, { isActive: !isProcessing });
+    }, { isActive: true });
     React.useEffect(() => {
         setSelectedIdx(0);
     }, [matches.map((match) => match.name).join(",")]);
@@ -857,15 +1407,19 @@ export function FullscreenChat({ messages, onSubmit, onClear, isProcessing, goal
         };
     }, []);
     const spinnerGlyph = PROCESSING_SPINNER_FRAMES[spinnerFrameIndex] ?? PROCESSING_SPINNER_FRAMES[0];
-    const visibleLines = buildFullscreenChatRenderLines({
-        availableCols,
-        availableRows,
-        viewport,
-        composerLines: composer.lines,
-        isProcessing,
-        spinnerGlyph,
-        spinnerVerb,
-    });
+    const visibleLines = transcriptMode
+        ? transcript.lines
+        : buildFullscreenChatRenderLines({
+            availableCols,
+            availableRows,
+            viewport,
+            composerLines: composer.lines,
+            isProcessing,
+            spinnerGlyph,
+            spinnerVerb,
+            bodySelection: bodySelectionRange,
+            transcriptStatus: copyToast,
+        });
     return (_jsx(Box, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children: visibleLines.map((line) => (_jsx(Box, { height: 1, overflow: "hidden", children: line.segments ? (line.segments.map((segment, index) => (_jsx(Text, { color: segment.color ?? line.color, backgroundColor: segment.backgroundColor ?? line.backgroundColor, bold: segment.bold ?? line.bold, dimColor: segment.dim ?? line.dim, children: index === 0 && line.protected
                     ? `${PROTECTED_ROW_MARKER}${segment.text}`
                     : segment.text }, `${line.key}-${index}`)))) : (_jsx(Text, { color: line.color, backgroundColor: line.backgroundColor, bold: line.bold, dimColor: line.dim, children: line.protected