@moldable-ai/ui 0.2.18 → 0.2.19

package/dist/components/chat/chat-panel.d.ts

@@ -3,10 +3,16 @@ import { type ChatImageAttachment, type ChatSlashCommandOption, type ChatSubmitM
 import { type ChatMessage } from './chat-message';
 import { type MessageCheckpoint } from './chat-messages';
 import { type ConversationMeta } from './conversation-history';
-import { type ModelOption } from './model-selector';
-import { type ReasoningEffortOption } from './reasoning-effort-selector';
+import { type ModelEffortPresetOption, type ModelProviderOption } from './model-effort-selector';
 import { type ApprovalResponseHandler } from './tool-approval-context';
 type ChatStatus = 'ready' | 'submitted' | 'streaming' | 'error';
+export type ChatAuthIssue = 'missing-api-key' | 'codex-oauth-expired';
+type ChatAuthIssueInput = {
+    missingApiKey?: boolean;
+    authIssue?: ChatAuthIssue | null;
+    error?: Error | null;
+};
+export declare function resolveChatAuthIssue({ missingApiKey, authIssue, error, }: ChatAuthIssueInput): ChatAuthIssue | null;
 /**
  * Progress data for a running tool (command execution with streaming stdout/stderr)
  */
@@ -47,18 +53,16 @@ export interface ChatPanelProps {
     onStop?: () => void;
     /** Handle new chat */
     onNewChat?: () => void;
-    /** Available models */
-    models: ModelOption[];
+    /** Direct AI providers available from the user's authenticated accounts */
+    modelProviders: ModelProviderOption[];
+    /** Model and effort presets shown as slider stops */
+    modelEffortPresets: ModelEffortPresetOption[];
     /** Selected model ID */
     selectedModel: string;
-    /** Handle model change */
-    onModelChange: (modelId: string) => void;
-    /** Available reasoning effort options (varies by model vendor) */
-    reasoningEffortOptions?: ReasoningEffortOption[];
     /** Selected reasoning effort */
-    selectedReasoningEffort?: string;
-    /** Handle reasoning effort change */
-    onReasoningEffortChange?: (effort: string) => void;
+    selectedReasoningEffort: string;
+    /** Handle one atomic model-and-effort preset change */
+    onModelEffortChange: (modelId: string, effort: string) => void;
     /** Conversation history */
     conversations?: ConversationMeta[];
     /** Current conversation ID */
@@ -87,6 +91,8 @@ export interface ChatPanelProps {
     error?: Error | null;
     /** Whether API keys are missing */
     missingApiKey?: boolean;
+    /** More specific auth issue to show in the setup prompt */
+    authIssue?: ChatAuthIssue | null;
     /** Callback to trigger API key setup */
     onAddApiKey?: () => void;
     /** Progress data for running tools (streaming stdout/stderr) */
@@ -137,6 +143,6 @@ export interface ChatPanelProps {
 /**
  * Floating chat panel with model selector
  */
-export declare function ChatPanel({ messages, status, isTurnInFlight, input, onInputChange, onSubmit, onStop, onNewChat, models, selectedModel, onModelChange, reasoningEffortOptions, selectedReasoningEffort, onReasoningEffortChange, conversations, currentConversationId, scrollToBottomSignal, onSelectConversation, onDeleteConversation, placeholder, welcomeMessage, isExpanded, onExpandedChange, isMinimized, onMinimizedChange, className, error, missingApiKey, onAddApiKey, toolProgress, onApprovalResponse, isEditingApp, onEditingAppChange, showEditingAppToggle, checkpoints, restoringMessageId, onRestoreCheckpoint, imageAttachments, onRemoveImageAttachment, isImageDropActive, queuedMessages, onRemoveQueuedMessage, onRetryQueuedMessage, onSteerQueuedMessage, onReorderQueuedMessages, onEditQueuedMessage, slashCommands, onSlashCommandSelect, isCompacting, compactedHistoryStartIndex, contextUsage, }: ChatPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatPanel({ messages, status, isTurnInFlight, input, onInputChange, onSubmit, onStop, onNewChat, modelProviders, modelEffortPresets, selectedModel, selectedReasoningEffort, onModelEffortChange, conversations, currentConversationId, scrollToBottomSignal, onSelectConversation, onDeleteConversation, placeholder, welcomeMessage, isExpanded, onExpandedChange, isMinimized, onMinimizedChange, className, error, missingApiKey, authIssue, onAddApiKey, toolProgress, onApprovalResponse, isEditingApp, onEditingAppChange, showEditingAppToggle, checkpoints, restoringMessageId, onRestoreCheckpoint, imageAttachments, onRemoveImageAttachment, isImageDropActive, queuedMessages, onRemoveQueuedMessage, onRetryQueuedMessage, onSteerQueuedMessage, onReorderQueuedMessages, onEditQueuedMessage, slashCommands, onSlashCommandSelect, isCompacting, compactedHistoryStartIndex, contextUsage, }: ChatPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=chat-panel.d.ts.map

package/dist/components/chat/chat-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-panel.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-panel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"chat-panel.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-panel.tsx"],"names":[],"mappings":"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"}

package/dist/components/chat/chat-panel.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { AlertCircle, ArrowDown, ChevronDown, ClipboardList, Code2, CornerDownRight, GripVertical, Image as ImageIcon, ListPlus, Pencil, Trash2, } from 'lucide-react';
+import { AlertCircle, ArrowDown, ChevronDown, ClipboardList, Code2, CornerDownRight, ExternalLink, GripVertical, Image as ImageIcon, ListPlus, Pencil, Trash2, } from 'lucide-react';
 import { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
 import { cn } from '../../lib/utils';
 import { Button } from '../ui/button';
@@ -10,8 +10,7 @@ import { ChatInput, } from './chat-input';
 import { CompactingMessage, ThinkingMessage, } from './chat-message';
 import { MessageRow, computeIsThinking, } from './chat-messages';
 import { ConversationHistory, } from './conversation-history';
-import { ModelSelector } from './model-selector';
-import { ReasoningEffortSelector, } from './reasoning-effort-selector';
+import { ModelEffortSelector, } from './model-effort-selector';
 import { ToolApprovalProvider, } from './tool-approval-context';
 import { ToolProgressProvider } from './tool-progress-context';
 import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors, } from '@dnd-kit/core';
@@ -19,6 +18,52 @@ import { SortableContext, sortableKeyboardCoordinates, useSortable, verticalList
 import { CSS } from '@dnd-kit/utilities';
 import { AnimatePresence, motion } from 'framer-motion';
 import { Virtualizer } from 'virtua';
+const CODEX_OAUTH_ERROR_PATTERNS = [
+    'codex oauth',
+    'codex-oauth',
+    'codex_oauth_json',
+    'openai codex authentication',
+    'openai/codex-responses',
+    'chatgpt.com/backend-api/codex',
+    'refresh_token_reused',
+];
+const MISSING_API_KEY_ERROR_PATTERNS = [
+    'api_key not configured',
+    'api key not found',
+    'api key required',
+    'credential required in vault',
+    'credential not configured in vault',
+];
+const AUTH_PROMPT_COPY = {
+    'missing-api-key': {
+        title: 'API key required',
+        description: 'Add an API key to Vault to start chatting with AI',
+        action: 'Add API key',
+    },
+    'codex-oauth-expired': {
+        title: 'Refresh OpenAI Codex auth',
+        description: 'Open Settings > API Keys and reconnect OpenAI Codex to keep using Codex-backed OpenAI models.',
+        action: 'Reconnect OpenAI Codex',
+    },
+};
+function messageIncludesAny(message, patterns) {
+    const normalized = message.toLowerCase();
+    return patterns.some((pattern) => normalized.includes(pattern));
+}
+export function resolveChatAuthIssue({ missingApiKey, authIssue, error, }) {
+    if (authIssue)
+        return authIssue;
+    const message = error?.message ?? '';
+    if (messageIncludesAny(message, CODEX_OAUTH_ERROR_PATTERNS)) {
+        return 'codex-oauth-expired';
+    }
+    if (missingApiKey)
+        return 'missing-api-key';
+    if (messageIncludesAny(message, MISSING_API_KEY_ERROR_PATTERNS)) {
+        return 'missing-api-key';
+    }
+    return null;
+}
 function clampPercent(value) {
     if (!Number.isFinite(value))
         return 0;
@@ -73,7 +118,7 @@ function QueuedMessageRow({ message, isResponding, onRetryQueuedMessage, onSteer
 /**
  * Floating chat panel with model selector
  */
-export function ChatPanel({ messages, status, isTurnInFlight, input, onInputChange, onSubmit, onStop, onNewChat, models, selectedModel, onModelChange, reasoningEffortOptions, selectedReasoningEffort, onReasoningEffortChange, conversations, currentConversationId, scrollToBottomSignal = 0, onSelectConversation, onDeleteConversation, placeholder = 'Ask anything...', welcomeMessage, isExpanded, onExpandedChange, isMinimized = false, onMinimizedChange, className, error, missingApiKey, onAddApiKey, toolProgress = {}, onApprovalResponse, isEditingApp = true, onEditingAppChange, showEditingAppToggle = false, checkpoints, restoringMessageId, onRestoreCheckpoint, imageAttachments = [], onRemoveImageAttachment, isImageDropActive = false, queuedMessages = [], onRemoveQueuedMessage, onRetryQueuedMessage, onSteerQueuedMessage, onReorderQueuedMessages, onEditQueuedMessage, slashCommands, onSlashCommandSelect, isCompacting = false, compactedHistoryStartIndex, contextUsage, }) {
+export function ChatPanel({ messages, status, isTurnInFlight, input, onInputChange, onSubmit, onStop, onNewChat, modelProviders, modelEffortPresets, selectedModel, selectedReasoningEffort, onModelEffortChange, conversations, currentConversationId, scrollToBottomSignal = 0, onSelectConversation, onDeleteConversation, placeholder = 'Ask anything...', welcomeMessage, isExpanded, onExpandedChange, isMinimized = false, onMinimizedChange, className, error, missingApiKey, authIssue, onAddApiKey, toolProgress = {}, onApprovalResponse, isEditingApp = true, onEditingAppChange, showEditingAppToggle = false, checkpoints, restoringMessageId, onRestoreCheckpoint, imageAttachments = [], onRemoveImageAttachment, isImageDropActive = false, queuedMessages = [], onRemoveQueuedMessage, onRetryQueuedMessage, onSteerQueuedMessage, onReorderQueuedMessages, onEditQueuedMessage, slashCommands, onSlashCommandSelect, isCompacting = false, compactedHistoryStartIndex, contextUsage, }) {
     const inputRef = useRef(null);
     const scrollAreaRef = useRef(null);
     const viewportRef = useRef(null);
@@ -96,9 +141,7 @@ export function ChatPanel({ messages, status, isTurnInFlight, input, onInputChan
     }));
     const isResponding = status === 'streaming' || status === 'submitted';
     const controlsDisabled = isTurnInFlight ?? isResponding;
-    const composerControls = (_jsxs(_Fragment, { children: [_jsx(ContextWindowIndicator, { usage: contextUsage }), _jsx(ModelSelector, { models: models, selectedModel: selectedModel, onModelChange: onModelChange, disabled: controlsDisabled, dropdownAlign: "end", dropdownSide: "top" }), reasoningEffortOptions &&
-                selectedReasoningEffort &&
-                onReasoningEffortChange && (_jsx(ReasoningEffortSelector, { options: reasoningEffortOptions, selectedEffort: selectedReasoningEffort, onEffortChange: onReasoningEffortChange, disabled: controlsDisabled, showLabel: true, dropdownAlign: "end", dropdownSide: "top" }))] }));
+    const composerControls = (_jsxs(_Fragment, { children: [_jsx(ContextWindowIndicator, { usage: contextUsage }), modelProviders.length > 0 && modelEffortPresets.length > 0 ? (_jsx(ModelEffortSelector, { providers: modelProviders, presets: modelEffortPresets, selectedModel: selectedModel, selectedReasoningEffort: selectedReasoningEffort, onSelectionChange: onModelEffortChange, disabled: controlsDisabled })) : null] }));
     // Capture the Radix viewport element so virtua can use it as the scroll container
     useEffect(() => {
         const scrollArea = scrollAreaRef.current;
@@ -137,12 +180,16 @@ export function ChatPanel({ messages, status, isTurnInFlight, input, onInputChan
             return () => clearTimeout(timer);
         }
     }, [isExpanded]);
-    const showMissingApiKeyPrompt = missingApiKey ||
-        (error &&
-            (error.message?.includes('API_KEY not configured') ||
-                error.message?.includes('credential required in Vault') ||
-                error.message?.includes('credential not configured in Vault')));
-    const submitDisabled = Boolean(showMissingApiKeyPrompt);
+    const resolvedAuthIssue = resolveChatAuthIssue({
+        missingApiKey,
+        authIssue,
+        error,
+    });
+    const authPromptCopy = resolvedAuthIssue
+        ? AUTH_PROMPT_COPY[resolvedAuthIssue]
+        : null;
+    const showAuthPrompt = Boolean(resolvedAuthIssue);
+    const submitDisabled = showAuthPrompt;
     const handleSubmit = useCallback((e, mode) => {
         e?.preventDefault();
         if (submitDisabled) {
@@ -219,7 +266,7 @@ export function ChatPanel({ messages, status, isTurnInFlight, input, onInputChan
     }, [isExpanded, onExpandedChange, onMinimizedChange]);
     const isStreaming = status === 'streaming' || status === 'submitted';
     const isThinking = useMemo(() => computeIsThinking(messages, status), [messages, status]);
-    const showErrorMessage = Boolean(error) && status === 'error' && !showMissingApiKeyPrompt;
+    const showErrorMessage = Boolean(error) && status === 'error' && !showAuthPrompt;
     const lastMessageId = messages[messages.length - 1]?.id;
     const listItems = useMemo(() => {
         const items = [];
@@ -244,8 +291,8 @@ export function ChatPanel({ messages, status, isTurnInFlight, input, onInputChan
         if (isCompacting) {
             items.push({ key: 'compacting', kind: 'compacting' });
         }
-        if (showMissingApiKeyPrompt) {
-            items.push({ key: 'missing-api-key', kind: 'missing-api-key' });
+        if (showAuthPrompt) {
+            items.push({ key: 'auth-prompt', kind: 'auth-prompt' });
         }
         if (showErrorMessage) {
             items.push({ key: 'error', kind: 'error' });
@@ -257,7 +304,7 @@ export function ChatPanel({ messages, status, isTurnInFlight, input, onInputChan
         compactedHistoryStartIndex,
         messages,
         showErrorMessage,
-        showMissingApiKeyPrompt,
+        showAuthPrompt,
         welcomeMessage,
     ]);
     const renderVirtualItem = useCallback((item) => {
@@ -274,14 +321,21 @@ export function ChatPanel({ messages, status, isTurnInFlight, input, onInputChan
                 return (_jsx("div", { className: "px-2 pb-3", children: _jsx(ThinkingMessage, {}) }));
             case 'compacting':
                 return (_jsx("div", { className: "px-2 pb-3", children: _jsx(CompactingMessage, {}) }));
-            case 'missing-api-key':
-                return (_jsx("div", { className: "px-2 pb-4", children: _jsxs("div", { className: "border-primary/30 bg-primary/5 mx-2 flex flex-col items-center gap-3 rounded-lg border p-4 text-center", children: [_jsx("div", { className: "bg-primary/10 flex size-10 items-center justify-center rounded-full", children: _jsx(AlertCircle, { className: "text-primary size-5" }) }), _jsxs("div", { children: [_jsx("p", { className: "text-foreground font-medium", children: "API key required" }), _jsx("p", { className: "text-muted-foreground mt-1 text-sm", children: "Add an API key to Vault to start chatting with AI" })] }), onAddApiKey && (_jsx(Button, { onClick: onAddApiKey, size: "sm", className: "cursor-pointer", children: "Add API key" }))] }) }));
+            case 'auth-prompt':
+                if (resolvedAuthIssue === 'codex-oauth-expired') {
+                    return (_jsx("div", { className: "px-2 pb-4", children: _jsxs("div", { className: "bg-muted/30 mx-2 flex flex-col gap-3 rounded-lg p-4", children: [_jsx("div", { className: "flex items-start justify-between gap-3", children: _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium", children: authPromptCopy?.title ?? 'Refresh OpenAI Codex auth' }), _jsx("p", { className: "text-muted-foreground text-xs", children: authPromptCopy?.description ??
+                                                    'Open Settings > API Keys and reconnect OpenAI Codex.' })] }) }), onAddApiKey && (_jsxs(Button, { variant: "outline", className: "w-full cursor-pointer", onClick: onAddApiKey, children: [_jsx(ExternalLink, { className: "mr-2 size-4" }), authPromptCopy?.action ?? 'Reconnect OpenAI Codex'] }))] }) }));
+                }
+                return (_jsx("div", { className: "px-2 pb-4", children: _jsxs("div", { className: "border-primary/30 bg-primary/5 mx-2 flex flex-col items-center gap-3 rounded-lg border p-4 text-center", children: [_jsx("div", { className: "bg-primary/10 flex size-10 items-center justify-center rounded-full", children: _jsx(AlertCircle, { className: "text-primary size-5" }) }), _jsxs("div", { className: "max-w-sm", children: [_jsx("p", { className: "text-foreground font-medium", children: authPromptCopy?.title ?? 'Authentication required' }), _jsx("p", { className: "text-muted-foreground mt-1 text-sm", children: authPromptCopy?.description ??
+                                            'Open settings to configure chat authentication.' })] }), onAddApiKey && (_jsx(Button, { onClick: onAddApiKey, size: "sm", className: "cursor-pointer", children: authPromptCopy?.action ?? 'Open settings' }))] }) }));
             case 'error':
                 return (_jsx("div", { className: "px-2 pb-4", children: error && (_jsxs("div", { className: "border-destructive/30 bg-destructive/10 text-destructive mx-2 flex items-start gap-2 rounded-lg border p-3 text-sm", children: [_jsx(AlertCircle, { className: "mt-0.5 size-4 shrink-0" }), _jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "font-medium", children: "Request failed" }), _jsx("p", { className: "text-destructive/80 mt-0.5 break-words", children: error.message || 'An unknown error occurred' })] })] })) }));
         }
     }, [
         checkpoints,
         error,
+        authPromptCopy,
+        resolvedAuthIssue,
         isStreaming,
         lastMessageId,
         messages.length,

package/dist/components/chat/index.d.ts

@@ -4,9 +4,10 @@ export { Messages, type MessageCheckpoint } from './chat-messages';
 export { CheckpointBadge, type CheckpointBadgeProps } from './checkpoint-badge';
 export { RestoreDialog, type CheckpointInfo, type RestoreDialogProps, } from './restore-dialog';
 export { ModelSelector, type ModelOption } from './model-selector';
+export { ModelEffortSelector, resolveModelEffortPresetIndex, type ModelEffortPresetOption, type ModelProviderOption, } from './model-effort-selector';
 export { ReasoningEffortSelector, type ReasoningEffortOption, } from './reasoning-effort-selector';
 export { ConversationHistory, type ConversationMeta, } from './conversation-history';
-export { ChatPanel, type ChatContextUsage, type ChatPanelProps, type QueuedChatMessage, type ToolProgressData, } from './chat-panel';
+export { ChatPanel, type ChatAuthIssue, type ChatContextUsage, type ChatPanelProps, type QueuedChatMessage, type ToolProgressData, resolveChatAuthIssue, } from './chat-panel';
 export { ThinkingTimeline, ThinkingTimelineMarker, type ThinkingTimelineItem, type ThinkingTimelineProps, } from './thinking-timeline';
 export { getToolHandler, DEFAULT_TOOL_HANDLERS, type ToolHandler, } from './tool-handlers';
 export { ToolProgressProvider, useToolProgress, useToolCallProgress, } from './tool-progress-context';

package/dist/components/chat/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/chat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,KAAK,mBAAmB,EACxB,KAAK,sBAAsB,EAC3B,KAAK,cAAc,GACpB,MAAM,cAAc,CAAA;AACrB,OAAO,EACL,iBAAiB,EACjB,OAAO,EACP,eAAe,EACf,KAAK,WAAW,EAChB,KAAK,eAAe,GACrB,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAClE,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAC/E,OAAO,EACL,aAAa,EACb,KAAK,cAAc,EACnB,KAAK,kBAAkB,GACxB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAClE,OAAO,EACL,uBAAuB,EACvB,KAAK,qBAAqB,GAC3B,MAAM,6BAA6B,CAAA;AACpC,OAAO,EACL,mBAAmB,EACnB,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EACL,SAAS,EACT,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,GACtB,MAAM,cAAc,CAAA;AACrB,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,GAC3B,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,KAAK,WAAW,GACjB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EACL,oBAAoB,EACpB,eAAe,EACf,mBAAmB,GACpB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EACL,oBAAoB,EACpB,uBAAuB,EACvB,KAAK,uBAAuB,GAC7B,MAAM,yBAAyB,CAAA;AAChC,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,EAClB,KAAK,iBAAiB,GACvB,MAAM,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/chat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,KAAK,mBAAmB,EACxB,KAAK,sBAAsB,EAC3B,KAAK,cAAc,GACpB,MAAM,cAAc,CAAA;AACrB,OAAO,EACL,iBAAiB,EACjB,OAAO,EACP,eAAe,EACf,KAAK,WAAW,EAChB,KAAK,eAAe,GACrB,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAClE,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAC/E,OAAO,EACL,aAAa,EACb,KAAK,cAAc,EACnB,KAAK,kBAAkB,GACxB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAClE,OAAO,EACL,mBAAmB,EACnB,6BAA6B,EAC7B,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,GACzB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EACL,uBAAuB,EACvB,KAAK,qBAAqB,GAC3B,MAAM,6BAA6B,CAAA;AACpC,OAAO,EACL,mBAAmB,EACnB,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EACL,SAAS,EACT,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,oBAAoB,GACrB,MAAM,cAAc,CAAA;AACrB,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,GAC3B,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,KAAK,WAAW,GACjB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EACL,oBAAoB,EACpB,eAAe,EACf,mBAAmB,GACpB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EACL,oBAAoB,EACpB,uBAAuB,EACvB,KAAK,uBAAuB,GAC7B,MAAM,yBAAyB,CAAA;AAChC,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,EAClB,KAAK,iBAAiB,GACvB,MAAM,iBAAiB,CAAA"}

package/dist/components/chat/index.js

@@ -4,9 +4,10 @@ export { Messages } from './chat-messages';
 export { CheckpointBadge } from './checkpoint-badge';
 export { RestoreDialog, } from './restore-dialog';
 export { ModelSelector } from './model-selector';
+export { ModelEffortSelector, resolveModelEffortPresetIndex, } from './model-effort-selector';
 export { ReasoningEffortSelector, } from './reasoning-effort-selector';
 export { ConversationHistory, } from './conversation-history';
-export { ChatPanel, } from './chat-panel';
+export { ChatPanel, resolveChatAuthIssue, } from './chat-panel';
 export { ThinkingTimeline, ThinkingTimelineMarker, } from './thinking-timeline';
 export { getToolHandler, DEFAULT_TOOL_HANDLERS, } from './tool-handlers';
 export { ToolProgressProvider, useToolProgress, useToolCallProgress, } from './tool-progress-context';

package/dist/components/chat/model-effort-power-effects.d.ts

@@ -0,0 +1,7 @@
+export type ModelEffortPowerLevel = 'light' | 'medium' | 'high' | 'xhigh' | 'max';
+export declare function ModelEffortRangeEffects({ level, reveal, }: {
+    level: ModelEffortPowerLevel;
+    reveal: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MaxThumbBurst(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=model-effort-power-effects.d.ts.map

package/dist/components/chat/model-effort-power-effects.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-effort-power-effects.d.ts","sourceRoot":"","sources":["../../../src/components/chat/model-effort-power-effects.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,qBAAqB,GAC7B,OAAO,GACP,QAAQ,GACR,MAAM,GACN,OAAO,GACP,KAAK,CAAA;AAsCT,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,MAAM,GACP,EAAE;IACD,KAAK,EAAE,qBAAqB,CAAA;IAC5B,MAAM,EAAE,OAAO,CAAA;CAChB,2CA+BA;AAED,wBAAgB,aAAa,4CAuB5B"}

package/dist/components/chat/model-effort-power-effects.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const STREAM_PARTICLES = [
+    [18, 1.72, -0.22, 0.78, 0.72],
+    [72, 2.28, -1.64, 0.62, 0.9],
+    [42, 1.94, -0.78, 0.88, 0.82],
+    [27, 2.14, -1.92, 0.56, 0.66],
+    [64, 1.82, -0.46, 0.82, 0.94],
+    [83, 2.36, -1.14, 0.68, 0.76],
+    [36, 1.64, -1.42, 0.92, 0.86],
+    [57, 2.06, -0.08, 0.58, 0.7],
+    [21, 2.42, -2.18, 0.74, 0.88],
+    [76, 1.88, -0.96, 0.86, 0.8],
+    [48, 2.22, -1.78, 0.64, 0.96],
+    [31, 1.78, -0.58, 0.9, 0.74],
+    [68, 2.5, -2.36, 0.54, 0.84],
+    [88, 2, -1.28, 0.76, 0.68],
+];
+const BURST_PARTICLES = [
+    [-32, -3],
+    [-28, -17],
+    [-19, -29],
+    [-5, -34],
+    [10, -32],
+    [24, -24],
+    [32, -11],
+    [35, 4],
+    [29, 19],
+    [18, 30],
+    [3, 35],
+    [-12, 32],
+    [-25, 24],
+    [-34, 11],
+    [20, -7],
+    [-16, 9],
+];
+export function ModelEffortRangeEffects({ level, reveal, }) {
+    return (_jsxs("span", { "aria-hidden": "true", className: "model-effort-power-fill", "data-level": level, "data-reveal": level === 'max' && reveal, children: [_jsx("span", { className: "model-effort-power-field" }), _jsx("span", { className: "model-effort-power-particles", children: STREAM_PARTICLES.map(([top, duration, delay, opacity, scale], index) => (_jsx("span", { className: "model-effort-power-particle", style: {
+                        top: `${top}%`,
+                        '--particle-opacity': opacity,
+                        '--particle-scale': scale,
+                        animationDuration: `${duration}s`,
+                        animationDelay: `${delay}s`,
+                    } }, index))) })] }));
+}
+export function MaxThumbBurst() {
+    return (_jsx("span", { "aria-hidden": "true", className: "model-effort-max-burst", children: BURST_PARTICLES.map(([x, y], index) => (_jsx("span", { className: "model-effort-max-burst-particle", style: {
+                '--burst-x': `${x}px`,
+                '--burst-y': `${y}px`,
+                animationDelay: `${(index % 4) * 12}ms`,
+                backgroundColor: index % 3 === 0
+                    ? 'var(--model-effort-blue)'
+                    : 'var(--model-effort-purple)',
+            } }, index))) }));
+}

package/dist/components/chat/model-effort-selector.d.ts

@@ -0,0 +1,26 @@
+import { type ReactNode } from 'react';
+export type ModelProviderOption = {
+    id: string;
+    name: string;
+    icon: ReactNode;
+};
+export type ModelEffortPresetOption = {
+    id: string;
+    providerId: string;
+    modelId: string;
+    modelName: string;
+    effort: string;
+    effortLabel: string;
+};
+type ModelEffortSelectorProps = {
+    providers: ModelProviderOption[];
+    presets: ModelEffortPresetOption[];
+    selectedModel: string;
+    selectedReasoningEffort: string;
+    onSelectionChange: (modelId: string, effort: string) => void;
+    disabled?: boolean;
+};
+export declare function resolveModelEffortPresetIndex(presets: ModelEffortPresetOption[], selectedModel: string, selectedEffort: string): number;
+export declare function ModelEffortSelector({ providers, presets, selectedModel, selectedReasoningEffort, onSelectionChange, disabled, }: ModelEffortSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=model-effort-selector.d.ts.map

package/dist/components/chat/model-effort-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-effort-selector.d.ts","sourceRoot":"","sources":["../../../src/components/chat/model-effort-selector.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAA;AAcd,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,SAAS,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,KAAK,wBAAwB,GAAG;IAC9B,SAAS,EAAE,mBAAmB,EAAE,CAAA;IAChC,OAAO,EAAE,uBAAuB,EAAE,CAAA;IAClC,aAAa,EAAE,MAAM,CAAA;IACrB,uBAAuB,EAAE,MAAM,CAAA;IAC/B,iBAAiB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,6BAA6B,CAC3C,OAAO,EAAE,uBAAuB,EAAE,EAClC,aAAa,EAAE,MAAM,EACrB,cAAc,EAAE,MAAM,GACrB,MAAM,CAWR;AAoCD,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,OAAO,EACP,aAAa,EACb,uBAAuB,EACvB,iBAAiB,EACjB,QAAgB,GACjB,EAAE,wBAAwB,2CAiT1B"}

package/dist/components/chat/model-effort-selector.js

@@ -0,0 +1,179 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDown, Zap } from 'lucide-react';
+import { useEffect, useLayoutEffect, useRef, useState, } from 'react';
+import { cn } from '../../lib/utils';
+import { Button } from '../ui/button';
+import { Popover, PopoverContent, PopoverTrigger } from '../ui/popover';
+import { Slider } from '../ui/slider';
+import { MaxThumbBurst, ModelEffortRangeEffects, } from './model-effort-power-effects';
+const EXPANDED_TRIGGER_WIDTH = 252;
+const TRIGGER_MOTION_MS = 320;
+export function resolveModelEffortPresetIndex(presets, selectedModel, selectedEffort) {
+    const exactIndex = presets.findIndex((preset) => preset.modelId === selectedModel && preset.effort === selectedEffort);
+    if (exactIndex >= 0)
+        return exactIndex;
+    const sameModelIndex = presets.findIndex((preset) => preset.modelId === selectedModel);
+    return Math.max(sameModelIndex, 0);
+}
+function tickPosition(index, maxIndex) {
+    if (maxIndex <= 0)
+        return '14px';
+    const percentage = (index / maxIndex) * 100;
+    const thumbOffset = 14 - 28 * (percentage / 100);
+    return `calc(${percentage}% + ${thumbOffset}px)`;
+}
+function fillWidth(index, maxIndex) {
+    if (maxIndex <= 0)
+        return '13px';
+    const percentage = (index / maxIndex) * 100;
+    const thumbCenterFromInset = 13 - 28 * (percentage / 100);
+    return `calc(${percentage}% + ${thumbCenterFromInset}px)`;
+}
+function getPowerLevel(effort) {
+    switch (effort) {
+        case 'low':
+            return 'light';
+        case 'medium':
+            return 'medium';
+        case 'high':
+            return 'high';
+        case 'xhigh':
+            return 'xhigh';
+        case 'max':
+        case 'ultra':
+            return 'max';
+        default:
+            return null;
+    }
+}
+export function ModelEffortSelector({ providers, presets, selectedModel, selectedReasoningEffort, onSelectionChange, disabled = false, }) {
+    const [open, setOpen] = useState(false);
+    const [thumbMotionReady, setThumbMotionReady] = useState(false);
+    const [previewPresetIndex, setPreviewPresetIndex] = useState(null);
+    const [isDragging, setIsDragging] = useState(false);
+    const [maxBurstKey, setMaxBurstKey] = useState(0);
+    const [revealMax, setRevealMax] = useState(false);
+    const triggerRef = useRef(null);
+    const triggerAnimationRef = useRef(null);
+    const triggerMotionStartWidthRef = useRef(null);
+    const matchingPreset = presets.find((preset) => preset.modelId === selectedModel &&
+        preset.effort === selectedReasoningEffort) ?? presets.find((preset) => preset.modelId === selectedModel);
+    const activeProviderId = matchingPreset?.providerId ?? providers[0]?.id;
+    const activePresets = presets.filter((preset) => preset.providerId === activeProviderId);
+    const selectedPresetIndex = resolveModelEffortPresetIndex(activePresets, selectedModel, selectedReasoningEffort);
+    const visiblePresetIndex = previewPresetIndex !== null && activePresets[previewPresetIndex]
+        ? previewPresetIndex
+        : selectedPresetIndex;
+    const currentPreset = activePresets[visiblePresetIndex];
+    const isMaxPower = currentPreset?.effort === 'ultra' || currentPreset?.effort === 'max';
+    const powerLevel = getPowerLevel(currentPreset?.effort);
+    const maxPresetIndex = Math.max(activePresets.length - 1, 0);
+    const activeProviderIndex = Math.max(providers.findIndex((provider) => provider.id === activeProviderId), 0);
+    const showProviderToggle = providers.length > 1;
+    // Codex keeps thumb position motion disabled for the first 16ms after mount.
+    // That lets the selected stop render in place instead of sliding in as the
+    // popover opens, while retaining the same motion for later interactions.
+    useEffect(() => {
+        if (!open)
+            return;
+        const timeout = window.setTimeout(() => setThumbMotionReady(true), 16);
+        return () => window.clearTimeout(timeout);
+    }, [open]);
+    useLayoutEffect(() => {
+        const trigger = triggerRef.current;
+        const startWidth = triggerMotionStartWidthRef.current;
+        triggerMotionStartWidthRef.current = null;
+        if (!trigger || startWidth === null)
+            return;
+        triggerAnimationRef.current?.cancel();
+        const endWidth = trigger.getBoundingClientRect().width;
+        if (Math.abs(endWidth - startWidth) < 0.5 ||
+            window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
+            return;
+        }
+        const animation = trigger.animate([{ width: `${startWidth}px` }, { width: `${endWidth}px` }], {
+            duration: TRIGGER_MOTION_MS,
+            easing: 'cubic-bezier(.23,1,.32,1)',
+        });
+        triggerAnimationRef.current = animation;
+        animation.onfinish = () => {
+            if (triggerAnimationRef.current === animation) {
+                triggerAnimationRef.current = null;
+            }
+        };
+    }, [open]);
+    useEffect(() => () => {
+        triggerAnimationRef.current?.cancel();
+    }, []);
+    const preparePresetEffects = (nextPreset) => {
+        const nextIsMax = nextPreset?.effort === 'ultra' || nextPreset?.effort === 'max';
+        if (nextIsMax && !isMaxPower) {
+            setMaxBurstKey((key) => key + 1);
+            setRevealMax(true);
+        }
+        else if (!nextIsMax && isMaxPower) {
+            setRevealMax(false);
+        }
+    };
+    const handleOpenChange = (nextOpen) => {
+        const trigger = triggerRef.current;
+        if (trigger) {
+            triggerMotionStartWidthRef.current = trigger.getBoundingClientRect().width;
+            triggerAnimationRef.current?.cancel();
+        }
+        setThumbMotionReady(false);
+        setPreviewPresetIndex(null);
+        setIsDragging(false);
+        if (!nextOpen)
+            setRevealMax(false);
+        setOpen(nextOpen);
+    };
+    const handleProviderChange = (providerId) => {
+        if (providerId === activeProviderId)
+            return;
+        const nextPresets = presets.filter((preset) => preset.providerId === providerId);
+        if (nextPresets.length === 0)
+            return;
+        const progress = maxPresetIndex > 0 ? visiblePresetIndex / maxPresetIndex : 0;
+        const nextIndex = Math.round(progress * Math.max(nextPresets.length - 1, 0));
+        const nextPreset = nextPresets[nextIndex];
+        if (!nextPreset)
+            return;
+        preparePresetEffects(nextPreset);
+        setPreviewPresetIndex(null);
+        onSelectionChange(nextPreset.modelId, nextPreset.effort);
+    };
+    return (_jsxs(Popover, { open: open, onOpenChange: handleOpenChange, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { ref: triggerRef, type: "button", variant: "ghost", size: "sm", disabled: disabled || !currentPreset, "aria-label": `Model and effort: ${currentPreset?.modelName ?? 'Unavailable'}, ${currentPreset?.effortLabel ?? 'Unavailable'}`, className: cn('text-foreground hover:bg-muted h-8 min-w-0 cursor-pointer gap-1.5 overflow-hidden rounded-full px-2.5 text-xs font-medium transition-colors', open ? 'max-w-none' : 'w-auto max-w-[220px]'), style: { width: open ? EXPANDED_TRIGGER_WIDTH : undefined }, children: [_jsx(Zap, { className: "size-4 shrink-0" }), _jsx("span", { className: "min-w-0 max-w-[110px] truncate", children: currentPreset?.modelName }), _jsx("span", { className: cn('shrink-0 font-normal transition-colors duration-300', isMaxPower ? 'text-model-effort-purple' : 'text-muted-foreground'), children: currentPreset?.effortLabel }), _jsx(ChevronDown, { className: "text-muted-foreground size-3 shrink-0" })] }) }), _jsxs(PopoverContent, { align: "end", side: "top", sideOffset: 8, collisionPadding: 12, className: "model-effort-popover rounded-2xl p-2.5 shadow-xl", style: { width: EXPANDED_TRIGGER_WIDTH }, children: [showProviderToggle ? (_jsxs("div", { className: "border-border bg-muted relative mx-auto mb-2.5 flex w-fit items-center rounded-full border p-0.5", role: "group", "aria-label": "AI provider", children: [_jsx("div", { "aria-hidden": "true", className: "bg-background absolute inset-y-0.5 left-0.5 w-12 rounded-full shadow-sm transition-transform duration-200 ease-out", style: {
+                                    transform: `translateX(${activeProviderIndex * 3}rem)`,
+                                } }), providers.map((provider) => {
+                                const active = provider.id === activeProviderId;
+                                return (_jsx("button", { type: "button", onClick: () => handleProviderChange(provider.id), disabled: disabled, "aria-label": provider.name, "aria-pressed": active, className: cn('relative z-10 inline-flex h-8 w-12 cursor-pointer items-center justify-center rounded-full transition-opacity disabled:cursor-not-allowed disabled:opacity-50', active ? 'opacity-100' : 'opacity-45 hover:opacity-80'), children: _jsx("span", { className: "flex size-4 items-center justify-center [&>img]:size-4", children: provider.icon }) }, provider.id));
+                            })] })) : null, _jsxs("div", { className: "text-muted-foreground flex items-center justify-between px-1 text-[11px] font-medium", children: [_jsx("span", { children: "Faster" }), _jsx("span", { children: "Smarter" })] }), _jsxs("div", { className: "relative mt-1.5 h-8", children: [_jsx(Slider, { "aria-label": "Model intelligence", value: [visiblePresetIndex], min: 0, max: maxPresetIndex, step: 1, disabled: disabled || activePresets.length === 0, onValueChange: ([nextIndex]) => {
+                                    if (typeof nextIndex === 'number') {
+                                        preparePresetEffects(activePresets[nextIndex]);
+                                        setPreviewPresetIndex(nextIndex);
+                                    }
+                                }, onValueCommit: ([nextIndex]) => {
+                                    const nextPreset = activePresets[nextIndex ?? -1];
+                                    preparePresetEffects(nextPreset);
+                                    setPreviewPresetIndex(null);
+                                    if (nextPreset) {
+                                        onSelectionChange(nextPreset.modelId, nextPreset.effort);
+                                    }
+                                }, onPointerDown: () => setIsDragging(true), onPointerUp: () => setIsDragging(false), onPointerCancel: () => setIsDragging(false), thumbContent: isMaxPower && revealMax && maxBurstKey > 0 ? (_jsx(MaxThumbBurst, {}, maxBurstKey)) : null, className: cn('[&_[data-slot=slider-thumb]]:border-foreground/20 [&_[data-slot=slider-track]]:border-border [&_[data-slot=slider-track]]:bg-foreground/10 h-8 [&>span:last-child]:z-20 [&>span:last-child]:transition-[left] [&>span:last-child]:ease-[cubic-bezier(.23,1,.32,1)] [&_[data-slot=slider-range]]:bg-transparent [&_[data-slot=slider-thumb]]:relative [&_[data-slot=slider-thumb]]:isolate [&_[data-slot=slider-thumb]]:z-20 [&_[data-slot=slider-thumb]]:size-7 [&_[data-slot=slider-thumb]]:border-[0.5px] [&_[data-slot=slider-thumb]]:bg-white [&_[data-slot=slider-thumb]]:shadow-[0_1px_4px_rgba(0,0,0,0.18)] [&_[data-slot=slider-thumb]]:hover:ring-0 [&_[data-slot=slider-track]]:h-6 [&_[data-slot=slider-track]]:border', !thumbMotionReady
+                                    ? '[&>span:last-child]:duration-0'
+                                    : isDragging
+                                        ? '[&>span:last-child]:duration-150'
+                                        : '[&>span:last-child]:duration-300') }), _jsx("div", { "aria-hidden": "true", className: cn('bg-model-effort-blue pointer-events-none absolute left-px top-[5px] z-[1] h-[22px] overflow-hidden rounded-full transition-[width] ease-[cubic-bezier(.23,1,.32,1)]', !thumbMotionReady
+                                    ? 'duration-0'
+                                    : isDragging
+                                        ? 'duration-150'
+                                        : 'duration-300'), style: { width: fillWidth(visiblePresetIndex, maxPresetIndex) }, children: powerLevel !== null ? (_jsx(ModelEffortRangeEffects, { level: powerLevel, reveal: revealMax }, powerLevel)) : null }), _jsx("div", { className: cn('pointer-events-none absolute inset-0 z-[1] transition-[opacity,transform] ease-[cubic-bezier(.23,1,.32,1)]', isMaxPower
+                                    ? 'scale-75 opacity-0 delay-100 duration-[400ms]'
+                                    : 'scale-100 opacity-100 duration-300'), "aria-hidden": true, children: activePresets.map((preset, index) => (_jsx("span", { className: cn('absolute top-1/2 size-1 -translate-x-1/2 -translate-y-1/2 rounded-full transition-[background-color,transform] duration-300 ease-[cubic-bezier(.23,1,.32,1)]', index <= visiblePresetIndex
+                                        ? powerLevel === 'light' || powerLevel === 'medium'
+                                            ? 'bg-model-effort-blue/45'
+                                            : 'bg-white/55'
+                                        : 'bg-muted-foreground/45'), style: { left: tickPosition(index, maxPresetIndex) } }, preset.id))) })] })] })] }));
+}

package/dist/components/chat/model-effort-ultra-effects.d.ts

@@ -0,0 +1,5 @@
+export declare function UltraRangeEffects({ reveal }: {
+    reveal: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function UltraThumbBurst(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=model-effort-ultra-effects.d.ts.map

package/dist/components/chat/model-effort-ultra-effects.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-effort-ultra-effects.d.ts","sourceRoot":"","sources":["../../../src/components/chat/model-effort-ultra-effects.tsx"],"names":[],"mappings":"AAwCA,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,OAAO,CAAA;CAAE,2CAgChE;AAED,wBAAgB,eAAe,4CAuB9B"}