@bubblebrain-ai/bubble 0.0.35 → 0.0.37

package/dist/tui-ink/message-list.js

@@ -55,10 +55,10 @@ export function MessageList({ messages, streamingContent, streamingReasoning, st
     const clampDynamic = typeof maxStreamRows === "number" && maxStreamRows > 0;
     return (_jsxs(Box, { flexDirection: "column", flexShrink: 0, children: [_jsx(Static, { items: staticItems, children: (item) => {
                     if (item.kind === "welcome") {
-                        return (_jsx(Box, { flexDirection: "column", paddingX: paddingX, children: welcomeBanner }, item.key));
+                        return (_jsx(Box, { flexDirection: "column", paddingX: paddingX, backgroundColor: theme.background, children: welcomeBanner }, item.key));
                     }
-                    return (_jsx(Box, { flexDirection: "column", paddingX: paddingX, children: _jsx(MessageItem, { message: item.message, terminalColumns: terminalColumns, showThinking: showThinking, verboseTrace: verboseTrace, showExpandHint: item.showExpandHint, separateFromPrevious: item.separateFromPrevious }) }, item.key));
-                } }, `transcript-${staticGeneration}`), hasDynamic && (_jsxs(DynamicClamp, { maxRows: clampDynamic ? maxStreamRows : undefined, paddingX: paddingX, children: [hasStreaming && (_jsx(StreamingMessage, { content: streamingContent, reasoning: streamingReasoning, tools: streamingTools, parts: streamingParts, terminalColumns: terminalColumns, showThinking: showThinking, verboseTrace: verboseTrace, pendingApproval: pendingApproval, nowTick: nowTick })), pendingSteerMessages.length > 0 && (_jsx(PendingInputMessagesBlock, { messages: pendingSteerMessages, terminalColumns: terminalColumns, title: "Messages to steer at next model call", hint: "applies before the next provider request", bulletColor: theme.warning })), queuedInputMessages.length > 0 && (_jsx(PendingInputMessagesBlock, { messages: queuedInputMessages, terminalColumns: terminalColumns, title: "Messages queued for next turn", hint: "runs after the current answer", bulletColor: theme.muted }))] }))] }));
+                    return (_jsx(Box, { flexDirection: "column", paddingX: paddingX, backgroundColor: theme.background, children: _jsx(MessageItem, { message: item.message, terminalColumns: terminalColumns, showThinking: showThinking, verboseTrace: verboseTrace, showExpandHint: item.showExpandHint, separateFromPrevious: item.separateFromPrevious }) }, item.key));
+                } }, `transcript-${staticGeneration}`), hasDynamic && (_jsxs(DynamicClamp, { maxRows: clampDynamic ? maxStreamRows : undefined, paddingX: paddingX, backgroundColor: theme.background, children: [hasStreaming && (_jsx(StreamingMessage, { content: streamingContent, reasoning: streamingReasoning, tools: streamingTools, parts: streamingParts, terminalColumns: terminalColumns, showThinking: showThinking, verboseTrace: verboseTrace, pendingApproval: pendingApproval, nowTick: nowTick })), pendingSteerMessages.length > 0 && (_jsx(PendingInputMessagesBlock, { messages: pendingSteerMessages, terminalColumns: terminalColumns, title: "Messages to steer at next model call", hint: "applies before the next provider request", bulletColor: theme.warning })), queuedInputMessages.length > 0 && (_jsx(PendingInputMessagesBlock, { messages: queuedInputMessages, terminalColumns: terminalColumns, title: "Messages queued for next turn", hint: "runs after the current answer", bulletColor: theme.muted }))] }))] }));
 }
 /**
  * Bounds the live (in-progress turn) region to at most `maxRows` rows, pinned
@@ -70,7 +70,7 @@ export function MessageList({ messages, streamingContent, streamingReasoning, st
  * (no reserved-space gap). The full turn still lands in <Static> scrollback the
  * moment it commits, so nothing is lost — only the live preview is windowed.
  */
