@ashx-j/lunr-tui 0.2.7 → 0.2.9

package/dist/tui.js

@@ -9,7 +9,7 @@ import { isKeyRelease, matchesKey } from "./keys.js";
 import { MOUSE_TRACKING_DISABLE, MOUSE_TRACKING_ENABLE, parseMouseEvent } from "./mouse.js";
 import { isOsc11BackgroundColorResponse, parseOsc11BackgroundColor, parseTerminalColorSchemeReport, } from "./terminal-colors.js";
 import { deleteKittyImage, getCapabilities, isImageLine, setCellDimensions } from "./terminal-image.js";
-import { extractAnsiCode, extractSegments, normalizeTerminalOutput, sliceByColumn, sliceWithWidth, visibleWidth, } from "./utils.js";
+import { extractSegments, normalizeTerminalOutput, sliceByColumn, sliceWithWidth, visibleWidth } from "./utils.js";
 const KITTY_SEQUENCE_PREFIX = "\x1b_G";
 function parseKittyImageHeader(line) {
     const sequenceStart = line.indexOf(KITTY_SEQUENCE_PREFIX);
@@ -104,6 +104,20 @@ export class Container {
         }
         return lines;
     }
+    handleClick(localY, width) {
+        let y = 0;
+        for (const child of this.children) {
+            const h = child.render(width).length;
+            if (localY >= y && localY < y + h) {
+                if (typeof child.handleClick === "function") {
+                    return child.handleClick(localY - y, width);
+                }
+                return false;
+            }
+            y += h;
+        }
+        return false;
+    }
 }
 /**
  * TUI - Main class for managing terminal UI with differential rendering
@@ -118,7 +132,7 @@ export class TUI extends Container {
     inputListeners = new Set();
     /** Global callback for debug key (Shift+Ctrl+D). Called before input is forwarded to focused component. */
     onDebug;
-    /** Called with selected user/assistant text after an in-app drag-release. */
+    /** Kept for callers; left-drag no longer selects. Shift+drag stays native terminal selection. */
     onTextSelected;
     renderRequested = false;
     renderTimer;
