@semiont/react-ui 0.5.23 → 0.5.24

package/dist/index.js

@@ -5,6 +5,7 @@ import {
 } from "./chunk-VXASXU4K.js";
 import {
   AVAILABLE_LOCALES,
+  LineNumbersProvider,
   SemiontProvider,
   ToastContainer,
   ToastProvider,
@@ -124,11 +125,12 @@ import {
   require_zip,
   require_zipAll,
   require_zipWith,
+  useLineNumbers,
   usePreloadTranslations,
   useSemiont,
   useToast,
   useTranslations
-} from "./chunk-RO5CRVIA.js";
+} from "./chunk-4QMTEPQ3.js";
 import {
   clsx
 } from "./chunk-XUDKYAVC.js";
@@ -17773,36 +17775,17 @@ function useIsTyping() {
   return isTypingRef.current;
 }
 
-// src/hooks/useLineNumbers.ts
-import { useState as useState4, useCallback as useCallback3 } from "react";
-function useLineNumbers() {
-  const [showLineNumbers, setShowLineNumbers] = useState4(() => {
-    if (typeof window !== "undefined") {
-      return localStorage.getItem("showLineNumbers") === "true";
-    }
-    return false;
-  });
-  const toggleLineNumbers = useCallback3(() => {
-    const newMode = !showLineNumbers;
-    setShowLineNumbers(newMode);
-    if (typeof window !== "undefined") {
-      localStorage.setItem("showLineNumbers", newMode.toString());
-    }
-  }, [showLineNumbers]);
-  return { showLineNumbers, toggleLineNumbers };
-}
-
 // src/hooks/useHoverDelay.ts
-import { useState as useState5, useCallback as useCallback5 } from "react";
+import { useState as useState4, useCallback as useCallback4 } from "react";
 
 // src/hooks/useHoverEmitter.ts
