@semiont/react-ui 0.4.21 → 0.4.22

package/dist/index.mjs

@@ -123,7 +123,7 @@ import {
   useSemiont,
   useToast,
   useTranslations
-} from "./chunk-KEDFYI6N.mjs";
+} from "./chunk-4NOUO3W6.mjs";
 import "./chunk-NOD3NCXE.mjs";
 import {
   __commonJS,
@@ -982,7 +982,7 @@ var require_operators = __commonJS({
 });
 
 // src/lib/annotation-registry.ts
-import { isHighlight, isComment, isReference, isTag } from "@semiont/api-client";
+import { isHighlight, isComment, isReference, isTag } from "@semiont/core";
 var ANNOTATORS = {
   highlight: {
     motivation: "highlighting",
@@ -17350,7 +17350,7 @@ var jsonLightHighlightStyle = HighlightStyle.define([
 ]);
 
 // src/lib/codemirror-widgets.ts
-import { isResolvedReference, getBodySource } from "@semiont/api-client";
+import { isResolvedReference, getBodySource } from "@semiont/core";
 var ReferenceResolutionWidget = class extends WidgetType {
   constructor(annotation, targetDocumentName, isGenerating) {
     super();
@@ -17482,7 +17482,7 @@ function hideWidgetPreview(container) {
 }
 
 // src/lib/media-shapes.ts
-import { isPdfMimeType } from "@semiont/api-client";
+import { isPdfMimeType } from "@semiont/core";
 function getSupportedShapes(mediaType) {
   if (!mediaType) {
     return ["rectangle", "circle", "polygon"];
@@ -17532,10 +17532,10 @@ function saveSelectedShapeForSelectorType(selectorType, shape) {
 }
 
 // src/index.ts
-import { createSearchPipeline as createSearchPipeline3 } from "@semiont/api-client";
+import { createSearchPipeline as createSearchPipeline3 } from "@semiont/sdk";
 
 // src/lib/annotation-overlay.ts
-import { getTextPositionSelector, getTargetSelector, getExactText, getBodySource as getBodySource2 } from "@semiont/api-client";
+import { getTextPositionSelector, getTargetSelector, getExactText, getBodySource as getBodySource2 } from "@semiont/core";
 function buildSourceToRenderedMap(markdownSource, container) {
   const walker = document.createTreeWalker(container, NodeFilter.SHOW_TEXT);
   let renderedText = "";
@@ -17915,7 +17915,7 @@ function getTagSchemaId(annotation) {
 }
 
 // src/lib/validation.ts
-import { isValidEmail } from "@semiont/api-client";
+import { isValidEmail } from "@semiont/core";
 var ImageURLSchema = {
   parse(url) {
     if (typeof url !== "string") {
@@ -18215,7 +18215,7 @@ import { useState as useState5, useCallback as useCallback5 } from "react";
 
 // src/hooks/useHoverEmitter.ts
 import { useRef as useRef3, useCallback as useCallback4, useEffect as useEffect5 } from "react";
-import { HOVER_DELAY_MS } from "@semiont/api-client";
+import { HOVER_DELAY_MS } from "@semiont/sdk";
 
 // src/hooks/useObservable.ts
 import { useState as useState4, useEffect as useEffect4 } from "react";
@@ -18234,22 +18234,22 @@ function useObservable(obs$) {
 }
 
 // src/hooks/useHoverEmitter.ts
-import { HOVER_DELAY_MS as HOVER_DELAY_MS2 } from "@semiont/api-client";
-function useHoverEmitter(annotationId3, hoverDelayMs = HOVER_DELAY_MS) {
+import { HOVER_DELAY_MS as HOVER_DELAY_MS2 } from "@semiont/sdk";
+function useHoverEmitter(annotationId2, hoverDelayMs = HOVER_DELAY_MS) {
   const session = useObservable(useSemiont().activeSession$);
   const currentHoverRef = useRef3(null);
   const timerRef = useRef3(null);
   const onMouseEnter = useCallback4(() => {
-    if (currentHoverRef.current === annotationId3) return;
+    if (currentHoverRef.current === annotationId2) return;
     if (timerRef.current !== null) {
       clearTimeout(timerRef.current);
     }
     timerRef.current = setTimeout(() => {
       timerRef.current = null;
-      currentHoverRef.current = annotationId3;
-      session?.client.emit("beckon:hover", { annotationId: annotationId3 });
+      currentHoverRef.current = annotationId2;
+      session?.client.beckon.hover(annotationId2);
     }, hoverDelayMs);
-  }, [annotationId3, hoverDelayMs, session]);
+  }, [annotationId2, hoverDelayMs, session]);
   const onMouseLeave = useCallback4(() => {
     if (timerRef.current !== null) {
       clearTimeout(timerRef.current);
@@ -18257,7 +18257,7 @@ function useHoverEmitter(annotationId3, hoverDelayMs = HOVER_DELAY_MS) {
     }
     if (currentHoverRef.current !== null) {
       currentHoverRef.current = null;
-      session?.client.emit("beckon:hover", { annotationId: null });
+      session?.client.beckon.hover(null);
     }
   }, [session]);
   useEffect5(() => {
@@ -18655,7 +18655,8 @@ function useLocalStorage(key, initialValue) {
 
 // src/hooks/useResourceContent.ts
 import { useEffect as useEffect11, useState as useState10 } from "react";
-import { getPrimaryMediaType, decodeWithCharset } from "@semiont/api-client";
+import { getPrimaryMediaType } from "@semiont/core";
+import { decodeWithCharset } from "@semiont/core";
 function useResourceContent(rUri, resource, enabled = true) {
   const { showError } = useToast();
   const semiont = useObservable(useSemiont().activeSession$)?.client;
@@ -18664,17 +18665,23 @@ function useResourceContent(rUri, resource, enabled = true) {
   const [loading, setLoading] = useState10(false);
   useEffect11(() => {
     if (!semiont || !enabled || !mediaType) return;
+    let cancelled = false;
     setLoading(true);
-    semiont.getResourceRepresentation(rUri, {
+    semiont.browse.resourceRepresentation(rUri, {
       accept: mediaType
     }).then(({ data: data2 }) => {
+      if (cancelled) return;
       setContent(decodeWithCharset(data2, mediaType));
       setLoading(false);
     }).catch((error) => {
+      if (cancelled) return;
       console.error("Failed to fetch representation:", error);
       showError("Failed to load resource representation");
       setLoading(false);
     });
+    return () => {
+      cancelled = true;
+    };
   }, [semiont, rUri, mediaType, enabled, showError]);
   return { content: content4, loading };
 }
@@ -18707,7 +18714,7 @@ function useEventSubscription(eventName, handler) {
     const unsubs = [];
     unsubs.push(semiont.on(eventName, (payload) => handlerRef.current(payload)));
     if (session) {
-      unsubs.push(session.client.on(eventName, (payload) => handlerRef.current(payload)));
+      unsubs.push(session.subscribe(eventName, (payload) => handlerRef.current(payload)));
     }
     return () => {
       for (const u12 of unsubs) u12();
@@ -18736,7 +18743,7 @@ function useEventSubscriptions(subscriptions) {
       };
       unsubs.push(semiont.on(channel, fan));
       if (session) {
-        unsubs.push(session.client.on(channel, fan));
+        unsubs.push(session.subscribe(channel, fan));
       }
     }
     return () => {
@@ -18923,7 +18930,7 @@ function ResourceAnnotationsProvider({ children }) {
         },
         body
       };
-      const result = await semiont.markAnnotation(rUri, createData);
+      const result = await semiont.mark.annotation(rUri, createData);
       if (result.annotationId) {
         setNewAnnotationIds((prev) => new Set(prev).add(result.annotationId));
         setTimeout(() => {
@@ -18949,12 +18956,12 @@ function ResourceAnnotationsProvider({ children }) {
       return next;
     });
   }, []);
-  const triggerSparkleAnimation = useCallback10((annotationId3) => {
-    setNewAnnotationIds((prev) => new Set(prev).add(annotationId3));
+  const triggerSparkleAnimation = useCallback10((annotationId2) => {
+    setNewAnnotationIds((prev) => new Set(prev).add(annotationId2));
     setTimeout(() => {
       setNewAnnotationIds((prev) => {
         const next = new Set(prev);
-        next.delete(annotationId3);
+        next.delete(annotationId2);
         return next;
       });
     }, 6e3);
@@ -26314,11 +26321,11 @@ var pasteURLAsLink = /* @__PURE__ */ EditorView.domEventHandlers({
 });
 
 // src/lib/scroll-utils.ts
-function scrollAnnotationIntoView(annotationId3, rootElement, options = {}) {
-  if (!annotationId3) return false;
+function scrollAnnotationIntoView(annotationId2, rootElement, options = {}) {
+  if (!annotationId2) return false;
   const { pulse = false, behavior = "smooth" } = options;
   const element2 = rootElement.querySelector(
-    `[data-annotation-id="${CSS.escape(annotationId3)}"]`
+    `[data-annotation-id="${CSS.escape(annotationId2)}"]`
   );
   if (!element2) return false;
   const scrollContainer = element2.closest(".semiont-browse-view__content") || element2.closest(".semiont-annotate-view__content") || element2.closest(".semiont-document-viewer__scrollable-body");
@@ -26344,10 +26351,12 @@ function scrollAnnotationIntoView(annotationId3, rootElement, options = {}) {
 }
 
 // src/components/CodeMirrorRenderer.tsx
-import { isReference as isReference3, createHoverHandlers } from "@semiont/api-client";
+import { annotationId as toAnnotationId2 } from "@semiont/core";
+import { isReference as isReference3 } from "@semiont/core";
+import { createHoverHandlers } from "@semiont/sdk";
 
 // src/lib/codemirror-logic.ts
-import { isHighlight as isHighlight2, isReference as isReference2, isResolvedReference as isResolvedReference2, isComment as isComment2, isAssessment, isTag as isTag3, getBodySource as getBodySource3 } from "@semiont/api-client";
+import { isHighlight as isHighlight2, isReference as isReference2, isResolvedReference as isResolvedReference2, isComment as isComment2, isAssessment, isTag as isTag3, getBodySource as getBodySource3 } from "@semiont/core";
 function convertSegmentPositions(segments, content4) {
   if (!content4.includes("\r\n")) {
     return segments;
@@ -26445,16 +26454,14 @@ function computeWidgetDecorations(segments, generatingReferenceId, getTargetReso
 }
 
 // src/lib/codemirror-handlers.ts
+import { annotationId as toAnnotationId, resourceId as toResourceId } from "@semiont/core";
 function handleAnnotationClick(target, segmentsById, session) {
   const annotationElement = target.closest("[data-annotation-id]");
-  const annotationId3 = annotationElement?.getAttribute("data-annotation-id");
-  if (!annotationId3) return false;
-  const segment = segmentsById.get(annotationId3);
+  const annotationId2 = annotationElement?.getAttribute("data-annotation-id");
+  if (!annotationId2) return false;
+  const segment = segmentsById.get(annotationId2);
   if (!segment?.annotation) return false;
-  session.client.emit("browse:click", {
-    annotationId: annotationId3,
-    motivation: segment.annotation.motivation
-  });
+  session.client.browse.click(toAnnotationId(annotationId2), segment.annotation.motivation);
   return true;
 }
 function handleWidgetClick(target) {
@@ -26462,34 +26469,31 @@ function handleWidgetClick(target) {
   if (!widget || widget.dataset.widgetGenerating === "true") {
     return { handled: false };
   }
-  const annotationId3 = widget.dataset.widgetAnnotationId;
+  const annotationId2 = widget.dataset.widgetAnnotationId;
   const bodySource = widget.dataset.widgetBodySource;
   const isResolved = widget.dataset.widgetResolved === "true";
-  if (!annotationId3) return { handled: false };
+  if (!annotationId2) return { handled: false };
   if (isResolved && bodySource) {
     return {
       handled: true,
       action: "navigate",
       resourceId: bodySource,
-      annotationId: annotationId3
+      annotationId: annotationId2
     };
   }
   return {
     handled: true,
     action: "browse-click",
-    annotationId: annotationId3,
+    annotationId: annotationId2,
     motivation: widget.dataset.widgetMotivation || "linking"
   };
 }
 function dispatchWidgetClick(result, session) {
   if (!result.handled) return;
   if (result.action === "navigate" && result.resourceId) {
-    session.client.emit("browse:reference-navigate", { resourceId: result.resourceId });
+    session.client.browse.navigateReference(toResourceId(result.resourceId));
   } else if (result.action === "browse-click" && result.annotationId) {
-    session.client.emit("browse:click", {
-      annotationId: result.annotationId,
-      motivation: result.motivation || "linking"
-    });
+    session.client.browse.click(toAnnotationId(result.annotationId), result.motivation || "linking");
   }
 }
 function handleWidgetMouseEnter(target) {
@@ -26713,14 +26717,14 @@ function CodeMirrorRenderer({
     containerRef.current.__cmView = view;
     const container = view.dom;
     const { handleMouseEnter, handleMouseLeave, cleanup: cleanupHover } = createHoverHandlers(
-      (annotationId3) => sessionRef.current?.client.emit("beckon:hover", { annotationId: annotationId3 }),
+      (id2) => sessionRef.current?.client.beckon.hover(id2),
       hoverDelayMs
     );
     const handleMouseOver = (e6) => {
       const target = e6.target;
       const annotationElement = target.closest("[data-annotation-id]");
-      const annotationId3 = annotationElement?.getAttribute("data-annotation-id");
-      if (annotationId3) handleMouseEnter(annotationId3);
+      const annotationId2 = annotationElement?.getAttribute("data-annotation-id");
+      if (annotationId2) handleMouseEnter(toAnnotationId2(annotationId2));
     };
     const handleMouseOut = (e6) => {
       const target = e6.target;
@@ -26848,7 +26852,7 @@ function AnnotateReferencesProgressWidget({ progress, annotationType = "referenc
   const t12 = useTranslations("ReferencesPanel");
   const session = useObservable(useSemiont().activeSession$);
   const handleCancel = () => {
-    session?.client.emit("job:cancel-requested", { jobType: "annotation" });
+    session?.client.job.cancelRequest("annotation");
   };
   if (!progress) return null;
   return /* @__PURE__ */ jsxs2(
@@ -27310,7 +27314,7 @@ function Toolbar({
 
 // src/components/settings/SettingsPanel.tsx
 import React5, { useEffect as useEffect15 } from "react";
-import { LOCALES } from "@semiont/api-client";
+import { LOCALES } from "@semiont/core";
 import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
 function SettingsPanel({
   showLineNumbers,
@@ -27569,27 +27573,25 @@ function AnnotateToolbar({
   }, []);
   const handleSelectionClick = (motivation) => {
     if (motivation === null) {
-      session?.client.emit("mark:selection-changed", { motivation: null });
+      session?.client.mark.changeSelection(null);
     } else {
-      session?.client.emit("mark:selection-changed", {
-        motivation: selectedMotivation === motivation ? null : motivation
-      });
+      session?.client.mark.changeSelection(selectedMotivation === motivation ? null : motivation);
     }
     setSelectionPinned(false);
     setSelectionHovered(false);
   };
   const handleClickClick = (action) => {
-    session?.client.emit("mark:click-changed", { action });
+    session?.client.mark.changeClick(action);
     setClickPinned(false);
     setClickHovered(false);
   };
   const handleShapeClick = (shape) => {
-    session?.client.emit("mark:shape-changed", { shape });
+    session?.client.mark.changeShape(shape);
     setShapePinned(false);
     setShapeHovered(false);
   };
   const handleModeToggle = () => {
-    session?.client.emit("mark:mode-toggled", void 0);
+    session?.client.mark.toggleMode();
     setModePinned(false);
     setModeHovered(false);
   };
@@ -29622,8 +29624,9 @@ function PopupContainer({ children, position: position3, onClose, isOpen, wide =
 
 // src/components/image-annotation/AnnotationOverlay.tsx
 import { useMemo as useMemo3 } from "react";
-import { createHoverHandlers as createHoverHandlers2, getSvgSelector, isHighlight as isHighlight3, isReference as isReference4, isAssessment as isAssessment2, isComment as isComment3, isTag as isTag4, isBodyResolved, isResolvedReference as isResolvedReference3 } from "@semiont/api-client";
-import { parseSvgSelector } from "@semiont/api-client";
+import { getSvgSelector, isHighlight as isHighlight3, isReference as isReference4, isAssessment as isAssessment2, isComment as isComment3, isTag as isTag4, isBodyResolved, isResolvedReference as isResolvedReference3 } from "@semiont/core";
+import { createHoverHandlers as createHoverHandlers2 } from "@semiont/sdk";
+import { parseSvgSelector } from "@semiont/core";
 import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
 function getAnnotationColor(annotation) {
   if (isHighlight3(annotation)) {
@@ -29669,7 +29672,7 @@ function AnnotationOverlay({
   const scaleX = displayWidth / imageWidth;
   const scaleY = displayHeight / imageHeight;
   const { handleMouseEnter, handleMouseLeave } = useMemo3(
-    () => createHoverHandlers2((annotationId3) => session?.client.emit("beckon:hover", { annotationId: annotationId3 }), hoverDelayMs),
+    () => createHoverHandlers2((id2) => session?.client.beckon.hover(id2), hoverDelayMs),
     [session, hoverDelayMs]
   );
   return /* @__PURE__ */ jsx17(
@@ -29710,7 +29713,7 @@ function AnnotationOverlay({
                   className: "semiont-annotation-overlay__shape",
                   "data-hovered": isHovered ? "true" : "false",
                   "data-selected": isSelected ? "true" : "false",
-                  onClick: () => session?.client.emit("browse:click", { annotationId: annotation.id, motivation: annotation.motivation }),
+                  onClick: () => session?.client.browse.click(annotation.id, annotation.motivation),
                   onMouseEnter: () => handleMouseEnter(annotation.id),
                   onMouseLeave: handleMouseLeave
                 }
@@ -29725,7 +29728,7 @@ function AnnotationOverlay({
                   style: { userSelect: "none" },
                   onClick: (e6) => {
                     e6.stopPropagation();
-                    session?.client.emit("browse:click", { annotationId: annotation.id, motivation: annotation.motivation });
+                    session?.client.browse.click(annotation.id, annotation.motivation);
                   },
                   onMouseEnter: () => handleMouseEnter(annotation.id),
                   onMouseLeave: handleMouseLeave,
@@ -29755,7 +29758,7 @@ function AnnotationOverlay({
                   className: "semiont-annotation-overlay__shape",
                   "data-hovered": isHovered ? "true" : "false",
                   "data-selected": isSelected ? "true" : "false",
-                  onClick: () => session?.client.emit("browse:click", { annotationId: annotation.id, motivation: annotation.motivation }),
+                  onClick: () => session?.client.browse.click(annotation.id, annotation.motivation),
                   onMouseEnter: () => handleMouseEnter(annotation.id),
                   onMouseLeave: handleMouseLeave
                 }
@@ -29770,7 +29773,7 @@ function AnnotationOverlay({
                   style: { userSelect: "none" },
                   onClick: (e6) => {
                     e6.stopPropagation();
-                    session?.client.emit("browse:click", { annotationId: annotation.id, motivation: annotation.motivation });
+                    session?.client.browse.click(annotation.id, annotation.motivation);
                   },
                   onMouseEnter: () => handleMouseEnter(annotation.id),
                   onMouseLeave: handleMouseLeave,
@@ -29804,7 +29807,7 @@ function AnnotationOverlay({
                   className: "semiont-annotation-overlay__shape",
                   "data-hovered": isHovered ? "true" : "false",
                   "data-selected": isSelected ? "true" : "false",
-                  onClick: () => session?.client.emit("browse:click", { annotationId: annotation.id, motivation: annotation.motivation }),
+                  onClick: () => session?.client.browse.click(annotation.id, annotation.motivation),
                   onMouseEnter: () => handleMouseEnter(annotation.id),
                   onMouseLeave: handleMouseLeave
                 }
@@ -29819,7 +29822,7 @@ function AnnotationOverlay({
                   style: { userSelect: "none" },
                   onClick: (e6) => {
                     e6.stopPropagation();
-                    session?.client.emit("browse:click", { annotationId: annotation.id, motivation: annotation.motivation });
+                    session?.client.browse.click(annotation.id, annotation.motivation);
                   },
                   onMouseEnter: () => handleMouseEnter(annotation.id),
                   onMouseLeave: handleMouseLeave,
@@ -29838,7 +29841,7 @@ function AnnotationOverlay({
 
 // src/components/image-annotation/SvgDrawingCanvas.tsx
 import { useRef as useRef12, useState as useState16, useEffect as useEffect19, useCallback as useCallback12 } from "react";
-import { createRectangleSvg, createCircleSvg, createPolygonSvg, scaleSvgToNative, parseSvgSelector as parseSvgSelector2 } from "@semiont/api-client";
+import { createRectangleSvg, createCircleSvg, createPolygonSvg, scaleSvgToNative, parseSvgSelector as parseSvgSelector2 } from "@semiont/core";
 import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
 function getMotivationColor(motivation) {
   if (!motivation) {
@@ -29972,7 +29975,7 @@ function SvgDrawingCanvas({
           return false;
         });
         if (clickedAnnotation) {
-          session?.client.emit("browse:click", { annotationId: clickedAnnotation.id, motivation: clickedAnnotation.motivation });
+          session?.client.browse.click(clickedAnnotation.id, clickedAnnotation.motivation);
           setIsDrawing(false);
           setStartPoint(null);
           setCurrentPoint(null);
@@ -30024,13 +30027,10 @@ function SvgDrawingCanvas({
       imageDimensions.height
     );
     if (session && selectedMotivation) {
-      session.client.emit("mark:requested", {
-        selector: {
-          type: "SvgSelector",
-          value: nativeSvg
-        },
-        motivation: selectedMotivation
-      });
+      session.client.mark.request(
+        { type: "SvgSelector", value: nativeSvg },
+        selectedMotivation
+      );
     }
     setIsDrawing(false);
     setStartPoint(null);
@@ -30503,10 +30503,11 @@ function SessionExpiredModal() {
 
 // src/components/resource/AnnotateView.tsx
 import { useRef as useRef13, useEffect as useEffect20, useCallback as useCallback13, lazy, Suspense } from "react";
-import { getMimeCategory, isPdfMimeType as isPdfMimeType2 } from "@semiont/api-client";
+import { getMimeCategory, isPdfMimeType as isPdfMimeType2 } from "@semiont/core";
 
 // src/lib/text-segmentation.ts
-import { getTextPositionSelector as getTextPositionSelector2, getTextQuoteSelector, getTargetSelector as getTargetSelector2, findTextWithContext, buildContentCache } from "@semiont/api-client";
+import { getTextPositionSelector as getTextPositionSelector2, getTextQuoteSelector, getTargetSelector as getTargetSelector2 } from "@semiont/core";
+import { findTextWithContext, buildContentCache } from "@semiont/core";
 function segmentTextWithAnnotations(content4, annotations) {
   if (!content4) {
     return [{ exact: "", start: 0, end: 0 }];
@@ -30568,7 +30569,7 @@ function segmentTextWithAnnotations(content4, annotations) {
 }
 
 // src/lib/text-selection-handler.ts
-import { extractContext } from "@semiont/api-client";
+import { extractContext } from "@semiont/core";
 function buildTextSelectors(content4, selectedText, start2, end) {
   if (!selectedText || start2 < 0 || end <= start2 || end > content4.length) {
     return null;
@@ -30596,7 +30597,7 @@ function fallbackTextPosition(content4, selectedText) {
 
 // src/components/resource/AnnotateView.tsx
 import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
-var PdfAnnotationCanvas = lazy(() => import("./PdfAnnotationCanvas.client-6ZGFEN2N.mjs").then((mod) => ({ default: mod.PdfAnnotationCanvas })));
+var PdfAnnotationCanvas = lazy(() => import("./PdfAnnotationCanvas.client-5QESNO5H.mjs").then((mod) => ({ default: mod.PdfAnnotationCanvas })));
 function AnnotateView({
   content: content4,
   mimeType = "text/plain",
@@ -30630,8 +30631,8 @@ function AnnotateView({
   const handleToolbarShapeChanged = useCallback13(({ shape }) => {
     onUIStateChangeRef.current?.({ selectedShape: shape });
   }, []);
-  const handleAnnotationHover = useCallback13(({ annotationId: annotationId3 }) => {
-    onUIStateChangeRef.current?.({ hoveredAnnotationId: annotationId3 });
+  const handleAnnotationHover = useCallback13(({ annotationId: annotationId2 }) => {
+    onUIStateChangeRef.current?.({ hoveredAnnotationId: annotationId2 });
   }, []);
   useEventSubscriptions({
     "mark:selection-changed": handleToolbarSelectionChanged,
@@ -30682,10 +30683,7 @@ function AnnotateView({
       if (start2 >= 0 && selectedMotivation) {
         const selectors = buildTextSelectors(content4, text7, start2, end);
         if (!selectors) return;
-        session?.client.emit("mark:requested", {
-          selector: selectors,
-          motivation: selectedMotivation
-        });
+        session?.client.mark.request(selectors, selectedMotivation);
         selection2.removeAllRanges();
       }
     };
@@ -30812,7 +30810,7 @@ import { useRef as useRef14, useCallback as useCallback14, useEffect as useEffec
 import { getAnnotationUriFromEvent } from "@semiont/core";
 
 // src/components/resource/event-formatting.ts
-import { getExactText as getExactText2, getTargetSelector as getTargetSelector3 } from "@semiont/api-client";
+import { getExactText as getExactText2, getTargetSelector as getTargetSelector3 } from "@semiont/core";
 function formatUserId(userId) {
   if (!userId.startsWith("did:")) return userId;
   const systemMatch = userId.match(/^did:web:system:(.+)$/);
@@ -31227,11 +31225,11 @@ function AnnotationHistory({ rUri, hoveredAnnotationId, onEventHover, onEventCli
           t: t12,
           Link,
           routes,
-          onEventRef: (annotationId3, el) => {
-            if (el && annotationId3) {
-              eventRefs.current.set(annotationId3, el);
-            } else if (!el && annotationId3) {
-              eventRefs.current.delete(annotationId3);
+          onEventRef: (annotationId2, el) => {
+            if (el && annotationId2) {
+              eventRefs.current.set(annotationId2, el);
+            } else if (!el && annotationId2) {
+              eventRefs.current.delete(annotationId2);
             }
           },
           ...onEventClick && { onEventClick },
@@ -45760,7 +45758,9 @@ function remarkGfm(options) {
 }
 
 // src/components/resource/BrowseView.tsx
-import { getMimeCategory as getMimeCategory2, isPdfMimeType as isPdfMimeType3, createHoverHandlers as createHoverHandlers3 } from "@semiont/api-client";
+import { annotationId as toAnnotationId3 } from "@semiont/core";
+import { getMimeCategory as getMimeCategory2, isPdfMimeType as isPdfMimeType3 } from "@semiont/core";
+import { createHoverHandlers as createHoverHandlers3 } from "@semiont/sdk";
 
 // src/components/viewers/ImageViewer.tsx
 import { jsx as jsx26 } from "react/jsx-runtime";
@@ -45778,7 +45778,7 @@ function ImageViewer({ imageUrl, alt = "Resource image" }) {
 
 // src/components/resource/BrowseView.tsx
 import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
-var PdfAnnotationCanvas2 = lazy2(() => import("./PdfAnnotationCanvas.client-6ZGFEN2N.mjs").then((mod) => ({ default: mod.PdfAnnotationCanvas })));
+var PdfAnnotationCanvas2 = lazy2(() => import("./PdfAnnotationCanvas.client-5QESNO5H.mjs").then((mod) => ({ default: mod.PdfAnnotationCanvas })));
 var MemoizedMarkdown = memo(function MemoizedMarkdown2({
   content: content4
 }) {
@@ -45833,24 +45833,24 @@ var BrowseView = memo(function BrowseView2({
       const target = e6.target;
       const annotationElement = target.closest("[data-annotation-id]");
       if (!annotationElement) return;
-      const annotationId3 = annotationElement.getAttribute("data-annotation-id");
+      const annotationId2 = annotationElement.getAttribute("data-annotation-id");
       const annotationType = annotationElement.getAttribute("data-annotation-type");
-      if (annotationId3 && annotationType === "reference") {
-        const annotation = allAnnotations.find((a15) => a15.id === annotationId3);
+      if (annotationId2 && annotationType === "reference") {
+        const annotation = allAnnotations.find((a15) => a15.id === annotationId2);
         if (annotation) {
-          session.client.emit("browse:click", { annotationId: annotationId3, motivation: annotation.motivation });
+          session.client.browse.click(annotation.id, annotation.motivation);
         }
       }
     };
     const { handleMouseEnter, handleMouseLeave, cleanup: cleanupHover } = createHoverHandlers3(
-      (annotationId3) => session.client.emit("beckon:hover", { annotationId: annotationId3 }),
+      (id2) => session.client.beckon.hover(id2),
       hoverDelayMs
     );
     const handleMouseOver = (e6) => {
       const target = e6.target;
       const annotationElement = target.closest("[data-annotation-id]");
-      const annotationId3 = annotationElement?.getAttribute("data-annotation-id");
-      if (annotationId3) handleMouseEnter(annotationId3);
+      const annotationId2 = annotationElement?.getAttribute("data-annotation-id");
+      if (annotationId2) handleMouseEnter(toAnnotationId3(annotationId2));
     };
     const handleMouseOut = (e6) => {
       const target = e6.target;
@@ -45860,8 +45860,8 @@ var BrowseView = memo(function BrowseView2({
     if (newAnnotationIds) {
       const annotationSpans = container.querySelectorAll("[data-annotation-id]");
       annotationSpans.forEach((span) => {
-        const annotationId3 = span.getAttribute("data-annotation-id");
-        if (annotationId3 && newAnnotationIds.has(annotationId3)) {
+        const annotationId2 = span.getAttribute("data-annotation-id");
+        if (annotationId2 && newAnnotationIds.has(annotationId2)) {
           span.classList.add("annotation-sparkle");
         }
       });
@@ -45876,15 +45876,15 @@ var BrowseView = memo(function BrowseView2({
       cleanupHover();
     };
   }, [content4, allAnnotations, newAnnotationIds, hoverDelayMs, session]);
-  const scrollToAnnotation = useCallback15((annotationId3, removePulse = false) => {
+  const scrollToAnnotation = useCallback15((annotationId2, removePulse = false) => {
     if (!containerRef.current) return;
-    scrollAnnotationIntoView(annotationId3, containerRef.current, { pulse: removePulse });
+    scrollAnnotationIntoView(annotationId2, containerRef.current, { pulse: removePulse });
   }, []);
-  const handleAnnotationHover = useCallback15(({ annotationId: annotationId3 }) => {
-    scrollToAnnotation(annotationId3);
+  const handleAnnotationHover = useCallback15(({ annotationId: annotationId2 }) => {
+    scrollToAnnotation(annotationId2);
   }, [scrollToAnnotation]);
-  const handleAnnotationFocus = useCallback15(({ annotationId: annotationId3 }) => {
-    scrollToAnnotation(annotationId3 ?? null, true);
+  const handleAnnotationFocus = useCallback15(({ annotationId: annotationId2 }) => {
+    scrollToAnnotation(annotationId2 ?? null, true);
   }, [scrollToAnnotation]);
   useEventSubscriptions({
     "beckon:hover": handleAnnotationHover,
@@ -45973,8 +45973,7 @@ var BrowseView = memo(function BrowseView2({
 
 // src/components/resource/ResourceViewer.tsx
 import { useState as useState18, useEffect as useEffect25, useCallback as useCallback16, useRef as useRef17, useMemo as useMemo5 } from "react";
-import { resourceId as toResourceId, annotationId as toAnnotationId } from "@semiont/core";
-import { getExactText as getExactText3, getTargetSelector as getTargetSelector4, isHighlight as isHighlight4, isAssessment as isAssessment3, isReference as isReference5, isComment as isComment4, isTag as isTag5, getBodySource as getBodySource4 } from "@semiont/api-client";
+import { getExactText as getExactText3, getTargetSelector as getTargetSelector4, isHighlight as isHighlight4, isAssessment as isAssessment3, isReference as isReference5, isComment as isComment4, isTag as isTag5, getBodySource as getBodySource4 } from "@semiont/core";
 import { jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
 function ResourceViewer({
   resource,
@@ -45993,7 +45992,7 @@ function ResourceViewer({
   if (!resource["@id"]) {
     throw new Error("Resource has no @id");
   }
-  const rUri = toResourceId(resource["@id"]);
+  const rUri = resource["@id"];
   const getMimeType = () => {
     const reps = resource.representations;
     if (Array.isArray(reps) && reps.length > 0 && reps[0]) {
@@ -46084,9 +46083,9 @@ function ResourceViewer({
   const hoveredAnnotationId = hoveredAnnotationIdProp ?? null;
   const [scrollToAnnotationId, setScrollToAnnotationId] = useState18(null);
   const [_focusedAnnotationId, setFocusedAnnotationId] = useState18(null);
-  const focusAnnotation = useCallback16((annotationId3) => {
-    setFocusedAnnotationId(annotationId3);
-    setScrollToAnnotationId(annotationId3);
+  const focusAnnotation = useCallback16((annotationId2) => {
+    setFocusedAnnotationId(annotationId2);
+    setScrollToAnnotationId(annotationId2);
     setTimeout(() => setFocusedAnnotationId(null), 3e3);
   }, []);
   const getJsonLdModalPosition = () => {
@@ -46099,8 +46098,8 @@ function ResourceViewer({
     };
   };
   const handleDeleteAnnotation = useCallback16((id2) => {
-    session?.client.emit("mark:delete", { annotationId: toAnnotationId(id2) });
-  }, [session]);
+    session?.client.mark.delete(rUri, id2);
+  }, [session, rUri]);
   const handleAnnotationClick2 = useCallback16((annotation, event) => {
     const metadata = Object.values(ANNOTATORS).find((a15) => a15.matchesAnnotation(annotation));
     if (metadata?.hasSidePanel) {
@@ -46132,11 +46131,11 @@ function ResourceViewer({
       return;
     }
   }, [annotateMode, selectedClick, focusAnnotation]);
-  const handleAnnotationClickEvent = useCallback16(({ annotationId: annotationId3, motivation }) => {
+  const handleAnnotationClickEvent = useCallback16(({ annotationId: annotationId2, motivation }) => {
     const metadata = Object.values(ANNOTATORS).find((a15) => a15.matchesAnnotation({ motivation }));
     if (!metadata?.hasSidePanel) {
       const allAnnotations = [...highlights, ...references, ...assessments, ...comments, ...tags3];
-      const annotation = allAnnotations.find((a15) => a15.id === annotationId3);
+      const annotation = allAnnotations.find((a15) => a15.id === annotationId2);
       if (annotation) {
         handleAnnotationClick2(annotation);
       }
@@ -46144,13 +46143,13 @@ function ResourceViewer({
     }
     if (selectedClick !== "detail") {
       const allAnnotations = [...highlights, ...references, ...assessments, ...comments, ...tags3];
-      const annotation = allAnnotations.find((a15) => a15.id === annotationId3);
+      const annotation = allAnnotations.find((a15) => a15.id === annotationId2);
       if (annotation) {
         handleAnnotationClick2(annotation);
       }
       return;
     }
-    browser2.emit("panel:open", { panel: "annotations", scrollToAnnotationId: annotationId3, motivation });
+    browser2.emit("panel:open", { panel: "annotations", scrollToAnnotationId: annotationId2, motivation });
   }, [highlights, references, assessments, comments, tags3, handleAnnotationClick2, selectedClick, session]);
   useEventSubscriptions({
     // View mode
@@ -46285,7 +46284,7 @@ function ResourceViewer({
 }
 
 // src/components/resource/panels/AssessmentEntry.tsx
-import { getAnnotationExactText } from "@semiont/api-client";
+import { getAnnotationExactText } from "@semiont/core";
 import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
 function formatRelativeTime2(isoString) {
   const date = new Date(isoString);
@@ -46333,7 +46332,7 @@ function AssessmentEntry({
       "data-type": "assessment",
       "data-focused": isFocused ? "true" : "false",
       onClick: () => {
-        session?.client.emit("browse:click", { annotationId: assessment.id, motivation: assessment.motivation });
+        session?.client.browse.click(assessment.id, assessment.motivation);
       },
       ...hoverProps,
       children: [
@@ -46361,7 +46360,7 @@ function AssessmentEntry({
 
 // src/components/resource/panels/AssessmentPanel.tsx
 import { useState as useState20, useEffect as useEffect27, useRef as useRef18, useCallback as useCallback18, useMemo as useMemo6 } from "react";
-import { getTextPositionSelector as getTextPositionSelector3, getTargetSelector as getTargetSelector5 } from "@semiont/api-client";
+import { getTextPositionSelector as getTextPositionSelector3, getTargetSelector as getTargetSelector5 } from "@semiont/core";
 
 // src/components/resource/panels/AssistSection.tsx
 import { useState as useState19, useEffect as useEffect26, useCallback as useCallback17 } from "react";
@@ -46391,20 +46390,17 @@ function AssistSection({
   }, [isExpanded, annotationType]);
   const handleAssist = useCallback17(() => {
     const motivation = annotationType === "highlight" ? "highlighting" : annotationType === "assessment" ? "assessing" : "commenting";
-    session?.client.emit("mark:assist-request", {
-      motivation,
-      options: {
-        instructions: instructions.trim() || void 0,
-        tone: (annotationType === "comment" || annotationType === "assessment") && tone ? tone : void 0,
-        density: (annotationType === "comment" || annotationType === "assessment" || annotationType === "highlight") && useDensity ? density : void 0,
-        language: annotationType === "comment" || annotationType === "assessment" ? locale : void 0
-      }
+    session?.client.mark.requestAssist(motivation, {
+      instructions: instructions.trim() || void 0,
+      tone: (annotationType === "comment" || annotationType === "assessment") && tone ? tone : void 0,
+      density: (annotationType === "comment" || annotationType === "assessment" || annotationType === "highlight") && useDensity ? density : void 0,
+      language: annotationType === "comment" || annotationType === "assessment" ? locale : void 0
     });
     setInstructions("");
     setTone("");
   }, [annotationType, instructions, tone, useDensity, density, locale, session]);
   const handleDismissProgress = useCallback17(() => {
-    session?.client.emit("mark:progress-dismiss", void 0);
+    session?.client.mark.dismissProgress();
   }, [session]);
   return /* @__PURE__ */ jsxs22("div", { className: "semiont-panel__section", children: [
     /* @__PURE__ */ jsxs22(
@@ -46663,7 +46659,7 @@ function AssessmentPanel({
     if (pendingAnnotation) {
       const trimmed = newAssessmentText.trim();
       const body = trimmed ? { type: "TextualBody", value: trimmed, purpose: "assessing" } : void 0;
-      session?.client.emit("mark:submit", {
+      session?.client.mark.submit({
         motivation: "assessing",
         selector: pendingAnnotation.selector,
         ...body !== void 0 ? { body } : {}
@@ -46675,15 +46671,15 @@ function AssessmentPanel({
     if (!pendingAnnotation) return;
     const handleEscape = (e6) => {
       if (e6.key === "Escape") {
-        session?.client.emit("mark:cancel-pending", void 0);
+        session?.client.mark.cancelPending();
         setNewAssessmentText("");
       }
     };
     document.addEventListener("keydown", handleEscape);
     return () => document.removeEventListener("keydown", handleEscape);
   }, [pendingAnnotation, session]);
-  const handleAnnotationClick2 = useCallback18(({ annotationId: annotationId3 }) => {
-    setFocusedAnnotationId(annotationId3);
+  const handleAnnotationClick2 = useCallback18(({ annotationId: annotationId2 }) => {
+    setFocusedAnnotationId(annotationId2);
     setTimeout(() => setFocusedAnnotationId(null), 3e3);
   }, []);
   useEventSubscriptions({
@@ -46721,7 +46717,7 @@ function AssessmentPanel({
             "button",
             {
               onClick: () => {
-                session?.client.emit("mark:cancel-pending", void 0);
+                session?.client.mark.cancelPending();
                 setNewAssessmentText("");
               },
               className: "semiont-button semiont-button--secondary",
@@ -46848,7 +46844,7 @@ function CollaborationPanel({
 
 // src/components/resource/panels/CommentEntry.tsx
 import { useState as useState21, useEffect as useEffect28, useRef as useRef19, useImperativeHandle } from "react";
-import { getAnnotationExactText as getAnnotationExactText2, getCommentText } from "@semiont/api-client";
+import { getAnnotationExactText as getAnnotationExactText2, getCommentText } from "@semiont/core";
 import { jsx as jsx34, jsxs as jsxs26 } from "react/jsx-runtime";
 function formatRelativeTime3(isoString) {
   const date = new Date(isoString);
@@ -46907,7 +46903,7 @@ function CommentEntry({
       "data-type": "comment",
       "data-focused": isFocused ? "true" : "false",
       onClick: () => {
-        session?.client.emit("browse:click", { annotationId: comment2.id, motivation: comment2.motivation });
+        session?.client.browse.click(comment2.id, comment2.motivation);
       },
       ...hoverProps,
       children: [
@@ -46983,7 +46979,7 @@ function CommentEntry({
 
 // src/components/resource/panels/CommentsPanel.tsx
 import { useState as useState22, useEffect as useEffect29, useRef as useRef20, useCallback as useCallback19, useMemo as useMemo7 } from "react";
-import { getTextPositionSelector as getTextPositionSelector4, getTargetSelector as getTargetSelector6 } from "@semiont/api-client";
+import { getTextPositionSelector as getTextPositionSelector4, getTargetSelector as getTargetSelector6 } from "@semiont/core";
 import { jsx as jsx35, jsxs as jsxs27 } from "react/jsx-runtime";
 function getSelectorDisplayText2(selector) {
   if (Array.isArray(selector)) {
@@ -47063,8 +47059,8 @@ function CommentsPanel({
       container.scrollTo({ top: scrollTo, behavior: "smooth" });
     }
   }, [hoveredAnnotationId]);
-  const handleAnnotationClick2 = useCallback19(({ annotationId: annotationId3 }) => {
-    setFocusedAnnotationId(annotationId3);
+  const handleAnnotationClick2 = useCallback19(({ annotationId: annotationId2 }) => {
+    setFocusedAnnotationId(annotationId2);
     setTimeout(() => setFocusedAnnotationId(null), 3e3);
   }, []);
   useEventSubscriptions({
@@ -47072,7 +47068,7 @@ function CommentsPanel({
   });
   const handleSaveNewComment = () => {
     if (newCommentText.trim() && pendingAnnotation) {
-      session?.client.emit("mark:submit", {
+      session?.client.mark.submit({
         motivation: "commenting",
         selector: pendingAnnotation.selector,
         body: [{ type: "TextualBody", value: newCommentText, purpose: "commenting" }]
@@ -47084,7 +47080,7 @@ function CommentsPanel({
     if (!pendingAnnotation) return;
     const handleEscape = (e6) => {
       if (e6.key === "Escape") {
-        session?.client.emit("mark:cancel-pending", void 0);
+        session?.client.mark.cancelPending();
         setNewCommentText("");
       }
     };
@@ -47123,7 +47119,7 @@ function CommentsPanel({
             "button",
             {
               onClick: () => {
-                session?.client.emit("mark:cancel-pending", void 0);
+                session?.client.mark.cancelPending();
                 setNewCommentText("");
               },
               className: "semiont-button semiont-button--secondary",
@@ -47170,7 +47166,7 @@ function CommentsPanel({
 }
 
 // src/components/resource/panels/HighlightEntry.tsx
-import { getAnnotationExactText as getAnnotationExactText3 } from "@semiont/api-client";
+import { getAnnotationExactText as getAnnotationExactText3 } from "@semiont/core";
 import { jsxs as jsxs28 } from "react/jsx-runtime";
 function formatRelativeTime4(isoString) {
   const date = new Date(isoString);
@@ -47203,7 +47199,7 @@ function HighlightEntry({
       "data-type": "highlight",
       "data-focused": isFocused ? "true" : "false",
       onClick: () => {
-        session?.client.emit("browse:click", { annotationId: highlight.id, motivation: highlight.motivation });
+        session?.client.browse.click(highlight.id, highlight.motivation);
       },
       ...hoverProps,
       children: [
@@ -47230,7 +47226,7 @@ function HighlightEntry({
 
 // src/components/resource/panels/HighlightPanel.tsx
 import { useEffect as useEffect30, useState as useState23, useRef as useRef21, useCallback as useCallback20, useMemo as useMemo8 } from "react";
-import { getTextPositionSelector as getTextPositionSelector5, getTargetSelector as getTargetSelector7 } from "@semiont/api-client";
+import { getTextPositionSelector as getTextPositionSelector5, getTargetSelector as getTargetSelector7 } from "@semiont/core";
 import { jsx as jsx36, jsxs as jsxs29 } from "react/jsx-runtime";
 function HighlightPanel({
   annotations,
@@ -47293,8 +47289,8 @@ function HighlightPanel({
       container.scrollTo({ top: scrollTo, behavior: "smooth" });
     }
   }, [hoveredAnnotationId]);
-  const handleAnnotationClick2 = useCallback20(({ annotationId: annotationId3 }) => {
-    setFocusedAnnotationId(annotationId3);
+  const handleAnnotationClick2 = useCallback20(({ annotationId: annotationId2 }) => {
+    setFocusedAnnotationId(annotationId2);
     setTimeout(() => setFocusedAnnotationId(null), 3e3);
   }, []);
   useEventSubscriptions({
@@ -47302,7 +47298,7 @@ function HighlightPanel({
   });
   useEffect30(() => {
     if (pendingAnnotation && pendingAnnotation.motivation === "highlighting") {
-      session?.client.emit("mark:submit", {
+      session?.client.mark.submit({
         motivation: "highlighting",
         selector: pendingAnnotation.selector
       });
@@ -47403,8 +47399,8 @@ function JsonLdPanel({ resource: semiontResource }) {
 }
 
 // src/components/resource/panels/ReferenceEntry.tsx
-import { annotationId, resourceId } from "@semiont/core";
-import { getAnnotationExactText as getAnnotationExactText4, isBodyResolved as isBodyResolved2, getBodySource as getBodySource5, getFragmentSelector, getSvgSelector as getSvgSelector2, getTargetSelector as getTargetSelector8 } from "@semiont/api-client";
+import { resourceId } from "@semiont/core";
+import { getAnnotationExactText as getAnnotationExactText4, isBodyResolved as isBodyResolved2, getBodySource as getBodySource5, getFragmentSelector, getSvgSelector as getSvgSelector2, getTargetSelector as getTargetSelector8 } from "@semiont/core";
 import { jsx as jsx38, jsxs as jsxs31 } from "react/jsx-runtime";
 function ReferenceEntry({
   reference,
@@ -47442,15 +47438,15 @@ function ReferenceEntry({
     if (source && resolvedResourceUri && semiont) {
       semiont.bind.body(
         resourceId(source),
-        annotationId(reference.id),
+        reference.id,
         [{ op: "remove", item: { type: "SpecificResource", source: resolvedResourceUri, purpose: "linking" } }]
       ).catch(() => {
       });
     }
   };
   const handleInitiateWizard = () => {
-    session?.client.emit("bind:initiate", {
-      annotationId: annotationId(reference.id),
+    session?.client.bind.initiate({
+      annotationId: reference.id,
       resourceId: resourceId(source),
       defaultTitle: selectedText,
       entityTypes
@@ -47473,7 +47469,7 @@ function ReferenceEntry({
       "data-type": "reference",
       "data-focused": isFocused ? "true" : "false",
       onClick: () => {
-        session?.client.emit("browse:click", { annotationId: reference.id, motivation: reference.motivation });
+        session?.client.browse.click(reference.id, reference.motivation);
       },
       ...hoverProps,
       children: [
@@ -47539,7 +47535,7 @@ function ReferenceEntry({
 
 // src/components/resource/panels/ReferencesPanel.tsx
 import { useState as useState24, useRef as useRef23, useEffect as useEffect32, useCallback as useCallback21, useMemo as useMemo9 } from "react";
-import { getTextPositionSelector as getTextPositionSelector6, getTargetSelector as getTargetSelector9 } from "@semiont/api-client";
+import { getTextPositionSelector as getTextPositionSelector6, getTargetSelector as getTargetSelector9 } from "@semiont/core";
 import { Fragment as Fragment6, jsx as jsx39, jsxs as jsxs32 } from "react/jsx-runtime";
 function getSelectorDisplayText3(selector) {
   if (Array.isArray(selector)) {
@@ -47638,8 +47634,8 @@ function ReferencesPanel({
       container.scrollTo({ top: scrollTo, behavior: "smooth" });
     }
   }, [hoveredAnnotationId]);
-  const handleAnnotationClick2 = useCallback21(({ annotationId: annotationId3 }) => {
-    setFocusedAnnotationId(annotationId3);
+  const handleAnnotationClick2 = useCallback21(({ annotationId: annotationId2 }) => {
+    setFocusedAnnotationId(annotationId2);
     setTimeout(() => setFocusedAnnotationId(null), 3e3);
   }, []);
   useEventSubscriptions({
@@ -47647,12 +47643,9 @@ function ReferencesPanel({
   });
   const handleAssist = () => {
     setLastDetectionLog(null);
-    session?.client.emit("mark:assist-request", {
-      motivation: "linking",
-      options: {
-        entityTypes: selectedEntityTypes,
-        includeDescriptiveReferences
-      }
+    session?.client.mark.requestAssist("linking", {
+      entityTypes: selectedEntityTypes,
+      includeDescriptiveReferences
     });
   };
   const hasSavedLogRef = useRef23(false);
@@ -47675,7 +47668,7 @@ function ReferencesPanel({
   const handleCreateReference = () => {
     if (pendingAnnotation) {
       const entityType = pendingEntityTypes.join(",") || void 0;
-      session?.client.emit("mark:submit", {
+      session?.client.mark.submit({
         motivation: "linking",
         selector: pendingAnnotation.selector,
         body: entityType ? [{ type: "TextualBody", value: entityType, purpose: "tagging" }] : []
@@ -47687,7 +47680,7 @@ function ReferencesPanel({
     if (!pendingAnnotation) return;
     const handleEscape = (e6) => {
       if (e6.key === "Escape") {
-        session?.client.emit("mark:cancel-pending", void 0);
+        session?.client.mark.cancelPending();
         setPendingEntityTypes([]);
       }
     };
@@ -47722,7 +47715,7 @@ function ReferencesPanel({
           "button",
           {
             onClick: () => {
-              session?.client.emit("mark:cancel-pending", void 0);
+              session?.client.mark.cancelPending();
               setPendingEntityTypes([]);
             },
             className: "semiont-button semiont-button--secondary",
@@ -47890,7 +47883,7 @@ function ReferencesPanel({
 }
 
 // src/components/resource/panels/ResourceInfoPanel.tsx
-import { formatLocaleDisplay } from "@semiont/api-client";
+import { formatLocaleDisplay } from "@semiont/core";
 import { resourceId as makeResourceId } from "@semiont/core";
 import { Fragment as Fragment7, jsx as jsx40, jsxs as jsxs33 } from "react/jsx-runtime";
 function ResourceInfoPanel({
@@ -47961,7 +47954,7 @@ function ResourceInfoPanel({
             "button",
             {
               className: "semiont-resource-info-panel__link",
-              onClick: () => session?.client.emit("browse:reference-navigate", { resourceId: id2 }),
+              onClick: () => session?.client.browse.navigateReference(makeResourceId(id2)),
               children: [
                 i12 > 0 && ", ",
                 id2
@@ -47992,7 +47985,7 @@ function ResourceInfoPanel({
       /* @__PURE__ */ jsxs33(
         "button",
         {
-          onClick: () => session?.client.emit("yield:clone", void 0),
+          onClick: () => session?.client.yield.clone(),
           className: "semiont-resource-button semiont-resource-button--secondary",
           children: [
             "\u{1F517} ",
@@ -48006,7 +47999,7 @@ function ResourceInfoPanel({
       /* @__PURE__ */ jsxs33(
         "button",
         {
-          onClick: () => session?.client.emit("mark:unarchive", { resourceId: makeResourceId(resourceId2) }),
+          onClick: () => session?.client.mark.unarchive(makeResourceId(resourceId2)),
           className: "semiont-resource-button semiont-resource-button--secondary",
           children: [
             "\u{1F4E4} ",
@@ -48019,7 +48012,7 @@ function ResourceInfoPanel({
       /* @__PURE__ */ jsxs33(
         "button",
         {
-          onClick: () => session?.client.emit("mark:archive", { resourceId: makeResourceId(resourceId2) }),
+          onClick: () => session?.client.mark.archive(makeResourceId(resourceId2)),
           className: "semiont-resource-button semiont-resource-button--archive",
           children: [
             "\u{1F4E6} ",
@@ -48033,7 +48026,7 @@ function ResourceInfoPanel({
 }
 
 // src/components/resource/panels/StatisticsPanel.tsx
-import { isBodyResolved as isBodyResolved3 } from "@semiont/api-client";
+import { isBodyResolved as isBodyResolved3 } from "@semiont/core";
 import { jsx as jsx41, jsxs as jsxs34 } from "react/jsx-runtime";
 function StatisticsPanel({
   highlights,
@@ -48105,7 +48098,7 @@ function StatisticsPanel({
 }
 
 // src/components/resource/panels/TagEntry.tsx
-import { getAnnotationExactText as getAnnotationExactText5 } from "@semiont/api-client";
+import { getAnnotationExactText as getAnnotationExactText5 } from "@semiont/core";
 import { jsx as jsx42, jsxs as jsxs35 } from "react/jsx-runtime";
 function TagEntry({
   tag,
@@ -48124,7 +48117,7 @@ function TagEntry({
     {
       ref,
       onClick: () => {
-        session?.client.emit("browse:click", { annotationId: tag.id, motivation: tag.motivation });
+        session?.client.browse.click(tag.id, tag.motivation);
       },
       ...hoverProps,
       className: `semiont-annotation-entry${isHovered ? " semiont-annotation-pulse" : ""}`,
@@ -48152,7 +48145,7 @@ function TagEntry({
 
 // src/components/resource/panels/TaggingPanel.tsx
 import { useState as useState25, useEffect as useEffect33, useRef as useRef24, useCallback as useCallback22, useMemo as useMemo10 } from "react";
-import { getTextPositionSelector as getTextPositionSelector7, getTargetSelector as getTargetSelector10 } from "@semiont/api-client";
+import { getTextPositionSelector as getTextPositionSelector7, getTargetSelector as getTargetSelector10 } from "@semiont/core";
 import { Fragment as Fragment8, jsx as jsx43, jsxs as jsxs36 } from "react/jsx-runtime";
 function getSelectorDisplayText4(selector) {
   if (Array.isArray(selector)) {
@@ -48192,8 +48185,8 @@ function TaggingPanel({
     if (typeof window === "undefined") return;
     localStorage.setItem("assist-section-expanded-tag", String(isAssistExpanded));
   }, [isAssistExpanded]);
-  const handleAnnotationClick2 = useCallback22(({ annotationId: annotationId3 }) => {
-    setFocusedAnnotationId(annotationId3);
+  const handleAnnotationClick2 = useCallback22(({ annotationId: annotationId2 }) => {
+    setFocusedAnnotationId(annotationId2);
     setTimeout(() => setFocusedAnnotationId(null), 3e3);
   }, []);
   useEventSubscriptions({
@@ -48271,12 +48264,9 @@ function TaggingPanel({
   };
   const handleAssist = () => {
     if (selectedCategories.size > 0) {
-      session?.client.emit("mark:assist-request", {
-        motivation: "tagging",
-        options: {
-          schemaId: selectedSchemaId,
-          categories: Array.from(selectedCategories)
-        }
+      session?.client.mark.requestAssist("tagging", {
+        schemaId: selectedSchemaId,
+        categories: Array.from(selectedCategories)
       });
       setSelectedCategories(/* @__PURE__ */ new Set());
     }
@@ -48285,7 +48275,7 @@ function TaggingPanel({
     if (!pendingAnnotation) return;
     const handleEscape = (e6) => {
       if (e6.key === "Escape") {
-        session?.client.emit("mark:cancel-pending", void 0);
+        session?.client.mark.cancelPending();
       }
     };
     document.addEventListener("keydown", handleEscape);
@@ -48323,7 +48313,7 @@ function TaggingPanel({
               className: "semiont-select",
               onChange: (e6) => {
                 if (e6.target.value && pendingAnnotation) {
-                  session?.client.emit("mark:submit", {
+                  session?.client.mark.submit({
                     motivation: "tagging",
                     selector: pendingAnnotation.selector,
                     body: [
@@ -48352,7 +48342,7 @@ function TaggingPanel({
         /* @__PURE__ */ jsx43("div", { className: "semiont-annotation-prompt__footer", children: /* @__PURE__ */ jsx43(
           "button",
           {
-            onClick: () => session?.client.emit("mark:cancel-pending", void 0),
+            onClick: () => session?.client.mark.cancelPending(),
             className: "semiont-button semiont-button--secondary",
             "data-type": "tag",
             children: t12("cancel")
@@ -53498,7 +53488,7 @@ function GatherContextStep({
 
 // src/components/modals/ConfigureGenerationStep.tsx
 import { useState as useState34 } from "react";
-import { LOCALES as LOCALES2 } from "@semiont/api-client";
+import { LOCALES as LOCALES2 } from "@semiont/core";
 import { jsx as jsx53, jsxs as jsxs45 } from "react/jsx-runtime";
 function ConfigureGenerationStep({
   defaultTitle,
@@ -53861,7 +53851,7 @@ import { jsx as jsx56, jsxs as jsxs48 } from "react/jsx-runtime";
 function ReferenceWizardModal({
   isOpen,
   onClose,
-  annotationId: annotationId3,
+  annotationId: annotationId2,
   resourceId: resourceId2,
   defaultTitle,
   entityTypes,
@@ -53887,7 +53877,7 @@ function ReferenceWizardModal({
   }, [isOpen]);
   useEventSubscription("match:search-results", (event) => {
     if (!isOpen) return;
-    if (annotationId3 && event.referenceId === annotationId3) {
+    if (annotationId2 && event.referenceId === annotationId2) {
       setIsSearching(false);
       setWizardStep({ step: "search-results", results: event.response });
     }
@@ -53899,37 +53889,37 @@ function ReferenceWizardModal({
     setWizardStep({ step: "configure-generation" });
   }, []);
   const handleCompose = useCallback30(() => {
-    if (!context || !annotationId3 || !resourceId2) return;
+    if (!context || !annotationId2 || !resourceId2) return;
     const contextWithHint = userHint ? { ...context, userHint } : context;
-    onComposeNavigate(contextWithHint, annotationId3, resourceId2, defaultTitle, entityTypes);
+    onComposeNavigate(contextWithHint, annotationId2, resourceId2, defaultTitle, entityTypes);
     onClose();
-  }, [context, annotationId3, resourceId2, defaultTitle, entityTypes, onComposeNavigate, onClose, userHint]);
+  }, [context, annotationId2, resourceId2, defaultTitle, entityTypes, onComposeNavigate, onClose, userHint]);
   const handleBackToGather = useCallback30(() => {
     setWizardStep({ step: "gather" });
   }, []);
   const handleSearchSubmit = useCallback30((config) => {
-    if (!annotationId3 || !context || !resourceId2) return;
+    if (!annotationId2 || !context || !resourceId2) return;
     setIsSearching(true);
     const contextWithHint = userHint ? { ...context, userHint } : context;
-    session?.client.emit("match:search-requested", {
+    session?.client.match.requestSearch({
       correlationId: crypto.randomUUID(),
       resourceId: resourceId2,
-      referenceId: annotationId3,
+      referenceId: annotationId2,
       context: contextWithHint,
       limit: config.limit,
       useSemanticScoring: config.useSemanticScoring
     });
-  }, [annotationId3, resourceId2, context, session, userHint]);
+  }, [annotationId2, resourceId2, context, session, userHint]);
   const handleGenerateSubmit = useCallback30((config) => {
-    if (!annotationId3) return;
-    onGenerateSubmit(annotationId3, config);
+    if (!annotationId2) return;
+    onGenerateSubmit(annotationId2, config);
     onClose();
-  }, [annotationId3, onGenerateSubmit, onClose]);
+  }, [annotationId2, onGenerateSubmit, onClose]);
   const handleLink = useCallback30((targetResourceId) => {
-    if (!annotationId3) return;
-    onLinkResource(annotationId3, targetResourceId);
+    if (!annotationId2) return;
+    onLinkResource(annotationId2, targetResourceId);
     onClose();
-  }, [annotationId3, onLinkResource, onClose]);
+  }, [annotationId2, onLinkResource, onClose]);
   const stepTitle = wizardStep.step === "gather" ? t12.gatherTitle : wizardStep.step === "configure-generation" ? t12.configureGenerationTitle : wizardStep.step === "configure-search" ? t12.configureSearchTitle : t12.searchResultsTitle;
   return /* @__PURE__ */ jsx56(Ke, { appear: true, show: isOpen, children: /* @__PURE__ */ jsxs48(ht, { as: "div", className: "semiont-search-modal", onClose, children: [
     /* @__PURE__ */ jsx56(
@@ -54069,7 +54059,8 @@ function ReferenceWizardModal({
 // src/components/modals/SearchModal.tsx
 import { useState as useState37, useEffect as useEffect44, useRef as useRef33 } from "react";
 var import_operators = __toESM(require_operators());
-import { getResourceId, createSearchPipeline } from "@semiont/api-client";
+import { getResourceId } from "@semiont/core";
+import { createSearchPipeline } from "@semiont/sdk";
 
 // src/hooks/useSearchAnnouncements.ts
 import { useCallback as useCallback31 } from "react";
@@ -54279,7 +54270,8 @@ function SearchModal({
 // src/components/modals/ResourceSearchModal.tsx
 import { useState as useState38, useEffect as useEffect45, useRef as useRef34 } from "react";
 var import_operators2 = __toESM(require_operators());
-import { getResourceId as getResourceId2, getPrimaryRepresentation, createSearchPipeline as createSearchPipeline2 } from "@semiont/api-client";
+import { getResourceId as getResourceId2, getPrimaryRepresentation } from "@semiont/core";
+import { createSearchPipeline as createSearchPipeline2 } from "@semiont/sdk";
 import { jsx as jsx58, jsxs as jsxs50 } from "react/jsx-runtime";
 var SEARCH_DEBOUNCE_MS2 = 300;
 var SEARCH_LIMIT2 = 50;
@@ -54470,7 +54462,7 @@ function StatusDisplay({
       return;
     }
     const fetchStatus = () => {
-      semiont.getStatus().then((result) => {
+      semiont.admin.status().then((result) => {
         setData(result);
         setError(null);
         setLoading(false);
@@ -55850,7 +55842,7 @@ var ForwardRef17 = /* @__PURE__ */ React42.forwardRef(UserCircleIcon);
 var UserCircleIcon_default = ForwardRef17;
 
 // src/features/admin-devops/components/AdminDevOpsPage.tsx
-import { COMMON_PANELS } from "@semiont/api-client";
+import { COMMON_PANELS } from "@semiont/sdk";
 import { jsx as jsx72, jsxs as jsxs62 } from "react/jsx-runtime";
 function AdminDevOpsPage({
   suggestedFeatures,
@@ -55923,7 +55915,7 @@ function AdminDevOpsPage({
 }
 
 // src/features/admin-exchange/components/AdminExchangePage.tsx
-import { COMMON_PANELS as COMMON_PANELS2 } from "@semiont/api-client";
+import { COMMON_PANELS as COMMON_PANELS2 } from "@semiont/sdk";
 
 // src/features/admin-exchange/components/ExportCard.tsx
 import { jsx as jsx73, jsxs as jsxs63 } from "react/jsx-runtime";
@@ -56194,7 +56186,7 @@ function AdminExchangePage({
 }
 
 // src/features/admin-security/components/AdminSecurityPage.tsx
-import { COMMON_PANELS as COMMON_PANELS3 } from "@semiont/api-client";
+import { COMMON_PANELS as COMMON_PANELS3 } from "@semiont/sdk";
 import { jsx as jsx77, jsxs as jsxs67 } from "react/jsx-runtime";
 function AdminSecurityPage({
   providers,
@@ -56290,7 +56282,7 @@ function AdminSecurityPage({
 }
 
 // src/features/moderation-linked-data/components/LinkedDataPage.tsx
-import { COMMON_PANELS as COMMON_PANELS4 } from "@semiont/api-client";
+import { COMMON_PANELS as COMMON_PANELS4 } from "@semiont/sdk";
 import { jsx as jsx78, jsxs as jsxs68 } from "react/jsx-runtime";
 function LinkedDataPage({
   onExport,
@@ -56371,7 +56363,7 @@ function LinkedDataPage({
 
 // src/features/admin-users/components/AdminUsersPage.tsx
 import { useState as useState43 } from "react";
-import { COMMON_PANELS as COMMON_PANELS5 } from "@semiont/api-client";
+import { COMMON_PANELS as COMMON_PANELS5 } from "@semiont/sdk";
 import { Fragment as Fragment15, jsx as jsx79, jsxs as jsxs69 } from "react/jsx-runtime";
 function UserTableRow({
   user,
@@ -57083,7 +57075,7 @@ function WelcomePage({
 }
 
 // src/features/moderate-entity-tags/components/EntityTagsPage.tsx
-import { COMMON_PANELS as COMMON_PANELS6 } from "@semiont/api-client";
+import { COMMON_PANELS as COMMON_PANELS6 } from "@semiont/sdk";
 import { Fragment as Fragment17, jsx as jsx84, jsxs as jsxs74 } from "react/jsx-runtime";
 function EntityTagsPage({
   entityTypes,
@@ -57179,7 +57171,7 @@ function EntityTagsPage({
 }
 
 // src/features/moderate-recent/components/RecentDocumentsPage.tsx
-import { COMMON_PANELS as COMMON_PANELS7 } from "@semiont/api-client";
+import { COMMON_PANELS as COMMON_PANELS7 } from "@semiont/sdk";
 import { jsx as jsx85, jsxs as jsxs75 } from "react/jsx-runtime";
 function RecentDocumentsPage({
   isLoading,
@@ -57235,7 +57227,7 @@ function RecentDocumentsPage({
 }
 
 // src/features/moderate-tag-schemas/components/TagSchemasPage.tsx
-import { COMMON_PANELS as COMMON_PANELS8 } from "@semiont/api-client";
+import { COMMON_PANELS as COMMON_PANELS8 } from "@semiont/sdk";
 import { jsx as jsx86, jsxs as jsxs76 } from "react/jsx-runtime";
 var domainIcons = {
   legal: ScaleIcon_default,
@@ -57339,8 +57331,8 @@ function TagSchemasPage({
 
 // src/features/resource-compose/components/ResourceComposePage.tsx
 import { useState as useState45, useEffect as useEffect48 } from "react";
-import { isImageMimeType, isPdfMimeType as isPdfMimeType4, LOCALES as LOCALES3 } from "@semiont/api-client";
-import { COMMON_PANELS as COMMON_PANELS9 } from "@semiont/api-client";
+import { isImageMimeType, isPdfMimeType as isPdfMimeType4, LOCALES as LOCALES3 } from "@semiont/core";
+import { COMMON_PANELS as COMMON_PANELS9 } from "@semiont/sdk";
 import { jsx as jsx87, jsxs as jsxs77 } from "react/jsx-runtime";
 function ResourceComposePage({
   mode,
@@ -57815,8 +57807,8 @@ function ResourceComposePage({
 
 // src/features/resource-discovery/components/ResourceDiscoveryPage.tsx
 import { useState as useState46, useCallback as useCallback33, useRef as useRef36 } from "react";
-import { getResourceId as getResourceId3 } from "@semiont/api-client";
-import { COMMON_PANELS as COMMON_PANELS10 } from "@semiont/api-client";
+import { getResourceId as getResourceId3 } from "@semiont/core";
+import { COMMON_PANELS as COMMON_PANELS10 } from "@semiont/sdk";
 
 // src/features/resource-discovery/components/ResourceCard.tsx
 import React48 from "react";
@@ -58039,8 +58031,9 @@ function ResourceDiscoveryPage({
 
 // src/features/resource-viewer/components/ResourceViewerPage.tsx
 import { useState as useState48, useEffect as useEffect50, useCallback as useCallback34 } from "react";
-import { annotationId as annotationId2 } from "@semiont/core";
-import { getLanguage, getPrimaryRepresentation as getPrimaryRepresentation2, getPrimaryMediaType as getPrimaryMediaType2, getMimeCategory as getMimeCategory3 } from "@semiont/api-client";
+import { annotationId } from "@semiont/core";
+import { getLanguage, getPrimaryRepresentation as getPrimaryRepresentation2, getPrimaryMediaType as getPrimaryMediaType2 } from "@semiont/core";
+import { getMimeCategory as getMimeCategory3 } from "@semiont/core";
 
 // src/hooks/useMediaToken.ts
 import { useEffect as useEffect49, useState as useState47 } from "react";
@@ -58053,27 +58046,35 @@ function useMediaToken(id2) {
       setLoading(false);
       return;
     }
+    let cancelled = false;
     setLoading(true);
-    semiont.getMediaToken(id2).then(({ token: t12 }) => {
+    semiont.auth.mediaToken(id2).then(({ token: t12 }) => {
+      if (cancelled) return;
       setToken(t12);
       setLoading(false);
     }).catch(() => {
+      if (cancelled) return;
       setLoading(false);
     });
     const refreshInterval = setInterval(() => {
-      semiont.getMediaToken(id2).then(({ token: t12 }) => setToken(t12)).catch(() => {
+      semiont.auth.mediaToken(id2).then(({ token: t12 }) => {
+        if (!cancelled) setToken(t12);
+      }).catch(() => {
       });
     }, 4 * 60 * 1e3);
-    return () => clearInterval(refreshInterval);
+    return () => {
+      cancelled = true;
+      clearInterval(refreshInterval);
+    };
   }, [semiont, id2]);
   return { token, loading };
 }
 
 // src/features/resource-viewer/components/ResourceViewerPage.tsx
-import { createResourceViewerPageVM } from "@semiont/api-client";
+import { createResourceViewerPageVM } from "@semiont/sdk";
 
 // src/hooks/useShellVM.ts
-import { createShellVM } from "@semiont/api-client";
+import { createShellVM } from "@semiont/sdk";
 function readPanel() {
   if (typeof window === "undefined") return null;
   const saved = localStorage.getItem("activeToolbarPanel");
@@ -58151,7 +58152,7 @@ function ResourceViewerPage({
     vm.closeWizard();
   }, [vm]);
   const handleWizardGenerateSubmit = useCallback34((referenceId, config) => {
-    clearNewAnnotationId(annotationId2(referenceId));
+    clearNewAnnotationId(annotationId(referenceId));
     vm.yield.generate(referenceId, {
       title: config.title,
       storageUri: config.storagePath,
@@ -58167,7 +58168,7 @@ function ResourceViewerPage({
     try {
       await semiont.bind.body(
         rUri,
-        annotationId2(referenceId),
+        annotationId(referenceId),
         [{ op: "add", item: { type: "SpecificResource", source: targetResourceId, purpose: "linking" } }]
       );
       showSuccess("Reference linked successfully");
@@ -58205,7 +58206,7 @@ function ResourceViewerPage({
   const handleResourceArchive = useCallback34(async () => {
     if (!semiont) return;
     try {
-      await semiont.updateResource(rUri, { archived: true });
+      await semiont.mark.archive(rUri);
       await refetchDocument();
     } catch (err) {
       console.error("Failed to archive document:", err);
@@ -58215,7 +58216,7 @@ function ResourceViewerPage({
   const handleResourceUnarchive = useCallback34(async () => {
     if (!semiont) return;
     try {
-      await semiont.updateResource(rUri, { archived: false });
+      await semiont.mark.unarchive(rUri);
       await refetchDocument();
     } catch (err) {
       console.error("Failed to unarchive document:", err);
@@ -58225,7 +58226,7 @@ function ResourceViewerPage({
   const handleResourceClone = useCallback34(async () => {
     if (!semiont) return;
     try {
-      const result = await semiont.generateCloneToken(rUri);
+      const result = await semiont.yield.cloneToken(rUri);
       const token = result.token;
       browser2.emit("nav:push", { path: `/know/compose?mode=clone&token=${token}`, reason: "clone" });
     } catch (err) {
@@ -58233,8 +58234,8 @@ function ResourceViewerPage({
       showError("Failed to generate clone link");
     }
   }, [semiont, rUri, showError, session]);
-  const handleAnnotationSparkle = useCallback34(({ annotationId: annotationId3 }) => {
-    triggerSparkleAnimation(annotationId3);
+  const handleAnnotationSparkle = useCallback34(({ annotationId: annotationId2 }) => {
+    triggerSparkleAnimation(annotationId2);
   }, [triggerSparkleAnimation]);
   const handleAnnotationAdded = useCallback34((stored) => {
     triggerSparkleAnimation(stored.payload.annotation.id);
@@ -58319,9 +58320,9 @@ function ResourceViewerPage({
     return false;
   });
   const resourceWithContent = { ...resource, content: content4 };
-  const handleEventHover = useCallback34((annotationId3) => {
-    if (annotationId3) {
-      session?.client.emit("beckon:sparkle", { annotationId: annotationId3 });
+  const handleEventHover = useCallback34((id2) => {
+    if (id2) {
+      session?.client.beckon.sparkle(annotationId(id2));
     }
   }, [session]);
   const handleEventClick = useCallback34((_annotationId) => {
@@ -58504,24 +58505,24 @@ function ResourceViewerPage({
 }
 
 // src/index.ts
-import { createBeckonVM, createHoverHandlers as createHoverHandlers4, HOVER_DELAY_MS as HOVER_DELAY_MS3 } from "@semiont/api-client";
-import { createMarkVM } from "@semiont/api-client";
-import { createShellVM as createShellVM2, COMMON_PANELS as COMMON_PANELS11, RESOURCE_PANELS } from "@semiont/api-client";
-import { createYieldVM } from "@semiont/api-client";
-import { createGatherVM } from "@semiont/api-client";
-import { createMatchVM } from "@semiont/api-client";
-import { createDiscoverVM } from "@semiont/api-client";
-import { createResourceViewerPageVM as createResourceViewerPageVM2 } from "@semiont/api-client";
-import { createComposePageVM } from "@semiont/api-client";
-import { createEntityTagsVM } from "@semiont/api-client";
-import { createExchangeVM } from "@semiont/api-client";
-import { createAdminUsersVM } from "@semiont/api-client";
-import { createAdminSecurityVM } from "@semiont/api-client";
-import { createWelcomeVM } from "@semiont/api-client";
-import { createResourceLoaderVM } from "@semiont/api-client";
-import { createSessionVM } from "@semiont/api-client";
-import { createJobClaimAdapter } from "@semiont/api-client";
-import { createJobQueueVM } from "@semiont/api-client";
+import { createBeckonVM, createHoverHandlers as createHoverHandlers4, HOVER_DELAY_MS as HOVER_DELAY_MS3 } from "@semiont/sdk";
+import { createMarkVM } from "@semiont/sdk";
+import { createShellVM as createShellVM2, COMMON_PANELS as COMMON_PANELS11, RESOURCE_PANELS } from "@semiont/sdk";
+import { createYieldVM } from "@semiont/sdk";
+import { createGatherVM } from "@semiont/sdk";
+import { createMatchVM } from "@semiont/sdk";
+import { createDiscoverVM } from "@semiont/sdk";
+import { createResourceViewerPageVM as createResourceViewerPageVM2 } from "@semiont/sdk";
+import { createComposePageVM } from "@semiont/sdk";
+import { createEntityTagsVM } from "@semiont/sdk";
+import { createExchangeVM } from "@semiont/sdk";
+import { createAdminUsersVM } from "@semiont/sdk";
+import { createAdminSecurityVM } from "@semiont/sdk";
+import { createWelcomeVM } from "@semiont/sdk";
+import { createResourceLoaderVM } from "@semiont/sdk";
+import { createSessionVM } from "@semiont/sdk";
+import { createJobClaimAdapter } from "@semiont/sdk";
+import { createJobQueueVM } from "@semiont/sdk";
 export {
   ANNOTATORS,
   AVAILABLE_LOCALES,