@semiont/react-ui 0.5.10 → 0.5.12

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

@@ -1,8 +1,7 @@
 'use client';
 
 import { useTranslations } from '../../../contexts/TranslationContext';
-import { useSemiont } from '../../../session/SemiontProvider';
-import { useObservable } from '../../../hooks/useObservable';
+import type { SemiontSession } from '@semiont/sdk';
 import { formatLocaleDisplay } from '@semiont/core';
 import { resourceId as makeResourceId, type components } from '@semiont/core';
 import { renderAgentLabel } from './agent-label';
@@ -11,6 +10,8 @@ import './ResourceInfoPanel.css';
 type Agent = components['schemas']['Agent'];
 
 interface Props {
+  /** Session carrying the client and event bus; null renders inert. */
+  session: SemiontSession | null;
   resourceId: string;
   documentEntityTypes: string[];
   documentLocale?: string | undefined;
@@ -39,6 +40,7 @@ interface Props {
  * @emits mark:archive - Archive this resource
  */
 export function ResourceInfoPanel({
+  session,
   resourceId,
   documentEntityTypes,
   documentLocale,
@@ -54,7 +56,6 @@ export function ResourceInfoPanel({
   onGenerate,
 }: Props) {
   const t = useTranslations('ResourceInfoPanel');
-  const session = useObservable(useSemiont().activeSession$);
 
   // Single attribution surface. `wasAttributedTo` is the canonical list
   // of responsible parties; if a producer set only `generator` we

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

@@ -5,12 +5,14 @@ import type { Ref } from 'react';
 import type { Annotation } from '@semiont/core';
 import { getAnnotationExactText } from '@semiont/core';
 import { getTagCategory, getTagSchemaId } from '@semiont/ontology';
-import { useSemiont } from '../../../session/SemiontProvider';
 import { useObservable } from '../../../hooks/useObservable';
+import type { SemiontSession } from '@semiont/sdk';
 import { useHoverEmitter } from '../../../hooks/useHoverEmitter';
 import { renderAgentLabel } from './agent-label';
 
 interface TagEntryProps {
+  /** Session for interaction routing (browse.click, tag schemas); the panel threads it. */
+  session: SemiontSession | null;
   tag: Annotation;
   isFocused: boolean;
   isHovered?: boolean;
@@ -18,13 +20,13 @@ interface TagEntryProps {
 }
 
 export function TagEntry({
+  session,
   tag,
   isFocused,
   isHovered = false,
   ref,
 }: TagEntryProps) {
-  const session = useObservable(useSemiont().activeSession$);
-  const hoverProps = useHoverEmitter(tag.id);
+  const hoverProps = useHoverEmitter(session, tag.id);
 
   const selectedText = getAnnotationExactText(tag);
   const category = getTagCategory(tag);

package/src/components/resource/panels/TaggingPanel.tsx

@@ -2,9 +2,9 @@
 
 import { useState, useEffect, useRef, useCallback, useMemo } from 'react';
 import { useTranslations } from '../../../contexts/TranslationContext';
-import { useSemiont } from '../../../session/SemiontProvider';
 import { useObservable } from '../../../hooks/useObservable';
-import { useEventSubscriptions } from '../../../contexts/useEventSubscription';
+import type { SemiontSession } from '@semiont/sdk';
+import { useSessionEventSubscriptions } from '../../../hooks/useSessionEventSubscriptions';
 import type { components, Selector } from '@semiont/core';
 import { getTextPositionSelector, getTargetSelector } from '@semiont/core';
 import { TagEntry } from './TagEntry';
@@ -39,6 +39,10 @@ function getSelectorDisplayText(selector: Selector | Selector[]): string | null
 }
 
 interface TaggingPanelProps {
+  /** Session carrying the client and event bus; null renders inert. */
+  session: SemiontSession | null;
+  /** The '@id' of the panel's resource — stamped as `source` on mark:submit (multi-viewer routing). */
+  resourceId: string;
   annotations: Annotation[];
   annotateMode?: boolean;
   isAssisting?: boolean;
@@ -62,6 +66,8 @@ interface TaggingPanelProps {
  * @subscribes browse:click - Annotation clicked. Payload: { annotationId: string }
  */
 export function TaggingPanel({
+  session,
+  resourceId,
   annotations,
   annotateMode = true,
   isAssisting = false,
@@ -74,7 +80,6 @@ export function TaggingPanel({
   sourceLanguage,
 }: TaggingPanelProps) {
   const t = useTranslations('TaggingPanel');
-  const session = useObservable(useSemiont().activeSession$);
 
   // Subscribe to the per-KB tag-schema registry. Schemas are runtime-
   // registered by the KB at session start (see frame.addTagSchema).
@@ -126,7 +131,7 @@ export function TaggingPanel({
     setTimeout(() => setFocusedAnnotationId(null), 3000);
   }, []);
 
-  useEventSubscriptions({
+  useSessionEventSubscriptions(session, {
     'browse:click': handleAnnotationClick,
   });
 
@@ -309,6 +314,7 @@ export function TaggingPanel({
                   onChange={(e) => {
                     if (e.target.value && pendingAnnotation) {
                       session?.client.mark.submit({
+                        source: resourceId,
                         motivation: 'tagging',
                         selector: pendingAnnotation.selector,
                         body: [
@@ -524,6 +530,7 @@ export function TaggingPanel({
           ) : (
             sortedAnnotations.map((tag) => (
               <TagEntry
+                session={session}
                 key={tag.id}
                 tag={tag}
                 isFocused={tag.id === focusedAnnotationId}

package/src/components/resource/panels/UnifiedAnnotationsPanel.tsx

@@ -5,6 +5,7 @@ import { useTranslations } from '../../../contexts/TranslationContext';
 import type { components, Selector } from '@semiont/core';
 type JobProgress = components['schemas']['JobProgress'];
 import type { RouteBuilder, LinkComponentProps } from '../../../contexts/RoutingContext';
+import type { SemiontSession } from '@semiont/sdk';
 import type { Annotator } from '../../../lib/annotation-registry';
 import { StatisticsPanel } from './StatisticsPanel';
 import { HighlightPanel } from './HighlightPanel';
@@ -37,6 +38,12 @@ const TAB_ORDER: TabKey[] = ['statistics', 'reference', 'highlight', 'assessment
  * - All operations managed via event bus (no callback props)
  */
 interface UnifiedAnnotationsPanelProps {
+  /** Session carrying the client and event bus; null renders inert. */
+  session: SemiontSession | null;
+
+  /** Host-owned navigation: called with the resolved resource id when a reference entry opens. */
+  onOpenResource?: (resourceId: string) => void;
+
   // All annotations (grouped internally by motivation)
   annotations: Annotation[];
 
@@ -59,8 +66,9 @@ interface UnifiedAnnotationsPanelProps {
   referencedBy?: any[];
   referencedByLoading?: boolean;
 
-  // Resource context
-  resourceId?: string;
+  // Resource context — threaded to every per-motivation panel, which stamps it
+  // as `source` on mark:submit (multi-viewer routing).
+  resourceId: string;
   initialTab?: TabKey;
   initialTabGeneration?: number; // Generation counter for tab switching
 
@@ -244,6 +252,8 @@ export function UnifiedAnnotationsPanel(props: UnifiedAnnotationsPanelProps) {
 
           // Common props for all annotation panels
           const commonProps = {
+            session: props.session,
+            resourceId: props.resourceId,
             annotations,
             pendingAnnotation: props.pendingAnnotation,
             isAssisting,
@@ -268,6 +278,9 @@ export function UnifiedAnnotationsPanel(props: UnifiedAnnotationsPanelProps) {
           if (activeTab === 'reference') {
             return (
               <ReferencesPanel
+                session={commonProps.session}
+                onOpenResource={props.onOpenResource}
+                resourceId={commonProps.resourceId}
                 annotations={commonProps.annotations}
                 pendingAnnotation={commonProps.pendingAnnotation}
                 isAssisting={commonProps.isAssisting}

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

@@ -1,10 +1,11 @@
 import { describe, it, expect, beforeEach, vi } from 'vitest';
 import { screen } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import { renderWithProviders } from '../../../../test-utils';
+import { renderWithProviders, createTestSemiontWrapper } from '../../../../test-utils';
 import userEvent from '@testing-library/user-event';
 
-import type { Annotation, AnnotationId } from '@semiont/core';
+import type { Annotation, AnnotationId, EventBus } from '@semiont/core';
+import type { SemiontSession } from '@semiont/sdk';
 
 // Mock @semiont/http-transport
 vi.mock('@semiont/core', async () => {
@@ -53,20 +54,28 @@ describe('AssessmentEntry', () => {
     isFocused: false,
   };
 
+  // Per-test session/bus — created in beforeEach (a module-scope factory
+  // call would hand tests a client that test-utils disposes after the
+  // first test). The `session` prop and the `eventBus` the interaction
+  // test subscribes come from the SAME factory call.
+  let session: SemiontSession;
+  let eventBus: EventBus;
+
   beforeEach(() => {
     vi.clearAllMocks();
+    ({ session, eventBus } = createTestSemiontWrapper());
     mockGetAnnotationExactText.mockReturnValue('Selected passage text');
   });
 
   describe('Rendering', () => {
     it('should render the selected text in quotes', () => {
-      renderWithProviders(<AssessmentEntry {...defaultProps} />);
+      renderWithProviders(<AssessmentEntry {...defaultProps} session={session} />);
 
       expect(screen.getByText(/Selected passage text/)).toBeInTheDocument();
     });
 
     it('should render the assessment body text', () => {
-      renderWithProviders(<AssessmentEntry {...defaultProps} />);
+      renderWithProviders(<AssessmentEntry {...defaultProps} session={session} />);
 
       expect(screen.getByText('This passage needs clarification')).toBeInTheDocument();
     });
@@ -80,7 +89,7 @@ describe('AssessmentEntry', () => {
       });
 
       renderWithProviders(
-        <AssessmentEntry assessment={assessment} isFocused={false} />
+        <AssessmentEntry assessment={assessment} isFocused={false} session={session} />
       );
 
       expect(screen.getByText('Direct body assessment')).toBeInTheDocument();
@@ -95,7 +104,7 @@ describe('AssessmentEntry', () => {
       });
 
       renderWithProviders(
-        <AssessmentEntry assessment={assessment} isFocused={false} />
+        <AssessmentEntry assessment={assessment} isFocused={false} session={session} />
       );
 
       expect(screen.getByText('Array body assessment')).toBeInTheDocument();
@@ -105,14 +114,14 @@ describe('AssessmentEntry', () => {
       const longText = 'X'.repeat(150);
       mockGetAnnotationExactText.mockReturnValue(longText);
 
-      renderWithProviders(<AssessmentEntry {...defaultProps} />);
+      renderWithProviders(<AssessmentEntry {...defaultProps} session={session} />);
 
       expect(screen.getByText(new RegExp(`"${'X'.repeat(100)}`))).toBeInTheDocument();
       expect(screen.getByText(/\.\.\./)).toBeInTheDocument();
     });
 
     it('should show creator name', () => {
-      renderWithProviders(<AssessmentEntry {...defaultProps} />);
+      renderWithProviders(<AssessmentEntry {...defaultProps} session={session} />);
 
       expect(screen.getByText(/reviewer@example.com/)).toBeInTheDocument();
     });
@@ -122,7 +131,7 @@ describe('AssessmentEntry', () => {
       delete (assessment as Record<string, unknown>).creator;
 
       renderWithProviders(
-        <AssessmentEntry assessment={assessment} isFocused={false} />
+        <AssessmentEntry assessment={assessment} isFocused={false} session={session} />
       );
 
       expect(screen.getByText(/Unknown/)).toBeInTheDocument();
@@ -133,7 +142,7 @@ describe('AssessmentEntry', () => {
       delete (assessment as Record<string, unknown>).body;
 
       const { container } = renderWithProviders(
-        <AssessmentEntry assessment={assessment} isFocused={false} />
+        <AssessmentEntry assessment={assessment} isFocused={false} session={session} />
       );
 
       // Body section should not render
@@ -143,7 +152,7 @@ describe('AssessmentEntry', () => {
     it('should not render quote section when selectedText is empty', () => {
       mockGetAnnotationExactText.mockReturnValue('');
 
-      const { container } = renderWithProviders(<AssessmentEntry {...defaultProps} />);
+      const { container } = renderWithProviders(<AssessmentEntry {...defaultProps} session={session} />);
 
       expect(container.querySelector('.semiont-annotation-entry__quote')).not.toBeInTheDocument();
     });
@@ -154,7 +163,7 @@ describe('AssessmentEntry', () => {
       });
 
       renderWithProviders(
-        <AssessmentEntry assessment={recentAssessment} isFocused={false} />
+        <AssessmentEntry assessment={recentAssessment} isFocused={false} session={session} />
       );
 
       expect(screen.getByText(/just now/)).toBeInTheDocument();
@@ -165,12 +174,11 @@ describe('AssessmentEntry', () => {
     it('should emit browse:click on click', async () => {
       const clickHandler = vi.fn();
 
-      const { container, eventBus } = renderWithProviders(
-        <AssessmentEntry {...defaultProps} />,
-        { returnEventBus: true }
+      const { container } = renderWithProviders(
+        <AssessmentEntry {...defaultProps} session={session} />
       );
 
-      const subscription = eventBus!.get('browse:click').subscribe(clickHandler);
+      const subscription = eventBus.get('browse:click').subscribe(clickHandler);
 
       const entry = container.firstChild as HTMLElement;
       await userEvent.click(entry);
@@ -187,7 +195,7 @@ describe('AssessmentEntry', () => {
   describe('Hover state', () => {
     it('should apply pulse class when isHovered is true', () => {
       const { container } = renderWithProviders(
-        <AssessmentEntry {...defaultProps} isHovered={true} />
+        <AssessmentEntry {...defaultProps} session={session} isHovered={true} />
       );
 
       const entry = container.firstChild as HTMLElement;
@@ -196,7 +204,7 @@ describe('AssessmentEntry', () => {
 
     it('should not apply pulse class when isHovered is false', () => {
       const { container } = renderWithProviders(
-        <AssessmentEntry {...defaultProps} isHovered={false} />
+        <AssessmentEntry {...defaultProps} session={session} isHovered={false} />
       );
 
       const entry = container.firstChild as HTMLElement;
@@ -207,7 +215,7 @@ describe('AssessmentEntry', () => {
   describe('Focus state', () => {
     it('should set data-focused to true when focused', () => {
       const { container } = renderWithProviders(
-        <AssessmentEntry {...defaultProps} isFocused={true} />
+        <AssessmentEntry {...defaultProps} session={session} isFocused={true} />
       );
 
       const entry = container.firstChild as HTMLElement;
@@ -215,7 +223,7 @@ describe('AssessmentEntry', () => {
     });
 
     it('should set data-type to assessment', () => {
-      const { container } = renderWithProviders(<AssessmentEntry {...defaultProps} />);
+      const { container } = renderWithProviders(<AssessmentEntry {...defaultProps} session={session} />);
 
       const entry = container.firstChild as HTMLElement;
       expect(entry).toHaveAttribute('data-type', 'assessment');

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

@@ -6,6 +6,7 @@ import userEvent from '@testing-library/user-event';
 import '@testing-library/jest-dom';
 import { AssessmentPanel } from '../AssessmentPanel';
 import type { EventBus } from '@semiont/core';
+import type { SemiontSession } from '@semiont/sdk';
 import { createTestSemiontWrapper } from '../../../../test-utils';
 
 import type { Annotation, AnnotationId } from '@semiont/core';
@@ -32,8 +33,15 @@ function createEventTracker() {
   };
 }
 
+// Per-test session/bus/wrapper — created in beforeEach (a module-scope
+// factory call would hand tests a client that test-utils disposes after
+// the first test). The `session` passed as a prop below and the `eventBus`
+// the tracker subscribes come from the SAME factory call.
+let session: SemiontSession;
+let eventBus: EventBus;
+let SemiontWrapper: React.ComponentType<{ children: React.ReactNode }>;
+
 const renderWithEventBus = (component: React.ReactElement, tracker?: ReturnType<typeof createEventTracker>) => {
-  const { SemiontWrapper, eventBus } = createTestSemiontWrapper();
   if (tracker) tracker._attach(eventBus);
   const Wrapper = ({ children }: { children: React.ReactNode }) => (
     <SemiontWrapper>{children}</SemiontWrapper>
@@ -140,6 +148,7 @@ const createPendingAnnotation = (exact: string) => ({
 
 describe('AssessmentPanel Component', () => {
   const defaultProps = {
+    resourceId: 'res-1',
     annotations: mockAssessments.empty,
     pendingAnnotation: null,
   };
@@ -147,6 +156,8 @@ describe('AssessmentPanel Component', () => {
   beforeEach(() => {
     vi.clearAllMocks();
 
+    ({ session, eventBus, SemiontWrapper } = createTestSemiontWrapper());
+
     // Mock scrollIntoView for jsdom
     Element.prototype.scrollIntoView = vi.fn();
 
@@ -166,20 +177,20 @@ describe('AssessmentPanel Component', () => {
 
   describe('Rendering', () => {
     it('should render panel header with title and count', () => {
-      renderWithEventBus(<AssessmentPanel {...defaultProps} annotations={mockAssessments.multiple} />);
+      renderWithEventBus(<AssessmentPanel {...defaultProps} session={session} annotations={mockAssessments.multiple} />);
 
       expect(screen.getByText(/Assessments/)).toBeInTheDocument();
       expect(screen.getByText(/\(3\)/)).toBeInTheDocument();
     });
 
     it('should show empty state when no assessments', () => {
-      renderWithEventBus(<AssessmentPanel {...defaultProps} />);
+      renderWithEventBus(<AssessmentPanel {...defaultProps} session={session} />);
 
       expect(screen.getByText(/No assessments yet/)).toBeInTheDocument();
     });
 
     it('should render all assessments', () => {
-      renderWithEventBus(<AssessmentPanel {...defaultProps} annotations={mockAssessments.multiple} />);
+      renderWithEventBus(<AssessmentPanel {...defaultProps} session={session} annotations={mockAssessments.multiple} />);
 
       expect(screen.getByTestId('assessment-1')).toBeInTheDocument();
       expect(screen.getByTestId('assessment-2')).toBeInTheDocument();
@@ -187,7 +198,7 @@ describe('AssessmentPanel Component', () => {
     });
 
     it('should have proper panel structure', () => {
-      const { container } = renderWithEventBus(<AssessmentPanel {...defaultProps} />);
+      const { container } = renderWithEventBus(<AssessmentPanel {...defaultProps} session={session} />);
 
       const panel = container.firstChild as HTMLElement;
       expect(panel).toHaveClass('semiont-panel');
@@ -196,7 +207,7 @@ describe('AssessmentPanel Component', () => {
 
   describe('Assessment Sorting', () => {
     it('should sort assessments by position in resource', () => {
-      renderWithEventBus(<AssessmentPanel {...defaultProps} annotations={mockAssessments.multiple} />);
+      renderWithEventBus(<AssessmentPanel {...defaultProps} session={session} annotations={mockAssessments.multiple} />);
 
       const assessments = screen.getAllByTestId(/assessment-/);
 
@@ -210,14 +221,14 @@ describe('AssessmentPanel Component', () => {
       mockGetTextPositionSelector.mockReturnValue(null);
 
       expect(() => {
-        renderWithEventBus(<AssessmentPanel {...defaultProps} annotations={mockAssessments.multiple} />);
+        renderWithEventBus(<AssessmentPanel {...defaultProps} session={session} annotations={mockAssessments.multiple} />);
       }).not.toThrow();
     });
   });
 
   describe('New Assessment Creation', () => {
     it('should not show new assessment input by default', () => {
-      renderWithEventBus(<AssessmentPanel {...defaultProps} />);
+      renderWithEventBus(<AssessmentPanel {...defaultProps} session={session} />);
 
       expect(screen.queryByPlaceholderText(/Type your assessment here/)).not.toBeInTheDocument();
     });
@@ -227,7 +238,7 @@ describe('AssessmentPanel Component', () => {
 
       renderWithEventBus(
         <AssessmentPanel
-          {...defaultProps}
+          {...defaultProps} session={session}
           pendingAnnotation={pendingAnnotation}
         />
       );
@@ -240,7 +251,7 @@ describe('AssessmentPanel Component', () => {
 
       renderWithEventBus(
         <AssessmentPanel
-          {...defaultProps}
+          {...defaultProps} session={session}
           pendingAnnotation={pendingAnnotation}
         />
       );
@@ -254,7 +265,7 @@ describe('AssessmentPanel Component', () => {
 
       renderWithEventBus(
         <AssessmentPanel
-          {...defaultProps}
+          {...defaultProps} session={session}
           pendingAnnotation={pendingAnnotation}
         />
       );
@@ -268,7 +279,7 @@ describe('AssessmentPanel Component', () => {
 
       renderWithEventBus(
         <AssessmentPanel
-          {...defaultProps}
+          {...defaultProps} session={session}
           pendingAnnotation={pendingAnnotation}
         />
       );
@@ -284,7 +295,7 @@ describe('AssessmentPanel Component', () => {
 
       renderWithEventBus(
         <AssessmentPanel
-          {...defaultProps}
+          {...defaultProps} session={session}
           pendingAnnotation={pendingAnnotation}
         />
       );
@@ -302,7 +313,7 @@ describe('AssessmentPanel Component', () => {
 
       renderWithEventBus(
         <AssessmentPanel
-          {...defaultProps}
+          {...defaultProps} session={session}
           pendingAnnotation={pendingAnnotation}
         />
       );
@@ -316,7 +327,7 @@ describe('AssessmentPanel Component', () => {
 
       renderWithEventBus(
         <AssessmentPanel
-          {...defaultProps}
+          {...defaultProps} session={session}
           pendingAnnotation={pendingAnnotation}
         />
       );
@@ -331,7 +342,7 @@ describe('AssessmentPanel Component', () => {
 
       renderWithEventBus(
         <AssessmentPanel
-          {...defaultProps}
+          {...defaultProps} session={session}
           pendingAnnotation={pendingAnnotation}
         />,
         tracker
@@ -357,7 +368,7 @@ describe('AssessmentPanel Component', () => {
 
       renderWithEventBus(
         <AssessmentPanel
-          {...defaultProps}
+          {...defaultProps} session={session}
           pendingAnnotation={pendingAnnotation}
         />
       );
@@ -375,7 +386,7 @@ describe('AssessmentPanel Component', () => {
 
       renderWithEventBus(
         <AssessmentPanel
-          {...defaultProps}
+          {...defaultProps} session={session}
           pendingAnnotation={pendingAnnotation}
         />,
         tracker
@@ -398,7 +409,7 @@ describe('AssessmentPanel Component', () => {
 
       const { container } = renderWithEventBus(
         <AssessmentPanel
-          {...defaultProps}
+          {...defaultProps} session={session}
           pendingAnnotation={pendingAnnotation}
         />
       );
@@ -413,7 +424,7 @@ describe('AssessmentPanel Component', () => {
     it('should render assessment entries', () => {
       renderWithEventBus(
         <AssessmentPanel
-          {...defaultProps}
+          {...defaultProps} session={session}
           annotations={mockAssessments.single}
         />
       );
@@ -428,7 +439,7 @@ describe('AssessmentPanel Component', () => {
       expect(() => {
         renderWithEventBus(
           <AssessmentPanel
-            {...defaultProps}
+            {...defaultProps} session={session}
             annotations={mockAssessments.single}
           />
         );
@@ -440,7 +451,7 @@ describe('AssessmentPanel Component', () => {
     it('should render AssistSection when annotateMode is true', () => {
       renderWithEventBus(
         <AssessmentPanel
-          {...defaultProps}
+          {...defaultProps} session={session}
           annotateMode={true}
         />
       );
@@ -451,7 +462,7 @@ describe('AssessmentPanel Component', () => {
     it('should not render AssistSection when annotateMode is false', () => {
       renderWithEventBus(
         <AssessmentPanel
-          {...defaultProps}
+          {...defaultProps} session={session}
           annotateMode={false}
         />
       );
@@ -462,7 +473,7 @@ describe('AssessmentPanel Component', () => {
     it('should render AssistSection with correct annotationType', () => {
       renderWithEventBus(
         <AssessmentPanel
-          {...defaultProps}
+          {...defaultProps} session={session}
           annotateMode={true}
         />
       );
@@ -478,7 +489,7 @@ describe('AssessmentPanel Component', () => {
 
       renderWithEventBus(
         <AssessmentPanel
-          {...defaultProps}
+          {...defaultProps} session={session}
           pendingAnnotation={pendingAnnotation}
         />
       );
@@ -491,7 +502,7 @@ describe('AssessmentPanel Component', () => {
 
       renderWithEventBus(
         <AssessmentPanel
-          {...defaultProps}
+          {...defaultProps} session={session}
           pendingAnnotation={pendingAnnotation}
         />
       );
@@ -508,7 +519,7 @@ describe('AssessmentPanel Component', () => {
 
   describe('Accessibility', () => {
     it('should have proper heading structure', () => {
-      renderWithEventBus(<AssessmentPanel {...defaultProps} />);
+      renderWithEventBus(<AssessmentPanel {...defaultProps} session={session} />);
 
       const heading = screen.getByText(/Assessments/);
       expect(heading).toHaveClass('semiont-panel-header__text');
@@ -519,7 +530,7 @@ describe('AssessmentPanel Component', () => {
 
       renderWithEventBus(
         <AssessmentPanel
-          {...defaultProps}
+          {...defaultProps} session={session}
           pendingAnnotation={pendingAnnotation}
         />
       );