@molecule/app-ide-react 1.8.0 → 1.9.1

package/dist/components/ChatPanel.js

@@ -19,7 +19,7 @@ import { CHAT_CARD_ICON_SIZE, chatCardBorder, chatCardStyle } from './chat-card-
 import { COMMAND_CATEGORIES, COMMANDS, matchesSideChannelCommand, } from './chat-commands.js';
 import { stripCommitCoauthorTrailer } from './chat-commit-utilities.js';
 import { cachedPromptTokens, formatTokenTotal } from './chat-cost-utilities.js';
-import { effortOptionsForModel, nativeEffortName, parseEffortCommand, resolveEffortArg, } from './chat-effort-utilities.js';
+import { defaultEffortForModel, effortOptionsForModel, nativeEffortName, parseEffortCommand, resolveEffortArg, } from './chat-effort-utilities.js';
 import { buildHelpText } from './chat-help-utilities.js';
 import { effectiveModeModelId, freeTierLockReason, freeTierUsableMode, isModeModelLocked, modeSettingKey, parseModelModeCommand, resolveModeModel, } from './chat-model-mode-utilities.js';
 import { modelHasPeakPricing, modelPeakMultiplier, modelPeakWindowLabels, modelUsageRate, sortModels, } from './chat-models-utilities.js';
@@ -1218,7 +1218,7 @@ const MessageItem = memo(function MessageItem(props) {
  * @param props - Component props (see {@link MessageItemProps}).
  * @returns The rendered chat inner component.
  */
-function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent, isPro, isAnonymous, canEdit, canShare, buildUpgradeCta, buildHelpUpgradeSection, activeFile, openTabs, onFileOpen, onFileDoubleClick, onFileDiff, onFileRevert, onFileChange, onFileDeleted, onCommit, onConversationId, onActivityClick, onRenderError, onProfileClick, currentUserId, onReadyToBuild, awaitingSandboxBoot, onClientAction, onTurnComplete, onLoadingChange, onNavigatePreview, onRegisterPushHandler, autoSubmitSignal, openSettingsSignal, onManageCustomModels, modelSelectionSignal, openReportSignal, openShareSignal, initialInputValue, pendingMessage, pendingMessageKey, pendingMessageSuppressUser, pendingMessageUserInitiated, userEditedFile, userEditedFileKey, gitStatusTick: externalGitStatusTick, discovery, userAvatar, agentName = DEFAULT_AGENT_NAME, productName = DEFAULT_PRODUCT_NAME, version, extraCommands,
+function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent, isPro, isAnonymous, canEdit, canShare, buildUpgradeCta, buildHelpUpgradeSection, activeFile, openTabs, onFileOpen, onFileDoubleClick, onFileDiff, onFileRevert, onFileChange, onFileDeleted, onCommit, onConversationId, onActivityClick, onRenderError, onProfileClick, currentUserId, onReadyToBuild, awaitingSandboxBoot, onClientAction, onTurnComplete, onLoadingChange, onNavigatePreview, onRegisterPushHandler, onRegisterHistoryReconcile, autoSubmitSignal, openSettingsSignal, onManageCustomModels, modelSelectionSignal, openReportSignal, openShareSignal, initialInputValue, pendingMessage, pendingMessageKey, pendingMessageSuppressUser, pendingMessageUserInitiated, userEditedFile, userEditedFileKey, gitStatusTick: externalGitStatusTick, discovery, userAvatar, agentName = DEFAULT_AGENT_NAME, productName = DEFAULT_PRODUCT_NAME, version, extraCommands,
 // feedbackUrl: prop kept for back-compat (callers still pass it), but no longer
 // consumed here — its only use was the command-menu footer link removed in P3-21.
  }) {
@@ -1265,19 +1265,39 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
     const soundsConfigRef = useRef({ ...DEFAULT_SOUNDS_CONFIG });
     // ── Context usage tracking (ring indicator) ─────────────────────────────
     const [contextUsage, setContextUsage] = useState(null);
-    // Restore context usage from the history endpoint on mount
+    // Restore context usage from the history endpoint on mount. Retries a few
+    // times on failure: this used to be one-shot, so a single transient error at
+    // mount (an API deploy restart, a rate-limit blip) silently cost the context
+    // ring for the entire session — the state only ever refills from the next
+    // turn's `done` event (observed live 2026-08-29: ring gone, server data fine,
+    // reload fixed it).
     useEffect(() => {
         if (!hasConversation)
             return;
-        http
-            .get(endpoint)
-            .then((res) => {
-            if (res.data.contextUsage)
-                setContextUsage(res.data.contextUsage);
-        })
-            .catch(() => {
-            /* ignore */
-        });
+        let cancelled = false;
+        let attempt = 0;
+        const load = () => {
+            http
+                .get(endpoint)
+                .then((res) => {
+                if (cancelled)
+                    return;
+                if (res.data.contextUsage)
+                    setContextUsage(res.data.contextUsage);
+            })
+                .catch((_error) => {
+                // Transient failure — retry with backoff (bounded); after the budget,
+                // the next turn's done event repopulates the ring.
+                if (cancelled || attempt >= 3)
+                    return;
+                attempt++;
+                setTimeout(load, attempt * 4000);
+            });
+        };
+        load();
+        return () => {
+            cancelled = true;
+        };
     }, [endpoint, hasConversation, http]);
     // ── Auto-fix countdown state ──────────────────────────────────────────────
     // After the AI finishes, if verification found errors, show a countdown
@@ -1491,7 +1511,7 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
         }
         onFileChange?.(path, content);
     }, [onFileChange, onFileOpen, autoFixCountdown]);
