@bubblebrain-ai/bubble 0.0.12 → 0.0.13

package/dist/tui-opentui/welcome.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { createRequire } from "node:module";
+import { useTheme } from "./theme.js";
+import { BUBBLE_COMPACT_WORDMARK, BUBBLE_WORDMARK, bubbleWordmarkMaxWidth, } from "../tui/wordmark.js";
+const require = createRequire(import.meta.url);
+const PACKAGE_VERSION = readPackageVersion();
+const WIDE_LOGO_MIN_WIDTH = bubbleWordmarkMaxWidth(BUBBLE_WORDMARK) + 4;
+export function shouldShowWelcomeBanner({ messages, startedWithVisibleHistory, }) {
+    if (startedWithVisibleHistory)
+        return false;
+    return !messages.some((message) => message.syntheticKind !== "ui_summary");
+}
+export function WelcomeBanner({ terminalColumns, modelLabel, cwd, tips, skillsCount = 0, mcpConnectedCount = 0, mcpTotalCount = 0, hasAgentsFile = false, }) {
+    const theme = useTheme();
+    const effectiveWidth = Math.max(20, Math.min(terminalColumns - 2, 118));
+    const useWideLogo = effectiveWidth >= WIDE_LOGO_MIN_WIDTH;
+    const actionableTips = tips
+        .filter((item) => !item.startsWith("Ready with") && item.trim().length > 0)
+        .slice(0, 2);
+    const tip = actionableTips.length > 0
+        ? actionableTips.join(" · ")
+        : "Type / for commands and @ to reference files";
+    const sessionLine = modelLabel
+        ? `${modelLabel}${cwd ? ` · ${cwd}` : ""}`
+        : cwd;
+    return (_jsxs("box", { style: { flexDirection: "column", marginBottom: 1 }, children: [useWideLogo ? (_jsx("box", { style: { flexDirection: "column" }, children: BUBBLE_WORDMARK.map((line, i) => (_jsx(LogoRow, { line: line, theme: theme }, `logo-row-${i}`))) })) : (_jsx(LogoRow, { line: BUBBLE_COMPACT_WORDMARK[0] ?? { text: "bubble βrain", tone: "ink" }, theme: theme })), _jsxs("box", { style: { marginTop: 1, flexDirection: "column" }, children: [_jsx(MetaRow, { label: "Version", value: PACKAGE_VERSION, theme: theme }), sessionLine && _jsx(MetaRow, { label: "Session", value: sessionLine, theme: theme, bold: true }), _jsx(MetaRow, { label: "Tip", value: tip, theme: theme }), _jsx(MetaRow, { label: "Status", value: statusSummary(skillsCount, mcpConnectedCount, mcpTotalCount, hasAgentsFile), theme: theme })] })] }));
+}
+function LogoRow({ line, theme }) {
+    if (!line.segments) {
+        return (_jsx("text", { fg: logoColor(theme, line.tone ?? "caption"), attributes: 1, content: line.text ?? "" }));
+    }
+    return (_jsx("box", { style: { flexDirection: "row" }, children: line.segments.map((segment, index) => (_jsx("text", { fg: logoColor(theme, segment.tone), attributes: 1, content: segment.text }, `${index}-${segment.text}`))) }));
+}
+function logoColor(theme, tone) {
+    switch (tone) {
+        case "brand": return theme.warning;
+        case "ink": return theme.text;
+        case "stone": return theme.textMuted;
+        case "soft": return theme.textDim;
+        case "caption": return theme.textMuted;
+    }
+}
+export function HomeSurface({ terminalColumns, terminalRows, modelLabel, cwd, tips, skillsCount = 0, mcpConnectedCount = 0, mcpTotalCount = 0, hasAgentsFile = false, composer, }) {
+    const theme = useTheme();
+    const height = Math.max(18, terminalRows - 1);
+    const effectiveWidth = Math.max(24, Math.min(terminalColumns - 4, 118));
+    const composerWidth = Math.min(76, effectiveWidth);
+    return (_jsxs("box", { style: {
+            height,
+            flexDirection: "column",
+            alignItems: "center",
+            justifyContent: "center",
+            paddingLeft: 2,
+            paddingRight: 2,
+        }, children: [_jsx(WelcomeBanner, { terminalColumns: effectiveWidth, modelLabel: modelLabel, cwd: cwd, tips: tips, skillsCount: skillsCount, mcpConnectedCount: mcpConnectedCount, mcpTotalCount: mcpTotalCount, hasAgentsFile: hasAgentsFile }), _jsx("box", { style: { width: composerWidth, maxWidth: composerWidth, marginTop: 1 }, children: composer }), _jsx("box", { style: { marginTop: 1 }, children: _jsx("text", { fg: theme.textMuted, content: "enter send \u00B7 shift+enter newline \u00B7 / commands \u00B7 @ files" }) })] }));
+}
+function MetaRow({ label, value, theme, bold, }) {
+    // opencode uses 10-char left-padded labels in textMuted + bold value in text.
+    const padded = label.padEnd(10, " ");
+    return (_jsxs("box", { style: { flexDirection: "row" }, children: [_jsx("text", { fg: theme.textMuted, content: padded }), _jsx("text", { fg: theme.text, attributes: bold ? 1 : 0, content: value })] }));
+}
+function statusSummary(skills, mcpOn, mcpTotal, agents) {
+    const parts = [];
+    parts.push(skills > 0 ? `${skills} skills` : "no skills");
+    parts.push(mcpTotal === 0 ? "no MCPs" : `${mcpOn}/${mcpTotal} MCPs`);
+    parts.push(agents ? "AGENTS.md ✓" : "AGENTS.md ×");
+    return parts.join(" · ");
+}
+function readPackageVersion() {
+    try {
+        const pkg = require("../../package.json");
+        return pkg.version ? `v${pkg.version}` : "v0.0.0";
+    }
+    catch {
+        return "v0.0.0";
+    }
+}