@@ -155,9 +169,11 @@ export class TUI extends Container {
     alternateScreenActive = false;
     mouseTrackingActive = false;
     static WHEEL_LINES = 3;
-    chatHitRegions = [];
     chatScrollbar;
-    selection;
+    scrollbarDrag;
+    pendingClick;
+    lastChatStart = 0;
+    lastChatSliceHeight = 0;
     constructor(terminal, showHardwareCursor) {
         super();
         this.terminal = terminal;
@@ -387,21 +403,21 @@ export class TUI extends Container {
             return -1;
         return this.children.indexOf(this.pinComponent);
     }
-    collectChildLines(from, to, width) {
+    collectChildLines(from, to, width, ranges) {
         const lines = [];
         for (let i = from; i < to; i++) {
             const child = this.children[i];
             if (!child)
                 continue;
-            this.appendRenderedChild(lines, child, width);
+            this.appendRenderedChild(lines, child, width, ranges);
         }
         return lines;
     }
-    appendRenderedChild(lines, child, width) {
+    appendRenderedChild(lines, child, width, ranges) {
         const nested = "children" in child && Array.isArray(child.children);
         if (nested && child.children.length > 0 && child.render === Container.prototype.render) {
             for (const nestedChild of child.children) {
-                this.appendRenderedChild(lines, nestedChild, width);
+                this.appendRenderedChild(lines, nestedChild, width, ranges);
             }
             return;
         }
@@ -409,9 +425,7 @@ export class TUI extends Container {
         for (const line of child.render(width)) {
             lines.push(line);
         }
-        if (child.selectable && lines.length > start) {
-            this.chatHitRegions.push({ y0: start, y1: lines.length - 1, lines: lines.slice(start) });
-        }
+        ranges?.push({ component: child, start, end: lines.length });
     }
     snapStartToKittyImageHeader(lines, start) {
         if (start <= 0 || start >= lines.length)
@@ -434,8 +448,8 @@ export class TUI extends Container {
     render(width) {
         const pinIndex = this.getPinIndex();
         if (pinIndex < 0) {
-            this.chatHitRegions = [];
             this.chatScrollbar = undefined;
+            this.scrollbarDrag = undefined;
             this.chatLayoutCache = undefined;
             this.chatUsesGutter = false;
             this.chatLaidOut = false;
@@ -453,31 +467,32 @@ export class TUI extends Container {
         this.chatLaidOut = true;
         let chatWidth = this.chatUsesGutter ? Math.max(1, width - 1) : width;
         let scrollLines;
+        let ranges;
         let fromCache = false;
         const cache = this.chatLayoutCache;
         if (cache && cache.epoch === this.contentEpoch && cache.chatWidth === chatWidth) {
             scrollLines = cache.scrollLines;
-            this.chatHitRegions = this.copyHitRegions(cache.hitRegionsUnshifted);
+            ranges = cache.ranges;
             fromCache = true;
         }
         else {
-            this.chatHitRegions = [];
-            scrollLines = this.collectChildLines(0, pinIndex, chatWidth);
+            ranges = [];
+            scrollLines = this.collectChildLines(0, pinIndex, chatWidth, ranges);
         }
         if (this.chatUsesGutter) {
             if (scrollLines.length <= viewH) {
                 this.chatUsesGutter = false;
                 chatWidth = width;
-                this.chatHitRegions = [];
-                scrollLines = this.collectChildLines(0, pinIndex, chatWidth);
+                ranges = [];
+                scrollLines = this.collectChildLines(0, pinIndex, chatWidth, ranges);
                 fromCache = false;
             }
         }
         else if (scrollLines.length > viewH) {
             this.chatUsesGutter = true;
             chatWidth = Math.max(1, width - 1);
-            this.chatHitRegions = [];
-            scrollLines = this.collectChildLines(0, pinIndex, chatWidth);
+            ranges = [];
+            scrollLines = this.collectChildLines(0, pinIndex, chatWidth, ranges);
             fromCache = false;
         }
         if (!fromCache) {
@@ -485,7 +500,7 @@ export class TUI extends Container {
                 epoch: this.contentEpoch,
                 chatWidth,
                 scrollLines,
-                hitRegionsUnshifted: this.copyHitRegions(this.chatHitRegions),
+                ranges,
             };
         }
         let chatSlice;
@@ -495,7 +510,9 @@ export class TUI extends Container {
             this.chatScrollOffset = 0;
             this.lastChatScrollMax = 0;
             this.chatScrollbar = undefined;
+            this.scrollbarDrag = undefined;
             chatSlice = scrollLines.slice();
+            this.lastChatStart = 0;
         }
         else {
             this.lastChatScrollMax = scrollLines.length - viewH;
@@ -503,46 +520,37 @@ export class TUI extends Container {
             start = scrollLines.length - viewH - this.chatScrollOffset;
             start = this.snapStartToKittyImageHeader(scrollLines, start);
             start = Math.max(0, start);
+            this.lastChatStart = start;
             chatSlice = scrollLines.slice(start, start + viewH);
             while (chatSlice.length < viewH) {
                 chatSlice.push("");
             }
-            this.chatScrollbar = { x: width, y0: 1, y1: viewH, viewH, scrollMax: this.lastChatScrollMax };
             const thumbH = Math.max(1, Math.round((viewH * viewH) / scrollLines.length));
             const travel = Math.max(0, viewH - thumbH);
             const thumbTop = this.lastChatScrollMax === 0
                 ? viewH - thumbH
                 : Math.round(travel * (1 - this.chatScrollOffset / this.lastChatScrollMax));
-            const track = "\x1b[2m│\x1b[22m";
-            const thumb = "\x1b[1m█\x1b[22m";
+            this.chatScrollbar = {
+                x: width,
+                y0: 1,
+                y1: viewH,
+                viewH,
+                scrollMax: this.lastChatScrollMax,
+                thumbTop,
+                thumbH,
+            };
+            // Reset SGR so error/thinking colors cannot bleed into the gutter.
+            const RESET = "\x1b[0m";
+            const track = `${RESET}\x1b[2m│\x1b[0m`;
+            const thumb = `${RESET}\x1b[1m█\x1b[0m`;
             for (let i = 0; i < chatSlice.length; i++) {
                 const glyph = i >= thumbTop && i < thumbTop + thumbH ? thumb : track;
                 chatSlice[i] = `${padToWidth(chatSlice[i] ?? "", chatWidth)}${glyph}`;
             }
         }
-        this.shiftHitRegions(-start);
-        if (this.selection) {
-            const lo = Math.min(this.selection.anchorY, this.selection.focusY);
-            const hi = Math.max(this.selection.anchorY, this.selection.focusY);
-            const highlightWidth = this.chatUsesGutter ? chatWidth : width;
-            for (let y = lo; y <= hi; y++) {
-                const idx = y - 1;
-                if (idx < 0 || idx >= chatSlice.length)
-                    continue;
-                chatSlice[idx] = applySelectionHighlight(chatSlice[idx] ?? "", highlightWidth);
-            }
-        }
+        this.lastChatSliceHeight = chatSlice.length;
         return [...chatSlice, ...dockLines];
     }
-    copyHitRegions(regions) {
-        return regions.map((region) => ({ y0: region.y0, y1: region.y1, lines: region.lines }));
-    }
-    shiftHitRegions(delta) {
-        for (const region of this.chatHitRegions) {
-            region.y0 += delta;
-            region.y1 += delta;
-        }
-    }
     /**
      * Show an overlay component with configurable positioning and sizing.
      * Returns a handle to control the overlay's visibility.
@@ -860,61 +868,98 @@ export class TUI extends Container {
         // Shift+drag stays with the terminal's native selection.
         if (mouse.shift)
             return;
-        if (mouse.kind === "button" && !mouse.release && this.chatScrollbar && mouse.x === this.chatScrollbar.x) {
-            const viewH = this.chatScrollbar.viewH;
-            const y = Math.max(this.chatScrollbar.y0, Math.min(mouse.y, this.chatScrollbar.y1));
-            const rel = (y - this.chatScrollbar.y0) / Math.max(1, viewH - 1);
-            this.setChatScroll(Math.round((1 - rel) * this.chatScrollbar.scrollMax));
-            this.selection = undefined;
+        if (this.scrollbarDrag) {
+            if (mouse.kind === "move") {
+                this.dragScrollbarTo(mouse.y);
+                return;
+            }
+            if (mouse.kind === "button" && mouse.release) {
+                this.scrollbarDrag = undefined;
+            }
             return;
         }
-        if (mouse.kind === "button" && !mouse.release) {
-            const region = this.hitSelectable(mouse.y);
-            if (!region) {
-                this.selection = undefined;
-                return;
+        if (mouse.kind === "button" && !mouse.release && this.chatScrollbar && mouse.x >= this.chatScrollbar.x) {
+            const sb = this.chatScrollbar;
+            const y = Math.max(sb.y0, Math.min(mouse.y, sb.y1));
+            const row = y - sb.y0;
+            const onThumb = row >= sb.thumbTop && row < sb.thumbTop + sb.thumbH;
+            if (!onThumb) {
+                const rel = (y - sb.y0) / Math.max(1, sb.viewH - 1);
+                this.setChatScroll(Math.round((1 - rel) * sb.scrollMax));
             }
-            this.selection = { anchorY: mouse.y, focusY: mouse.y };
-            this.requestRender();
+            this.scrollbarDrag = { grabY: y, startOffset: this.chatScrollOffset };
+            this.pendingClick = undefined;
             return;
         }
-        if (!this.selection)
+        if (mouse.kind === "button" && mouse.button === 0 && !mouse.release) {
+            this.pendingClick = { x: mouse.x, y: mouse.y };
             return;
-        if (mouse.kind === "move") {
-            this.selection.focusY = mouse.y;
-            this.requestRender();
+        }
+        if (mouse.kind === "move" && this.pendingClick) {
+            const dx = Math.abs(mouse.x - this.pendingClick.x);
+            const dy = Math.abs(mouse.y - this.pendingClick.y);
+            if (dx + dy > 1) {
+                this.pendingClick = undefined;
+            }
             return;
         }
-        if (mouse.kind === "button" && mouse.release) {
-            this.selection.focusY = mouse.y;
-            const text = this.selectedText();
-            this.selection = undefined;
-            this.requestRender();
-            if (text)
-                this.onTextSelected?.(text);
+        if (mouse.kind === "button" && mouse.button === 0 && mouse.release) {
+            const pending = this.pendingClick;
+            this.pendingClick = undefined;
+            if (!pending)
+                return;
+            if (this.dispatchChatClick(pending.y) || this.dispatchDockClick(pending.y)) {
+                this.requestRender();
+            }
         }
     }
-    hitSelectable(y) {
-        return this.chatHitRegions.find((region) => y >= region.y0 + 1 && y <= region.y1 + 1);
+    dispatchChatClick(mouseY) {
+        const cache = this.chatLayoutCache;
+        if (!cache || mouseY < 1 || mouseY > this.lastChatSliceHeight)
+            return false;
+        const lineIndex = this.lastChatStart + (mouseY - 1);
+        const hit = cache.ranges.find((range) => lineIndex >= range.start && lineIndex < range.end);
+        if (!hit || typeof hit.component.handleClick !== "function")
+            return false;
+        return hit.component.handleClick(lineIndex - hit.start, cache.chatWidth) === true;
     }
-    selectedText() {
-        if (!this.selection)
-            return undefined;
-        const lo = Math.min(this.selection.anchorY, this.selection.focusY);
-        const hi = Math.max(this.selection.anchorY, this.selection.focusY);
-        if (lo === hi)
-            return undefined;
-        const lines = [];
-        for (const region of this.chatHitRegions) {
-            for (let i = 0; i < region.lines.length; i++) {
-                const y = region.y0 + i + 1;
-                if (y < lo || y > hi)
-                    continue;
-                lines.push(stripAnsiForCopy(region.lines[i] ?? ""));
+    dispatchDockClick(mouseY) {
+        if (mouseY <= this.lastChatSliceHeight)
+            return false;
+        const pin = this.getPinIndex();
+        if (pin < 0)
+            return false;
+        const width = this.terminal.columns;
+        let y = this.lastChatSliceHeight;
+        const local = mouseY - 1;
+        for (let i = pin; i < this.children.length; i++) {
+            const child = this.children[i];
+            if (!child)
+                continue;
+            const h = child.render(width).length;
+            if (local >= y && local < y + h) {
+                if (typeof child.handleClick === "function") {
+                    return child.handleClick(local - y, width);
+                }
+                if (child instanceof Container) {
+                    return child.handleClick(local - y, width);
+                }
+                return false;
             }
+            y += h;
         }
-        const text = lines.join("\n").trim();
-        return text.length > 0 ? text : undefined;
+        return false;
+    }
+    dragScrollbarTo(mouseY) {
+        if (!this.scrollbarDrag || !this.chatScrollbar)
+            return;
+        const { viewH, thumbH, scrollMax, y0, y1 } = this.chatScrollbar;
+        const travel = viewH - thumbH;
+        if (travel <= 0 || scrollMax <= 0)
+            return;
+        const y = Math.max(y0, Math.min(mouseY, y1));
+        const deltaY = y - this.scrollbarDrag.grabY;
+        this.setChatScroll(this.scrollbarDrag.startOffset - Math.round((deltaY * scrollMax) / travel));
     }
     handleInput(data) {
         if (this.consumeOsc11BackgroundResponse(data)) {
@@ -1791,22 +1836,4 @@ function padToWidth(line, width) {
         return line;
     return line + " ".repeat(width - vis);
 }
-function applySelectionHighlight(line, width) {
-    const padded = padToWidth(line, width);
-    return `\x1b[7m${padded}\x1b[27m`;
-}
-function stripAnsiForCopy(line) {
-    let out = "";
-    let i = 0;
-    while (i < line.length) {
-        const ansi = extractAnsiCode(line, i);
-        if (ansi) {
-            i += ansi.length;
-            continue;
-        }
-        out += line[i];
-        i++;
-    }
-    return out.replace(/\s+$/, "");
-}
 //# sourceMappingURL=tui.js.map