@semiont/react-ui 0.2.34-build.91 → 0.2.34-build.92

package/dist/index.mjs

@@ -6,7 +6,7 @@ import {
   useEventSubscription,
   useEventSubscriptions,
   useHoverEmitter
-} from "./chunk-M7SZRRIE.mjs";
+} from "./chunk-MWQ5CNKW.mjs";
 import {
   AVAILABLE_LOCALES,
   ApiClientProvider,
@@ -21,13 +21,13 @@ import {
   useSessionContext,
   useToast,
   useTranslations
-} from "./chunk-C63BARI7.mjs";
+} from "./chunk-3FIQXKQF.mjs";
 import {
   EventBusProvider,
   resetEventBusForTesting,
   useEventBus
-} from "./chunk-ULIET3MW.mjs";
-import "./chunk-D7NBW4RV.mjs";
+} from "./chunk-YI5IX5ZA.mjs";
+import "./chunk-JH7BXE2P.mjs";
 import {
   __commonJS,
   __export,
@@ -17261,7 +17261,7 @@ var ReferenceResolutionWidget = class extends WidgetType {
         indicator.addEventListener("click", (e6) => {
           e6.preventDefault();
           e6.stopPropagation();
-          eventBus.get("annotation:click").next({ annotationId: annotation.id, motivation: annotation.motivation });
+          eventBus.get("attend:click").next({ annotationId: annotation.id, motivation: annotation.motivation });
         });
       }
     }
@@ -18269,18 +18269,37 @@ function useLineNumbers() {
   return { showLineNumbers, toggleLineNumbers };
 }
 
+// src/hooks/useHoverDelay.ts
+import { useState as useState3, useCallback as useCallback4 } from "react";
+function useHoverDelay() {
+  const [hoverDelayMs, setHoverDelayMsState] = useState3(() => {
+    if (typeof window !== "undefined") {
+      const stored = localStorage.getItem("hoverDelayMs");
+      return stored ? Number(stored) : HOVER_DELAY_MS;
+    }
+    return HOVER_DELAY_MS;
+  });
+  const setHoverDelayMs = useCallback4((delayMs) => {
+    setHoverDelayMsState(delayMs);
+    if (typeof window !== "undefined") {
+      localStorage.setItem("hoverDelayMs", delayMs.toString());
+    }
+  }, []);
+  return { hoverDelayMs, setHoverDelayMs };
+}
+
 // src/hooks/useObservableNavigation.tsx