package/dist/types.d.ts

@@ -267,6 +267,16 @@ export interface Provider {
         abortSignal?: AbortSignal;
     }): Promise<string>;
 }
+export interface AgentRunInput {
+    id: string;
+    content: string;
+    submittedAt?: number;
+}
+export interface AgentInputController {
+    drainPendingInputs(): AgentRunInput[];
+    pendingInputCount(): number;
+}
+export type AgentInputRejectedReason = "no_continuation";
 export type AgentEvent = {
     type: "turn_start";
 } | {
@@ -313,6 +323,20 @@ export type AgentEvent = {
     type: "context_recovered";
     droppedMessages: number;
     reason: "overflow";
+} | {
+    type: "input_pending_changed";
+    pending: number;
+} | {
+    type: "input_applied";
+    id: string;
+    content: string;
+    target: "current_turn";
+} | {
+    type: "input_rejected";
+    id: string;
+    content: string;
+    reason: AgentInputRejectedReason;
+    target: "next_turn";
 } | {
     type: "mode_changed";
     mode: PermissionMode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bubblebrain-ai/bubble",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "description": "A terminal coding agent",
   "type": "module",
   "engines": {
@@ -25,6 +25,9 @@
   },
   "dependencies": {
     "@larksuiteoapi/node-sdk": "^1.65.0",
+    "@opentui/core": "^0.2.15",
+    "@opentui/react": "^0.2.15",
+    "@opentui/solid": "^0.2.15",
     "@types/better-sqlite3": "^7.6.13",
     "@types/react": "^19.2.14",
     "@vue/language-server": "^3.2.7",
@@ -38,6 +41,7 @@
     "qrcode-terminal": "^0.12.0",
     "react": "^19.2.6",
     "shiki": "^4.0.2",
+    "solid-js": "^1.9.12",
     "string-width": "^8.2.1",
     "typescript-language-server": "^5.1.3",
     "vscode-jsonrpc": "^8.2.1",