@semiont/react-ui 0.2.35-build.97 → 0.2.35-build.99

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as _semiont_core from '@semiont/core';
-import { components, ResourceUri, Selector, AnnotationUri, ResourceAnnotationUri, EventBus, ResourceEvent, EventMap, AnnotationProgress, StoredEvent, paths, Motivation as Motivation$9, GenerationProgress, GenerationContext } from '@semiont/core';
+import { components, ResourceUri, Selector, AnnotationUri, ResourceAnnotationUri, ResourceEvent, EventMap, EventBus, AnnotationProgress, StoredEvent, paths, Motivation as Motivation$9, GenerationProgress, GenerationContext } from '@semiont/core';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default, { ComponentType, ReactNode, KeyboardEvent as KeyboardEvent$1, Component, ErrorInfo } from 'react';
@@ -96,8 +96,6 @@ interface AnnotationUIState {
     selectedShape: ShapeType;
     /** ID of currently hovered annotation (optional - only set when hovering) */
     hoveredAnnotationId?: string | null;
-    /** ID of currently hovered comment for panel highlighting (optional - only set when hovering) */
-    hoveredCommentId?: string | null;
     /** ID of annotation to scroll to (optional - only set when scrolling needed) */
     scrollToAnnotationId?: string | null;
 }
@@ -786,28 +784,40 @@ declare const jsonLightHighlightStyle: HighlightStyle;
  * CodeMirror Inline Widgets
  *
  * Custom widgets for enhancing the document editing experience:
- * - Wiki link pills (clickable, styled)
- * - Reference previews (hover for context)
- * - Entity type badges
+ * - Reference resolution indicators (resolved 🔗, generating ✨, stub ❓)
+ *
+ * Event handling uses delegation — no per-widget listeners.
+ * Data attributes on the container enable CodeMirrorRenderer to handle
+ * clicks and hovers via a single set of delegated handlers.
  */
 
 type Annotation$j = components['schemas']['Annotation'];
 /**
  * Reference Resolution Widget
- * Shows a small indicator next to references with hover preview
+ * Shows a small indicator next to references with hover preview.
+ *
+ * All event handling is delegated — the widget sets data attributes
+ * and CodeMirrorRenderer handles events via container-level listeners.
  */
 declare class ReferenceResolutionWidget extends WidgetType {
     readonly annotation: Annotation$j;
     readonly targetDocumentName?: string | undefined;
-    readonly eventBus?: EventBus | undefined;
     readonly isGenerating?: boolean | undefined;
-    constructor(annotation: Annotation$j, targetDocumentName?: string | undefined, eventBus?: EventBus | undefined, isGenerating?: boolean | undefined);
+    constructor(annotation: Annotation$j, targetDocumentName?: string | undefined, isGenerating?: boolean | undefined);
     eq(other: ReferenceResolutionWidget): boolean;
     toDOM(): HTMLSpanElement;
-    private showPreview;
-    private hidePreview;
     ignoreEvent(event: Event): boolean;
 }
+/**
+ * Show a tooltip preview on a widget container.
+ * Called from delegated mouseenter handler in CodeMirrorRenderer.
+ */
+declare function showWidgetPreview(container: HTMLElement, documentName: string): void;
+/**
+ * Hide the tooltip preview from a widget container.
+ * Called from delegated mouseleave handler in CodeMirrorRenderer.
+ */
+declare function hideWidgetPreview(container: HTMLElement): void;
 
 type SelectionMotivation = 'linking' | 'highlighting' | 'assessing' | 'commenting' | 'tagging';
 type ClickAction = 'detail' | 'follow' | 'jsonld' | 'deleting';