-import { useCallback as useCallback4 } from "react";
+import { useCallback as useCallback5 } from "react";
 function useObservableRouter(baseRouter) {
   const eventBus = useEventBus();
-  const push2 = useCallback4((path2, options) => {
+  const push2 = useCallback5((path2, options) => {
     eventBus.get("navigation:router-push").next({
       path: path2,
       reason: options?.reason
     });
     baseRouter.push(path2);
   }, []);
-  const replace3 = useCallback4((path2, options) => {
+  const replace3 = useCallback5((path2, options) => {
     if (!baseRouter.replace) return;
     eventBus.get("navigation:router-push").next({
       path: path2,
@@ -18296,7 +18315,7 @@ function useObservableRouter(baseRouter) {
 }
 function useObservableExternalNavigation() {
   const eventBus = useEventBus();
-  return useCallback4((url, metadata) => {
+  return useCallback5((url, metadata) => {
     const fallbackTimer = setTimeout(() => {
       console.warn(
         "[Observable Navigation] No handler cancelled navigation:external-navigate fallback. Falling back to window.location.href. For better UX, subscribe to this event in your app, call cancelFallback(), and use client-side routing."
@@ -18312,7 +18331,7 @@ function useObservableExternalNavigation() {
 }
 
 // src/hooks/usePanelWidth.ts
-import { useState as useState3, useEffect as useEffect3, useRef as useRef3 } from "react";
+import { useState as useState4, useEffect as useEffect3, useRef as useRef3 } from "react";
 function usePanelWidth({
   defaultWidth = 384,
   // 24rem
@@ -18322,7 +18341,7 @@ function usePanelWidth({
   // 50rem
   storageKey = "semiont-panel-width"
 } = {}) {
-  const [width, setWidthInternal] = useState3(defaultWidth);
+  const [width, setWidthInternal] = useState4(defaultWidth);
   const userChangedRef = useRef3(false);
   useEffect3(() => {
     if (typeof window === "undefined") return;
@@ -18346,7 +18365,7 @@ function usePanelWidth({
 }
 
 // src/hooks/useResourceEvents.ts
-import { useEffect as useEffect4, useState as useState4, useRef as useRef4, useCallback as useCallback5 } from "react";
+import { useEffect as useEffect4, useState as useState5, useRef as useRef4, useCallback as useCallback6 } from "react";
 import { accessToken as accessToken2 } from "@semiont/core";
 function useResourceEvents({
   rUri,
@@ -18364,9 +18383,9 @@ function useResourceEvents({
   const client = useApiClient();
   const token = useAuthToken();
   const eventBus = useEventBus();
-  const [status, setStatus] = useState4("disconnected");
-  const [lastEvent, setLastEvent] = useState4(null);
-  const [eventCount, setEventCount] = useState4(0);
+  const [status, setStatus] = useState5("disconnected");
+  const [lastEvent, setLastEvent] = useState5(null);
+  const [eventCount, setEventCount] = useState5(0);
   const streamRef = useRef4(null);
   const reconnectTimeoutRef = useRef4(null);
   const reconnectAttemptsRef = useRef4(0);
@@ -18391,7 +18410,7 @@ function useResourceEvents({
     onDocumentUnarchivedRef.current = onDocumentUnarchived;
     onErrorRef.current = onError;
   });
-  const handleEvent = useCallback5((event) => {
+  const handleEvent = useCallback6((event) => {
     setLastEvent(event);
     setEventCount((prev) => prev + 1);
     onEventRef.current?.(event);
@@ -18425,7 +18444,7 @@ function useResourceEvents({
     });
     return () => subscription.unsubscribe();
   }, [eventBus, handleEvent]);
-  const connect = useCallback5(async () => {
+  const connect = useCallback6(async () => {
     if (connectingRef.current || streamRef.current) {
       return;
     }
@@ -18460,7 +18479,7 @@ function useResourceEvents({
       connectingRef.current = false;
     }
   }, [rUri, client, token, eventBus]);
-  const disconnect = useCallback5(() => {
+  const disconnect = useCallback6(() => {
     if (streamRef.current) {
       streamRef.current.close();
       streamRef.current = null;
@@ -18492,12 +18511,12 @@ function useResourceEvents({
 }
 
 // src/hooks/useRovingTabIndex.ts
-import { useRef as useRef5, useEffect as useEffect5, useCallback as useCallback6 } from "react";
+import { useRef as useRef5, useEffect as useEffect5, useCallback as useCallback7 } from "react";
 function useRovingTabIndex(itemCount, options = {}) {
   const { orientation = "horizontal", loop = true, cols = 1 } = options;
   const containerRef = useRef5(null);
   const currentIndexRef = useRef5(0);
-  const getFocusableItems = useCallback6(() => {
+  const getFocusableItems = useCallback7(() => {
     if (!containerRef.current) return [];
     return Array.from(
       containerRef.current.querySelectorAll(
@@ -18505,7 +18524,7 @@ function useRovingTabIndex(itemCount, options = {}) {
       )
     );
   }, []);
-  const focusItem = useCallback6((index2) => {
+  const focusItem = useCallback7((index2) => {
     const items = getFocusableItems();
     if (items.length === 0) return;
     let targetIndex = index2;
@@ -18520,7 +18539,7 @@ function useRovingTabIndex(itemCount, options = {}) {
     items[targetIndex]?.focus();
     currentIndexRef.current = targetIndex;
   }, [getFocusableItems, loop]);
-  const handleKeyDown = useCallback6(
+  const handleKeyDown = useCallback7(
     (event) => {
       const items = getFocusableItems();
       if (items.length === 0) return;
@@ -18607,11 +18626,11 @@ function useRovingTabIndex(itemCount, options = {}) {
 }
 
 // src/hooks/useSessionExpiry.ts
-import { useState as useState5, useEffect as useEffect6 } from "react";
+import { useState as useState6, useEffect as useEffect6 } from "react";
 function useSessionExpiry() {
   const { expiresAt } = useSessionContext();
-  const [timeRemaining, setTimeRemaining] = useState5(null);
-  const [isExpiringSoon, setIsExpiringSoon] = useState5(false);
+  const [timeRemaining, setTimeRemaining] = useState6(null);
+  const [isExpiringSoon, setIsExpiringSoon] = useState6(false);
   useEffect6(() => {
     if (!expiresAt) {
       setTimeRemaining(null);
@@ -18631,17 +18650,17 @@ function useSessionExpiry() {
 }
 
 // src/contexts/ThemeContext.tsx
-import { createContext as createContext2, useContext as useContext2, useEffect as useEffect7, useState as useState6 } from "react";
+import { createContext as createContext2, useContext as useContext2, useEffect as useEffect7, useState as useState7 } from "react";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var ThemeContext = createContext2(null);
 function ThemeProvider({ children }) {
-  const [theme2, setThemeState] = useState6(() => {
+  const [theme2, setThemeState] = useState7(() => {
     if (typeof window !== "undefined") {
       return localStorage.getItem("theme") || "system";
     }
     return "system";
   });
-  const [systemTheme, setSystemTheme] = useState6(() => {
+  const [systemTheme, setSystemTheme] = useState7(() => {
     if (typeof window !== "undefined") {
       return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
     }
@@ -18677,17 +18696,17 @@ function useTheme() {
 }
 
 // src/hooks/useUI.ts
-import { useState as useState7, useEffect as useEffect8, useCallback as useCallback7, useRef as useRef6 } from "react";
+import { useState as useState8, useEffect as useEffect8, useCallback as useCallback8, useRef as useRef6 } from "react";
 function useDropdown() {
-  const [isOpen, setIsOpen] = useState7(false);
+  const [isOpen, setIsOpen] = useState8(false);
   const dropdownRef = useRef6(null);
-  const toggle = useCallback7(() => {
+  const toggle = useCallback8(() => {
     setIsOpen((prev) => !prev);
   }, []);
-  const open = useCallback7(() => {
+  const open = useCallback8(() => {
     setIsOpen(true);
   }, []);
-  const close = useCallback7(() => {
+  const close = useCallback8(() => {
     setIsOpen(false);
   }, []);
   useEffect8(() => {
@@ -18723,14 +18742,14 @@ function useDropdown() {
   };
 }
 function useLoadingState(minLoadingTime = 500) {
-  const [isLoading, setIsLoading] = useState7(false);
-  const [showLoading, setShowLoading] = useState7(false);
+  const [isLoading, setIsLoading] = useState8(false);
+  const [showLoading, setShowLoading] = useState8(false);
   const timeoutRef = useRef6(null);
-  const startLoading = useCallback7(() => {
+  const startLoading = useCallback8(() => {
     setIsLoading(true);
     setShowLoading(true);
   }, []);
-  const stopLoading = useCallback7(() => {
+  const stopLoading = useCallback8(() => {
     setIsLoading(false);
     timeoutRef.current = setTimeout(() => {
       setShowLoading(false);
@@ -18751,7 +18770,7 @@ function useLoadingState(minLoadingTime = 500) {
   };
 }
 function useLocalStorage(key, initialValue) {
-  const [storedValue, setStoredValue] = useState7(() => {
+  const [storedValue, setStoredValue] = useState8(() => {
     if (typeof window === "undefined") {
       return initialValue;
     }
@@ -18763,7 +18782,7 @@ function useLocalStorage(key, initialValue) {
       return initialValue;
     }
   });
-  const setValue = useCallback7((value) => {
+  const setValue = useCallback8((value) => {
     try {
       const valueToStore = value instanceof Function ? value(storedValue) : value;
       setStoredValue(valueToStore);
@@ -18828,10 +18847,10 @@ function useCacheManager() {
 }
 
 // src/contexts/ResourceAnnotationsContext.tsx
-import { createContext as createContext6, useContext as useContext6, useState as useState9, useCallback as useCallback9, useMemo } from "react";
+import { createContext as createContext6, useContext as useContext6, useState as useState10, useCallback as useCallback10, useMemo } from "react";
 
 // src/components/LiveRegion.tsx
-import { useState as useState8, createContext as createContext5, useContext as useContext5, useCallback as useCallback8 } from "react";
+import { useState as useState9, createContext as createContext5, useContext as useContext5, useCallback as useCallback9 } from "react";
 import { jsx as jsx5, jsxs } from "react/jsx-runtime";
 var LiveRegionContext = createContext5(null);
 function useLiveRegion() {
@@ -18843,9 +18862,9 @@ function useLiveRegion() {
   return context;
 }
 function LiveRegionProvider({ children }) {
-  const [politeMessage, setPoliteMessage] = useState8("");
-  const [assertiveMessage, setAssertiveMessage] = useState8("");
-  const announce = useCallback8((message, priority = "polite") => {
+  const [politeMessage, setPoliteMessage] = useState9("");
+  const [assertiveMessage, setAssertiveMessage] = useState9("");
+  const announce = useCallback9((message, priority = "polite") => {
     if (priority === "assertive") {
       setAssertiveMessage(message);
       setTimeout(() => setAssertiveMessage(""), 1e3);
@@ -18880,14 +18899,14 @@ function LiveRegionProvider({ children }) {
 }
 function useSearchAnnouncements() {
   const { announce } = useLiveRegion();
-  const announceSearchResults = useCallback8((count2, query) => {
+  const announceSearchResults = useCallback9((count2, query) => {
     if (count2 === 0) {
       announce(`No results found for ${query}`, "polite");
     } else {
       announce(`${count2} result${count2 === 1 ? "" : "s"} found for ${query}`, "polite");
     }
   }, [announce]);
-  const announceSearching = useCallback8(() => {
+  const announceSearching = useCallback9(() => {
     announce("Searching...", "polite");
   }, [announce]);
   return {
@@ -18897,26 +18916,26 @@ function useSearchAnnouncements() {
 }
 function useDocumentAnnouncements(annotators) {
   const { announce } = useLiveRegion();
-  const announceDocumentSaved = useCallback8(() => {
+  const announceDocumentSaved = useCallback9(() => {
     announce("Document saved successfully", "polite");
   }, [announce]);
-  const announceDocumentDeleted = useCallback8(() => {
+  const announceDocumentDeleted = useCallback9(() => {
     announce("Document deleted", "polite");
   }, [announce]);
-  const announceAnnotationCreated = useCallback8((annotation) => {
+  const announceAnnotationCreated = useCallback9((annotation) => {
     const metadata = annotators ? Object.values(annotators).find((a15) => a15.matchesAnnotation(annotation)) : null;
     const message = metadata?.announceOnCreate ?? "Annotation created";
     announce(message, "polite");
   }, [announce, annotators]);
-  const announceAnnotationDeleted = useCallback8(() => {
+  const announceAnnotationDeleted = useCallback9(() => {
     announce("Annotation deleted", "polite");
   }, [announce]);
-  const announceAnnotationUpdated = useCallback8((annotation) => {
+  const announceAnnotationUpdated = useCallback9((annotation) => {
     const metadata = annotators ? Object.values(annotators).find((a15) => a15.matchesAnnotation(annotation)) : null;
     const message = `${metadata?.displayName ?? "Annotation"} updated`;
     announce(message, "polite");
   }, [announce, annotators]);
-  const announceError = useCallback8((message) => {
+  const announceError = useCallback9((message) => {
     announce(`Error: ${message}`, "assertive");
   }, [announce]);
   return {
@@ -18930,18 +18949,18 @@ function useDocumentAnnouncements(annotators) {
 }
 function useResourceLoadingAnnouncements() {
   const { announce } = useLiveRegion();
-  const announceResourceLoading = useCallback8((resourceName) => {
+  const announceResourceLoading = useCallback9((resourceName) => {
     const message = resourceName ? `Loading ${resourceName}...` : "Loading resource...";
     announce(message, "polite");
   }, [announce]);
-  const announceResourceLoaded = useCallback8((resourceName) => {
+  const announceResourceLoaded = useCallback9((resourceName) => {
     announce(`${resourceName} loaded successfully`, "polite");
   }, [announce]);
-  const announceResourceLoadError = useCallback8((resourceName) => {
+  const announceResourceLoadError = useCallback9((resourceName) => {
     const message = resourceName ? `Failed to load ${resourceName}` : "Failed to load resource";
     announce(message, "assertive");
   }, [announce]);
-  const announceResourceUpdating = useCallback8((resourceName) => {
+  const announceResourceUpdating = useCallback9((resourceName) => {
     announce(`Updating ${resourceName}...`, "polite");
   }, [announce]);
   return {
@@ -18953,16 +18972,16 @@ function useResourceLoadingAnnouncements() {
 }
 function useFormAnnouncements() {
   const { announce } = useLiveRegion();
-  const announceFormSubmitting = useCallback8(() => {
+  const announceFormSubmitting = useCallback9(() => {
     announce("Submitting form...", "polite");
   }, [announce]);
-  const announceFormSuccess = useCallback8((message) => {
+  const announceFormSuccess = useCallback9((message) => {
     announce(message || "Form submitted successfully", "polite");
   }, [announce]);
-  const announceFormError = useCallback8((message) => {
+  const announceFormError = useCallback9((message) => {
     announce(message || "Form submission failed. Please check your entries and try again.", "assertive");
   }, [announce]);
-  const announceFormValidationError = useCallback8((fieldCount) => {
+  const announceFormValidationError = useCallback9((fieldCount) => {
     const message = fieldCount === 1 ? "There is 1 field with an error" : `There are ${fieldCount} fields with errors`;
     announce(message, "assertive");
   }, [announce]);
@@ -18975,10 +18994,10 @@ function useFormAnnouncements() {
 }
 function useLanguageChangeAnnouncements() {
   const { announce } = useLiveRegion();
-  const announceLanguageChanging = useCallback8((newLanguage) => {
+  const announceLanguageChanging = useCallback9((newLanguage) => {
     announce(`Changing language to ${newLanguage}...`, "polite");
   }, [announce]);
-  const announceLanguageChanged = useCallback8((newLanguage) => {
+  const announceLanguageChanged = useCallback9((newLanguage) => {
     announce(`Language changed to ${newLanguage}`, "polite");
   }, [announce]);
   return {
@@ -18991,11 +19010,11 @@ function useLanguageChangeAnnouncements() {
 import { jsx as jsx6 } from "react/jsx-runtime";
 var ResourceAnnotationsContext = createContext6(void 0);
 function ResourceAnnotationsProvider({ children }) {
-  const [newAnnotationIds, setNewAnnotationIds] = useState9(/* @__PURE__ */ new Set());
+  const [newAnnotationIds, setNewAnnotationIds] = useState10(/* @__PURE__ */ new Set());
   const { announceAnnotationCreated, announceError } = useDocumentAnnouncements();
   const annotations = useAnnotations();
   const createAnnotationMutation = annotations.create.useMutation();
-  const createAnnotation = useCallback9(async (rUri, motivation, selector, body = []) => {
+  const createAnnotation = useCallback10(async (rUri, motivation, selector, body = []) => {
     try {
       const createData = {
         motivation,
@@ -19027,14 +19046,14 @@ function ResourceAnnotationsProvider({ children }) {
       throw err;
     }
   }, [createAnnotationMutation, announceAnnotationCreated, announceError]);
-  const clearNewAnnotationId = useCallback9((id2) => {
+  const clearNewAnnotationId = useCallback10((id2) => {
     setNewAnnotationIds((prev) => {
       const next = new Set(prev);
       next.delete(id2);
       return next;
     });
   }, []);
-  const triggerSparkleAnimation = useCallback9((annotationId) => {
+  const triggerSparkleAnimation = useCallback10((annotationId) => {
     setNewAnnotationIds((prev) => new Set(prev).add(annotationId));
     setTimeout(() => {
       setNewAnnotationIds((prev) => {
@@ -26382,6 +26401,36 @@ var pasteURLAsLink = /* @__PURE__ */ EditorView.domEventHandlers({
   }
 });
 
+// src/lib/scroll-utils.ts
+function scrollAnnotationIntoView(annotationId, rootElement, options = {}) {
+  if (!annotationId) return false;
+  const { pulse = false, behavior = "smooth" } = options;
+  const element2 = rootElement.querySelector(
+    `[data-annotation-id="${CSS.escape(annotationId)}"]`
+  );
+  if (!element2) return false;
+  const scrollContainer = element2.closest(".semiont-browse-view__content") || 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 });
+    }
+  }
+  if (pulse) {
+    element2.classList.add("annotation-pulse");
+    setTimeout(() => {
+      element2.classList.remove("annotation-pulse");
+    }, 2e3);
+  }
+  return true;
+}
+
 // src/components/CodeMirrorRenderer.tsx
 import { isHighlight as isHighlight2, isReference as isReference2, isResolvedReference as isResolvedReference2, isComment as isComment2, isAssessment, isTag as isTag3, getBodySource as getBodySource2 } from "@semiont/api-client";
 import { jsx as jsx8 } from "react/jsx-runtime";
@@ -26537,7 +26586,8 @@ function CodeMirrorRenderer({
   enableWidgets = false,
   eventBus,
   getTargetDocumentName,
-  generatingReferenceId
+  generatingReferenceId,
+  hoverDelayMs
 }) {
   const containerRef = useRef7(null);
   const viewRef = useRef7(null);
@@ -26580,7 +26630,7 @@ function CodeMirrorRenderer({
               const segment = segmentsRef.current.find((s11) => s11.annotation?.id === annotationId);
               if (segment?.annotation) {
                 event.preventDefault();
-                eventBusRef.current.get("annotation:click").next({
+                eventBusRef.current.get("attend:click").next({
                   annotationId,
                   motivation: segment.annotation.motivation
                 });
@@ -26641,7 +26691,8 @@ function CodeMirrorRenderer({
     containerRef.current.__cmView = view;
     const container = view.dom;
     const { handleMouseEnter, handleMouseLeave, cleanup: cleanupHover } = createHoverHandlers(
-      (annotationId) => eventBusRef.current?.get("annotation:hover").next({ annotationId })
+      (annotationId) => eventBusRef.current?.get("attend:hover").next({ annotationId }),
+      hoverDelayMs
     );
     const handleMouseOver = (e6) => {
       const target = e6.target;
@@ -26663,7 +26714,7 @@ function CodeMirrorRenderer({
       view.destroy();
       viewRef.current = null;
     };
-  }, []);
+  }, [hoverDelayMs]);
   useEffect10(() => {
     if (!viewRef.current) return;
     const currentContent = viewRef.current.state.doc.toString();
@@ -26762,61 +26813,49 @@ function CodeMirrorRenderer({
   }, [hoveredCommentId]);
   useEffect10(() => {
     if (!viewRef.current || !scrollToAnnotationId) return;
-    const view = viewRef.current;
-    const element2 = view.contentDOM.querySelector(
-      `[data-annotation-id="${CSS.escape(scrollToAnnotationId)}"]`
-    );
-    if (!element2) return;
-    const scrollContainer = element2.closest(".semiont-annotate-view__content") || element2.closest(".semiont-document-viewer__scrollable-body");
-    if (scrollContainer) {
-      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" });
-    }
+    scrollAnnotationIntoView(scrollToAnnotationId, viewRef.current.contentDOM);
   }, [scrollToAnnotationId]);
   const containerClasses = sourceView ? "semiont-codemirror semiont-codemirror--source" : "semiont-codemirror";
   return /* @__PURE__ */ jsx8("div", { ref: containerRef, className: containerClasses, "data-markdown-container": true });
 }
 
-// src/components/DetectionProgressWidget.tsx
+// src/components/AnnotateReferencesProgressWidget.tsx
 import { jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
-function DetectionProgressWidget({ progress, annotationType = "reference" }) {
-  const t12 = useTranslations("DetectionProgressWidget");
+function AnnotateReferencesProgressWidget({ progress, annotationType = "reference" }) {
+  const t12 = useTranslations("ReferencesPanel");
   const eventBus = useEventBus();
   const handleCancel = () => {
-    eventBus.get("job:cancel-requested").next({ jobType: "detection" });
+    eventBus.get("job:cancel-requested").next({ jobType: "annotation" });
   };
   if (!progress) return null;
   return /* @__PURE__ */ jsxs2(
     "div",
     {
-      className: "semiont-detection-progress",
+      className: "semiont-annotation-progress",
       "data-status": progress.status,
       "data-type": annotationType,
       children: [
-        /* @__PURE__ */ jsxs2("div", { className: "semiont-detection-header", children: [
-          /* @__PURE__ */ jsxs2("h3", { className: "semiont-detection-title", children: [
-            /* @__PURE__ */ jsx9("span", { className: "semiont-detection-sparkle", children: "\u2728" }),
-            t12("title")
+        /* @__PURE__ */ jsxs2("div", { className: "semiont-annotation-header", children: [
+          /* @__PURE__ */ jsxs2("h3", { className: "semiont-annotation-title", children: [
+            /* @__PURE__ */ jsx9("span", { className: "semiont-annotation-sparkle", children: "\u2728" }),
+            t12("annotationProgressTitle")
           ] }),
           progress.status !== "complete" && /* @__PURE__ */ jsx9(
             "button",
             {
               onClick: handleCancel,
-              className: "semiont-detection-cancel",
-              title: t12("cancelDetection"),
+              className: "semiont-annotation-cancel",
+              title: t12("cancelAnnotation"),
               children: "\u2715"
             }
           )
         ] }),
         (() => {
           const enrichedProgress = progress;
-          return enrichedProgress.requestParams && enrichedProgress.requestParams.length > 0 && /* @__PURE__ */ jsxs2("div", { className: "semiont-detection-progress__params", children: [
-            /* @__PURE__ */ jsx9("div", { className: "semiont-detection-progress__params-title", children: "Request Parameters:" }),
-            enrichedProgress.requestParams.map((param, idx) => /* @__PURE__ */ jsxs2("div", { className: "semiont-detection-progress__param", children: [
-              /* @__PURE__ */ jsxs2("span", { className: "semiont-detection-progress__param-label", children: [
+          return enrichedProgress.requestParams && enrichedProgress.requestParams.length > 0 && /* @__PURE__ */ jsxs2("div", { className: "semiont-annotation-progress__params", children: [
+            /* @__PURE__ */ jsx9("div", { className: "semiont-annotation-progress__params-title", children: "Request Parameters:" }),
+            enrichedProgress.requestParams.map((param, idx) => /* @__PURE__ */ jsxs2("div", { className: "semiont-annotation-progress__param", children: [
+              /* @__PURE__ */ jsxs2("span", { className: "semiont-annotation-progress__param-label", children: [
                 param.label,
                 ":"
               ] }),
@@ -26825,26 +26864,26 @@ function DetectionProgressWidget({ progress, annotationType = "reference" }) {
             ] }, idx))
           ] });
         })(),
-        progress.completedEntityTypes && progress.completedEntityTypes.length > 0 && /* @__PURE__ */ jsx9("div", { className: "semiont-detection-log", children: progress.completedEntityTypes.map((item, index2) => /* @__PURE__ */ jsxs2("div", { className: "semiont-detection-log-item", children: [
-          /* @__PURE__ */ jsx9("span", { className: "semiont-detection-check", children: "\u2713" }),
-          /* @__PURE__ */ jsxs2("span", { className: "semiont-detection-entity-type", children: [
+        progress.completedEntityTypes && progress.completedEntityTypes.length > 0 && /* @__PURE__ */ jsx9("div", { className: "semiont-annotation-log", children: progress.completedEntityTypes.map((item, index2) => /* @__PURE__ */ jsxs2("div", { className: "semiont-annotation-log-item", children: [
+          /* @__PURE__ */ jsx9("span", { className: "semiont-annotation-check", children: "\u2713" }),
+          /* @__PURE__ */ jsxs2("span", { className: "semiont-annotation-entity-type", children: [
             item.entityType,
             ":"
           ] }),
           /* @__PURE__ */ jsx9("span", { children: t12("found", { count: item.foundCount }) })
         ] }, index2)) }),
-        /* @__PURE__ */ jsxs2("div", { className: "semiont-detection-progress__status", children: [
-          progress.status === "complete" ? /* @__PURE__ */ jsxs2("div", { className: "semiont-detection-progress__message", children: [
-            /* @__PURE__ */ jsx9("span", { className: "semiont-detection-progress__icon", children: "\u2705" }),
+        /* @__PURE__ */ jsxs2("div", { className: "semiont-annotation-progress__status", children: [
+          progress.status === "complete" ? /* @__PURE__ */ jsxs2("div", { className: "semiont-annotation-progress__message", children: [
+            /* @__PURE__ */ jsx9("span", { className: "semiont-annotation-progress__icon", children: "\u2705" }),
             /* @__PURE__ */ jsx9("span", { children: t12("complete") })
-          ] }) : progress.status === "error" ? /* @__PURE__ */ jsxs2("div", { className: "semiont-detection-progress__message", children: [
-            /* @__PURE__ */ jsx9("span", { className: "semiont-detection-progress__icon", children: "\u274C" }),
+          ] }) : progress.status === "error" ? /* @__PURE__ */ jsxs2("div", { className: "semiont-annotation-progress__message", children: [
+            /* @__PURE__ */ jsx9("span", { className: "semiont-annotation-progress__icon", children: "\u274C" }),
             /* @__PURE__ */ jsx9("span", { children: progress.message || t12("failed") })
-          ] }) : /* @__PURE__ */ jsxs2("div", { className: "semiont-detection-progress__message", children: [
-            /* @__PURE__ */ jsx9("span", { className: "semiont-detection-progress__icon", children: "\u2728" }),
-            /* @__PURE__ */ jsx9("span", { children: progress.message || (progress.currentEntityType ? t12("current", { entityType: progress.currentEntityType }) : t12("detecting")) })
+          ] }) : /* @__PURE__ */ jsxs2("div", { className: "semiont-annotation-progress__message", children: [
+            /* @__PURE__ */ jsx9("span", { className: "semiont-annotation-progress__icon", children: "\u2728" }),
+            /* @__PURE__ */ jsx9("span", { children: progress.message || (progress.currentEntityType ? t12("current", { entityType: progress.currentEntityType }) : t12("annotating")) })
           ] }),
-          progress.currentEntityType && progress.status !== "complete" && progress.status !== "error" && /* @__PURE__ */ jsxs2("div", { className: "semiont-detection-progress__details", children: [
+          progress.currentEntityType && progress.status !== "complete" && progress.status !== "error" && /* @__PURE__ */ jsxs2("div", { className: "semiont-annotation-progress__details", children: [
             "Processing: ",
             progress.currentEntityType
           ] })
@@ -26959,7 +26998,7 @@ function AsyncErrorBoundary({ children }) {
 }
 
 // src/components/ResizeHandle.tsx
-import { useRef as useRef8, useCallback as useCallback10, useEffect as useEffect11, useState as useState10 } from "react";
+import { useRef as useRef8, useCallback as useCallback11, useEffect as useEffect11, useState as useState11 } from "react";
 import { jsx as jsx11 } from "react/jsx-runtime";
 function ResizeHandle({
   onResize,
@@ -26968,14 +27007,14 @@ function ResizeHandle({
   position: position3 = "left",
   ariaLabel = "Resize panel"
 }) {
-  const [isDragging, setIsDragging] = useState10(false);
+  const [isDragging, setIsDragging] = useState11(false);
   const startXRef = useRef8(0);
   const startWidthRef = useRef8(0);
   const onResizeRef = useRef8(onResize);
   useEffect11(() => {
     onResizeRef.current = onResize;
   });
-  const handleMouseDown = useCallback10((e6) => {
+  const handleMouseDown = useCallback11((e6) => {
     e6.preventDefault();
     setIsDragging(true);
     startXRef.current = e6.clientX;
@@ -26984,7 +27023,7 @@ function ResizeHandle({
       startWidthRef.current = parent.offsetWidth;
     }
   }, []);
-  const handleMouseMove = useCallback10((e6) => {
+  const handleMouseMove = useCallback11((e6) => {
     if (!isDragging) return;
     const deltaX = e6.clientX - startXRef.current;
     const widthDelta = position3 === "left" ? -deltaX : deltaX;
@@ -26992,10 +27031,10 @@ function ResizeHandle({
     const constrainedWidth = Math.max(minWidth, Math.min(maxWidth, newWidth));
     onResizeRef.current(constrainedWidth);
   }, [isDragging, minWidth, maxWidth, position3]);
-  const handleMouseUp = useCallback10(() => {
+  const handleMouseUp = useCallback11(() => {
     setIsDragging(false);
   }, []);
-  const handleKeyDown = useCallback10((e6) => {
+  const handleKeyDown = useCallback11((e6) => {
     const parent = e6.target.parentElement;
     if (!parent) return;
     const currentWidth = parent.offsetWidth;
@@ -27081,7 +27120,7 @@ function Toolbar({
   const t12 = useTranslations("Toolbar");
   const eventBus = useEventBus();
   const handlePanelToggle = (panel) => {
-    eventBus.get("panel:toggle").next({ panel });
+    eventBus.get("attend:panel-toggle").next({ panel });
   };
   return /* @__PURE__ */ jsxs4("div", { className: "semiont-toolbar", "data-context": context, children: [
     context === "document" && /* @__PURE__ */ jsxs4(Fragment, { children: [
@@ -27188,7 +27227,8 @@ function SettingsPanel({
   showLineNumbers,
   theme: theme2,
   locale,
-  isPendingLocaleChange = false
+  isPendingLocaleChange = false,
+  hoverDelayMs
 }) {
   const t12 = useTranslations("Settings");
   const eventBus = useEventBus();
@@ -27290,13 +27330,35 @@ function SettingsPanel({
         ),
         /* @__PURE__ */ jsx14("p", { id: "language-hint", className: "semiont-form__help", children: t12("languageHint") }),
         isPendingLocaleChange && /* @__PURE__ */ jsx14("p", { className: "semiont-settings-panel__loading", role: "status", "aria-live": "polite", children: t12("languageChanging") })
+      ] }),
+      /* @__PURE__ */ jsxs5("div", { className: "semiont-settings-panel__field", children: [
+        /* @__PURE__ */ jsx14("label", { htmlFor: "hover-delay-slider", className: "semiont-form__label", children: t12("hoverDelay") }),
+        /* @__PURE__ */ jsx14(
+          "input",
+          {
+            id: "hover-delay-slider",
+            type: "range",
+            min: "0",
+            max: "500",
+            step: "50",
+            value: hoverDelayMs,
+            onChange: (e6) => eventBus.get("settings:hover-delay-changed").next({ hoverDelayMs: Number(e6.target.value) }),
+            className: "semiont-slider",
+            "aria-describedby": "hover-delay-description"
+          }
+        ),
+        /* @__PURE__ */ jsxs5("div", { className: "semiont-slider__labels", children: [
+          /* @__PURE__ */ jsx14("span", { children: t12("hoverDelayFast") }),
+          /* @__PURE__ */ jsx14("span", { children: t12("hoverDelaySlow") })
+        ] }),
+        /* @__PURE__ */ jsx14("p", { id: "hover-delay-description", className: "semiont-form__help", children: t12("hoverDelayDescription", { delay: hoverDelayMs }) })
       ] })
     ] })
   ] });
 }
 
 // src/components/annotation/AnnotateToolbar.tsx
-import React7, { useState as useState11, useRef as useRef9, useEffect as useEffect13 } from "react";
+import React7, { useState as useState12, useRef as useRef9, useEffect as useEffect13 } from "react";
 import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
 function DropdownGroup({
   label,
@@ -27370,14 +27432,14 @@ function AnnotateToolbar({
     const annotator = Object.values(annotators).find((a15) => a15.motivation === motivation);
     return annotator?.iconEmoji || "\u2753";
   };
-  const [modeHovered, setModeHovered] = useState11(false);
-  const [modePinned, setModePinned] = useState11(false);
-  const [clickHovered, setClickHovered] = useState11(false);
-  const [clickPinned, setClickPinned] = useState11(false);
-  const [selectionHovered, setSelectionHovered] = useState11(false);
-  const [selectionPinned, setSelectionPinned] = useState11(false);
-  const [shapeHovered, setShapeHovered] = useState11(false);
-  const [shapePinned, setShapePinned] = useState11(false);
+  const [modeHovered, setModeHovered] = useState12(false);
+  const [modePinned, setModePinned] = useState12(false);
+  const [clickHovered, setClickHovered] = useState12(false);
+  const [clickPinned, setClickPinned] = useState12(false);
+  const [selectionHovered, setSelectionHovered] = useState12(false);
+  const [selectionPinned, setSelectionPinned] = useState12(false);
+  const [shapeHovered, setShapeHovered] = useState12(false);
+  const [shapePinned, setShapePinned] = useState12(false);
   const modeRef = useRef9(null);
   const clickRef = useRef9(null);
   const selectionRef = useRef9(null);
@@ -27418,9 +27480,9 @@ function AnnotateToolbar({
   }, []);
   const handleSelectionClick = (motivation) => {
     if (motivation === null) {
-      eventBus.get("toolbar:selection-changed").next({ motivation: null });
+      eventBus.get("annotate:selection-changed").next({ motivation: null });
     } else {
-      eventBus.get("toolbar:selection-changed").next({
+      eventBus.get("annotate:selection-changed").next({
         motivation: selectedMotivation === motivation ? null : motivation
       });
     }
@@ -27428,17 +27490,17 @@ function AnnotateToolbar({
     setSelectionHovered(false);
   };
   const handleClickClick = (action) => {
-    eventBus.get("toolbar:click-changed").next({ action });
+    eventBus.get("annotate:click-changed").next({ action });
     setClickPinned(false);
     setClickHovered(false);
   };
   const handleShapeClick = (shape) => {
-    eventBus.get("toolbar:shape-changed").next({ shape });
+    eventBus.get("annotate:shape-changed").next({ shape });
     setShapePinned(false);
     setShapeHovered(false);
   };
   const handleModeToggle = () => {
-    eventBus.get("view:mode-toggled").next(void 0);
+    eventBus.get("annotate:mode-toggled").next(void 0);
     setModePinned(false);
     setModeHovered(false);
   };
@@ -29518,13 +29580,14 @@ function AnnotationOverlay({
   displayHeight,
   eventBus,
   hoveredAnnotationId,
-  selectedAnnotationId
+  selectedAnnotationId,
+  hoverDelayMs
 }) {
   const scaleX = displayWidth / imageWidth;
   const scaleY = displayHeight / imageHeight;
   const { handleMouseEnter, handleMouseLeave } = useMemo2(
-    () => createHoverHandlers((annotationId) => eventBus?.get("annotation:hover").next({ annotationId })),
-    [eventBus]
+    () => createHoverHandlers((annotationId) => eventBus?.get("attend:hover").next({ annotationId }), hoverDelayMs),
+    [eventBus, hoverDelayMs]
   );
   return /* @__PURE__ */ jsx18(
     "svg",
@@ -29564,7 +29627,7 @@ function AnnotationOverlay({
                   className: "semiont-annotation-overlay__shape",
                   "data-hovered": isHovered ? "true" : "false",
                   "data-selected": isSelected ? "true" : "false",
-                  onClick: () => eventBus?.get("annotation:click").next({ annotationId: annotation.id, motivation: annotation.motivation }),
+                  onClick: () => eventBus?.get("attend:click").next({ annotationId: annotation.id, motivation: annotation.motivation }),
                   onMouseEnter: () => handleMouseEnter(annotation.id),
                   onMouseLeave: handleMouseLeave
                 }
@@ -29579,7 +29642,7 @@ function AnnotationOverlay({
                   style: { userSelect: "none" },
                   onClick: (e6) => {
                     e6.stopPropagation();
-                    eventBus?.get("annotation:click").next({ annotationId: annotation.id, motivation: annotation.motivation });
+                    eventBus?.get("attend:click").next({ annotationId: annotation.id, motivation: annotation.motivation });
                   },
                   onMouseEnter: () => handleMouseEnter(annotation.id),
                   onMouseLeave: handleMouseLeave,
@@ -29609,7 +29672,7 @@ function AnnotationOverlay({
                   className: "semiont-annotation-overlay__shape",
                   "data-hovered": isHovered ? "true" : "false",
                   "data-selected": isSelected ? "true" : "false",
-                  onClick: () => eventBus?.get("annotation:click").next({ annotationId: annotation.id, motivation: annotation.motivation }),
+                  onClick: () => eventBus?.get("attend:click").next({ annotationId: annotation.id, motivation: annotation.motivation }),
                   onMouseEnter: () => handleMouseEnter(annotation.id),
                   onMouseLeave: handleMouseLeave
                 }
@@ -29624,7 +29687,7 @@ function AnnotationOverlay({
                   style: { userSelect: "none" },
                   onClick: (e6) => {
                     e6.stopPropagation();
-                    eventBus?.get("annotation:click").next({ annotationId: annotation.id, motivation: annotation.motivation });
+                    eventBus?.get("attend:click").next({ annotationId: annotation.id, motivation: annotation.motivation });
                   },
                   onMouseEnter: () => handleMouseEnter(annotation.id),
                   onMouseLeave: handleMouseLeave,
@@ -29658,7 +29721,7 @@ function AnnotationOverlay({
                   className: "semiont-annotation-overlay__shape",
                   "data-hovered": isHovered ? "true" : "false",
                   "data-selected": isSelected ? "true" : "false",
-                  onClick: () => eventBus?.get("annotation:click").next({ annotationId: annotation.id, motivation: annotation.motivation }),
+                  onClick: () => eventBus?.get("attend:click").next({ annotationId: annotation.id, motivation: annotation.motivation }),
                   onMouseEnter: () => handleMouseEnter(annotation.id),
                   onMouseLeave: handleMouseLeave
                 }
@@ -29673,7 +29736,7 @@ function AnnotationOverlay({
                   style: { userSelect: "none" },
                   onClick: (e6) => {
                     e6.stopPropagation();
-                    eventBus?.get("annotation:click").next({ annotationId: annotation.id, motivation: annotation.motivation });
+                    eventBus?.get("attend:click").next({ annotationId: annotation.id, motivation: annotation.motivation });
                   },
                   onMouseEnter: () => handleMouseEnter(annotation.id),
                   onMouseLeave: handleMouseLeave,
@@ -29691,7 +29754,7 @@ function AnnotationOverlay({
 }
 
 // src/components/image-annotation/SvgDrawingCanvas.tsx
-import { useRef as useRef11, useState as useState13, useEffect as useEffect16, useCallback as useCallback11, useMemo as useMemo3 } from "react";
+import { useRef as useRef11, useState as useState14, useEffect as useEffect16, useCallback as useCallback12, useMemo as useMemo3 } from "react";
 import { createRectangleSvg, createCircleSvg, createPolygonSvg, scaleSvgToNative, parseSvgSelector as parseSvgSelector2 } from "@semiont/api-client";
 import { jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
 function getMotivationColor(motivation) {
@@ -29724,17 +29787,18 @@ function SvgDrawingCanvas({
   hoveredAnnotationId,
   selectedAnnotationId
 }) {
+  const { hoverDelayMs } = useHoverDelay();
   const imageUrl = useMemo3(() => {
     const resourceId = resourceUri2.split("/").pop();
     return `/api/resources/${resourceId}`;
   }, [resourceUri2]);
   const containerRef = useRef11(null);
   const imageRef = useRef11(null);
-  const [imageDimensions, setImageDimensions] = useState13(null);
-  const [displayDimensions, setDisplayDimensions] = useState13(null);
-  const [isDrawing, setIsDrawing] = useState13(false);
-  const [startPoint, setStartPoint] = useState13(null);
-  const [currentPoint, setCurrentPoint] = useState13(null);
+  const [imageDimensions, setImageDimensions] = useState14(null);
+  const [displayDimensions, setDisplayDimensions] = useState14(null);
+  const [isDrawing, setIsDrawing] = useState14(false);
+  const [startPoint, setStartPoint] = useState14(null);
+  const [currentPoint, setCurrentPoint] = useState14(null);
   useEffect16(() => {
     const img = new Image();
     img.onload = () => {
@@ -29773,7 +29837,7 @@ function SvgDrawingCanvas({
       }
     };
   }, []);
-  const getRelativeCoordinates = useCallback11((e6) => {
+  const getRelativeCoordinates = useCallback12((e6) => {
     if (!imageRef.current) return null;
     const rect = imageRef.current.getBoundingClientRect();
     return {
@@ -29781,7 +29845,7 @@ function SvgDrawingCanvas({
       y: e6.clientY - rect.top
     };
   }, []);
-  const handleMouseDown = useCallback11((e6) => {
+  const handleMouseDown = useCallback12((e6) => {
     if (!drawingMode) return;
     const point4 = getRelativeCoordinates(e6);
     if (point4) {
@@ -29790,14 +29854,14 @@ function SvgDrawingCanvas({
       setCurrentPoint(point4);
     }
   }, [drawingMode, getRelativeCoordinates]);
-  const handleMouseMove = useCallback11((e6) => {
+  const handleMouseMove = useCallback12((e6) => {
     if (!isDrawing || !startPoint) return;
     const point4 = getRelativeCoordinates(e6);
     if (point4) {
       setCurrentPoint(point4);
     }
   }, [isDrawing, startPoint, getRelativeCoordinates]);
-  const handleMouseUp = useCallback11((e6) => {
+  const handleMouseUp = useCallback12((e6) => {
     if (!isDrawing || !startPoint || !drawingMode) return;
     const endPoint = getRelativeCoordinates(e6);
     if (!endPoint || !displayDimensions || !imageDimensions) return;
@@ -29829,7 +29893,7 @@ function SvgDrawingCanvas({
           return false;
         });
         if (clickedAnnotation) {
-          eventBus?.get("annotation:click").next({ annotationId: clickedAnnotation.id, motivation: clickedAnnotation.motivation });
+          eventBus?.get("attend:click").next({ annotationId: clickedAnnotation.id, motivation: clickedAnnotation.motivation });
           setIsDrawing(false);
           setStartPoint(null);
           setCurrentPoint(null);
@@ -29881,7 +29945,7 @@ function SvgDrawingCanvas({
       imageDimensions.height
     );
     if (eventBus && selectedMotivation) {
-      eventBus.get("annotation:requested").next({
+      eventBus.get("annotate:requested").next({
         selector: {
           type: "SvgSelector",
           value: nativeSvg
@@ -29893,7 +29957,7 @@ function SvgDrawingCanvas({
     setStartPoint(null);
     setCurrentPoint(null);
   }, [isDrawing, startPoint, drawingMode, displayDimensions, imageDimensions, getRelativeCoordinates, selectedMotivation, existingAnnotations]);
-  const handleMouseLeave = useCallback11(() => {
+  const handleMouseLeave = useCallback12(() => {
     if (isDrawing) {
       setIsDrawing(false);
       setStartPoint(null);
@@ -29942,6 +30006,7 @@ function SvgDrawingCanvas({
                       imageHeight: imageDimensions.height,
                       displayWidth: displayDimensions.width,
                       displayHeight: displayDimensions.height,
+                      hoverDelayMs,
                       ...eventBus && { eventBus },
                       ...hoveredAnnotationId !== void 0 && { hoveredAnnotationId },
                       ...selectedAnnotationId !== void 0 && { selectedAnnotationId }
@@ -30181,7 +30246,7 @@ function KeyboardShortcutsHelpModal({ isOpen, onClose }) {
 }
 
 // src/components/modals/ProposeEntitiesModal.tsx
-import { useEffect as useEffect17, useState as useState14, Fragment as Fragment5 } from "react";
+import { useEffect as useEffect17, useState as useState15, Fragment as Fragment5 } from "react";
 import { jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
 var STORAGE_KEY = "userPreferredEntityTypes";
 function ProposeEntitiesModal({
@@ -30189,7 +30254,7 @@ function ProposeEntitiesModal({
   onConfirm,
   onCancel
 }) {
-  const [selectedTypes, setSelectedTypes] = useState14([]);
+  const [selectedTypes, setSelectedTypes] = useState15([]);
   const entityTypesAPI = useEntityTypes();
   const { data: entityTypesData } = entityTypesAPI.list.useQuery();
   const allEntityTypes = entityTypesData?.entityTypes || [];
@@ -30303,11 +30368,11 @@ function ProposeEntitiesModal({
 }
 
 // src/components/resource/AnnotateView.tsx
-import { useRef as useRef12, useEffect as useEffect18, useCallback as useCallback12, lazy, Suspense } from "react";
+import { useRef as useRef12, useEffect as useEffect18, useCallback as useCallback13, lazy, Suspense } from "react";
 import { resourceUri as toResourceUri } from "@semiont/core";
 import { getTextPositionSelector, getTextQuoteSelector, getTargetSelector, getMimeCategory, isPdfMimeType as isPdfMimeType2, extractContext, findTextWithContext } from "@semiont/api-client";
 import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
-var PdfAnnotationCanvas = lazy(() => import("./PdfAnnotationCanvas.client-VLNA5O5M.mjs").then((mod) => ({ default: mod.PdfAnnotationCanvas })));
+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 }];
@@ -30377,6 +30442,7 @@ function AnnotateView({
   getTargetDocumentName,
   generatingReferenceId,
   showLineNumbers = false,
+  hoverDelayMs = 150,
   annotateMode
 }) {
   const { newAnnotationIds } = useResourceAnnotations();
@@ -30389,23 +30455,23 @@ function AnnotateView({
   const { selectedMotivation, selectedClick, selectedShape, hoveredAnnotationId, hoveredCommentId, scrollToAnnotationId } = uiState;
   const onUIStateChangeRef = useRef12(onUIStateChange);
   onUIStateChangeRef.current = onUIStateChange;
-  const handleToolbarSelectionChanged = useCallback12(({ motivation }) => {
+  const handleToolbarSelectionChanged = useCallback13(({ motivation }) => {
     onUIStateChangeRef.current?.({ selectedMotivation: motivation });
   }, []);
-  const handleToolbarClickChanged = useCallback12(({ action }) => {
+  const handleToolbarClickChanged = useCallback13(({ action }) => {
     onUIStateChangeRef.current?.({ selectedClick: action });
   }, []);
-  const handleToolbarShapeChanged = useCallback12(({ shape }) => {
+  const handleToolbarShapeChanged = useCallback13(({ shape }) => {
     onUIStateChangeRef.current?.({ selectedShape: shape });
   }, []);
-  const handleAnnotationHover = useCallback12(({ annotationId }) => {
+  const handleAnnotationHover = useCallback13(({ annotationId }) => {
     onUIStateChangeRef.current?.({ hoveredAnnotationId: annotationId });
   }, []);
   useEventSubscriptions({
-    "toolbar:selection-changed": handleToolbarSelectionChanged,
-    "toolbar:click-changed": handleToolbarClickChanged,
-    "toolbar:shape-changed": handleToolbarShapeChanged,
-    "annotation:hover": handleAnnotationHover
+    "annotate:selection-changed": handleToolbarSelectionChanged,
+    "annotate:click-changed": handleToolbarClickChanged,
+    "annotate:shape-changed": handleToolbarShapeChanged,
+    "attend:hover": handleAnnotationHover
   });
   useEffect18(() => {
     const container = containerRef.current;
@@ -30444,7 +30510,7 @@ function AnnotateView({
         const end2 = start3 + text7.length;
         const context = extractContext(content4, start3, end2);
         if (selectedMotivation) {
-          eventBus.get("annotation:requested").next({
+          eventBus.get("annotate:requested").next({
             selector: [
               {
                 type: "TextPositionSelector",
@@ -30470,7 +30536,7 @@ function AnnotateView({
       if (start2 >= 0) {
         const context = extractContext(content4, start2, end);
         if (selectedMotivation) {
-          eventBus.get("annotation:requested").next({
+          eventBus.get("annotate:requested").next({
             selector: [
               {
                 type: "TextPositionSelector",
@@ -30523,6 +30589,7 @@ function AnnotateView({
             ...scrollToAnnotationId !== void 0 && { scrollToAnnotationId },
             sourceView: true,
             showLineNumbers,
+            hoverDelayMs,
             enableWidgets,
             eventBus,
             ...getTargetDocumentName && { getTargetDocumentName },
@@ -30553,7 +30620,8 @@ function AnnotateView({
               drawingMode: selectedMotivation ? selectedShape : null,
               selectedMotivation,
               eventBus,
-              hoveredAnnotationId: hoveredCommentId || hoveredAnnotationId || null
+              hoveredAnnotationId: hoveredCommentId || hoveredAnnotationId || null,
+              hoverDelayMs
             }
           ) }) })
         ] });
@@ -30579,7 +30647,8 @@ function AnnotateView({
             drawingMode: selectedMotivation ? selectedShape : null,
             selectedMotivation,
             eventBus,
-            hoveredAnnotationId: hoveredCommentId || hoveredAnnotationId || null
+            hoveredAnnotationId: hoveredCommentId || hoveredAnnotationId || null,
+            hoverDelayMs
           }
         ) })
       ] });
@@ -30608,7 +30677,7 @@ import { useEffect as useEffect20, useRef as useRef14 } from "react";
 import { getAnnotationUriFromEvent as getAnnotationUriFromEvent2 } from "@semiont/core";
 
 // src/components/resource/HistoryEvent.tsx
-import { useRef as useRef13, useCallback as useCallback13, useEffect as useEffect19 } from "react";
+import { useRef as useRef13, useCallback as useCallback14, useEffect as useEffect19 } from "react";
 import { getAnnotationUriFromEvent } from "@semiont/core";
 
 // src/components/resource/event-formatting.ts
@@ -30853,7 +30922,7 @@ function HistoryEvent({
   useEffect19(() => {
     onEventHoverRef.current = onEventHover;
   });
-  const handleEmojiMouseEnter = useCallback13(() => {
+  const handleEmojiMouseEnter = useCallback14(() => {
     if (!annotationUri2 || !onEventHoverRef.current) return;
     if (hoverTimeoutRef.current) {
       clearTimeout(hoverTimeoutRef.current);
@@ -30862,7 +30931,7 @@ function HistoryEvent({
       onEventHoverRef.current?.(annotationUri2);
     }, 300);
   }, [annotationUri2]);
-  const handleEmojiMouseLeave = useCallback13(() => {
+  const handleEmojiMouseLeave = useCallback14(() => {
     if (hoverTimeoutRef.current) {
       clearTimeout(hoverTimeoutRef.current);
       hoverTimeoutRef.current = null;
@@ -31029,7 +31098,7 @@ function AnnotationHistory({ rUri, hoveredAnnotationId, onEventHover, onEventCli
 }
 
 // src/components/resource/BrowseView.tsx
-import { useEffect as useEffect22, useRef as useRef15, useCallback as useCallback14, lazy as lazy2, Suspense as Suspense2 } from "react";
+import { useEffect as useEffect22, useRef as useRef15, useCallback as useCallback15, lazy as lazy2, Suspense as Suspense2 } from "react";
 
 // ../../node_modules/devlop/lib/default.js
 function ok2() {
@@ -32904,7 +32973,7 @@ var urlAttributes = {
 
 // ../../node_modules/react-markdown/lib/index.js
 import { Fragment as Fragment6, jsx as jsx25, jsxs as jsxs16 } from "react/jsx-runtime";
-import { useEffect as useEffect21, useState as useState15 } from "react";
+import { useEffect as useEffect21, useState as useState16 } from "react";
 
 // ../../node_modules/mdast-util-to-string/lib/index.js
 var emptyOptions2 = {};
@@ -45363,7 +45432,7 @@ function ImageViewer({ resourceUri: resourceUri2, alt = "Resource image" }) {
 
 // src/components/resource/BrowseView.tsx
 import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
-var PdfAnnotationCanvas2 = lazy2(() => import("./PdfAnnotationCanvas.client-VLNA5O5M.mjs").then((mod) => ({ default: mod.PdfAnnotationCanvas })));
+var PdfAnnotationCanvas2 = lazy2(() => import("./PdfAnnotationCanvas.client-HNYRKFDS.mjs").then((mod) => ({ default: mod.PdfAnnotationCanvas })));
 function prepareAnnotations(annotations) {
   return annotations.map((ann) => {
     const targetSelector = getTargetSelector3(ann.target);
@@ -45389,7 +45458,8 @@ function BrowseView({
   resourceUri: resourceUri2,
   annotations,
   selectedClick = "detail",
-  annotateMode
+  annotateMode,
+  hoverDelayMs = 150
 }) {
   const { newAnnotationIds } = useResourceAnnotations();
   const eventBus = useEventBus();
@@ -45410,12 +45480,13 @@ function BrowseView({
       if (annotationId && annotationType === "reference") {
         const annotation = allAnnotations.find((a15) => a15.id === annotationId);
         if (annotation) {
-          eventBus.get("annotation:click").next({ annotationId, motivation: annotation.motivation });
+          eventBus.get("attend:click").next({ annotationId, motivation: annotation.motivation });
         }
       }
     };
     const { handleMouseEnter, handleMouseLeave, cleanup: cleanupHover } = createHoverHandlers(
-      (annotationId) => eventBus.get("annotation:hover").next({ annotationId })
+      (annotationId) => eventBus.get("attend:hover").next({ annotationId }),
+      hoverDelayMs
     );
     const handleMouseOver = (e6) => {
       const target = e6.target;
@@ -45446,42 +45517,20 @@ function BrowseView({
       container.removeEventListener("mouseout", handleMouseOut);
       cleanupHover();
     };
-  }, [content4, allAnnotations, newAnnotationIds]);
-  const scrollToAnnotation = useCallback14((annotationId, removePulse = false) => {
-    if (!containerRef.current || !annotationId) return;
-    const element2 = containerRef.current.querySelector(
-      `[data-annotation-id="${CSS.escape(annotationId)}"]`
-    );
-    if (!element2) return;
-    const scrollContainer = element2.closest(".semiont-browse-view__content");
-    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" });
-      }
-    }
-    element2.classList.add("annotation-pulse");
-    if (removePulse) {
-      setTimeout(() => {
-        element2.classList.remove("annotation-pulse");
-      }, 2e3);
-    }
+  }, [content4, allAnnotations, newAnnotationIds, hoverDelayMs]);
+  const scrollToAnnotation = useCallback15((annotationId, removePulse = false) => {
+    if (!containerRef.current) return;
+    scrollAnnotationIntoView(annotationId, containerRef.current, { pulse: removePulse });
   }, []);
-  const handleAnnotationHover = useCallback14(({ annotationId }) => {
+  const handleAnnotationHover = useCallback15(({ annotationId }) => {
     scrollToAnnotation(annotationId);
   }, [scrollToAnnotation]);
-  const handleAnnotationFocus = useCallback14(({ annotationId }) => {
+  const handleAnnotationFocus = useCallback15(({ annotationId }) => {
     scrollToAnnotation(annotationId, true);
   }, [scrollToAnnotation]);
   useEventSubscriptions({
-    "annotation:hover": handleAnnotationHover,
-    "annotation:focus": handleAnnotationFocus
+    "attend:hover": handleAnnotationHover,
+    "attend:focus": handleAnnotationFocus
   });
   switch (category) {
     case "text":
@@ -45577,7 +45626,7 @@ function BrowseView({
 }
 
 // src/components/resource/ResourceViewer.tsx
-import { useState as useState16, useEffect as useEffect23, useCallback as useCallback15, useRef as useRef16 } from "react";
+import { useState as useState17, useEffect as useEffect23, useCallback as useCallback16, useRef as useRef16 } 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 { jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
@@ -45586,6 +45635,7 @@ function ResourceViewer({
   annotations,
   generatingReferenceId,
   showLineNumbers = false,
+  hoverDelayMs,
   hoveredAnnotationId: hoveredAnnotationIdProp
 }) {
   const t12 = useTranslations("ResourceViewer");
@@ -45605,7 +45655,7 @@ function ResourceViewer({
     return "text/plain";
   };
   const mimeType = getMimeType();
-  const [annotateMode, setAnnotateMode] = useState16(() => {
+  const [annotateMode, setAnnotateMode] = useState17(() => {
     if (typeof window !== "undefined") {
       return localStorage.getItem("annotateMode") === "true";
     }
@@ -45616,27 +45666,27 @@ function ResourceViewer({
       localStorage.setItem("annotateMode", annotateMode.toString());
     }
   }, [annotateMode]);
-  const handleViewModeToggle = useCallback15(() => {
+  const handleViewModeToggle = useCallback16(() => {
     setAnnotateMode((prev) => !prev);
   }, []);
   const activeView = annotateMode ? "annotate" : "browse";
   const cacheManager = useCacheManager();
-  const handleAnnotationAdded = useCallback15(() => {
+  const handleAnnotateAdded = useCallback16(() => {
     if (cacheManager) {
       cacheManager.invalidateAnnotations(rUri);
     }
   }, [cacheManager, rUri]);
-  const handleAnnotationRemoved = useCallback15(() => {
+  const handleAnnotateRemoved = useCallback16(() => {
     if (cacheManager) {
       cacheManager.invalidateAnnotations(rUri);
     }
   }, [cacheManager, rUri]);
-  const handleAnnotationUpdated = useCallback15(() => {
+  const handleAnnotateBodyUpdated = useCallback16(() => {
     if (cacheManager) {
       cacheManager.invalidateAnnotations(rUri);
     }
   }, [cacheManager, rUri]);
-  const [selectedMotivation, setSelectedMotivation] = useState16(() => {
+  const [selectedMotivation, setSelectedMotivation] = useState17(() => {
     if (typeof window !== "undefined") {
       const stored = localStorage.getItem("semiont-toolbar-selection");
       if (stored === "null") return null;
@@ -45646,7 +45696,7 @@ function ResourceViewer({
     }
     return "linking";
   });
-  const [selectedClick, setSelectedClick] = useState16(() => {
+  const [selectedClick, setSelectedClick] = useState17(() => {
     if (typeof window !== "undefined") {
       const stored = localStorage.getItem("semiont-toolbar-click");
       if (stored && ["detail", "follow", "jsonld", "deleting"].includes(stored)) {
@@ -45656,16 +45706,16 @@ function ResourceViewer({
     return "detail";
   });
   const selectorType = getSelectorType(mimeType);
-  const [selectedShape, setSelectedShape] = useState16(() => {
+  const [selectedShape, setSelectedShape] = useState17(() => {
     return getSelectedShapeForSelectorType(selectorType);
   });
-  const handleToolbarSelectionChanged = useCallback15(({ motivation }) => {
+  const handleToolbarSelectionChanged = useCallback16(({ motivation }) => {
     setSelectedMotivation(motivation);
   }, []);
-  const handleToolbarClickChanged = useCallback15(({ action }) => {
+  const handleToolbarClickChanged = useCallback16(({ action }) => {
     setSelectedClick(action);
   }, []);
-  const handleToolbarShapeChanged = useCallback15(({ shape }) => {
+  const handleToolbarShapeChanged = useCallback16(({ shape }) => {
     setSelectedShape(shape);
   }, []);
   useEffect23(() => {
@@ -45687,14 +45737,14 @@ function ResourceViewer({
       setSelectedShape(shapeForType);
     }
   }, [selectorType]);
-  const [showJsonLdView, setShowJsonLdView] = useState16(false);
-  const [jsonLdAnnotation, setJsonLdAnnotation] = useState16(null);
-  const [deleteConfirmation, setDeleteConfirmation] = useState16(null);
+  const [showJsonLdView, setShowJsonLdView] = useState17(false);
+  const [jsonLdAnnotation, setJsonLdAnnotation] = useState17(null);
+  const [deleteConfirmation, setDeleteConfirmation] = useState17(null);
   const hoveredAnnotationId = hoveredAnnotationIdProp ?? null;
-  const [hoveredCommentId, _setHoveredCommentId] = useState16(null);
-  const [scrollToAnnotationId, setScrollToAnnotationId] = useState16(null);
-  const [_focusedAnnotationId, setFocusedAnnotationId] = useState16(null);
-  const focusAnnotation = useCallback15((annotationId) => {
+  const [hoveredCommentId, _setHoveredCommentId] = useState17(null);
+  const [scrollToAnnotationId, setScrollToAnnotationId] = useState17(null);
+  const [_focusedAnnotationId, setFocusedAnnotationId] = useState17(null);
+  const focusAnnotation = useCallback16((annotationId) => {
     setFocusedAnnotationId(annotationId);
     setScrollToAnnotationId(annotationId);
     setTimeout(() => setFocusedAnnotationId(null), 3e3);
@@ -45708,10 +45758,10 @@ function ResourceViewer({
       y: Math.max(0, (window.innerHeight - popupHeight) / 2)
     };
   };
-  const handleDeleteAnnotation = useCallback15((id2) => {
-    eventBus.get("annotation:delete").next({ annotationId: id2 });
+  const handleDeleteAnnotation = useCallback16((id2) => {
+    eventBus.get("annotate:delete").next({ annotationId: id2 });
   }, []);
-  const handleAnnotationClick = useCallback15((annotation, event) => {
+  const handleAnnotationClick = useCallback16((annotation, event) => {
     const metadata = Object.values(ANNOTATORS).find((a15) => a15.matchesAnnotation(annotation));
     if (metadata?.hasSidePanel) {
       if (selectedClick === "detail") {
@@ -45745,7 +45795,7 @@ function ResourceViewer({
       return;
     }
   }, [annotateMode, selectedClick, focusAnnotation]);
-  const handleAnnotationClickEvent = useCallback15(({ annotationId, motivation }) => {
+  const handleAnnotationClickEvent = useCallback16(({ annotationId, motivation }) => {
     const metadata = Object.values(ANNOTATORS).find((a15) => a15.matchesAnnotation({ motivation }));
     if (!metadata?.hasSidePanel) {
       const allAnnotations = [...highlights, ...references, ...assessments, ...comments, ...tags3];
@@ -45763,21 +45813,21 @@ function ResourceViewer({
       }
       return;
     }
-    eventBus.get("panel:open").next({ panel: "annotations", scrollToAnnotationId: annotationId, motivation });
+    eventBus.get("attend:panel-open").next({ panel: "annotations", scrollToAnnotationId: annotationId, motivation });
   }, [highlights, references, assessments, comments, tags3, handleAnnotationClick, selectedClick]);
   useEventSubscriptions({
     // View mode
-    "view:mode-toggled": handleViewModeToggle,
+    "annotate:mode-toggled": handleViewModeToggle,
     // Annotation cache invalidation
-    "annotation:added": handleAnnotationAdded,
-    "annotation:removed": handleAnnotationRemoved,
-    "annotation:updated": handleAnnotationUpdated,
+    "annotate:added": handleAnnotateAdded,
+    "annotate:removed": handleAnnotateRemoved,
+    "annotate:body-updated": handleAnnotateBodyUpdated,
     // Toolbar state
-    "toolbar:selection-changed": handleToolbarSelectionChanged,
-    "toolbar:click-changed": handleToolbarClickChanged,
-    "toolbar:shape-changed": handleToolbarShapeChanged,
+    "annotate:selection-changed": handleToolbarSelectionChanged,
+    "annotate:click-changed": handleToolbarClickChanged,
+    "annotate:shape-changed": handleToolbarShapeChanged,
     // Annotation clicks
-    "annotation:click": handleAnnotationClickEvent
+    "attend:click": handleAnnotationClickEvent
   });
   const annotationsCollection = { highlights, references, assessments, comments, tags: tags3 };
   const uiState = {
@@ -45787,7 +45837,7 @@ function ResourceViewer({
     hoveredAnnotationId,
     scrollToAnnotationId
   };
-  const getTargetDocumentName = useCallback15((documentId) => {
+  const getTargetDocumentName = useCallback16((documentId) => {
     const referencedResource = references.find((a15) => getBodySource4(a15.body) === documentId);
     return referencedResource ? getExactText3(getTargetSelector4(referencedResource.target)) : void 0;
   }, [references]);
@@ -45809,6 +45859,7 @@ function ResourceViewer({
         getTargetDocumentName,
         ...generatingReferenceId !== void 0 && { generatingReferenceId },
         showLineNumbers,
+        hoverDelayMs,
         annotateMode
       }
     ) : /* @__PURE__ */ jsx28(
@@ -45820,6 +45871,7 @@ function ResourceViewer({
         annotations: annotationsCollection,
         hoveredCommentId,
         selectedClick,
+        hoverDelayMs,
         annotateMode
       }
     ),
@@ -45943,7 +45995,7 @@ var AssessmentEntry = forwardRef(
         "data-type": "assessment",
         "data-focused": isFocused ? "true" : "false",
         onClick: () => {
-          eventBus.get("annotation:click").next({ annotationId: assessment.id, motivation: assessment.motivation });
+          eventBus.get("attend:click").next({ annotationId: assessment.id, motivation: assessment.motivation });
         },
         ...hoverProps,
         children: [
@@ -45967,37 +46019,37 @@ var AssessmentEntry = forwardRef(
 );
 
 // src/components/resource/panels/AssessmentPanel.tsx
-import { useState as useState18, useEffect as useEffect25, useRef as useRef17, useCallback as useCallback17, useMemo as useMemo4 } from "react";
+import { useState as useState19, useEffect as useEffect25, useRef as useRef17, useCallback as useCallback18, useMemo as useMemo4 } from "react";
 import { getTextPositionSelector as getTextPositionSelector3, getTargetSelector as getTargetSelector5 } from "@semiont/api-client";
 
-// src/components/resource/panels/DetectSection.tsx
-import { useState as useState17, useEffect as useEffect24, useCallback as useCallback16 } from "react";
+// src/components/resource/panels/AssistSection.tsx
+import { useState as useState18, useEffect as useEffect24, useCallback as useCallback17 } from "react";
 import { Fragment as Fragment7, jsx as jsx30, jsxs as jsxs20 } from "react/jsx-runtime";
-function DetectSection({
+function AssistSection({
   annotationType,
-  isDetecting,
-  detectionProgress
+  isAssisting,
+  progress
 }) {
   const panelName = annotationType === "highlight" ? "HighlightPanel" : annotationType === "assessment" ? "AssessmentPanel" : "CommentsPanel";
   const t12 = useTranslations(panelName);
   const eventBus = useEventBus();
-  const [instructions, setInstructions] = useState17("");
-  const [tone, setTone] = useState17("");
+  const [instructions, setInstructions] = useState18("");
+  const [tone, setTone] = useState18("");
   const defaultDensity = annotationType === "comment" ? 5 : annotationType === "assessment" ? 4 : annotationType === "highlight" ? 5 : 5;
-  const [density, setDensity] = useState17(defaultDensity);
-  const [useDensity, setUseDensity] = useState17(true);
-  const [isExpanded, setIsExpanded] = useState17(() => {
+  const [density, setDensity] = useState18(defaultDensity);
+  const [useDensity, setUseDensity] = useState18(true);
+  const [isExpanded, setIsExpanded] = useState18(() => {
     if (typeof window === "undefined") return true;
-    const stored = localStorage.getItem(`detect-section-expanded-${annotationType}`);
+    const stored = localStorage.getItem(`assist-section-expanded-${annotationType}`);
     return stored ? stored === "true" : true;
   });
   useEffect24(() => {
     if (typeof window === "undefined") return;
-    localStorage.setItem(`detect-section-expanded-${annotationType}`, String(isExpanded));
+    localStorage.setItem(`assist-section-expanded-${annotationType}`, String(isExpanded));
   }, [isExpanded, annotationType]);
-  const handleDetect = useCallback16(() => {
+  const handleAssist = useCallback17(() => {
     const motivation = annotationType === "highlight" ? "highlighting" : annotationType === "assessment" ? "assessing" : "commenting";
-    eventBus.get("detection:start").next({
+    eventBus.get("annotate:assist-request").next({
       motivation,
       options: {
         instructions: instructions.trim() || void 0,
@@ -46008,8 +46060,8 @@ function DetectSection({
     setInstructions("");
     setTone("");
   }, [annotationType, instructions, tone, useDensity, density]);
-  const handleDismissProgress = useCallback16(() => {
-    eventBus.get("detection:dismiss-progress").next(void 0);
+  const handleDismissProgress = useCallback17(() => {
+    eventBus.get("annotate:progress-dismiss").next(void 0);
   }, []);
   return /* @__PURE__ */ jsxs20("div", { className: "semiont-panel__section", children: [
     /* @__PURE__ */ jsxs20(
@@ -46020,7 +46072,7 @@ function DetectSection({
         "aria-expanded": isExpanded,
         type: "button",
         children: [
-          /* @__PURE__ */ jsx30("span", { children: t12(annotationType === "highlight" ? "detectHighlights" : annotationType === "assessment" ? "detectAssessments" : "detectComments") }),
+          /* @__PURE__ */ jsx30("span", { children: t12(annotationType === "highlight" ? "annotateHighlights" : annotationType === "assessment" ? "annotateAssessments" : "annotateComments") }),
           /* @__PURE__ */ jsx30("span", { className: "semiont-panel__section-chevron", "data-expanded": isExpanded, children: "\u203A" })
         ]
       }
@@ -46028,11 +46080,11 @@ function DetectSection({
     isExpanded && /* @__PURE__ */ jsxs20(
       "div",
       {
-        className: "semiont-detect-widget",
-        "data-detecting": isDetecting && detectionProgress ? "true" : "false",
+        className: "semiont-assist-widget",
+        "data-assisting": isAssisting && progress ? "true" : "false",
         "data-type": annotationType,
         children: [
-          !detectionProgress && /* @__PURE__ */ jsxs20(Fragment7, { children: [
+          !progress && /* @__PURE__ */ jsxs20(Fragment7, { children: [
             /* @__PURE__ */ jsxs20("div", { className: "semiont-form-field", children: [
               /* @__PURE__ */ jsxs20("label", { className: "semiont-form-field__label", children: [
                 t12("instructions"),
@@ -46126,22 +46178,22 @@ function DetectSection({
             /* @__PURE__ */ jsxs20(
               "button",
               {
-                onClick: handleDetect,
+                onClick: handleAssist,
                 className: "semiont-button",
-                "data-variant": "detect",
+                "data-variant": "assist",
                 "data-type": annotationType,
                 children: [
                   /* @__PURE__ */ jsx30("span", { className: "semiont-button-icon", children: "\u2728" }),
-                  /* @__PURE__ */ jsx30("span", { children: t12("detect") })
+                  /* @__PURE__ */ jsx30("span", { children: t12("annotate") })
                 ]
               }
             )
           ] }),
-          detectionProgress && /* @__PURE__ */ jsxs20("div", { className: "semiont-detection-progress", "data-type": annotationType, children: [
-            detectionProgress.requestParams && detectionProgress.requestParams.length > 0 && /* @__PURE__ */ jsxs20("div", { className: "semiont-detection-progress__params", "data-type": annotationType, children: [
-              /* @__PURE__ */ jsx30("div", { className: "semiont-detection-progress__params-title", children: "Request Parameters:" }),
-              detectionProgress.requestParams.map((param, idx) => /* @__PURE__ */ jsxs20("div", { className: "semiont-detection-progress__param", children: [
-                /* @__PURE__ */ jsxs20("span", { className: "semiont-detection-progress__param-label", children: [
+          progress && /* @__PURE__ */ jsxs20("div", { className: "semiont-annotation-progress", "data-type": annotationType, children: [
+            progress.requestParams && progress.requestParams.length > 0 && /* @__PURE__ */ jsxs20("div", { className: "semiont-annotation-progress__params", "data-type": annotationType, children: [
+              /* @__PURE__ */ jsx30("div", { className: "semiont-annotation-progress__params-title", children: "Request Parameters:" }),
+              progress.requestParams.map((param, idx) => /* @__PURE__ */ jsxs20("div", { className: "semiont-annotation-progress__param", children: [
+                /* @__PURE__ */ jsxs20("span", { className: "semiont-annotation-progress__param-label", children: [
                   param.label,
                   ":"
                 ] }),
@@ -46149,16 +46201,16 @@ function DetectSection({
                 param.value
               ] }, idx))
             ] }),
-            /* @__PURE__ */ jsxs20("div", { className: "semiont-detection-progress__status", children: [
-              /* @__PURE__ */ jsxs20("div", { className: "semiont-detection-progress__message", children: [
-                /* @__PURE__ */ jsx30("span", { className: "semiont-detection-progress__icon", children: "\u2728" }),
-                /* @__PURE__ */ jsx30("span", { children: detectionProgress.message })
+            /* @__PURE__ */ jsxs20("div", { className: "semiont-annotation-progress__status", children: [
+              /* @__PURE__ */ jsxs20("div", { className: "semiont-annotation-progress__message", children: [
+                /* @__PURE__ */ jsx30("span", { className: "semiont-annotation-progress__icon", children: "\u2728" }),
+                /* @__PURE__ */ jsx30("span", { children: progress.message })
               ] }),
-              !isDetecting && /* @__PURE__ */ jsx30(
+              !isAssisting && /* @__PURE__ */ jsx30(
                 "button",
                 {
                   onClick: handleDismissProgress,
-                  className: "semiont-detection-progress__close",
+                  className: "semiont-annotation-progress__close",
                   "aria-label": t12("closeProgress"),
                   title: t12("closeProgress"),
                   type: "button",
@@ -46204,8 +46256,8 @@ function getSelectorDisplayText(selector) {
 function AssessmentPanel({
   annotations,
   pendingAnnotation,
-  isDetecting = false,
-  detectionProgress,
+  isAssisting = false,
+  progress,
   annotateMode = true,
   scrollToAnnotationId,
   onScrollCompleted,
@@ -46213,8 +46265,8 @@ function AssessmentPanel({
 }) {
   const t12 = useTranslations("AssessmentPanel");
   const eventBus = useEventBus();
-  const [newAssessmentText, setNewAssessmentText] = useState18("");
-  const [focusedAnnotationId, setFocusedAnnotationId] = useState18(null);
+  const [newAssessmentText, setNewAssessmentText] = useState19("");
+  const [focusedAnnotationId, setFocusedAnnotationId] = useState19(null);
   const containerRef = useRef17(null);
   const entryRefs = useRef17(/* @__PURE__ */ new Map());
   const sortedAnnotations = useMemo4(() => {
@@ -46225,7 +46277,7 @@ function AssessmentPanel({
       return aSelector.start - bSelector.start;
     });
   }, [annotations]);
-  const setEntryRef = useCallback17((id2, element2) => {
+  const setEntryRef = useCallback18((id2, element2) => {
     if (element2) {
       entryRefs.current.set(id2, element2);
     } else {
@@ -46266,7 +46318,7 @@ function AssessmentPanel({
   const handleSaveNewAssessment = () => {
     if (pendingAnnotation) {
       const body = newAssessmentText.trim() ? [{ type: "TextualBody", value: newAssessmentText, purpose: "assessing" }] : [];
-      eventBus.get("annotation:create").next({
+      eventBus.get("annotate:create").next({
         motivation: "assessing",
         selector: pendingAnnotation.selector,
         body
@@ -46278,19 +46330,19 @@ function AssessmentPanel({
     if (!pendingAnnotation) return;
     const handleEscape = (e6) => {
       if (e6.key === "Escape") {
-        eventBus.get("annotation:cancel-pending").next(void 0);
+        eventBus.get("annotate:cancel-pending").next(void 0);
         setNewAssessmentText("");
       }
     };
     document.addEventListener("keydown", handleEscape);
     return () => document.removeEventListener("keydown", handleEscape);
   }, [pendingAnnotation]);
-  const handleAnnotationClick = useCallback17(({ annotationId }) => {
+  const handleAnnotationClick = useCallback18(({ annotationId }) => {
     setFocusedAnnotationId(annotationId);
     setTimeout(() => setFocusedAnnotationId(null), 3e3);
   }, []);
   useEventSubscriptions({
-    "annotation:click": handleAnnotationClick
+    "attend:click": handleAnnotationClick
   });
   return /* @__PURE__ */ jsxs22("div", { className: "semiont-panel", children: [
     /* @__PURE__ */ jsx32(PanelHeader, { annotationType: "assessment", count: annotations.length, title: t12("title") }),
@@ -46324,7 +46376,7 @@ function AssessmentPanel({
             "button",
             {
               onClick: () => {
-                eventBus.get("annotation:cancel-pending").next(void 0);
+                eventBus.get("annotate:cancel-pending").next(void 0);
                 setNewAssessmentText("");
               },
               className: "semiont-button semiont-button--secondary",
@@ -46346,11 +46398,11 @@ function AssessmentPanel({
     ] }),
     /* @__PURE__ */ jsxs22("div", { ref: containerRef, className: "semiont-panel__content", children: [
       annotateMode && /* @__PURE__ */ jsx32(
-        DetectSection,
+        AssistSection,
         {
           annotationType: "assessment",
-          isDetecting,
-          detectionProgress
+          isAssisting,
+          progress
         }
       ),
       /* @__PURE__ */ jsx32("div", { className: "semiont-panel__list", children: sortedAnnotations.length === 0 ? /* @__PURE__ */ jsx32("p", { className: "semiont-panel__empty", children: t12("noAssessments") }) : sortedAnnotations.map((assessment) => /* @__PURE__ */ jsx32(
@@ -46446,7 +46498,7 @@ function CollaborationPanel({
 }
 
 // src/components/resource/panels/CommentEntry.tsx
-import { useState as useState19, useEffect as useEffect26, useRef as useRef18, forwardRef as forwardRef2, useImperativeHandle } from "react";
+import { useState as useState20, useEffect as useEffect26, useRef as useRef18, forwardRef as forwardRef2, useImperativeHandle } from "react";
 import { getAnnotationExactText as getAnnotationExactText2, getCommentText } from "@semiont/api-client";
 import { jsx as jsx34, jsxs as jsxs24 } from "react/jsx-runtime";
 function formatRelativeTime3(isoString) {
@@ -46473,8 +46525,8 @@ var CommentEntry = forwardRef2(
     const t12 = useTranslations("CommentsPanel");
     const eventBus = useEventBus();
     const hoverProps = useHoverEmitter(comment2.id);
-    const [isEditing, setIsEditing] = useState19(false);
-    const [editText, setEditText] = useState19("");
+    const [isEditing, setIsEditing] = useState20(false);
+    const [editText, setEditText] = useState20("");
     const internalRef = useRef18(null);
     useImperativeHandle(ref, () => internalRef.current);
     const commentText = getCommentText(comment2) || "";
@@ -46506,7 +46558,7 @@ var CommentEntry = forwardRef2(
         "data-type": "comment",
         "data-focused": isFocused ? "true" : "false",
         onClick: () => {
-          eventBus.get("annotation:click").next({ annotationId: comment2.id, motivation: comment2.motivation });
+          eventBus.get("attend:click").next({ annotationId: comment2.id, motivation: comment2.motivation });
         },
         ...hoverProps,
         children: [
@@ -46578,7 +46630,7 @@ var CommentEntry = forwardRef2(
 );
 
 // src/components/resource/panels/CommentsPanel.tsx
-import { useState as useState20, useEffect as useEffect27, useRef as useRef19, useCallback as useCallback18, useMemo as useMemo5 } from "react";
+import { useState as useState21, useEffect as useEffect27, useRef as useRef19, useCallback as useCallback19, useMemo as useMemo5 } from "react";
 import { getTextPositionSelector as getTextPositionSelector4, getTargetSelector as getTargetSelector6 } from "@semiont/api-client";
 import { jsx as jsx35, jsxs as jsxs25 } from "react/jsx-runtime";
 function getSelectorDisplayText2(selector) {
@@ -46598,16 +46650,16 @@ function CommentsPanel({
   annotations,
   pendingAnnotation,
   annotateMode = true,
-  isDetecting = false,
-  detectionProgress,
+  isAssisting = false,
+  progress,
   scrollToAnnotationId,
   onScrollCompleted,
   hoveredAnnotationId
 }) {
   const t12 = useTranslations("CommentsPanel");
   const eventBus = useEventBus();
-  const [newCommentText, setNewCommentText] = useState20("");
-  const [focusedAnnotationId, setFocusedAnnotationId] = useState20(null);
+  const [newCommentText, setNewCommentText] = useState21("");
+  const [focusedAnnotationId, setFocusedAnnotationId] = useState21(null);
   const containerRef = useRef19(null);
   const entryRefs = useRef19(/* @__PURE__ */ new Map());
   const sortedAnnotations = useMemo5(() => {
@@ -46618,7 +46670,7 @@ function CommentsPanel({
       return aSelector.start - bSelector.start;
     });
   }, [annotations]);
-  const setEntryRef = useCallback18((id2, element2) => {
+  const setEntryRef = useCallback19((id2, element2) => {
     if (element2) {
       entryRefs.current.set(id2, element2);
     } else {
@@ -46658,16 +46710,16 @@ function CommentsPanel({
       container.scrollTo({ top: scrollTo, behavior: "smooth" });
     }
   }, [hoveredAnnotationId]);
-  const handleAnnotationClick = useCallback18(({ annotationId }) => {
+  const handleAnnotationClick = useCallback19(({ annotationId }) => {
     setFocusedAnnotationId(annotationId);
     setTimeout(() => setFocusedAnnotationId(null), 3e3);
   }, []);
   useEventSubscriptions({
-    "annotation:click": handleAnnotationClick
+    "attend:click": handleAnnotationClick
   });
   const handleSaveNewComment = () => {
     if (newCommentText.trim() && pendingAnnotation) {
-      eventBus.get("annotation:create").next({
+      eventBus.get("annotate:create").next({
         motivation: "commenting",
         selector: pendingAnnotation.selector,
         body: [{ type: "TextualBody", value: newCommentText, purpose: "commenting" }]
@@ -46679,7 +46731,7 @@ function CommentsPanel({
     if (!pendingAnnotation) return;
     const handleEscape = (e6) => {
       if (e6.key === "Escape") {
-        eventBus.get("annotation:cancel-pending").next(void 0);
+        eventBus.get("annotate:cancel-pending").next(void 0);
         setNewCommentText("");
       }
     };
@@ -46718,7 +46770,7 @@ function CommentsPanel({
             "button",
             {
               onClick: () => {
-                eventBus.get("annotation:cancel-pending").next(void 0);
+                eventBus.get("annotate:cancel-pending").next(void 0);
                 setNewCommentText("");
               },
               className: "semiont-button semiont-button--secondary",
@@ -46741,11 +46793,11 @@ function CommentsPanel({
     ] }),
     /* @__PURE__ */ jsxs25("div", { ref: containerRef, className: "semiont-panel__content", children: [
       annotateMode && /* @__PURE__ */ jsx35(
-        DetectSection,
+        AssistSection,
         {
           annotationType: "comment",
-          isDetecting,
-          detectionProgress
+          isAssisting,
+          progress
         }
       ),
       /* @__PURE__ */ jsx35("div", { className: "semiont-panel__list", children: sortedAnnotations.length === 0 ? /* @__PURE__ */ jsx35("p", { className: "semiont-panel__empty", children: t12("noComments") }) : sortedAnnotations.map((comment2) => /* @__PURE__ */ jsx35(
@@ -46798,7 +46850,7 @@ var HighlightEntry = forwardRef3(
         "data-type": "highlight",
         "data-focused": isFocused ? "true" : "false",
         onClick: () => {
-          eventBus.get("annotation:click").next({ annotationId: highlight.id, motivation: highlight.motivation });
+          eventBus.get("attend:click").next({ annotationId: highlight.id, motivation: highlight.motivation });
         },
         ...hoverProps,
         children: [
@@ -46821,14 +46873,14 @@ var HighlightEntry = forwardRef3(
 );
 
 // src/components/resource/panels/HighlightPanel.tsx
-import { useEffect as useEffect28, useState as useState21, useRef as useRef20, useCallback as useCallback19, useMemo as useMemo6 } from "react";
+import { useEffect as useEffect28, useState as useState22, useRef as useRef20, useCallback as useCallback20, useMemo as useMemo6 } from "react";
 import { getTextPositionSelector as getTextPositionSelector5, getTargetSelector as getTargetSelector7 } from "@semiont/api-client";
 import { jsx as jsx36, jsxs as jsxs27 } from "react/jsx-runtime";
 function HighlightPanel({
   annotations,
   pendingAnnotation,
-  isDetecting = false,
-  detectionProgress,
+  isAssisting = false,
+  progress,
   annotateMode = true,
   scrollToAnnotationId,
   onScrollCompleted,
@@ -46836,7 +46888,7 @@ function HighlightPanel({
 }) {
   const t12 = useTranslations("HighlightPanel");
   const eventBus = useEventBus();
-  const [focusedAnnotationId, setFocusedAnnotationId] = useState21(null);
+  const [focusedAnnotationId, setFocusedAnnotationId] = useState22(null);
   const containerRef = useRef20(null);
   const entryRefs = useRef20(/* @__PURE__ */ new Map());
   const sortedAnnotations = useMemo6(() => {
@@ -46847,7 +46899,7 @@ function HighlightPanel({
       return aSelector.start - bSelector.start;
     });
   }, [annotations]);
-  const setEntryRef = useCallback19((id2, element2) => {
+  const setEntryRef = useCallback20((id2, element2) => {
     if (element2) {
       entryRefs.current.set(id2, element2);
     } else {
@@ -46885,16 +46937,16 @@ function HighlightPanel({
       container.scrollTo({ top: scrollTo, behavior: "smooth" });
     }
   }, [hoveredAnnotationId]);
-  const handleAnnotationClick = useCallback19(({ annotationId }) => {
+  const handleAnnotationClick = useCallback20(({ annotationId }) => {
     setFocusedAnnotationId(annotationId);
     setTimeout(() => setFocusedAnnotationId(null), 3e3);
   }, []);
   useEventSubscriptions({
-    "annotation:click": handleAnnotationClick
+    "attend:click": handleAnnotationClick
   });
   useEffect28(() => {
     if (pendingAnnotation && pendingAnnotation.motivation === "highlighting") {
-      eventBus.get("annotation:create").next({
+      eventBus.get("annotate:create").next({
         motivation: "highlighting",
         selector: pendingAnnotation.selector,
         body: []
@@ -46905,11 +46957,11 @@ function HighlightPanel({
     /* @__PURE__ */ jsx36(PanelHeader, { annotationType: "highlight", count: annotations.length, title: t12("title") }),
     /* @__PURE__ */ jsxs27("div", { ref: containerRef, className: "semiont-panel__content", children: [
       annotateMode && /* @__PURE__ */ jsx36(
-        DetectSection,
+        AssistSection,
         {
           annotationType: "highlight",
-          isDetecting,
-          detectionProgress
+          isAssisting,
+          progress
         }
       ),
       /* @__PURE__ */ jsx36("div", { className: "semiont-panel__list", children: sortedAnnotations.length === 0 ? /* @__PURE__ */ jsx36("p", { className: "semiont-panel__empty", children: t12("noHighlights") }) : sortedAnnotations.map((highlight) => /* @__PURE__ */ jsx36(
@@ -47033,7 +47085,7 @@ var ReferenceEntry = forwardRef4(
       }
     };
     const handleComposeDocument = () => {
-      eventBus.get("reference:create-manual").next({
+      eventBus.get("resolve:create-manual").next({
         annotationUri: reference.id,
         title: selectedText,
         entityTypes
@@ -47042,7 +47094,7 @@ var ReferenceEntry = forwardRef4(
     const handleUnlink = () => {
       const sourceUri = typeof reference.target === "object" && "source" in reference.target ? reference.target.source : "";
       if (sourceUri) {
-        eventBus.get("annotation:update-body").next({
+        eventBus.get("resolve:update-body").next({
           annotationUri: reference.id,
           resourceId: sourceUri.split("/resources/")[1] || "",
           operations: [{ op: "remove" }]
@@ -47052,14 +47104,14 @@ var ReferenceEntry = forwardRef4(
     };
     const handleGenerate = () => {
       const resourceUri2 = typeof reference.target === "object" && "source" in reference.target ? reference.target.source : "";
-      eventBus.get("generation:modal-open").next({
+      eventBus.get("generate:modal-open").next({
         annotationUri: reference.id,
         resourceUri: resourceUri2,
         defaultTitle: selectedText
       });
     };
     const handleSearch = () => {
-      eventBus.get("reference:link").next({
+      eventBus.get("resolve:link").next({
         annotationUri: reference.id,
         searchTerm: selectedText
       });
@@ -47072,7 +47124,7 @@ var ReferenceEntry = forwardRef4(
         "data-type": "reference",
         "data-focused": isFocused ? "true" : "false",
         onClick: () => {
-          eventBus.get("annotation:click").next({ annotationId: reference.id, motivation: reference.motivation });
+          eventBus.get("attend:click").next({ annotationId: reference.id, motivation: reference.motivation });
         },
         ...hoverProps,
         children: [
@@ -47165,7 +47217,7 @@ var ReferenceEntry = forwardRef4(
 );
 
 // src/components/resource/panels/ReferencesPanel.tsx
-import { useState as useState22, useRef as useRef22, useEffect as useEffect30, useCallback as useCallback20, useMemo as useMemo7 } from "react";
+import { useState as useState23, useRef as useRef22, useEffect as useEffect30, useCallback as useCallback21, useMemo as useMemo7 } from "react";
 import { getTextPositionSelector as getTextPositionSelector6, getTargetSelector as getTargetSelector9 } from "@semiont/api-client";
 import { Fragment as Fragment8, jsx as jsx39, jsxs as jsxs30 } from "react/jsx-runtime";
 function getSelectorDisplayText3(selector) {
@@ -47183,8 +47235,8 @@ function getSelectorDisplayText3(selector) {
 }
 function ReferencesPanel({
   annotations = [],
-  isDetecting,
-  detectionProgress,
+  isAssisting,
+  progress,
   annotateMode = true,
   Link,
   routes,
@@ -47197,24 +47249,23 @@ function ReferencesPanel({
   onScrollCompleted,
   hoveredAnnotationId
 }) {
-  const t12 = useTranslations("DetectPanel");
-  const tRef = useTranslations("ReferencesPanel");
+  const t12 = useTranslations("ReferencesPanel");
   const eventBus = useEventBus();
-  const [selectedEntityTypes, setSelectedEntityTypes] = useState22([]);
-  const [lastDetectionLog, setLastDetectionLog] = useState22(null);
-  const [pendingEntityTypes, setPendingEntityTypes] = useState22([]);
-  const [includeDescriptiveReferences, setIncludeDescriptiveReferences] = useState22(false);
-  const [focusedAnnotationId, setFocusedAnnotationId] = useState22(null);
+  const [selectedEntityTypes, setSelectedEntityTypes] = useState23([]);
+  const [lastAnnotationLog, setLastDetectionLog] = useState23(null);
+  const [pendingEntityTypes, setPendingEntityTypes] = useState23([]);
+  const [includeDescriptiveReferences, setIncludeDescriptiveReferences] = useState23(false);
+  const [focusedAnnotationId, setFocusedAnnotationId] = useState23(null);
   const containerRef = useRef22(null);
-  const [isDetectExpanded, setIsDetectExpanded] = useState22(() => {
+  const [isAssistExpanded, setIsDetectExpanded] = useState23(() => {
     if (typeof window === "undefined") return true;
-    const stored = localStorage.getItem("detect-section-expanded-reference");
+    const stored = localStorage.getItem("assist-section-expanded-reference");
     return stored ? stored === "true" : true;
   });
   useEffect30(() => {
     if (typeof window === "undefined") return;
-    localStorage.setItem("detect-section-expanded-reference", String(isDetectExpanded));
-  }, [isDetectExpanded]);
+    localStorage.setItem("assist-section-expanded-reference", String(isAssistExpanded));
+  }, [isAssistExpanded]);
   const entryRefs = useRef22(/* @__PURE__ */ new Map());
   const sortedAnnotations = useMemo7(() => {
     return [...annotations].sort((a15, b8) => {
@@ -47224,7 +47275,7 @@ function ReferencesPanel({
       return aSelector.start - bSelector.start;
     });
   }, [annotations]);
-  const setEntryRef = useCallback20((id2, element2) => {
+  const setEntryRef = useCallback21((id2, element2) => {
     if (element2) {
       entryRefs.current.set(id2, element2);
     } else {
@@ -47266,16 +47317,16 @@ function ReferencesPanel({
       container.scrollTo({ top: scrollTo, behavior: "smooth" });
     }
   }, [hoveredAnnotationId]);
-  const handleAnnotationClick = useCallback20(({ annotationId }) => {
+  const handleAnnotationClick = useCallback21(({ annotationId }) => {
     setFocusedAnnotationId(annotationId);
     setTimeout(() => setFocusedAnnotationId(null), 3e3);
   }, []);
   useEventSubscriptions({
-    "annotation:click": handleAnnotationClick
+    "attend:click": handleAnnotationClick
   });
-  const handleDetect = () => {
+  const handleAssist = () => {
     setLastDetectionLog(null);
-    eventBus.get("detection:start").next({
+    eventBus.get("annotate:assist-request").next({
       motivation: "linking",
       options: {
         entityTypes: selectedEntityTypes,
@@ -47285,16 +47336,16 @@ function ReferencesPanel({
   };
   const hasSavedLogRef = useRef22(false);
   useEffect30(() => {
-    if (isDetecting) {
+    if (isAssisting) {
       hasSavedLogRef.current = false;
       return;
     }
-    if (!isDetecting && !hasSavedLogRef.current && detectionProgress?.completedEntityTypes) {
+    if (!isAssisting && !hasSavedLogRef.current && progress?.completedEntityTypes) {
       hasSavedLogRef.current = true;
-      setLastDetectionLog(detectionProgress.completedEntityTypes);
+      setLastDetectionLog(progress.completedEntityTypes);
       setSelectedEntityTypes([]);
     }
-  }, [isDetecting, detectionProgress?.completedEntityTypes]);
+  }, [isAssisting, progress?.completedEntityTypes]);
   const togglePendingEntityType = (type) => {
     setPendingEntityTypes(
       (prev) => prev.includes(type) ? prev.filter((t13) => t13 !== type) : [...prev, type]
@@ -47303,7 +47354,7 @@ function ReferencesPanel({
   const handleCreateReference = () => {
     if (pendingAnnotation) {
       const entityType3 = pendingEntityTypes.join(",") || void 0;
-      eventBus.get("annotation:create").next({
+      eventBus.get("annotate:create").next({
         motivation: "linking",
         selector: pendingAnnotation.selector,
         body: entityType3 ? [{ type: "TextualBody", value: entityType3, purpose: "tagging" }] : []
@@ -47315,7 +47366,7 @@ function ReferencesPanel({
     if (!pendingAnnotation) return;
     const handleEscape = (e6) => {
       if (e6.key === "Escape") {
-        eventBus.get("annotation:cancel-pending").next(void 0);
+        eventBus.get("annotate:cancel-pending").next(void 0);
         setPendingEntityTypes([]);
       }
     };
@@ -47323,17 +47374,17 @@ function ReferencesPanel({
     return () => document.removeEventListener("keydown", handleEscape);
   }, [pendingAnnotation]);
   return /* @__PURE__ */ jsxs30("div", { className: "semiont-panel", children: [
-    /* @__PURE__ */ jsx39(PanelHeader, { annotationType: "reference", count: annotations.length, title: tRef("referencesTitle") }),
+    /* @__PURE__ */ jsx39(PanelHeader, { annotationType: "reference", count: annotations.length, title: t12("title") }),
     pendingAnnotation && pendingAnnotation.motivation === "linking" && /* @__PURE__ */ jsxs30("div", { className: "semiont-annotation-prompt", "data-type": "reference", children: [
       /* @__PURE__ */ jsx39("div", { className: "semiont-annotation-prompt__quote", children: (() => {
         const displayText = getSelectorDisplayText3(pendingAnnotation.selector);
         if (displayText) {
           return `"${displayText.substring(0, 100)}${displayText.length > 100 ? "..." : ""}"`;
         }
-        return tRef("fragmentSelected");
+        return t12("fragmentSelected");
       })() }),
       allEntityTypes.length > 0 && /* @__PURE__ */ jsxs30("div", { className: "semiont-form-field", children: [
-        /* @__PURE__ */ jsx39("p", { className: "semiont-form-field__label", children: tRef("entityTypesOptional") }),
+        /* @__PURE__ */ jsx39("p", { className: "semiont-form-field__label", children: t12("entityTypesOptional") }),
         /* @__PURE__ */ jsx39("div", { className: "semiont-tag-selector", children: allEntityTypes.map((type) => /* @__PURE__ */ jsx39(
           "button",
           {
@@ -47350,12 +47401,12 @@ function ReferencesPanel({
           "button",
           {
             onClick: () => {
-              eventBus.get("annotation:cancel-pending").next(void 0);
+              eventBus.get("annotate:cancel-pending").next(void 0);
               setPendingEntityTypes([]);
             },
             className: "semiont-button semiont-button--secondary",
             "data-type": "reference",
-            children: tRef("cancel")
+            children: t12("cancel")
           }
         ),
         /* @__PURE__ */ jsxs30(
@@ -47366,7 +47417,7 @@ function ReferencesPanel({
             "data-type": "reference",
             children: [
               "\u{1F517} ",
-              tRef("createReference")
+              t12("createReference")
             ]
           }
         )
@@ -47377,21 +47428,29 @@ function ReferencesPanel({
         /* @__PURE__ */ jsxs30(
           "button",
           {
-            onClick: () => setIsDetectExpanded(!isDetectExpanded),
+            onClick: () => setIsDetectExpanded(!isAssistExpanded),
             className: "semiont-panel__section-title semiont-panel__section-title--collapsible",
-            "aria-expanded": isDetectExpanded,
+            "aria-expanded": isAssistExpanded,
             type: "button",
             children: [
-              /* @__PURE__ */ jsx39("span", { children: t12("title") }),
-              /* @__PURE__ */ jsx39("span", { className: "semiont-panel__section-chevron", "data-expanded": isDetectExpanded, children: "\u203A" })
+              /* @__PURE__ */ jsx39("span", { children: t12("annotateReferences") }),
+              /* @__PURE__ */ jsx39("span", { className: "semiont-panel__section-chevron", "data-expanded": isAssistExpanded, children: "\u203A" })
             ]
           }
         ),
-        isDetectExpanded && /* @__PURE__ */ jsxs30(Fragment8, { children: [
-          !detectionProgress && !lastDetectionLog && /* @__PURE__ */ jsx39("div", { className: "semiont-detect-widget", "data-type": "reference", children: /* @__PURE__ */ jsxs30(Fragment8, { children: [
-            /* @__PURE__ */ jsxs30("div", { className: "semiont-detect-widget__entity-types", children: [
-              /* @__PURE__ */ jsx39("p", { className: "semiont-detect-widget__label", children: t12("selectEntityTypes") }),
-              /* @__PURE__ */ jsx39("div", { className: "semiont-detect-widget__chips", children: allEntityTypes.length > 0 ? allEntityTypes.map((type) => /* @__PURE__ */ jsx39(
+        isAssistExpanded && /* @__PURE__ */ jsxs30(Fragment8, { children: [
+          !isAssisting && /* @__PURE__ */ jsx39("div", { className: "semiont-assist-widget", "data-type": "reference", children: /* @__PURE__ */ jsxs30(Fragment8, { children: [
+            lastAnnotationLog && lastAnnotationLog.length > 0 && /* @__PURE__ */ jsx39("div", { className: "semiont-assist-widget__log", children: /* @__PURE__ */ jsx39("div", { className: "semiont-assist-widget__log-items", children: lastAnnotationLog.map((item, index2) => /* @__PURE__ */ jsxs30("div", { className: "semiont-assist-widget__log-item", children: [
+              /* @__PURE__ */ jsx39("span", { className: "semiont-assist-widget__log-check", children: "\u2713" }),
+              /* @__PURE__ */ jsxs30("span", { className: "semiont-assist-widget__log-type", children: [
+                item.entityType,
+                ":"
+              ] }),
+              /* @__PURE__ */ jsx39("span", { children: t12("found", { count: item.foundCount }) })
+            ] }, index2)) }) }),
+            /* @__PURE__ */ jsxs30("div", { className: "semiont-assist-widget__entity-types", children: [
+              /* @__PURE__ */ jsx39("p", { className: "semiont-assist-widget__label", children: t12("selectEntityTypes") }),
+              /* @__PURE__ */ jsx39("div", { className: "semiont-assist-widget__chips", children: allEntityTypes.length > 0 ? allEntityTypes.map((type) => /* @__PURE__ */ jsx39(
                 "button",
                 {
                   onClick: () => {
@@ -47406,77 +47465,57 @@ function ReferencesPanel({
                   children: type
                 },
                 type
-              )) : /* @__PURE__ */ jsx39("p", { className: "semiont-detect-widget__no-types", children: t12("noEntityTypes") }) })
+              )) : /* @__PURE__ */ jsx39("p", { className: "semiont-assist-widget__no-types", children: t12("noEntityTypes") }) })
             ] }),
-            selectedEntityTypes.length > 0 && /* @__PURE__ */ jsx39("p", { className: "semiont-detect-widget__count", children: t12("typesSelected", { count: selectedEntityTypes.length }) }),
-            /* @__PURE__ */ jsxs30("div", { className: "semiont-detect-widget__checkbox-group", children: [
-              /* @__PURE__ */ jsxs30("label", { className: "semiont-detect-widget__checkbox-label", children: [
+            selectedEntityTypes.length > 0 && /* @__PURE__ */ jsx39("p", { className: "semiont-assist-widget__count", children: t12("typesSelected", { count: selectedEntityTypes.length }) }),
+            /* @__PURE__ */ jsxs30("div", { className: "semiont-assist-widget__checkbox-group", children: [
+              /* @__PURE__ */ jsxs30("label", { className: "semiont-assist-widget__checkbox-label", children: [
                 /* @__PURE__ */ jsx39(
                   "input",
                   {
                     type: "checkbox",
                     checked: includeDescriptiveReferences,
                     onChange: (e6) => setIncludeDescriptiveReferences(e6.target.checked),
-                    className: "semiont-detect-widget__checkbox"
+                    className: "semiont-assist-widget__checkbox"
                   }
                 ),
-                /* @__PURE__ */ jsx39("span", { children: tRef("includeDescriptiveReferences") })
+                /* @__PURE__ */ jsx39("span", { children: t12("includeDescriptiveReferences") })
               ] }),
-              /* @__PURE__ */ jsx39("p", { className: "semiont-detect-widget__checkbox-hint", children: tRef("descriptiveReferencesTooltip") })
+              /* @__PURE__ */ jsx39("p", { className: "semiont-assist-widget__checkbox-hint", children: t12("descriptiveReferencesTooltip") })
             ] }),
             /* @__PURE__ */ jsxs30(
               "button",
               {
-                onClick: handleDetect,
+                onClick: handleAssist,
                 disabled: selectedEntityTypes.length === 0,
-                title: t12("startDetection"),
+                title: t12("annotate"),
                 className: "semiont-button",
-                "data-variant": "detect",
+                "data-variant": "assist",
                 "data-type": "reference",
                 children: [
                   /* @__PURE__ */ jsx39("span", { className: "semiont-button-icon", children: "\u2728" }),
-                  /* @__PURE__ */ jsx39("span", { children: t12("startDetection") })
+                  /* @__PURE__ */ jsx39("span", { children: t12("annotate") })
                 ]
               }
             )
           ] }) }),
-          detectionProgress && /* @__PURE__ */ jsx39(
-            DetectionProgressWidget,
+          isAssisting && progress && /* @__PURE__ */ jsx39(
+            AnnotateReferencesProgressWidget,
             {
-              progress: detectionProgress,
+              progress,
               annotationType: "reference"
             }
-          ),
-          !detectionProgress && lastDetectionLog && lastDetectionLog.length > 0 && /* @__PURE__ */ jsxs30("div", { className: "semiont-detect-widget__log", children: [
-            /* @__PURE__ */ jsx39("div", { className: "semiont-detect-widget__log-items", children: lastDetectionLog.map((item, index2) => /* @__PURE__ */ jsxs30("div", { className: "semiont-detect-widget__log-item", children: [
-              /* @__PURE__ */ jsx39("span", { className: "semiont-detect-widget__log-check", children: "\u2713" }),
-              /* @__PURE__ */ jsxs30("span", { className: "semiont-detect-widget__log-type", children: [
-                item.entityType,
-                ":"
-              ] }),
-              /* @__PURE__ */ jsx39("span", { children: t12("found", { count: item.foundCount }) })
-            ] }, index2)) }),
-            /* @__PURE__ */ jsx39(
-              "button",
-              {
-                onClick: () => setLastDetectionLog(null),
-                className: "semiont-button",
-                "data-variant": "detect",
-                "data-type": "reference",
-                children: t12("more")
-              }
-            )
-          ] })
+          )
         ] })
       ] }),
       /* @__PURE__ */ jsxs30("div", { children: [
         /* @__PURE__ */ jsx39("div", { className: "semiont-panel__divider", children: /* @__PURE__ */ jsxs30("h3", { className: "semiont-panel__subtitle", children: [
-          tRef("outgoingReferences"),
+          t12("outgoingReferences"),
           " (",
           sortedAnnotations.length,
           ")"
         ] }) }),
-        /* @__PURE__ */ jsx39("div", { className: "semiont-panel__list", children: sortedAnnotations.length === 0 ? /* @__PURE__ */ jsx39("p", { className: "semiont-panel__empty-message", children: tRef("noReferences") }) : sortedAnnotations.map((reference) => /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx39("div", { className: "semiont-panel__list", children: sortedAnnotations.length === 0 ? /* @__PURE__ */ jsx39("p", { className: "semiont-panel__empty-message", children: t12("noReferences") }) : sortedAnnotations.map((reference) => /* @__PURE__ */ jsx39(
           ReferenceEntry,
           {
             reference,
@@ -47492,13 +47531,13 @@ function ReferencesPanel({
       ] }),
       /* @__PURE__ */ jsxs30("div", { children: [
         /* @__PURE__ */ jsx39("div", { className: "semiont-panel__divider", children: /* @__PURE__ */ jsxs30("h3", { className: "semiont-panel__subtitle", children: [
-          tRef("incomingReferences"),
+          t12("incomingReferences"),
           " (",
           referencedBy.length,
           ")",
           referencedByLoading && /* @__PURE__ */ jsxs30("span", { className: "semiont-panel__loading-indicator", children: [
             "(",
-            tRef("loading"),
+            t12("loading"),
             ")"
           ] })
         ] }) }),
@@ -47506,24 +47545,24 @@ function ReferencesPanel({
           const resourceId = ref.target.source.split("/").pop() || "";
           return /* @__PURE__ */ jsxs30("div", { className: "semiont-reference-item semiont-reference-item--incoming", children: [
             /* @__PURE__ */ jsxs30("div", { className: "semiont-reference-item__header", children: [
-              /* @__PURE__ */ jsx39("span", { className: "semiont-reference-item__title", children: ref.resourceName || tRef("untitledResource") }),
+              /* @__PURE__ */ jsx39("span", { className: "semiont-reference-item__title", children: ref.resourceName || t12("untitledResource") }),
               /* @__PURE__ */ jsx39(
                 Link,
                 {
                   href: routes.resourceDetail(resourceId),
                   className: "semiont-reference-item__link",
-                  title: tRef("open"),
+                  title: t12("open"),
                   children: "\u{1F517}"
                 }
               )
             ] }),
             /* @__PURE__ */ jsxs30("span", { className: "semiont-reference-item__excerpt", children: [
               '"',
-              ref.target.selector?.exact || tRef("noText"),
+              ref.target.selector?.exact || t12("noText"),
               '"'
             ] })
           ] }, ref.id);
-        }) }) : /* @__PURE__ */ jsx39("p", { className: "semiont-panel__empty-message semiont-panel__empty-message--small", children: referencedByLoading ? tRef("loadingEllipsis") : tRef("noIncomingReferences") })
+        }) }) : /* @__PURE__ */ jsx39("p", { className: "semiont-panel__empty-message semiont-panel__empty-message--small", children: referencedByLoading ? t12("loadingEllipsis") : t12("noIncomingReferences") })
       ] })
     ] })
   ] });
@@ -47579,7 +47618,7 @@ function ResourceInfoPanel({
       /* @__PURE__ */ jsxs31(
         "button",
         {
-          onClick: () => eventBus.get("resource:clone").next(void 0),
+          onClick: () => eventBus.get("generate:clone").next(void 0),
           className: "semiont-resource-button semiont-resource-button--secondary",
           children: [
             "\u{1F517} ",
@@ -47712,7 +47751,7 @@ var TagEntry = forwardRef5(
       {
         ref,
         onClick: () => {
-          eventBus.get("annotation:click").next({ annotationId: tag.id, motivation: tag.motivation });
+          eventBus.get("attend:click").next({ annotationId: tag.id, motivation: tag.motivation });
         },
         ...hoverProps,
         className: `semiont-annotation-entry${isHovered ? " semiont-annotation-pulse" : ""}`,
@@ -47736,7 +47775,7 @@ var TagEntry = forwardRef5(
 );
 
 // src/components/resource/panels/TaggingPanel.tsx
-import { useState as useState23, useEffect as useEffect31, useRef as useRef23, useCallback as useCallback21, useMemo as useMemo8 } from "react";
+import { useState as useState24, useEffect as useEffect31, useRef as useRef23, useCallback as useCallback22, useMemo as useMemo8 } from "react";
 import { getTextPositionSelector as getTextPositionSelector7, getTargetSelector as getTargetSelector10 } from "@semiont/api-client";
 import { Fragment as Fragment10, jsx as jsx43, jsxs as jsxs34 } from "react/jsx-runtime";
 function getSelectorDisplayText4(selector) {
@@ -47755,8 +47794,8 @@ function getSelectorDisplayText4(selector) {
 function TaggingPanel({
   annotations,
   annotateMode = true,
-  isDetecting = false,
-  detectionProgress,
+  isAssisting = false,
+  progress,
   pendingAnnotation,
   scrollToAnnotationId,
   onScrollCompleted,
@@ -47764,25 +47803,25 @@ function TaggingPanel({
 }) {
   const t12 = useTranslations("TaggingPanel");
   const eventBus = useEventBus();
-  const [selectedSchemaId, setSelectedSchemaId] = useState23("legal-irac");
-  const [selectedCategories, setSelectedCategories] = useState23(/* @__PURE__ */ new Set());
-  const [focusedAnnotationId, setFocusedAnnotationId] = useState23(null);
+  const [selectedSchemaId, setSelectedSchemaId] = useState24("legal-irac");
+  const [selectedCategories, setSelectedCategories] = useState24(/* @__PURE__ */ new Set());
+  const [focusedAnnotationId, setFocusedAnnotationId] = useState24(null);
   const containerRef = useRef23(null);
-  const [isDetectExpanded, setIsDetectExpanded] = useState23(() => {
+  const [isAssistExpanded, setIsDetectExpanded] = useState24(() => {
     if (typeof window === "undefined") return true;
-    const stored = localStorage.getItem("detect-section-expanded-tag");
+    const stored = localStorage.getItem("assist-section-expanded-tag");
     return stored ? stored === "true" : true;
   });
   useEffect31(() => {
     if (typeof window === "undefined") return;
-    localStorage.setItem("detect-section-expanded-tag", String(isDetectExpanded));
-  }, [isDetectExpanded]);
-  const handleAnnotationClick = useCallback21(({ annotationId }) => {
+    localStorage.setItem("assist-section-expanded-tag", String(isAssistExpanded));
+  }, [isAssistExpanded]);
+  const handleAnnotationClick = useCallback22(({ annotationId }) => {
     setFocusedAnnotationId(annotationId);
     setTimeout(() => setFocusedAnnotationId(null), 3e3);
   }, []);
   useEventSubscriptions({
-    "annotation:click": handleAnnotationClick
+    "attend:click": handleAnnotationClick
   });
   const entryRefs = useRef23(/* @__PURE__ */ new Map());
   const sortedAnnotations = useMemo8(() => {
@@ -47793,7 +47832,7 @@ function TaggingPanel({
       return aSelector.start - bSelector.start;
     });
   }, [annotations]);
-  const setEntryRef = useCallback21((id2, element2) => {
+  const setEntryRef = useCallback22((id2, element2) => {
     if (element2) {
       entryRefs.current.set(id2, element2);
     } else {
@@ -47854,9 +47893,9 @@ function TaggingPanel({
   const handleDeselectAll = () => {
     setSelectedCategories(/* @__PURE__ */ new Set());
   };
-  const handleDetect = () => {
+  const handleAssist = () => {
     if (selectedCategories.size > 0) {
-      eventBus.get("detection:start").next({
+      eventBus.get("annotate:assist-request").next({
         motivation: "tagging",
         options: {
           schemaId: selectedSchemaId,
@@ -47870,7 +47909,7 @@ function TaggingPanel({
     if (!pendingAnnotation) return;
     const handleEscape = (e6) => {
       if (e6.key === "Escape") {
-        eventBus.get("annotation:cancel-pending").next(void 0);
+        eventBus.get("annotate:cancel-pending").next(void 0);
       }
     };
     document.addEventListener("keydown", handleEscape);
@@ -47908,7 +47947,7 @@ function TaggingPanel({
               className: "semiont-select",
               onChange: (e6) => {
                 if (e6.target.value && pendingAnnotation) {
-                  eventBus.get("annotation:create").next({
+                  eventBus.get("annotate:create").next({
                     motivation: "tagging",
                     selector: pendingAnnotation.selector,
                     body: [
@@ -47937,7 +47976,7 @@ function TaggingPanel({
         /* @__PURE__ */ jsx43("div", { className: "semiont-annotation-prompt__footer", children: /* @__PURE__ */ jsx43(
           "button",
           {
-            onClick: () => eventBus.get("annotation:cancel-pending").next(void 0),
+            onClick: () => eventBus.get("annotate:cancel-pending").next(void 0),
             className: "semiont-button semiont-button--secondary",
             "data-type": "tag",
             children: t12("cancel")
@@ -47948,18 +47987,18 @@ function TaggingPanel({
         /* @__PURE__ */ jsxs34(
           "button",
           {
-            onClick: () => setIsDetectExpanded(!isDetectExpanded),
+            onClick: () => setIsDetectExpanded(!isAssistExpanded),
             className: "semiont-panel__section-title semiont-panel__section-title--collapsible",
-            "aria-expanded": isDetectExpanded,
+            "aria-expanded": isAssistExpanded,
             type: "button",
             children: [
-              /* @__PURE__ */ jsx43("span", { children: t12("detectTags") }),
-              /* @__PURE__ */ jsx43("span", { className: "semiont-panel__section-chevron", "data-expanded": isDetectExpanded, children: "\u203A" })
+              /* @__PURE__ */ jsx43("span", { children: t12("annotateTags") }),
+              /* @__PURE__ */ jsx43("span", { className: "semiont-panel__section-chevron", "data-expanded": isAssistExpanded, children: "\u203A" })
             ]
           }
         ),
-        isDetectExpanded && /* @__PURE__ */ jsxs34("div", { className: "semiont-detect-widget", "data-detecting": isDetecting && detectionProgress ? "true" : "false", "data-type": "tag", children: [
-          !isDetecting && !detectionProgress && /* @__PURE__ */ jsxs34(Fragment10, { children: [
+        isAssistExpanded && /* @__PURE__ */ jsxs34("div", { className: "semiont-assist-widget", "data-assisting": isAssisting && progress ? "true" : "false", "data-type": "tag", children: [
+          !isAssisting && !progress && /* @__PURE__ */ jsxs34(Fragment10, { children: [
             /* @__PURE__ */ jsxs34("div", { className: "semiont-form-field", children: [
               /* @__PURE__ */ jsx43("label", { className: "semiont-form-field__label", children: t12("selectSchema") }),
               /* @__PURE__ */ jsx43(
@@ -48027,22 +48066,22 @@ function TaggingPanel({
           /* @__PURE__ */ jsxs34(
             "button",
             {
-              onClick: handleDetect,
-              disabled: selectedCategories.size === 0 || isDetecting,
+              onClick: handleAssist,
+              disabled: selectedCategories.size === 0 || isAssisting,
               className: "semiont-button",
-              "data-variant": "detect",
+              "data-variant": "assist",
               "data-type": "tag",
               children: [
                 /* @__PURE__ */ jsx43("span", { className: "semiont-button-icon", children: "\u2728" }),
-                /* @__PURE__ */ jsx43("span", { children: t12("detect") })
+                /* @__PURE__ */ jsx43("span", { children: t12("annotate") })
               ]
             }
           ),
-          isDetecting && detectionProgress && /* @__PURE__ */ jsxs34("div", { className: "semiont-detection-progress", "data-type": "tag", children: [
-            detectionProgress.requestParams && detectionProgress.requestParams.length > 0 && /* @__PURE__ */ jsxs34("div", { className: "semiont-detection-progress__params", "data-type": "tag", children: [
-              /* @__PURE__ */ jsx43("div", { className: "semiont-detection-progress__params-title", children: "Request Parameters:" }),
-              detectionProgress.requestParams.map((param, idx) => /* @__PURE__ */ jsxs34("div", { className: "semiont-detection-progress__param", children: [
-                /* @__PURE__ */ jsxs34("span", { className: "semiont-detection-progress__param-label", children: [
+          isAssisting && progress && /* @__PURE__ */ jsxs34("div", { className: "semiont-annotation-progress", "data-type": "tag", children: [
+            progress.requestParams && progress.requestParams.length > 0 && /* @__PURE__ */ jsxs34("div", { className: "semiont-annotation-progress__params", "data-type": "tag", children: [
+              /* @__PURE__ */ jsx43("div", { className: "semiont-annotation-progress__params-title", children: "Request Parameters:" }),
+              progress.requestParams.map((param, idx) => /* @__PURE__ */ jsxs34("div", { className: "semiont-annotation-progress__param", children: [
+                /* @__PURE__ */ jsxs34("span", { className: "semiont-annotation-progress__param-label", children: [
                   param.label,
                   ":"
                 ] }),
@@ -48050,29 +48089,29 @@ function TaggingPanel({
                 param.value
               ] }, idx))
             ] }),
-            /* @__PURE__ */ jsxs34("div", { className: "semiont-detection-progress__status", children: [
-              /* @__PURE__ */ jsxs34("div", { className: "semiont-detection-progress__message", children: [
-                /* @__PURE__ */ jsx43("span", { className: "semiont-detection-progress__icon", children: "\u2728" }),
-                /* @__PURE__ */ jsx43("span", { children: detectionProgress.message })
+            /* @__PURE__ */ jsxs34("div", { className: "semiont-annotation-progress__status", children: [
+              /* @__PURE__ */ jsxs34("div", { className: "semiont-annotation-progress__message", children: [
+                /* @__PURE__ */ jsx43("span", { className: "semiont-annotation-progress__icon", children: "\u2728" }),
+                /* @__PURE__ */ jsx43("span", { children: progress.message })
               ] }),
-              detectionProgress.currentCategory && /* @__PURE__ */ jsxs34("div", { className: "semiont-detection-progress__details", children: [
+              progress.currentCategory && /* @__PURE__ */ jsxs34("div", { className: "semiont-annotation-progress__details", children: [
                 "Processing: ",
-                detectionProgress.currentCategory,
-                detectionProgress.processedCategories !== void 0 && detectionProgress.totalCategories !== void 0 && /* @__PURE__ */ jsxs34(Fragment10, { children: [
+                progress.currentCategory,
+                progress.processedCategories !== void 0 && progress.totalCategories !== void 0 && /* @__PURE__ */ jsxs34(Fragment10, { children: [
                   " (",
-                  detectionProgress.processedCategories,
+                  progress.processedCategories,
                   "/",
-                  detectionProgress.totalCategories,
+                  progress.totalCategories,
                   ")"
                 ] })
               ] })
             ] }),
-            detectionProgress.percentage !== void 0 && /* @__PURE__ */ jsx43("div", { className: "semiont-progress-bar", children: /* @__PURE__ */ jsx43(
+            progress.percentage !== void 0 && /* @__PURE__ */ jsx43("div", { className: "semiont-progress-bar", children: /* @__PURE__ */ jsx43(
               "div",
               {
                 className: "semiont-progress-bar__fill",
                 "data-type": "tag",
-                style: { width: `${detectionProgress.percentage}%` }
+                style: { width: `${progress.percentage}%` }
               }
             ) })
           ] })
@@ -48093,7 +48132,7 @@ function TaggingPanel({
 }
 
 // src/components/resource/panels/UnifiedAnnotationsPanel.tsx
-import { useState as useState24, useEffect as useEffect32 } from "react";
+import { useState as useState25, useEffect as useEffect32 } from "react";
 import { jsx as jsx44, jsxs as jsxs35 } from "react/jsx-runtime";
 var TAB_ORDER = ["statistics", "reference", "highlight", "assessment", "comment", "tag"];
 function UnifiedAnnotationsPanel(props) {
@@ -48115,7 +48154,7 @@ function UnifiedAnnotationsPanel(props) {
     }
   }
   const grouped = groups;
-  const [activeTab, setActiveTab] = useState24(() => {
+  const [activeTab, setActiveTab] = useState25(() => {
     if (typeof window === "undefined") return props.initialTab || "statistics";
     const storageKey = props.resourceId ? `annotations-tab-${props.resourceId}` : "annotations-tab-global";
     const stored = localStorage.getItem(storageKey);
@@ -48202,13 +48241,13 @@ function UnifiedAnnotationsPanel(props) {
       const annotator = props.annotators[activeTab];
       if (!annotator) return null;
       const annotations = grouped[activeTab] || [];
-      const isDetecting = props.detectingMotivation === annotator.motivation;
-      const detectionProgress = props.detectionProgress;
+      const isAssisting = props.assistingMotivation === annotator.motivation;
+      const progress = props.progress ?? null;
       const commonProps = {
         annotations,
         pendingAnnotation: props.pendingAnnotation,
-        isDetecting,
-        detectionProgress,
+        isAssisting,
+        progress,
         annotateMode: props.annotateMode,
         scrollToAnnotationId: props.scrollToAnnotationId,
         onScrollCompleted: props.onScrollCompleted,
@@ -48228,8 +48267,8 @@ function UnifiedAnnotationsPanel(props) {
           {
             annotations: commonProps.annotations,
             pendingAnnotation: commonProps.pendingAnnotation,
-            isDetecting: commonProps.isDetecting,
-            detectionProgress: commonProps.detectionProgress,
+            isAssisting: commonProps.isAssisting,
+            progress: commonProps.progress,
             annotateMode: commonProps.annotateMode,
             scrollToAnnotationId: commonProps.scrollToAnnotationId,
             onScrollCompleted: commonProps.onScrollCompleted,
@@ -48273,7 +48312,7 @@ function UnifiedAnnotationsPanel(props) {
 }
 
 // src/components/navigation/Footer.tsx
-import { useState as useState25 } from "react";
+import { useState as useState26 } from "react";
 import { Fragment as Fragment11, jsx as jsx45, jsxs as jsxs36 } from "react/jsx-runtime";
 function Footer({
   Link,
@@ -48284,7 +48323,7 @@ function Footer({
   apiDocsUrl = "/api/docs",
   sourceCodeUrl = "https://github.com/The-AI-Alliance/semiont"
 }) {
-  const [showCookiePreferences, setShowCookiePreferences] = useState25(false);
+  const [showCookiePreferences, setShowCookiePreferences] = useState26(false);
   return /* @__PURE__ */ jsxs36(Fragment11, { children: [
     /* @__PURE__ */ jsx45("footer", { role: "contentinfo", className: "semiont-footer", children: /* @__PURE__ */ jsx45("div", { className: "semiont-footer__container", children: /* @__PURE__ */ jsxs36("div", { className: "semiont-footer__content", children: [
       /* @__PURE__ */ jsx45("div", { className: "semiont-footer__copyright", children: t12("copyright", { year: (/* @__PURE__ */ new Date()).getFullYear() }) }),
@@ -48422,7 +48461,7 @@ function NavigationMenu({
 }
 
 // src/components/navigation/ObservableLink.tsx
-import { useCallback as useCallback22, useRef as useRef24, useEffect as useEffect33 } from "react";
+import { useCallback as useCallback23, useRef as useRef24, useEffect as useEffect33 } from "react";
 import { jsx as jsx47 } from "react/jsx-runtime";
 function ObservableLink({
   href,
@@ -48436,7 +48475,7 @@ function ObservableLink({
   useEffect33(() => {
     onClickRef.current = onClick;
   });
-  const handleClick = useCallback22((e6) => {
+  const handleClick = useCallback23((e6) => {
     eventBus.get("navigation:link-clicked").next({
       href,
       label
@@ -48455,7 +48494,7 @@ function ObservableLink({
 }
 
 // src/components/navigation/SimpleNavigation.tsx
-import { useState as useState26, useRef as useRef25, useEffect as useEffect34 } from "react";
+import { useState as useState27, useRef as useRef25, useEffect as useEffect34 } from "react";
 import { jsx as jsx48, jsxs as jsxs38 } from "react/jsx-runtime";
 function SimpleNavigation({
   title,
@@ -48470,7 +48509,7 @@ function SimpleNavigation({
 }) {
   const ChevronLeftIcon = icons.chevronLeft;
   const BarsIcon = icons.bars;
-  const [isDropdownOpen, setIsDropdownOpen] = useState26(false);
+  const [isDropdownOpen, setIsDropdownOpen] = useState27(false);
   const dropdownRef = useRef25(null);
   const eventBus = useEventBus();
   const toggleDropdown = () => setIsDropdownOpen(!isDropdownOpen);
@@ -48551,14 +48590,14 @@ function SimpleNavigation({
 }
 
 // src/components/navigation/CollapsibleResourceNavigation.tsx
-import { useCallback as useCallback28, useState as useState30, useRef as useRef30, useEffect as useEffect39 } from "react";
+import { useCallback as useCallback29, useState as useState31, useRef as useRef30, useEffect as useEffect39 } from "react";
 
 // ../../node_modules/@dnd-kit/core/dist/core.esm.js
-import React20, { createContext as createContext7, useContext as useContext7, useEffect as useEffect36, useState as useState28, useCallback as useCallback25, useMemo as useMemo10, useRef as useRef27, memo, useReducer, cloneElement, forwardRef as forwardRef6 } from "react";
+import React20, { createContext as createContext7, useContext as useContext7, useEffect as useEffect36, useState as useState29, useCallback as useCallback26, useMemo as useMemo10, useRef as useRef27, memo, useReducer, cloneElement, forwardRef as forwardRef6 } from "react";
 import { createPortal, unstable_batchedUpdates } from "react-dom";
 
 // ../../node_modules/@dnd-kit/utilities/dist/utilities.esm.js
-import { useMemo as useMemo9, useLayoutEffect, useEffect as useEffect35, useRef as useRef26, useCallback as useCallback23 } from "react";
+import { useMemo as useMemo9, useLayoutEffect, useEffect as useEffect35, useRef as useRef26, useCallback as useCallback24 } from "react";
 function useCombinedRefs() {
   for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
     refs[_key] = arguments[_key];
@@ -48632,7 +48671,7 @@ function useEvent(handler) {
   useIsomorphicLayoutEffect(() => {
     handlerRef.current = handler;
   });
-  return useCallback23(function() {
+  return useCallback24(function() {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
@@ -48641,10 +48680,10 @@ function useEvent(handler) {
 }
 function useInterval() {
   const intervalRef = useRef26(null);
-  const set = useCallback23((listener, duration) => {
+  const set = useCallback24((listener, duration) => {
     intervalRef.current = setInterval(listener, duration);
   }, []);
-  const clear = useCallback23(() => {
+  const clear = useCallback24(() => {
     if (intervalRef.current !== null) {
       clearInterval(intervalRef.current);
       intervalRef.current = null;
@@ -48679,7 +48718,7 @@ function useLazyMemo(callback, dependencies) {
 function useNodeRef(onChange) {
   const onChangeHandler = useEvent(onChange);
   const node2 = useRef26(null);
-  const setNodeRef = useCallback23(
+  const setNodeRef = useCallback24(
     (element2) => {
       if (element2 !== node2.current) {
         onChangeHandler == null ? void 0 : onChangeHandler(element2, node2.current);
@@ -48834,7 +48873,7 @@ function findFirstFocusableNode(element2) {
 }
 
 // ../../node_modules/@dnd-kit/accessibility/dist/accessibility.esm.js
-import React19, { useState as useState27, useCallback as useCallback24 } from "react";
+import React19, { useState as useState28, useCallback as useCallback25 } from "react";
 var hiddenStyles = {
   display: "none"
 };
@@ -48877,8 +48916,8 @@ function LiveRegion(_ref) {
   }, announcement);
 }
 function useAnnouncement() {
-  const [announcement, setAnnouncement] = useState27("");
-  const announce = useCallback24((value) => {
+  const [announcement, setAnnouncement] = useState28("");
+  const announce = useCallback25((value) => {
     if (value != null) {
       setAnnouncement(value);
     }
@@ -48902,12 +48941,12 @@ function useDndMonitor(listener) {
   }, [listener, registerListener]);
 }
 function useDndMonitorProvider() {
-  const [listeners] = useState28(() => /* @__PURE__ */ new Set());
-  const registerListener = useCallback25((listener) => {
+  const [listeners] = useState29(() => /* @__PURE__ */ new Set());
+  const registerListener = useCallback26((listener) => {
     listeners.add(listener);
     return () => listeners.delete(listener);
   }, [listeners]);
-  const dispatch = useCallback25((_ref) => {
+  const dispatch = useCallback26((_ref) => {
     let {
       type,
       event
@@ -48968,7 +49007,7 @@ function Accessibility(_ref) {
     announcement
   } = useAnnouncement();
   const liveRegionId = useUniqueId("DndLiveRegion");
-  const [mounted, setMounted] = useState28(false);
+  const [mounted, setMounted] = useState29(false);
   useEffect36(() => {
     setMounted(true);
   }, []);
@@ -50327,7 +50366,7 @@ function useAutoScroller(_ref) {
     }
   }, [activator, draggingRect, pointerCoordinates]);
   const scrollContainerRef = useRef27(null);
-  const autoScroll = useCallback25(() => {
+  const autoScroll = useCallback26(() => {
     const scrollContainer = scrollContainerRef.current;
     if (!scrollContainer) {
       return;
@@ -50478,7 +50517,7 @@ function useDroppableMeasuring(containers, _ref) {
     dependencies,
     config
   } = _ref;
-  const [queue, setQueue] = useState28(null);
+  const [queue, setQueue] = useState29(null);
   const {
     frequency,
     measure,
@@ -50487,7 +50526,7 @@ function useDroppableMeasuring(containers, _ref) {
   const containersRef = useRef27(containers);
   const disabled = isDisabled();
   const disabledRef = useLatestValue(disabled);
-  const measureDroppableContainers = useCallback25(function(ids2) {
+  const measureDroppableContainers = useCallback26(function(ids2) {
     if (ids2 === void 0) {
       ids2 = [];
     }
@@ -50643,7 +50682,7 @@ function useRect(element2, measure, fallbackRect2) {
   if (measure === void 0) {
     measure = defaultMeasure;
   }
-  const [rect, setRect] = useState28(null);
+  const [rect, setRect] = useState29(null);
   function measureRect() {
     setRect((currentRect) => {
       if (!element2) {
@@ -50717,9 +50756,9 @@ function useScrollableAncestors(node2) {
   return ancestors;
 }
 function useScrollOffsets(elements) {
-  const [scrollCoordinates, setScrollCoordinates] = useState28(null);
+  const [scrollCoordinates, setScrollCoordinates] = useState29(null);
   const prevElements = useRef27(elements);
-  const handleScroll = useCallback25((event) => {
+  const handleScroll = useCallback26((event) => {
     const scrollingElement = getScrollableElement(event.target);
     if (!scrollingElement) {
       return;
@@ -50842,7 +50881,7 @@ function useRects(elements, measure) {
   }
   const [firstElement] = elements;
   const windowRect2 = useWindowRect(firstElement ? getWindow(firstElement) : null);
-  const [rects, setRects] = useState28(defaultValue$2);
+  const [rects, setRects] = useState29(defaultValue$2);
   function measureRects() {
     setRects(() => {
       if (!elements.length) {
@@ -50875,8 +50914,8 @@ function useDragOverlayMeasuring(_ref) {
   let {
     measure
   } = _ref;
-  const [rect, setRect] = useState28(null);
-  const handleResize = useCallback25((entries) => {
+  const [rect, setRect] = useState29(null);
+  const handleResize = useCallback26((entries) => {
     for (const {
       target
     } of entries) {
@@ -50896,7 +50935,7 @@ function useDragOverlayMeasuring(_ref) {
   const resizeObserver = useResizeObserver({
     callback: handleResize
   });
-  const handleNodeChange = useCallback25((element2) => {
+  const handleNodeChange = useCallback26((element2) => {
     const node2 = getMeasurableNode(element2);
     resizeObserver == null ? void 0 : resizeObserver.disconnect();
     if (node2) {
@@ -51276,7 +51315,7 @@ var DndContext = /* @__PURE__ */ memo(function DndContext2(_ref) {
   const store = useReducer(reducer, void 0, getInitialState);
   const [state, dispatch] = store;
   const [dispatchMonitorEvent, registerMonitorListener] = useDndMonitorProvider();
-  const [status, setStatus] = useState28(Status.Uninitialized);
+  const [status, setStatus] = useState29(Status.Uninitialized);
   const isInitialized = status === Status.Initialized;
   const {
     draggable: {
@@ -51303,8 +51342,8 @@ var DndContext = /* @__PURE__ */ memo(function DndContext2(_ref) {
     } : null;
   }, [activeId, node2]);
   const activeRef = useRef27(null);
-  const [activeSensor, setActiveSensor] = useState28(null);
-  const [activatorEvent, setActivatorEvent] = useState28(null);
+  const [activeSensor, setActiveSensor] = useState29(null);
+  const [activatorEvent, setActivatorEvent] = useState29(null);
   const latestProps = useLatestValue(props, Object.values(props));
   const draggableDescribedById = useUniqueId("DndDescribedBy", id2);
   const enabledDroppableContainers = useMemo10(() => droppableContainers.getEnabled(), [droppableContainers]);
@@ -51388,11 +51427,11 @@ var DndContext = /* @__PURE__ */ memo(function DndContext2(_ref) {
     pointerCoordinates
   }) : null;
   const overId = getFirstCollision(collisions, "id");
-  const [over, setOver] = useState28(null);
+  const [over, setOver] = useState29(null);
   const appliedTranslate = usesDragOverlay ? modifiedTranslate : add(modifiedTranslate, activeNodeScrollDelta);
   const transform = adjustScale(appliedTranslate, (_over$rect = over == null ? void 0 : over.rect) != null ? _over$rect : null, activeNodeRect);
   const activeSensorRef = useRef27(null);
-  const instantiateSensor = useCallback25(
+  const instantiateSensor = useCallback26(
     (event, _ref2) => {
       let {
         sensor: Sensor,
@@ -51550,7 +51589,7 @@ var DndContext = /* @__PURE__ */ memo(function DndContext2(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [draggableNodes]
   );
-  const bindActivatorToSensorInstantiator = useCallback25((handler, sensor) => {
+  const bindActivatorToSensorInstantiator = useCallback26((handler, sensor) => {
     return (event, active2) => {
       const nativeEvent = event.nativeEvent;
       const activeDraggableNode = draggableNodes.get(active2);
@@ -51865,7 +51904,7 @@ function useDroppable(_ref) {
     ...resizeObserverConfig
   };
   const ids2 = useLatestValue(updateMeasurementsFor != null ? updateMeasurementsFor : id2);
-  const handleResize = useCallback25(
+  const handleResize = useCallback26(
     () => {
       if (!resizeObserverConnected.current) {
         resizeObserverConnected.current = true;
@@ -51886,7 +51925,7 @@ function useDroppable(_ref) {
     callback: handleResize,
     disabled: resizeObserverDisabled || !active
   });
-  const handleNodeChange = useCallback25((newElement, previousElement) => {
+  const handleNodeChange = useCallback26((newElement, previousElement) => {
     if (!resizeObserver) {
       return;
     }
@@ -51952,7 +51991,7 @@ function useDroppable(_ref) {
 }
 
 // ../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js
-import React21, { useMemo as useMemo11, useRef as useRef28, useEffect as useEffect37, useState as useState29, useContext as useContext8 } from "react";
+import React21, { useMemo as useMemo11, useRef as useRef28, useEffect as useEffect37, useState as useState30, useContext as useContext8 } from "react";
 function arrayMove(array, from, to) {
   const newArray = array.slice();
   newArray.splice(to < 0 ? newArray.length + to : to, 0, newArray.splice(from, 1)[0]);
@@ -52193,7 +52232,7 @@ function useDerivedTransform(_ref) {
     node: node2,
     rect
   } = _ref;
-  const [derivedTransform, setDerivedtransform] = useState29(null);
+  const [derivedTransform, setDerivedtransform] = useState30(null);
   const previousIndex = useRef28(index2);
   useIsomorphicLayoutEffect(() => {
     if (!disabled && index2 !== previousIndex.current && node2.current) {
@@ -52535,7 +52574,7 @@ function isAfter(a15, b8) {
 }
 
 // src/components/navigation/SortableResourceTab.tsx
-import { useCallback as useCallback26, useRef as useRef29, useEffect as useEffect38 } from "react";
+import { useCallback as useCallback27, useRef as useRef29, useEffect as useEffect38 } from "react";
 import { jsx as jsx49, jsxs as jsxs39 } from "react/jsx-runtime";
 function SortableResourceTab({
   resource,
@@ -52569,7 +52608,7 @@ function SortableResourceTab({
   };
   const iconEmoji = getResourceIcon(resource.mediaType);
   const isCurrentlyDragging = isSortableDragging || isDragging;
-  const handleKeyDown = useCallback26((e6) => {
+  const handleKeyDown = useCallback27((e6) => {
     if (onReorderRef.current && e6.altKey) {
       if (e6.key === "ArrowUp") {
         e6.preventDefault();
@@ -52622,37 +52661,37 @@ function SortableResourceTab({
 }
 
 // src/hooks/useDragAnnouncements.ts
-import { useCallback as useCallback27 } from "react";
+import { useCallback as useCallback28 } from "react";
 function useDragAnnouncements() {
   const { announce } = useLiveRegion();
-  const announceReorder = useCallback27((message) => {
+  const announceReorder = useCallback28((message) => {
     announce(message, "assertive");
   }, [announce]);
-  const announcePickup = useCallback27((resourceName, position3, total) => {
+  const announcePickup = useCallback28((resourceName, position3, total) => {
     announce(
       `Picked up ${resourceName}. Position ${position3} of ${total}. Use arrow keys to move, space to drop.`,
       "assertive"
     );
   }, [announce]);
-  const announceDrop = useCallback27((resourceName, newPosition, total) => {
+  const announceDrop = useCallback28((resourceName, newPosition, total) => {
     announce(
       `Dropped ${resourceName} at position ${newPosition} of ${total}.`,
       "assertive"
     );
   }, [announce]);
-  const announceMove = useCallback27((resourceName, direction, newPosition, total) => {
+  const announceMove = useCallback28((resourceName, direction, newPosition, total) => {
     announce(
       `Moved ${resourceName} ${direction} to position ${newPosition} of ${total}.`,
       "polite"
     );
   }, [announce]);
-  const announceKeyboardReorder = useCallback27((resourceName, direction, newPosition, total) => {
+  const announceKeyboardReorder = useCallback28((resourceName, direction, newPosition, total) => {
     announce(
       `${resourceName} moved ${direction} to position ${newPosition} of ${total}.`,
       "assertive"
     );
   }, [announce]);
-  const announceCannotMove = useCallback27((direction) => {
+  const announceCannotMove = useCallback28((direction) => {
     announce(
       `Cannot move ${direction}. Already at the ${direction === "up" ? "top" : "bottom"} of the list.`,
       "polite"
@@ -52685,7 +52724,7 @@ function CollapsibleResourceNavigation({
 }) {
   const ChevronLeftIcon = icons.chevronLeft;
   const BarsIcon = icons.bars;
-  const [isDropdownOpen, setIsDropdownOpen] = useState30(false);
+  const [isDropdownOpen, setIsDropdownOpen] = useState31(false);
   const dropdownRef = useRef30(null);
   const { announcePickup, announceDrop, announceKeyboardReorder, announceCannotMove } = useDragAnnouncements();
   const t12 = useTranslations("CollapsibleResourceNavigation");
@@ -52723,7 +52762,7 @@ function CollapsibleResourceNavigation({
       coordinateGetter: sortableKeyboardCoordinates
     })
   );
-  const handleKeyboardReorder = useCallback28((resourceId, direction) => {
+  const handleKeyboardReorder = useCallback29((resourceId, direction) => {
     const currentIndex = resources.findIndex((r14) => r14.id === resourceId);
     if (currentIndex === -1) return;
     const newIndex = direction === "up" ? currentIndex - 1 : currentIndex + 1;
@@ -52899,16 +52938,16 @@ function CollapsibleResourceNavigation({
 }
 
 // src/components/modals/SearchModal.tsx
-import { useState as useState31, useEffect as useEffect40, Fragment as Fragment13 } from "react";
+import { useState as useState32, useEffect as useEffect40, Fragment as Fragment13 } from "react";
 
 // src/hooks/useSearchAnnouncements.ts
-import { useCallback as useCallback29 } from "react";
+import { useCallback as useCallback30 } from "react";
 function useSearchAnnouncements2() {
   const { announce } = useLiveRegion();
-  const announceSearching = useCallback29(() => {
+  const announceSearching = useCallback30(() => {
     announce("Searching...", "polite");
   }, [announce]);
-  const announceSearchResults = useCallback29((count2, query) => {
+  const announceSearchResults = useCallback30((count2, query) => {
     if (count2 === 0) {
       announce(`No results found for ${query}`, "polite");
     } else if (count2 === 1) {
@@ -52917,10 +52956,10 @@ function useSearchAnnouncements2() {
       announce(`${count2} results found for ${query}`, "polite");
     }
   }, [announce]);
-  const announceSelection = useCallback29((name3, type) => {
+  const announceSelection = useCallback30((name3, type) => {
     announce(`Selected ${type}: ${name3}. Press Enter to navigate.`, "polite");
   }, [announce]);
-  const announceNavigation = useCallback29((name3, type) => {
+  const announceNavigation = useCallback30((name3, type) => {
     announce(`Navigating to ${type}: ${name3}`, "assertive");
   }, [announce]);
   return {
@@ -52941,10 +52980,10 @@ function SearchModal({
   translations = {}
 }) {
   const { announceSearchResults, announceSearching } = useSearchAnnouncements2();
-  const [query, setQuery] = useState31("");
-  const [debouncedQuery, setDebouncedQuery] = useState31("");
-  const [results, setResults] = useState31([]);
-  const [selectedIndex, setSelectedIndex] = useState31(0);
+  const [query, setQuery] = useState32("");
+  const [debouncedQuery, setDebouncedQuery] = useState32("");
+  const [results, setResults] = useState32([]);
+  const [selectedIndex, setSelectedIndex] = useState32(0);
   const t12 = {
     placeholder: translations.placeholder || "Search resources, entities...",
     searching: translations.searching || "Searching...",
@@ -53103,7 +53142,7 @@ function SearchModal({
 }
 
 // src/components/modals/ResourceSearchModal.tsx
-import { useState as useState32, useEffect as useEffect41, Fragment as Fragment14 } from "react";
+import { useState as useState33, useEffect as useEffect41, Fragment as Fragment14 } from "react";
 import { jsx as jsx52, jsxs as jsxs42 } from "react/jsx-runtime";
 function ResourceSearchModal({
   isOpen,
@@ -53113,8 +53152,8 @@ function ResourceSearchModal({
   translations = {}
 }) {
   const { announceSearchResults, announceSearching, announceNavigation } = useSearchAnnouncements2();
-  const [search2, setSearch] = useState32(searchTerm);
-  const [debouncedSearch, setDebouncedSearch] = useState32(searchTerm);
+  const [search2, setSearch] = useState33(searchTerm);
+  const [debouncedSearch, setDebouncedSearch] = useState33(searchTerm);
   const t12 = {
     title: translations.title || "Search Resources",
     placeholder: translations.placeholder || "Search for resources...",
@@ -53358,11 +53397,11 @@ function SessionTimer() {
 }
 
 // src/components/SessionExpiryBanner.tsx
-import { useState as useState33 } from "react";
+import { useState as useState34 } from "react";
 import { jsx as jsx55, jsxs as jsxs46 } from "react/jsx-runtime";
 function SessionExpiryBanner() {
   const { timeRemaining, isExpiringSoon } = useSessionExpiry();
-  const [dismissed, setDismissed] = useState33(false);
+  const [dismissed, setDismissed] = useState34(false);
   const formattedTime = formatTime(timeRemaining);
   if (!isExpiringSoon || dismissed || !formattedTime) {
     return null;
@@ -53583,7 +53622,7 @@ function UnifiedHeader({
 }
 
 // src/components/layout/LeftSidebar.tsx
-import { useState as useState34, useEffect as useEffect42 } from "react";
+import { useState as useState35, useEffect as useEffect42 } from "react";
 import { jsx as jsx59, jsxs as jsxs49 } from "react/jsx-runtime";
 function LeftSidebar({
   Link,
@@ -53598,7 +53637,7 @@ function LeftSidebar({
   isModerator = false,
   currentPath
 }) {
-  const [isCollapsed, setIsCollapsed] = useState34(false);
+  const [isCollapsed, setIsCollapsed] = useState35(false);
   const { width, setWidth, minWidth, maxWidth } = usePanelWidth({
     defaultWidth: 256,
     // 16rem
@@ -54822,7 +54861,7 @@ function AdminSecurityPage({
 }
 
 // src/features/admin-users/components/AdminUsersPage.tsx
-import { useState as useState35 } from "react";
+import { useState as useState36 } from "react";
 import { Fragment as Fragment15, jsx as jsx68, jsxs as jsxs56 } from "react/jsx-runtime";
 function UserTableRow({
   user,
@@ -54904,9 +54943,9 @@ function AdminUsersPage({
   Toolbar: Toolbar2,
   buttonStyles: buttonStyles2
 }) {
-  const [searchTerm, setSearchTerm] = useState35("");
-  const [selectedRole, setSelectedRole] = useState35("all");
-  const [selectedStatus, setSelectedStatus] = useState35("all");
+  const [searchTerm, setSearchTerm] = useState36("");
+  const [selectedRole, setSelectedRole] = useState36("all");
+  const [selectedStatus, setSelectedStatus] = useState36("all");
   const filteredUsers = users.filter((user) => {
     const matchesSearch = (user.name || "").toLowerCase().includes(searchTerm.toLowerCase()) || user.email.toLowerCase().includes(searchTerm.toLowerCase());
     const userRole = user.isAdmin ? "admin" : "user";
@@ -55221,7 +55260,7 @@ function SignInForm({
 }
 
 // src/features/auth/components/SignUpForm.tsx
-import { useState as useState36 } from "react";
+import { useState as useState37 } from "react";
 import { jsx as jsx70, jsxs as jsxs58 } from "react/jsx-runtime";
 function GoogleIcon2() {
   return /* @__PURE__ */ jsxs58("svg", { className: "semiont-icon semiont-icon--small semiont-icon--inline", viewBox: "0 0 24 24", children: [
@@ -55256,7 +55295,7 @@ function GoogleIcon2() {
   ] });
 }
 function SignUpForm({ onSignUp, Link, translations: t12 }) {
-  const [isLoading, setIsLoading] = useState36(false);
+  const [isLoading, setIsLoading] = useState37(false);
   const handleSignUp = async () => {
     setIsLoading(true);
     try {
@@ -55713,7 +55752,7 @@ function TagSchemasPage({
 }
 
 // src/features/resource-compose/components/ResourceComposePage.tsx
-import { useState as useState37, useEffect as useEffect43 } from "react";
+import { useState as useState38, useEffect as useEffect43 } from "react";
 import { isImageMimeType, isPdfMimeType as isPdfMimeType4, LOCALES as LOCALES2 } from "@semiont/api-client";
 import { jsx as jsx76, jsxs as jsxs64 } from "react/jsx-runtime";
 function ResourceComposePage({
@@ -55724,6 +55763,7 @@ function ResourceComposePage({
   initialLocale,
   theme: theme2,
   showLineNumbers,
+  hoverDelayMs,
   activePanel,
   onSaveResource,
   onCancel,
@@ -55732,18 +55772,18 @@ function ResourceComposePage({
   Toolbar: Toolbar2
 }) {
   const { announceFormSubmitting, announceFormSuccess, announceFormError } = useFormAnnouncements();
-  const [newResourceName, setNewResourceName] = useState37("");
-  const [newResourceContent, setNewResourceContent] = useState37("");
-  const [selectedEntityTypes, setSelectedEntityTypes] = useState37([]);
-  const [isCreating, setIsCreating] = useState37(false);
-  const [inputMethod, setInputMethod] = useState37("write");
-  const [uploadedFile, setUploadedFile] = useState37(null);
-  const [fileMimeType, setFileMimeType] = useState37("text/markdown");
-  const [filePreviewUrl, setFilePreviewUrl] = useState37(null);
-  const [selectedFormat, setSelectedFormat] = useState37("text/markdown");
-  const [selectedLanguage, setSelectedLanguage] = useState37(initialLocale);
-  const [selectedCharset, setSelectedCharset] = useState37("");
-  const [archiveOriginal, setArchiveOriginal] = useState37(true);
+  const [newResourceName, setNewResourceName] = useState38("");
+  const [newResourceContent, setNewResourceContent] = useState38("");
+  const [selectedEntityTypes, setSelectedEntityTypes] = useState38([]);
+  const [isCreating, setIsCreating] = useState38(false);
+  const [inputMethod, setInputMethod] = useState38("write");
+  const [uploadedFile, setUploadedFile] = useState38(null);
+  const [fileMimeType, setFileMimeType] = useState38("text/markdown");
+  const [filePreviewUrl, setFilePreviewUrl] = useState38(null);
+  const [selectedFormat, setSelectedFormat] = useState38("text/markdown");
+  const [selectedLanguage, setSelectedLanguage] = useState38(initialLocale);
+  const [selectedCharset, setSelectedCharset] = useState38("");
+  const [archiveOriginal, setArchiveOriginal] = useState38(true);
   useEffect43(() => {
     if (mode === "clone" && cloneData) {
       setNewResourceName(cloneData.sourceResource.name);
@@ -56042,6 +56082,7 @@ function ResourceComposePage({
                 editable: !isCreating,
                 sourceView: true,
                 showLineNumbers,
+                hoverDelayMs,
                 onChange: (newContent) => setNewResourceContent(newContent)
               }
             ) })
@@ -56125,7 +56166,7 @@ function ResourceComposePage({
 }
 
 // src/features/resource-discovery/components/ResourceDiscoveryPage.tsx
-import { useState as useState38, useCallback as useCallback30, useRef as useRef31 } from "react";
+import { useState as useState39, useCallback as useCallback31, useRef as useRef31 } from "react";
 import { getResourceId as getResourceId2 } from "@semiont/api-client";
 
 // src/features/resource-discovery/components/ResourceCard.tsx
@@ -56198,8 +56239,8 @@ function ResourceDiscoveryPage({
   translations: t12,
   ToolbarPanels
 }) {
-  const [searchQuery2, setSearchQuery] = useState38("");
-  const [selectedEntityType, setSelectedEntityType] = useState38("");
+  const [searchQuery2, setSearchQuery] = useState39("");
+  const [selectedEntityType, setSelectedEntityType] = useState39("");
   const hasSearchQuery = searchQuery2.trim() !== "";
   const hasSearchResults = searchDocuments.length > 0;
   const baseDocuments = hasSearchResults ? searchDocuments : recentDocuments;
@@ -56218,16 +56259,16 @@ function ResourceDiscoveryPage({
   );
   const onNavigateToResourceRef = useRef31(onNavigateToResource);
   onNavigateToResourceRef.current = onNavigateToResource;
-  const handleEntityTypeFilter = useCallback30((entityType3) => {
+  const handleEntityTypeFilter = useCallback31((entityType3) => {
     setSelectedEntityType(entityType3);
   }, []);
-  const openResource = useCallback30((resource) => {
+  const openResource = useCallback31((resource) => {
     const resourceId = getResourceId2(resource);
     if (resourceId) {
       onNavigateToResourceRef.current(resourceId);
     }
   }, []);
-  const handleSearchSubmit = useCallback30((e6) => {
+  const handleSearchSubmit = useCallback31((e6) => {
     e6.preventDefault();
   }, []);
   if (isLoadingRecent) {
@@ -56359,14 +56400,14 @@ function ResourceDiscoveryPage({
 }
 
 // src/features/resource-viewer/components/ResourceViewerPage.tsx
-import { useState as useState44, useEffect as useEffect49, useCallback as useCallback35, useMemo as useMemo12 } from "react";
+import { useState as useState45, useEffect as useEffect49, useCallback as useCallback36, useMemo as useMemo12 } from "react";
 import { useQueryClient as useQueryClient2 } from "@tanstack/react-query";
 import { resourceAnnotationUri as resourceAnnotationUri3 } from "@semiont/core";
 import { getLanguage, getPrimaryRepresentation, getPrimaryMediaType as getPrimaryMediaType2 } from "@semiont/api-client";
 import { uriToAnnotationId as uriToAnnotationId2 } from "@semiont/core";
 
 // src/hooks/useResolutionFlow.ts
-import { useCallback as useCallback31, useEffect as useEffect44, useRef as useRef32, useState as useState39 } from "react";
+import { useCallback as useCallback32, useEffect as useEffect44, useRef as useRef32, useState as useState40 } from "react";
 import { resourceAnnotationUri, accessToken as accessToken3 } from "@semiont/core";
 import { uriToAnnotationIdOrPassthrough } from "@semiont/core";
 function toAccessToken2(token) {
@@ -56376,9 +56417,10 @@ function useResolutionFlow(rUri) {
   const eventBus = useEventBus();
   const client = useApiClient();
   const token = useAuthToken();
-  const [searchModalOpen, setSearchModalOpen] = useState39(false);
-  const [pendingReferenceId, setPendingReferenceId] = useState39(null);
-  const onCloseSearchModal = useCallback31(() => {
+  const { showError } = useToast();
+  const [searchModalOpen, setSearchModalOpen] = useState40(false);
+  const [pendingReferenceId, setPendingReferenceId] = useState40(null);
+  const onCloseSearchModal = useCallback32(() => {
     setSearchModalOpen(false);
   }, []);
   const rUriRef = useRef32(rUri);
@@ -56402,20 +56444,20 @@ function useResolutionFlow(rUri) {
           resourceId: event.resourceId,
           operations: event.operations
         }, { auth: toAccessToken2(tokenRef.current) });
-        eventBus.get("annotation:body-updated").next({ annotationUri: event.annotationUri });
+        eventBus.get("resolve:body-updated").next({ annotationUri: event.annotationUri });
       } catch (error) {
         console.error("Failed to update annotation body:", error);
-        eventBus.get("annotation:body-update-failed").next({ error });
+        eventBus.get("resolve:body-update-failed").next({ error });
       }
     };
     const handleReferenceLink = (event) => {
-      eventBus.get("resolution:search-requested").next({
+      eventBus.get("resolve:search-requested").next({
         referenceId: event.annotationUri,
         searchTerm: event.searchTerm
       });
     };
-    const subscription1 = eventBus.get("annotation:update-body").subscribe(handleAnnotationUpdateBody);
-    const subscription2 = eventBus.get("reference:link").subscribe(handleReferenceLink);
+    const subscription1 = eventBus.get("resolve:update-body").subscribe(handleAnnotationUpdateBody);
+    const subscription2 = eventBus.get("resolve:link").subscribe(handleReferenceLink);
     return () => {
       subscription1.unsubscribe();
       subscription2.unsubscribe();
@@ -56426,23 +56468,27 @@ function useResolutionFlow(rUri) {
       setPendingReferenceId(event.referenceId);
       setSearchModalOpen(true);
     };
-    const subscription = eventBus.get("resolution:search-requested").subscribe(handleResolutionSearchRequested);
+    const subscription = eventBus.get("resolve:search-requested").subscribe(handleResolutionSearchRequested);
     return () => subscription.unsubscribe();
   }, [eventBus]);
+  useEventSubscriptions({
+    "resolve:body-update-failed": ({ error }) => showError(`Failed to update reference: ${error.message}`)
+  });
   return { searchModalOpen, pendingReferenceId, onCloseSearchModal };
 }
 
-// src/hooks/useDetectionFlow.ts
-import { useState as useState40, useRef as useRef33, useEffect as useEffect45, useCallback as useCallback32 } from "react";
+// src/hooks/useAnnotationFlow.ts
+import { useState as useState41, useRef as useRef33, useEffect as useEffect45, useCallback as useCallback33 } from "react";
 import { resourceAnnotationUri as resourceAnnotationUri2, accessToken as accessToken4, entityType as entityType2 } from "@semiont/core";
 import { uriToAnnotationIdOrPassthrough as uriToAnnotationIdOrPassthrough2 } from "@semiont/core";
 function toAccessToken3(token) {
   return token ? accessToken4(token) : void 0;
 }
-function useDetectionFlow(rUri) {
+function useAnnotationFlow(rUri) {
   const eventBus = useEventBus();
   const client = useApiClient();
   const token = useAuthToken();
+  const { showSuccess, showError, showInfo } = useToast();
   const clientRef = useRef33(client);
   const rUriRef = useRef33(rUri);
   const tokenRef = useRef33(token);
@@ -56455,8 +56501,8 @@ function useDetectionFlow(rUri) {
   useEffect45(() => {
     tokenRef.current = token;
   });
-  const [pendingAnnotation, setPendingAnnotation] = useState40(null);
-  const handleAnnotationRequested = useCallback32((pending) => {
+  const [pendingAnnotation, setPendingAnnotation] = useState41(null);
+  const handleAnnotationRequested = useCallback33((pending) => {
     const MOTIVATION_TO_TAB = {
       highlighting: "annotations",
       commenting: "annotations",
@@ -56472,10 +56518,10 @@ function useDetectionFlow(rUri) {
       questioning: "annotations",
       replying: "annotations"
     };
-    eventBus.get("panel:open").next({ panel: MOTIVATION_TO_TAB[pending.motivation] || "annotations" });
+    eventBus.get("attend:panel-open").next({ panel: MOTIVATION_TO_TAB[pending.motivation] || "annotations" });
     setPendingAnnotation(pending);
   }, []);
-  const selectionToSelector = useCallback32((selection2) => {
+  const selectionToSelector = useCallback33((selection2) => {
     if (selection2.svgSelector) {
       return {
         type: "SvgSelector",
@@ -56507,57 +56553,60 @@ function useDetectionFlow(rUri) {
       ...selection2.suffix && { suffix: selection2.suffix }
     };
   }, []);
-  const handleCommentRequested = useCallback32((selection2) => {
+  const handleCommentRequested = useCallback33((selection2) => {
     handleAnnotationRequested({ selector: selectionToSelector(selection2), motivation: "commenting" });
   }, [handleAnnotationRequested, selectionToSelector]);
-  const handleTagRequested = useCallback32((selection2) => {
+  const handleTagRequested = useCallback33((selection2) => {
     handleAnnotationRequested({ selector: selectionToSelector(selection2), motivation: "tagging" });
   }, [handleAnnotationRequested, selectionToSelector]);
-  const handleAssessmentRequested = useCallback32((selection2) => {
+  const handleAssessmentRequested = useCallback33((selection2) => {
     handleAnnotationRequested({ selector: selectionToSelector(selection2), motivation: "assessing" });
   }, [handleAnnotationRequested, selectionToSelector]);
-  const handleReferenceRequested = useCallback32((selection2) => {
+  const handleReferenceRequested = useCallback33((selection2) => {
     handleAnnotationRequested({ selector: selectionToSelector(selection2), motivation: "linking" });
   }, [handleAnnotationRequested, selectionToSelector]);
-  const handleAnnotationCancelPending = useCallback32(() => {
+  const handleAnnotationCancelPending = useCallback33(() => {
     setPendingAnnotation(null);
   }, []);
-  const [detectingMotivation, setDetectingMotivation] = useState40(null);
-  const [detectionProgress, setDetectionProgress] = useState40(null);
-  const detectionStreamRef = useRef33(null);
+  const [assistingMotivation, setAssistingMotivation] = useState41(null);
+  const [progress, setProgress] = useState41(null);
+  const assistStreamRef = useRef33(null);
   const progressDismissTimeoutRef = useRef33(null);
-  const handleDetectionProgress = useCallback32((chunk) => {
-    setDetectionProgress(chunk);
+  const handleAnnotationProgress = useCallback33((chunk) => {
+    setProgress(chunk);
   }, []);
-  const handleDetectionComplete = useCallback32(({ motivation }) => {
-    setDetectingMotivation((current) => {
+  const handleAnnotationComplete = useCallback33(({ motivation }) => {
+    setAssistingMotivation((current) => {
       if (motivation === current) {
         return null;
       }
       return current;
     });
+    showSuccess("Annotation complete");
     if (progressDismissTimeoutRef.current) {
       clearTimeout(progressDismissTimeoutRef.current);
     }
     progressDismissTimeoutRef.current = setTimeout(() => {
-      setDetectionProgress(null);
+      setProgress(null);
       progressDismissTimeoutRef.current = null;
     }, 5e3);
-  }, []);
-  const handleDetectionFailed = useCallback32(() => {
+  }, [showSuccess]);
+  const handleAnnotationFailed = useCallback33((event) => {
     if (progressDismissTimeoutRef.current) {
       clearTimeout(progressDismissTimeoutRef.current);
       progressDismissTimeoutRef.current = null;
     }
-    setDetectingMotivation(null);
-    setDetectionProgress(null);
-  }, []);
-  const handleDetectionDismissProgress = useCallback32(() => {
+    setAssistingMotivation(null);
+    setProgress(null);
+    const errorMessage = event.payload.error || "Annotation failed";
+    showError(errorMessage);
+  }, [showError]);
+  const handleProgressDismiss = useCallback33(() => {
     if (progressDismissTimeoutRef.current) {
       clearTimeout(progressDismissTimeoutRef.current);
       progressDismissTimeoutRef.current = null;
     }
-    setDetectionProgress(null);
+    setProgress(null);
   }, []);
   useEffect45(() => {
     const handleAnnotationCreate = async (event) => {
@@ -56575,11 +56624,11 @@ function useDetectionFlow(rUri) {
         }, { auth: toAccessToken3(tokenRef.current) });
         if (result.annotation) {
           setPendingAnnotation(null);
-          eventBus.get("annotation:created").next({ annotation: result.annotation });
+          eventBus.get("annotate:created").next({ annotation: result.annotation });
         }
       } catch (error) {
         console.error("Failed to create annotation:", error);
-        eventBus.get("annotation:create-failed").next({ error });
+        eventBus.get("annotate:create-failed").next({ error });
       }
     };
     const handleAnnotationDelete = async (event) => {
@@ -56589,55 +56638,55 @@ function useDetectionFlow(rUri) {
         const annotationIdSegment = uriToAnnotationIdOrPassthrough2(event.annotationId);
         const annotationUri2 = resourceAnnotationUri2(`${currentRUri}/annotations/${annotationIdSegment}`);
         await currentClient.deleteAnnotation(annotationUri2, { auth: toAccessToken3(tokenRef.current) });
-        eventBus.get("annotation:deleted").next({ annotationId: event.annotationId });
+        eventBus.get("annotate:deleted").next({ annotationId: event.annotationId });
       } catch (error) {
         console.error("Failed to delete annotation:", error);
-        eventBus.get("annotation:delete-failed").next({ error });
+        eventBus.get("annotate:delete-failed").next({ error });
       }
     };
-    const handleDetectionStart = async (event) => {
+    const handleAssistStart = async (event) => {
       const currentClient = clientRef.current;
       const currentRUri = rUriRef.current;
       try {
-        if (detectionStreamRef.current) {
-          detectionStreamRef.current.abort();
+        if (assistStreamRef.current) {
+          assistStreamRef.current.abort();
         }
-        detectionStreamRef.current = new AbortController();
+        assistStreamRef.current = new AbortController();
         if (progressDismissTimeoutRef.current) {
           clearTimeout(progressDismissTimeoutRef.current);
           progressDismissTimeoutRef.current = null;
         }
-        setDetectingMotivation(event.motivation);
-        setDetectionProgress(null);
+        setAssistingMotivation(event.motivation);
+        setProgress(null);
         const sseOptions = { auth: toAccessToken3(tokenRef.current), eventBus };
         if (event.motivation === "tagging") {
           const { schemaId, categories } = event.options;
           if (!schemaId || !categories || categories.length === 0) {
-            throw new Error("Tag detection requires schemaId and categories");
+            throw new Error("Tag assist requires schemaId and categories");
           }
-          currentClient.sse.detectTags(currentRUri, { schemaId, categories }, sseOptions);
+          currentClient.sse.annotateTags(currentRUri, { schemaId, categories }, sseOptions);
         } else if (event.motivation === "linking") {
           const { entityTypes, includeDescriptiveReferences } = event.options;
           if (!entityTypes || entityTypes.length === 0) {
-            throw new Error("Reference detection requires entityTypes");
+            throw new Error("Reference assist requires entityTypes");
           }
-          currentClient.sse.detectReferences(currentRUri, {
+          currentClient.sse.annotateReferences(currentRUri, {
             entityTypes: entityTypes.map((et) => entityType2(et)),
             includeDescriptiveReferences: includeDescriptiveReferences || false
           }, sseOptions);
         } else if (event.motivation === "highlighting") {
-          currentClient.sse.detectHighlights(currentRUri, {
+          currentClient.sse.annotateHighlights(currentRUri, {
             instructions: event.options.instructions,
             density: event.options.density
           }, sseOptions);
         } else if (event.motivation === "assessing") {
-          currentClient.sse.detectAssessments(currentRUri, {
+          currentClient.sse.annotateAssessments(currentRUri, {
             instructions: event.options.instructions,
             tone: event.options.tone,
             density: event.options.density
           }, sseOptions);
         } else if (event.motivation === "commenting") {
-          currentClient.sse.detectComments(currentRUri, {
+          currentClient.sse.annotateComments(currentRUri, {
             instructions: event.options.instructions,
             tone: event.options.tone,
             density: event.options.density
@@ -56645,45 +56694,49 @@ function useDetectionFlow(rUri) {
         }
       } catch (error) {
         if (error instanceof Error && error.name === "AbortError") {
-          eventBus.get("detection:cancelled").next(void 0);
+          eventBus.get("annotate:assist-cancelled").next(void 0);
         } else {
-          console.error("Detection failed:", error);
-          setDetectingMotivation(null);
-          setDetectionProgress(null);
+          console.error("Annotation assist failed:", error);
+          setAssistingMotivation(null);
+          setProgress(null);
         }
       }
     };
     const handleJobCancelRequested = (event) => {
-      if (event.jobType === "detection") {
-        detectionStreamRef.current?.abort();
-        detectionStreamRef.current = null;
+      if (event.jobType === "annotation") {
+        assistStreamRef.current?.abort();
+        assistStreamRef.current = null;
       }
     };
-    const subscription1 = eventBus.get("annotation:create").subscribe(handleAnnotationCreate);
-    const subscription2 = eventBus.get("annotation:delete").subscribe(handleAnnotationDelete);
-    const subscription3 = eventBus.get("detection:start").subscribe(handleDetectionStart);
+    const subscription1 = eventBus.get("annotate:create").subscribe(handleAnnotationCreate);
+    const subscription2 = eventBus.get("annotate:delete").subscribe(handleAnnotationDelete);
+    const subscription3 = eventBus.get("annotate:assist-request").subscribe(handleAssistStart);
     const subscription4 = eventBus.get("job:cancel-requested").subscribe(handleJobCancelRequested);
     return () => {
       subscription1.unsubscribe();
       subscription2.unsubscribe();
       subscription3.unsubscribe();
       subscription4.unsubscribe();
-      detectionStreamRef.current?.abort();
+      assistStreamRef.current?.abort();
     };
   }, [eventBus]);
   useEventSubscriptions({
-    // Manual detection
-    "annotation:requested": handleAnnotationRequested,
-    "selection:comment-requested": handleCommentRequested,
-    "selection:tag-requested": handleTagRequested,
-    "selection:assessment-requested": handleAssessmentRequested,
-    "selection:reference-requested": handleReferenceRequested,
-    "annotation:cancel-pending": handleAnnotationCancelPending,
-    // AI detection state updates
-    "detection:progress": handleDetectionProgress,
-    "detection:complete": handleDetectionComplete,
-    "detection:failed": handleDetectionFailed,
-    "detection:dismiss-progress": handleDetectionDismissProgress
+    // Manual annotation
+    "annotate:requested": handleAnnotationRequested,
+    "annotate:select-comment": handleCommentRequested,
+    "annotate:select-tag": handleTagRequested,
+    "annotate:select-assessment": handleAssessmentRequested,
+    "annotate:select-reference": handleReferenceRequested,
+    "annotate:cancel-pending": handleAnnotationCancelPending,
+    // AI-assisted annotation state updates
+    "annotate:progress": handleAnnotationProgress,
+    "annotate:assist-finished": handleAnnotationComplete,
+    "annotate:assist-failed": handleAnnotationFailed,
+    "annotate:progress-dismiss": handleProgressDismiss,
+    "annotate:assist-cancelled": () => showInfo("Annotation cancelled"),
+    // CRUD error notifications
+    "annotate:create-failed": ({ error }) => showError(`Failed to create annotation: ${error.message}`),
+    "annotate:delete-failed": ({ error }) => showError(`Failed to delete annotation: ${error.message}`)
   });
   useEffect45(() => {
     return () => {
@@ -56694,24 +56747,25 @@ function useDetectionFlow(rUri) {
   }, []);
   return {
     pendingAnnotation,
-    detectingMotivation,
-    detectionProgress,
-    detectionStreamRef
+    assistingMotivation,
+    progress,
+    assistStreamRef
   };
 }
 
 // src/hooks/usePanelNavigation.ts
-import { useState as useState41, useCallback as useCallback33, useEffect as useEffect46 } from "react";
+import { useState as useState42, useCallback as useCallback34, useEffect as useEffect46 } from "react";
+var tabGenerationCounter = 0;
 function usePanelNavigation() {
-  const [activePanel, setActivePanel] = useState41(() => {
+  const [activePanel, setActivePanel] = useState42(() => {
     if (typeof window !== "undefined") {
       const saved = localStorage.getItem("activeToolbarPanel");
       return saved || null;
     }
     return null;
   });
-  const [scrollToAnnotationId, setScrollToAnnotationId] = useState41(null);
-  const [panelInitialTab, setPanelInitialTab] = useState41(null);
+  const [scrollToAnnotationId, setScrollToAnnotationId] = useState42(null);
+  const [panelInitialTab, setPanelInitialTab] = useState42(null);
   useEffect46(() => {
     if (typeof window === "undefined") return;
     if (activePanel) {
@@ -56720,13 +56774,13 @@ function usePanelNavigation() {
       localStorage.removeItem("activeToolbarPanel");
     }
   }, [activePanel]);
-  const handleScrollCompleted = useCallback33(() => {
+  const handleScrollCompleted = useCallback34(() => {
     setScrollToAnnotationId(null);
   }, []);
-  const handlePanelToggle = useCallback33(({ panel }) => {
+  const handlePanelToggle = useCallback34(({ panel }) => {
     setActivePanel((current) => current === panel ? null : panel);
   }, []);
-  const handlePanelOpen = useCallback33(({ panel, scrollToAnnotationId: scrollTarget, motivation }) => {
+  const handlePanelOpen = useCallback34(({ panel, scrollToAnnotationId: scrollTarget, motivation }) => {
     if (scrollTarget) {
       setScrollToAnnotationId(scrollTarget);
     }
@@ -56739,17 +56793,17 @@ function usePanelNavigation() {
         "assessing": "assessment"
       };
       const tab2 = motivationToTab[motivation] || "highlight";
-      setPanelInitialTab({ tab: tab2, generation: Date.now() });
+      setPanelInitialTab({ tab: tab2, generation: ++tabGenerationCounter });
     }
     setActivePanel(panel);
   }, []);
-  const handlePanelClose = useCallback33(() => {
+  const handlePanelClose = useCallback34(() => {
     setActivePanel(null);
   }, []);
   useEventSubscriptions({
-    "panel:toggle": handlePanelToggle,
-    "panel:open": handlePanelOpen,
-    "panel:close": handlePanelClose
+    "attend:panel-toggle": handlePanelToggle,
+    "attend:panel-open": handlePanelOpen,
+    "attend:panel-close": handlePanelClose
   });
   return {
     activePanel,
@@ -56760,15 +56814,16 @@ function usePanelNavigation() {
 }
 
 // src/hooks/useGenerationFlow.ts
-import { useState as useState42, useCallback as useCallback34, useEffect as useEffect47, useRef as useRef34 } from "react";
+import { useState as useState43, useCallback as useCallback35, useEffect as useEffect47, useRef as useRef34 } from "react";
 import { annotationUri, accessToken as accessToken5 } from "@semiont/core";
 function toAccessToken4(token) {
   return token ? accessToken5(token) : void 0;
 }
-function useGenerationFlow(locale, resourceId, showSuccess, showError, clearNewAnnotationId) {
+function useGenerationFlow(locale, resourceId, clearNewAnnotationId) {
   const eventBus = useEventBus();
   const client = useApiClient();
   const token = useAuthToken();
+  const { showSuccess, showError } = useToast();
   const clientRef = useRef34(client);
   const tokenRef = useRef34(token);
   useEffect47(() => {
@@ -56778,19 +56833,19 @@ function useGenerationFlow(locale, resourceId, showSuccess, showError, clearNewA
     tokenRef.current = token;
   });
   const generationStreamRef = useRef34(null);
-  const [isGenerating, setIsGenerating] = useState42(false);
-  const [generationProgress, setGenerationProgress] = useState42(null);
-  const handleProgressEvent = useCallback34((chunk) => {
+  const [isGenerating, setIsGenerating] = useState43(false);
+  const [generationProgress, setGenerationProgress] = useState43(null);
+  const handleProgressEvent = useCallback35((chunk) => {
     setGenerationProgress(chunk);
     setIsGenerating(true);
   }, []);
-  const clearProgress = useCallback34(() => {
+  const clearProgress = useCallback35(() => {
     setGenerationProgress(null);
   }, []);
-  const [generationModalOpen, setGenerationModalOpen] = useState42(false);
-  const [generationReferenceId, setGenerationReferenceId] = useState42(null);
-  const [generationDefaultTitle, setGenerationDefaultTitle] = useState42("");
-  const handleGenerateDocument = useCallback34((referenceId, options) => {
+  const [generationModalOpen, setGenerationModalOpen] = useState43(false);
+  const [generationReferenceId, setGenerationReferenceId] = useState43(null);
+  const [generationDefaultTitle, setGenerationDefaultTitle] = useState43("");
+  const handleGenerateDocument = useCallback35((referenceId, options) => {
     if (!options.context) {
       setGenerationReferenceId(referenceId);
       setGenerationDefaultTitle(options.title);
@@ -56799,7 +56854,7 @@ function useGenerationFlow(locale, resourceId, showSuccess, showError, clearNewA
     }
     clearNewAnnotationId(annotationUri(referenceId));
     const resourceUriStr = `resource://${resourceId}`;
-    eventBus.get("generation:start").next({
+    eventBus.get("generate:request").next({
       annotationUri: referenceId,
       resourceUri: resourceUriStr,
       options: {
@@ -56811,16 +56866,16 @@ function useGenerationFlow(locale, resourceId, showSuccess, showError, clearNewA
       }
     });
   }, [resourceId, clearNewAnnotationId, locale]);
-  const handleCloseGenerationModal = useCallback34(() => {
+  const handleCloseGenerationModal = useCallback35(() => {
     setGenerationModalOpen(false);
   }, []);
-  const handleGenerationModalOpen = useCallback34(({ annotationUri: annUri, resourceUri: resourceUri2, defaultTitle }) => {
+  const handleGenerationModalOpen = useCallback35(({ annotationUri: annUri, resourceUri: resourceUri2, defaultTitle }) => {
     setGenerationReferenceId(annUri);
     setGenerationDefaultTitle(defaultTitle);
     setGenerationModalOpen(true);
-    eventBus.get("context:retrieval-requested").next({ annotationUri: annUri, resourceUri: resourceUri2 });
+    eventBus.get("correlate:requested").next({ annotationUri: annUri, resourceUri: resourceUri2 });
   }, []);
-  const handleGenerationComplete = useCallback34((progress) => {
+  const handleGenerationComplete = useCallback35((progress) => {
     setGenerationProgress(progress);
     setIsGenerating(false);
     if (progress.resourceName) {
@@ -56830,7 +56885,7 @@ function useGenerationFlow(locale, resourceId, showSuccess, showError, clearNewA
     }
     setTimeout(() => clearProgress(), 2e3);
   }, [showSuccess, clearProgress]);
-  const handleGenerationFailed = useCallback34(({ error }) => {
+  const handleGenerationFailed = useCallback35(({ error }) => {
     setGenerationProgress(null);
     setIsGenerating(false);
     showError(`Resource generation failed: ${error.message}`);
@@ -56850,7 +56905,7 @@ function useGenerationFlow(locale, resourceId, showSuccess, showError, clearNewA
       } catch (error) {
         if (error.name !== "AbortError") {
           console.error("[useGenerationFlow] Generation failed:", error);
-          eventBus.get("generation:failed").next({ error });
+          eventBus.get("generate:failed").next({ error });
         }
       }
     };
@@ -56870,9 +56925,9 @@ function useGenerationFlow(locale, resourceId, showSuccess, showError, clearNewA
       });
       window.location.href = `${baseUrl}/know/compose?${params.toString()}`;
     };
-    const subscription1 = eventBus.get("generation:start").subscribe(handleGenerationStart);
+    const subscription1 = eventBus.get("generate:request").subscribe(handleGenerationStart);
     const subscription2 = eventBus.get("job:cancel-requested").subscribe(handleJobCancelRequested);
-    const subscription3 = eventBus.get("reference:create-manual").subscribe(handleReferenceCreateManual);
+    const subscription3 = eventBus.get("resolve:create-manual").subscribe(handleReferenceCreateManual);
     return () => {
       subscription1.unsubscribe();
       subscription2.unsubscribe();
@@ -56881,10 +56936,10 @@ function useGenerationFlow(locale, resourceId, showSuccess, showError, clearNewA
     };
   }, [eventBus, resourceId]);
   useEventSubscriptions({
-    "generation:progress": handleProgressEvent,
-    "generation:complete": handleGenerationComplete,
-    "generation:failed": handleGenerationFailed,
-    "generation:modal-open": handleGenerationModalOpen
+    "generate:progress": handleProgressEvent,
+    "generate:finished": handleGenerationComplete,
+    "generate:failed": handleGenerationFailed,
+    "generate:modal-open": handleGenerationModalOpen
   });
   return {
     isGenerating,
@@ -56897,18 +56952,18 @@ function useGenerationFlow(locale, resourceId, showSuccess, showError, clearNewA
   };
 }
 
-// src/hooks/useContextRetrievalFlow.ts
-import { useState as useState43, useEffect as useEffect48, useRef as useRef35 } from "react";
+// src/hooks/useContextCorrelationFlow.ts
+import { useState as useState44, useEffect as useEffect48, useRef as useRef35 } from "react";
 import { accessToken as accessToken6 } from "@semiont/core";
 function toAccessToken5(token) {
   return token ? accessToken6(token) : void 0;
 }
-function useContextRetrievalFlow(eventBus, config) {
+function useContextCorrelationFlow(eventBus, config) {
   const token = useAuthToken();
-  const [retrievalContext, setRetrievalContext] = useState43(null);
-  const [retrievalLoading, setRetrievalLoading] = useState43(false);
-  const [retrievalError, setRetrievalError] = useState43(null);
-  const [retrievalAnnotationUri, setRetrievalAnnotationUri] = useState43(null);
+  const [correlationContext, setCorrelationContext] = useState44(null);
+  const [correlationLoading, setCorrelationLoading] = useState44(false);
+  const [correlationError, setCorrelationError] = useState44(null);
+  const [correlationAnnotationUri, setCorrelationAnnotationUri] = useState44(null);
   const configRef = useRef35(config);
   const tokenRef = useRef35(token);
   useEffect48(() => {
@@ -56918,11 +56973,11 @@ function useContextRetrievalFlow(eventBus, config) {
     tokenRef.current = token;
   });
   useEffect48(() => {
-    const handleContextRetrievalRequested = async (event) => {
-      setRetrievalLoading(true);
-      setRetrievalError(null);
-      setRetrievalContext(null);
-      setRetrievalAnnotationUri(event.annotationUri);
+    const handleContextCorrelationRequested = async (event) => {
+      setCorrelationLoading(true);
+      setCorrelationError(null);
+      setCorrelationContext(null);
+      setCorrelationAnnotationUri(event.annotationUri);
       try {
         const { client } = configRef.current;
         const annotationId = event.annotationUri.split("/").pop() || "";
@@ -56932,28 +56987,28 @@ function useContextRetrievalFlow(eventBus, config) {
           { contextWindow: 2e3, auth: toAccessToken5(tokenRef.current) }
         );
         const context = response.context ?? null;
-        setRetrievalContext(context);
-        setRetrievalLoading(false);
+        setCorrelationContext(context);
+        setCorrelationLoading(false);
         if (context) {
-          eventBus.get("context:retrieval-complete").next({
+          eventBus.get("correlate:complete").next({
             annotationUri: event.annotationUri,
             context
           });
         }
       } catch (error) {
         const err = error;
-        setRetrievalError(err);
-        setRetrievalLoading(false);
-        eventBus.get("context:retrieval-failed").next({
+        setCorrelationError(err);
+        setCorrelationLoading(false);
+        eventBus.get("correlate:failed").next({
           annotationUri: event.annotationUri,
           error: err
         });
       }
     };
-    const subscription = eventBus.get("context:retrieval-requested").subscribe(handleContextRetrievalRequested);
+    const subscription = eventBus.get("correlate:requested").subscribe(handleContextCorrelationRequested);
     return () => subscription.unsubscribe();
   }, [eventBus]);
-  return { retrievalContext, retrievalLoading, retrievalError, retrievalAnnotationUri };
+  return { correlationContext, correlationLoading, correlationError, correlationAnnotationUri };
 }
 
 // src/features/resource-viewer/components/ResourceViewerPage.tsx
@@ -56975,6 +57030,7 @@ function ResourceViewerPage({
   const { showError, showSuccess } = useToast();
   const { theme: theme2, setTheme } = useTheme();
   const { showLineNumbers, toggleLineNumbers } = useLineNumbers();
+  const { hoverDelayMs } = useHoverDelay();
   const { addResource } = useOpenResources();
   const { triggerSparkleAnimation, clearNewAnnotationId } = useResourceAnnotations();
   const resources = useResources();
@@ -56990,7 +57046,7 @@ function ResourceViewerPage({
   const { data: entityTypesData } = entityTypesAPI.list.useQuery();
   const allEntityTypes = entityTypesData?.entityTypes || [];
   const { hoveredAnnotationId } = useAttentionFlow();
-  const { detectingMotivation, detectionProgress, pendingAnnotation } = useDetectionFlow(rUri);
+  const { assistingMotivation, progress, pendingAnnotation } = useAnnotationFlow(rUri);
   const { activePanel, scrollToAnnotationId, panelInitialTab, onScrollCompleted } = usePanelNavigation();
   const { searchModalOpen, pendingReferenceId, onCloseSearchModal } = useResolutionFlow(rUri);
   const {
@@ -57000,8 +57056,8 @@ function ResourceViewerPage({
     generationDefaultTitle,
     onGenerateDocument,
     onCloseGenerationModal
-  } = useGenerationFlow(locale, rUri.split("/").pop() || "", showSuccess, showError, clearNewAnnotationId);
-  const { retrievalContext, retrievalLoading, retrievalError } = useContextRetrievalFlow(eventBus, { client, resourceUri: rUri });
+  } = useGenerationFlow(locale, rUri.split("/").pop() || "", clearNewAnnotationId);
+  const { correlationContext, correlationLoading, correlationError } = useContextCorrelationFlow(eventBus, { client, resourceUri: rUri });
   const debouncedInvalidateAnnotations = useDebouncedCallback(
     () => {
       queryClient.invalidateQueries({ queryKey: QUERY_KEYS.resources.annotations(rUri) });
@@ -57023,13 +57079,13 @@ function ResourceViewerPage({
     rUri,
     autoConnect: true,
     // Annotation events - use debounced invalidation to batch rapid updates
-    onAnnotationAdded: useCallback35((_event) => {
+    onAnnotationAdded: useCallback36((_event) => {
       debouncedInvalidateAnnotations();
     }, [debouncedInvalidateAnnotations]),
-    onAnnotationRemoved: useCallback35((_event) => {
+    onAnnotationRemoved: useCallback36((_event) => {
       debouncedInvalidateAnnotations();
     }, [debouncedInvalidateAnnotations]),
-    onAnnotationBodyUpdated: useCallback35((event) => {
+    onAnnotationBodyUpdated: useCallback36((event) => {
       queryClient.setQueryData(QUERY_KEYS.resources.annotations(rUri), (old) => {
         if (!old) return old;
         return {
@@ -57066,32 +57122,32 @@ function ResourceViewerPage({
       queryClient.invalidateQueries({ queryKey: QUERY_KEYS.resources.events(rUri) });
     }, [queryClient, rUri]),
     // Document status events
-    onDocumentArchived: useCallback35((_event) => {
+    onDocumentArchived: useCallback36((_event) => {
       refetchDocument();
       showSuccess("This document has been archived");
       debouncedInvalidateAnnotations();
     }, [refetchDocument, showSuccess, debouncedInvalidateAnnotations]),
-    onDocumentUnarchived: useCallback35((_event) => {
+    onDocumentUnarchived: useCallback36((_event) => {
       refetchDocument();
       showSuccess("This document has been unarchived");
       debouncedInvalidateAnnotations();
     }, [refetchDocument, showSuccess, debouncedInvalidateAnnotations]),
     // Entity tag events
-    onEntityTagAdded: useCallback35((_event) => {
+    onEntityTagAdded: useCallback36((_event) => {
       refetchDocument();
       debouncedInvalidateAnnotations();
     }, [refetchDocument, debouncedInvalidateAnnotations]),
-    onEntityTagRemoved: useCallback35((_event) => {
+    onEntityTagRemoved: useCallback36((_event) => {
       refetchDocument();
       debouncedInvalidateAnnotations();
     }, [refetchDocument, debouncedInvalidateAnnotations]),
-    onError: useCallback35((error) => {
+    onError: useCallback36((error) => {
       console.error("[RealTime] Event stream error:", error);
     }, [])
   });
   const updateMutation = resources.update.useMutation();
   const generateCloneTokenMutation = resources.generateCloneToken.useMutation();
-  const handleResourceArchive = useCallback35(async () => {
+  const handleResourceArchive = useCallback36(async () => {
     try {
       await updateMutation.mutateAsync({ rUri, data: { archived: true } });
       await refetchDocument();
@@ -57100,7 +57156,7 @@ function ResourceViewerPage({
       showError("Failed to archive document");
     }
   }, [updateMutation, rUri, refetchDocument, showError]);
-  const handleResourceUnarchive = useCallback35(async () => {
+  const handleResourceUnarchive = useCallback36(async () => {
     try {
       await updateMutation.mutateAsync({ rUri, data: { archived: false } });
       await refetchDocument();
@@ -57109,7 +57165,7 @@ function ResourceViewerPage({
       showError("Failed to unarchive document");
     }
   }, [updateMutation, rUri, refetchDocument, showError]);
-  const handleResourceClone = useCallback35(async () => {
+  const handleResourceClone = useCallback36(async () => {
     try {
       const result2 = await generateCloneTokenMutation.mutateAsync(rUri);
       const token = result2.token;
@@ -57119,34 +57175,38 @@ function ResourceViewerPage({
       showError("Failed to generate clone link");
     }
   }, [generateCloneTokenMutation, rUri, showError]);
-  const handleAnnotationSparkle = useCallback35(({ annotationId }) => {
+  const handleAnnotationSparkle = useCallback36(({ annotationId }) => {
     triggerSparkleAnimation(annotationId);
   }, [triggerSparkleAnimation]);
-  const handleAnnotationCreated = useCallback35(({ annotation }) => {
-    triggerSparkleAnimation(annotation.id);
+  const handleAnnotationAdded = useCallback36((event) => {
+    triggerSparkleAnimation(event.payload.annotation.id);
     debouncedInvalidateAnnotations();
   }, [triggerSparkleAnimation, debouncedInvalidateAnnotations]);
-  const handleAnnotationCreateFailed = useCallback35(() => showError("Failed to create annotation"), [showError]);
-  const handleAnnotationDeleteFailed = useCallback35(() => showError("Failed to delete annotation"), [showError]);
-  const handleAnnotationBodyUpdated = useCallback35(() => {
+  const handleAnnotationCreateFailed = useCallback36(() => showError("Failed to create annotation"), [showError]);
+  const handleAnnotationDeleteFailed = useCallback36(() => showError("Failed to delete annotation"), [showError]);
+  const handleAnnotateBodyUpdated = useCallback36(() => {
   }, []);
-  const handleAnnotationBodyUpdateFailed = useCallback35(() => showError("Failed to update annotation"), [showError]);
-  const handleSettingsThemeChanged = useCallback35(({ theme: theme3 }) => setTheme(theme3), [setTheme]);
-  const handleDetectionComplete = useCallback35(() => {
-    showSuccess("Detection complete");
+  const handleAnnotateBodyUpdateFailed = useCallback36(() => showError("Failed to update annotation"), [showError]);
+  const handleSettingsThemeChanged = useCallback36(({ theme: theme3 }) => setTheme(theme3), [setTheme]);
+  const handleDetectionComplete = useCallback36(() => {
     queryClient.invalidateQueries({ queryKey: QUERY_KEYS.resources.annotations(rUri) });
     queryClient.invalidateQueries({ queryKey: QUERY_KEYS.resources.events(rUri) });
-  }, [showSuccess, queryClient, rUri]);
-  const handleDetectionFailed = useCallback35(() => showError("Detection failed"), [showError]);
-  const handleGenerationComplete = useCallback35(() => showSuccess("Document generated"), [showSuccess]);
-  const handleGenerationFailed = useCallback35(() => showError("Failed to generate document"), [showError]);
-  const handleReferenceNavigate = useCallback35(({ documentId }) => {
+  }, [queryClient, rUri]);
+  const handleDetectionFailed = useCallback36(() => {
+    queryClient.invalidateQueries({ queryKey: QUERY_KEYS.resources.annotations(rUri) });
+    queryClient.invalidateQueries({ queryKey: QUERY_KEYS.resources.events(rUri) });
+  }, [queryClient, rUri]);
+  const handleGenerationComplete = useCallback36(() => {
+  }, []);
+  const handleGenerationFailed = useCallback36(() => {
+  }, []);
+  const handleReferenceNavigate = useCallback36(({ documentId }) => {
     if (routes.resource) {
       const path2 = routes.resource.replace("[resourceId]", encodeURIComponent(documentId));
       eventBus.get("navigation:router-push").next({ path: path2, reason: "reference-link" });
     }
   }, [routes.resource]);
-  const handleEntityTypeClicked = useCallback35(({ entityType: entityType3 }) => {
+  const handleEntityTypeClicked = useCallback36(({ entityType: entityType3 }) => {
     if (routes.know) {
       const path2 = `${routes.know}?entityType=${encodeURIComponent(entityType3)}`;
       eventBus.get("navigation:router-push").next({ path: path2, reason: "entity-type-filter" });
@@ -57155,20 +57215,20 @@ function ResourceViewerPage({
   useEventSubscriptions({
     "resource:archive": handleResourceArchive,
     "resource:unarchive": handleResourceUnarchive,
-    "resource:clone": handleResourceClone,
-    "annotation:sparkle": handleAnnotationSparkle,
-    "annotation:created": handleAnnotationCreated,
-    "annotation:deleted": debouncedInvalidateAnnotations,
-    "annotation:create-failed": handleAnnotationCreateFailed,
-    "annotation:delete-failed": handleAnnotationDeleteFailed,
-    "annotation:body-updated": handleAnnotationBodyUpdated,
-    "annotation:body-update-failed": handleAnnotationBodyUpdateFailed,
+    "generate:clone": handleResourceClone,
+    "attend:sparkle": handleAnnotationSparkle,
+    "annotate:added": handleAnnotationAdded,
+    "annotate:removed": debouncedInvalidateAnnotations,
+    "annotate:create-failed": handleAnnotationCreateFailed,
+    "annotate:delete-failed": handleAnnotationDeleteFailed,
+    "annotate:body-updated": handleAnnotateBodyUpdated,
+    "resolve:body-update-failed": handleAnnotateBodyUpdateFailed,
     "settings:theme-changed": handleSettingsThemeChanged,
     "settings:line-numbers-toggled": toggleLineNumbers,
-    "detection:complete": handleDetectionComplete,
-    "detection:failed": handleDetectionFailed,
-    "generation:complete": handleGenerationComplete,
-    "generation:failed": handleGenerationFailed,
+    "annotate:assist-finished": handleDetectionComplete,
+    "annotate:assist-failed": handleDetectionFailed,
+    "generate:finished": handleGenerationComplete,
+    "generate:failed": handleGenerationFailed,
     "navigation:reference-navigate": handleReferenceNavigate,
     "navigation:entity-type-clicked": handleEntityTypeClicked
   });
@@ -57187,7 +57247,7 @@ function ResourceViewerPage({
   const primaryRep = getPrimaryRepresentation(resource);
   const primaryMediaType = primaryRep?.mediaType;
   const primaryByteSize = primaryRep?.byteSize;
-  const [annotateMode, _setAnnotateMode] = useState44(() => {
+  const [annotateMode, _setAnnotateMode] = useState45(() => {
     if (typeof window !== "undefined") {
       return localStorage.getItem("annotateMode") === "true";
     }
@@ -57211,12 +57271,12 @@ function ResourceViewerPage({
   }
   const groups = result;
   const resourceWithContent = { ...resource, content: content4 };
-  const handleEventHover = useCallback35((annotationId) => {
+  const handleEventHover = useCallback36((annotationId) => {
     if (annotationId) {
-      eventBus.get("annotation:sparkle").next({ annotationId });
+      eventBus.get("attend:sparkle").next({ annotationId });
     }
   }, []);
-  const handleEventClick = useCallback35((_annotationId) => {
+  const handleEventClick = useCallback36((_annotationId) => {
   }, []);
   return /* @__PURE__ */ jsxs67("div", { className: `semiont-document-viewer${activePanel ? " semiont-document-viewer--panel-open" : ""}`, children: [
     /* @__PURE__ */ jsxs67("div", { className: "semiont-document-viewer__main", children: [
@@ -57244,6 +57304,7 @@ function ResourceViewerPage({
                 annotations: groups,
                 generatingReferenceId: generationProgress?.referenceId ?? null,
                 showLineNumbers,
+                hoverDelayMs,
                 hoveredAnnotationId
               }
             )
@@ -57266,8 +57327,8 @@ function ResourceViewerPage({
                   annotations,
                   annotators: ANNOTATORS,
                   annotateMode,
-                  detectingMotivation,
-                  detectionProgress,
+                  assistingMotivation,
+                  progress,
                   pendingAnnotation,
                   allEntityTypes,
                   generatingReferenceId: generationProgress?.referenceId ?? null,
@@ -57339,7 +57400,7 @@ function ResourceViewerPage({
               }
               const resourceIdSegment = rUri.split("/").pop() || "";
               const nestedUri = `${window.location.origin}/resources/${resourceIdSegment}/annotations/${annotationIdShort}`;
-              eventBus.get("annotation:update-body").next({
+              eventBus.get("resolve:update-body").next({
                 annotationUri: resourceAnnotationUri3(nestedUri),
                 resourceId: resourceIdSegment,
                 operations: [{
@@ -57372,9 +57433,9 @@ function ResourceViewerPage({
           }
         },
         defaultTitle: generationDefaultTitle,
-        context: retrievalContext,
-        contextLoading: retrievalLoading,
-        contextError: retrievalError
+        context: correlationContext,
+        contextLoading: correlationLoading,
+        contextError: correlationError
       }
     )
   ] });
@@ -57386,6 +57447,7 @@ export {
   AdminDevOpsPage,
   AdminSecurityPage,
   AdminUsersPage,
+  AnnotateReferencesProgressWidget,
   AnnotateToolbar,
   AnnotateView,
   AnnotationHistory,
@@ -57394,6 +57456,7 @@ export {
   ApiClientProvider,
   AssessmentEntry,
   AssessmentPanel,
+  AssistSection,
   AsyncErrorBoundary,
   AuthErrorDisplay,
   AuthTokenProvider,
@@ -57407,8 +57470,6 @@ export {
   CommentEntry,
   CommentsPanel,
   ComposeLoadingState,
-  DetectSection,
-  DetectionProgressWidget,
   EntityTagsPage,
   EntityTypeBadges,
   ErrorBoundary,
@@ -57511,6 +57572,7 @@ export {
   supportsDetection,
   tokens,
   useAdmin,
+  useAnnotationFlow,
   useAnnotationManager,
   useAnnotations,
   useApiClient,
@@ -57518,10 +57580,9 @@ export {
   useAuthApi,
   useAuthToken,
   useCacheManager,
-  useContextRetrievalFlow,
+  useContextCorrelationFlow,
   useDebounce,
   useDebouncedCallback,
-  useDetectionFlow,
   useDocumentAnnouncements,
   useDoubleKeyPress,
   useDropdown,
@@ -57532,6 +57593,7 @@ export {
   useFormAnnouncements,
   useGenerationFlow,
   useHealth,
+  useHoverDelay,
   useHoverEmitter,
   useIsTyping,
   useKeyboardShortcuts,