@semiont/react-ui 0.2.35-build.98 → 0.2.35

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

@@ -110,9 +110,9 @@ function createEventTracker() {
       };
 
       const annotationEvents = [
-        'attend:hover',
-        'attend:click',
-        'attend:focus',
+        'beckon:hover',
+        'browse:click',
+        'beckon:focus',
       ] as const;
 
       annotationEvents.forEach(eventName => {
@@ -274,7 +274,7 @@ describe('BrowseView Component', () => {
       // (actual handler testing requires DOM interaction)
     });
 
-    it('should emit attend:hover when mouse enters annotation', async () => {
+    it('should emit beckon:hover when mouse enters annotation', async () => {
       const tracker = createEventTracker();
       const annotations = {
         ...defaultProps.annotations,
@@ -303,12 +303,12 @@ describe('BrowseView Component', () => {
 
       await waitFor(() => {
         expect(tracker.events.some(e =>
-          e.event === 'attend:hover' && e.payload?.annotationId === 'ref-1'
+          e.event === 'beckon:hover' && e.payload?.annotationId === 'ref-1'
         )).toBe(true);
       });
     });
 
-    it('should emit attend:hover with null when mouse exits after dwell', async () => {
+    it('should emit beckon:hover with null when mouse exits after dwell', async () => {
       vi.useFakeTimers();
       const tracker = createEventTracker();
       const annotations = {
@@ -336,7 +336,7 @@ describe('BrowseView Component', () => {
       fireEvent.mouseOut(browseContainer!, { target: mockTarget });
 
       expect(tracker.events.some(e =>
-        e.event === 'attend:hover' && e.payload?.annotationId === null
+        e.event === 'beckon:hover' && e.payload?.annotationId === null
       )).toBe(true);
 
       vi.useRealTimers();
@@ -395,7 +395,7 @@ describe('BrowseView Component', () => {
 
       await waitFor(() => {
         expect(tracker.events.some(e =>
-          e.event === 'attend:hover' && e.payload?.annotationId === 'ref-1'
+          e.event === 'beckon:hover' && e.payload?.annotationId === 'ref-1'
         )).toBe(true);
       });
 
@@ -406,7 +406,7 @@ describe('BrowseView Component', () => {
 
       await waitFor(() => {
         expect(tracker.events.some(e =>
-          e.event === 'attend:hover' && e.payload?.annotationId === null
+          e.event === 'beckon:hover' && e.payload?.annotationId === null
         )).toBe(true);
       });
 
@@ -417,12 +417,12 @@ describe('BrowseView Component', () => {
 
       await waitFor(() => {
         expect(tracker.events.some(e =>
-          e.event === 'attend:hover' && e.payload?.annotationId === 'ref-2'
+          e.event === 'beckon:hover' && e.payload?.annotationId === 'ref-2'
         )).toBe(true);
       });
     });
 
-    it('should emit attend:click only for reference annotations', async () => {
+    it('should emit browse:click only for reference annotations', async () => {
       const tracker = createEventTracker();
       const annotations = {
         ...defaultProps.annotations,
@@ -455,7 +455,7 @@ describe('BrowseView Component', () => {
 
       await waitFor(() => {
         expect(tracker.events.some(e =>
-          e.event === 'attend:click' &&
+          e.event === 'browse:click' &&
           e.payload?.annotationId === 'ref-1' &&
           e.payload?.motivation === 'linking'
         )).toBe(true);
@@ -467,31 +467,31 @@ describe('BrowseView Component', () => {
       fireEvent.click(browseContainer!, { target: mockHighlightTarget });
 
       await new Promise(resolve => setTimeout(resolve, 50));
-      expect(tracker.events.filter(e => e.event === 'attend:click').length).toBe(0);
+      expect(tracker.events.filter(e => e.event === 'browse:click').length).toBe(0);
     });
   });
 
   describe('Event Subscriptions', () => {
-    it('should subscribe to attend:hover event', () => {
+    it('should subscribe to beckon:hover event', () => {
       const tracker = createEventTracker();
       renderWithEventTracking(<BrowseView {...defaultProps} />, tracker);
 
-      expect(tracker.subscriptions.has('attend:hover')).toBe(true);
+      expect(tracker.subscriptions.has('beckon:hover')).toBe(true);
     });
 
-    it('should subscribe to attend:hover event (legacy test)', () => {
+    it('should subscribe to beckon:hover event (legacy test)', () => {
       const tracker = createEventTracker();
       renderWithEventTracking(<BrowseView {...defaultProps} />, tracker);
 
-      // BrowseView subscribes to attend:hover (not annotation-entry:hover)
-      expect(tracker.subscriptions.has('attend:hover')).toBe(true);
+      // BrowseView subscribes to beckon:hover (not annotation-entry:hover)
+      expect(tracker.subscriptions.has('beckon:hover')).toBe(true);
     });
 
-    it('should subscribe to attend:focus event', () => {
+    it('should subscribe to beckon:focus event', () => {
       const tracker = createEventTracker();
       renderWithEventTracking(<BrowseView {...defaultProps} />, tracker);
 
-      expect(tracker.subscriptions.has('attend:focus')).toBe(true);
+      expect(tracker.subscriptions.has('beckon:focus')).toBe(true);
     });
   });
 
@@ -525,15 +525,15 @@ describe('BrowseView Component', () => {
         React.useEffect(() => {
           // Subscribe to events like a real component would
           const handleHover = (payload: any) => {
-            eventTracker.push({ event: 'attend:hover', annotationId: payload?.annotationId ?? null });
+            eventTracker.push({ event: 'beckon:hover', annotationId: payload?.annotationId ?? null });
           };
 
           const handleClick = (payload: any) => {
-            eventTracker.push({ event: 'attend:click', annotationId: payload?.annotationId ?? null });
+            eventTracker.push({ event: 'browse:click', annotationId: payload?.annotationId ?? null });
           };
 
-          const subscription1 = eventBus.get('attend:hover').subscribe(handleHover);
-          const subscription2 = eventBus.get('attend:click').subscribe(handleClick);
+          const subscription1 = eventBus.get('beckon:hover').subscribe(handleHover);
+          const subscription2 = eventBus.get('browse:click').subscribe(handleClick);
 
           return () => {
             subscription1.unsubscribe();
@@ -583,12 +583,12 @@ describe('BrowseView Component', () => {
       // Verify event delegation works by simulating interactions
       fireEvent.mouseOver(browseContainer!, { target: mockRefTarget });
       await waitFor(() => {
-        expect(eventTracker.some(e => e.event === 'attend:hover' && e.annotationId === 'ref-1')).toBe(true);
+        expect(eventTracker.some(e => e.event === 'beckon:hover' && e.annotationId === 'ref-1')).toBe(true);
       });
 
       fireEvent.click(browseContainer!, { target: mockRefTarget });
       await waitFor(() => {
-        expect(eventTracker.some(e => e.event === 'attend:click' && e.annotationId === 'ref-1')).toBe(true);
+        expect(eventTracker.some(e => e.event === 'browse:click' && e.annotationId === 'ref-1')).toBe(true);
       });
 
       // Verify highlight doesn't trigger click events
@@ -597,7 +597,7 @@ describe('BrowseView Component', () => {
 
       // Should not have any click events for highlights
       await new Promise(resolve => setTimeout(resolve, 50));
-      expect(eventTracker.some(e => e.event === 'attend:click')).toBe(false);
+      expect(eventTracker.some(e => e.event === 'browse:click')).toBe(false);
 
       // The key insight: With event delegation, we can handle 100 annotations
       // with only container-level listeners, not 100+ individual listeners

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

@@ -25,7 +25,7 @@ import type { components } from '@semiont/core';
 type SemiontResource = components['schemas']['ResourceDescriptor'];
 
 // Mock dependencies
-vi.mock('../../../hooks/useObservableNavigation', () => ({
+vi.mock('../../../hooks/useObservableBrowse', () => ({
   useObservableExternalNavigation: () => vi.fn(),
 }));
 

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

@@ -4,7 +4,7 @@ import { forwardRef } from 'react';
 import type { components } from '@semiont/core';
 import { getAnnotationExactText } from '@semiont/api-client';
 import { useEventBus } from '../../../contexts/EventBusContext';
-import { useHoverEmitter } from '../../../hooks/useAttentionFlow';
+import { useHoverEmitter } from '../../../hooks/useBeckonFlow';
 
 type Annotation = components['schemas']['Annotation'];
 
@@ -89,7 +89,7 @@ export const AssessmentEntry = forwardRef<HTMLDivElement, AssessmentEntryProps>(
       data-type="assessment"
       data-focused={isFocused ? 'true' : 'false'}
       onClick={() => {
-        eventBus.get('attend:click').next({ annotationId: assessment.id, motivation: assessment.motivation });
+        eventBus.get('browse:click').next({ annotationId: assessment.id, motivation: assessment.motivation });
       }}
       {...hoverProps}
     >

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

@@ -55,9 +55,9 @@ interface AssessmentPanelProps {
 /**
  * Panel for managing assessment annotations with text input
  *
- * @emits annotate:create - Create new assessment annotation. Payload: { motivation: 'assessing', selector: Selector | Selector[], body: Body[] }
- * @emits annotate:cancel-pending - Cancel pending assessment annotation. Payload: undefined
- * @subscribes attend:click - Annotation clicked. Payload: { annotationId: string }
+ * @emits mark:create - Create new assessment annotation. Payload: { motivation: 'assessing', selector: Selector | Selector[], body: Body[] }
+ * @emits mark:cancel-pending - Cancel pending assessment annotation. Payload: undefined
+ * @subscribes browse:click - Annotation clicked. Payload: { annotationId: string }
  */
 export function AssessmentPanel({
   annotations,
@@ -141,7 +141,7 @@ export function AssessmentPanel({
         ? [{ type: 'TextualBody' as const, value: newAssessmentText, purpose: 'assessing' as const }]
         : [];
 
-      eventBus.get('annotate:create').next({
+      eventBus.get('mark:create').next({
         motivation: 'assessing',
         selector: pendingAnnotation.selector,
         body,
@@ -156,7 +156,7 @@ export function AssessmentPanel({
 
     const handleEscape = (e: KeyboardEvent) => {
       if (e.key === 'Escape') {
-        eventBus.get('annotate:cancel-pending').next(undefined);
+        eventBus.get('mark:cancel-pending').next(undefined);
         setNewAssessmentText('');
       }
     };
@@ -173,7 +173,7 @@ export function AssessmentPanel({
 
   // Subscribe to click events - update focused state
   useEventSubscriptions({
-    'attend:click': handleAnnotationClick,
+    'browse:click': handleAnnotationClick,
   });
 
   return (
@@ -209,7 +209,7 @@ export function AssessmentPanel({
             <div className="semiont-annotation-prompt__actions">
               <button
                 onClick={() => {
-                  eventBus.get('annotate:cancel-pending').next(undefined);
+                  eventBus.get('mark:cancel-pending').next(undefined);
                   setNewAssessmentText('');
                 }}
                 className="semiont-button semiont-button--secondary"

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

@@ -28,8 +28,8 @@ interface AssistSectionProps {
  * - Assist button with sparkle animation
  * - Progress display during annotation assist
  *
- * @emits annotate:assist-request - Start assist for annotation type. Payload: { motivation: Motivation, options: { instructions?: string, tone?: string, density?: number } }
- * @emits annotate:progress-dismiss - Dismiss the annotation progress display
+ * @emits mark:assist-request - Start assist for annotation type. Payload: { motivation: Motivation, options: { instructions?: string, tone?: string, density?: number } }
+ * @emits mark:progress-dismiss - Dismiss the annotation progress display
  */
 export function AssistSection({
   annotationType,
@@ -70,8 +70,8 @@ export function AssistSection({
       annotationType === 'assessment' ? 'assessing' :
       'commenting';
 
-    // Emit annotate:assist-request event with options
-    eventBus.get('annotate:assist-request').next({
+    // Emit mark:assist-request event with options
+    eventBus.get('mark:assist-request').next({
       motivation,
       options: {
         instructions: instructions.trim() || undefined,
@@ -86,7 +86,7 @@ export function AssistSection({
   }, [annotationType, instructions, tone, useDensity, density]); // eventBus is stable singleton - never in deps
 
   const handleDismissProgress = useCallback(() => {
-    eventBus.get('annotate:progress-dismiss').next(undefined);
+    eventBus.get('mark:progress-dismiss').next(undefined);
   }, []); // eventBus is stable singleton - never in deps
 
   return (

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

@@ -5,7 +5,7 @@ import { useTranslations } from '../../../contexts/TranslationContext';
 import type { components } from '@semiont/core';
 import { getAnnotationExactText, getCommentText } from '@semiont/api-client';
 import { useEventBus } from '../../../contexts/EventBusContext';
-import { useHoverEmitter } from '../../../hooks/useAttentionFlow';
+import { useHoverEmitter } from '../../../hooks/useBeckonFlow';
 
 type Annotation = components['schemas']['Annotation'];
 
@@ -88,7 +88,7 @@ export const CommentEntry = forwardRef<HTMLDivElement, CommentEntryProps>(
       data-type="comment"
       data-focused={isFocused ? 'true' : 'false'}
       onClick={() => {
-        eventBus.get('attend:click').next({ annotationId: comment.id, motivation: comment.motivation });
+        eventBus.get('browse:click').next({ annotationId: comment.id, motivation: comment.motivation });
       }}
       {...hoverProps}
     >

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

@@ -55,9 +55,9 @@ interface CommentsPanelProps {
 /**
  * Panel for managing comment annotations with text input
  *
- * @emits annotate:create - Create new comment annotation. Payload: { motivation: 'commenting', selector: Selector | Selector[], body: Body[] }
- * @emits annotate:cancel-pending - Cancel pending comment annotation. Payload: undefined
- * @subscribes attend:click - Annotation clicked. Payload: { annotationId: string }
+ * @emits mark:create - Create new comment annotation. Payload: { motivation: 'commenting', selector: Selector | Selector[], body: Body[] }
+ * @emits mark:cancel-pending - Cancel pending comment annotation. Payload: undefined
+ * @subscribes browse:click - Annotation clicked. Payload: { annotationId: string }
  */
 export function CommentsPanel({
   annotations,
@@ -162,12 +162,12 @@ export function CommentsPanel({
   }, []);
 
   useEventSubscriptions({
-    'attend:click': handleAnnotationClick,
+    'browse:click': handleAnnotationClick,
   });
 
   const handleSaveNewComment = () => {
     if (newCommentText.trim() && pendingAnnotation) {
-      eventBus.get('annotate:create').next({
+      eventBus.get('mark:create').next({
         motivation: 'commenting',
         selector: pendingAnnotation.selector,
         body: [{ type: 'TextualBody', value: newCommentText, purpose: 'commenting' }],
@@ -182,7 +182,7 @@ export function CommentsPanel({
 
     const handleEscape = (e: KeyboardEvent) => {
       if (e.key === 'Escape') {
-        eventBus.get('annotate:cancel-pending').next(undefined);
+        eventBus.get('mark:cancel-pending').next(undefined);
         setNewCommentText('');
       }
     };
@@ -224,7 +224,7 @@ export function CommentsPanel({
             <div className="semiont-annotation-prompt__actions">
               <button
                 onClick={() => {
-                  eventBus.get('annotate:cancel-pending').next(undefined);
+                  eventBus.get('mark:cancel-pending').next(undefined);
                   setNewCommentText('');
                 }}
                 className="semiont-button semiont-button--secondary"

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

@@ -4,7 +4,7 @@ import { forwardRef } from 'react';
 import type { components } from '@semiont/core';
 import { getAnnotationExactText } from '@semiont/api-client';
 import { useEventBus } from '../../../contexts/EventBusContext';
-import { useHoverEmitter } from '../../../hooks/useAttentionFlow';
+import { useHoverEmitter } from '../../../hooks/useBeckonFlow';
 
 type Annotation = components['schemas']['Annotation'];
 
@@ -52,7 +52,7 @@ export const HighlightEntry = forwardRef<HTMLDivElement, HighlightEntryProps>(
       data-type="highlight"
       data-focused={isFocused ? 'true' : 'false'}
       onClick={() => {
-        eventBus.get('attend:click').next({ annotationId: highlight.id, motivation: highlight.motivation });
+        eventBus.get('browse:click').next({ annotationId: highlight.id, motivation: highlight.motivation });
       }}
       {...hoverProps}
     >

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

@@ -38,8 +38,8 @@ interface HighlightPanelProps {
 /**
  * Panel for managing highlight annotations with auto-creation
  *
- * @emits annotate:create - Create new highlight annotation (auto-triggered). Payload: { motivation: 'highlighting', selector: Selector | Selector[], body: Body[] }
- * @subscribes attend:click - Annotation clicked. Payload: { annotationId: string }
+ * @emits mark:create - Create new highlight annotation (auto-triggered). Payload: { motivation: 'highlighting', selector: Selector | Selector[], body: Body[] }
+ * @subscribes browse:click - Annotation clicked. Payload: { annotationId: string }
  */
 export function HighlightPanel({
   annotations,
@@ -125,14 +125,14 @@ export function HighlightPanel({
   }, []);
 
   useEventSubscriptions({
-    'attend:click': handleAnnotationClick,
+    'browse:click': handleAnnotationClick,
   });
 
   // Highlights auto-create: when pendingAnnotation arrives with highlighting motivation,
-  // immediately emit annotate:create event
+  // immediately emit mark:create event
   useEffect(() => {
     if (pendingAnnotation && pendingAnnotation.motivation === 'highlighting') {
-      eventBus.get('annotate:create').next({
+      eventBus.get('mark:create').next({
         motivation: 'highlighting',
         selector: pendingAnnotation.selector,
         body: [],

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

@@ -8,8 +8,8 @@ import { getAnnotationExactText, isBodyResolved, getBodySource, getFragmentSelec
 import { getEntityTypes } from '@semiont/ontology';
 import { getResourceIcon } from '../../../lib/resource-utils';
 import { useEventBus } from '../../../contexts/EventBusContext';
-import { useObservableExternalNavigation } from '../../../hooks/useObservableNavigation';
-import { useHoverEmitter } from '../../../hooks/useAttentionFlow';
+import { useObservableExternalNavigation } from '../../../hooks/useObservableBrowse';
+import { useHoverEmitter } from '../../../hooks/useBeckonFlow';
 
 type Annotation = components['schemas']['Annotation'];
 
@@ -66,14 +66,14 @@ export const ReferenceEntry = forwardRef<HTMLDivElement, ReferenceEntryProps>(
     if (resolvedResourceUri) {
       const resourceId = resolvedResourceUri.split('/resources/')[1];
       if (resourceId) {
-        // Use observable navigation - emits 'navigation:external-navigate' event
+        // Use observable navigation - emits 'browse:external-navigate' event
         navigate(routes.resourceDetail(resourceId), { resourceId });
       }
     }
   };
 
   const handleComposeDocument = () => {
-    eventBus.get('resolve:create-manual').next({
+    eventBus.get('bind:create-manual').next({
       annotationUri: reference.id,
       title: selectedText,
       entityTypes,
@@ -86,7 +86,7 @@ export const ReferenceEntry = forwardRef<HTMLDivElement, ReferenceEntryProps>(
       ? reference.target.source
       : '';
     if (sourceUri) {
-      eventBus.get('resolve:update-body').next({
+      eventBus.get('bind:update-body').next({
         annotationUri: reference.id,
         resourceId: sourceUri.split('/resources/')[1] || '',
         operations: [{ op: 'remove' }], // Remove all body items
@@ -100,7 +100,7 @@ export const ReferenceEntry = forwardRef<HTMLDivElement, ReferenceEntryProps>(
       : '';
 
     // Emit request to open generation modal
-    eventBus.get('generate:modal-open').next({
+    eventBus.get('yield:modal-open').next({
       annotationUri: reference.id,
       resourceUri,
       defaultTitle: selectedText,
@@ -108,7 +108,7 @@ export const ReferenceEntry = forwardRef<HTMLDivElement, ReferenceEntryProps>(
   };
 
   const handleSearch = () => {
-    eventBus.get('resolve:link').next({
+    eventBus.get('bind:link').next({
       annotationUri: reference.id,
       searchTerm: selectedText,
     });
@@ -121,7 +121,7 @@ export const ReferenceEntry = forwardRef<HTMLDivElement, ReferenceEntryProps>(
       data-type="reference"
       data-focused={isFocused ? 'true' : 'false'}
       onClick={() => {
-        eventBus.get('attend:click').next({ annotationId: reference.id, motivation: reference.motivation });
+        eventBus.get('browse:click').next({ annotationId: reference.id, motivation: reference.motivation });
       }}
       {...hoverProps}
     >

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

@@ -11,7 +11,7 @@ import type { components, paths, Selector } from '@semiont/core';
 import { getTextPositionSelector, getTargetSelector } from '@semiont/api-client';
 import { PanelHeader } from './PanelHeader';
 import './ReferencesPanel.css';
-import type { AnnotationProgress } from '@semiont/core';
+import type { MarkProgress } from '@semiont/core';
 
 type Annotation = components['schemas']['Annotation'];
 type Motivation = components['schemas']['Motivation'];
@@ -45,7 +45,7 @@ interface Props {
   // Generic panel props
   annotations?: Annotation[];
   isAssisting: boolean;
-  progress: AnnotationProgress | null;
+  progress: MarkProgress | null;
   annotateMode?: boolean;
   Link: React.ComponentType<LinkComponentProps>;
   routes: RouteBuilder;
@@ -65,9 +65,9 @@ interface Props {
  * Panel for managing reference annotations with entity type annotation
  *
  * @emits annotate:detect-request - Start reference annotation. Payload: { motivation: 'linking', options: { entityTypes: string[], includeDescriptiveReferences: boolean } }
- * @emits annotate:create - Create new reference annotation. Payload: { motivation: 'linking', selector: Selector | Selector[], body: Body[] }
- * @emits annotate:cancel-pending - Cancel pending reference annotation. Payload: undefined
- * @subscribes attend:click - Annotation clicked. Payload: { annotationId: string }
+ * @emits mark:create - Create new reference annotation. Payload: { motivation: 'linking', selector: Selector | Selector[], body: Body[] }
+ * @emits mark:cancel-pending - Cancel pending reference annotation. Payload: undefined
+ * @subscribes browse:click - Annotation clicked. Payload: { annotationId: string }
  */
 export function ReferencesPanel({
   annotations = [],
@@ -196,13 +196,13 @@ export function ReferencesPanel({
   }, []);
 
   useEventSubscriptions({
-    'attend:click': handleAnnotationClick,
+    'browse:click': handleAnnotationClick,
   });
 
   // Clear log when starting new annotation
   const handleAssist = () => {
     setLastDetectionLog(null);
-    eventBus.get('annotate:assist-request').next({
+    eventBus.get('mark:assist-request').next({
       motivation: 'linking',
       options: {
         entityTypes: selectedEntityTypes,
@@ -245,7 +245,7 @@ export function ReferencesPanel({
   const handleCreateReference = () => {
     if (pendingAnnotation) {
       const entityType = pendingEntityTypes.join(',') || undefined;
-      eventBus.get('annotate:create').next({
+      eventBus.get('mark:create').next({
         motivation: 'linking',
         selector: pendingAnnotation.selector,
         body: entityType ? [{ type: 'TextualBody', value: entityType, purpose: 'tagging' }] : [],
@@ -260,7 +260,7 @@ export function ReferencesPanel({
 
     const handleEscape = (e: KeyboardEvent) => {
       if (e.key === 'Escape') {
-        eventBus.get('annotate:cancel-pending').next(undefined);
+        eventBus.get('mark:cancel-pending').next(undefined);
         setPendingEntityTypes([]);
       }
     };
@@ -312,7 +312,7 @@ export function ReferencesPanel({
             <div className="semiont-annotation-prompt__actions">
               <button
                 onClick={() => {
-                  eventBus.get('annotate:cancel-pending').next(undefined);
+                  eventBus.get('mark:cancel-pending').next(undefined);
                   setPendingEntityTypes([]);
                 }}
                 className="semiont-button semiont-button--secondary"

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

@@ -16,9 +16,9 @@ interface Props {
 /**
  * Panel for displaying resource metadata and management actions
  *
- * @emits generate:clone - Clone this resource. Payload: undefined
- * @emits resource:unarchive - Unarchive this resource. Payload: undefined
- * @emits resource:archive - Archive this resource. Payload: undefined
+ * @emits yield:clone - Clone this resource. Payload: undefined
+ * @emits mark:unarchive - Unarchive this resource. Payload: undefined
+ * @emits mark:archive - Archive this resource. Payload: undefined
  */
 export function ResourceInfoPanel({
   documentEntityTypes,
@@ -97,7 +97,7 @@ export function ResourceInfoPanel({
       {/* Clone Action */}
       <div className="semiont-resource-info-panel__action-section">
         <button
-          onClick={() => eventBus.get('generate:clone').next(undefined)}
+          onClick={() => eventBus.get('yield:clone').next(undefined)}
           className="semiont-resource-button semiont-resource-button--secondary"
         >
           🔗 {t('clone')}
@@ -112,7 +112,7 @@ export function ResourceInfoPanel({
         {isArchived ? (
           <>
             <button
-              onClick={() => eventBus.get('resource:unarchive').next(undefined)}
+              onClick={() => eventBus.get('mark:unarchive').next(undefined)}
               className="semiont-resource-button semiont-resource-button--secondary"
             >
               📤 {t('unarchive')}
@@ -124,7 +124,7 @@ export function ResourceInfoPanel({
         ) : (
           <>
             <button
-              onClick={() => eventBus.get('resource:archive').next(undefined)}
+              onClick={() => eventBus.get('mark:archive').next(undefined)}
               className="semiont-resource-button semiont-resource-button--archive"
             >
               📦 {t('archive')}

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

@@ -6,7 +6,7 @@ import { getAnnotationExactText } from '@semiont/api-client';
 import { getTagCategory, getTagSchemaId } from '@semiont/ontology';
 import { getTagSchema } from '../../../lib/tag-schemas';
 import { useEventBus } from '../../../contexts/EventBusContext';
-import { useHoverEmitter } from '../../../hooks/useAttentionFlow';
+import { useHoverEmitter } from '../../../hooks/useBeckonFlow';
 
 type Annotation = components['schemas']['Annotation'];
 
@@ -37,7 +37,7 @@ export const TagEntry = forwardRef<HTMLDivElement, TagEntryProps>(
     <div
       ref={ref}
       onClick={() => {
-        eventBus.get('attend:click').next({ annotationId: tag.id, motivation: tag.motivation });
+        eventBus.get('browse:click').next({ annotationId: tag.id, motivation: tag.motivation });
       }}
       {...hoverProps}
       className={`semiont-annotation-entry${isHovered ? ' semiont-annotation-pulse' : ''}`}

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

@@ -60,9 +60,9 @@ interface TaggingPanelProps {
  * Panel for managing tag annotations with schema-based annotation
  *
  * @emits annotate:detect-request - Start tag annotation. Payload: { motivation: 'tagging', options: { schemaId: string, categories: string[] } }
- * @emits annotate:cancel-pending - Cancel pending tag annotation. Payload: undefined
- * @emits annotate:create - Create new tag annotation. Payload: { motivation: 'tagging', selector: Selector | Selector[], body: Body[] }
- * @subscribes attend:click - Annotation clicked. Payload: { annotationId: string }
+ * @emits mark:cancel-pending - Cancel pending tag annotation. Payload: undefined
+ * @emits mark:create - Create new tag annotation. Payload: { motivation: 'tagging', selector: Selector | Selector[], body: Body[] }
+ * @subscribes browse:click - Annotation clicked. Payload: { annotationId: string }
  */
 export function TaggingPanel({
   annotations,
@@ -102,7 +102,7 @@ export function TaggingPanel({
   }, []);
 
   useEventSubscriptions({
-    'attend:click': handleAnnotationClick,
+    'browse:click': handleAnnotationClick,
   });
 
   // Direct ref management
@@ -195,7 +195,7 @@ export function TaggingPanel({
 
   const handleAssist = () => {
     if (selectedCategories.size > 0) {
-      eventBus.get('annotate:assist-request').next({
+      eventBus.get('mark:assist-request').next({
         motivation: 'tagging',
         options: {
           schemaId: selectedSchemaId,
@@ -212,7 +212,7 @@ export function TaggingPanel({
 
     const handleEscape = (e: KeyboardEvent) => {
       if (e.key === 'Escape') {
-        eventBus.get('annotate:cancel-pending').next(undefined);
+        eventBus.get('mark:cancel-pending').next(undefined);
       }
     };
 
@@ -274,7 +274,7 @@ export function TaggingPanel({
                   className="semiont-select"
                   onChange={(e) => {
                     if (e.target.value && pendingAnnotation) {
-                      eventBus.get('annotate:create').next({
+                      eventBus.get('mark:create').next({
                         motivation: 'tagging',
                         selector: pendingAnnotation.selector,
                         body: [
@@ -305,7 +305,7 @@ export function TaggingPanel({
             {/* Cancel button */}
             <div className="semiont-annotation-prompt__footer">
               <button
-                onClick={() => eventBus.get('annotate:cancel-pending').next(undefined)}
+                onClick={() => eventBus.get('mark:cancel-pending').next(undefined)}
                 className="semiont-button semiont-button--secondary"
                 data-type="tag"
               >