@semiont/react-ui 0.5.2 → 0.5.3

package/dist/index.mjs

@@ -124,8 +124,8 @@ import {
   useSemiont,
   useToast,
   useTranslations
-} from "./chunk-7VWNZ5YX.mjs";
-import "./chunk-NOD3NCXE.mjs";
+} from "./chunk-EBBL3VJI.mjs";
+import "./chunk-OJSRLEER.mjs";
 import {
   __commonJS,
   __export,
@@ -17709,212 +17709,6 @@ function supportsDetection(mediaType) {
   return baseType.startsWith("text/");
 }
 
-// ../ontology/dist/index.js
-var TAG_SCHEMAS = {
-  "legal-irac": {
-    id: "legal-irac",
-    name: "Legal Analysis (IRAC)",
-    description: "Issue, Rule, Application, Conclusion framework for legal reasoning",
-    domain: "legal",
-    tags: [
-      {
-        name: "Issue",
-        description: "The legal question or problem to be resolved",
-        examples: [
-          "What is the central legal question?",
-          "What must the court decide?",
-          "What is the dispute about?"
-        ]
-      },
-      {
-        name: "Rule",
-        description: "The relevant law, statute, or legal principle",
-        examples: [
-          "What law applies?",
-          "What is the legal standard?",
-          "What statute governs this case?"
-        ]
-      },
-      {
-        name: "Application",
-        description: "How the rule applies to the specific facts",
-        examples: [
-          "How does the law apply to these facts?",
-          "Analysis of the case",
-          "How do the facts satisfy the legal standard?"
-        ]
-      },
-      {
-        name: "Conclusion",
-        description: "The resolution or outcome based on the analysis",
-        examples: [
-          "What is the court's decision?",
-          "What is the final judgment?",
-          "What is the holding?"
-        ]
-      }
-    ]
-  },
-  "scientific-imrad": {
-    id: "scientific-imrad",
-    name: "Scientific Paper (IMRAD)",
-    description: "Introduction, Methods, Results, Discussion structure for research papers",
-    domain: "scientific",
-    tags: [
-      {
-        name: "Introduction",
-        description: "Background, context, and research question",
-        examples: [
-          "What is the research question?",
-          "Why is this important?",
-          "What is the hypothesis?"
-        ]
-      },
-      {
-        name: "Methods",
-        description: "Experimental design and procedures",
-        examples: [
-          "How was the study conducted?",
-          "What methods were used?",
-          "What was the experimental design?"
-        ]
-      },
-      {
-        name: "Results",
-        description: "Findings and observations",
-        examples: [
-          "What did the study find?",
-          "What are the data?",
-          "What were the observations?"
-        ]
-      },
-      {
-        name: "Discussion",
-        description: "Interpretation and implications of results",
-        examples: [
-          "What do the results mean?",
-          "What are the implications?",
-          "How do these findings relate to prior work?"
-        ]
-      }
-    ]
-  },
-  "argument-toulmin": {
-    id: "argument-toulmin",
-    name: "Argument Structure (Toulmin)",
-    description: "Claim, Evidence, Warrant, Counterargument, Rebuttal framework for argumentation",
-    domain: "general",
-    tags: [
-      {
-        name: "Claim",
-        description: "The main assertion or thesis",
-        examples: [
-          "What is being argued?",
-          "What is the main point?",
-          "What position is being taken?"
-        ]
-      },
-      {
-        name: "Evidence",
-        description: "Data or facts supporting the claim",
-        examples: [
-          "What supports this claim?",
-          "What are the facts?",
-          "What data is provided?"
-        ]
-      },
-      {
-        name: "Warrant",
-        description: "Reasoning connecting evidence to claim",
-        examples: [
-          "Why does this evidence support the claim?",
-          "What is the logic?",
-          "How does this reasoning work?"
-        ]
-      },
-      {
-        name: "Counterargument",
-        description: "Opposing viewpoints or objections",
-        examples: [
-          "What are the objections?",
-          "What do critics say?",
-          "What are alternative views?"
-        ]
-      },
-      {
-        name: "Rebuttal",
-        description: "Response to counterarguments",
-        examples: [
-          "How is the objection addressed?",
-          "Why is the counterargument wrong?",
-          "How is the criticism answered?"
-        ]
-      }
-    ]
-  }
-};
-function getTagSchema(schemaId) {
-  return TAG_SCHEMAS[schemaId] || null;
-}
-function getAllTagSchemas() {
-  return Object.values(TAG_SCHEMAS);
-}
-function getTagSchemasByDomain(domain2) {
-  return Object.values(TAG_SCHEMAS).filter((schema) => schema.domain === domain2);
-}
-function isValidCategory(schemaId, categoryName) {
-  const schema = getTagSchema(schemaId);
-  if (!schema) return false;
-  return schema.tags.some((tag) => tag.name === categoryName);
-}
-function getSchemaCategory(schemaId, categoryName) {
-  const schema = getTagSchema(schemaId);
-  if (!schema) return null;
-  return schema.tags.find((tag) => tag.name === categoryName) || null;
-}
-function getEntityTypes(annotation) {
-  if (Array.isArray(annotation.body)) {
-    const entityTags = [];
-    for (const item of annotation.body) {
-      if (typeof item === "object" && item !== null && "type" in item && "value" in item && "purpose" in item) {
-        const itemType = item.type;
-        const itemValue = item.value;
-        const itemPurpose = item.purpose;
-        if (itemType === "TextualBody" && itemPurpose === "tagging" && typeof itemValue === "string" && itemValue.length > 0) {
-          entityTags.push(itemValue);
-        }
-      }
-    }
-    return entityTags;
-  }
-  return [];
-}
-function isTag2(annotation) {
-  return annotation.motivation === "tagging";
-}
-function getTagCategory(annotation) {
-  if (!isTag2(annotation)) return void 0;
-  const bodies = Array.isArray(annotation.body) ? annotation.body : [annotation.body];
-  const taggingBody = bodies.find(
-    (b8) => b8 !== null && typeof b8 === "object" && "purpose" in b8 && b8.purpose === "tagging"
-  );
-  if (taggingBody && "value" in taggingBody) {
-    return taggingBody.value;
-  }
-  return void 0;
-}
-function getTagSchemaId(annotation) {
-  if (!isTag2(annotation)) return void 0;
-  const bodies = Array.isArray(annotation.body) ? annotation.body : [annotation.body];
-  const classifyingBody = bodies.find(
-    (b8) => b8 !== null && typeof b8 === "object" && "purpose" in b8 && b8.purpose === "classifying"
-  );
-  if (classifyingBody && "value" in classifyingBody) {
-    return classifyingBody.value;
-  }
-  return void 0;
-}
-
 // src/lib/validation.ts
 import { isValidEmail } from "@semiont/core";
 var ImageURLSchema = {
@@ -26357,7 +26151,7 @@ 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/core";
+import { isHighlight as isHighlight2, isReference as isReference2, isResolvedReference as isResolvedReference2, isComment as isComment2, isAssessment, isTag as isTag2, getBodySource as getBodySource3 } from "@semiont/core";
 function convertSegmentPositions(segments, content4) {
   if (!content4.includes("\r\n")) {
     return segments;
@@ -26388,7 +26182,7 @@ function getAnnotationTooltip(annotation) {
   const isCommentAnn = isComment2(annotation);
   const isHighlightAnn = isHighlight2(annotation);
   const isAssessmentAnn = isAssessment(annotation);
-  const isTagAnn = isTag3(annotation);
+  const isTagAnn = isTag2(annotation);
   const isReferenceAnn = isReference2(annotation);
   const isResolvedRef = isResolvedReference2(annotation);
   if (isCommentAnn) {
@@ -26413,7 +26207,7 @@ function getAnnotationDecorationMeta(annotation, isNew) {
   const isReferenceAnn = isReference2(annotation);
   const isCommentAnn = isComment2(annotation);
   const isAssessmentAnn = isAssessment(annotation);
-  const isTagAnn = isTag3(annotation);
+  const isTagAnn = isTag2(annotation);
   let annotationType = "highlight";
   if (isCommentAnn) annotationType = "comment";
   else if (isReferenceAnn) annotationType = "reference";
@@ -29625,7 +29419,7 @@ function PopupContainer({ children, position: position3, onClose, isOpen, wide =
 
 // src/components/image-annotation/AnnotationOverlay.tsx
 import { useMemo as useMemo3 } from "react";
-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 { getSvgSelector, isHighlight as isHighlight3, isReference as isReference4, isAssessment as isAssessment2, isComment as isComment3, isTag as isTag3, 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";
@@ -29638,7 +29432,7 @@ function getAnnotationColor(annotation) {
     return { stroke: "rgb(239, 68, 68)", fill: "rgba(239, 68, 68, 0.2)" };
   } else if (isComment3(annotation)) {
     return { stroke: "rgb(255, 255, 255)", fill: "rgba(255, 255, 255, 0.2)" };
-  } else if (isTag4(annotation)) {
+  } else if (isTag3(annotation)) {
     return { stroke: "rgb(234, 88, 12)", fill: "rgba(234, 88, 12, 0.2)" };
   }
   return { stroke: "rgb(156, 163, 175)", fill: "rgba(156, 163, 175, 0.2)" };
@@ -29650,7 +29444,7 @@ function getAnnotationTooltip2(annotation) {
     return "Highlight";
   } else if (isAssessment2(annotation)) {
     return "Assessment";
-  } else if (isTag4(annotation)) {
+  } else if (isTag3(annotation)) {
     return "Tag";
   } else if (isResolvedReference3(annotation)) {
     return "Resolved Reference";
@@ -45974,7 +45768,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 { 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 { getExactText as getExactText3, getTargetSelector as getTargetSelector4, isHighlight as isHighlight4, isAssessment as isAssessment3, isReference as isReference5, isComment as isComment4, isTag as isTag4, getBodySource as getBodySource4 } from "@semiont/core";
 import { jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
 function ResourceViewer({
   resource,
@@ -46112,7 +45906,7 @@ function ResourceViewer({
         return;
       }
     }
-    const isSimpleAnnotation = isHighlight4(annotation) || isAssessment3(annotation) || isComment4(annotation) || isReference5(annotation) || isTag5(annotation);
+    const isSimpleAnnotation = isHighlight4(annotation) || isAssessment3(annotation) || isComment4(annotation) || isReference5(annotation) || isTag4(annotation);
     if (selectedClick === "follow" && isReference5(annotation)) {
       const bodySource = getBodySource4(annotation.body);
       if (bodySource) {
@@ -47414,6 +47208,52 @@ function JsonLdPanel({ resource: semiontResource }) {
 // src/components/resource/panels/ReferenceEntry.tsx
 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";
+
+// ../ontology/dist/index.js
+function getEntityTypes(annotation) {
+  if (Array.isArray(annotation.body)) {
+    const entityTags = [];
+    for (const item of annotation.body) {
+      if (typeof item === "object" && item !== null && "type" in item && "value" in item && "purpose" in item) {
+        const itemType = item.type;
+        const itemValue = item.value;
+        const itemPurpose = item.purpose;
+        if (itemType === "TextualBody" && itemPurpose === "tagging" && typeof itemValue === "string" && itemValue.length > 0) {
+          entityTags.push(itemValue);
+        }
+      }
+    }
+    return entityTags;
+  }
+  return [];
+}
+function isTag5(annotation) {
+  return annotation.motivation === "tagging";
+}
+function getTagCategory(annotation) {
+  if (!isTag5(annotation)) return void 0;
+  const bodies = Array.isArray(annotation.body) ? annotation.body : [annotation.body];
+  const taggingBody = bodies.find(
+    (b8) => b8 !== null && typeof b8 === "object" && "purpose" in b8 && b8.purpose === "tagging"
+  );
+  if (taggingBody && "value" in taggingBody) {
+    return taggingBody.value;
+  }
+  return void 0;
+}
+function getTagSchemaId(annotation) {
+  if (!isTag5(annotation)) return void 0;
+  const bodies = Array.isArray(annotation.body) ? annotation.body : [annotation.body];
+  const classifyingBody = bodies.find(
+    (b8) => b8 !== null && typeof b8 === "object" && "purpose" in b8 && b8.purpose === "classifying"
+  );
+  if (classifyingBody && "value" in classifyingBody) {
+    return classifyingBody.value;
+  }
+  return void 0;
+}
+
+// src/components/resource/panels/ReferenceEntry.tsx
 import { jsx as jsx38, jsxs as jsxs31 } from "react/jsx-runtime";
 function ReferenceEntry({
   reference,
@@ -48117,6 +47957,7 @@ function StatisticsPanel({
 }
 
 // src/components/resource/panels/TagEntry.tsx
+import { useMemo as useMemo10 } from "react";
 import { getAnnotationExactText as getAnnotationExactText5 } from "@semiont/core";
 import { jsx as jsx42, jsxs as jsxs35 } from "react/jsx-runtime";
 function TagEntry({
@@ -48130,7 +47971,12 @@ function TagEntry({
   const selectedText = getAnnotationExactText5(tag);
   const category = getTagCategory(tag);
   const schemaId = getTagSchemaId(tag);
-  const schema = schemaId ? getTagSchema(schemaId) : null;
+  const tagSchemas$ = useMemo10(
+    () => session?.client.browse.tagSchemas() ?? null,
+    [session]
+  );
+  const schemas = useObservable(tagSchemas$);
+  const schema = schemaId && schemas ? schemas.find((s11) => s11.id === schemaId) ?? null : null;
   return /* @__PURE__ */ jsxs35(
     "div",
     {
@@ -48163,7 +48009,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 { useState as useState25, useEffect as useEffect33, useRef as useRef24, useCallback as useCallback22, useMemo as useMemo11 } from "react";
 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) {
@@ -48193,8 +48039,20 @@ function TaggingPanel({
 }) {
   const t12 = useTranslations("TaggingPanel");
   const session = useObservable(useSemiont().activeSession$);
-  const [selectedSchemaId, setSelectedSchemaId] = useState25("legal-irac");
+  const tagSchemas$ = useMemo11(
+    () => session?.client.browse.tagSchemas() ?? null,
+    [session]
+  );
+  const schemasObserved = useObservable(tagSchemas$);
+  const schemas = schemasObserved ?? [];
+  const noSchemasRegistered = schemasObserved !== void 0 && schemasObserved.length === 0;
+  const [selectedSchemaId, setSelectedSchemaId] = useState25("");
   const [selectedCategories, setSelectedCategories] = useState25(/* @__PURE__ */ new Set());
+  useEffect33(() => {
+    if (!selectedSchemaId && schemas.length > 0) {
+      setSelectedSchemaId(schemas[0].id);
+    }
+  }, [schemas, selectedSchemaId]);
   const [focusedAnnotationId, setFocusedAnnotationId] = useState25(null);
   const containerRef = useRef24(null);
   const [isAssistExpanded, setIsDetectExpanded] = useState25(() => {
@@ -48214,7 +48072,7 @@ function TaggingPanel({
     "browse:click": handleAnnotationClick2
   });
   const entryRefs = useRef24(/* @__PURE__ */ new Map());
-  const sortedAnnotations = useMemo10(() => {
+  const sortedAnnotations = useMemo11(() => {
     return [...annotations].sort((a15, b8) => {
       const aSelector = getTextPositionSelector7(getTargetSelector10(a15.target));
       const bSelector = getTextPositionSelector7(getTargetSelector10(b8.target));
@@ -48260,7 +48118,6 @@ function TaggingPanel({
       container.scrollTo({ top: scrollTo, behavior: "smooth" });
     }
   }, [hoveredAnnotationId]);
-  const schemas = getAllTagSchemas();
   const selectedSchema = schemas.find((s11) => s11.id === selectedSchemaId);
   const handleSchemaChange = (schemaId) => {
     setSelectedSchemaId(schemaId);
@@ -48318,7 +48175,8 @@ function TaggingPanel({
           }
           return t12("fragmentSelected");
         })() }) }),
-        /* @__PURE__ */ jsxs36("div", { className: "semiont-form-field", children: [
+        noSchemasRegistered && /* @__PURE__ */ jsx43("p", { className: "semiont-form__help", "data-type": "tag-no-schemas", children: t12("noSchemas") }),
+        !noSchemasRegistered && /* @__PURE__ */ jsxs36("div", { className: "semiont-form-field", children: [
           /* @__PURE__ */ jsx43("label", { className: "semiont-form-field__label", children: t12("selectSchema") }),
           /* @__PURE__ */ jsx43(
             "select",
@@ -48326,7 +48184,7 @@ function TaggingPanel({
               value: selectedSchemaId,
               onChange: (e6) => handleSchemaChange(e6.target.value),
               className: "semiont-select",
-              children: schemas.map((schema) => /* @__PURE__ */ jsx43("option", { value: schema.id, children: t12(`schema${schema.id === "legal-irac" ? "Legal" : schema.id === "scientific-imrad" ? "Scientific" : "Argument"}`) }, schema.id))
+              children: schemas.map((schema) => /* @__PURE__ */ jsx43("option", { value: schema.id, children: schema.name }, schema.id))
             }
           )
         ] }),
@@ -48390,7 +48248,8 @@ function TaggingPanel({
         ),
         isAssistExpanded && /* @__PURE__ */ jsxs36("div", { className: "semiont-assist-widget", "data-assisting": isAssisting && progress ? "true" : "false", "data-type": "tag", children: [
           !isAssisting && !progress && /* @__PURE__ */ jsxs36(Fragment8, { children: [
-            /* @__PURE__ */ jsxs36("div", { className: "semiont-form-field", children: [
+            noSchemasRegistered && /* @__PURE__ */ jsx43("p", { className: "semiont-form__help", "data-type": "tag-no-schemas", children: t12("noSchemas") }),
+            !noSchemasRegistered && /* @__PURE__ */ jsxs36("div", { className: "semiont-form-field", children: [
               /* @__PURE__ */ jsx43("label", { className: "semiont-form-field__label", children: t12("selectSchema") }),
               /* @__PURE__ */ jsx43(
                 "select",
@@ -48398,7 +48257,7 @@ function TaggingPanel({
                   value: selectedSchemaId,
                   onChange: (e6) => handleSchemaChange(e6.target.value),
                   className: "semiont-select",
-                  children: schemas.map((schema) => /* @__PURE__ */ jsx43("option", { value: schema.id, children: t12(`schema${schema.id === "legal-irac" ? "Legal" : schema.id === "scientific-imrad" ? "Scientific" : "Argument"}`) }, schema.id))
+                  children: schemas.map((schema) => /* @__PURE__ */ jsx43("option", { value: schema.id, children: schema.name }, schema.id))
                 }
               ),
               selectedSchema && /* @__PURE__ */ jsx43("p", { className: "semiont-form__help", children: selectedSchema.description })
@@ -48445,7 +48304,7 @@ function TaggingPanel({
                     className: "semiont-form__checkbox-label",
                     style: { display: "flex", flexDirection: "column", gap: "0.25rem" },
                     children: [
-                      /* @__PURE__ */ jsx43("span", { style: { fontWeight: 500 }, children: t12(`category${category.name.replace(/\s+/g, "")}`) }),
+                      /* @__PURE__ */ jsx43("span", { style: { fontWeight: 500 }, children: category.name }),
                       /* @__PURE__ */ jsx43("span", { style: { fontSize: "var(--semiont-text-xs)", color: "var(--semiont-text-secondary)" }, children: category.description })
                     ]
                   }
@@ -48980,16 +48839,16 @@ function SimpleNavigation({
 import { useCallback as useCallback29, useState as useState32, useRef as useRef31, useEffect as useEffect41 } from "react";
 
 // ../../node_modules/@dnd-kit/core/dist/core.esm.js
-import React18, { createContext as createContext5, useContext as useContext5, useEffect as useEffect38, useState as useState30, useCallback as useCallback26, useMemo as useMemo12, useRef as useRef28, memo as memo2, useReducer, cloneElement, forwardRef } from "react";
+import React18, { createContext as createContext5, useContext as useContext5, useEffect as useEffect38, useState as useState30, useCallback as useCallback26, useMemo as useMemo13, useRef as useRef28, memo as memo2, useReducer, cloneElement, forwardRef } from "react";
 import { createPortal, unstable_batchedUpdates } from "react-dom";
 
 // ../../node_modules/@dnd-kit/utilities/dist/utilities.esm.js
-import { useMemo as useMemo11, useLayoutEffect, useEffect as useEffect37, useRef as useRef27, useCallback as useCallback24 } from "react";
+import { useMemo as useMemo12, useLayoutEffect, useEffect as useEffect37, useRef as useRef27, useCallback as useCallback24 } from "react";
 function useCombinedRefs() {
   for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
     refs[_key] = arguments[_key];
   }
-  return useMemo11(
+  return useMemo12(
     () => (node2) => {
       refs.forEach((ref) => ref(node2));
     },
@@ -49092,7 +48951,7 @@ function useLatestValue(value, dependencies) {
 }
 function useLazyMemo(callback, dependencies) {
   const valueRef = useRef27();
-  return useMemo11(
+  return useMemo12(
     () => {
       const newValue = callback(valueRef.current);
       valueRef.current = newValue;
@@ -49126,7 +48985,7 @@ function usePrevious(value) {
 }
 var ids = {};
 function useUniqueId(prefix, value) {
-  return useMemo11(() => {
+  return useMemo12(() => {
     if (value) {
       return value;
     }
@@ -49398,7 +49257,7 @@ function Accessibility(_ref) {
   useEffect38(() => {
     setMounted(true);
   }, []);
-  useDndMonitor(useMemo12(() => ({
+  useDndMonitor(useMemo13(() => ({
     onDragStart(_ref2) {
       let {
         active
@@ -49476,7 +49335,7 @@ var Action;
 function noop() {
 }
 function useSensor(sensor, options) {
-  return useMemo12(
+  return useMemo13(
     () => ({
       sensor,
       options: options != null ? options : {}
@@ -49489,7 +49348,7 @@ function useSensors() {
   for (var _len = arguments.length, sensors = new Array(_len), _key = 0; _key < _len; _key++) {
     sensors[_key] = arguments[_key];
   }
-  return useMemo12(
+  return useMemo13(
     () => [...sensors].filter((sensor) => sensor != null),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [...sensors]
@@ -50739,7 +50598,7 @@ function useAutoScroller(_ref) {
     x: 0,
     y: 0
   });
-  const rect = useMemo12(() => {
+  const rect = useMemo13(() => {
     switch (activator) {
       case AutoScrollActivator.Pointer:
         return pointerCoordinates ? {
@@ -50762,7 +50621,7 @@ function useAutoScroller(_ref) {
     const scrollTop = scrollSpeed.current.y * scrollDirection.current.y;
     scrollContainer.scrollBy(scrollLeft, scrollTop);
   }, []);
-  const sortedScrollableAncestors = useMemo12(() => order2 === TraversalOrder.TreeOrder ? [...scrollableAncestors].reverse() : scrollableAncestors, [order2, scrollableAncestors]);
+  const sortedScrollableAncestors = useMemo13(() => order2 === TraversalOrder.TreeOrder ? [...scrollableAncestors].reverse() : scrollableAncestors, [order2, scrollableAncestors]);
   useEffect38(
     () => {
       if (!enabled || !scrollableAncestors.length || !rect) {
@@ -50876,7 +50735,7 @@ function useCachedNode(draggableNodes, id2) {
   }, [node2, id2]);
 }
 function useCombineActivators(sensors, getSyntheticHandler) {
-  return useMemo12(() => sensors.reduce((accumulator, sensor) => {
+  return useMemo13(() => sensors.reduce((accumulator, sensor) => {
     const {
       sensor: Sensor
     } = sensor;
@@ -51024,7 +50883,7 @@ function useMutationObserver(_ref) {
     disabled
   } = _ref;
   const handleMutations = useEvent(callback);
-  const mutationObserver = useMemo12(() => {
+  const mutationObserver = useMemo13(() => {
     if (disabled || typeof window === "undefined" || typeof window.MutationObserver === "undefined") {
       return void 0;
     }
@@ -51044,7 +50903,7 @@ function useResizeObserver(_ref) {
     disabled
   } = _ref;
   const handleResize = useEvent(callback);
-  const resizeObserver = useMemo12(
+  const resizeObserver = useMemo13(
     () => {
       if (disabled || typeof window === "undefined" || typeof window.ResizeObserver === "undefined") {
         return void 0;
@@ -51186,7 +51045,7 @@ function useScrollOffsets(elements) {
       });
     }
   }, [handleScroll, elements]);
-  return useMemo12(() => {
+  return useMemo13(() => {
     if (elements.length) {
       return scrollCoordinates ? Array.from(scrollCoordinates.values()).reduce((acc, coordinates) => add(acc, coordinates), defaultCoordinates) : getScrollOffsets(elements);
     }
@@ -51245,7 +51104,7 @@ function useSensorSetup(sensors) {
   );
 }
 function useSyntheticListeners(listeners, id2) {
-  return useMemo12(() => {
+  return useMemo13(() => {
     return listeners.reduce((acc, _ref) => {
       let {
         eventName,
@@ -51259,7 +51118,7 @@ function useSyntheticListeners(listeners, id2) {
   }, [listeners, id2]);
 }
 function useWindowRect(element2) {
-  return useMemo12(() => element2 ? getWindowClientRect(element2) : null, [element2]);
+  return useMemo13(() => element2 ? getWindowClientRect(element2) : null, [element2]);
 }
 var defaultValue$2 = [];
 function useRects(elements, measure) {
@@ -51331,7 +51190,7 @@ function useDragOverlayMeasuring(_ref) {
     setRect(node2 ? measure(node2) : null);
   }, [measure, resizeObserver]);
   const [nodeRef, setRef] = useNodeRef(handleNodeChange);
-  return useMemo12(() => ({
+  return useMemo13(() => ({
     nodeRef,
     rect,
     setRef
@@ -51608,7 +51467,7 @@ function applyModifiers(modifiers2, _ref) {
   }, transform) : transform;
 }
 function useMeasuringConfiguration(config) {
-  return useMemo12(
+  return useMemo13(
     () => ({
       draggable: {
         ...defaultMeasuringConfiguration.draggable,
@@ -51719,7 +51578,7 @@ var DndContext = /* @__PURE__ */ memo2(function DndContext2(_ref) {
     initial: null,
     translated: null
   });
-  const active = useMemo12(() => {
+  const active = useMemo13(() => {
     var _node$data;
     return activeId != null ? {
       id: activeId,
@@ -51733,7 +51592,7 @@ var DndContext = /* @__PURE__ */ memo2(function DndContext2(_ref) {
   const [activatorEvent, setActivatorEvent] = useState30(null);
   const latestProps = useLatestValue(props, Object.values(props));
   const draggableDescribedById = useUniqueId("DndDescribedBy", id2);
-  const enabledDroppableContainers = useMemo12(() => droppableContainers.getEnabled(), [droppableContainers]);
+  const enabledDroppableContainers = useMemo13(() => droppableContainers.getEnabled(), [droppableContainers]);
   const measuringConfiguration = useMeasuringConfiguration(measuring);
   const {
     droppableRects,
@@ -51745,7 +51604,7 @@ var DndContext = /* @__PURE__ */ memo2(function DndContext2(_ref) {
     config: measuringConfiguration.droppable
   });
   const activeNode = useCachedNode(draggableNodes, activeId);
-  const activationCoordinates = useMemo12(() => activatorEvent ? getEventCoordinates(activatorEvent) : null, [activatorEvent]);
+  const activationCoordinates = useMemo13(() => activatorEvent ? getEventCoordinates(activatorEvent) : null, [activatorEvent]);
   const autoScrollOptions = getAutoScrollerOptions();
   const initialActiveNodeRect = useInitialRect(activeNode, measuringConfiguration.draggable.measure);
   useLayoutShiftScrollCompensation({
@@ -52116,7 +51975,7 @@ var DndContext = /* @__PURE__ */ memo2(function DndContext2(_ref) {
     scrollableAncestors,
     scrollableAncestorRects
   });
-  const publicContext = useMemo12(() => {
+  const publicContext = useMemo13(() => {
     const context = {
       active,
       activeNode,
@@ -52138,7 +51997,7 @@ var DndContext = /* @__PURE__ */ memo2(function DndContext2(_ref) {
     };
     return context;
   }, [active, activeNode, activeNodeRect, activatorEvent, collisions, containerNodeRect, dragOverlay, draggableNodes, droppableContainers, droppableRects, over, measureDroppableContainers, scrollableAncestors, scrollableAncestorRects, measuringConfiguration, measuringScheduled, windowRect2]);
-  const internalContext = useMemo12(() => {
+  const internalContext = useMemo13(() => {
     const context = {
       activatorEvent,
       activators,
@@ -52233,7 +52092,7 @@ function useDraggable(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [draggableNodes, id2]
   );
-  const memoizedAttributes = useMemo12(() => ({
+  const memoizedAttributes = useMemo13(() => ({
     role,
     tabIndex,
     "aria-disabled": disabled,
@@ -52378,7 +52237,7 @@ function useDroppable(_ref) {
 }
 
 // ../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js
-import React19, { useMemo as useMemo13, useRef as useRef29, useEffect as useEffect39, useState as useState31, useContext as useContext6 } from "react";
+import React19, { useMemo as useMemo14, useRef as useRef29, useEffect as useEffect39, useState as useState31, 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]);
@@ -52532,7 +52391,7 @@ function SortableContext(_ref) {
   } = useDndContext();
   const containerId = useUniqueId(ID_PREFIX2, id2);
   const useDragOverlay = Boolean(dragOverlay.rect !== null);
-  const items = useMemo13(() => userDefinedItems.map((item) => typeof item === "object" && "id" in item ? item.id : item), [userDefinedItems]);
+  const items = useMemo14(() => userDefinedItems.map((item) => typeof item === "object" && "id" in item ? item.id : item), [userDefinedItems]);
   const isDragging = active != null;
   const activeIndex = active ? items.indexOf(active.id) : -1;
   const overIndex = over ? items.indexOf(over.id) : -1;
@@ -52548,7 +52407,7 @@ function SortableContext(_ref) {
   useEffect39(() => {
     previousItemsRef.current = items;
   }, [items]);
-  const contextValue = useMemo13(
+  const contextValue = useMemo14(
     () => ({
       activeIndex,
       containerId,
@@ -52675,7 +52534,7 @@ function useSortable(_ref) {
   } = useContext6(Context2);
   const disabled = normalizeLocalDisabled(localDisabled, globalDisabled);
   const index2 = items.indexOf(id2);
-  const data2 = useMemo13(() => ({
+  const data2 = useMemo14(() => ({
     sortable: {
       containerId,
       index: index2,
@@ -52683,7 +52542,7 @@ function useSortable(_ref) {
     },
     ...customData
   }), [containerId, customData, index2, items]);
-  const itemsAfterCurrentSortable = useMemo13(() => items.slice(items.indexOf(id2)), [items, id2]);
+  const itemsAfterCurrentSortable = useMemo14(() => items.slice(items.indexOf(id2)), [items, id2]);
   const {
     rect,
     node: node2,
@@ -59304,7 +59163,6 @@ export {
   StatisticsPanel,
   StatusDisplay,
   SvgDrawingCanvas,
-  TAG_SCHEMAS,
   TagEntry,
   TagSchemasPage,
   TaggingPanel,
@@ -59346,18 +59204,13 @@ export {
   faviconPaths,
   formatTime,
   generateCSSVariables,
-  getAllTagSchemas,
   getResourceIcon,
   getSelectedShapeForSelectorType,
   getSelectorType,
   getShortcutDisplay,
   getSupportedShapes,
-  getSchemaCategory as getTagCategory,
-  getTagSchema,
-  getTagSchemasByDomain,
   hideWidgetPreview,
   isShapeSupported,
-  isValidCategory,
   jsonLightHighlightStyle,
   jsonLightTheme,
   resolveAnnotationRanges,