@valyrianjs/terminal 0.2.0 → 0.2.2

package/dist/session.js

@@ -1,10 +1,10 @@
-import { ANSI_ENTER_ALTERNATE_SCREEN, ANSI_EXIT_ALTERNATE_SCREEN, ANSI_HIDE_CURSOR, ANSI_SHOW_CURSOR, createAnsiDiffWriter, formatPlainFrame, toAnsiFrame } from "./ansi.js";
+import { ANSI_DISABLE_MOUSE_REPORTING, ANSI_ENABLE_MOUSE_REPORTING, ANSI_ENTER_ALTERNATE_SCREEN, ANSI_EXIT_ALTERNATE_SCREEN, ANSI_HIDE_CURSOR, ANSI_SHOW_CURSOR, createAnsiDiffWriter, formatPlainFrame, toAnsiFrame } from "./ansi.js";
 import { createSystemClipboardAdapter } from "./clipboard.js";
 import { createEditorState, insertEditorText, moveEditorCursor, removeEditorBackward, removeEditorForward } from "./editor-state.js";
 import { copySelection, hasSelection, insertText, moveCursorEnd, moveCursorHome, moveCursorLeft, moveCursorRight, moveCursorWordLeft, moveCursorWordRight, normalizeInputState, parseTerminalKey, removeBackward, removeForward, selectAll } from "./events.js";
 import { createResolvedTerminalKeymap, resolveTerminalKeyBinding } from "./keymap.js";
 import { mergeVertical } from "./layout.js";
-import { cursorFromHitbox, parseTerminalInput, resolvePointerTarget } from "./mouse.js";
+import { cursorFromHitbox, parseTerminalInput, parseTerminalMousePrefix, resolvePointerTarget } from "./mouse.js";
 import { createOutputWriter } from "./output-writer.js";
 import { parseBracketedPaste } from "./paste.js";
 import { renderTerminalFrame } from "./render.js";
@@ -20,11 +20,17 @@ const KNOWN_TERMINAL_KEY_SEQUENCES = [
     "\u001b[13;129u",
     "\u001b[27;2;13~",
     "\u001b[13;2~",
+    "\u001b[1;2A",
+    "\u001b[1;2B",
     "\u001b[1;2C",
     "\u001b[1;2D",
     "\u001b[1;3C",
     "\u001b[1;3D",
     "\u001b[3~",
+    "\u001b[5~",
+    "\u001b[6~",
+    "\u001b[1~",
+    "\u001b[4~",
     "\u001b[Z",
     "\u001b[A",
     "\u001b[B",
@@ -84,6 +90,7 @@ function resolveRuntimeOptions(options) {
         stdout,
         alternateScreen: options.alternateScreen ?? ownsInteractiveTTY,
         hideCursor: options.hideCursor ?? ownsInteractiveTTY,
+        mouseReporting: ownsInteractiveTTY,
         writesAnsi: runtime === "app" && Boolean(stdout)
     };
 }
@@ -95,7 +102,7 @@ function resolveTerminalSize(options, stdout) {
         rows: validateTerminalDimension("rows", rows)
     };
 }