@@ -1732,7 +1742,6 @@ interface Props$b {
     editable?: boolean;
     newAnnotationIds?: Set<string>;
     hoveredAnnotationId?: string | null;
-    hoveredCommentId?: string | null;
     scrollToAnnotationId?: string | null;
     sourceView?: boolean;
     showLineNumbers?: boolean;
@@ -1742,7 +1751,7 @@ interface Props$b {
     generatingReferenceId?: string | null;
     hoverDelayMs: number;
 }
-declare function CodeMirrorRenderer({ content, segments, onChange, editable, newAnnotationIds, hoveredAnnotationId, hoveredCommentId, scrollToAnnotationId, sourceView, showLineNumbers, enableWidgets, eventBus, getTargetDocumentName, generatingReferenceId, hoverDelayMs }: Props$b): react_jsx_runtime.JSX.Element;
+declare function CodeMirrorRenderer({ content, segments, onChange, editable, newAnnotationIds, hoveredAnnotationId, scrollToAnnotationId, sourceView, showLineNumbers, enableWidgets, eventBus, getTargetDocumentName, generatingReferenceId, hoverDelayMs }: Props$b): react_jsx_runtime.JSX.Element;
 
 type Motivation$6 = components['schemas']['Motivation'];
 interface AnnotateReferencesProgressWidgetProps {
@@ -2050,7 +2059,6 @@ interface Props$6 {
     resourceUri: string;
     annotations: AnnotationsCollection;
     hoveredAnnotationId?: string | null;
-    hoveredCommentId?: string | null;
     selectedClick?: ClickAction;
     annotateMode: boolean;
     hoverDelayMs?: number;
@@ -3945,4 +3953,4 @@ interface ResolutionFlowState {
  */
 declare function useResolutionFlow(rUri: ResourceUri): ResolutionFlowState;
 
-export { ANNOTATORS, AUTH_EVENTS, AVAILABLE_LOCALES, AdminDevOpsPage, type AdminDevOpsPageProps, AdminSecurityPage, type AdminSecurityPageProps, type AdminUser, type AdminUserStats, AdminUsersPage, type AdminUsersPageProps, AnnotateReferencesProgressWidget, AnnotateToolbar, AnnotateView, type Annotation$l as Annotation, type AnnotationConfig, type AnnotationCreationHandler, type AnnotationFlowState, type AnnotationHandlers, AnnotationHistory, type AnnotationManager, AnnotationOverlay, AnnotationProvider, type AnnotationProviderProps, type AnnotationUIState, type AnnotationsCollection, type Annotator, ApiClientProvider, type ApiClientProviderProps, AssessmentEntry, AssessmentPanel, AssistSection, AsyncErrorBoundary, type AttentionFlowState, AuthErrorDisplay, type AuthErrorDisplayProps, type AuthEventDetail, type AuthEventType, AuthTokenProvider, type AuthTokenProviderProps, type AvailableLocale, type BorderRadiusToken, BrowseView, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type CacheManager, CacheProvider, type CacheProviderProps, type ClickAction, CodeMirrorRenderer, CollaborationPanel, CollapsibleResourceNavigation, type CollapsibleResourceNavigationProps, type ColorToken, CommentEntry, CommentsPanel, ComposeLoadingState, type ComposeLoadingStateProps, type ContextCorrelationFlowConfig, type ContextCorrelationFlowState, type CreateAnnotationParams, type CreateConfig, type DeleteAnnotationParams, type DetectionConfig, type DevOpsFeature, type DrawingMode, EntityTagsPage, type EntityTagsPageProps, EntityTypeBadges, ErrorBoundary, Footer, type GenerationFlowState, type GenerationOptions, HOVER_DELAY_MS, HighlightEntry, HighlightPanel, HistoryEvent, type HoverEmitterProps, type HoverHandlers, ImageURLSchema, ImageViewer, JsonLdPanel, JsonLdView, type KeyboardShortcut, KeyboardShortcutsHelpModal, LeftSidebar, type LinkComponentProps, LiveRegionProvider, type Motivation$8 as Motivation, type NavigationItem, NavigationMenu, type NavigationMenuHelper, type NavigationProps, type OAuthProvider, type OAuthUser, OAuthUserSchema, ObservableLink, type ObservableLinkProps, type OpenResource, OpenResourcesManager, OpenResourcesProvider, type OverlayAnnotation, PageLayout, PanelHeader, type PanelNavigationState, PopupContainer, PopupHeader, ProposeEntitiesModal, QUERY_KEYS, RecentDocumentsPage, type RecentDocumentsPageProps, ReferenceEntry, ReferenceResolutionWidget, ReferencesPanel, ResizeHandle, type ResolutionFlowState, type ResolvedTheme, ResourceAnnotationsProvider, ResourceCard, type ResourceCardProps, ResourceComposePage, type ResourceComposePageProps, ResourceDiscoveryPage, type ResourceDiscoveryPageProps, ResourceErrorState, type ResourceErrorStateProps, ResourceInfoPanel, ResourceLoadingState, ResourceSearchModal, type ResourceSearchModalProps, ResourceTagsInline, ResourceViewer, ResourceViewerPage, type ResourceViewerPageProps, type RouteBuilder, type SaveResourceParams, SearchModal, type SearchModalProps, SelectedTextDisplay, type SelectionMotivation, type SelectorType, SemiontBranding, SemiontFavicon, type SemiontResource$4 as SemiontResource, SessionExpiryBanner, SessionManager, SessionProvider, SessionTimer, SettingsPanel, type ShadowToken, type ShapeType, SignInForm, type SignInFormProps, SignUpForm, type SignUpFormProps, SimpleNavigation, type SimpleNavigationItem, type SimpleNavigationProps, SkipLinks, SortableResourceTab, type SortableResourceTabProps, type SpacingToken, StatisticsPanel, StatusDisplay, type StreamStatus, SvgDrawingCanvas, TagEntry, TagSchemasPage, type TagSchemasPageProps, TaggingPanel, type TextSegment, type TextSelection, type Theme, ThemeProvider, ToastContainer, type ToastMessage, ToastProvider, type ToastType, Toolbar, type ToolbarPanelType, type TransitionToken, TranslationManager, TranslationProvider, type TranslationProviderProps, type TypographyToken, type UICreateAnnotationParams, UnifiedAnnotationsPanel, UnifiedHeader, type UseResourceContentResult, UserMenuSkeleton, WelcomePage, type WelcomePageProps, applyHighlights, buildSourceToRenderedMap, buildTextNodeIndex, buttonStyles, clearHighlights, createHoverHandlers, cssVariables, dispatch401Error, dispatch403Error, dispatchAuthEvent, faviconPaths, formatTime, generateCSSVariables, getResourceIcon, getSelectedShapeForSelectorType, getSelectorType, getShortcutDisplay, getSupportedShapes, isShapeSupported, jsonLightHighlightStyle, jsonLightTheme, onAuthEvent, resolveAnnotationRanges, sanitizeImageURL, saveSelectedShapeForSelectorType, supportsDetection, toOverlayAnnotations, tokens, useAdmin, useAnnotationFlow, useAnnotationManager, useAnnotations, useApiClient, useAttentionFlow, useAuthApi, useAuthToken, useCacheManager, useContextCorrelationFlow, useDebounce, useDebouncedCallback, useDocumentAnnouncements, useDoubleKeyPress, useDropdown, useEntityTypes, useEventSubscription, useEventSubscriptions, useFormAnnouncements, useGenerationFlow, useHealth, useHoverDelay, useHoverEmitter, useIsTyping, useKeyboardShortcuts, useLanguageChangeAnnouncements, useLineNumbers, useLiveRegion, useLoadingState, useLocalStorage, useObservableExternalNavigation, useObservableRouter, useOpenResources, usePanelNavigation, usePanelWidth, usePreloadTranslations, useResolutionFlow, useResourceAnnotations, useResourceContent, useResourceEvents, useResourceLoadingAnnouncements, useResources, useRovingTabIndex, useSearchAnnouncements, useSessionContext, useSessionExpiry, useTheme, useToast, useTranslations };
+export { ANNOTATORS, AUTH_EVENTS, AVAILABLE_LOCALES, AdminDevOpsPage, type AdminDevOpsPageProps, AdminSecurityPage, type AdminSecurityPageProps, type AdminUser, type AdminUserStats, AdminUsersPage, type AdminUsersPageProps, AnnotateReferencesProgressWidget, AnnotateToolbar, AnnotateView, type Annotation$l as Annotation, type AnnotationConfig, type AnnotationCreationHandler, type AnnotationFlowState, type AnnotationHandlers, AnnotationHistory, type AnnotationManager, AnnotationOverlay, AnnotationProvider, type AnnotationProviderProps, type AnnotationUIState, type AnnotationsCollection, type Annotator, ApiClientProvider, type ApiClientProviderProps, AssessmentEntry, AssessmentPanel, AssistSection, AsyncErrorBoundary, type AttentionFlowState, AuthErrorDisplay, type AuthErrorDisplayProps, type AuthEventDetail, type AuthEventType, AuthTokenProvider, type AuthTokenProviderProps, type AvailableLocale, type BorderRadiusToken, BrowseView, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type CacheManager, CacheProvider, type CacheProviderProps, type ClickAction, CodeMirrorRenderer, CollaborationPanel, CollapsibleResourceNavigation, type CollapsibleResourceNavigationProps, type ColorToken, CommentEntry, CommentsPanel, ComposeLoadingState, type ComposeLoadingStateProps, type ContextCorrelationFlowConfig, type ContextCorrelationFlowState, type CreateAnnotationParams, type CreateConfig, type DeleteAnnotationParams, type DetectionConfig, type DevOpsFeature, type DrawingMode, EntityTagsPage, type EntityTagsPageProps, EntityTypeBadges, ErrorBoundary, Footer, type GenerationFlowState, type GenerationOptions, HOVER_DELAY_MS, HighlightEntry, HighlightPanel, HistoryEvent, type HoverEmitterProps, type HoverHandlers, ImageURLSchema, ImageViewer, JsonLdPanel, JsonLdView, type KeyboardShortcut, KeyboardShortcutsHelpModal, LeftSidebar, type LinkComponentProps, LiveRegionProvider, type Motivation$8 as Motivation, type NavigationItem, NavigationMenu, type NavigationMenuHelper, type NavigationProps, type OAuthProvider, type OAuthUser, OAuthUserSchema, ObservableLink, type ObservableLinkProps, type OpenResource, OpenResourcesManager, OpenResourcesProvider, type OverlayAnnotation, PageLayout, PanelHeader, type PanelNavigationState, PopupContainer, PopupHeader, ProposeEntitiesModal, QUERY_KEYS, RecentDocumentsPage, type RecentDocumentsPageProps, ReferenceEntry, ReferenceResolutionWidget, ReferencesPanel, ResizeHandle, type ResolutionFlowState, type ResolvedTheme, ResourceAnnotationsProvider, ResourceCard, type ResourceCardProps, ResourceComposePage, type ResourceComposePageProps, ResourceDiscoveryPage, type ResourceDiscoveryPageProps, ResourceErrorState, type ResourceErrorStateProps, ResourceInfoPanel, ResourceLoadingState, ResourceSearchModal, type ResourceSearchModalProps, ResourceTagsInline, ResourceViewer, ResourceViewerPage, type ResourceViewerPageProps, type RouteBuilder, type SaveResourceParams, SearchModal, type SearchModalProps, SelectedTextDisplay, type SelectionMotivation, type SelectorType, SemiontBranding, SemiontFavicon, type SemiontResource$4 as SemiontResource, SessionExpiryBanner, SessionManager, SessionProvider, SessionTimer, SettingsPanel, type ShadowToken, type ShapeType, SignInForm, type SignInFormProps, SignUpForm, type SignUpFormProps, SimpleNavigation, type SimpleNavigationItem, type SimpleNavigationProps, SkipLinks, SortableResourceTab, type SortableResourceTabProps, type SpacingToken, StatisticsPanel, StatusDisplay, type StreamStatus, SvgDrawingCanvas, TagEntry, TagSchemasPage, type TagSchemasPageProps, TaggingPanel, type TextSegment, type TextSelection, type Theme, ThemeProvider, ToastContainer, type ToastMessage, ToastProvider, type ToastType, Toolbar, type ToolbarPanelType, type TransitionToken, TranslationManager, TranslationProvider, type TranslationProviderProps, type TypographyToken, type UICreateAnnotationParams, UnifiedAnnotationsPanel, UnifiedHeader, type UseResourceContentResult, UserMenuSkeleton, WelcomePage, type WelcomePageProps, applyHighlights, buildSourceToRenderedMap, buildTextNodeIndex, buttonStyles, clearHighlights, createHoverHandlers, cssVariables, dispatch401Error, dispatch403Error, dispatchAuthEvent, faviconPaths, formatTime, generateCSSVariables, getResourceIcon, getSelectedShapeForSelectorType, getSelectorType, getShortcutDisplay, getSupportedShapes, hideWidgetPreview, isShapeSupported, jsonLightHighlightStyle, jsonLightTheme, onAuthEvent, resolveAnnotationRanges, sanitizeImageURL, saveSelectedShapeForSelectorType, showWidgetPreview, supportsDetection, toOverlayAnnotations, tokens, useAdmin, useAnnotationFlow, useAnnotationManager, useAnnotations, useApiClient, useAttentionFlow, useAuthApi, useAuthToken, useCacheManager, useContextCorrelationFlow, useDebounce, useDebouncedCallback, useDocumentAnnouncements, useDoubleKeyPress, useDropdown, useEntityTypes, useEventSubscription, useEventSubscriptions, useFormAnnouncements, useGenerationFlow, useHealth, useHoverDelay, useHoverEmitter, useIsTyping, useKeyboardShortcuts, useLanguageChangeAnnouncements, useLineNumbers, useLiveRegion, useLoadingState, useLocalStorage, useObservableExternalNavigation, useObservableRouter, useOpenResources, usePanelNavigation, usePanelWidth, usePreloadTranslations, useResolutionFlow, useResourceAnnotations, useResourceContent, useResourceEvents, useResourceLoadingAnnouncements, useResources, useRovingTabIndex, useSearchAnnouncements, useSessionContext, useSessionExpiry, useTheme, useToast, useTranslations };

package/dist/index.mjs

@@ -17131,11 +17131,10 @@ var jsonLightHighlightStyle = HighlightStyle.define([
 // src/lib/codemirror-widgets.ts
 import { isResolvedReference, getBodySource } from "@semiont/api-client";
 var ReferenceResolutionWidget = class extends WidgetType {
-  constructor(annotation, targetDocumentName, eventBus, isGenerating) {
+  constructor(annotation, targetDocumentName, isGenerating) {
     super();
     this.annotation = annotation;
     this.targetDocumentName = targetDocumentName;
-    this.eventBus = eventBus;
     this.isGenerating = isGenerating;
   }
   eq(other) {
@@ -17152,10 +17151,17 @@ var ReferenceResolutionWidget = class extends WidgetType {
       margin-left: 4px;
       position: relative;
     `;
+    const isResolved = isResolvedReference(this.annotation);
+    const bodySource = getBodySource(this.annotation.body);
+    container.dataset.widgetAnnotationId = this.annotation.id;
+    container.dataset.widgetMotivation = this.annotation.motivation;
+    container.dataset.widgetResolved = isResolved ? "true" : "false";
+    if (bodySource) container.dataset.widgetBodySource = bodySource;
+    if (this.targetDocumentName) container.dataset.widgetTargetName = this.targetDocumentName;
+    if (this.isGenerating) container.dataset.widgetGenerating = "true";
     const indicator = document.createElement("button");
     indicator.className = "reference-indicator";
     indicator.type = "button";
-    const isResolved = isResolvedReference(this.annotation);
     if (isResolved) {
       indicator.innerHTML = '<span aria-hidden="true">\u{1F517}</span>';
       indicator.setAttribute("aria-label", this.targetDocumentName ? `Reference link to ${this.targetDocumentName}` : "Reference link to document");
@@ -17171,13 +17177,6 @@ var ReferenceResolutionWidget = class extends WidgetType {
         margin: 0;
         vertical-align: baseline;
       `;
-      indicator.style.cssText += `
-        &:focus {
-          outline: 2px solid #3b82f6;
-          outline-offset: 2px;
-          opacity: 1;
-        }
-      `;
     } else if (this.isGenerating) {
       indicator.innerHTML = `
         <span style="position: relative; display: inline-flex; align-items: center; justify-content: center;" aria-hidden="true">
@@ -17226,82 +17225,40 @@ var ReferenceResolutionWidget = class extends WidgetType {
         margin: 0;
         vertical-align: baseline;
       `;
-      indicator.style.cssText += `
-        &:focus {
-          outline: 2px solid #3b82f6;
-          outline-offset: 2px;
-          opacity: 1;
-        }
-      `;
-    }
-    if (!this.isGenerating) {
-      indicator.addEventListener("mouseenter", () => {
-        indicator.style.opacity = "1";
-        if (isResolved && this.targetDocumentName && this.targetDocumentName.trim() !== "") {
-          this.showPreview(container, this.targetDocumentName);
-        }
-      });
-      indicator.addEventListener("mouseleave", () => {
-        indicator.style.opacity = "0.6";
-        if (isResolved) {
-          this.hidePreview(container);
-        }
-      });
-      const bodySource = getBodySource(this.annotation.body);
-      if (isResolved && bodySource && this.eventBus) {
-        const eventBus = this.eventBus;
-        indicator.addEventListener("click", (e6) => {
-          e6.preventDefault();
-          e6.stopPropagation();
-          eventBus.get("navigation:reference-navigate").next({ documentId: bodySource });
-        });
-      } else if (!isResolved && this.eventBus) {
-        const eventBus = this.eventBus;
-        const annotation = this.annotation;
-        indicator.addEventListener("click", (e6) => {
-          e6.preventDefault();
-          e6.stopPropagation();
-          eventBus.get("attend:click").next({ annotationId: annotation.id, motivation: annotation.motivation });
-        });
-      }
     }
     container.appendChild(indicator);
     return container;
   }
-  showPreview(container, documentName) {
-    if (!documentName || documentName.trim() === "") {
-      return;
-    }
-    const tooltip = document.createElement("div");
-    tooltip.className = "reference-tooltip";
-    tooltip.textContent = `\u2192 ${documentName}`;
-    tooltip.style.cssText = `
-      position: absolute;
-      bottom: 100%;
-      left: 50%;
-      transform: translateX(-50%) translateY(-4px);
-      padding: 4px 8px;
-      background: rgba(0, 0, 0, 0.8);
-      color: white;
-      border-radius: 4px;
-      font-size: 11px;
-      white-space: nowrap;
-      pointer-events: none;
-      z-index: 1000;
-      animation: fadeIn 0.2s ease;
-    `;
-    container.appendChild(tooltip);
-  }
-  hidePreview(container) {
-    const tooltip = container.querySelector(".reference-tooltip");
-    if (tooltip) {
-      tooltip.remove();
-    }
-  }
   ignoreEvent(event) {
     return event.type === "click";
   }
 };
+function showWidgetPreview(container, documentName) {
+  if (!documentName || documentName.trim() === "") return;
+  const tooltip = document.createElement("div");
+  tooltip.className = "reference-tooltip";
+  tooltip.textContent = `\u2192 ${documentName}`;
+  tooltip.style.cssText = `
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%) translateY(-4px);
+    padding: 4px 8px;
+    background: rgba(0, 0, 0, 0.8);
+    color: white;
+    border-radius: 4px;
+    font-size: 11px;
+    white-space: nowrap;
+    pointer-events: none;
+    z-index: 1000;
+    animation: fadeIn 0.2s ease;
+  `;
+  container.appendChild(tooltip);
+}
+function hideWidgetPreview(container) {
+  const tooltip = container.querySelector(".reference-tooltip");
+  if (tooltip) tooltip.remove();
+}
 
 // src/lib/media-shapes.ts
 import { isPdfMimeType } from "@semiont/api-client";
@@ -26199,8 +26156,14 @@ function convertSegmentPositions(segments, content4) {
     }
   }
   const convertPosition = (pos) => {
-    const crlfsBefore = crlfPositions.filter((crlfPos) => crlfPos < pos).length;
-    return pos - crlfsBefore;
+    let lo = 0;
+    let hi = crlfPositions.length;
+    while (lo < hi) {
+      const mid = lo + hi >>> 1;
+      if (crlfPositions[mid] < pos) lo = mid + 1;
+      else hi = mid;
+    }
+    return pos - lo;
   };
   return segments.map((seg) => ({
     ...seg,
@@ -26278,7 +26241,7 @@ function createAnnotationDecorationsField() {
     provide: (field) => EditorView.decorations.from(field)
   });
 }
-function buildWidgetDecorations(_content, segments, generatingReferenceId, eventBus, getTargetDocumentName) {
+function buildWidgetDecorations(_content, segments, generatingReferenceId, getTargetDocumentName) {
   const builder = new RangeSetBuilder();
   const allAnnotatedSegments = segments.filter((s11) => s11.annotation).sort((a15, b8) => a15.end - b8.end);
   for (const segment of allAnnotatedSegments) {
@@ -26291,7 +26254,6 @@ function buildWidgetDecorations(_content, segments, generatingReferenceId, event
       const widget = new ReferenceResolutionWidget(
         annotation,
         targetName,
-        eventBus,
         isGenerating
       );
       builder.add(
@@ -26315,7 +26277,6 @@ var widgetDecorationsField = StateField.define({
           effect.value.content,
           effect.value.segments,
           effect.value.generatingReferenceId,
-          effect.value.eventBus,
           effect.value.getTargetDocumentName
         );
       }
@@ -26331,7 +26292,6 @@ function CodeMirrorRenderer({
   editable: editable2 = false,
   newAnnotationIds,
   hoveredAnnotationId,
-  hoveredCommentId,
   scrollToAnnotationId,
   sourceView = false,
   showLineNumbers = false,
@@ -26346,10 +26306,16 @@ function CodeMirrorRenderer({
   const contentRef = useRef7(content4);
   const convertedSegments = convertSegmentPositions(segments, content4);
   const segmentsRef = useRef7(convertedSegments);
+  const segmentsByIdRef = useRef7(/* @__PURE__ */ new Map());
   const lineNumbersCompartment = useRef7(new Compartment());
   const eventBusRef = useRef7(eventBus);
   const getTargetDocumentNameRef = useRef7(getTargetDocumentName);
   segmentsRef.current = segments;
+  const segmentsById = /* @__PURE__ */ new Map();
+  for (const s11 of segments) {
+    if (s11.annotation) segmentsById.set(s11.annotation.id, s11);
+  }
+  segmentsByIdRef.current = segmentsById;
   eventBusRef.current = eventBus;
   getTargetDocumentNameRef.current = getTargetDocumentName;
   useEffect10(() => {
@@ -26379,7 +26345,7 @@ function CodeMirrorRenderer({
             const annotationElement = target.closest("[data-annotation-id]");
             const annotationId = annotationElement?.getAttribute("data-annotation-id");
             if (annotationId && eventBusRef.current) {
-              const segment = segmentsRef.current.find((s11) => s11.annotation?.id === annotationId);
+              const segment = segmentsByIdRef.current.get(annotationId);
               if (segment?.annotation) {
                 event.preventDefault();
                 eventBusRef.current.get("attend:click").next({
@@ -26457,11 +26423,54 @@ function CodeMirrorRenderer({
       const annotationElement = target.closest("[data-annotation-id]");
       if (annotationElement) handleMouseLeave();
     };
+    const handleWidgetClick = (e6) => {
+      const target = e6.target;
+      const widget = target.closest(".reference-preview-widget");
+      if (!widget || widget.dataset.widgetGenerating === "true") return;
+      e6.preventDefault();
+      e6.stopPropagation();
+      const annotationId = widget.dataset.widgetAnnotationId;
+      const bodySource = widget.dataset.widgetBodySource;
+      const isResolved = widget.dataset.widgetResolved === "true";
+      if (!annotationId || !eventBusRef.current) return;
+      if (isResolved && bodySource) {
+        eventBusRef.current.get("navigation:reference-navigate").next({ documentId: bodySource });
+      } else {
+        const motivation = widget.dataset.widgetMotivation || "linking";
+        eventBusRef.current.get("attend:click").next({ annotationId, motivation });
+      }
+    };
+    const handleWidgetMouseEnter = (e6) => {
+      const target = e6.target;
+      const widget = target.closest(".reference-preview-widget");
+      if (!widget || widget.dataset.widgetGenerating === "true") return;
+      const indicator = widget.querySelector(".reference-indicator");
+      if (indicator) indicator.style.opacity = "1";
+      if (widget.dataset.widgetResolved === "true" && widget.dataset.widgetTargetName) {
+        showWidgetPreview(widget, widget.dataset.widgetTargetName);
+      }
+    };
+    const handleWidgetMouseLeave = (e6) => {
+      const target = e6.target;
+      const widget = target.closest(".reference-preview-widget");
+      if (!widget) return;
+      const indicator = widget.querySelector(".reference-indicator");
+      if (indicator) indicator.style.opacity = "0.6";
+      if (widget.dataset.widgetResolved === "true") {
+        hideWidgetPreview(widget);
+      }
+    };
     container.addEventListener("mouseover", handleMouseOver);
     container.addEventListener("mouseout", handleMouseOut);
+    container.addEventListener("click", handleWidgetClick);
+    container.addEventListener("mouseenter", handleWidgetMouseEnter, true);
+    container.addEventListener("mouseleave", handleWidgetMouseLeave, true);
     return () => {
       container.removeEventListener("mouseover", handleMouseOver);
       container.removeEventListener("mouseout", handleMouseOut);
+      container.removeEventListener("click", handleWidgetClick);
+      container.removeEventListener("mouseenter", handleWidgetMouseEnter, true);
+      container.removeEventListener("mouseleave", handleWidgetMouseLeave, true);
       cleanupHover();
       view.destroy();
       viewRef.current = null;
@@ -26502,7 +26511,6 @@ function CodeMirrorRenderer({
         content: content4,
         segments: convertedSegments,
         generatingReferenceId,
-        eventBus: eventBusRef.current,
         getTargetDocumentName: getTargetDocumentNameRef.current
       })
     });
@@ -26535,34 +26543,6 @@ function CodeMirrorRenderer({
       element2.classList.remove("annotation-pulse");
     };
   }, [hoveredAnnotationId]);
-  useEffect10(() => {
-    if (!viewRef.current || !hoveredCommentId) return void 0;
-    const view = viewRef.current;
-    const element2 = view.contentDOM.querySelector(
-      `[data-annotation-id="${CSS.escape(hoveredCommentId)}"]`
-    );
-    if (!element2) return void 0;
-    const scrollContainer = element2.closest(".semiont-annotate-view__content") || element2.closest(".semiont-document-viewer__scrollable-body");
-    if (scrollContainer) {
-      const elementRect = element2.getBoundingClientRect();
-      const containerRect = scrollContainer.getBoundingClientRect();
-      const isVisible = elementRect.top >= containerRect.top && elementRect.bottom <= containerRect.bottom;
-      if (!isVisible) {
-        const elementTop = element2.offsetTop;
-        const containerHeight = scrollContainer.clientHeight;
-        const elementHeight = element2.offsetHeight;
-        const scrollTo = elementTop - containerHeight / 2 + elementHeight / 2;
-        scrollContainer.scrollTo({ top: scrollTo, behavior: "smooth" });
-      }
-    }
-    const timeoutId = setTimeout(() => {
-      element2.classList.add("annotation-pulse");
-    }, 100);
-    return () => {
-      clearTimeout(timeoutId);
-      element2.classList.remove("annotation-pulse");
-    };
-  }, [hoveredCommentId]);
   useEffect10(() => {
     if (!viewRef.current || !scrollToAnnotationId) return;
     scrollAnnotationIntoView(scrollToAnnotationId, viewRef.current.contentDOM);
@@ -30122,13 +30102,14 @@ function ProposeEntitiesModal({
 // src/components/resource/AnnotateView.tsx
 import { useRef as useRef12, useEffect as useEffect18, useCallback as useCallback13, lazy, Suspense } from "react";
 import { resourceUri as toResourceUri } from "@semiont/core";
-import { getTextPositionSelector as getTextPositionSelector2, getTextQuoteSelector, getTargetSelector as getTargetSelector2, getMimeCategory, isPdfMimeType as isPdfMimeType2, extractContext, findTextWithContext } from "@semiont/api-client";
+import { getTextPositionSelector as getTextPositionSelector2, getTextQuoteSelector, getTargetSelector as getTargetSelector2, getMimeCategory, isPdfMimeType as isPdfMimeType2, extractContext, findTextWithContext, buildContentCache } from "@semiont/api-client";
 import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
 var PdfAnnotationCanvas = lazy(() => import("./PdfAnnotationCanvas.client-HNYRKFDS.mjs").then((mod) => ({ default: mod.PdfAnnotationCanvas })));
 function segmentTextWithAnnotations(content4, annotations) {
   if (!content4) {
     return [{ exact: "", start: 0, end: 0 }];
   }
+  const cache2 = buildContentCache(content4);
   const normalizedAnnotations = annotations.map((ann) => {
     const targetSelector = getTargetSelector2(ann.target);
     const posSelector = getTextPositionSelector2(targetSelector);
@@ -30140,8 +30121,8 @@ function segmentTextWithAnnotations(content4, annotations) {
         quoteSelector.exact,
         quoteSelector.prefix,
         quoteSelector.suffix,
-        posSelector?.start
-        // Position hint for fuzzy matching
+        posSelector?.start,
+        cache2
       );
     }
     const start2 = position4?.start ?? posSelector?.start ?? 0;
@@ -30204,7 +30185,7 @@ function AnnotateView({
   const { highlights, references, assessments, comments, tags: tags3 } = annotations;
   const allAnnotations = [...highlights, ...references, ...assessments, ...comments, ...tags3];
   const segments = segmentTextWithAnnotations(content4, allAnnotations);
-  const { selectedMotivation, selectedClick, selectedShape, hoveredAnnotationId, hoveredCommentId, scrollToAnnotationId } = uiState;
+  const { selectedMotivation, selectedClick, selectedShape, hoveredAnnotationId, scrollToAnnotationId } = uiState;
   const onUIStateChangeRef = useRef12(onUIStateChange);
   onUIStateChangeRef.current = onUIStateChange;
   const handleToolbarSelectionChanged = useCallback13(({ motivation }) => {
@@ -30337,7 +30318,6 @@ function AnnotateView({
             editable: false,
             newAnnotationIds,
             ...hoveredAnnotationId !== void 0 && { hoveredAnnotationId },
-            ...hoveredCommentId !== void 0 && { hoveredCommentId },
             ...scrollToAnnotationId !== void 0 && { scrollToAnnotationId },
             sourceView: true,
             showLineNumbers,
@@ -30372,7 +30352,7 @@ function AnnotateView({
               drawingMode: selectedMotivation ? selectedShape : null,
               selectedMotivation,
               eventBus,
-              hoveredAnnotationId: hoveredCommentId || hoveredAnnotationId || null,
+              hoveredAnnotationId: hoveredAnnotationId || null,
               hoverDelayMs
             }
           ) }) })
@@ -30399,7 +30379,7 @@ function AnnotateView({
             drawingMode: selectedMotivation ? selectedShape : null,
             selectedMotivation,
             eventBus,
-            hoveredAnnotationId: hoveredCommentId || hoveredAnnotationId || null,
+            hoveredAnnotationId: hoveredAnnotationId || null,
             hoverDelayMs
           }
         ) })
@@ -45695,7 +45675,6 @@ function ResourceViewer({
   const [jsonLdAnnotation, setJsonLdAnnotation] = useState17(null);
   const [deleteConfirmation, setDeleteConfirmation] = useState17(null);
   const hoveredAnnotationId = hoveredAnnotationIdProp ?? null;
-  const [hoveredCommentId, _setHoveredCommentId] = useState17(null);
   const [scrollToAnnotationId, setScrollToAnnotationId] = useState17(null);
   const [_focusedAnnotationId, setFocusedAnnotationId] = useState17(null);
   const focusAnnotation = useCallback16((annotationId) => {
@@ -45826,7 +45805,6 @@ function ResourceViewer({
         mimeType,
         resourceUri: resource["@id"],
         annotations: annotationsCollection,
-        hoveredCommentId,
         selectedClick,
         hoverDelayMs,
         annotateMode
@@ -57520,6 +57498,7 @@ export {
   getSchemaCategory as getTagCategory,
   getTagSchema,
   getTagSchemasByDomain,
+  hideWidgetPreview,
   isShapeSupported,
   isValidCategory,
   jsonLightHighlightStyle,
@@ -57529,6 +57508,7 @@ export {
   resolveAnnotationRanges,
   sanitizeImageURL,
   saveSelectedShapeForSelectorType,
+  showWidgetPreview,
   supportsDetection,
   toOverlayAnnotations,
   tokens,