-    const { messages, isLoading, isRemoteStreaming, noteRemoteStreamEvent, error, errorMeta, mode, fastMode, streamingStatus, setMode, setFastMode, sendMessage, abort, clearHistory, editQueuedMessage, deleteQueuedMessage, clearQueuedForFile, applyRemoteEvent, retryCountdown, cancelRetry, } = useChat({
+    const { messages, isLoading, isRemoteStreaming, noteRemoteStreamEvent, error, errorMeta, mode, fastMode, streamingStatus, setMode, setFastMode, sendMessage, abort, clearHistory, editQueuedMessage, deleteQueuedMessage, clearQueuedForFile, applyRemoteEvent, reconcileHistory, retryCountdown, cancelRetry, } = useChat({
         endpoint,
         projectId,
         agentName,
@@ -1919,6 +1939,7 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                 setIsListening(false);
                 setCommandMenu(null);
                 setModelPicker(null);
+                setEffortPicker(null);
                 setSoundsPicker(null);
                 setFilePicker(null);
                 setPanelOverlay(null);
@@ -2115,6 +2136,7 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
             // Popups are one-at-a-time — close any sibling before opening the picker
             setCommandMenu(null);
             setModelPicker(null);
+            setEffortPicker(null);
             setSoundsPicker(null);
             setFilePicker(null);
             setPanelOverlay(null);
@@ -2155,6 +2177,7 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
     const [commandMenu, setCommandMenu] = useState(null);
     // ── Model picker (shown when typing /model <filter>) ──────────────────────
     const [modelPicker, setModelPicker] = useState(null);
+    const [effortPicker, setEffortPicker] = useState(null);
     // ── System cards (persistent inline notifications in chat history) ────────
     const [systemCards, setSystemCards] = useState([]);
     // Bug-report modal — `{ title }` (seed) when open, null when closed. Opened by
@@ -2258,6 +2281,15 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
         onRegisterPushHandler?.(applyPushedStreamEvent);
         return () => onRegisterPushHandler?.(null);
     }, [onRegisterPushHandler, applyPushedStreamEvent]);
+    // Register the history reconcile with the parent so it can converge this
+    // panel on the persisted transcript whenever its push channel (re)connects —
+    // a broadcast sent while that socket was down (a teammate's team note against
+    // a backgrounded tab or a slept laptop) is otherwise lost until a page
+    // lifecycle event happens to fire.
+    useEffect(() => {
+        onRegisterHistoryReconcile?.(reconcileHistory);
+        return () => onRegisterHistoryReconcile?.(null);
+    }, [onRegisterHistoryReconcile, reconcileHistory]);
     // Inject the user-message accent-stripe styles once (the gradient `::before` + its
     // keyframe can't live inline; gated on the row's data-mol-id, so no other row is
     // touched). Guarded by id so it injects a single time across the app.
@@ -2510,6 +2542,7 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
         // Close any sibling popup so overlays never stack (matches how the model
         // picker / sounds picker each own this region exclusively).
         setModelPicker(null);
+        setEffortPicker(null);
         setSoundsPicker(null);
         setCommandMenu(null);
         setPanelOverlayQuery(query);
@@ -2685,10 +2718,13 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
             setAutoCommitLoaded(true);
         });
     }, [http, projectId]);