-function applyInteractiveState(nodes, focusedId, inputStateById, editorStateById, listIndexById, scrollOffsetById, listHoverById, scrollHoverRowById) {
+function applyInteractiveState(nodes, focusedId, inputStateById, editorStateById, listIndexById, listSelectedIndexById, listViewportOffsetById, scrollOffsetById, listHoverById, scrollHoverRowById) {
     for (let i = 0; i < nodes.length; i += 1) {
         const node = nodes[i];
         if (node.type !== "element") {
@@ -117,7 +124,23 @@ function applyInteractiveState(nodes, focusedId, inputStateById, editorStateById
             node.props.__editorState = current;
         }
         if (node.tag === "terminal-list" && id) {
-            node.props.__selectedIndex = listIndexById.get(id) || 0;
+            const items = Array.isArray(node.props.items) ? node.props.items : [];
+            const activeIndex = listIndexById.get(id) || 0;
+            const clampedActiveIndex = Math.max(0, Math.min(Math.max(0, items.length - 1), activeIndex));
+            if (!listIndexById.has(id)) {
+                listIndexById.set(id, clampedActiveIndex);
+            }
+            const selectedIndex = node.props.showActive === false
+                ? null
+                : listSelectedIndexById.has(id)
+                    ? listSelectedIndexById.get(id)
+                    : clampedActiveIndex;
+            if (!listSelectedIndexById.has(id)) {
+                listSelectedIndexById.set(id, selectedIndex === null ? null : Math.max(0, Math.min(Math.max(0, items.length - 1), selectedIndex)));
+            }
+            node.props.__activeIndex = clampedActiveIndex;
+            node.props.__selectedIndex = selectedIndex === null ? null : Math.max(0, Math.min(Math.max(0, items.length - 1), selectedIndex));
+            node.props.__scrollOffset = listViewportOffsetById.get(id) || 0;
             if (listHoverById.has(id)) {
                 node.props.__hoveredIndex = listHoverById.get(id);
             }
@@ -128,7 +151,7 @@ function applyInteractiveState(nodes, focusedId, inputStateById, editorStateById
                 node.props.__hoveredRow = scrollHoverRowById.get(id);
             }
         }
-        applyInteractiveState(node.children, focusedId, inputStateById, editorStateById, listIndexById, scrollOffsetById, listHoverById, scrollHoverRowById);
+        applyInteractiveState(node.children, focusedId, inputStateById, editorStateById, listIndexById, listSelectedIndexById, listViewportOffsetById, scrollOffsetById, listHoverById, scrollHoverRowById);
     }
 }
 export function mountTerminal(input, options = {}) {
@@ -148,6 +171,8 @@ export function mountTerminal(input, options = {}) {
     const inputStateById = new Map();
     const editorStateById = new Map();
     const listIndexById = new Map();
+    const listSelectedIndexById = new Map();
+    const listViewportOffsetById = new Map();
     const scrollOffsetById = new Map();
     const listHoverById = new Map();
     const scrollHoverRowById = new Map();
@@ -161,7 +186,7 @@ export function mountTerminal(input, options = {}) {
         renderNow();
     });
     let currentTree = terminalRuntime.project();
-    applyInteractiveState(currentTree, focusedId, inputStateById, editorStateById, listIndexById, scrollOffsetById, listHoverById, scrollHoverRowById);
+    applyInteractiveState(currentTree, focusedId, inputStateById, editorStateById, listIndexById, listSelectedIndexById, listViewportOffsetById, scrollOffsetById, listHoverById, scrollHoverRowById);
     let currentFrame = renderTreeFrame(currentTree);
     let currentOutput = formatPlainFrame(currentFrame, { theme: options.theme }).trimEnd();
     let currentHitboxes = currentFrame.hitboxes;
@@ -186,6 +211,9 @@ export function mountTerminal(input, options = {}) {
         if (runtimeOptions.hideCursor) {
             writes.push(ANSI_HIDE_CURSOR);
         }
+        if (runtimeOptions.mouseReporting) {
+            writes.push(ANSI_ENABLE_MOUSE_REPORTING);
+        }
         if (writes.length > 0) {
             outputWriter.write(writes.join(""), { force: true });
         }
@@ -195,6 +223,9 @@ export function mountTerminal(input, options = {}) {
             return;
         }
         const writes = [];
+        if (runtimeOptions.mouseReporting) {
+            writes.push(ANSI_DISABLE_MOUSE_REPORTING);
+        }
         if (runtimeOptions.hideCursor) {
             writes.push(ANSI_SHOW_CURSOR);
         }
@@ -223,7 +254,7 @@ export function mountTerminal(input, options = {}) {
             focusedId = activeFocusables[0]?.props.id || null;
         }
         skipFocusContainmentOnce = false;
-        applyInteractiveState(currentTree, focusedId, inputStateById, editorStateById, listIndexById, scrollOffsetById, listHoverById, scrollHoverRowById);
+        applyInteractiveState(currentTree, focusedId, inputStateById, editorStateById, listIndexById, listSelectedIndexById, listViewportOffsetById, scrollOffsetById, listHoverById, scrollHoverRowById);
         currentFrame = renderTreeFrame(currentTree);
         currentOutput = formatPlainFrame(currentFrame, { theme: options.theme }).trimEnd();
         currentHitboxes = currentFrame.hitboxes;
@@ -362,10 +393,18 @@ export function mountTerminal(input, options = {}) {
         return 1;
     }
     function sourceRowFromHitbox(node, hitbox, y) {
-        const visibleRow = Math.max(1, y - hitbox.y1 + 1);
+        if (node.tag === "terminal-list" && typeof hitbox.__listItemIndex === "number" && y >= hitbox.y1 && y <= hitbox.y2) {
+            return Math.max(1, Math.min(rowCountForNode(node), hitbox.__listItemIndex + 1));
+        }
+        const sourceY = hitbox.contentY ?? hitbox.y1;
+        const visibleRow = Math.max(1, y - sourceY + 1);
         if (node.tag !== "terminal-list") {
             return Math.max(1, Math.min(rowCountForNode(node), visibleRow));
         }
+        const mappedIndex = hitbox.itemIndexes?.[visibleRow - 1];
+        if (typeof mappedIndex === "number") {
+            return Math.max(1, Math.min(rowCountForNode(node), mappedIndex + 1));
+        }
         return Math.max(1, Math.min(rowCountForNode(node), visibleRow + (hitbox.itemOffset || 0)));
     }
     function shouldPointerCapture(node) {
@@ -406,6 +445,100 @@ export function mountTerminal(input, options = {}) {
             emitCaptureEvent(next, "capturestart", source, row ?? hoveredRowForNode(next), x, y);
         }
     }
+    function listItemKey(node, index) {
+        const items = Array.isArray(node.props.items) ? node.props.items : [];
+        const item = items[index];
+        if (typeof node.props.itemKey === "function" && typeof item !== "undefined") {
+            const key = node.props.itemKey(item, index);
+            if (typeof key === "string" || typeof key === "number") {
+                return String(key);
+            }
+        }
+        return undefined;
+    }
+    function listViewportRows(node) {
+        const context = renderContext();
+        const items = Array.isArray(node.props.items) ? node.props.items : [];
+        const hitbox = node.props.id ? currentHitboxes.find((box) => box.id === node.props.id) : null;
+        const overscan = typeof node.props.overscan === "number" ? Math.max(0, Math.floor(node.props.overscan)) : 0;
+        const renderedRows = hitbox ? Math.max(1, hitbox.y2 - hitbox.y1 + 1 - overscan * 2) : null;
+        const sourceRows = Number(node.props.height || renderedRows || context.rows || items.length || 1);
+        if (!Number.isFinite(sourceRows) || !Number.isInteger(sourceRows) || sourceRows <= 0) {
+            return Math.max(1, items.length || 1);
+        }
+        return Math.max(1, Math.min(items.length || 1, sourceRows));
+    }
+    function clampListIndex(node, index) {
+        const items = Array.isArray(node.props.items) ? node.props.items : [];
+        if (items.length === 0) {
+            return 0;
+        }
+        return Math.max(0, Math.min(items.length - 1, index));
+    }
+    function currentListActiveIndex(node) {
+        return clampListIndex(node, listIndexById.get(node.props.id || "") || 0);
+    }
+    function currentListSelectedIndex(node) {
+        const id = node.props.id || "";
+        if (node.props.showActive === false) {
+            return null;
+        }
+        if (listSelectedIndexById.has(id)) {
+            const selectedIndex = listSelectedIndexById.get(id);
+            return typeof selectedIndex === "number" ? clampListIndex(node, selectedIndex) : null;
+        }
+        return currentListActiveIndex(node);
+    }
+    function currentListViewportOffset(node) {
+        const id = node.props.id || "";
+        return Math.max(0, Math.min(listMaxViewportOffset(node), listViewportOffsetById.get(id) || 0));
+    }
+    function listStatePayload(node) {
+        return {
+            activeIndex: currentListActiveIndex(node),
+            selectedIndex: currentListSelectedIndex(node),
+            viewportOffset: currentListViewportOffset(node),
+            viewportRows: listViewportRows(node)
+        };
+    }
+    function listMaxViewportOffset(node) {
+        const items = Array.isArray(node.props.items) ? node.props.items : [];
+        return Math.max(0, items.length - listViewportRows(node));
+    }
+    function setListViewportOffset(node, offset, emit = true) {
+        const id = node.props.id;
+        if (!id) {
+            return;
+        }
+        const nextOffset = Math.max(0, Math.min(listMaxViewportOffset(node), offset));
+        const previous = listViewportOffsetById.get(id) || 0;
+        listViewportOffsetById.set(id, nextOffset);
+        if (emit && nextOffset !== previous) {
+            const payload = {
+                type: "viewportchange",
+                id,
+                offset: nextOffset,
+                rows: listViewportRows(node),
+                ...listStatePayload(node)
+            };
+            dispatchNodeEvent(node, "viewportchange", payload);
+        }
+    }
+    function ensureListActiveVisible(node, activeIndex) {
+        const id = node.props.id;
+        if (!id || !node.props.virtualized) {
+            return;
+        }
+        const currentOffset = listViewportOffsetById.get(id) || 0;
+        const rows = listViewportRows(node);
+        if (activeIndex < currentOffset) {
+            setListViewportOffset(node, activeIndex);
+            return;
+        }
+        if (activeIndex >= currentOffset + rows) {
+            setListViewportOffset(node, activeIndex - rows + 1);
+        }
+    }
     function dispatchListPressEvent(node, type, index) {
         const id = node.props.id;
         if (!id) {
@@ -415,7 +548,10 @@ export function mountTerminal(input, options = {}) {
         if (typeof items[index] === "undefined") {
             return false;
         }
-        const payload = { type, id, index, value: items[index] };
+        const key = listItemKey(node, index);
+        const payload = typeof key === "undefined"
+            ? { type, id, index, value: items[index], ...listStatePayload(node) }
+            : { type, id, index, key, value: items[index], ...listStatePayload(node) };
         return dispatchNodeEvent(node, type, payload);
     }
     function dispatchButtonPressEvent(node, type) {
@@ -425,6 +561,13 @@ export function mountTerminal(input, options = {}) {
         }
         return dispatchNodeEvent(node, type, { type, id });
     }
+    function dispatchHitboxButtonPressEvent(hitbox, type) {
+        if (type !== "press" || typeof hitbox.__pressHandler !== "function") {
+            return false;
+        }
+        hitbox.__pressHandler({ type, id: hitbox.id });
+        return true;
+    }
     function dispatchListPointerPressEvent(node, type, row) {
         const items = Array.isArray(node.props.items) ? node.props.items : [];
         const index = Math.max(0, Math.min(items.length - 1, row - 1));
@@ -461,7 +604,10 @@ export function mountTerminal(input, options = {}) {
             if (typeof items[index] === "undefined") {
                 return;
             }
-            const payload = { type, id: node.props.id, row: index + 1, index, value: items[index], x, y };
+            const key = listItemKey(node, index);
+            const payload = typeof key === "undefined"
+                ? { type, id: node.props.id, row: index + 1, index, value: items[index], x, y }
+                : { type, id: node.props.id, row: index + 1, index, key, value: items[index], x, y };
             dispatchNodeEvent(node, type, payload);
             return;
         }
@@ -551,28 +697,74 @@ export function mountTerminal(input, options = {}) {
         setSemanticHoverFromHitbox(hitbox.id, x, y);
         return rerender();
     }
-    function changeListSelection(node, direction) {
+    function moveListActiveTo(node, nextIndex) {
         const id = node.props.id;
         if (!id) {
             return currentOutput;
         }
         const items = Array.isArray(node.props.items) ? node.props.items : [];
-        const currentIndex = listIndexById.get(id) || 0;
-        const nextIndex = direction < 0 ? Math.max(0, currentIndex - 1) : Math.min(items.length - 1, currentIndex + 1);
+        const clampedIndex = clampListIndex(node, nextIndex);
+        listIndexById.set(id, clampedIndex);
+        ensureListActiveVisible(node, clampedIndex);
+        const key = listItemKey(node, clampedIndex);
+        const payload = typeof key === "undefined"
+            ? { type: "change", id, index: clampedIndex, value: items[clampedIndex], ...listStatePayload(node) }
+            : { type: "change", id, index: clampedIndex, key, value: items[clampedIndex], ...listStatePayload(node) };
+        dispatchNodeEvent(node, "change", payload);
+        return rerender();
+    }
+    function changeListSelection(node, direction) {
+        return moveListActiveTo(node, currentListActiveIndex(node) + direction);
+    }
+    function pageListSelection(node, direction) {
+        const id = node.props.id;
+        if (!id) {
+            return currentOutput;
+        }
+        const nextIndex = clampListIndex(node, currentListActiveIndex(node) + direction * listViewportRows(node));
         listIndexById.set(id, nextIndex);
-        const payload = { type: "change", id, index: nextIndex, value: items[nextIndex] };
+        setListViewportOffset(node, nextIndex);
+        const items = Array.isArray(node.props.items) ? node.props.items : [];
+        const key = listItemKey(node, nextIndex);
+        const payload = typeof key === "undefined"
+            ? { type: "change", id, index: nextIndex, value: items[nextIndex], ...listStatePayload(node) }
+            : { type: "change", id, index: nextIndex, key, value: items[nextIndex], ...listStatePayload(node) };
         dispatchNodeEvent(node, "change", payload);
         return rerender();
     }
+    function moveListSelectionToBoundary(node, boundary) {
+        const items = Array.isArray(node.props.items) ? node.props.items : [];
+        return moveListActiveTo(node, boundary === "start" ? 0 : Math.max(0, items.length - 1));
+    }
     function pressListSelection(node) {
         const id = node.props.id;
         if (!id) {
             return currentOutput;
         }
-        const currentIndex = listIndexById.get(id) || 0;
+        const currentIndex = currentListActiveIndex(node);
+        if (node.props.showActive !== false) {
+            listSelectedIndexById.set(id, currentIndex);
+        }
         dispatchListPressEvent(node, "press", currentIndex);
         return rerender();
     }
+    function pressListPointerSelection(node, row) {
+        const id = node.props.id;
+        if (!id) {
+            return currentOutput;
+        }
+        const items = Array.isArray(node.props.items) ? node.props.items : [];
+        const index = Math.max(0, Math.min(items.length - 1, row - 1));
+        if (typeof items[index] === "undefined") {
+            return currentOutput;
+        }
+        listIndexById.set(id, index);
+        if (node.props.showActive !== false) {
+            listSelectedIndexById.set(id, index);
+        }
+        dispatchListPressEvent(node, "press", index);
+        return rerender();
+    }
     function scrollFocusedNode(node, direction) {
         const id = node.props.id;
         if (!id) {
@@ -597,7 +789,9 @@ export function mountTerminal(input, options = {}) {
             return scrollFocusedNode(node, direction);
         }
         if (node?.tag === "terminal-list" && node.props.virtualized) {
-            return changeListSelection(node, direction);
+            const currentOffset = listViewportOffsetById.get(node.props.id || "") || 0;
+            setListViewportOffset(node, currentOffset + direction);
+            return rerender();
         }
         return rerender();
     }
@@ -763,6 +957,14 @@ export function mountTerminal(input, options = {}) {
                 return node?.tag === "terminal-list" ? changeListSelection(node, -1) : currentOutput;
             case "list.next":
                 return node?.tag === "terminal-list" ? changeListSelection(node, 1) : currentOutput;
+            case "list.pageUp":
+                return node?.tag === "terminal-list" ? pageListSelection(node, -1) : currentOutput;
+            case "list.pageDown":
+                return node?.tag === "terminal-list" ? pageListSelection(node, 1) : currentOutput;
+            case "list.home":
+                return node?.tag === "terminal-list" ? moveListSelectionToBoundary(node, "start") : currentOutput;
+            case "list.end":
+                return node?.tag === "terminal-list" ? moveListSelectionToBoundary(node, "end") : currentOutput;
             case "list.press":
                 return node?.tag === "terminal-list" ? pressListSelection(node) : currentOutput;
             case "scroll.up":
@@ -798,6 +1000,19 @@ export function mountTerminal(input, options = {}) {
                 return;
             }
             terminalSize = nextSize;
+            const focusedNode = findFocused(currentTree, focusedId);
+            if (focusedNode?.tag === "terminal-list" && focusedNode.props.id && focusedNode.props.virtualized) {
+                const items = Array.isArray(focusedNode.props.items) ? focusedNode.props.items : [];
+                const rows = Math.max(1, Math.min(items.length || 1, Number(focusedNode.props.height || terminalSize.rows || items.length || 1)));
+                const activeIndex = currentListActiveIndex(focusedNode);
+                const currentOffset = listViewportOffsetById.get(focusedNode.props.id) || 0;
+                if (activeIndex < currentOffset) {
+                    listViewportOffsetById.set(focusedNode.props.id, activeIndex);
+                }
+                else if (activeIndex >= currentOffset + rows) {
+                    listViewportOffsetById.set(focusedNode.props.id, Math.max(0, activeIndex - rows + 1));
+                }
+            }
             rerender();
         },
         update() {
@@ -888,7 +1103,14 @@ export function mountTerminal(input, options = {}) {
                 return currentOutput;
             }
             if (hitbox.tag === "terminal-button") {
-                return this.click(hitbox.id);
+                const node = findFocusableById(currentTree, hitbox.id);
+                if (node?.tag === "terminal-button") {
+                    return this.click(hitbox.id);
+                }
+                if (dispatchHitboxButtonPressEvent(hitbox, "press")) {
+                    return rerender();
+                }
+                return currentOutput;
             }
             setSemanticHoverFromHitbox(hitbox.id, x, y);
             focusedId = hitbox.id;
@@ -896,6 +1118,12 @@ export function mountTerminal(input, options = {}) {
                 mouseSelectionId = hitbox.id;
                 return setCursorFromHitbox(hitbox.id, x, false);
             }
+            if (hitbox.tag === "terminal-list") {
+                const node = findFocusableById(currentTree, hitbox.id);
+                if (node?.tag === "terminal-list") {
+                    return pressListPointerSelection(node, sourceRowFromHitbox(node, hitbox, y));
+                }
+            }
             rerender();
             return currentOutput;
         },
@@ -1082,6 +1310,79 @@ export function mountTerminal(input, options = {}) {
         }
         return currentOutput;
     }
+    function processParsedMouseInput(parsed) {
+        if (parsed.action === "press") {
+            const hitbox = resolvePointerTarget(currentHitboxes, parsed.x, parsed.y);
+            if (isContextMouseButton(parsed.button)) {
+                lastPrimaryPress = null;
+                contextPressAt(parsed.x, parsed.y);
+                return;
+            }
+            if (hitbox?.tag === "terminal-input") {
+                mouseSelectionId = hitbox.id;
+            }
+            const node = hitbox ? findFocusableById(currentTree, hitbox.id) : null;
+            if (hitbox && node && shouldPointerCapture(node)) {
+                setPointerCapture(hitbox.id, "press", sourceRowFromHitbox(node, hitbox, parsed.y), parsed.x, parsed.y);
+            }
+            const isPrimaryPress = isPrimaryMouseButton(parsed.button);
+            const isDoublePressEligible = Boolean(hitbox
+                && node
+                && (hitbox.tag === "terminal-button" || hitbox.tag === "terminal-list"));
+            const primaryPressRow = hitbox && node && hitbox.tag === "terminal-list"
+                ? sourceRowFromHitbox(node, hitbox, parsed.y)
+                : null;
+            const shouldDispatchDoublePress = Boolean(isPrimaryPress
+                && isDoublePressEligible
+                && hitbox
+                && isDoublePrimaryPress(hitbox, primaryPressRow));
+            if (isPrimaryPress && !isDoublePressEligible) {
+                lastPrimaryPress = null;
+            }
+            if (hitbox && shouldDispatchDoublePress && hitbox.tag === "terminal-list") {
+                doublePressAt(hitbox, parsed.x, parsed.y);
+            }
+            else {
+                session.clickAt(parsed.x, parsed.y);
+                if (hitbox && shouldDispatchDoublePress) {
+                    doublePressAt(hitbox, parsed.x, parsed.y);
+                }
+            }
+        }
+        else if (parsed.action === "drag") {
+            if (mouseSelectionId) {
+                setCursorFromHitbox(mouseSelectionId, parsed.x, true);
+            }
+            else {
+                hoverAt(parsed.x, parsed.y);
+            }
+        }
+        else if (parsed.action === "release") {
+            mouseSelectionId = null;
+            const capturedId = pointerCaptureId;
+            const releaseHitbox = resolvePointerTarget(currentHitboxes, parsed.x, parsed.y);
+            const releaseNode = releaseHitbox ? findFocusableById(currentTree, releaseHitbox.id) : null;
+            const releaseRow = releaseHitbox && releaseNode
+                ? sourceRowFromHitbox(releaseNode, releaseHitbox, parsed.y)
+                : null;
+            setPointerCapture(null, "release", capturedId && releaseHitbox?.id === capturedId ? releaseRow : null, parsed.x, parsed.y);
+            const hitbox = resolvePointerTarget(currentHitboxes, parsed.x, parsed.y);
+            if (capturedId && hitbox && hitbox.id === capturedId && (hitbox.tag === "terminal-list" || hitbox.tag === "terminal-scroll")) {
+                setSemanticHoverFromHitbox(hitbox.id, parsed.x, parsed.y);
+                rerender();
+            }
+            else {
+                clearSemanticHover(undefined, parsed.x, parsed.y);
+                rerender();
+            }
+        }
+        else if (parsed.action === "wheel-up") {
+            wheelAt(parsed.x, parsed.y, -1);
+        }
+        else if (parsed.action === "wheel-down") {
+            wheelAt(parsed.x, parsed.y, 1);
+        }
+    }
     function processInputStream(value) {
         if (!value) {
             return;
@@ -1133,74 +1434,15 @@ export function mountTerminal(input, options = {}) {
             processInputStream(paste.rest);
             return;
         }
+        const parsedMouse = parseTerminalMousePrefix(value);
+        if (parsedMouse) {
+            processParsedMouseInput(parsedMouse.input);
+            processInputStream(parsedMouse.rest);
+            return;
+        }
         const parsed = parseTerminalInput(value);
         if (parsed.type === "mouse") {
-            if (parsed.action === "press") {
-                const hitbox = resolvePointerTarget(currentHitboxes, parsed.x, parsed.y);
-                if (isContextMouseButton(parsed.button)) {
-                    lastPrimaryPress = null;
-                    contextPressAt(parsed.x, parsed.y);
-                    return;
-                }
-                if (hitbox?.tag === "terminal-input") {
-                    mouseSelectionId = hitbox.id;
-                }
-                const node = hitbox ? findFocusableById(currentTree, hitbox.id) : null;
-                if (hitbox && node && shouldPointerCapture(node)) {
-                    setPointerCapture(hitbox.id, "press", sourceRowFromHitbox(node, hitbox, parsed.y), parsed.x, parsed.y);
-                }
-                const isPrimaryPress = isPrimaryMouseButton(parsed.button);
-                const isDoublePressEligible = Boolean(hitbox
-                    && node
-                    && (hitbox.tag === "terminal-button" || hitbox.tag === "terminal-list"));
-                const primaryPressRow = hitbox && node && hitbox.tag === "terminal-list"
-                    ? sourceRowFromHitbox(node, hitbox, parsed.y)
-                    : null;
-                const shouldDispatchDoublePress = Boolean(isPrimaryPress
-                    && isDoublePressEligible
-                    && hitbox
-                    && isDoublePrimaryPress(hitbox, primaryPressRow));
-                if (isPrimaryPress && !isDoublePressEligible) {
-                    lastPrimaryPress = null;
-                }
-                session.clickAt(parsed.x, parsed.y);
-                if (hitbox && shouldDispatchDoublePress) {
-                    doublePressAt(hitbox, parsed.x, parsed.y);
-                }
-            }
-            else if (parsed.action === "drag") {
-                if (mouseSelectionId) {
-                    setCursorFromHitbox(mouseSelectionId, parsed.x, true);
-                }
-                else {
-                    hoverAt(parsed.x, parsed.y);
-                }
-            }
-            else if (parsed.action === "release") {
-                mouseSelectionId = null;
-                const capturedId = pointerCaptureId;
-                const releaseHitbox = resolvePointerTarget(currentHitboxes, parsed.x, parsed.y);
-                const releaseNode = releaseHitbox ? findFocusableById(currentTree, releaseHitbox.id) : null;
-                const releaseRow = releaseHitbox && releaseNode
-                    ? sourceRowFromHitbox(releaseNode, releaseHitbox, parsed.y)
-                    : null;
-                setPointerCapture(null, "release", capturedId && releaseHitbox?.id === capturedId ? releaseRow : null, parsed.x, parsed.y);
-                const hitbox = resolvePointerTarget(currentHitboxes, parsed.x, parsed.y);
-                if (capturedId && hitbox && hitbox.id === capturedId && (hitbox.tag === "terminal-list" || hitbox.tag === "terminal-scroll")) {
-                    setSemanticHoverFromHitbox(hitbox.id, parsed.x, parsed.y);
-                    rerender();
-                }
-                else {
-                    clearSemanticHover(undefined, parsed.x, parsed.y);
-                    rerender();
-                }
-            }
-            else if (parsed.action === "wheel-up") {
-                wheelAt(parsed.x, parsed.y, -1);
-            }
-            else if (parsed.action === "wheel-down") {
-                wheelAt(parsed.x, parsed.y, 1);
-            }
+            processParsedMouseInput(parsed);
             return;
         }
         processKeyStream(value);