@semiont/react-ui 0.5.1 → 0.5.3

package/dist/index.mjs

@@ -15,8 +15,9 @@ import {
   require_bufferToggle,
   require_bufferWhen,
   require_catchError,
+  require_cjs,
   require_combineAll,
-  require_combineLatest2 as require_combineLatest,
+  require_combineLatest,
   require_combineLatestAll,
   require_combineLatestWith,
   require_concat,
@@ -116,15 +117,15 @@ import {
   require_windowToggle,
   require_windowWhen,
   require_withLatestFrom,
-  require_zip2 as require_zip,
+  require_zip,
   require_zipAll,
   require_zipWith,
   usePreloadTranslations,
   useSemiont,
   useToast,
   useTranslations
-} from "./chunk-4NOUO3W6.mjs";
-import "./chunk-NOD3NCXE.mjs";
+} from "./chunk-EBBL3VJI.mjs";
+import "./chunk-OJSRLEER.mjs";
 import {
   __commonJS,
   __export,
@@ -132,7 +133,7 @@ import {
 } from "./chunk-D4GAAQMM.mjs";
 
 // ../../node_modules/inline-style-parser/cjs/index.js
-var require_cjs = __commonJS({
+var require_cjs2 = __commonJS({
   "../../node_modules/inline-style-parser/cjs/index.js"(exports, module) {
     "use strict";
     var COMMENT_REGEX = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//g;
@@ -271,7 +272,7 @@ var require_cjs = __commonJS({
 });
 
 // ../../node_modules/style-to-object/cjs/index.js
-var require_cjs2 = __commonJS({
+var require_cjs3 = __commonJS({
   "../../node_modules/style-to-object/cjs/index.js"(exports) {
     "use strict";
     var __importDefault = exports && exports.__importDefault || function(mod) {
@@ -279,7 +280,7 @@ var require_cjs2 = __commonJS({
     };
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.default = StyleToObject;
-    var inline_style_parser_1 = __importDefault(require_cjs());
+    var inline_style_parser_1 = __importDefault(require_cjs2());
     function StyleToObject(style, iterator) {
       let styleObject = null;
       if (!style || typeof style !== "string") {
@@ -344,13 +345,13 @@ var require_utilities = __commonJS({
 });
 
 // ../../node_modules/style-to-js/cjs/index.js
-var require_cjs3 = __commonJS({
+var require_cjs4 = __commonJS({
   "../../node_modules/style-to-js/cjs/index.js"(exports, module) {
     "use strict";
     var __importDefault = exports && exports.__importDefault || function(mod) {
       return mod && mod.__esModule ? mod : { "default": mod };
     };
-    var style_to_object_1 = __importDefault(require_cjs2());
+    var style_to_object_1 = __importDefault(require_cjs3());
     var utilities_1 = require_utilities();
     function StyleToJS(style, options) {
       var output = {};
@@ -3145,8 +3146,8 @@ var StateEffectType = class {
   /**
   @internal
   */
-  constructor(map5) {
-    this.map = map5;
+  constructor(map10) {
+    this.map = map10;
   }
   /**
   Create a [state effect](https://codemirror.net/6/docs/ref/#state.StateEffect) instance of this
@@ -3684,9 +3685,9 @@ var EditorState = class _EditorState {
   literal dollar sign.
   */
   phrase(phrase, ...insert2) {
-    for (let map5 of this.facet(_EditorState.phrases))
-      if (Object.prototype.hasOwnProperty.call(map5, phrase)) {
-        phrase = map5[phrase];
+    for (let map10 of this.facet(_EditorState.phrases))
+      if (Object.prototype.hasOwnProperty.call(map10, phrase)) {
+        phrase = map10[phrase];
         break;
       }
     if (insert2.length)
@@ -10665,21 +10666,21 @@ var ViewState = class {
   }
   getViewport(bias, scrollTarget) {
     let marginTop = 0.5 - Math.max(-0.5, Math.min(0.5, bias / 1e3 / 2));
-    let map5 = this.heightMap, oracle = this.heightOracle;
+    let map10 = this.heightMap, oracle = this.heightOracle;
     let { visibleTop, visibleBottom } = this;
-    let viewport = new Viewport(map5.lineAt(visibleTop - marginTop * 1e3, QueryType.ByHeight, oracle, 0, 0).from, map5.lineAt(visibleBottom + (1 - marginTop) * 1e3, QueryType.ByHeight, oracle, 0, 0).to);
+    let viewport = new Viewport(map10.lineAt(visibleTop - marginTop * 1e3, QueryType.ByHeight, oracle, 0, 0).from, map10.lineAt(visibleBottom + (1 - marginTop) * 1e3, QueryType.ByHeight, oracle, 0, 0).to);
     if (scrollTarget) {
       let { head } = scrollTarget.range;
       if (head < viewport.from || head > viewport.to) {
         let viewHeight = Math.min(this.editorHeight, this.pixelViewport.bottom - this.pixelViewport.top);
-        let block = map5.lineAt(head, QueryType.ByPos, oracle, 0, 0), topPos;
+        let block = map10.lineAt(head, QueryType.ByPos, oracle, 0, 0), topPos;
         if (scrollTarget.y == "center")
           topPos = (block.top + block.bottom) / 2 - viewHeight / 2;
         else if (scrollTarget.y == "start" || scrollTarget.y == "nearest" && head < viewport.from)
           topPos = block.top;
         else
           topPos = block.bottom - viewHeight;
-        viewport = new Viewport(map5.lineAt(topPos - 1e3 / 2, QueryType.ByHeight, oracle, 0, 0).from, map5.lineAt(topPos + viewHeight + 1e3 / 2, QueryType.ByHeight, oracle, 0, 0).to);
+        viewport = new Viewport(map10.lineAt(topPos - 1e3 / 2, QueryType.ByHeight, oracle, 0, 0).from, map10.lineAt(topPos + viewHeight + 1e3 / 2, QueryType.ByHeight, oracle, 0, 0).to);
       }
     }
     return viewport;
@@ -12989,10 +12990,10 @@ var keymap = /* @__PURE__ */ Facet.define({ enables: handleKeyEvents });
 var Keymaps = /* @__PURE__ */ new WeakMap();
 function getKeymap(state) {
   let bindings = state.facet(keymap);
-  let map5 = Keymaps.get(bindings);
-  if (!map5)
-    Keymaps.set(bindings, map5 = buildKeymap(bindings.reduce((a15, b8) => a15.concat(b8), [])));
-  return map5;
+  let map10 = Keymaps.get(bindings);
+  if (!map10)
+    Keymaps.set(bindings, map10 = buildKeymap(bindings.reduce((a15, b8) => a15.concat(b8), [])));
+  return map10;
 }
 var storedPrefix = null;
 var PrefixTimeout = 4e3;
@@ -13064,7 +13065,7 @@ function buildKeymap(bindings, platform = currentPlatform) {
   return bound;
 }
 var currentKeyEvent = null;
-function runHandlers(map5, event, view, scope) {
+function runHandlers(map10, event, view, scope) {
   currentKeyEvent = event;
   let name3 = keyName(event);
   let charCode = codePointAt2(name3, 0), isChar = codePointSize2(charCode) == name3.length && name3 != " ";
@@ -13096,7 +13097,7 @@ function runHandlers(map5, event, view, scope) {
     }
     return false;
   };
-  let scopeObj = map5[scope], baseName, shiftName;
+  let scopeObj = map10[scope], baseName, shiftName;
   if (scopeObj) {
     if (runFor(scopeObj[prefix + modifiers(name3, event, !isChar)])) {
       handled = true;
@@ -13773,11 +13774,11 @@ var NodeType = class _NodeType {
   names, separated by spaces, in a single property name to map
   multiple node names to a single value.
   */
-  static match(map5) {
+  static match(map10) {
     let direct = /* @__PURE__ */ Object.create(null);
-    for (let prop in map5)
+    for (let prop in map10)
       for (let name3 of prop.split(" "))
-        direct[name3] = map5[prop];
+        direct[name3] = map10[prop];
     return (node2) => {
       for (let groups = node2.prop(NodeProp.group), i12 = -1; i12 < (groups ? groups.length : 0); i12++) {
         let found = direct[i12 < 0 ? node2.name : groups[i12]];
@@ -15850,13 +15851,13 @@ var Rule = class {
 };
 Rule.empty = new Rule([], 2, null);
 function tagHighlighter(tags3, options) {
-  let map5 = /* @__PURE__ */ Object.create(null);
+  let map10 = /* @__PURE__ */ Object.create(null);
   for (let style of tags3) {
     if (!Array.isArray(style.tag))
-      map5[style.tag.id] = style.class;
+      map10[style.tag.id] = style.class;
     else
       for (let tag of style.tag)
-        map5[tag.id] = style.class;
+        map10[tag.id] = style.class;
   }
   let { scope, all: all2 = null } = options || {};
   return {
@@ -15864,7 +15865,7 @@ function tagHighlighter(tags3, options) {
       let cls = all2;
       for (let tag of tags4) {
         for (let sub of tag.set) {
-          let tagClass = map5[sub.id];
+          let tagClass = map10[sub.id];
           if (tagClass) {
             cls = cls ? cls + " " + tagClass : tagClass;
             break;
@@ -17532,7 +17533,7 @@ function saveSelectedShapeForSelectorType(selectorType, shape) {
 }
 
 // src/index.ts
-import { createSearchPipeline as createSearchPipeline3 } from "@semiont/sdk";
+import { createSearchPipeline as createSearchPipeline4 } from "@semiont/sdk";
 
 // src/lib/annotation-overlay.ts
 import { getTextPositionSelector, getTargetSelector, getExactText, getBodySource as getBodySource2 } from "@semiont/core";
@@ -17542,12 +17543,12 @@ function buildSourceToRenderedMap(markdownSource, container) {
   while (walker.nextNode()) {
     renderedText += walker.currentNode.textContent ?? "";
   }
-  const map5 = /* @__PURE__ */ new Map();
+  const map10 = /* @__PURE__ */ new Map();
   let renderedPos = 0;
   let sourcePos = 0;
   while (sourcePos < markdownSource.length && renderedPos < renderedText.length) {
     if (markdownSource[sourcePos] === renderedText[renderedPos]) {
-      map5.set(sourcePos, renderedPos);
+      map10.set(sourcePos, renderedPos);
       renderedPos++;
       sourcePos++;
     } else {
@@ -17555,10 +17556,10 @@ function buildSourceToRenderedMap(markdownSource, container) {
     }
   }
   while (sourcePos < markdownSource.length) {
-    map5.set(sourcePos, renderedPos);
+    map10.set(sourcePos, renderedPos);
     sourcePos++;
   }
-  return map5;
+  return map10;
 }
 function buildTextNodeIndex(container) {
   const entries = [];
@@ -17708,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 = {
@@ -18031,12 +17826,12 @@ function sanitizeImageURL(url) {
   }
 }
 
-// src/hooks/useViewModel.ts
+// src/hooks/useStateUnit.ts
 import { useState, useEffect } from "react";
-function useViewModel(factory) {
-  const [vm] = useState(factory);
-  useEffect(() => () => vm.dispose(), [vm]);
-  return vm;
+function useStateUnit(factory) {
+  const [unit] = useState(factory);
+  useEffect(() => () => unit.dispose(), [unit]);
+  return unit;
 }
 
 // src/hooks/useDebounce.ts
@@ -18930,7 +18725,7 @@ function ResourceAnnotationsProvider({ children }) {
         },
         body
       };
-      const result = await semiont.mark.annotation(rUri, createData);
+      const result = await semiont.mark.annotation(createData);
       if (result.annotationId) {
         setNewAnnotationIds((prev) => new Set(prev).add(result.annotationId));
         setTimeout(() => {
@@ -26356,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;
@@ -26387,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) {
@@ -26412,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";
@@ -29624,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";
@@ -29637,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)" };
@@ -29649,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";
@@ -32523,7 +32318,7 @@ function stringify2(values2) {
 }
 
 // ../../node_modules/hast-util-to-jsx-runtime/lib/index.js
-var import_style_to_js = __toESM(require_cjs3(), 1);
+var import_style_to_js = __toESM(require_cjs4(), 1);
 
 // ../../node_modules/unist-util-position/lib/index.js
 var pointEnd = point("end");
@@ -32867,11 +32662,11 @@ function addChildren(props, children) {
     }
   }
 }
-function productionCreate(_4, jsx91, jsxs81) {
+function productionCreate(_4, jsx92, jsxs82) {
   return create2;
   function create2(_5, type, props, key) {
     const isStaticChildren = Array.isArray(props.children);
-    const fn = isStaticChildren ? jsxs81 : jsx91;
+    const fn = isStaticChildren ? jsxs82 : jsx92;
     return key ? fn(type, props, key) : fn(type, props);
   }
 }
@@ -39065,11 +38860,11 @@ function createTokenizer(parser6, initialize, from) {
           constructs2
         ])
       ) : handleMapOfConstructs(constructs2);
-      function handleMapOfConstructs(map5) {
+      function handleMapOfConstructs(map10) {
         return start2;
         function start2(code4) {
-          const left = code4 !== null && map5[code4];
-          const all2 = code4 !== null && map5.null;
+          const left = code4 !== null && map10[code4];
+          const all2 = code4 !== null && map10.null;
           const list4 = [
             // To do: add more extension tests.
             /* c8 ignore next 2 */
@@ -40662,10 +40457,10 @@ var deserializer = ($4, _4) => {
         return as(new RegExp(source, flags), index2);
       }
       case MAP: {
-        const map5 = as(/* @__PURE__ */ new Map(), index2);
+        const map10 = as(/* @__PURE__ */ new Map(), index2);
         for (const [key, index3] of value)
-          map5.set(unpair(key), unpair(index3));
-        return map5;
+          map10.set(unpair(key), unpair(index3));
+        return map10;
       }
       case SET2: {
         const set = as(/* @__PURE__ */ new Set(), index2);
@@ -41170,10 +40965,10 @@ function createState(tree, options) {
   };
   visit(tree, function(node2) {
     if (node2.type === "definition" || node2.type === "footnoteDefinition") {
-      const map5 = node2.type === "definition" ? definitionById : footnoteById;
+      const map10 = node2.type === "definition" ? definitionById : footnoteById;
       const id2 = String(node2.identifier).toUpperCase();
-      if (!map5.has(id2)) {
-        map5.set(id2, node2);
+      if (!map10.has(id2)) {
+        map10.set(id2, node2);
       }
     }
   });
@@ -44048,11 +43843,11 @@ function listItem2(node2, parent, state, info) {
   const exit3 = state.enter("listItem");
   const value = state.indentLines(
     state.containerFlow(node2, tracker.current()),
-    map5
+    map10
   );
   exit3();
   return value;
-  function map5(line, index2, blank) {
+  function map10(line, index2, blank) {
     if (index2) {
       return (blank ? "" : " ".repeat(size)) + line;
     }
@@ -45507,7 +45302,7 @@ function resolveTable(events2, context) {
   let currentTable;
   let currentBody;
   let currentCell;
-  const map5 = new EditMap();
+  const map10 = new EditMap();
   while (++index2 < events2.length) {
     const event = events2[index2];
     const token = event[1];
@@ -45515,7 +45310,7 @@ function resolveTable(events2, context) {
       if (token.type === "tableHead") {
         afterHeadAwaitingFirstBodyRow = false;
         if (lastTableEnd !== 0) {
-          flushTableEnd(map5, context, lastTableEnd, currentTable, currentBody);
+          flushTableEnd(map10, context, lastTableEnd, currentTable, currentBody);
           currentBody = void 0;
           lastTableEnd = 0;
         }
@@ -45525,7 +45320,7 @@ function resolveTable(events2, context) {
           // Note: correct end is set later.
           end: Object.assign({}, token.end)
         };
-        map5.add(index2, 0, [["enter", currentTable, context]]);
+        map10.add(index2, 0, [["enter", currentTable, context]]);
       } else if (token.type === "tableRow" || token.type === "tableDelimiterRow") {
         inFirstCellAwaitingPipe = true;
         currentCell = void 0;
@@ -45539,7 +45334,7 @@ function resolveTable(events2, context) {
             // Note: correct end is set later.
             end: Object.assign({}, token.end)
           };
-          map5.add(index2, 0, [["enter", currentBody, context]]);
+          map10.add(index2, 0, [["enter", currentBody, context]]);
         }
         rowKind = token.type === "tableDelimiterRow" ? 2 : currentBody ? 3 : 1;
       } else if (rowKind && (token.type === "data" || token.type === "tableDelimiterMarker" || token.type === "tableDelimiterFiller")) {
@@ -45547,7 +45342,7 @@ function resolveTable(events2, context) {
         if (cell[2] === 0) {
           if (lastCell[1] !== 0) {
             cell[0] = cell[1];
-            currentCell = flushCell(map5, context, lastCell, rowKind, void 0, currentCell);
+            currentCell = flushCell(map10, context, lastCell, rowKind, void 0, currentCell);
             lastCell = [0, 0, 0, 0];
           }
           cell[2] = index2;
@@ -45558,7 +45353,7 @@ function resolveTable(events2, context) {
         } else {
           if (lastCell[1] !== 0) {
             cell[0] = cell[1];
-            currentCell = flushCell(map5, context, lastCell, rowKind, void 0, currentCell);
+            currentCell = flushCell(map10, context, lastCell, rowKind, void 0, currentCell);
           }
           lastCell = cell;
           cell = [lastCell[1], index2, 0, 0];
@@ -45571,9 +45366,9 @@ function resolveTable(events2, context) {
       lastTableEnd = index2;
       if (lastCell[1] !== 0) {
         cell[0] = cell[1];
-        currentCell = flushCell(map5, context, lastCell, rowKind, index2, currentCell);
+        currentCell = flushCell(map10, context, lastCell, rowKind, index2, currentCell);
       } else if (cell[1] !== 0) {
-        currentCell = flushCell(map5, context, cell, rowKind, index2, currentCell);
+        currentCell = flushCell(map10, context, cell, rowKind, index2, currentCell);
       }
       rowKind = 0;
     } else if (rowKind && (token.type === "data" || token.type === "tableDelimiterMarker" || token.type === "tableDelimiterFiller")) {
@@ -45581,9 +45376,9 @@ function resolveTable(events2, context) {
     }
   }
   if (lastTableEnd !== 0) {
-    flushTableEnd(map5, context, lastTableEnd, currentTable, currentBody);
+    flushTableEnd(map10, context, lastTableEnd, currentTable, currentBody);
   }
-  map5.consume(context.events);
+  map10.consume(context.events);
   index2 = -1;
   while (++index2 < context.events.length) {
     const event = context.events[index2];
@@ -45593,12 +45388,12 @@ function resolveTable(events2, context) {
   }
   return events2;
 }
-function flushCell(map5, context, range, rowKind, rowEnd, previousCell) {
+function flushCell(map10, context, range, rowKind, rowEnd, previousCell) {
   const groupName = rowKind === 1 ? "tableHeader" : rowKind === 2 ? "tableDelimiter" : "tableData";
   const valueName = "tableContent";
   if (range[0] !== 0) {
     previousCell.end = Object.assign({}, getPoint(context.events, range[0]));
-    map5.add(range[0], 0, [["exit", previousCell, context]]);
+    map10.add(range[0], 0, [["exit", previousCell, context]]);
   }
   const now = getPoint(context.events, range[1]);
   previousCell = {
@@ -45607,7 +45402,7 @@ function flushCell(map5, context, range, rowKind, rowEnd, previousCell) {
     // Note: correct end is set later.
     end: Object.assign({}, now)
   };
-  map5.add(range[1], 0, [["enter", previousCell, context]]);
+  map10.add(range[1], 0, [["enter", previousCell, context]]);
   if (range[2] !== 0) {
     const relatedStart = getPoint(context.events, range[2]);
     const relatedEnd = getPoint(context.events, range[3]);
@@ -45616,7 +45411,7 @@ function flushCell(map5, context, range, rowKind, rowEnd, previousCell) {
       start: Object.assign({}, relatedStart),
       end: Object.assign({}, relatedEnd)
     };
-    map5.add(range[2], 0, [["enter", valueToken, context]]);
+    map10.add(range[2], 0, [["enter", valueToken, context]]);
     if (rowKind !== 2) {
       const start2 = context.events[range[2]];
       const end = context.events[range[3]];
@@ -45626,19 +45421,19 @@ function flushCell(map5, context, range, rowKind, rowEnd, previousCell) {
       if (range[3] > range[2] + 1) {
         const a15 = range[2] + 1;
         const b8 = range[3] - range[2] - 1;
-        map5.add(a15, b8, []);
+        map10.add(a15, b8, []);
       }
     }
-    map5.add(range[3] + 1, 0, [["exit", valueToken, context]]);
+    map10.add(range[3] + 1, 0, [["exit", valueToken, context]]);
   }
   if (rowEnd !== void 0) {
     previousCell.end = Object.assign({}, getPoint(context.events, rowEnd));
-    map5.add(rowEnd, 0, [["exit", previousCell, context]]);
+    map10.add(rowEnd, 0, [["exit", previousCell, context]]);
     previousCell = void 0;
   }
   return previousCell;
 }
-function flushTableEnd(map5, context, index2, table2, tableBody) {
+function flushTableEnd(map10, context, index2, table2, tableBody) {
   const exits = [];
   const related = getPoint(context.events, index2);
   if (tableBody) {
@@ -45647,7 +45442,7 @@ function flushTableEnd(map5, context, index2, table2, tableBody) {
   }
   table2.end = Object.assign({}, related);
   exits.push(["exit", table2, context]);
-  map5.add(index2 + 1, 0, exits);
+  map10.add(index2 + 1, 0, exits);
 }
 function getPoint(events2, index2) {
   const event = events2[index2];
@@ -45973,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,
@@ -46111,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) {
@@ -46369,6 +46164,7 @@ function AssistSection({
   annotationType,
   isAssisting,
   locale,
+  sourceLanguage,
   progress
 }) {
   const panelName = annotationType === "highlight" ? "HighlightPanel" : annotationType === "assessment" ? "AssessmentPanel" : "CommentsPanel";
@@ -46394,11 +46190,16 @@ function AssistSection({
       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
+      // Body locale only applies where the LLM writes natural-language text:
+      // comment/assessment have a body, highlight does not.
+      language: annotationType === "comment" || annotationType === "assessment" ? locale : void 0,
+      // Source locale applies to all three — affects analysis quality on
+      // non-English source, regardless of whether a body is produced.
+      sourceLanguage
     });
     setInstructions("");
     setTone("");
-  }, [annotationType, instructions, tone, useDensity, density, locale, session]);
+  }, [annotationType, instructions, tone, useDensity, density, locale, sourceLanguage, session]);
   const handleDismissProgress = useCallback17(() => {
     session?.client.mark.dismissProgress();
   }, [session]);
@@ -46598,6 +46399,7 @@ function AssessmentPanel({
   isAssisting = false,
   progress,
   locale,
+  sourceLanguage,
   annotateMode = true,
   scrollToAnnotationId,
   onScrollCompleted,
@@ -46744,6 +46546,7 @@ function AssessmentPanel({
           annotationType: "assessment",
           isAssisting,
           locale,
+          sourceLanguage,
           progress
         }
       ),
@@ -47001,6 +46804,7 @@ function CommentsPanel({
   isAssisting = false,
   progress,
   locale,
+  sourceLanguage,
   scrollToAnnotationId,
   onScrollCompleted,
   hoveredAnnotationId
@@ -47147,6 +46951,7 @@ function CommentsPanel({
           annotationType: "comment",
           isAssisting,
           locale,
+          sourceLanguage,
           progress
         }
       ),
@@ -47236,7 +47041,8 @@ function HighlightPanel({
   annotateMode = true,
   scrollToAnnotationId,
   onScrollCompleted,
-  hoveredAnnotationId
+  hoveredAnnotationId,
+  sourceLanguage
 }) {
   const t12 = useTranslations("HighlightPanel");
   const session = useObservable(useSemiont().activeSession$);
@@ -47312,7 +47118,8 @@ function HighlightPanel({
         {
           annotationType: "highlight",
           isAssisting,
-          progress
+          progress,
+          sourceLanguage
         }
       ),
       /* @__PURE__ */ jsx36("div", { className: "semiont-panel__list", children: sortedAnnotations.length === 0 ? /* @__PURE__ */ jsx36("p", { className: "semiont-panel__empty", children: t12("noHighlights") }) : sortedAnnotations.map((highlight) => /* @__PURE__ */ jsx36(
@@ -47401,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,
@@ -47564,7 +47417,9 @@ function ReferencesPanel({
   pendingAnnotation,
   scrollToAnnotationId,
   onScrollCompleted,
-  hoveredAnnotationId
+  hoveredAnnotationId,
+  locale,
+  sourceLanguage
 }) {
   const t12 = useTranslations("ReferencesPanel");
   const session = useObservable(useSemiont().activeSession$);
@@ -47645,7 +47500,11 @@ function ReferencesPanel({
     setLastDetectionLog(null);
     session?.client.mark.requestAssist("linking", {
       entityTypes: selectedEntityTypes,
-      includeDescriptiveReferences
+      includeDescriptiveReferences,
+      // Body locale stamps the unresolved-reference body's `language`;
+      // sourceLanguage tunes the prompt for non-English source content.
+      language: locale,
+      sourceLanguage
     });
   };
   const hasSavedLogRef = useRef23(false);
@@ -48098,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({
@@ -48111,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",
     {
@@ -48144,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) {
@@ -48168,12 +48033,26 @@ function TaggingPanel({
   pendingAnnotation,
   scrollToAnnotationId,
   onScrollCompleted,
-  hoveredAnnotationId
+  hoveredAnnotationId,
+  locale,
+  sourceLanguage
 }) {
   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(() => {
@@ -48193,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));
@@ -48239,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);
@@ -48266,7 +48144,11 @@ function TaggingPanel({
     if (selectedCategories.size > 0) {
       session?.client.mark.requestAssist("tagging", {
         schemaId: selectedSchemaId,
-        categories: Array.from(selectedCategories)
+        categories: Array.from(selectedCategories),
+        // Body locale stamps the tagging body's `language`; sourceLanguage
+        // tunes the prompt for non-English source content.
+        language: locale,
+        sourceLanguage
       });
       setSelectedCategories(/* @__PURE__ */ new Set());
     }
@@ -48293,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",
@@ -48301,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))
             }
           )
         ] }),
@@ -48365,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",
@@ -48373,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 })
@@ -48420,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 })
                     ]
                   }
@@ -48616,6 +48500,7 @@ function UnifiedAnnotationsPanel(props) {
         progress,
         annotateMode: props.annotateMode,
         locale: props.locale,
+        sourceLanguage: props.sourceLanguage,
         scrollToAnnotationId: props.scrollToAnnotationId,
         onScrollCompleted: props.onScrollCompleted,
         hoveredAnnotationId: props.hoveredAnnotationId
@@ -48640,6 +48525,8 @@ function UnifiedAnnotationsPanel(props) {
             scrollToAnnotationId: commonProps.scrollToAnnotationId,
             onScrollCompleted: commonProps.onScrollCompleted,
             hoveredAnnotationId: commonProps.hoveredAnnotationId,
+            locale: commonProps.locale,
+            sourceLanguage: commonProps.sourceLanguage,
             allEntityTypes: props.allEntityTypes || [],
             generatingReferenceId: props.generatingReferenceId,
             referencedBy: props.referencedBy,
@@ -48952,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));
     },
@@ -49064,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;
@@ -49098,7 +48985,7 @@ function usePrevious(value) {
 }
 var ids = {};
 function useUniqueId(prefix, value) {
-  return useMemo11(() => {
+  return useMemo12(() => {
     if (value) {
       return value;
     }
@@ -49370,7 +49257,7 @@ function Accessibility(_ref) {
   useEffect38(() => {
     setMounted(true);
   }, []);
-  useDndMonitor(useMemo12(() => ({
+  useDndMonitor(useMemo13(() => ({
     onDragStart(_ref2) {
       let {
         active
@@ -49448,7 +49335,7 @@ var Action;
 function noop() {
 }
 function useSensor(sensor, options) {
-  return useMemo12(
+  return useMemo13(
     () => ({
       sensor,
       options: options != null ? options : {}
@@ -49461,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]
@@ -50711,7 +50598,7 @@ function useAutoScroller(_ref) {
     x: 0,
     y: 0
   });
-  const rect = useMemo12(() => {
+  const rect = useMemo13(() => {
     switch (activator) {
       case AutoScrollActivator.Pointer:
         return pointerCoordinates ? {
@@ -50734,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) {
@@ -50848,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;
@@ -50905,23 +50792,23 @@ function useDroppableMeasuring(containers, _ref) {
       return defaultValue;
     }
     if (!previousValue || previousValue === defaultValue || containersRef.current !== containers || queue != null) {
-      const map5 = /* @__PURE__ */ new Map();
+      const map10 = /* @__PURE__ */ new Map();
       for (let container of containers) {
         if (!container) {
           continue;
         }
         if (queue && queue.length > 0 && !queue.includes(container.id) && container.rect.current) {
-          map5.set(container.id, container.rect.current);
+          map10.set(container.id, container.rect.current);
           continue;
         }
         const node2 = container.node.current;
         const rect = node2 ? new Rect(measure(node2), node2) : null;
         container.rect.current = rect;
         if (rect) {
-          map5.set(container.id, rect);
+          map10.set(container.id, rect);
         }
       }
-      return map5;
+      return map10;
     }
     return previousValue;
   }, [containers, queue, dragging, disabled, measure]);
@@ -50996,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;
     }
@@ -51016,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;
@@ -51158,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);
     }
@@ -51217,7 +51104,7 @@ function useSensorSetup(sensors) {
   );
 }
 function useSyntheticListeners(listeners, id2) {
-  return useMemo12(() => {
+  return useMemo13(() => {
     return listeners.reduce((acc, _ref) => {
       let {
         eventName,
@@ -51231,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) {
@@ -51303,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
@@ -51580,7 +51467,7 @@ function applyModifiers(modifiers2, _ref) {
   }, transform) : transform;
 }
 function useMeasuringConfiguration(config) {
-  return useMemo12(
+  return useMemo13(
     () => ({
       draggable: {
         ...defaultMeasuringConfiguration.draggable,
@@ -51691,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,
@@ -51705,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,
@@ -51717,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({
@@ -52088,7 +51975,7 @@ var DndContext = /* @__PURE__ */ memo2(function DndContext2(_ref) {
     scrollableAncestors,
     scrollableAncestorRects
   });
-  const publicContext = useMemo12(() => {
+  const publicContext = useMemo13(() => {
     const context = {
       active,
       activeNode,
@@ -52110,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,
@@ -52205,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,
@@ -52350,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]);
@@ -52504,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;
@@ -52520,7 +52407,7 @@ function SortableContext(_ref) {
   useEffect39(() => {
     previousItemsRef.current = items;
   }, [items]);
-  const contextValue = useMemo13(
+  const contextValue = useMemo14(
     () => ({
       activeIndex,
       containerId,
@@ -52647,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,
@@ -52655,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,
@@ -55841,8 +55728,62 @@ function UserCircleIcon({
 var ForwardRef17 = /* @__PURE__ */ React42.forwardRef(UserCircleIcon);
 var UserCircleIcon_default = ForwardRef17;
 
+// src/state/shell-state-unit.ts
+var import_rxjs = __toESM(require_cjs());
+var COMMON_PANELS = ["knowledge-base", "user", "settings"];
+var RESOURCE_PANELS = ["history", "info", "annotations", "collaboration", "jsonld"];
+var MOTIVATION_TO_TAB = {
+  "linking": "reference",
+  "commenting": "comment",
+  "tagging": "tag",
+  "highlighting": "highlight",
+  "assessing": "assessment"
+};
+var tabGenerationCounter = 0;
+function createShellStateUnit(browser2, options) {
+  const subs = [];
+  const activePanel$ = new import_rxjs.BehaviorSubject(options?.initialPanel ?? null);
+  const scrollToAnnotationId$ = new import_rxjs.BehaviorSubject(null);
+  const panelInitialTab$ = new import_rxjs.BehaviorSubject(null);
+  if (options?.onPanelChange) {
+    const cb = options.onPanelChange;
+    subs.push(activePanel$.subscribe(cb));
+  }
+  subs.push(browser2.stream("panel:toggle").subscribe(({ panel }) => {
+    const current = activePanel$.getValue();
+    activePanel$.next(current === panel ? null : panel);
+  }));
+  subs.push(browser2.stream("panel:open").subscribe(({ panel, scrollToAnnotationId, motivation }) => {
+    if (scrollToAnnotationId) {
+      scrollToAnnotationId$.next(scrollToAnnotationId);
+    }
+    if (motivation) {
+      const tab2 = MOTIVATION_TO_TAB[motivation] || "highlight";
+      panelInitialTab$.next({ tab: tab2, generation: ++tabGenerationCounter });
+    }
+    activePanel$.next(panel);
+  }));
+  subs.push(browser2.stream("panel:close").subscribe(() => {
+    activePanel$.next(null);
+  }));
+  return {
+    activePanel$: activePanel$.asObservable(),
+    scrollToAnnotationId$: scrollToAnnotationId$.asObservable(),
+    panelInitialTab$: panelInitialTab$.asObservable(),
+    openPanel: (panel) => browser2.emit("panel:open", { panel }),
+    closePanel: () => browser2.emit("panel:close", void 0),
+    togglePanel: (panel) => browser2.emit("panel:toggle", { panel }),
+    onScrollCompleted: () => scrollToAnnotationId$.next(null),
+    dispose() {
+      subs.forEach((s11) => s11.unsubscribe());
+      activePanel$.complete();
+      scrollToAnnotationId$.complete();
+      panelInitialTab$.complete();
+    }
+  };
+}
+
 // src/features/admin-devops/components/AdminDevOpsPage.tsx
-import { COMMON_PANELS } from "@semiont/sdk";
 import { jsx as jsx72, jsxs as jsxs62 } from "react/jsx-runtime";
 function AdminDevOpsPage({
   suggestedFeatures,
@@ -55914,9 +55855,6 @@ function AdminDevOpsPage({
   ] });
 }
 
-// src/features/admin-exchange/components/AdminExchangePage.tsx
-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";
 function ExportCard({ onExport, isExporting, translations: t12 }) {
@@ -56127,7 +56065,7 @@ function AdminExchangePage({
   ToolbarPanels,
   Toolbar: Toolbar2
 }) {
-  return /* @__PURE__ */ jsxs66("div", { className: `semiont-page${activePanel && COMMON_PANELS2.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
+  return /* @__PURE__ */ jsxs66("div", { className: `semiont-page${activePanel && COMMON_PANELS.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
     /* @__PURE__ */ jsxs66("div", { className: "semiont-page__content", children: [
       /* @__PURE__ */ jsxs66("div", { className: "semiont-page__header", children: [
         /* @__PURE__ */ jsx76("h1", { className: "semiont-page__title", children: t12.title }),
@@ -56186,7 +56124,6 @@ function AdminExchangePage({
 }
 
 // src/features/admin-security/components/AdminSecurityPage.tsx
-import { COMMON_PANELS as COMMON_PANELS3 } from "@semiont/sdk";
 import { jsx as jsx77, jsxs as jsxs67 } from "react/jsx-runtime";
 function AdminSecurityPage({
   providers,
@@ -56199,7 +56136,7 @@ function AdminSecurityPage({
   ToolbarPanels,
   Toolbar: Toolbar2
 }) {
-  return /* @__PURE__ */ jsxs67("div", { className: `semiont-page${activePanel && COMMON_PANELS3.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
+  return /* @__PURE__ */ jsxs67("div", { className: `semiont-page${activePanel && COMMON_PANELS.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
     /* @__PURE__ */ jsx77("div", { className: "semiont-page__content", children: /* @__PURE__ */ jsxs67("div", { className: "semiont-page__sections", children: [
       /* @__PURE__ */ jsxs67("div", { className: "semiont-page__header", children: [
         /* @__PURE__ */ jsx77("h1", { className: "semiont-page__title", children: t12.title }),
@@ -56282,7 +56219,6 @@ function AdminSecurityPage({
 }
 
 // src/features/moderation-linked-data/components/LinkedDataPage.tsx
-import { COMMON_PANELS as COMMON_PANELS4 } from "@semiont/sdk";
 import { jsx as jsx78, jsxs as jsxs68 } from "react/jsx-runtime";
 function LinkedDataPage({
   onExport,
@@ -56303,7 +56239,7 @@ function LinkedDataPage({
   ToolbarPanels,
   Toolbar: Toolbar2
 }) {
-  return /* @__PURE__ */ jsxs68("div", { className: `semiont-page${activePanel && COMMON_PANELS4.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
+  return /* @__PURE__ */ jsxs68("div", { className: `semiont-page${activePanel && COMMON_PANELS.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
     /* @__PURE__ */ jsxs68("div", { className: "semiont-page__content", children: [
       /* @__PURE__ */ jsxs68("div", { className: "semiont-page__header", children: [
         /* @__PURE__ */ jsx78("h1", { className: "semiont-page__title", children: t12.title }),
@@ -56363,7 +56299,6 @@ function LinkedDataPage({
 
 // src/features/admin-users/components/AdminUsersPage.tsx
 import { useState as useState43 } from "react";
-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,
@@ -56456,7 +56391,7 @@ function AdminUsersPage({
     const matchesStatus = selectedStatus === "all" || userStatus === selectedStatus;
     return matchesSearch && matchesRole && matchesStatus;
   });
-  return /* @__PURE__ */ jsxs69("div", { className: `semiont-page${activePanel && COMMON_PANELS5.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
+  return /* @__PURE__ */ jsxs69("div", { className: `semiont-page${activePanel && COMMON_PANELS.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
     /* @__PURE__ */ jsx79("div", { className: "semiont-page__content", children: /* @__PURE__ */ jsxs69("div", { className: "semiont-page__sections", children: [
       /* @__PURE__ */ jsxs69("div", { className: "semiont-page__header-with-action", children: [
         /* @__PURE__ */ jsxs69("div", { children: [
@@ -57075,7 +57010,6 @@ function WelcomePage({
 }
 
 // src/features/moderate-entity-tags/components/EntityTagsPage.tsx
-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,
@@ -57096,7 +57030,7 @@ function EntityTagsPage({
       onAddTag();
     }
   };
-  return /* @__PURE__ */ jsxs74("div", { className: `semiont-page${activePanel && COMMON_PANELS6.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
+  return /* @__PURE__ */ jsxs74("div", { className: `semiont-page${activePanel && COMMON_PANELS.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
     /* @__PURE__ */ jsxs74("div", { className: "semiont-page__content", children: [
       /* @__PURE__ */ jsxs74("div", { className: "semiont-page__header", children: [
         /* @__PURE__ */ jsx84("h1", { className: "semiont-page__title", children: t12.pageTitle }),
@@ -57171,7 +57105,6 @@ function EntityTagsPage({
 }
 
 // src/features/moderate-recent/components/RecentDocumentsPage.tsx
-import { COMMON_PANELS as COMMON_PANELS7 } from "@semiont/sdk";
 import { jsx as jsx85, jsxs as jsxs75 } from "react/jsx-runtime";
 function RecentDocumentsPage({
   isLoading,
@@ -57185,7 +57118,7 @@ function RecentDocumentsPage({
   if (isLoading) {
     return /* @__PURE__ */ jsx85("div", { className: "semiont-page__loading", children: /* @__PURE__ */ jsx85("p", { className: "semiont-page__loading-text", children: t12.loading }) });
   }
-  return /* @__PURE__ */ jsxs75("div", { className: `semiont-page${activePanel && COMMON_PANELS7.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
+  return /* @__PURE__ */ jsxs75("div", { className: `semiont-page${activePanel && COMMON_PANELS.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
     /* @__PURE__ */ jsxs75("div", { className: "semiont-page__content", children: [
       /* @__PURE__ */ jsxs75("div", { className: "semiont-page__header", children: [
         /* @__PURE__ */ jsx85("h1", { className: "semiont-page__title", children: t12.pageTitle }),
@@ -57227,7 +57160,6 @@ function RecentDocumentsPage({
 }
 
 // src/features/moderate-tag-schemas/components/TagSchemasPage.tsx
-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,
@@ -57252,7 +57184,7 @@ function TagSchemasPage({
   if (isLoading) {
     return /* @__PURE__ */ jsx86("div", { className: "semiont-page__loading", children: /* @__PURE__ */ jsx86("p", { className: "semiont-page__loading-text", children: t12.loading }) });
   }
-  return /* @__PURE__ */ jsxs76("div", { className: `semiont-page${activePanel && COMMON_PANELS8.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
+  return /* @__PURE__ */ jsxs76("div", { className: `semiont-page${activePanel && COMMON_PANELS.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
     /* @__PURE__ */ jsxs76("div", { className: "semiont-page__content", children: [
       /* @__PURE__ */ jsxs76("div", { className: "semiont-page__header", children: [
         /* @__PURE__ */ jsx86("h1", { className: "semiont-page__title", children: t12.pageTitle }),
@@ -57332,8 +57264,78 @@ 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/core";
-import { COMMON_PANELS as COMMON_PANELS9 } from "@semiont/sdk";
-import { jsx as jsx87, jsxs as jsxs77 } from "react/jsx-runtime";
+
+// src/features/resource-compose/components/UploadProgressBar.tsx
+import { Fragment as Fragment18, jsx as jsx87, jsxs as jsxs77 } from "react/jsx-runtime";
+function formatBytes(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+  return `${(bytes / (1024 * 1024 * 1024)).toFixed(2)} GB`;
+}
+function UploadProgressBar({ progress, label = "Upload" }) {
+  if (!progress) return null;
+  if (progress.phase === "started") {
+    return /* @__PURE__ */ jsxs77("div", { className: "semiont-progress-wrapper", role: "status", "aria-live": "polite", children: [
+      /* @__PURE__ */ jsx87("div", { className: "semiont-progress__label", children: /* @__PURE__ */ jsxs77("span", { children: [
+        label,
+        ": starting\u2026"
+      ] }) }),
+      /* @__PURE__ */ jsx87("div", { className: "semiont-progress semiont-progress--indeterminate", children: /* @__PURE__ */ jsx87("div", { className: "semiont-progress__fill" }) })
+    ] });
+  }
+  if (progress.phase === "progress") {
+    const indeterminate = progress.totalBytes <= 0;
+    const percentage = indeterminate ? 0 : Math.min(100, Math.round(progress.bytesUploaded / progress.totalBytes * 100));
+    return /* @__PURE__ */ jsxs77("div", { className: "semiont-progress-wrapper", role: "status", "aria-live": "polite", children: [
+      /* @__PURE__ */ jsx87("div", { className: "semiont-progress__label", children: indeterminate ? /* @__PURE__ */ jsxs77("span", { children: [
+        label,
+        ": ",
+        formatBytes(progress.bytesUploaded),
+        "\u2026"
+      ] }) : /* @__PURE__ */ jsxs77(Fragment18, { children: [
+        /* @__PURE__ */ jsxs77("span", { children: [
+          label,
+          ": ",
+          percentage,
+          "%"
+        ] }),
+        /* @__PURE__ */ jsxs77("span", { children: [
+          formatBytes(progress.bytesUploaded),
+          " / ",
+          formatBytes(progress.totalBytes)
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx87(
+        "div",
+        {
+          className: `semiont-progress${indeterminate ? " semiont-progress--indeterminate" : ""}`,
+          role: "progressbar",
+          "aria-valuemin": 0,
+          "aria-valuemax": indeterminate ? void 0 : 100,
+          "aria-valuenow": indeterminate ? void 0 : percentage,
+          children: /* @__PURE__ */ jsx87(
+            "div",
+            {
+              className: "semiont-progress__fill",
+              style: indeterminate ? void 0 : { width: `${percentage}%` }
+            }
+          )
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs77("div", { className: "semiont-progress-wrapper", role: "status", "aria-live": "polite", children: [
+    /* @__PURE__ */ jsx87("div", { className: "semiont-progress__label", children: /* @__PURE__ */ jsxs77("span", { children: [
+      label,
+      ": uploaded"
+    ] }) }),
+    /* @__PURE__ */ jsx87("div", { className: "semiont-progress", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": 100, children: /* @__PURE__ */ jsx87("div", { className: "semiont-progress__fill semiont-progress__fill--success", style: { width: "100%" } }) })
+  ] });
+}
+
+// src/features/resource-compose/components/ResourceComposePage.tsx
+import { jsx as jsx88, jsxs as jsxs78 } from "react/jsx-runtime";
 function ResourceComposePage({
   mode,
   cloneData,
@@ -57347,6 +57349,7 @@ function ResourceComposePage({
   activePanel,
   onSaveResource,
   onCancel,
+  uploadProgress = null,
   translations: t12,
   ToolbarPanels,
   Toolbar: Toolbar2
@@ -57447,22 +57450,22 @@ function ResourceComposePage({
   };
   const isClone = mode === "clone";
   const isReferenceCompletion = mode === "reference";
-  return /* @__PURE__ */ jsxs77("div", { className: `semiont-page${activePanel && COMMON_PANELS9.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
-    /* @__PURE__ */ jsxs77("div", { className: "semiont-page__content semiont-page__compose", children: [
-      /* @__PURE__ */ jsxs77("div", { className: "semiont-page__header", children: [
-        /* @__PURE__ */ jsx87("h1", { className: "semiont-page__title", children: isClone ? t12.titleEditClone : isReferenceCompletion ? t12.titleCompleteReference : t12.title }),
-        (isClone || isReferenceCompletion) && /* @__PURE__ */ jsx87("p", { className: "semiont-page__subtitle", children: isClone ? t12.subtitleClone : t12.subtitleReference }),
-        isReferenceCompletion && /* @__PURE__ */ jsx87("div", { className: "semiont-page__reference-notice", children: /* @__PURE__ */ jsx87("p", { className: "semiont-page__reference-notice-text", children: t12.linkedNoticePrefix }) })
+  return /* @__PURE__ */ jsxs78("div", { className: `semiont-page${activePanel && COMMON_PANELS.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
+    /* @__PURE__ */ jsxs78("div", { className: "semiont-page__content semiont-page__compose", children: [
+      /* @__PURE__ */ jsxs78("div", { className: "semiont-page__header", children: [
+        /* @__PURE__ */ jsx88("h1", { className: "semiont-page__title", children: isClone ? t12.titleEditClone : isReferenceCompletion ? t12.titleCompleteReference : t12.title }),
+        (isClone || isReferenceCompletion) && /* @__PURE__ */ jsx88("p", { className: "semiont-page__subtitle", children: isClone ? t12.subtitleClone : t12.subtitleReference }),
+        isReferenceCompletion && /* @__PURE__ */ jsx88("div", { className: "semiont-page__reference-notice", children: /* @__PURE__ */ jsx88("p", { className: "semiont-page__reference-notice-text", children: t12.linkedNoticePrefix }) })
       ] }),
-      gatheredContext && /* @__PURE__ */ jsxs77("div", { className: "semiont-form__field", style: {
+      gatheredContext && /* @__PURE__ */ jsxs78("div", { className: "semiont-form__field", style: {
         marginBottom: "1.5rem",
         padding: "1rem",
         backgroundColor: "var(--semiont-bg-secondary)",
         borderRadius: "var(--semiont-radius-md)",
         border: "1px solid var(--semiont-border-primary)"
       }, children: [
-        /* @__PURE__ */ jsx87("h3", { className: "semiont-form__label", style: { marginBottom: "0.75rem" }, children: "Gathered Context" }),
-        gatheredContext.sourceContext && /* @__PURE__ */ jsx87("div", { style: {
+        /* @__PURE__ */ jsx88("h3", { className: "semiont-form__label", style: { marginBottom: "0.75rem" }, children: "Gathered Context" }),
+        gatheredContext.sourceContext && /* @__PURE__ */ jsx88("div", { style: {
           padding: "0.75rem",
           backgroundColor: "var(--semiont-bg-primary)",
           borderRadius: "var(--semiont-radius-md)",
@@ -57470,30 +57473,30 @@ function ResourceComposePage({
           maxHeight: "150px",
           overflowY: "auto",
           marginBottom: "0.5rem"
-        }, children: /* @__PURE__ */ jsxs77("div", { style: { fontSize: "var(--semiont-text-sm)", fontFamily: "monospace", whiteSpace: "pre-wrap", color: "var(--semiont-text-secondary)" }, children: [
-          gatheredContext.sourceContext.before && /* @__PURE__ */ jsx87("span", { children: gatheredContext.sourceContext.before }),
-          /* @__PURE__ */ jsx87("span", { style: {
+        }, children: /* @__PURE__ */ jsxs78("div", { style: { fontSize: "var(--semiont-text-sm)", fontFamily: "monospace", whiteSpace: "pre-wrap", color: "var(--semiont-text-secondary)" }, children: [
+          gatheredContext.sourceContext.before && /* @__PURE__ */ jsx88("span", { children: gatheredContext.sourceContext.before }),
+          /* @__PURE__ */ jsx88("span", { style: {
             backgroundColor: "var(--semiont-color-primary-100)",
             padding: "0 0.25rem",
             fontWeight: 600,
             color: "var(--semiont-color-primary-900)"
           }, children: gatheredContext.sourceContext.selected }),
-          gatheredContext.sourceContext.after && /* @__PURE__ */ jsx87("span", { children: gatheredContext.sourceContext.after })
+          gatheredContext.sourceContext.after && /* @__PURE__ */ jsx88("span", { children: gatheredContext.sourceContext.after })
         ] }) }),
-        gatheredContext.graphContext && gatheredContext.graphContext.connections && gatheredContext.graphContext.connections.length > 0 && /* @__PURE__ */ jsxs77("div", { style: {
+        gatheredContext.graphContext && gatheredContext.graphContext.connections && gatheredContext.graphContext.connections.length > 0 && /* @__PURE__ */ jsxs78("div", { style: {
           padding: "0.5rem 0",
           fontSize: "var(--semiont-text-sm)",
           color: "var(--semiont-text-secondary)"
         }, children: [
-          /* @__PURE__ */ jsx87("span", { style: { fontSize: "var(--semiont-text-xs)", fontWeight: 500, marginRight: "0.5rem" }, children: "Connections:" }),
-          gatheredContext.graphContext.connections.map((conn) => /* @__PURE__ */ jsx87("span", { className: "semiont-chip", style: { fontSize: "var(--semiont-text-xs)", padding: "0.125rem 0.5rem", marginRight: "0.25rem" }, children: conn.resourceName }, conn.resourceId))
+          /* @__PURE__ */ jsx88("span", { style: { fontSize: "var(--semiont-text-xs)", fontWeight: 500, marginRight: "0.5rem" }, children: "Connections:" }),
+          gatheredContext.graphContext.connections.map((conn) => /* @__PURE__ */ jsx88("span", { className: "semiont-chip", style: { fontSize: "var(--semiont-text-xs)", padding: "0.125rem 0.5rem", marginRight: "0.25rem" }, children: conn.resourceName }, conn.resourceId))
         ] })
       ] }),
-      /* @__PURE__ */ jsx87("div", { className: "semiont-form", children: /* @__PURE__ */ jsxs77("form", { onSubmit: handleSaveResource, className: "semiont-form__fields semiont-compose-grid", children: [
-        /* @__PURE__ */ jsxs77("div", { className: "semiont-compose-grid__meta", children: [
-          /* @__PURE__ */ jsxs77("div", { className: "semiont-form__field", children: [
-            /* @__PURE__ */ jsx87("label", { htmlFor: "docName", className: "semiont-form__label", children: t12.resourceName }),
-            /* @__PURE__ */ jsx87(
+      /* @__PURE__ */ jsx88("div", { className: "semiont-form", children: /* @__PURE__ */ jsxs78("form", { onSubmit: handleSaveResource, className: "semiont-form__fields semiont-compose-grid", children: [
+        /* @__PURE__ */ jsxs78("div", { className: "semiont-compose-grid__meta", children: [
+          /* @__PURE__ */ jsxs78("div", { className: "semiont-form__field", children: [
+            /* @__PURE__ */ jsx88("label", { htmlFor: "docName", className: "semiont-form__label", children: t12.resourceName }),
+            /* @__PURE__ */ jsx88(
               "input",
               {
                 id: "docName",
@@ -57507,11 +57510,11 @@ function ResourceComposePage({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs77("div", { className: "semiont-form__field", children: [
-            /* @__PURE__ */ jsx87("label", { htmlFor: "storagePath", className: "semiont-form__label", children: "Save location" }),
-            /* @__PURE__ */ jsxs77("div", { className: "semiont-input-addon", children: [
-              /* @__PURE__ */ jsx87("span", { className: "semiont-input-addon__prefix", children: "file://" }),
-              /* @__PURE__ */ jsx87(
+          /* @__PURE__ */ jsxs78("div", { className: "semiont-form__field", children: [
+            /* @__PURE__ */ jsx88("label", { htmlFor: "storagePath", className: "semiont-form__label", children: "Save location" }),
+            /* @__PURE__ */ jsxs78("div", { className: "semiont-input-addon", children: [
+              /* @__PURE__ */ jsx88("span", { className: "semiont-input-addon__prefix", children: "file://" }),
+              /* @__PURE__ */ jsx88(
                 "input",
                 {
                   id: "storagePath",
@@ -57526,9 +57529,9 @@ function ResourceComposePage({
               )
             ] })
           ] }),
-          (!isReferenceCompletion || selectedEntityTypes.length === 0) && /* @__PURE__ */ jsxs77("div", { className: "semiont-form__field semiont-form__entity-types", children: [
-            /* @__PURE__ */ jsx87("div", { className: "semiont-form__label", children: t12.entityTypes }),
-            /* @__PURE__ */ jsx87(
+          (!isReferenceCompletion || selectedEntityTypes.length === 0) && /* @__PURE__ */ jsxs78("div", { className: "semiont-form__field semiont-form__entity-types", children: [
+            /* @__PURE__ */ jsx88("div", { className: "semiont-form__label", children: t12.entityTypes }),
+            /* @__PURE__ */ jsx88(
               "div",
               {
                 className: "semiont-form__entity-type-buttons",
@@ -57536,7 +57539,7 @@ function ResourceComposePage({
                 "aria-describedby": "entity-types-description",
                 children: availableEntityTypes.map((type) => {
                   const isSelected = selectedEntityTypes.includes(type);
-                  return /* @__PURE__ */ jsx87(
+                  return /* @__PURE__ */ jsx88(
                     "button",
                     {
                       type: "button",
@@ -57557,7 +57560,7 @@ function ResourceComposePage({
                 })
               }
             ),
-            selectedEntityTypes.length > 0 && /* @__PURE__ */ jsxs77(
+            selectedEntityTypes.length > 0 && /* @__PURE__ */ jsxs78(
               "div",
               {
                 className: "sr-only",
@@ -57573,9 +57576,9 @@ function ResourceComposePage({
               }
             )
           ] }),
-          isReferenceCompletion && selectedEntityTypes.length > 0 && /* @__PURE__ */ jsxs77("div", { className: "semiont-form__field semiont-form__entity-types-display", role: "region", "aria-labelledby": "selected-entity-types-label", children: [
-            /* @__PURE__ */ jsx87("h3", { id: "selected-entity-types-label", className: "semiont-form__label", children: t12.entityTypes }),
-            /* @__PURE__ */ jsx87("div", { className: "semiont-form__entity-type-tags", role: "list", children: selectedEntityTypes.map((type) => /* @__PURE__ */ jsx87(
+          isReferenceCompletion && selectedEntityTypes.length > 0 && /* @__PURE__ */ jsxs78("div", { className: "semiont-form__field semiont-form__entity-types-display", role: "region", "aria-labelledby": "selected-entity-types-label", children: [
+            /* @__PURE__ */ jsx88("h3", { id: "selected-entity-types-label", className: "semiont-form__label", children: t12.entityTypes }),
+            /* @__PURE__ */ jsx88("div", { className: "semiont-form__entity-type-tags", role: "list", children: selectedEntityTypes.map((type) => /* @__PURE__ */ jsx88(
               "span",
               {
                 role: "listitem",
@@ -57585,11 +57588,11 @@ function ResourceComposePage({
               },
               type
             )) }),
-            /* @__PURE__ */ jsx87("p", { className: "semiont-form__helper-text", id: "reference-entity-types-description", children: "These entity types were selected when creating the reference" })
+            /* @__PURE__ */ jsx88("p", { className: "semiont-form__helper-text", id: "reference-entity-types-description", children: "These entity types were selected when creating the reference" })
           ] }),
-          /* @__PURE__ */ jsxs77("div", { className: "semiont-form__field", children: [
-            /* @__PURE__ */ jsx87("label", { htmlFor: "language-select", className: "semiont-form__label", children: t12.language }),
-            /* @__PURE__ */ jsx87(
+          /* @__PURE__ */ jsxs78("div", { className: "semiont-form__field", children: [
+            /* @__PURE__ */ jsx88("label", { htmlFor: "language-select", className: "semiont-form__label", children: t12.language }),
+            /* @__PURE__ */ jsx88(
               "select",
               {
                 id: "language-select",
@@ -57597,16 +57600,16 @@ function ResourceComposePage({
                 onChange: (e6) => setSelectedLanguage(e6.target.value),
                 disabled: isCreating,
                 className: "semiont-select",
-                children: LOCALES3.map((lang) => /* @__PURE__ */ jsx87("option", { value: lang.code, children: lang.nativeName }, lang.code))
+                children: LOCALES3.map((lang) => /* @__PURE__ */ jsx88("option", { value: lang.code, children: lang.nativeName }, lang.code))
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs77("div", { className: "semiont-compose-grid__content", children: [
-          !isClone && !isReferenceCompletion && /* @__PURE__ */ jsxs77("div", { className: "semiont-form__field", children: [
-            /* @__PURE__ */ jsx87("label", { className: "semiont-form__label", children: t12.contentSource }),
-            /* @__PURE__ */ jsxs77("div", { className: "semiont-form__content-source-toggle", children: [
-              /* @__PURE__ */ jsxs77(
+        /* @__PURE__ */ jsxs78("div", { className: "semiont-compose-grid__content", children: [
+          !isClone && !isReferenceCompletion && /* @__PURE__ */ jsxs78("div", { className: "semiont-form__field", children: [
+            /* @__PURE__ */ jsx88("label", { className: "semiont-form__label", children: t12.contentSource }),
+            /* @__PURE__ */ jsxs78("div", { className: "semiont-form__content-source-toggle", children: [
+              /* @__PURE__ */ jsxs78(
                 "button",
                 {
                   type: "button",
@@ -57615,15 +57618,15 @@ function ResourceComposePage({
                   className: "semiont-form__content-source-button",
                   "data-active": inputMethod === "upload",
                   children: [
-                    /* @__PURE__ */ jsxs77("div", { className: "semiont-form__content-source-icon-wrapper", children: [
-                      /* @__PURE__ */ jsx87("span", { className: "semiont-form__content-source-icon", children: "\u{1F4CE}" }),
-                      /* @__PURE__ */ jsx87("span", { className: "semiont-form__content-source-label", children: t12.uploadFile })
+                    /* @__PURE__ */ jsxs78("div", { className: "semiont-form__content-source-icon-wrapper", children: [
+                      /* @__PURE__ */ jsx88("span", { className: "semiont-form__content-source-icon", children: "\u{1F4CE}" }),
+                      /* @__PURE__ */ jsx88("span", { className: "semiont-form__content-source-label", children: t12.uploadFile })
                     ] }),
-                    /* @__PURE__ */ jsx87("div", { className: "semiont-form__content-source-description", children: t12.uploadFileDescription })
+                    /* @__PURE__ */ jsx88("div", { className: "semiont-form__content-source-description", children: t12.uploadFileDescription })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs77(
+              /* @__PURE__ */ jsxs78(
                 "button",
                 {
                   type: "button",
@@ -57632,20 +57635,20 @@ function ResourceComposePage({
                   className: "semiont-form__content-source-button",
                   "data-active": inputMethod === "write",
                   children: [
-                    /* @__PURE__ */ jsxs77("div", { className: "semiont-form__content-source-icon-wrapper", children: [
-                      /* @__PURE__ */ jsx87("span", { className: "semiont-form__content-source-icon", children: "\u270D\uFE0F" }),
-                      /* @__PURE__ */ jsx87("span", { className: "semiont-form__content-source-label", children: t12.writeContent })
+                    /* @__PURE__ */ jsxs78("div", { className: "semiont-form__content-source-icon-wrapper", children: [
+                      /* @__PURE__ */ jsx88("span", { className: "semiont-form__content-source-icon", children: "\u270D\uFE0F" }),
+                      /* @__PURE__ */ jsx88("span", { className: "semiont-form__content-source-label", children: t12.writeContent })
                     ] }),
-                    /* @__PURE__ */ jsx87("div", { className: "semiont-form__content-source-description", children: t12.writeContentDescription })
+                    /* @__PURE__ */ jsx88("div", { className: "semiont-form__content-source-description", children: t12.writeContentDescription })
                   ]
                 }
               )
             ] })
           ] }),
-          !isClone && !isReferenceCompletion && inputMethod === "upload" && /* @__PURE__ */ jsxs77("div", { className: "semiont-form__upload-section", children: [
-            /* @__PURE__ */ jsx87("div", { children: /* @__PURE__ */ jsxs77("div", { className: "semiont-form__upload-container", children: [
-              /* @__PURE__ */ jsx87("label", { className: "semiont-form__upload-dropzone", children: /* @__PURE__ */ jsxs77("div", { className: "semiont-form__upload-area", children: [
-                /* @__PURE__ */ jsx87(
+          !isClone && !isReferenceCompletion && inputMethod === "upload" && /* @__PURE__ */ jsxs78("div", { className: "semiont-form__upload-section", children: [
+            /* @__PURE__ */ jsx88("div", { children: /* @__PURE__ */ jsxs78("div", { className: "semiont-form__upload-container", children: [
+              /* @__PURE__ */ jsx88("label", { className: "semiont-form__upload-dropzone", children: /* @__PURE__ */ jsxs78("div", { className: "semiont-form__upload-area", children: [
+                /* @__PURE__ */ jsx88(
                   "input",
                   {
                     type: "file",
@@ -57655,10 +57658,10 @@ function ResourceComposePage({
                     disabled: isCreating
                   }
                 ),
-                /* @__PURE__ */ jsx87("p", { className: "semiont-form__upload-text", children: uploadedFile ? uploadedFile.name : t12.dropFileOrClick }),
-                /* @__PURE__ */ jsx87("p", { className: "semiont-form__upload-hint", children: t12.supportedFormats })
+                /* @__PURE__ */ jsx88("p", { className: "semiont-form__upload-text", children: uploadedFile ? uploadedFile.name : t12.dropFileOrClick }),
+                /* @__PURE__ */ jsx88("p", { className: "semiont-form__upload-hint", children: t12.supportedFormats })
               ] }) }),
-              uploadedFile && /* @__PURE__ */ jsx87(
+              uploadedFile && /* @__PURE__ */ jsx88(
                 "button",
                 {
                   type: "button",
@@ -57673,17 +57676,17 @@ function ResourceComposePage({
                 }
               )
             ] }) }),
-            uploadedFile && /* @__PURE__ */ jsxs77("div", { className: "semiont-form__media-type", children: [
-              /* @__PURE__ */ jsxs77("span", { className: "semiont-form__media-type-label", children: [
+            uploadedFile && /* @__PURE__ */ jsxs78("div", { className: "semiont-form__media-type", children: [
+              /* @__PURE__ */ jsxs78("span", { className: "semiont-form__media-type-label", children: [
                 t12.mediaType,
                 ":"
               ] }),
-              /* @__PURE__ */ jsx87("code", { className: "semiont-form__media-type-value", children: fileMimeType }),
-              /* @__PURE__ */ jsx87("span", { className: "semiont-form__media-type-lock", title: t12.autoDetected, children: "\u{1F512}" })
+              /* @__PURE__ */ jsx88("code", { className: "semiont-form__media-type-value", children: fileMimeType }),
+              /* @__PURE__ */ jsx88("span", { className: "semiont-form__media-type-lock", title: t12.autoDetected, children: "\u{1F512}" })
             ] }),
-            uploadedFile && filePreviewUrl && isImageMimeType(fileMimeType) && /* @__PURE__ */ jsxs77("div", { className: "semiont-form__image-preview", children: [
-              /* @__PURE__ */ jsx87("p", { className: "semiont-form__image-preview-label", children: "Preview:" }),
-              /* @__PURE__ */ jsx87("div", { className: "semiont-form__image-preview-container", children: /* @__PURE__ */ jsx87(
+            uploadedFile && filePreviewUrl && isImageMimeType(fileMimeType) && /* @__PURE__ */ jsxs78("div", { className: "semiont-form__image-preview", children: [
+              /* @__PURE__ */ jsx88("p", { className: "semiont-form__image-preview-label", children: "Preview:" }),
+              /* @__PURE__ */ jsx88("div", { className: "semiont-form__image-preview-container", children: /* @__PURE__ */ jsx88(
                 "img",
                 {
                   src: filePreviewUrl,
@@ -57693,10 +57696,10 @@ function ResourceComposePage({
               ) })
             ] })
           ] }),
-          (isClone || isReferenceCompletion || inputMethod === "write") && /* @__PURE__ */ jsxs77("div", { className: "semiont-form__write-section", children: [
-            !isClone && !isReferenceCompletion && /* @__PURE__ */ jsxs77("div", { className: "semiont-form__field", children: [
-              /* @__PURE__ */ jsx87("label", { htmlFor: "format-select", className: "semiont-form__label", children: t12.format }),
-              /* @__PURE__ */ jsxs77(
+          (isClone || isReferenceCompletion || inputMethod === "write") && /* @__PURE__ */ jsxs78("div", { className: "semiont-form__write-section", children: [
+            !isClone && !isReferenceCompletion && /* @__PURE__ */ jsxs78("div", { className: "semiont-form__field", children: [
+              /* @__PURE__ */ jsx88("label", { htmlFor: "format-select", className: "semiont-form__label", children: t12.format }),
+              /* @__PURE__ */ jsxs78(
                 "select",
                 {
                   id: "format-select",
@@ -57705,16 +57708,16 @@ function ResourceComposePage({
                   disabled: isCreating,
                   className: "semiont-select",
                   children: [
-                    /* @__PURE__ */ jsx87("option", { value: "text/markdown", children: "Markdown (text/markdown)" }),
-                    /* @__PURE__ */ jsx87("option", { value: "text/plain", children: "Plain Text (text/plain)" }),
-                    /* @__PURE__ */ jsx87("option", { value: "text/html", children: "HTML (text/html)" })
+                    /* @__PURE__ */ jsx88("option", { value: "text/markdown", children: "Markdown (text/markdown)" }),
+                    /* @__PURE__ */ jsx88("option", { value: "text/plain", children: "Plain Text (text/plain)" }),
+                    /* @__PURE__ */ jsx88("option", { value: "text/html", children: "HTML (text/html)" })
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs77("div", { className: "semiont-form__field semiont-form__editor", children: [
-              /* @__PURE__ */ jsx87("label", { className: "semiont-form__label", children: isClone ? t12.resourceContent : t12.content }),
-              /* @__PURE__ */ jsx87("div", { className: "semiont-form__editor-wrapper", lang: selectedLanguage, children: /* @__PURE__ */ jsx87(
+            /* @__PURE__ */ jsxs78("div", { className: "semiont-form__field semiont-form__editor", children: [
+              /* @__PURE__ */ jsx88("label", { className: "semiont-form__label", children: isClone ? t12.resourceContent : t12.content }),
+              /* @__PURE__ */ jsx88("div", { className: "semiont-form__editor-wrapper", lang: selectedLanguage, children: /* @__PURE__ */ jsx88(
                 CodeMirrorRenderer,
                 {
                   content: newResourceContent,
@@ -57726,9 +57729,9 @@ function ResourceComposePage({
                 }
               ) })
             ] }),
-            !isClone && !isReferenceCompletion && /* @__PURE__ */ jsxs77("div", { className: "semiont-form__field", children: [
-              /* @__PURE__ */ jsx87("label", { htmlFor: "charset-select", className: "semiont-form__label", children: t12.encoding }),
-              /* @__PURE__ */ jsxs77(
+            !isClone && !isReferenceCompletion && /* @__PURE__ */ jsxs78("div", { className: "semiont-form__field", children: [
+              /* @__PURE__ */ jsx88("label", { htmlFor: "charset-select", className: "semiont-form__label", children: t12.encoding }),
+              /* @__PURE__ */ jsxs78(
                 "select",
                 {
                   id: "charset-select",
@@ -57737,18 +57740,18 @@ function ResourceComposePage({
                   disabled: isCreating,
                   className: "semiont-select",
                   children: [
-                    /* @__PURE__ */ jsx87("option", { value: "", children: "UTF-8 (default)" }),
-                    /* @__PURE__ */ jsx87("option", { value: "iso-8859-1", children: "ISO-8859-1 (Latin-1)" }),
-                    /* @__PURE__ */ jsx87("option", { value: "windows-1252", children: "Windows-1252" }),
-                    /* @__PURE__ */ jsx87("option", { value: "ascii", children: "ASCII" }),
-                    /* @__PURE__ */ jsx87("option", { value: "utf-16le", children: "UTF-16LE" })
+                    /* @__PURE__ */ jsx88("option", { value: "", children: "UTF-8 (default)" }),
+                    /* @__PURE__ */ jsx88("option", { value: "iso-8859-1", children: "ISO-8859-1 (Latin-1)" }),
+                    /* @__PURE__ */ jsx88("option", { value: "windows-1252", children: "Windows-1252" }),
+                    /* @__PURE__ */ jsx88("option", { value: "ascii", children: "ASCII" }),
+                    /* @__PURE__ */ jsx88("option", { value: "utf-16le", children: "UTF-16LE" })
                   ]
                 }
               )
             ] })
           ] }),
-          isClone && /* @__PURE__ */ jsxs77("div", { className: "semiont-form__checkbox-field", children: [
-            /* @__PURE__ */ jsx87(
+          isClone && /* @__PURE__ */ jsxs78("div", { className: "semiont-form__checkbox-field", children: [
+            /* @__PURE__ */ jsx88(
               "input",
               {
                 id: "archiveOriginal",
@@ -57759,34 +57762,35 @@ function ResourceComposePage({
                 disabled: isCreating
               }
             ),
-            /* @__PURE__ */ jsx87("label", { htmlFor: "archiveOriginal", className: "semiont-form__checkbox-label", children: t12.archiveOriginal })
+            /* @__PURE__ */ jsx88("label", { htmlFor: "archiveOriginal", className: "semiont-form__checkbox-label", children: t12.archiveOriginal })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs77("div", { className: "semiont-form__actions", children: [
-          /* @__PURE__ */ jsx87(
+        /* @__PURE__ */ jsxs78("div", { className: "semiont-form__actions", children: [
+          /* @__PURE__ */ jsx88(
             "button",
             {
               type: "button",
               onClick: onCancel,
-              disabled: isCreating,
+              disabled: isCreating || uploadProgress !== null,
               className: buttonStyles.tertiary.base,
               children: t12.cancel
             }
           ),
-          /* @__PURE__ */ jsx87(
+          /* @__PURE__ */ jsx88(
             "button",
             {
               type: "submit",
-              disabled: isCreating || !newResourceName.trim(),
+              disabled: isCreating || uploadProgress !== null || !newResourceName.trim(),
               className: buttonStyles.primary.base,
               children: isCreating ? isClone ? t12.saving : isReferenceCompletion ? t12.creatingAndLinking : t12.creating : isClone ? t12.saveClonedResource : isReferenceCompletion ? t12.createAndLinkResource : t12.createResource
             }
           )
-        ] })
+        ] }),
+        /* @__PURE__ */ jsx88(UploadProgressBar, { progress: uploadProgress })
       ] }) })
     ] }),
-    /* @__PURE__ */ jsxs77("div", { className: "semiont-page__sidebar", children: [
-      /* @__PURE__ */ jsx87(
+    /* @__PURE__ */ jsxs78("div", { className: "semiont-page__sidebar", children: [
+      /* @__PURE__ */ jsx88(
         ToolbarPanels,
         {
           activePanel,
@@ -57794,7 +57798,7 @@ function ResourceComposePage({
           showLineNumbers
         }
       ),
-      /* @__PURE__ */ jsx87(
+      /* @__PURE__ */ jsx88(
         Toolbar2,
         {
           context: "simple",
@@ -57808,18 +57812,17 @@ 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/core";
-import { COMMON_PANELS as COMMON_PANELS10 } from "@semiont/sdk";
 
 // src/features/resource-discovery/components/ResourceCard.tsx
 import React48 from "react";
-import { jsx as jsx88, jsxs as jsxs78 } from "react/jsx-runtime";
+import { jsx as jsx89, jsxs as jsxs79 } from "react/jsx-runtime";
 var ResourceCard = React48.memo(({
   resource,
   onOpen,
   tabIndex = 0,
   archivedLabel,
   createdLabel
-}) => /* @__PURE__ */ jsxs78(
+}) => /* @__PURE__ */ jsxs79(
   "div",
   {
     onClick: () => onOpen(resource),
@@ -57834,18 +57837,18 @@ var ResourceCard = React48.memo(({
     "aria-label": `Open resource: ${resource.name}`,
     className: "semiont-resource-card",
     children: [
-      /* @__PURE__ */ jsxs78("div", { className: "semiont-resource-card__header", children: [
-        /* @__PURE__ */ jsx88("h4", { className: "semiont-resource-card__title", children: resource.name }),
-        resource.archived && /* @__PURE__ */ jsx88("span", { className: "semiont-resource-card__badge", "data-type": "archived", children: archivedLabel })
+      /* @__PURE__ */ jsxs79("div", { className: "semiont-resource-card__header", children: [
+        /* @__PURE__ */ jsx89("h4", { className: "semiont-resource-card__title", children: resource.name }),
+        resource.archived && /* @__PURE__ */ jsx89("span", { className: "semiont-resource-card__badge", "data-type": "archived", children: archivedLabel })
       ] }),
-      /* @__PURE__ */ jsxs78("div", { className: "semiont-resource-card__metadata", children: [
-        /* @__PURE__ */ jsxs78("span", { className: "semiont-resource-card__date", children: [
+      /* @__PURE__ */ jsxs79("div", { className: "semiont-resource-card__metadata", children: [
+        /* @__PURE__ */ jsxs79("span", { className: "semiont-resource-card__date", children: [
           createdLabel,
           " ",
           resource.dateCreated ? new Date(resource.dateCreated).toLocaleDateString() : "N/A"
         ] }),
-        resource.entityTypes && resource.entityTypes.length > 0 && /* @__PURE__ */ jsxs78("div", { className: "semiont-tags", children: [
-          resource.entityTypes.slice(0, 2).map((type) => /* @__PURE__ */ jsx88(
+        resource.entityTypes && resource.entityTypes.length > 0 && /* @__PURE__ */ jsxs79("div", { className: "semiont-tags", children: [
+          resource.entityTypes.slice(0, 2).map((type) => /* @__PURE__ */ jsx89(
             "span",
             {
               className: "semiont-tag semiont-tag--secondary semiont-tag--compact semiont-tag--rounded-sm",
@@ -57853,7 +57856,7 @@ var ResourceCard = React48.memo(({
             },
             type
           )),
-          resource.entityTypes.length > 2 && /* @__PURE__ */ jsxs78("span", { className: "semiont-tag semiont-tag--secondary semiont-tag--compact semiont-tag--rounded-sm", children: [
+          resource.entityTypes.length > 2 && /* @__PURE__ */ jsxs79("span", { className: "semiont-tag semiont-tag--secondary semiont-tag--compact semiont-tag--rounded-sm", children: [
             "+",
             resource.entityTypes.length - 2
           ] })
@@ -57865,7 +57868,7 @@ var ResourceCard = React48.memo(({
 ResourceCard.displayName = "ResourceCard";
 
 // src/features/resource-discovery/components/ResourceDiscoveryPage.tsx
-import { jsx as jsx89, jsxs as jsxs79 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs80 } from "react/jsx-runtime";
 function ResourceDiscoveryPage({
   recentDocuments,
   searchDocuments,
@@ -57910,18 +57913,18 @@ function ResourceDiscoveryPage({
     }
   }, []);
   if (isLoadingRecent) {
-    return /* @__PURE__ */ jsx89("div", { className: "semiont-page__loading", children: /* @__PURE__ */ jsx89("p", { className: "semiont-page__loading-text", children: t12.loadingKnowledgeBase }) });
+    return /* @__PURE__ */ jsx90("div", { className: "semiont-page__loading", children: /* @__PURE__ */ jsx90("p", { className: "semiont-page__loading-text", children: t12.loadingKnowledgeBase }) });
   }
   const showNoResultsWarning = hasSearchQuery && searchDocuments.length === 0 && !isSearching;
-  return /* @__PURE__ */ jsxs79("div", { className: `semiont-page${activePanel && COMMON_PANELS10.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
-    /* @__PURE__ */ jsxs79("div", { className: "semiont-page__content", children: [
-      /* @__PURE__ */ jsxs79("div", { className: "semiont-page__header", children: [
-        /* @__PURE__ */ jsx89("h1", { className: "semiont-page__title", children: t12.title }),
-        /* @__PURE__ */ jsx89("p", { className: "semiont-page__subtitle", children: t12.subtitle })
+  return /* @__PURE__ */ jsxs80("div", { className: `semiont-page${activePanel && COMMON_PANELS.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
+    /* @__PURE__ */ jsxs80("div", { className: "semiont-page__content", children: [
+      /* @__PURE__ */ jsxs80("div", { className: "semiont-page__header", children: [
+        /* @__PURE__ */ jsx90("h1", { className: "semiont-page__title", children: t12.title }),
+        /* @__PURE__ */ jsx90("p", { className: "semiont-page__subtitle", children: t12.subtitle })
       ] }),
-      /* @__PURE__ */ jsxs79("div", { className: "semiont-card", children: [
-        /* @__PURE__ */ jsx89("div", { className: "semiont-card__search-form", children: /* @__PURE__ */ jsxs79("div", { className: "semiont-card__search-wrapper", children: [
-          /* @__PURE__ */ jsx89(
+      /* @__PURE__ */ jsxs80("div", { className: "semiont-card", children: [
+        /* @__PURE__ */ jsx90("div", { className: "semiont-card__search-form", children: /* @__PURE__ */ jsxs80("div", { className: "semiont-card__search-wrapper", children: [
+          /* @__PURE__ */ jsx90(
             "input",
             {
               type: "text",
@@ -57932,11 +57935,11 @@ function ResourceDiscoveryPage({
               "aria-label": t12.searchPlaceholder
             }
           ),
-          isSearching && /* @__PURE__ */ jsx89("span", { className: "semiont-card__search-status", "aria-live": "polite", children: t12.searching })
+          isSearching && /* @__PURE__ */ jsx90("span", { className: "semiont-card__search-status", "aria-live": "polite", children: t12.searching })
         ] }) }),
-        entityTypes.length > 0 && /* @__PURE__ */ jsxs79("div", { className: "semiont-card__filters", children: [
-          /* @__PURE__ */ jsx89("h3", { className: "semiont-card__filters-label", children: t12.filterByEntityType }),
-          /* @__PURE__ */ jsxs79(
+        entityTypes.length > 0 && /* @__PURE__ */ jsxs80("div", { className: "semiont-card__filters", children: [
+          /* @__PURE__ */ jsx90("h3", { className: "semiont-card__filters-label", children: t12.filterByEntityType }),
+          /* @__PURE__ */ jsxs80(
             "div",
             {
               ref: entityFilterRoving.containerRef,
@@ -57945,7 +57948,7 @@ function ResourceDiscoveryPage({
               role: "group",
               "aria-label": "Entity type filters",
               children: [
-                /* @__PURE__ */ jsx89(
+                /* @__PURE__ */ jsx90(
                   "button",
                   {
                     onClick: () => handleEntityTypeFilter(""),
@@ -57956,7 +57959,7 @@ function ResourceDiscoveryPage({
                     children: t12.all
                   }
                 ),
-                entityTypes.map((type) => /* @__PURE__ */ jsx89(
+                entityTypes.map((type) => /* @__PURE__ */ jsx90(
                   "button",
                   {
                     onClick: () => handleEntityTypeFilter(type),
@@ -57972,10 +57975,10 @@ function ResourceDiscoveryPage({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs79("div", { className: "semiont-card__documents", children: [
-          /* @__PURE__ */ jsx89("h3", { className: "semiont-card__documents-label", children: hasSearchQuery && searchDocuments.length > 0 ? t12.searchResults(searchDocuments.length) : selectedEntityType ? t12.documentsTaggedWith(selectedEntityType) : t12.recentResources }),
-          showNoResultsWarning && /* @__PURE__ */ jsx89("div", { className: "semiont-card__warning", children: /* @__PURE__ */ jsx89("p", { className: "semiont-card__warning-text", children: t12.noResultsFound(searchQuery) }) }),
-          filteredResources.length > 0 ? /* @__PURE__ */ jsx89(
+        /* @__PURE__ */ jsxs80("div", { className: "semiont-card__documents", children: [
+          /* @__PURE__ */ jsx90("h3", { className: "semiont-card__documents-label", children: hasSearchQuery && searchDocuments.length > 0 ? t12.searchResults(searchDocuments.length) : selectedEntityType ? t12.documentsTaggedWith(selectedEntityType) : t12.recentResources }),
+          showNoResultsWarning && /* @__PURE__ */ jsx90("div", { className: "semiont-card__warning", children: /* @__PURE__ */ jsx90("p", { className: "semiont-card__warning-text", children: t12.noResultsFound(searchQuery) }) }),
+          filteredResources.length > 0 ? /* @__PURE__ */ jsx90(
             "div",
             {
               ref: documentGridRoving.containerRef,
@@ -57983,7 +57986,7 @@ function ResourceDiscoveryPage({
               className: "semiont-card-grid",
               role: "group",
               "aria-label": "Document grid",
-              children: filteredResources.map((resource, index2) => /* @__PURE__ */ jsx89(
+              children: filteredResources.map((resource, index2) => /* @__PURE__ */ jsx90(
                 ResourceCard,
                 {
                   resource,
@@ -57995,9 +57998,9 @@ function ResourceDiscoveryPage({
                 getResourceId3(resource)
               ))
             }
-          ) : /* @__PURE__ */ jsxs79("div", { className: "semiont-card__empty", children: [
-            /* @__PURE__ */ jsx89("p", { className: "semiont-card__empty-text", children: t12.noResourcesAvailable }),
-            !hasSearchQuery && /* @__PURE__ */ jsx89(
+          ) : /* @__PURE__ */ jsxs80("div", { className: "semiont-card__empty", children: [
+            /* @__PURE__ */ jsx90("p", { className: "semiont-card__empty-text", children: t12.noResourcesAvailable }),
+            !hasSearchQuery && /* @__PURE__ */ jsx90(
               "button",
               {
                 onClick: onNavigateToCompose,
@@ -58009,8 +58012,8 @@ function ResourceDiscoveryPage({
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs79("div", { className: "semiont-page__sidebar", children: [
-      /* @__PURE__ */ jsx89(
+    /* @__PURE__ */ jsxs80("div", { className: "semiont-page__sidebar", children: [
+      /* @__PURE__ */ jsx90(
         ToolbarPanels,
         {
           activePanel,
@@ -58018,7 +58021,7 @@ function ResourceDiscoveryPage({
           showLineNumbers
         }
       ),
-      /* @__PURE__ */ jsx89(
+      /* @__PURE__ */ jsx90(
         Toolbar,
         {
           context: "simple",
@@ -58070,11 +58073,125 @@ function useMediaToken(id2) {
   return { token, loading };
 }
 
-// src/features/resource-viewer/components/ResourceViewerPage.tsx
-import { createResourceViewerPageVM } from "@semiont/sdk";
+// src/features/resource-viewer/state/resource-viewer-page-state-unit.ts
+var import_rxjs2 = __toESM(require_cjs());
+import { createDisposer } from "@semiont/sdk";
+import { createBeckonStateUnit } from "@semiont/sdk";
+import { createMarkStateUnit } from "@semiont/sdk";
+import { createGatherStateUnit } from "@semiont/sdk";
+import { createMatchStateUnit } from "@semiont/sdk";
+import { createYieldStateUnit } from "@semiont/sdk";
+import { decodeWithCharset as decodeWithCharset2 } from "@semiont/core";
+import { isHighlight as isHighlight5, isComment as isComment5, isAssessment as isAssessment4, isReference as isReference6, isTag as isTag6 } from "@semiont/core";
+var WIZARD_CLOSED = {
+  open: false,
+  annotationId: null,
+  resourceId: null,
+  defaultTitle: "",
+  entityTypes: []
+};
+function createResourceViewerPageStateUnit(client, resourceId2, locale, browse, options) {
+  const disposer = createDisposer();
+  const beckon = createBeckonStateUnit(client);
+  const mark2 = createMarkStateUnit(client, resourceId2);
+  const gather = createGatherStateUnit(client, resourceId2);
+  const matchStateUnit = createMatchStateUnit(client, resourceId2);
+  const yieldStateUnit = createYieldStateUnit(client, resourceId2, locale);
+  disposer.add(beckon);
+  disposer.add(browse);
+  disposer.add(mark2);
+  disposer.add(gather);
+  disposer.add(matchStateUnit);
+  disposer.add(yieldStateUnit);
+  const annotations$ = client.browse.annotations(resourceId2).pipe(
+    (0, import_rxjs2.map)((a15) => a15 ?? [])
+  );
+  const annotationGroups$ = annotations$.pipe(
+    (0, import_rxjs2.map)((anns) => {
+      const groups = { highlights: [], comments: [], assessments: [], references: [], tags: [] };
+      for (const ann of anns) {
+        if (isHighlight5(ann)) groups.highlights.push(ann);
+        else if (isComment5(ann)) groups.comments.push(ann);
+        else if (isAssessment4(ann)) groups.assessments.push(ann);
+        else if (isReference6(ann)) groups.references.push(ann);
+        else if (isTag6(ann)) groups.tags.push(ann);
+      }
+      return groups;
+    })
+  );
+  const entityTypes$ = client.browse.entityTypes().pipe(
+    (0, import_rxjs2.map)((e6) => e6 ?? [])
+  );
+  const events$ = client.browse.events(resourceId2).pipe(
+    (0, import_rxjs2.map)((e6) => e6 ?? [])
+  );
+  const referencedBy$ = client.browse.referencedBy(resourceId2).pipe(
+    (0, import_rxjs2.map)((r14) => r14 ?? [])
+  );
+  const content$ = new import_rxjs2.BehaviorSubject("");
+  const contentLoading$ = new import_rxjs2.BehaviorSubject(false);
+  const mediaToken$ = new import_rxjs2.BehaviorSubject(null);
+  const mediaType = options?.mediaType || "text/plain";
+  const isBinaryType = mediaType.startsWith("image/") || mediaType === "application/pdf";
+  if (!isBinaryType && mediaType) {
+    contentLoading$.next(true);
+    client.browse.resourceRepresentation(resourceId2, { accept: mediaType }).then(({ data: data2 }) => {
+      content$.next(decodeWithCharset2(data2, mediaType));
+      contentLoading$.next(false);
+    }).catch(() => {
+      contentLoading$.next(false);
+    });
+  }
+  if (isBinaryType) {
+    client.auth.mediaToken(resourceId2).then(({ token }) => mediaToken$.next(token)).catch(() => {
+    });
+  }
+  const wizard$ = new import_rxjs2.BehaviorSubject(WIZARD_CLOSED);
+  const unsubscribeResource = client.subscribeToResource(resourceId2);
+  disposer.add(unsubscribeResource);
+  const bindInitiateSub = client.bus.get("bind:initiate").subscribe((event) => {
+    wizard$.next({
+      open: true,
+      annotationId: event.annotationId,
+      resourceId: event.resourceId,
+      defaultTitle: event.defaultTitle,
+      entityTypes: event.entityTypes
+    });
+    client.bus.get("gather:requested").next({
+      correlationId: crypto.randomUUID(),
+      annotationId: event.annotationId,
+      resourceId: event.resourceId,
+      options: { contextWindow: 2e3 }
+    });
+  });
+  disposer.add(() => bindInitiateSub.unsubscribe());
+  return {
+    beckon,
+    browse,
+    mark: mark2,
+    gather,
+    yield: yieldStateUnit,
+    annotations$,
+    annotationGroups$,
+    entityTypes$,
+    events$,
+    referencedBy$,
+    content$: content$.asObservable(),
+    contentLoading$: contentLoading$.asObservable(),
+    mediaToken$: mediaToken$.asObservable(),
+    wizard$: wizard$.asObservable(),
+    closeWizard: () => wizard$.next(WIZARD_CLOSED),
+    dispose: () => {
+      wizard$.complete();
+      content$.complete();
+      contentLoading$.complete();
+      mediaToken$.complete();
+      disposer.dispose();
+    }
+  };
+}
 
-// src/hooks/useShellVM.ts
-import { createShellVM } from "@semiont/sdk";
+// src/hooks/useShellStateUnit.ts
 function readPanel() {
   if (typeof window === "undefined") return null;
   const saved = localStorage.getItem("activeToolbarPanel");
@@ -58085,16 +58202,16 @@ function persistPanel(panel) {
   if (panel) localStorage.setItem("activeToolbarPanel", panel);
   else localStorage.removeItem("activeToolbarPanel");
 }
-function useShellVM() {
+function useShellStateUnit() {
   const semiont = useSemiont();
-  return useViewModel(() => createShellVM(semiont, {
+  return useStateUnit(() => createShellStateUnit(semiont, {
     initialPanel: readPanel(),
     onPanelChange: persistPanel
   }));
 }
 
 // src/features/resource-viewer/components/ResourceViewerPage.tsx
-import { jsx as jsx90, jsxs as jsxs80 } from "react/jsx-runtime";
+import { jsx as jsx91, jsxs as jsxs81 } from "react/jsx-runtime";
 function ResourceViewerPage({
   resource,
   rUri,
@@ -58122,47 +58239,51 @@ function ResourceViewerPage({
   const binaryContent = isBinary && mediaToken && semiont ? `${semiont.baseUrl}/api/resources/${rUri}?token=${mediaToken}` : "";
   const content4 = isBinary ? binaryContent : textContent;
   const contentLoading = isBinary ? mediaTokenLoading : textLoading;
-  const browseVM = useShellVM();
-  const vm = useViewModel(() => createResourceViewerPageVM(semiont, rUri, locale, browseVM));
-  const annotations = useObservable(vm.annotations$) ?? [];
-  const groups = useObservable(vm.annotationGroups$);
-  const allEntityTypes = useObservable(vm.entityTypes$) ?? [];
-  const referencedByRaw = useObservable(vm.referencedBy$);
+  const browseStateUnit = useShellStateUnit();
+  const stateUnit = useStateUnit(() => createResourceViewerPageStateUnit(semiont, rUri, locale, browseStateUnit));
+  const annotations = useObservable(stateUnit.annotations$) ?? [];
+  const groups = useObservable(stateUnit.annotationGroups$);
+  const allEntityTypes = useObservable(stateUnit.entityTypes$) ?? [];
+  const referencedByRaw = useObservable(stateUnit.referencedBy$);
   const referencedBy = referencedByRaw ?? [];
   const referencedByLoading = referencedByRaw === void 0;
-  const hoveredAnnotationId = useObservable(vm.beckon.hoveredAnnotationId$) ?? null;
-  const pendingAnnotation = useObservable(vm.mark.pendingAnnotation$) ?? null;
-  const assistingMotivation = useObservable(vm.mark.assistingMotivation$) ?? null;
-  const progress = useObservable(vm.mark.progress$) ?? null;
-  const activePanel = useObservable(vm.browse.activePanel$) ?? null;
-  const scrollToAnnotationId = useObservable(vm.browse.scrollToAnnotationId$) ?? null;
-  const panelInitialTab = useObservable(vm.browse.panelInitialTab$) ?? null;
-  const onScrollCompleted = vm.browse.onScrollCompleted;
-  const generationProgress = useObservable(vm.yield.progress$) ?? null;
-  const gatherContext = useObservable(vm.gather.context$) ?? null;
-  const gatherLoading = useObservable(vm.gather.loading$) ?? false;
-  const gatherError = useObservable(vm.gather.error$) ?? null;
-  const wizardState = useObservable(vm.wizard$);
+  const hoveredAnnotationId = useObservable(stateUnit.beckon.hoveredAnnotationId$) ?? null;
+  const pendingAnnotation = useObservable(stateUnit.mark.pendingAnnotation$) ?? null;
+  const assistingMotivation = useObservable(stateUnit.mark.assistingMotivation$) ?? null;
+  const progress = useObservable(stateUnit.mark.progress$) ?? null;
+  const activePanel = useObservable(stateUnit.browse.activePanel$) ?? null;
+  const scrollToAnnotationId = useObservable(stateUnit.browse.scrollToAnnotationId$) ?? null;
+  const panelInitialTab = useObservable(stateUnit.browse.panelInitialTab$) ?? null;
+  const onScrollCompleted = stateUnit.browse.onScrollCompleted;
+  const generationProgress = useObservable(stateUnit.yield.progress$) ?? null;
+  const gatherContext = useObservable(stateUnit.gather.context$) ?? null;
+  const gatherLoading = useObservable(stateUnit.gather.loading$) ?? false;
+  const gatherError = useObservable(stateUnit.gather.error$) ?? null;
+  const wizardState = useObservable(stateUnit.wizard$);
   const wizardOpen = wizardState?.open ?? false;
   const wizardAnnotationId = wizardState?.annotationId ?? null;
   const wizardResourceId = wizardState?.resourceId ?? null;
   const wizardDefaultTitle = wizardState?.defaultTitle ?? "";
   const wizardEntityTypes = wizardState?.entityTypes ?? [];
   const handleWizardClose = useCallback34(() => {
-    vm.closeWizard();
-  }, [vm]);
+    stateUnit.closeWizard();
+  }, [stateUnit]);
   const handleWizardGenerateSubmit = useCallback34((referenceId, config) => {
     clearNewAnnotationId(annotationId(referenceId));
-    vm.yield.generate(referenceId, {
+    stateUnit.yield.generate(referenceId, {
       title: config.title,
       storageUri: config.storagePath,
       prompt: config.prompt,
       language: config.language,
+      // The source resource is the one the user is viewing — fed into the
+      // prompt so the LLM understands the embedded context (selected
+      // passage, surrounding text) regardless of UI/target language.
+      sourceLanguage: getLanguage(resource),
       temperature: config.temperature,
       maxTokens: config.maxTokens,
       context: config.context
     });
-  }, [vm, clearNewAnnotationId]);
+  }, [stateUnit, clearNewAnnotationId, resource]);
   const handleWizardLinkResource = useCallback34(async (referenceId, targetResourceId) => {
     if (!semiont) return;
     try {
@@ -58327,17 +58448,17 @@ function ResourceViewerPage({
   }, [session]);
   const handleEventClick = useCallback34((_annotationId) => {
   }, []);
-  return /* @__PURE__ */ jsxs80("div", { className: `semiont-document-viewer${activePanel ? " semiont-document-viewer--panel-open" : ""}`, children: [
-    /* @__PURE__ */ jsxs80("div", { className: "semiont-document-viewer__main", children: [
-      /* @__PURE__ */ jsxs80("div", { className: "semiont-document-viewer__content", children: [
-        /* @__PURE__ */ jsx90("div", { className: "semiont-document-viewer__header", children: /* @__PURE__ */ jsx90("div", { className: "semiont-document-viewer__header-inner", children: /* @__PURE__ */ jsx90("h2", { className: "semiont-document-viewer__title", children: resource.name }) }) }),
-        /* @__PURE__ */ jsx90("div", { className: "semiont-document-viewer__scrollable-body", lang: getLanguage(resource) || void 0, children: /* @__PURE__ */ jsx90(
+  return /* @__PURE__ */ jsxs81("div", { className: `semiont-document-viewer${activePanel ? " semiont-document-viewer--panel-open" : ""}`, children: [
+    /* @__PURE__ */ jsxs81("div", { className: "semiont-document-viewer__main", children: [
+      /* @__PURE__ */ jsxs81("div", { className: "semiont-document-viewer__content", children: [
+        /* @__PURE__ */ jsx91("div", { className: "semiont-document-viewer__header", children: /* @__PURE__ */ jsx91("div", { className: "semiont-document-viewer__header-inner", children: /* @__PURE__ */ jsx91("h2", { className: "semiont-document-viewer__title", children: resource.name }) }) }),
+        /* @__PURE__ */ jsx91("div", { className: "semiont-document-viewer__scrollable-body", lang: getLanguage(resource) || void 0, children: /* @__PURE__ */ jsx91(
           ErrorBoundary,
           {
-            fallback: (error, reset) => /* @__PURE__ */ jsxs80("div", { className: "semiont-document-viewer__error", children: [
-              /* @__PURE__ */ jsx90("h3", { className: "semiont-document-viewer__error-title", children: "Error loading document viewer" }),
-              /* @__PURE__ */ jsx90("p", { className: "semiont-document-viewer__error-message", children: error.message }),
-              /* @__PURE__ */ jsx90(
+            fallback: (error, reset) => /* @__PURE__ */ jsxs81("div", { className: "semiont-document-viewer__error", children: [
+              /* @__PURE__ */ jsx91("h3", { className: "semiont-document-viewer__error-title", children: "Error loading document viewer" }),
+              /* @__PURE__ */ jsx91("p", { className: "semiont-document-viewer__error-message", children: error.message }),
+              /* @__PURE__ */ jsx91(
                 "button",
                 {
                   onClick: reset,
@@ -58346,7 +58467,7 @@ function ResourceViewerPage({
                 }
               )
             ] }),
-            children: contentLoading ? /* @__PURE__ */ jsx90("div", { className: "semiont-document-viewer__loading", children: "Loading document content..." }) : /* @__PURE__ */ jsx90(
+            children: contentLoading ? /* @__PURE__ */ jsx91("div", { className: "semiont-document-viewer__loading", children: "Loading document content..." }) : /* @__PURE__ */ jsx91(
               ResourceViewer,
               {
                 resource: resourceWithContent,
@@ -58360,18 +58481,17 @@ function ResourceViewerPage({
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsxs80("div", { className: "semiont-document-viewer__sidebar", children: [
-        /* @__PURE__ */ jsxs80(
+      /* @__PURE__ */ jsxs81("div", { className: "semiont-document-viewer__sidebar", children: [
+        /* @__PURE__ */ jsxs81(
           ToolbarPanels,
           {
             activePanel,
             theme: theme2,
             showLineNumbers,
-            hoverDelayMs,
             width: activePanel === "jsonld" ? "w-[600px]" : activePanel === "annotations" ? "w-[400px]" : "w-64",
             children: [
-              annotateMode && resource.archived && /* @__PURE__ */ jsx90("div", { className: "semiont-document-viewer__archived-status", children: /* @__PURE__ */ jsx90("div", { className: "semiont-document-viewer__archived-text", children: "\u{1F4E6} Archived" }) }),
-              activePanel === "annotations" && !resource.archived && /* @__PURE__ */ jsx90(
+              annotateMode && resource.archived && /* @__PURE__ */ jsx91("div", { className: "semiont-document-viewer__archived-status", children: /* @__PURE__ */ jsx91("div", { className: "semiont-document-viewer__archived-text", children: "\u{1F4E6} Archived" }) }),
+              activePanel === "annotations" && !resource.archived && /* @__PURE__ */ jsx91(
                 UnifiedAnnotationsPanel,
                 {
                   annotations,
@@ -58386,6 +58506,7 @@ function ResourceViewerPage({
                   referencedByLoading,
                   resourceId: rUri,
                   locale,
+                  sourceLanguage: getLanguage(resource),
                   scrollToAnnotationId,
                   hoveredAnnotationId,
                   onScrollCompleted,
@@ -58395,7 +58516,7 @@ function ResourceViewerPage({
                   routes
                 }
               ),
-              activePanel === "history" && /* @__PURE__ */ jsx90(
+              activePanel === "history" && /* @__PURE__ */ jsx91(
                 AnnotationHistory,
                 {
                   rUri,
@@ -58406,7 +58527,7 @@ function ResourceViewerPage({
                   routes
                 }
               ),
-              activePanel === "info" && /* @__PURE__ */ jsx90(
+              activePanel === "info" && /* @__PURE__ */ jsx91(
                 ResourceInfoPanel,
                 {
                   resourceId: rUri,
@@ -58424,7 +58545,7 @@ function ResourceViewerPage({
                   generator: resource.generator
                 }
               ),
-              activePanel === "collaboration" && /* @__PURE__ */ jsx90(
+              activePanel === "collaboration" && /* @__PURE__ */ jsx91(
                 CollaborationPanel,
                 {
                   state: streamStatus,
@@ -58432,11 +58553,11 @@ function ResourceViewerPage({
                   knowledgeBaseName
                 }
               ),
-              activePanel === "jsonld" && /* @__PURE__ */ jsx90(JsonLdPanel, { resource })
+              activePanel === "jsonld" && /* @__PURE__ */ jsx91(JsonLdPanel, { resource })
             ]
           }
         ),
-        /* @__PURE__ */ jsx90(
+        /* @__PURE__ */ jsx91(
           Toolbar,
           {
             context: "document",
@@ -58446,7 +58567,7 @@ function ResourceViewerPage({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx90(
+    /* @__PURE__ */ jsx91(
       ReferenceWizardModal,
       {
         isOpen: wizardOpen,
@@ -58505,24 +58626,452 @@ function ResourceViewerPage({
 }
 
 // src/index.ts
-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";
+import { createBeckonStateUnit as createBeckonStateUnit2, createHoverHandlers as createHoverHandlers4, HOVER_DELAY_MS as HOVER_DELAY_MS3 } from "@semiont/sdk";
+import { createMarkStateUnit as createMarkStateUnit2 } from "@semiont/sdk";
+import { createYieldStateUnit as createYieldStateUnit2 } from "@semiont/sdk";
+import { createGatherStateUnit as createGatherStateUnit2 } from "@semiont/sdk";
+import { createMatchStateUnit as createMatchStateUnit2 } from "@semiont/sdk";
+
+// src/state/session-state-unit.ts
+var import_rxjs3 = __toESM(require_cjs());
+function createSessionStateUnit(client) {
+  const isLoggingOut$ = new import_rxjs3.BehaviorSubject(false);
+  const logout = async () => {
+    isLoggingOut$.next(true);
+    try {
+      await client.auth.logout();
+    } catch {
+    } finally {
+      isLoggingOut$.next(false);
+    }
+  };
+  return {
+    isLoggingOut$: isLoggingOut$.asObservable(),
+    logout,
+    dispose: () => {
+      isLoggingOut$.complete();
+    }
+  };
+}
+
+// src/features/resource-compose/state/compose-page-state-unit.ts
+var import_rxjs4 = __toESM(require_cjs());
+import { resourceId as makeResourceId2, annotationId as makeAnnotationId } from "@semiont/core";
+import { createDisposer as createDisposer2 } from "@semiont/sdk";
+import { getPrimaryMediaType as getPrimaryMediaType3, decodeWithCharset as decodeWithCharset3 } from "@semiont/core";
+function createComposePageStateUnit(client, browse, params, auth) {
+  const disposer = createDisposer2();
+  disposer.add(browse);
+  const isReferenceMode = Boolean(params.annotationUri && params.sourceDocumentId && params.name);
+  const isCloneMode = params.mode === "clone" && Boolean(params.token);
+  const pageMode = isCloneMode ? "clone" : isReferenceMode ? "reference" : "new";
+  const mode$ = new import_rxjs4.BehaviorSubject(pageMode);
+  const loading$ = new import_rxjs4.BehaviorSubject(true);
+  const cloneData$ = new import_rxjs4.BehaviorSubject(null);
+  const referenceData$ = new import_rxjs4.BehaviorSubject(null);
+  const gatheredContext$ = new import_rxjs4.BehaviorSubject(null);
+  const uploadProgress$ = new import_rxjs4.BehaviorSubject(null);
+  const entityTypes$ = client.browse.entityTypes().pipe(
+    (0, import_rxjs4.map)((e6) => e6 ?? [])
+  );
+  if (isReferenceMode) {
+    const entityTypes = params.entityTypes ? params.entityTypes.split(",") : [];
+    referenceData$.next({
+      annotationUri: params.annotationUri,
+      sourceDocumentId: params.sourceDocumentId,
+      name: params.name,
+      entityTypes
+    });
+    if (params.storedContext) {
+      try {
+        gatheredContext$.next(JSON.parse(params.storedContext));
+      } catch {
+      }
+    }
+    loading$.next(false);
+  } else if (isCloneMode) {
+    void (async () => {
+      try {
+        const tokenResult = await client.yield.fromToken(params.token);
+        if (tokenResult && auth) {
+          const rId = makeResourceId2(tokenResult["@id"]);
+          const mediaType = getPrimaryMediaType3(tokenResult) || "text/plain";
+          const { data: data2 } = await client.browse.resourceRepresentation(rId, {
+            accept: mediaType
+          });
+          const content4 = decodeWithCharset3(data2, mediaType);
+          cloneData$.next({ sourceResource: tokenResult, sourceContent: content4 });
+        }
+      } catch {
+      }
+      loading$.next(false);
+    })();
+  } else {
+    loading$.next(false);
+  }
+  const save = async (saveParams) => {
+    if (saveParams.mode === "clone") {
+      const response = await client.yield.createFromToken({
+        token: params.token,
+        name: saveParams.name,
+        content: saveParams.content,
+        archiveOriginal: saveParams.archiveOriginal ?? true
+      });
+      return response.resourceId;
+    }
+    let fileToUpload;
+    let mimeType;
+    if (saveParams.file) {
+      fileToUpload = saveParams.file;
+      mimeType = saveParams.format ?? "application/octet-stream";
+    } else {
+      const blob = new Blob([saveParams.content || ""], { type: saveParams.format ?? "application/octet-stream" });
+      const extension2 = saveParams.format === "text/plain" ? ".txt" : saveParams.format === "text/html" ? ".html" : ".md";
+      fileToUpload = new File([blob], saveParams.name + extension2, { type: saveParams.format ?? "application/octet-stream" });
+      mimeType = saveParams.format ?? "application/octet-stream";
+    }
+    const format = saveParams.charset && !saveParams.file ? `${mimeType}; charset=${saveParams.charset}` : mimeType;
+    const newResourceId = await new Promise((resolve, reject) => {
+      client.yield.resource({
+        name: saveParams.name,
+        file: fileToUpload,
+        format,
+        entityTypes: saveParams.entityTypes || [],
+        language: saveParams.language,
+        creationMethod: "ui",
+        storageUri: saveParams.storageUri
+      }).subscribe({
+        next: (event) => {
+          uploadProgress$.next(event);
+          if (event.phase === "finished") resolve(event.resourceId);
+        },
+        error: (err) => {
+          uploadProgress$.next(null);
+          reject(err);
+        },
+        complete: () => uploadProgress$.next(null)
+      });
+    });
+    if (saveParams.mode === "reference" && saveParams.annotationUri && saveParams.sourceDocumentId) {
+      await client.bind.body(
+        makeResourceId2(saveParams.sourceDocumentId),
+        makeAnnotationId(saveParams.annotationUri),
+        [{ op: "add", item: { type: "SpecificResource", source: newResourceId, purpose: "linking" } }]
+      );
+    }
+    return newResourceId;
+  };
+  return {
+    browse,
+    mode$: mode$.asObservable(),
+    loading$: loading$.asObservable(),
+    cloneData$: cloneData$.asObservable(),
+    referenceData$: referenceData$.asObservable(),
+    gatheredContext$: gatheredContext$.asObservable(),
+    entityTypes$,
+    uploadProgress$: uploadProgress$.asObservable(),
+    save,
+    dispose: () => {
+      mode$.complete();
+      loading$.complete();
+      cloneData$.complete();
+      referenceData$.complete();
+      gatheredContext$.complete();
+      disposer.dispose();
+    }
+  };
+}
+
+// src/features/resource-viewer/state/resource-loader-state-unit.ts
+var import_rxjs5 = __toESM(require_cjs());
+function createResourceLoaderStateUnit(client, resourceId2) {
+  const raw$ = client.browse.resource(resourceId2);
+  const resource$ = raw$;
+  const isLoading$ = raw$.pipe((0, import_rxjs5.map)((r14) => r14 === void 0));
+  return {
+    resource$,
+    isLoading$,
+    invalidate: () => client.browse.invalidateResourceDetail(resourceId2),
+    dispose: () => {
+    }
+  };
+}
+
+// src/features/admin-users/state/admin-users-state-unit.ts
+var import_rxjs6 = __toESM(require_cjs());
+import { userDID } from "@semiont/core";
+import { createDisposer as createDisposer3 } from "@semiont/sdk";
+function createAdminUsersStateUnit(client, browse) {
+  const disposer = createDisposer3();
+  disposer.add(browse);
+  const users$ = new import_rxjs6.BehaviorSubject([]);
+  const stats$ = new import_rxjs6.BehaviorSubject(null);
+  const usersLoading$ = new import_rxjs6.BehaviorSubject(true);
+  const statsLoading$ = new import_rxjs6.BehaviorSubject(true);
+  const fetchUsers = () => {
+    usersLoading$.next(true);
+    client.admin.users().then((data2) => {
+      users$.next(data2.users ?? []);
+      usersLoading$.next(false);
+    }).catch(() => usersLoading$.next(false));
+  };
+  const fetchStats = () => {
+    statsLoading$.next(true);
+    client.admin.userStats().then((data2) => {
+      stats$.next(data2.stats ?? null);
+      statsLoading$.next(false);
+    }).catch(() => statsLoading$.next(false));
+  };
+  fetchUsers();
+  fetchStats();
+  const updateUser = async (id2, data2) => {
+    await client.admin.updateUser(userDID(id2), data2);
+    fetchUsers();
+    fetchStats();
+  };
+  return {
+    browse,
+    users$: users$.asObservable(),
+    stats$: stats$.asObservable(),
+    usersLoading$: usersLoading$.asObservable(),
+    statsLoading$: statsLoading$.asObservable(),
+    updateUser,
+    dispose: () => {
+      users$.complete();
+      stats$.complete();
+      usersLoading$.complete();
+      statsLoading$.complete();
+      disposer.dispose();
+    }
+  };
+}
+
+// src/features/admin-security/state/admin-security-state-unit.ts
+var import_rxjs7 = __toESM(require_cjs());
+import { createDisposer as createDisposer4 } from "@semiont/sdk";
+function createAdminSecurityStateUnit(client, browse) {
+  const disposer = createDisposer4();
+  disposer.add(browse);
+  const providers$ = new import_rxjs7.BehaviorSubject([]);
+  const allowedDomains$ = new import_rxjs7.BehaviorSubject([]);
+  const isLoading$ = new import_rxjs7.BehaviorSubject(true);
+  client.admin.oauthConfig().then((data2) => {
+    const config = data2;
+    providers$.next(config.providers ?? []);
+    allowedDomains$.next(config.allowedDomains ?? []);
+    isLoading$.next(false);
+  }).catch(() => isLoading$.next(false));
+  return {
+    browse,
+    providers$: providers$.asObservable(),
+    allowedDomains$: allowedDomains$.asObservable(),
+    isLoading$: isLoading$.asObservable(),
+    dispose: () => {
+      providers$.complete();
+      allowedDomains$.complete();
+      isLoading$.complete();
+      disposer.dispose();
+    }
+  };
+}
+
+// src/features/admin-exchange/state/exchange-state-unit.ts
+var import_rxjs8 = __toESM(require_cjs());
+var import_operators3 = __toESM(require_operators());
+import { createDisposer as createDisposer5 } from "@semiont/sdk";
+function createExchangeStateUnit(browse, exportFn, importFn) {
+  const disposer = createDisposer5();
+  disposer.add(browse);
+  const selectedFile$ = new import_rxjs8.BehaviorSubject(null);
+  const preview$ = new import_rxjs8.BehaviorSubject(null);
+  const importPhase$ = new import_rxjs8.BehaviorSubject(null);
+  const importMessage$ = new import_rxjs8.BehaviorSubject(void 0);
+  const importResult$ = new import_rxjs8.BehaviorSubject(void 0);
+  const isExporting$ = new import_rxjs8.BehaviorSubject(false);
+  const isImporting$ = new import_rxjs8.BehaviorSubject(false);
+  const selectFile = (file) => {
+    selectedFile$.next(file);
+    importPhase$.next(null);
+    importMessage$.next(void 0);
+    importResult$.next(void 0);
+    preview$.next({
+      format: file.name.endsWith(".tar.gz") || file.name.endsWith(".gz") ? "semiont-linked-data" : "unknown",
+      version: 1,
+      sourceUrl: "",
+      stats: {}
+    });
+  };
+  const cancelImport = () => {
+    selectedFile$.next(null);
+    preview$.next(null);
+    importPhase$.next(null);
+    importMessage$.next(void 0);
+    importResult$.next(void 0);
+  };
+  const doExport = async () => {
+    isExporting$.next(true);
+    try {
+      const download = await exportFn();
+      const blob = await new Response(download.stream).blob();
+      const filename = download.filename ?? `semiont-export-${Date.now()}.tar.gz`;
+      return { blob, filename };
+    } finally {
+      isExporting$.next(false);
+    }
+  };
+  const doImport = async () => {
+    const file = selectedFile$.getValue();
+    if (!file) return;
+    isImporting$.next(true);
+    importPhase$.next("started");
+    importMessage$.next(void 0);
+    importResult$.next(void 0);
+    try {
+      await (0, import_rxjs8.lastValueFrom)(
+        importFn(file).pipe(
+          (0, import_operators3.tap)((event) => {
+            importPhase$.next(event.phase);
+            importMessage$.next(event.message);
+            if (event.result) importResult$.next(event.result);
+          })
+        )
+      );
+    } finally {
+      isImporting$.next(false);
+    }
+  };
+  return {
+    browse,
+    selectedFile$: selectedFile$.asObservable(),
+    preview$: preview$.asObservable(),
+    importPhase$: importPhase$.asObservable(),
+    importMessage$: importMessage$.asObservable(),
+    importResult$: importResult$.asObservable(),
+    isExporting$: isExporting$.asObservable(),
+    isImporting$: isImporting$.asObservable(),
+    selectFile,
+    cancelImport,
+    doExport,
+    doImport,
+    dispose: () => {
+      selectedFile$.complete();
+      preview$.complete();
+      importPhase$.complete();
+      importMessage$.complete();
+      importResult$.complete();
+      isExporting$.complete();
+      isImporting$.complete();
+      disposer.dispose();
+    }
+  };
+}
+
+// src/features/auth-welcome/state/welcome-state-unit.ts
+var import_rxjs9 = __toESM(require_cjs());
+import { createDisposer as createDisposer6 } from "@semiont/sdk";
+function createWelcomeStateUnit(client) {
+  const disposer = createDisposer6();
+  const userData$ = new import_rxjs9.BehaviorSubject(null);
+  const isProcessing$ = new import_rxjs9.BehaviorSubject(false);
+  client.auth.me().then((data2) => userData$.next(data2)).catch(() => {
+  });
+  const acceptTerms = async () => {
+    isProcessing$.next(true);
+    try {
+      await client.auth.acceptTerms();
+      userData$.next({ ...userData$.getValue(), termsAcceptedAt: (/* @__PURE__ */ new Date()).toISOString() });
+    } finally {
+      isProcessing$.next(false);
+    }
+  };
+  return {
+    userData$: userData$.asObservable(),
+    isProcessing$: isProcessing$.asObservable(),
+    acceptTerms,
+    dispose: () => {
+      userData$.complete();
+      isProcessing$.complete();
+      disposer.dispose();
+    }
+  };
+}
+
+// src/features/resource-discovery/state/discover-state-unit.ts
+var import_rxjs10 = __toESM(require_cjs());
+import { createDisposer as createDisposer7 } from "@semiont/sdk";
+import { createSearchPipeline as createSearchPipeline3 } from "@semiont/sdk";
+var RECENT_LIMIT = 10;
+var SEARCH_LIMIT3 = 20;
+function createDiscoverStateUnit(client, browse) {
+  const disposer = createDisposer7();
+  const search2 = createSearchPipeline3(
+    (q2) => client.browse.resources({ search: q2, limit: SEARCH_LIMIT3 })
+  );
+  disposer.add(search2);
+  disposer.add(browse);
+  const recent$ = client.browse.resources({ limit: RECENT_LIMIT, archived: false });
+  const recentResources$ = recent$.pipe(
+    (0, import_rxjs10.map)((r14) => r14 ?? [])
+  );
+  const isLoadingRecent$ = recent$.pipe(
+    (0, import_rxjs10.map)((r14) => r14 === void 0)
+  );
+  const entityTypes$ = client.browse.entityTypes().pipe(
+    (0, import_rxjs10.map)((e6) => e6 ?? [])
+  );
+  return {
+    browse,
+    search: search2,
+    recentResources$,
+    entityTypes$,
+    isLoadingRecent$,
+    dispose: () => disposer.dispose()
+  };
+}
+
+// src/features/moderate-entity-tags/state/entity-tags-state-unit.ts
+var import_rxjs11 = __toESM(require_cjs());
+import { createDisposer as createDisposer8 } from "@semiont/sdk";
+function createEntityTagsStateUnit(client, browse) {
+  const disposer = createDisposer8();
+  disposer.add(browse);
+  const newTag$ = new import_rxjs11.BehaviorSubject("");
+  const error$ = new import_rxjs11.BehaviorSubject("");
+  const isAdding$ = new import_rxjs11.BehaviorSubject(false);
+  const raw$ = client.browse.entityTypes();
+  const entityTypes$ = raw$.pipe((0, import_rxjs11.map)((e6) => e6 ?? []));
+  const isLoading$ = raw$.pipe((0, import_rxjs11.map)((e6) => e6 === void 0));
+  const addTag = async () => {
+    const tag = newTag$.getValue().trim();
+    if (!tag) return;
+    error$.next("");
+    isAdding$.next(true);
+    try {
+      await client.frame.addEntityType(tag);
+      newTag$.next("");
+    } catch (err) {
+      error$.next(err instanceof Error ? err.message : "Failed to add entity type");
+    } finally {
+      isAdding$.next(false);
+    }
+  };
+  return {
+    browse,
+    entityTypes$,
+    isLoading$,
+    newTag$: newTag$.asObservable(),
+    error$: error$.asObservable(),
+    isAdding$: isAdding$.asObservable(),
+    setNewTag: (v4) => newTag$.next(v4),
+    addTag,
+    dispose: () => {
+      newTag$.complete();
+      error$.complete();
+      isAdding$.complete();
+      disposer.dispose();
+    }
+  };
+}
 export {
   ANNOTATORS,
   AVAILABLE_LOCALES,
@@ -58544,7 +59093,7 @@ export {
   BrowseView,
   Button,
   ButtonGroup,
-  COMMON_PANELS11 as COMMON_PANELS,
+  COMMON_PANELS,
   CodeMirrorRenderer,
   CollaborationPanel,
   CollapsibleResourceNavigation,
@@ -58614,7 +59163,6 @@ export {
   StatisticsPanel,
   StatusDisplay,
   SvgDrawingCanvas,
-  TAG_SCHEMAS,
   TagEntry,
   TagSchemasPage,
   TaggingPanel,
@@ -58625,6 +59173,7 @@ export {
   TranslationProvider,
   UnifiedAnnotationsPanel,
   UnifiedHeader,
+  UploadProgressBar,
   UserMenuSkeleton,
   WebBrowserStorage,
   WelcomePage,
@@ -58633,42 +59182,35 @@ export {
   buildTextNodeIndex,
   buttonStyles,
   clearHighlights,
-  createAdminSecurityVM,
-  createAdminUsersVM,
-  createBeckonVM,
-  createComposePageVM,
-  createDiscoverVM,
-  createEntityTagsVM,
-  createExchangeVM,
-  createGatherVM,
+  createAdminSecurityStateUnit,
+  createAdminUsersStateUnit,
+  createBeckonStateUnit2 as createBeckonStateUnit,
+  createComposePageStateUnit,
+  createDiscoverStateUnit,
+  createEntityTagsStateUnit,
+  createExchangeStateUnit,
+  createGatherStateUnit2 as createGatherStateUnit,
   createHoverHandlers4 as createHoverHandlers,
-  createJobClaimAdapter,
-  createJobQueueVM,
-  createMarkVM,
-  createMatchVM,
-  createResourceLoaderVM,
-  createResourceViewerPageVM2 as createResourceViewerPageVM,
-  createSearchPipeline3 as createSearchPipeline,
-  createSessionVM,
-  createShellVM2 as createShellVM,
-  createWelcomeVM,
-  createYieldVM,
+  createMarkStateUnit2 as createMarkStateUnit,
+  createMatchStateUnit2 as createMatchStateUnit,
+  createResourceLoaderStateUnit,
+  createResourceViewerPageStateUnit,
+  createSearchPipeline4 as createSearchPipeline,
+  createSessionStateUnit,
+  createShellStateUnit,
+  createWelcomeStateUnit,
+  createYieldStateUnit2 as createYieldStateUnit,
   cssVariables,
   faviconPaths,
   formatTime,
   generateCSSVariables,
-  getAllTagSchemas,
   getResourceIcon,
   getSelectedShapeForSelectorType,
   getSelectorType,
   getShortcutDisplay,
   getSupportedShapes,
-  getSchemaCategory as getTagCategory,
-  getTagSchema,
-  getTagSchemasByDomain,
   hideWidgetPreview,
   isShapeSupported,
-  isValidCategory,
   jsonLightHighlightStyle,
   jsonLightTheme,
   resolveAnnotationRanges,
@@ -58708,10 +59250,10 @@ export {
   useSearchAnnouncements,
   useSemiont,
   useSessionExpiry,
-  useShellVM,
+  useShellStateUnit,
+  useStateUnit,
   useTheme,
   useToast,
-  useTranslations,
-  useViewModel
+  useTranslations
 };
 //# sourceMappingURL=index.mjs.map