-    // Re-read ONLY the persisted model fields when the host signals a model change
-    // (the provider modal's "Use" button sets chatModel server-side). Targeted so
-    // a model pick never re-hydrates the rest of the settings (auto-commit,
-    // skills, effort). Skips the initial 0 value — mount already read them.
+    // Re-read the persisted agent-behavior settings when the host signals a
+    // settings change: the provider modal's "Use" button, or a resource_change
+    // broadcast saying ANOTHER member changed the project (model/effort/regions/
+    // max-loops/auto-fix/auto-approve) — so this browser's pickers and toggles
+    // match the change instead of rendering stale values under the shared setting
+    // card. Deliberately does NOT touch auto-commit or skills (they carry local
+    // in-session state the mount effect owns). Skips the initial 0 value.
     useEffect(() => {
         if (!modelSelectionSignal)
             return;
@@ -2704,10 +2740,44 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                 setPlanModel(s.planModel);
             if (typeof s?.executeModel === 'string')
                 setExecuteModel(s.executeModel);
+            if (typeof s?.commitModel === 'string')
+                setCommitModel(s.commitModel);
+            if (typeof s?.compactModel === 'string')
+                setCompactModel(s.compactModel);
+            if (typeof s?.effortLevel === 'string' && s.effortLevel)
+                setEffortLevel(s.effortLevel);
+            if (s?.effortByMode &&
+                typeof s.effortByMode === 'object' &&
+                !Array.isArray(s.effortByMode)) {
+                const next = {};
+                for (const m of ['plan', 'execute']) {
+                    const raw = s.effortByMode[m];
+                    if (typeof raw === 'string' && raw)
+                        next[m] = raw;
+                }
+                setEffortByMode(next);
+            }
+            if (s?.modelRegions &&
+                typeof s.modelRegions === 'object' &&
+                !Array.isArray(s.modelRegions)) {
+                const nextRegions = {};
+                for (const [id, raw] of Object.entries(s.modelRegions)) {
+                    if (typeof raw === 'string' && raw in MODEL_REGION_META)
+                        nextRegions[id] = raw;
+                }
+                setModelRegions(nextRegions);
+            }
+            if (typeof s?.maxToolLoops === 'number')
+                setCurrentMaxLoops(s.maxToolLoops);
+            if (typeof s?.autoFix === 'boolean')
+                setAutoFixEnabled(s.autoFix);
+            if (typeof s?.autoApproveCommands === 'boolean') {
+                setAutoApproveCommandsEnabled(s.autoApproveCommands);
+            }
         })
             .catch(() => {
-            // Non-fatal: the model was persisted server-side; the picker indicator
-            // just won't refresh until the next full settings read.
+            // Non-fatal: the change was persisted server-side; this view just won't
+            // refresh until the next signal or full settings read.
         });
     }, [modelSelectionSignal, http, projectId]);
     // Persist the auto-commit cadence to project.settings (debounced) so it
@@ -3545,6 +3615,23 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
             return;
         }
         setModelPicker(null);
+        // Show the effort picker while typing "/effort ..." — same live behavior
+        // as /model. Text after the command (minus the --plan/--execute flag)
+        // filters the level list; "?" keeps the textual status path instead. A
+        // dropdown-chosen mode survives further keystrokes unless a flag names one.
+        if (/^\/effort\s/i.test(val)) {
+            const typed = parseEffortCommand(val);
+            if (typed && (typed.kind === 'menu' || (typed.kind === 'set' && typed.arg !== '?'))) {
+                const typedMode = typed.mode;
+                setEffortPicker((p) => ({
+                    selectedIdx: -1,
+                    mode: typedMode ?? p?.mode ?? liveModelMode,
+                }));
+                setCommandMenu(null);
+                return;
+            }
+        }
+        setEffortPicker(null);
         if (val.startsWith('/') && !val.includes(' ')) {
             setCommandMenu({ selectedIdx: -1 });
         }
@@ -3640,6 +3727,29 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
             logger.warn('Failed to update model processing region', { error });
         }
     }, [http, projectId, modelRegions]);
+    // Persist a mode's reasoning effort (used by both the /effort <level> typed
+    // path and the effort picker). Shallow-merge on the server means we send the
+    // WHOLE effortByMode map, not just the changed entry.
+    const applyEffortLevel = useCallback(async (targetMode, level, targetModel) => {
+        setEffortPicker(null);
+        setInputValue('');
+        try {
+            const nextByMode = { ...effortByMode, [targetMode]: level };
+            await http.patch(settingsPatchUrl(), { settings: { effortByMode: nextByMode } });
+            setEffortByMode(nextByMode);
+            addSystemCard(t('ide.chat.effort.setMode', {
+                mode: targetMode,
+                level: nativeEffortName(targetModel, level) ?? level,
+                model: targetModel?.label ?? '?',
+            }, { defaultValue: 'Reasoning effort for {{mode}} set to {{level}} ({{model}}).' }));
+        }
+        catch (error) {
+            logger.warn('Failed to update reasoning effort level', { error });
+            addSystemCard(t('ide.chat.effort.error', undefined, {
+                defaultValue: 'Failed to update reasoning effort.',
+            }));
+        }
+    }, [http, effortByMode, settingsPatchUrl, addSystemCard]);
     // The shared command registry UNION any host-provided commands (e.g.
     // molecule.dev's /deploy, /push, /invite, /teamsay), so the menu, grouping,
     // and dispatch all see one list and host commands never go missing. Declared
