@semiont/react-ui 0.2.36 → 0.2.38

package/dist/index.d.mts

@@ -1724,6 +1724,13 @@ declare function usePreloadTranslations(): {
     isLoaded: (locale: string) => boolean;
 };
 
+/**
+ * Pure logic extracted from CodeMirrorRenderer
+ *
+ * These functions have zero dependency on CodeMirror's DOM or React.
+ * They handle position conversion, tooltip generation, and decoration metadata.
+ */
+
 type Annotation$g = components['schemas']['Annotation'];
 interface TextSegment {
     exact: string;
@@ -1731,6 +1738,7 @@ interface TextSegment {
     start: number;
     end: number;
 }
+
 interface Props$b {
     content: string;
     segments?: TextSegment[];

package/dist/index.mjs

@@ -26141,10 +26141,10 @@ function scrollAnnotationIntoView(annotationId, rootElement, options = {}) {
 }
 
 // src/components/CodeMirrorRenderer.tsx
+import { isReference as isReference3 } from "@semiont/api-client";
+
+// src/lib/codemirror-logic.ts
 import { isHighlight as isHighlight2, isReference as isReference2, isResolvedReference as isResolvedReference2, isComment as isComment2, isAssessment, isTag as isTag3, getBodySource as getBodySource3 } from "@semiont/api-client";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var updateAnnotationsEffect = StateEffect.define();
-var updateWidgetsEffect = StateEffect.define();
 function convertSegmentPositions(segments, content4) {
   if (!content4.includes("\r\n")) {
     return segments;
@@ -26193,34 +26193,148 @@ function getAnnotationTooltip(annotation) {
   }
   return "Annotation";
 }
+function getAnnotationDecorationMeta(annotation, isNew) {
+  const baseClassName = Object.values(ANNOTATORS).find((a15) => a15.matchesAnnotation(annotation))?.className || "annotation-highlight";
+  const className = isNew ? `${baseClassName} annotation-sparkle` : baseClassName;
+  const isHighlightAnn = isHighlight2(annotation);
+  const isReferenceAnn = isReference2(annotation);
+  const isCommentAnn = isComment2(annotation);
+  const isAssessmentAnn = isAssessment(annotation);
+  const isTagAnn = isTag3(annotation);
+  let annotationType = "highlight";
+  if (isCommentAnn) annotationType = "comment";
+  else if (isReferenceAnn) annotationType = "reference";
+  else if (isAssessmentAnn) annotationType = "assessment";
+  else if (isTagAnn) annotationType = "tag";
+  else if (isHighlightAnn) annotationType = "highlight";
+  return {
+    className,
+    annotationType,
+    annotationId: annotation.id,
+    tooltip: getAnnotationTooltip(annotation)
+  };
+}
+function computeAnnotationDecorations(segments, newAnnotationIds) {
+  return segments.filter((s11) => s11.annotation).sort((a15, b8) => a15.start - b8.start).map((segment) => {
+    const annotation = segment.annotation;
+    const isNew = newAnnotationIds?.has(annotation.id) || false;
+    return {
+      start: segment.start,
+      end: segment.end,
+      meta: getAnnotationDecorationMeta(annotation, isNew)
+    };
+  });
+}
+function computeWidgetDecorations(segments, generatingReferenceId, getTargetDocumentName) {
+  return segments.filter((s11) => s11.annotation && isReference2(s11.annotation)).sort((a15, b8) => a15.end - b8.end).map((segment) => {
+    const annotation = segment.annotation;
+    const bodySource = getBodySource3(annotation.body);
+    const targetName = bodySource ? getTargetDocumentName?.(bodySource) : void 0;
+    const isGenerating = generatingReferenceId ? annotation.id === generatingReferenceId : false;
+    return {
+      annotationId: annotation.id,
+      position: segment.end,
+      targetName,
+      isGenerating,
+      bodySource: bodySource ?? void 0
+    };
+  });
+}
+
+// src/lib/codemirror-handlers.ts
+function handleAnnotationClick(target, segmentsById, eventBus) {
+  const annotationElement = target.closest("[data-annotation-id]");
+  const annotationId = annotationElement?.getAttribute("data-annotation-id");
+  if (!annotationId) return false;
+  const segment = segmentsById.get(annotationId);
+  if (!segment?.annotation) return false;
+  eventBus.get("browse:click").next({
+    annotationId,
+    motivation: segment.annotation.motivation
+  });
+  return true;
+}
+function handleWidgetClick(target) {
+  const widget = target.closest(".reference-preview-widget");
+  if (!widget || widget.dataset.widgetGenerating === "true") {
+    return { handled: false };
+  }
+  const annotationId = widget.dataset.widgetAnnotationId;
+  const bodySource = widget.dataset.widgetBodySource;
+  const isResolved = widget.dataset.widgetResolved === "true";
+  if (!annotationId) return { handled: false };
+  if (isResolved && bodySource) {
+    return {
+      handled: true,
+      action: "navigate",
+      documentId: bodySource,
+      annotationId
+    };
+  }
+  return {
+    handled: true,
+    action: "browse-click",
+    annotationId,
+    motivation: widget.dataset.widgetMotivation || "linking"
+  };
+}
+function dispatchWidgetClick(result, eventBus) {
+  if (!result.handled) return;
+  if (result.action === "navigate" && result.documentId) {
+    eventBus.get("browse:reference-navigate").next({ documentId: result.documentId });
+  } else if (result.action === "browse-click" && result.annotationId) {
+    eventBus.get("browse:click").next({
+      annotationId: result.annotationId,
+      motivation: result.motivation || "linking"
+    });
+  }
+}
+function handleWidgetMouseEnter(target) {
+  const widget = target.closest(".reference-preview-widget");
+  if (!widget || widget.dataset.widgetGenerating === "true") {
+    return { showPreview: false, widget: null };
+  }
+  const indicator = widget.querySelector(".reference-indicator");
+  if (indicator) indicator.style.opacity = "1";
+  if (widget.dataset.widgetResolved === "true" && widget.dataset.widgetTargetName) {
+    return {
+      showPreview: true,
+      targetName: widget.dataset.widgetTargetName,
+      widget
+    };
+  }
+  return { showPreview: false, widget };
+}
+function handleWidgetMouseLeave(target) {
+  const widget = target.closest(".reference-preview-widget");
+  if (!widget) {
+    return { hidePreview: false, widget: null };
+  }
+  const indicator = widget.querySelector(".reference-indicator");
+  if (indicator) indicator.style.opacity = "0.6";
+  if (widget.dataset.widgetResolved === "true") {
+    return { hidePreview: true, widget };
+  }
+  return { hidePreview: false, widget };
+}
+
+// src/components/CodeMirrorRenderer.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+var updateAnnotationsEffect = StateEffect.define();
+var updateWidgetsEffect = StateEffect.define();
 function buildAnnotationDecorations(segments, newAnnotationIds) {
   const builder = new RangeSetBuilder();
-  const annotatedSegments = segments.filter((s11) => s11.annotation).sort((a15, b8) => a15.start - b8.start);
-  for (const segment of annotatedSegments) {
-    if (!segment.annotation) continue;
-    const isNew = newAnnotationIds?.has(segment.annotation.id) || false;
-    const baseClassName = Object.values(ANNOTATORS).find((a15) => a15.matchesAnnotation(segment.annotation))?.className || "annotation-highlight";
-    const className = isNew ? `${baseClassName} annotation-sparkle` : baseClassName;
-    const isHighlightAnn = isHighlight2(segment.annotation);
-    const isReferenceAnn = isReference2(segment.annotation);
-    const isCommentAnn = isComment2(segment.annotation);
-    const isAssessmentAnn = isAssessment(segment.annotation);
-    const isTagAnn = isTag3(segment.annotation);
-    let annotationType = "highlight";
-    if (isCommentAnn) annotationType = "comment";
-    else if (isReferenceAnn) annotationType = "reference";
-    else if (isAssessmentAnn) annotationType = "assessment";
-    else if (isTagAnn) annotationType = "tag";
-    else if (isHighlightAnn) annotationType = "highlight";
+  const entries = computeAnnotationDecorations(segments, newAnnotationIds);
+  for (const { start: start2, end, meta: meta2 } of entries) {
     const decoration = Decoration.mark({
-      class: className,
+      class: meta2.className,
       attributes: {
-        "data-annotation-id": segment.annotation.id,
-        "data-annotation-type": annotationType,
-        title: getAnnotationTooltip(segment.annotation)
+        "data-annotation-id": meta2.annotationId,
+        "data-annotation-type": meta2.annotationType,
+        title: meta2.tooltip
       }
     });
-    builder.add(segment.start, segment.end, decoration);
+    builder.add(start2, end, decoration);
   }
   return builder.finish();
 }
@@ -26243,26 +26357,23 @@ function createAnnotationDecorationsField() {
 }
 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) {
-    if (!segment.annotation) continue;
-    const annotation = segment.annotation;
-    if (isReference2(annotation)) {
-      const bodySource = getBodySource3(annotation.body);
-      const targetName = bodySource ? getTargetDocumentName?.(bodySource) : void 0;
-      const isGenerating = generatingReferenceId ? annotation.id === generatingReferenceId : false;
-      const widget = new ReferenceResolutionWidget(
-        annotation,
-        targetName,
-        isGenerating
-      );
-      builder.add(
-        segment.end,
-        segment.end,
-        Decoration.widget({ widget, side: 1 })
-      );
+  const widgetMetas = computeWidgetDecorations(segments, generatingReferenceId, getTargetDocumentName);
+  const annotationsByEnd = /* @__PURE__ */ new Map();
+  for (const s11 of segments) {
+    if (s11.annotation && isReference3(s11.annotation)) {
+      annotationsByEnd.set(s11.end, s11);
     }
   }
+  for (const meta2 of widgetMetas) {
+    const segment = annotationsByEnd.get(meta2.position);
+    if (!segment?.annotation) continue;
+    const widget = new ReferenceResolutionWidget(
+      segment.annotation,
+      meta2.targetName,
+      meta2.isGenerating
+    );
+    builder.add(meta2.position, meta2.position, Decoration.widget({ widget, side: 1 }));
+  }
   return builder.finish();
 }
 var widgetDecorationsField = StateField.define({
@@ -26338,27 +26449,18 @@ function CodeMirrorRenderer({
             onChange(newContent);
           }
         }),
-        // Handle clicks on annotations
+        // Handle clicks on annotations — delegates to extracted handler
         EditorView.domEventHandlers({
           click: (event, _view) => {
             const target = event.target;
-            const annotationElement = target.closest("[data-annotation-id]");
-            const annotationId = annotationElement?.getAttribute("data-annotation-id");
-            if (annotationId && eventBusRef.current) {
-              const segment = segmentsByIdRef.current.get(annotationId);
-              if (segment?.annotation) {
-                event.preventDefault();
-                eventBusRef.current.get("browse:click").next({
-                  annotationId,
-                  motivation: segment.annotation.motivation
-                });
-                return true;
-              }
+            if (eventBusRef.current && handleAnnotationClick(target, segmentsByIdRef.current, eventBusRef.current)) {
+              event.preventDefault();
+              return true;
             }
             return false;
           }
         }),
-        // Style the editor - use CSS string to inject !important rules
+        // Style the editor
         EditorView.baseTheme({
           "&.cm-editor": {
             height: "100%",
@@ -26369,7 +26471,6 @@ function CodeMirrorRenderer({
           },
           ".cm-scroller": {
             overflow: "visible !important",
-            // Let parent container handle scrolling
             height: "auto !important"
           },
           ".cm-content, .cm-gutters": {
@@ -26423,54 +26524,41 @@ function CodeMirrorRenderer({
       const annotationElement = target.closest("[data-annotation-id]");
       if (annotationElement) handleMouseLeave();
     };
-    const handleWidgetClick = (e6) => {
+    const onWidgetClick = (e6) => {
       const target = e6.target;
-      const widget = target.closest(".reference-preview-widget");
-      if (!widget || widget.dataset.widgetGenerating === "true") return;
+      const result = handleWidgetClick(target);
+      if (!result.handled) 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("browse:reference-navigate").next({ documentId: bodySource });
-      } else {
-        const motivation = widget.dataset.widgetMotivation || "linking";
-        eventBusRef.current.get("browse:click").next({ annotationId, motivation });
+      if (eventBusRef.current) {
+        dispatchWidgetClick(result, eventBusRef.current);
       }
     };
-    const handleWidgetMouseEnter = (e6) => {
+    const onWidgetMouseEnter = (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 result = handleWidgetMouseEnter(target);
+      if (result.showPreview && result.targetName && result.widget) {
+        showWidgetPreview(result.widget, result.targetName);
       }
     };
-    const handleWidgetMouseLeave = (e6) => {
+    const onWidgetMouseLeave = (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);
+      const result = handleWidgetMouseLeave(target);
+      if (result.hidePreview && result.widget) {
+        hideWidgetPreview(result.widget);
       }
     };
     container.addEventListener("mouseover", handleMouseOver);
     container.addEventListener("mouseout", handleMouseOut);
-    container.addEventListener("click", handleWidgetClick);
-    container.addEventListener("mouseenter", handleWidgetMouseEnter, true);
-    container.addEventListener("mouseleave", handleWidgetMouseLeave, true);
+    container.addEventListener("click", onWidgetClick);
+    container.addEventListener("mouseenter", onWidgetMouseEnter, true);
+    container.addEventListener("mouseleave", onWidgetMouseLeave, true);
     return () => {
       container.removeEventListener("mouseover", handleMouseOver);
       container.removeEventListener("mouseout", handleMouseOut);
-      container.removeEventListener("click", handleWidgetClick);
-      container.removeEventListener("mouseenter", handleWidgetMouseEnter, true);
-      container.removeEventListener("mouseleave", handleWidgetMouseLeave, true);
+      container.removeEventListener("click", onWidgetClick);
+      container.removeEventListener("mouseenter", onWidgetMouseEnter, true);
+      container.removeEventListener("mouseleave", onWidgetMouseLeave, true);
       cleanupHover();
       view.destroy();
       viewRef.current = null;
@@ -29271,13 +29359,13 @@ function PopupContainer({ children, position: position3, onClose, isOpen, wide =
 
 // src/components/image-annotation/AnnotationOverlay.tsx
 import { useMemo as useMemo2 } from "react";
-import { getSvgSelector, isHighlight as isHighlight3, isReference as isReference3, isAssessment as isAssessment2, isComment as isComment3, isTag as isTag4, isBodyResolved, isResolvedReference as isResolvedReference3 } from "@semiont/api-client";
+import { getSvgSelector, isHighlight as isHighlight3, isReference as isReference4, isAssessment as isAssessment2, isComment as isComment3, isTag as isTag4, isBodyResolved, isResolvedReference as isResolvedReference3 } from "@semiont/api-client";
 import { parseSvgSelector } from "@semiont/api-client";
 import { jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
 function getAnnotationColor(annotation) {
   if (isHighlight3(annotation)) {
     return { stroke: "rgb(250, 204, 21)", fill: "rgba(250, 204, 21, 0.2)" };
-  } else if (isReference3(annotation)) {
+  } else if (isReference4(annotation)) {
     return { stroke: "rgb(59, 130, 246)", fill: "rgba(59, 130, 246, 0.2)" };
   } else if (isAssessment2(annotation)) {
     return { stroke: "rgb(239, 68, 68)", fill: "rgba(239, 68, 68, 0.2)" };
@@ -29299,7 +29387,7 @@ function getAnnotationTooltip2(annotation) {
     return "Tag";
   } else if (isResolvedReference3(annotation)) {
     return "Resolved Reference";
-  } else if (isReference3(annotation)) {
+  } else if (isReference4(annotation)) {
     return "Unresolved Reference";
   }
   return "Annotation";
@@ -29335,7 +29423,7 @@ function AnnotationOverlay({
         const isHovered = annotation.id === hoveredAnnotationId;
         const isSelected = annotation.id === selectedAnnotationId;
         const colors = getAnnotationColor(annotation);
-        const isRef = isReference3(annotation);
+        const isRef = isReference4(annotation);
         const isResolved = isRef && isBodyResolved(annotation.body);
         const statusEmoji = isRef ? isResolved ? "\u{1F517}" : "\u2753" : null;
         switch (parsed.type) {
@@ -30102,9 +30190,10 @@ 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, buildContentCache } from "@semiont/api-client";
-import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
-var PdfAnnotationCanvas = lazy(() => import("./PdfAnnotationCanvas.client-COQREPXU.mjs").then((mod) => ({ default: mod.PdfAnnotationCanvas })));
+import { getMimeCategory, isPdfMimeType as isPdfMimeType2 } from "@semiont/api-client";
+
+// src/lib/text-segmentation.ts
+import { getTextPositionSelector as getTextPositionSelector2, getTextQuoteSelector, getTargetSelector as getTargetSelector2, findTextWithContext, buildContentCache } from "@semiont/api-client";
 function segmentTextWithAnnotations(content4, annotations) {
   if (!content4) {
     return [{ exact: "", start: 0, end: 0 }];
@@ -30164,6 +30253,37 @@ function segmentTextWithAnnotations(content4, annotations) {
   }
   return segments;
 }
+
+// src/lib/text-selection-handler.ts
+import { extractContext } from "@semiont/api-client";
+function buildTextSelectors(content4, selectedText, start2, end) {
+  if (!selectedText || start2 < 0 || end <= start2 || end > content4.length) {
+    return null;
+  }
+  const context = extractContext(content4, start2, end);
+  return [
+    {
+      type: "TextPositionSelector",
+      start: start2,
+      end
+    },
+    {
+      type: "TextQuoteSelector",
+      exact: selectedText,
+      ...context.prefix && { prefix: context.prefix },
+      ...context.suffix && { suffix: context.suffix }
+    }
+  ];
+}
+function fallbackTextPosition(content4, selectedText) {
+  const start2 = content4.indexOf(selectedText);
+  if (start2 === -1) return null;
+  return { start: start2, end: start2 + selectedText.length };
+}
+
+// src/components/resource/AnnotateView.tsx
+import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
+var PdfAnnotationCanvas = lazy(() => import("./PdfAnnotationCanvas.client-COQREPXU.mjs").then((mod) => ({ default: mod.PdfAnnotationCanvas })));
 function AnnotateView({
   content: content4,
   mimeType = "text/plain",
@@ -30235,59 +30355,25 @@ function AnnotateView({
       const text7 = selection2.toString();
       const cmContainer = container.querySelector(".codemirror-renderer");
       const view = cmContainer?.__cmView;
+      let start2;
+      let end;
       if (!view || !view.posAtDOM) {
-        const start3 = content4.indexOf(text7);
-        if (start3 === -1) {
-          return;
-        }
-        const end2 = start3 + text7.length;
-        const context = extractContext(content4, start3, end2);
-        if (selectedMotivation) {
-          eventBus.get("mark:requested").next({
-            selector: [
-              {
-                type: "TextPositionSelector",
-                start: start3,
-                end: end2
-              },
-              {
-                type: "TextQuoteSelector",
-                exact: text7,
-                ...context.prefix && { prefix: context.prefix },
-                ...context.suffix && { suffix: context.suffix }
-              }
-            ],
-            motivation: selectedMotivation
-          });
-          selection2.removeAllRanges();
-          return;
-        }
-        return;
-      }
-      const start2 = view.posAtDOM(range.startContainer, range.startOffset);
-      const end = start2 + text7.length;
-      if (start2 >= 0) {
-        const context = extractContext(content4, start2, end);
-        if (selectedMotivation) {
-          eventBus.get("mark:requested").next({
-            selector: [
-              {
-                type: "TextPositionSelector",
-                start: start2,
-                end
-              },
-              {
-                type: "TextQuoteSelector",
-                exact: text7,
-                ...context.prefix && { prefix: context.prefix },
-                ...context.suffix && { suffix: context.suffix }
-              }
-            ],
-            motivation: selectedMotivation
-          });
-          selection2.removeAllRanges();
-          return;
-        }
+        const pos = fallbackTextPosition(content4, text7);
+        if (!pos) return;
+        start2 = pos.start;
+        end = pos.end;
+      } else {
+        start2 = view.posAtDOM(range.startContainer, range.startOffset);
+        end = start2 + text7.length;
+      }
+      if (start2 >= 0 && selectedMotivation) {
+        const selectors = buildTextSelectors(content4, text7, start2, end);
+        if (!selectors) return;
+        eventBus.get("mark:requested").next({
+          selector: selectors,
+          motivation: selectedMotivation
+        });
+        selection2.removeAllRanges();
       }
     };
     container.addEventListener("mouseup", handleMouseUp);
@@ -45562,7 +45648,7 @@ var BrowseView = memo(function BrowseView2({
 // src/components/resource/ResourceViewer.tsx
 import { useState as useState17, useEffect as useEffect23, useCallback as useCallback16, useRef as useRef16, useMemo as useMemo5 } from "react";
 import { resourceUri } from "@semiont/core";
-import { getExactText as getExactText3, getTargetSelector as getTargetSelector4, isHighlight as isHighlight4, isAssessment as isAssessment3, isReference as isReference4, isComment as isComment4, isTag as isTag5, getBodySource as getBodySource4 } from "@semiont/api-client";
+import { getExactText as getExactText3, getTargetSelector as getTargetSelector4, isHighlight as isHighlight4, isAssessment as isAssessment3, isReference as isReference5, isComment as isComment4, isTag as isTag5, getBodySource as getBodySource4 } from "@semiont/api-client";
 import { jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
 function ResourceViewer({
   resource,
@@ -45694,7 +45780,7 @@ function ResourceViewer({
   const handleDeleteAnnotation = useCallback16((id2) => {
     eventBus.get("mark:delete").next({ annotationId: id2 });
   }, []);
-  const handleAnnotationClick = useCallback16((annotation, event) => {
+  const handleAnnotationClick2 = useCallback16((annotation, event) => {
     const metadata = Object.values(ANNOTATORS).find((a15) => a15.matchesAnnotation(annotation));
     if (metadata?.hasSidePanel) {
       if (selectedClick === "detail") {
@@ -45705,8 +45791,8 @@ function ResourceViewer({
         return;
       }
     }
-    const isSimpleAnnotation = isHighlight4(annotation) || isAssessment3(annotation) || isComment4(annotation) || isReference4(annotation) || isTag5(annotation);
-    if (selectedClick === "follow" && isReference4(annotation)) {
+    const isSimpleAnnotation = isHighlight4(annotation) || isAssessment3(annotation) || isComment4(annotation) || isReference5(annotation) || isTag5(annotation);
+    if (selectedClick === "follow" && isReference5(annotation)) {
       const bodySource = getBodySource4(annotation.body);
       if (bodySource) {
         const resourceId = bodySource.split("/resources/")[1];
@@ -45734,7 +45820,7 @@ function ResourceViewer({
       const allAnnotations = [...highlights, ...references, ...assessments, ...comments, ...tags3];
       const annotation = allAnnotations.find((a15) => a15.id === annotationId);
       if (annotation) {
-        handleAnnotationClick(annotation);
+        handleAnnotationClick2(annotation);
       }
       return;
     }
@@ -45742,12 +45828,12 @@ function ResourceViewer({
       const allAnnotations = [...highlights, ...references, ...assessments, ...comments, ...tags3];
       const annotation = allAnnotations.find((a15) => a15.id === annotationId);
       if (annotation) {
-        handleAnnotationClick(annotation);
+        handleAnnotationClick2(annotation);
       }
       return;
     }
     eventBus.get("browse:panel-open").next({ panel: "annotations", scrollToAnnotationId: annotationId, motivation });
-  }, [highlights, references, assessments, comments, tags3, handleAnnotationClick, selectedClick]);
+  }, [highlights, references, assessments, comments, tags3, handleAnnotationClick2, selectedClick]);
   useEventSubscriptions({
     // View mode
     "mark:mode-toggled": handleViewModeToggle,
@@ -46272,12 +46358,12 @@ function AssessmentPanel({
     document.addEventListener("keydown", handleEscape);
     return () => document.removeEventListener("keydown", handleEscape);
   }, [pendingAnnotation]);
-  const handleAnnotationClick = useCallback18(({ annotationId }) => {
+  const handleAnnotationClick2 = useCallback18(({ annotationId }) => {
     setFocusedAnnotationId(annotationId);
     setTimeout(() => setFocusedAnnotationId(null), 3e3);
   }, []);
   useEventSubscriptions({
-    "browse:click": handleAnnotationClick
+    "browse:click": handleAnnotationClick2
   });
   return /* @__PURE__ */ jsxs22("div", { className: "semiont-panel", children: [
     /* @__PURE__ */ jsx32(PanelHeader, { annotationType: "assessment", count: annotations.length, title: t12("title") }),
@@ -46645,12 +46731,12 @@ function CommentsPanel({
       container.scrollTo({ top: scrollTo, behavior: "smooth" });
     }
   }, [hoveredAnnotationId]);
-  const handleAnnotationClick = useCallback19(({ annotationId }) => {
+  const handleAnnotationClick2 = useCallback19(({ annotationId }) => {
     setFocusedAnnotationId(annotationId);
     setTimeout(() => setFocusedAnnotationId(null), 3e3);
   }, []);
   useEventSubscriptions({
-    "browse:click": handleAnnotationClick
+    "browse:click": handleAnnotationClick2
   });
   const handleSaveNewComment = () => {
     if (newCommentText.trim() && pendingAnnotation) {
@@ -46872,12 +46958,12 @@ function HighlightPanel({
       container.scrollTo({ top: scrollTo, behavior: "smooth" });
     }
   }, [hoveredAnnotationId]);
-  const handleAnnotationClick = useCallback20(({ annotationId }) => {
+  const handleAnnotationClick2 = useCallback20(({ annotationId }) => {
     setFocusedAnnotationId(annotationId);
     setTimeout(() => setFocusedAnnotationId(null), 3e3);
   }, []);
   useEventSubscriptions({
-    "browse:click": handleAnnotationClick
+    "browse:click": handleAnnotationClick2
   });
   useEffect28(() => {
     if (pendingAnnotation && pendingAnnotation.motivation === "highlighting") {
@@ -47252,12 +47338,12 @@ function ReferencesPanel({
       container.scrollTo({ top: scrollTo, behavior: "smooth" });
     }
   }, [hoveredAnnotationId]);
-  const handleAnnotationClick = useCallback21(({ annotationId }) => {
+  const handleAnnotationClick2 = useCallback21(({ annotationId }) => {
     setFocusedAnnotationId(annotationId);
     setTimeout(() => setFocusedAnnotationId(null), 3e3);
   }, []);
   useEventSubscriptions({
-    "browse:click": handleAnnotationClick
+    "browse:click": handleAnnotationClick2
   });
   const handleAssist = () => {
     setLastDetectionLog(null);
@@ -47751,12 +47837,12 @@ function TaggingPanel({
     if (typeof window === "undefined") return;
     localStorage.setItem("assist-section-expanded-tag", String(isAssistExpanded));
   }, [isAssistExpanded]);
-  const handleAnnotationClick = useCallback22(({ annotationId }) => {
+  const handleAnnotationClick2 = useCallback22(({ annotationId }) => {
     setFocusedAnnotationId(annotationId);
     setTimeout(() => setFocusedAnnotationId(null), 3e3);
   }, []);
   useEventSubscriptions({
-    "browse:click": handleAnnotationClick
+    "browse:click": handleAnnotationClick2
   });
   const entryRefs = useRef23(/* @__PURE__ */ new Map());
   const sortedAnnotations = useMemo10(() => {