@semiont/react-ui 0.5.5 → 0.5.6

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

@@ -1,14 +1,14 @@
 import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest';
 import type { MockedFunction } from 'vitest';
 import React from 'react';
-import { render, screen, fireEvent, waitFor } from '@testing-library/react';
+import { render, screen, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import '@testing-library/jest-dom';
 import { CommentsPanel } from '../CommentsPanel';
-import type { components, EventBus } from '@semiont/core';
+import type { EventBus } from '@semiont/core';
 import { createTestSemiontWrapper } from '../../../../test-utils';
 
-import type { Annotation } from '@semiont/core';
+import type { Annotation, AnnotationId } from '@semiont/core';
 
 // Composition-based event tracker
 interface TrackedEvent {
@@ -68,7 +68,7 @@ vi.mock('@semiont/core', async () => {
 
 // Mock CommentEntry component to simplify testing
 vi.mock('../CommentEntry', () => ({
-  CommentEntry: ({ comment, onClick, onCommentRef, onCommentHover }: any) => (
+  CommentEntry: ({ comment, onClick, onCommentHover }: any) => (
     <div
       data-testid={`comment-${comment.id}`}
       onClick={() => onClick()}
@@ -91,10 +91,11 @@ const mockGetTargetSelector = getTargetSelector as MockedFunction<typeof getTarg
 // Test data fixtures
 const createMockComment = (id: string, start: number, end: number): Annotation => ({
   '@context': 'http://www.w3.org/ns/anno.jsonld',
-  id,
+  id: id as AnnotationId,
   type: 'Annotation',
   motivation: 'commenting',
   creator: {
+    '@type': 'Person',
     name: `user${id}@example.com`,
   },
   created: `2024-01-0${id.slice(-1)}T10:00:00Z`,

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

@@ -1,12 +1,10 @@
 import { describe, it, expect, beforeEach, vi } from 'vitest';
-import React from 'react';
-import { screen, fireEvent } from '@testing-library/react';
+import { screen } from '@testing-library/react';
 import '@testing-library/jest-dom';
 import { renderWithProviders } from '../../../../test-utils';
 import userEvent from '@testing-library/user-event';
-import type { components } from '@semiont/core';
 
-import type { Annotation } from '@semiont/core';
+import type { Annotation, AnnotationId } from '@semiont/core';
 
 // Mock @semiont/api-client
 vi.mock('@semiont/core', async () => {
@@ -25,10 +23,11 @@ const mockGetAnnotationExactText = getAnnotationExactText as MockedFunction<type
 
 const createMockHighlight = (overrides?: Partial<Annotation>): Annotation => ({
   '@context': 'http://www.w3.org/ns/anno.jsonld',
-  id: 'highlight-1',
+  id: 'highlight-1' as AnnotationId,
   type: 'Annotation',
   motivation: 'highlighting',
   creator: {
+    '@type': 'Person',
     name: 'alice@example.com',
   },
   created: '2024-06-15T12:00:00Z',

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

@@ -16,9 +16,8 @@ import React from 'react';
 import { screen } from '@testing-library/react';
 import { renderWithProviders } from '../../../../test-utils';
 import { HighlightPanel } from '../HighlightPanel';
-import type { components } from '@semiont/core';
 
-import type { Annotation } from '@semiont/core';
+import type { Annotation, AnnotationId } from '@semiont/core';
 
 // Mock translations - simulates useTranslations('HighlightPanel')
 // The mock receives keys like 'title', 'noHighlights', etc. and returns translated strings
@@ -55,7 +54,9 @@ describe('HighlightPanel + AssistSection Integration', () => {
 
     mockAnnotations = [
       {
-        id: 'highlight-1',
+        '@context': 'http://www.w3.org/ns/anno.jsonld',
+        type: 'Annotation',
+        id: 'highlight-1' as AnnotationId,
         motivation: 'highlighting',
         target: {
           source: 'resource-1',
@@ -78,7 +79,7 @@ describe('HighlightPanel + AssistSection Integration', () => {
           pendingAnnotation={null}
           isAssisting={true}
           progress={{
-            status: 'analyzing',
+            stage: 'analyzing',
             percentage: 30,
             message: 'Analyzing text for highlights...',
           }}
@@ -129,7 +130,7 @@ describe('HighlightPanel + AssistSection Integration', () => {
           pendingAnnotation={null}
           isAssisting={false}
           progress={{
-            status: 'complete',
+            stage: 'complete',
             percentage: 100,
             message: 'Complete! Created 14 highlights',
           }}
@@ -150,7 +151,8 @@ describe('HighlightPanel + AssistSection Integration', () => {
           pendingAnnotation={null}
           isAssisting={true}
           progress={{
-            status: 'analyzing',
+            stage: 'analyzing',
+            percentage: 0,
             message: 'Analyzing...',
             requestParams: [
               { label: 'Instructions', value: 'Find important points' },
@@ -203,7 +205,8 @@ describe('HighlightPanel + AssistSection Integration', () => {
           pendingAnnotation={null}
           isAssisting={true}
           progress={{
-            status: 'analyzing',
+            stage: 'analyzing',
+            percentage: 0,
             message: 'Analyzing...',
           }}
           annotateMode={true}
@@ -219,7 +222,8 @@ describe('HighlightPanel + AssistSection Integration', () => {
           pendingAnnotation={null}
           isAssisting={true}
           progress={{
-            status: 'analyzing',
+            stage: 'analyzing',
+            percentage: 0,
             message: 'Analyzing...',
           }}
           annotateMode={false}
@@ -254,7 +258,8 @@ describe('HighlightPanel + AssistSection Integration', () => {
           pendingAnnotation={null}
           isAssisting={false}
           progress={{
-            status: 'complete',
+            stage: 'complete',
+            percentage: 100,
             message: 'Done!',
           }}
           annotateMode={true}
@@ -274,7 +279,7 @@ describe('HighlightPanel + AssistSection Integration', () => {
           pendingAnnotation={null}
           isAssisting={true}
           progress={{
-            status: 'started',
+            stage: 'started',
             percentage: 0,
             message: 'Starting...',
           }}
@@ -291,7 +296,7 @@ describe('HighlightPanel + AssistSection Integration', () => {
           pendingAnnotation={null}
           isAssisting={true}
           progress={{
-            status: 'analyzing',
+            stage: 'analyzing',
             percentage: 50,
             message: 'Analyzing...',
           }}
@@ -309,7 +314,7 @@ describe('HighlightPanel + AssistSection Integration', () => {
           pendingAnnotation={null}
           isAssisting={false}
           progress={{
-            status: 'complete',
+            stage: 'complete',
             percentage: 100,
             message: 'Complete!',
           }}
@@ -330,7 +335,8 @@ describe('HighlightPanel + AssistSection Integration', () => {
           pendingAnnotation={null}
           isAssisting={true}
           progress={{
-            status: 'analyzing',
+            stage: 'analyzing',
+            percentage: 0,
             message: 'Analyzing...',
           }}
           annotateMode={true}

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

@@ -1,5 +1,4 @@
 import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest';
-import React from 'react';
 import { render, screen, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import '@testing-library/jest-dom';
@@ -12,7 +11,7 @@ type SemiontResource = components['schemas']['ResourceDescriptor'];
 vi.mock('@codemirror/view', () => {
   class MockEditorView {
     destroy = vi.fn();
-    constructor(config: any) {
+    constructor() {
       // Store config if needed for assertions
     }
     static editable = { of: vi.fn() };
@@ -55,7 +54,6 @@ vi.mock('../../../lib/codemirror-json-theme', () => ({
 // Mock useLineNumbers hook (must be before import)
 vi.mock('@/hooks/useLineNumbers');
 
-import { EditorView } from '@codemirror/view';
 import { useLineNumbers } from '@/hooks/useLineNumbers';
 
 // Test data fixtures

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

@@ -1,5 +1,4 @@
 import { describe, it, expect } from 'vitest';
-import React from 'react';
 import { screen } from '@testing-library/react';
 import '@testing-library/jest-dom';
 import { renderWithProviders } from '../../../../test-utils';

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

@@ -1,14 +1,12 @@
 import { describe, it, expect, beforeEach, vi } from 'vitest';
-import React from 'react';
 import { screen } from '@testing-library/react';
 import '@testing-library/jest-dom';
 import { renderWithProviders } from '../../../../test-utils';
 import userEvent from '@testing-library/user-event';
-import type { components } from '@semiont/core';
 import { BindNamespace } from '@semiont/sdk';
 import type { RouteBuilder } from '../../../../contexts/RoutingContext';
 
-import type { Annotation } from '@semiont/core';
+import type { Annotation, AnnotationId } from '@semiont/core';
 
 // Stable mock functions defined outside vi.mock to avoid re-render loops
 const mockGetAnnotationExactText = vi.fn();
@@ -54,7 +52,7 @@ import { ReferenceEntry } from '../ReferenceEntry';
 
 const createMockReference = (overrides?: Partial<Annotation>): Annotation => ({
   '@context': 'http://www.w3.org/ns/anno.jsonld',
-  id: 'ref-1',
+  id: 'ref-1' as AnnotationId,
   type: 'Annotation',
   motivation: 'linking',
   created: '2024-06-15T12:00:00Z',
@@ -75,7 +73,9 @@ const createMockReference = (overrides?: Partial<Annotation>): Annotation => ({
 
 const mockRoutes: RouteBuilder = {
   resourceDetail: vi.fn((id: string) => `/resources/${id}`),
-  resourceList: vi.fn(() => '/resources'),
+  userProfile: vi.fn((id: string) => `/users/${id}`),
+  search: vi.fn((query: string) => `/search?q=${query}`),
+  home: vi.fn(() => '/'),
 };
 
 describe('ReferenceEntry', () => {

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

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest';
 import React from 'react';
-import { render, screen, fireEvent, waitFor } from '@testing-library/react';
+import { render, screen, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import '@testing-library/jest-dom';
 import { ReferencesPanel } from '../ReferencesPanel';
@@ -316,7 +316,7 @@ describe('ReferencesPanel Component', () => {
         <ReferencesPanel
           {...defaultProps}
           isAssisting={true}
-          progress={{ completedEntityTypes: [] }}
+          progress={{ stage: 'analyzing', percentage: 0, message: 'Detecting references...', completedEntityTypes: [] }}
         />
       );
 
@@ -326,6 +326,9 @@ describe('ReferencesPanel Component', () => {
           {...defaultProps}
           isAssisting={false}
           progress={{
+            stage: 'complete',
+            percentage: 100,
+            message: 'Annotation complete',
             completedEntityTypes: [{ entityType: 'Person', foundCount: 5 }],
           }}
         />
@@ -366,7 +369,7 @@ describe('ReferencesPanel Component', () => {
         <ReferencesPanel
           {...defaultProps}
           isAssisting={true}
-          progress={{ completedEntityTypes: [] }}
+          progress={{ stage: 'analyzing', percentage: 0, message: 'Detecting references...', completedEntityTypes: [] }}
         />
       );
 
@@ -375,6 +378,9 @@ describe('ReferencesPanel Component', () => {
 
     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 },
@@ -399,7 +405,7 @@ describe('ReferencesPanel Component', () => {
         <ReferencesPanel
           {...defaultProps}
           isAssisting={true}
-          progress={{ completedEntityTypes: [] }}
+          progress={{ stage: 'analyzing', percentage: 0, message: 'Detecting references...', completedEntityTypes: [] }}
         />
       );
 
@@ -412,7 +418,7 @@ describe('ReferencesPanel Component', () => {
         <ReferencesPanel
           {...defaultProps}
           isAssisting={true}
-          progress={{ completedEntityTypes: [] }}
+          progress={{ stage: 'analyzing', percentage: 0, message: 'Detecting references...', completedEntityTypes: [] }}
         />
       );
 
@@ -428,6 +434,9 @@ describe('ReferencesPanel Component', () => {
           {...defaultProps}
           isAssisting={false}
           progress={{
+            stage: 'complete',
+            percentage: 100,
+            message: 'Annotation complete',
             completedEntityTypes: [
               { entityType: 'Person', foundCount: 5 },
               { entityType: 'Organization', foundCount: 3 },
@@ -455,6 +464,9 @@ describe('ReferencesPanel Component', () => {
           {...defaultProps}
           isAssisting={false}
           progress={{
+            stage: 'complete',
+            percentage: 100,
+            message: 'Annotation complete',
             completedEntityTypes: [{ entityType: 'Person', foundCount: 5 }],
           }}
         />
@@ -472,6 +484,9 @@ describe('ReferencesPanel Component', () => {
           {...defaultProps}
           isAssisting={false}
           progress={{
+            stage: 'complete',
+            percentage: 100,
+            message: 'Annotation complete',
             completedEntityTypes: [{ entityType: 'Person', foundCount: 5 }],
           }}
         />
@@ -489,6 +504,9 @@ describe('ReferencesPanel Component', () => {
           {...defaultProps}
           isAssisting={false}
           progress={{
+            stage: 'complete',
+            percentage: 100,
+            message: 'Annotation complete',
             completedEntityTypes: [{ entityType: 'Person', foundCount: 5 }],
           }}
         />
@@ -509,6 +527,9 @@ describe('ReferencesPanel Component', () => {
           {...defaultProps}
           isAssisting={false}
           progress={{
+            stage: 'complete',
+            percentage: 100,
+            message: 'Annotation complete',
             completedEntityTypes: [{ entityType: 'Person', foundCount: 5 }],
           }}
         />
@@ -529,6 +550,9 @@ describe('ReferencesPanel Component', () => {
           {...defaultProps}
           isAssisting={false}
           progress={{
+            stage: 'complete',
+            percentage: 100,
+            message: 'Annotation complete',
             completedEntityTypes: [],
           }}
         />
@@ -552,7 +576,7 @@ describe('ReferencesPanel Component', () => {
         <ReferencesPanel
           {...defaultProps}
           isAssisting={true}
-          progress={{ completedEntityTypes: [] }}
+          progress={{ stage: 'analyzing', percentage: 0, message: 'Detecting references...', completedEntityTypes: [] }}
         />
       );
 
@@ -566,7 +590,7 @@ describe('ReferencesPanel Component', () => {
         <ReferencesPanel
           {...defaultProps}
           isAssisting={true}
-          progress={{ completedEntityTypes: [] }}
+          progress={{ stage: 'analyzing', percentage: 0, message: 'Detecting references...', completedEntityTypes: [] }}
         />
       );
 
@@ -579,6 +603,9 @@ describe('ReferencesPanel Component', () => {
           {...defaultProps}
           isAssisting={false}
           progress={{
+            stage: 'complete',
+            percentage: 100,
+            message: 'Annotation complete',
             completedEntityTypes: [{ entityType: 'Person', foundCount: 5 }],
           }}
         />
@@ -601,6 +628,9 @@ describe('ReferencesPanel Component', () => {
           {...defaultProps}
           isAssisting={false}
           progress={{
+            stage: 'complete',
+            percentage: 100,
+            message: 'Annotation complete',
             completedEntityTypes: [{ entityType: 'Person', foundCount: 5 }],
           }}
         />
@@ -692,6 +722,9 @@ describe('ReferencesPanel Component', () => {
           {...defaultProps}
           isAssisting={false}
           progress={{
+            stage: 'complete',
+            percentage: 100,
+            message: 'Annotation complete',
             completedEntityTypes: [{ entityType: 'Person', foundCount: 0 }],
           }}
         />

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

@@ -295,7 +295,7 @@ describe('ResourceInfoPanel Component', () => {
       renderWithEventBus(
         <ResourceInfoPanel
           {...defaultProps}
-          wasAttributedTo={{ name: 'Alice', '@id': 'https://example.org/alice' }}
+          wasAttributedTo={{ '@type': 'Person', name: 'Alice', '@id': 'https://example.org/alice' }}
         />
       );
       expect(screen.getByText('Attributed to')).toBeInTheDocument();
@@ -307,8 +307,8 @@ describe('ResourceInfoPanel Component', () => {
         <ResourceInfoPanel
           {...defaultProps}
           wasAttributedTo={[
-            { name: 'Alice' },
-            { name: 'Bob' },
+            { '@type': 'Person', name: 'Alice' },
+            { '@type': 'Person', name: 'Bob' },
           ]}
         />
       );

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

@@ -1,11 +1,9 @@
 import { describe, it, expect, beforeEach, vi } from 'vitest';
-import React from 'react';
 import { screen } from '@testing-library/react';
 import '@testing-library/jest-dom';
 import { renderWithProviders } from '../../../../test-utils';
-import type { components } from '@semiont/core';
 
-import type { Annotation } from '@semiont/core';
+import type { Annotation, AnnotationId } from '@semiont/core';
 
 // Stable mock functions defined outside vi.mock to avoid re-render loops
 const mockIsBodyResolved = vi.fn();
@@ -27,7 +25,7 @@ import { StatisticsPanel } from '../StatisticsPanel';
 
 const createMockAnnotation = (overrides?: Partial<Annotation>): Annotation => ({
   '@context': 'http://www.w3.org/ns/anno.jsonld',
-  id: 'http://example.com/annotations/1',
+  id: 'http://example.com/annotations/1' as AnnotationId,
   type: 'Annotation',
   motivation: 'linking',
   created: '2024-06-15T12:00:00Z',
@@ -73,7 +71,7 @@ describe('StatisticsPanel', () => {
     it('should render correct highlight count', () => {
       const props = {
         ...emptyProps,
-        highlights: [createMockAnnotation({ id: 'h1' }), createMockAnnotation({ id: 'h2' }), createMockAnnotation({ id: 'h3' })],
+        highlights: [createMockAnnotation({ id: 'h1' as AnnotationId }), createMockAnnotation({ id: 'h2' as AnnotationId }), createMockAnnotation({ id: 'h3' as AnnotationId })],
       };
 
       renderWithProviders(<StatisticsPanel {...props} />);
@@ -85,7 +83,7 @@ describe('StatisticsPanel', () => {
     it('should render correct comment count', () => {
       const props = {
         ...emptyProps,
-        comments: [createMockAnnotation({ id: 'c1' }), createMockAnnotation({ id: 'c2' })],
+        comments: [createMockAnnotation({ id: 'c1' as AnnotationId }), createMockAnnotation({ id: 'c2' as AnnotationId })],
       };
 
       renderWithProviders(<StatisticsPanel {...props} />);
@@ -97,7 +95,7 @@ describe('StatisticsPanel', () => {
     it('should render correct assessment count', () => {
       const props = {
         ...emptyProps,
-        assessments: [createMockAnnotation({ id: 'a1' })],
+        assessments: [createMockAnnotation({ id: 'a1' as AnnotationId })],
       };
 
       renderWithProviders(<StatisticsPanel {...props} />);
@@ -110,10 +108,10 @@ describe('StatisticsPanel', () => {
       const props = {
         ...emptyProps,
         tags: [
-          createMockAnnotation({ id: 't1' }),
-          createMockAnnotation({ id: 't2' }),
-          createMockAnnotation({ id: 't3' }),
-          createMockAnnotation({ id: 't4' }),
+          createMockAnnotation({ id: 't1' as AnnotationId }),
+          createMockAnnotation({ id: 't2' as AnnotationId }),
+          createMockAnnotation({ id: 't3' as AnnotationId }),
+          createMockAnnotation({ id: 't4' as AnnotationId }),
         ],
       };
 
@@ -124,9 +122,9 @@ describe('StatisticsPanel', () => {
     });
 
     it('should render correct total reference count', () => {
-      const refs = [createMockAnnotation({ id: 'r1' }), createMockAnnotation({ id: 'r2' })];
+      const refs = [createMockAnnotation({ id: 'r1' as AnnotationId }), createMockAnnotation({ id: 'r2' as AnnotationId })];
 
-      const { container } = renderWithProviders(<StatisticsPanel {...emptyProps} references={refs} />);
+      renderWithProviders(<StatisticsPanel {...emptyProps} references={refs} />);
 
       expect(screen.getByText('StatisticsPanel.references')).toBeInTheDocument();
       // The references item has the total count as its direct .semiont-statistics-panel__value child
@@ -139,13 +137,13 @@ describe('StatisticsPanel', () => {
   describe('Reference sub-categories', () => {
     it('should show stub and resolved counts', () => {
       const refs = [
-        createMockAnnotation({ id: 'r1' }),
-        createMockAnnotation({ id: 'r2' }),
-        createMockAnnotation({ id: 'r3' }),
+        createMockAnnotation({ id: 'r1' as AnnotationId }),
+        createMockAnnotation({ id: 'r2' as AnnotationId }),
+        createMockAnnotation({ id: 'r3' as AnnotationId }),
       ];
 
       // r1 resolved, r2 and r3 are stubs
-      mockIsBodyResolved.mockImplementation((body: unknown) => {
+      mockIsBodyResolved.mockImplementation(() => {
         // We can distinguish by the call order
         return false;
       });
@@ -167,8 +165,8 @@ describe('StatisticsPanel', () => {
 
     it('should count all as resolved when isBodyResolved returns true', () => {
       const refs = [
-        createMockAnnotation({ id: 'r1' }),
-        createMockAnnotation({ id: 'r2' }),
+        createMockAnnotation({ id: 'r1' as AnnotationId }),
+        createMockAnnotation({ id: 'r2' as AnnotationId }),
       ];
 
       mockIsBodyResolved.mockReturnValue(true);
@@ -182,8 +180,8 @@ describe('StatisticsPanel', () => {
 
     it('should count all as stubs when isBodyResolved returns false', () => {
       const refs = [
-        createMockAnnotation({ id: 'r1' }),
-        createMockAnnotation({ id: 'r2' }),
+        createMockAnnotation({ id: 'r1' as AnnotationId }),
+        createMockAnnotation({ id: 'r2' as AnnotationId }),
       ];
 
       mockIsBodyResolved.mockReturnValue(false);
@@ -206,9 +204,9 @@ describe('StatisticsPanel', () => {
 
     it('should render entity types with counts', () => {
       const refs = [
-        createMockAnnotation({ id: 'r1' }),
-        createMockAnnotation({ id: 'r2' }),
-        createMockAnnotation({ id: 'r3' }),
+        createMockAnnotation({ id: 'r1' as AnnotationId }),
+        createMockAnnotation({ id: 'r2' as AnnotationId }),
+        createMockAnnotation({ id: 'r3' as AnnotationId }),
       ];
 
       mockGetEntityTypes
@@ -226,9 +224,9 @@ describe('StatisticsPanel', () => {
 
     it('should sort entity types by count descending', () => {
       const refs = [
-        createMockAnnotation({ id: 'r1' }),
-        createMockAnnotation({ id: 'r2' }),
-        createMockAnnotation({ id: 'r3' }),
+        createMockAnnotation({ id: 'r1' as AnnotationId }),
+        createMockAnnotation({ id: 'r2' as AnnotationId }),
+        createMockAnnotation({ id: 'r3' as AnnotationId }),
       ];
 
       // Person appears 3 times, Location 1 time
@@ -251,11 +249,11 @@ describe('StatisticsPanel', () => {
   describe('Mixed annotation counts', () => {
     it('should render all categories with their respective counts simultaneously', () => {
       const props = {
-        highlights: [createMockAnnotation({ id: 'h1' })],
-        comments: [createMockAnnotation({ id: 'c1' }), createMockAnnotation({ id: 'c2' })],
-        assessments: [createMockAnnotation({ id: 'a1' }), createMockAnnotation({ id: 'a2' }), createMockAnnotation({ id: 'a3' })],
-        references: [createMockAnnotation({ id: 'r1' })],
-        tags: [createMockAnnotation({ id: 't1' }), createMockAnnotation({ id: 't2' })],
+        highlights: [createMockAnnotation({ id: 'h1' as AnnotationId })],
+        comments: [createMockAnnotation({ id: 'c1' as AnnotationId }), createMockAnnotation({ id: 'c2' as AnnotationId })],
+        assessments: [createMockAnnotation({ id: 'a1' as AnnotationId }), createMockAnnotation({ id: 'a2' as AnnotationId }), createMockAnnotation({ id: 'a3' as AnnotationId })],
+        references: [createMockAnnotation({ id: 'r1' as AnnotationId })],
+        tags: [createMockAnnotation({ id: 't1' as AnnotationId }), createMockAnnotation({ id: 't2' as AnnotationId })],
       };
 
       renderWithProviders(<StatisticsPanel {...props} />);

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

@@ -1,14 +1,13 @@
 import { describe, it, expect, beforeEach, vi } from 'vitest';
-import React from 'react';
 import { render, screen } from '@testing-library/react';
 import '@testing-library/jest-dom';
 import { of } from 'rxjs';
 import { CacheObservable } from '@semiont/sdk';
 import { renderWithProviders, createTestSemiontWrapper } from '../../../../test-utils';
 import userEvent from '@testing-library/user-event';
-import type { components, TagSchema } from '@semiont/core';
+import type { TagSchema } from '@semiont/core';
 
-import type { Annotation } from '@semiont/core';
+import type { Annotation, AnnotationId } from '@semiont/core';
 
 // Mock @semiont/api-client
 vi.mock('@semiont/core', async () => {
@@ -37,10 +36,11 @@ const mockGetTagSchemaId = getTagSchemaId as MockedFunction<typeof getTagSchemaI
 
 const createMockTag = (overrides?: Partial<Annotation>): Annotation => ({
   '@context': 'http://www.w3.org/ns/anno.jsonld',
-  id: 'tag-1',
+  id: 'tag-1' as AnnotationId,
   type: 'Annotation',
   motivation: 'tagging',
   creator: {
+    '@type': 'Person',
     name: 'tagger@example.com',
   },
   created: '2024-06-15T12:00:00Z',
@@ -71,7 +71,7 @@ describe('TagEntry', () => {
     vi.clearAllMocks();
     mockGetAnnotationExactText.mockReturnValue('Tagged text content');
     mockGetTagCategory.mockReturnValue('Entity');
-    mockGetTagSchemaId.mockReturnValue(null);
+    mockGetTagSchemaId.mockReturnValue(undefined);
   });
 
   describe('Rendering', () => {