@bubblebrain-ai/bubble 0.0.24 → 0.0.26

package/dist/tui-ink/approval/select.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from "react";
 import { Box, Text, useInput } from "ink";
+import { isKeyReleaseEvent } from "../key-events.js";
 import { useTheme } from "../theme.js";
+import { stripTerminalMouseSequences } from "../terminal-mouse.js";
 export function ApprovalSelect({ options, onSubmit, onCancel, hint, initialIndex = 0, }) {
     const theme = useTheme();
     const [focusIndex, setFocusIndex] = useState(Math.max(0, Math.min(initialIndex, options.length - 1)));
@@ -22,6 +24,14 @@ export function ApprovalSelect({ options, onSubmit, onCancel, hint, initialIndex
     const hasEditableValue = !!focused?.editableValue;
     const currentValue = focused?.editableValue ? editedValues[focused.id] ?? "" : "";
     useInput((input, key) => {
+        if (isKeyReleaseEvent(key))
+            return;
+        const strippedMouseInput = stripTerminalMouseSequences(input);
+        if (strippedMouseInput !== input) {
+            if (!strippedMouseInput)
+                return;
+            input = strippedMouseInput;
+        }
         if (amending) {
             if (key.escape) {
                 setAmending(false);

package/dist/tui-ink/detect-theme.d.ts

@@ -1,2 +1 @@
-export type ResolvedTheme = "light" | "dark";
-export declare function detectTerminalTheme(timeoutMs?: number): Promise<ResolvedTheme>;
+export { detectTerminalTheme, themeFromMacOsAppearance, type ResolvedTheme, } from "../tui/detect-theme.js";

package/dist/tui-ink/detect-theme.js

@@ -1,87 +1 @@
-export async function detectTerminalTheme(timeoutMs = 150) {
-    const fromEnv = parseColorFgBg(process.env.COLORFGBG);
-    if (fromEnv)
-        return fromEnv;
-    if (process.stdout.isTTY && process.stdin.isTTY) {
-        const fromOsc = await queryOsc11(timeoutMs);
-        if (fromOsc)
-            return fromOsc;
-    }
-    return "dark";
-}
-function parseColorFgBg(value) {
-    if (!value)
-        return null;
-    const parts = value.split(";");
-    const last = parts[parts.length - 1];
-    if (!last)
-        return null;
-    const bg = parseInt(last, 10);
-    if (Number.isNaN(bg))
-        return null;
-    if (bg >= 0 && bg <= 6)
-        return "dark";
-    if (bg >= 7 && bg <= 15)
-        return "light";
-    return null;
-}
-function queryOsc11(timeoutMs) {
-    return new Promise((resolve) => {
-        const stdin = process.stdin;
-        const stdout = process.stdout;
-        let settled = false;
-        const originalRaw = stdin.isRaw;
-        let buffer = "";
-        const cleanup = () => {
-            stdin.removeListener("data", onData);
-            try {
-                stdin.setRawMode(originalRaw);
-            }
-            catch {
-                // ignore - terminal may have already restored
-            }
-            stdin.pause();
-        };
-        const finish = (result) => {
-            if (settled)
-                return;
-            settled = true;
-            clearTimeout(timer);
-            cleanup();
-            resolve(result);
-        };
-        const onData = (chunk) => {
-            buffer += chunk.toString("utf8");
-            const match = buffer.match(/\x1b\]11;rgb:([0-9a-fA-F]+)\/([0-9a-fA-F]+)\/([0-9a-fA-F]+)(?:\x07|\x1b\\)/);
-            if (!match)
-                return;
-            const [, r, g, b] = match;
-            const lum = relativeLuminance(parseHexChannel(r), parseHexChannel(g), parseHexChannel(b));
-            finish(lum > 0.5 ? "light" : "dark");
-        };
-        try {
-            stdin.setRawMode(true);
-        }
-        catch {
-            resolve(null);
-            return;
-        }
-        stdin.resume();
-        stdin.on("data", onData);
-        const timer = setTimeout(() => finish(null), timeoutMs);
-        try {
-            stdout.write("\x1b]11;?\x07");
-        }
-        catch {
-            finish(null);
-        }
-    });
-}
-function parseHexChannel(hex) {
-    const max = (1 << (hex.length * 4)) - 1;
-    return parseInt(hex, 16) / max;
-}
-function relativeLuminance(r, g, b) {
-    const channel = (c) => c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
-    return 0.2126 * channel(r) + 0.7152 * channel(g) + 0.0722 * channel(b);
-}
+export { detectTerminalTheme, themeFromMacOsAppearance, } from "../tui/detect-theme.js";

package/dist/tui-ink/display-history.d.ts

@@ -20,6 +20,7 @@ export interface DisplayMessage {
 }
 export declare function userInputStatusBadgeLabel(status?: UserInputStatus): string | undefined;
 export declare function setUserInputStatus(message: DisplayMessage, inputStatus?: UserInputStatus): DisplayMessage;
+export declare function moveStatusMessageToEnd(messages: DisplayMessage[], key: string, inputStatus?: UserInputStatus): DisplayMessage[];
 /**
  * Aborted assistant messages carry a model-facing interruption note appended
  * to their content (whole content, or a "\n\n"-joined suffix after partial

package/dist/tui-ink/display-history.js

@@ -14,6 +14,17 @@ export function setUserInputStatus(message, inputStatus) {
     const { inputStatus: _inputStatus, ...rest } = message;
     return rest;
 }
+export function moveStatusMessageToEnd(messages, key, inputStatus) {
+    const index = messages.findIndex((message) => message.key === key);
+    if (index === -1)
+        return messages;
+    const message = messages[index];
+    return [
+        ...messages.slice(0, index),
+        ...messages.slice(index + 1),
+        setUserInputStatus(message, inputStatus),
+    ];
+}
 /**
  * Aborted assistant messages carry a model-facing interruption note appended
  * to their content (whole content, or a "\n\n"-joined suffix after partial

package/dist/tui-ink/feedback-dialog.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { Box, Text, useInput } from "ink";
+import { isKeyReleaseEvent } from "./key-events.js";
 import { useTheme } from "./theme.js";
+import { stripTerminalMouseSequences } from "./terminal-mouse.js";
 import { submitFeedback, FeedbackSubmitError } from "../feedback/submit.js";
 export function FeedbackDialog({ base, initialDescription, onDismiss, onResult }) {
     const theme = useTheme();
@@ -39,6 +41,14 @@ export function FeedbackDialog({ base, initialDescription, onDismiss, onResult }
         }
     };
     useInput((input, key) => {
+        if (isKeyReleaseEvent(key))
+            return;
+        const strippedMouseInput = stripTerminalMouseSequences(input);
+        if (strippedMouseInput !== input) {
+            if (!strippedMouseInput)
+                return;
+            input = strippedMouseInput;
+        }
         if (stage === "submitting")
             return;
         if (stage === "done") {

package/dist/tui-ink/feishu-setup-picker.js

@@ -6,7 +6,9 @@ import { existsSync, statSync } from "node:fs";
 import { isAbsolute, resolve as resolvePath, basename } from "node:path";
 import { homedir } from "node:os";
 import { registerApp } from "@larksuiteoapi/node-sdk";
+import { isKeyReleaseEvent } from "./key-events.js";
 import { useTheme } from "./theme.js";
+import { stripTerminalMouseSequences } from "./terminal-mouse.js";
 import { bootstrapConfig } from "../feishu/config.js";
 import { ScopeRegistry } from "../feishu/scope/scope-registry.js";
 const EMPTY_VALUES = { chatId: "", cwd: "", displayName: "" };
@@ -100,6 +102,14 @@ export function FeishuSetupPicker({ onComplete, onCancel }) {
         onCancel();
     };
     useInput((input, key) => {
+        if (isKeyReleaseEvent(key))
+            return;
+        const strippedMouseInput = stripTerminalMouseSequences(input);
+        if (strippedMouseInput !== input) {
+            if (!strippedMouseInput)
+                return;
+            input = strippedMouseInput;
+        }
         if (key.escape) {
             // Esc at any stage = cancel/skip.
             if (stage.kind === "credentialed") {

package/dist/tui-ink/footer.d.ts

@@ -1,6 +1,7 @@
 import type { PermissionMode } from "../types.js";
 export interface FooterData {
     mode?: PermissionMode;
+    goalLine?: string;
 }
 /**
  * Bottom status line. Path / provider / model moved into the welcome banner;

package/dist/tui-ink/footer.js

@@ -8,9 +8,15 @@ import { PERMISSION_MODE_INFO } from "../permission/mode.js";
  * (zero rows) in the default mode.
  */
 export function FooterBar({ data }) {
-    if (!data.mode || data.mode === "default")
+    const showMode = !!data.mode && data.mode !== "default";
+    const goalLine = data.goalLine?.trim();
+    if (!showMode && !goalLine)
         return null;
-    return (_jsx(Box, { paddingX: 1, flexShrink: 0, children: _jsx(ModeBadge, { mode: data.mode }) }));
+    return (_jsxs(Box, { paddingX: 1, flexShrink: 0, flexDirection: "column", children: [goalLine && _jsx(GoalBadge, { line: goalLine }), showMode && _jsx(ModeBadge, { mode: data.mode })] }));
+}
+function GoalBadge({ line }) {
+    const theme = useTheme();
+    return (_jsx(Text, { color: theme.muted, children: line }));
 }
 function ModeBadge({ mode }) {
     const theme = useTheme();

package/dist/tui-ink/input-box.d.ts

@@ -7,6 +7,8 @@ export interface SubmitPayload {
     /** Text shown in the composer/transcript when it differs from the real text. */
     displayText?: string;
     images: ImageAttachment[];
+    /** First UI-only [Image #N] label reserved for this submitted payload. */
+    imageDisplayStart?: number;
 }
 interface InputBoxProps {
     onSubmit: (payload: SubmitPayload) => void;
@@ -15,11 +17,6 @@ interface InputBoxProps {
      * turn instead of its idle-time behavior.
      */
     onQueue?: (payload: SubmitPayload) => void;
-    /**
-     * Receives scroll intent when Up/Down arrows are classified as synthetic
-     * wheel events (terminal alternate-scroll) rather than keyboard presses.
-     */
-    onWheelScroll?: (direction: "up" | "down", lines: number) => void;
     onPasteNotice?: (notice: string) => void;
     disabled?: boolean;
     cursorResetEpoch?: number;
@@ -27,8 +24,14 @@ interface InputBoxProps {
     draftEpoch?: number;
     onDraftApplied?: () => void;
     skillRegistry?: SkillRegistry;
+    localSlashCommands?: Array<{
+        name: string;
+        description: string;
+    }>;
     terminalColumns: number;
     cwd: string;
+    sessionFile?: string;
+    nextImageLabelStart?: number;
 }
 export declare function needsCursorRowCompensation(nextOutputHeight: number, viewportRows: number, previousOutputHeight: number | null): boolean;
 export declare function resolveCursorRowCompensation(input: {
@@ -41,21 +44,55 @@ export declare function resolveCursorRowCompensation(input: {
 export declare function isCtrlCInput(input: string, key: {
     ctrl?: boolean;
 }): boolean;
+export declare function shouldUseLineComposerFrame(_background: string): boolean;
+export declare function composerSurfaceBackground(lineFrame: boolean, background: string, inputBg: string): string;
+export declare function shouldUseHardwareComposerCursor(env?: Record<string, string | undefined>): boolean;
+export declare function composerVerticalArrowDirection(key: {
+    upArrow?: boolean;
+    downArrow?: boolean;
+    eventType?: string;
+}): "up" | "down" | undefined;
+export declare function resolveSoftwareCursorCellStyle(input: {
+    visible: boolean;
+    cursorBackground: string;
+    cursorForeground: string;
+    textColor: string;
+    rowBackground?: string;
+}): {
+    backgroundColor?: string;
+    color: string;
+};
 /**
  * Split a composer line around the cursor so the cell under it can render as
  * an inverse-video software cursor. The visible cursor must not depend on the
  * real terminal cursor: Ink only re-arms its one-shot cursor escape when the
  * component owning useCursor re-commits, so frames produced by other
  * components' local state (the waiting spinner, viewport scrolling) hide the
- * hardware cursor for most of an agent run. Drawing the cell ourselves keeps
- * the cursor visible on every frame; the real (mostly hidden) cursor is still
- * positioned for IME anchoring.
+ * hardware cursor for most of an agent run. Drawing and blinking the cell
+ * ourselves keeps it visible while preserving normal typing feedback; the real
+ * cursor is still positioned for IME anchoring.
  */
 export declare function splitLineAtCursor(lineText: string, charOffset: number): {
     before: string;
     at: string;
     after: string;
 };
+export interface TextHighlightRange {
+    start: number;
+    end: number;
+}
+export type ComposerTextSegmentKind = "normal" | "command" | "cursor";
+export interface ComposerTextSegment {
+    kind: ComposerTextSegmentKind;
+    text: string;
+}
+export declare function resolveSlashCommandHighlightRange(input: string, commandNames: Iterable<string>): TextHighlightRange | null;
+export declare function splitComposerTextSegments(input: {
+    text: string;
+    absStart: number;
+    highlight: TextHighlightRange | null;
+    cursorOffset?: number;
+}): ComposerTextSegment[];
 export declare function shouldSubmitExactSlashSuggestion(input: string, suggestionName?: string): boolean;
 export declare function resolveSlashEnterAction(input: string, suggestions: Array<{
     name: string;
@@ -80,4 +117,29 @@ export declare function insertNewlineAtCursor(text: string, cursor: number): {
     text: string;
     cursor: number;
 };
-export declare function InputBox({ onSubmit, onQueue, onWheelScroll, onPasteNotice, disabled, cursorResetEpoch, draftText, draftEpoch, onDraftApplied, skillRegistry, terminalColumns, cwd, }: InputBoxProps): import("react/jsx-runtime").JSX.Element;
+export declare function previousWordBoundary(text: string, cursor: number): number;
+export declare function nextWordBoundary(text: string, cursor: number): number;
+export declare function lineStartBoundary(text: string, cursor: number): number;
+export declare function lineEndBoundary(text: string, cursor: number): number;
+export declare function deleteToLineStart(text: string, cursor: number): {
+    text: string;
+    cursor: number;
+};
+export declare function deleteToLineEnd(text: string, cursor: number): {
+    text: string;
+    cursor: number;
+};
+export declare function deleteAtCursor(text: string, cursor: number): {
+    text: string;
+    cursor: number;
+};
+export type ComposerEditAction = "word-left" | "word-right" | "line-start" | "line-end" | "delete-line-start" | "delete-line-end";
+export declare function resolveComposerEditAction(input: string, key: {
+    ctrl?: boolean;
+    meta?: boolean;
+    leftArrow?: boolean;
+    rightArrow?: boolean;
+    home?: boolean;
+    end?: boolean;
+}): ComposerEditAction | null;
+export declare function InputBox({ onSubmit, onQueue, onPasteNotice, disabled, cursorResetEpoch, draftText, draftEpoch, onDraftApplied, skillRegistry, localSlashCommands, terminalColumns, cwd, sessionFile, nextImageLabelStart, }: InputBoxProps): import("react/jsx-runtime").JSX.Element;