@vertesia/ui 1.5.0 → 1.6.0-dev.20260918.061604Z

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,
@@ -2782,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,6 +29,7 @@ import {
     Wrench,
 } from 'lucide-react';
 import React, { Component, type ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { AgentRunFeedback, agentMessageFeedbackId, isAgentMessageRatable } from '../AgentRunFeedback';
 import { AnimatedThinkingDots, PulsatingCircle } from '../AnimatedThinkingDots';
 import { AskUserWidget, isAskUserOptions } from '../AskUserWidget';
 import { DocumentEditingActionCard, parseMarkdownEditingAction } from '../DocumentEditingActionCard.js';
@@ -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 =
@@ -794,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'}
@@ -819,6 +823,14 @@ function SummaryMessage({
                     </MarkdownRenderer>
                 </div>
             )}
+            {feedbackAgentRunId && isAgentMessageRatable(message) && (
+                <AgentRunFeedback
+                    agentRunId={feedbackAgentRunId}
+                    messageId={agentMessageFeedbackId(message)}
+                    tone="inline"
+                    className="mt-1 -ms-1.5 print:hidden"
+                />
+            )}
         </div>
     );
 }
@@ -2480,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 */
@@ -2534,6 +2548,7 @@ function AllMessagesMixedComponent({
     streamingMessageClassNames,
     batchProgressPanelClassNames,
     artifactRunId,
+    agentRunId,
     hideWorkstreamTabs,
     workingIndicatorClassName,
     messageListClassName,
@@ -3174,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 {
@@ -3269,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;
@@ -3282,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;
@@ -3370,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 &&
@@ -3399,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
@@ -3588,6 +3604,7 @@ function AllMessagesMixedComponent({
                                                     messageStyleOverrides={messageStyleOverrides}
                                                     StoreLinkComponent={StoreLinkComponent}
                                                     CollectionLinkComponent={CollectionLinkComponent}
+                                                    feedbackAgentRunId={agentRunId}
                                                 />
                                             </MessageErrorBoundary>
                                         </TimelineEntry>
@@ -3708,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,6 +27,7 @@ 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, isAgentMessageRatable } from '../AgentRunFeedback';
 import { PulsatingCircle } from '../AnimatedThinkingDots';
 import { AskUserWidget, isAskUserOptions } from '../AskUserWidget';
 import { DocumentEditingActionCard, parseMarkdownEditingAction } from '../DocumentEditingActionCard.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();
@@ -549,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,
                 )}
@@ -659,6 +683,15 @@ function MessageItemComponent({
                         )
                     )}
 
+                    {feedbackAgentRunId && isAgentMessageRatable(message) && (
+                        <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/useAgentPlans.test.ts

@@ -0,0 +1,52 @@
+import { act, cleanup, renderHook } from '@testing-library/react';
+import { type AgentMessage, AgentMessageType } from '@vertesia/common';
+import { afterEach, beforeEach, describe, expect, it } from 'vitest';
+import { useAgentPlans } from './useAgentPlans.js';
+
+const question: AgentMessage = {
+    timestamp: 1,
+    workflow_run_id: 'run-1',
+    workstream_id: 'main',
+    type: AgentMessageType.QUESTION,
+    message: 'Help with a task',
+};
+const plan: AgentMessage = {
+    ...question,
+    timestamp: 2,
+    type: AgentMessageType.PLAN,
+    details: { plan: [{ id: 1, goal: 'Review the task', status: 'pending' }] },
+};
+
+describe('useAgentPlans sidebar visibility', () => {
+    beforeEach(() => sessionStorage.clear());
+    afterEach(cleanup);
+
+    it('stays closed while history loads and when history has no plan', () => {
+        const { result, rerender } = renderHook(({ messages }) => useAgentPlans(messages, true), {
+            initialProps: { messages: [] as AgentMessage[] },
+        });
+        expect(result.current.showSlidingPanel).toBe(false);
+        rerender({ messages: [question] });
+        expect(result.current.showSlidingPanel).toBe(false);
+    });
+
+    it('opens when a plan arrives and resets for a new empty run', () => {
+        const { result, rerender } = renderHook(({ messages }) => useAgentPlans(messages, true), {
+            initialProps: { messages: [question] },
+        });
+        rerender({ messages: [question, plan] });
+        expect(result.current.showSlidingPanel).toBe(true);
+        expect(result.current.plans).toHaveLength(1);
+        rerender({ messages: [] });
+        expect(result.current.showSlidingPanel).toBe(false);
+    });
+
+    it('preserves manual opening when subsequent messages have no plan', () => {
+        const { result, rerender } = renderHook(({ messages }) => useAgentPlans(messages, true), {
+            initialProps: { messages: [question] },
+        });
+        act(() => result.current.setShowSlidingPanel(true));
+        rerender({ messages: [question, { ...question, timestamp: 3, type: AgentMessageType.ANSWER }] });
+        expect(result.current.showSlidingPanel).toBe(true);
+    });
+});

package/src/features/agent/chat/hooks/useAgentPlans.ts

@@ -18,14 +18,14 @@ export interface UseAgentPlansResult {
  * Key improvement: incremental processing. Instead of scanning ALL messages
  * on every change, tracks `lastProcessedIndex` and only scans new messages.
  */
-export function useAgentPlans(messages: AgentMessage[], interactive: boolean, isModal = false): UseAgentPlansResult {
+export function useAgentPlans(messages: AgentMessage[], interactive: boolean): UseAgentPlansResult {
     const [plans, setPlans] = useState<Array<{ plan: Plan; timestamp: number }>>([]);
     const [activePlanIndex, setActivePlanIndex] = useState<number>(0);
     const [workstreamStatusMap, setWorkstreamStatusMap] = useState<
         Map<number, Map<string, 'pending' | 'in_progress' | 'completed' | 'skipped'>>
     >(new Map());
     const [showInput, setShowInput] = useState(interactive);
-    const [showSlidingPanel, setShowSlidingPanel] = useState<boolean>(!isModal);
+    const [showSlidingPanel, setShowSlidingPanel] = useState<boolean>(false);
 
     // Incremental processing: track how far we've scanned
     const lastProcessedIndex = useRef<number>(-1);
@@ -38,12 +38,12 @@ export function useAgentPlans(messages: AgentMessage[], interactive: boolean, is
             setPlans([]);
             setActivePlanIndex(0);
             setWorkstreamStatusMap(new Map());
-            // Keep right panel open by default on desktop sessions.
-            setShowSlidingPanel(!isModal);
+            // Open automatically only once a plan is available.
+            setShowSlidingPanel(false);
             lastProcessedIndex.current = -1;
             knownPlanTimestamps.current.clear();
         }
-    }, [messages.length, isModal]);
+    }, [messages.length]);
 
     // Helper to determine showInput from the latest message
     const updateShowInput = useCallback(

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 {

package/src/features/facets/AgentRunnerFacetsNav.tsx

@@ -30,6 +30,10 @@ export interface AgentRunnerFilterQuery {
     initiated_by?: string;
     start?: string;
     end?: string;
+    /** Evaluation severity (`high`, `medium`, `low`, `none`) or `unrated` for runs no detector looked at. */
+    evaluation?: string;
+    /** Last user rating on the run: `up` or `down`. */
+    feedback?: string;
 }
 
 const agentRunnerFilterNames = [
@@ -40,6 +44,8 @@ const agentRunnerFilterNames = [
     'initiated_by',
     'start',
     'end',
+    'evaluation',
+    'feedback',
 ] as const satisfies readonly (keyof AgentRunnerFilterQuery)[];
 const isAgentRunnerFilterName = createSearchQueryKeyGuard<AgentRunnerFilterQuery>(agentRunnerFilterNames);
 
@@ -50,6 +56,10 @@ interface AgentRunnerFacetsNavProps {
         interactions?: EnrichedFacetBucket[];
         /** `run_kind` buckets — `agent` (autonomous runs) and `process` (process runs). */
         kinds?: FacetBucket[];
+        /** Evaluation severity buckets, `unrated` standing for runs without an evaluation. */
+        evaluation?: FacetBucket[];
+        /** Last-rating buckets (`up` / `down`). */
+        feedback?: FacetBucket[];
     };
     search: SearchInterface<AgentRunnerFilterQuery>;
     actions?: React.ReactNode[];
@@ -108,6 +118,22 @@ export function useAgentRunnerFilterGroups(facets: AgentRunnerFacetsNavProps['fa
         }),
     );
 
+    customFilterGroups.push(
+        VStringFacet({
+            buckets: facets.evaluation || [],
+            name: 'evaluation',
+            placeholder: 'Evaluation',
+        }),
+    );
+
+    customFilterGroups.push(
+        VStringFacet({
+            buckets: facets.feedback || [],
+            name: 'feedback',
+            placeholder: 'Feedback',
+        }),
+    );
+
     customFilterGroups.push({
         name: 'start',
         placeholder: 'Started After',