@bubblebrain-ai/bubble 0.0.32 → 0.0.33

package/dist/tui-ink/app.js

@@ -72,6 +72,12 @@ function friendlyCwd(cwd) {
         return "~" + cwd.slice(home.length);
     return cwd;
 }
+function sessionBasename(sessionFile) {
+    if (!sessionFile)
+        return undefined;
+    const base = sessionFile.split("/").pop() ?? sessionFile;
+    return base.replace(/\.jsonl$/, "");
+}
 function truncate(value, max) {
     if (value.length <= max)
         return value;
@@ -1686,7 +1692,7 @@ export function App({ agent, args, sessionManager: initialSessionManager, switch
     const showThinkingLabel = Boolean(thinkingLevel)
         && thinkingLevel !== "off"
         && (isMiniMaxProvider || getAvailableThinkingLevels(agent.providerId, agent.apiModel).length > 2);
-    const welcomeBannerNode = showWelcome ? (_jsx(WelcomeBanner, { terminalColumns: terminalColumns, tips: buildTips(agent, safeRegistry), updateNotice: currentUpdateNotice, cwd: friendlyCwd(args.cwd), providerId: agent.providerId || safeRegistry.getDefault()?.id, modelLabel: agent.model ? displayModel(agent.model) : undefined, thinkingLabel: showThinkingLabel ? thinkingLevel : undefined })) : null;
+    const welcomeBannerNode = showWelcome ? (_jsx(WelcomeBanner, { terminalColumns: terminalColumns, tips: buildTips(agent, safeRegistry), updateNotice: currentUpdateNotice, cwd: friendlyCwd(args.cwd), sessionLabel: sessionBasename(currentSessionFile()), providerId: agent.providerId || safeRegistry.getDefault()?.id, modelLabel: agent.model ? displayModel(agent.model) : undefined, thinkingLabel: showThinkingLabel ? thinkingLevel : undefined })) : null;
     const commandPaletteItems = useMemo(() => buildCommandPaletteItems(safeSkillRegistry), [safeSkillRegistry]);
     const mcpReconnectItems = useMemo(() => buildMcpReconnectItems(mcpManager), [mcpManager]);
     // No fixed-height frame: settled rows flow into the terminal's native

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

@@ -17,6 +17,11 @@ export interface Theme {
     success: string;
     background: string;
     accent: string;
+    /** Welcome banner border. */
+    bannerBorder: string;
+    /** Welcome banner logo/title gradient endpoints (top→bottom, left→right). */
+    bannerGradientFrom: string;
+    bannerGradientTo: string;
     border: string;
     borderActive: string;
     backgroundPanel: string;

package/dist/tui-ink/theme.js

@@ -16,6 +16,9 @@ export const darkTheme = {
     success: "green",
     background: "#0A0A0A",
     accent: "cyan",
+    bannerBorder: "#38bdf8",
+    bannerGradientFrom: "#67e8f9",
+    bannerGradientTo: "#a78bfa",
     border: "gray",
     borderActive: "cyan",
     backgroundPanel: "#141414",
@@ -62,6 +65,9 @@ export const lightTheme = {
     success: "#2F7D4A",
     background: "#FCFCFA",
     accent: "#8B4A00",
+    bannerBorder: "#356FD2",
+    bannerGradientFrom: "#0E7490",
+    bannerGradientTo: "#6D28D9",
     border: "#B9BDB8",
     borderActive: "#356FD2",
     backgroundPanel: "#F6F6F3",

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

@@ -6,6 +6,8 @@ interface WelcomeBannerProps {
     updateNotice?: string;
     /** Friendly working directory (~ collapsed). */
     cwd?: string;
+    /** Session identifier (session file basename). */
+    sessionLabel?: string;
     providerId?: string;
     modelLabel?: string;
     /** Active thinking level, rendered as part of the model unit (e.g. "xhigh"). */
@@ -16,6 +18,7 @@ interface WelcomeVisibilityInput {
     startedWithVisibleHistory: boolean;
 }
 export declare function shouldShowWelcomeBanner({ startedWithVisibleHistory, }: WelcomeVisibilityInput): boolean;
-export declare function WelcomeBanner({ terminalColumns, tips, updateNotice, cwd, providerId, modelLabel, thinkingLabel, }: WelcomeBannerProps): import("react/jsx-runtime").JSX.Element;
+export declare function lerpColor(from: string, to: string, t: number): string;
+export declare function WelcomeBanner({ terminalColumns, tips, updateNotice, cwd, sessionLabel, providerId, modelLabel, thinkingLabel, }: WelcomeBannerProps): import("react/jsx-runtime").JSX.Element;
 export declare function formatModelLine({ providerId, modelLabel, thinkingLabel, tips, }: Pick<WelcomeBannerProps, "providerId" | "modelLabel" | "thinkingLabel" | "tips">): string;
 export {};

package/dist/tui-ink/welcome.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from "ink";
 import { createRequire } from "node:module";
 import { useTheme } from "./theme.js";
@@ -18,7 +18,17 @@ export function shouldShowWelcomeBanner({ startedWithVisibleHistory, }) {
         return false;
     return true;
 }
-export function WelcomeBanner({ terminalColumns, tips, updateNotice, cwd, providerId, modelLabel, thinkingLabel, }) {
+export function lerpColor(from, to, t) {
+    const pa = [1, 3, 5].map((i) => parseInt(from.slice(i, i + 2), 16));
+    const pb = [1, 3, 5].map((i) => parseInt(to.slice(i, i + 2), 16));
+    const out = pa.map((v, i) => Math.round(v + ((pb[i] ?? v) - v) * t));
+    return `#${out.map((v) => v.toString(16).padStart(2, "0")).join("")}`;
+}
+function GradientText({ text, from, to }) {
+    const chars = [...text];
+    return (_jsx(_Fragment, { children: chars.map((ch, i) => (_jsx(Text, { bold: true, color: lerpColor(from, to, chars.length <= 1 ? 0 : i / (chars.length - 1)), children: ch }, `ch-${i}`))) }));
+}
+export function WelcomeBanner({ terminalColumns, tips, updateNotice, cwd, sessionLabel, providerId, modelLabel, thinkingLabel, }) {
     const theme = useTheme();
     const effectiveWidth = Math.max(24, Math.min(terminalColumns - 2, 96));
     const modelLine = formatModelLine({
@@ -27,7 +37,16 @@ export function WelcomeBanner({ terminalColumns, tips, updateNotice, cwd, provid
         thinkingLabel,
         tips,
     });
-    return (_jsxs(Box, { width: effectiveWidth, flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { flexDirection: "column", marginRight: 2, flexShrink: 0, children: COMPACT_LOGO.map((line, rowIndex) => (_jsx(Text, { color: theme.warning, bold: true, children: line }, `logo-row-${rowIndex}`))) }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, color: theme.inputText, children: "Bubble" }), _jsxs(Text, { color: theme.muted, children: [" ", PACKAGE_VERSION] })] }), modelLine && (_jsx(Text, { color: theme.muted, children: modelLine })), cwd && (_jsx(Text, { color: theme.muted, children: cwd }))] })] }), updateNotice && (_jsx(Box, { children: _jsx(Text, { color: theme.accent, children: updateNotice }) }))] }));
+    const infoRows = [];
+    if (cwd)
+        infoRows.push({ label: "Directory:", value: cwd, color: theme.inputText });
+    if (sessionLabel)
+        infoRows.push({ label: "Session:", value: sessionLabel, color: theme.muted });
+    if (modelLine)
+        infoRows.push({ label: "Model:", value: modelLine, color: theme.traceCommand });
+    infoRows.push({ label: "Version:", value: PACKAGE_VERSION, color: theme.muted });
+    const labelWidth = Math.max(...infoRows.map((row) => row.label.length)) + 1;
+    return (_jsxs(Box, { width: effectiveWidth, flexDirection: "column", marginBottom: 1, borderStyle: "round", borderColor: theme.bannerBorder, paddingX: 2, children: [_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { flexDirection: "column", marginRight: 2, flexShrink: 0, children: COMPACT_LOGO.map((line, rowIndex) => (_jsx(Text, { bold: true, color: lerpColor(theme.bannerGradientFrom, theme.bannerGradientTo, COMPACT_LOGO.length <= 1 ? 0 : rowIndex / (COMPACT_LOGO.length - 1)), children: line }, `logo-row-${rowIndex}`))) }), _jsxs(Box, { flexDirection: "column", marginTop: 1, flexGrow: 1, flexShrink: 1, children: [_jsx(Box, { children: _jsx(GradientText, { text: "Welcome to Bubble!", from: theme.bannerGradientFrom, to: theme.bannerGradientTo }) }), _jsx(Text, { color: theme.muted, wrap: "wrap", children: "I am a cat and you can send /help for help information." })] })] }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: infoRows.map((row) => (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { flexShrink: 0, children: _jsx(Text, { color: theme.dim, children: row.label.padEnd(labelWidth) }) }), _jsx(Box, { flexGrow: 1, flexShrink: 1, children: _jsx(Text, { color: row.color, wrap: "wrap", children: row.value }) })] }, row.label))) }), updateNotice && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.accent, children: updateNotice }) }))] }));
 }
 export function formatModelLine({ providerId, modelLabel, thinkingLabel, tips, }) {
     const parts = [];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bubblebrain-ai/bubble",
-  "version": "0.0.32",
+  "version": "0.0.33",
   "description": "A terminal coding agent",
   "type": "module",
   "engines": {