@semiont/react-ui 0.5.1 → 0.5.2

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,14 +117,14 @@ 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";
+} from "./chunk-7VWNZ5YX.mjs";
 import "./chunk-NOD3NCXE.mjs";
 import {
   __commonJS,
@@ -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 = [];
@@ -18031,12 +18032,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 +18931,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(() => {
@@ -32523,7 +32524,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 +32868,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 +39066,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 +40663,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 +41171,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 +44049,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 +45508,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 +45516,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 +45526,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 +45540,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 +45548,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 +45559,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 +45572,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 +45582,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 +45594,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 +45608,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 +45617,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 +45627,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 +45648,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];
@@ -46369,6 +46370,7 @@ function AssistSection({
   annotationType,
   isAssisting,
   locale,
+  sourceLanguage,
   progress
 }) {
   const panelName = annotationType === "highlight" ? "HighlightPanel" : annotationType === "assessment" ? "AssessmentPanel" : "CommentsPanel";
@@ -46394,11 +46396,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 +46605,7 @@ function AssessmentPanel({
   isAssisting = false,
   progress,
   locale,
+  sourceLanguage,
   annotateMode = true,
   scrollToAnnotationId,
   onScrollCompleted,
@@ -46744,6 +46752,7 @@ function AssessmentPanel({
           annotationType: "assessment",
           isAssisting,
           locale,
+          sourceLanguage,
           progress
         }
       ),
@@ -47001,6 +47010,7 @@ function CommentsPanel({
   isAssisting = false,
   progress,
   locale,
+  sourceLanguage,
   scrollToAnnotationId,
   onScrollCompleted,
   hoveredAnnotationId
@@ -47147,6 +47157,7 @@ function CommentsPanel({
           annotationType: "comment",
           isAssisting,
           locale,
+          sourceLanguage,
           progress
         }
       ),
@@ -47236,7 +47247,8 @@ function HighlightPanel({
   annotateMode = true,
   scrollToAnnotationId,
   onScrollCompleted,
-  hoveredAnnotationId
+  hoveredAnnotationId,
+  sourceLanguage
 }) {
   const t12 = useTranslations("HighlightPanel");
   const session = useObservable(useSemiont().activeSession$);
@@ -47312,7 +47324,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(
@@ -47564,7 +47577,9 @@ function ReferencesPanel({
   pendingAnnotation,
   scrollToAnnotationId,
   onScrollCompleted,
-  hoveredAnnotationId
+  hoveredAnnotationId,
+  locale,
+  sourceLanguage
 }) {
   const t12 = useTranslations("ReferencesPanel");
   const session = useObservable(useSemiont().activeSession$);
@@ -47645,7 +47660,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);
@@ -48168,7 +48187,9 @@ function TaggingPanel({
   pendingAnnotation,
   scrollToAnnotationId,
   onScrollCompleted,
-  hoveredAnnotationId
+  hoveredAnnotationId,
+  locale,
+  sourceLanguage
 }) {
   const t12 = useTranslations("TaggingPanel");
   const session = useObservable(useSemiont().activeSession$);
@@ -48266,7 +48287,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());
     }
@@ -48616,6 +48641,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 +48666,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,
@@ -50905,23 +50933,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]);
@@ -55841,8 +55869,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 +55996,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 +56206,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 +56265,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 +56277,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 +56360,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 +56380,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 +56440,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 +56532,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 +57151,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 +57171,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 +57246,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 +57259,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 +57301,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 +57325,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 +57405,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 +57490,7 @@ function ResourceComposePage({
   activePanel,
   onSaveResource,
   onCancel,
+  uploadProgress = null,
   translations: t12,
   ToolbarPanels,
   Toolbar: Toolbar2
@@ -57447,22 +57591,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 +57614,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 +57651,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 +57670,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 +57680,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 +57701,7 @@ function ResourceComposePage({
                 })
               }
             ),
-            selectedEntityTypes.length > 0 && /* @__PURE__ */ jsxs77(
+            selectedEntityTypes.length > 0 && /* @__PURE__ */ jsxs78(
               "div",
               {
                 className: "sr-only",
@@ -57573,9 +57717,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 +57729,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 +57741,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 +57759,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 +57776,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 +57799,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 +57817,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 +57837,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 +57849,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 +57870,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 +57881,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 +57903,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 +57939,7 @@ function ResourceComposePage({
           showLineNumbers
         }
       ),
-      /* @__PURE__ */ jsx87(
+      /* @__PURE__ */ jsx88(
         Toolbar2,
         {
           context: "simple",
@@ -57808,18 +57953,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 +57978,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 +57997,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 +58009,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 +58054,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 +58076,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 +58089,7 @@ function ResourceDiscoveryPage({
               role: "group",
               "aria-label": "Entity type filters",
               children: [
-                /* @__PURE__ */ jsx89(
+                /* @__PURE__ */ jsx90(
                   "button",
                   {
                     onClick: () => handleEntityTypeFilter(""),
@@ -57956,7 +58100,7 @@ function ResourceDiscoveryPage({
                     children: t12.all
                   }
                 ),
-                entityTypes.map((type) => /* @__PURE__ */ jsx89(
+                entityTypes.map((type) => /* @__PURE__ */ jsx90(
                   "button",
                   {
                     onClick: () => handleEntityTypeFilter(type),
@@ -57972,10 +58116,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 +58127,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 +58139,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 +58153,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 +58162,7 @@ function ResourceDiscoveryPage({
           showLineNumbers
         }
       ),
-      /* @__PURE__ */ jsx89(
+      /* @__PURE__ */ jsx90(
         Toolbar,
         {
           context: "simple",
@@ -58070,11 +58214,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 +58343,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 +58380,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 +58589,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 +58608,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 +58622,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 +58647,7 @@ function ResourceViewerPage({
                   referencedByLoading,
                   resourceId: rUri,
                   locale,
+                  sourceLanguage: getLanguage(resource),
                   scrollToAnnotationId,
                   hoveredAnnotationId,
                   onScrollCompleted,
@@ -58395,7 +58657,7 @@ function ResourceViewerPage({
                   routes
                 }
               ),
-              activePanel === "history" && /* @__PURE__ */ jsx90(
+              activePanel === "history" && /* @__PURE__ */ jsx91(
                 AnnotationHistory,
                 {
                   rUri,
@@ -58406,7 +58668,7 @@ function ResourceViewerPage({
                   routes
                 }
               ),
-              activePanel === "info" && /* @__PURE__ */ jsx90(
+              activePanel === "info" && /* @__PURE__ */ jsx91(
                 ResourceInfoPanel,
                 {
                   resourceId: rUri,
@@ -58424,7 +58686,7 @@ function ResourceViewerPage({
                   generator: resource.generator
                 }
               ),
-              activePanel === "collaboration" && /* @__PURE__ */ jsx90(
+              activePanel === "collaboration" && /* @__PURE__ */ jsx91(
                 CollaborationPanel,
                 {
                   state: streamStatus,
@@ -58432,11 +58694,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 +58708,7 @@ function ResourceViewerPage({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx90(
+    /* @__PURE__ */ jsx91(
       ReferenceWizardModal,
       {
         isOpen: wizardOpen,
@@ -58505,24 +58767,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 +59234,7 @@ export {
   BrowseView,
   Button,
   ButtonGroup,
-  COMMON_PANELS11 as COMMON_PANELS,
+  COMMON_PANELS,
   CodeMirrorRenderer,
   CollaborationPanel,
   CollapsibleResourceNavigation,
@@ -58625,6 +59315,7 @@ export {
   TranslationProvider,
   UnifiedAnnotationsPanel,
   UnifiedHeader,
+  UploadProgressBar,
   UserMenuSkeleton,
   WebBrowserStorage,
   WelcomePage,
@@ -58633,26 +59324,24 @@ 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,
@@ -58708,10 +59397,10 @@ export {
   useSearchAnnouncements,
   useSemiont,
   useSessionExpiry,
-  useShellVM,
+  useShellStateUnit,
+  useStateUnit,
   useTheme,
   useToast,
-  useTranslations,
-  useViewModel
+  useTranslations
 };
 //# sourceMappingURL=index.mjs.map