-function DynamicClamp({ maxRows, paddingX, children, }) {
+function DynamicClamp({ maxRows, paddingX, backgroundColor, children, }) {
     const innerRef = React.useRef(null);
     const [offset, setOffset] = React.useState(0);
     const [clipHeight, setClipHeight] = React.useState(undefined);
@@ -102,7 +102,7 @@ function DynamicClamp({ maxRows, paddingX, children, }) {
                 setClipHeight(undefined);
         }
     });
-    return (_jsx(Box, { flexDirection: "column", flexShrink: 0, paddingX: paddingX, ...(clipHeight !== undefined ? { height: clipHeight, overflowY: "hidden" } : {}), children: _jsx(Box, { ref: innerRef, flexDirection: "column", flexShrink: 0, marginTop: offset, children: children }) }));
+    return (_jsx(Box, { flexDirection: "column", flexShrink: 0, paddingX: paddingX, backgroundColor: backgroundColor, ...(clipHeight !== undefined ? { height: clipHeight, overflowY: "hidden" } : {}), children: _jsx(Box, { ref: innerRef, flexDirection: "column", flexShrink: 0, marginTop: offset, children: children }) }));
 }
 // Memoized: with no <Static> region, every transcript row re-renders on each
 // state change unless its props are referentially stable. Message objects are

package/dist/tui-ink/model-picker.d.ts