-import { useRef as useRef4, useCallback as useCallback4, useEffect as useEffect5 } from "react";
+import { useRef as useRef4, useCallback as useCallback3, useEffect as useEffect5 } from "react";
 import { HOVER_DELAY_MS } from "@semiont/sdk";
 import { HOVER_DELAY_MS as HOVER_DELAY_MS2 } from "@semiont/sdk";
 function useHoverEmitter(session, annotationId2, hoverDelayMs = HOVER_DELAY_MS) {
   const currentHoverRef = useRef4(null);
   const timerRef = useRef4(null);
-  const onMouseEnter = useCallback4(() => {
+  const onMouseEnter = useCallback3(() => {
     if (currentHoverRef.current === annotationId2) return;
     if (timerRef.current !== null) {
       clearTimeout(timerRef.current);
@@ -17813,7 +17796,7 @@ function useHoverEmitter(session, annotationId2, hoverDelayMs = HOVER_DELAY_MS)
       session?.client.beckon.hover(annotationId2);
     }, hoverDelayMs);
   }, [annotationId2, hoverDelayMs, session]);
-  const onMouseLeave = useCallback4(() => {
+  const onMouseLeave = useCallback3(() => {
     if (timerRef.current !== null) {
       clearTimeout(timerRef.current);
       timerRef.current = null;
@@ -17836,14 +17819,14 @@ function useHoverEmitter(session, annotationId2, hoverDelayMs = HOVER_DELAY_MS)
 
 // src/hooks/useHoverDelay.ts
 function useHoverDelay() {
-  const [hoverDelayMs, setHoverDelayMsState] = useState5(() => {
+  const [hoverDelayMs, setHoverDelayMsState] = useState4(() => {
     if (typeof window !== "undefined") {
       const stored = localStorage.getItem("hoverDelayMs");
       return stored ? Number(stored) : HOVER_DELAY_MS2;
     }
     return HOVER_DELAY_MS2;
   });
-  const setHoverDelayMs = useCallback5((delayMs) => {
+  const setHoverDelayMs = useCallback4((delayMs) => {
     setHoverDelayMsState(delayMs);
     if (typeof window !== "undefined") {
       localStorage.setItem("hoverDelayMs", delayMs.toString());
@@ -17853,17 +17836,17 @@ function useHoverDelay() {
 }
 
 // src/hooks/useObservableBrowse.tsx
-import { useCallback as useCallback6 } from "react";
+import { useCallback as useCallback5 } from "react";
 function useObservableRouter(baseRouter) {
   const semiont = useSemiont();
-  const push = useCallback6((path, options) => {
+  const push = useCallback5((path, options) => {
     semiont.emit("nav:push", {
       path,
       reason: options?.reason
     });
     baseRouter.push(path);
   }, [semiont, baseRouter]);
-  const replace2 = useCallback6((path, options) => {
+  const replace2 = useCallback5((path, options) => {
     if (!baseRouter.replace) return;
     semiont.emit("nav:push", {
       path,
@@ -17879,7 +17862,7 @@ function useObservableRouter(baseRouter) {
 }
 function useObservableExternalNavigation() {
   const semiont = useSemiont();
-  return useCallback6((url, metadata) => {
+  return useCallback5((url, metadata) => {
     const fallbackTimer = setTimeout(() => {
       console.warn(
         "[Observable Navigation] No handler cancelled nav:external fallback. Falling back to window.location.href. For better UX, subscribe to this event in your app, call cancelFallback(), and use client-side routing."
@@ -17895,7 +17878,7 @@ function useObservableExternalNavigation() {
 }
 
 // src/hooks/usePanelWidth.ts
-import { useState as useState6, useEffect as useEffect6, useRef as useRef5 } from "react";
+import { useState as useState5, useEffect as useEffect6, useRef as useRef5 } from "react";
 function usePanelWidth({
   defaultWidth = 384,
   // 24rem
@@ -17905,7 +17888,7 @@ function usePanelWidth({
   // 50rem
   storageKey = "semiont-panel-width"
 } = {}) {
-  const [width, setWidthInternal] = useState6(defaultWidth);
+  const [width, setWidthInternal] = useState5(defaultWidth);
   const userChangedRef = useRef5(false);
   useEffect6(() => {
     if (typeof window === "undefined") return;
@@ -17929,12 +17912,12 @@ function usePanelWidth({
 }
 
 // src/hooks/useRovingTabIndex.ts
-import { useRef as useRef6, useEffect as useEffect7, useCallback as useCallback7 } from "react";
+import { useRef as useRef6, useEffect as useEffect7, useCallback as useCallback6 } from "react";
 function useRovingTabIndex(itemCount, options = {}) {
   const { orientation = "horizontal", loop = true, cols = 1 } = options;
   const containerRef = useRef6(null);
   const currentIndexRef = useRef6(0);
-  const getFocusableItems = useCallback7(() => {
+  const getFocusableItems = useCallback6(() => {
     if (!containerRef.current) return [];
     return Array.from(
       containerRef.current.querySelectorAll(
@@ -17942,7 +17925,7 @@ function useRovingTabIndex(itemCount, options = {}) {
       )
     );
   }, []);
-  const focusItem = useCallback7((index) => {
+  const focusItem = useCallback6((index) => {
     const items = getFocusableItems();
     if (items.length === 0) return;
     let targetIndex = index;
@@ -17957,7 +17940,7 @@ function useRovingTabIndex(itemCount, options = {}) {
     items[targetIndex]?.focus();
     currentIndexRef.current = targetIndex;
   }, [getFocusableItems, loop]);
-  const handleKeyDown = useCallback7(
+  const handleKeyDown = useCallback6(
     (event) => {
       const items = getFocusableItems();
       if (items.length === 0) return;
@@ -18044,12 +18027,12 @@ function useRovingTabIndex(itemCount, options = {}) {
 }
 
 // src/hooks/useSessionExpiry.ts
-import { useEffect as useEffect9, useState as useState8 } from "react";
+import { useEffect as useEffect9, useState as useState7 } from "react";
 
 // src/hooks/useObservable.ts
-import { useState as useState7, useEffect as useEffect8 } from "react";
+import { useState as useState6, useEffect as useEffect8 } from "react";
 function useObservable(obs$) {
-  const [value, setValue] = useState7(() => {
+  const [value, setValue] = useState6(() => {
     if (!obs$) return void 0;
     const getValue = obs$.getValue;
     return typeof getValue === "function" ? getValue.call(obs$) : void 0;
@@ -18075,8 +18058,8 @@ function useSessionExpiry() {
   const session = useObservable(useSemiont().activeSession$);
   useObservable(session?.token$);
   const expiresAt = session?.expiresAt ?? null;
-  const [timeRemaining, setTimeRemaining] = useState8(null);
-  const [isExpiringSoon, setIsExpiringSoon] = useState8(false);
+  const [timeRemaining, setTimeRemaining] = useState7(null);
+  const [isExpiringSoon, setIsExpiringSoon] = useState7(false);
   useEffect9(() => {
     if (!expiresAt) {
       setTimeRemaining(null);
@@ -18096,17 +18079,17 @@ function useSessionExpiry() {
 }
 
 // src/contexts/ThemeContext.tsx
-import { createContext, useContext, useEffect as useEffect10, useState as useState9 } from "react";
+import { createContext, useContext, useEffect as useEffect10, useState as useState8 } from "react";
 import { jsx } from "react/jsx-runtime";
 var ThemeContext = createContext(null);
 function ThemeProvider({ children }) {
-  const [theme2, setThemeState] = useState9(() => {
+  const [theme2, setThemeState] = useState8(() => {
     if (typeof window !== "undefined") {
       return localStorage.getItem("theme") || "system";
     }
     return "system";
   });
-  const [systemTheme, setSystemTheme] = useState9(() => {
+  const [systemTheme, setSystemTheme] = useState8(() => {
     if (typeof window !== "undefined") {
       return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
     }
@@ -18142,17 +18125,17 @@ function useTheme() {
 }
 
 // src/hooks/useUI.ts
-import { useState as useState10, useEffect as useEffect11, useCallback as useCallback8, useRef as useRef7 } from "react";
+import { useState as useState9, useEffect as useEffect11, useCallback as useCallback7, useRef as useRef7 } from "react";
 function useDropdown() {
-  const [isOpen, setIsOpen] = useState10(false);
+  const [isOpen, setIsOpen] = useState9(false);
   const dropdownRef = useRef7(null);
-  const toggle = useCallback8(() => {
+  const toggle = useCallback7(() => {
     setIsOpen((prev) => !prev);
   }, []);
-  const open = useCallback8(() => {
+  const open = useCallback7(() => {
     setIsOpen(true);
   }, []);
-  const close = useCallback8(() => {
+  const close = useCallback7(() => {
     setIsOpen(false);
   }, []);
   useEffect11(() => {
@@ -18188,14 +18171,14 @@ function useDropdown() {
   };
 }
 function useLoadingState(minLoadingTime = 500) {
-  const [isLoading, setIsLoading] = useState10(false);
-  const [showLoading, setShowLoading] = useState10(false);
+  const [isLoading, setIsLoading] = useState9(false);
+  const [showLoading, setShowLoading] = useState9(false);
   const timeoutRef = useRef7(null);
-  const startLoading = useCallback8(() => {
+  const startLoading = useCallback7(() => {
     setIsLoading(true);
     setShowLoading(true);
   }, []);
-  const stopLoading = useCallback8(() => {
+  const stopLoading = useCallback7(() => {
     setIsLoading(false);
     timeoutRef.current = setTimeout(() => {
       setShowLoading(false);
@@ -18216,7 +18199,7 @@ function useLoadingState(minLoadingTime = 500) {
   };
 }
 function useLocalStorage(key, initialValue) {
-  const [storedValue, setStoredValue] = useState10(() => {
+  const [storedValue, setStoredValue] = useState9(() => {
     if (typeof window === "undefined") {
       return initialValue;
     }
@@ -18228,7 +18211,7 @@ function useLocalStorage(key, initialValue) {
       return initialValue;
     }
   });
-  const setValue = useCallback8((value) => {
+  const setValue = useCallback7((value) => {
     try {
       const valueToStore = value instanceof Function ? value(storedValue) : value;
       setStoredValue(valueToStore);
@@ -18243,13 +18226,13 @@ function useLocalStorage(key, initialValue) {
 }
 
 // src/hooks/useResourceContent.ts
-import { useEffect as useEffect12, useState as useState11 } from "react";
+import { useEffect as useEffect12, useState as useState10 } from "react";
 import { getPrimaryMediaType, decodeWithCharset } from "@semiont/core";
 function useResourceContent(client, rUri, resource, enabled = true) {
   const mediaType = enabled ? getPrimaryMediaType(resource) || "text/plain" : "";
-  const [content2, setContent] = useState11("");
-  const [loading, setLoading] = useState11(false);
-  const [error, setError] = useState11(null);
+  const [content2, setContent] = useState10("");
+  const [loading, setLoading] = useState10(false);
+  const [error, setError] = useState10(null);
   useEffect12(() => {
     if (!client || !enabled || !mediaType) return;
     let cancelled = false;
@@ -18272,14 +18255,14 @@ function useResourceContent(client, rUri, resource, enabled = true) {
 }
 
 // src/hooks/useResourceGather.ts
-import { useState as useState12, useCallback as useCallback9 } from "react";
+import { useState as useState11, useCallback as useCallback8 } from "react";
 import { resourceId as toResourceId } from "@semiont/core";
 function useResourceGather() {
   const client = useObservable(useSemiont().activeSession$)?.client;
-  const [context, setContext] = useState12(null);
-  const [loading, setLoading] = useState12(false);
-  const [error, setError] = useState12(null);
-  const gather = useCallback9(async (id2, options) => {
+  const [context, setContext] = useState11(null);
+  const [loading, setLoading] = useState11(false);
+  const [error, setError] = useState11(null);
+  const gather = useCallback8(async (id2, options) => {
     if (!client) return;
     setLoading(true);
     setError(null);
@@ -18292,7 +18275,7 @@ function useResourceGather() {
       setLoading(false);
     }
   }, [client]);
-  const reset = useCallback9(() => {
+  const reset = useCallback8(() => {
     setContext(null);
     setError(null);
     setLoading(false);
@@ -18301,7 +18284,7 @@ function useResourceGather() {
 }
 
 // src/hooks/useResourceLoader.ts
-import { useState as useState13, useEffect as useEffect13, useMemo } from "react";
+import { useState as useState12, useEffect as useEffect13, useMemo } from "react";
 import { readyValue } from "@semiont/sdk";
 
 // src/lib/annotation-groups.ts
@@ -18321,9 +18304,9 @@ function groupAnnotations(annotations) {
 // src/hooks/useResourceLoader.ts
 var EMPTY = { highlights: [], references: [], assessments: [], comments: [], tags: [] };
 function useResourceLoader(client, resourceId2) {
-  const [resource, setResource] = useState13(void 0);
-  const [rawAnnotations, setRawAnnotations] = useState13(void 0);
-  const [error, setError] = useState13(null);
+  const [resource, setResource] = useState12(void 0);
+  const [rawAnnotations, setRawAnnotations] = useState12(void 0);
+  const [error, setError] = useState12(null);
   useEffect13(() => {
     if (!client) return;
     setResource(void 0);
@@ -18350,10 +18333,10 @@ function useResourceLoader(client, resourceId2) {
 }
 
 // src/hooks/useMediaToken.ts
-import { useEffect as useEffect14, useState as useState14 } from "react";
+import { useEffect as useEffect14, useState as useState13 } from "react";
 function useMediaToken(client, id2) {
-  const [token, setToken] = useState14(void 0);
-  const [loading, setLoading] = useState14(true);
+  const [token, setToken] = useState13(void 0);
+  const [loading, setLoading] = useState13(true);
   useEffect14(() => {
     if (!client || !id2) {
       setLoading(false);
@@ -18413,22 +18396,22 @@ function useSessionEventSubscriptions(session, subscriptions) {
 }
 
 // src/hooks/useToolbarPrefs.ts
-import { useCallback as useCallback10, useEffect as useEffect16, useState as useState15 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect16, useState as useState14 } from "react";
 var MODE_KEY = "annotateMode";
 var CLICK_KEY = "semiont-toolbar-click";
 var SELECTION_KEY = "semiont-toolbar-selection";
 function useToolbarPrefs(selectorType = "text") {
-  const [annotateMode, setAnnotateModeState] = useState15(() => {
+  const [annotateMode, setAnnotateModeState] = useState14(() => {
     if (typeof window !== "undefined") {
       return localStorage.getItem(MODE_KEY) === "true";
     }
     return false;
   });
-  const setAnnotateMode = useCallback10((mode) => {
+  const setAnnotateMode = useCallback9((mode) => {
     setAnnotateModeState(mode);
     if (typeof window !== "undefined") localStorage.setItem(MODE_KEY, mode.toString());
   }, []);
-  const [clickAction, setClickActionState] = useState15(() => {
+  const [clickAction, setClickActionState] = useState14(() => {
     if (typeof window !== "undefined") {
       const stored = localStorage.getItem(CLICK_KEY);
       if (stored && ["detail", "follow", "jsonld", "deleting"].includes(stored)) {
@@ -18437,11 +18420,11 @@ function useToolbarPrefs(selectorType = "text") {
     }
     return "detail";
   });
-  const setClickAction = useCallback10((action) => {
+  const setClickAction = useCallback9((action) => {
     setClickActionState(action);
     if (typeof window !== "undefined") localStorage.setItem(CLICK_KEY, action);
   }, []);
-  const [selectionMotivation, setSelectionMotivationState] = useState15(() => {
+  const [selectionMotivation, setSelectionMotivationState] = useState14(() => {
     if (typeof window !== "undefined") {
       const stored = localStorage.getItem(SELECTION_KEY);
       if (stored === "null") return null;
@@ -18451,15 +18434,15 @@ function useToolbarPrefs(selectorType = "text") {
     }
     return "linking";
   });
-  const setSelectionMotivation = useCallback10((motivation) => {
+  const setSelectionMotivation = useCallback9((motivation) => {
     setSelectionMotivationState(motivation);
     if (typeof window !== "undefined") localStorage.setItem(SELECTION_KEY, motivation === null ? "null" : motivation);
   }, []);
-  const [shape, setShapeState] = useState15(() => getSelectedShapeForSelectorType(selectorType));
+  const [shape, setShapeState] = useState14(() => getSelectedShapeForSelectorType(selectorType));
   useEffect16(() => {
     setShapeState(getSelectedShapeForSelectorType(selectorType));
   }, [selectorType]);
-  const setShape = useCallback10((s11) => {
+  const setShape = useCallback9((s11) => {
     setShapeState(s11);
     saveSelectedShapeForSelectorType(selectorType, s11);
   }, [selectorType]);
@@ -18467,9 +18450,9 @@ function useToolbarPrefs(selectorType = "text") {
 }
 
 // src/hooks/usePendingCreation.ts
-import { useState as useState16, useCallback as useCallback11 } from "react";
+import { useState as useState15, useCallback as useCallback10 } from "react";
 function usePendingCreation(session, resourceId2, enabled) {
-  const [pending, setPending] = useState16(null);
+  const [pending, setPending] = useState15(null);
   useSessionEventSubscriptions(session, {
     "mark:requested": (event) => {
       if (!enabled) return;
@@ -18477,12 +18460,12 @@ function usePendingCreation(session, resourceId2, enabled) {
       setPending(event);
     }
   });
-  const clearPending = useCallback11(() => setPending(null), []);
+  const clearPending = useCallback10(() => setPending(null), []);
   return { pending, clearPending };
 }
 
 // src/hooks/useKBDiscovery.ts
-import { useEffect as useEffect17, useMemo as useMemo3, useState as useState17 } from "react";
+import { useEffect as useEffect17, useMemo as useMemo3, useState as useState16 } from "react";
 import { httpDiscovery, subscribeDiscovery } from "@semiont/sdk";
 function useKBDiscovery(options) {
   const enabled = options?.enabled ?? true;
@@ -18492,10 +18475,10 @@ function useKBDiscovery(options) {
     () => externalTransport ?? httpDiscovery(),
     [externalTransport]
   );
-  const [visible, setVisible] = useState17(
+  const [visible, setVisible] = useState16(
     () => typeof document === "undefined" || !document.hidden
   );
-  const [state, setState] = useState17(null);
+  const [state, setState] = useState16(null);
   useEffect17(() => {
     const onVisibilityChange = () => setVisible(!document.hidden);
     document.addEventListener("visibilitychange", onVisibilityChange);
@@ -18582,10 +18565,10 @@ function useEventSubscriptions(subscriptions) {
 }
 
 // src/contexts/ResourceAnnotationsContext.tsx
-import { createContext as createContext4, useContext as useContext4, useState as useState19, useCallback as useCallback13, useMemo as useMemo5 } from "react";
+import { createContext as createContext4, useContext as useContext4, useState as useState18, useCallback as useCallback12, useMemo as useMemo5 } from "react";
 
 // src/components/LiveRegion.tsx
-import { useState as useState18, createContext as createContext3, useContext as useContext3, useCallback as useCallback12 } from "react";
+import { useState as useState17, createContext as createContext3, useContext as useContext3, useCallback as useCallback11 } from "react";
 import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 var LiveRegionContext = createContext3(null);
 function useLiveRegion() {
@@ -18597,9 +18580,9 @@ function useLiveRegion() {
   return context;
 }
 function LiveRegionProvider({ children }) {
-  const [politeMessage, setPoliteMessage] = useState18("");
-  const [assertiveMessage, setAssertiveMessage] = useState18("");
-  const announce = useCallback12((message, priority = "polite") => {
+  const [politeMessage, setPoliteMessage] = useState17("");
+  const [assertiveMessage, setAssertiveMessage] = useState17("");
+  const announce = useCallback11((message, priority = "polite") => {
     if (priority === "assertive") {
       setAssertiveMessage(message);
       setTimeout(() => setAssertiveMessage(""), 1e3);
@@ -18634,14 +18617,14 @@ function LiveRegionProvider({ children }) {
 }
 function useSearchAnnouncements() {
   const { announce } = useLiveRegion();
-  const announceSearchResults = useCallback12((count2, query) => {
+  const announceSearchResults = useCallback11((count2, query) => {
     if (count2 === 0) {
       announce(`No results found for ${query}`, "polite");
     } else {
       announce(`${count2} result${count2 === 1 ? "" : "s"} found for ${query}`, "polite");
     }
   }, [announce]);
-  const announceSearching = useCallback12(() => {
+  const announceSearching = useCallback11(() => {
     announce("Searching...", "polite");
   }, [announce]);
   return {
@@ -18651,26 +18634,26 @@ function useSearchAnnouncements() {
 }
 function useDocumentAnnouncements(annotators) {
   const { announce } = useLiveRegion();
-  const announceDocumentSaved = useCallback12(() => {
+  const announceDocumentSaved = useCallback11(() => {
     announce("Document saved successfully", "polite");
   }, [announce]);
-  const announceDocumentDeleted = useCallback12(() => {
+  const announceDocumentDeleted = useCallback11(() => {
     announce("Document deleted", "polite");
   }, [announce]);
-  const announceAnnotationCreated = useCallback12((annotation) => {
+  const announceAnnotationCreated = useCallback11((annotation) => {
     const metadata = annotators ? Object.values(annotators).find((a15) => a15.matchesAnnotation(annotation)) : null;
     const message = metadata?.announceOnCreate ?? "Annotation created";
     announce(message, "polite");
   }, [announce, annotators]);
-  const announceAnnotationDeleted = useCallback12(() => {
+  const announceAnnotationDeleted = useCallback11(() => {
     announce("Annotation deleted", "polite");
   }, [announce]);
-  const announceAnnotationUpdated = useCallback12((annotation) => {
+  const announceAnnotationUpdated = useCallback11((annotation) => {
     const metadata = annotators ? Object.values(annotators).find((a15) => a15.matchesAnnotation(annotation)) : null;
     const message = `${metadata?.displayName ?? "Annotation"} updated`;
     announce(message, "polite");
   }, [announce, annotators]);
-  const announceError = useCallback12((message) => {
+  const announceError = useCallback11((message) => {
     announce(`Error: ${message}`, "assertive");
   }, [announce]);
   return {
@@ -18684,18 +18667,18 @@ function useDocumentAnnouncements(annotators) {
 }
 function useResourceLoadingAnnouncements() {
   const { announce } = useLiveRegion();
-  const announceResourceLoading = useCallback12((resourceName) => {
+  const announceResourceLoading = useCallback11((resourceName) => {
     const message = resourceName ? `Loading ${resourceName}...` : "Loading resource...";
     announce(message, "polite");
   }, [announce]);
-  const announceResourceLoaded = useCallback12((resourceName) => {
+  const announceResourceLoaded = useCallback11((resourceName) => {
     announce(`${resourceName} loaded successfully`, "polite");
   }, [announce]);
-  const announceResourceLoadError = useCallback12((resourceName) => {
+  const announceResourceLoadError = useCallback11((resourceName) => {
     const message = resourceName ? `Failed to load ${resourceName}` : "Failed to load resource";
     announce(message, "assertive");
   }, [announce]);
-  const announceResourceUpdating = useCallback12((resourceName) => {
+  const announceResourceUpdating = useCallback11((resourceName) => {
     announce(`Updating ${resourceName}...`, "polite");
   }, [announce]);
   return {
@@ -18707,16 +18690,16 @@ function useResourceLoadingAnnouncements() {
 }
 function useFormAnnouncements() {
   const { announce } = useLiveRegion();
-  const announceFormSubmitting = useCallback12(() => {
+  const announceFormSubmitting = useCallback11(() => {
     announce("Submitting form...", "polite");
   }, [announce]);
-  const announceFormSuccess = useCallback12((message) => {
+  const announceFormSuccess = useCallback11((message) => {
     announce(message || "Form submitted successfully", "polite");
   }, [announce]);
-  const announceFormError = useCallback12((message) => {
+  const announceFormError = useCallback11((message) => {
     announce(message || "Form submission failed. Please check your entries and try again.", "assertive");
   }, [announce]);
-  const announceFormValidationError = useCallback12((fieldCount) => {
+  const announceFormValidationError = useCallback11((fieldCount) => {
     const message = fieldCount === 1 ? "There is 1 field with an error" : `There are ${fieldCount} fields with errors`;
     announce(message, "assertive");
   }, [announce]);
@@ -18729,10 +18712,10 @@ function useFormAnnouncements() {
 }
 function useLanguageChangeAnnouncements() {
   const { announce } = useLiveRegion();
-  const announceLanguageChanging = useCallback12((newLanguage) => {
+  const announceLanguageChanging = useCallback11((newLanguage) => {
     announce(`Changing language to ${newLanguage}...`, "polite");
   }, [announce]);
-  const announceLanguageChanged = useCallback12((newLanguage) => {
+  const announceLanguageChanged = useCallback11((newLanguage) => {
     announce(`Language changed to ${newLanguage}`, "polite");
   }, [announce]);
   return {
@@ -18745,10 +18728,10 @@ function useLanguageChangeAnnouncements() {
 import { jsx as jsx4 } from "react/jsx-runtime";
 var ResourceAnnotationsContext = createContext4(void 0);
 function ResourceAnnotationsProvider({ children }) {
-  const [newAnnotationIds, setNewAnnotationIds] = useState19(/* @__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 = []) => {
+  const markAnnotation = useCallback12(async (rUri, motivation, selector, body = []) => {
     if (!semiont) throw new Error("Not authenticated");
     try {
       const createData = {
@@ -18778,14 +18761,14 @@ function ResourceAnnotationsProvider({ children }) {
       throw err;
     }
   }, [semiont, announce]);
-  const clearNewAnnotationId = useCallback13((id2) => {
+  const clearNewAnnotationId = useCallback12((id2) => {
     setNewAnnotationIds((prev) => {
       const next = new Set(prev);
       next.delete(id2);
       return next;
     });
   }, []);
-  const triggerSparkleAnimation = useCallback13((annotationId2) => {
+  const triggerSparkleAnimation = useCallback12((annotationId2) => {
     setNewAnnotationIds((prev) => new Set(prev).add(annotationId2));
     setTimeout(() => {
       setNewAnnotationIds((prev) => {
@@ -26784,10 +26767,10 @@ function AssistProgress({
 }
 
 // src/components/resource/panels/AssistShell.tsx
-import { useState as useState20, useEffect as useEffect20 } from "react";
+import { useState as useState19, useEffect as useEffect20 } from "react";
 import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
 function AssistShell({ assistType, title, isAssisting, progress, form, progressProps }) {
-  const [isExpanded, setIsExpanded] = useState20(() => {
+  const [isExpanded, setIsExpanded] = useState19(() => {
     if (typeof window === "undefined") return true;
     const stored = localStorage.getItem(`assist-section-expanded-${assistType}`);
     return stored ? stored === "true" : true;
@@ -26994,7 +26977,7 @@ function ProtectedErrorFallback({ error, resetErrorBoundary }) {
 }
 
 // src/components/ResizeHandle.tsx
-import { useRef as useRef11, useCallback as useCallback14, useEffect as useEffect21, useState as useState21 } from "react";
+import { useRef as useRef11, useCallback as useCallback13, useEffect as useEffect21, useState as useState20 } from "react";
 import { jsx as jsx11 } from "react/jsx-runtime";
 function ResizeHandle({
   onResize,
@@ -27003,14 +26986,14 @@ function ResizeHandle({
   position = "left",
   ariaLabel = "Resize panel"
 }) {
-  const [isDragging, setIsDragging] = useState21(false);
+  const [isDragging, setIsDragging] = useState20(false);
   const startXRef = useRef11(0);
   const startWidthRef = useRef11(0);
   const onResizeRef = useRef11(onResize);
   useEffect21(() => {
     onResizeRef.current = onResize;
   });
-  const handleMouseDown = useCallback14((e6) => {
+  const handleMouseDown = useCallback13((e6) => {
     e6.preventDefault();
     setIsDragging(true);
     startXRef.current = e6.clientX;
@@ -27019,7 +27002,7 @@ function ResizeHandle({
       startWidthRef.current = parent.offsetWidth;
     }
   }, []);
-  const handleMouseMove = useCallback14((e6) => {
+  const handleMouseMove = useCallback13((e6) => {
     if (!isDragging) return;
     const deltaX = e6.clientX - startXRef.current;
     const widthDelta = position === "left" ? -deltaX : deltaX;
@@ -27027,10 +27010,10 @@ function ResizeHandle({
     const constrainedWidth = Math.max(minWidth, Math.min(maxWidth, newWidth));
     onResizeRef.current(constrainedWidth);
   }, [isDragging, minWidth, maxWidth, position]);
-  const handleMouseUp = useCallback14(() => {
+  const handleMouseUp = useCallback13(() => {
     setIsDragging(false);
   }, []);
-  const handleKeyDown = useCallback14((e6) => {
+  const handleKeyDown = useCallback13((e6) => {
     const parent = e6.target.parentElement;
     if (!parent) return;
     const currentWidth = parent.offsetWidth;
@@ -27089,7 +27072,7 @@ function ResizeHandle({
 }
 
 // src/components/ResourceTagsInline.tsx
-import { useState as useState22 } from "react";
+import { useState as useState21 } from "react";
 import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
 function ResourceTagsInline({
   tags: tags3,
@@ -27098,8 +27081,8 @@ function ResourceTagsInline({
   disabled = false,
   vocabulary
 }) {
-  const [busy, setBusy] = useState22(false);
-  const [picking, setPicking] = useState22(false);
+  const [busy, setBusy] = useState21(false);
+  const [picking, setPicking] = useState21(false);
   if (!isEditing) {
     if (tags3.length === 0) {
       return null;
@@ -27288,7 +27271,6 @@ import React5, { useEffect as useEffect22 } from "react";
 import { LOCALES } from "@semiont/core";
 import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
 function SettingsPanel({
-  showLineNumbers,
   theme: theme2,
   locale,
   isPendingLocaleChange = false,
@@ -27296,6 +27278,7 @@ function SettingsPanel({
 }) {
   const t12 = useTranslations("Settings");
   const semiont = useSemiont();
+  const { showLineNumbers } = useLineNumbers();
   const { announceLanguageChanging, announceLanguageChanged } = useLanguageChangeAnnouncements();
   const [previousLocale, setPreviousLocale] = React5.useState(locale);
   const handleLocaleChange = (newLocale) => {
@@ -27422,7 +27405,7 @@ function SettingsPanel({
 }
 
 // src/components/annotation/AnnotateToolbar.tsx
-import React6, { useState as useState23, useRef as useRef12, useEffect as useEffect23 } from "react";
+import React6, { useState as useState22, useRef as useRef12, useEffect as useEffect23 } from "react";
 import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
 function DropdownGroup({
   label,
@@ -27499,14 +27482,14 @@ function AnnotateToolbar({
     const annotator = Object.values(annotators).find((a15) => a15.motivation === motivation);
     return annotator?.iconEmoji || "\u2753";
   };
-  const [modeHovered, setModeHovered] = useState23(false);
-  const [modePinned, setModePinned] = useState23(false);
-  const [clickHovered, setClickHovered] = useState23(false);
-  const [clickPinned, setClickPinned] = useState23(false);
-  const [selectionHovered, setSelectionHovered] = useState23(false);
-  const [selectionPinned, setSelectionPinned] = useState23(false);
-  const [shapeHovered, setShapeHovered] = useState23(false);
-  const [shapePinned, setShapePinned] = useState23(false);
+  const [modeHovered, setModeHovered] = useState22(false);
+  const [modePinned, setModePinned] = useState22(false);
+  const [clickHovered, setClickHovered] = useState22(false);
+  const [clickPinned, setClickPinned] = useState22(false);
+  const [selectionHovered, setSelectionHovered] = useState22(false);
+  const [selectionPinned, setSelectionPinned] = useState22(false);
+  const [shapeHovered, setShapeHovered] = useState22(false);
+  const [shapePinned, setShapePinned] = useState22(false);
   const modeRef = useRef12(null);
   const clickRef = useRef12(null);
   const selectionRef = useRef12(null);
@@ -29806,7 +29789,7 @@ function AnnotationOverlay({
 }
 
 // src/components/image-annotation/SvgDrawingCanvas.tsx
-import { useRef as useRef14, useState as useState25, useEffect as useEffect26, useCallback as useCallback15 } from "react";
+import { useRef as useRef14, useState as useState24, useEffect as useEffect26, useCallback as useCallback14 } from "react";
 import { createRectangleSvg, createCircleSvg, createPolygonSvg, scaleSvgToNative, parseSvgSelector as parseSvgSelector2, resourceId as toResourceId3 } from "@semiont/core";
 import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
 function getMotivationColor(motivation) {
@@ -29843,11 +29826,11 @@ function SvgDrawingCanvas({
   const { hoverDelayMs } = useHoverDelay();
   const containerRef = useRef14(null);
   const imageRef = useRef14(null);
-  const [imageDimensions, setImageDimensions] = useState25(null);
-  const [displayDimensions, setDisplayDimensions] = useState25(null);
-  const [isDrawing, setIsDrawing] = useState25(false);
-  const [startPoint, setStartPoint] = useState25(null);
-  const [currentPoint, setCurrentPoint] = useState25(null);
+  const [imageDimensions, setImageDimensions] = useState24(null);
+  const [displayDimensions, setDisplayDimensions] = useState24(null);
+  const [isDrawing, setIsDrawing] = useState24(false);
+  const [startPoint, setStartPoint] = useState24(null);
+  const [currentPoint, setCurrentPoint] = useState24(null);
   useEffect26(() => {
     const img = new Image();
     img.onload = () => {
@@ -29886,7 +29869,7 @@ function SvgDrawingCanvas({
       }
     };
   }, []);
-  const getRelativeCoordinates = useCallback15((e6) => {
+  const getRelativeCoordinates = useCallback14((e6) => {
     if (!imageRef.current) return null;
     const rect = imageRef.current.getBoundingClientRect();
     return {
@@ -29894,7 +29877,7 @@ function SvgDrawingCanvas({
       y: e6.clientY - rect.top
     };
   }, []);
-  const handleMouseDown = useCallback15((e6) => {
+  const handleMouseDown = useCallback14((e6) => {
     if (!drawingMode) return;
     const point = getRelativeCoordinates(e6);
     if (point) {
@@ -29903,14 +29886,14 @@ function SvgDrawingCanvas({
       setCurrentPoint(point);
     }
   }, [drawingMode, getRelativeCoordinates]);
-  const handleMouseMove = useCallback15((e6) => {
+  const handleMouseMove = useCallback14((e6) => {
     if (!isDrawing || !startPoint) return;
     const point = getRelativeCoordinates(e6);
     if (point) {
       setCurrentPoint(point);
     }
   }, [isDrawing, startPoint, getRelativeCoordinates]);
-  const handleMouseUp = useCallback15((e6) => {
+  const handleMouseUp = useCallback14((e6) => {
     if (!isDrawing || !startPoint || !drawingMode) return;
     const endPoint = getRelativeCoordinates(e6);
     if (!endPoint || !displayDimensions || !imageDimensions) return;
@@ -30009,7 +29992,7 @@ function SvgDrawingCanvas({
     setStartPoint(null);
     setCurrentPoint(null);
   }, [isDrawing, startPoint, drawingMode, displayDimensions, imageDimensions, getRelativeCoordinates, selectedMotivation, existingAnnotations]);
-  const handleMouseLeave = useCallback15(() => {
+  const handleMouseLeave = useCallback14(() => {
     if (isDrawing) {
       setIsDrawing(false);
       setStartPoint(null);
@@ -30475,7 +30458,7 @@ function SessionExpiredModal() {
 }
 
 // src/components/resource/AnnotateView.tsx
-import { useRef as useRef15, useEffect as useEffect27, useCallback as useCallback16 } from "react";
+import { useRef as useRef15, useEffect as useEffect27, useCallback as useCallback15 } from "react";
 import { capabilitiesOf as capabilitiesOf3, resourceId as toResourceId4 } from "@semiont/core";
 
 // src/lib/text-selection-handler.ts
@@ -30709,16 +30692,16 @@ function AnnotateView({
   const { selectedMotivation, selectedClick, selectedShape, hoveredAnnotationId, scrollToAnnotationId } = uiState;
   const onUIStateChangeRef = useRef15(onUIStateChange);
   onUIStateChangeRef.current = onUIStateChange;
-  const handleToolbarSelectionChange = useCallback16((motivation) => {
+  const handleToolbarSelectionChange = useCallback15((motivation) => {
     onUIStateChangeRef.current?.({ selectedMotivation: motivation });
   }, []);
-  const handleToolbarClickActionChange = useCallback16((action) => {
+  const handleToolbarClickActionChange = useCallback15((action) => {
     onUIStateChangeRef.current?.({ selectedClick: action });
   }, []);
-  const handleToolbarShapeChange = useCallback16((shape) => {
+  const handleToolbarShapeChange = useCallback15((shape) => {
     onUIStateChangeRef.current?.({ selectedShape: shape });
   }, []);
-  const handleAnnotationHover = useCallback16(({ annotationId: annotationId2 }) => {
+  const handleAnnotationHover = useCallback15(({ annotationId: annotationId2 }) => {
     onUIStateChangeRef.current?.({ hoveredAnnotationId: annotationId2 });
   }, []);
   useSessionEventSubscriptions(session, {
@@ -30841,7 +30824,7 @@ import { useEffect as useEffect29, useRef as useRef17 } from "react";
 import { getAnnotationUriFromEvent as getAnnotationUriFromEvent2 } from "@semiont/core";
 
 // src/components/resource/HistoryEvent.tsx
-import { useRef as useRef16, useCallback as useCallback17, useEffect as useEffect28 } from "react";
+import { useRef as useRef16, useCallback as useCallback16, useEffect as useEffect28 } from "react";
 import { getAnnotationUriFromEvent } from "@semiont/core";
 
 // src/components/resource/event-formatting.ts
@@ -31100,7 +31083,7 @@ function HistoryEvent({
   useEffect28(() => {
     onEventHoverRef.current = onEventHover;
   });
-  const handleEmojiMouseEnter = useCallback17(() => {
+  const handleEmojiMouseEnter = useCallback16(() => {
     if (!annotationUri || !onEventHoverRef.current) return;
     if (hoverTimeoutRef.current) {
       clearTimeout(hoverTimeoutRef.current);
@@ -31109,7 +31092,7 @@ function HistoryEvent({
       onEventHoverRef.current?.(annotationUri);
     }, 300);
   }, [annotationUri]);
-  const handleEmojiMouseLeave = useCallback17(() => {
+  const handleEmojiMouseLeave = useCallback16(() => {
     if (hoverTimeoutRef.current) {
       clearTimeout(hoverTimeoutRef.current);
       hoverTimeoutRef.current = null;
@@ -31286,7 +31269,7 @@ function AnnotationHistory({
 }
 
 // src/components/resource/BrowseView.tsx
-import { useEffect as useEffect30, useRef as useRef18, useCallback as useCallback18, useMemo as useMemo7, memo as memo2 } from "react";
+import { useEffect as useEffect30, useRef as useRef18, useCallback as useCallback17, 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";
@@ -31470,21 +31453,21 @@ var BrowseView = memo2(function BrowseView2({
       referentSub?.unsubscribe();
     };
   }, [content2, allAnnotations, newAnnotationIds, hoverDelayMs, session, onReferenceHover]);
-  const scrollToAnnotation = useCallback18((annotationId2, removePulse = false) => {
+  const scrollToAnnotation = useCallback17((annotationId2, removePulse = false) => {
     if (!containerRef.current) return;
     scrollAnnotationIntoView(annotationId2, containerRef.current, { pulse: removePulse });
   }, []);
-  const handleAnnotationHover = useCallback18(({ annotationId: annotationId2 }) => {
+  const handleAnnotationHover = useCallback17(({ annotationId: annotationId2 }) => {
     scrollToAnnotation(annotationId2);
   }, [scrollToAnnotation]);
-  const handleAnnotationFocus = useCallback18(({ annotationId: annotationId2 }) => {
+  const handleAnnotationFocus = useCallback17(({ annotationId: annotationId2 }) => {
     scrollToAnnotation(annotationId2 ?? null, true);
   }, [scrollToAnnotation]);
   useSessionEventSubscriptions(session, {
     "beckon:hover": handleAnnotationHover,
     "beckon:focus": handleAnnotationFocus
   });
-  const handleContentClick = useCallback18((e6) => {
+  const handleContentClick = useCallback17((e6) => {
     const anchor = e6.target.closest("a[href]");
     if (!anchor) return;
     e6.preventDefault();
@@ -31530,7 +31513,7 @@ var BrowseView = memo2(function BrowseView2({
 });
 
 // src/components/resource/ResourceViewer.tsx
-import { useState as useState26, useCallback as useCallback19, useRef as useRef19, useMemo as useMemo8 } from "react";
+import { useState as useState25, useCallback as useCallback18, useRef as useRef19, useMemo as useMemo8 } from "react";
 import { getExactText as getExactText3, getTargetSelector as getTargetSelector4, getPrimaryMediaType as getPrimaryMediaType2, isHighlight as isHighlight5, isAssessment as isAssessment4, isReference as isReference6, isComment as isComment5, isTag as isTag5, getBodySource as getBodySource5 } from "@semiont/core";
 import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
 function ResourceViewer({
@@ -31567,34 +31550,34 @@ function ResourceViewer({
   }
   const rUri = resource["@id"];
   const mimeType = getPrimaryMediaType2(resource) || "text/plain";
-  const [internalAnnotateMode, setInternalAnnotateMode] = useState26(false);
+  const [internalAnnotateMode, setInternalAnnotateMode] = useState25(false);
   const annotateMode = annotateModeProp ?? internalAnnotateMode;
-  const changeAnnotateMode = useCallback19((mode) => {
+  const changeAnnotateMode = useCallback18((mode) => {
     if (annotateModeProp === void 0) setInternalAnnotateMode(mode);
     onAnnotateModeChange?.(mode);
   }, [annotateModeProp, onAnnotateModeChange]);
   const activeView = annotateMode ? "annotate" : "browse";
-  const [internalSelectionMotivation, setInternalSelectionMotivation] = useState26("linking");
+  const [internalSelectionMotivation, setInternalSelectionMotivation] = useState25("linking");
   const selectedMotivation = selectionMotivationProp !== void 0 ? selectionMotivationProp : internalSelectionMotivation;
-  const changeSelectionMotivation = useCallback19((motivation) => {
+  const changeSelectionMotivation = useCallback18((motivation) => {
     if (selectionMotivationProp === void 0) setInternalSelectionMotivation(motivation);
     onSelectionMotivationChange?.(motivation);
   }, [selectionMotivationProp, onSelectionMotivationChange]);
-  const [internalClickAction, setInternalClickAction] = useState26("detail");
+  const [internalClickAction, setInternalClickAction] = useState25("detail");
   const selectedClick = clickActionProp ?? internalClickAction;
-  const changeClickAction = useCallback19((action) => {
+  const changeClickAction = useCallback18((action) => {
     if (clickActionProp === void 0) setInternalClickAction(action);
     onClickActionChange?.(action);
   }, [clickActionProp, onClickActionChange]);
-  const [internalShape, setInternalShape] = useState26("rectangle");
+  const [internalShape, setInternalShape] = useState25("rectangle");
   const selectedShape = shapeProp ?? internalShape;
-  const changeShape = useCallback19((shape) => {
+  const changeShape = useCallback18((shape) => {
     if (shapeProp === void 0) setInternalShape(shape);
     onShapeChange?.(shape);
   }, [shapeProp, onShapeChange]);
-  const [showJsonLdView, setShowJsonLdView] = useState26(false);
-  const [jsonLdAnnotation, setJsonLdAnnotation] = useState26(null);
-  const [deleteConfirmation, setDeleteConfirmation] = useState26(null);
+  const [showJsonLdView, setShowJsonLdView] = useState25(false);
+  const [jsonLdAnnotation, setJsonLdAnnotation] = useState25(null);
+  const [deleteConfirmation, setDeleteConfirmation] = useState25(null);
   const hoveredAnnotationId = hoveredAnnotationIdProp ?? null;
   const getJsonLdModalPosition = () => {
     if (typeof window === "undefined") return { x: 0, y: 0 };
@@ -31605,10 +31588,10 @@ function ResourceViewer({
       y: Math.max(0, (window.innerHeight - popupHeight) / 2)
     };
   };
-  const handleDeleteAnnotation = useCallback19((id2) => {
+  const handleDeleteAnnotation = useCallback18((id2) => {
     session?.client.mark.delete(rUri, id2);
   }, [session, rUri]);
-  const handleAnnotationClick2 = useCallback19((annotation, event) => {
+  const handleAnnotationClick2 = useCallback18((annotation, event) => {
     const metadata = Object.values(ANNOTATORS).find((a15) => a15.matchesAnnotation(annotation));
     if (metadata?.hasSidePanel && selectedClick !== "deleting" && selectedClick !== "jsonld" && selectedClick !== "follow") {
       return;
@@ -31633,7 +31616,7 @@ function ResourceViewer({
       return;
     }
   }, [annotateMode, selectedClick, onOpenResource]);
-  const handleAnnotationClickEvent = useCallback19(({ annotationId: annotationId2, motivation, anchorRect }) => {
+  const handleAnnotationClickEvent = useCallback18(({ annotationId: annotationId2, motivation, anchorRect }) => {
     const metadata = Object.values(ANNOTATORS).find((a15) => a15.matchesAnnotation({ motivation }));
     if (!metadata?.hasSidePanel) {
       const allAnnotations = [...highlights, ...references, ...assessments, ...comments, ...tags3];
@@ -31667,7 +31650,7 @@ function ResourceViewer({
     selectedShape,
     hoveredAnnotationId
   };
-  const getTargetResourceName = useCallback19((resourceId2) => {
+  const getTargetResourceName = useCallback18((resourceId2) => {
     const referencedResource = references.find((a15) => getBodySource5(a15.body) === resourceId2);
     return referencedResource ? getExactText3(getTargetSelector4(referencedResource.target)) : void 0;
   }, [references]);
@@ -31878,11 +31861,11 @@ function AssessmentEntry({
 }
 
 // src/components/resource/panels/AssessmentPanel.tsx
-import { useState as useState28, useEffect as useEffect31, useRef as useRef20, useCallback as useCallback21, useMemo as useMemo9 } from "react";
+import { useState as useState27, useEffect as useEffect31, useRef as useRef20, useCallback as useCallback20, useMemo as useMemo9 } from "react";
 import { getTextPositionSelector as getTextPositionSelector3, getTargetSelector as getTargetSelector5 } from "@semiont/core";
 
 // src/components/resource/panels/AssistSection.tsx
-import { useState as useState27, useCallback as useCallback20 } from "react";
+import { useState as useState26, useCallback as useCallback19 } from "react";
 import { Fragment as Fragment6, jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
 function AssistSection({
   session,
@@ -31894,12 +31877,12 @@ function AssistSection({
 }) {
   const panelName = annotationType === "highlight" ? "HighlightPanel" : annotationType === "assessment" ? "AssessmentPanel" : "CommentsPanel";
   const t12 = useTranslations(panelName);
-  const [instructions, setInstructions] = useState27("");
-  const [tone, setTone] = useState27("");
+  const [instructions, setInstructions] = useState26("");
+  const [tone, setTone] = useState26("");
   const defaultDensity = annotationType === "assessment" ? 4 : 5;
-  const [density, setDensity] = useState27(defaultDensity);
-  const [useDensity, setUseDensity] = useState27(true);
-  const handleAssist = useCallback20(() => {
+  const [density, setDensity] = useState26(defaultDensity);
+  const [useDensity, setUseDensity] = useState26(true);
+  const handleAssist = useCallback19(() => {
     const motivation = annotationType === "highlight" ? "highlighting" : annotationType === "assessment" ? "assessing" : "commenting";
     session?.client.mark.requestAssist(motivation, {
       instructions: instructions.trim() || void 0,
@@ -31915,7 +31898,7 @@ function AssistSection({
     setInstructions("");
     setTone("");
   }, [annotationType, instructions, tone, useDensity, density, locale, sourceLanguage, session]);
-  const handleDismissProgress = useCallback20(() => {
+  const handleDismissProgress = useCallback19(() => {
     session?.client.mark.dismissProgress();
   }, [session]);
   return /* @__PURE__ */ jsx31(
@@ -32081,8 +32064,8 @@ function AssessmentPanel({
   hoveredAnnotationId
 }) {
   const t12 = useTranslations("AssessmentPanel");
-  const [newAssessmentText, setNewAssessmentText] = useState28("");
-  const [focusedAnnotationId, setFocusedAnnotationId] = useState28(null);
+  const [newAssessmentText, setNewAssessmentText] = useState27("");
+  const [focusedAnnotationId, setFocusedAnnotationId] = useState27(null);
   const containerRef = useRef20(null);
   const entryRefs = useRef20(/* @__PURE__ */ new Map());
   const sortedAnnotations = useMemo9(() => {
@@ -32093,7 +32076,7 @@ function AssessmentPanel({
       return aSelector.start - bSelector.start;
     });
   }, [annotations]);
-  const setEntryRef = useCallback21((id2, element) => {
+  const setEntryRef = useCallback20((id2, element) => {
     if (element) {
       entryRefs.current.set(id2, element);
     } else {
@@ -32155,7 +32138,7 @@ function AssessmentPanel({
     document.addEventListener("keydown", handleEscape);
     return () => document.removeEventListener("keydown", handleEscape);
   }, [pendingAnnotation, session]);
-  const handleAnnotationClick2 = useCallback21(({ annotationId: annotationId2 }) => {
+  const handleAnnotationClick2 = useCallback20(({ annotationId: annotationId2 }) => {
     setFocusedAnnotationId(annotationId2);
     setTimeout(() => setFocusedAnnotationId(null), 3e3);
   }, []);
@@ -32323,7 +32306,7 @@ function CollaborationPanel({
 }
 
 // src/components/resource/panels/CommentEntry.tsx
-import { useState as useState29, useEffect as useEffect32, useRef as useRef21, useImperativeHandle } from "react";
+import { useState as useState28, useEffect as useEffect32, useRef as useRef21, useImperativeHandle } from "react";
 import { getAnnotationExactText as getAnnotationExactText2, getCommentText } from "@semiont/core";
 import { jsx as jsx35, jsxs as jsxs27 } from "react/jsx-runtime";
 function formatRelativeTime3(isoString) {
@@ -32350,8 +32333,8 @@ function CommentEntry({
 }) {
   const t12 = useTranslations("CommentsPanel");
   const hoverProps = useHoverEmitter(session, comment2.id);
-  const [isEditing, setIsEditing] = useState29(false);
-  const [editText, setEditText] = useState29("");
+  const [isEditing, setIsEditing] = useState28(false);
+  const [editText, setEditText] = useState28("");
   const internalRef = useRef21(null);
   useImperativeHandle(ref, () => internalRef.current);
   const commentText = getCommentText(comment2) || "";
@@ -32458,7 +32441,7 @@ function CommentEntry({
 }
 
 // src/components/resource/panels/CommentsPanel.tsx
-import { useState as useState30, useEffect as useEffect33, useRef as useRef22, useCallback as useCallback22, useMemo as useMemo10 } from "react";
+import { useState as useState29, useEffect as useEffect33, useRef as useRef22, useCallback as useCallback21, useMemo as useMemo10 } from "react";
 import { getTextPositionSelector as getTextPositionSelector4, getTargetSelector as getTargetSelector6 } from "@semiont/core";
 import { jsx as jsx36, jsxs as jsxs28 } from "react/jsx-runtime";
 function getSelectorDisplayText2(selector) {
@@ -32489,8 +32472,8 @@ function CommentsPanel({
   hoveredAnnotationId
 }) {
   const t12 = useTranslations("CommentsPanel");
-  const [newCommentText, setNewCommentText] = useState30("");
-  const [focusedAnnotationId, setFocusedAnnotationId] = useState30(null);
+  const [newCommentText, setNewCommentText] = useState29("");
+  const [focusedAnnotationId, setFocusedAnnotationId] = useState29(null);
   const containerRef = useRef22(null);
   const entryRefs = useRef22(/* @__PURE__ */ new Map());
   const sortedAnnotations = useMemo10(() => {
@@ -32501,7 +32484,7 @@ function CommentsPanel({
       return aSelector.start - bSelector.start;
     });
   }, [annotations]);
-  const setEntryRef = useCallback22((id2, element) => {
+  const setEntryRef = useCallback21((id2, element) => {
     if (element) {
       entryRefs.current.set(id2, element);
     } else {
@@ -32541,7 +32524,7 @@ function CommentsPanel({
       container.scrollTo({ top: scrollTo, behavior: "smooth" });
     }
   }, [hoveredAnnotationId]);
-  const handleAnnotationClick2 = useCallback22(({ annotationId: annotationId2 }) => {
+  const handleAnnotationClick2 = useCallback21(({ annotationId: annotationId2 }) => {
     setFocusedAnnotationId(annotationId2);
     setTimeout(() => setFocusedAnnotationId(null), 3e3);
   }, []);
@@ -32711,7 +32694,7 @@ function HighlightEntry({
 }
 
 // src/components/resource/panels/HighlightPanel.tsx
-import { useEffect as useEffect34, useState as useState31, useRef as useRef23, useCallback as useCallback23, useMemo as useMemo11 } from "react";
+import { useEffect as useEffect34, useState as useState30, useRef as useRef23, useCallback as useCallback22, useMemo as useMemo11 } from "react";
 import { getTextPositionSelector as getTextPositionSelector5, getTargetSelector as getTargetSelector7 } from "@semiont/core";
 import { jsx as jsx37, jsxs as jsxs30 } from "react/jsx-runtime";
 function HighlightPanel({
@@ -32728,7 +32711,7 @@ function HighlightPanel({
   sourceLanguage
 }) {
   const t12 = useTranslations("HighlightPanel");
-  const [focusedAnnotationId, setFocusedAnnotationId] = useState31(null);
+  const [focusedAnnotationId, setFocusedAnnotationId] = useState30(null);
   const containerRef = useRef23(null);
   const entryRefs = useRef23(/* @__PURE__ */ new Map());
   const sortedAnnotations = useMemo11(() => {
@@ -32739,7 +32722,7 @@ function HighlightPanel({
       return aSelector.start - bSelector.start;
     });
   }, [annotations]);
-  const setEntryRef = useCallback23((id2, element) => {
+  const setEntryRef = useCallback22((id2, element) => {
     if (element) {
       entryRefs.current.set(id2, element);
     } else {
@@ -32777,7 +32760,7 @@ function HighlightPanel({
       container.scrollTo({ top: scrollTo, behavior: "smooth" });
     }
   }, [hoveredAnnotationId]);
-  const handleAnnotationClick2 = useCallback23(({ annotationId: annotationId2 }) => {
+  const handleAnnotationClick2 = useCallback22(({ annotationId: annotationId2 }) => {
     setFocusedAnnotationId(annotationId2);
     setTimeout(() => setFocusedAnnotationId(null), 3e3);
   }, []);
@@ -32825,12 +32808,12 @@ function HighlightPanel({
 import { useEffect as useEffect36, useRef as useRef24 } from "react";
 
 // src/hooks/useResourceGraph.ts
-import { useEffect as useEffect35, useState as useState32 } from "react";
+import { useEffect as useEffect35, useState as useState31 } from "react";
 function useResourceGraph(id2) {
   const semiont = useObservable(useSemiont().activeSession$)?.client;
-  const [graph, setGraph] = useState32(null);
-  const [loading, setLoading] = useState32(true);
-  const [error, setError] = useState32(null);
+  const [graph, setGraph] = useState31(null);
+  const [loading, setLoading] = useState31(true);
+  const [error, setError] = useState31(null);
   useEffect35(() => {
     if (!semiont || !id2) {
       setLoading(false);
@@ -33113,7 +33096,7 @@ function ReferenceEntry({
 }
 
 // src/components/resource/panels/ReferencesPanel.tsx
-import { useState as useState33, useRef as useRef25, useEffect as useEffect37, useCallback as useCallback24, useMemo as useMemo12 } from "react";
+import { useState as useState32, useRef as useRef25, useEffect as useEffect37, useCallback as useCallback23, useMemo as useMemo12 } from "react";
 import { getTextPositionSelector as getTextPositionSelector6, getTargetSelector as getTargetSelector9 } from "@semiont/core";
 import { Fragment as Fragment7, jsx as jsx40, jsxs as jsxs33 } from "react/jsx-runtime";
 function getSelectorDisplayText3(selector) {
@@ -33154,11 +33137,11 @@ function ReferencesPanel({
   sourceLanguage
 }) {
   const t12 = useTranslations("ReferencesPanel");
-  const [selectedEntityTypes, setSelectedEntityTypes] = useState33([]);
-  const [lastAnnotationLog, setLastDetectionLog] = useState33(null);
-  const [pendingEntityTypes, setPendingEntityTypes] = useState33([]);
-  const [includeDescriptiveReferences, setIncludeDescriptiveReferences] = useState33(false);
-  const [focusedAnnotationId, setFocusedAnnotationId] = useState33(null);
+  const [selectedEntityTypes, setSelectedEntityTypes] = useState32([]);
+  const [lastAnnotationLog, setLastDetectionLog] = useState32(null);
+  const [pendingEntityTypes, setPendingEntityTypes] = useState32([]);
+  const [includeDescriptiveReferences, setIncludeDescriptiveReferences] = useState32(false);
+  const [focusedAnnotationId, setFocusedAnnotationId] = useState32(null);
   const containerRef = useRef25(null);
   const entryRefs = useRef25(/* @__PURE__ */ new Map());
   const sortedAnnotations = useMemo12(() => {
@@ -33169,7 +33152,7 @@ function ReferencesPanel({
       return aSelector.start - bSelector.start;
     });
   }, [annotations]);
-  const setEntryRef = useCallback24((id2, element) => {
+  const setEntryRef = useCallback23((id2, element) => {
     if (element) {
       entryRefs.current.set(id2, element);
     } else {
@@ -33211,7 +33194,7 @@ function ReferencesPanel({
       container.scrollTo({ top: scrollTo, behavior: "smooth" });
     }
   }, [hoveredAnnotationId]);
-  const handleAnnotationClick2 = useCallback24(({ annotationId: annotationId2 }) => {
+  const handleAnnotationClick2 = useCallback23(({ annotationId: annotationId2 }) => {
     setFocusedAnnotationId(annotationId2);
     setTimeout(() => setFocusedAnnotationId(null), 3e3);
   }, []);
@@ -33754,7 +33737,7 @@ function TagEntry({
 }
 
 // src/components/resource/panels/TaggingPanel.tsx
-import { useState as useState34, useEffect as useEffect38, useRef as useRef26, useCallback as useCallback25, useMemo as useMemo14 } from "react";
+import { useState as useState33, useEffect as useEffect38, useRef as useRef26, useCallback as useCallback24, useMemo as useMemo14 } from "react";
 import { isReady as isReady2 } from "@semiont/sdk";
 import { getTextPositionSelector as getTextPositionSelector7, getTargetSelector as getTargetSelector10 } from "@semiont/core";
 import { Fragment as Fragment9, jsx as jsx44, jsxs as jsxs37 } from "react/jsx-runtime";
@@ -33794,16 +33777,16 @@ function TaggingPanel({
   const schemasObserved = schemasState && isReady2(schemasState) ? schemasState.value : void 0;
   const schemas = schemasObserved ?? [];
   const noSchemasRegistered = schemasObserved !== void 0 && schemasObserved.length === 0;
-  const [selectedSchemaId, setSelectedSchemaId] = useState34("");
-  const [selectedCategories, setSelectedCategories] = useState34(/* @__PURE__ */ new Set());
+  const [selectedSchemaId, setSelectedSchemaId] = useState33("");
+  const [selectedCategories, setSelectedCategories] = useState33(/* @__PURE__ */ new Set());
   useEffect38(() => {
     if (!selectedSchemaId && schemas.length > 0) {
       setSelectedSchemaId(schemas[0].id);
     }
   }, [schemas, selectedSchemaId]);
-  const [focusedAnnotationId, setFocusedAnnotationId] = useState34(null);
+  const [focusedAnnotationId, setFocusedAnnotationId] = useState33(null);
   const containerRef = useRef26(null);
-  const handleAnnotationClick2 = useCallback25(({ annotationId: annotationId2 }) => {
+  const handleAnnotationClick2 = useCallback24(({ annotationId: annotationId2 }) => {
     setFocusedAnnotationId(annotationId2);
     setTimeout(() => setFocusedAnnotationId(null), 3e3);
   }, []);
@@ -33819,7 +33802,7 @@ function TaggingPanel({
       return aSelector.start - bSelector.start;
     });
   }, [annotations]);
-  const setEntryRef = useCallback25((id2, element) => {
+  const setEntryRef = useCallback24((id2, element) => {
     if (element) {
       entryRefs.current.set(id2, element);
     } else {
@@ -34078,7 +34061,7 @@ function TaggingPanel({
 }
 
 // src/components/resource/panels/UnifiedAnnotationsPanel.tsx
-import { useState as useState35, useEffect as useEffect39 } from "react";
+import { useState as useState34, useEffect as useEffect39 } from "react";
 import { Fragment as Fragment10, jsx as jsx45, jsxs as jsxs38 } from "react/jsx-runtime";
 var TAB_ORDER = ["statistics", "reference", "highlight", "assessment", "comment", "tag"];
 function UnifiedAnnotationsPanel(props) {
@@ -34100,7 +34083,7 @@ function UnifiedAnnotationsPanel(props) {
     }
   }
   const grouped = groups;
-  const [activeTab, setActiveTab] = useState35(() => {
+  const [activeTab, setActiveTab] = useState34(() => {
     if (typeof window === "undefined") return props.initialTab || "statistics";
     const storageKey = props.resourceId ? `annotations-tab-${props.resourceId}` : "annotations-tab-global";
     const stored = localStorage.getItem(storageKey);
@@ -34295,7 +34278,7 @@ function ImageViewer({ imageUrl, alt = "Resource image" }) {
 }
 
 // src/components/navigation/Footer.tsx
-import { useState as useState36 } from "react";
+import { useState as useState35 } from "react";
 import { Fragment as Fragment11, jsx as jsx47, jsxs as jsxs39 } from "react/jsx-runtime";
 function Footer({
   Link,
@@ -34306,7 +34289,7 @@ function Footer({
   sourceCodeUrl = "https://github.com/The-AI-Alliance/semiont",
   showPolicyLinks = true
 }) {
-  const [showCookiePreferences, setShowCookiePreferences] = useState36(false);
+  const [showCookiePreferences, setShowCookiePreferences] = useState35(false);
   return /* @__PURE__ */ jsxs39(Fragment11, { children: [
     /* @__PURE__ */ jsx47("footer", { role: "contentinfo", className: "semiont-footer", children: /* @__PURE__ */ jsx47("div", { className: "semiont-footer__container", children: /* @__PURE__ */ jsxs39("div", { className: "semiont-footer__content", children: [
       /* @__PURE__ */ jsx47("div", { className: "semiont-footer__copyright", children: t12("copyright", { year: (/* @__PURE__ */ new Date()).getFullYear() }) }),
@@ -34436,7 +34419,7 @@ function NavigationMenu({
 }
 
 // src/components/navigation/ObservableLink.tsx
-import { useCallback as useCallback26, useRef as useRef27, useEffect as useEffect40 } from "react";
+import { useCallback as useCallback25, useRef as useRef27, useEffect as useEffect40 } from "react";
 import { jsx as jsx49 } from "react/jsx-runtime";
 function ObservableLink({
   href,
@@ -34450,7 +34433,7 @@ function ObservableLink({
   useEffect40(() => {
     onClickRef.current = onClick;
   });
-  const handleClick = useCallback26((e6) => {
+  const handleClick = useCallback25((e6) => {
     semiont.emit("nav:link-clicked", {
       href,
       label
@@ -34469,7 +34452,7 @@ function ObservableLink({
 }
 
 // src/components/navigation/SimpleNavigation.tsx
-import { useState as useState37, useRef as useRef28, useEffect as useEffect41 } from "react";
+import { useState as useState36, useRef as useRef28, useEffect as useEffect41 } from "react";
 import { jsx as jsx50, jsxs as jsxs41 } from "react/jsx-runtime";
 function SimpleNavigation({
   title,
@@ -34484,7 +34467,7 @@ function SimpleNavigation({
 }) {
   const ChevronLeftIcon = icons.chevronLeft;
   const BarsIcon = icons.bars;
-  const [isDropdownOpen, setIsDropdownOpen] = useState37(false);
+  const [isDropdownOpen, setIsDropdownOpen] = useState36(false);
   const dropdownRef = useRef28(null);
   const semiont = useSemiont();
   const toggleDropdown = () => setIsDropdownOpen(!isDropdownOpen);
@@ -34565,14 +34548,14 @@ function SimpleNavigation({
 }
 
 // src/components/navigation/CollapsibleResourceNavigation.tsx
-import { useCallback as useCallback32, useState as useState41, useRef as useRef33, useEffect as useEffect46 } from "react";
+import { useCallback as useCallback31, useState as useState40, useRef as useRef33, useEffect as useEffect46 } from "react";
 
 // ../../node_modules/@dnd-kit/core/dist/core.esm.js
-import React18, { createContext as createContext5, useContext as useContext5, useEffect as useEffect43, useState as useState39, useCallback as useCallback29, useMemo as useMemo16, useRef as useRef30, memo as memo3, useReducer, cloneElement, forwardRef } from "react";
+import React18, { createContext as createContext5, useContext as useContext5, useEffect as useEffect43, useState as useState38, useCallback as useCallback28, useMemo as useMemo16, useRef as useRef30, 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 useMemo15, useLayoutEffect, useEffect as useEffect42, useRef as useRef29, useCallback as useCallback27 } from "react";
+import { useMemo as useMemo15, useLayoutEffect, useEffect as useEffect42, useRef as useRef29, useCallback as useCallback26 } from "react";
 function useCombinedRefs() {
   for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
     refs[_key] = arguments[_key];
@@ -34646,7 +34629,7 @@ function useEvent(handler) {
   useIsomorphicLayoutEffect(() => {
     handlerRef.current = handler;
   });
-  return useCallback27(function() {
+  return useCallback26(function() {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
@@ -34655,10 +34638,10 @@ function useEvent(handler) {
 }
 function useInterval() {
   const intervalRef = useRef29(null);
-  const set = useCallback27((listener, duration) => {
+  const set = useCallback26((listener, duration) => {
     intervalRef.current = setInterval(listener, duration);
   }, []);
-  const clear = useCallback27(() => {
+  const clear = useCallback26(() => {
     if (intervalRef.current !== null) {
       clearInterval(intervalRef.current);
       intervalRef.current = null;
@@ -34693,7 +34676,7 @@ function useLazyMemo(callback, dependencies) {
 function useNodeRef(onChange) {
   const onChangeHandler = useEvent(onChange);
   const node = useRef29(null);
-  const setNodeRef = useCallback27(
+  const setNodeRef = useCallback26(
     (element) => {
       if (element !== node.current) {
         onChangeHandler == null ? void 0 : onChangeHandler(element, node.current);
@@ -34848,7 +34831,7 @@ function findFirstFocusableNode(element) {
 }
 
 // ../../node_modules/@dnd-kit/accessibility/dist/accessibility.esm.js
-import React17, { useState as useState38, useCallback as useCallback28 } from "react";
+import React17, { useState as useState37, useCallback as useCallback27 } from "react";
 var hiddenStyles = {
   display: "none"
 };
@@ -34891,8 +34874,8 @@ function LiveRegion(_ref) {
   }, announcement);
 }
 function useAnnouncement() {
-  const [announcement, setAnnouncement] = useState38("");
-  const announce = useCallback28((value) => {
+  const [announcement, setAnnouncement] = useState37("");
+  const announce = useCallback27((value) => {
     if (value != null) {
       setAnnouncement(value);
     }
@@ -34916,12 +34899,12 @@ function useDndMonitor(listener) {
   }, [listener, registerListener]);
 }
 function useDndMonitorProvider() {
-  const [listeners] = useState39(() => /* @__PURE__ */ new Set());
-  const registerListener = useCallback29((listener) => {
+  const [listeners] = useState38(() => /* @__PURE__ */ new Set());
+  const registerListener = useCallback28((listener) => {
     listeners.add(listener);
     return () => listeners.delete(listener);
   }, [listeners]);
-  const dispatch = useCallback29((_ref) => {
+  const dispatch = useCallback28((_ref) => {
     let {
       type,
       event
@@ -34982,7 +34965,7 @@ function Accessibility(_ref) {
     announcement
   } = useAnnouncement();
   const liveRegionId = useUniqueId("DndLiveRegion");
-  const [mounted, setMounted] = useState39(false);
+  const [mounted, setMounted] = useState38(false);
   useEffect43(() => {
     setMounted(true);
   }, []);
@@ -36341,7 +36324,7 @@ function useAutoScroller(_ref) {
     }
   }, [activator, draggingRect, pointerCoordinates]);
   const scrollContainerRef = useRef30(null);
-  const autoScroll = useCallback29(() => {
+  const autoScroll = useCallback28(() => {
     const scrollContainer = scrollContainerRef.current;
     if (!scrollContainer) {
       return;
@@ -36492,7 +36475,7 @@ function useDroppableMeasuring(containers, _ref) {
     dependencies,
     config
   } = _ref;
-  const [queue, setQueue] = useState39(null);
+  const [queue, setQueue] = useState38(null);
   const {
     frequency,
     measure,
@@ -36501,7 +36484,7 @@ function useDroppableMeasuring(containers, _ref) {
   const containersRef = useRef30(containers);
   const disabled = isDisabled();
   const disabledRef = useLatestValue(disabled);
-  const measureDroppableContainers = useCallback29(function(ids2) {
+  const measureDroppableContainers = useCallback28(function(ids2) {
     if (ids2 === void 0) {
       ids2 = [];
     }
@@ -36657,7 +36640,7 @@ function useRect(element, measure, fallbackRect2) {
   if (measure === void 0) {
     measure = defaultMeasure;
   }
-  const [rect, setRect] = useState39(null);
+  const [rect, setRect] = useState38(null);
   function measureRect() {
     setRect((currentRect) => {
       if (!element) {
@@ -36731,9 +36714,9 @@ function useScrollableAncestors(node) {
   return ancestors;
 }
 function useScrollOffsets(elements) {
-  const [scrollCoordinates, setScrollCoordinates] = useState39(null);
+  const [scrollCoordinates, setScrollCoordinates] = useState38(null);
   const prevElements = useRef30(elements);
-  const handleScroll = useCallback29((event) => {
+  const handleScroll = useCallback28((event) => {
     const scrollingElement = getScrollableElement(event.target);
     if (!scrollingElement) {
       return;
@@ -36856,7 +36839,7 @@ function useRects(elements, measure) {
   }
   const [firstElement] = elements;
   const windowRect2 = useWindowRect(firstElement ? getWindow(firstElement) : null);
-  const [rects, setRects] = useState39(defaultValue$2);
+  const [rects, setRects] = useState38(defaultValue$2);
   function measureRects() {
     setRects(() => {
       if (!elements.length) {
@@ -36889,8 +36872,8 @@ function useDragOverlayMeasuring(_ref) {
   let {
     measure
   } = _ref;
-  const [rect, setRect] = useState39(null);
-  const handleResize = useCallback29((entries) => {
+  const [rect, setRect] = useState38(null);
+  const handleResize = useCallback28((entries) => {
     for (const {
       target
     } of entries) {
@@ -36910,7 +36893,7 @@ function useDragOverlayMeasuring(_ref) {
   const resizeObserver = useResizeObserver({
     callback: handleResize
   });
-  const handleNodeChange = useCallback29((element) => {
+  const handleNodeChange = useCallback28((element) => {
     const node = getMeasurableNode(element);
     resizeObserver == null ? void 0 : resizeObserver.disconnect();
     if (node) {
@@ -37290,7 +37273,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] = useState39(Status.Uninitialized);
+  const [status, setStatus] = useState38(Status.Uninitialized);
   const isInitialized = status === Status.Initialized;
   const {
     draggable: {
@@ -37317,8 +37300,8 @@ var DndContext = /* @__PURE__ */ memo3(function DndContext2(_ref) {
     } : null;
   }, [activeId, node]);
   const activeRef = useRef30(null);
-  const [activeSensor, setActiveSensor] = useState39(null);
-  const [activatorEvent, setActivatorEvent] = useState39(null);
+  const [activeSensor, setActiveSensor] = useState38(null);
+  const [activatorEvent, setActivatorEvent] = useState38(null);
   const latestProps = useLatestValue(props, Object.values(props));
   const draggableDescribedById = useUniqueId("DndDescribedBy", id2);
   const enabledDroppableContainers = useMemo16(() => droppableContainers.getEnabled(), [droppableContainers]);
@@ -37402,11 +37385,11 @@ var DndContext = /* @__PURE__ */ memo3(function DndContext2(_ref) {
     pointerCoordinates
   }) : null;
   const overId = getFirstCollision(collisions, "id");
-  const [over, setOver] = useState39(null);
+  const [over, setOver] = useState38(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 = useRef30(null);
-  const instantiateSensor = useCallback29(
+  const instantiateSensor = useCallback28(
     (event, _ref2) => {
       let {
         sensor: Sensor,
@@ -37564,7 +37547,7 @@ var DndContext = /* @__PURE__ */ memo3(function DndContext2(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [draggableNodes]
   );
-  const bindActivatorToSensorInstantiator = useCallback29((handler, sensor) => {
+  const bindActivatorToSensorInstantiator = useCallback28((handler, sensor) => {
     return (event, active2) => {
       const nativeEvent = event.nativeEvent;
       const activeDraggableNode = draggableNodes.get(active2);
@@ -37879,7 +37862,7 @@ function useDroppable(_ref) {
     ...resizeObserverConfig
   };
   const ids2 = useLatestValue(updateMeasurementsFor != null ? updateMeasurementsFor : id2);
-  const handleResize = useCallback29(
+  const handleResize = useCallback28(
     () => {
       if (!resizeObserverConnected.current) {
         resizeObserverConnected.current = true;
@@ -37900,7 +37883,7 @@ function useDroppable(_ref) {
     callback: handleResize,
     disabled: resizeObserverDisabled || !active
   });
-  const handleNodeChange = useCallback29((newElement, previousElement) => {
+  const handleNodeChange = useCallback28((newElement, previousElement) => {
     if (!resizeObserver) {
       return;
     }
@@ -37966,7 +37949,7 @@ function useDroppable(_ref) {
 }
 
 // ../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js
-import React19, { useMemo as useMemo17, useRef as useRef31, useEffect as useEffect44, useState as useState40, useContext as useContext6 } from "react";
+import React19, { useMemo as useMemo17, useRef as useRef31, useEffect as useEffect44, useState as useState39, 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]);
@@ -38207,7 +38190,7 @@ function useDerivedTransform(_ref) {
     node,
     rect
   } = _ref;
-  const [derivedTransform, setDerivedtransform] = useState40(null);
+  const [derivedTransform, setDerivedtransform] = useState39(null);
   const previousIndex = useRef31(index);
   useIsomorphicLayoutEffect(() => {
     if (!disabled && index !== previousIndex.current && node.current) {
@@ -38549,7 +38532,7 @@ function isAfter(a15, b8) {
 }
 
 // src/components/navigation/SortableResourceTab.tsx
-import { useCallback as useCallback30, useRef as useRef32, useEffect as useEffect45 } from "react";
+import { useCallback as useCallback29, useRef as useRef32, useEffect as useEffect45 } from "react";
 import { jsx as jsx51, jsxs as jsxs42 } from "react/jsx-runtime";
 function SortableResourceTab({
   resource,
@@ -38584,7 +38567,7 @@ function SortableResourceTab({
   const iconEmoji = getResourceIcon(resource.mediaType);
   const isCurrentlyDragging = isSortableDragging || isDragging;
   const tooltipText = resource.storageUri ? resource.storageUri.replace(/^file:\/\//, "") : resource.name;
-  const handleKeyDown = useCallback30((e6) => {
+  const handleKeyDown = useCallback29((e6) => {
     if (onReorderRef.current && e6.altKey) {
       if (e6.key === "ArrowUp") {
         e6.preventDefault();
@@ -38637,37 +38620,37 @@ function SortableResourceTab({
 }
 
 // src/hooks/useDragAnnouncements.ts
-import { useCallback as useCallback31 } from "react";
+import { useCallback as useCallback30 } from "react";
 function useDragAnnouncements() {
   const { announce } = useLiveRegion();
-  const announceReorder = useCallback31((message) => {
+  const announceReorder = useCallback30((message) => {
     announce(message, "assertive");
   }, [announce]);
-  const announcePickup = useCallback31((resourceName, position, total) => {
+  const announcePickup = useCallback30((resourceName, position, total) => {
     announce(
       `Picked up ${resourceName}. Position ${position} of ${total}. Use arrow keys to move, space to drop.`,
       "assertive"
     );
   }, [announce]);
-  const announceDrop = useCallback31((resourceName, newPosition, total) => {
+  const announceDrop = useCallback30((resourceName, newPosition, total) => {
     announce(
       `Dropped ${resourceName} at position ${newPosition} of ${total}.`,
       "assertive"
     );
   }, [announce]);
-  const announceMove = useCallback31((resourceName, direction, newPosition, total) => {
+  const announceMove = useCallback30((resourceName, direction, newPosition, total) => {
     announce(
       `Moved ${resourceName} ${direction} to position ${newPosition} of ${total}.`,
       "polite"
     );
   }, [announce]);
-  const announceKeyboardReorder = useCallback31((resourceName, direction, newPosition, total) => {
+  const announceKeyboardReorder = useCallback30((resourceName, direction, newPosition, total) => {
     announce(
       `${resourceName} moved ${direction} to position ${newPosition} of ${total}.`,
       "assertive"
     );
   }, [announce]);
-  const announceCannotMove = useCallback31((direction) => {
+  const announceCannotMove = useCallback30((direction) => {
     announce(
       `Cannot move ${direction}. Already at the ${direction === "up" ? "top" : "bottom"} of the list.`,
       "polite"
@@ -38700,7 +38683,7 @@ function CollapsibleResourceNavigation({
 }) {
   const ChevronLeftIcon = icons.chevronLeft;
   const BarsIcon = icons.bars;
-  const [isDropdownOpen, setIsDropdownOpen] = useState41(false);
+  const [isDropdownOpen, setIsDropdownOpen] = useState40(false);
   const dropdownRef = useRef33(null);
   const { announcePickup, announceDrop, announceKeyboardReorder, announceCannotMove } = useDragAnnouncements();
   const t12 = useTranslations("CollapsibleResourceNavigation");
@@ -38738,7 +38721,7 @@ function CollapsibleResourceNavigation({
       coordinateGetter: sortableKeyboardCoordinates
     })
   );
-  const handleKeyboardReorder = useCallback32((resourceId2, direction) => {
+  const handleKeyboardReorder = useCallback31((resourceId2, direction) => {
     const currentIndex = resources.findIndex((r13) => r13.id === resourceId2);
     if (currentIndex === -1) return;
     const newIndex = direction === "up" ? currentIndex - 1 : currentIndex + 1;
@@ -38914,10 +38897,11 @@ function CollapsibleResourceNavigation({
 }
 
 // src/components/modals/ReferenceWizardModal.tsx
-import { useState as useState45, useEffect as useEffect48, useCallback as useCallback33 } from "react";
+import { useState as useState44, useEffect as useEffect48, useCallback as useCallback32 } from "react";
+import { uuidV4 } from "@semiont/core";
 
 // src/components/modals/GatherContextStep.tsx
-import { useState as useState42, useEffect as useEffect47, useRef as useRef34 } from "react";
+import { useState as useState41, useEffect as useEffect47, useRef as useRef34 } from "react";
 
 // src/components/modals/ContextSummary.tsx
 import { deriveViews } from "@semiont/core";
@@ -38984,7 +38968,7 @@ function GatherContextStep({
   onCompose,
   translations: t12
 }) {
-  const [sourceExpanded, setSourceExpanded] = useState42(false);
+  const [sourceExpanded, setSourceExpanded] = useState41(false);
   const contextReady = !contextLoading && !contextError && !!context;
   const focus = context?.focus.kind === "annotation" ? context.focus : null;
   const resourceFocus = context?.focus.kind === "resource" ? context.focus : null;
@@ -39130,7 +39114,7 @@ function GatherContextStep({
 }
 
 // src/components/modals/ConfigureGenerationStep.tsx
-import { useState as useState43 } from "react";
+import { useState as useState42 } from "react";
 import { LOCALES as LOCALES2 } from "@semiont/core";
 import { jsx as jsx55, jsxs as jsxs46 } from "react/jsx-runtime";
 function ConfigureGenerationStep({
@@ -39142,12 +39126,12 @@ function ConfigureGenerationStep({
   onGenerate,
   translations: t12
 }) {
-  const [title, setTitle] = useState43(defaultTitle);
-  const [storagePath, setStoragePath] = useState43("");
-  const [prompt, setPrompt] = useState43("");
-  const [language2, setLanguage] = useState43(locale);
-  const [temperature, setTemperature] = useState43(0.7);
-  const [maxTokens, setMaxTokens] = useState43(500);
+  const [title, setTitle] = useState42(defaultTitle);
+  const [storagePath, setStoragePath] = useState42("");
+  const [prompt, setPrompt] = useState42("");
+  const [language2, setLanguage] = useState42(locale);
+  const [temperature, setTemperature] = useState42(0.7);
+  const [maxTokens, setMaxTokens] = useState42(500);
   const handleSubmit = (e6) => {
     e6.preventDefault();
     const trimmedPrompt = prompt.trim();
@@ -39306,7 +39290,7 @@ function ConfigureGenerationStep({
 }
 
 // src/components/modals/ConfigureSearchStep.tsx
-import { useState as useState44 } from "react";
+import { useState as useState43 } from "react";
 import { jsx as jsx56, jsxs as jsxs47 } from "react/jsx-runtime";
 function ConfigureSearchStep({
   isSearching = false,
@@ -39315,8 +39299,8 @@ function ConfigureSearchStep({
   onSearch,
   translations: t12
 }) {
-  const [limit, setLimit] = useState44(10);
-  const [useSemanticScoring, setUseSemanticScoring] = useState44(true);
+  const [limit, setLimit] = useState43(10);
+  const [useSemanticScoring, setUseSemanticScoring] = useState43(true);
   const handleSubmit = (e6) => {
     e6.preventDefault();
     onSearch({ limit, useSemanticScoring });
@@ -39508,9 +39492,9 @@ function ReferenceWizardModal({
   translations: t12
 }) {
   const session = useObservable(useSemiont().activeSession$);
-  const [wizardStep, setWizardStep] = useState45({ step: "gather" });
-  const [isSearching, setIsSearching] = useState45(false);
-  const [userHint, setUserHint] = useState45("");
+  const [wizardStep, setWizardStep] = useState44({ step: "gather" });
+  const [isSearching, setIsSearching] = useState44(false);
+  const [userHint, setUserHint] = useState44("");
   useEffect48(() => {
     if (isOpen) {
       setWizardStep({ step: "gather" });
@@ -39525,27 +39509,27 @@ function ReferenceWizardModal({
       setWizardStep({ step: "search-results", results: event.response });
     }
   });
-  const handleBind = useCallback33(() => {
+  const handleBind = useCallback32(() => {
     setWizardStep({ step: "configure-search" });
   }, []);
-  const handleGenerate = useCallback33(() => {
+  const handleGenerate = useCallback32(() => {
     setWizardStep({ step: "configure-generation" });
   }, []);
-  const handleCompose = useCallback33(() => {
+  const handleCompose = useCallback32(() => {
     if (!context || !annotationId2 || !resourceId2) return;
     const contextWithHint = userHint ? { ...context, userHint } : context;
     onComposeNavigate(contextWithHint, annotationId2, resourceId2, defaultTitle, entityTypes);
     onClose();
   }, [context, annotationId2, resourceId2, defaultTitle, entityTypes, onComposeNavigate, onClose, userHint]);
-  const handleBackToGather = useCallback33(() => {
+  const handleBackToGather = useCallback32(() => {
     setWizardStep({ step: "gather" });
   }, []);
-  const handleSearchSubmit = useCallback33((config) => {
+  const handleSearchSubmit = useCallback32((config) => {
     if (!annotationId2 || !context || !resourceId2) return;
     setIsSearching(true);
     const contextWithHint = userHint ? { ...context, userHint } : context;
     session?.client.match.requestSearch({
-      correlationId: crypto.randomUUID(),
+      correlationId: uuidV4(),
       resourceId: resourceId2,
       referenceId: annotationId2,
       context: contextWithHint,
@@ -39553,12 +39537,12 @@ function ReferenceWizardModal({
       useSemanticScoring: config.useSemanticScoring
     });
   }, [annotationId2, resourceId2, context, session, userHint]);
-  const handleGenerateSubmit = useCallback33((config) => {
+  const handleGenerateSubmit = useCallback32((config) => {
     if (!annotationId2) return;
     onGenerateSubmit(annotationId2, config);
     onClose();
   }, [annotationId2, onGenerateSubmit, onClose]);
-  const handleLink = useCallback33((targetResourceId) => {
+  const handleLink = useCallback32((targetResourceId) => {
     if (!annotationId2) return;
     onLinkResource(annotationId2, targetResourceId);
     onClose();
@@ -39700,16 +39684,16 @@ function ReferenceWizardModal({
 }
 
 // src/components/modals/ResourceGenerateModal.tsx
-import { useState as useState47, useEffect as useEffect49, useCallback as useCallback34 } from "react";
+import { useState as useState46, useEffect as useEffect49, useCallback as useCallback33 } from "react";
 
 // src/components/modals/ConfigureGatherStep.tsx
-import { useState as useState46 } from "react";
+import { useState as useState45 } from "react";
 import { jsx as jsx59, jsxs as jsxs50 } from "react/jsx-runtime";
 function ConfigureGatherStep({ defaults, onGather, onCancel, translations: t12, children }) {
-  const [includeContent, setIncludeContent] = useState46(defaults?.includeContent ?? true);
-  const [includeSummary, setIncludeSummary] = useState46(defaults?.includeSummary ?? true);
-  const [depth, setDepth] = useState46(defaults?.depth ?? 2);
-  const [maxResources, setMaxResources] = useState46(defaults?.maxResources ?? 10);
+  const [includeContent, setIncludeContent] = useState45(defaults?.includeContent ?? true);
+  const [includeSummary, setIncludeSummary] = useState45(defaults?.includeSummary ?? true);
+  const [depth, setDepth] = useState45(defaults?.depth ?? 2);
+  const [maxResources, setMaxResources] = useState45(defaults?.maxResources ?? 10);
   const handleSubmit = (e6) => {
     e6.preventDefault();
     onGather({ includeContent, includeSummary, depth, maxResources });
@@ -39783,9 +39767,9 @@ function ResourceGenerateModal({
   onGenerateSubmit,
   translations: t12
 }) {
-  const [step, setStep] = useState47("configure-gather");
+  const [step, setStep] = useState46("configure-gather");
   const { context, loading, error, gather, reset } = useResourceGather();
-  const [excludeEntityTypes, setExcludeEntityTypes] = useState47([]);
+  const [excludeEntityTypes, setExcludeEntityTypes] = useState46([]);
   useEffect49(() => {
     if (isOpen) {
       setStep("configure-gather");
@@ -39793,14 +39777,14 @@ function ResourceGenerateModal({
       reset();
     }
   }, [isOpen, reset]);
-  const handleGather = useCallback34((config) => {
+  const handleGather = useCallback33((config) => {
     setStep("review");
     void gather(resourceId2, {
       ...config,
       ...excludeEntityTypes.length ? { excludeEntityTypes } : {}
     });
   }, [gather, resourceId2, excludeEntityTypes]);
-  const handleGenerate = useCallback34((config) => {
+  const handleGenerate = useCallback33((config) => {
     onGenerateSubmit(resourceId2, config);
     onClose();
   }, [onGenerateSubmit, resourceId2, onClose]);
@@ -39952,20 +39936,20 @@ function ResourceGenerateModal({
 }
 
 // src/components/modals/SearchModal.tsx
-import { useState as useState48, useEffect as useEffect50, useRef as useRef35 } from "react";
+import { useState as useState47, useEffect as useEffect50, useRef as useRef35 } from "react";
 import { readyValue as readyValue2 } from "@semiont/sdk";
 var import_operators = __toESM(require_operators(), 1);
 import { getResourceId } from "@semiont/core";
 import { createSearchPipeline } from "@semiont/sdk";
 
 // src/hooks/useSearchAnnouncements.ts
-import { useCallback as useCallback35 } from "react";
+import { useCallback as useCallback34 } from "react";
 function useSearchAnnouncements2() {
   const { announce } = useLiveRegion();
-  const announceSearching = useCallback35(() => {
+  const announceSearching = useCallback34(() => {
     announce("Searching...", "polite");
   }, [announce]);
-  const announceSearchResults = useCallback35((count2, query) => {
+  const announceSearchResults = useCallback34((count2, query) => {
     if (count2 === 0) {
       announce(`No results found for ${query}`, "polite");
     } else if (count2 === 1) {
@@ -39974,10 +39958,10 @@ function useSearchAnnouncements2() {
       announce(`${count2} results found for ${query}`, "polite");
     }
   }, [announce]);
-  const announceSelection = useCallback35((name2, type) => {
+  const announceSelection = useCallback34((name2, type) => {
     announce(`Selected ${type}: ${name2}. Press Enter to navigate.`, "polite");
   }, [announce]);
-  const announceNavigation = useCallback35((name2, type) => {
+  const announceNavigation = useCallback34((name2, type) => {
     announce(`Navigating to ${type}: ${name2}`, "assertive");
   }, [announce]);
   return {
@@ -40002,7 +39986,7 @@ function SearchModal({
   const semiont = useObservable(useSemiont().activeSession$)?.client;
   const semiontRef = useRef35(semiont);
   semiontRef.current = semiont;
-  const [selectedIndex, setSelectedIndex] = useState48(0);
+  const [selectedIndex, setSelectedIndex] = useState47(0);
   const t12 = {
     placeholder: translations.placeholder || "Search resources, entities...",
     searching: translations.searching || "Searching...",
@@ -40014,7 +39998,7 @@ function SearchModal({
     enter: translations.enter || "Enter",
     esc: translations.esc || "ESC"
   };
-  const [pipeline] = useState48(
+  const [pipeline] = useState47(
     () => createSearchPipeline(
       (q2) => semiontRef.current.browse.resources({ search: q2, limit: SEARCH_LIMIT }).pipe(
         (0, import_operators.map)((st) => {
@@ -40165,7 +40149,7 @@ function SearchModal({
 }
 
 // src/components/modals/ResourceSearchModal.tsx
-import { useState as useState49, useEffect as useEffect51, useRef as useRef36 } from "react";
+import { useState as useState48, useEffect as useEffect51, useRef as useRef36 } from "react";
 import { readyValue as readyValue3 } from "@semiont/sdk";
 var import_operators2 = __toESM(require_operators(), 1);
 import { getResourceId as getResourceId2, getPrimaryRepresentation } from "@semiont/core";
@@ -40202,7 +40186,7 @@ function ResourceSearchModal({
     noResults: translations.noResults || "No documents found",
     close: translations.close || "\u2715"
   };
-  const [pipeline] = useState49(
+  const [pipeline] = useState48(
     () => createSearchPipeline2(
       (q2) => semiontRef.current.browse.resources({ search: q2, limit: SEARCH_LIMIT2 }).pipe(
         (0, import_operators2.map)((st) => {
@@ -40344,7 +40328,7 @@ function SkipLinks() {
 }
 
 // src/components/StatusDisplay.tsx
-import { useEffect as useEffect52, useState as useState50 } from "react";
+import { useEffect as useEffect52, useState as useState49 } from "react";
 import { jsx as jsx64, jsxs as jsxs55 } from "react/jsx-runtime";
 function StatusDisplay({
   isFullyAuthenticated = false,
@@ -40352,9 +40336,9 @@ function StatusDisplay({
   hasValidBackendToken = false
 }) {
   const semiont = useObservable(useSemiont().activeSession$)?.client;
-  const [data2, setData] = useState50(null);
-  const [loading, setLoading] = useState50(true);
-  const [error, setError] = useState50(null);
+  const [data2, setData] = useState49(null);
+  const [loading, setLoading] = useState49(true);
+  const [error, setError] = useState49(null);
   useEffect52(() => {
     if (!semiont) {
       setLoading(false);
@@ -40447,11 +40431,11 @@ function SessionTimer() {
 }
 
 // src/components/SessionExpiryBanner.tsx
-import { useState as useState51 } from "react";
+import { useState as useState50 } from "react";
 import { jsx as jsx65, jsxs as jsxs57 } from "react/jsx-runtime";
 function SessionExpiryBanner() {
   const { timeRemaining, isExpiringSoon } = useSessionExpiry();
-  const [dismissed, setDismissed] = useState51(false);
+  const [dismissed, setDismissed] = useState50(false);
   const formattedTime = formatTime(timeRemaining);
   if (!isExpiringSoon || dismissed || !formattedTime) {
     return null;
@@ -40672,7 +40656,7 @@ function UnifiedHeader({
 }
 
 // src/components/layout/LeftSidebar.tsx
-import { useState as useState52, useEffect as useEffect53 } from "react";
+import { useState as useState51, useEffect as useEffect53 } from "react";
 import { jsx as jsx69, jsxs as jsxs60 } from "react/jsx-runtime";
 function LeftSidebar({
   Link,
@@ -40687,7 +40671,7 @@ function LeftSidebar({
   isModerator = false,
   currentPath
 }) {
-  const [isCollapsed, setIsCollapsed] = useState52(false);
+  const [isCollapsed, setIsCollapsed] = useState51(false);
   const { width, setWidth, minWidth, maxWidth } = usePanelWidth({
     defaultWidth: 256,
     // 16rem
@@ -41567,7 +41551,6 @@ import { jsx as jsx76, jsxs as jsxs65 } from "react/jsx-runtime";
 function AdminDevOpsPage({
   suggestedFeatures,
   theme: theme2,
-  showLineNumbers,
   activePanel,
   translations: t12,
   StatusDisplay: StatusDisplay2,
@@ -41619,8 +41602,7 @@ function AdminDevOpsPage({
         ToolbarPanels,
         {
           activePanel,
-          theme: theme2,
-          showLineNumbers
+          theme: theme2
         }
       ),
       /* @__PURE__ */ jsx76(
@@ -41653,7 +41635,7 @@ function ExportCard({ onExport, isExporting, translations: t12 }) {
 }
 
 // src/features/admin-exchange/components/ImportCard.tsx
-import { useRef as useRef37, useState as useState53, useCallback as useCallback36 } from "react";
+import { useRef as useRef37, useState as useState52, useCallback as useCallback35 } from "react";
 import { jsx as jsx78, jsxs as jsxs67 } from "react/jsx-runtime";
 function ImportCard({
   onFileSelected,
@@ -41665,23 +41647,23 @@ function ImportCard({
   translations: t12
 }) {
   const fileInputRef = useRef37(null);
-  const [isDragActive, setIsDragActive] = useState53(false);
-  const [showConfirm, setShowConfirm] = useState53(false);
-  const handleDragOver = useCallback36((e6) => {
+  const [isDragActive, setIsDragActive] = useState52(false);
+  const [showConfirm, setShowConfirm] = useState52(false);
+  const handleDragOver = useCallback35((e6) => {
     e6.preventDefault();
     setIsDragActive(true);
   }, []);
-  const handleDragLeave = useCallback36(() => {
+  const handleDragLeave = useCallback35(() => {
     setIsDragActive(false);
   }, []);
-  const handleDrop = useCallback36((e6) => {
+  const handleDrop = useCallback35((e6) => {
     e6.preventDefault();
     setIsDragActive(false);
     setShowConfirm(false);
     const file = e6.dataTransfer.files[0];
     if (file) onFileSelected(file);
   }, [onFileSelected]);
-  const handleFileChange = useCallback36((e6) => {
+  const handleFileChange = useCallback35((e6) => {
     setShowConfirm(false);
     const file = e6.target.files?.[0];
     if (file) onFileSelected(file);
@@ -41840,7 +41822,6 @@ function AdminExchangePage({
   importMessage,
   importResult,
   theme: theme2,
-  showLineNumbers,
   activePanel,
   translations: t12,
   ToolbarPanels,
@@ -41889,8 +41870,7 @@ function AdminExchangePage({
         ToolbarPanels,
         {
           activePanel,
-          theme: theme2,
-          showLineNumbers
+          theme: theme2
         }
       ),
       /* @__PURE__ */ jsx80(
@@ -41911,7 +41891,6 @@ function AdminSecurityPage({
   allowedDomains,
   isLoading,
   theme: theme2,
-  showLineNumbers,
   activePanel,
   translations: t12,
   ToolbarPanels,
@@ -41984,8 +41963,7 @@ function AdminSecurityPage({
         ToolbarPanels,
         {
           activePanel,
-          theme: theme2,
-          showLineNumbers
+          theme: theme2
         }
       ),
       /* @__PURE__ */ jsx81(
@@ -42014,7 +41992,6 @@ function LinkedDataPage({
   importMessage,
   importResult,
   theme: theme2,
-  showLineNumbers,
   activePanel,
   translations: t12,
   ToolbarPanels,
@@ -42063,8 +42040,7 @@ function LinkedDataPage({
         ToolbarPanels,
         {
           activePanel,
-          theme: theme2,
-          showLineNumbers
+          theme: theme2
         }
       ),
       /* @__PURE__ */ jsx82(
@@ -42079,7 +42055,7 @@ function LinkedDataPage({
 }
 
 // src/features/admin-users/components/AdminUsersPage.tsx
-import { useState as useState54 } from "react";
+import { useState as useState53 } from "react";
 import { Fragment as Fragment17, jsx as jsx83, jsxs as jsxs72 } from "react/jsx-runtime";
 function UserTableRow({
   user,
@@ -42154,16 +42130,15 @@ function AdminUsersPage({
   onAddUser,
   onExportUsers,
   theme: theme2,
-  showLineNumbers,
   activePanel,
   translations: t12,
   ToolbarPanels,
   Toolbar: Toolbar2,
   buttonStyles: buttonStyles2
 }) {
-  const [searchTerm, setSearchTerm] = useState54("");
-  const [selectedRole, setSelectedRole] = useState54("all");
-  const [selectedStatus, setSelectedStatus] = useState54("all");
+  const [searchTerm, setSearchTerm] = useState53("");
+  const [selectedRole, setSelectedRole] = useState53("all");
+  const [selectedStatus, setSelectedStatus] = useState53("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";
@@ -42311,8 +42286,7 @@ function AdminUsersPage({
         ToolbarPanels,
         {
           activePanel,
-          theme: theme2,
-          showLineNumbers
+          theme: theme2
         }
       ),
       /* @__PURE__ */ jsx83(
@@ -42551,7 +42525,7 @@ function SignInForm({
 }
 
 // src/features/auth/components/SignUpForm.tsx
-import { useState as useState55 } from "react";
+import { useState as useState54 } from "react";
 import { jsx as jsx85, jsxs as jsxs74 } from "react/jsx-runtime";
 function GoogleIcon2() {
   return /* @__PURE__ */ jsxs74("svg", { className: "semiont-icon semiont-icon--small semiont-icon--inline", viewBox: "0 0 24 24", children: [
@@ -42586,7 +42560,7 @@ function GoogleIcon2() {
   ] });
 }
 function SignUpForm({ onSignUp, Link, translations: t12 }) {
-  const [isLoading, setIsLoading] = useState55(false);
+  const [isLoading, setIsLoading] = useState54(false);
   const handleSignUp = async () => {
     setIsLoading(true);
     try {
@@ -42800,7 +42774,6 @@ function EntityTagsPage({
   onAddTag,
   isAddingTag,
   theme: theme2,
-  showLineNumbers,
   activePanel,
   translations: t12,
   ToolbarPanels,
@@ -42870,8 +42843,7 @@ function EntityTagsPage({
         ToolbarPanels,
         {
           activePanel,
-          theme: theme2,
-          showLineNumbers
+          theme: theme2
         }
       ),
       /* @__PURE__ */ jsx88(
@@ -42890,7 +42862,6 @@ import { jsx as jsx89, jsxs as jsxs78 } from "react/jsx-runtime";
 function RecentDocumentsPage({
   isLoading,
   theme: theme2,
-  showLineNumbers,
   activePanel,
   translations: t12,
   ToolbarPanels,
@@ -42925,8 +42896,7 @@ function RecentDocumentsPage({
         ToolbarPanels,
         {
           activePanel,
-          theme: theme2,
-          showLineNumbers
+          theme: theme2
         }
       ),
       /* @__PURE__ */ jsx89(
@@ -42956,7 +42926,6 @@ function TagSchemasPage({
   schemas,
   isLoading,
   theme: theme2,
-  showLineNumbers,
   activePanel,
   translations: t12,
   ToolbarPanels,
@@ -43027,8 +42996,7 @@ function TagSchemasPage({
         ToolbarPanels,
         {
           activePanel,
-          theme: theme2,
-          showLineNumbers
+          theme: theme2
         }
       ),
       /* @__PURE__ */ jsx90(
@@ -43043,7 +43011,7 @@ function TagSchemasPage({
 }
 
 // src/features/resource-compose/components/ResourceComposePage.tsx
-import { useState as useState56, useEffect as useEffect54 } from "react";
+import { useState as useState55, useEffect as useEffect54 } 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";
 
@@ -43135,7 +43103,6 @@ function ResourceComposePage({
   availableEntityTypes,
   initialLocale,
   theme: theme2,
-  showLineNumbers,
   hoverDelayMs,
   activePanel,
   onSaveResource,
@@ -43146,20 +43113,21 @@ function ResourceComposePage({
   Toolbar: Toolbar2
 }) {
   const { announceFormSubmitting, announceFormSuccess, announceFormError } = useFormAnnouncements();
-  const [newResourceName, setNewResourceName] = useState56("");
-  const [newResourceContent, setNewResourceContent] = useState56("");
-  const [selectedEntityTypes, setSelectedEntityTypes] = useState56([]);
-  const [isCreating, setIsCreating] = useState56(false);
-  const [inputMethod, setInputMethod] = useState56("write");
-  const [uploadedFile, setUploadedFile] = useState56(null);
-  const [fileMimeType, setFileMimeType] = useState56("text/markdown");
-  const [filePreviewUrl, setFilePreviewUrl] = useState56(null);
-  const [isDragOver, setIsDragOver] = useState56(false);
-  const [selectedFormat, setSelectedFormat] = useState56("text/markdown");
-  const [selectedLanguage, setSelectedLanguage] = useState56(initialLocale);
-  const [selectedCharset, setSelectedCharset] = useState56("");
-  const [storagePath, setStoragePath] = useState56("");
-  const [archiveOriginal, setArchiveOriginal] = useState56(true);
+  const { showLineNumbers } = useLineNumbers();
+  const [newResourceName, setNewResourceName] = useState55("");
+  const [newResourceContent, setNewResourceContent] = useState55("");
+  const [selectedEntityTypes, setSelectedEntityTypes] = useState55([]);
+  const [isCreating, setIsCreating] = useState55(false);
+  const [inputMethod, setInputMethod] = useState55("write");
+  const [uploadedFile, setUploadedFile] = useState55(null);
+  const [fileMimeType, setFileMimeType] = useState55("text/markdown");
+  const [filePreviewUrl, setFilePreviewUrl] = useState55(null);
+  const [isDragOver, setIsDragOver] = useState55(false);
+  const [selectedFormat, setSelectedFormat] = useState55("text/markdown");
+  const [selectedLanguage, setSelectedLanguage] = useState55(initialLocale);
+  const [selectedCharset, setSelectedCharset] = useState55("");
+  const [storagePath, setStoragePath] = useState55("");
+  const [archiveOriginal, setArchiveOriginal] = useState55(true);
   useEffect54(() => {
     if (mode === "clone" && cloneData) {
       setNewResourceName(cloneData.sourceResource.name);
@@ -43612,8 +43580,7 @@ function ResourceComposePage({
         ToolbarPanels,
         {
           activePanel,
-          theme: theme2,
-          showLineNumbers
+          theme: theme2
         }
       ),
       /* @__PURE__ */ jsx92(
@@ -43628,7 +43595,7 @@ function ResourceComposePage({
 }
 
 // src/features/resource-discovery/components/ResourceDiscoveryPage.tsx
-import { useCallback as useCallback37, useRef as useRef38 } from "react";
+import { useCallback as useCallback36, useRef as useRef38 } from "react";
 import { getResourceId as getResourceId3 } from "@semiont/core";
 
 // src/features/resource-discovery/components/ResourceCard.tsx
@@ -43700,7 +43667,6 @@ function ResourceDiscoveryPage({
   selectedEntityType,
   onSelectedEntityTypeChange,
   theme: theme2,
-  showLineNumbers,
   activePanel,
   onNavigateToResource,
   onNavigateToCompose,
@@ -43721,10 +43687,10 @@ function ResourceDiscoveryPage({
   );
   const onNavigateToResourceRef = useRef38(onNavigateToResource);
   onNavigateToResourceRef.current = onNavigateToResource;
-  const handleEntityTypeFilter = useCallback37((entityType) => {
+  const handleEntityTypeFilter = useCallback36((entityType) => {
     onSelectedEntityTypeChange(entityType);
   }, [onSelectedEntityTypeChange]);
-  const openResource = useCallback37((resource) => {
+  const openResource = useCallback36((resource) => {
     const resourceId2 = getResourceId3(resource);
     if (resourceId2) {
       onNavigateToResourceRef.current(resourceId2);
@@ -43841,8 +43807,7 @@ function ResourceDiscoveryPage({
         ToolbarPanels,
         {
           activePanel,
-          theme: theme2,
-          showLineNumbers
+          theme: theme2
         }
       ),
       /* @__PURE__ */ jsx94(
@@ -43857,7 +43822,7 @@ function ResourceDiscoveryPage({
 }
 
 // src/features/resource-viewer/components/ResourceViewerPage.tsx
-import { useState as useState57, useEffect as useEffect55, useCallback as useCallback38 } from "react";
+import { useState as useState56, useEffect as useEffect55, useCallback as useCallback37 } from "react";
 import { annotationId } from "@semiont/core";
 import { getLanguage, getPrimaryRepresentation as getPrimaryRepresentation2, getPrimaryMediaType as getPrimaryMediaType3, capabilitiesOf as capabilitiesOf6 } from "@semiont/core";
 
@@ -43985,7 +43950,7 @@ import { createMarkStateUnit } from "@semiont/sdk";
 import { createGatherStateUnit } from "@semiont/sdk";
 import { createMatchStateUnit } from "@semiont/sdk";
 import { createYieldStateUnit } from "@semiont/sdk";
-import { decodeWithCharset as decodeWithCharset2, textExtractionOf } from "@semiont/core";
+import { decodeWithCharset as decodeWithCharset2, textExtractionOf, uuidV4 as uuidV42 } from "@semiont/core";
 var WIZARD_CLOSED = {
   open: false,
   annotationId: null,
@@ -44043,7 +44008,7 @@ function createResourceViewerPageStateUnit(session, resourceId2, locale, browse,
       entityTypes: event.entityTypes
     });
     client.bus.get("gather:requested").next({
-      correlationId: crypto.randomUUID(),
+      correlationId: uuidV42(),
       annotationId: event.annotationId,
       resourceId: event.resourceId,
       options: { contextWindow: 2e3 }
@@ -44116,15 +44081,15 @@ function ResourceViewerPage({
   const session = useObservable(browser2.activeSession$);
   const semiont = session?.client;
   const navigateExternal = useObservableExternalNavigation();
-  const handleViewerOpenResource = useCallback38((id2) => {
+  const handleViewerOpenResource = useCallback37((id2) => {
     navigateExternal(`/know/resource/${id2}`, { resourceId: id2 });
   }, [navigateExternal]);
-  const handleViewerOpenPanel = useCallback38((event) => {
+  const handleViewerOpenPanel = useCallback37((event) => {
     browser2.emit("panel:open", event);
   }, [browser2]);
   const { showError, showSuccess } = useToast();
-  const { theme: theme2, setTheme } = useTheme();
-  const { showLineNumbers, toggleLineNumbers } = useLineNumbers();
+  const { theme: theme2 } = useTheme();
+  const { showLineNumbers } = useLineNumbers();
   const { hoverDelayMs } = useHoverDelay();
   const { triggerSparkleAnimation, clearNewAnnotationId, newAnnotationIds } = useResourceAnnotations();
   const resourceMediaType = getPrimaryMediaType3(resource) || "text/plain";
@@ -44174,11 +44139,11 @@ function ResourceViewerPage({
   const wizardResourceId = wizardState?.resourceId ?? null;
   const wizardDefaultTitle = wizardState?.defaultTitle ?? "";
   const wizardEntityTypes = wizardState?.entityTypes ?? [];
-  const [generateOpen, setGenerateOpen] = useState57(false);
-  const handleWizardClose = useCallback38(() => {
+  const [generateOpen, setGenerateOpen] = useState56(false);
+  const handleWizardClose = useCallback37(() => {
     stateUnit?.closeWizard();
   }, [stateUnit]);
-  const handleWizardGenerateSubmit = useCallback38((referenceId, config) => {
+  const handleWizardGenerateSubmit = useCallback37((referenceId, config) => {
     clearNewAnnotationId(annotationId(referenceId));
     stateUnit?.yield.generate(referenceId, {
       title: config.title,
@@ -44194,7 +44159,7 @@ function ResourceViewerPage({
       context: config.context
     });
   }, [stateUnit, clearNewAnnotationId, resource]);
-  const handleResourceGenerateSubmit = useCallback38((_resourceId, config) => {
+  const handleResourceGenerateSubmit = useCallback37((_resourceId, config) => {
     stateUnit?.yield.generateFromResource({
       title: config.title,
       storageUri: config.storagePath,
@@ -44206,7 +44171,7 @@ function ResourceViewerPage({
       context: config.context
     });
   }, [stateUnit, resource]);
-  const handleWizardLinkResource = useCallback38(async (referenceId, targetResourceId) => {
+  const handleWizardLinkResource = useCallback37(async (referenceId, targetResourceId) => {
     if (!semiont) return;
     try {
       await semiont.bind.body(
@@ -44219,7 +44184,7 @@ function ResourceViewerPage({
       showError(`Failed to link reference: ${error instanceof Error ? error.message : String(error)}`);
     }
   }, [rUri, semiont, showSuccess, showError]);
-  const handleWizardComposeNavigate = useCallback38((context, annId, resId, title, entTypes) => {
+  const handleWizardComposeNavigate = useCallback37((context, annId, resId, title, entTypes) => {
     sessionStorage.setItem(`gather-context:${annId}`, JSON.stringify(context));
     const params = new URLSearchParams({
       annotationUri: annId,
@@ -44244,7 +44209,7 @@ function ResourceViewerPage({
       browser2.emit("panel:open", { panel: "annotations" });
     }
   }, [pendingAnnotation, browser2]);
-  const handleResourceArchive = useCallback38(async () => {
+  const handleResourceArchive = useCallback37(async () => {
     if (!semiont) return;
     try {
       await semiont.mark.archive(rUri);
@@ -44254,7 +44219,7 @@ function ResourceViewerPage({
       showError("Failed to archive document");
     }
   }, [semiont, rUri, refetchDocument, showError]);
-  const handleResourceUnarchive = useCallback38(async () => {
+  const handleResourceUnarchive = useCallback37(async () => {
     if (!semiont) return;
     try {
       await semiont.mark.unarchive(rUri);
@@ -44264,7 +44229,7 @@ function ResourceViewerPage({
       showError("Failed to unarchive document");
     }
   }, [semiont, rUri, refetchDocument, showError]);
-  const handleResourceClone = useCallback38(async () => {
+  const handleResourceClone = useCallback37(async () => {
     if (!semiont) return;
     try {
       const result = await semiont.yield.cloneToken(rUri);
@@ -44275,20 +44240,19 @@ function ResourceViewerPage({
       showError("Failed to generate clone link");
     }
   }, [semiont, rUri, showError, browser2]);
-  const handleAnnotationSparkle = useCallback38(({ annotationId: annotationId2 }) => {
+  const handleAnnotationSparkle = useCallback37(({ annotationId: annotationId2 }) => {
     triggerSparkleAnimation(annotationId2);
   }, [triggerSparkleAnimation]);
-  const handleAnnotationAdded = useCallback38((stored) => {
+  const handleAnnotationAdded = useCallback37((stored) => {
     triggerSparkleAnimation(stored.payload.annotation.id);
   }, [triggerSparkleAnimation]);
-  const handleSettingsThemeChanged = useCallback38(({ theme: theme3 }) => setTheme(theme3), [setTheme]);
-  const handleReferenceNavigate = useCallback38(({ resourceId: resourceId2 }) => {
+  const handleReferenceNavigate = useCallback37(({ resourceId: resourceId2 }) => {
     if (routes.resourceDetail) {
       const path = routes.resourceDetail(resourceId2);
       browser2.emit("nav:push", { path, reason: "reference-link" });
     }
   }, [routes.resourceDetail, browser2]);
-  const handleEntityTypeClicked = useCallback38(({ entityType }) => {
+  const handleEntityTypeClicked = useCallback37(({ entityType }) => {
     if (routes.know) {
       const path = `${routes.know}?entityType=${encodeURIComponent(entityType)}`;
       browser2.emit("nav:push", { path, reason: "entity-type-filter" });
@@ -44301,8 +44265,6 @@ function ResourceViewerPage({
     "yield:clone": handleResourceClone,
     "beckon:sparkle": handleAnnotationSparkle,
     "mark:added": handleAnnotationAdded,
-    "settings:theme-changed": handleSettingsThemeChanged,
-    "settings:line-numbers-toggled": toggleLineNumbers,
     "browse:reference-navigate": handleReferenceNavigate,
     "browse:entity-type-clicked": handleEntityTypeClicked
   });
@@ -44322,12 +44284,12 @@ function ResourceViewerPage({
   const primaryMediaType = primaryRep?.mediaType;
   const primaryByteSize = primaryRep?.byteSize;
   const resourceWithContent = { ...resource, content: content2 };
-  const handleEventHover = useCallback38((id2) => {
+  const handleEventHover = useCallback37((id2) => {
     if (id2) {
       session?.client.beckon.sparkle(annotationId(id2));
     }
   }, [session]);
-  const handleEventClick = useCallback38((_annotationId) => {
+  const handleEventClick = useCallback37((_annotationId) => {
   }, []);
   return /* @__PURE__ */ jsxs84("div", { className: `semiont-document-viewer${activePanel ? " semiont-document-viewer--panel-open" : ""}`, children: [
     /* @__PURE__ */ jsxs84("div", { className: "semiont-document-viewer__main", children: [
@@ -44397,7 +44359,6 @@ function ResourceViewerPage({
           {
             activePanel,
             theme: theme2,
-            showLineNumbers,
             width: activePanel === "jsonld" ? "w-[600px]" : activePanel === "annotations" ? "w-[400px]" : "w-64",
             children: [
               annotateMode && resource.archived && /* @__PURE__ */ jsx95("div", { className: "semiont-document-viewer__archived-status", children: /* @__PURE__ */ jsx95("div", { className: "semiont-document-viewer__archived-text", children: "\u{1F4E6} Archived" }) }),
@@ -45152,6 +45113,7 @@ export {
   JsonLdView,
   KeyboardShortcutsHelpModal,
   LeftSidebar,
+  LineNumbersProvider,
   LinkedDataPage,
   LiveRegionProvider,
   NavigationMenu,