@@ -3648,11 +3758,12 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
     const extraCommandIds = useMemo(() => new Set((extraCommands ?? []).map((c) => c.id)), [extraCommands]);
     const executeCommand = useCallback(async (id) => {
         setCommandMenu(null);
-        // Any command closes every sibling popup (panel overlay, model/sounds/mic
-        // pickers) so popups are strictly one-at-a-time — the branches below
-        // re-open their own.
+        // Any command closes every sibling popup (panel overlay, model/effort/
+        // sounds/mic pickers) so popups are strictly one-at-a-time — the branches
+        // below re-open their own.
         setPanelOverlay(null);
         setModelPicker(null);
+        setEffortPicker(null);
         setSoundsPicker(null);
         setMicPicker(null);
         // Host-provided commands (e.g. molecule.dev's /deploy, /push, /invite,
@@ -3697,8 +3808,10 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
             setInputAndCursorEnd('/maxloops ');
         }
         else if (id === 'effort') {
-            // Prefill so the user types a level; /effort ? (or bare) shows status.
-            setInputAndCursorEnd('/effort ');
+            // Open the selectable level picker (mirrors /model) scoped to the live
+            // conversation mode; its mode dropdown re-scopes in place.
+            setInputValue('');
+            setEffortPicker({ selectedIdx: -1, mode: liveModelMode });
         }
         else if (id === 'autocommit') {
             // Prefill so the user types the cadence (seconds); 0 cancels.
@@ -4209,6 +4322,7 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
             setPanelOverlay(null);
             setCommandMenu(null);
             setModelPicker(null);
+            setEffortPicker(null);
             setSoundsPicker(null);
             setMicPicker({ autoStart: false });
             return;
@@ -4258,6 +4372,18 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
         const effortCmd = parseEffortCommand(trimmed);
         if (effortCmd) {
             setInputValue('');
+            // Bare /effort (or a bare --plan/--execute flag) opens the selectable
+            // level picker — same interaction as bare /model. The picker lists the
+            // target mode's model's own levels; its mode dropdown re-scopes in place.
+            if (effortCmd.kind === 'menu') {
+                setPanelOverlay(null);
+                setCommandMenu(null);
+                setModelPicker(null);
+                setSoundsPicker(null);
+                setMicPicker(null);
+                setEffortPicker({ selectedIdx: -1, mode: effortCmd.mode ?? liveModelMode });
+                return;
+            }
             // Resolve the model a given mode will actually use — mirrors the /model
             // picker + slash-suffix resolveModeModel logic (P2-10: each mode's
             // options come from ITS model's reasoning capabilities).
@@ -4315,22 +4441,7 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                     }, { defaultValue: "{{level}} isn't available for {{model}}. Available: {{levels}}" }));
                     return;
                 }
-                try {
-                    const nextByMode = { ...effortByMode, [targetMode]: level };
-                    await http.patch(settingsPatchUrl(), { settings: { effortByMode: nextByMode } });
-                    setEffortByMode(nextByMode);
-                    addSystemCard(t('ide.chat.effort.setMode', {
-                        mode: targetMode,
-                        level: nativeEffortName(targetModel, level) ?? effortCmd.arg,
-                        model: targetModelLabel,
-                    }, { defaultValue: 'Reasoning effort for {{mode}} set to {{level}} ({{model}}).' }));
-                }
-                catch (error) {
-                    logger.warn('Failed to update reasoning effort level', { error });
-                    addSystemCard(t('ide.chat.effort.error', undefined, {
-                        defaultValue: 'Failed to update reasoning effort.',
-                    }));
-                }
+                await applyEffortLevel(targetMode, level, targetModel);
             }
             return;
         }
@@ -4406,6 +4517,20 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
         // event (persisted + broadcast to every member), which IS the visible message — so the
         // transcript never shows the literal "/command" text, and never shows it twice.
         if (matchesSideChannelCommand(allCommands, trimmed)) {
+            // The sent note must not survive as a draft: the keystroke-debounced
+            // persistDraft already holds the full "/teamsay …" text, and the viewer
+            // re-prefill below is non-empty so setInputValue never clears it — a
+            // reload then reopened the already-SENT message in the composer. Cancel
+            // any pending draft write and drop the stored draft; the mount prefill
+            // recreates the bare prefix.
+            if (draftTimerRef.current)
+                clearTimeout(draftTimerRef.current);
+            try {
+                sessionStorage.removeItem(draftKey);
+            }
+            catch (_error) {
+                /* sessionStorage unavailable — draft persistence is best-effort */
+            }
             // A viewer's composer is the team-chat box — re-fill the /teamsay prefix
             // after each sent team message so the next one is one keystroke away.
             if (canEdit === false)
@@ -4470,6 +4595,7 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
         runSavedScript,
         allCommands,
         selectModel,
+        applyEffortLevel,
         liveModelMode,
     ]);
     // External auto-submit. When the signal changes, submit the current input —
@@ -4686,6 +4812,43 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                 ? (resolveModeModel({ planModel, executeModel, commitModel, compactModel, chatModel: savedChatModel }, modelPicker.mode) ?? serverModelDefaults?.[modelPicker.mode])
                 : savedChatModel || undefined
         : undefined;
