@molecule/app-ide-react 1.15.0 → 1.17.0

package/dist/components/ChatPanel.js

@@ -11,6 +11,7 @@ import { Tooltip } from '@molecule/app-ui-react/components/Tooltip.js';
 import { timelineSortKey } from '../chatTimelineOrdering.js';
 import { getCustomEventCardFactory } from '../customEventCards.js';
 import { useChatTimestampsVisible, useMinuteNow } from '../hooks/useChatTimestampsVisible.js';
+import { useTestsBarVisible } from '../hooks/useTestsBarVisible.js';
 import { useCoarsePointer, useNarrowViewport } from '../hooks/useViewport.js';
 import { activityFromEvent } from './activity-utilities.js';
 import { ActivityCard } from './ActivityCard.js';
@@ -44,8 +45,10 @@ import { SettingsCard } from './SettingsCard.js';
 import { ShareModal } from './ShareModal.js';
 import { SkillsCard } from './SkillsCard.js';
 import { StreamingIndicator } from './StreamingIndicator.js';
-import { applyTestRunEvent, buildTestFixMessage, EMPTY_RUN_STATE, failRun, parseTestCommand, } from './tests-card-utilities.js';
+import { getTestsBarVisible, parseTestsBarArg, setTestsBarVisible, shouldShowTestsBar, } from './tests-bar-utilities.js';
+import { applyTestRunEvent, buildTestFixMessage, EMPTY_RUN_STATE, failRun, markSkipUnavailable, parseTestCommand, requestSkip, } from './tests-card-utilities.js';
 import { TestsCard } from './TestsCard.js';
+import { TestStatusBar } from './TestStatusBar.js';
 import { TipCard } from './TipCard.js';
 import { ToolCallCard } from './ToolCallCard.js';
 import { UserAvatar } from './UserAvatar.js';
