@dexto/tui 1.6.2

package/dist/components/TextBufferInput.cjs

@@ -0,0 +1,531 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var TextBufferInput_exports = {};
+__export(TextBufferInput_exports, {
+  TextBufferInput: () => TextBufferInput
+});
+module.exports = __toCommonJS(TextBufferInput_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ink = require("ink");
+var import_useKeypress = require("../hooks/useKeypress.js");
+var import_clipboardUtils = require("../utils/clipboardUtils.js");
+const PASTE_COLLAPSE_LINE_THRESHOLD = 3;
+const PASTE_COLLAPSE_CHAR_THRESHOLD = 150;
+const isMac = process.platform === "darwin";
+const KEY_LABELS = {
+  ctrlT: isMac ? "\u2303T" : "Ctrl+T",
+  altUp: isMac ? "\u2325\u2191" : "Alt+Up",
+  altDown: isMac ? "\u2325\u2193" : "Alt+Down"
+};
+function isBackspaceKey(key) {
+  return key.name === "backspace" || key.sequence === "\x7F" || key.sequence === "\b";
+}
+function isForwardDeleteKey(key) {
+  return key.name === "delete";
+}
+function HighlightedText({ text, query }) {
+  if (!query || !text) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: text });
+  }
+  const lowerText = text.toLowerCase();
+  const lowerQuery = query.toLowerCase();
+  const matchIndex = lowerText.indexOf(lowerQuery);
+  if (matchIndex === -1) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: text });
+  }
+  const before = text.slice(0, matchIndex);
+  const match = text.slice(matchIndex, matchIndex + query.length);
+  const after = text.slice(matchIndex + query.length);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { children: [
+    before,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "green", bold: true, children: match }),
+    after
+  ] });
+}
+function TextBufferInput({
+  buffer,
+  onSubmit,
+  placeholder,
+  isDisabled = false,
+  onHistoryNavigate,
+  onTriggerOverlay,
+  maxViewportLines = 10,
+  isActive,
+  onKeyboardScroll,
+  imageCount = 0,
+  onImagePaste,
+  images = [],
+  onImageRemove,
+  pastedBlocks = [],
+  onPasteBlock,
+  onPasteBlockUpdate,
+  onPasteBlockRemove,
+  highlightQuery,
+  onCycleReasoningVariant
+}) {
+  const { stdout } = (0, import_ink.useStdout)();
+  const terminalWidth = stdout?.columns || 80;
+  const imageCountRef = (0, import_react.useRef)(imageCount);
+  (0, import_react.useEffect)(() => {
+    imageCountRef.current = imageCount;
+  }, [imageCount]);
+  const pasteCounterRef = (0, import_react.useRef)(pastedBlocks.length);
+  (0, import_react.useEffect)(() => {
+    pasteCounterRef.current = Math.max(pasteCounterRef.current, pastedBlocks.length);
+  }, [pastedBlocks.length]);
+  const checkRemovedImages = (0, import_react.useCallback)(() => {
+    if (!onImageRemove || images.length === 0) return;
+    const currentText = buffer.text;
+    for (const img of images) {
+      if (!currentText.includes(img.placeholder)) {
+        onImageRemove(img.id);
+      }
+    }
+  }, [buffer, images, onImageRemove]);
+  const checkRemovedPasteBlocks = (0, import_react.useCallback)(() => {
+    if (!onPasteBlockRemove || pastedBlocks.length === 0) return;
+    const currentText = buffer.text;
+    for (const block of pastedBlocks) {
+      const textToFind = block.isCollapsed ? block.placeholder : block.fullText;
+      if (!currentText.includes(textToFind)) {
+        onPasteBlockRemove(block.id);
+      }
+    }
+  }, [buffer, pastedBlocks, onPasteBlockRemove]);
+  const findExpandedBlock = (0, import_react.useCallback)(() => {
+    return pastedBlocks.find((block) => !block.isCollapsed) || null;
+  }, [pastedBlocks]);
+  const findCollapsedBlockAtCursor = (0, import_react.useCallback)(() => {
+    if (pastedBlocks.length === 0) return null;
+    const currentText = buffer.text;
+    const [cursorRow, cursorCol] = buffer.cursor;
+    const cursorOffset = getCursorPosition(buffer.lines, cursorRow, cursorCol);
+    for (const block of pastedBlocks) {
+      if (!block.isCollapsed) continue;
+      const startIdx = currentText.indexOf(block.placeholder);
+      if (startIdx === -1) continue;
+      const endIdx = startIdx + block.placeholder.length;
+      if (cursorOffset >= startIdx && cursorOffset <= endIdx) {
+        return block;
+      }
+    }
+    return null;
+  }, [buffer, pastedBlocks]);
+  const handlePasteToggle = (0, import_react.useCallback)(() => {
+    if (!onPasteBlockUpdate) return;
+    const expandedBlock = findExpandedBlock();
+    const currentText = buffer.text;
+    if (expandedBlock) {
+      const normalizedCurrent = currentText.replace(/\r\n/g, "\n").replace(/\r/g, "\n");
+      const normalizedFullText = expandedBlock.fullText.replace(/\r\n/g, "\n").replace(/\r/g, "\n");
+      const startIdx = normalizedCurrent.indexOf(normalizedFullText);
+      if (startIdx === -1) {
+        onPasteBlockUpdate(expandedBlock.id, { isCollapsed: true });
+        return;
+      }
+      const before = currentText.slice(0, startIdx);
+      const after = currentText.slice(startIdx + normalizedFullText.length);
+      const newText = before + expandedBlock.placeholder + after;
+      const [cursorRow, cursorCol] = buffer.cursor;
+      const cursorOffset = getCursorPosition(buffer.lines, cursorRow, cursorCol);
+      let newCursorOffset = cursorOffset;
+      if (cursorOffset > startIdx) {
+        const lengthDiff = expandedBlock.placeholder.length - normalizedFullText.length;
+        newCursorOffset = Math.max(startIdx, cursorOffset + lengthDiff);
+      }
+      buffer.setText(newText);
+      buffer.moveToOffset(Math.min(newCursorOffset, newText.length));
+      onPasteBlockUpdate(expandedBlock.id, { isCollapsed: true });
+      return;
+    }
+    const collapsedBlock = findCollapsedBlockAtCursor();
+    if (collapsedBlock) {
+      const startIdx = currentText.indexOf(collapsedBlock.placeholder);
+      if (startIdx === -1) return;
+      const before = currentText.slice(0, startIdx);
+      const after = currentText.slice(startIdx + collapsedBlock.placeholder.length);
+      const newText = before + collapsedBlock.fullText + after;
+      buffer.setText(newText);
+      buffer.moveToOffset(startIdx);
+      onPasteBlockUpdate(collapsedBlock.id, { isCollapsed: false });
+    }
+  }, [buffer, findExpandedBlock, findCollapsedBlockAtCursor, onPasteBlockUpdate]);
+  const handleKeypress = (0, import_react.useCallback)(
+    (key) => {
+      if (isDisabled) return;
+      if (key.name === "tab" && !key.shift && !key.ctrl && !key.meta && onCycleReasoningVariant) {
+        onCycleReasoningVariant();
+        return;
+      }
+      const currentText = buffer.text;
+      const cursorVisualRow2 = buffer.visualCursor[0];
+      const visualLines2 = buffer.allVisualLines;
+      if (onKeyboardScroll) {
+        if (key.name === "pageup" || key.shift && key.name === "up") {
+          onKeyboardScroll("up");
+          return;
+        }
+        if (key.name === "pagedown" || key.shift && key.name === "down") {
+          onKeyboardScroll("down");
+          return;
+        }
+      }
+      if (key.ctrl && key.name === "v" && onImagePaste) {
+        void (async () => {
+          try {
+            const clipboardImage = await (0, import_clipboardUtils.readClipboardImage)();
+            if (clipboardImage) {
+              const currentCount = imageCountRef.current;
+              const imageNumber = currentCount + 1;
+              imageCountRef.current = imageNumber;
+              const placeholder2 = `[Image ${imageNumber}]`;
+              const pendingImage = {
+                id: `img-${Date.now()}-${imageNumber}`,
+                data: clipboardImage.data,
+                mimeType: clipboardImage.mimeType,
+                placeholder: placeholder2
+              };
+              onImagePaste(pendingImage);
+              buffer.insert(placeholder2);
+            }
+          } catch {
+          }
+        })();
+        return;
+      }
+      const isCtrlJ = key.sequence === "\n";
+      const isShiftEnter = key.sequence === "\\\r" || key.name === "return" && key.shift || key.sequence === "\x1B[13;2u" || key.sequence === "\x1BOM";
+      const isPasteReturn = key.name === "return" && key.paste;
+      const wantsNewline = isCtrlJ || isShiftEnter || key.name === "return" && key.meta || isPasteReturn;
+      if (wantsNewline) {
+        buffer.newline();
+        return;
+      }
+      if (key.name === "return" && !key.paste) {
+        if (currentText.trim()) {
+          onSubmit(currentText);
+        }
+        return;
+      }
+      if (key.ctrl && key.name === "z" && !key.shift) {
+        buffer.undo();
+        return;
+      }
+      if (key.ctrl && key.name === "y" || key.ctrl && key.shift && key.name === "z") {
+        buffer.redo();
+        return;
+      }
+      if (key.ctrl && key.name === "t") {
+        handlePasteToggle();
+        return;
+      }
+      if (isBackspaceKey(key) && !key.meta) {
+        const prevText = buffer.text;
+        const [cursorRow, cursorCol] = buffer.cursor;
+        const cursorPos = getCursorPosition(buffer.lines, cursorRow, cursorCol);
+        buffer.backspace();
+        checkRemovedImages();
+        checkRemovedPasteBlocks();
+        if (onTriggerOverlay && cursorPos > 0) {
+          const deletedChar = prevText[cursorPos - 1];
+          const expectedNewText = prevText.slice(0, cursorPos - 1) + prevText.slice(cursorPos);
+          if (deletedChar === "/" && cursorPos === 1) {
+            onTriggerOverlay("close");
+          } else if (deletedChar === "@") {
+            const hasValidAt = /(^|[\s])@/.test(expectedNewText);
+            if (!hasValidAt) {
+              onTriggerOverlay("close");
+            }
+          }
+        }
+        return;
+      }
+      if (isForwardDeleteKey(key)) {
+        buffer.del();
+        checkRemovedImages();
+        checkRemovedPasteBlocks();
+        return;
+      }
+      if (key.ctrl && key.name === "w") {
+        buffer.deleteWordLeft();
+        checkRemovedImages();
+        checkRemovedPasteBlocks();
+        return;
+      }
+      if (key.meta && isBackspaceKey(key)) {
+        buffer.deleteWordLeft();
+        checkRemovedImages();
+        checkRemovedPasteBlocks();
+        return;
+      }
+      if (key.name === "left") {
+        buffer.move(key.meta || key.ctrl ? "wordLeft" : "left");
+        return;
+      }
+      if (key.name === "right") {
+        buffer.move(key.meta || key.ctrl ? "wordRight" : "right");
+        return;
+      }
+      if (key.meta && key.name === "up") {
+        buffer.moveToOffset(0);
+        return;
+      }
+      if (key.meta && key.name === "down") {
+        buffer.moveToOffset(currentText.length);
+        return;
+      }
+      if (key.name === "up") {
+        if (cursorVisualRow2 === 0 && onHistoryNavigate) {
+          onHistoryNavigate("up");
+        } else {
+          buffer.move("up");
+        }
+        return;
+      }
+      if (key.name === "down") {
+        if (cursorVisualRow2 >= visualLines2.length - 1 && onHistoryNavigate) {
+          onHistoryNavigate("down");
+        } else {
+          buffer.move("down");
+        }
+        return;
+      }
+      if (key.ctrl && key.name === "a") {
+        buffer.move("home");
+        return;
+      }
+      if (key.ctrl && key.name === "e") {
+        buffer.move("end");
+        return;
+      }
+      if (key.ctrl && key.name === "k") {
+        buffer.killLineRight();
+        checkRemovedImages();
+        checkRemovedPasteBlocks();
+        return;
+      }
+      if (key.ctrl && key.name === "u") {
+        buffer.killLineLeft();
+        checkRemovedImages();
+        checkRemovedPasteBlocks();
+        return;
+      }
+      if (key.meta && key.name === "b") {
+        buffer.move("wordLeft");
+        return;
+      }
+      if (key.meta && key.name === "f") {
+        buffer.move("wordRight");
+        return;
+      }
+      if (key.insertable && !key.ctrl && !key.meta) {
+        const [cursorRow, cursorCol] = buffer.cursor;
+        const cursorPos = getCursorPosition(buffer.lines, cursorRow, cursorCol);
+        if (key.paste && onPasteBlock) {
+          const pastedText = key.sequence.replace(/\r\n/g, "\n").replace(/\r/g, "\n");
+          const lineCount = (pastedText.match(/\n/g)?.length ?? 0) + 1;
+          if (lineCount >= PASTE_COLLAPSE_LINE_THRESHOLD || pastedText.length > PASTE_COLLAPSE_CHAR_THRESHOLD) {
+            pasteCounterRef.current += 1;
+            const pasteNumber = pasteCounterRef.current;
+            const placeholder2 = `[Paste ${pasteNumber}: ~${lineCount} lines]`;
+            const pasteBlock = {
+              id: `paste-${Date.now()}-${pasteNumber}`,
+              number: pasteNumber,
+              fullText: pastedText,
+              lineCount,
+              isCollapsed: true,
+              placeholder: placeholder2
+            };
+            buffer.insert(placeholder2);
+            onPasteBlock(pasteBlock);
+            return;
+          }
+        }
+        buffer.insert(key.sequence, { paste: key.paste });
+        if (onTriggerOverlay) {
+          if (key.sequence === "/" && cursorPos === 0) {
+            onTriggerOverlay("slash-autocomplete");
+          } else if (key.sequence === "@") {
+            onTriggerOverlay("resource-autocomplete");
+          } else if (/\s/.test(key.sequence)) {
+            onTriggerOverlay("close");
+          }
+        }
+      }
+    },
+    [
+      buffer,
+      isDisabled,
+      onSubmit,
+      onHistoryNavigate,
+      onTriggerOverlay,
+      onKeyboardScroll,
+      // imageCount intentionally omitted - callback uses imageCountRef which is synced via useEffect
+      onImagePaste,
+      checkRemovedImages,
+      checkRemovedPasteBlocks,
+      handlePasteToggle,
+      onPasteBlock
+    ]
+  );
+  (0, import_useKeypress.useKeypress)(handleKeypress, { isActive: isActive && !isDisabled });
+  const bufferText = buffer.text;
+  const visualCursor = buffer.visualCursor;
+  const visualLines = buffer.allVisualLines;
+  const cursorVisualRow = visualCursor[0];
+  const cursorVisualCol = visualCursor[1];
+  const separator = "\u2500".repeat(terminalWidth);
+  const totalLines = visualLines.length;
+  const isShellMode = bufferText.startsWith("!");
+  const promptPrefix = isShellMode ? "$ " : "> ";
+  const promptColor = isShellMode ? "yellow" : "green";
+  const separatorColor = isShellMode ? "yellow" : "gray";
+  let startLine = 0;
+  let endLine = totalLines;
+  if (totalLines > maxViewportLines) {
+    const halfViewport = Math.floor(maxViewportLines / 2);
+    startLine = Math.max(0, cursorVisualRow - halfViewport);
+    endLine = Math.min(totalLines, startLine + maxViewportLines);
+    if (endLine === totalLines) {
+      startLine = Math.max(0, totalLines - maxViewportLines);
+    }
+  }
+  const visibleLines = visualLines.slice(startLine, endLine);
+  if (bufferText === "") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", width: terminalWidth, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: separator }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { width: terminalWidth, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "green", bold: true, children: "> " }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { inverse: true, children: " " }),
+        placeholder && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: placeholder }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: " ".repeat(Math.max(0, terminalWidth - 3 - (placeholder?.length || 0))) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: separator })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", width: terminalWidth, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: separatorColor, children: separator }),
+    startLine > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+      "  ",
+      "\u2191 ",
+      startLine,
+      " more line",
+      startLine > 1 ? "s" : "",
+      " above (",
+      KEY_LABELS.altUp,
+      " to jump)"
+    ] }),
+    visibleLines.map((line, idx) => {
+      const absoluteRow = startLine + idx;
+      const isFirst = absoluteRow === 0;
+      const prefix = isFirst ? promptPrefix : "  ";
+      const isCursorLine = absoluteRow === cursorVisualRow;
+      if (!isCursorLine) {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { width: terminalWidth, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: promptColor, bold: isFirst, children: prefix }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HighlightedText, { text: line, query: highlightQuery }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: " ".repeat(
+            Math.max(0, terminalWidth - prefix.length - line.length)
+          ) })
+        ] }, absoluteRow);
+      }
+      const before = line.slice(0, cursorVisualCol);
+      const atCursor = line.charAt(cursorVisualCol) || " ";
+      const after = line.slice(cursorVisualCol + 1);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { width: terminalWidth, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: promptColor, bold: isFirst, children: prefix }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HighlightedText, { text: before, query: highlightQuery }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { inverse: true, children: atCursor }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HighlightedText, { text: after, query: highlightQuery }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: " ".repeat(
+          Math.max(
+            0,
+            terminalWidth - prefix.length - before.length - 1 - after.length
+          )
+        ) })
+      ] }, absoluteRow);
+    }),
+    endLine < totalLines && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+      "  ",
+      "\u2193 ",
+      totalLines - endLine,
+      " more line",
+      totalLines - endLine > 1 ? "s" : "",
+      " ",
+      "below (",
+      KEY_LABELS.altDown,
+      " to jump)"
+    ] }),
+    pastedBlocks.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      PasteBlockHint,
+      {
+        pastedBlocks,
+        expandedBlock: findExpandedBlock(),
+        cursorOnCollapsed: findCollapsedBlockAtCursor()
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: separatorColor, children: separator })
+  ] });
+}
+function PasteBlockHint({
+  pastedBlocks,
+  expandedBlock,
+  cursorOnCollapsed
+}) {
+  const collapsedCount = pastedBlocks.filter((b) => b.isCollapsed).length;
+  if (expandedBlock) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "cyan", children: [
+      "  ",
+      KEY_LABELS.ctrlT,
+      " to collapse expanded paste"
+    ] });
+  }
+  if (cursorOnCollapsed) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "cyan", children: [
+      "  ",
+      KEY_LABELS.ctrlT,
+      " to expand paste"
+    ] });
+  }
+  if (collapsedCount > 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+      "  ",
+      collapsedCount,
+      " collapsed paste",
+      collapsedCount > 1 ? "s" : "",
+      " (",
+      KEY_LABELS.ctrlT,
+      " ",
+      "on placeholder to expand)"
+    ] });
+  }
+  return null;
+}
+function getCursorPosition(lines, cursorRow, cursorCol) {
+  let pos = 0;
+  for (let i = 0; i < cursorRow; i++) {
+    pos += (lines[i]?.length ?? 0) + 1;
+  }
+  return pos + cursorCol;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TextBufferInput
+});

