@rubixkube/rubix 0.0.2 → 0.0.3

package/dist/ui/components/BrandPanel.js

@@ -9,5 +9,5 @@ const LOGO_LINES = [
     "\\_| \\_\\__,_|_.__/|_/_/\\_\\_| |_|\\__,_.__/ \\___|",
 ];
 export function BrandPanel({ cwd, model, user }) {
-    return (_jsx(Box, { borderStyle: "round", borderColor: "yellow", paddingX: 1, paddingY: 0, marginBottom: 1, children: _jsxs(Box, { flexDirection: "row", width: "100%", children: [_jsxs(Box, { flexDirection: "column", width: 58, children: [LOGO_LINES.map((line, index) => (_jsx(Text, { color: index % 2 === 0 ? "cyan" : "magenta", children: line }, line))), _jsx(Text, { bold: true, color: "yellow", children: "RubixKube Agent CLI" }), _jsxs(Text, { dimColor: true, children: [model, "  •  ", user ? `logged in as ${user}` : "not logged in"] }), _jsx(Text, { dimColor: true, children: cwd })] }), _jsx(Box, { marginX: 1, children: _jsx(Text, { dimColor: true, children: "\u2502" }) }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Text, { color: "yellow", bold: true, children: "Tips for getting started" }), _jsx(Text, { dimColor: true, children: "1. Use /login to authenticate first." }), _jsx(Text, { dimColor: true, children: "2. Press / to open command search." }), _jsx(Text, { dimColor: true, children: "3. Use @ to mention files and ! for shell mode." }), _jsx(Box, { marginTop: 1 }), _jsx(Text, { color: "yellow", bold: true, children: "Recent activity" }), _jsx(Text, { dimColor: true, children: "No recent activity" })] })] }) }));
+    return (_jsx(Box, { borderStyle: "round", borderColor: "yellow", paddingX: 1, paddingY: 0, marginBottom: 1, children: _jsxs(Box, { flexDirection: "row", width: "100%", children: [_jsxs(Box, { flexDirection: "column", width: 58, children: [LOGO_LINES.map((line, index) => (_jsx(Text, { color: index % 2 === 0 ? "cyan" : "magenta", children: line }, line))), _jsx(Text, { bold: true, color: "yellow", children: "RubixKube Agent CLI" }), _jsxs(Text, { dimColor: true, children: [model, "  •  ", user ? `logged in as ${user}` : "not logged in"] }), _jsx(Text, { dimColor: true, children: cwd })] }), _jsx(Box, { marginX: 1, children: _jsx(Text, { dimColor: true, children: "\u2502" }) }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Text, { color: "yellow", bold: true, children: "Tips for getting started" }), _jsx(Text, { dimColor: true, children: "1. Use /login to authenticate first." }), _jsx(Text, { dimColor: true, children: "2. Press / to open command search." }), _jsx(Text, { dimColor: true, children: "3. Use @ to mention files and '! ' (exclamation + space) for shell mode." }), _jsx(Box, { marginTop: 1 }), _jsx(Text, { color: "yellow", bold: true, children: "Recent activity" }), _jsx(Text, { dimColor: true, children: "No recent activity" })] })] }) }));
 }

package/dist/ui/components/ChatTranscript.js

