@rubixkube/rubix 0.0.1

package/dist/ui/components/BrandPanel.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+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" })] })] }) }));
+}

package/dist/ui/components/ChatTranscript.js

@@ -0,0 +1,179 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import { Box, Text } from "ink";
+import { markdownToAnsi } from "../markdown.js";
+import { RUBIX_THEME } from "../theme.js";
+function extractThoughtTitle(content, max = 56) {
+    const plain = (content ?? "")
+        .replace(/```[\s\S]*?```/g, "")
+        .replace(/`([^`]*)`/g, "$1")
+        .replace(/\*\*([^*]+)\*\*/g, "$1")
+        .replace(/\*([^*]+)\*/g, "$1")
+        .replace(/^#+\s+/gm, "")
+        .replace(/\[(.*?)\]\([^)]*\)/g, "$1")
+        .trim();
+    const firstLine = plain.split("\n")[0]?.trim() ?? "";
+    if (!firstLine)
+        return "Thinking";
+    if (firstLine.length <= max)
+        return firstLine;
+    return `${firstLine.slice(0, max - 3)}...`;
+}
+function compact(value, max = 90) {
+    const normalized = (value ?? "").replace(/\s+/g, " ").trim();
+    if (normalized.length <= max)
+        return normalized;
+    return `${normalized.slice(0, max - 3)}...`;
+}
+/** Parse [CONTEXT] blocks from message content (matches console format). */
+function parseContextParts(content) {
+    const normalized = (content ?? "").replace(/\r\n/g, "\n").replace(/\r/g, "\n").trim();
+    if (!normalized)
+        return { mainMessage: "", contextParts: [] };
+    const parts = normalized.split(/\n\n(?=\[CONTEXT\])/);
+    const contextParts = [];
+    let mainMessage = "";
+    for (const part of parts) {
+        const trimmed = part.trim();
+        if (trimmed.startsWith("[CONTEXT]")) {
+            contextParts.push(trimmed);
+        }
+        else if (trimmed) {
+            mainMessage = mainMessage ? `${mainMessage}\n\n${trimmed}` : trimmed;
+        }
+    }
+    if (contextParts.length === 0)
+        return { mainMessage: normalized, contextParts: [] };
+    return { mainMessage, contextParts };
+}
+/** Preview of context block content (first line after header, max chars). */
+function previewContext(contextText, max = 72) {
+    const afterHeader = contextText.includes("\n") ? contextText.split("\n").slice(1).join("\n") : "";
+    const firstLine = afterHeader.trim().split("\n")[0]?.trim() ?? "";
+    const plain = firstLine.replace(/\s+/g, " ");
+    if (plain.length <= max)
+        return plain;
+    return `${plain.slice(0, max - 3)}...`;
+}
+function tryPrettyJson(raw) {
+    const s = (raw ?? "").trim();
+    if (!s)
+        return s;
+    try {
+        const parsed = JSON.parse(s);
+        return JSON.stringify(parsed, null, 2);
+    }
+    catch {
+        return s;
+    }
+}
+function buildTimelineRows(workflow, fullContent) {
+    const rows = [];
+    for (let index = 0; index < workflow.length; index += 1) {
+        const event = workflow[index];
+        const previous = rows[rows.length - 1];
+        const name = typeof event.details?.name === "string" ? event.details.name : "";
+        const eventId = typeof event.details?.id === "string" || typeof event.details?.id === "number"
+            ? String(event.details.id)
+            : "";
+        if (event.type === "thought") {
+            const content = fullContent ? (event.content ?? "").trim() : extractThoughtTitle(event.content);
+            if (!fullContent && previous?.label === "thought" && previous.content === content)
+                continue;
+            rows.push({
+                key: `${event.id}-${index}`,
+                label: "thought",
+                content: content || "Thinking",
+                color: RUBIX_THEME.colors.thought,
+            });
+            continue;
+        }
+        if (event.type === "function_call") {
+            const toolLabel = name || "tool";
+            const callContent = fullContent
+                ? event.content
+                    ? `${toolLabel}\n${tryPrettyJson(event.content) || event.content}`
+                    : toolLabel
+                : name || compact(event.content, 80) || "tool";
+            if (!fullContent && previous?.label === "tool call" && previous.content === callContent)
+                continue;
+            rows.push({
+                key: `${event.id}-${index}`,
+                label: "tool call",
+                content: callContent,
+                color: RUBIX_THEME.colors.tool,
+            });
+            continue;
+        }
+        if (event.type === "function_response") {
+            const raw = event.content || `[${name || eventId || "tool"}]`;
+            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)
+                continue;
+            rows.push({
+                key: `${event.id}-${index}`,
+                label: isError ? "tool error" : "tool result",
+                content: responseContent,
+                color: isError ? "red" : RUBIX_THEME.colors.assistantText,
+            });
+            continue;
+        }
+    }
+    return rows;
+}
+function buildWorkflowStats(workflow) {
+    const toolCalls = workflow.filter((e) => e.type === "function_call").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 };
+}
+export const ChatTranscript = React.memo(function ChatTranscript({ messages, workflowViewMode = "detailed", }) {
+    if (messages.length === 0) {
+        return _jsx(Box, {});
+    }
+    return (_jsx(Box, { flexDirection: "column", width: "100%", children: messages.map((message) => {
+            if (message.role === "user") {
+                const { mainMessage, contextParts } = parseContextParts(message.content || "");
+                const hasContext = contextParts.length > 0;
+                return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [mainMessage ? (_jsx(Box, { flexDirection: "column", children: mainMessage.split("\n").map((line, i) => (_jsxs(Text, { children: [_jsx(Text, { color: RUBIX_THEME.colors.brand, children: i === 0 ? "● " : "  " }), _jsx(Text, { color: RUBIX_THEME.colors.userText, children: line })] }, `${message.id}-main-${i}`))) })) : null, hasContext
+                            ? contextParts.map((ctx, i) => {
+                                const labelMatch = ctx.match(/^\[CONTEXT\]\s*\*\*([^*]+)\*\*/);
+                                const label = labelMatch ? labelMatch[1] : `Context ${i + 1}`;
+                                const preview = previewContext(ctx);
+                                return (_jsxs(Text, { dimColor: true, children: ["  ", _jsx(Text, { color: RUBIX_THEME.colors.brand, children: "\u25CB" }), " ", label, " \u2014 ", preview] }, `${message.id}-ctx-${i}`));
+                            })
+                            : null] }, message.id));
+            }
+            if (message.role === "assistant") {
+                const workflow = message.workflow ?? [];
+                const stats = buildWorkflowStats(workflow);
+                const isDetailed = workflowViewMode === "detailed";
+                const timelineRows = buildTimelineRows(workflow, isDetailed);
+                const rawContent = message.content || "";
+                const ansiContent = markdownToAnsi(rawContent);
+                const contentLines = ansiContent.split("\n");
+                const hasNonEmptyContent = rawContent.trim().length > 0;
+                const isStreaming = message.isAccumulating === true;
+                const hasWorkflow = workflow.length > 0;
+                // Build mixed timeline: interleave workflow events with text response
+                const renderMixedView = () => {
+                    // 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 lines = row.content.split("\n");
+                                    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] }));
+                };
+                return (_jsx(Box, { flexDirection: "column", marginBottom: 0, children: renderMixedView() }, message.id));
+            }
+            const isError = /error|failed|timed out|unable/i.test(message.content);
+            return (_jsxs(Text, { color: isError ? "red" : undefined, dimColor: !isError, children: [isError ? "! " : "", message.content || ""] }, message.id));
+        }) }));
+});

package/dist/ui/components/Composer.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useState, useEffect } from "react";
+import { Box, Text, useInput } from "ink";
+import { Spinner } from "@inkjs/ui";
+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, }) {
+    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);
+    const lastResetTokenRef = React.useRef(resetToken);
+    const effectiveValue = resetToken !== lastResetTokenRef.current ? value : bufferedValue;
+    useEffect(() => {
+        if (resetToken !== lastResetTokenRef.current) {
+            lastResetTokenRef.current = resetToken;
+            setBufferedValue(value);
+        }
+    }, [value, resetToken]);
+    const handleChange = (newValue) => {
+        setBufferedValue(newValue);
+        onChange(newValue);
+    };
+    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;
+        handler(input, key);
+    }, { isActive }), [captureArrowKeys]);
+    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),
+                        }, useCustomInput: useFilteredInput }, `composer-${resetToken}`)] }), _jsxs(Box, { justifyContent: "space-between", paddingX: 1, flexDirection: "column", children: [bashMode ? (_jsx(Text, { color: RUBIX_THEME.colors.bash, children: "Shell mode \u00B7 Esc to switch back" })) : null, _jsxs(Box, { justifyContent: "space-between", children: [_jsx(Text, { dimColor: true, children: suggestion || "? for shortcuts" }), busy ? _jsx(Spinner, { label: rightStatus }) : _jsx(Text, { dimColor: true, children: rightStatus })] })] })] }));
+});

package/dist/ui/components/DashboardPanel.js

@@ -0,0 +1,63 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { Box, Text } from "ink";
+import { compactSessionId, RUBIX_THEME } from "../theme.js";
+function displayName(user) {
+    const normalized = (user ?? "").trim();
+    if (!normalized)
+        return "operator";
+    if (normalized.includes("@")) {
+        return normalized.split("@")[0] ?? "operator";
+    }
+    return normalized.split(/\s+/)[0] ?? "operator";
+}
+function compactWorkspace(cwd) {
+    const trimmed = cwd.trim();
+    if (!trimmed)
+        return "";
+    const home = process.env.HOME ?? "";
+    const homeRelative = home && trimmed.startsWith(home) ? `~${trimmed.slice(home.length)}` : trimmed;
+    if (homeRelative.length <= 60)
+        return homeRelative;
+    return `...${homeRelative.slice(homeRelative.length - 57)}`;
+}
+function relativeTime(updatedAt) {
+    if (!updatedAt)
+        return "";
+    const ms = Date.now() - new Date(updatedAt).getTime();
+    if (ms < 60_000)
+        return "just now";
+    if (ms < 3_600_000)
+        return `${Math.floor(ms / 60_000)}m ago`;
+    if (ms < 86_400_000)
+        return `${Math.floor(ms / 3_600_000)}h ago`;
+    if (ms < 172_800_000)
+        return "yesterday";
+    if (ms < 604_800_000)
+        return `${Math.floor(ms / 86_400_000)}d ago`;
+    return new Date(updatedAt).toLocaleDateString(undefined, { month: "short", day: "numeric" });
+}
+function oneLine(input, max = 40) {
+    const value = (input ?? "").replace(/\s+/g, " ").trim();
+    if (!value)
+        return null;
+    return value.length <= max ? value : `${value.slice(0, max - 3)}...`;
+}
+const SUGGESTIONS = [
+    "check cluster health",
+    "run a security audit",
+    "inspect performance metrics",
+    "debug active issues",
+];
+const NAV_TIPS = [
+    { cmd: "/sessions", desc: "reopen a thread" },
+    { cmd: "/new", desc: "start fresh" },
+    { cmd: "/cluster", desc: "switch cluster" },
+    { cmd: "?", desc: "show shortcuts" },
+];
+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);
+    return (_jsx(Box, { flexDirection: "column", width: "100%", marginTop: 1, paddingX: 2, paddingY: 1, children: _jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: RUBIX_THEME.colors.brand, paddingX: 2, paddingY: 1, children: [_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { bold: true, children: ["Hello, ", greetingName] }), _jsx(Text, { dimColor: true, children: "Welcome to 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, width: "100%", alignItems: "flex-start", children: [_jsxs(Box, { flexDirection: "column", width: 42, children: [_jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsx(Text, { color: RUBIX_THEME.colors.brand, bold: true, children: "\u25C8" }), _jsx(Text, { color: RUBIX_THEME.colors.assistantText, bold: true, children: agentName })] }), selectedCluster ? (_jsxs(Box, { flexDirection: "row", gap: 1, marginTop: 1, children: [_jsx(Text, { color: RUBIX_THEME.colors.brand, children: selectedCluster.name }), _jsx(Text, { color: RUBIX_THEME.colors.border, children: "\u00B7" }), _jsx(Text, { dimColor: true, children: selectedCluster.status }), _jsx(Text, { color: RUBIX_THEME.colors.border, children: "\u00B7" }), _jsx(Text, { dimColor: true, children: "/cluster to switch" })] })) : (_jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "no cluster \u00B7 /cluster to select" }) })), workspace ? (_jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: workspace }) })) : null, _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: RUBIX_THEME.colors.brand, bold: true, children: "Try asking" }), SUGGESTIONS.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: 10 }).map((_, i) => (_jsx(Text, { color: RUBIX_THEME.colors.border, children: "\u2502" }, i))) }), _jsxs(Box, { flexGrow: 1, flexDirection: "column", minWidth: 26, children: [_jsx(Text, { color: RUBIX_THEME.colors.brand, bold: true, children: "Quick nav" }), NAV_TIPS.map(({ cmd, desc }) => (_jsxs(Text, { children: [_jsx(Text, { color: RUBIX_THEME.colors.assistantText, children: cmd.padEnd(11) }), _jsx(Text, { dimColor: true, children: desc })] }, cmd))), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: RUBIX_THEME.colors.brand, bold: true, children: "Recent" }), latest.length === 0 ? (_jsx(Text, { dimColor: true, children: "no sessions yet \u00B7 /new to start" })) : (latest.map((session, i) => (_jsxs(Box, { flexDirection: "column", marginTop: i > 0 ? 1 : 0, children: [_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "\u25CB " }), _jsx(Text, { children: oneLine(session.title) ?? "Untitled session" })] }), _jsxs(Text, { dimColor: true, children: ["  ", relativeTime(session.updatedAt) || compactSessionId(session.id)] })] }, session.id))))] })] })] })] }) }));
+});

package/dist/ui/components/SplashScreen.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback } from "react";
+import { Box, Text } from "ink";
+import BigText from "ink-big-text";
+import Gradient from "ink-gradient";
+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, }) {
+    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 }) })] })] }) }));
+});

package/dist/ui/components/StatusBar.js

@@ -0,0 +1,7 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { RUBIX_THEME } from "../theme.js";
+export function StatusBar({ cwd: _cwd, agentName, user, status }) {
+    const rightLabel = user ?? status;
+    return (_jsxs(Box, { justifyContent: "space-between", marginBottom: 1, children: [_jsxs(Text, { color: RUBIX_THEME.colors.brand, children: ["\u229E ", agentName, " \u25BE"] }), _jsx(Text, { dimColor: true, children: rightLabel })] }));
+}

package/dist/ui/components/TrustDisclaimer.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback } from "react";
+import { Box, Text } from "ink";
+import { Select } from "@inkjs/ui";
+import { RUBIX_THEME } from "../theme.js";
+const TRUST_OPTIONS = [
+    { label: "Trust this folder and continue", value: "trust" },
+    { label: "Exit", value: "exit" },
+];
+export const TrustDisclaimer = React.memo(function TrustDisclaimer({ folderPath, 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(Text, { bold: true, color: RUBIX_THEME.colors.brand, children: "Accessing workspace:" }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { bold: true, children: folderPath }) }), _jsxs(Box, { flexDirection: "column", marginTop: 1, marginBottom: 1, children: [_jsx(Text, { children: "By continuing, you allow Rubix to:" }), _jsxs(Box, { flexDirection: "column", marginTop: 1, paddingLeft: 2, children: [_jsxs(Text, { children: ["· ", "Connect to RubixKube Platform"] }), _jsxs(Text, { children: ["· ", "Receive and execute code suggestions from AI agents"] }), _jsxs(Text, { children: ["· ", "Read/write local files based on agent instructions"] })] })] }), _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { dimColor: true, children: "AI agents can make mistakes. Always review suggested commands and code" }), _jsx(Text, { dimColor: true, children: "before executing. Use your own judgement." })] }), _jsx(Box, { flexDirection: "column", marginBottom: 1, children: _jsx(Text, { dimColor: true, children: "Terms & Privacy: https://rubixkube.ai" }) }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: _jsx(Select, { options: TRUST_OPTIONS, onChange: handleChange, isDisabled: selectDisabled }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter to confirm \u00B7 Ctrl+C to exit" }) })] }) }));
+});

package/dist/ui/ink-theme.js

@@ -0,0 +1,37 @@
+import { defaultTheme, extendTheme } from "@inkjs/ui";
+export const inkTheme = extendTheme(defaultTheme, {
+    components: {
+        Spinner: {
+            styles: {
+                frame: () => ({
+                    color: "#5b8def",
+                }),
+            },
+        },
+        Select: {
+            styles: {
+                selectedIndicator: () => ({
+                    color: "#5b8def",
+                }),
+                focusIndicator: () => ({
+                    color: "#5b8def",
+                }),
+                label: ({ isFocused, isSelected }) => {
+                    if (isFocused || isSelected) {
+                        return { color: "#5b8def" };
+                    }
+                    return {};
+                },
+            },
+        },
+        StatusMessage: {
+            styles: {
+                icon: ({ variant }) => {
+                    if (variant === "info")
+                        return { color: "#5b8def" };
+                    return {};
+                },
+            },
+        },
+    },
+});

package/dist/ui/markdown.js

@@ -0,0 +1,53 @@
+import { marked } from "marked";
+import { markedTerminal } from "marked-terminal";
+let configured = false;
+function ensureConfigured() {
+    if (configured)
+        return;
+    marked.use(markedTerminal({ width: 100 }));
+    configured = true;
+}
+const BOLD_ON = "\x1b[1m";
+const BOLD_OFF = "\x1b[0m";
+/**
+ * Fixes over-indented list items. CommonMark treats 4+ leading spaces as a code block,
+ * so lists inside indented blocks (e.g. `      * **CPU**`) are rendered as code.
+ * Dedent list-like lines to 2 spaces so they parse as lists.
+ */
+function fixOverIndentedLists(md) {
+    return md.replace(/^( {4,})([-*+]|\d+\.)\s/gm, (_, _spaces, marker) => "  " + marker + " ");
+}
+/**
+ * Fallback: marked-terminal's text renderer doesn't parse nested tokens, so **bold**
+ * inside list items etc. can appear raw. Convert to ANSI. (Skipping *italic* to avoid
+ * false matches with list bullets.)
+ */
+function fallbackBoldFormatting(s) {
+    return s.replace(/\*\*([^*]+)\*\*/g, BOLD_ON + "$1" + BOLD_OFF);
+}
+/**
+ * Collapse excessive blank lines. marked-terminal adds \n\n after every block,
+ * which creates too much vertical gap. Cap at a single blank line.
+ */
+function collapseExcessiveNewlines(s) {
+    return s.replace(/\n{3,}/g, "\n\n");
+}
+/**
+ * Converts markdown to ANSI-formatted terminal output.
+ * Returns the original string if parsing fails.
+ */
+export function markdownToAnsi(md) {
+    const trimmed = (md ?? "").trim();
+    if (!trimmed)
+        return "";
+    try {
+        ensureConfigured();
+        const fixed = fixOverIndentedLists(trimmed);
+        const result = marked(fixed, { async: false });
+        const str = typeof result === "string" ? result : trimmed;
+        return collapseExcessiveNewlines(fallbackBoldFormatting(str));
+    }
+    catch {
+        return trimmed;
+    }
+}

package/dist/ui/theme.js

@@ -0,0 +1,19 @@
+export const RUBIX_THEME = {
+    colors: {
+        brand: "#5b8def",
+        border: "#4a5568",
+        userText: "#a0aec0",
+        assistantText: "#e2e8f0",
+        thought: "#ff9f6b",
+        tool: "#63b3ed",
+        bash: "#e879f9",
+        bashPrompt: "#f87171",
+    },
+    spinnerFrames: ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"],
+};
+export function compactSessionId(sessionId) {
+    const value = sessionId.trim();
+    if (value.length <= 14)
+        return value;
+    return `${value.slice(0, 6)}…${value.slice(-4)}`;
+}

package/dist/version.js

@@ -0,0 +1,7 @@
+import { readFileSync } from "fs";
+import { dirname, join } from "path";
+import { fileURLToPath } from "url";
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const pkgPath = join(__dirname, "..", "package.json");
+const pkg = JSON.parse(readFileSync(pkgPath, "utf-8"));
+export const VERSION = pkg.version;

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@rubixkube/rubix",
+  "version": "0.0.1",
+  "description": "Chat with your infrastructure from the terminal. RubixKube CLI for Site Reliability Intelligence—predict, prevent, and fix failures with AI.",
+  "type": "module",
+  "bin": {
+    "rubix": "dist/cli.js"
+  },
+  "files": [
+    "dist",
+    "patches",
+    "README.md"
+  ],
+  "scripts": {
+    "postinstall": "patch-package",
+    "prepublishOnly": "npm run build",
+    "dev": "tsx src/cli.ts",
+    "build": "tsc -p tsconfig.json",
+    "start": "node dist/cli.js",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
+  },
+  "keywords": [
+    "rubixkube",
+    "sri",
+    "site-reliability-intelligence",
+    "sre",
+    "kubernetes",
+    "cli",
+    "terminal",
+    "ai",
+    "observability",
+    "remediation",
+    "mttr",
+    "ai-agent"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/rubixkube-io/rubix-cli"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "dependencies": {
+    "@inkjs/ui": "^2.0.0",
+    "commander": "^14.0.3",
+    "dotenv": "^17.3.1",
+    "ink": "^6.8.0",
+    "ink-big-text": "^2.0.0",
+    "ink-gradient": "^4.0.0",
+    "ink-multiline-input": "^0.1.0",
+    "marked": "^15.0.12",
+    "marked-terminal": "^7.3.0",
+    "react": "^19.2.4",
+    "patch-package": "^8.0.1"
+  },
+  "devDependencies": {
+    "@types/node": "^25.3.0",
+    "@types/react": "^19.2.14",
+    "tsx": "^4.21.0",
+    "typescript": "^5.9.3"
+  },
+  "homepage": "https://rubixkube.ai",
+  "bugs": {
+    "url": "https://github.com/rubixkube-io/rubix-cli/issues"
+  },
+  "author": "RubixKube <connect@rubixkube.ai>"
+}

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

@@ -0,0 +1,78 @@
+diff --git a/node_modules/ink-multiline-input/dist/index.js b/node_modules/ink-multiline-input/dist/index.js
+index b1262e7..e6e7fca 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));
+         setPasteLength(0);
+       }
++    } else if (key.ctrl && (input === "a" || input === "\u0001")) {
++      if (showCursor) {
++        const lines = normalizeLineEndings(value).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) {
++            setCursorIndex(currentPos);
++            setPasteLength(0);
++            break;
++          }
++          currentPos = lineEnd + 1;
++        }
++      }
++    } else if (key.ctrl && (input === "e" || input === "\u0005")) {
++      if (showCursor) {
++        const lines = normalizeLineEndings(value).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) {
++            setCursorIndex(lineEnd);
++            setPasteLength(0);
++            break;
++          }
++          currentPos = lineEnd + 1;
++        }
++      }
++    } else if (key.ctrl && (input === "k" || input === "\u000b")) {
++      if (showCursor && cursorIndex < value.length) {
++        const lines = normalizeLineEndings(value).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);
++            onChange(newValue);
++            setPasteLength(0);
++            break;
++          }
++          currentPos = lineEnd + 1;
++        }
++      }
++    } else if (key.ctrl && (input === "u" || input === "\u0015")) {
++      if (showCursor && cursorIndex > 0) {
++        const lines = normalizeLineEndings(value).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);
++            onChange(newValue);
++            setCursorIndex(currentPos);
++            setPasteLength(0);
++            break;
++          }
++          currentPos = lineEnd + 1;
++        }
++      }
+     } else if (key.return) {
+       const newValue = value.slice(0, cursorIndex) + "\n" + value.slice(cursorIndex);
+       onChange(newValue);