@@ -973,7 +976,7 @@ AuthorNameButton.displayName = 'AuthorNameButton';
  * @returns The rendered message item.
  */
 const MessageItem = memo(function MessageItem(props) {
-    const { msg, sendMessage, handleAskUserResponse, isLoading, streamingStatus, onNavigatePreview, undoneTcIds, handleUndoToggle, onFileOpen, onFileDoubleClick, onFileDiff, handleFileRevert, setInputAndCursorEnd, setModelPicker, chatMode, userAvatar, onProfileClick, currentUserId, discovery, buildUpgradeCta, agentName, canEdit, showTimestamp, } = props;
+    const { msg, sendMessage, handleAskUserResponse, isLoading, streamingStatus, onNavigatePreview, undoneTcIds, handleUndoToggle, onFileOpen, onFileDoubleClick, onFileDiff, handleFileRevert, setInputAndCursorEnd, setModelPicker, chatMode, userAvatar, onProfileClick, currentUserId, discovery, buildUpgradeCta, agentName, canEdit, onSkipToolCall, skipToolCallReason, showTimestamp, } = props;
     const cm = getClassMap();
     const themeMode = useThemeMode();
     const isLight = themeMode === 'light';
@@ -1176,7 +1179,7 @@ const MessageItem = memo(function MessageItem(props) {
                     const tc = msg.toolCalls?.find((c) => c.id === block.id);
                     if (!tc)
                         return null;
-                    return (_jsx("div", { style: { marginTop: '4px' }, children: _jsx(ToolCallCard, { id: tc.id, name: tc.name, input: tc.input, output: tc.output, status: tc.status, fileDiff: tc.fileDiff, isUndone: undoneTcIds.has(tc.id), onUndoToggle: handleUndoToggle, onFileOpen: onFileOpen, onFileDoubleClick: onFileDoubleClick, onFileDiff: onFileDiff, onFileRevert: canEdit === false ? undefined : handleFileRevert, onAskUserResponse: canEdit === false ? undefined : handleAskUserResponse }) }, tc.id));
+                    return (_jsx("div", { style: { marginTop: '4px' }, children: _jsx(ToolCallCard, { id: tc.id, name: tc.name, input: tc.input, output: tc.output, status: tc.status, fileDiff: tc.fileDiff, isUndone: undoneTcIds.has(tc.id), onUndoToggle: handleUndoToggle, onFileOpen: onFileOpen, onFileDoubleClick: onFileDoubleClick, onFileDiff: onFileDiff, onFileRevert: canEdit === false ? undefined : handleFileRevert, onAskUserResponse: canEdit === false ? undefined : handleAskUserResponse, onSkip: onSkipToolCall, skipDisabledReason: skipToolCallReason ?? null }) }, tc.id));
                 })) : msg.content ? (_jsx(MarkdownContent, { text: msg.content, isStreaming: msg.isStreaming, statusLabel: msg.isStreaming ? streamingStatus : undefined, statusStartedAt: typeof msg.timestamp === 'number' ? msg.timestamp : undefined, onNavigatePreview: onNavigatePreview, hideStreamingIndicator: true })) : null, msg.toolCalls &&
                     msg.blocks &&
                     msg.blocks.length > 0 &&
@@ -1187,10 +1190,10 @@ const MessageItem = memo(function MessageItem(props) {
                         tc.output.status === 'awaiting_response' &&
                         !msg.blocks.some((b) => b.type === 'tool_call' &&
                             b.id === tc.id))
-                        .map((tc) => (_jsx(ToolCallCard, { id: tc.id, name: tc.name, input: tc.input, output: tc.output, status: tc.status, fileDiff: tc.fileDiff, isUndone: undoneTcIds.has(tc.id), onUndoToggle: handleUndoToggle, onFileOpen: onFileOpen, onFileDoubleClick: onFileDoubleClick, onFileDiff: onFileDiff, onFileRevert: canEdit === false ? undefined : handleFileRevert, onAskUserResponse: canEdit === false ? undefined : handleAskUserResponse }, `orphan-ask-${tc.id}`))), msg.toolCalls &&
+                        .map((tc) => (_jsx(ToolCallCard, { id: tc.id, name: tc.name, input: tc.input, output: tc.output, status: tc.status, fileDiff: tc.fileDiff, isUndone: undoneTcIds.has(tc.id), onUndoToggle: handleUndoToggle, onFileOpen: onFileOpen, onFileDoubleClick: onFileDoubleClick, onFileDiff: onFileDiff, onFileRevert: canEdit === false ? undefined : handleFileRevert, onAskUserResponse: canEdit === false ? undefined : handleAskUserResponse, onSkip: onSkipToolCall, skipDisabledReason: skipToolCallReason ?? null }, `orphan-ask-${tc.id}`))), msg.toolCalls &&
                     msg.toolCalls.length > 0 &&
                     (!msg.blocks || msg.blocks.length === 0) &&
-                    msg.toolCalls.map((tc) => (_jsx(ToolCallCard, { id: tc.id, name: tc.name, input: tc.input, output: tc.output, status: tc.status, fileDiff: tc.fileDiff, isUndone: undoneTcIds.has(tc.id), onUndoToggle: handleUndoToggle, onFileOpen: onFileOpen, onFileDoubleClick: onFileDoubleClick, onFileDiff: onFileDiff, onFileRevert: canEdit === false ? undefined : handleFileRevert, onAskUserResponse: canEdit === false ? undefined : handleAskUserResponse }, tc.id))), msg.aborted && (_jsx("span", { className: cm.cn(cm.textMuted, cm.textSize('xs')), style: { display: 'block', marginTop: 4, fontStyle: 'italic' }, children: t('ide.chat.responseStopped', undefined, {
+                    msg.toolCalls.map((tc) => (_jsx(ToolCallCard, { id: tc.id, name: tc.name, input: tc.input, output: tc.output, status: tc.status, fileDiff: tc.fileDiff, isUndone: undoneTcIds.has(tc.id), onUndoToggle: handleUndoToggle, onFileOpen: onFileOpen, onFileDoubleClick: onFileDoubleClick, onFileDiff: onFileDiff, onFileRevert: canEdit === false ? undefined : handleFileRevert, onAskUserResponse: canEdit === false ? undefined : handleAskUserResponse, onSkip: onSkipToolCall, skipDisabledReason: skipToolCallReason ?? null }, tc.id))), msg.aborted && (_jsx("span", { className: cm.cn(cm.textMuted, cm.textSize('xs')), style: { display: 'block', marginTop: 4, fontStyle: 'italic' }, children: t('ide.chat.responseStopped', undefined, {
                         defaultValue: 'Response stopped',
                     }) })), msg.loopLimitReached &&
                     !msg.isStreaming &&
@@ -1281,7 +1284,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, 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, listTests, runTests, canRunTests, testsAvailable,
+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, listTests, runTests, canRunTests, testsAvailable, skipToolCall,
 // 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.
  }) {
@@ -1656,6 +1659,8 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
     const [commitState, setCommitState] = useState(null);
     const [pendingFiles, setPendingFiles] = useState(null);
     const [commitBarExpanded, setCommitBarExpanded] = useState(false);
+    // The tests strip sits above the commit bar and starts collapsed, like it.
+    const [testsBarExpanded, setTestsBarExpanded] = useState(false);
     const [commitCards, setCommitCards] = useState([]);
     /** Number of timeline items rendered in the DOM. Increases when user clicks "Show earlier". */
     const [maxVisibleItems, setMaxVisibleItems] = useState(60);
@@ -2600,6 +2605,7 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
     // The minute clock re-plans which items show a time (see planChatTimestamps),
     // so labels advance and runs of identical labels regroup as time passes.
     const timestampsVisible = useChatTimestampsVisible();
+    const testsBarVisible = useTestsBarVisible();
     const minuteNow = useMinuteNow();
     const applyTimestampsVisible = useCallback((visible) => {
         setChatTimestampsVisible(visible);
@@ -2702,7 +2708,7 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
             durationMs: null,
         }));
         try {
-            testsRunHandleRef.current = runTests(selection, (event) => {
+            const handle = runTests(selection, (event) => {
                 if (!testsMountedRef.current)
                     return;
                 setTestsRun((prev) => applyTestRunEvent(prev, event));
@@ -2713,6 +2719,12 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                     void refreshTests();
                 }
             });
+            testsRunHandleRef.current = handle;
+            // Whether a Skip control belongs on screen is decided HERE, by whether
+            // this host's handle serves one — not by the card guessing, and not by
+            // a button that would do nothing when clicked.
+            const skips = typeof handle.skipCurrent === 'function';
+            setTestsRun((prev) => ({ ...prev, skipPending: false, skipUnavailable: !skips }));
         }
         catch (error) {
             logger.warn('Failed to start a test run', { error });
@@ -2741,8 +2753,64 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
     const cancelTestsRun = useCallback(() => {
         testsRunHandleRef.current?.cancel();
         testsRunHandleRef.current = null;
-        setTestsRun((prev) => ({ ...prev, running: false, currentId: null, outcome: 'cancelled' }));
+        setTestsRun((prev) => ({
+            ...prev,
+            running: false,
+            currentId: null,
+            cases: {},
+            skipPending: false,
+            skipUnavailable: true,
+            outcome: 'cancelled',
+        }));
     }, []);
+    // Skip the executor's in-flight tool call WITHOUT ending the turn — the
+    // model is told the command did not run and carries on. The card owns its own
+    // pressed state, so this just forwards the host's answer: `false` means the
+    // call had already finished (a race the person did not cause), which the card
+    // answers by returning the button to rest rather than reporting anything.
+    const handleSkipToolCall = useCallback(async (toolCallId) => {
+        if (canEdit === false || !skipToolCall)
+            return false;
+        try {
+            return await skipToolCall(toolCallId);
+        }
+        catch (error) {
+            logger.warn('Failed to skip the running tool call', { error });
+            return false;
+        }
+    }, [canEdit, skipToolCall]);
+    // Skip the command the run is ON, leaving the run itself alive. The state
+    // only records that the request went out — the run's own `result` for that
+    // file is what moves the row, so a skip can never paint itself as a pass. A
+    // host answering "there was nothing to skip" is a race the person did not
+    // cause: the control goes away, no error line.
+    const skipCurrentTest = useCallback(() => {
+        if (canEdit === false || canRunTests === false)
+            return;
+        const skip = testsRunHandleRef.current?.skipCurrent;
+        if (!skip) {
+            setTestsRun((prev) => markSkipUnavailable(prev));
+            return;
+        }
+        setTestsRun((prev) => requestSkip(prev));
+        const unavailable = () => {
+            if (testsMountedRef.current)
+                setTestsRun((prev) => markSkipUnavailable(prev));
+        };
+        try {
+            const outcome = skip.call(testsRunHandleRef.current);
+            if (outcome) {
+                void outcome.then((accepted) => {
+                    if (accepted === false)
+                        unavailable();
+                }, unavailable);
+            }
+        }
+        catch (error) {
+            logger.warn('Failed to skip the running test', { error });
+            unavailable();
+        }
+    }, [canEdit, canRunTests]);
     /** Open the tests browser, re-listing so a spec just written shows up. */
     const openTestsBrowser = useCallback((query = '', runAll = false) => {
         openPanelOverlay('tests', query);
@@ -3169,6 +3237,35 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
         const id = setInterval(() => dispatchAutoCommit({ type: 'tick' }), 1000);
         return () => clearInterval(id);
     }, [autoCommitArmed, autoCommitHeld]);
+    // The tests bar hides itself on a project with no tests, so it has to LEARN
+    // whether any exist without the person opening the browser first — otherwise
+    // "shown by default" would mean "shown after you ask for it once", which is
+    // not a default at all.
+    //
+    // Discovery runs when the environment comes up, and again when a turn ends
+    // while we still know of none: that is the turn that wrote the project's
+    // first spec. A project that already has tests never pays for the second
+    // probe, because the effect returns the moment the list is non-empty.
+    const turnInFlight = isLoading || isRemoteStreaming;
+    useEffect(() => {
+        if (!testsBarVisible || !listTests)
+            return;
+        if (testsAvailable !== true)
+            return;
+        if (turnInFlight || testsRun.running)
+            return;
+        if (testsList.length > 0)
+            return;
+        void refreshTests();
+    }, [
+        testsBarVisible,
+        listTests,
+        testsAvailable,
+        turnInFlight,
+        testsRun.running,
+        testsList.length,
+        refreshTests,
+    ]);
     // Wrap onFileRevert so undo/redo also refreshes git status
     const handleFileRevert = useCallback(async (path, content) => {
         await onFileRevert?.(path, content);
@@ -4474,6 +4571,22 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
             setSoundsPicker({ selectedIdx: -1 });
             return;
         }
+        // `/test on | off | toggle` sets whether the TESTS STRIP is shown — a
+        // per-device display preference, the same shape as /timestamps. Bare
+        // `/test` is left alone: it opens the tests browser, which is a different
+        // thing and is what the command menu offers.
+        const testsBarMatch = /^\/test(?:s)?\s+(.+)$/i.exec(trimmed);
+        if (testsBarMatch) {
+            const next = parseTestsBarArg(testsBarMatch[1] ?? '', getTestsBarVisible());
+            if (next !== null) {
+                setInputValue('');
+                setTestsBarVisible(next);
+                addSystemCard(next
+                    ? t('ide.chat.testsBarShown', undefined, { defaultValue: 'Tests bar shown.' })
+                    : t('ide.chat.testsBarHidden', undefined, { defaultValue: 'Tests bar hidden.' }), { clientOnly: true });
+                return;
+            }
+        }
         // Handle /timestamps [on | off] locally — a per-device display preference.
         const timestampsCommand = parseTimestampsCommand(trimmed);
         if (timestampsCommand) {
@@ -5842,7 +5955,7 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                                     return (_jsx(ScriptsCard, { projectId: projectId, initialQuery: item.card.query ?? '', isLight: isLight, agentName: agentName }, item.card.id));
                                 }
                                 if (item.card.variant === 'tests') {
-                                    return (_jsx(TestsCard, { tests: testsList, status: testsStatus, run: testsRun, initialQuery: item.card.query ?? '', canRun: (canRunTests ?? canEdit !== false) && canEdit !== false, onRun: startTestsRun, onCancel: cancelTestsRun, onFix: fixTests, fixDisabledReason: canEdit === false
+                                    return (_jsx(TestsCard, { tests: testsList, status: testsStatus, run: testsRun, initialQuery: item.card.query ?? '', canRun: (canRunTests ?? canEdit !== false) && canEdit !== false, onRun: startTestsRun, onCancel: cancelTestsRun, onSkipCurrent: skipCurrentTest, onFix: fixTests, fixDisabledReason: canEdit === false
                                             ? t('ide.tests.viewerCannotRun', undefined, {
                                                 defaultValue: 'Only editors can run this project’s tests.',
                                             })
@@ -5943,7 +6056,11 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                                 // MessageItem builds the identity from the message's own
                                 // author (teammates included), so the host shows their
                                 // view-only profile and the viewer's editable own.
-                                onProfileClick: onProfileClick, currentUserId: currentUserId, showTimestamp: shownTimestampIds.has(msg.id), discovery: discovery, buildUpgradeCta: buildUpgradeCta, agentName: agentName, canEdit: canEdit }, msg.id));
+                                onProfileClick: onProfileClick, currentUserId: currentUserId, showTimestamp: shownTimestampIds.has(msg.id), discovery: discovery, buildUpgradeCta: buildUpgradeCta, agentName: agentName, canEdit: canEdit, onSkipToolCall: skipToolCall ? handleSkipToolCall : undefined, skipToolCallReason: canEdit === false
+                                    ? t('ide.chat.skipToolCallViewer', undefined, {
+                                        defaultValue: 'Only editors can skip this.',
+                                    })
+                                    : null }, msg.id));
                         })()) }, item.kind === 'message' ? item.msg.id : item.card.id))), error &&
                         !isStaleAnonymousLimit &&
                         (errorMeta?.limitType ? (_jsx(ResourceLimitBanner, { message: error, action: buildUpgradeCta?.({
@@ -7088,7 +7205,7 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                                                     minHeight: 36,
                                                 }
                                                 : {}),
-                                        }, children: '✕' })] }), _jsxs("div", { style: { overflowY: 'auto', flex: 1 }, children: [panelOverlay === 'settings' && (_jsx(SettingsCard, { settings: computeSettingsList(), onRunCommand: (commandId) => void executeCommand(commandId), onPrefillInput: (input) => setInputAndCursorEnd(`${input} `), isLight: isLight, agentName: agentName, embedded: true })), panelOverlay === 'skills' && (_jsx(SkillsCard, { projectId: projectId, initialQuery: panelOverlayQuery, onLoad: loadSkill, onCreate: createSkill, loadedSkillPaths: loadedSkillPaths, defaultSkillPaths: defaultSkillPaths, onToggleDefault: toggleDefaultSkill, onResetDefault: resetDefaultSkills, defaultsExplicit: defaultSkillsExplicitRef.current, isLight: isLight, embedded: true })), panelOverlay === 'scripts' && (_jsx(ScriptsCard, { projectId: projectId, initialQuery: panelOverlayQuery, isLight: isLight, agentName: agentName, embedded: true })), panelOverlay === 'tests' && (_jsx(TestsCard, { tests: testsList, status: testsStatus, run: testsRun, initialQuery: panelOverlayQuery, canRun: (canRunTests ?? canEdit !== false) && canEdit !== false, onRun: startTestsRun, onCancel: cancelTestsRun, onFix: fixTests, fixDisabledReason: canEdit === false
+                                        }, children: '✕' })] }), _jsxs("div", { style: { overflowY: 'auto', flex: 1 }, children: [panelOverlay === 'settings' && (_jsx(SettingsCard, { settings: computeSettingsList(), onRunCommand: (commandId) => void executeCommand(commandId), onPrefillInput: (input) => setInputAndCursorEnd(`${input} `), isLight: isLight, agentName: agentName, embedded: true })), panelOverlay === 'skills' && (_jsx(SkillsCard, { projectId: projectId, initialQuery: panelOverlayQuery, onLoad: loadSkill, onCreate: createSkill, loadedSkillPaths: loadedSkillPaths, defaultSkillPaths: defaultSkillPaths, onToggleDefault: toggleDefaultSkill, onResetDefault: resetDefaultSkills, defaultsExplicit: defaultSkillsExplicitRef.current, isLight: isLight, embedded: true })), panelOverlay === 'scripts' && (_jsx(ScriptsCard, { projectId: projectId, initialQuery: panelOverlayQuery, isLight: isLight, agentName: agentName, embedded: true })), panelOverlay === 'tests' && (_jsx(TestsCard, { tests: testsList, status: testsStatus, run: testsRun, initialQuery: panelOverlayQuery, canRun: (canRunTests ?? canEdit !== false) && canEdit !== false, onRun: startTestsRun, onCancel: cancelTestsRun, onSkipCurrent: skipCurrentTest, onFix: fixTests, fixDisabledReason: canEdit === false
                                             ? t('ide.tests.viewerCannotRun', undefined, {
                                                 defaultValue: 'Only editors can run this project’s tests.',
                                             })
@@ -7289,7 +7406,12 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                                             }, onMouseLeave: (e) => {
                                                 e.currentTarget.style.opacity = '0.7';
                                                 e.currentTarget.style.background = 'none';
-                                            }, children: _jsx("svg", { width: "13", height: "13", viewBox: "0 0 12 12", style: { display: 'block' }, children: _jsx("path", { d: "M 2.5,6.5 L 6,3 L 9.5,6.5 M 6,3.5 L 6,10", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round" }) }) }))] }, qm.id))) })] })), canEdit !== false &&
+                                            }, children: _jsx("svg", { width: "13", height: "13", viewBox: "0 0 12 12", style: { display: 'block' }, children: _jsx("path", { d: "M 2.5,6.5 L 6,3 L 9.5,6.5 M 6,3.5 L 6,10", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round" }) }) }))] }, qm.id))) })] })), testsBarVisible &&
+                        shouldShowTestsBar(testsRun, testsList) &&
+                        !commandMenu &&
+                        !modelPicker &&
+                        !effortPicker &&
+                        !panelOverlay && (_jsx(TestStatusBar, { run: testsRun, tests: testsList, expanded: testsBarExpanded, onToggle: () => setTestsBarExpanded((v) => !v), onOpen: () => openTestsBrowser(''), onStop: testsRun.running ? cancelTestsRun : undefined })), canEdit !== false &&
                         pendingFiles != null &&
                         pendingFiles.length > 0 &&
                         !commandMenu &&
@@ -7843,7 +7965,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, 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, listTests, runTests, canRunTests, testsAvailable, 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, listTests, runTests, canRunTests, testsAvailable, skipToolCall, 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
@@ -8056,7 +8178,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, 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, listTests: listTests, runTests: runTests, canRunTests: canRunTests, testsAvailable: testsAvailable }, 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, listTests: listTests, runTests: runTests, canRunTests: canRunTests, testsAvailable: testsAvailable, skipToolCall: skipToolCall }, chatKey)] }));
 }
 ChatPanel.displayName = 'ChatPanel';
 //# sourceMappingURL=ChatPanel.js.map