@vertesia/ui 1.5.0-dev.20260910.052912Z → 1.6.0-dev.20260912.110338Z

package/src/features/agent/chat/ModernAgentOutput/AllMessagesMixed.test.tsx

@@ -818,6 +818,105 @@ describe('AllMessagesMixed summary view', () => {
         expect(screen.getByText('Main agent response.')).not.toBeNull();
     });
 
+    it('keeps the existing back action visible for an empty selected workstream', () => {
+        renderSummary([
+            makeMessage({
+                timestamp: 1_000,
+                type: AgentMessageType.QUESTION,
+                message: 'Implement a type for a contract.',
+            }),
+            makeMessage({
+                timestamp: 2_000,
+                type: AgentMessageType.UPDATE,
+                message: 'Workstream "app_development_process" launched',
+                workstream_id: 'app_development_process',
+                details: {
+                    event_class: 'activity',
+                    workstream_event: 'launched',
+                    launch_id: 'launch-process',
+                    workstream_id: 'app_development_process',
+                    kind: 'process',
+                    process_run_id: 'process-run-1',
+                    process_workflow_id: 'process-wf-1',
+                    process_name: 'App Development Process',
+                },
+            }),
+            makeMessage({
+                timestamp: 3_000,
+                type: AgentMessageType.ANSWER,
+                message: 'Main agent response.',
+            }),
+        ]);
+
+        fireEvent.click(screen.getByRole('button', { name: /App Development Process/ }));
+
+        expect(screen.getByRole('button', { name: 'Back to main agent' })).not.toBeNull();
+        expect(screen.getByText('No messages in this workstream yet...')).not.toBeNull();
+
+        fireEvent.click(screen.getByRole('button', { name: 'Back to main agent' }));
+
+        expect(screen.getByText('Main agent response.')).not.toBeNull();
+    });
+
+    it('renders relayed Process progress in the selected workstream', () => {
+        renderSummary([
+            makeMessage({
+                timestamp: 1_000,
+                type: AgentMessageType.QUESTION,
+                message: 'Implement a type for a contract.',
+            }),
+            makeMessage({
+                timestamp: 2_000,
+                type: AgentMessageType.UPDATE,
+                message: 'Workstream "app_development_process" launched',
+                workstream_id: 'app_development_process',
+                details: {
+                    event_class: 'activity',
+                    workstream_event: 'launched',
+                    launch_id: 'launch-process',
+                    workstream_id: 'app_development_process',
+                    kind: 'process',
+                    process_run_id: 'process-run-1',
+                    process_workflow_id: 'process-wf-1',
+                    process_name: 'App Development Process',
+                },
+            }),
+            makeMessage({
+                timestamp: 3_000,
+                type: AgentMessageType.UPDATE,
+                message: 'Process running at implementation (agent, sequence 2).',
+                workstream_id: 'app_development_process',
+                details: {
+                    event_class: 'activity',
+                    process_event: 'progress',
+                    launch_id: 'launch-process',
+                    workstream_id: 'app_development_process',
+                    kind: 'process',
+                    process_run_id: 'process-run-1',
+                    process_workflow_id: 'process-wf-1',
+                    process_name: 'App Development Process',
+                    phase: 'executing_tool',
+                    current_step: 'implementation',
+                    process_status: 'running',
+                    process_current_node: 'implementation',
+                    process_current_node_type: 'agent',
+                    process_sequence: 2,
+                },
+            }),
+            makeMessage({
+                timestamp: 4_000,
+                type: AgentMessageType.ANSWER,
+                message: 'Main agent response.',
+            }),
+        ]);
+
+        fireEvent.click(screen.getByRole('button', { name: /App Development Process/ }));
+
+        expect(screen.getByRole('button', { name: 'Back to main agent' })).not.toBeNull();
+        expect(screen.getByText('Process running at implementation (agent, sequence 2).')).not.toBeNull();
+        expect(screen.queryByText('Main agent response.')).toBeNull();
+    });
+
     it('keeps streamed and persisted child output in the owning workstream throughout its lifecycle', () => {
         const question = makeMessage({
             timestamp: 1_000,
@@ -1599,6 +1698,68 @@ describe('AllMessagesMixed summary view', () => {
         expect(screen.getAllByText(/quotes\.md/).length).toBeGreaterThan(0);
     });
 
+    describe.each(['summary', 'stacked', 'activity'] as const)('request input in %s view', (mode) => {
+        function renderPrompt(options: unknown) {
+            const onSendMessage = vi.fn();
+            const prompt = makeMessage({
+                timestamp: 2_000,
+                type: AgentMessageType.REQUEST_INPUT,
+                message: 'Choose a response',
+                details: { request_id: 'robust-ask', ux: { options, variant: 'default', multiSelect: false } },
+            });
+            if (mode === 'stacked') {
+                renderStacked([prompt], false, { onSendMessage });
+            } else if (mode === 'activity') {
+                renderSummary(
+                    [
+                        makeMessage({
+                            timestamp: 1_000,
+                            message: 'Waiting for input',
+                            details: {
+                                event_class: 'activity',
+                                tool: 'ask_user',
+                                tool_run_id: 'ask-run',
+                                tool_status: 'running',
+                                activity_group_id: 'ask-group',
+                            },
+                        }),
+                        { ...prompt, details: { ...prompt.details, activity_group_id: 'ask-group', tool: 'ask_user' } },
+                        makeMessage({ timestamp: 3_000, message: 'Finished', type: AgentMessageType.COMPLETE }),
+                    ],
+                    true,
+                    new Map(),
+                    { onSendMessage },
+                );
+                fireEvent.click(screen.getByRole('button', { name: /Worked\s*for/ }));
+            } else {
+                renderSummary([prompt], false, new Map(), { onSendMessage });
+            }
+            return onSendMessage;
+        }
+
+        it.each([
+            { name: 'a string', options: 'null' },
+            { name: 'null', options: null },
+            { name: 'a null entry', options: [null] },
+            { name: 'an object label', options: [{ id: 'a', label: {} }] },
+            { name: 'mixed valid and invalid entries', options: [{ id: 'a', label: 'A' }, null] },
+        ])('allows text submission for $name', ({ options }) => {
+            const onSendMessage = renderPrompt(options);
+            fireEvent.change(screen.getByRole('textbox'), { target: { value: 'Custom response' } });
+            fireEvent.click(screen.getByRole('button', { name: 'Send' }));
+            expect(onSendMessage).toHaveBeenCalledWith('Custom response', {
+                request_input_response: { request_id: 'robust-ask' },
+            });
+        });
+
+        it('preserves valid choices and their response IDs', () => {
+            const onSendMessage = renderPrompt([{ id: 'a', label: 'Choice A' }]);
+            fireEvent.click(screen.getByRole('button', { name: 'Choice A' }));
+            expect(onSendMessage).toHaveBeenCalledWith('a', { request_input_response: { request_id: 'robust-ask' } });
+            expect(screen.queryByRole('textbox')).toBeNull();
+        });
+    });
+
     it('renders pending ask options compactly in summary view', () => {
         renderSummary([
             makeMessage({
@@ -2720,3 +2881,49 @@ describe('AllMessagesMixed resource summary — same-timestamp cursor clipping',
         expect(screen.queryByText('Doc B')).toBeNull();
     });
 });
+
+describe('AllMessagesMixed — answer feedback', () => {
+    const answer = makeMessage({ type: AgentMessageType.ANSWER, message: 'Here is the result.', timestamp: 10 });
+    const thought = makeMessage({ type: AgentMessageType.UPDATE, message: 'Working on it.', timestamp: 5 });
+
+    it('renders the rating control under each answer in the details view when a run id is given', () => {
+        renderStacked([thought, answer], true, { agentRunId: 'agent-run-1' });
+
+        expect(screen.getByRole('button', { name: 'Rate this answer up' })).not.toBeNull();
+        expect(screen.getByRole('button', { name: 'Rate this answer down' })).not.toBeNull();
+        // Only answers are rated; the working update above it carries no control.
+        expect(screen.getAllByRole('button', { name: /Rate this answer/ })).toHaveLength(2);
+    });
+
+    it('renders the rating control under each answer in the summary view when a run id is given', () => {
+        const session = new UserSession({} as unknown as VertesiaClient);
+        const bottomRef = React.createRef<HTMLDivElement>() as React.RefObject<HTMLDivElement>;
+        render(
+            <I18nProvider lng="en">
+                <ReactRouterContext.Provider value={makeRouterContext()}>
+                    <UserSessionContext.Provider value={session}>
+                        <AgentResourceResolverProvider value={testResourceResolver}>
+                            <AllMessagesMixed
+                                messages={[thought, answer]}
+                                bottomRef={bottomRef}
+                                viewMode="sliding"
+                                isCompleted
+                                artifactRunId="run-1"
+                                agentRunId="agent-run-1"
+                            />
+                        </AgentResourceResolverProvider>
+                    </UserSessionContext.Provider>
+                </ReactRouterContext.Provider>
+            </I18nProvider>,
+        );
+
+        expect(screen.getByRole('button', { name: 'Rate this answer up' })).not.toBeNull();
+        expect(screen.getAllByRole('button', { name: /Rate this answer/ })).toHaveLength(2);
+    });
+
+    it('renders no rating control without a run id (fixture playback)', () => {
+        renderStacked([thought, answer], true);
+
+        expect(screen.queryByRole('button', { name: /Rate this answer/ })).toBeNull();
+    });
+});

package/src/features/agent/chat/ModernAgentOutput/AllMessagesMixed.tsx

@@ -29,8 +29,9 @@ import {
     Wrench,
 } from 'lucide-react';
 import React, { Component, type ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { AgentRunFeedback, agentMessageFeedbackId } from '../AgentRunFeedback';
 import { AnimatedThinkingDots, PulsatingCircle } from '../AnimatedThinkingDots';
-import { AskUserWidget } from '../AskUserWidget';
+import { AskUserWidget, isAskUserOptions } from '../AskUserWidget';
 import { DocumentEditingActionCard, parseMarkdownEditingAction } from '../DocumentEditingActionCard.js';
 import { ThinkingMessages } from '../WaitingMessages';
 import {
@@ -309,6 +310,8 @@ interface SummaryMessageProps {
     requestInputAnswered?: boolean;
     StoreLinkComponent?: React.ComponentType<{ href: string; documentId: string; children: React.ReactNode }>;
     CollectionLinkComponent?: React.ComponentType<{ href: string; collectionId: string; children: React.ReactNode }>;
+    /** When set, answers carry a thumbs up / down rating control scoped to the message. */
+    feedbackAgentRunId?: string;
 }
 
 function SummaryWorkstreamLaunchMessage({
@@ -677,6 +680,7 @@ function SummaryMessage({
     requestInputAnswered = false,
     StoreLinkComponent,
     CollectionLinkComponent,
+    feedbackAgentRunId,
 }: SummaryMessageProps) {
     const { router } = useRouterContext();
     const content =
@@ -758,11 +762,12 @@ function SummaryMessage({
     const requestInputDetails = message.details as AskUserMessageDetails | undefined;
     if (message.type === AgentMessageType.REQUEST_INPUT && requestInputDetails?.ux) {
         const uxConfig = requestInputDetails.ux;
+        const hasSelectableOptions = isAskUserOptions(uxConfig.options) && uxConfig.options.length > 0;
         return (
             <div className="mx-auto w-full max-w-3xl px-1">
                 <AskUserWidget
                     question={content}
-                    options={uxConfig.options}
+                    options={hasSelectableOptions ? uxConfig.options : undefined}
                     variant={uxConfig.variant}
                     multiSelect={uxConfig.multiSelect}
                     onSelect={(optionId) =>
@@ -776,7 +781,7 @@ function SummaryMessage({
                     onMultiSelect={(optionIds) =>
                         sendRequestInputResponse(onSendMessage, message, optionIds.join(', '))
                     }
-                    allowFreeResponse={!uxConfig.options?.length || !!uxConfig.free_response}
+                    allowFreeResponse={!hasSelectableOptions || !!uxConfig.free_response}
                     placeholder={uxConfig.free_response?.placeholder}
                     submitLabel={uxConfig.free_response?.submit_label}
                     onSubmit={(value) =>
@@ -793,7 +798,7 @@ function SummaryMessage({
     const isError = message.type === AgentMessageType.ERROR || message.type === AgentMessageType.WARNING;
 
     return (
-        <div className="mx-auto w-full max-w-3xl px-1" data-workstream-id={workstreamId}>
+        <div className="group mx-auto w-full max-w-3xl px-1" data-workstream-id={workstreamId}>
             {isError && (
                 <div className="mb-2 text-xs font-medium text-destructive">
                     {message.type === AgentMessageType.WARNING ? 'Warning' : 'Error'}
@@ -818,6 +823,14 @@ function SummaryMessage({
                     </MarkdownRenderer>
                 </div>
             )}
+            {feedbackAgentRunId && message.type === AgentMessageType.ANSWER && (
+                <AgentRunFeedback
+                    agentRunId={feedbackAgentRunId}
+                    messageId={agentMessageFeedbackId(message)}
+                    tone="inline"
+                    className="mt-1 -ms-1.5 print:hidden"
+                />
+            )}
         </div>
     );
 }
@@ -2300,11 +2313,13 @@ function SummaryActivityRow({
                                 <div className="mt-3 space-y-3">
                                     {requestInputMessages.map((message) => {
                                         const uxConfig = message.details.ux;
+                                        const hasSelectableOptions =
+                                            isAskUserOptions(uxConfig.options) && uxConfig.options.length > 0;
                                         return (
                                             <AskUserWidget
                                                 key={getAgentMessageRenderKey(message, 'work-request-input')}
                                                 question={getRequestInputDisplayText(message)}
-                                                options={uxConfig.options}
+                                                options={hasSelectableOptions ? uxConfig.options : undefined}
                                                 variant={uxConfig.variant}
                                                 multiSelect={uxConfig.multiSelect}
                                                 onSelect={(optionId) =>
@@ -2322,9 +2337,7 @@ function SummaryActivityRow({
                                                         optionIds.join(', '),
                                                     )
                                                 }
-                                                allowFreeResponse={
-                                                    !uxConfig.options?.length || !!uxConfig.free_response
-                                                }
+                                                allowFreeResponse={!hasSelectableOptions || !!uxConfig.free_response}
                                                 placeholder={uxConfig.free_response?.placeholder}
                                                 submitLabel={uxConfig.free_response?.submit_label}
                                                 onSubmit={(value) =>
@@ -2479,6 +2492,8 @@ interface AllMessagesMixedProps {
     batchProgressPanelClassNames?: BatchProgressPanelClassNames;
     /** Run ID used to resolve artifact references in streaming chart specs */
     artifactRunId?: string;
+    /** Agent run to record answer ratings against. Omit to render answers without a rating control. */
+    agentRunId?: string;
     /** Hide the workstream tabs entirely */
     hideWorkstreamTabs?: boolean;
     /** className override for the working indicator container */
@@ -2533,6 +2548,7 @@ function AllMessagesMixedComponent({
     streamingMessageClassNames,
     batchProgressPanelClassNames,
     artifactRunId,
+    agentRunId,
     hideWorkstreamTabs,
     workingIndicatorClassName,
     messageListClassName,
@@ -3173,7 +3189,7 @@ function AllMessagesMixedComponent({
                     padding: 0.75rem;
                     border-radius: 0.5rem;
                     overflow-x: auto;
-                    background-color: var(--color-muted-background, #f3f4f6);
+                    background-color: var(--color-muted, #f3f4f6);
                     color: var(--color-foreground, #1f2937);
                 }
                 .vprose pre code {
@@ -3268,7 +3284,7 @@ function AllMessagesMixedComponent({
                 .agent-markdown :not(pre) > code {
                     border: 1px solid var(--border);
                     border-radius: 0.375rem;
-                    background: var(--muted-background);
+                    background: var(--muted);
                     color: var(--foreground);
                     padding: 0.1rem 0.35rem;
                     font-size: 0.8125em;
@@ -3281,7 +3297,7 @@ function AllMessagesMixedComponent({
                     overflow: auto;
                     border: 1px solid var(--border);
                     border-radius: 0.75rem;
-                    background: var(--muted-background);
+                    background: var(--muted);
                     color: var(--foreground);
                     padding: 0.875rem;
                     font-size: 0.8125rem;
@@ -3369,6 +3385,27 @@ function AllMessagesMixedComponent({
                 </div>
             )}
 
+            {isSummaryView && activeWorkstream !== 'all' && activeWorkstreamName && (
+                <div className="sticky top-0 z-20 -mx-2 bg-background/95 px-2 pb-2 pt-1 backdrop-blur sm:-mx-4 sm:px-4">
+                    <div className="mx-auto flex w-full max-w-3xl items-center gap-2 border-b border-border/70 pb-3">
+                        <Button
+                            type="button"
+                            variant="ghost"
+                            size="icon"
+                            className="size-8 shrink-0 text-muted hover:text-foreground"
+                            title={t('agent.backToMainAgent')}
+                            aria-label={t('agent.backToMainAgent')}
+                            onClick={handleShowMainAgentChat}
+                        >
+                            <ArrowLeft className="size-4" aria-hidden="true" />
+                        </Button>
+                        <div className="min-w-0 flex-1 truncate text-sm font-medium text-foreground">
+                            {activeWorkstreamName}
+                        </div>
+                    </div>
+                </div>
+            )}
+
             {displayMessages.length === 0 &&
             incompleteStreaming.length === 0 &&
             !hasRenderableInitialRequest &&
@@ -3398,26 +3435,6 @@ function AllMessagesMixedComponent({
                         messageListClassName,
                     )}
                 >
-                    {isSummaryView && activeWorkstream !== 'all' && activeWorkstreamName && (
-                        <div className="sticky top-0 z-20 -mx-2 bg-background/95 px-2 pb-2 pt-1 backdrop-blur sm:-mx-4 sm:px-4">
-                            <div className="mx-auto flex w-full max-w-3xl items-center gap-2 border-b border-border/70 pb-3">
-                                <Button
-                                    type="button"
-                                    variant="ghost"
-                                    size="icon"
-                                    className="size-8 shrink-0 text-muted hover:text-foreground"
-                                    title={t('agent.backToMainAgent')}
-                                    onClick={handleShowMainAgentChat}
-                                >
-                                    <ArrowLeft className="size-4" aria-hidden="true" />
-                                </Button>
-                                <div className="min-w-0 flex-1 truncate text-sm font-medium text-foreground">
-                                    {activeWorkstreamName}
-                                </div>
-                            </div>
-                        </div>
-                    )}
-
                     {/* Friendly message — rendered outside the messages array to avoid memo issues/triggering autoscroll */}
                     {shouldRenderInitialRequest && (
                         <InitialRequestMessage
@@ -3587,6 +3604,7 @@ function AllMessagesMixedComponent({
                                                     messageStyleOverrides={messageStyleOverrides}
                                                     StoreLinkComponent={StoreLinkComponent}
                                                     CollectionLinkComponent={CollectionLinkComponent}
+                                                    feedbackAgentRunId={agentRunId}
                                                 />
                                             </MessageErrorBoundary>
                                         </TimelineEntry>
@@ -3707,6 +3725,7 @@ function AllMessagesMixedComponent({
                                             )}
                                             StoreLinkComponent={StoreLinkComponent}
                                             CollectionLinkComponent={CollectionLinkComponent}
+                                            feedbackAgentRunId={agentRunId}
                                         />
                                     </MessageErrorBoundary>
                                 );

package/src/features/agent/chat/ModernAgentOutput/Header.tsx

@@ -209,6 +209,10 @@ export default function Header({
                 </Button>
             )}
 
+            {/* Keyed by run so a switch remounts the control. The component also resets itself —
+                it is exported and cannot assume a parent does this — but a remount here makes the
+                intent local and obvious at the one site that knows a new run is being shown. */}
+
             {agentRunId && (
                 <Button
                     type="button"

package/src/features/agent/chat/ModernAgentOutput/MessageItem.tsx

@@ -27,8 +27,9 @@ import type React from 'react';
 import { memo, useEffect, useMemo, useRef, useState } from 'react';
 import dayjs from '../../../../core/utils/dayjs.js';
 import { useDownloadFile } from '../../../store/objects/components/useDownloadFile.js';
+import { AgentRunFeedback, agentMessageFeedbackId } from '../AgentRunFeedback';
 import { PulsatingCircle } from '../AnimatedThinkingDots';
-import { AskUserWidget } from '../AskUserWidget';
+import { AskUserWidget, isAskUserOptions } from '../AskUserWidget';
 import { DocumentEditingActionCard, parseMarkdownEditingAction } from '../DocumentEditingActionCard.js';
 import { useImageLightbox } from '../ImageLightbox';
 import { getArtifactCacheKey, useArtifactUrlCache } from '../useArtifactUrlCache.js';
@@ -120,25 +121,42 @@ export interface MessageItemProps extends MessageItemClassNames {
     StoreLinkComponent?: React.ComponentType<{ href: string; documentId: string; children: React.ReactNode }>;
     /** Custom component to render store/collection links instead of default NavLink navigation */
     CollectionLinkComponent?: React.ComponentType<{ href: string; collectionId: string; children: React.ReactNode }>;
+    /** When set, answers carry a thumbs up / down rating control scoped to the message. */
+    feedbackAgentRunId?: string;
 }
 
 // Consolidated Studio/default message styling - single source of truth
 export const MESSAGE_STYLES: Record<AgentMessageType | 'default', MessageStyleConfig> = {
-    [AgentMessageType.ANSWER]: { borderColor: 'border-s-info', iconColor: 'text-info', sender: 'Agent', Icon: Bot },
+    [AgentMessageType.ANSWER]: {
+        borderColor: 'border-s-info',
+        iconColor: 'text-info',
+        sender: 'Agent',
+        Icon: Bot,
+    },
     [AgentMessageType.COMPLETE]: {
         borderColor: 'border-s-success',
         iconColor: 'text-success',
         sender: 'Completed',
         Icon: CheckCircle,
     },
-    [AgentMessageType.IDLE]: { borderColor: 'border-s-info', iconColor: 'text-info', sender: 'Ready', Icon: Clock },
+    [AgentMessageType.IDLE]: {
+        borderColor: 'border-s-info',
+        iconColor: 'text-info',
+        sender: 'Ready',
+        Icon: Clock,
+    },
     [AgentMessageType.REQUEST_INPUT]: {
         borderColor: 'border-s-attention',
         iconColor: 'text-attention',
         sender: 'Input',
         Icon: User,
     },
-    [AgentMessageType.QUESTION]: { borderColor: 'border-s-muted', iconColor: 'text-muted', sender: 'User', Icon: User },
+    [AgentMessageType.QUESTION]: {
+        borderColor: 'border-s-muted',
+        iconColor: 'text-muted',
+        sender: 'User',
+        Icon: User,
+    },
     [AgentMessageType.THOUGHT]: {
         borderColor: 'border-s-done',
         iconColor: 'text-done',
@@ -175,7 +193,12 @@ export const MESSAGE_STYLES: Record<AgentMessageType | 'default', MessageStyleCo
         sender: 'Warning',
         Icon: AlertCircle,
     },
-    [AgentMessageType.SYSTEM]: { borderColor: 'border-s-muted', iconColor: 'text-muted', sender: 'System', Icon: Info },
+    [AgentMessageType.SYSTEM]: {
+        borderColor: 'border-s-muted',
+        iconColor: 'text-muted',
+        sender: 'System',
+        Icon: Info,
+    },
     [AgentMessageType.STREAMING_CHUNK]: {
         borderColor: 'border-s-info',
         iconColor: 'text-info',
@@ -216,6 +239,7 @@ function MessageItemComponent({
     messageStyleOverrides,
     StoreLinkComponent,
     CollectionLinkComponent,
+    feedbackAgentRunId,
 }: MessageItemProps) {
     const [showDetails, setShowDetails] = useState(false);
     const { t } = useUITranslation();
@@ -375,6 +399,7 @@ function MessageItemComponent({
     // UX config for REQUEST_INPUT messages (narrowed const so it stays typed inside the JSX closures below)
     const askUserUx =
         message.type === AgentMessageType.REQUEST_INPUT ? (message.details as AskUserMessageDetails)?.ux : undefined;
+    const hasSelectableAskUserOptions = isAskUserOptions(askUserUx?.options) && askUserUx.options.length > 0;
 
     // PERFORMANCE: Memoize markdown components to prevent MarkdownRenderer remounts
     const markdownComponents = useMemo(
@@ -548,7 +573,7 @@ function MessageItemComponent({
         <div className={cn('w-full max-w-full', resolvedStyle.className)}>
             <div
                 className={cn(
-                    'border-s-4 bg-white dark:bg-muted mb-4 w-full max-w-full overflow-hidden',
+                    'group border-s-4 bg-white dark:bg-muted mb-4 w-full max-w-full overflow-hidden',
                     resolvedStyle.borderColor,
                     resolvedStyle.cardClassName,
                 )}
@@ -616,7 +641,7 @@ function MessageItemComponent({
                     {askUserUx ? (
                         <AskUserWidget
                             question={typeof messageContent === 'string' ? messageContent : ''}
-                            options={askUserUx.options}
+                            options={hasSelectableAskUserOptions ? askUserUx.options : undefined}
                             variant={askUserUx.variant}
                             multiSelect={askUserUx.multiSelect}
                             onSelect={(optionId) =>
@@ -630,7 +655,7 @@ function MessageItemComponent({
                             onMultiSelect={(optionIds) =>
                                 sendRequestInputResponse(onSendMessage, message, optionIds.join(', '))
                             }
-                            allowFreeResponse={!askUserUx.options?.length || !!askUserUx.free_response}
+                            allowFreeResponse={!hasSelectableAskUserOptions || !!askUserUx.free_response}
                             placeholder={askUserUx.free_response?.placeholder}
                             submitLabel={askUserUx.free_response?.submit_label}
                             onSubmit={(value) =>
@@ -658,6 +683,15 @@ function MessageItemComponent({
                         )
                     )}
 
+                    {feedbackAgentRunId && message.type === AgentMessageType.ANSWER && (
+                        <AgentRunFeedback
+                            agentRunId={feedbackAgentRunId}
+                            messageId={agentMessageFeedbackId(message)}
+                            tone="inline"
+                            className="mt-2 -ms-1.5 print:hidden"
+                        />
+                    )}
+
                     {messageAttachments.length > 0 && (
                         <AttachmentPreviewList
                             items={messageAttachments}

package/src/features/agent/chat/ModernAgentOutput/SummaryConversation.ts

@@ -133,6 +133,8 @@ export function isSummaryAssistantProseMessage(message: AgentMessage): boolean {
 
     if (message.type === AgentMessageType.ANSWER) return true;
 
+    if (message.details?.process_event === 'progress' && message.details?.kind === 'process') return true;
+
     if (isToolPreambleMessage(message)) {
         // Text accompanying ask_user can be the draft the question asks the user to review.
         // Keep it visible for both persisted messages and reconstructed streaming messages.

package/src/features/agent/chat/ModernAgentOutput/utils.test.ts

@@ -141,6 +141,20 @@ describe('ModernAgentOutput utils - tool preamble behavior', () => {
 });
 
 describe('ModernAgentOutput summary - ask_user review content', () => {
+    it('preserves process progress visibility alongside tool preamble classification', () => {
+        const progress = makeMessage({
+            message: 'The process completed its review step.',
+            details: {
+                process_event: 'progress',
+                kind: 'process',
+                display_role: 'tool_preamble',
+                tools: ['update_plan'],
+            },
+        });
+
+        expect(buildSummaryConversationItems([progress], false)).toEqual([{ type: 'message', message: progress }]);
+    });
+
     const draft = '## Draft agenda\n9:00 Welcome\n9:15 Platform foundations';
     const tool = makeMessage({
         timestamp: 3000,

package/src/features/agent/chat/hooks/useFileProcessing.test.tsx

@@ -149,11 +149,6 @@ describe('useFileProcessing', () => {
 
         await act(async () => {
             resolveUpload?.({ url: 'https://example.test/upload', path: 'files/wrong.png' });
-            // biome 2.5.6 regression: the nursery rule mis-types `await` on a `Promise | undefined`
-            // variable assigned inside a callback, and its own fix suggests `await await`. It only
-            // fires on Linux CI, not on macOS, so the suppression may read as unused locally.
-            // Drop it once the rule is fixed upstream.
-            // biome-ignore lint/nursery/noFloatingPromises: false positive — already awaited
             await uploadPromise;
         });
 

package/src/features/agent/chat/index.ts

@@ -28,6 +28,12 @@ export {
     type AgentChatReplayStreamingMessage,
 } from './AgentChatFixtureReplay';
 export { AgentChatPlaybackControls, type AgentChatPlaybackControlsProps } from './AgentChatPlaybackControls';
+export {
+    AgentRunFeedback,
+    type AgentRunFeedbackProps,
+    AgentRunFeedbackProvider,
+    agentRunFeedbackReasonCodes,
+} from './AgentRunFeedback';
 export * from './AnimatedThinkingDots';
 // AskUser widget for displaying agent prompts/questions
 export {