@semiont/react-ui 0.5.17 → 0.5.18

package/dist/index.js

@@ -18441,6 +18441,40 @@ function usePendingCreation(session, resourceId2, enabled) {
   return { pending, clearPending };
 }
 
+// src/hooks/useKBDiscovery.ts
+import { useEffect as useEffect16, useMemo as useMemo3, useState as useState16 } from "react";
+import { httpDiscovery, subscribeDiscovery } from "@semiont/sdk";
+function useKBDiscovery(options) {
+  const enabled = options?.enabled ?? true;
+  const intervalMs = options?.intervalMs;
+  const externalTransport = options?.transport;
+  const transport = useMemo3(
+    () => externalTransport ?? httpDiscovery(),
+    [externalTransport]
+  );
+  const [visible, setVisible] = useState16(
+    () => typeof document === "undefined" || !document.hidden
+  );
+  const [state, setState] = useState16(null);
+  useEffect16(() => {
+    const onVisibilityChange = () => setVisible(!document.hidden);
+    document.addEventListener("visibilitychange", onVisibilityChange);
+    return () => document.removeEventListener("visibilitychange", onVisibilityChange);
+  }, []);
+  useEffect16(() => {
+    if (!enabled || !visible) return;
+    const subscription = subscribeDiscovery(
+      transport,
+      intervalMs !== void 0 ? { intervalMs } : void 0
+    ).subscribe((diff) => setState(diff.state));
+    return () => subscription.unsubscribe();
+  }, [enabled, visible, transport, intervalMs]);
+  return {
+    state,
+    kbs: state?.kind === "managed" ? state.kbs : []
+  };
+}
+
 // src/contexts/AnnotationContext.tsx
 import { createContext as createContext2, useContext as useContext2 } from "react";
 import { jsx as jsx2 } from "react/jsx-runtime";
@@ -18457,15 +18491,15 @@ function useAnnotationManager() {
 }
 
 // src/contexts/useEventSubscription.ts
