@semiont/react-ui 0.4.7 → 0.4.9

package/src/components/modals/ConfigureGenerationStep.tsx

@@ -70,7 +70,7 @@ export function ConfigureGenerationStep({
   };
 
   return (
-    <form onSubmit={handleSubmit} className="semiont-form">
+    <form onSubmit={handleSubmit} className="semiont-form semiont-form--scrollable">
       {/* Resource Title */}
       <div className="semiont-form__field">
         <label htmlFor="wizard-title" className="semiont-form__label">
@@ -115,73 +115,67 @@ export function ConfigureGenerationStep({
           id="wizard-prompt"
           value={prompt}
           onChange={(e) => setPrompt(e.target.value)}
-          rows={3}
+          rows={2}
           className="semiont-textarea"
           placeholder={t.additionalInstructionsPlaceholder}
         />
       </div>
 
-      {/* Language Selection */}
-      <div className="semiont-form__field">
-        <label htmlFor="wizard-language" className="semiont-form__label">
-          {t.language}
-        </label>
-        <select
-          id="wizard-language"
-          value={language}
-          onChange={(e) => setLanguage(e.target.value)}
-          className="semiont-select"
-        >
-          {LOCALES.map((lang) => (
-            <option key={lang.code} value={lang.code}>
-              {lang.nativeName}
-            </option>
-          ))}
-        </select>
-        <p className="semiont-form__help">
-          {t.languageHelp}
-        </p>
-      </div>
+      {/* Language / Creativity / Max Length — compact inline row */}
+      <div className="semiont-form__inline-row">
+        <div className="semiont-form__field semiont-form__field--inline">
+          <label htmlFor="wizard-language" className="semiont-form__label">
+            {t.language}
+          </label>
+          <select
+            id="wizard-language"
+            value={language}
+            onChange={(e) => setLanguage(e.target.value)}
+            className="semiont-select"
+          >
+            {LOCALES.map((lang) => (
+              <option key={lang.code} value={lang.code}>
+                {lang.nativeName}
+              </option>
+            ))}
+          </select>
+        </div>
 
-      {/* Temperature Slider */}
-      <div className="semiont-form__field">
-        <label htmlFor="wizard-temperature" className="semiont-form__label">
-          {t.creativity} ({temperature.toFixed(1)})
-        </label>
-        <input
-          id="wizard-temperature"
-          type="range"
-          min="0"
-          max="1"
-          step="0.1"
-          value={temperature}
-          onChange={(e) => setTemperature(parseFloat(e.target.value))}
-          className="semiont-slider"
-        />
-        <div className="semiont-slider__labels">
-          <span>{t.creativityFocused}</span>
-          <span>{t.creativityCreative}</span>
+        <div className="semiont-form__field semiont-form__field--inline semiont-form__field--grow">
+          <label htmlFor="wizard-temperature" className="semiont-form__label">
+            {t.creativity} ({temperature.toFixed(1)})
+          </label>
+          <input
+            id="wizard-temperature"
+            type="range"
+            min="0"
+            max="1"
+            step="0.1"
+            value={temperature}
+            onChange={(e) => setTemperature(parseFloat(e.target.value))}
+            className="semiont-slider"
+          />
+          <div className="semiont-slider__labels semiont-slider__labels--small">
+            <span>{t.creativityFocused}</span>
+            <span>{t.creativityCreative}</span>
+          </div>
         </div>
-      </div>
 
-      {/* Max Tokens Input */}
-      <div className="semiont-form__field">
-        <label htmlFor="wizard-maxTokens" className="semiont-form__label">
-          {t.maxLength}
-        </label>
-        <input
-          id="wizard-maxTokens"
-          type="number"
-          min="100"
-          max="4000"
-          step="100"
-          value={maxTokens}
-          onChange={(e) => setMaxTokens(parseInt(e.target.value))}
-          className="semiont-input"
-        />
-        <p className="semiont-form__help">
-          {t.maxLengthHelp}
-        </p>
+        <div className="semiont-form__field semiont-form__field--inline semiont-form__field--narrow">
+          <label htmlFor="wizard-maxTokens" className="semiont-form__label">
+            {t.maxLength}
+          </label>
+          <input
+            id="wizard-maxTokens"
+            type="number"
+            min="100"
+            max="4000"
+            step="100"
+            value={maxTokens}
+            onChange={(e) => setMaxTokens(parseInt(e.target.value))}
+            className="semiont-input"
+          />
+        </div>
       </div>
 
       {/* Action Buttons */}

package/src/components/modals/ReferenceWizardModal.tsx

@@ -115,10 +115,9 @@ export function ReferenceWizardModal({
     if (!isOpen) return;
 
     const subscription = eventBus.get('match:search-results').subscribe((event) => {
-      const e = event as { referenceId: string; results: ScoredResult[] };
-      if (annotationId && e.referenceId === annotationId) {
+      if (annotationId && event.referenceId === annotationId) {
         setIsSearching(false);
-        setWizardStep({ step: 'search-results', results: e.results });
+        setWizardStep({ step: 'search-results', results: event.response as ScoredResult[] });
       }
     });
 
@@ -149,6 +148,7 @@ export function ReferenceWizardModal({
     setIsSearching(true);
     const contextWithHint = userHint ? { ...context, userHint } : context;
     eventBus.get('match:search-requested').next({
+      correlationId: crypto.randomUUID(),
       referenceId: annotationId,
       context: contextWithHint,
       limit: config.limit,

package/src/components/navigation/__tests__/ObservableLink.test.tsx

@@ -1,15 +1,11 @@
-import { describe, it, expect, beforeEach, vi } from 'vitest';
+import { describe, it, expect, vi } from 'vitest';
 import React from 'react';
 import { screen, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import { renderWithProviders, resetEventBusForTesting } from '../../../test-utils';
+import { renderWithProviders } from '../../../test-utils';
 import { ObservableLink } from '../ObservableLink';
 
 describe('ObservableLink', () => {
-  beforeEach(() => {
-    resetEventBusForTesting();
-  });
-
   it('renders anchor with href', () => {
     renderWithProviders(
       <ObservableLink href="/discover">Discover</ObservableLink>

package/src/components/navigation/__tests__/SimpleNavigation.test.tsx

@@ -1,8 +1,8 @@
-import { describe, it, expect, beforeEach, vi } from 'vitest';
+import { describe, it, expect, vi } from 'vitest';
 import React from 'react';
 import { screen, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import { renderWithProviders, resetEventBusForTesting } from '../../../test-utils';
+import { renderWithProviders } from '../../../test-utils';
 import { SimpleNavigation } from '../SimpleNavigation';
 import type { SimpleNavigationItem } from '../SimpleNavigation';
 
@@ -36,10 +36,6 @@ const defaultProps = {
 };
 
 describe('SimpleNavigation', () => {
-  beforeEach(() => {
-    resetEventBusForTesting();
-  });
-
   describe('title visibility', () => {
     it('renders title when not collapsed', () => {
       renderWithProviders(<SimpleNavigation {...defaultProps} />);

package/src/components/pdf-annotation/PdfAnnotationCanvas.tsx

@@ -2,7 +2,7 @@
 
 import React, { useRef, useState, useCallback, useEffect, useMemo } from 'react';
 import { createHoverHandlers } from '../../hooks/useBeckonFlow';
-import type { components, ResourceId } from '@semiont/core';
+import type { components } from '@semiont/core';
 import { getTargetSelector } from '@semiont/api-client';
 import type { SelectionMotivation } from '../annotation/AnnotateToolbar';
 import type { EventBus } from "@semiont/core"
@@ -48,7 +48,7 @@ function getMotivationColor(motivation: SelectionMotivation | null): { stroke: s
 }
 
 interface PdfAnnotationCanvasProps {
-  resourceUri: ResourceId;
+  pdfUrl: string;
   existingAnnotations?: Annotation[];
   drawingMode: DrawingMode;
   selectedMotivation?: SelectionMotivation | null;
@@ -66,7 +66,7 @@ interface PdfAnnotationCanvasProps {
  * @emits beckon:hover - Annotation hovered or unhovered. Payload: { annotationId: string | null }
  */
 export function PdfAnnotationCanvas({
-  resourceUri,
+  pdfUrl,
   existingAnnotations = [],
   drawingMode,
   selectedMotivation,
@@ -75,12 +75,6 @@ export function PdfAnnotationCanvas({
   selectedAnnotationId,
   hoverDelayMs = 150
 }: PdfAnnotationCanvasProps) {
-  const pdfUrl = useMemo(() => {
-    return `/api/resources/${resourceUri}`;
-  }, [resourceUri]);
-
-  // Removed excessive logging
-
   // PDF state
   const [pdfDoc, setPdfDoc] = useState<PDFDocumentProxy | null>(null);
   const [numPages, setNumPages] = useState<number>(0);

package/src/components/resource/AnnotateView.tsx

@@ -1,7 +1,6 @@
 'use client';
 
 import { useRef, useEffect, useCallback, lazy, Suspense } from 'react';
-import { resourceId as toResourceId } from '@semiont/core';
 import { getMimeCategory, isPdfMimeType } from '@semiont/api-client';
 import { ANNOTATORS } from '../../lib/annotation-registry';
 import { segmentTextWithAnnotations } from '../../lib/text-segmentation';
@@ -244,10 +243,10 @@ export function AnnotateView({
               annotators={ANNOTATORS}
             />
             <div className="semiont-annotate-view__content">
-              {resourceUri && (
+              {content && (
                 <Suspense fallback={<div className="semiont-annotate-view__loading">Loading PDF viewer...</div>}>
                   <PdfAnnotationCanvas
-                    resourceUri={toResourceId(resourceUri)}
+                    pdfUrl={content}
                     existingAnnotations={allAnnotations}
                     drawingMode={selectedMotivation ? selectedShape : null}
                     selectedMotivation={selectedMotivation}
@@ -275,9 +274,9 @@ export function AnnotateView({
             annotators={ANNOTATORS}
           />
           <div className="semiont-annotate-view__content">
-            {resourceUri && (
+            {content && (
               <SvgDrawingCanvas
-                resourceUri={toResourceId(resourceUri)}
+                imageUrl={content}
                 existingAnnotations={allAnnotations}
                 drawingMode={selectedMotivation ? selectedShape : null}
                 selectedMotivation={selectedMotivation}

package/src/components/resource/AnnotationHistory.tsx

@@ -5,7 +5,6 @@ import { useTranslations } from '../../contexts/TranslationContext';
 import type { RouteBuilder, LinkComponentProps } from '../../contexts/RoutingContext';
 import { useResources } from '../../lib/api-hooks';
 import type { ResourceId } from '@semiont/core';
-import type { StoredEvent } from '@semiont/core';
 import { getAnnotationUriFromEvent } from '@semiont/core';
 import { HistoryEvent } from './HistoryEvent';
 
@@ -39,13 +38,11 @@ export function AnnotationHistory({ rUri, hoveredAnnotationId, onEventHover, onE
   // Sort events by oldest first (most recent at bottom)
   // Filter out all job events - they're represented by annotation.body.updated events instead
   const events = !eventsData?.events ? [] : [...eventsData.events]
-    .filter((e: StoredEvent) => {
+    .filter((e) => {
       const eventType = e.event.type;
       return eventType !== 'job.started' && eventType !== 'job.progress' && eventType !== 'job.completed';
     })
-    .sort((a: StoredEvent, b: StoredEvent) =>
-      a.metadata.sequenceNumber - b.metadata.sequenceNumber
-    );
+    .sort((a, b) => a.metadata.sequenceNumber - b.metadata.sequenceNumber);
 
   // Scroll to bottom when History is first shown or when events change
   useEffect(() => {

package/src/components/resource/BrowseView.tsx

@@ -3,7 +3,6 @@
 import { useEffect, useRef, useCallback, useMemo, memo, lazy, Suspense } from 'react';
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
-import { resourceId as toResourceId } from '@semiont/core';
 import { getMimeCategory, isPdfMimeType } from '@semiont/api-client';
 import { ANNOTATORS } from '../../lib/annotation-registry';
 import { createHoverHandlers } from '../../hooks/useBeckonFlow';
@@ -240,7 +239,7 @@ export const BrowseView = memo(function BrowseView({
             <div ref={containerRef} className="semiont-browse-view__content">
               <Suspense fallback={<div className="semiont-browse-view__loading">Loading PDF viewer...</div>}>
                 <PdfAnnotationCanvas
-                  resourceUri={toResourceId(resourceUri)}
+                  pdfUrl={content}
                   existingAnnotations={allAnnotations}
                   drawingMode={null}
                   selectedMotivation={null}
@@ -264,7 +263,7 @@ export const BrowseView = memo(function BrowseView({
           />
           <div ref={containerRef} className="semiont-browse-view__content">
             <ImageViewer
-              resourceUri={toResourceId(resourceUri)}
+              imageUrl={content}
               mimeType={mimeType}
               alt="Resource content"
             />

package/src/components/resource/HistoryEvent.tsx

@@ -2,7 +2,7 @@
 
 import React, { useRef, useCallback, useEffect } from 'react';
 import type { RouteBuilder, LinkComponentProps } from '../../contexts/RoutingContext';
-import type { StoredEvent, ResourceEventType } from '@semiont/core';
+import type { StoredEventLike, ResourceEventType } from '@semiont/core';
 import { getAnnotationUriFromEvent } from '@semiont/core';
 import {
   formatEventType,
@@ -16,9 +16,9 @@ import {
 type TranslateFn = (key: string, params?: Record<string, string | number>) => string;
 
 interface Props {
-  event: StoredEvent;
+  event: StoredEventLike;
   annotations: any[]; // Unified annotations array (all types)
-  allEvents: StoredEvent[];
+  allEvents: StoredEventLike[];
   isRelated: boolean;
   t: TranslateFn;
   Link: React.ComponentType<LinkComponentProps>;

package/src/components/resource/__tests__/BrowseView.test.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { render, screen, fireEvent, waitFor } from '@testing-library/react';
 import { BrowseView } from '../BrowseView';
 import type { components } from '@semiont/core';
-import { EventBusProvider, resetEventBusForTesting, useEventBus } from '../../../contexts/EventBusContext';
+import { EventBusProvider, useEventBus } from '../../../contexts/EventBusContext';
 
 type Annotation = components['schemas']['Annotation'];
 
@@ -214,7 +214,6 @@ describe('BrowseView Component', () => {
   };
 
   beforeEach(() => {
-    resetEventBusForTesting();
     vi.clearAllMocks();
     mockNewAnnotationIds = new Set();
 

package/src/components/resource/__tests__/ResourceViewer.mode-switch.test.tsx

@@ -75,19 +75,19 @@ const mockTranslationManager = {
 function TestWrapper({ children }: { children: React.ReactNode }) {
   return (
     <TranslationProvider translationManager={mockTranslationManager}>
-      <AuthTokenProvider token="test-token">
-        <ApiClientProvider baseUrl="http://localhost:4000">
-          <QueryClientProvider client={queryClient}>
-            <EventBusProvider>
+      <EventBusProvider>
+        <AuthTokenProvider token="test-token">
+          <ApiClientProvider baseUrl="http://localhost:4000">
+            <QueryClientProvider client={queryClient}>
               <ResourceAnnotationsProvider>
                 <CacheProvider cacheManager={mockCacheManager}>
                   {children}
                 </CacheProvider>
               </ResourceAnnotationsProvider>
-            </EventBusProvider>
-          </QueryClientProvider>
-        </ApiClientProvider>
-      </AuthTokenProvider>
+            </QueryClientProvider>
+          </ApiClientProvider>
+        </AuthTokenProvider>
+      </EventBusProvider>
     </TranslationProvider>
   );
 }

package/src/components/resource/event-formatting.ts

@@ -5,7 +5,7 @@
  * No React dependencies - safe to use in any JavaScript environment.
  */
 
-import type { StoredEvent, ResourceEventType } from '@semiont/core';
+import type { StoredEventLike, ResourceEventType } from '@semiont/core';
 import type { components } from '@semiont/core';
 import { getExactText, getTargetSelector } from '@semiont/api-client';
 import { ANNOTATORS } from '../../lib/annotation-registry';
@@ -144,17 +144,18 @@ function truncateText(text: string, maxLength = 50): string {
  * Get display content from event payload - complete implementation
  */
 export function getEventDisplayContent(
-  event: StoredEvent,
+  event: StoredEventLike,
   annotations: Annotation[], // Unified annotations array (all types)
-  allEvents: StoredEvent[]
+  allEvents: StoredEventLike[]
 ): { exact: string; isQuoted: boolean; isTag: boolean } | null {
   const eventData = event.event;
+  const payload = eventData.payload as any;
 
   // Use type discriminators for proper narrowing
   switch (eventData.type) {
     case 'resource.created':
     case 'resource.cloned': {
-      return { exact: eventData.payload.name, isQuoted: false, isTag: false };
+      return { exact: payload.name, isQuoted: false, isTag: false };
     }
 
     // Unified annotation events
@@ -162,7 +163,7 @@ export function getEventDisplayContent(
       // Find current annotation to get its text
       // payload.annotationId is just the UUID, but annotation.id is the full URI
       const annotation = annotations.find(a =>
-        a.id.endsWith(`/annotations/${eventData.payload.annotationId}`)
+        a.id.endsWith(`/annotations/${payload.annotationId}`)
       );
 
       if (annotation?.target) {
@@ -184,11 +185,11 @@ export function getEventDisplayContent(
       // payload.annotationId is just the UUID, but annotation.id in the added event is the full URI
       const addedEvent = allEvents.find(e =>
         e.event.type === 'annotation.added' &&
-        e.event.payload.annotation.id.endsWith(`/annotations/${eventData.payload.annotationId}`)
+        (e.event.payload as any).annotation.id.endsWith(`/annotations/${payload.annotationId}`)
       );
       if (addedEvent && addedEvent.event.type === 'annotation.added') {
         try {
-          const target = addedEvent.event.payload.annotation.target;
+          const target = (addedEvent.event.payload as any).annotation.target;
           if (typeof target !== 'string' && target.selector) {
             const exact = getExactText(target.selector);
             if (exact) {
@@ -205,7 +206,7 @@ export function getEventDisplayContent(
     case 'annotation.added': {
       // New unified event structure - annotation is in payload
       try {
-        const target = eventData.payload.annotation.target;
+        const target = payload.annotation.target;
         if (typeof target !== 'string' && target.selector) {
           const exact = getExactText(target.selector);
           if (exact) {
@@ -220,14 +221,14 @@ export function getEventDisplayContent(
 
     case 'entitytag.added':
     case 'entitytag.removed': {
-      return { exact: eventData.payload.entityType, isQuoted: false, isTag: true };
+      return { exact: payload.entityType, isQuoted: false, isTag: true };
     }
 
     case 'job.completed': {
       // Find the annotation that was used to generate the resource
-      if (eventData.payload.annotationUri) {
+      if (payload.annotationUri) {
         const annotation = annotations.find(a =>
-          a.id === eventData.payload.annotationUri
+          a.id === payload.annotationUri
         );
 
         if (annotation?.target) {
@@ -260,12 +261,13 @@ export function getEventDisplayContent(
 /**
  * Get entity types from event payload
  */
-export function getEventEntityTypes(event: StoredEvent): string[] {
+export function getEventEntityTypes(event: StoredEventLike): string[] {
   const eventData = event.event;
+  const payload = eventData.payload as any;
 
   if (eventData.type === 'annotation.added') {
-    const motivation = eventData.payload.annotation.motivation;
-    const body = eventData.payload.annotation.body;
+    const motivation = payload.annotation.motivation;
+    const body = payload.annotation.body;
     if (motivation === 'linking' && body && 'entityTypes' in body) {
       return (body as any).entityTypes ?? [];
     }
@@ -289,13 +291,14 @@ export interface ResourceCreationDetails {
 /**
  * Get resource creation details from event
  */
-export function getResourceCreationDetails(event: StoredEvent): ResourceCreationDetails | null {
+export function getResourceCreationDetails(event: StoredEventLike): ResourceCreationDetails | null {
   const eventData = event.event;
+  const payload = eventData.payload as any;
 
   if (eventData.type === 'resource.created') {
     return {
       type: 'created',
-      method: eventData.payload.creationMethod || 'unknown',
+      method: payload.creationMethod || 'unknown',
       userId: eventData.userId,
       metadata: undefined,
     };
@@ -304,10 +307,10 @@ export function getResourceCreationDetails(event: StoredEvent): ResourceCreation
   if (eventData.type === 'resource.cloned') {
     return {
       type: 'cloned',
-      method: eventData.payload.creationMethod || 'clone',
+      method: payload.creationMethod || 'clone',
       userId: eventData.userId,
-      sourceDocId: eventData.payload.parentResourceId,
-      parentResourceId: eventData.payload.parentResourceId,
+      sourceDocId: payload.parentResourceId,
+      parentResourceId: payload.parentResourceId,
       metadata: undefined,
     };
   }

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

@@ -2,7 +2,7 @@ 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, resetEventBusForTesting } from '../../../../test-utils';
+import { renderWithProviders } from '../../../../test-utils';
 import userEvent from '@testing-library/user-event';
 import type { components } from '@semiont/core';
 
@@ -56,7 +56,6 @@ describe('AssessmentEntry', () => {
 
   beforeEach(() => {
     vi.clearAllMocks();
-    resetEventBusForTesting();
     mockGetAnnotationExactText.mockReturnValue('Selected passage text');
   });
 

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

@@ -5,7 +5,7 @@ import { render, screen, fireEvent, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import '@testing-library/jest-dom';
 import { AssessmentPanel } from '../AssessmentPanel';
-import { EventBusProvider, resetEventBusForTesting, useEventBus } from '../../../../contexts/EventBusContext';
+import { EventBusProvider, useEventBus } from '../../../../contexts/EventBusContext';
 import type { components } from '@semiont/core';
 
 type Annotation = components['schemas']['Annotation'];
@@ -178,7 +178,6 @@ describe('AssessmentPanel Component', () => {
   };
 
   beforeEach(() => {
-    resetEventBusForTesting();
     vi.clearAllMocks();
 
     // Mock scrollIntoView for jsdom

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

@@ -17,7 +17,6 @@ import { screen } from '@testing-library/react';
 import { renderWithProviders } from '../../../../test-utils';
 import userEvent from '@testing-library/user-event';
 import { AssistSection } from '../AssistSection';
-import { resetEventBusForTesting } from '../../../../contexts/EventBusContext';
 import type { EventBus } from "@semiont/core"
 
 // Mock translations
@@ -56,7 +55,6 @@ vi.mock('../../../../contexts/TranslationContext', () => ({
 describe('AssistSection', () => {
   beforeEach(() => {
     vi.clearAllMocks();
-    resetEventBusForTesting();
     // Clear localStorage
     if (typeof window !== 'undefined') {
       localStorage.clear();

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

@@ -1,7 +1,7 @@
 import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest';
 import React from 'react';
 import { screen, fireEvent, waitFor } from '@testing-library/react';
-import { renderWithProviders, resetEventBusForTesting } from '../../../../test-utils';
+import { renderWithProviders } from '../../../../test-utils';
 import userEvent from '@testing-library/user-event';
 import '@testing-library/jest-dom';
 import { CommentEntry } from '../CommentEntry';
@@ -105,7 +105,6 @@ describe('CommentEntry Component', () => {
 
   beforeEach(() => {
     vi.clearAllMocks();
-    resetEventBusForTesting(); // Reset event bus between tests
     mockGetCommentText.mockReturnValue('This is a test comment');
     mockGetAnnotationExactText.mockReturnValue('This is th');
 

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

@@ -5,7 +5,7 @@ import { render, screen, fireEvent, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import '@testing-library/jest-dom';
 import { CommentsPanel } from '../CommentsPanel';
-import { EventBusProvider, resetEventBusForTesting, useEventBus } from '../../../../contexts/EventBusContext';
+import { EventBusProvider, useEventBus } from '../../../../contexts/EventBusContext';
 import type { components } from '@semiont/core';
 
 type Annotation = components['schemas']['Annotation'];
@@ -178,7 +178,6 @@ describe('CommentsPanel Component', () => {
   };
 
   beforeEach(() => {
-    resetEventBusForTesting();
     vi.clearAllMocks();
 
     // Mock scrollIntoView for jsdom

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

@@ -2,7 +2,7 @@ import { describe, it, expect, beforeEach, vi } from 'vitest';
 import React from 'react';
 import { screen, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import { renderWithProviders, resetEventBusForTesting } from '../../../../test-utils';
+import { renderWithProviders } from '../../../../test-utils';
 import userEvent from '@testing-library/user-event';
 import type { components } from '@semiont/core';
 
@@ -52,7 +52,6 @@ describe('HighlightEntry', () => {
 
   beforeEach(() => {
     vi.clearAllMocks();
-    resetEventBusForTesting();
     mockGetAnnotationExactText.mockReturnValue('This is the highlighted text');
   });
 

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

@@ -17,7 +17,6 @@ import { screen } from '@testing-library/react';
 import { renderWithProviders } from '../../../../test-utils';
 import { HighlightPanel } from '../HighlightPanel';
 import type { components } from '@semiont/core';
-import { resetEventBusForTesting } from '../../../../contexts/EventBusContext';
 
 type Annotation = components['schemas']['Annotation'];
 
@@ -53,7 +52,6 @@ describe('HighlightPanel + AssistSection Integration', () => {
 
   beforeEach(() => {
     vi.clearAllMocks();
-    resetEventBusForTesting();
 
     mockAnnotations = [
       {