@@ -107,6 +107,36 @@ function buildTimelineRows(workflow, fullContent) {
         }
         if (event.type === "function_response") {
             const raw = event.content || `[${name || eventId || "tool"}]`;
+            // Intercept Web UI component structures specifically mapped from Web Console
+            if (name === "create_ui_component") {
+                try {
+                    // Remove the outer "[create_ui_component]" wrapper if present from stringification
+                    const cleaned = raw.startsWith("[create_ui_component]\n")
+                        ? raw.replace("[create_ui_component]\n", "")
+                        : raw;
+                    const parsed = JSON.parse(cleaned);
+                    if (parsed.status !== "failed" && !parsed.error && (parsed.title || parsed.body)) {
+                        rows.push({
+                            key: `${event.id}-${index}`,
+                            label: "ui component",
+                            content: "",
+                            color: RUBIX_THEME.colors.thought,
+                            uiData: {
+                                title: parsed.title,
+                                description: parsed.description,
+                                body: parsed.body,
+                            }
+                        });
+                        // Drop the preceding function_call for create_ui_component so the terminal won't get messy
+                        if (rows.length > 1 && rows[rows.length - 2].label === "tool call" && rows[rows.length - 2].content.includes("create_ui_component")) {
+                            rows.splice(rows.length - 2, 1);
+                        }
+                        continue;
+                    }
+                    // eslint-disable-next-line no-empty
+                }
+                catch { }
+            }
             const responseContent = fullContent ? tryPrettyJson(raw) || raw : compact(raw, 88);
             const isError = /error|failed|exception|denied|invalid/i.test(responseContent);
             if (!fullContent && previous?.label === "tool result" && previous.content === responseContent)
@@ -123,12 +153,13 @@ function buildTimelineRows(workflow, fullContent) {
     return rows;
 }
 function buildWorkflowStats(workflow) {
-    const toolCalls = workflow.filter((e) => e.type === "function_call").length;
+    const toolCalls = workflow.filter((e) => e.type === "function_call" && !e.content.includes("create_ui_component")).length;
+    const thoughtCount = workflow.filter((e) => e.type === "thought").length;
     const withTs = workflow.filter((e) => e.ts != null && e.ts > 0);
     const durationSec = withTs.length >= 2
         ? Math.round((Math.max(...withTs.map((e) => e.ts)) - Math.min(...withTs.map((e) => e.ts))) / 1000)
         : null;
-    return { toolCalls, durationSec };
+    return { toolCalls, thoughtCount, durationSec };
 }
 export const ChatTranscript = React.memo(function ChatTranscript({ messages, workflowViewMode = "detailed", }) {
     if (messages.length === 0) {
@@ -160,16 +191,38 @@ export const ChatTranscript = React.memo(function ChatTranscript({ messages, wor
                 const hasWorkflow = workflow.length > 0;
                 // Build mixed timeline: interleave workflow events with text response
                 const renderMixedView = () => {
+                    const uiComponents = timelineRows.filter(r => r.uiData);
+                    const standardRows = timelineRows.filter(r => !r.uiData);
                     // Show timeline during streaming if workflow exists, or after streaming in detailed mode
                     const shouldShowTimeline = (isStreaming && hasWorkflow) || (!isStreaming && isDetailed && hasWorkflow);
-                    if (shouldShowTimeline) {
-                        return (_jsxs(Box, { flexDirection: "column", children: [timelineRows.map((row) => {
+                    const hasCollapsibleItems = stats.toolCalls > 0 || stats.thoughtCount > 0;
+                    const renderSummaryFooter = () => {
+                        if (isStreaming || !hasCollapsibleItems)
+                            return null;
+                        const parts = [];
+                        if (stats.toolCalls > 0)
+                            parts.push(`${stats.toolCalls} tool call${stats.toolCalls !== 1 ? "s" : ""}`);
+                        if (stats.thoughtCount > 0)
+                            parts.push(`${stats.thoughtCount} thought${stats.thoughtCount !== 1 ? "s" : ""}`);
+                        const summaryText = parts.join(", ");
+                        const timeText = stats.durationSec != null ? ` · ${stats.durationSec}s` : "";
+                        return (_jsxs(Text, { dimColor: true, children: ["  ··· ", summaryText, timeText, " ", isDetailed ? "(Ctrl+O to collapse)" : "(Ctrl+O for timeline)"] }));
+                    };
+                    return (_jsxs(Box, { flexDirection: "column", children: [standardRows.length > 0 && (_jsx(Box, { flexDirection: "column", children: standardRows
+                                    .filter((row) => shouldShowTimeline || row.label === "thought" || row.label === "tool call" || row.label === "tool error")
+                                    .map((row) => {
                                     const lines = row.content.split("\n");
+                                    const firstLine = lines[0] || "";
+                                    if (!shouldShowTimeline) {
+                                        const displayTitle = row.label === "tool call"
+                                            ? `${row.label}: ${firstLine}()`
+                                            : row.label === "thought"
+                                                ? `${row.label}: ${firstLine} ...`
+                                                : `${row.label}`;
+                                        return (_jsxs(Text, { dimColor: true, children: ["  ", _jsxs(Text, { color: row.color, children: ["\u25CF ", displayTitle] })] }, `condensed-${row.key}`));
+                                    }
                                     return (_jsx(Box, { flexDirection: "column", children: lines.map((line, i) => (_jsx(Text, { children: i === 0 ? (_jsxs(_Fragment, { children: [_jsxs(Text, { color: row.color, children: ["\u25CF ", row.label, ": "] }), _jsx(Text, { italic: true, dimColor: true, children: line })] })) : row.label === "thought" ? (_jsxs(Text, { dimColor: true, children: ["  ", line] })) : (_jsxs(Text, { dimColor: true, children: ["    ", line] })) }, `${row.key}-${i}`))) }, row.key));
-                                }), hasNonEmptyContent ? (_jsx(Box, { flexDirection: "column", children: contentLines.map((line, index) => (_jsxs(Text, { children: [_jsx(Text, { color: RUBIX_THEME.colors.assistantText, children: index === 0 ? "  ● " : "    " }), line.length > 0 ? line : " "] }, `${message.id}-text-${index}`))) })) : null, !isStreaming && (_jsxs(Text, { dimColor: true, children: ["  \u00B7\u00B7\u00B7 ", stats.toolCalls, " tool call", stats.toolCalls !== 1 ? "s" : "", stats.durationSec != null ? ` · ${stats.durationSec}s` : "", " (Ctrl+O to collapse)"] }))] }));
-                    }
-                    // Minimal view: text + summary stat
-                    return (_jsxs(Box, { flexDirection: "column", children: [hasNonEmptyContent ? (_jsx(_Fragment, { children: contentLines.map((line, index) => (_jsxs(Text, { children: [_jsx(Text, { color: RUBIX_THEME.colors.assistantText, children: index === 0 ? "● " : "  " }), line.length > 0 ? line : " "] }, `${message.id}-${index}`))) })) : null, hasWorkflow ? (_jsxs(Text, { dimColor: true, children: ["  ", stats.toolCalls > 0 && `${stats.toolCalls} tool call${stats.toolCalls !== 1 ? "s" : ""}`, stats.toolCalls > 0 && stats.durationSec != null && " · ", stats.durationSec != null && `${stats.durationSec}s`, hasWorkflow && " · Ctrl+O for timeline"] })) : null] }));
+                                }) })), uiComponents.length > 0 && (_jsx(Box, { flexDirection: "column", marginTop: shouldShowTimeline && standardRows.length > 0 ? 1 : 0, children: uiComponents.map((row) => (_jsxs(Box, { flexDirection: "column", marginTop: 1, marginBottom: 1, marginLeft: 4, paddingX: 2, paddingY: 1, borderStyle: "round", borderColor: row.uiData.color || "gray", children: [_jsx(Text, { bold: true, children: row.uiData.title }), row.uiData.description ? _jsx(Text, { dimColor: true, children: row.uiData.description }) : null, row.uiData.body ? (_jsx(Box, { marginTop: 1, children: _jsx(Text, { children: row.uiData.body }) })) : null] }, `ui-${row.key}`))) })), hasNonEmptyContent && (_jsx(Box, { flexDirection: "column", children: contentLines.map((line, index) => (_jsxs(Text, { children: [_jsx(Text, { color: RUBIX_THEME.colors.assistantText, children: (index === 0 && (!shouldShowTimeline || standardRows.length === 0)) ? "● " : "  " }), line.length > 0 ? line : " "] }, `${message.id}-text-${index}`))) })), renderSummaryFooter()] }));
                 };
                 return (_jsx(Box, { flexDirection: "column", marginBottom: 0, children: renderMixedView() }, message.id));
             }

package/dist/ui/components/Composer.js

@@ -6,32 +6,91 @@ import { MultilineInput } from "ink-multiline-input";
 import { RUBIX_THEME } from "../theme.js";
 /** Ctrl+letter shortcuts used by App — don't insert into composer. */
 const GLOBAL_CTRL_KEYS = ["c", "d", "l", "o", "x"];
-export const Composer = React.memo(function Composer({ value, resetToken, disabled, shellMode = false, placeholder = "Ask anything, / for commands, @ for files, ! for shell", rightStatus = "", busy = false, suggestion = "", suggestions = [], captureArrowKeys = false, onChange, onSubmit, }) {
+export const Composer = React.memo(function Composer({ value, resetToken, disabled, shellMode = false, placeholder = "Ask anything, / for commands, @ for files, '! ' for shell", rightStatus = "", busy = false, suggestion = "", suggestions = [], captureArrowKeys = false, onChange, onSubmit, }) {
     const effectivePlaceholder = disabled ? "busy..." : placeholder;
     const bashMode = shellMode;
-    // Buffer value locally so MultilineInput always receives the latest on fast typing.
-    // Parent state updates can lag; without this, MultilineInput's closure uses stale value
-    // and drops characters (e.g. "different" -> "diffrnt").
-    const [bufferedValue, setBufferedValue] = useState(value);
+    // ── Fast-typing fix ──────────────────────────────────────────────────────
+    // `MultilineInput` reads `value` *inside* its input handler closure.
+    // When typing quickly, React hasn't re-rendered yet, so the next character
+    // is inserted into the previous (stale) value — dropping characters.
+    //
+    // We keep `latestValueRef` synchronously up-to-date on every onChange so
+    // the effective value fed to `MultilineInput` on re-render is always fresh.
+    const latestValueRef = React.useRef(value);
     const lastResetTokenRef = React.useRef(resetToken);
-    const effectiveValue = resetToken !== lastResetTokenRef.current ? value : bufferedValue;
+    const [bufferedValue, setBufferedValue] = useState(value);
+    // On external reset (e.g. submit) propagate down.
     useEffect(() => {
         if (resetToken !== lastResetTokenRef.current) {
             lastResetTokenRef.current = resetToken;
+            latestValueRef.current = value;
             setBufferedValue(value);
         }
     }, [value, resetToken]);
+    const effectiveValue = resetToken !== lastResetTokenRef.current ? value : bufferedValue;
     const handleChange = (newValue) => {
+        latestValueRef.current = newValue;
         setBufferedValue(newValue);
         onChange(newValue);
     };
+    // Ref that always holds the latest buffered value so the paste handler below
+    // can append to it without a stale closure.
+    const bufferedValueRef = React.useRef(bufferedValue);
+    bufferedValueRef.current = bufferedValue;
+    // Accumulates paste content while between [200~ and [201~ markers.
+    // null = not currently in a paste; string = accumulating paste.
+    const pasteBufferRef = React.useRef(null);
     const useFilteredInput = useCallback((handler, isActive) => useInput((input, key) => {
         if (key.ctrl && GLOBAL_CTRL_KEYS.includes((input ?? "").toLowerCase()))
             return;
         if (captureArrowKeys && (key.upArrow || key.downArrow))
             return;
+        // ── Bracketed Paste Mode (primary path) ─────────────────────────────
+        // Terminal BPM wraps pastes in \x1b[200~...\x1b[201~.
+        // Ink's key parser consumes the leading \x1b and delivers the rest as
+        // bare input strings: "[200~" and "[201~".
+        if (input === "[200~") {
+            pasteBufferRef.current = ""; // start accumulating
+            return;
+        }
+        if (input === "[201~") {
+            const pasted = pasteBufferRef.current;
+            pasteBufferRef.current = null;
+            if (pasted !== null && pasted.length > 0) {
+                const normalised = pasted.replace(/\r\n/g, "\n").replace(/\r/g, "\n");
+                const next = bufferedValueRef.current + normalised;
+                setBufferedValue(next);
+                onChange(next);
+            }
+            return;
+        }
+        // While accumulating a bracketed paste, absorb all input here so
+        // nothing reaches MultilineInput (which fires onSubmit on every \n).
+        if (pasteBufferRef.current !== null) {
+            if (key.return) {
+                pasteBufferRef.current += "\n";
+            }
+            else if (typeof input === "string" && input.length > 0) {
+                pasteBufferRef.current += input;
+            }
+            return;
+        }
+        // ────────────────────────────────────────────────────────────────────
+        // ── Fallback: heuristic for terminals without BPM ───────────────────
+        // A real Enter key arrives with key.return===true and input="" / "\r".
+        // A pasted chunk is a longer string that contains "\n".
+        if (typeof input === "string" && input.includes("\n") && input.length > 1) {
+            const normalised = input.replace(/\r\n/g, "\n").replace(/\r/g, "\n");
+            const next = bufferedValueRef.current + normalised;
+            setBufferedValue(next);
+            onChange(next);
+            return;
+        }
+        // ────────────────────────────────────────────────────────────────────
         handler(input, key);
-    }, { isActive }), [captureArrowKeys]);
+    }, { isActive }), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [captureArrowKeys, onChange]);
     return (_jsxs(Box, { flexDirection: "column", width: "100%", children: [_jsxs(Box, { borderStyle: "single", borderColor: bashMode ? RUBIX_THEME.colors.bash : RUBIX_THEME.colors.brand, paddingX: 1, flexDirection: "row", alignItems: "flex-start", children: [_jsx(Text, { color: bashMode ? RUBIX_THEME.colors.bashPrompt : RUBIX_THEME.colors.assistantText, children: bashMode ? "! " : "> " }), _jsx(MultilineInput, { value: effectiveValue, onChange: handleChange, onSubmit: onSubmit, placeholder: effectivePlaceholder, focus: !disabled, rows: 1, maxRows: 10, textStyle: { color: bashMode ? RUBIX_THEME.colors.bash : RUBIX_THEME.colors.assistantText }, keyBindings: {
                             submit: (key) => !!key.return && !key.shift && !key.meta && !key.alt,
                             newline: (key) => !!key.return && (!!key.shift || !!key.meta || !!key.alt),

package/dist/ui/components/DashboardPanel.js

@@ -55,7 +55,7 @@ const NAV_TIPS = [
     { cmd: "/cluster", desc: "switch cluster" },
     { cmd: "?", desc: "show shortcuts" },
 ];
-export const DashboardPanel = React.memo(function DashboardPanel({ user, agentName, cwd, recentSessions, selectedCluster }) {
+export const DashboardPanel = React.memo(function DashboardPanel({ user, agentName, cwd, recentSessions, selectedCluster, }) {
     const greetingName = displayName(user);
     const workspace = compactWorkspace(cwd);
     const latest = recentSessions.slice(0, 2);

package/dist/ui/components/SplashScreen.js

@@ -7,17 +7,11 @@ import { Select } from "@inkjs/ui";
 import { RUBIX_THEME } from "../theme.js";
 import { VERSION } from "../../version.js";
 const GRAD_BLUE = ["#4ea8ff", "#7f88ff"];
-const WHATS_NEW = [
-    "Multi-cluster support with /cluster",
-    "Session history with auto-resume",
-    "Streaming workflow event tracing",
-    "/console opens the web dashboard",
-];
 const SPLASH_OPTIONS = [
     { label: "Login to RubixKube", value: "login" },
     { label: "Exit", value: "exit" },
 ];
-export const SplashScreen = React.memo(function SplashScreen({ agentName, onActionSelect, selectDisabled = false, }) {
+export const SplashScreen = React.memo(function SplashScreen({ agentName, whatsNew, onActionSelect, selectDisabled = false, }) {
     const handleChange = useCallback((value) => onActionSelect(value), [onActionSelect]);
-    return (_jsx(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, children: _jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: RUBIX_THEME.colors.brand, paddingX: 2, paddingY: 1, children: [_jsx(Box, { flexDirection: "column", children: _jsx(Gradient, { colors: GRAD_BLUE, children: _jsx(BigText, { text: "RUBIXKUBE", font: "block" }) }) }), _jsx(Box, { flexDirection: "row", marginTop: 1, children: _jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsx(Text, { dimColor: true, children: agentName }), _jsx(Text, { color: RUBIX_THEME.colors.border, children: "\u00B7" }), _jsx(Text, { dimColor: true, children: "Site Reliability Intelligence" })] }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: RUBIX_THEME.colors.border, dimColor: true, children: "─".repeat(64) }) }), _jsxs(Box, { flexDirection: "row", marginTop: 1, children: [_jsxs(Box, { flexDirection: "column", width: 38, children: [_jsxs(Text, { color: RUBIX_THEME.colors.brand, bold: true, children: ["What's New \u00B7 v", VERSION] }), WHATS_NEW.map((item) => (_jsxs(Text, { children: [_jsx(Text, { color: RUBIX_THEME.colors.brand, children: "\u203A" }), _jsxs(Text, { dimColor: true, children: [" ", item] })] }, item)))] }), _jsx(Box, { paddingX: 2, flexDirection: "column", children: Array.from({ length: 6 }).map((_, i) => (_jsx(Text, { color: RUBIX_THEME.colors.border, children: "\u2502" }, i))) }), _jsxs(Box, { flexGrow: 1, flexDirection: "column", children: [_jsx(Text, { color: RUBIX_THEME.colors.brand, bold: true, children: "Setup" }), _jsx(Text, { dimColor: true, children: "1. Choose Login below or type /login." }), _jsx(Text, { dimColor: true, children: "2. Open the verification URL." }), _jsx(Text, { dimColor: true, children: "3. Enter the shown device code." }), _jsx(Box, { marginTop: 1 }), _jsx(Text, { color: RUBIX_THEME.colors.brand, bold: true, children: "Prompt" }), _jsx(Text, { dimColor: true, children: "/  commands  \u00B7  @  files  \u00B7  !  shell" })] })] }), _jsxs(Box, { marginTop: 2, flexDirection: "column", children: [_jsx(Text, { color: RUBIX_THEME.colors.brand, bold: true, children: "What would you like to do?" }), _jsx(Box, { marginTop: 1, children: _jsx(Select, { options: SPLASH_OPTIONS, visibleOptionCount: 2, isDisabled: selectDisabled, onChange: handleChange }) })] })] }) }));
+    return (_jsx(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, children: _jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: RUBIX_THEME.colors.brand, paddingX: 2, paddingY: 1, children: [_jsx(Box, { flexDirection: "column", children: _jsx(Gradient, { colors: GRAD_BLUE, children: _jsx(BigText, { text: "RUBIXKUBE", font: "block" }) }) }), _jsx(Box, { flexDirection: "row", marginTop: 1, children: _jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsx(Text, { dimColor: true, children: agentName }), _jsx(Text, { color: RUBIX_THEME.colors.border, children: "\u00B7" }), _jsx(Text, { dimColor: true, children: "Site Reliability Intelligence" })] }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: RUBIX_THEME.colors.border, dimColor: true, children: "─".repeat(64) }) }), _jsxs(Box, { flexDirection: "row", marginTop: 1, children: [whatsNew.length > 0 && (_jsxs(Box, { flexDirection: "column", width: 38, children: [_jsxs(Text, { color: RUBIX_THEME.colors.brand, bold: true, children: ["What's New \u00B7 v", VERSION] }), whatsNew.map((item) => (_jsxs(Text, { children: [_jsx(Text, { color: RUBIX_THEME.colors.brand, children: "\u203A" }), _jsxs(Text, { dimColor: true, children: [" ", item] })] }, item)))] })), _jsx(Box, { paddingX: 2, flexDirection: "column", children: Array.from({ length: 6 }).map((_, i) => (_jsx(Text, { color: RUBIX_THEME.colors.border, children: "\u2502" }, i))) }), _jsxs(Box, { flexGrow: 1, flexDirection: "column", children: [_jsx(Text, { color: RUBIX_THEME.colors.brand, bold: true, children: "Setup" }), _jsx(Text, { dimColor: true, children: "1. Choose Login below or type /login." }), _jsx(Text, { dimColor: true, children: "2. Open the verification URL." }), _jsx(Text, { dimColor: true, children: "3. Enter the shown device code." }), _jsx(Box, { marginTop: 1 }), _jsx(Text, { color: RUBIX_THEME.colors.brand, bold: true, children: "Prompt" }), _jsx(Text, { dimColor: true, children: "/  commands  \u00B7  @  files  \u00B7  !  shell" })] })] }), _jsxs(Box, { marginTop: 2, flexDirection: "column", children: [_jsx(Text, { color: RUBIX_THEME.colors.brand, bold: true, children: "What would you like to do?" }), _jsx(Box, { marginTop: 1, children: _jsx(Select, { options: SPLASH_OPTIONS, visibleOptionCount: 2, isDisabled: selectDisabled, onChange: handleChange }) })] })] }) }));
 });

package/dist/ui/hooks/useBracketedPaste.js

@@ -0,0 +1,27 @@
+import { useEffect } from "react";
+/**
+ * useBracketedPaste
+ *
+ * Enables / disables terminal Bracketed Paste Mode (BPM).
+ * When BPM is active the terminal wraps every CMD+V paste in
+ * the escape sequences \x1b[200~ ... \x1b[201~, which Composer
+ * detects inside `useFilteredInput` to accumulate the full paste
+ * block before delivering it to the input value.
+ *
+ * This hook only handles the terminal toggle — all accumulation
+ * logic lives in Composer.tsx so there is a single stdin consumer.
+ */
+export function useBracketedPaste() {
+    useEffect(() => {
+        if (!process.stdout.isTTY)
+            return;
+        // Enable bracketed paste mode.
+        process.stdout.write("\x1b[?2004h");
+        return () => {
+            if (process.stdout.isTTY) {
+                // Disable bracketed paste mode on cleanup.
+                process.stdout.write("\x1b[?2004l");
+            }
+        };
+    }, []);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rubixkube/rubix",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Chat with your infrastructure from the terminal. RubixKube CLI for Site Reliability Intelligence—predict, prevent, and fix failures with AI.",
   "type": "module",
   "bin": {
@@ -9,7 +9,9 @@
   "files": [
     "dist",
     "patches",
-    "README.md"
+    "CHANGELOG.md",
+    "README.md",
+    "LICENSE"
   ],
   "scripts": {
     "postinstall": "patch-package",
@@ -33,7 +35,7 @@
     "mttr",
     "ai-agent"
   ],
-  "license": "MIT",
+  "license": "SEE LICENSE IN LICENSE",
   "repository": {
     "type": "git",
     "url": "https://github.com/rubixkube-io/rubix-cli"
@@ -65,4 +67,4 @@
     "url": "https://github.com/rubixkube-io/rubix-cli/issues"
   },
   "author": "RubixKube <connect@rubixkube.ai>"
-}
+}

package/patches/ink-multiline-input+0.1.0.patch

@@ -1,20 +1,211 @@
 diff --git a/node_modules/ink-multiline-input/dist/index.js b/node_modules/ink-multiline-input/dist/index.js
-index b1262e7..e6e7fca 100644
+index b1262e7..53a5c68 100644
 --- a/node_modules/ink-multiline-input/dist/index.js
 +++ b/node_modules/ink-multiline-input/dist/index.js
-@@ -360,6 +360,73 @@ var MultilineInput = ({
-         setCursorIndex(Math.min(value.length, cursorIndex + 1));
+@@ -1,5 +1,5 @@
+ // src/MultilineInput.tsx
+-import { useState as useState2, useEffect as useEffect3, useMemo as useMemo2 } from "react";
++import { useState as useState2, useEffect as useEffect3, useMemo as useMemo2, useRef as useRef2 } from "react";
+ import { useInput } from "ink";
+ 
+ // src/ControlledMultilineInput.tsx
+@@ -212,7 +212,8 @@ var ControlledMultilineInput = ({
+       flexDirection: "column",
+       flexGrow: 0,
+       flexShrink: 0,
+-      children: /* @__PURE__ */ jsxs(Box2, { flexDirection: "column", children: [
++      children: /* @__PURE__ */ jsxs(Box2, {
++        flexDirection: "column", children: [
+         /* @__PURE__ */ jsxs(
+           Box2,
+           {
+@@ -221,16 +222,23 @@ var ControlledMultilineInput = ({
+             flexShrink: 0,
+             flexDirection: "column",
+             children: [
+-              /* @__PURE__ */ jsx2(Box2, { marginTop: -scrollOffset, flexDirection: "column", children: /* @__PURE__ */ jsx2(MeasureBox, { onHeightChange: setContentHeight, children: /* @__PURE__ */ jsxs(Text, { children: [
+-                preCursor?.map((segment, idx) => /* @__PURE__ */ jsx2(Text, { ...getStyle(segment.type), children: segment.value }, idx)),
+-                postCursor?.map((segment, idx) => /* @__PURE__ */ jsx2(Text, { ...getStyle(segment.type), children: segment.value }, idx))
+-              ] }) }) }),
++              /* @__PURE__ */ jsx2(Box2, {
++              marginTop: -scrollOffset, flexDirection: "column", children: /* @__PURE__ */ jsx2(MeasureBox, {
++                onHeightChange: setContentHeight, children: /* @__PURE__ */ jsxs(Text, {
++                  children: [
++                    preCursor?.map((segment, idx) => /* @__PURE__ */ jsx2(Text, { ...getStyle(segment.type), children: segment.value }, idx)),
++                    postCursor?.map((segment, idx) => /* @__PURE__ */ jsx2(Text, { ...getStyle(segment.type), children: segment.value }, idx))
++                  ]
++                })
++              })
++            }),
+               /* @__PURE__ */ jsx2(Spacer, {})
+             ]
+           }
+         ),
+         /* @__PURE__ */ jsx2(MeasureBox, { onHeightChange: setMarkerHeight, children: /* @__PURE__ */ jsx2(Text, { children: preCursor?.map((segment, idx) => /* @__PURE__ */ jsx2(Text, { ...getStyle(segment.type), children: segment.value }, idx)) }) })
+-      ] })
++        ]
++      })
+     }
+   );
+ };
+@@ -250,21 +258,53 @@ var MultilineInput = ({
+ }) => {
+   const [cursorIndex, setCursorIndex] = useState2(value.length);
+   const [pasteLength, setPasteLength] = useState2(0);
++  // ── Fast-typing fix ─────────────────────────────────────────────────────
++  // Both `value` (prop) and `cursorIndex` (state) are captured by the
++  // useCustomInput closure at render time.  When keystrokes arrive faster
++  // than React can re-render, the closure sees stale values and characters
++  // are inserted into an outdated string at wrong positions.
++  //
++  // Fix: mirror both in refs that we update **synchronously inside the
++  // handler** right after computing new values.  The next keystroke reads
++  // the refs (always current) instead of the stale closure variables.
++  const valueRef = useRef2(value);
++  const cursorRef = useRef2(cursorIndex);
++  // Track the last value we sent to the parent via onChange so we can
++  // distinguish external resets (parent changed value independently)
++  // from our own in-flight updates that React hasn't applied yet.
++  const lastNotifiedRef = useRef2(value);
++  // Only sync from props when the parent has caught up or an external
++  // reset occurred.  Without this guard, a render with a stale prop
++  // (from a previous keystroke's onChange that hasn't propagated yet)
++  // would overwrite the ref and undo the handler's synchronous updates.
++  if (value !== lastNotifiedRef.current) {
++    // External reset (e.g. submit cleared the value, or parent changed it)
++    valueRef.current = value;
++    cursorRef.current = cursorIndex;
++    lastNotifiedRef.current = value;
++  }
+   useEffect3(() => {
+     if (cursorIndex > value.length) {
+       setCursorIndex(value.length);
++      cursorRef.current = value.length;
+     }
+   }, [value, cursorIndex]);
+   useCustomInput((input, key) => {
++    // Read latest value & cursor from refs (never stale).
++    const v = valueRef.current;
++    const ci = cursorRef.current;
+     const submitKey = keyBindings?.submit ?? ((key2) => key2.return && key2.ctrl);
+     const newlineKey = keyBindings?.newline ?? ((key2) => key2.return);
+     if (submitKey(key)) {
+-      onSubmit?.(value);
++      onSubmit?.(v);
+       return;
+     } else if (newlineKey(key)) {
+-      const newValue = value.slice(0, cursorIndex) + "\n" + value.slice(cursorIndex);
++      const newValue = v.slice(0, ci) + "\n" + v.slice(ci);
++      valueRef.current = newValue;
++      cursorRef.current = ci + 1;
+       onChange(newValue);
+-      setCursorIndex(cursorIndex + 1);
++      lastNotifiedRef.current = newValue;
++      setCursorIndex(ci + 1);
+       setPasteLength(0);
+       return;
+     }
+@@ -272,9 +312,12 @@ var MultilineInput = ({
+       return;
+     }
+     if (keyBindings?.newline?.(key)) {
+-      const newValue = value.slice(0, cursorIndex) + "\n" + value.slice(cursorIndex);
++      const newValue = v.slice(0, ci) + "\n" + v.slice(ci);
++      valueRef.current = newValue;
++      cursorRef.current = ci + 1;
+       onChange(newValue);
+-      setCursorIndex(cursorIndex + 1);
++      lastNotifiedRef.current = newValue;
++      setCursorIndex(ci + 1);
+       setPasteLength(0);
+       return;
+     }
+@@ -284,7 +327,7 @@ var MultilineInput = ({
+     }
+     if (key.upArrow) {
+       if (showCursor) {
+-        const lines = normalizeLineEndings(value).split("\n");
++        const lines = normalizeLineEndings(v).split("\n");
+         let currentLineIndex = 0;
+         let currentPos = 0;
+         let col = 0;
+@@ -293,9 +336,9 @@ var MultilineInput = ({
+           if (line === void 0) continue;
+           const lineLen = line.length;
+           const lineEnd = currentPos + lineLen;
+-          if (cursorIndex >= currentPos && cursorIndex <= lineEnd) {
++          if (ci >= currentPos && ci <= lineEnd) {
+             currentLineIndex = i;
+-            col = cursorIndex - currentPos;
++            col = ci - currentPos;
+             break;
+           }
+           currentPos = lineEnd + 1;
+@@ -311,6 +354,7 @@ var MultilineInput = ({
+               newIndex += lines[i].length + 1;
+             }
+             newIndex += newCol;
++            cursorRef.current = newIndex;
+             setCursorIndex(newIndex);
+             setPasteLength(0);
+           }
+@@ -318,7 +362,7 @@ var MultilineInput = ({
+       }
+     } else if (key.downArrow) {
+       if (showCursor) {
+-        const lines = normalizeLineEndings(value).split("\n");
++        const lines = normalizeLineEndings(v).split("\n");
+         let currentLineIndex = 0;
+         let currentPos = 0;
+         let col = 0;
+@@ -327,9 +371,9 @@ var MultilineInput = ({
+           if (line === void 0) continue;
+           const lineLen = line.length;
+           const lineEnd = currentPos + lineLen;
+-          if (cursorIndex >= currentPos && cursorIndex <= lineEnd) {
++          if (ci >= currentPos && ci <= lineEnd) {
+             currentLineIndex = i;
+-            col = cursorIndex - currentPos;
++            col = ci - currentPos;
+             break;
+           }
+           currentPos = lineEnd + 1;
+@@ -345,6 +389,7 @@ var MultilineInput = ({
+               newIndex += lines[i].length + 1;
+             }
+             newIndex += newCol;
++            cursorRef.current = newIndex;
+             setCursorIndex(newIndex);
+             setPasteLength(0);
+           }
+@@ -352,31 +397,118 @@ var MultilineInput = ({
+       }
+     } else if (key.leftArrow) {
+       if (showCursor) {
+-        setCursorIndex(Math.max(0, cursorIndex - 1));
++        const nc = Math.max(0, ci - 1);
++        cursorRef.current = nc;
++        setCursorIndex(nc);
+         setPasteLength(0);
+       }
+     } else if (key.rightArrow) {
+       if (showCursor) {
+-        setCursorIndex(Math.min(value.length, cursorIndex + 1));
++        const nc = Math.min(v.length, ci + 1);
++        cursorRef.current = nc;
++        setCursorIndex(nc);
          setPasteLength(0);
        }
 +    } else if (key.ctrl && (input === "a" || input === "\u0001")) {
 +      if (showCursor) {
-+        const lines = normalizeLineEndings(value).split("\n");
++        const lines = normalizeLineEndings(v).split("\n");
 +        let currentPos = 0;
 +        for (let i = 0; i < lines.length; i++) {
 +          const line = lines[i];
 +          if (line === void 0) continue;
 +          const lineEnd = currentPos + line.length;
-+          if (cursorIndex >= currentPos && cursorIndex <= lineEnd) {
++          if (ci >= currentPos && ci <= lineEnd) {
++            cursorRef.current = currentPos;
 +            setCursorIndex(currentPos);
 +            setPasteLength(0);
 +            break;
@@ -24,13 +215,14 @@ index b1262e7..e6e7fca 100644
 +      }
 +    } else if (key.ctrl && (input === "e" || input === "\u0005")) {
 +      if (showCursor) {
-+        const lines = normalizeLineEndings(value).split("\n");
++        const lines = normalizeLineEndings(v).split("\n");
 +        let currentPos = 0;
 +        for (let i = 0; i < lines.length; i++) {
 +          const line = lines[i];
 +          if (line === void 0) continue;
 +          const lineEnd = currentPos + line.length;
-+          if (cursorIndex >= currentPos && cursorIndex <= lineEnd) {
++          if (ci >= currentPos && ci <= lineEnd) {
++            cursorRef.current = lineEnd;
 +            setCursorIndex(lineEnd);
 +            setPasteLength(0);
 +            break;
@@ -39,16 +231,18 @@ index b1262e7..e6e7fca 100644
 +        }
 +      }
 +    } else if (key.ctrl && (input === "k" || input === "\u000b")) {
-+      if (showCursor && cursorIndex < value.length) {
-+        const lines = normalizeLineEndings(value).split("\n");
++      if (showCursor && ci < v.length) {
++        const lines = normalizeLineEndings(v).split("\n");
 +        let currentPos = 0;
 +        for (let i = 0; i < lines.length; i++) {
 +          const line = lines[i];
 +          if (line === void 0) continue;
 +          const lineEnd = currentPos + line.length;
-+          if (cursorIndex >= currentPos && cursorIndex <= lineEnd) {
-+            const newValue = value.slice(0, cursorIndex) + value.slice(lineEnd);
++          if (ci >= currentPos && ci <= lineEnd) {
++            const newValue = v.slice(0, ci) + v.slice(lineEnd);
++            valueRef.current = newValue;
 +            onChange(newValue);
++            lastNotifiedRef.current = newValue;
 +            setPasteLength(0);
 +            break;
 +          }
@@ -56,16 +250,19 @@ index b1262e7..e6e7fca 100644
 +        }
 +      }
 +    } else if (key.ctrl && (input === "u" || input === "\u0015")) {
-+      if (showCursor && cursorIndex > 0) {
-+        const lines = normalizeLineEndings(value).split("\n");
++      if (showCursor && ci > 0) {
++        const lines = normalizeLineEndings(v).split("\n");
 +        let currentPos = 0;
 +        for (let i = 0; i < lines.length; i++) {
 +          const line = lines[i];
 +          if (line === void 0) continue;
 +          const lineEnd = currentPos + line.length;
-+          if (cursorIndex >= currentPos && cursorIndex <= lineEnd) {
-+            const newValue = value.slice(0, currentPos) + value.slice(cursorIndex);
++          if (ci >= currentPos && ci <= lineEnd) {
++            const newValue = v.slice(0, currentPos) + v.slice(ci);
++            valueRef.current = newValue;
++            cursorRef.current = currentPos;
 +            onChange(newValue);
++            lastNotifiedRef.current = newValue;
 +            setCursorIndex(currentPos);
 +            setPasteLength(0);
 +            break;
@@ -74,5 +271,38 @@ index b1262e7..e6e7fca 100644
 +        }
 +      }
      } else if (key.return) {
-       const newValue = value.slice(0, cursorIndex) + "\n" + value.slice(cursorIndex);
+-      const newValue = value.slice(0, cursorIndex) + "\n" + value.slice(cursorIndex);
++      const newValue = v.slice(0, ci) + "\n" + v.slice(ci);
++      valueRef.current = newValue;
++      cursorRef.current = ci + 1;
        onChange(newValue);
+-      setCursorIndex(cursorIndex + 1);
++      lastNotifiedRef.current = newValue;
++      setCursorIndex(ci + 1);
+       setPasteLength(0);
+     } else if (key.backspace || key.delete) {
+-      if (cursorIndex > 0) {
+-        const newValue = value.slice(0, cursorIndex - 1) + value.slice(cursorIndex);
++      if (ci > 0) {
++        const newValue = v.slice(0, ci - 1) + v.slice(ci);
++        valueRef.current = newValue;
++        cursorRef.current = ci - 1;
+         onChange(newValue);
+-        setCursorIndex(cursorIndex - 1);
++        lastNotifiedRef.current = newValue;
++        setCursorIndex(ci - 1);
+         setPasteLength(0);
+       }
+     } else {
+       if (input) {
+-        const newValue = value.slice(0, cursorIndex) + input + value.slice(cursorIndex);
++        const newValue = v.slice(0, ci) + input + v.slice(ci);
++        valueRef.current = newValue;
++        cursorRef.current = ci + input.length;
+         onChange(newValue);
+-        setCursorIndex(cursorIndex + input.length);
++        lastNotifiedRef.current = newValue;
++        setCursorIndex(ci + input.length);
+         setPasteLength(nextPasteLength);
+       }
+     }