@semiont/react-ui 0.4.14 → 0.4.16

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

@@ -3,16 +3,18 @@
 import { useTranslations } from '../../../contexts/TranslationContext';
 import { useEventBus } from '../../../contexts/EventBusContext';
 import { formatLocaleDisplay } from '@semiont/api-client';
-import type { components } from '@semiont/core';
+import { resourceId as makeResourceId, type components } from '@semiont/core';
 import './ResourceInfoPanel.css';
 
 type Agent = components['schemas']['Agent'];
 
 interface Props {
+  resourceId: string;
   documentEntityTypes: string[];
   documentLocale?: string | undefined;
   primaryMediaType?: string | undefined;
   primaryByteSize?: number | undefined;
+  storageUri?: string | undefined;
   isArchived?: boolean;
   dateCreated?: string | undefined;
   dateModified?: string | undefined;
@@ -25,15 +27,17 @@ interface Props {
 /**
  * Panel for displaying resource metadata and management actions
  *
- * @emits yield:clone - Clone this resource. Payload: undefined
- * @emits mark:unarchive - Unarchive this resource. Payload: undefined
- * @emits mark:archive - Archive this resource. Payload: undefined
+ * @emits yield:clone - Clone this resource
+ * @emits mark:unarchive - Unarchive this resource
+ * @emits mark:archive - Archive this resource
  */
 export function ResourceInfoPanel({
+  resourceId,
   documentEntityTypes,
   documentLocale,
   primaryMediaType,
   primaryByteSize,
+  storageUri,
   isArchived = false,
   dateCreated,
   dateModified,
@@ -87,6 +91,14 @@ export function ResourceInfoPanel({
                 </span>
               </div>
             )}
+            {storageUri && (
+              <div>
+                <span className="semiont-resource-info-panel__label">{t('storageUri')}</span>
+                <span className="semiont-resource-info-panel__value">
+                  {storageUri}
+                </span>
+              </div>
+            )}
           </div>
         </div>
       )}
@@ -194,7 +206,7 @@ export function ResourceInfoPanel({
         {isArchived ? (
           <>
             <button
-              onClick={() => eventBus.get('mark:unarchive').next(undefined)}
+              onClick={() => eventBus.get('mark:unarchive').next({ resourceId: makeResourceId(resourceId) })}
               className="semiont-resource-button semiont-resource-button--secondary"
             >
               📤 {t('unarchive')}
@@ -206,7 +218,7 @@ export function ResourceInfoPanel({
         ) : (
           <>
             <button
-              onClick={() => eventBus.get('mark:archive').next(undefined)}
+              onClick={() => eventBus.get('mark:archive').next({ resourceId: makeResourceId(resourceId) })}
               className="semiont-resource-button semiont-resource-button--archive"
             >
               📦 {t('archive')}

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

@@ -5,6 +5,7 @@ import '@testing-library/jest-dom';
 import { renderWithProviders } from '../../../../test-utils';
 import userEvent from '@testing-library/user-event';
 import type { components } from '@semiont/core';
+import { SemiontApiClient } from '@semiont/api-client';
 import type { RouteBuilder } from '../../../../contexts/RoutingContext';
 
 type Annotation = components['schemas']['Annotation'];
@@ -303,28 +304,27 @@ describe('ReferenceEntry', () => {
       expect(unlinkButton).not.toBeInTheDocument();
     });
 
-    it('should emit bind:update-body on unlink click', async () => {
+    it('should call client.bind.body on unlink click', async () => {
       mockIsBodyResolved.mockReturnValue(true);
       mockGetBodySource.mockReturnValue('linked-doc');
-      const unlinkHandler = vi.fn();
 
-      const { container, eventBus } = renderWithProviders(
+      const bindSpy = vi.spyOn(SemiontApiClient.prototype, 'bindAnnotation').mockResolvedValue({ correlationId: 'c1' });
+
+      const { container } = renderWithProviders(
         <ReferenceEntry {...defaultProps} annotateMode={true} />,
-        { returnEventBus: true }
       );
 
-      const subscription = eventBus!.get('bind:update-body').subscribe(unlinkHandler);
-
       const unlinkButton = container.querySelector('.semiont-reference-unlink')!;
       await userEvent.click(unlinkButton);
 
-      expect(unlinkHandler).toHaveBeenCalledWith({
-        annotationId: 'ref-1',
-        resourceId: 'resource-1',
-        operations: [{ op: 'remove', item: { type: 'SpecificResource', source: 'linked-doc' } }],
-      });
+      expect(bindSpy).toHaveBeenCalledWith(
+        'resource-1',
+        'ref-1',
+        { operations: [{ op: 'remove', item: { type: 'SpecificResource', source: 'linked-doc' } }] },
+        expect.anything(),
+      );
 
-      subscription.unsubscribe();
+      bindSpy.mockRestore();
     });
   });
 

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

@@ -15,6 +15,7 @@ vi.mock('../../../../contexts/TranslationContext', () => ({
       representation: 'Representation',
       mediaType: 'Media Type',
       byteSize: 'Size',
+      storageUri: 'Storage',
       clone: 'Clone',
       cloneDescription: 'Generate a shareable clone link for this resource',
       archive: 'Archive',
@@ -122,6 +123,7 @@ const renderWithEventBus = (component: React.ReactElement, tracker?: ReturnType<
 
 describe('ResourceInfoPanel Component', () => {
   const defaultProps = {
+    resourceId: 'test-resource-id',
     documentEntityTypes: [],
     documentLocale: undefined,
     primaryMediaType: undefined,
@@ -194,6 +196,28 @@ describe('ResourceInfoPanel Component', () => {
       expect(screen.getByText('1,024 bytes')).toBeInTheDocument();
     });
 
+    it('should render storageUri when provided', () => {
+      renderWithEventBus(
+        <ResourceInfoPanel
+          {...defaultProps}
+          primaryMediaType="text/markdown"
+          storageUri="file://docs/overview.md"
+        />
+      );
+      expect(screen.getByText('Storage')).toBeInTheDocument();
+      expect(screen.getByText('file://docs/overview.md')).toBeInTheDocument();
+    });
+
+    it('should not render storageUri when absent', () => {
+      renderWithEventBus(
+        <ResourceInfoPanel
+          {...defaultProps}
+          primaryMediaType="text/markdown"
+        />
+      );
+      expect(screen.queryByText('Storage')).not.toBeInTheDocument();
+    });
+
     it('should not render representation section when neither media type nor byte size provided', () => {
       renderWithEventBus(
         <ResourceInfoPanel

package/src/features/resource-compose/components/ResourceComposePage.tsx

@@ -339,7 +339,9 @@ export function ResourceComposePage({
 
         {/* Create Form */}
         <div className="semiont-form">
-        <form onSubmit={handleSaveResource} className="semiont-form__fields">
+        <form onSubmit={handleSaveResource} className="semiont-form__fields semiont-compose-grid">
+          {/* Left column: metadata */}
+          <div className="semiont-compose-grid__meta">
           {/* Name */}
           <div className="semiont-form__field">
             <label htmlFor="docName" className="semiont-form__label">
@@ -468,6 +470,11 @@ export function ResourceComposePage({
             </select>
           </div>
 
+          </div>{/* end semiont-compose-grid__meta */}
+
+          {/* Right column: content */}
+          <div className="semiont-compose-grid__content">
+
           {/* Content Source Toggle - only show for new resources */}
           {!isClone && !isReferenceCompletion && (
             <div className="semiont-form__field">
@@ -657,6 +664,8 @@ export function ResourceComposePage({
             </div>
           )}
 
+          </div>{/* end semiont-compose-grid__content */}
+
           {/* Action Buttons */}
           <div className="semiont-form__actions">
             <button

package/src/features/resource-viewer/__tests__/AnnotationCreationPending.test.tsx

@@ -248,7 +248,7 @@ describe('Annotation creation clears pendingAnnotation', () => {
     const createdListener = vi.fn();
     // Set listener after first render so eventBus is captured
     await waitFor(() => expect(getEventBus()).toBeDefined());
-    const subscription = getEventBus().get('mark:created').subscribe(createdListener);
+    const subscription = getEventBus().get('mark:create-ok').subscribe(createdListener);
 
     act(() => {
       emit('mark:requested', { selector: TEXT_SELECTOR, motivation: 'linking' });

package/src/features/resource-viewer/__tests__/AnnotationDeletionIntegration.test.tsx

@@ -27,6 +27,7 @@ import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
 import { render, waitFor } from '@testing-library/react';
 import { act } from 'react';
 import { useMarkFlow } from '../../../hooks/useMarkFlow';
+import { useStoreTokenSync } from '../../../hooks/useStoreTokenSync';
 import { EventBusProvider, useEventBus } from '../../../contexts/EventBusContext';
 
 // Mock Toast module to prevent "useToast must be used within a ToastProvider" errors
@@ -69,8 +70,7 @@ describe('Annotation Deletion - Feature Integration', () => {
 
     function TestComponent() {
       eventBusInstance = useEventBus();
-      // useMarkFlow is the single registration point for useBindFlow
-      // (handles mark:delete mark:create annotate:detect-request, etc.)
+      useStoreTokenSync(); // Syncs auth token to namespace getToken
       useMarkFlow(testId);
       return null;
     }
@@ -138,7 +138,7 @@ describe('Annotation Deletion - Feature Integration', () => {
     const deletedListener = vi.fn();
 
     // Subscribe to success event
-    eventBus.get('mark:deleted').subscribe(deletedListener);
+    eventBus.get('mark:delete-ok').subscribe(deletedListener);
 
     emitDelete('annotation-789');
 
@@ -175,7 +175,7 @@ describe('Annotation Deletion - Feature Integration', () => {
     // Verify failure event was emitted
     await waitFor(() => {
       expect(failedListener).toHaveBeenCalledWith({
-        error: expect.any(Error),
+        message: expect.any(String),
       });
     });
   });

package/src/features/resource-viewer/__tests__/AnnotationProgressDismissal.test.tsx

@@ -25,7 +25,7 @@ import { useMarkFlow } from '../../../hooks/useMarkFlow';
 import { EventBusProvider, useEventBus } from '../../../contexts/EventBusContext';
 import { ApiClientProvider } from '../../../contexts/ApiClientContext';
 import { AuthTokenProvider } from '../../../contexts/AuthTokenContext';
-import { SSEClient } from '@semiont/api-client';
+import { SemiontApiClient } from '@semiont/api-client';
 import { resourceId } from '@semiont/core';
 
 // Mock Toast module to prevent "useToast must be used within a ToastProvider" errors
@@ -39,20 +39,15 @@ vi.mock('../../../components/Toast', () => ({
 }));
 
 describe('Detection Progress Dismissal Bug', () => {
-  let mockStream: any;
   const rUri = resourceId('test');
 
   beforeEach(() => {
     vi.clearAllMocks();
 
-    mockStream = {
-      close: vi.fn(),
-    };
-
-    vi.spyOn(SSEClient.prototype, 'markReferences').mockReturnValue(mockStream);
-    vi.spyOn(SSEClient.prototype, 'markHighlights').mockReturnValue(mockStream);
-    vi.spyOn(SSEClient.prototype, 'markComments').mockReturnValue(mockStream);
-    vi.spyOn(SSEClient.prototype, 'markAssessments').mockReturnValue(mockStream);
+    vi.spyOn(SemiontApiClient.prototype, 'annotateReferences').mockResolvedValue({ correlationId: 'c1', jobId: 'j1' });
+    vi.spyOn(SemiontApiClient.prototype, 'annotateHighlights').mockResolvedValue({ correlationId: 'c1', jobId: 'j1' });
+    vi.spyOn(SemiontApiClient.prototype, 'annotateComments').mockResolvedValue({ correlationId: 'c1', jobId: 'j1' });
+    vi.spyOn(SemiontApiClient.prototype, 'annotateAssessments').mockResolvedValue({ correlationId: 'c1', jobId: 'j1' });
   });
 
   afterEach(() => {

package/src/features/resource-viewer/__tests__/BindFlowIntegration.test.tsx

@@ -2,14 +2,14 @@
  * Layer 3: Feature Integration Test - Bind Flow (body update)
  *
  * Tests the write side of useBindFlow:
- * - bind:update-body → calls bindAnnotation API
- * - bind:update-body → emits bind:body-updated on success
+ * - bind:update-body → calls http.bindAnnotation API (plain POST)
  * - bind:update-body → emits bind:body-update-failed on error
  * - auth token passed to bindAnnotation
  *
- * The wizard modal (ReferenceWizardModal) handles modal state, context
- * gathering, search configuration, and result display. This test covers
- * only the downstream API calls after the wizard emits bind:update-body.
+ * After the UNIFIED-STREAM migration, bind is a plain POST returning
+ * {correlationId}. The state change arrives on the events-stream as
+ * mark:body-updated. These tests focus on the POST call, not the
+ * events-stream delivery (which is tested in AnnotationStore tests).
  *
  * Uses real providers (EventBus, ApiClient, AuthToken) with mocked API boundary.
  */
@@ -21,14 +21,15 @@ import { useBindFlow } from '../../../hooks/useBindFlow';
 import { EventBusProvider, useEventBus } from '../../../contexts/EventBusContext';
 import { ApiClientProvider } from '../../../contexts/ApiClientContext';
 import { AuthTokenProvider } from '../../../contexts/AuthTokenContext';
-import { SSEClient } from '@semiont/api-client';
-import { resourceId, accessToken, annotationId } from '@semiont/core';
+import { SemiontApiClient } from '@semiont/api-client';
+import { resourceId, annotationId } from '@semiont/core';
+
+const mockShowError = vi.fn();
 
-// Mock Toast module to prevent "useToast must be used within a ToastProvider" errors
 vi.mock('../../../components/Toast', () => ({
   useToast: () => ({
     showSuccess: vi.fn(),
-    showError: vi.fn(),
+    showError: mockShowError,
     showInfo: vi.fn(),
     showWarning: vi.fn(),
   }),
@@ -43,11 +44,9 @@ describe('Bind Flow - Body Update Integration', () => {
   beforeEach(() => {
     vi.clearAllMocks();
 
-    bindAnnotationSpy = vi.fn().mockImplementation((_rId: any, annId: any, _req: any, opts: any) => {
-      queueMicrotask(() => opts.eventBus.get('bind:finished').next({ annotationId: annId }));
-      return { close: vi.fn() };
-    });
-    vi.spyOn(SSEClient.prototype, 'bindAnnotation').mockImplementation(bindAnnotationSpy as any);
+    // Mock the HTTP bindAnnotation method (plain POST, returns {correlationId})
+    bindAnnotationSpy = vi.fn().mockResolvedValue({ correlationId: 'corr-test' });
+    vi.spyOn(SemiontApiClient.prototype, 'bindAnnotation').mockImplementation(bindAnnotationSpy as any);
   });
 
   afterEach(() => {
@@ -82,10 +81,11 @@ describe('Bind Flow - Body Update Integration', () => {
 
   // ─── bind:update-body ──────────────────────────────────────────────────
 
-  it('bind:update-body calls bindAnnotation API', async () => {
+  it('bind:update-body calls http.bindAnnotation (plain POST)', async () => {
     const { getEventBus } = renderBindFlow();
 
     act(() => { getEventBus().get('bind:update-body').next({
+      correlationId: 'corr-1',
       annotationId: annotationId('ann-body-1'),
       resourceId: resourceId('linked-resource-id'),
       operations: [{ op: 'add', item: { type: 'SpecificResource' as const, source: 'linked-resource-id' } }],
@@ -100,6 +100,7 @@ describe('Bind Flow - Body Update Integration', () => {
     const { getEventBus } = renderBindFlow();
 
     act(() => { getEventBus().get('bind:update-body').next({
+      correlationId: 'corr-2',
       annotationId: annotationId('ann-auth'),
       resourceId: resourceId('resource-id'),
       operations: [{ op: 'replace', newItem: { type: 'SpecificResource' as const, source: 'resource-id' } }],
@@ -111,57 +112,24 @@ describe('Bind Flow - Body Update Integration', () => {
 
     const callArgs = bindAnnotationSpy.mock.calls[0];
     expect(callArgs[3]).toHaveProperty('auth');
-    expect(callArgs[3].auth).toBe(accessToken(testToken));
-  });
-
-  it('bind:update-body emits bind:body-updated on success', async () => {
-    const { getEventBus } = renderBindFlow();
-    const bodyUpdatedSpy = vi.fn();
-
-    const subscription = getEventBus().get('bind:body-updated').subscribe(bodyUpdatedSpy);
-
-    act(() => { getEventBus().get('bind:update-body').next({
-      annotationId: annotationId('ann-success'),
-      resourceId: resourceId('resource-id'),
-      operations: [{ op: 'add', item: { type: 'SpecificResource' as const, source: 'resource-id' } }],
-    }); });
-
-    await waitFor(() => {
-      expect(bodyUpdatedSpy).toHaveBeenCalledTimes(1);
-    });
-
-    subscription.unsubscribe();
-
-    expect(bodyUpdatedSpy).toHaveBeenCalledWith({
-      annotationId: annotationId('ann-success'),
-    });
   });
 
-  it('bind:update-body emits bind:body-update-failed on API error', async () => {
-    bindAnnotationSpy.mockImplementation((_rId: any, _annId: any, _req: any, opts: any) => {
-      queueMicrotask(() => opts.eventBus.get('bind:failed').next({ error: new Error('Update failed') }));
-      return { close: vi.fn() };
-    });
+  it('bind:update-body shows error toast on API error', async () => {
+    bindAnnotationSpy.mockRejectedValueOnce(new Error('Update failed'));
 
     const { getEventBus } = renderBindFlow();
-    const bodyUpdateFailedSpy = vi.fn();
-
-    const subscription = getEventBus().get('bind:body-update-failed').subscribe(bodyUpdateFailedSpy);
 
     act(() => { getEventBus().get('bind:update-body').next({
+      correlationId: 'corr-3',
       annotationId: annotationId('ann-fail'),
       resourceId: resourceId('resource-id'),
       operations: [{ op: 'remove', item: { type: 'SpecificResource' as const, source: 'old-id' } }],
     }); });
 
     await waitFor(() => {
-      expect(bodyUpdateFailedSpy).toHaveBeenCalledTimes(1);
-    });
-
-    subscription.unsubscribe();
-
-    expect(bodyUpdateFailedSpy).toHaveBeenCalledWith({
-      error: expect.any(Error),
+      expect(mockShowError).toHaveBeenCalledWith(
+        expect.stringContaining('Update failed'),
+      );
     });
   });
 
@@ -169,6 +137,7 @@ describe('Bind Flow - Body Update Integration', () => {
     const { getEventBus } = renderBindFlow();
 
     act(() => { getEventBus().get('bind:update-body').next({
+      correlationId: 'corr-4',
       annotationId: annotationId('ann-dedup'),
       resourceId: resourceId('resource-id'),
       operations: [{ op: 'add', item: { type: 'SpecificResource' as const, source: 'resource-id' } }],

package/src/features/resource-viewer/__tests__/DetectionFlowBug.test.tsx

@@ -17,7 +17,7 @@ import { useMarkFlow } from '../../../hooks/useMarkFlow';
 import { EventBusProvider, useEventBus } from '../../../contexts/EventBusContext';
 import { ApiClientProvider } from '../../../contexts/ApiClientContext';
 import { AuthTokenProvider } from '../../../contexts/AuthTokenContext';
-import { SSEClient } from '@semiont/api-client';
+import { SemiontApiClient } from '@semiont/api-client';
 
 // Mock Toast module to prevent "useToast must be used within a ToastProvider" errors
 vi.mock('../../../components/Toast', () => ({
@@ -33,11 +33,11 @@ describe('REPRODUCING BUG: Detection state not updating', () => {
   beforeEach(() => {
     vi.clearAllMocks();
 
-    // Minimal mock - SSE streams not needed for this test
-    vi.spyOn(SSEClient.prototype, 'markReferences').mockReturnValue({ onProgress: vi.fn().mockReturnThis(), onComplete: vi.fn().mockReturnThis(), onError: vi.fn().mockReturnThis(), close: vi.fn() } as any);
-    vi.spyOn(SSEClient.prototype, 'markHighlights').mockReturnValue({ onProgress: vi.fn().mockReturnThis(), onComplete: vi.fn().mockReturnThis(), onError: vi.fn().mockReturnThis(), close: vi.fn() } as any);
-    vi.spyOn(SSEClient.prototype, 'markComments').mockReturnValue({ onProgress: vi.fn().mockReturnThis(), onComplete: vi.fn().mockReturnThis(), onError: vi.fn().mockReturnThis(), close: vi.fn() } as any);
-    vi.spyOn(SSEClient.prototype, 'markAssessments').mockReturnValue({ onProgress: vi.fn().mockReturnThis(), onComplete: vi.fn().mockReturnThis(), onError: vi.fn().mockReturnThis(), close: vi.fn() } as any);
+    // Minimal mock — namespace methods call these HTTP methods internally
+    vi.spyOn(SemiontApiClient.prototype, 'annotateReferences').mockResolvedValue({ correlationId: 'c1', jobId: 'j1' });
+    vi.spyOn(SemiontApiClient.prototype, 'annotateHighlights').mockResolvedValue({ correlationId: 'c1', jobId: 'j1' });
+    vi.spyOn(SemiontApiClient.prototype, 'annotateComments').mockResolvedValue({ correlationId: 'c1', jobId: 'j1' });
+    vi.spyOn(SemiontApiClient.prototype, 'annotateAssessments').mockResolvedValue({ correlationId: 'c1', jobId: 'j1' });
   });
 
   afterEach(() => {

package/src/features/resource-viewer/__tests__/DetectionFlowIntegration.test.tsx

@@ -29,7 +29,7 @@ import { useMarkFlow } from '../../../hooks/useMarkFlow';
 import { EventBusProvider, useEventBus } from '../../../contexts/EventBusContext';
 import { ApiClientProvider } from '../../../contexts/ApiClientContext';
 import { AuthTokenProvider } from '../../../contexts/AuthTokenContext';
-import { SSEClient } from '@semiont/api-client';
+import { SemiontApiClient } from '@semiont/api-client';
 import type { Motivation } from '@semiont/core';
 import { resourceId } from '@semiont/core';
 import type { Emitter } from 'mitt';
@@ -45,15 +45,7 @@ vi.mock('../../../components/Toast', () => ({
 }));
 import type { EventMap } from '@semiont/core';
 
-// Mock SSE stream - SSE now emits directly to EventBus, no callbacks
-const createMockSSEStream = () => {
-  return {
-    close: vi.fn(),
-  };
-};
-
 describe('Detection Flow - Feature Integration', () => {
-  let mockStream: ReturnType<typeof createMockSSEStream>;
   let markReferencesSpy: any;
   let markHighlightsSpy: any;
   let detectCommentsSpy: any;
@@ -61,14 +53,11 @@ describe('Detection Flow - Feature Integration', () => {
   beforeEach(() => {
     vi.clearAllMocks();
 
-    // Create fresh mock stream for each test
-    mockStream = createMockSSEStream();
-
-    // Spy on SSEClient prototype methods
-    markReferencesSpy = vi.spyOn(SSEClient.prototype, 'markReferences').mockReturnValue(mockStream as any);
-    markHighlightsSpy = vi.spyOn(SSEClient.prototype, 'markHighlights').mockReturnValue(mockStream as any);
-    detectCommentsSpy = vi.spyOn(SSEClient.prototype, 'markComments').mockReturnValue(mockStream as any);
-    vi.spyOn(SSEClient.prototype, 'markAssessments').mockReturnValue(mockStream as any);
+    // Spy on SemiontApiClient prototype HTTP methods (namespace methods call these)
+    markReferencesSpy = vi.spyOn(SemiontApiClient.prototype, 'annotateReferences').mockResolvedValue({ correlationId: 'c1', jobId: 'j1' });
+    markHighlightsSpy = vi.spyOn(SemiontApiClient.prototype, 'annotateHighlights').mockResolvedValue({ correlationId: 'c1', jobId: 'j1' });
+    detectCommentsSpy = vi.spyOn(SemiontApiClient.prototype, 'annotateComments').mockResolvedValue({ correlationId: 'c1', jobId: 'j1' });
+    vi.spyOn(SemiontApiClient.prototype, 'annotateAssessments').mockResolvedValue({ correlationId: 'c1', jobId: 'j1' });
   });
 
   afterEach(() => {
@@ -298,8 +287,7 @@ describe('Detection Flow - Feature Integration', () => {
 
     // Reset for next test
     vi.clearAllMocks();
-    mockStream = createMockSSEStream();
-    detectCommentsSpy.mockReturnValue(mockStream);
+    detectCommentsSpy.mockResolvedValue({ correlationId: 'c2', jobId: 'j2' });
 
     // Test commenting
     act(() => {

package/src/features/resource-viewer/__tests__/ToastNotifications.test.tsx

@@ -158,7 +158,7 @@ describe('Toast Notifications - Verifies Toast Integration', () => {
       // Emit generation failed event
       act(() => {
         eventBusInstance.get('yield:failed').next({
-          error: new Error('Failed to generate document'),
+          error: 'Failed to generate document',
         });
       });