pulseed 0.4.15 → 0.4.17

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

@@ -1,846 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useCallback, useState } from "react";
-import { Box, Text, useInput } from "ink";
-import { getClipboardContent } from "./clipboard.js";
-import { logTuiDebug } from "./debug-log.js";
-import { theme } from "./theme.js";
-import { pickSpinnerVerb } from "./spinner-verbs.js";
-import { CARET_MARKER, PROTECTED_ROW_MARKER, setActiveCursorEscape, setActivePromptCursorAnchor, } from "./cursor-tracker.js";
-import { isBashModeInput } from "./bash-mode.js";
-import { buildChatViewport } from "./chat/viewport.js";
-import { getScrollRequest, parseMouseEvent, stripMouseEscapeSequences, } from "./chat/scroll.js";
-import { getMatchingSuggestions } from "./chat/suggestions.js";
-const SCROLL_LINE_STEP = 3;
-const DEFAULT_PROMPT = "◉";
-const BASH_PROMPT = "!";
-const SUGGESTION_HINT = " arrows to navigate, tab/enter to select, esc to dismiss";
-const INPUT_MARGIN = 4;
-const ZERO_WIDTH_CHARS = new Set(["\u200B", "\u2060", "\u2061"]);
-const SELECTION_BACKGROUND = theme.text;
-const SELECTION_FOREGROUND = "#1F2329";
-const FAKE_CURSOR_GLYPH = "█";
-function charWidth(ch) {
-    if (ZERO_WIDTH_CHARS.has(ch))
-        return 0;
-    const cp = ch.codePointAt(0) ?? 0;
-    return cp > 0x2e7f ? 2 : 1;
-}
-function stringWidth(text) {
-    let width = 0;
-    for (const ch of text) {
-        width += charWidth(ch);
-    }
-    return width;
-}
-function trimToWidth(text, width) {
-    if (width <= 0)
-        return "";
-    let out = "";
-    let used = 0;
-    for (const ch of text) {
-        const next = charWidth(ch);
-        if (used + next > width)
-            break;
-        out += ch;
-        used += next;
-    }
-    return out;
-}
-function padToWidth(text, width) {
-    const trimmed = trimToWidth(text, width);
-    const padding = Math.max(0, width - stringWidth(trimmed));
-    return trimmed + " ".repeat(padding);
-}
-function getPreviousOffset(text, offset) {
-    if (offset <= 0)
-        return 0;
-    const previous = offset - 1;
-    const previousCode = text.charCodeAt(previous);
-    if (previous > 0 &&
-        previousCode >= 0xdc00 &&
-        previousCode <= 0xdfff) {
-        const lead = text.charCodeAt(previous - 1);
-        if (lead >= 0xd800 && lead <= 0xdbff) {
-            return previous - 1;
-        }
-    }
-    return previous;
-}
-function getNextOffset(text, offset) {
-    if (offset >= text.length)
-        return text.length;
-    const code = text.charCodeAt(offset);
-    if (offset + 1 < text.length &&
-        code >= 0xd800 &&
-        code <= 0xdbff) {
-        const trail = text.charCodeAt(offset + 1);
-        if (trail >= 0xdc00 && trail <= 0xdfff) {
-            return offset + 2;
-        }
-    }
-    return offset + 1;
-}
-function isBackspaceInput(inputChar, key) {
-    return (key.backspace === true ||
-        inputChar === "\u007f" ||
-        inputChar === "\b" ||
-        (key.ctrl === true && inputChar === "h") ||
-        (key.delete === true && inputChar === ""));
-}
-function isDeleteInput(inputChar, key) {
-    return inputChar === "[3~" || inputChar === "\u001b[3~";
-}
-function summarizeKey(key) {
-    return Object.fromEntries(Object.entries(key).filter(([, value]) => value === true));
-}
-function getPromptLabel(bashMode) {
-    return bashMode ? BASH_PROMPT : DEFAULT_PROMPT;
-}
-function getPlaceholder(bashMode) {
-    return bashMode ? "! for bash mode" : "/ for commands";
-}
-function formatSuggestionLabel(suggestion) {
-    return suggestion.type === "goal"
-        ? `  ${suggestion.name} ${suggestion.description.padEnd(20)}  [goal]`
-        : `  ${suggestion.name.padEnd(20)}${suggestion.description}`;
-}
-function normalizeSelection(selection) {
-    if (!selection || selection.anchor === selection.focus) {
-        return null;
-    }
-    return {
-        start: Math.min(selection.anchor, selection.focus),
-        end: Math.max(selection.anchor, selection.focus),
-    };
-}
-function pushSegment(segments, text, style = {}) {
-    if (text.length === 0)
-        return;
-    const previous = segments[segments.length - 1];
-    if (previous &&
-        previous.color === style.color &&
-        previous.backgroundColor === style.backgroundColor &&
-        previous.bold === style.bold &&
-        previous.dim === style.dim) {
-        previous.text += text;
-        return;
-    }
-    segments.push({ text, ...style });
-}
-function buildInputRows(input, cursorOffset, contentWidth, placeholder, selection) {
-    if (contentWidth <= 0) {
-        return {
-            rows: [{
-                    cells: [{
-                            text: CARET_MARKER,
-                            width: 0,
-                            offsetBefore: cursorOffset,
-                            offsetAfter: cursorOffset,
-                        }],
-                    startOffset: cursorOffset,
-                    endOffset: cursorOffset,
-                }],
-        };
-    }
-    if (input.length === 0) {
-        const cells = [{
-                text: CARET_MARKER,
-                width: 0,
-                offsetBefore: 0,
-                offsetAfter: 0,
-            }];
-        for (const ch of trimToWidth(placeholder, Math.max(0, contentWidth - 1))) {
-            cells.push({
-                text: ch,
-                width: charWidth(ch),
-                offsetBefore: 0,
-                offsetAfter: 0,
-                placeholder: true,
-            });
-        }
-        return {
-            rows: [{
-                    cells,
-                    startOffset: 0,
-                    endOffset: 0,
-                }],
-        };
-    }
-    const rows = [];
-    let currentCells = [];
-    let currentWidth = 0;
-    let rowStartOffset = 0;
-    let rowEndOffset = 0;
-    const pushRow = () => {
-        rows.push({
-            cells: currentCells,
-            startOffset: rowStartOffset,
-            endOffset: rowEndOffset,
-        });
-        currentCells = [];
-        currentWidth = 0;
-    };
-    let offset = 0;
-    while (offset <= input.length) {
-        if (offset === cursorOffset) {
-            if (currentWidth >= contentWidth && currentCells.length > 0) {
-                pushRow();
-                rowStartOffset = offset;
-                rowEndOffset = offset;
-            }
-            currentCells.push({
-                text: CARET_MARKER,
-                width: 0,
-                offsetBefore: offset,
-                offsetAfter: offset,
-            });
-        }
-        if (offset === input.length) {
-            break;
-        }
-        const codePoint = input.codePointAt(offset) ?? 0;
-        const ch = String.fromCodePoint(codePoint);
-        const nextOffset = offset + ch.length;
-        if (ch === "\n") {
-            pushRow();
-            rowStartOffset = nextOffset;
-            rowEndOffset = nextOffset;
-            offset = nextOffset;
-            continue;
-        }
-        const width = charWidth(ch);
-        if (currentWidth + width > contentWidth && currentCells.length > 0) {
-            pushRow();
-            rowStartOffset = offset;
-            rowEndOffset = offset;
-        }
-        currentCells.push({
-            text: ch,
-            width,
-            offsetBefore: offset,
-            offsetAfter: nextOffset,
-            selected: selection !== null &&
-                offset < selection.end &&
-                nextOffset > selection.start,
-        });
-        currentWidth += width;
-        rowEndOffset = nextOffset;
-        offset = nextOffset;
-    }
-    rows.push({
-        cells: currentCells,
-        startOffset: rowStartOffset,
-        endOffset: rowEndOffset,
-    });
-    return { rows };
-}
-function buildInputContentSegments(row, contentWidth, bashMode) {
-    const segments = [];
-    const defaultColor = bashMode ? theme.command : undefined;
-    let usedWidth = 0;
-    for (const cell of row.cells) {
-        if (cell.text === CARET_MARKER) {
-            pushSegment(segments, FAKE_CURSOR_GLYPH, {
-                color: theme.text,
-                bold: true,
-            });
-            usedWidth += 1;
-            continue;
-        }
-        usedWidth += cell.width;
-        if (cell.selected) {
-            pushSegment(segments, cell.text, {
-                color: SELECTION_FOREGROUND,
-                backgroundColor: SELECTION_BACKGROUND,
-            });
-            continue;
-        }
-        pushSegment(segments, cell.text, {
-            color: defaultColor,
-            dim: cell.placeholder,
-        });
-    }
-    if (usedWidth < contentWidth) {
-        pushSegment(segments, " ".repeat(contentWidth - usedWidth), {
-            color: defaultColor,
-        });
-    }
-    return segments;
-}
-function buildCursorEscapeFromComposerLayout(layout) {
-    for (let rowIndex = 0; rowIndex < layout.rows.length; rowIndex += 1) {
-        const row = layout.rows[rowIndex];
-        if (!row)
-            continue;
-        let colOffset = 0;
-        for (const cell of row.cells) {
-            if (cell.text === CARET_MARKER) {
-                return `\x1b[${layout.startLine + rowIndex};${layout.contentStartCol + colOffset}H\x1b[?25l`;
-            }
-            colOffset += cell.width;
-        }
-    }
-    return null;
-}
-function getCursorAnchorFromComposerLayout(layout) {
-    for (let rowIndex = 0; rowIndex < layout.rows.length; rowIndex += 1) {
-        const row = layout.rows[rowIndex];
-        if (!row)
-            continue;
-        let colOffset = 0;
-        for (const cell of row.cells) {
-            if (cell.text === CARET_MARKER) {
-                return {
-                    caretRowOffset: rowIndex,
-                    caretColumnOffset: colOffset,
-                };
-            }
-            colOffset += cell.width;
-        }
-    }
-    return null;
-}
-function buildComposerLines(args) {
-    const { cols, input, cursorOffset, bashMode, emptyHint, matches, selectedIdx, copyToast, selection, } = args;
-    const lines = [];
-    lines.push({
-        key: "copy-toast",
-        text: padToWidth(copyToast ?? "", cols),
-        color: copyToast ? "cyan" : undefined,
-    });
-    const innerWidth = Math.max(1, cols - 2);
-    const promptLabel = getPromptLabel(bashMode);
-    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 inputRows = inputRender.rows;
-    lines.push({
-        key: "composer-top",
-        text: padToWidth(`┌${"─".repeat(Math.max(0, cols - 2))}┐`, cols),
-        color: bashMode ? theme.command : theme.border,
-    });
-    inputRows.forEach((row, index) => {
-        const segments = [];
-        const borderColor = bashMode ? theme.command : undefined;
-        const promptColor = bashMode ? theme.command : theme.userPrompt;
-        pushSegment(segments, "│ ", { color: borderColor });
-        if (index === 0) {
-            pushSegment(segments, promptLabel, { color: promptColor, bold: true });
-            pushSegment(segments, " ", { color: promptColor, bold: true });
-        }
-        else {
-            pushSegment(segments, " ".repeat(promptWidth), { color: borderColor });
-        }
-        segments.push(...buildInputContentSegments(row, contentWidth, bashMode));
-        pushSegment(segments, " │", { color: borderColor });
-        lines.push({
-            key: `composer-row-${index}`,
-            segments,
-            protected: true,
-        });
-    });
-    lines.push({
-        key: "composer-bottom",
-        text: padToWidth(`└${"─".repeat(Math.max(0, cols - 2))}┘`, cols),
-        color: bashMode ? theme.command : theme.border,
-    });
-    if (bashMode) {
-        lines.push({
-            key: "bash-hint",
-            text: padToWidth("! for bash mode", cols),
-            color: theme.command,
-        });
-    }
-    if (emptyHint) {
-        lines.push({
-            key: "empty-hint",
-            text: padToWidth(" Type a message or /help for commands", cols),
-            dim: true,
-        });
-    }
-    if (matches.length > 0) {
-        matches.forEach((suggestion, index) => {
-            lines.push({
-                key: `suggestion-${index}`,
-                text: padToWidth(formatSuggestionLabel(suggestion), cols),
-                color: index === selectedIdx ? theme.selected : undefined,
-                bold: index === selectedIdx,
-                dim: index !== selectedIdx,
-            });
-        });
-        lines.push({
-            key: "suggestion-hint",
-            text: padToWidth(SUGGESTION_HINT, cols),
-            dim: true,
-        });
-    }
-    return {
-        lines,
-        inputRows,
-        inputRowStartIndex: 2,
-        contentStartCol: 3 + promptWidth,
-    };
-}
-function renderMessageRow(row, cols) {
-    if (row.kind === "spacer") {
-        return { key: row.key, text: " ".repeat(cols) };
-    }
-    return {
-        key: row.key,
-        text: padToWidth(row.text, cols),
-        color: row.color,
-        backgroundColor: row.backgroundColor,
-        bold: row.bold,
-        dim: row.dim,
-    };
-}
-function getMouseOffsetFromComposer(layout, x, y, clampOutside) {
-    if (layout.rows.length === 0) {
-        return null;
-    }
-    let rowIndex = y - layout.startLine;
-    if (rowIndex < 0) {
-        if (!clampOutside)
-            return null;
-        rowIndex = 0;
-    }
-    if (rowIndex >= layout.rows.length) {
-        if (!clampOutside)
-            return null;
-        rowIndex = layout.rows.length - 1;
-    }
-    const row = layout.rows[rowIndex];
-    if (!row) {
-        return null;
-    }
-    if (row.startOffset === row.endOffset) {
-        return row.startOffset;
-    }
-    const localCol = x - layout.contentStartCol;
-    if (localCol <= 0) {
-        return row.startOffset;
-    }
-    let usedWidth = 0;
-    for (const cell of row.cells) {
-        if (cell.placeholder || cell.width <= 0) {
-            continue;
-        }
-        const midpoint = usedWidth + cell.width / 2;
-        if (localCol <= midpoint) {
-            return cell.offsetBefore;
-        }
-        usedWidth += cell.width;
-        if (localCol <= usedWidth) {
-            return cell.offsetAfter;
-        }
-    }
-    return row.endOffset;
-}
-export function FullscreenChat({ messages, onSubmit, onClear, isProcessing, goalNames = [], availableRows, availableCols, }) {
-    const [input, setInput] = useState("");
-    const [cursorOffset, setCursorOffset] = useState(0);
-    const [selection, setSelection] = useState(null);
-    const selectionAnchor = React.useRef(null);
-    const [selectedIdx, setSelectedIdx] = useState(0);
-    const justSelected = React.useRef(false);
-    const [history, setHistory] = React.useState([]);
-    const [historyIdx, setHistoryIdx] = React.useState(-1);
-    const [draft, setDraft] = React.useState("");
-    const [emptyHint, setEmptyHint] = React.useState(false);
-    const [copyToast, setCopyToast] = useState(null);
-    const emptyHintTimer = React.useRef(null);
-    const [scrollOffset, setScrollOffset] = React.useState(0);
-    const [spinnerVerb, setSpinnerVerb] = React.useState(() => pickSpinnerVerb());
-    React.useEffect(() => {
-        let lastClipboard = "";
-        let mounted = true;
-        getClipboardContent().then((content) => {
-            if (mounted)
-                lastClipboard = content;
-        });
-        const interval = setInterval(async () => {
-            if (!mounted)
-                return;
-            const current = await getClipboardContent();
-            if (current !== lastClipboard && current.length > 0) {
-                lastClipboard = current;
-                setCopyToast(`copied ${current.length} chars to clipboard`);
-                setTimeout(() => {
-                    if (mounted)
-                        setCopyToast(null);
-                }, 2000);
-            }
-        }, 500);
-        return () => {
-            mounted = false;
-            clearInterval(interval);
-        };
-    }, []);
-    React.useEffect(() => {
-        if (!isProcessing)
-            return;
-        const interval = setInterval(() => {
-            setSpinnerVerb(pickSpinnerVerb());
-        }, 5000);
-        return () => clearInterval(interval);
-    }, [isProcessing]);
-    const clearSelection = useCallback(() => {
-        selectionAnchor.current = null;
-        setSelection(null);
-    }, []);
-    const replaceInputRange = useCallback((start, end, replacement) => {
-        const next = input.slice(0, start) + replacement + input.slice(end);
-        setInput(next);
-        setCursorOffset(start + replacement.length);
-        clearSelection();
-    }, [clearSelection, input]);
-    const insertText = useCallback((text) => {
-        justSelected.current = false;
-        const selectedRange = normalizeSelection(selection);
-        if (selectedRange) {
-            replaceInputRange(selectedRange.start, selectedRange.end, text);
-            return;
-        }
-        const next = input.slice(0, cursorOffset) + text + input.slice(cursorOffset);
-        setInput(next);
-        setCursorOffset(cursorOffset + text.length);
-        clearSelection();
-    }, [clearSelection, cursorOffset, input, replaceInputRange, selection]);
-    const deleteSelection = useCallback(() => {
-        const selectedRange = normalizeSelection(selection);
-        if (!selectedRange) {
-            return false;
-        }
-        replaceInputRange(selectedRange.start, selectedRange.end, "");
-        return true;
-    }, [replaceInputRange, selection]);
-    const matches = justSelected.current ? [] : getMatchingSuggestions(input, goalNames);
-    const hasMatches = matches.length > 0;
-    const bashMode = isBashModeInput(input);
-    const normalizedSelection = normalizeSelection(selection);
-    const composer = buildComposerLines({
-        cols: availableCols,
-        input,
-        cursorOffset,
-        bashMode,
-        emptyHint,
-        matches,
-        selectedIdx,
-        copyToast,
-        selection: normalizedSelection,
-    });
-    const messageRows = Math.max(1, availableRows - composer.lines.length - 3);
-    const viewport = buildChatViewport(messages, availableCols, messageRows, scrollOffset);
-    const composerLayout = {
-        startLine: viewport.maxVisibleRows + 3 + composer.inputRowStartIndex + 1,
-        contentStartCol: composer.contentStartCol,
-        rows: composer.inputRows,
-    };
-    setActiveCursorEscape(buildCursorEscapeFromComposerLayout(composerLayout));
-    const promptCursorAnchor = getCursorAnchorFromComposerLayout(composerLayout);
-    setActivePromptCursorAnchor(promptCursorAnchor
-        ? {
-            promptLabel: getPromptLabel(bashMode),
-            ...promptCursorAnchor,
-        }
-        : null);
-    React.useEffect(() => {
-        return () => {
-            setActiveCursorEscape(null);
-            setActivePromptCursorAnchor(null);
-        };
-    }, []);
-    const applyScroll = useCallback((direction, kind) => {
-        setScrollOffset((prev) => {
-            const maxOffset = Math.max(0, viewport.totalRows - 1);
-            const amount = kind === "page" ? viewport.maxVisibleRows : SCROLL_LINE_STEP;
-            const delta = direction === "up" ? amount : -amount;
-            return Math.max(0, Math.min(maxOffset, prev + delta));
-        });
-    }, [viewport.maxVisibleRows, viewport.totalRows]);
-    const handleSubmit = useCallback((value) => {
-        logTuiDebug("fullscreen-chat", "submit-attempt", {
-            value,
-            hasMatches,
-            isProcessing,
-        });
-        if (hasMatches || isProcessing)
-            return;
-        if (!value.trim()) {
-            setEmptyHint(true);
-            if (emptyHintTimer.current)
-                clearTimeout(emptyHintTimer.current);
-            emptyHintTimer.current = setTimeout(() => setEmptyHint(false), 1500);
-            return;
-        }
-        const trimmed = value.trim();
-        if (trimmed === "/clear") {
-            onClear?.();
-            setInput("");
-            setCursorOffset(0);
-            clearSelection();
-            setHistory((prev) => [...prev, trimmed]);
-            setHistoryIdx(-1);
-            setScrollOffset(0);
-            return;
-        }
-        onSubmit(trimmed);
-        setInput("");
-        setCursorOffset(0);
-        clearSelection();
-        setHistory((prev) => [...prev, trimmed]);
-        setHistoryIdx(-1);
-        setScrollOffset(0);
-    }, [clearSelection, hasMatches, isProcessing, onClear, onSubmit]);
-    useInput((inputChar, key) => {
-        logTuiDebug("fullscreen-chat", "input-event", {
-            inputChar,
-            key: summarizeKey(key),
-            input,
-            cursorOffset,
-            selection: normalizedSelection,
-            historyIdx,
-        });
-        const scrollRequest = getScrollRequest(inputChar, key);
-        if (scrollRequest) {
-            logTuiDebug("fullscreen-chat", "scroll-request", {
-                direction: scrollRequest.direction,
-                kind: scrollRequest.kind,
-            });
-            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);
-            if (mouseEvent.kind === "release" && offset === null) {
-                selectionAnchor.current = null;
-                return;
-            }
-            if (offset !== null) {
-                justSelected.current = false;
-                setCursorOffset(offset);
-                if (mouseEvent.kind === "press") {
-                    selectionAnchor.current = offset;
-                    setSelection({ anchor: offset, focus: offset });
-                }
-                else if (mouseEvent.kind === "drag" && selectionAnchor.current !== null) {
-                    setSelection({ anchor: selectionAnchor.current, focus: offset });
-                }
-                else if (mouseEvent.kind === "release" && selectionAnchor.current !== null) {
-                    const nextSelection = { anchor: selectionAnchor.current, focus: offset };
-                    selectionAnchor.current = null;
-                    setSelection(nextSelection.anchor === nextSelection.focus ? null : nextSelection);
-                }
-                return;
-            }
-        }
-        if (key.return && key.shift) {
-            logTuiDebug("fullscreen-chat", "insert-newline", { cursorOffset });
-            insertText("\n");
-            return;
-        }
-        if (hasMatches) {
-            if (key.upArrow) {
-                setSelectedIdx((prev) => (prev <= 0 ? matches.length - 1 : prev - 1));
-                return;
-            }
-            if (key.downArrow) {
-                setSelectedIdx((prev) => (prev >= matches.length - 1 ? 0 : prev + 1));
-                return;
-            }
-            if (key.tab || key.return) {
-                const selected = matches[selectedIdx];
-                if (selected) {
-                    const value = selected.type === "goal"
-                        ? `${selected.name} ${selected.description}`
-                        : selected.name;
-                    setInput(value);
-                    setCursorOffset(value.length);
-                    clearSelection();
-                    setSelectedIdx(0);
-                    justSelected.current = true;
-                }
-                return;
-            }
-            if (key.escape) {
-                setSelectedIdx(0);
-                setInput("");
-                setCursorOffset(0);
-                clearSelection();
-                return;
-            }
-        }
-        if (key.return) {
-            handleSubmit(input);
-            return;
-        }
-        if (key.leftArrow) {
-            if (normalizedSelection) {
-                setCursorOffset(normalizedSelection.start);
-                clearSelection();
-                return;
-            }
-            setCursorOffset((prev) => Math.max(0, prev - 1));
-            return;
-        }
-        if (key.rightArrow) {
-            if (normalizedSelection) {
-                setCursorOffset(normalizedSelection.end);
-                clearSelection();
-                return;
-            }
-            setCursorOffset((prev) => Math.min(input.length, prev + 1));
-            return;
-        }
-        if ((key.ctrl && inputChar === "a") || key.home) {
-            setCursorOffset(0);
-            clearSelection();
-            return;
-        }
-        if ((key.ctrl && inputChar === "e") || key.end) {
-            setCursorOffset(input.length);
-            clearSelection();
-            return;
-        }
-        if (isBackspaceInput(inputChar, key)) {
-            logTuiDebug("fullscreen-chat", "backspace-detected", {
-                inputChar,
-                key: summarizeKey(key),
-                cursorOffset,
-                input,
-                selection: normalizedSelection,
-            });
-            if (deleteSelection()) {
-                logTuiDebug("fullscreen-chat", "backspace-delete-selection", {});
-                return;
-            }
-            if (cursorOffset > 0) {
-                const previousOffset = getPreviousOffset(input, cursorOffset);
-                const next = input.slice(0, previousOffset) + input.slice(cursorOffset);
-                setInput(next);
-                setCursorOffset(previousOffset);
-                logTuiDebug("fullscreen-chat", "backspace-applied", {
-                    previousOffset,
-                    next,
-                });
-            }
-            else {
-                logTuiDebug("fullscreen-chat", "backspace-at-start", {});
-            }
-            return;
-        }
-        if (isDeleteInput(inputChar, key)) {
-            logTuiDebug("fullscreen-chat", "delete-detected", {
-                inputChar,
-                key: summarizeKey(key),
-                cursorOffset,
-                input,
-                selection: normalizedSelection,
-            });
-            if (deleteSelection()) {
-                logTuiDebug("fullscreen-chat", "delete-selection", {});
-                return;
-            }
-            if (cursorOffset < input.length) {
-                const nextOffset = getNextOffset(input, cursorOffset);
-                const next = input.slice(0, cursorOffset) + input.slice(nextOffset);
-                setInput(next);
-                logTuiDebug("fullscreen-chat", "delete-applied", {
-                    nextOffset,
-                    next,
-                });
-            }
-            else {
-                logTuiDebug("fullscreen-chat", "delete-at-end", {});
-            }
-            return;
-        }
-        if (key.upArrow) {
-            if (history.length > 0) {
-                clearSelection();
-                if (historyIdx === -1) {
-                    setDraft(input);
-                    const idx = history.length - 1;
-                    setHistoryIdx(idx);
-                    setInput(history[idx]);
-                    setCursorOffset(history[idx].length);
-                }
-                else if (historyIdx > 0) {
-                    const idx = historyIdx - 1;
-                    setHistoryIdx(idx);
-                    setInput(history[idx]);
-                    setCursorOffset(history[idx].length);
-                }
-            }
-            return;
-        }
-        if (key.downArrow && historyIdx !== -1) {
-            clearSelection();
-            if (historyIdx < history.length - 1) {
-                const idx = historyIdx + 1;
-                setHistoryIdx(idx);
-                setInput(history[idx]);
-                setCursorOffset(history[idx].length);
-            }
-            else {
-                setHistoryIdx(-1);
-                setInput(draft);
-                setCursorOffset(draft.length);
-            }
-            return;
-        }
-        if (inputChar && !key.ctrl && !key.meta) {
-            const clean = stripMouseEscapeSequences(inputChar);
-            if (clean.length === 0)
-                return;
-            insertText(clean);
-        }
-    }, { isActive: !isProcessing });
-    React.useEffect(() => {
-        setSelectedIdx(0);
-    }, [matches.map((match) => match.name).join(",")]);
-    React.useEffect(() => {
-        return () => {
-            if (emptyHintTimer.current)
-                clearTimeout(emptyHintTimer.current);
-        };
-    }, []);
-    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 fillerCount = Math.max(0, viewport.maxVisibleRows - renderedRows.length);
-    for (let index = 0; index < fillerCount; index += 1) {
-        lines.push({ key: `filler-${index}`, text: " ".repeat(availableCols) });
-    }
-    lines.push(...renderedRows);
-    lines.push({
-        key: "processing",
-        text: padToWidth(isProcessing ? `⠋ ${spinnerVerb}...` : "", availableCols),
-        dim: !isProcessing,
-    });
-    lines.push({
-        key: "indicator-bottom",
-        text: padToWidth(viewport.hiddenBelowRows > 0 ? `↓ ${viewport.hiddenBelowRows} newer lines` : "", availableCols),
-        dim: true,
-    });
-    lines.push(...composer.lines);
-    while (lines.length < availableRows) {
-        lines.push({
-            key: `tail-filler-${lines.length}`,
-            text: " ".repeat(availableCols),
-        });
-    }
-    const visibleLines = lines.slice(0, availableRows);
-    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
-                    ? `${PROTECTED_ROW_MARKER}${line.text ?? ""}`
-                    : (line.text ?? "") })) }, line.key))) }));
-}
-//# sourceMappingURL=fullscreen-chat.js.map