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

package/dist/index.mjs

@@ -2,11 +2,11 @@
 import {
   HOVER_DELAY_MS,
   createHoverHandlers,
-  useAttentionFlow,
+  useBeckonFlow,
   useEventSubscription,
   useEventSubscriptions,
   useHoverEmitter
-} from "./chunk-MWQ5CNKW.mjs";
+} from "./chunk-ZPV43WN2.mjs";
 import {
   AVAILABLE_LOCALES,
   ApiClientProvider,
@@ -21,12 +21,12 @@ import {
   useSessionContext,
   useToast,
   useTranslations
-} from "./chunk-3FIQXKQF.mjs";
+} from "./chunk-Q2KV6Y2J.mjs";
 import {
   EventBusProvider,
   resetEventBusForTesting,
   useEventBus
-} from "./chunk-YI5IX5ZA.mjs";
+} from "./chunk-2HGWOLVN.mjs";
 import "./chunk-JH7BXE2P.mjs";
 import {
   __commonJS,
@@ -17997,12 +17997,12 @@ function useHoverDelay() {
   return { hoverDelayMs, setHoverDelayMs };
 }
 
-// src/hooks/useObservableNavigation.tsx
+// src/hooks/useObservableBrowse.tsx
 import { useCallback as useCallback5 } from "react";
 function useObservableRouter(baseRouter) {
   const eventBus = useEventBus();
   const push2 = useCallback5((path2, options) => {
-    eventBus.get("navigation:router-push").next({
+    eventBus.get("browse:router-push").next({
       path: path2,
       reason: options?.reason
     });
@@ -18010,7 +18010,7 @@ function useObservableRouter(baseRouter) {
   }, []);
   const replace3 = useCallback5((path2, options) => {
     if (!baseRouter.replace) return;
-    eventBus.get("navigation:router-push").next({
+    eventBus.get("browse:router-push").next({
       path: path2,
       reason: options?.reason ? `replace:${options.reason}` : "replace"
     });
@@ -18027,11 +18027,11 @@ function useObservableExternalNavigation() {
   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."
+        "[Observable Navigation] No handler cancelled browse: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."
       );
       window.location.href = url;
     }, 10);
-    eventBus.get("navigation:external-navigate").next({
+    eventBus.get("browse:external-navigate").next({
       url,
       resourceId: metadata?.resourceId,
       cancelFallback: () => clearTimeout(fallbackTimer)
@@ -26348,7 +26348,7 @@ function CodeMirrorRenderer({
               const segment = segmentsByIdRef.current.get(annotationId);
               if (segment?.annotation) {
                 event.preventDefault();
-                eventBusRef.current.get("attend:click").next({
+                eventBusRef.current.get("browse:click").next({
                   annotationId,
                   motivation: segment.annotation.motivation
                 });
@@ -26409,7 +26409,7 @@ function CodeMirrorRenderer({
     containerRef.current.__cmView = view;
     const container = view.dom;
     const { handleMouseEnter, handleMouseLeave, cleanup: cleanupHover } = createHoverHandlers(
-      (annotationId) => eventBusRef.current?.get("attend:hover").next({ annotationId }),
+      (annotationId) => eventBusRef.current?.get("beckon:hover").next({ annotationId }),
       hoverDelayMs
     );
     const handleMouseOver = (e6) => {
@@ -26434,10 +26434,10 @@ function CodeMirrorRenderer({
       const isResolved = widget.dataset.widgetResolved === "true";
       if (!annotationId || !eventBusRef.current) return;
       if (isResolved && bodySource) {
-        eventBusRef.current.get("navigation:reference-navigate").next({ documentId: bodySource });
+        eventBusRef.current.get("browse:reference-navigate").next({ documentId: bodySource });
       } else {
         const motivation = widget.dataset.widgetMotivation || "linking";
-        eventBusRef.current.get("attend:click").next({ annotationId, motivation });
+        eventBusRef.current.get("browse:click").next({ annotationId, motivation });
       }
     };
     const handleWidgetMouseEnter = (e6) => {
@@ -26852,7 +26852,7 @@ function Toolbar({
   const t12 = useTranslations("Toolbar");
   const eventBus = useEventBus();
   const handlePanelToggle = (panel) => {
-    eventBus.get("attend:panel-toggle").next({ panel });
+    eventBus.get("browse:panel-toggle").next({ panel });
   };
   return /* @__PURE__ */ jsxs4("div", { className: "semiont-toolbar", "data-context": context, children: [
     context === "document" && /* @__PURE__ */ jsxs4(Fragment, { children: [
@@ -27212,9 +27212,9 @@ function AnnotateToolbar({
   }, []);
   const handleSelectionClick = (motivation) => {
     if (motivation === null) {
-      eventBus.get("annotate:selection-changed").next({ motivation: null });
+      eventBus.get("mark:selection-changed").next({ motivation: null });
     } else {
-      eventBus.get("annotate:selection-changed").next({
+      eventBus.get("mark:selection-changed").next({
         motivation: selectedMotivation === motivation ? null : motivation
       });
     }
@@ -27222,17 +27222,17 @@ function AnnotateToolbar({
     setSelectionHovered(false);
   };
   const handleClickClick = (action) => {
-    eventBus.get("annotate:click-changed").next({ action });
+    eventBus.get("mark:click-changed").next({ action });
     setClickPinned(false);
     setClickHovered(false);
   };
   const handleShapeClick = (shape) => {
-    eventBus.get("annotate:shape-changed").next({ shape });
+    eventBus.get("mark:shape-changed").next({ shape });
     setShapePinned(false);
     setShapeHovered(false);
   };
   const handleModeToggle = () => {
-    eventBus.get("annotate:mode-toggled").next(void 0);
+    eventBus.get("mark:mode-toggled").next(void 0);
     setModePinned(false);
     setModeHovered(false);
   };
@@ -29318,7 +29318,7 @@ function AnnotationOverlay({
   const scaleX = displayWidth / imageWidth;
   const scaleY = displayHeight / imageHeight;
   const { handleMouseEnter, handleMouseLeave } = useMemo2(
-    () => createHoverHandlers((annotationId) => eventBus?.get("attend:hover").next({ annotationId }), hoverDelayMs),
+    () => createHoverHandlers((annotationId) => eventBus?.get("beckon:hover").next({ annotationId }), hoverDelayMs),
     [eventBus, hoverDelayMs]
   );
   return /* @__PURE__ */ jsx18(
@@ -29359,7 +29359,7 @@ function AnnotationOverlay({
                   className: "semiont-annotation-overlay__shape",
                   "data-hovered": isHovered ? "true" : "false",
                   "data-selected": isSelected ? "true" : "false",
-                  onClick: () => eventBus?.get("attend:click").next({ annotationId: annotation.id, motivation: annotation.motivation }),
+                  onClick: () => eventBus?.get("browse:click").next({ annotationId: annotation.id, motivation: annotation.motivation }),
                   onMouseEnter: () => handleMouseEnter(annotation.id),
                   onMouseLeave: handleMouseLeave
                 }
@@ -29374,7 +29374,7 @@ function AnnotationOverlay({
                   style: { userSelect: "none" },
                   onClick: (e6) => {
                     e6.stopPropagation();
-                    eventBus?.get("attend:click").next({ annotationId: annotation.id, motivation: annotation.motivation });
+                    eventBus?.get("browse:click").next({ annotationId: annotation.id, motivation: annotation.motivation });
                   },
                   onMouseEnter: () => handleMouseEnter(annotation.id),
                   onMouseLeave: handleMouseLeave,
@@ -29404,7 +29404,7 @@ function AnnotationOverlay({
                   className: "semiont-annotation-overlay__shape",
                   "data-hovered": isHovered ? "true" : "false",
                   "data-selected": isSelected ? "true" : "false",
-                  onClick: () => eventBus?.get("attend:click").next({ annotationId: annotation.id, motivation: annotation.motivation }),
+                  onClick: () => eventBus?.get("browse:click").next({ annotationId: annotation.id, motivation: annotation.motivation }),
                   onMouseEnter: () => handleMouseEnter(annotation.id),
                   onMouseLeave: handleMouseLeave
                 }
@@ -29419,7 +29419,7 @@ function AnnotationOverlay({
                   style: { userSelect: "none" },
                   onClick: (e6) => {
                     e6.stopPropagation();
-                    eventBus?.get("attend:click").next({ annotationId: annotation.id, motivation: annotation.motivation });
+                    eventBus?.get("browse:click").next({ annotationId: annotation.id, motivation: annotation.motivation });
                   },
                   onMouseEnter: () => handleMouseEnter(annotation.id),
                   onMouseLeave: handleMouseLeave,
@@ -29453,7 +29453,7 @@ function AnnotationOverlay({
                   className: "semiont-annotation-overlay__shape",
                   "data-hovered": isHovered ? "true" : "false",
                   "data-selected": isSelected ? "true" : "false",
-                  onClick: () => eventBus?.get("attend:click").next({ annotationId: annotation.id, motivation: annotation.motivation }),
+                  onClick: () => eventBus?.get("browse:click").next({ annotationId: annotation.id, motivation: annotation.motivation }),
                   onMouseEnter: () => handleMouseEnter(annotation.id),
                   onMouseLeave: handleMouseLeave
                 }
@@ -29468,7 +29468,7 @@ function AnnotationOverlay({
                   style: { userSelect: "none" },
                   onClick: (e6) => {
                     e6.stopPropagation();
-                    eventBus?.get("attend:click").next({ annotationId: annotation.id, motivation: annotation.motivation });
+                    eventBus?.get("browse:click").next({ annotationId: annotation.id, motivation: annotation.motivation });
                   },
                   onMouseEnter: () => handleMouseEnter(annotation.id),
                   onMouseLeave: handleMouseLeave,
@@ -29625,7 +29625,7 @@ function SvgDrawingCanvas({
           return false;
         });
         if (clickedAnnotation) {
-          eventBus?.get("attend:click").next({ annotationId: clickedAnnotation.id, motivation: clickedAnnotation.motivation });
+          eventBus?.get("browse:click").next({ annotationId: clickedAnnotation.id, motivation: clickedAnnotation.motivation });
           setIsDrawing(false);
           setStartPoint(null);
           setCurrentPoint(null);
@@ -29677,7 +29677,7 @@ function SvgDrawingCanvas({
       imageDimensions.height
     );
     if (eventBus && selectedMotivation) {
-      eventBus.get("annotate:requested").next({
+      eventBus.get("mark:requested").next({
         selector: {
           type: "SvgSelector",
           value: nativeSvg
@@ -30104,7 +30104,7 @@ import { useRef as useRef12, useEffect as useEffect18, useCallback as useCallbac
 import { resourceUri as toResourceUri } from "@semiont/core";
 import { getTextPositionSelector as getTextPositionSelector2, getTextQuoteSelector, getTargetSelector as getTargetSelector2, getMimeCategory, isPdfMimeType as isPdfMimeType2, extractContext, findTextWithContext, buildContentCache } from "@semiont/api-client";
 import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
-var PdfAnnotationCanvas = lazy(() => import("./PdfAnnotationCanvas.client-HNYRKFDS.mjs").then((mod) => ({ default: mod.PdfAnnotationCanvas })));
+var PdfAnnotationCanvas = lazy(() => import("./PdfAnnotationCanvas.client-COQREPXU.mjs").then((mod) => ({ default: mod.PdfAnnotationCanvas })));
 function segmentTextWithAnnotations(content4, annotations) {
   if (!content4) {
     return [{ exact: "", start: 0, end: 0 }];
@@ -30201,10 +30201,10 @@ function AnnotateView({
     onUIStateChangeRef.current?.({ hoveredAnnotationId: annotationId });
   }, []);
   useEventSubscriptions({
-    "annotate:selection-changed": handleToolbarSelectionChanged,
-    "annotate:click-changed": handleToolbarClickChanged,
-    "annotate:shape-changed": handleToolbarShapeChanged,
-    "attend:hover": handleAnnotationHover
+    "mark:selection-changed": handleToolbarSelectionChanged,
+    "mark:click-changed": handleToolbarClickChanged,
+    "mark:shape-changed": handleToolbarShapeChanged,
+    "beckon:hover": handleAnnotationHover
   });
   useEffect18(() => {
     const container = containerRef.current;
@@ -30243,7 +30243,7 @@ function AnnotateView({
         const end2 = start3 + text7.length;
         const context = extractContext(content4, start3, end2);
         if (selectedMotivation) {
-          eventBus.get("annotate:requested").next({
+          eventBus.get("mark:requested").next({
             selector: [
               {
                 type: "TextPositionSelector",
@@ -30269,7 +30269,7 @@ function AnnotateView({
       if (start2 >= 0) {
         const context = extractContext(content4, start2, end);
         if (selectedMotivation) {
-          eventBus.get("annotate:requested").next({
+          eventBus.get("mark:requested").next({
             selector: [
               {
                 type: "TextPositionSelector",
@@ -45367,7 +45367,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-HNYRKFDS.mjs").then((mod) => ({ default: mod.PdfAnnotationCanvas })));
+var PdfAnnotationCanvas2 = lazy2(() => import("./PdfAnnotationCanvas.client-COQREPXU.mjs").then((mod) => ({ default: mod.PdfAnnotationCanvas })));
 var MemoizedMarkdown = memo(function MemoizedMarkdown2({
   content: content4
 }) {
@@ -45426,12 +45426,12 @@ var BrowseView = memo(function BrowseView2({
       if (annotationId && annotationType === "reference") {
         const annotation = allAnnotations.find((a15) => a15.id === annotationId);
         if (annotation) {
-          eventBus.get("attend:click").next({ annotationId, motivation: annotation.motivation });
+          eventBus.get("browse:click").next({ annotationId, motivation: annotation.motivation });
         }
       }
     };
     const { handleMouseEnter, handleMouseLeave, cleanup: cleanupHover } = createHoverHandlers(
-      (annotationId) => eventBus.get("attend:hover").next({ annotationId }),
+      (annotationId) => eventBus.get("beckon:hover").next({ annotationId }),
       hoverDelayMs
     );
     const handleMouseOver = (e6) => {
@@ -45475,8 +45475,8 @@ var BrowseView = memo(function BrowseView2({
     scrollToAnnotation(annotationId, true);
   }, [scrollToAnnotation]);
   useEventSubscriptions({
-    "attend:hover": handleAnnotationHover,
-    "attend:focus": handleAnnotationFocus
+    "beckon:hover": handleAnnotationHover,
+    "beckon:focus": handleAnnotationFocus
   });
   switch (category) {
     case "text":
@@ -45692,7 +45692,7 @@ function ResourceViewer({
     };
   };
   const handleDeleteAnnotation = useCallback16((id2) => {
-    eventBus.get("annotate:delete").next({ annotationId: id2 });
+    eventBus.get("mark:delete").next({ annotationId: id2 });
   }, []);
   const handleAnnotationClick = useCallback16((annotation, event) => {
     const metadata = Object.values(ANNOTATORS).find((a15) => a15.matchesAnnotation(annotation));
@@ -45746,21 +45746,21 @@ function ResourceViewer({
       }
       return;
     }
-    eventBus.get("attend:panel-open").next({ panel: "annotations", scrollToAnnotationId: annotationId, motivation });
+    eventBus.get("browse:panel-open").next({ panel: "annotations", scrollToAnnotationId: annotationId, motivation });
   }, [highlights, references, assessments, comments, tags3, handleAnnotationClick, selectedClick]);
   useEventSubscriptions({
     // View mode
-    "annotate:mode-toggled": handleViewModeToggle,
+    "mark:mode-toggled": handleViewModeToggle,
     // Annotation cache invalidation
-    "annotate:added": handleAnnotateAdded,
-    "annotate:removed": handleAnnotateRemoved,
-    "annotate:body-updated": handleAnnotateBodyUpdated,
+    "mark:added": handleAnnotateAdded,
+    "mark:removed": handleAnnotateRemoved,
+    "mark:body-updated": handleAnnotateBodyUpdated,
     // Toolbar state
-    "annotate:selection-changed": handleToolbarSelectionChanged,
-    "annotate:click-changed": handleToolbarClickChanged,
-    "annotate:shape-changed": handleToolbarShapeChanged,
+    "mark:selection-changed": handleToolbarSelectionChanged,
+    "mark:click-changed": handleToolbarClickChanged,
+    "mark:shape-changed": handleToolbarShapeChanged,
     // Annotation clicks
-    "attend:click": handleAnnotationClickEvent
+    "browse:click": handleAnnotationClickEvent
   });
   const annotationsCollection = useMemo5(
     () => ({ highlights, references, assessments, comments, tags: tags3 }),
@@ -45930,7 +45930,7 @@ var AssessmentEntry = forwardRef(
         "data-type": "assessment",
         "data-focused": isFocused ? "true" : "false",
         onClick: () => {
-          eventBus.get("attend:click").next({ annotationId: assessment.id, motivation: assessment.motivation });
+          eventBus.get("browse:click").next({ annotationId: assessment.id, motivation: assessment.motivation });
         },
         ...hoverProps,
         children: [
@@ -45984,7 +45984,7 @@ function AssistSection({
   }, [isExpanded, annotationType]);
   const handleAssist = useCallback17(() => {
     const motivation = annotationType === "highlight" ? "highlighting" : annotationType === "assessment" ? "assessing" : "commenting";
-    eventBus.get("annotate:assist-request").next({
+    eventBus.get("mark:assist-request").next({
       motivation,
       options: {
         instructions: instructions.trim() || void 0,
@@ -45996,7 +45996,7 @@ function AssistSection({
     setTone("");
   }, [annotationType, instructions, tone, useDensity, density]);
   const handleDismissProgress = useCallback17(() => {
-    eventBus.get("annotate:progress-dismiss").next(void 0);
+    eventBus.get("mark:progress-dismiss").next(void 0);
   }, []);
   return /* @__PURE__ */ jsxs20("div", { className: "semiont-panel__section", children: [
     /* @__PURE__ */ jsxs20(
@@ -46253,7 +46253,7 @@ function AssessmentPanel({
   const handleSaveNewAssessment = () => {
     if (pendingAnnotation) {
       const body = newAssessmentText.trim() ? [{ type: "TextualBody", value: newAssessmentText, purpose: "assessing" }] : [];
-      eventBus.get("annotate:create").next({
+      eventBus.get("mark:create").next({
         motivation: "assessing",
         selector: pendingAnnotation.selector,
         body
@@ -46265,7 +46265,7 @@ function AssessmentPanel({
     if (!pendingAnnotation) return;
     const handleEscape = (e6) => {
       if (e6.key === "Escape") {
-        eventBus.get("annotate:cancel-pending").next(void 0);
+        eventBus.get("mark:cancel-pending").next(void 0);
         setNewAssessmentText("");
       }
     };
@@ -46277,7 +46277,7 @@ function AssessmentPanel({
     setTimeout(() => setFocusedAnnotationId(null), 3e3);
   }, []);
   useEventSubscriptions({
-    "attend:click": handleAnnotationClick
+    "browse:click": handleAnnotationClick
   });
   return /* @__PURE__ */ jsxs22("div", { className: "semiont-panel", children: [
     /* @__PURE__ */ jsx32(PanelHeader, { annotationType: "assessment", count: annotations.length, title: t12("title") }),
@@ -46311,7 +46311,7 @@ function AssessmentPanel({
             "button",
             {
               onClick: () => {
-                eventBus.get("annotate:cancel-pending").next(void 0);
+                eventBus.get("mark:cancel-pending").next(void 0);
                 setNewAssessmentText("");
               },
               className: "semiont-button semiont-button--secondary",
@@ -46493,7 +46493,7 @@ var CommentEntry = forwardRef2(
         "data-type": "comment",
         "data-focused": isFocused ? "true" : "false",
         onClick: () => {
-          eventBus.get("attend:click").next({ annotationId: comment2.id, motivation: comment2.motivation });
+          eventBus.get("browse:click").next({ annotationId: comment2.id, motivation: comment2.motivation });
         },
         ...hoverProps,
         children: [
@@ -46650,11 +46650,11 @@ function CommentsPanel({
     setTimeout(() => setFocusedAnnotationId(null), 3e3);
   }, []);
   useEventSubscriptions({
-    "attend:click": handleAnnotationClick
+    "browse:click": handleAnnotationClick
   });
   const handleSaveNewComment = () => {
     if (newCommentText.trim() && pendingAnnotation) {
-      eventBus.get("annotate:create").next({
+      eventBus.get("mark:create").next({
         motivation: "commenting",
         selector: pendingAnnotation.selector,
         body: [{ type: "TextualBody", value: newCommentText, purpose: "commenting" }]
@@ -46666,7 +46666,7 @@ function CommentsPanel({
     if (!pendingAnnotation) return;
     const handleEscape = (e6) => {
       if (e6.key === "Escape") {
-        eventBus.get("annotate:cancel-pending").next(void 0);
+        eventBus.get("mark:cancel-pending").next(void 0);
         setNewCommentText("");
       }
     };
@@ -46705,7 +46705,7 @@ function CommentsPanel({
             "button",
             {
               onClick: () => {
-                eventBus.get("annotate:cancel-pending").next(void 0);
+                eventBus.get("mark:cancel-pending").next(void 0);
                 setNewCommentText("");
               },
               className: "semiont-button semiont-button--secondary",
@@ -46785,7 +46785,7 @@ var HighlightEntry = forwardRef3(
         "data-type": "highlight",
         "data-focused": isFocused ? "true" : "false",
         onClick: () => {
-          eventBus.get("attend:click").next({ annotationId: highlight.id, motivation: highlight.motivation });
+          eventBus.get("browse:click").next({ annotationId: highlight.id, motivation: highlight.motivation });
         },
         ...hoverProps,
         children: [
@@ -46877,11 +46877,11 @@ function HighlightPanel({
     setTimeout(() => setFocusedAnnotationId(null), 3e3);
   }, []);
   useEventSubscriptions({
-    "attend:click": handleAnnotationClick
+    "browse:click": handleAnnotationClick
   });
   useEffect28(() => {
     if (pendingAnnotation && pendingAnnotation.motivation === "highlighting") {
-      eventBus.get("annotate:create").next({
+      eventBus.get("mark:create").next({
         motivation: "highlighting",
         selector: pendingAnnotation.selector,
         body: []
@@ -47020,7 +47020,7 @@ var ReferenceEntry = forwardRef4(
       }
     };
     const handleComposeDocument = () => {
-      eventBus.get("resolve:create-manual").next({
+      eventBus.get("bind:create-manual").next({
         annotationUri: reference.id,
         title: selectedText,
         entityTypes
@@ -47029,7 +47029,7 @@ var ReferenceEntry = forwardRef4(
     const handleUnlink = () => {
       const sourceUri = typeof reference.target === "object" && "source" in reference.target ? reference.target.source : "";
       if (sourceUri) {
-        eventBus.get("resolve:update-body").next({
+        eventBus.get("bind:update-body").next({
           annotationUri: reference.id,
           resourceId: sourceUri.split("/resources/")[1] || "",
           operations: [{ op: "remove" }]
@@ -47039,14 +47039,14 @@ var ReferenceEntry = forwardRef4(
     };
     const handleGenerate = () => {
       const resourceUri2 = typeof reference.target === "object" && "source" in reference.target ? reference.target.source : "";
-      eventBus.get("generate:modal-open").next({
+      eventBus.get("yield:modal-open").next({
         annotationUri: reference.id,
         resourceUri: resourceUri2,
         defaultTitle: selectedText
       });
     };
     const handleSearch = () => {
-      eventBus.get("resolve:link").next({
+      eventBus.get("bind:link").next({
         annotationUri: reference.id,
         searchTerm: selectedText
       });
@@ -47059,7 +47059,7 @@ var ReferenceEntry = forwardRef4(
         "data-type": "reference",
         "data-focused": isFocused ? "true" : "false",
         onClick: () => {
-          eventBus.get("attend:click").next({ annotationId: reference.id, motivation: reference.motivation });
+          eventBus.get("browse:click").next({ annotationId: reference.id, motivation: reference.motivation });
         },
         ...hoverProps,
         children: [
@@ -47257,11 +47257,11 @@ function ReferencesPanel({
     setTimeout(() => setFocusedAnnotationId(null), 3e3);
   }, []);
   useEventSubscriptions({
-    "attend:click": handleAnnotationClick
+    "browse:click": handleAnnotationClick
   });
   const handleAssist = () => {
     setLastDetectionLog(null);
-    eventBus.get("annotate:assist-request").next({
+    eventBus.get("mark:assist-request").next({
       motivation: "linking",
       options: {
         entityTypes: selectedEntityTypes,
@@ -47289,7 +47289,7 @@ function ReferencesPanel({
   const handleCreateReference = () => {
     if (pendingAnnotation) {
       const entityType3 = pendingEntityTypes.join(",") || void 0;
-      eventBus.get("annotate:create").next({
+      eventBus.get("mark:create").next({
         motivation: "linking",
         selector: pendingAnnotation.selector,
         body: entityType3 ? [{ type: "TextualBody", value: entityType3, purpose: "tagging" }] : []
@@ -47301,7 +47301,7 @@ function ReferencesPanel({
     if (!pendingAnnotation) return;
     const handleEscape = (e6) => {
       if (e6.key === "Escape") {
-        eventBus.get("annotate:cancel-pending").next(void 0);
+        eventBus.get("mark:cancel-pending").next(void 0);
         setPendingEntityTypes([]);
       }
     };
@@ -47336,7 +47336,7 @@ function ReferencesPanel({
           "button",
           {
             onClick: () => {
-              eventBus.get("annotate:cancel-pending").next(void 0);
+              eventBus.get("mark:cancel-pending").next(void 0);
               setPendingEntityTypes([]);
             },
             className: "semiont-button semiont-button--secondary",
@@ -47553,7 +47553,7 @@ function ResourceInfoPanel({
       /* @__PURE__ */ jsxs31(
         "button",
         {
-          onClick: () => eventBus.get("generate:clone").next(void 0),
+          onClick: () => eventBus.get("yield:clone").next(void 0),
           className: "semiont-resource-button semiont-resource-button--secondary",
           children: [
             "\u{1F517} ",
@@ -47567,7 +47567,7 @@ function ResourceInfoPanel({
       /* @__PURE__ */ jsxs31(
         "button",
         {
-          onClick: () => eventBus.get("resource:unarchive").next(void 0),
+          onClick: () => eventBus.get("mark:unarchive").next(void 0),
           className: "semiont-resource-button semiont-resource-button--secondary",
           children: [
             "\u{1F4E4} ",
@@ -47580,7 +47580,7 @@ function ResourceInfoPanel({
       /* @__PURE__ */ jsxs31(
         "button",
         {
-          onClick: () => eventBus.get("resource:archive").next(void 0),
+          onClick: () => eventBus.get("mark:archive").next(void 0),
           className: "semiont-resource-button semiont-resource-button--archive",
           children: [
             "\u{1F4E6} ",
@@ -47686,7 +47686,7 @@ var TagEntry = forwardRef5(
       {
         ref,
         onClick: () => {
-          eventBus.get("attend:click").next({ annotationId: tag.id, motivation: tag.motivation });
+          eventBus.get("browse:click").next({ annotationId: tag.id, motivation: tag.motivation });
         },
         ...hoverProps,
         className: `semiont-annotation-entry${isHovered ? " semiont-annotation-pulse" : ""}`,
@@ -47756,7 +47756,7 @@ function TaggingPanel({
     setTimeout(() => setFocusedAnnotationId(null), 3e3);
   }, []);
   useEventSubscriptions({
-    "attend:click": handleAnnotationClick
+    "browse:click": handleAnnotationClick
   });
   const entryRefs = useRef23(/* @__PURE__ */ new Map());
   const sortedAnnotations = useMemo10(() => {
@@ -47830,7 +47830,7 @@ function TaggingPanel({
   };
   const handleAssist = () => {
     if (selectedCategories.size > 0) {
-      eventBus.get("annotate:assist-request").next({
+      eventBus.get("mark:assist-request").next({
         motivation: "tagging",
         options: {
           schemaId: selectedSchemaId,
@@ -47844,7 +47844,7 @@ function TaggingPanel({
     if (!pendingAnnotation) return;
     const handleEscape = (e6) => {
       if (e6.key === "Escape") {
-        eventBus.get("annotate:cancel-pending").next(void 0);
+        eventBus.get("mark:cancel-pending").next(void 0);
       }
     };
     document.addEventListener("keydown", handleEscape);
@@ -47882,7 +47882,7 @@ function TaggingPanel({
               className: "semiont-select",
               onChange: (e6) => {
                 if (e6.target.value && pendingAnnotation) {
-                  eventBus.get("annotate:create").next({
+                  eventBus.get("mark:create").next({
                     motivation: "tagging",
                     selector: pendingAnnotation.selector,
                     body: [
@@ -47911,7 +47911,7 @@ function TaggingPanel({
         /* @__PURE__ */ jsx43("div", { className: "semiont-annotation-prompt__footer", children: /* @__PURE__ */ jsx43(
           "button",
           {
-            onClick: () => eventBus.get("annotate:cancel-pending").next(void 0),
+            onClick: () => eventBus.get("mark:cancel-pending").next(void 0),
             className: "semiont-button semiont-button--secondary",
             "data-type": "tag",
             children: t12("cancel")
@@ -48411,7 +48411,7 @@ function ObservableLink({
     onClickRef.current = onClick;
   });
   const handleClick = useCallback23((e6) => {
-    eventBus.get("navigation:link-clicked").next({
+    eventBus.get("browse:link-clicked").next({
       href,
       label
     });
@@ -48478,7 +48478,7 @@ function SimpleNavigation({
         /* @__PURE__ */ jsx48(
           "button",
           {
-            onClick: () => eventBus.get("navigation:sidebar-toggle").next(void 0),
+            onClick: () => eventBus.get("browse:sidebar-toggle").next(void 0),
             className: "semiont-nav-section__header-icon",
             title: isCollapsed ? expandSidebarLabel : collapseSidebarLabel,
             "aria-label": isCollapsed ? expandSidebarLabel : collapseSidebarLabel,
@@ -52705,14 +52705,14 @@ function CollapsibleResourceNavigation({
       announceCannotMove(direction);
       return;
     }
-    eventBus.get("navigation:resource-reorder").next({ oldIndex: currentIndex, newIndex });
+    eventBus.get("browse:resource-reorder").next({ oldIndex: currentIndex, newIndex });
     const resource = resources[currentIndex];
     announceKeyboardReorder(resource.name, direction, newIndex + 1, resources.length);
   }, [resources]);
   const handleResourceClose = (resourceId, e6) => {
     e6.preventDefault();
     e6.stopPropagation();
-    eventBus.get("navigation:resource-close").next({ resourceId });
+    eventBus.get("browse:resource-close").next({ resourceId });
     const resourceHref = getResourceHref(resourceId);
     if (currentPath === resourceHref && onNavigate && fixedItems.length > 0) {
       onNavigate(fixedItems[0].href);
@@ -52732,7 +52732,7 @@ function CollapsibleResourceNavigation({
       const oldIndex = resources.findIndex((resource) => resource.id === active.id);
       const newIndex = resources.findIndex((resource) => resource.id === over.id);
       if (oldIndex !== -1 && newIndex !== -1) {
-        eventBus.get("navigation:resource-reorder").next({ oldIndex, newIndex });
+        eventBus.get("browse:resource-reorder").next({ oldIndex, newIndex });
         const resource = resources[oldIndex];
         announceDrop(resource.name, newIndex + 1, resources.length);
       }
@@ -52759,7 +52759,7 @@ function CollapsibleResourceNavigation({
           /* @__PURE__ */ jsx50(
             "button",
             {
-              onClick: () => eventBus.get("navigation:sidebar-toggle").next(void 0),
+              onClick: () => eventBus.get("browse:sidebar-toggle").next(void 0),
               className: "semiont-nav-section__header-icon",
               title: isCollapsed ? mergedTranslations.expandSidebar : mergedTranslations.collapseSidebar,
               "aria-label": isCollapsed ? mergedTranslations.expandSidebar : mergedTranslations.collapseSidebar,
@@ -54628,6 +54628,68 @@ function UserCircleIcon({
 var ForwardRef17 = /* @__PURE__ */ React44.forwardRef(UserCircleIcon);
 var UserCircleIcon_default = ForwardRef17;
 
+// src/hooks/usePanelBrowse.ts
+import { useState as useState36, useCallback as useCallback31, useEffect as useEffect43 } from "react";
+var COMMON_PANELS = ["user", "settings"];
+var RESOURCE_PANELS = ["history", "info", "annotations", "collaboration", "jsonld"];
+var tabGenerationCounter = 0;
+function usePanelBrowse() {
+  const [activePanel, setActivePanel] = useState36(() => {
+    if (typeof window !== "undefined") {
+      const saved = localStorage.getItem("activeToolbarPanel");
+      return saved || null;
+    }
+    return null;
+  });
+  const [scrollToAnnotationId, setScrollToAnnotationId] = useState36(null);
+  const [panelInitialTab, setPanelInitialTab] = useState36(null);
+  useEffect43(() => {
+    if (typeof window === "undefined") return;
+    if (activePanel) {
+      localStorage.setItem("activeToolbarPanel", activePanel);
+    } else {
+      localStorage.removeItem("activeToolbarPanel");
+    }
+  }, [activePanel]);
+  const handleScrollCompleted = useCallback31(() => {
+    setScrollToAnnotationId(null);
+  }, []);
+  const handlePanelToggle = useCallback31(({ panel }) => {
+    setActivePanel((current) => current === panel ? null : panel);
+  }, []);
+  const handlePanelOpen = useCallback31(({ panel, scrollToAnnotationId: scrollTarget, motivation }) => {
+    if (scrollTarget) {
+      setScrollToAnnotationId(scrollTarget);
+    }
+    if (motivation) {
+      const motivationToTab = {
+        "linking": "reference",
+        "commenting": "comment",
+        "tagging": "tag",
+        "highlighting": "highlight",
+        "assessing": "assessment"
+      };
+      const tab2 = motivationToTab[motivation] || "highlight";
+      setPanelInitialTab({ tab: tab2, generation: ++tabGenerationCounter });
+    }
+    setActivePanel(panel);
+  }, []);
+  const handlePanelClose = useCallback31(() => {
+    setActivePanel(null);
+  }, []);
+  useEventSubscriptions({
+    "browse:panel-toggle": handlePanelToggle,
+    "browse:panel-open": handlePanelOpen,
+    "browse:panel-close": handlePanelClose
+  });
+  return {
+    activePanel,
+    scrollToAnnotationId,
+    panelInitialTab,
+    onScrollCompleted: handleScrollCompleted
+  };
+}
+
 // src/features/admin-devops/components/AdminDevOpsPage.tsx
 import { jsx as jsx66, jsxs as jsxs54 } from "react/jsx-runtime";
 function AdminDevOpsPage({
@@ -54640,7 +54702,7 @@ function AdminDevOpsPage({
   ToolbarPanels,
   Toolbar: Toolbar2
 }) {
-  return /* @__PURE__ */ jsxs54("div", { className: `semiont-page${activePanel ? " semiont-page--panel-open" : ""}`, children: [
+  return /* @__PURE__ */ jsxs54("div", { className: `semiont-page${activePanel && COMMON_PANELS.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
     /* @__PURE__ */ jsxs54("div", { className: "semiont-page__content", children: [
       /* @__PURE__ */ jsxs54("div", { className: "semiont-page__header", children: [
         /* @__PURE__ */ jsx66("h1", { className: "semiont-page__title", children: t12.title }),
@@ -54713,7 +54775,7 @@ function AdminSecurityPage({
   ToolbarPanels,
   Toolbar: Toolbar2
 }) {
-  return /* @__PURE__ */ jsxs55("div", { className: `semiont-page${activePanel ? " semiont-page--panel-open" : ""}`, children: [
+  return /* @__PURE__ */ jsxs55("div", { className: `semiont-page${activePanel && COMMON_PANELS.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
     /* @__PURE__ */ jsx67("div", { className: "semiont-page__content", children: /* @__PURE__ */ jsxs55("div", { className: "semiont-page__sections", children: [
       /* @__PURE__ */ jsxs55("div", { className: "semiont-page__header", children: [
         /* @__PURE__ */ jsx67("h1", { className: "semiont-page__title", children: t12.title }),
@@ -54796,7 +54858,7 @@ function AdminSecurityPage({
 }
 
 // src/features/admin-users/components/AdminUsersPage.tsx
-import { useState as useState36 } from "react";
+import { useState as useState37 } from "react";
 import { Fragment as Fragment15, jsx as jsx68, jsxs as jsxs56 } from "react/jsx-runtime";
 function UserTableRow({
   user,
@@ -54878,9 +54940,9 @@ function AdminUsersPage({
   Toolbar: Toolbar2,
   buttonStyles: buttonStyles2
 }) {
-  const [searchTerm, setSearchTerm] = useState36("");
-  const [selectedRole, setSelectedRole] = useState36("all");
-  const [selectedStatus, setSelectedStatus] = useState36("all");
+  const [searchTerm, setSearchTerm] = useState37("");
+  const [selectedRole, setSelectedRole] = useState37("all");
+  const [selectedStatus, setSelectedStatus] = useState37("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";
@@ -54889,7 +54951,7 @@ function AdminUsersPage({
     const matchesStatus = selectedStatus === "all" || userStatus === selectedStatus;
     return matchesSearch && matchesRole && matchesStatus;
   });
-  return /* @__PURE__ */ jsxs56("div", { className: `semiont-page${activePanel ? " semiont-page--panel-open" : ""}`, children: [
+  return /* @__PURE__ */ jsxs56("div", { className: `semiont-page${activePanel && COMMON_PANELS.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
     /* @__PURE__ */ jsx68("div", { className: "semiont-page__content", children: /* @__PURE__ */ jsxs56("div", { className: "semiont-page__sections", children: [
       /* @__PURE__ */ jsxs56("div", { className: "semiont-page__header-with-action", children: [
         /* @__PURE__ */ jsxs56("div", { children: [
@@ -55195,7 +55257,7 @@ function SignInForm({
 }
 
 // src/features/auth/components/SignUpForm.tsx
-import { useState as useState37 } from "react";
+import { useState as useState38 } 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: [
@@ -55230,7 +55292,7 @@ function GoogleIcon2() {
   ] });
 }
 function SignUpForm({ onSignUp, Link, translations: t12 }) {
-  const [isLoading, setIsLoading] = useState37(false);
+  const [isLoading, setIsLoading] = useState38(false);
   const handleSignUp = async () => {
     setIsLoading(true);
     try {
@@ -55455,7 +55517,7 @@ function EntityTagsPage({
       onAddTag();
     }
   };
-  return /* @__PURE__ */ jsxs61("div", { className: `semiont-page${activePanel ? " semiont-page--panel-open" : ""}`, children: [
+  return /* @__PURE__ */ jsxs61("div", { className: `semiont-page${activePanel && COMMON_PANELS.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
     /* @__PURE__ */ jsxs61("div", { className: "semiont-page__content", children: [
       /* @__PURE__ */ jsxs61("div", { className: "semiont-page__header", children: [
         /* @__PURE__ */ jsx73("h1", { className: "semiont-page__title", children: t12.pageTitle }),
@@ -55543,7 +55605,7 @@ function RecentDocumentsPage({
   if (isLoading) {
     return /* @__PURE__ */ jsx74("div", { className: "semiont-page__loading", children: /* @__PURE__ */ jsx74("p", { className: "semiont-page__loading-text", children: t12.loading }) });
   }
-  return /* @__PURE__ */ jsxs62("div", { className: `semiont-page${activePanel ? " semiont-page--panel-open" : ""}`, children: [
+  return /* @__PURE__ */ jsxs62("div", { className: `semiont-page${activePanel && COMMON_PANELS.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
     /* @__PURE__ */ jsxs62("div", { className: "semiont-page__content", children: [
       /* @__PURE__ */ jsxs62("div", { className: "semiont-page__header", children: [
         /* @__PURE__ */ jsx74("h1", { className: "semiont-page__title", children: t12.pageTitle }),
@@ -55609,7 +55671,7 @@ function TagSchemasPage({
   if (isLoading) {
     return /* @__PURE__ */ jsx75("div", { className: "semiont-page__loading", children: /* @__PURE__ */ jsx75("p", { className: "semiont-page__loading-text", children: t12.loading }) });
   }
-  return /* @__PURE__ */ jsxs63("div", { className: `semiont-page${activePanel ? " semiont-page--panel-open" : ""}`, children: [
+  return /* @__PURE__ */ jsxs63("div", { className: `semiont-page${activePanel && COMMON_PANELS.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
     /* @__PURE__ */ jsxs63("div", { className: "semiont-page__content", children: [
       /* @__PURE__ */ jsxs63("div", { className: "semiont-page__header", children: [
         /* @__PURE__ */ jsx75("h1", { className: "semiont-page__title", children: t12.pageTitle }),
@@ -55687,7 +55749,7 @@ function TagSchemasPage({
 }
 
 // src/features/resource-compose/components/ResourceComposePage.tsx
-import { useState as useState38, useEffect as useEffect43 } from "react";
+import { useState as useState39, useEffect as useEffect44 } 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({
@@ -55707,19 +55769,19 @@ function ResourceComposePage({
   Toolbar: Toolbar2
 }) {
   const { announceFormSubmitting, announceFormSuccess, announceFormError } = useFormAnnouncements();
-  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(() => {
+  const [newResourceName, setNewResourceName] = useState39("");
+  const [newResourceContent, setNewResourceContent] = useState39("");
+  const [selectedEntityTypes, setSelectedEntityTypes] = useState39([]);
+  const [isCreating, setIsCreating] = useState39(false);
+  const [inputMethod, setInputMethod] = useState39("write");
+  const [uploadedFile, setUploadedFile] = useState39(null);
+  const [fileMimeType, setFileMimeType] = useState39("text/markdown");
+  const [filePreviewUrl, setFilePreviewUrl] = useState39(null);
+  const [selectedFormat, setSelectedFormat] = useState39("text/markdown");
+  const [selectedLanguage, setSelectedLanguage] = useState39(initialLocale);
+  const [selectedCharset, setSelectedCharset] = useState39("");
+  const [archiveOriginal, setArchiveOriginal] = useState39(true);
+  useEffect44(() => {
     if (mode === "clone" && cloneData) {
       setNewResourceName(cloneData.sourceResource.name);
       setNewResourceContent(cloneData.sourceContent);
@@ -55752,7 +55814,7 @@ function ResourceComposePage({
       reader.readAsText(file);
     }
   };
-  useEffect43(() => {
+  useEffect44(() => {
     return () => {
       if (filePreviewUrl) {
         URL.revokeObjectURL(filePreviewUrl);
@@ -55800,7 +55862,7 @@ function ResourceComposePage({
   };
   const isClone = mode === "clone";
   const isReferenceCompletion = mode === "reference";
-  return /* @__PURE__ */ jsxs64("div", { className: `semiont-page${activePanel ? " semiont-page--panel-open" : ""}`, children: [
+  return /* @__PURE__ */ jsxs64("div", { className: `semiont-page${activePanel && COMMON_PANELS.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
     /* @__PURE__ */ jsxs64("div", { className: "semiont-page__content semiont-page__compose", children: [
       /* @__PURE__ */ jsxs64("div", { className: "semiont-page__header", children: [
         /* @__PURE__ */ jsx76("h1", { className: "semiont-page__title", children: isClone ? t12.titleEditClone : isReferenceCompletion ? t12.titleCompleteReference : t12.title }),
@@ -56101,7 +56163,7 @@ function ResourceComposePage({
 }
 
 // src/features/resource-discovery/components/ResourceDiscoveryPage.tsx
-import { useState as useState39, useCallback as useCallback31, useRef as useRef31 } from "react";
+import { useState as useState40, useCallback as useCallback32, useRef as useRef31 } from "react";
 import { getResourceId as getResourceId2 } from "@semiont/api-client";
 
 // src/features/resource-discovery/components/ResourceCard.tsx
@@ -56174,8 +56236,8 @@ function ResourceDiscoveryPage({
   translations: t12,
   ToolbarPanels
 }) {
-  const [searchQuery2, setSearchQuery] = useState39("");
-  const [selectedEntityType, setSelectedEntityType] = useState39("");
+  const [searchQuery2, setSearchQuery] = useState40("");
+  const [selectedEntityType, setSelectedEntityType] = useState40("");
   const hasSearchQuery = searchQuery2.trim() !== "";
   const hasSearchResults = searchDocuments.length > 0;
   const baseDocuments = hasSearchResults ? searchDocuments : recentDocuments;
@@ -56194,23 +56256,23 @@ function ResourceDiscoveryPage({
   );
   const onNavigateToResourceRef = useRef31(onNavigateToResource);
   onNavigateToResourceRef.current = onNavigateToResource;
-  const handleEntityTypeFilter = useCallback31((entityType3) => {
+  const handleEntityTypeFilter = useCallback32((entityType3) => {
     setSelectedEntityType(entityType3);
   }, []);
-  const openResource = useCallback31((resource) => {
+  const openResource = useCallback32((resource) => {
     const resourceId = getResourceId2(resource);
     if (resourceId) {
       onNavigateToResourceRef.current(resourceId);
     }
   }, []);
-  const handleSearchSubmit = useCallback31((e6) => {
+  const handleSearchSubmit = useCallback32((e6) => {
     e6.preventDefault();
   }, []);
   if (isLoadingRecent) {
     return /* @__PURE__ */ jsx78("div", { className: "semiont-page__loading", children: /* @__PURE__ */ jsx78("p", { className: "semiont-page__loading-text", children: t12.loadingKnowledgeBase }) });
   }
   const showNoResultsWarning = hasSearchQuery && !hasSearchResults && !isSearching;
-  return /* @__PURE__ */ jsxs66("div", { className: `semiont-page${activePanel ? " semiont-page--panel-open" : ""}`, children: [
+  return /* @__PURE__ */ jsxs66("div", { className: `semiont-page${activePanel && COMMON_PANELS.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
     /* @__PURE__ */ jsxs66("div", { className: "semiont-page__content", children: [
       /* @__PURE__ */ jsxs66("div", { className: "semiont-page__header", children: [
         /* @__PURE__ */ jsx78("h1", { className: "semiont-page__title", children: t12.title }),
@@ -56341,36 +56403,36 @@ 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 useCallback32, useEffect as useEffect44, useRef as useRef32, useState as useState40 } from "react";
+// src/hooks/useBindFlow.ts
+import { useCallback as useCallback33, useEffect as useEffect45, useRef as useRef32, useState as useState41 } from "react";
 import { resourceAnnotationUri, accessToken as accessToken3 } from "@semiont/core";
 import { uriToAnnotationIdOrPassthrough } from "@semiont/core";
 function toAccessToken2(token) {
   return token ? accessToken3(token) : void 0;
 }
-function useResolutionFlow(rUri) {
+function useBindFlow(rUri) {
   const eventBus = useEventBus();
   const client = useApiClient();
   const token = useAuthToken();
   const { showError } = useToast();
-  const [searchModalOpen, setSearchModalOpen] = useState40(false);
-  const [pendingReferenceId, setPendingReferenceId] = useState40(null);
-  const onCloseSearchModal = useCallback32(() => {
+  const [searchModalOpen, setSearchModalOpen] = useState41(false);
+  const [pendingReferenceId, setPendingReferenceId] = useState41(null);
+  const onCloseSearchModal = useCallback33(() => {
     setSearchModalOpen(false);
   }, []);
   const rUriRef = useRef32(rUri);
-  useEffect44(() => {
+  useEffect45(() => {
     rUriRef.current = rUri;
   });
   const clientRef = useRef32(client);
-  useEffect44(() => {
+  useEffect45(() => {
     clientRef.current = client;
   });
   const tokenRef = useRef32(token);
-  useEffect44(() => {
+  useEffect45(() => {
     tokenRef.current = token;
   });
-  useEffect44(() => {
+  useEffect45(() => {
     const handleAnnotationUpdateBody = async (event) => {
       try {
         const annotationIdSegment = uriToAnnotationIdOrPassthrough(event.annotationUri);
@@ -56379,47 +56441,47 @@ function useResolutionFlow(rUri) {
           resourceId: event.resourceId,
           operations: event.operations
         }, { auth: toAccessToken2(tokenRef.current) });
-        eventBus.get("resolve:body-updated").next({ annotationUri: event.annotationUri });
+        eventBus.get("bind:body-updated").next({ annotationUri: event.annotationUri });
       } catch (error) {
         console.error("Failed to update annotation body:", error);
-        eventBus.get("resolve:body-update-failed").next({ error });
+        eventBus.get("bind:body-update-failed").next({ error });
       }
     };
     const handleReferenceLink = (event) => {
-      eventBus.get("resolve:search-requested").next({
+      eventBus.get("bind:search-requested").next({
         referenceId: event.annotationUri,
         searchTerm: event.searchTerm
       });
     };
-    const subscription1 = eventBus.get("resolve:update-body").subscribe(handleAnnotationUpdateBody);
-    const subscription2 = eventBus.get("resolve:link").subscribe(handleReferenceLink);
+    const subscription1 = eventBus.get("bind:update-body").subscribe(handleAnnotationUpdateBody);
+    const subscription2 = eventBus.get("bind:link").subscribe(handleReferenceLink);
     return () => {
       subscription1.unsubscribe();
       subscription2.unsubscribe();
     };
   }, [eventBus]);
-  useEffect44(() => {
+  useEffect45(() => {
     const handleResolutionSearchRequested = (event) => {
       setPendingReferenceId(event.referenceId);
       setSearchModalOpen(true);
     };
-    const subscription = eventBus.get("resolve:search-requested").subscribe(handleResolutionSearchRequested);
+    const subscription = eventBus.get("bind:search-requested").subscribe(handleResolutionSearchRequested);
     return () => subscription.unsubscribe();
   }, [eventBus]);
   useEventSubscriptions({
-    "resolve:body-update-failed": ({ error }) => showError(`Failed to update reference: ${error.message}`)
+    "bind:body-update-failed": ({ error }) => showError(`Failed to update reference: ${error.message}`)
   });
   return { searchModalOpen, pendingReferenceId, onCloseSearchModal };
 }
 
-// src/hooks/useAnnotationFlow.ts
-import { useState as useState41, useRef as useRef33, useEffect as useEffect45, useCallback as useCallback33 } from "react";
+// src/hooks/useMarkFlow.ts
+import { useState as useState42, useRef as useRef33, useEffect as useEffect46, useCallback as useCallback34 } 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 useAnnotationFlow(rUri) {
+function useMarkFlow(rUri) {
   const eventBus = useEventBus();
   const client = useApiClient();
   const token = useAuthToken();
@@ -56427,17 +56489,17 @@ function useAnnotationFlow(rUri) {
   const clientRef = useRef33(client);
   const rUriRef = useRef33(rUri);
   const tokenRef = useRef33(token);
-  useEffect45(() => {
+  useEffect46(() => {
     clientRef.current = client;
   });
-  useEffect45(() => {
+  useEffect46(() => {
     rUriRef.current = rUri;
   });
-  useEffect45(() => {
+  useEffect46(() => {
     tokenRef.current = token;
   });
-  const [pendingAnnotation, setPendingAnnotation] = useState41(null);
-  const handleAnnotationRequested = useCallback33((pending) => {
+  const [pendingAnnotation, setPendingAnnotation] = useState42(null);
+  const handleAnnotationRequested = useCallback34((pending) => {
     const MOTIVATION_TO_TAB = {
       highlighting: "annotations",
       commenting: "annotations",
@@ -56453,10 +56515,10 @@ function useAnnotationFlow(rUri) {
       questioning: "annotations",
       replying: "annotations"
     };
-    eventBus.get("attend:panel-open").next({ panel: MOTIVATION_TO_TAB[pending.motivation] || "annotations" });
+    eventBus.get("browse:panel-open").next({ panel: MOTIVATION_TO_TAB[pending.motivation] || "annotations" });
     setPendingAnnotation(pending);
   }, []);
-  const selectionToSelector = useCallback33((selection2) => {
+  const selectionToSelector = useCallback34((selection2) => {
     if (selection2.svgSelector) {
       return {
         type: "SvgSelector",
@@ -56488,29 +56550,29 @@ function useAnnotationFlow(rUri) {
       ...selection2.suffix && { suffix: selection2.suffix }
     };
   }, []);
-  const handleCommentRequested = useCallback33((selection2) => {
+  const handleCommentRequested = useCallback34((selection2) => {
     handleAnnotationRequested({ selector: selectionToSelector(selection2), motivation: "commenting" });
   }, [handleAnnotationRequested, selectionToSelector]);
-  const handleTagRequested = useCallback33((selection2) => {
+  const handleTagRequested = useCallback34((selection2) => {
     handleAnnotationRequested({ selector: selectionToSelector(selection2), motivation: "tagging" });
   }, [handleAnnotationRequested, selectionToSelector]);
-  const handleAssessmentRequested = useCallback33((selection2) => {
+  const handleAssessmentRequested = useCallback34((selection2) => {
     handleAnnotationRequested({ selector: selectionToSelector(selection2), motivation: "assessing" });
   }, [handleAnnotationRequested, selectionToSelector]);
-  const handleReferenceRequested = useCallback33((selection2) => {
+  const handleReferenceRequested = useCallback34((selection2) => {
     handleAnnotationRequested({ selector: selectionToSelector(selection2), motivation: "linking" });
   }, [handleAnnotationRequested, selectionToSelector]);
-  const handleAnnotationCancelPending = useCallback33(() => {
+  const handleAnnotationCancelPending = useCallback34(() => {
     setPendingAnnotation(null);
   }, []);
-  const [assistingMotivation, setAssistingMotivation] = useState41(null);
-  const [progress, setProgress] = useState41(null);
+  const [assistingMotivation, setAssistingMotivation] = useState42(null);
+  const [progress, setProgress] = useState42(null);
   const assistStreamRef = useRef33(null);
   const progressDismissTimeoutRef = useRef33(null);
-  const handleAnnotationProgress = useCallback33((chunk) => {
+  const handleMarkProgress = useCallback34((chunk) => {
     setProgress(chunk);
   }, []);
-  const handleAnnotationComplete = useCallback33((event) => {
+  const handleAnnotationComplete = useCallback34((event) => {
     setAssistingMotivation((prev) => {
       if (!event.motivation || event.motivation !== prev) return prev;
       return null;
@@ -56524,7 +56586,7 @@ function useAnnotationFlow(rUri) {
       progressDismissTimeoutRef.current = null;
     }, 5e3);
   }, [showSuccess]);
-  const handleAnnotationFailed = useCallback33((event) => {
+  const handleAnnotationFailed = useCallback34((event) => {
     if (progressDismissTimeoutRef.current) {
       clearTimeout(progressDismissTimeoutRef.current);
       progressDismissTimeoutRef.current = null;
@@ -56534,14 +56596,14 @@ function useAnnotationFlow(rUri) {
     const errorMessage = event.payload.error || "Annotation failed";
     showError(errorMessage);
   }, [showError]);
-  const handleProgressDismiss = useCallback33(() => {
+  const handleProgressDismiss = useCallback34(() => {
     if (progressDismissTimeoutRef.current) {
       clearTimeout(progressDismissTimeoutRef.current);
       progressDismissTimeoutRef.current = null;
     }
     setProgress(null);
   }, []);
-  useEffect45(() => {
+  useEffect46(() => {
     const handleAnnotationCreate = async (event) => {
       const currentClient = clientRef.current;
       const currentRUri = rUriRef.current;
@@ -56557,11 +56619,11 @@ function useAnnotationFlow(rUri) {
         }, { auth: toAccessToken3(tokenRef.current) });
         if (result.annotation) {
           setPendingAnnotation(null);
-          eventBus.get("annotate:created").next({ annotation: result.annotation });
+          eventBus.get("mark:created").next({ annotation: result.annotation });
         }
       } catch (error) {
         console.error("Failed to create annotation:", error);
-        eventBus.get("annotate:create-failed").next({ error });
+        eventBus.get("mark:create-failed").next({ error });
       }
     };
     const handleAnnotationDelete = async (event) => {
@@ -56571,10 +56633,10 @@ function useAnnotationFlow(rUri) {
         const annotationIdSegment = uriToAnnotationIdOrPassthrough2(event.annotationId);
         const annotationUri2 = resourceAnnotationUri2(`${currentRUri}/annotations/${annotationIdSegment}`);
         await currentClient.deleteAnnotation(annotationUri2, { auth: toAccessToken3(tokenRef.current) });
-        eventBus.get("annotate:deleted").next({ annotationId: event.annotationId });
+        eventBus.get("mark:deleted").next({ annotationId: event.annotationId });
       } catch (error) {
         console.error("Failed to delete annotation:", error);
-        eventBus.get("annotate:delete-failed").next({ error });
+        eventBus.get("mark:delete-failed").next({ error });
       }
     };
     const handleAssistStart = async (event) => {
@@ -56627,7 +56689,7 @@ function useAnnotationFlow(rUri) {
         }
       } catch (error) {
         if (error instanceof Error && error.name === "AbortError") {
-          eventBus.get("annotate:assist-cancelled").next(void 0);
+          eventBus.get("mark:assist-cancelled").next(void 0);
         } else {
           console.error("Annotation assist failed:", error);
           setAssistingMotivation(null);
@@ -56641,9 +56703,9 @@ function useAnnotationFlow(rUri) {
         assistStreamRef.current = null;
       }
     };
-    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 subscription1 = eventBus.get("mark:create").subscribe(handleAnnotationCreate);
+    const subscription2 = eventBus.get("mark:delete").subscribe(handleAnnotationDelete);
+    const subscription3 = eventBus.get("mark:assist-request").subscribe(handleAssistStart);
     const subscription4 = eventBus.get("job:cancel-requested").subscribe(handleJobCancelRequested);
     return () => {
       subscription1.unsubscribe();
@@ -56655,23 +56717,23 @@ function useAnnotationFlow(rUri) {
   }, [eventBus]);
   useEventSubscriptions({
     // 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,
+    "mark:requested": handleAnnotationRequested,
+    "mark:select-comment": handleCommentRequested,
+    "mark:select-tag": handleTagRequested,
+    "mark:select-assessment": handleAssessmentRequested,
+    "mark:select-reference": handleReferenceRequested,
+    "mark: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"),
+    "mark:progress": handleMarkProgress,
+    "mark:assist-finished": handleAnnotationComplete,
+    "mark:assist-failed": handleAnnotationFailed,
+    "mark:progress-dismiss": handleProgressDismiss,
+    "mark: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}`)
+    "mark:create-failed": ({ error }) => showError(`Failed to create annotation: ${error.message}`),
+    "mark:delete-failed": ({ error }) => showError(`Failed to delete annotation: ${error.message}`)
   });
-  useEffect45(() => {
+  useEffect46(() => {
     return () => {
       if (progressDismissTimeoutRef.current) {
         clearTimeout(progressDismissTimeoutRef.current);
@@ -56686,73 +56748,13 @@ function useAnnotationFlow(rUri) {
   };
 }
 
-// src/hooks/usePanelNavigation.ts
-import { useState as useState42, useCallback as useCallback34, useEffect as useEffect46 } from "react";
-var tabGenerationCounter = 0;
-function usePanelNavigation() {
-  const [activePanel, setActivePanel] = useState42(() => {
-    if (typeof window !== "undefined") {
-      const saved = localStorage.getItem("activeToolbarPanel");
-      return saved || null;
-    }
-    return null;
-  });
-  const [scrollToAnnotationId, setScrollToAnnotationId] = useState42(null);
-  const [panelInitialTab, setPanelInitialTab] = useState42(null);
-  useEffect46(() => {
-    if (typeof window === "undefined") return;
-    if (activePanel) {
-      localStorage.setItem("activeToolbarPanel", activePanel);
-    } else {
-      localStorage.removeItem("activeToolbarPanel");
-    }
-  }, [activePanel]);
-  const handleScrollCompleted = useCallback34(() => {
-    setScrollToAnnotationId(null);
-  }, []);
-  const handlePanelToggle = useCallback34(({ panel }) => {
-    setActivePanel((current) => current === panel ? null : panel);
-  }, []);
-  const handlePanelOpen = useCallback34(({ panel, scrollToAnnotationId: scrollTarget, motivation }) => {
-    if (scrollTarget) {
-      setScrollToAnnotationId(scrollTarget);
-    }
-    if (motivation) {
-      const motivationToTab = {
-        "linking": "reference",
-        "commenting": "comment",
-        "tagging": "tag",
-        "highlighting": "highlight",
-        "assessing": "assessment"
-      };
-      const tab2 = motivationToTab[motivation] || "highlight";
-      setPanelInitialTab({ tab: tab2, generation: ++tabGenerationCounter });
-    }
-    setActivePanel(panel);
-  }, []);
-  const handlePanelClose = useCallback34(() => {
-    setActivePanel(null);
-  }, []);
-  useEventSubscriptions({
-    "attend:panel-toggle": handlePanelToggle,
-    "attend:panel-open": handlePanelOpen,
-    "attend:panel-close": handlePanelClose
-  });
-  return {
-    activePanel,
-    scrollToAnnotationId,
-    panelInitialTab,
-    onScrollCompleted: handleScrollCompleted
-  };
-}
-
-// src/hooks/useGenerationFlow.ts
+// src/hooks/useYieldFlow.ts
 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, clearNewAnnotationId) {
+function useYieldFlow(locale, resourceId, clearNewAnnotationId) {
   const eventBus = useEventBus();
   const client = useApiClient();
   const token = useAuthToken();
@@ -56767,13 +56769,13 @@ function useGenerationFlow(locale, resourceId, clearNewAnnotationId) {
   });
   const generationStreamRef = useRef34(null);
   const [isGenerating, setIsGenerating] = useState43(false);
-  const [generationProgress, setGenerationProgress] = useState43(null);
+  const [generationProgress, setYieldProgress] = useState43(null);
   const handleProgressEvent = useCallback35((chunk) => {
-    setGenerationProgress(chunk);
+    setYieldProgress(chunk);
     setIsGenerating(true);
   }, []);
   const clearProgress = useCallback35(() => {
-    setGenerationProgress(null);
+    setYieldProgress(null);
   }, []);
   const [generationModalOpen, setGenerationModalOpen] = useState43(false);
   const [generationReferenceId, setGenerationReferenceId] = useState43(null);
@@ -56787,7 +56789,7 @@ function useGenerationFlow(locale, resourceId, clearNewAnnotationId) {
     }
     clearNewAnnotationId(annotationUri(referenceId));
     const resourceUriStr = `resource://${resourceId}`;
-    eventBus.get("generate:request").next({
+    eventBus.get("yield:request").next({
       annotationUri: referenceId,
       resourceUri: resourceUriStr,
       options: {
@@ -56806,10 +56808,10 @@ function useGenerationFlow(locale, resourceId, clearNewAnnotationId) {
     setGenerationReferenceId(annUri);
     setGenerationDefaultTitle(defaultTitle);
     setGenerationModalOpen(true);
-    eventBus.get("correlate:requested").next({ annotationUri: annUri, resourceUri: resourceUri2 });
+    eventBus.get("gather:requested").next({ annotationUri: annUri, resourceUri: resourceUri2 });
   }, []);
   const handleGenerationComplete = useCallback35((progress) => {
-    setGenerationProgress(progress);
+    setYieldProgress(progress);
     setIsGenerating(false);
     if (progress.resourceName) {
       showSuccess(`Resource "${progress.resourceName}" created successfully!`);
@@ -56819,7 +56821,7 @@ function useGenerationFlow(locale, resourceId, clearNewAnnotationId) {
     setTimeout(() => clearProgress(), 2e3);
   }, [showSuccess, clearProgress]);
   const handleGenerationFailed = useCallback35(({ error }) => {
-    setGenerationProgress(null);
+    setYieldProgress(null);
     setIsGenerating(false);
     showError(`Resource generation failed: ${error.message}`);
   }, [showError]);
@@ -56829,7 +56831,7 @@ function useGenerationFlow(locale, resourceId, clearNewAnnotationId) {
         generationStreamRef.current?.abort();
         generationStreamRef.current = new AbortController();
         const sseOptions = { auth: toAccessToken4(tokenRef.current), eventBus };
-        clientRef.current.sse.generateResourceFromAnnotation(
+        clientRef.current.sse.yieldResourceFromAnnotation(
           event.resourceUri,
           event.annotationUri,
           event.options,
@@ -56837,8 +56839,8 @@ function useGenerationFlow(locale, resourceId, clearNewAnnotationId) {
         );
       } catch (error) {
         if (error.name !== "AbortError") {
-          console.error("[useGenerationFlow] Generation failed:", error);
-          eventBus.get("generate:failed").next({ error });
+          console.error("[useYieldFlow] Generation failed:", error);
+          eventBus.get("yield:failed").next({ error });
         }
       }
     };
@@ -56858,9 +56860,9 @@ function useGenerationFlow(locale, resourceId, clearNewAnnotationId) {
       });
       window.location.href = `${baseUrl}/know/compose?${params.toString()}`;
     };
-    const subscription1 = eventBus.get("generate:request").subscribe(handleGenerationStart);
+    const subscription1 = eventBus.get("yield:request").subscribe(handleGenerationStart);
     const subscription2 = eventBus.get("job:cancel-requested").subscribe(handleJobCancelRequested);
-    const subscription3 = eventBus.get("resolve:create-manual").subscribe(handleReferenceCreateManual);
+    const subscription3 = eventBus.get("bind:create-manual").subscribe(handleReferenceCreateManual);
     return () => {
       subscription1.unsubscribe();
       subscription2.unsubscribe();
@@ -56869,10 +56871,10 @@ function useGenerationFlow(locale, resourceId, clearNewAnnotationId) {
     };
   }, [eventBus, resourceId]);
   useEventSubscriptions({
-    "generate:progress": handleProgressEvent,
-    "generate:finished": handleGenerationComplete,
-    "generate:failed": handleGenerationFailed,
-    "generate:modal-open": handleGenerationModalOpen
+    "yield:progress": handleProgressEvent,
+    "yield:finished": handleGenerationComplete,
+    "yield:failed": handleGenerationFailed,
+    "yield:modal-open": handleGenerationModalOpen
   });
   return {
     isGenerating,
@@ -56885,18 +56887,18 @@ function useGenerationFlow(locale, resourceId, clearNewAnnotationId) {
   };
 }
 
-// src/hooks/useContextCorrelationFlow.ts
+// src/hooks/useContextGatherFlow.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 useContextCorrelationFlow(eventBus, config) {
+function useContextGatherFlow(eventBus, config) {
   const token = useAuthToken();
-  const [correlationContext, setCorrelationContext] = useState44(null);
-  const [correlationLoading, setCorrelationLoading] = useState44(false);
-  const [correlationError, setCorrelationError] = useState44(null);
-  const [correlationAnnotationUri, setCorrelationAnnotationUri] = useState44(null);
+  const [gatherContext, setCorrelationContext] = useState44(null);
+  const [gatherLoading, setCorrelationLoading] = useState44(false);
+  const [gatherError, setCorrelationError] = useState44(null);
+  const [gatherAnnotationUri, setCorrelationAnnotationUri] = useState44(null);
   const configRef = useRef35(config);
   const tokenRef = useRef35(token);
   useEffect48(() => {
@@ -56906,7 +56908,7 @@ function useContextCorrelationFlow(eventBus, config) {
     tokenRef.current = token;
   });
   useEffect48(() => {
-    const handleContextCorrelationRequested = async (event) => {
+    const handleGatherRequested = async (event) => {
       setCorrelationLoading(true);
       setCorrelationError(null);
       setCorrelationContext(null);
@@ -56923,7 +56925,7 @@ function useContextCorrelationFlow(eventBus, config) {
         setCorrelationContext(context);
         setCorrelationLoading(false);
         if (context) {
-          eventBus.get("correlate:complete").next({
+          eventBus.get("gather:complete").next({
             annotationUri: event.annotationUri,
             context
           });
@@ -56932,16 +56934,16 @@ function useContextCorrelationFlow(eventBus, config) {
         const err = error;
         setCorrelationError(err);
         setCorrelationLoading(false);
-        eventBus.get("correlate:failed").next({
+        eventBus.get("gather:failed").next({
           annotationUri: event.annotationUri,
           error: err
         });
       }
     };
-    const subscription = eventBus.get("correlate:requested").subscribe(handleContextCorrelationRequested);
+    const subscription = eventBus.get("gather:requested").subscribe(handleGatherRequested);
     return () => subscription.unsubscribe();
   }, [eventBus]);
-  return { correlationContext, correlationLoading, correlationError, correlationAnnotationUri };
+  return { gatherContext, gatherLoading, gatherError, gatherAnnotationUri };
 }
 
 // src/features/resource-viewer/components/ResourceViewerPage.tsx
@@ -56978,10 +56980,10 @@ function ResourceViewerPage({
   const referencedBy = referencedByData?.referencedBy || [];
   const { data: entityTypesData } = entityTypesAPI.list.useQuery();
   const allEntityTypes = entityTypesData?.entityTypes || [];
-  const { hoveredAnnotationId } = useAttentionFlow();
-  const { assistingMotivation, progress, pendingAnnotation } = useAnnotationFlow(rUri);
-  const { activePanel, scrollToAnnotationId, panelInitialTab, onScrollCompleted } = usePanelNavigation();
-  const { searchModalOpen, pendingReferenceId, onCloseSearchModal } = useResolutionFlow(rUri);
+  const { hoveredAnnotationId } = useBeckonFlow();
+  const { assistingMotivation, progress, pendingAnnotation } = useMarkFlow(rUri);
+  const { activePanel, scrollToAnnotationId, panelInitialTab, onScrollCompleted } = usePanelBrowse();
+  const { searchModalOpen, pendingReferenceId, onCloseSearchModal } = useBindFlow(rUri);
   const {
     generationProgress,
     generationModalOpen,
@@ -56989,8 +56991,8 @@ function ResourceViewerPage({
     generationDefaultTitle,
     onGenerateDocument,
     onCloseGenerationModal
-  } = useGenerationFlow(locale, rUri.split("/").pop() || "", clearNewAnnotationId);
-  const { correlationContext, correlationLoading, correlationError } = useContextCorrelationFlow(eventBus, { client, resourceUri: rUri });
+  } = useYieldFlow(locale, rUri.split("/").pop() || "", clearNewAnnotationId);
+  const { gatherContext, gatherLoading, gatherError } = useContextGatherFlow(eventBus, { client, resourceUri: rUri });
   const debouncedInvalidateAnnotations = useDebouncedCallback(
     () => {
       queryClient.invalidateQueries({ queryKey: QUERY_KEYS.resources.annotations(rUri) });
@@ -57102,7 +57104,7 @@ function ResourceViewerPage({
     try {
       const result = await generateCloneTokenMutation.mutateAsync(rUri);
       const token = result.token;
-      eventBus.get("navigation:router-push").next({ path: `/know/compose?mode=clone&token=${token}`, reason: "clone" });
+      eventBus.get("browse:router-push").next({ path: `/know/compose?mode=clone&token=${token}`, reason: "clone" });
     } catch (err) {
       console.error("Failed to generate clone token:", err);
       showError("Failed to generate clone link");
@@ -57136,34 +57138,34 @@ function ResourceViewerPage({
   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" });
+      eventBus.get("browse:router-push").next({ path: path2, reason: "reference-link" });
     }
   }, [routes.resource]);
   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" });
+      eventBus.get("browse:router-push").next({ path: path2, reason: "entity-type-filter" });
     }
   }, [routes.know]);
   useEventSubscriptions({
-    "resource:archive": handleResourceArchive,
-    "resource:unarchive": handleResourceUnarchive,
-    "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,
+    "mark:archive": handleResourceArchive,
+    "mark:unarchive": handleResourceUnarchive,
+    "yield:clone": handleResourceClone,
+    "beckon:sparkle": handleAnnotationSparkle,
+    "mark:added": handleAnnotationAdded,
+    "mark:removed": debouncedInvalidateAnnotations,
+    "mark:create-failed": handleAnnotationCreateFailed,
+    "mark:delete-failed": handleAnnotationDeleteFailed,
+    "mark:body-updated": handleAnnotateBodyUpdated,
+    "bind:body-update-failed": handleAnnotateBodyUpdateFailed,
     "settings:theme-changed": handleSettingsThemeChanged,
     "settings:line-numbers-toggled": toggleLineNumbers,
-    "annotate:assist-finished": handleDetectionComplete,
-    "annotate:assist-failed": handleDetectionFailed,
-    "generate:finished": handleGenerationComplete,
-    "generate:failed": handleGenerationFailed,
-    "navigation:reference-navigate": handleReferenceNavigate,
-    "navigation:entity-type-clicked": handleEntityTypeClicked
+    "mark:assist-finished": handleDetectionComplete,
+    "mark:assist-failed": handleDetectionFailed,
+    "yield:finished": handleGenerationComplete,
+    "yield:failed": handleGenerationFailed,
+    "browse:reference-navigate": handleReferenceNavigate,
+    "browse:entity-type-clicked": handleEntityTypeClicked
   });
   const {
     announceResourceLoading,
@@ -57208,7 +57210,7 @@ function ResourceViewerPage({
   const resourceWithContent = { ...resource, content: content4 };
   const handleEventHover = useCallback36((annotationId) => {
     if (annotationId) {
-      eventBus.get("attend:sparkle").next({ annotationId });
+      eventBus.get("beckon:sparkle").next({ annotationId });
     }
   }, []);
   const handleEventClick = useCallback36((_annotationId) => {
@@ -57335,7 +57337,7 @@ function ResourceViewerPage({
               }
               const resourceIdSegment = rUri.split("/").pop() || "";
               const nestedUri = `${window.location.origin}/resources/${resourceIdSegment}/annotations/${annotationIdShort}`;
-              eventBus.get("resolve:update-body").next({
+              eventBus.get("bind:update-body").next({
                 annotationUri: resourceAnnotationUri3(nestedUri),
                 resourceId: resourceIdSegment,
                 operations: [{
@@ -57368,9 +57370,9 @@ function ResourceViewerPage({
           }
         },
         defaultTitle: generationDefaultTitle,
-        context: correlationContext,
-        contextLoading: correlationLoading,
-        contextError: correlationError
+        context: gatherContext,
+        contextLoading: gatherLoading,
+        contextError: gatherError
       }
     )
   ] });
@@ -57398,6 +57400,7 @@ export {
   BrowseView,
   Button,
   ButtonGroup,
+  COMMON_PANELS,
   CacheProvider,
   CodeMirrorRenderer,
   CollaborationPanel,
@@ -57431,6 +57434,7 @@ export {
   PopupHeader,
   ProposeEntitiesModal,
   QUERY_KEYS,
+  RESOURCE_PANELS,
   RecentDocumentsPage,
   ReferenceEntry,
   ReferenceResolutionWidget,
@@ -57513,15 +57517,15 @@ export {
   toOverlayAnnotations,
   tokens,
   useAdmin,
-  useAnnotationFlow,
   useAnnotationManager,
   useAnnotations,
   useApiClient,
-  useAttentionFlow,
   useAuthApi,
   useAuthToken,
+  useBeckonFlow,
+  useBindFlow,
   useCacheManager,
-  useContextCorrelationFlow,
+  useContextGatherFlow,
   useDebounce,
   useDebouncedCallback,
   useDocumentAnnouncements,
@@ -57532,7 +57536,6 @@ export {
   useEventSubscription,
   useEventSubscriptions,
   useFormAnnouncements,
-  useGenerationFlow,
   useHealth,
   useHoverDelay,
   useHoverEmitter,
@@ -57543,13 +57546,13 @@ export {
   useLiveRegion,
   useLoadingState,
   useLocalStorage,
+  useMarkFlow,
   useObservableExternalNavigation,
   useObservableRouter,
   useOpenResources,
-  usePanelNavigation,
+  usePanelBrowse,
   usePanelWidth,
   usePreloadTranslations,
-  useResolutionFlow,
   useResourceAnnotations,
   useResourceContent,
   useResourceEvents,
@@ -57561,6 +57564,7 @@ export {
   useSessionExpiry,
   useTheme,
   useToast,
-  useTranslations
+  useTranslations,
+  useYieldFlow
 };
 //# sourceMappingURL=index.mjs.map