@@ -1,4 +1,4 @@
-import { ProviderRegistry } from "../provider-registry.js";
+import { ProviderRegistry, type ModelDiscoverySource, type ModelInfo, type ProviderProfile } from "../provider-registry.js";
 import type { ThinkingLevel } from "../types.js";
 export { padVisual, truncateVisual } from "../text-display.js";
 export interface ModelPickerOption {
@@ -7,6 +7,25 @@ export interface ModelPickerOption {
     group: string;
     providerBadge: string;
     reasoningLevels: ThinkingLevel[];
+    defaultReasoningLevel?: ThinkingLevel;
+    contextWindow?: number;
+    toolOutputTokenLimit?: number;
+    available: boolean;
+    pending: boolean;
+}
+export type ModelPickerPhase = {
+    kind: "model";
+} | {
+    kind: "effort";
+    model: ModelPickerOption;
+    selectedIndex: number;
+};
+export interface ModelProviderDiscoveryState {
+    status: "pending" | "complete";
+    models: ModelInfo[];
+    source?: ModelDiscoverySource;
+    authoritative: boolean;
+    error?: string;
 }
 export type PickerKeyAction = "up" | "down" | "enter" | "escape" | "backspace" | "delete";
 export declare function resolvePickerKeyAction(input: string, key: {
@@ -26,13 +45,36 @@ export declare function formatSkillPickerRow(skill: {
     width: number;
 }): string;
 export declare const MODEL_PICKER_MAX_BODY_ROWS = 10;
-export declare const MODEL_PICKER_CHROME_ROWS = 13;
+export declare const MODEL_PICKER_CHROME_ROWS = 14;
+export declare const MODEL_PICKER_RECENT_FAMILY_LIMIT = 3;
+export type ModelPickerDisplayItem = {
+    kind: "header";
+    key: string;
+    label: string;
+} | {
+    kind: "model";
+    key: string;
+    option: ModelPickerOption;
+};
 export declare function modelPickerBodyRows(termHeight: number): number;
 export declare function clampPickerIndex(index: number, length: number): number;
 export declare function pickerWindowStart(selectedIndex: number, length: number, visibleRows: number): number;
 export declare function padPickerRows(rows: string[], bodyRows: number, width: number): string[];
+export declare function modelPickerRecentKey(recent: readonly string[]): string;
+/**
+ * Returns a provider-scoped family key for model ordering.
+ *
+ * Keep this deliberately conservative: suffixes such as `mini`, `codex`,
+ * `spark`, or `highspeed` often describe distinct products rather than
+ * interchangeable siblings. The Codex Sol/Terra/Luna trio is the one family
+ * whose relationship is explicitly declared by the provider catalog.
+ */
+export declare function modelPickerFamilyKey(provider: Pick<ProviderProfile, "id" | "authType">, modelId: string): string;
+export declare function buildModelPickerDisplayItems(options: readonly ModelPickerOption[]): ModelPickerDisplayItem[];
+export declare function resolveModelPickerDisplayIndex(items: readonly ModelPickerDisplayItem[], selectedId: string | undefined): number;
+export declare function filterAndRankModelPickerOptions(options: readonly ModelPickerOption[], query: string): ModelPickerOption[];
 export declare function formatReasoningLevelsLabel(levels: readonly ThinkingLevel[], asToggle?: boolean): string;
-export declare function formatModelPickerRow(option: Pick<ModelPickerOption, "id" | "label" | "providerBadge" | "reasoningLevels">, options: {
+export declare function formatModelPickerRow(option: Pick<ModelPickerOption, "id" | "label" | "providerBadge" | "reasoningLevels"> & Partial<Pick<ModelPickerOption, "available" | "pending">>, options: {
     selected: boolean;
     current: boolean;
     width: number;
@@ -43,8 +85,12 @@ export declare function formatEffortPickerRow(level: ThinkingLevel, options: {
     asToggle?: boolean;
 }): string;
 export declare function formatNoModelResultsRow(query: string, width: number): string;
-export declare function preferredEffortIndex(option: Pick<ModelPickerOption, "reasoningLevels">, currentThinkingLevel: ThinkingLevel): number;
+export declare function preferredEffortIndex(option: Pick<ModelPickerOption, "reasoningLevels" | "defaultReasoningLevel">, currentThinkingLevel: ThinkingLevel): number;
 export declare function shouldOpenEffortPicker(option: Pick<ModelPickerOption, "reasoningLevels">): boolean;
+export declare function isModelOptionSelectable(option: Pick<ModelPickerOption, "available" | "pending" | "reasoningLevels">): boolean;
+export declare function resolveSelectedModelId(options: readonly ModelPickerOption[], selectedId: string | undefined): string | undefined;
+export declare function moveModelSelection(options: readonly ModelPickerOption[], selectedId: string | undefined, direction: -1 | 1): string | undefined;
+export declare function reconcileModelPickerPhase(phase: ModelPickerPhase, options: readonly ModelPickerOption[], currentThinkingLevel: ThinkingLevel): ModelPickerPhase;
 export interface ModelPickerProps {
     registry: ProviderRegistry;
     current: string;
@@ -55,6 +101,17 @@ export interface ModelPickerProps {
 }
 export declare function ModelPicker({ registry, current, currentThinkingLevel, recent, onSelect, onCancel }: ModelPickerProps): import("react/jsx-runtime").JSX.Element;
 export declare function buildLocalModelOptions(registry: ProviderRegistry, current: string, recent: string[]): ModelPickerOption[];
+export declare function buildMergedModelOptions(input: {
+    providers: ReturnType<ProviderRegistry["getEnabled"]>;
+    localModelsByProvider: ReadonlyMap<string, readonly ModelInfo[]>;
+    discoveries: ReadonlyMap<string, ModelProviderDiscoveryState>;
+    current: string;
+    recent: readonly string[];
+}): ModelPickerOption[];
+export declare function formatModelDiscoveryStatus(providers: readonly Pick<ReturnType<ProviderRegistry["getEnabled"]>[number], "id" | "name">[], discoveries: ReadonlyMap<string, ModelProviderDiscoveryState>): {
+    text: string;
+    hasError: boolean;
+};
 export interface ProviderPickerProps {
     providers: Array<{
         id: string;