@semiont/react-ui 0.5.26 → 0.5.27

package/src/components/resource/panels/__tests__/AssistShell.test.tsx

@@ -11,12 +11,17 @@ import userEvent from '@testing-library/user-event';
 import '@testing-library/jest-dom';
 import { AssistShell } from '../AssistShell';
 
-const progress = { stage: 'analyzing', percentage: 50, message: 'working' };
+const progress = { percentage: 50 };
 
 /** AssistProgress requires a full translation set; the shell just passes it through. */
-const TR = { cancel: 'tr.cancel', inProgress: 'tr.inProgress', complete: 'tr.complete',
-  failed: 'tr.failed', close: 'tr.close', paramsTitle: 'tr.paramsTitle',
-  processing: (l: string) => `tr.processing(${l})` };
+const TR = {
+  cancel: 'tr.cancel',
+  close: 'tr.close',
+  inProgress: 'tr.inProgress',
+  message: () => 'tr.code',
+  subject: (c: { kind: string; value: string }) => `tr.subject(${c.kind}:${c.value})`,
+  paramLabel: (c: string) => `tr.param(${c})`,
+};
 
 describe('AssistShell', () => {
   beforeEach(() => {
@@ -34,13 +39,13 @@ describe('AssistShell', () => {
         form={<button type="button">the form</button>} progressProps={{ translations: TR }} />,
     );
     expect(screen.queryByText('the form')).not.toBeInTheDocument();
-    expect(screen.getByText('working')).toBeInTheDocument();
+    expect(screen.getByText('tr.inProgress')).toBeInTheDocument();
   });
 
   it('withholds dismiss while assisting, offers it once terminal', async () => {
     const onDismiss = vi.fn();
     const props = {
-      assistType: 'highlight', title: 'Annotate Highlights', progress,
+      assistType: 'highlight' as const, title: 'Annotate Highlights', progress,
       form: <span>form</span>,
       progressProps: { onDismiss, translations: { ...TR, close: 'Close' } },
     };

package/src/components/resource/panels/__tests__/CollaborationPanel.test.tsx

@@ -23,12 +23,18 @@ vi.mock('../../../../contexts/TranslationContext', () => ({
       reconnecting: 'Reconnecting...',
       sharing: 'Sharing',
       collaborationComingSoon: 'Multi-user collaboration coming soon',
+      collaborators: 'Collaborators',
+      ceilings: '{{contextTokens}} in / {{maxOutputTokens}} out',
+      sharedWindow: '{{contextTokens}} window',
     };
     let result = translations[key] || key;
     // Replace {count} with actual count value if provided
     if (params?.count !== undefined) {
       result = result.replace('{count}', String(params.count));
     }
+    for (const [k, v] of Object.entries(params ?? {})) {
+      result = result.replace(`{{${k}}}`, String(v));
+    }
     return result;
   }),
 }));
@@ -52,6 +58,89 @@ describe('CollaborationPanel Component', () => {
     vi.useRealTimers();
   });
 
+  // INFERENCE-LIMITS-EXPOSURE P3a. The panel was props-only; it now optionally
+  // renders the collaborator roster with each software agent's discovered
+  // ceilings. Absence is meaningful and must degrade quietly (D3) — the field
+  // is absent whenever discovery could not answer *right now*.
+  describe('Collaborators roster', () => {
+    const softwareEntry = (over: Record<string, unknown> = {}) => ({
+      agent: {
+        '@type': 'Software' as const,
+        '@id': 'did:web:localhost:agents:anthropic:claude-sonnet-5',
+        name: 'Claude Sonnet 5',
+        provider: 'anthropic',
+        model: 'claude-sonnet-5',
+      },
+      servesJobTypes: ['generation'],
+      limits: { contextTokens: 200_000, maxOutputTokens: 64_000 },
+      ...over,
+    });
+
+    it('renders one row per software agent with provider, model and ceilings', () => {
+      render(<CollaborationPanel {...defaultProps} collaborators={[softwareEntry() as any]} />);
+
+      expect(screen.getByText('Collaborators')).toBeInTheDocument();
+      const row = screen.getByTestId('semiont-collaborator-row');
+      expect(row.textContent).toContain('anthropic');
+      expect(row.textContent).toContain('claude-sonnet-5');
+      expect(row.textContent).toContain('generation');
+      // Distinct in/out ceilings render as a pair.
+      expect(row.textContent).toContain('200K in / 64K out');
+    });
+
+    it('renders a single window figure when the provider shares one (Ollama shape)', () => {
+      // `maxOutputTokens === contextTokens` is the shared-window sentinel the
+      // schema documents; rendering "128K in / 128K out" would be noise.
+      const shared = softwareEntry({
+        agent: {
+          '@type': 'Software' as const,
+          name: 'Gemma',
+          provider: 'ollama',
+          model: 'gemma2:27b',
+        },
+        limits: { contextTokens: 128_000, maxOutputTokens: 128_000 },
+      });
+      render(<CollaborationPanel {...defaultProps} collaborators={[shared as any]} />);
+
+      const row = screen.getByTestId('semiont-collaborator-row');
+      expect(row.textContent).toContain('128K window');
+      expect(row.textContent).not.toContain('in /');
+    });
+
+    it('renders the row without ceilings when limits are absent (D3)', () => {
+      const noLimits = softwareEntry();
+      delete (noLimits as Record<string, unknown>).limits;
+      render(<CollaborationPanel {...defaultProps} collaborators={[noLimits as any]} />);
+
+      const row = screen.getByTestId('semiont-collaborator-row');
+      expect(row.textContent).toContain('claude-sonnet-5');
+      expect(row.textContent).not.toContain('in /');
+      expect(row.textContent).not.toContain('window');
+    });
+
+    it('renders exactly as today when the prop is absent (hosts that never wire it)', () => {
+      render(<CollaborationPanel {...defaultProps} />);
+
+      expect(screen.queryByText('Collaborators')).not.toBeInTheDocument();
+      expect(screen.queryByTestId('semiont-collaborator-row')).not.toBeInTheDocument();
+      // The pre-existing sections are untouched.
+      expect(screen.getByText('Connection Status')).toBeInTheDocument();
+    });
+
+    it('lists only software agents — Persons are not inference collaborators', () => {
+      const person = { agent: { '@type': 'Person' as const, name: 'Ada' } };
+      render(
+        <CollaborationPanel
+          {...defaultProps}
+          collaborators={[softwareEntry() as any, person as any]}
+        />,
+      );
+
+      expect(screen.getAllByTestId('semiont-collaborator-row')).toHaveLength(1);
+      expect(screen.queryByText('Ada')).not.toBeInTheDocument();
+    });
+  });
+
   describe('Rendering', () => {
     it('should render connection status section', () => {
       render(<CollaborationPanel {...defaultProps} />);

package/src/components/resource/panels/__tests__/CommentEntry.test.tsx

@@ -264,8 +264,7 @@ describe('CommentEntry Component', () => {
       await userEvent.click(commentDiv);
 
       expect(clickHandler).toHaveBeenCalledWith({
-        annotationId: 'comment-1',
-        motivation: 'commenting'
+        annotationId: 'comment-1'
       });
 
       // Clean up

package/src/components/resource/panels/__tests__/HighlightEntry.test.tsx

@@ -147,7 +147,6 @@ describe('HighlightEntry', () => {
 
       expect(clickHandler).toHaveBeenCalledWith({
         annotationId: 'highlight-1',
-        motivation: 'highlighting',
       });
 
       subscription.unsubscribe();

package/src/components/resource/panels/__tests__/HighlightPanel.annotationProgress.test.tsx

@@ -22,7 +22,7 @@ import type { Annotation, AnnotationId } from '@semiont/core';
 
 // Mock translations - simulates useTranslations('HighlightPanel')
 // The mock receives keys like 'title', 'noHighlights', etc. and returns translated strings
-const mockT = vi.fn((key: string) => {
+const mockT = vi.fn((key: string, params?: Record<string, unknown>) => {
   const translations: Record<string, string> = {
     title: 'Highlights',
     noHighlights: 'No highlights yet',
@@ -34,8 +34,31 @@ const mockT = vi.fn((key: string) => {
     densitySparse: 'Sparse',
     densityDense: 'Dense',
     annotate: 'Annotate',
+    annotating: 'Annotating...',
   };
-  return translations[key] || key;
+  // P3: the coded status line. Interpolates `{{var}}` like production —
+  // a mock that ignored params would let copy that cannot interpolate in the
+  // app still pass here.
+  Object.assign(translations, {
+    codeLoading: 'Loading…',
+    codeAnalyzing: 'Marking…',
+    codeDetectingEntities: 'Marking…',
+    codeCompleteCreated: 'Created {{count}} {{kind}}',
+    kindHighlight: 'highlights',
+    subject: '{{kind}}: {{label}}',
+    subjectWithPosition: '{{kind}}: {{label}} ({{done}} of {{total}})',
+    subjectKindEntityType: 'Entity type',
+    subjectKindCategory: 'Category',
+    // CLEAN-PROGRESS D3: the widget's own strings now come from the
+    // AssistProgress namespace, not from each panel's.
+    cancel: 'Cancel',
+    inProgress: 'Annotating...',
+  });
+  let out = translations[key] || key;
+  for (const [k, v] of Object.entries((params ?? {}) as Record<string, unknown>)) {
+    out = out.replace(`{{${k}}}`, String(v));
+  }
+  return out;
 });
 
 vi.mock('../../../../contexts/TranslationContext', () => ({
@@ -85,16 +108,14 @@ describe('HighlightPanel + AssistSection Integration', () => {
           pendingAnnotation={null}
           isAssisting={true}
           progress={{
-            stage: 'analyzing',
             percentage: 30,
-            message: 'Analyzing text for highlights...',
           }}
           annotateMode={true}
         />
       );
 
       // Verify AssistSection received and rendered the progress
-      expect(screen.getByText('Analyzing text for highlights...')).toBeInTheDocument();
+      expect(screen.getByText('Annotating...')).toBeInTheDocument();
     });
 
     it('should pass null progress to AssistSection', () => {
@@ -136,16 +157,15 @@ describe('HighlightPanel + AssistSection Integration', () => {
           pendingAnnotation={null}
           isAssisting={false}
           progress={{
-            stage: 'complete',
+            message: { code: 'complete-created', count: 3, kind: 'highlight' },
             percentage: 100,
-            message: 'Complete! Created 14 highlights',
           }}
           annotateMode={true}
         />
       );
 
       // Progress should still be visible
-      expect(screen.getByText('Complete! Created 14 highlights')).toBeInTheDocument();
+      expect(screen.getByText('Created 3 highlights')).toBeInTheDocument();
       // Form should NOT be visible
       expect(screen.queryByPlaceholderText('Enter custom instructions...')).not.toBeInTheDocument();
     });
@@ -157,19 +177,17 @@ describe('HighlightPanel + AssistSection Integration', () => {
           pendingAnnotation={null}
           isAssisting={true}
           progress={{
-            stage: 'analyzing',
             percentage: 0,
-            message: 'Analyzing...',
             requestParams: [
-              { label: 'Instructions', value: 'Find important points' },
-              { label: 'Density', value: '5' },
+              { label: 'instructions', value: 'Find important points' },
+              { label: 'density', value: '5' },
             ],
           }}
           annotateMode={true}
         />
       );
 
-      expect(screen.getByText('paramsTitle')).toBeInTheDocument();
+      expect(screen.getByTestId('semiont-assist-params')).toBeInTheDocument();
       expect(screen.getByText('Find important points')).toBeInTheDocument();
       expect(screen.getByText('5')).toBeInTheDocument();
     });
@@ -211,15 +229,13 @@ describe('HighlightPanel + AssistSection Integration', () => {
           pendingAnnotation={null}
           isAssisting={true}
           progress={{
-            stage: 'analyzing',
             percentage: 0,
-            message: 'Analyzing...',
           }}
           annotateMode={true}
         />
       );
 
-      expect(screen.getByText('Analyzing...')).toBeInTheDocument();
+      expect(screen.getByText('Annotating...')).toBeInTheDocument();
 
       // Switch to browse mode
       rerender(
@@ -228,16 +244,14 @@ describe('HighlightPanel + AssistSection Integration', () => {
           pendingAnnotation={null}
           isAssisting={true}
           progress={{
-            stage: 'analyzing',
             percentage: 0,
-            message: 'Analyzing...',
           }}
           annotateMode={false}
         />
       );
 
       // Progress should be hidden
-      expect(screen.queryByText('Analyzing...')).not.toBeInTheDocument();
+      expect(screen.queryByText('Annotating...')).not.toBeInTheDocument();
     });
   });
 
@@ -264,16 +278,15 @@ describe('HighlightPanel + AssistSection Integration', () => {
           pendingAnnotation={null}
           isAssisting={false}
           progress={{
-            stage: 'complete',
+            message: { code: 'complete-created', count: 3, kind: 'highlight' },
             percentage: 100,
-            message: 'Done!',
           }}
           annotateMode={true}
         />
       );
 
       // Progress should be visible
-      expect(screen.getByText('Done!')).toBeInTheDocument();
+      expect(screen.getByText('Created 3 highlights')).toBeInTheDocument();
       // Form should be hidden
       expect(screen.queryByPlaceholderText('Enter custom instructions...')).not.toBeInTheDocument();
     });
@@ -285,15 +298,15 @@ describe('HighlightPanel + AssistSection Integration', () => {
           pendingAnnotation={null}
           isAssisting={true}
           progress={{
-            stage: 'started',
             percentage: 0,
-            message: 'Starting...',
           }}
           annotateMode={true}
         />
       );
 
-      expect(screen.getByText('Starting...')).toBeInTheDocument();
+      // Stage is the observable across non-terminal updates now that the
+      // status text is a single translated string (the wire carries codes).
+      expect(document.querySelector('.semiont-assist-progress')).toHaveAttribute('data-ended', 'false');
 
       // Update to analyzing
       rerender(
@@ -302,16 +315,14 @@ describe('HighlightPanel + AssistSection Integration', () => {
           pendingAnnotation={null}
           isAssisting={true}
           progress={{
-            stage: 'analyzing',
             percentage: 50,
-            message: 'Analyzing...',
           }}
           annotateMode={true}
         />
       );
 
-      expect(screen.queryByText('Starting...')).not.toBeInTheDocument();
-      expect(screen.getByText('Analyzing...')).toBeInTheDocument();
+      expect(document.querySelector('.semiont-assist-progress')).toHaveAttribute('data-ended', 'false');
+      expect(screen.getByText('Annotating...')).toBeInTheDocument();
 
       // Update to complete
       rerender(
@@ -320,16 +331,15 @@ describe('HighlightPanel + AssistSection Integration', () => {
           pendingAnnotation={null}
           isAssisting={false}
           progress={{
-            stage: 'complete',
+            message: { code: 'complete-created', count: 3, kind: 'highlight' },
             percentage: 100,
-            message: 'Complete!',
           }}
           annotateMode={true}
         />
       );
 
-      expect(screen.queryByText('Analyzing...')).not.toBeInTheDocument();
-      expect(screen.getByText('Complete!')).toBeInTheDocument();
+      expect(screen.queryByText('Annotating...')).not.toBeInTheDocument();
+      expect(screen.getByText('Created 3 highlights')).toBeInTheDocument();
     });
   });
 
@@ -341,16 +351,14 @@ describe('HighlightPanel + AssistSection Integration', () => {
           pendingAnnotation={null}
           isAssisting={true}
           progress={{
-            stage: 'analyzing',
             percentage: 0,
-            message: 'Analyzing...',
           }}
           annotateMode={true}
         />
       );
 
       // Both progress and highlights should be visible
-      expect(screen.getByText('Analyzing...')).toBeInTheDocument();
+      expect(screen.getByText('Annotating...')).toBeInTheDocument();
       expect(screen.getByText('Highlights')).toBeInTheDocument();
     });
 

package/src/components/resource/panels/__tests__/ReferenceEntry.test.tsx

@@ -236,7 +236,6 @@ describe('ReferenceEntry', () => {
 
       expect(clickHandler).toHaveBeenCalledWith({
         annotationId: 'ref-1',
-        motivation: 'linking',
       });
 
       subscription.unsubscribe();

package/src/components/resource/panels/__tests__/ReferencesPanel.headless.test.tsx

@@ -82,7 +82,7 @@ describe('ReferencesPanel — headless (session prop, no providers)', () => {
     expect(entryText).toBeInTheDocument();
 
     fireEvent.click(entryText);
-    expect(client.browse.click).toHaveBeenCalledWith('ref-1', 'linking');
+    expect(client.browse.click).toHaveBeenCalledWith('ref-1');
   });
 
   describe('incoming references — terminal load failure', () => {

package/src/components/resource/panels/__tests__/ReferencesPanel.test.tsx

@@ -66,6 +66,12 @@ vi.mock('../../../../contexts/TranslationContext', () => ({
       includeDescriptiveReferences: 'Include descriptive references',
       descriptiveReferencesTooltip: 'Also find phrases like \'the CEO\', \'the tech giant\', \'the physicist\' (in addition to names)',
       cancel: 'Cancel',
+      annotating: 'Annotating...',
+      // CLEAN-PROGRESS D3: the widget's own strings come from the
+      // AssistProgress namespace now, not from this panel's.
+      inProgress: 'Annotating...',
+      complete: 'Annotation complete!',
+      failed: 'Annotation failed',
     };
     let result = translations[key] || key;
     // Replace {count} with actual count value if provided
@@ -325,7 +331,7 @@ describe('ReferencesPanel Component', () => {
         <ReferencesPanel
           {...panelProps()}
           isAssisting={true}
-          progress={{ stage: 'analyzing', percentage: 0, message: 'Detecting references...', completedEntityTypes: [] }}
+          progress={{ percentage: 0, completedItems: [] }}
         />
       );
 
@@ -335,10 +341,8 @@ describe('ReferencesPanel Component', () => {
           {...panelProps()}
           isAssisting={false}
           progress={{
-            stage: 'complete',
             percentage: 100,
-            message: 'Annotation complete',
-            completedEntityTypes: [{ entityType: 'Person', foundCount: 5 }],
+            completedItems: [{ value: 'Person', foundCount: 5 }],
           }}
         />
       );
@@ -378,21 +382,19 @@ describe('ReferencesPanel Component', () => {
         <ReferencesPanel
           {...panelProps()}
           isAssisting={true}
-          progress={{ stage: 'analyzing', percentage: 0, message: 'Detecting references...', completedEntityTypes: [] }}
+          progress={{ percentage: 0, completedItems: [] }}
         />
       );
 
-      expect(screen.getByText('Detecting references...')).toBeInTheDocument();
+      expect(screen.getByText('Annotating...')).toBeInTheDocument();
     });
 
     it('should pass progress data to widget', () => {
       const progress = {
-        stage: 'complete',
         percentage: 100,
-        message: 'Annotation complete',
-        completedEntityTypes: [
-          { entityType: 'Person', foundCount: 5 },
-          { entityType: 'Organization', foundCount: 3 },
+        completedItems: [
+          { value: 'Person', foundCount: 5 },
+          { value: 'Organization', foundCount: 3 },
         ],
       };
 
@@ -419,10 +421,8 @@ describe('ReferencesPanel Component', () => {
           {...panelProps()}
           isAssisting={false}
           progress={{
-            stage: 'complete',
             percentage: 100,
-            message: 'Annotation complete',
-            completedEntityTypes: [{ entityType: 'Person', foundCount: 5 }],
+            completedItems: [{ value: 'Person', foundCount: 5 }],
           }}
         />
       );
@@ -440,7 +440,7 @@ describe('ReferencesPanel Component', () => {
         <ReferencesPanel
           {...panelProps()}
           isAssisting={true}
-          progress={{ stage: 'analyzing', percentage: 0, message: 'Detecting references...', completedEntityTypes: [] }}
+          progress={{ percentage: 0, completedItems: [] }}
         />
       );
 
@@ -453,13 +453,12 @@ describe('ReferencesPanel Component', () => {
         <ReferencesPanel
           {...panelProps()}
           isAssisting={true}
-          progress={{ stage: 'analyzing', percentage: 0, message: 'Detecting references...', completedEntityTypes: [] }}
+          progress={{ percentage: 0, completedItems: [] }}
         />
       );
 
-      // Real AssistProgress titles the cancel button with t('cancelAnnotation')
-      // (the mock translator echoes unknown keys).
-      const cancelButton = screen.getByTitle('cancelAnnotation');
+      // The control's label comes from the AssistProgress namespace's `cancel`.
+      const cancelButton = screen.getByTitle('Cancel');
       expect(cancelButton).toBeInTheDocument();
     });
   });
@@ -471,12 +470,10 @@ describe('ReferencesPanel Component', () => {
           {...panelProps()}
           isAssisting={false}
           progress={{
-            stage: 'complete',
             percentage: 100,
-            message: 'Annotation complete',
-            completedEntityTypes: [
-              { entityType: 'Person', foundCount: 5 },
-              { entityType: 'Organization', foundCount: 3 },
+            completedItems: [
+              { value: 'Person', foundCount: 5 },
+              { value: 'Organization', foundCount: 3 },
             ],
           }}
         />
@@ -501,10 +498,8 @@ describe('ReferencesPanel Component', () => {
           {...panelProps()}
           isAssisting={false}
           progress={{
-            stage: 'complete',
             percentage: 100,
-            message: 'Annotation complete',
-            completedEntityTypes: [{ entityType: 'Person', foundCount: 5 }],
+            completedItems: [{ value: 'Person', foundCount: 5 }],
           }}
         />
       );
@@ -521,10 +516,8 @@ describe('ReferencesPanel Component', () => {
           {...panelProps()}
           isAssisting={false}
           progress={{
-            stage: 'complete',
             percentage: 100,
-            message: 'Annotation complete',
-            completedEntityTypes: [{ entityType: 'Person', foundCount: 5 }],
+            completedItems: [{ value: 'Person', foundCount: 5 }],
           }}
         />
       );
@@ -541,10 +534,8 @@ describe('ReferencesPanel Component', () => {
           {...panelProps()}
           isAssisting={false}
           progress={{
-            stage: 'complete',
             percentage: 100,
-            message: 'Annotation complete',
-            completedEntityTypes: [{ entityType: 'Person', foundCount: 5 }],
+            completedItems: [{ value: 'Person', foundCount: 5 }],
           }}
         />
       );
@@ -564,10 +555,8 @@ describe('ReferencesPanel Component', () => {
           {...panelProps()}
           isAssisting={false}
           progress={{
-            stage: 'complete',
             percentage: 100,
-            message: 'Annotation complete',
-            completedEntityTypes: [{ entityType: 'Person', foundCount: 5 }],
+            completedItems: [{ value: 'Person', foundCount: 5 }],
           }}
         />
       );
@@ -587,10 +576,8 @@ describe('ReferencesPanel Component', () => {
           {...panelProps()}
           isAssisting={false}
           progress={{
-            stage: 'complete',
             percentage: 100,
-            message: 'Annotation complete',
-            completedEntityTypes: [],
+            completedItems: [],
           }}
         />
       );
@@ -615,12 +602,12 @@ describe('ReferencesPanel Component', () => {
         <ReferencesPanel
           {...panelProps()}
           isAssisting={true}
-          progress={{ stage: 'analyzing', percentage: 0, message: 'Detecting references...', completedEntityTypes: [] }}
+          progress={{ percentage: 0, completedItems: [] }}
         />
       );
 
       // Detecting state
-      expect(screen.getByText('Detecting references...')).toBeInTheDocument();
+      expect(screen.getByText('Annotating...')).toBeInTheDocument();
       expect(screen.queryByText('Select entity types')).not.toBeInTheDocument();
     });
 
@@ -629,12 +616,12 @@ describe('ReferencesPanel Component', () => {
         <ReferencesPanel
           {...panelProps()}
           isAssisting={true}
-          progress={{ stage: 'analyzing', percentage: 0, message: 'Detecting references...', completedEntityTypes: [] }}
+          progress={{ percentage: 0, completedItems: [] }}
         />
       );
 
       // Detecting
-      expect(screen.getByText('Detecting references...')).toBeInTheDocument();
+      expect(screen.getByText('Annotating...')).toBeInTheDocument();
 
       // Complete - first trigger useEffect to copy to lastDetectionLog
       rerender(
@@ -642,10 +629,8 @@ describe('ReferencesPanel Component', () => {
           {...panelProps()}
           isAssisting={false}
           progress={{
-            stage: 'complete',
             percentage: 100,
-            message: 'Annotation complete',
-            completedEntityTypes: [{ entityType: 'Person', foundCount: 5 }],
+            completedItems: [{ value: 'Person', foundCount: 5 }],
           }}
         />
       );
@@ -655,7 +640,7 @@ describe('ReferencesPanel Component', () => {
         <ReferencesPanel {...panelProps()} isAssisting={false} progress={null} />
       );
 
-      expect(screen.queryByText('Annotation complete')).not.toBeInTheDocument();
+      expect(screen.queryByText('Annotation complete!')).not.toBeInTheDocument();
       // Both log and selection UI should be visible
       expect(screen.getByText('Person:')).toBeInTheDocument();
       expect(screen.getByText('Select entity types')).toBeInTheDocument();
@@ -667,10 +652,8 @@ describe('ReferencesPanel Component', () => {
           {...panelProps()}
           isAssisting={false}
           progress={{
-            stage: 'complete',
             percentage: 100,
-            message: 'Annotation complete',
-            completedEntityTypes: [{ entityType: 'Person', foundCount: 5 }],
+            completedItems: [{ value: 'Person', foundCount: 5 }],
           }}
         />
       );
@@ -761,10 +744,8 @@ describe('ReferencesPanel Component', () => {
           {...panelProps()}
           isAssisting={false}
           progress={{
-            stage: 'complete',
             percentage: 100,
-            message: 'Annotation complete',
-            completedEntityTypes: [{ entityType: 'Person', foundCount: 0 }],
+            completedItems: [{ value: 'Person', foundCount: 0 }],
           }}
         />
       );