package/dist/components/TextBufferInput.d.ts

@@ -0,0 +1,54 @@
+/**
+ * TextBufferInput Component
+ *
+ * Buffer is passed as prop from parent.
+ * Uses direct useKeypress for input handling (no ref chain).
+ * Parent owns the buffer and can read values directly.
+ */
+import type { TextBuffer } from './shared/text-buffer.js';
+import type { PendingImage, PastedBlock } from '../state/types.js';
+/** Overlay trigger types for event-driven overlay detection */
+export type OverlayTrigger = 'slash-autocomplete' | 'resource-autocomplete' | 'close';
+interface TextBufferInputProps {
+    /** Text buffer (owned by parent) */
+    buffer: TextBuffer;
+    /** Called when user presses Enter to submit */
+    onSubmit: (value: string) => void;
+    /** Placeholder text when empty */
+    placeholder?: string | undefined;
+    /** Whether input handling is disabled (e.g., during processing) */
+    isDisabled?: boolean | undefined;
+    /** Called for history navigation (up/down at boundaries) */
+    onHistoryNavigate?: ((direction: 'up' | 'down') => void) | undefined;
+    /** Called to trigger overlay (slash command, @mention) */
+    onTriggerOverlay?: ((trigger: OverlayTrigger) => void) | undefined;
+    /** Maximum lines to show in viewport */
+    maxViewportLines?: number | undefined;
+    /** Whether this input should handle keypresses */
+    isActive: boolean;
+    /** Optional handler for keyboard scroll (PageUp/PageDown, Shift+arrows) */
+    onKeyboardScroll?: ((direction: 'up' | 'down') => void) | undefined;
+    /** Current number of attached images (for placeholder numbering) */
+    imageCount?: number | undefined;
+    /** Called when image is pasted from clipboard */
+    onImagePaste?: ((image: PendingImage) => void) | undefined;
+    /** Current pending images (for placeholder removal detection) */
+    images?: PendingImage[] | undefined;
+    /** Called when an image placeholder is removed from text */
+    onImageRemove?: ((imageId: string) => void) | undefined;
+    /** Current pasted blocks for collapse/expand feature */
+    pastedBlocks?: PastedBlock[] | undefined;
+    /** Called when a large paste is detected and should be collapsed */
+    onPasteBlock?: ((block: PastedBlock) => void) | undefined;
+    /** Called to update a pasted block (e.g., toggle collapse) */
+    onPasteBlockUpdate?: ((blockId: string, updates: Partial<PastedBlock>) => void) | undefined;
+    /** Called when a paste block placeholder is removed from text */
+    onPasteBlockRemove?: ((blockId: string) => void) | undefined;
+    /** Query to highlight in input text (for history search) */
+    highlightQuery?: string | undefined;
+    /** Cycle the current reasoning variant. */
+    onCycleReasoningVariant?: (() => void) | undefined;
+}
+export declare function TextBufferInput({ buffer, onSubmit, placeholder, isDisabled, onHistoryNavigate, onTriggerOverlay, maxViewportLines, isActive, onKeyboardScroll, imageCount, onImagePaste, images, onImageRemove, pastedBlocks, onPasteBlock, onPasteBlockUpdate, onPasteBlockRemove, highlightQuery, onCycleReasoningVariant, }: TextBufferInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TextBufferInput.d.ts.map

package/dist/components/TextBufferInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextBufferInput.d.ts","sourceRoot":"","sources":["../../src/components/TextBufferInput.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGnE,+DAA+D;AAC/D,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAAG,uBAAuB,GAAG,OAAO,CAAC;AActF,UAAU,oBAAoB;IAC1B,oCAAoC;IACpC,MAAM,EAAE,UAAU,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,mEAAmE;IACnE,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACrE,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACnE,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,kDAAkD;IAClD,QAAQ,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,gBAAgB,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACpE,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,iDAAiD;IACjD,YAAY,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3D,iEAAiE;IACjE,MAAM,CAAC,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC;IACpC,4DAA4D;IAC5D,aAAa,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACxD,wDAAwD;IACxD,YAAY,CAAC,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;IACzC,oEAAoE;IACpE,YAAY,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC1D,8DAA8D;IAC9D,kBAAkB,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC5F,iEAAiE;IACjE,kBAAkB,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC7D,4DAA4D;IAC5D,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,2CAA2C;IAC3C,uBAAuB,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACtD;AAuCD,wBAAgB,eAAe,CAAC,EAC5B,MAAM,EACN,QAAQ,EACR,WAAW,EACX,UAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAqB,EACrB,QAAQ,EACR,gBAAgB,EAChB,UAAc,EACd,YAAY,EACZ,MAAW,EACX,aAAa,EACb,YAAiB,EACjB,YAAY,EACZ,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,uBAAuB,GAC1B,EAAE,oBAAoB,2CAuiBtB"}