+    // ── Effort picker derived state ─────────────────────────────────────────────
+    // The model whose levels the open /effort picker lists — the model the
+    // selected mode will actually run — plus its selectable options and the level
+    // the "current" pill marks (the persisted per-mode value resolved per-model,
+    // so an unset mode correctly pills the model's own default). Cheap to
+    // recompute per render, mirroring pickerModeOptions above.
+    const effortPickerModel = effortPicker
+        ? AVAILABLE_MODELS.find((m) => m.id === effectiveModelForMode(effortPicker.mode))
+        : undefined;
+    const effortPickerOptions = effortOptionsForModel(effortPickerModel);
+    // Typed filter, mirroring filteredModels: the text after "/effort" (minus a
+    // mode flag) narrows the rows, so "/effort xh" + Enter selects xhigh. Read
+    // from inputRef — it stays fresh because each keystroke re-sets effortPicker.
+    const effortPickerVisibleOptions = (() => {
+        if (!effortPicker)
+            return [];
+        const typed = parseEffortCommand(inputRef.current);
+        const q = typed?.kind === 'set' ? typed.arg.toLowerCase() : '';
+        if (!q)
+            return effortPickerOptions;
+        return effortPickerOptions.filter((o) => o.value.toLowerCase().includes(q));
+    })();
+    const effortPickerCurrent = effortPicker
+        ? nativeEffortName(effortPickerModel, effortByMode[effortPicker.mode] ?? (effortLevel || undefined))
+        : null;
+    // Mode dropdown rows ("Plan · <model>") — effort exists only for the two
+    // conversation modes, each scoped to ITS model's native levels.
+    const effortPickerModeOptions = ['plan', 'execute'].map((m) => ({
+        value: m,
+        label: t('ide.chat.modelModeOption', {
+            mode: m === 'plan'
+                ? t('ide.chat.settings.modePlan', undefined, { defaultValue: 'Plan' })
+                : t('ide.chat.settings.modeExecute', undefined, { defaultValue: 'Execute' }),
+            model: AVAILABLE_MODELS.find((x) => x.id === effectiveModelForMode(m))?.label ??
+                effectiveModelForMode(m),
+        }, { defaultValue: '{{mode}} · {{model}}' }),
+    }));
     const filteredEntries = useMemo(() => {
         if (!filePicker)
             return [];
@@ -4747,6 +4910,10 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                 setMicPicker(null);
                 return;
             }
+            if (effortPicker) {
+                setEffortPicker(null);
+                return;
+            }
             if (modelPicker) {
                 setModelPicker(null);
                 return;
@@ -4791,6 +4958,43 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                 return;
             }
         }
+        // Effort picker: one row per (typed-filter-matching) level of the selected
+        // mode's model. A fixed-reasoning model or an unmatched filter lists
+        // nothing — arrows/Enter fall through (Escape closes; Enter submits the
+        // typed text, so an unknown level still gets the "isn't available" card).
+        if (effortPicker && effortPickerVisibleOptions.length > 0) {
+            if (e.key === 'ArrowDown') {
+                e.preventDefault();
+                setEffortPicker((p) => p
+                    ? { ...p, selectedIdx: wrapIdx(p.selectedIdx, 1, effortPickerVisibleOptions.length) }
+                    : null);
+                return;
+            }
+            if (e.key === 'ArrowUp') {
+                e.preventDefault();
+                setEffortPicker((p) => p
+                    ? { ...p, selectedIdx: wrapIdx(p.selectedIdx, -1, effortPickerVisibleOptions.length) }
+                    : null);
+                return;
+            }
+            if (e.key === 'Enter' || e.key === 'Tab') {
+                e.preventDefault();
+                // Highlighted row wins; otherwise an exactly-typed level beats the
+                // first substring match ("/effort high" must never apply xhigh's
+                // neighbor), then default to the first visible row (mirrors /model).
+                let option = effortPickerVisibleOptions[effortPicker.selectedIdx];
+                if (!option) {
+                    const typed = parseEffortCommand(inputRef.current);
+                    const q = typed?.kind === 'set' ? typed.arg.toLowerCase() : '';
+                    option =
+                        (q ? effortPickerVisibleOptions.find((o) => o.value.toLowerCase() === q) : undefined) ??
+                            effortPickerVisibleOptions[0];
+                }
+                if (option)
+                    void applyEffortLevel(effortPicker.mode, option.value, effortPickerModel);
+                return;
+            }
+        }
         // The optional "manage your own models" row sits after the model rows and
         // participates in arrow/Enter navigation as the last index.
         const modelRowCount = visibleModels.length + (onManageCustomModels ? 1 : 0);