-import { useEffect as useEffect16, useRef as useRef8, useMemo as useMemo3 } from "react";
+import { useEffect as useEffect17, useRef as useRef8, useMemo as useMemo4 } from "react";
 function useEventSubscription(eventName, handler) {
   const semiont = useSemiont();
   const session = useObservable(semiont.activeSession$);
   const handlerRef = useRef8(handler);
-  useEffect16(() => {
+  useEffect17(() => {
     handlerRef.current = handler;
   });
-  useEffect16(() => {
+  useEffect17(() => {
     const unsubs = [];
     unsubs.push(semiont.on(eventName, (payload) => handlerRef.current(payload)));
     if (session) {
@@ -18480,15 +18514,15 @@ function useEventSubscriptions(subscriptions) {
   const semiont = useSemiont();
   const session = useObservable(semiont.activeSession$);
   const handlersRef = useRef8(subscriptions);
-  useEffect16(() => {
+  useEffect17(() => {
     handlersRef.current = subscriptions;
   });
-  const eventNames = useMemo3(
+  const eventNames = useMemo4(
     () => Object.keys(subscriptions).sort(),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [Object.keys(subscriptions).sort().join(",")]
   );
-  useEffect16(() => {
+  useEffect17(() => {
     const unsubs = [];
     for (const eventName of eventNames) {
       const channel = eventName;
@@ -18508,10 +18542,10 @@ function useEventSubscriptions(subscriptions) {
 }
 
 // src/contexts/ResourceAnnotationsContext.tsx
-import { createContext as createContext4, useContext as useContext4, useState as useState17, useCallback as useCallback13, useMemo as useMemo4 } from "react";
+import { createContext as createContext4, useContext as useContext4, useState as useState18, useCallback as useCallback13, useMemo as useMemo5 } from "react";
 
 // src/components/LiveRegion.tsx
-import { useState as useState16, createContext as createContext3, useContext as useContext3, useCallback as useCallback12 } from "react";
+import { useState as useState17, createContext as createContext3, useContext as useContext3, useCallback as useCallback12 } from "react";
 import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 var LiveRegionContext = createContext3(null);
 function useLiveRegion() {
@@ -18523,8 +18557,8 @@ function useLiveRegion() {
   return context;
 }
 function LiveRegionProvider({ children }) {
-  const [politeMessage, setPoliteMessage] = useState16("");
-  const [assertiveMessage, setAssertiveMessage] = useState16("");
+  const [politeMessage, setPoliteMessage] = useState17("");
+  const [assertiveMessage, setAssertiveMessage] = useState17("");
   const announce = useCallback12((message, priority = "polite") => {
     if (priority === "assertive") {
       setAssertiveMessage(message);
@@ -18671,7 +18705,7 @@ function useLanguageChangeAnnouncements() {
 import { jsx as jsx4 } from "react/jsx-runtime";
 var ResourceAnnotationsContext = createContext4(void 0);
 function ResourceAnnotationsProvider({ children }) {
-  const [newAnnotationIds, setNewAnnotationIds] = useState17(/* @__PURE__ */ new Set());
+  const [newAnnotationIds, setNewAnnotationIds] = useState18(/* @__PURE__ */ new Set());
   const { announce } = useLiveRegion();
   const semiont = useObservable(useSemiont().activeSession$)?.client;
   const markAnnotation = useCallback13(async (rUri, motivation, selector, body = []) => {
@@ -18721,7 +18755,7 @@ function ResourceAnnotationsProvider({ children }) {
       });
     }, 6e3);
   }, []);
-  const contextValue = useMemo4(
+  const contextValue = useMemo5(
     () => ({
       newAnnotationIds,
       markAnnotation,
@@ -18741,7 +18775,7 @@ function useResourceAnnotations() {
 }
 
 // src/components/CodeMirrorRenderer.tsx
-import { useEffect as useEffect17, useRef as useRef9 } from "react";
+import { useEffect as useEffect18, useRef as useRef9 } from "react";
 
 // ../../node_modules/@codemirror/autocomplete/dist/index.js
 var CompletionContext = class {
@@ -26412,7 +26446,7 @@ function CodeMirrorRenderer({
   segmentsByIdRef.current = segmentsById;
   sessionRef.current = session;
   getTargetResourceNameRef.current = getTargetResourceName;
-  useEffect17(() => {
+  useEffect18(() => {
     if (!containerRef.current || viewRef.current) return;
     const annotationDecorationsField = createAnnotationDecorationsField();
     const state = EditorState.create({
@@ -26547,7 +26581,7 @@ function CodeMirrorRenderer({
       viewRef.current = null;
     };
   }, [hoverDelayMs]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (!viewRef.current) return;
     const currentContent = viewRef.current.state.doc.toString();
     if (content2 === currentContent) return;
@@ -26563,19 +26597,19 @@ function CodeMirrorRenderer({
     });
     contentRef.current = content2;
   }, [content2]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (!viewRef.current) return;
     viewRef.current.dispatch({
       effects: lineNumbersCompartment.current.reconfigure(showLineNumbers ? lineNumbers() : [])
     });
   }, [showLineNumbers]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (!viewRef.current) return;
     viewRef.current.dispatch({
       effects: updateAnnotationsEffect.of({ segments: convertedSegments, ...newAnnotationIds && { newAnnotationIds } })
     });
   }, [convertedSegments, newAnnotationIds]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (!viewRef.current || !enableWidgets) return;
     viewRef.current.dispatch({
       effects: updateWidgetsEffect.of({
@@ -26586,7 +26620,7 @@ function CodeMirrorRenderer({
       })
     });
   }, [content2, convertedSegments, enableWidgets, generatingReferenceId]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (!viewRef.current || !hoveredAnnotationId) return void 0;
     const view = viewRef.current;
     const element = view.contentDOM.querySelector(
@@ -26614,7 +26648,7 @@ function CodeMirrorRenderer({
       element.classList.remove("annotation-pulse");
     };
   }, [hoveredAnnotationId]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (!viewRef.current || !scrollToAnnotationId) return;
     scrollAnnotationIntoView(scrollToAnnotationId, viewRef.current.contentDOM);
   }, [scrollToAnnotationId]);
@@ -26853,7 +26887,7 @@ function ProtectedErrorFallback({ error, resetErrorBoundary }) {
 }
 
 // src/components/ResizeHandle.tsx
-import { useRef as useRef10, useCallback as useCallback14, useEffect as useEffect18, useState as useState18 } from "react";
+import { useRef as useRef10, useCallback as useCallback14, useEffect as useEffect19, useState as useState19 } from "react";
 import { jsx as jsx10 } from "react/jsx-runtime";
 function ResizeHandle({
   onResize,
@@ -26862,11 +26896,11 @@ function ResizeHandle({
   position = "left",
   ariaLabel = "Resize panel"
 }) {
-  const [isDragging, setIsDragging] = useState18(false);
+  const [isDragging, setIsDragging] = useState19(false);
   const startXRef = useRef10(0);
   const startWidthRef = useRef10(0);
   const onResizeRef = useRef10(onResize);
-  useEffect18(() => {
+  useEffect19(() => {
     onResizeRef.current = onResize;
   });
   const handleMouseDown = useCallback14((e6) => {
@@ -26917,7 +26951,7 @@ function ResizeHandle({
       onResizeRef.current(constrainedWidth);
     }
   }, [minWidth, maxWidth, position]);
-  useEffect18(() => {
+  useEffect19(() => {
     if (isDragging) {
       document.addEventListener("mousemove", handleMouseMove);
       document.addEventListener("mouseup", handleMouseUp);
@@ -26948,7 +26982,7 @@ function ResizeHandle({
 }
 
 // src/components/ResourceTagsInline.tsx
-import { useState as useState19 } from "react";
+import { useState as useState20 } from "react";
 import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
 function ResourceTagsInline({
   tags: tags3,
@@ -26957,8 +26991,8 @@ function ResourceTagsInline({
   disabled = false,
   vocabulary
 }) {
-  const [busy, setBusy] = useState19(false);
-  const [picking, setPicking] = useState19(false);
+  const [busy, setBusy] = useState20(false);
+  const [picking, setPicking] = useState20(false);
   if (!isEditing) {
     if (tags3.length === 0) {
       return null;
@@ -27143,7 +27177,7 @@ function Toolbar({
 }
 
 // src/components/settings/SettingsPanel.tsx
-import React5, { useEffect as useEffect19 } from "react";
+import React5, { useEffect as useEffect20 } from "react";
 import { LOCALES } from "@semiont/core";
 import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
 function SettingsPanel({
@@ -27162,7 +27196,7 @@ function SettingsPanel({
     announceLanguageChanging(localeName);
     semiont.emit("settings:locale-changed", { locale: newLocale });
   };
-  useEffect19(() => {
+  useEffect20(() => {
     if (locale !== previousLocale && !isPendingLocaleChange) {
       const localeName = LOCALES.find((l10) => l10.code === locale)?.nativeName || locale;
       announceLanguageChanged(localeName);
@@ -27281,7 +27315,7 @@ function SettingsPanel({
 }
 
 // src/components/annotation/AnnotateToolbar.tsx
-import React6, { useState as useState20, useRef as useRef11, useEffect as useEffect20 } from "react";
+import React6, { useState as useState21, useRef as useRef11, useEffect as useEffect21 } from "react";
 import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
 function DropdownGroup({
   label,
@@ -27358,14 +27392,14 @@ function AnnotateToolbar({
     const annotator = Object.values(annotators).find((a15) => a15.motivation === motivation);
     return annotator?.iconEmoji || "\u2753";
   };
-  const [modeHovered, setModeHovered] = useState20(false);
-  const [modePinned, setModePinned] = useState20(false);
-  const [clickHovered, setClickHovered] = useState20(false);
-  const [clickPinned, setClickPinned] = useState20(false);
-  const [selectionHovered, setSelectionHovered] = useState20(false);
-  const [selectionPinned, setSelectionPinned] = useState20(false);
-  const [shapeHovered, setShapeHovered] = useState20(false);
-  const [shapePinned, setShapePinned] = useState20(false);
+  const [modeHovered, setModeHovered] = useState21(false);
+  const [modePinned, setModePinned] = useState21(false);
+  const [clickHovered, setClickHovered] = useState21(false);
+  const [clickPinned, setClickPinned] = useState21(false);
+  const [selectionHovered, setSelectionHovered] = useState21(false);
+  const [selectionPinned, setSelectionPinned] = useState21(false);
+  const [shapeHovered, setShapeHovered] = useState21(false);
+  const [shapePinned, setShapePinned] = useState21(false);
   const modeRef = useRef11(null);
   const clickRef = useRef11(null);
   const selectionRef = useRef11(null);
@@ -27374,7 +27408,7 @@ function AnnotateToolbar({
   const clickExpanded = clickHovered || clickPinned;
   const selectionExpanded = selectionHovered || selectionPinned;
   const shapeExpanded = shapeHovered || shapePinned;
-  useEffect20(() => {
+  useEffect21(() => {
     const handleClickOutside = (event) => {
       if (modePinned && modeRef.current && !modeRef.current.contains(event.target)) {
         setModePinned(false);
@@ -27392,7 +27426,7 @@ function AnnotateToolbar({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [modePinned, clickPinned, selectionPinned, shapePinned]);
-  useEffect20(() => {
+  useEffect21(() => {
     const handleEscape = (event) => {
       if (event.key === "Escape") {
         setModePinned(false);
@@ -27572,7 +27606,7 @@ function AnnotateToolbar({
 }
 
 // src/components/annotation-popups/JsonLdView.tsx
-import { useEffect as useEffect21, useRef as useRef12 } from "react";
+import { useEffect as useEffect22, useRef as useRef12 } from "react";
 
 // ../../node_modules/@lezer/json/dist/index.js
 var jsonHighlighting = styleTags({
@@ -27780,10 +27814,10 @@ function JsonLdView({ annotation, onBack }) {
   const viewRef = useRef12(null);
   const { showLineNumbers } = useLineNumbers();
   const onBackRef = useRef12(onBack);
-  useEffect21(() => {
+  useEffect22(() => {
     onBackRef.current = onBack;
   });
-  useEffect21(() => {
+  useEffect22(() => {
     const handleKeyDown = (e6) => {
       if (e6.key === "Escape") {
         onBackRef.current();
@@ -27792,7 +27826,7 @@ function JsonLdView({ annotation, onBack }) {
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, []);
-  useEffect21(() => {
+  useEffect22(() => {
     if (!editorRef.current) return;
     const isDarkMode = document.documentElement.classList.contains("dark");
     const jsonContent = JSON.stringify(annotation, null, 2);
@@ -29448,7 +29482,7 @@ function PopupContainer({ children, position, onClose, isOpen, wide = false }) {
 }
 
 // src/components/image-annotation/AnnotationOverlay.tsx
-import { useMemo as useMemo5 } from "react";
+import { useMemo as useMemo6 } from "react";
 import { getSvgSelector, isHighlight as isHighlight4, isReference as isReference5, isAssessment as isAssessment3, isComment as isComment4, isTag as isTag4, isBodyResolved, isResolvedReference as isResolvedReference3 } from "@semiont/core";
 import { createHoverHandlers as createHoverHandlers2 } from "@semiont/sdk";
 import { parseSvgSelector } from "@semiont/core";
@@ -29496,7 +29530,7 @@ function AnnotationOverlay({
 }) {
   const scaleX = displayWidth / imageWidth;
   const scaleY = displayHeight / imageHeight;
-  const { handleMouseEnter, handleMouseLeave } = useMemo5(
+  const { handleMouseEnter, handleMouseLeave } = useMemo6(
     () => createHoverHandlers2((id2) => session?.client.beckon.hover(id2), hoverDelayMs),
     [session, hoverDelayMs]
   );
@@ -29665,7 +29699,7 @@ function AnnotationOverlay({
 }
 
 // src/components/image-annotation/SvgDrawingCanvas.tsx
-import { useRef as useRef13, useState as useState22, useEffect as useEffect23, useCallback as useCallback15 } from "react";
+import { useRef as useRef13, useState as useState23, useEffect as useEffect24, useCallback as useCallback15 } from "react";
 import { createRectangleSvg, createCircleSvg, createPolygonSvg, scaleSvgToNative, parseSvgSelector as parseSvgSelector2, resourceId as toResourceId3 } from "@semiont/core";
 import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
 function getMotivationColor(motivation) {
@@ -29702,12 +29736,12 @@ function SvgDrawingCanvas({
   const { hoverDelayMs } = useHoverDelay();
   const containerRef = useRef13(null);
   const imageRef = useRef13(null);
-  const [imageDimensions, setImageDimensions] = useState22(null);
-  const [displayDimensions, setDisplayDimensions] = useState22(null);
-  const [isDrawing, setIsDrawing] = useState22(false);
-  const [startPoint, setStartPoint] = useState22(null);
-  const [currentPoint, setCurrentPoint] = useState22(null);
-  useEffect23(() => {
+  const [imageDimensions, setImageDimensions] = useState23(null);
+  const [displayDimensions, setDisplayDimensions] = useState23(null);
+  const [isDrawing, setIsDrawing] = useState23(false);
+  const [startPoint, setStartPoint] = useState23(null);
+  const [currentPoint, setCurrentPoint] = useState23(null);
+  useEffect24(() => {
     const img = new Image();
     img.onload = () => {
       setImageDimensions({
@@ -29717,7 +29751,7 @@ function SvgDrawingCanvas({
     };
     img.src = imageUrl;
   }, [imageUrl]);
-  useEffect23(() => {
+  useEffect24(() => {
     const updateDisplayDimensions = () => {
       if (imageRef.current) {
         setDisplayDimensions({
@@ -30334,7 +30368,7 @@ function SessionExpiredModal() {
 }
 
 // src/components/resource/AnnotateView.tsx
-import { useRef as useRef14, useEffect as useEffect24, useCallback as useCallback16, lazy, Suspense } from "react";
+import { useRef as useRef14, useEffect as useEffect25, useCallback as useCallback16, lazy, Suspense } from "react";
 import { capabilitiesOf as capabilitiesOf3, resourceId as toResourceId4 } from "@semiont/core";
 
 // src/lib/text-segmentation.ts
@@ -30487,7 +30521,7 @@ function AnnotateView({
   useSessionEventSubscriptions(session, {
     "beckon:hover": handleAnnotationHover
   });
-  useEffect24(() => {
+  useEffect25(() => {
     const container = containerRef.current;
     if (!container) return;
     let clickedOnAnnotation = false;
@@ -30661,11 +30695,11 @@ function AnnotateView({
 }
 
 // src/components/resource/AnnotationHistory.tsx
-import { useEffect as useEffect26, useRef as useRef16 } from "react";
+import { useEffect as useEffect27, useRef as useRef16 } from "react";
 import { getAnnotationUriFromEvent as getAnnotationUriFromEvent2 } from "@semiont/core";
 
 // src/components/resource/HistoryEvent.tsx
-import { useRef as useRef15, useCallback as useCallback17, useEffect as useEffect25 } from "react";
+import { useRef as useRef15, useCallback as useCallback17, useEffect as useEffect26 } from "react";
 import { getAnnotationUriFromEvent } from "@semiont/core";
 
 // src/components/resource/event-formatting.ts
@@ -30921,7 +30955,7 @@ function HistoryEvent({
   const entityTypes = getEventEntityTypes(event);
   const hoverTimeoutRef = useRef15(null);
   const onEventHoverRef = useRef15(onEventHover);
-  useEffect25(() => {
+  useEffect26(() => {
     onEventHoverRef.current = onEventHover;
   });
   const handleEmojiMouseEnter = useCallback17(() => {
@@ -31027,7 +31061,7 @@ function AnnotationHistory({ rUri, hoveredAnnotationId, onEventHover, onEventCli
   const events2 = !eventsData ? [] : eventsData.filter((e6) => {
     return e6.type !== "job:started" && e6.type !== "job:progress" && e6.type !== "job:completed";
   }).sort((a15, b8) => a15.metadata.sequenceNumber - b8.metadata.sequenceNumber);
-  useEffect26(() => {
+  useEffect27(() => {
     if (containerRef.current && events2.length > 0) {
       requestAnimationFrame(() => {
         if (containerRef.current) {
@@ -31036,7 +31070,7 @@ function AnnotationHistory({ rUri, hoveredAnnotationId, onEventHover, onEventCli
       });
     }
   }, [events2.length]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (!hoveredAnnotationId) return;
     const eventElement = eventRefs.current.get(hoveredAnnotationId);
     if (eventElement && containerRef.current) {
@@ -31094,7 +31128,7 @@ function AnnotationHistory({ rUri, hoveredAnnotationId, onEventHover, onEventCli
 }
 
 // src/components/resource/BrowseView.tsx
-import { useEffect as useEffect27, useRef as useRef17, useCallback as useCallback18, useMemo as useMemo6, memo as memo2 } from "react";
+import { useEffect as useEffect28, useRef as useRef17, useCallback as useCallback18, useMemo as useMemo7, memo as memo2 } from "react";
 import { annotationId as toAnnotationId3, resourceId as toResourceId5 } from "@semiont/core";
 import { capabilitiesOf as capabilitiesOf4, getBodySource as getBodySource4, isResolvedReference as isResolvedReference4 } from "@semiont/core";
 import { createHoverHandlers as createHoverHandlers3 } from "@semiont/sdk";
@@ -31167,15 +31201,15 @@ var BrowseView = memo2(function BrowseView2({
   const inlineMod = inline ? " semiont-browse-view--inline" : "";
   const render = capabilitiesOf4(mimeType)?.render ?? "none";
   const { highlights, references, assessments, comments, tags: tags3 } = annotations;
-  const allAnnotations = useMemo6(
+  const allAnnotations = useMemo7(
     () => [...highlights, ...references, ...assessments, ...comments, ...tags3],
     [highlights, references, assessments, comments, tags3]
   );
-  const overlayAnnotations = useMemo6(
+  const overlayAnnotations = useMemo7(
     () => toOverlayAnnotations(allAnnotations),
     [allAnnotations]
   );
-  useEffect27(() => {
+  useEffect28(() => {
     if (!containerRef.current || overlayAnnotations.length === 0) return;
     const container = containerRef.current;
     const offsetMap = buildSourceToRenderedMap(content2, container);
@@ -31184,7 +31218,7 @@ var BrowseView = memo2(function BrowseView2({
     applyHighlights(ranges);
     return () => clearHighlights(container);
   }, [content2, overlayAnnotations]);
-  useEffect27(() => {
+  useEffect28(() => {
     if (!containerRef.current) return;
     if (!session) return;
     const container = containerRef.current;
@@ -31337,7 +31371,7 @@ var BrowseView = memo2(function BrowseView2({
 });
 
 // src/components/resource/ResourceViewer.tsx
-import { useState as useState23, useCallback as useCallback19, useRef as useRef18, useMemo as useMemo7 } from "react";
+import { useState as useState24, useCallback as useCallback19, useRef as useRef18, useMemo as useMemo8 } from "react";
 import { getExactText as getExactText3, getTargetSelector as getTargetSelector4, isHighlight as isHighlight5, isAssessment as isAssessment4, isReference as isReference6, isComment as isComment5, isTag as isTag5, getBodySource as getBodySource5 } from "@semiont/core";
 import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
 function ResourceViewer({
@@ -31379,7 +31413,7 @@ function ResourceViewer({
     return "text/plain";
   };
   const mimeType = getMimeType();
-  const [internalAnnotateMode, setInternalAnnotateMode] = useState23(false);
+  const [internalAnnotateMode, setInternalAnnotateMode] = useState24(false);
   const annotateMode = annotateModeProp ?? internalAnnotateMode;
   const changeAnnotateMode = useCallback19((mode) => {
     if (annotateModeProp === void 0) setInternalAnnotateMode(mode);
@@ -31396,30 +31430,30 @@ function ResourceViewer({
   const handleAnnotateBodyUpdated = useCallback19(() => {
     semiont?.browse.invalidateAnnotationList(rUri);
   }, [semiont, rUri]);
-  const [internalSelectionMotivation, setInternalSelectionMotivation] = useState23("linking");
+  const [internalSelectionMotivation, setInternalSelectionMotivation] = useState24("linking");
   const selectedMotivation = selectionMotivationProp !== void 0 ? selectionMotivationProp : internalSelectionMotivation;
   const changeSelectionMotivation = useCallback19((motivation) => {
     if (selectionMotivationProp === void 0) setInternalSelectionMotivation(motivation);
     onSelectionMotivationChange?.(motivation);
   }, [selectionMotivationProp, onSelectionMotivationChange]);
-  const [internalClickAction, setInternalClickAction] = useState23("detail");
+  const [internalClickAction, setInternalClickAction] = useState24("detail");
   const selectedClick = clickActionProp ?? internalClickAction;
   const changeClickAction = useCallback19((action) => {
     if (clickActionProp === void 0) setInternalClickAction(action);
     onClickActionChange?.(action);
   }, [clickActionProp, onClickActionChange]);
-  const [internalShape, setInternalShape] = useState23("rectangle");
+  const [internalShape, setInternalShape] = useState24("rectangle");
   const selectedShape = shapeProp ?? internalShape;
   const changeShape = useCallback19((shape) => {
     if (shapeProp === void 0) setInternalShape(shape);
     onShapeChange?.(shape);
   }, [shapeProp, onShapeChange]);
-  const [showJsonLdView, setShowJsonLdView] = useState23(false);
-  const [jsonLdAnnotation, setJsonLdAnnotation] = useState23(null);
-  const [deleteConfirmation, setDeleteConfirmation] = useState23(null);
+  const [showJsonLdView, setShowJsonLdView] = useState24(false);
+  const [jsonLdAnnotation, setJsonLdAnnotation] = useState24(null);
+  const [deleteConfirmation, setDeleteConfirmation] = useState24(null);
   const hoveredAnnotationId = hoveredAnnotationIdProp ?? null;
-  const [scrollToAnnotationId, setScrollToAnnotationId] = useState23(null);
-  const [_focusedAnnotationId, setFocusedAnnotationId] = useState23(null);
+  const [scrollToAnnotationId, setScrollToAnnotationId] = useState24(null);
+  const [_focusedAnnotationId, setFocusedAnnotationId] = useState24(null);
   const focusAnnotation = useCallback19((annotationId2) => {
     setFocusedAnnotationId(annotationId2);
     setScrollToAnnotationId(annotationId2);
@@ -31496,7 +31530,7 @@ function ResourceViewer({
     // Annotation clicks
     "browse:click": handleAnnotationClickEvent
   });
-  const annotationsCollection = useMemo7(
+  const annotationsCollection = useMemo8(
     () => ({ highlights, references, assessments, comments, tags: tags3 }),
     [highlights, references, assessments, comments, tags3]
   );
@@ -31716,11 +31750,11 @@ function AssessmentEntry({
 }
 
 // src/components/resource/panels/AssessmentPanel.tsx
-import { useState as useState25, useEffect as useEffect29, useRef as useRef19, useCallback as useCallback21, useMemo as useMemo8 } from "react";
+import { useState as useState26, useEffect as useEffect30, useRef as useRef19, useCallback as useCallback21, useMemo as useMemo9 } from "react";
 import { getTextPositionSelector as getTextPositionSelector3, getTargetSelector as getTargetSelector5 } from "@semiont/core";
 
 // src/components/resource/panels/AssistSection.tsx
-import { useState as useState24, useEffect as useEffect28, useCallback as useCallback20 } from "react";
+import { useState as useState25, useEffect as useEffect29, useCallback as useCallback20 } from "react";
 import { Fragment as Fragment4, jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
 function AssistSection({
   session,
@@ -31732,17 +31766,17 @@ function AssistSection({
 }) {
   const panelName = annotationType === "highlight" ? "HighlightPanel" : annotationType === "assessment" ? "AssessmentPanel" : "CommentsPanel";
   const t12 = useTranslations(panelName);
-  const [instructions, setInstructions] = useState24("");
-  const [tone, setTone] = useState24("");
+  const [instructions, setInstructions] = useState25("");
+  const [tone, setTone] = useState25("");
   const defaultDensity = annotationType === "comment" ? 5 : annotationType === "assessment" ? 4 : annotationType === "highlight" ? 5 : 5;
-  const [density, setDensity] = useState24(defaultDensity);
-  const [useDensity, setUseDensity] = useState24(true);
-  const [isExpanded, setIsExpanded] = useState24(() => {
+  const [density, setDensity] = useState25(defaultDensity);
+  const [useDensity, setUseDensity] = useState25(true);
+  const [isExpanded, setIsExpanded] = useState25(() => {
     if (typeof window === "undefined") return true;
     const stored = localStorage.getItem(`assist-section-expanded-${annotationType}`);
     return stored ? stored === "true" : true;
   });
-  useEffect28(() => {
+  useEffect29(() => {
     if (typeof window === "undefined") return;
     localStorage.setItem(`assist-section-expanded-${annotationType}`, String(isExpanded));
   }, [isExpanded, annotationType]);
@@ -31970,11 +32004,11 @@ function AssessmentPanel({
   hoveredAnnotationId
 }) {
   const t12 = useTranslations("AssessmentPanel");
-  const [newAssessmentText, setNewAssessmentText] = useState25("");
-  const [focusedAnnotationId, setFocusedAnnotationId] = useState25(null);
+  const [newAssessmentText, setNewAssessmentText] = useState26("");
+  const [focusedAnnotationId, setFocusedAnnotationId] = useState26(null);
   const containerRef = useRef19(null);
   const entryRefs = useRef19(/* @__PURE__ */ new Map());
-  const sortedAnnotations = useMemo8(() => {
+  const sortedAnnotations = useMemo9(() => {
     return [...annotations].sort((a15, b8) => {
       const aSelector = getTextPositionSelector3(getTargetSelector5(a15.target));
       const bSelector = getTextPositionSelector3(getTargetSelector5(b8.target));
@@ -31989,7 +32023,7 @@ function AssessmentPanel({
       entryRefs.current.delete(id2);
     }
   }, []);
-  useEffect29(() => {
+  useEffect30(() => {
     if (!scrollToAnnotationId) return;
     const element = entryRefs.current.get(scrollToAnnotationId);
     if (element && containerRef.current) {
@@ -32004,7 +32038,7 @@ function AssessmentPanel({
       if (onScrollCompleted) onScrollCompleted();
     }
   }, [scrollToAnnotationId]);
-  useEffect29(() => {
+  useEffect30(() => {
     if (!hoveredAnnotationId) return;
     const element = entryRefs.current.get(hoveredAnnotationId);
     if (!element || !containerRef.current) return;
@@ -32033,7 +32067,7 @@ function AssessmentPanel({
       setNewAssessmentText("");
     }
   };
-  useEffect29(() => {
+  useEffect30(() => {
     if (!pendingAnnotation) return;
     const handleEscape = (e6) => {
       if (e6.key === "Escape") {
@@ -32212,7 +32246,7 @@ function CollaborationPanel({
 }
 
 // src/components/resource/panels/CommentEntry.tsx
-import { useState as useState26, useEffect as useEffect30, useRef as useRef20, useImperativeHandle } from "react";
+import { useState as useState27, useEffect as useEffect31, useRef as useRef20, useImperativeHandle } from "react";
 import { getAnnotationExactText as getAnnotationExactText2, getCommentText } from "@semiont/core";
 import { jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
 function formatRelativeTime3(isoString) {
@@ -32239,13 +32273,13 @@ function CommentEntry({
 }) {
   const t12 = useTranslations("CommentsPanel");
   const hoverProps = useHoverEmitter(session, comment2.id);
-  const [isEditing, setIsEditing] = useState26(false);
-  const [editText, setEditText] = useState26("");
+  const [isEditing, setIsEditing] = useState27(false);
+  const [editText, setEditText] = useState27("");
   const internalRef = useRef20(null);
   useImperativeHandle(ref, () => internalRef.current);
   const commentText = getCommentText(comment2) || "";
   const selectedText = getAnnotationExactText2(comment2);
-  useEffect30(() => {
+  useEffect31(() => {
     if (isFocused && internalRef.current) {
       internalRef.current.scrollIntoView({
         behavior: "smooth",
@@ -32347,7 +32381,7 @@ function CommentEntry({
 }
 
 // src/components/resource/panels/CommentsPanel.tsx
-import { useState as useState27, useEffect as useEffect31, useRef as useRef21, useCallback as useCallback22, useMemo as useMemo9 } from "react";
+import { useState as useState28, useEffect as useEffect32, useRef as useRef21, useCallback as useCallback22, useMemo as useMemo10 } from "react";
 import { getTextPositionSelector as getTextPositionSelector4, getTargetSelector as getTargetSelector6 } from "@semiont/core";
 import { jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
 function getSelectorDisplayText2(selector) {
@@ -32378,11 +32412,11 @@ function CommentsPanel({
   hoveredAnnotationId
 }) {
   const t12 = useTranslations("CommentsPanel");
-  const [newCommentText, setNewCommentText] = useState27("");
-  const [focusedAnnotationId, setFocusedAnnotationId] = useState27(null);
+  const [newCommentText, setNewCommentText] = useState28("");
+  const [focusedAnnotationId, setFocusedAnnotationId] = useState28(null);
   const containerRef = useRef21(null);
   const entryRefs = useRef21(/* @__PURE__ */ new Map());
-  const sortedAnnotations = useMemo9(() => {
+  const sortedAnnotations = useMemo10(() => {
     return [...annotations].sort((a15, b8) => {
       const aSelector = getTextPositionSelector4(getTargetSelector6(a15.target));
       const bSelector = getTextPositionSelector4(getTargetSelector6(b8.target));
@@ -32397,7 +32431,7 @@ function CommentsPanel({
       entryRefs.current.delete(id2);
     }
   }, []);
-  useEffect31(() => {
+  useEffect32(() => {
     if (!scrollToAnnotationId) return;
     const element = entryRefs.current.get(scrollToAnnotationId);
     if (element && containerRef.current) {
@@ -32414,7 +32448,7 @@ function CommentsPanel({
       }
     }
   }, [scrollToAnnotationId]);
-  useEffect31(() => {
+  useEffect32(() => {
     if (!hoveredAnnotationId) return;
     const element = entryRefs.current.get(hoveredAnnotationId);
     if (!element || !containerRef.current) return;
@@ -32448,7 +32482,7 @@ function CommentsPanel({
       setNewCommentText("");
     }
   };
-  useEffect31(() => {
+  useEffect32(() => {
     if (!pendingAnnotation) return;
     const handleEscape = (e6) => {
       if (e6.key === "Escape") {
@@ -32600,7 +32634,7 @@ function HighlightEntry({
 }
 
 // src/components/resource/panels/HighlightPanel.tsx
-import { useEffect as useEffect32, useState as useState28, useRef as useRef22, useCallback as useCallback23, useMemo as useMemo10 } from "react";
+import { useEffect as useEffect33, useState as useState29, useRef as useRef22, useCallback as useCallback23, useMemo as useMemo11 } from "react";
 import { getTextPositionSelector as getTextPositionSelector5, getTargetSelector as getTargetSelector7 } from "@semiont/core";
 import { jsx as jsx35, jsxs as jsxs29 } from "react/jsx-runtime";
 function HighlightPanel({
@@ -32617,10 +32651,10 @@ function HighlightPanel({
   sourceLanguage
 }) {
   const t12 = useTranslations("HighlightPanel");
-  const [focusedAnnotationId, setFocusedAnnotationId] = useState28(null);
+  const [focusedAnnotationId, setFocusedAnnotationId] = useState29(null);
   const containerRef = useRef22(null);
   const entryRefs = useRef22(/* @__PURE__ */ new Map());
-  const sortedAnnotations = useMemo10(() => {
+  const sortedAnnotations = useMemo11(() => {
     return [...annotations].sort((a15, b8) => {
       const aSelector = getTextPositionSelector5(getTargetSelector7(a15.target));
       const bSelector = getTextPositionSelector5(getTargetSelector7(b8.target));
@@ -32635,7 +32669,7 @@ function HighlightPanel({
       entryRefs.current.delete(id2);
     }
   }, []);
-  useEffect32(() => {
+  useEffect33(() => {
     if (!scrollToAnnotationId) return;
     const element = entryRefs.current.get(scrollToAnnotationId);
     if (element && containerRef.current) {
@@ -32650,7 +32684,7 @@ function HighlightPanel({
       if (onScrollCompleted) onScrollCompleted();
     }
   }, [scrollToAnnotationId]);
-  useEffect32(() => {
+  useEffect33(() => {
     if (!hoveredAnnotationId) return;
     const element = entryRefs.current.get(hoveredAnnotationId);
     if (!element || !containerRef.current) return;
@@ -32673,7 +32707,7 @@ function HighlightPanel({
   useSessionEventSubscriptions(session, {
     "browse:click": handleAnnotationClick2
   });
-  useEffect32(() => {
+  useEffect33(() => {
     if (pendingAnnotation && pendingAnnotation.motivation === "highlighting") {
       session?.client.mark.submit({
         source: resourceId2,
@@ -32711,16 +32745,16 @@ function HighlightPanel({
 }
 
 // src/components/resource/panels/JsonLdPanel.tsx
-import { useEffect as useEffect34, useRef as useRef23 } from "react";
+import { useEffect as useEffect35, useRef as useRef23 } from "react";
 
 // src/hooks/useResourceGraph.ts
-import { useEffect as useEffect33, useState as useState29 } from "react";
+import { useEffect as useEffect34, useState as useState30 } from "react";
 function useResourceGraph(id2) {
   const semiont = useObservable(useSemiont().activeSession$)?.client;
-  const [graph, setGraph] = useState29(null);
-  const [loading, setLoading] = useState29(true);
-  const [error, setError] = useState29(null);
-  useEffect33(() => {
+  const [graph, setGraph] = useState30(null);
+  const [loading, setLoading] = useState30(true);
+  const [error, setError] = useState30(null);
+  useEffect34(() => {
     if (!semiont || !id2) {
       setLoading(false);
       return;
@@ -32752,7 +32786,7 @@ function JsonLdPanel({ resourceId: resourceId2 }) {
   const { showLineNumbers } = useLineNumbers();
   const { graph, loading, error } = useResourceGraph(resourceId2);
   const documentText = graph ? JSON.stringify(graph, null, 2) : "";
-  useEffect34(() => {
+  useEffect35(() => {
     if (!editorRef.current || !documentText) return;
     const isDarkMode = document.documentElement?.classList.contains("dark") ?? false;
     const extensions = [
@@ -32998,7 +33032,7 @@ function ReferenceEntry({
 }
 
 // src/components/resource/panels/ReferencesPanel.tsx
-import { useState as useState30, useRef as useRef24, useEffect as useEffect35, useCallback as useCallback24, useMemo as useMemo11 } from "react";
+import { useState as useState31, useRef as useRef24, useEffect as useEffect36, useCallback as useCallback24, useMemo as useMemo12 } from "react";
 import { getTextPositionSelector as getTextPositionSelector6, getTargetSelector as getTargetSelector9 } from "@semiont/core";
 import { Fragment as Fragment5, jsx as jsx38, jsxs as jsxs32 } from "react/jsx-runtime";
 function getSelectorDisplayText3(selector) {
@@ -33036,23 +33070,23 @@ function ReferencesPanel({
   sourceLanguage
 }) {
   const t12 = useTranslations("ReferencesPanel");
-  const [selectedEntityTypes, setSelectedEntityTypes] = useState30([]);
-  const [lastAnnotationLog, setLastDetectionLog] = useState30(null);
-  const [pendingEntityTypes, setPendingEntityTypes] = useState30([]);
-  const [includeDescriptiveReferences, setIncludeDescriptiveReferences] = useState30(false);
-  const [focusedAnnotationId, setFocusedAnnotationId] = useState30(null);
+  const [selectedEntityTypes, setSelectedEntityTypes] = useState31([]);
+  const [lastAnnotationLog, setLastDetectionLog] = useState31(null);
+  const [pendingEntityTypes, setPendingEntityTypes] = useState31([]);
+  const [includeDescriptiveReferences, setIncludeDescriptiveReferences] = useState31(false);
+  const [focusedAnnotationId, setFocusedAnnotationId] = useState31(null);
   const containerRef = useRef24(null);
-  const [isAssistExpanded, setIsDetectExpanded] = useState30(() => {
+  const [isAssistExpanded, setIsDetectExpanded] = useState31(() => {
     if (typeof window === "undefined") return true;
     const stored = localStorage.getItem("assist-section-expanded-reference");
     return stored ? stored === "true" : true;
   });
-  useEffect35(() => {
+  useEffect36(() => {
     if (typeof window === "undefined") return;
     localStorage.setItem("assist-section-expanded-reference", String(isAssistExpanded));
   }, [isAssistExpanded]);
   const entryRefs = useRef24(/* @__PURE__ */ new Map());
-  const sortedAnnotations = useMemo11(() => {
+  const sortedAnnotations = useMemo12(() => {
     return [...annotations].sort((a15, b8) => {
       const aSelector = getTextPositionSelector6(getTargetSelector9(a15.target));
       const bSelector = getTextPositionSelector6(getTargetSelector9(b8.target));
@@ -33067,7 +33101,7 @@ function ReferencesPanel({
       entryRefs.current.delete(id2);
     }
   }, []);
-  useEffect35(() => {
+  useEffect36(() => {
     if (!scrollToAnnotationId) return;
     const element = entryRefs.current.get(scrollToAnnotationId);
     if (element && containerRef.current) {
@@ -33086,7 +33120,7 @@ function ReferencesPanel({
       console.warn("[ReferencesPanel] Element not found for scrollToAnnotationId:", scrollToAnnotationId);
     }
   }, [scrollToAnnotationId]);
-  useEffect35(() => {
+  useEffect36(() => {
     if (!hoveredAnnotationId) return;
     const element = entryRefs.current.get(hoveredAnnotationId);
     if (!element || !containerRef.current) return;
@@ -33121,7 +33155,7 @@ function ReferencesPanel({
     });
   };
   const hasSavedLogRef = useRef24(false);
-  useEffect35(() => {
+  useEffect36(() => {
     if (isAssisting) {
       hasSavedLogRef.current = false;
       return;
@@ -33149,7 +33183,7 @@ function ReferencesPanel({
       setPendingEntityTypes([]);
     }
   };
-  useEffect35(() => {
+  useEffect36(() => {
     if (!pendingAnnotation) return;
     const handleEscape = (e6) => {
       if (e6.key === "Escape") {
@@ -33589,7 +33623,7 @@ function StatisticsPanel({
 }
 
 // src/components/resource/panels/TagEntry.tsx
-import { useMemo as useMemo12 } from "react";
+import { useMemo as useMemo13 } from "react";
 import { getAnnotationExactText as getAnnotationExactText5 } from "@semiont/core";
 import { jsx as jsx41, jsxs as jsxs35 } from "react/jsx-runtime";
 function TagEntry({
@@ -33603,7 +33637,7 @@ function TagEntry({
   const selectedText = getAnnotationExactText5(tag);
   const category = getTagCategory(tag);
   const schemaId = getTagSchemaId(tag);
-  const tagSchemas$ = useMemo12(
+  const tagSchemas$ = useMemo13(
     () => session?.client.browse.tagSchemas() ?? null,
     [session]
   );
@@ -33641,7 +33675,7 @@ function TagEntry({
 }
 
 // src/components/resource/panels/TaggingPanel.tsx
-import { useState as useState31, useEffect as useEffect36, useRef as useRef25, useCallback as useCallback25, useMemo as useMemo13 } from "react";
+import { useState as useState32, useEffect as useEffect37, useRef as useRef25, useCallback as useCallback25, useMemo as useMemo14 } from "react";
 import { getTextPositionSelector as getTextPositionSelector7, getTargetSelector as getTargetSelector10 } from "@semiont/core";
 import { Fragment as Fragment7, jsx as jsx42, jsxs as jsxs36 } from "react/jsx-runtime";
 function getSelectorDisplayText4(selector) {
@@ -33672,28 +33706,28 @@ function TaggingPanel({
   sourceLanguage
 }) {
   const t12 = useTranslations("TaggingPanel");
-  const tagSchemas$ = useMemo13(
+  const tagSchemas$ = useMemo14(
     () => session?.client.browse.tagSchemas() ?? null,
     [session]
   );
   const schemasObserved = useObservable(tagSchemas$);
   const schemas = schemasObserved ?? [];
   const noSchemasRegistered = schemasObserved !== void 0 && schemasObserved.length === 0;
-  const [selectedSchemaId, setSelectedSchemaId] = useState31("");
-  const [selectedCategories, setSelectedCategories] = useState31(/* @__PURE__ */ new Set());
-  useEffect36(() => {
+  const [selectedSchemaId, setSelectedSchemaId] = useState32("");
+  const [selectedCategories, setSelectedCategories] = useState32(/* @__PURE__ */ new Set());
+  useEffect37(() => {
     if (!selectedSchemaId && schemas.length > 0) {
       setSelectedSchemaId(schemas[0].id);
     }
   }, [schemas, selectedSchemaId]);
-  const [focusedAnnotationId, setFocusedAnnotationId] = useState31(null);
+  const [focusedAnnotationId, setFocusedAnnotationId] = useState32(null);
   const containerRef = useRef25(null);
-  const [isAssistExpanded, setIsDetectExpanded] = useState31(() => {
+  const [isAssistExpanded, setIsDetectExpanded] = useState32(() => {
     if (typeof window === "undefined") return true;
     const stored = localStorage.getItem("assist-section-expanded-tag");
     return stored ? stored === "true" : true;
   });
-  useEffect36(() => {
+  useEffect37(() => {
     if (typeof window === "undefined") return;
     localStorage.setItem("assist-section-expanded-tag", String(isAssistExpanded));
   }, [isAssistExpanded]);
@@ -33705,7 +33739,7 @@ function TaggingPanel({
     "browse:click": handleAnnotationClick2
   });
   const entryRefs = useRef25(/* @__PURE__ */ new Map());
-  const sortedAnnotations = useMemo13(() => {
+  const sortedAnnotations = useMemo14(() => {
     return [...annotations].sort((a15, b8) => {
       const aSelector = getTextPositionSelector7(getTargetSelector10(a15.target));
       const bSelector = getTextPositionSelector7(getTargetSelector10(b8.target));
@@ -33720,7 +33754,7 @@ function TaggingPanel({
       entryRefs.current.delete(id2);
     }
   }, []);
-  useEffect36(() => {
+  useEffect37(() => {
     if (!scrollToAnnotationId) return;
     const element = entryRefs.current.get(scrollToAnnotationId);
     if (element && containerRef.current) {
@@ -33735,7 +33769,7 @@ function TaggingPanel({
       if (onScrollCompleted) onScrollCompleted();
     }
   }, [scrollToAnnotationId]);
-  useEffect36(() => {
+  useEffect37(() => {
     if (!hoveredAnnotationId) return;
     const element = entryRefs.current.get(hoveredAnnotationId);
     if (!element || !containerRef.current) return;
@@ -33786,7 +33820,7 @@ function TaggingPanel({
       setSelectedCategories(/* @__PURE__ */ new Set());
     }
   };
-  useEffect36(() => {
+  useEffect37(() => {
     if (!pendingAnnotation) return;
     const handleEscape = (e6) => {
       if (e6.key === "Escape") {
@@ -34017,7 +34051,7 @@ function TaggingPanel({
 }
 
 // src/components/resource/panels/UnifiedAnnotationsPanel.tsx
-import { useState as useState32, useEffect as useEffect37 } from "react";
+import { useState as useState33, useEffect as useEffect38 } from "react";
 import { jsx as jsx43, jsxs as jsxs37 } from "react/jsx-runtime";
 var TAB_ORDER = ["statistics", "reference", "highlight", "assessment", "comment", "tag"];
 function UnifiedAnnotationsPanel(props) {
@@ -34039,7 +34073,7 @@ function UnifiedAnnotationsPanel(props) {
     }
   }
   const grouped = groups;
-  const [activeTab, setActiveTab] = useState32(() => {
+  const [activeTab, setActiveTab] = useState33(() => {
     if (typeof window === "undefined") return props.initialTab || "statistics";
     const storageKey = props.resourceId ? `annotations-tab-${props.resourceId}` : "annotations-tab-global";
     const stored = localStorage.getItem(storageKey);
@@ -34048,17 +34082,17 @@ function UnifiedAnnotationsPanel(props) {
     }
     return props.initialTab || "statistics";
   });
-  useEffect37(() => {
+  useEffect38(() => {
     if (typeof window === "undefined") return;
     const storageKey = props.resourceId ? `annotations-tab-${props.resourceId}` : "annotations-tab-global";
     localStorage.setItem(storageKey, activeTab);
   }, [activeTab, props.resourceId]);
-  useEffect37(() => {
+  useEffect38(() => {
     if (props.initialTab && props.initialTabGeneration !== void 0) {
       setActiveTab(props.initialTab);
     }
   }, [props.initialTabGeneration]);
-  useEffect37(() => {
+  useEffect38(() => {
     if (props.pendingAnnotation) {
       const motivationToTab = {
         "linking": "reference",
@@ -34220,7 +34254,7 @@ function ImageViewer({ imageUrl, alt = "Resource image" }) {
 }
 
 // src/components/navigation/Footer.tsx
-import { useState as useState33 } from "react";
+import { useState as useState34 } from "react";
 import { Fragment as Fragment8, jsx as jsx45, jsxs as jsxs38 } from "react/jsx-runtime";
 function Footer({
   Link,
@@ -34231,7 +34265,7 @@ function Footer({
   sourceCodeUrl = "https://github.com/The-AI-Alliance/semiont",
   showPolicyLinks = true
 }) {
-  const [showCookiePreferences, setShowCookiePreferences] = useState33(false);
+  const [showCookiePreferences, setShowCookiePreferences] = useState34(false);
   return /* @__PURE__ */ jsxs38(Fragment8, { children: [
     /* @__PURE__ */ jsx45("footer", { role: "contentinfo", className: "semiont-footer", children: /* @__PURE__ */ jsx45("div", { className: "semiont-footer__container", children: /* @__PURE__ */ jsxs38("div", { className: "semiont-footer__content", children: [
       /* @__PURE__ */ jsx45("div", { className: "semiont-footer__copyright", children: t12("copyright", { year: (/* @__PURE__ */ new Date()).getFullYear() }) }),
@@ -34361,7 +34395,7 @@ function NavigationMenu({
 }
 
 // src/components/navigation/ObservableLink.tsx
-import { useCallback as useCallback26, useRef as useRef26, useEffect as useEffect38 } from "react";
+import { useCallback as useCallback26, useRef as useRef26, useEffect as useEffect39 } from "react";
 import { jsx as jsx47 } from "react/jsx-runtime";
 function ObservableLink({
   href,
@@ -34372,7 +34406,7 @@ function ObservableLink({
 }) {
   const semiont = useSemiont();
   const onClickRef = useRef26(onClick);
-  useEffect38(() => {
+  useEffect39(() => {
     onClickRef.current = onClick;
   });
   const handleClick = useCallback26((e6) => {
@@ -34394,7 +34428,7 @@ function ObservableLink({
 }
 
 // src/components/navigation/SimpleNavigation.tsx
-import { useState as useState34, useRef as useRef27, useEffect as useEffect39 } from "react";
+import { useState as useState35, useRef as useRef27, useEffect as useEffect40 } from "react";
 import { jsx as jsx48, jsxs as jsxs40 } from "react/jsx-runtime";
 function SimpleNavigation({
   title,
@@ -34409,12 +34443,12 @@ function SimpleNavigation({
 }) {
   const ChevronLeftIcon = icons.chevronLeft;
   const BarsIcon = icons.bars;
-  const [isDropdownOpen, setIsDropdownOpen] = useState34(false);
+  const [isDropdownOpen, setIsDropdownOpen] = useState35(false);
   const dropdownRef = useRef27(null);
   const semiont = useSemiont();
   const toggleDropdown = () => setIsDropdownOpen(!isDropdownOpen);
   const closeDropdown = () => setIsDropdownOpen(false);
-  useEffect39(() => {
+  useEffect40(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         closeDropdown();
@@ -34490,19 +34524,19 @@ function SimpleNavigation({
 }
 
 // src/components/navigation/CollapsibleResourceNavigation.tsx
-import { useCallback as useCallback32, useState as useState38, useRef as useRef32, useEffect as useEffect44 } from "react";
+import { useCallback as useCallback32, useState as useState39, useRef as useRef32, useEffect as useEffect45 } from "react";
 
 // ../../node_modules/@dnd-kit/core/dist/core.esm.js
-import React18, { createContext as createContext5, useContext as useContext5, useEffect as useEffect41, useState as useState36, useCallback as useCallback29, useMemo as useMemo15, useRef as useRef29, memo as memo3, useReducer, cloneElement, forwardRef } from "react";
+import React18, { createContext as createContext5, useContext as useContext5, useEffect as useEffect42, useState as useState37, useCallback as useCallback29, useMemo as useMemo16, useRef as useRef29, memo as memo3, useReducer, cloneElement, forwardRef } from "react";
 import { createPortal, unstable_batchedUpdates } from "react-dom";
 
 // ../../node_modules/@dnd-kit/utilities/dist/utilities.esm.js
-import { useMemo as useMemo14, useLayoutEffect, useEffect as useEffect40, useRef as useRef28, useCallback as useCallback27 } from "react";
+import { useMemo as useMemo15, useLayoutEffect, useEffect as useEffect41, useRef as useRef28, useCallback as useCallback27 } from "react";
 function useCombinedRefs() {
   for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
     refs[_key] = arguments[_key];
   }
-  return useMemo14(
+  return useMemo15(
     () => (node) => {
       refs.forEach((ref) => ref(node));
     },
@@ -34565,7 +34599,7 @@ function getOwnerDocument(target) {
   }
   return document;
 }
-var useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect40;
+var useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect41;
 function useEvent(handler) {
   const handlerRef = useRef28(handler);
   useIsomorphicLayoutEffect(() => {
@@ -34605,7 +34639,7 @@ function useLatestValue(value, dependencies) {
 }
 function useLazyMemo(callback, dependencies) {
   const valueRef = useRef28();
-  return useMemo14(
+  return useMemo15(
     () => {
       const newValue = callback(valueRef.current);
       valueRef.current = newValue;
@@ -34632,14 +34666,14 @@ function useNodeRef(onChange) {
 }
 function usePrevious(value) {
   const ref = useRef28();
-  useEffect40(() => {
+  useEffect41(() => {
     ref.current = value;
   }, [value]);
   return ref.current;
 }
 var ids = {};
 function useUniqueId(prefix, value) {
-  return useMemo14(() => {
+  return useMemo15(() => {
     if (value) {
       return value;
     }
@@ -34773,7 +34807,7 @@ function findFirstFocusableNode(element) {
 }
 
 // ../../node_modules/@dnd-kit/accessibility/dist/accessibility.esm.js
-import React17, { useState as useState35, useCallback as useCallback28 } from "react";
+import React17, { useState as useState36, useCallback as useCallback28 } from "react";
 var hiddenStyles = {
   display: "none"
 };
@@ -34816,7 +34850,7 @@ function LiveRegion(_ref) {
   }, announcement);
 }
 function useAnnouncement() {
-  const [announcement, setAnnouncement] = useState35("");
+  const [announcement, setAnnouncement] = useState36("");
   const announce = useCallback28((value) => {
     if (value != null) {
       setAnnouncement(value);
@@ -34832,7 +34866,7 @@ function useAnnouncement() {
 var DndMonitorContext = /* @__PURE__ */ createContext5(null);
 function useDndMonitor(listener) {
   const registerListener = useContext5(DndMonitorContext);
-  useEffect41(() => {
+  useEffect42(() => {
     if (!registerListener) {
       throw new Error("useDndMonitor must be used within a children of <DndContext>");
     }
@@ -34841,7 +34875,7 @@ function useDndMonitor(listener) {
   }, [listener, registerListener]);
 }
 function useDndMonitorProvider() {
-  const [listeners] = useState36(() => /* @__PURE__ */ new Set());
+  const [listeners] = useState37(() => /* @__PURE__ */ new Set());
   const registerListener = useCallback29((listener) => {
     listeners.add(listener);
     return () => listeners.delete(listener);
@@ -34907,11 +34941,11 @@ function Accessibility(_ref) {
     announcement
   } = useAnnouncement();
   const liveRegionId = useUniqueId("DndLiveRegion");
-  const [mounted, setMounted] = useState36(false);
-  useEffect41(() => {
+  const [mounted, setMounted] = useState37(false);
+  useEffect42(() => {
     setMounted(true);
   }, []);
-  useDndMonitor(useMemo15(() => ({
+  useDndMonitor(useMemo16(() => ({
     onDragStart(_ref2) {
       let {
         active
@@ -34989,7 +35023,7 @@ var Action;
 function noop() {
 }
 function useSensor(sensor, options) {
-  return useMemo15(
+  return useMemo16(
     () => ({
       sensor,
       options: options != null ? options : {}
@@ -35002,7 +35036,7 @@ function useSensors() {
   for (var _len = arguments.length, sensors = new Array(_len), _key = 0; _key < _len; _key++) {
     sensors[_key] = arguments[_key];
   }
-  return useMemo15(
+  return useMemo16(
     () => [...sensors].filter((sensor) => sensor != null),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [...sensors]
@@ -36252,7 +36286,7 @@ function useAutoScroller(_ref) {
     x: 0,
     y: 0
   });
-  const rect = useMemo15(() => {
+  const rect = useMemo16(() => {
     switch (activator) {
       case AutoScrollActivator.Pointer:
         return pointerCoordinates ? {
@@ -36275,8 +36309,8 @@ function useAutoScroller(_ref) {
     const scrollTop = scrollSpeed.current.y * scrollDirection.current.y;
     scrollContainer.scrollBy(scrollLeft, scrollTop);
   }, []);
-  const sortedScrollableAncestors = useMemo15(() => order === TraversalOrder.TreeOrder ? [...scrollableAncestors].reverse() : scrollableAncestors, [order, scrollableAncestors]);
-  useEffect41(
+  const sortedScrollableAncestors = useMemo16(() => order === TraversalOrder.TreeOrder ? [...scrollableAncestors].reverse() : scrollableAncestors, [order, scrollableAncestors]);
+  useEffect42(
     () => {
       if (!enabled || !scrollableAncestors.length || !rect) {
         clearAutoScrollInterval();
@@ -36389,7 +36423,7 @@ function useCachedNode(draggableNodes, id2) {
   }, [node, id2]);
 }
 function useCombineActivators(sensors, getSyntheticHandler) {
-  return useMemo15(() => sensors.reduce((accumulator, sensor) => {
+  return useMemo16(() => sensors.reduce((accumulator, sensor) => {
     const {
       sensor: Sensor
     } = sensor;
@@ -36417,7 +36451,7 @@ function useDroppableMeasuring(containers, _ref) {
     dependencies,
     config
   } = _ref;
-  const [queue, setQueue] = useState36(null);
+  const [queue, setQueue] = useState37(null);
   const {
     frequency,
     measure,
@@ -36466,10 +36500,10 @@ function useDroppableMeasuring(containers, _ref) {
     }
     return previousValue;
   }, [containers, queue, dragging, disabled, measure]);
-  useEffect41(() => {
+  useEffect42(() => {
     containersRef.current = containers;
   }, [containers]);
-  useEffect41(
+  useEffect42(
     () => {
       if (disabled) {
         return;
@@ -36479,7 +36513,7 @@ function useDroppableMeasuring(containers, _ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [dragging, disabled]
   );
-  useEffect41(
+  useEffect42(
     () => {
       if (queue && queue.length > 0) {
         setQueue(null);
@@ -36488,7 +36522,7 @@ function useDroppableMeasuring(containers, _ref) {
     //eslint-disable-next-line react-hooks/exhaustive-deps
     [JSON.stringify(queue)]
   );
-  useEffect41(
+  useEffect42(
     () => {
       if (disabled || typeof frequency !== "number" || timeoutId.current !== null) {
         return;
@@ -36537,7 +36571,7 @@ function useMutationObserver(_ref) {
     disabled
   } = _ref;
   const handleMutations = useEvent(callback);
-  const mutationObserver = useMemo15(() => {
+  const mutationObserver = useMemo16(() => {
     if (disabled || typeof window === "undefined" || typeof window.MutationObserver === "undefined") {
       return void 0;
     }
@@ -36546,7 +36580,7 @@ function useMutationObserver(_ref) {
     } = window;
     return new MutationObserver2(handleMutations);
   }, [handleMutations, disabled]);
-  useEffect41(() => {
+  useEffect42(() => {
     return () => mutationObserver == null ? void 0 : mutationObserver.disconnect();
   }, [mutationObserver]);
   return mutationObserver;
@@ -36557,7 +36591,7 @@ function useResizeObserver(_ref) {
     disabled
   } = _ref;
   const handleResize = useEvent(callback);
-  const resizeObserver = useMemo15(
+  const resizeObserver = useMemo16(
     () => {
       if (disabled || typeof window === "undefined" || typeof window.ResizeObserver === "undefined") {
         return void 0;
@@ -36570,7 +36604,7 @@ function useResizeObserver(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [disabled]
   );
-  useEffect41(() => {
+  useEffect42(() => {
     return () => resizeObserver == null ? void 0 : resizeObserver.disconnect();
   }, [resizeObserver]);
   return resizeObserver;
@@ -36582,7 +36616,7 @@ function useRect(element, measure, fallbackRect2) {
   if (measure === void 0) {
     measure = defaultMeasure;
   }
-  const [rect, setRect] = useState36(null);
+  const [rect, setRect] = useState37(null);
   function measureRect() {
     setRect((currentRect) => {
       if (!element) {
@@ -36650,13 +36684,13 @@ function useScrollableAncestors(node) {
     }
     return getScrollableAncestors(node);
   }, [node]);
-  useEffect41(() => {
+  useEffect42(() => {
     previousNode.current = node;
   }, [node]);
   return ancestors;
 }
 function useScrollOffsets(elements) {
-  const [scrollCoordinates, setScrollCoordinates] = useState36(null);
+  const [scrollCoordinates, setScrollCoordinates] = useState37(null);
   const prevElements = useRef29(elements);
   const handleScroll = useCallback29((event) => {
     const scrollingElement = getScrollableElement(event.target);
@@ -36671,7 +36705,7 @@ function useScrollOffsets(elements) {
       return new Map(scrollCoordinates2);
     });
   }, []);
-  useEffect41(() => {
+  useEffect42(() => {
     const previousElements = prevElements.current;
     if (elements !== previousElements) {
       cleanup(previousElements);
@@ -36699,7 +36733,7 @@ function useScrollOffsets(elements) {
       });
     }
   }, [handleScroll, elements]);
-  return useMemo15(() => {
+  return useMemo16(() => {
     if (elements.length) {
       return scrollCoordinates ? Array.from(scrollCoordinates.values()).reduce((acc, coordinates) => add(acc, coordinates), defaultCoordinates) : getScrollOffsets(elements);
     }
@@ -36711,14 +36745,14 @@ function useScrollOffsetsDelta(scrollOffsets, dependencies) {
     dependencies = [];
   }
   const initialScrollOffsets = useRef29(null);
-  useEffect41(
+  useEffect42(
     () => {
       initialScrollOffsets.current = null;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     dependencies
   );
-  useEffect41(() => {
+  useEffect42(() => {
     const hasScrollOffsets = scrollOffsets !== defaultCoordinates;
     if (hasScrollOffsets && !initialScrollOffsets.current) {
       initialScrollOffsets.current = scrollOffsets;
@@ -36730,7 +36764,7 @@ function useScrollOffsetsDelta(scrollOffsets, dependencies) {
   return initialScrollOffsets.current ? subtract(scrollOffsets, initialScrollOffsets.current) : defaultCoordinates;
 }
 function useSensorSetup(sensors) {
-  useEffect41(
+  useEffect42(
     () => {
       if (!canUseDOM) {
         return;
@@ -36758,7 +36792,7 @@ function useSensorSetup(sensors) {
   );
 }
 function useSyntheticListeners(listeners, id2) {
-  return useMemo15(() => {
+  return useMemo16(() => {
     return listeners.reduce((acc, _ref) => {
       let {
         eventName,
@@ -36772,7 +36806,7 @@ function useSyntheticListeners(listeners, id2) {
   }, [listeners, id2]);
 }
 function useWindowRect(element) {
-  return useMemo15(() => element ? getWindowClientRect(element) : null, [element]);
+  return useMemo16(() => element ? getWindowClientRect(element) : null, [element]);
 }
 var defaultValue$2 = [];
 function useRects(elements, measure) {
@@ -36781,7 +36815,7 @@ function useRects(elements, measure) {
   }
   const [firstElement] = elements;
   const windowRect2 = useWindowRect(firstElement ? getWindow(firstElement) : null);
-  const [rects, setRects] = useState36(defaultValue$2);
+  const [rects, setRects] = useState37(defaultValue$2);
   function measureRects() {
     setRects(() => {
       if (!elements.length) {
@@ -36814,7 +36848,7 @@ function useDragOverlayMeasuring(_ref) {
   let {
     measure
   } = _ref;
-  const [rect, setRect] = useState36(null);
+  const [rect, setRect] = useState37(null);
   const handleResize = useCallback29((entries) => {
     for (const {
       target
@@ -36844,7 +36878,7 @@ function useDragOverlayMeasuring(_ref) {
     setRect(node ? measure(node) : null);
   }, [measure, resizeObserver]);
   const [nodeRef, setRef] = useNodeRef(handleNodeChange);
-  return useMemo15(() => ({
+  return useMemo16(() => ({
     nodeRef,
     rect,
     setRef
@@ -37070,7 +37104,7 @@ function RestoreFocus(_ref) {
   } = useContext5(InternalContext);
   const previousActivatorEvent = usePrevious(activatorEvent);
   const previousActiveId = usePrevious(active == null ? void 0 : active.id);
-  useEffect41(() => {
+  useEffect42(() => {
     if (disabled) {
       return;
     }
@@ -37121,7 +37155,7 @@ function applyModifiers(modifiers2, _ref) {
   }, transform) : transform;
 }
 function useMeasuringConfiguration(config) {
-  return useMemo15(
+  return useMemo16(
     () => ({
       draggable: {
         ...defaultMeasuringConfiguration.draggable,
@@ -37215,7 +37249,7 @@ var DndContext = /* @__PURE__ */ memo3(function DndContext2(_ref) {
   const store = useReducer(reducer, void 0, getInitialState);
   const [state, dispatch] = store;
   const [dispatchMonitorEvent, registerMonitorListener] = useDndMonitorProvider();
-  const [status, setStatus] = useState36(Status.Uninitialized);
+  const [status, setStatus] = useState37(Status.Uninitialized);
   const isInitialized = status === Status.Initialized;
   const {
     draggable: {
@@ -37232,7 +37266,7 @@ var DndContext = /* @__PURE__ */ memo3(function DndContext2(_ref) {
     initial: null,
     translated: null
   });
-  const active = useMemo15(() => {
+  const active = useMemo16(() => {
     var _node$data;
     return activeId != null ? {
       id: activeId,
@@ -37242,11 +37276,11 @@ var DndContext = /* @__PURE__ */ memo3(function DndContext2(_ref) {
     } : null;
   }, [activeId, node]);
   const activeRef = useRef29(null);
-  const [activeSensor, setActiveSensor] = useState36(null);
-  const [activatorEvent, setActivatorEvent] = useState36(null);
+  const [activeSensor, setActiveSensor] = useState37(null);
+  const [activatorEvent, setActivatorEvent] = useState37(null);
   const latestProps = useLatestValue(props, Object.values(props));
   const draggableDescribedById = useUniqueId("DndDescribedBy", id2);
-  const enabledDroppableContainers = useMemo15(() => droppableContainers.getEnabled(), [droppableContainers]);
+  const enabledDroppableContainers = useMemo16(() => droppableContainers.getEnabled(), [droppableContainers]);
   const measuringConfiguration = useMeasuringConfiguration(measuring);
   const {
     droppableRects,
@@ -37258,7 +37292,7 @@ var DndContext = /* @__PURE__ */ memo3(function DndContext2(_ref) {
     config: measuringConfiguration.droppable
   });
   const activeNode = useCachedNode(draggableNodes, activeId);
-  const activationCoordinates = useMemo15(() => activatorEvent ? getEventCoordinates(activatorEvent) : null, [activatorEvent]);
+  const activationCoordinates = useMemo16(() => activatorEvent ? getEventCoordinates(activatorEvent) : null, [activatorEvent]);
   const autoScrollOptions = getAutoScrollerOptions();
   const initialActiveNodeRect = useInitialRect(activeNode, measuringConfiguration.draggable.measure);
   useLayoutShiftScrollCompensation({
@@ -37327,7 +37361,7 @@ var DndContext = /* @__PURE__ */ memo3(function DndContext2(_ref) {
     pointerCoordinates
   }) : null;
   const overId = getFirstCollision(collisions, "id");
-  const [over, setOver] = useState36(null);
+  const [over, setOver] = useState37(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 = useRef29(null);
@@ -37521,7 +37555,7 @@ var DndContext = /* @__PURE__ */ memo3(function DndContext2(_ref) {
       setStatus(Status.Initialized);
     }
   }, [activeNodeRect, status]);
-  useEffect41(
+  useEffect42(
     () => {
       const {
         onDragMove
@@ -37556,7 +37590,7 @@ var DndContext = /* @__PURE__ */ memo3(function DndContext2(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [scrollAdjustedTranslate.x, scrollAdjustedTranslate.y]
   );
-  useEffect41(
+  useEffect42(
     () => {
       const {
         active: active2,
@@ -37629,7 +37663,7 @@ var DndContext = /* @__PURE__ */ memo3(function DndContext2(_ref) {
     scrollableAncestors,
     scrollableAncestorRects
   });
-  const publicContext = useMemo15(() => {
+  const publicContext = useMemo16(() => {
     const context = {
       active,
       activeNode,
@@ -37651,7 +37685,7 @@ var DndContext = /* @__PURE__ */ memo3(function DndContext2(_ref) {
     };
     return context;
   }, [active, activeNode, activeNodeRect, activatorEvent, collisions, containerNodeRect, dragOverlay, draggableNodes, droppableContainers, droppableRects, over, measureDroppableContainers, scrollableAncestors, scrollableAncestorRects, measuringConfiguration, measuringScheduled, windowRect2]);
-  const internalContext = useMemo15(() => {
+  const internalContext = useMemo16(() => {
     const context = {
       activatorEvent,
       activators,
@@ -37746,7 +37780,7 @@ function useDraggable(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [draggableNodes, id2]
   );
-  const memoizedAttributes = useMemo15(() => ({
+  const memoizedAttributes = useMemo16(() => ({
     role,
     tabIndex,
     "aria-disabled": disabled,
@@ -37839,7 +37873,7 @@ function useDroppable(_ref) {
   }, [resizeObserver]);
   const [nodeRef, setNodeRef] = useNodeRef(handleNodeChange);
   const dataRef = useLatestValue(data2);
-  useEffect41(() => {
+  useEffect42(() => {
     if (!resizeObserver || !nodeRef.current) {
       return;
     }
@@ -37847,7 +37881,7 @@ function useDroppable(_ref) {
     resizeObserverConnected.current = false;
     resizeObserver.observe(nodeRef.current);
   }, [nodeRef, resizeObserver]);
-  useEffect41(
+  useEffect42(
     () => {
       dispatch({
         type: Action.RegisterDroppable,
@@ -37869,7 +37903,7 @@ function useDroppable(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [id2]
   );
-  useEffect41(() => {
+  useEffect42(() => {
     if (disabled !== previous.current.disabled) {
       dispatch({
         type: Action.SetDroppableDisabled,
@@ -37891,7 +37925,7 @@ function useDroppable(_ref) {
 }
 
 // ../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js
-import React19, { useMemo as useMemo16, useRef as useRef30, useEffect as useEffect42, useState as useState37, useContext as useContext6 } from "react";
+import React19, { useMemo as useMemo17, useRef as useRef30, useEffect as useEffect43, useState as useState38, useContext as useContext6 } 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]);
@@ -38045,7 +38079,7 @@ function SortableContext(_ref) {
   } = useDndContext();
   const containerId = useUniqueId(ID_PREFIX2, id2);
   const useDragOverlay = Boolean(dragOverlay.rect !== null);
-  const items = useMemo16(() => userDefinedItems.map((item) => typeof item === "object" && "id" in item ? item.id : item), [userDefinedItems]);
+  const items = useMemo17(() => userDefinedItems.map((item) => typeof item === "object" && "id" in item ? item.id : item), [userDefinedItems]);
   const isDragging = active != null;
   const activeIndex = active ? items.indexOf(active.id) : -1;
   const overIndex = over ? items.indexOf(over.id) : -1;
@@ -38058,10 +38092,10 @@ function SortableContext(_ref) {
       measureDroppableContainers(items);
     }
   }, [itemsHaveChanged, items, isDragging, measureDroppableContainers]);
-  useEffect42(() => {
+  useEffect43(() => {
     previousItemsRef.current = items;
   }, [items]);
-  const contextValue = useMemo16(
+  const contextValue = useMemo17(
     () => ({
       activeIndex,
       containerId,
@@ -38132,7 +38166,7 @@ function useDerivedTransform(_ref) {
     node,
     rect
   } = _ref;
-  const [derivedTransform, setDerivedtransform] = useState37(null);
+  const [derivedTransform, setDerivedtransform] = useState38(null);
   const previousIndex = useRef30(index);
   useIsomorphicLayoutEffect(() => {
     if (!disabled && index !== previousIndex.current && node.current) {
@@ -38156,7 +38190,7 @@ function useDerivedTransform(_ref) {
       previousIndex.current = index;
     }
   }, [disabled, index, node, rect]);
-  useEffect42(() => {
+  useEffect43(() => {
     if (derivedTransform) {
       setDerivedtransform(null);
     }
@@ -38188,7 +38222,7 @@ function useSortable(_ref) {
   } = useContext6(Context2);
   const disabled = normalizeLocalDisabled(localDisabled, globalDisabled);
   const index = items.indexOf(id2);
-  const data2 = useMemo16(() => ({
+  const data2 = useMemo17(() => ({
     sortable: {
       containerId,
       index,
@@ -38196,7 +38230,7 @@ function useSortable(_ref) {
     },
     ...customData
   }), [containerId, customData, index, items]);
-  const itemsAfterCurrentSortable = useMemo16(() => items.slice(items.indexOf(id2)), [items, id2]);
+  const itemsAfterCurrentSortable = useMemo17(() => items.slice(items.indexOf(id2)), [items, id2]);
   const {
     rect,
     node,
@@ -38278,7 +38312,7 @@ function useSortable(_ref) {
     node,
     rect
   });
-  useEffect42(() => {
+  useEffect43(() => {
     if (isSorting && previous.current.newIndex !== newIndex) {
       previous.current.newIndex = newIndex;
     }
@@ -38289,7 +38323,7 @@ function useSortable(_ref) {
       previous.current.items = items;
     }
   }, [isSorting, newIndex, containerId, items]);
-  useEffect42(() => {
+  useEffect43(() => {
     if (activeId === previous.current.activeId) {
       return;
     }
@@ -38474,7 +38508,7 @@ function isAfter(a15, b8) {
 }
 
 // src/components/navigation/SortableResourceTab.tsx
-import { useCallback as useCallback30, useRef as useRef31, useEffect as useEffect43 } from "react";
+import { useCallback as useCallback30, useRef as useRef31, useEffect as useEffect44 } from "react";
 import { jsx as jsx49, jsxs as jsxs41 } from "react/jsx-runtime";
 function SortableResourceTab({
   resource,
@@ -38498,7 +38532,7 @@ function SortableResourceTab({
     isDragging: isSortableDragging
   } = useSortable({ id: resource.id });
   const onReorderRef = useRef31(onReorder);
-  useEffect43(() => {
+  useEffect44(() => {
     onReorderRef.current = onReorder;
   });
   const style = {
@@ -38625,7 +38659,7 @@ function CollapsibleResourceNavigation({
 }) {
   const ChevronLeftIcon = icons.chevronLeft;
   const BarsIcon = icons.bars;
-  const [isDropdownOpen, setIsDropdownOpen] = useState38(false);
+  const [isDropdownOpen, setIsDropdownOpen] = useState39(false);
   const dropdownRef = useRef32(null);
   const { announcePickup, announceDrop, announceKeyboardReorder, announceCannotMove } = useDragAnnouncements();
   const t12 = useTranslations("CollapsibleResourceNavigation");
@@ -38641,7 +38675,7 @@ function CollapsibleResourceNavigation({
   };
   const toggleDropdown = () => setIsDropdownOpen(!isDropdownOpen);
   const closeDropdown = () => setIsDropdownOpen(false);
-  useEffect44(() => {
+  useEffect45(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         closeDropdown();
@@ -38839,10 +38873,10 @@ function CollapsibleResourceNavigation({
 }
 
 // src/components/modals/ReferenceWizardModal.tsx
-import { useState as useState42, useEffect as useEffect46, useCallback as useCallback33 } from "react";
+import { useState as useState43, useEffect as useEffect47, useCallback as useCallback33 } from "react";
 
 // src/components/modals/GatherContextStep.tsx
-import { useState as useState39, useEffect as useEffect45, useRef as useRef33 } from "react";
+import { useState as useState40, useEffect as useEffect46, useRef as useRef33 } from "react";
 
 // src/components/modals/ContextSummary.tsx
 import { deriveViews } from "@semiont/core";
@@ -38909,12 +38943,12 @@ function GatherContextStep({
   onCompose,
   translations: t12
 }) {
-  const [sourceExpanded, setSourceExpanded] = useState39(false);
+  const [sourceExpanded, setSourceExpanded] = useState40(false);
   const contextReady = !contextLoading && !contextError && !!context;
   const focus = context?.focus.kind === "annotation" ? context.focus : null;
   const resourceFocus = context?.focus.kind === "resource" ? context.focus : null;
   const highlightRef = useRef33(null);
-  useEffect45(() => {
+  useEffect46(() => {
     if (highlightRef.current) {
       highlightRef.current.scrollIntoView({ block: "center", behavior: "instant" });
     }
@@ -39055,7 +39089,7 @@ function GatherContextStep({
 }
 
 // src/components/modals/ConfigureGenerationStep.tsx
-import { useState as useState40 } from "react";
+import { useState as useState41 } from "react";
 import { LOCALES as LOCALES2 } from "@semiont/core";
 import { jsx as jsx53, jsxs as jsxs45 } from "react/jsx-runtime";
 function ConfigureGenerationStep({
@@ -39067,12 +39101,12 @@ function ConfigureGenerationStep({
   onGenerate,
   translations: t12
 }) {
-  const [title, setTitle] = useState40(defaultTitle);
-  const [storagePath, setStoragePath] = useState40("");
-  const [prompt, setPrompt] = useState40("");
-  const [language2, setLanguage] = useState40(locale);
-  const [temperature, setTemperature] = useState40(0.7);
-  const [maxTokens, setMaxTokens] = useState40(500);
+  const [title, setTitle] = useState41(defaultTitle);
+  const [storagePath, setStoragePath] = useState41("");
+  const [prompt, setPrompt] = useState41("");
+  const [language2, setLanguage] = useState41(locale);
+  const [temperature, setTemperature] = useState41(0.7);
+  const [maxTokens, setMaxTokens] = useState41(500);
   const handleSubmit = (e6) => {
     e6.preventDefault();
     const trimmedPrompt = prompt.trim();
@@ -39231,7 +39265,7 @@ function ConfigureGenerationStep({
 }
 
 // src/components/modals/ConfigureSearchStep.tsx
-import { useState as useState41 } from "react";
+import { useState as useState42 } from "react";
 import { jsx as jsx54, jsxs as jsxs46 } from "react/jsx-runtime";
 function ConfigureSearchStep({
   isSearching = false,
@@ -39240,8 +39274,8 @@ function ConfigureSearchStep({
   onSearch,
   translations: t12
 }) {
-  const [limit, setLimit] = useState41(10);
-  const [useSemanticScoring, setUseSemanticScoring] = useState41(true);
+  const [limit, setLimit] = useState42(10);
+  const [useSemanticScoring, setUseSemanticScoring] = useState42(true);
   const handleSubmit = (e6) => {
     e6.preventDefault();
     onSearch({ limit, useSemanticScoring });
@@ -39433,10 +39467,10 @@ function ReferenceWizardModal({
   translations: t12
 }) {
   const session = useObservable(useSemiont().activeSession$);
-  const [wizardStep, setWizardStep] = useState42({ step: "gather" });
-  const [isSearching, setIsSearching] = useState42(false);
-  const [userHint, setUserHint] = useState42("");
-  useEffect46(() => {
+  const [wizardStep, setWizardStep] = useState43({ step: "gather" });
+  const [isSearching, setIsSearching] = useState43(false);
+  const [userHint, setUserHint] = useState43("");
+  useEffect47(() => {
     if (isOpen) {
       setWizardStep({ step: "gather" });
       setIsSearching(false);
@@ -39625,16 +39659,16 @@ function ReferenceWizardModal({
 }
 
 // src/components/modals/ResourceGenerateModal.tsx
-import { useState as useState44, useEffect as useEffect47, useCallback as useCallback34 } from "react";
+import { useState as useState45, useEffect as useEffect48, useCallback as useCallback34 } from "react";
 
 // src/components/modals/ConfigureGatherStep.tsx
-import { useState as useState43 } from "react";
+import { useState as useState44 } from "react";
 import { jsx as jsx57, jsxs as jsxs49 } from "react/jsx-runtime";
 function ConfigureGatherStep({ defaults, onGather, onCancel, translations: t12, children }) {
-  const [includeContent, setIncludeContent] = useState43(defaults?.includeContent ?? true);
-  const [includeSummary, setIncludeSummary] = useState43(defaults?.includeSummary ?? true);
-  const [depth, setDepth] = useState43(defaults?.depth ?? 2);
-  const [maxResources, setMaxResources] = useState43(defaults?.maxResources ?? 10);
+  const [includeContent, setIncludeContent] = useState44(defaults?.includeContent ?? true);
+  const [includeSummary, setIncludeSummary] = useState44(defaults?.includeSummary ?? true);
+  const [depth, setDepth] = useState44(defaults?.depth ?? 2);
+  const [maxResources, setMaxResources] = useState44(defaults?.maxResources ?? 10);
   const handleSubmit = (e6) => {
     e6.preventDefault();
     onGather({ includeContent, includeSummary, depth, maxResources });
@@ -39707,12 +39741,12 @@ function ResourceGenerateModal({
   onGenerateSubmit,
   translations: t12
 }) {
-  const [step, setStep] = useState44("configure-gather");
+  const [step, setStep] = useState45("configure-gather");
   const { context, loading, error, gather, reset } = useResourceGather();
   const client = useObservable(useSemiont().activeSession$)?.client;
   const entityTypeOptions = useObservable(client?.browse.entityTypes()) ?? [];
-  const [excludeEntityTypes, setExcludeEntityTypes] = useState44([]);
-  useEffect47(() => {
+  const [excludeEntityTypes, setExcludeEntityTypes] = useState45([]);
+  useEffect48(() => {
     if (isOpen) {
       setStep("configure-gather");
       setExcludeEntityTypes([]);
@@ -39878,7 +39912,7 @@ function ResourceGenerateModal({
 }
 
 // src/components/modals/SearchModal.tsx
-import { useState as useState45, useEffect as useEffect48, useRef as useRef34 } from "react";
+import { useState as useState46, useEffect as useEffect49, useRef as useRef34 } from "react";
 var import_operators = __toESM(require_operators(), 1);
 import { getResourceId } from "@semiont/core";
 import { createSearchPipeline } from "@semiont/sdk";
@@ -39927,7 +39961,7 @@ function SearchModal({
   const semiont = useObservable(useSemiont().activeSession$)?.client;
   const semiontRef = useRef34(semiont);
   semiontRef.current = semiont;
-  const [selectedIndex, setSelectedIndex] = useState45(0);
+  const [selectedIndex, setSelectedIndex] = useState46(0);
   const t12 = {
     placeholder: translations.placeholder || "Search resources, entities...",
     searching: translations.searching || "Searching...",
@@ -39939,7 +39973,7 @@ function SearchModal({
     enter: translations.enter || "Enter",
     esc: translations.esc || "ESC"
   };
-  const [pipeline] = useState45(
+  const [pipeline] = useState46(
     () => createSearchPipeline(
       (q2) => semiontRef.current.browse.resources({ search: q2, limit: SEARCH_LIMIT }).pipe(
         (0, import_operators.map)((resources) => {
@@ -39959,21 +39993,21 @@ function SearchModal({
       { debounceMs: SEARCH_DEBOUNCE_MS }
     )
   );
-  useEffect48(() => () => pipeline.dispose(), [pipeline]);
+  useEffect49(() => () => pipeline.dispose(), [pipeline]);
   const query = useObservable(pipeline.query$) ?? "";
   const searchState = useObservable(pipeline.state$);
   const results = searchState?.results ?? [];
   const loading = searchState?.isSearching ?? false;
-  useEffect48(() => {
+  useEffect49(() => {
     if (isOpen) {
       pipeline.setQuery("");
       setSelectedIndex(0);
     }
   }, [isOpen, pipeline]);
-  useEffect48(() => {
+  useEffect49(() => {
     setSelectedIndex(0);
   }, [results.length]);
-  useEffect48(() => {
+  useEffect49(() => {
     if (!query.trim()) return;
     if (loading) {
       announceSearching();
@@ -40089,7 +40123,7 @@ function SearchModal({
 }
 
 // src/components/modals/ResourceSearchModal.tsx
-import { useState as useState46, useEffect as useEffect49, useRef as useRef35 } from "react";
+import { useState as useState47, useEffect as useEffect50, useRef as useRef35 } from "react";
 var import_operators2 = __toESM(require_operators(), 1);
 import { getResourceId as getResourceId2, getPrimaryRepresentation } from "@semiont/core";
 import { createSearchPipeline as createSearchPipeline2 } from "@semiont/sdk";
@@ -40125,7 +40159,7 @@ function ResourceSearchModal({
     noResults: translations.noResults || "No documents found",
     close: translations.close || "\u2715"
   };
-  const [pipeline] = useState46(
+  const [pipeline] = useState47(
     () => createSearchPipeline2(
       (q2) => semiontRef.current.browse.resources({ search: q2, limit: SEARCH_LIMIT2 }).pipe(
         (0, import_operators2.map)((resources) => {
@@ -40136,17 +40170,17 @@ function ResourceSearchModal({
       { debounceMs: SEARCH_DEBOUNCE_MS2, initialQuery: searchTerm }
     )
   );
-  useEffect49(() => () => pipeline.dispose(), [pipeline]);
+  useEffect50(() => () => pipeline.dispose(), [pipeline]);
   const search = useObservable(pipeline.query$) ?? "";
   const searchState = useObservable(pipeline.state$);
   const results = searchState?.results ?? [];
   const loading = searchState?.isSearching ?? false;
-  useEffect49(() => {
+  useEffect50(() => {
     if (isOpen && searchTerm) {
       pipeline.setQuery(searchTerm);
     }
   }, [isOpen, searchTerm, pipeline]);
-  useEffect49(() => {
+  useEffect50(() => {
     if (!search.trim()) return;
     if (loading) {
       announceSearching();
@@ -40266,7 +40300,7 @@ function SkipLinks() {
 }
 
 // src/components/StatusDisplay.tsx
-import { useEffect as useEffect50, useState as useState47 } from "react";
+import { useEffect as useEffect51, useState as useState48 } from "react";
 import { jsx as jsx62, jsxs as jsxs54 } from "react/jsx-runtime";
 function StatusDisplay({
   isFullyAuthenticated = false,
@@ -40274,10 +40308,10 @@ function StatusDisplay({
   hasValidBackendToken = false
 }) {
   const semiont = useObservable(useSemiont().activeSession$)?.client;
-  const [data2, setData] = useState47(null);
-  const [loading, setLoading] = useState47(true);
-  const [error, setError] = useState47(null);
-  useEffect50(() => {
+  const [data2, setData] = useState48(null);
+  const [loading, setLoading] = useState48(true);
+  const [error, setError] = useState48(null);
+  useEffect51(() => {
     if (!semiont) {
       setLoading(false);
       return;
@@ -40369,11 +40403,11 @@ function SessionTimer() {
 }
 
 // src/components/SessionExpiryBanner.tsx
-import { useState as useState48 } from "react";
+import { useState as useState49 } from "react";
 import { jsx as jsx63, jsxs as jsxs56 } from "react/jsx-runtime";
 function SessionExpiryBanner() {
   const { timeRemaining, isExpiringSoon } = useSessionExpiry();
-  const [dismissed, setDismissed] = useState48(false);
+  const [dismissed, setDismissed] = useState49(false);
   const formattedTime = formatTime(timeRemaining);
   if (!isExpiringSoon || dismissed || !formattedTime) {
     return null;
@@ -40594,7 +40628,7 @@ function UnifiedHeader({
 }
 
 // src/components/layout/LeftSidebar.tsx
-import { useState as useState49, useEffect as useEffect51 } from "react";
+import { useState as useState50, useEffect as useEffect52 } from "react";
 import { jsx as jsx67, jsxs as jsxs59 } from "react/jsx-runtime";
 function LeftSidebar({
   Link,
@@ -40609,7 +40643,7 @@ function LeftSidebar({
   isModerator = false,
   currentPath
 }) {
-  const [isCollapsed, setIsCollapsed] = useState49(false);
+  const [isCollapsed, setIsCollapsed] = useState50(false);
   const { width, setWidth, minWidth, maxWidth } = usePanelWidth({
     defaultWidth: 256,
     // 16rem
@@ -40619,7 +40653,7 @@ function LeftSidebar({
     // 25rem
     storageKey: "semiont-left-sidebar-width"
   });
-  useEffect51(() => {
+  useEffect52(() => {
     if (collapsible) {
       const saved = localStorage.getItem(storageKey);
       if (saved === "true") {
@@ -41582,7 +41616,7 @@ function ExportCard({ onExport, isExporting, translations: t12 }) {
 }
 
 // src/features/admin-exchange/components/ImportCard.tsx
-import { useRef as useRef36, useState as useState50, useCallback as useCallback36 } from "react";
+import { useRef as useRef36, useState as useState51, useCallback as useCallback36 } from "react";
 import { jsx as jsx76, jsxs as jsxs66 } from "react/jsx-runtime";
 function ImportCard({
   onFileSelected,
@@ -41594,8 +41628,8 @@ function ImportCard({
   translations: t12
 }) {
   const fileInputRef = useRef36(null);
-  const [isDragActive, setIsDragActive] = useState50(false);
-  const [showConfirm, setShowConfirm] = useState50(false);
+  const [isDragActive, setIsDragActive] = useState51(false);
+  const [showConfirm, setShowConfirm] = useState51(false);
   const handleDragOver = useCallback36((e6) => {
     e6.preventDefault();
     setIsDragActive(true);
@@ -42008,7 +42042,7 @@ function LinkedDataPage({
 }
 
 // src/features/admin-users/components/AdminUsersPage.tsx
-import { useState as useState51 } from "react";
+import { useState as useState52 } from "react";
 import { Fragment as Fragment14, jsx as jsx81, jsxs as jsxs71 } from "react/jsx-runtime";
 function UserTableRow({
   user,
@@ -42090,9 +42124,9 @@ function AdminUsersPage({
   Toolbar: Toolbar2,
   buttonStyles: buttonStyles2
 }) {
-  const [searchTerm, setSearchTerm] = useState51("");
-  const [selectedRole, setSelectedRole] = useState51("all");
-  const [selectedStatus, setSelectedStatus] = useState51("all");
+  const [searchTerm, setSearchTerm] = useState52("");
+  const [selectedRole, setSelectedRole] = useState52("all");
+  const [selectedStatus, setSelectedStatus] = useState52("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";
@@ -42480,7 +42514,7 @@ function SignInForm({
 }
 
 // src/features/auth/components/SignUpForm.tsx
-import { useState as useState52 } from "react";
+import { useState as useState53 } from "react";
 import { jsx as jsx83, jsxs as jsxs73 } from "react/jsx-runtime";
 function GoogleIcon2() {
   return /* @__PURE__ */ jsxs73("svg", { className: "semiont-icon semiont-icon--small semiont-icon--inline", viewBox: "0 0 24 24", children: [
@@ -42515,7 +42549,7 @@ function GoogleIcon2() {
   ] });
 }
 function SignUpForm({ onSignUp, Link, translations: t12 }) {
-  const [isLoading, setIsLoading] = useState52(false);
+  const [isLoading, setIsLoading] = useState53(false);
   const handleSignUp = async () => {
     setIsLoading(true);
     try {
@@ -42972,7 +43006,7 @@ function TagSchemasPage({
 }
 
 // src/features/resource-compose/components/ResourceComposePage.tsx
-import { useState as useState53, useEffect as useEffect52 } from "react";
+import { useState as useState54, useEffect as useEffect53 } from "react";
 import { deriveViews as deriveViews2 } from "@semiont/core";
 import { capabilitiesOf as capabilitiesOf5, AUTHORABLE_MEDIA_TYPES, MEDIA_TYPES, mediaTypeForExtension, isSupportedMediaType, LOCALES as LOCALES3 } from "@semiont/core";
 
@@ -43075,20 +43109,20 @@ function ResourceComposePage({
   Toolbar: Toolbar2
 }) {
   const { announceFormSubmitting, announceFormSuccess, announceFormError } = useFormAnnouncements();
-  const [newResourceName, setNewResourceName] = useState53("");
-  const [newResourceContent, setNewResourceContent] = useState53("");
-  const [selectedEntityTypes, setSelectedEntityTypes] = useState53([]);
-  const [isCreating, setIsCreating] = useState53(false);
-  const [inputMethod, setInputMethod] = useState53("write");
-  const [uploadedFile, setUploadedFile] = useState53(null);
-  const [fileMimeType, setFileMimeType] = useState53("text/markdown");
-  const [filePreviewUrl, setFilePreviewUrl] = useState53(null);
-  const [selectedFormat, setSelectedFormat] = useState53("text/markdown");
-  const [selectedLanguage, setSelectedLanguage] = useState53(initialLocale);
-  const [selectedCharset, setSelectedCharset] = useState53("");
-  const [storagePath, setStoragePath] = useState53("");
-  const [archiveOriginal, setArchiveOriginal] = useState53(true);
-  useEffect52(() => {
+  const [newResourceName, setNewResourceName] = useState54("");
+  const [newResourceContent, setNewResourceContent] = useState54("");
+  const [selectedEntityTypes, setSelectedEntityTypes] = useState54([]);
+  const [isCreating, setIsCreating] = useState54(false);
+  const [inputMethod, setInputMethod] = useState54("write");
+  const [uploadedFile, setUploadedFile] = useState54(null);
+  const [fileMimeType, setFileMimeType] = useState54("text/markdown");
+  const [filePreviewUrl, setFilePreviewUrl] = useState54(null);
+  const [selectedFormat, setSelectedFormat] = useState54("text/markdown");
+  const [selectedLanguage, setSelectedLanguage] = useState54(initialLocale);
+  const [selectedCharset, setSelectedCharset] = useState54("");
+  const [storagePath, setStoragePath] = useState54("");
+  const [archiveOriginal, setArchiveOriginal] = useState54(true);
+  useEffect53(() => {
     if (mode === "clone" && cloneData) {
       setNewResourceName(cloneData.sourceResource.name);
       setNewResourceContent(cloneData.sourceContent);
@@ -43123,7 +43157,7 @@ function ResourceComposePage({
       reader.readAsText(file);
     }
   };
-  useEffect52(() => {
+  useEffect53(() => {
     return () => {
       if (filePreviewUrl) {
         URL.revokeObjectURL(filePreviewUrl);
@@ -43756,7 +43790,7 @@ function ResourceDiscoveryPage({
 }
 
 // src/features/resource-viewer/components/ResourceViewerPage.tsx
-import { useState as useState54, useEffect as useEffect53, useCallback as useCallback38 } from "react";
+import { useState as useState55, useEffect as useEffect54, useCallback as useCallback38 } from "react";
 import { annotationId } from "@semiont/core";
 import { getLanguage, getPrimaryRepresentation as getPrimaryRepresentation2, getPrimaryMediaType as getPrimaryMediaType2, capabilitiesOf as capabilitiesOf6 } from "@semiont/core";
 
@@ -43917,7 +43951,7 @@ function ResourceViewerPage({
   const renderMode = capabilitiesOf6(resourceMediaType)?.render;
   const isBinary = renderMode === "image" || renderMode === "pdf";
   const { content: textContent, loading: textLoading, error: contentError } = useResourceContent(semiont ?? null, rUri, resource, !isBinary);
-  useEffect53(() => {
+  useEffect54(() => {
     if (contentError) showError("Failed to load resource representation");
   }, [contentError, showError]);
   const { token: mediaToken, loading: mediaTokenLoading } = useMediaToken(semiont ?? null, rUri);
@@ -43950,7 +43984,7 @@ function ResourceViewerPage({
   const wizardResourceId = wizardState?.resourceId ?? null;
   const wizardDefaultTitle = wizardState?.defaultTitle ?? "";
   const wizardEntityTypes = wizardState?.entityTypes ?? [];
-  const [generateOpen, setGenerateOpen] = useState54(false);
+  const [generateOpen, setGenerateOpen] = useState55(false);
   const handleWizardClose = useCallback38(() => {
     stateUnit.closeWizard();
   }, [stateUnit]);
@@ -44008,7 +44042,7 @@ function ResourceViewerPage({
       reason: "compose-from-wizard"
     });
   }, [session]);
-  useEffect53(() => {
+  useEffect54(() => {
     if (resource && rUri) {
       const mediaType = getPrimaryMediaType2(resource);
       browser2.addOpenResource(rUri, resource.name, mediaType || void 0, resource.storageUri);
@@ -44017,7 +44051,7 @@ function ResourceViewerPage({
       }
     }
   }, [resource, rUri, browser2]);
-  useEffect53(() => {
+  useEffect54(() => {
     if (pendingAnnotation) {
       browser2.emit("panel:open", { panel: "annotations" });
     }
@@ -44117,7 +44151,7 @@ function ResourceViewerPage({
     announceResourceLoading,
     announceResourceLoaded
   } = useResourceLoadingAnnouncements();
-  useEffect53(() => {
+  useEffect54(() => {
     if (contentLoading) {
       announceResourceLoading(resource.name);
     } else if (content2) {
@@ -45032,6 +45066,7 @@ export {
   useHoverDelay,
   useHoverEmitter,
   useIsTyping,
+  useKBDiscovery,
   useKeyboardShortcuts,
   useLanguageChangeAnnouncements,
   useLineNumbers,