@@ -6200,7 +6404,108 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                                         : 'color-mix(in srgb, var(--mol-color-primary, #6366f1) 12%, transparent)',
                                 }, children: t('ide.chat.manageCustomModels', undefined, {
                                     defaultValue: 'Add or manage your own models…',
-                                }) }))] })), soundsPicker && (_jsxs("div", { className: cm.cn(cm.surface, cm.borderAll), style: {
+                                }) }))] })), effortPicker && (_jsxs("div", { className: cm.cn(cm.surface, cm.borderAll), style: {
+                            position: 'absolute',
+                            bottom: '100%',
+                            left: 0,
+                            right: 0,
+                            marginBottom: 0,
+                            borderRadius: '6px 6px 0 0',
+                            zIndex: 100,
+                            boxShadow: '0 -4px 16px rgba(0,0,0,0.25)',
+                            display: 'flex',
+                            flexDirection: 'column',
+                            maxHeight: popupMaxHeight,
+                        }, children: [_jsxs("div", { className: cm.cn(cm.textSize('xs'), cm.textMuted), style: {
+                                    padding: '6px 12px',
+                                    borderBottom: '1px solid rgba(128,128,128,0.12)',
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                    gap: 10,
+                                    flexShrink: 0,
+                                    flexWrap: 'wrap',
+                                }, children: [_jsx("span", { style: { flexShrink: 0 }, children: t('ide.chat.settings.effort.label', undefined, {
+                                            defaultValue: 'Reasoning effort',
+                                        }) }), _jsxs("div", { style: {
+                                            display: 'flex',
+                                            alignItems: 'center',
+                                            gap: 6,
+                                            flex: '1 1 190px',
+                                            minWidth: 0,
+                                        }, children: [_jsx("span", { style: { flexShrink: 0 }, children: t('ide.chat.modelModeLabel', undefined, { defaultValue: 'Mode' }) }), _jsx("select", { "data-mol-id": "chat-effort-mode-select", "aria-label": t('ide.chat.modelModeLabel', undefined, { defaultValue: 'Mode' }), value: effortPicker.mode, onChange: (e) => {
+                                                    const v = e.target.value;
+                                                    // Reset the highlighted row — the level list changes with
+                                                    // the mode's model.
+                                                    setEffortPicker((p) => (p ? { mode: v, selectedIdx: -1 } : p));
+                                                }, className: cm.cn(cm.surfaceSecondary, cm.borderAll, cm.textSize('xs')), style: {
+                                                    borderRadius: 4,
+                                                    // Extra right padding clears the native dropdown arrow so
+                                                    // the selected label never runs underneath it.
+                                                    padding: '2px 18px 2px 6px',
+                                                    color: 'inherit',
+                                                    cursor: 'pointer',
+                                                    height: 24,
+                                                    boxSizing: 'border-box',
+                                                    flex: 1,
+                                                    minWidth: 0,
+                                                    overflow: 'hidden',
+                                                    whiteSpace: 'nowrap',
+                                                    textOverflow: 'ellipsis',
+                                                }, children: effortPickerModeOptions.map((o) => (_jsx("option", { value: o.value, children: o.label }, o.value))) })] }), _jsx("button", { type: "button", "data-mol-id": "chat-effort-picker-close", onClick: () => setEffortPicker(null), style: {
+                                            background: 'none',
+                                            border: 'none',
+                                            cursor: 'pointer',
+                                            color: 'inherit',
+                                            padding: '0 2px',
+                                            fontSize: '14px',
+                                            lineHeight: 1,
+                                            opacity: 0.6,
+                                            // Touch floor for this secondary header ✕ (36px, like the
+                                            // notice-card actions); fine pointers keep the slim header.
+                                            ...(isCoarse
+                                                ? {
+                                                    display: 'inline-flex',
+                                                    alignItems: 'center',
+                                                    justifyContent: 'center',
+                                                    minWidth: 36,
+                                                    minHeight: 36,
+                                                }
+                                                : {}),
+                                        }, children: '✕' })] }), _jsx("div", { style: { overflowY: 'auto', flex: 1 }, children: effortPickerOptions.length === 0 ? (_jsx("div", { className: cm.cn(cm.textSize('sm'), cm.textMuted), style: { padding: 12 }, children: t('ide.chat.effort.fixedForModel', { mode: effortPicker.mode, model: effortPickerModel?.label ?? '?' }, {
+                                        defaultValue: 'Reasoning effort is fixed on {{model}} ({{mode}} mode) — nothing to set.',
+                                    }) })) : (effortPickerVisibleOptions.map((option, idx) => (_jsxs("button", { type: "button", "data-mol-id": `chat-effort-level-${option.value}`, onClick: () => void applyEffortLevel(effortPicker.mode, option.value, effortPickerModel), onMouseEnter: (e) => {
+                                        ;
+                                        e.currentTarget.style.background = 'rgba(128,128,128,0.15)';
+                                    }, onMouseLeave: (e) => {
+                                        ;
+                                        e.currentTarget.style.background =
+                                            idx === effortPicker.selectedIdx ? 'rgba(128,128,128,0.1)' : 'transparent';
+                                    }, className: cm.w('full'), style: {
+                                        display: 'flex',
+                                        alignItems: 'center',
+                                        gap: '6px',
+                                        width: '100%',
+                                        minHeight: '40px',
+                                        padding: '8px 12px',
+                                        border: 'none',
+                                        borderTop: idx === 0 ? 'none' : '1px solid rgba(128,128,128,0.12)',
+                                        cursor: 'pointer',
+                                        color: 'inherit',
+                                        textAlign: 'left',
+                                        fontSize: '13px',
+                                        background: idx === effortPicker.selectedIdx ? 'rgba(128,128,128,0.1)' : 'transparent',
+                                    }, children: [_jsx("span", { className: cm.fontWeight('medium'), children: option.value }), defaultEffortForModel(effortPickerModel) === option.value && (_jsx("span", { className: cm.textMuted, style: { fontSize: '10px' }, children: t('ide.chat.modelMode.default', undefined, { defaultValue: 'Default' }) })), effortPickerCurrent === option.value && (_jsx("span", { "data-mol-id": `effort-current-${option.value}`, className: cm.fontWeight('medium'), style: {
+                                                // Right-aligned + primary-tinted, matching the model
+                                                // picker's "current" pill (hex is only the var()
+                                                // fallback; the theme token wins).
+                                                marginLeft: 'auto',
+                                                fontSize: '10px',
+                                                color: 'var(--mol-color-primary, #6366f1)',
+                                                background: 'color-mix(in srgb, var(--mol-color-primary, #6366f1) 16%, transparent)',
+                                                border: '1px solid color-mix(in srgb, var(--mol-color-primary, #6366f1) 42%, transparent)',
+                                                padding: '1px 7px',
+                                                borderRadius: '999px',
+                                            }, children: t('ide.chat.currentBadge', undefined, { defaultValue: 'current' }) }))] }, option.value)))) })] })), soundsPicker && (_jsxs("div", { className: cm.cn(cm.surface, cm.borderAll), style: {
                             position: 'absolute',
                             bottom: '100%',
                             left: 0,
@@ -6441,7 +6746,11 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                                                     ? t('ide.chat.activeFile', undefined, { defaultValue: 'active' })
                                                     : t('ide.chat.openTab', undefined, { defaultValue: 'open' }) }))] }, entry.name));
                                 }) }));
-                        })(), queuedMessages.length > 0 && !commandMenu && !modelPicker && !panelOverlay && (_jsxs("div", { style: {
+                        })(), queuedMessages.length > 0 &&
+                        !commandMenu &&
+                        !modelPicker &&
+                        !effortPicker &&
+                        !panelOverlay && (_jsxs("div", { style: {
                             borderTop: '1px solid rgba(128,128,128,0.15)',
                             padding: '6px 8px 6px 10px',
                         }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 4, marginBottom: 3 }, children: [_jsx(Icon, { name: "clock", size: 11, "aria-hidden": "true", style: { opacity: 0.5, flexShrink: 0 } }), _jsx("span", { className: cm.cn(cm.textMuted, cm.textSize('xs')), style: { fontStyle: 'italic' }, children: t('ide.chat.queuedCount', { count: queuedMessages.length }, { defaultValue: '{{count}} queued' }) })] }), _jsx("div", { style: {
@@ -6577,6 +6886,7 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                         pendingFiles.length > 0 &&
                         !commandMenu &&
                         !modelPicker &&
+                        !effortPicker &&
                         !panelOverlay && (_jsxs("div", { style: {
                             borderTop: '1px solid rgba(128,128,128,0.15)',
                             // Equal top/right/bottom (8px) so the commit button — flush to the
@@ -6942,6 +7252,7 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                                                 // Popups are one-at-a-time — close siblings first.
                                                 setMicPicker(null);
                                                 setModelPicker(null);
+                                                setEffortPicker(null);
                                                 setSoundsPicker(null);
                                                 const cur = inputRef.current;
                                                 if (!cur)
@@ -7124,7 +7435,7 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
  * @param props - Component props (see {@link MessageItemProps}).
  * @returns The rendered chat panel element.
  */
-export function ChatPanel({ projectId, endpoint, initialMessage, onInitialMessageSent, activeFile, openTabs, onFileOpen, onFileDoubleClick, onFileDiff, onFileRevert, onFileChange, onFileDeleted, onCommit, onActivityClick, onRenderError, onProfileClick, currentUserId, onReadyToBuild, awaitingSandboxBoot, onClientAction, onTurnComplete, onLoadingChange, onNavigatePreview, onRegisterPushHandler, autoSubmitSignal, initialInputValue, hideConversationMenu, renderConversationHeader = true, conversationId: controlledConversationId, chatKey: controlledChatKey, onConversationId: controlledOnConversationId, openShareSignal: controlledShareSignal, openReportSignal: controlledReportSignal, openSettingsSignal: controlledSettingsSignal, onManageCustomModels, gitStatusTick, pendingMessage, pendingMessageKey, pendingMessageSuppressUser, pendingMessageUserInitiated, userEditedFile, userEditedFileKey, isPro, isAnonymous, canEdit = true, canShare, buildUpgradeCta, buildHelpUpgradeSection, userAvatar, agentName, productName, version, extraCommands, feedbackUrl, className, }) {
+export function ChatPanel({ projectId, endpoint, initialMessage, onInitialMessageSent, activeFile, openTabs, onFileOpen, onFileDoubleClick, onFileDiff, onFileRevert, onFileChange, onFileDeleted, onCommit, onActivityClick, onRenderError, onProfileClick, currentUserId, onReadyToBuild, awaitingSandboxBoot, onClientAction, onTurnComplete, onLoadingChange, onNavigatePreview, onRegisterPushHandler, onRegisterHistoryReconcile, autoSubmitSignal, initialInputValue, hideConversationMenu, renderConversationHeader = true, conversationId: controlledConversationId, chatKey: controlledChatKey, onConversationId: controlledOnConversationId, openShareSignal: controlledShareSignal, openReportSignal: controlledReportSignal, openSettingsSignal: controlledSettingsSignal, onManageCustomModels, gitStatusTick, pendingMessage, pendingMessageKey, pendingMessageSuppressUser, pendingMessageUserInitiated, userEditedFile, userEditedFileKey, isPro, isAnonymous, canEdit = true, canShare, buildUpgradeCta, buildHelpUpgradeSection, userAvatar, agentName, productName, version, extraCommands, feedbackUrl, className, }) {
     const cm = getClassMap();
     // Share management may be gated ABOVE canEdit by the host (see
     // ChatPanelProps.canShare) — gates the built-in header share button here and
@@ -7337,7 +7648,7 @@ export function ChatPanel({ projectId, endpoint, initialMessage, onInitialMessag
                                             textOverflow: 'ellipsis',
                                             whiteSpace: 'nowrap',
                                             width: '100%',
-                                        }, children: conv.preview ?? 'New conversation' }), _jsx("span", { className: cm.cn(cm.textMuted, cm.textSize('xs')), style: { opacity: 0.55 }, children: relativeTime(conv.updatedAt) })] }, conv.id)))] }))] })), _jsx(ChatInner, { projectId: projectId, endpoint: chatEndpoint, initialMessage: initialMessage, onInitialMessageSent: onInitialMessageSent, isPro: isPro, isAnonymous: isAnonymous, canEdit: canEdit, canShare: shareAllowed, buildUpgradeCta: buildUpgradeCta, buildHelpUpgradeSection: buildHelpUpgradeSection, activeFile: activeFile, openTabs: openTabs, onFileOpen: onFileOpen, onFileDoubleClick: onFileDoubleClick, onFileDiff: onFileDiff, onFileRevert: onFileRevert, onFileChange: onFileChange, onFileDeleted: onFileDeleted, onCommit: onCommit, onConversationId: reportConversationId, onActivityClick: onActivityClick, onRenderError: onRenderError, onProfileClick: onProfileClick, currentUserId: currentUserId, onReadyToBuild: onReadyToBuild, awaitingSandboxBoot: awaitingSandboxBoot, onClientAction: onClientAction, onTurnComplete: onTurnComplete, onLoadingChange: onLoadingChange, onNavigatePreview: onNavigatePreview, onRegisterPushHandler: onRegisterPushHandler, autoSubmitSignal: autoSubmitSignal, openSettingsSignal: effectiveSettingsSignal, onManageCustomModels: onManageCustomModels, openReportSignal: effectiveReportSignal, openShareSignal: effectiveShareSignal, initialInputValue: initialInputValue, pendingMessage: pendingMessage, pendingMessageKey: pendingMessageKey, pendingMessageSuppressUser: pendingMessageSuppressUser, pendingMessageUserInitiated: pendingMessageUserInitiated, userEditedFile: userEditedFile, userEditedFileKey: userEditedFileKey, gitStatusTick: gitStatusTick, discovery: hideConversationMenu, userAvatar: userAvatar, agentName: agentName, productName: productName, version: version, extraCommands: extraCommands, feedbackUrl: feedbackUrl }, chatKey)] }));
+                                        }, children: conv.preview ?? 'New conversation' }), _jsx("span", { className: cm.cn(cm.textMuted, cm.textSize('xs')), style: { opacity: 0.55 }, children: relativeTime(conv.updatedAt) })] }, conv.id)))] }))] })), _jsx(ChatInner, { projectId: projectId, endpoint: chatEndpoint, initialMessage: initialMessage, onInitialMessageSent: onInitialMessageSent, isPro: isPro, isAnonymous: isAnonymous, canEdit: canEdit, canShare: shareAllowed, buildUpgradeCta: buildUpgradeCta, buildHelpUpgradeSection: buildHelpUpgradeSection, activeFile: activeFile, openTabs: openTabs, onFileOpen: onFileOpen, onFileDoubleClick: onFileDoubleClick, onFileDiff: onFileDiff, onFileRevert: onFileRevert, onFileChange: onFileChange, onFileDeleted: onFileDeleted, onCommit: onCommit, onConversationId: reportConversationId, onActivityClick: onActivityClick, onRenderError: onRenderError, onProfileClick: onProfileClick, currentUserId: currentUserId, onReadyToBuild: onReadyToBuild, awaitingSandboxBoot: awaitingSandboxBoot, onClientAction: onClientAction, onTurnComplete: onTurnComplete, onLoadingChange: onLoadingChange, onNavigatePreview: onNavigatePreview, onRegisterPushHandler: onRegisterPushHandler, onRegisterHistoryReconcile: onRegisterHistoryReconcile, autoSubmitSignal: autoSubmitSignal, openSettingsSignal: effectiveSettingsSignal, onManageCustomModels: onManageCustomModels, openReportSignal: effectiveReportSignal, openShareSignal: effectiveShareSignal, initialInputValue: initialInputValue, pendingMessage: pendingMessage, pendingMessageKey: pendingMessageKey, pendingMessageSuppressUser: pendingMessageSuppressUser, pendingMessageUserInitiated: pendingMessageUserInitiated, userEditedFile: userEditedFile, userEditedFileKey: userEditedFileKey, gitStatusTick: gitStatusTick, discovery: hideConversationMenu, userAvatar: userAvatar, agentName: agentName, productName: productName, version: version, extraCommands: extraCommands, feedbackUrl: feedbackUrl }, chatKey)] }));
 }
 ChatPanel.displayName = 'ChatPanel';
 //# sourceMappingURL=ChatPanel.js.map