@semiont/react-ui 0.5.5 → 0.5.7

package/dist/index.js

@@ -124,7 +124,7 @@ import {
   useSemiont,
   useToast,
   useTranslations
-} from "./chunk-3Q3TUKWP.js";
+} from "./chunk-Y2EEAOMZ.js";
 import "./chunk-GERSK2DY.js";
 import {
   __commonJS,
@@ -1875,11 +1875,11 @@ var ChangeDesc = class _ChangeDesc {
   provides the position of the range in the old document, `posB`
   the new position in the changed document.
   */
-  iterGaps(f10) {
+  iterGaps(f11) {
     for (let i12 = 0, posA = 0, posB = 0; i12 < this.sections.length; ) {
       let len = this.sections[i12++], ins = this.sections[i12++];
       if (ins < 0) {
-        f10(posA, posB, len);
+        f11(posA, posB, len);
         posB += len;
       } else {
         posB += ins;
@@ -1899,8 +1899,8 @@ var ChangeDesc = class _ChangeDesc {
   separate for [position mapping](https://codemirror.net/6/docs/ref/#state.ChangeDesc.mapPos)) are
   reported separately.
   */
-  iterChangedRanges(f10, individual = false) {
-    iterChanges(this, f10, individual);
+  iterChangedRanges(f11, individual = false) {
+    iterChanges(this, f11, individual);
   }
   /**
   Get a description of the inverted form of these changes.
@@ -2075,8 +2075,8 @@ var ChangeSet = class _ChangeSet extends ChangeDesc {
   When `individual` is true, adjacent changes are reported
   separately.
   */
-  iterChanges(f10, individual = false) {
-    iterChanges(this, f10, individual);
+  iterChanges(f11, individual = false) {
+    iterChanges(this, f11, individual);
   }
   /**
   Get a [change description](https://codemirror.net/6/docs/ref/#state.ChangeDesc) for this change
@@ -2249,7 +2249,7 @@ function addInsert(values2, sections, value) {
     values2.push(value);
   }
 }
-function iterChanges(desc, f10, individual) {
+function iterChanges(desc, f11, individual) {
   let inserted = desc.inserted;
   for (let posA = 0, posB = 0, i12 = 0; i12 < desc.sections.length; ) {
     let len = desc.sections[i12++], ins = desc.sections[i12++];
@@ -2268,7 +2268,7 @@ function iterChanges(desc, f10, individual) {
         len = desc.sections[i12++];
         ins = desc.sections[i12++];
       }
-      f10(posA, endA, posB, endB, text7);
+      f11(posA, endA, posB, endB, text7);
       posA = endA;
       posB = endB;
     }
@@ -3040,7 +3040,7 @@ var Configuration = class _Configuration {
         dynamicSlots.push((a15) => dynamicFacetSlot(a15, facet, providers));
       }
     }
-    let dynamic = dynamicSlots.map((f10) => f10(address));
+    let dynamic = dynamicSlots.map((f11) => f11(address));
     return new _Configuration(base2, newCompartments, dynamic, address, staticValues, facets);
   }
 };
@@ -3542,13 +3542,13 @@ var EditorState = class _EditorState {
   spec](https://codemirror.net/6/docs/ref/#state.TransactionSpec), which can be passed to
   [`update`](https://codemirror.net/6/docs/ref/#state.EditorState.update).
   */
-  changeByRange(f10) {
+  changeByRange(f11) {
     let sel = this.selection;
-    let result1 = f10(sel.ranges[0]);
+    let result1 = f11(sel.ranges[0]);
     let changes = this.changes(result1.changes), ranges = [result1.range];
     let effects = asArray(result1.effects);
     for (let i12 = 1; i12 < sel.ranges.length; i12++) {
-      let result = f10(sel.ranges[i12]);
+      let result = f11(sel.ranges[i12]);
       let newChanges = this.changes(result.changes), newMapped = newChanges.map(changes);
       for (let j7 = 0; j7 < i12; j7++)
         ranges[j7] = ranges[j7].map(newMapped);
@@ -3774,7 +3774,7 @@ EditorState.readOnly = readOnly;
 EditorState.phrases = /* @__PURE__ */ Facet.define({
   compare(a15, b8) {
     let kA = Object.keys(a15), kB = Object.keys(b8);
-    return kA.length == kB.length && kA.every((k5) => a15[k5] == b8[k5]);
+    return kA.length == kB.length && kA.every((k6) => a15[k6] == b8[k6]);
   }
 });
 EditorState.languageData = languageData;
@@ -3867,9 +3867,9 @@ var Chunk = class _Chunk {
         lo = mid + 1;
     }
   }
-  between(offset, from, to, f10) {
+  between(offset, from, to, f11) {
     for (let i12 = this.findIndex(from, -1e9, true), e6 = this.findIndex(to, 1e9, false, i12); i12 < e6; i12++)
-      if (f10(this.from[i12] + offset, this.to[i12] + offset, this.value[i12]) === false)
+      if (f11(this.from[i12] + offset, this.to[i12] + offset, this.value[i12]) === false)
         return false;
   }
   map(offset, changes) {
@@ -4011,15 +4011,15 @@ var RangeSet = class _RangeSet {
   be reported in any specific order. When the callback returns
   `false`, iteration stops.
   */
-  between(from, to, f10) {
+  between(from, to, f11) {
     if (this.isEmpty)
       return;
     for (let i12 = 0; i12 < this.chunk.length; i12++) {
       let start2 = this.chunkPos[i12], chunk = this.chunk[i12];
-      if (to >= start2 && from <= start2 + chunk.length && chunk.between(start2, from - start2, to - start2, f10) === false)
+      if (to >= start2 && from <= start2 + chunk.length && chunk.between(start2, from - start2, to - start2, f11) === false)
         return;
     }
-    this.nextLayer.between(from, to, f10);
+    this.nextLayer.between(from, to, f11);
   }
   /**
   Iterate over the ranges in this set, in order, including all
@@ -4703,8 +4703,8 @@ var StyleSet = class {
       }
       if (index2 == -1) {
         this.modules.splice(j7++, 0, mod);
-        if (sheet) for (let k5 = 0; k5 < mod.rules.length; k5++)
-          sheet.insertRule(mod.rules[k5], pos++);
+        if (sheet) for (let k6 = 0; k6 < mod.rules.length; k6++)
+          sheet.insertRule(mod.rules[k6], pos++);
       } else {
         while (j7 < index2) pos += this.modules[j7++].rules.length;
         pos += mod.rules.length;
@@ -5094,8 +5094,8 @@ var Decoration = class extends RangeValue {
   decorated range or ranges. If the ranges aren't already sorted,
   pass `true` for `sort` to make the library sort them for you.
   */
-  static set(of, sort = false) {
-    return RangeSet.of(of, sort);
+  static set(of2, sort = false) {
+    return RangeSet.of(of2, sort);
   }
   /**
   @internal
@@ -5182,10 +5182,11 @@ function addRange(from, to, ranges, margin = 0) {
     ranges.push(from, to);
 }
 var BlockWrapper = class _BlockWrapper extends RangeValue {
-  constructor(tagName, attributes) {
+  constructor(tagName, attributes, rank) {
     super();
     this.tagName = tagName;
     this.attributes = attributes;
+    this.rank = rank;
   }
   eq(other) {
     return other == this || other instanceof _BlockWrapper && this.tagName == other.tagName && attrsEq(this.attributes, other.attributes);
@@ -5195,13 +5196,13 @@ var BlockWrapper = class _BlockWrapper extends RangeValue {
   attributes.
   */
   static create(spec) {
-    return new _BlockWrapper(spec.tagName, spec.attributes || noAttrs);
+    return new _BlockWrapper(spec.tagName, spec.attributes || noAttrs, spec.rank == null ? 50 : Math.max(0, Math.min(spec.rank, 100)));
   }
   /**
   Create a range set from the given block wrapper ranges.
   */
-  static set(of, sort = false) {
-    return RangeSet.of(of, sort);
+  static set(of2, sort = false) {
+    return RangeSet.of(of2, sort);
   }
 };
 BlockWrapper.prototype.startSide = BlockWrapper.prototype.endSide = -1;
@@ -5327,11 +5328,11 @@ function scrollRectIntoView(dom, rect, side, x8, y4, xMargin, yMargin, ltr) {
       }
       let moveX = 0, moveY = 0;
       if (y4 == "nearest") {
-        if (rect.top < bounding.top) {
+        if (rect.top < bounding.top + yMargin) {
           moveY = rect.top - (bounding.top + yMargin);
           if (side > 0 && rect.bottom > bounding.bottom + moveY)
             moveY = rect.bottom - bounding.bottom + yMargin;
-        } else if (rect.bottom > bounding.bottom) {
+        } else if (rect.bottom > bounding.bottom - yMargin) {
           moveY = rect.bottom - bounding.bottom + yMargin;
           if (side < 0 && rect.top - moveY < bounding.top)
             moveY = rect.top - (bounding.top + yMargin);
@@ -5342,11 +5343,11 @@ function scrollRectIntoView(dom, rect, side, x8, y4, xMargin, yMargin, ltr) {
         moveY = targetTop - bounding.top;
       }
       if (x8 == "nearest") {
-        if (rect.left < bounding.left) {
+        if (rect.left < bounding.left + xMargin) {
           moveX = rect.left - (bounding.left + xMargin);
           if (side > 0 && rect.right > bounding.right + moveX)
             moveX = rect.right - bounding.right + xMargin;
-        } else if (rect.right > bounding.right) {
+        } else if (rect.right > bounding.right - xMargin) {
           moveX = rect.right - bounding.right + xMargin;
           if (side < 0 && rect.left < bounding.left + moveX)
             moveX = rect.left - (bounding.left + xMargin);
@@ -5954,7 +5955,7 @@ var nativeSelectionHidden = /* @__PURE__ */ Facet.define({
 });
 var scrollHandler = /* @__PURE__ */ Facet.define();
 var ScrollTarget = class _ScrollTarget {
-  constructor(range, y4 = "nearest", x8 = "nearest", yMargin = 5, xMargin = 5, isSnapshot = false) {
+  constructor(range, y4, x8, yMargin, xMargin, isSnapshot = false) {
     this.range = range;
     this.y = y4;
     this.x = x8;
@@ -6459,7 +6460,7 @@ var DocTile = class extends CompositeTile {
       dom = dom.parentNode;
     }
   }
-  blockTiles(f10) {
+  blockTiles(f11) {
     for (let stack = [], cur = this, i12 = 0, pos = 0; ; ) {
       if (i12 == cur.children.length) {
         if (!stack.length)
@@ -6476,7 +6477,7 @@ var DocTile = class extends CompositeTile {
           i12 = 0;
         } else {
           let end = pos + next.length;
-          let result = f10(next, pos);
+          let result = f11(next, pos);
           if (result !== void 0)
             return result;
           pos = end + next.breakAfter;
@@ -6914,6 +6915,7 @@ var TileBuilder = class {
       );
     let text7 = new TextTile(composition.text, composition.text.nodeValue);
     text7.flags |= 8;
+    this.pos = composition.range.toB;
     head.append(text7);
   }
   addInlineWidget(widget, marks2, openStart) {
@@ -7018,7 +7020,8 @@ var TileBuilder = class {
         this.wrappers.splice(i12, 1);
     for (let cur = this.blockWrappers; cur.value && cur.from <= this.pos; cur.next())
       if (cur.to >= this.pos) {
-        let wrap3 = new OpenWrapper(cur.from, cur.to, cur.value, cur.rank), i12 = this.wrappers.length;
+        let rank = cur.rank * 102 + cur.value.rank;
+        let wrap3 = new OpenWrapper(cur.from, cur.to, cur.value, rank), i12 = this.wrappers.length;
         while (i12 > 0 && (this.wrappers[i12 - 1].rank - wrap3.rank || this.wrappers[i12 - 1].to - wrap3.to) < 0)
           i12--;
         this.wrappers.splice(i12, 0, wrap3);
@@ -8312,7 +8315,7 @@ function skipAtomsForSelection(atoms, sel) {
   return ranges ? EditorSelection.create(ranges, sel.mainIndex) : sel;
 }
 function skipAtoms(view, oldPos, pos) {
-  let newPos = skipAtomicRanges(view.state.facet(atomicRanges).map((f10) => f10(view)), pos.from, oldPos.head > pos.from ? -1 : 1);
+  let newPos = skipAtomicRanges(view.state.facet(atomicRanges).map((f11) => f11(view)), pos.from, oldPos.head > pos.from ? -1 : 1);
   return newPos == pos.from ? pos : EditorSelection.cursor(newPos, newPos < pos.from ? 1 : -1);
 }
 var PosAssoc = class {
@@ -8395,7 +8398,7 @@ var InlineCoordsScan = class {
   // (including the position after the last piece). For a text tile,
   // these will be character clusters, for a composite tile, these
   // will be child tiles.
-  scan(positions, getRects) {
+  scan(positions, getRects, recursed = false) {
     let lo = 0, hi = positions.length - 1, seen = /* @__PURE__ */ new Set();
     let bidi = this.bidiIn(positions[0], positions[hi]);
     let above, below;
@@ -8450,7 +8453,18 @@ var InlineCoordsScan = class {
     if (!closestRect) {
       let side = above && (!below || this.y - above.bottom < below.top - this.y) ? above : below;
       this.y = (side.top + side.bottom) / 2;
-      return this.scan(positions, getRects);
+      return this.scan(positions, getRects, true);
+    }
+    if (closestDx && !recursed) {
+      let { top: top2, bottom } = closestRect;
+      if (above && above.bottom > (top2 + top2 + bottom) / 3) {
+        this.y = above.bottom - 1;
+        return this.scan(positions, getRects, true);
+      }
+      if (below && below.top < (top2 + bottom + bottom) / 3) {
+        this.y = below.top + 1;
+        return this.scan(positions, getRects, true);
+      }
     }
     let ltr = (bidi ? this.dirAt(positions[closestI], 1) : this.baseDir) == Direction.LTR;
     return {
@@ -8754,7 +8768,7 @@ function applyDOMChange(view, domChange) {
         scrollIntoView2 = true;
       userEvent = view.inputState.lastSelectionOrigin;
       if (userEvent == "select.pointer")
-        newSel = skipAtomsForSelection(state.facet(atomicRanges).map((f10) => f10(view)), newSel);
+        newSel = skipAtomsForSelection(state.facet(atomicRanges).map((f11) => f11(view)), newSel);
     }
     view.dispatch({ selection: newSel, scrollIntoView: scrollIntoView2, userEvent });
     return true;
@@ -8783,7 +8797,7 @@ function applyDefaultInsert(view, change, newSel) {
   let tr, startState = view.state, sel = startState.selection.main, inAtomic = -1;
   if (change.from == change.to && change.from < sel.from || change.from > sel.to) {
     let side = change.from < sel.from ? -1 : 1, pos = side < 0 ? sel.from : sel.to;
-    let moved = skipAtomicRanges(startState.facet(atomicRanges).map((f10) => f10(view)), pos, side);
+    let moved = skipAtomicRanges(startState.facet(atomicRanges).map((f11) => f11(view)), pos, side);
     if (change.from == moved)
       inAtomic = moved;
   }
@@ -9053,15 +9067,15 @@ function computeHandlers(plugins) {
     let spec = plugin.spec, handlers3 = spec && spec.plugin.domEventHandlers, observers2 = spec && spec.plugin.domEventObservers;
     if (handlers3)
       for (let type in handlers3) {
-        let f10 = handlers3[type];
-        if (f10)
-          record(type).handlers.push(bindHandler(plugin.value, f10));
+        let f11 = handlers3[type];
+        if (f11)
+          record(type).handlers.push(bindHandler(plugin.value, f11));
       }
     if (observers2)
       for (let type in observers2) {
-        let f10 = observers2[type];
-        if (f10)
-          record(type).observers.push(bindHandler(plugin.value, f10));
+        let f11 = observers2[type];
+        if (f11)
+          record(type).observers.push(bindHandler(plugin.value, f11));
       }
   }
   for (let type in handlers)
@@ -9095,7 +9109,7 @@ var MouseSelection = class {
     this.scrolling = -1;
     this.lastEvent = startEvent;
     this.scrollParents = scrollableParents(view.contentDOM);
-    this.atoms = view.state.facet(atomicRanges).map((f10) => f10(view));
+    this.atoms = view.state.facet(atomicRanges).map((f11) => f11(view));
     let doc2 = view.contentDOM.ownerDocument;
     doc2.addEventListener("mousemove", this.move = this.move.bind(this));
     doc2.addEventListener("mouseup", this.up = this.up.bind(this));
@@ -9699,7 +9713,7 @@ var HeightOracle = class {
   }
   refresh(whiteSpace, lineHeight, charWidth, textHeight, lineLength, knownHeights) {
     let lineWrapping = wrappingWhiteSpace.indexOf(whiteSpace) > -1;
-    let changed = Math.abs(lineHeight - this.lineHeight) > 0.3 || this.lineWrapping != lineWrapping || Math.abs(charWidth - this.charWidth) > 0.1;
+    let changed = Math.abs(lineHeight - this.lineHeight) > 0.3 || this.lineWrapping != lineWrapping;
     this.lineWrapping = lineWrapping;
     this.lineHeight = lineHeight;
     this.charWidth = charWidth;
@@ -9919,9 +9933,9 @@ var HeightMapBlock = class extends HeightMap {
     let main = this.mainBlock(top2, offset);
     return this.spaceAbove ? this.blockAt(0, oracle, top2, offset).join(main) : main;
   }
-  forEachLine(from, to, oracle, top2, offset, f10) {
+  forEachLine(from, to, oracle, top2, offset, f11) {
     if (from <= offset + this.length && to >= offset)
-      f10(this.lineAt(0, QueryType.ByPos, oracle, top2, offset));
+      f11(this.lineAt(0, QueryType.ByPos, oracle, top2, offset));
   }
   setMeasuredHeight(measured) {
     let next = measured.heights[measured.index++];
@@ -10026,7 +10040,7 @@ var HeightMapGap = class _HeightMapGap extends HeightMap {
     let lineTop = top2 + perLine * linesAbove + perChar * (line.from - offset - linesAbove);
     return new BlockInfo(line.from, line.length, Math.max(top2, Math.min(lineTop, top2 + this.height - lineHeight)), lineHeight, 0);
   }
-  forEachLine(from, to, oracle, top2, offset, f10) {
+  forEachLine(from, to, oracle, top2, offset, f11) {
     from = Math.max(from, offset);
     to = Math.min(to, offset + this.length);
     let { firstLine, perLine, perChar } = this.heightMetrics(oracle, offset);
@@ -10037,7 +10051,7 @@ var HeightMapGap = class _HeightMapGap extends HeightMap {
         lineTop += perLine * linesAbove + perChar * (from - offset - linesAbove);
       }
       let lineHeight = perLine + perChar * line.length;
-      f10(new BlockInfo(line.from, line.length, lineTop, lineHeight, 0));
+      f11(new BlockInfo(line.from, line.length, lineTop, lineHeight, 0));
       lineTop += lineHeight;
       pos = line.to + 1;
     }
@@ -10132,21 +10146,21 @@ var HeightMapBranch = class extends HeightMap {
     else
       return this.left.lineAt(rightOffset, subQuery, oracle, top2, offset).join(base2);
   }
-  forEachLine(from, to, oracle, top2, offset, f10) {
+  forEachLine(from, to, oracle, top2, offset, f11) {
     let rightTop = top2 + this.left.height, rightOffset = offset + this.left.length + this.break;
     if (this.break) {
       if (from < rightOffset)
-        this.left.forEachLine(from, to, oracle, top2, offset, f10);
+        this.left.forEachLine(from, to, oracle, top2, offset, f11);
       if (to >= rightOffset)
-        this.right.forEachLine(from, to, oracle, rightTop, rightOffset, f10);
+        this.right.forEachLine(from, to, oracle, rightTop, rightOffset, f11);
     } else {
       let mid = this.lineAt(rightOffset, QueryType.ByPos, oracle, top2, offset);
       if (from < mid.from)
-        this.left.forEachLine(from, mid.from - 1, oracle, top2, offset, f10);
+        this.left.forEachLine(from, mid.from - 1, oracle, top2, offset, f11);
       if (mid.to >= from && mid.from <= to)
-        f10(mid);
+        f11(mid);
       if (to > mid.to)
-        this.right.forEachLine(mid.to + 1, to, oracle, rightTop, rightOffset, f10);
+        this.right.forEachLine(mid.to + 1, to, oracle, rightTop, rightOffset, f11);
     }
   }
   replace(from, to, nodes) {
@@ -10928,9 +10942,9 @@ function findFraction(structure, pos) {
   }
   return counted / structure.total;
 }
-function find(array, f10) {
+function find(array, f11) {
   for (let val of array)
-    if (f10(val))
+    if (f11(val))
       return val;
   return void 0;
 }
@@ -11058,7 +11072,7 @@ var baseTheme$1 = /* @__PURE__ */ buildTheme("." + baseThemeID, {
     display: "block",
     whiteSpace: "pre",
     wordWrap: "normal",
-    // https://github.com/codemirror/dev/issues/456
+    // Issue #456
     boxSizing: "border-box",
     minHeight: "100%",
     padding: "4px 0",
@@ -11503,12 +11517,12 @@ var DOMObserver = class {
         dom.addEventListener("scroll", this.onScroll);
     }
   }
-  ignore(f10) {
+  ignore(f11) {
     if (!this.active)
-      return f10();
+      return f11();
     try {
       this.stop();
-      return f10();
+      return f11();
     } finally {
       this.start();
       this.clear();
@@ -12125,7 +12139,8 @@ var EditorView = class _EditorView {
           scrollTarget = scrollTarget.map(tr.changes);
         if (tr.scrollIntoView) {
           let { main } = tr.state.selection;
-          scrollTarget = new ScrollTarget(main.empty ? main : EditorSelection.cursor(main.head, main.head > main.anchor ? -1 : 1));
+          let { x: x8, y: y4 } = this.state.facet(_EditorView.cursorScrollMargin);
+          scrollTarget = new ScrollTarget(main.empty ? main : EditorSelection.cursor(main.head, main.head > main.anchor ? -1 : 1), "nearest", "nearest", y4, x8);
         }
         for (let e6 of tr.effects)
           if (e6.is(scrollIntoView))
@@ -12769,7 +12784,8 @@ var EditorView = class _EditorView {
   cause it to scroll the given position or range into view.
   */
   static scrollIntoView(pos, options = {}) {
-    return scrollIntoView.of(new ScrollTarget(typeof pos == "number" ? EditorSelection.cursor(pos) : pos, options.y, options.x, options.yMargin, options.xMargin));
+    var _a2, _b, _c, _d;
+    return scrollIntoView.of(new ScrollTarget(typeof pos == "number" ? EditorSelection.cursor(pos) : pos, (_a2 = options.y) !== null && _a2 !== void 0 ? _a2 : "nearest", (_b = options.x) !== null && _b !== void 0 ? _b : "nearest", (_c = options.yMargin) !== null && _c !== void 0 ? _c : 5, (_d = options.xMargin) !== null && _d !== void 0 ? _d : 5));
   }
   /**
   Return an effect that resets the editor to its current (at the
@@ -12835,7 +12851,7 @@ var EditorView = class _EditorView {
   }
   /**
   Create a theme extension. The first argument can be a
-  [`style-mod`](https://github.com/marijnh/style-mod#documentation)
+  [`style-mod`](https://code.haverbeke.berlin/marijn/style-mod#documentation)
   style spec providing the styles for the theme. These will be
   prefixed with a generated class for the style.
   
@@ -12897,6 +12913,18 @@ EditorView.blockWrappers = blockWrappers;
 EditorView.outerDecorations = outerDecorations;
 EditorView.atomicRanges = atomicRanges;
 EditorView.bidiIsolatedRanges = bidiIsolatedRanges;
+EditorView.cursorScrollMargin = /* @__PURE__ */ Facet.define({
+  combine: (inputs) => {
+    let x8 = 5, y4 = 5;
+    for (let i12 of inputs) {
+      if (typeof i12 == "number")
+        x8 = y4 = i12;
+      else
+        ({ x: x8, y: y4 } = i12);
+    }
+    return { x: x8, y: y4 };
+  }
+});
 EditorView.scrollMargins = scrollMargins;
 EditorView.darkTheme = darkTheme;
 EditorView.cspNonce = /* @__PURE__ */ Facet.define({ combine: (values2) => values2.length ? values2[0] : "" });
@@ -13010,7 +13038,7 @@ function buildKeymap(bindings, platform = currentPlatform) {
   let add2 = (scope, key, command, preventDefault2, stopPropagation2) => {
     var _a2, _b;
     let scopeObj = bound[scope] || (bound[scope] = /* @__PURE__ */ Object.create(null));
-    let parts = key.split(/ (?!$)/).map((k5) => normalizeKeyName(k5, platform));
+    let parts = key.split(/ (?!$)/).map((k6) => normalizeKeyName(k6, platform));
     for (let i12 = 1; i12 < parts.length; i12++) {
       let prefix = parts.slice(0, i12).join(" ");
       checkPrefix(prefix, true);
@@ -15208,9 +15236,9 @@ var TreeFragment = class _TreeFragment {
   */
   static addTree(tree, fragments = [], partial = false) {
     let result = [new _TreeFragment(0, tree.length, tree, 0, false, partial)];
-    for (let f10 of fragments)
-      if (f10.to > tree.length)
-        result.push(f10);
+    for (let f11 of fragments)
+      if (f11.to > tree.length)
+        result.push(f11);
     return result;
   }
   /**
@@ -15517,8 +15545,12 @@ var StructureCursor = class {
     let { cursor: cursor2 } = this, p6 = pos - this.offset;
     while (!this.done && cursor2.from < p6) {
       if (cursor2.to >= pos && cursor2.enter(p6, 1, IterMode.IgnoreOverlays | IterMode.ExcludeBuffers)) ;
-      else if (!cursor2.next(false))
-        this.done = true;
+      else if (cursor2.to <= pos) {
+        if (!cursor2.next(false))
+          this.done = true;
+      } else {
+        break;
+      }
     }
   }
   hasNode(cursor2) {
@@ -16646,11 +16678,11 @@ var ParseContext = class _ParseContext {
       this.parse = null;
     }
   }
-  withContext(f10) {
+  withContext(f11) {
     let prev = currentContext;
     currentContext = this;
     try {
-      return f10();
+      return f11();
     } finally {
       currentContext = prev;
     }
@@ -17359,6 +17391,9 @@ var ReferenceResolutionWidget = class extends WidgetType {
     this.targetDocumentName = targetDocumentName;
     this.isGenerating = isGenerating;
   }
+  annotation;
+  targetDocumentName;
+  isGenerating;
   eq(other) {
     const thisSource = getBodySource(this.annotation.body);
     const otherSource = getBodySource(other.annotation.body);
@@ -17483,12 +17518,12 @@ function hideWidgetPreview(container) {
 }
 
 // src/lib/media-shapes.ts
-import { isPdfMimeType } from "@semiont/core";
+import { capabilitiesOf } from "@semiont/core";
 function getSupportedShapes(mediaType) {
   if (!mediaType) {
     return ["rectangle", "circle", "polygon"];
   }
-  if (isPdfMimeType(mediaType)) {
+  if (capabilitiesOf(mediaType)?.render === "pdf") {
     return ["rectangle"];
   }
   if (mediaType.startsWith("image/")) {
@@ -17503,7 +17538,7 @@ function getSelectorType(mediaType) {
   if (!mediaType) {
     return "text";
   }
-  if (isPdfMimeType(mediaType)) {
+  if (capabilitiesOf(mediaType)?.render === "pdf") {
     return "fragment";
   }
   if (mediaType.startsWith("image/")) {
@@ -17533,7 +17568,7 @@ function saveSelectedShapeForSelectorType(selectorType, shape) {
 }
 
 // src/index.ts
-import { createSearchPipeline as createSearchPipeline4 } from "@semiont/sdk";
+import { createSearchPipeline as createSearchPipeline3 } from "@semiont/sdk";
 
 // src/lib/annotation-overlay.ts
 import { getTextPositionSelector, getTargetSelector, getExactText, getBodySource as getBodySource2 } from "@semiont/core";
@@ -17686,27 +17721,23 @@ function toOverlayAnnotations(annotations) {
 }
 
 // src/lib/resource-utils.ts
+import { baseMediaType, capabilitiesOf as capabilitiesOf2 } from "@semiont/core";
 function getResourceIcon(mediaType) {
   if (!mediaType) return "\u{1F4C4}";
-  const baseType = mediaType.split(";")[0]?.trim().toLowerCase() || "";
-  if (baseType.startsWith("image/")) {
-    return "\u{1F5BC}\uFE0F";
-  }
-  switch (baseType) {
+  const base2 = baseMediaType(mediaType);
+  if (base2.startsWith("image/")) return "\u{1F5BC}\uFE0F";
+  switch (base2) {
     case "text/markdown":
       return "\u{1F4DD}";
     case "text/html":
       return "\u{1F310}";
-    case "text/plain":
-      return "\u{1F4C4}";
     default:
       return "\u{1F4C4}";
   }
 }
 function supportsDetection(mediaType) {
   if (!mediaType) return false;
-  const baseType = mediaType.split(";")[0]?.trim().toLowerCase() || "";
-  return baseType.startsWith("text/");
+  return capabilitiesOf2(mediaType)?.anchoring === "text-selector";
 }
 
 // src/lib/validation.ts
@@ -18462,11 +18493,9 @@ function useResourceContent(rUri, resource, enabled = true) {
     if (!semiont || !enabled || !mediaType) return;
     let cancelled = false;
     setLoading(true);
-    semiont.browse.resourceRepresentation(rUri, {
-      accept: mediaType
-    }).then(({ data: data2 }) => {
+    semiont.browse.resourceRepresentation(rUri).then(({ data: data2, contentType }) => {
       if (cancelled) return;
-      setContent(decodeWithCharset(data2, mediaType));
+      setContent(decodeWithCharset(data2, contentType));
       setLoading(false);
     }).catch((error) => {
       if (cancelled) return;
@@ -18947,7 +18976,8 @@ var baseTheme2 = /* @__PURE__ */ EditorView.baseTheme({
     content: '"\xB7\xB7\xB7"',
     opacity: 0.5,
     display: "block",
-    textAlign: "center"
+    textAlign: "center",
+    cursor: "pointer"
   },
   ".cm-tooltip.cm-completionInfo": {
     position: "absolute",
@@ -19070,6 +19100,8 @@ var Snippet = class _Snippet {
     for (let line of template.split(/\r\n?|\n/)) {
       while (m6 = /[#$]\{(?:(\d+)(?::([^{}]*))?|((?:\\[{}]|[^{}])*))\}/.exec(line)) {
         let seq = m6[1] ? +m6[1] : null, rawName = m6[2] || m6[3] || "", found = -1;
+        if (seq === 0)
+          seq = 1e9;
         let name3 = rawName.replace(/\\[{}]/g, (m7) => m7[1]);
         for (let i12 = 0; i12 < fields.length; i12++) {
           if (seq != null ? fields[i12].seq == seq : name3 ? fields[i12].name == name3 : false)
@@ -19161,7 +19193,7 @@ var snippetState = /* @__PURE__ */ StateField.define({
       value = null;
     return value;
   },
-  provide: (f10) => EditorView.decorations.from(f10, (val) => val ? val.deco : Decoration.none)
+  provide: (f11) => EditorView.decorations.from(f11, (val) => val ? val.deco : Decoration.none)
 });
 function fieldSelection(ranges, field) {
   return EditorSelection.create(ranges.filter((r14) => r14.field == field).map((r14) => EditorSelection.range(r14.from, r14.to)));
@@ -20795,10 +20827,10 @@ var InlineContext = class {
       }
       if (open.type.mark)
         content4.push(this.elt(open.type.mark, start2, open.to));
-      for (let k5 = j7 + 1; k5 < i12; k5++) {
-        if (this.parts[k5] instanceof Element2)
-          content4.push(this.parts[k5]);
-        this.parts[k5] = null;
+      for (let k6 = j7 + 1; k6 < i12; k6++) {
+        if (this.parts[k6] instanceof Element2)
+          content4.push(this.parts[k6]);
+        this.parts[k6] = null;
       }
       if (close.type.mark)
         content4.push(this.elt(close.type.mark, close.from, end));
@@ -21116,7 +21148,7 @@ var TableParser = class {
       let lineText;
       if ((line.next == 45 || line.next == 58 || line.next == 124) && delimiterLine.test(lineText = line.text.slice(line.pos))) {
         let firstRow = [], firstCount = parseRow(cx, leaf.content, 0, firstRow, leaf.start);
-        if (firstCount == parseRow(cx, lineText, line.pos))
+        if (firstCount == parseRow(cx, lineText, 0))
           this.rows = [
             cx.elt("TableHeader", leaf.start, leaf.start + leaf.content.length, firstRow),
             cx.elt("TableDelimiter", cx.lineStart + line.pos, cx.lineStart + line.text.length)
@@ -21184,8 +21216,8 @@ var TaskList = {
   }]
 };
 var autolinkRE = /(www\.)|(https?:\/\/)|([\w.+-]{1,100}@)|(mailto:|xmpp:)/gy;
-var urlRE = /[\w-]+(\.[\w-]+)+(\/[^\s<]*)?/gy;
-var lastTwoDomainWords = /[\w-]+\.[\w-]+($|\/)/;
+var urlRE = /[\w-]+(\.[\w-]+)+(:\d+)?(\/[^\s<]*)?/gy;
+var lastTwoDomainWords = /[\w-]+\.[\w-]+($|[/:])/;
 var emailRE = /[\w.+-]+@[\w-]+(\.[\w.-]+)+/gy;
 var xmppResourceRE = /\/[a-zA-Z\d@.]+/gy;
 function count(str, from, to, ch) {
@@ -21369,6 +21401,8 @@ var Stack = class _Stack {
     if (dPrec)
       this.score += dPrec;
     if (depth == 0) {
+      if (type < parser6.minRepeatTerm && this.reducePos < this.pos)
+        this.reducePos = this.pos;
       this.pushState(parser6.getGoto(this.state, type, true), this.reducePos);
       if (type < parser6.minRepeatTerm)
         this.storeNode(type, this.reducePos, this.reducePos, lookaheadRecord ? 8 : 4, true);
@@ -21376,7 +21410,10 @@ var Stack = class _Stack {
       return;
     }
     let base2 = this.stack.length - (depth - 1) * 3 - (action & 262144 ? 6 : 0);
-    let start2 = base2 ? this.stack[base2 - 2] : this.p.ranges[0].from, size = this.reducePos - start2;
+    let start2 = base2 ? this.stack[base2 - 2] : this.p.ranges[0].from;
+    if (type < parser6.minRepeatTerm && start2 == this.reducePos && this.reducePos < this.pos)
+      this.reducePos = this.pos;
+    let size = this.reducePos - start2;
     if (size >= 2e3 && !((_a2 = this.p.parser.nodeSet.types[type]) === null || _a2 === void 0 ? void 0 : _a2.isAnonymous)) {
       if (start2 == this.p.lastBigReductionStart) {
         this.p.bigReductionCount++;
@@ -21412,16 +21449,12 @@ var Stack = class _Stack {
   */
   storeNode(term, start2, end, size = 4, mustSink = false) {
     if (term == 0 && (!this.stack.length || this.stack[this.stack.length - 1] < this.buffer.length + this.bufferBase)) {
-      let cur = this, top2 = this.buffer.length;
-      if (top2 == 0 && cur.parent) {
-        top2 = cur.bufferBase - cur.parent.bufferBase;
-        cur = cur.parent;
-      }
-      if (top2 > 0 && cur.buffer[top2 - 4] == 0 && cur.buffer[top2 - 1] > -1) {
+      let top2 = this.buffer.length;
+      if (top2 > 0 && this.buffer[top2 - 4] == 0 && this.buffer[top2 - 1] > -1) {
         if (start2 == end)
           return;
-        if (cur.buffer[top2 - 2] >= start2) {
-          cur.buffer[top2 - 2] = end;
+        if (this.buffer[top2 - 2] >= start2) {
+          this.buffer[top2 - 2] = end;
           return;
         }
       }
@@ -21525,6 +21558,8 @@ var Stack = class _Stack {
   split() {
     let parent = this;
     let off = parent.buffer.length;
+    if (off && parent.buffer[off - 4] == 0)
+      off -= 4;
     while (off > 0 && parent.buffer[off - 2] > parent.reducePos)
       off -= 4;
     let buffer = parent.buffer.slice(off), base2 = parent.bufferBase + off;
@@ -23410,12 +23445,12 @@ function configureNesting(tags3 = [], attributes = []) {
 }
 
 // ../../node_modules/@lezer/css/dist/index.js
-var descendantOp = 122;
+var descendantOp = 135;
 var Unit = 1;
-var identifier = 123;
-var callee = 124;
+var identifier = 136;
+var callee = 137;
 var VariableName = 2;
-var queryIdentifier = 125;
+var queryIdentifier = 138;
 var queryVariableName = 3;
 var QueryCallee = 4;
 var space2 = [
@@ -23493,10 +23528,12 @@ var identifierTokens = (id2, varName, callee2) => (input, stack) => {
   }
 };
 var identifiers = new ExternalTokenizer(
-  identifierTokens(identifier, VariableName, callee)
+  identifierTokens(identifier, VariableName, callee),
+  { contextual: true }
 );
 var queryIdentifiers = new ExternalTokenizer(
-  identifierTokens(queryIdentifier, queryVariableName, QueryCallee)
+  identifierTokens(queryIdentifier, queryVariableName, QueryCallee),
+  { contextual: true }
 );
 var descendant = new ExternalTokenizer((input) => {
   if (space2.includes(input.peek(-1))) {
@@ -23521,8 +23558,8 @@ var unitToken = new ExternalTokenizer((input) => {
   }
 });
 var cssHighlighting = styleTags({
-  "AtKeyword import charset namespace keyframes media supports": tags.definitionKeyword,
-  "from to selector": tags.keyword,
+  "AtKeyword import charset namespace keyframes media supports font-feature-values": tags.definitionKeyword,
+  "from to selector scope MatchFlag": tags.keyword,
   NamespaceName: tags.namespace,
   KeyframeName: tags.labelName,
   KeyframeRangeName: tags.operatorKeyword,
@@ -23535,7 +23572,7 @@ var cssHighlighting = styleTags({
   NumberLiteral: tags.number,
   KeywordQuery: tags.keyword,
   UnaryQueryOp: tags.operatorKeyword,
-  "CallTag ValueName": tags.atom,
+  "CallTag ValueName FontName": tags.atom,
   VariableName: tags.variableName,
   Callee: tags.operatorKeyword,
   Unit: tags.unit,
@@ -23549,37 +23586,37 @@ var cssHighlighting = styleTags({
   "ParenthesizedContent StringLiteral": tags.string,
   ":": tags.punctuation,
   "PseudoOp #": tags.derefOperator,
-  "; ,": tags.separator,
+  "; , |": tags.separator,
   "( )": tags.paren,
   "[ ]": tags.squareBracket,
   "{ }": tags.brace
 });
-var spec_callee = { __proto__: null, lang: 38, "nth-child": 38, "nth-last-child": 38, "nth-of-type": 38, "nth-last-of-type": 38, dir: 38, "host-context": 38, if: 84, url: 124, "url-prefix": 124, domain: 124, regexp: 124 };
-var spec_queryIdentifier = { __proto__: null, or: 98, and: 98, not: 106, only: 106, layer: 170 };
-var spec_QueryCallee = { __proto__: null, selector: 112, layer: 166 };
-var spec_AtKeyword = { __proto__: null, "@import": 162, "@media": 174, "@charset": 178, "@namespace": 182, "@keyframes": 188, "@supports": 200, "@scope": 204 };
-var spec_identifier = { __proto__: null, to: 207 };
+var spec_callee = { __proto__: null, lang: 44, "nth-child": 44, "nth-last-child": 44, "nth-of-type": 44, "nth-last-of-type": 44, dir: 44, "host-context": 44, if: 90, url: 132, "url-prefix": 132, domain: 132, regexp: 132 };
+var spec_queryIdentifier = { __proto__: null, or: 104, and: 104, not: 112, only: 112, layer: 186 };
+var spec_QueryCallee = { __proto__: null, selector: 118, layer: 182 };
+var spec_AtKeyword = { __proto__: null, "@import": 178, "@media": 190, "@charset": 194, "@namespace": 198, "@keyframes": 204, "@supports": 216, "@scope": 220, "@font-feature-values": 226 };
+var spec_identifier = { __proto__: null, to: 223 };
 var parser3 = LRParser.deserialize({
   version: 14,
-  states: "EbQYQdOOO#qQdOOP#xO`OOOOQP'#Cf'#CfOOQP'#Ce'#CeO#}QdO'#ChO$nQaO'#CcO$xQdO'#CkO%TQdO'#DpO%YQdO'#DrO%_QdO'#DuO%_QdO'#DxOOQP'#FV'#FVO&eQhO'#EhOOQS'#FU'#FUOOQS'#Ek'#EkQYQdOOO&lQdO'#EOO&PQhO'#EUO&lQdO'#EWO'aQdO'#EYO'lQdO'#E]O'tQhO'#EcO(VQdO'#EeO(bQaO'#CfO)VQ`O'#D{O)[Q`O'#F`O)gQdO'#F`QOQ`OOP)qO&jO'#CaPOOO)C@t)C@tOOQP'#Cj'#CjOOQP,59S,59SO#}QdO,59SO)|QdO,59VO%TQdO,5:[O%YQdO,5:^O%_QdO,5:aO%_QdO,5:cO%_QdO,5:dO%_QdO'#ErO*XQ`O,58}O*aQdO'#DzOOQS,58},58}OOQP'#Cn'#CnOOQO'#Dn'#DnOOQP,59V,59VO*hQ`O,59VO*mQ`O,59VOOQP'#Dq'#DqOOQP,5:[,5:[OOQO'#Ds'#DsO*rQpO,5:^O+]QaO,5:aO+sQaO,5:dOOQW'#DZ'#DZO,ZQhO'#DdO,xQhO'#FaO'tQhO'#DbO-WQ`O'#DhOOQW'#F['#F[O-]Q`O,5;SO-eQ`O'#DeOOQS-E8i-E8iOOQ['#Cs'#CsO-jQdO'#CtO.QQdO'#CzO.hQdO'#C}O/OQ!pO'#DPO1RQ!jO,5:jOOQO'#DU'#DUO*mQ`O'#DTO1cQ!nO'#FXO3`Q`O'#DVO3eQ`O'#DkOOQ['#FX'#FXO-`Q`O,5:pO3jQ!bO,5:rOOQS'#E['#E[O3rQ`O,5:tO3wQdO,5:tOOQO'#E_'#E_O4PQ`O,5:wO4UQhO,5:}O%_QdO'#DgOOQS,5;P,5;PO-eQ`O,5;PO4^QdO,5;PO4fQdO,5:gO4vQdO'#EtO5TQ`O,5;zO5TQ`O,5;zPOOO'#Ej'#EjP5`O&jO,58{POOO,58{,58{OOQP1G.n1G.nOOQP1G.q1G.qO*hQ`O1G.qO*mQ`O1G.qOOQP1G/v1G/vO5kQpO1G/xO5sQaO1G/{O6ZQaO1G/}O6qQaO1G0OO7XQaO,5;^OOQO-E8p-E8pOOQS1G.i1G.iO7cQ`O,5:fO7hQdO'#DoO7oQdO'#CrOOQP1G/x1G/xO&lQdO1G/xO7vQ!jO'#DZO8UQ!bO,59vO8^QhO,5:OOOQO'#F]'#F]O8XQ!bO,59zO'tQhO,59xO8fQhO'#EvO8sQ`O,5;{O9OQhO,59|O9uQhO'#DiOOQW,5:S,5:SOOQS1G0n1G0nOOQW,5:P,5:PO9|Q!fO'#FYOOQS'#FY'#FYOOQS'#Em'#EmO;^QdO,59`OOQ[,59`,59`O;tQdO,59fOOQ[,59f,59fO<[QdO,59iOOQ[,59i,59iOOQ[,59k,59kO&lQdO,59mO<rQhO'#EQOOQW'#EQ'#EQO=WQ`O1G0UO1[QhO1G0UOOQ[,59o,59oO'tQhO'#DXOOQ[,59q,59qO=]Q#tO,5:VOOQS1G0[1G0[OOQS1G0^1G0^OOQS1G0`1G0`O=hQ`O1G0`O=mQdO'#E`OOQS1G0c1G0cOOQS1G0i1G0iO=xQaO,5:RO-`Q`O1G0kOOQS1G0k1G0kO-eQ`O1G0kO>PQ!fO1G0ROOQO1G0R1G0ROOQO,5;`,5;`O>gQdO,5;`OOQO-E8r-E8rO>tQ`O1G1fPOOO-E8h-E8hPOOO1G.g1G.gOOQP7+$]7+$]OOQP7+%d7+%dO&lQdO7+%dOOQS1G0Q1G0QO?PQaO'#F_O?ZQ`O,5:ZO?`Q!fO'#ElO@^QdO'#FWO@hQ`O,59^O@mQ!bO7+%dO&lQdO1G/bO@uQhO1G/fOOQW1G/j1G/jOOQW1G/d1G/dOAWQhO,5;bOOQO-E8t-E8tOAfQhO'#DZOAtQhO'#F^OBPQ`O'#F^OBUQ`O,5:TOOQS-E8k-E8kOOQ[1G.z1G.zOOQ[1G/Q1G/QOOQ[1G/T1G/TOOQ[1G/X1G/XOBZQdO,5:lOOQS7+%p7+%pOB`Q`O7+%pOBeQhO'#DYOBmQ`O,59sO'tQhO,59sOOQ[1G/q1G/qOBuQ`O1G/qOOQS7+%z7+%zOBzQbO'#DPOOQO'#Eb'#EbOCYQ`O'#EaOOQO'#Ea'#EaOCeQ`O'#EwOCmQdO,5:zOOQS,5:z,5:zOOQ[1G/m1G/mOOQS7+&V7+&VO-`Q`O7+&VOCxQ!fO'#EsO&lQdO'#EsOEPQdO7+%mOOQO7+%m7+%mOOQO1G0z1G0zOEdQ!bO<<IOOElQdO'#EqOEvQ`O,5;yOOQP1G/u1G/uOOQS-E8j-E8jOFOQdO'#EpOFYQ`O,5;rOOQ]1G.x1G.xOOQP<<IO<<IOOFbQdO7+$|OOQO'#D]'#D]OFiQ!bO7+%QOFqQhO'#EoOF{Q`O,5;xO&lQdO,5;xOOQW1G/o1G/oOOQO'#ES'#ESOGTQ`O1G0WOOQS<<I[<<I[O&lQdO,59tOGnQhO1G/_OOQ[1G/_1G/_OGuQ`O1G/_OOQW-E8l-E8lOOQ[7+%]7+%]OOQO,5:{,5:{O=pQdO'#ExOCeQ`O,5;cOOQS,5;c,5;cOOQS-E8u-E8uOOQS1G0f1G0fOOQS<<Iq<<IqOG}Q!fO,5;_OOQS-E8q-E8qOOQO<<IX<<IXOOQPAN>jAN>jOIUQaO,5;]OOQO-E8o-E8oOI`QdO,5;[OOQO-E8n-E8nOOQW<<Hh<<HhOOQW<<Hl<<HlOIjQhO<<HlOI{QhO,5;ZOJWQ`O,5;ZOOQO-E8m-E8mOJ]QdO1G1dOBZQdO'#EuOJgQ`O7+%rOOQW7+%r7+%rOJoQ!bO1G/`OOQ[7+$y7+$yOJzQhO7+$yPKRQ`O'#EnOOQO,5;d,5;dOOQO-E8v-E8vOOQS1G0}1G0}OKWQ`OAN>WO&lQdO1G0uOK]Q`O7+'OOOQO,5;a,5;aOOQO-E8s-E8sOOQW<<I^<<I^OOQ[<<He<<HePOQW,5;Y,5;YOOQWG23rG23rOKeQdO7+&a",
-  stateData: "Kx~O#sOS#tQQ~OW[OZ[O]TO`VOaVOi]OjWOmXO!jYO!mZO!saO!ybO!{cO!}dO#QeO#WfO#YgO#oRO~OQiOW[OZ[O]TO`VOaVOi]OjWOmXO!jYO!mZO!saO!ybO!{cO!}dO#QeO#WfO#YgO#ohO~O#m$SP~P!dO#tmO~O#ooO~O]qO`rOarOjsOmtO!juO!mwO#nvO~OpzO!^xO~P$SOc!QO#o|O#p}O~O#o!RO~O#o!TO~OW[OZ[O]TO`VOaVOjWOmXO!jYO!mZO#oRO~OS!]Oe!YO!V![O!Y!`O#q!XOp$TP~Ok$TP~P&POQ!jOe!cOm!dOp!eOr!mOt!mOz!kO!`!lO#o!bO#p!hO#}!fO~Ot!qO!`!lO#o!pO~Ot!sO#o!sO~OS!]Oe!YO!V![O!Y!`O#q!XO~Oe!vOpzO#Z!xO~O]YX`YX`!pXaYXjYXmYXpYX!^YX!jYX!mYX#nYX~O`!zO~Ok!{O#m$SXo$SX~O#m$SXo$SX~P!dO#u#OO#v#OO#w#QO~Oc#UO#o|O#p}O~OpzO!^xO~Oo$SP~P!dOe#`O~Oe#aO~Ol#bO!h#cO~O]qO`rOarOjsOmtO~Op!ia!^!ia!j!ia!m!ia#n!iad!ia~P*zOp!la!^!la!j!la!m!la#n!lad!la~P*zOR#gOS!]Oe!YOr#gOt#gO!V![O!Y!`O#q#dO#}!fO~O!R#iO!^#jOk$TXp$TX~Oe#mO~Ok#oOpzO~Oe!vO~O]#rO`#rOd#uOi#rOj#rOk#rO~P&lO]#rO`#rOi#rOj#rOk#rOl#wO~P&lO]#rO`#rOi#rOj#rOk#rOo#yO~P&lOP#zOSsXesXksXvsX!VsX!YsX!usX!wsX#qsX!TsXQsX]sX`sXdsXisXjsXmsXpsXrsXtsXzsX!`sX#osX#psX#}sXlsXosX!^sX!qsX#msX~Ov#{O!u#|O!w#}Ok$TP~P'tOe#aOS#{Xk#{Xv#{X!V#{X!Y#{X!u#{X!w#{X#q#{XQ#{X]#{X`#{Xd#{Xi#{Xj#{Xm#{Xp#{Xr#{Xt#{Xz#{X!`#{X#o#{X#p#{X#}#{Xl#{Xo#{X!^#{X!q#{X#m#{X~Oe$RO~Oe$TO~Ok$VOv#{O~Ok$WO~Ot$XO!`!lO~Op$YO~OpzO!R#iO~OpzO#Z$`O~O!q$bOk!oa#m!oao!oa~P&lOk#hX#m#hXo#hX~P!dOk!{O#m$Sao$Sa~O#u#OO#v#OO#w$hO~Ol$jO!h$kO~Op!ii!^!ii!j!ii!m!ii#n!iid!ii~P*zOp!ki!^!ki!j!ki!m!ki#n!kid!ki~P*zOp!li!^!li!j!li!m!li#n!lid!li~P*zOp#fa!^#fa~P$SOo$lO~Od$RP~P%_Od#zP~P&lO`!PXd}X!R}X!T!PX~O`$sO!T$tO~Od$uO!R#iO~Ok#jXp#jX!^#jX~P'tO!^#jOk$Tap$Ta~O!R#iOk!Uap!Ua!^!Uad!Ua`!Ua~OS!]Oe!YO!V![O!Y!`O#q$yO~Od$QP~P9dOv#{OQ#|X]#|X`#|Xd#|Xe#|Xi#|Xj#|Xk#|Xm#|Xp#|Xr#|Xt#|Xz#|X!`#|X#o#|X#p#|X#}#|Xl#|Xo#|X~O]#rO`#rOd%OOi#rOj#rOk#rO~P&lO]#rO`#rOi#rOj#rOk#rOl%PO~P&lO]#rO`#rOi#rOj#rOk#rOo%QO~P&lOe%SOS!tXk!tX!V!tX!Y!tX#q!tX~Ok%TO~Od%YOt%ZO!a%ZO~Ok%[O~Oo%cO#o%^O#}%]O~Od%dO~P$SOv#{O!^%hO!q%jOk!oi#m!oio!oi~P&lOk#ha#m#hao#ha~P!dOk!{O#m$Sio$Si~O!^%mOd$RX~P$SOd%oO~Ov#{OQ#`Xd#`Xe#`Xm#`Xp#`Xr#`Xt#`Xz#`X!^#`X!`#`X#o#`X#p#`X#}#`X~O!^%qOd#zX~P&lOd%sO~Ol%tOv#{O~OR#gOr#gOt#gO#q%vO#}!fO~O!R#iOk#jap#ja!^#ja~O`!PXd}X!R}X!^}X~O!R#iO!^%xOd$QX~O`%zO~Od%{O~O#o%|O~Ok&OO~O`&PO!R#iO~Od&ROk&QO~Od&UO~OP#zOpsX!^sXdsX~O#}%]Op#TX!^#TX~OpzO!^&WO~Oo&[O#o%^O#}%]O~Ov#{OQ#gXe#gXk#gXm#gXp#gXr#gXt#gXz#gX!^#gX!`#gX!q#gX#m#gX#o#gX#p#gX#}#gXo#gX~O!^%hO!q&`Ok!oq#m!oqo!oq~P&lOl&aOv#{O~Od#eX!^#eX~P%_O!^%mOd$Ra~Od#dX!^#dX~P&lO!^%qOd#za~Od&fO~P&lOd&gO!T&hO~Od#cX!^#cX~P9dO!^%xOd$Qa~O]&mOd&oO~OS#bae#ba!V#ba!Y#ba#q#ba~Od&qO~PG]Od&qOk&rO~Ov#{OQ#gae#gak#gam#gap#gar#gat#gaz#ga!^#ga!`#ga!q#ga#m#ga#o#ga#p#ga#}#gao#ga~Od#ea!^#ea~P$SOd#da!^#da~P&lOR#gOr#gOt#gO#q%vO#}%]O~O!R#iOd#ca!^#ca~O`&xO~O!^%xOd$Qi~P&lO]&mOd&|O~Ov#{Od|ik|i~Od&}O~PG]Ok'OO~Od'PO~O!^%xOd$Qq~Od#cq!^#cq~P&lO#s!a#t#}]#}v!m~",
-  goto: "2h$UPPPPP$VP$YP$c$uP$cP%X$cPP%_PPP%e%o%oPPPPP%oPP%oP&]P%oP%o'W%oP't'w'}'}(^'}P'}P'}P'}'}P(m'}(yP(|PP)p)v$c)|$c*SP$cP$c$cP*Y*{+YP$YP+aP+dP$YP$YP$YP+j$YP+m+p+s+z$YP$YPP$YP,P,V,f,|-[-b-l-r-x.O.U.`.f.l.rPPPPPPPPPPP.x/R/w/z0|P1U1u2O2R2U2[RnQ_^OP`kz!{$dq[OPYZ`kuvwxz!v!{#`$d%mqSOPYZ`kuvwxz!v!{#`$d%mQpTR#RqQ!OVR#SrQ#S!QS$Q!i!jR$i#U!V!mac!c!d!e!z#a#c#t#v#x#{$a$k$p$s%h%i%q%u%z&P&d&l&x'Q!U!mac!c!d!e!z#a#c#t#v#x#{$a$k$p$s%h%i%q%u%z&P&d&l&x'QU#g!Y$t&hU%`$Y%b&WR&V%_!V!iac!c!d!e!z#a#c#t#v#x#{$a$k$p$s%h%i%q%u%z&P&d&l&x'QR$S!kQ%W$RR&S%Xk!^]bf!Y![!g#i#j#m$P$R%X%xQ#e!YQ${#mQ%w$tQ&j%xR&w&hQ!ygQ#p!`Q$^!xR%f$`R#n!]!U!mac!c!d!e!z#a#c#t#v#x#{$a$k$p$s%h%i%q%u%z&P&d&l&x'QQ!qdR$X!rQ!PVR#TrQ#S!PR$i#TQ!SWR#VsQ!UXR#WtQ{UQ!wgQ#^yQ#o!_Q$U!nQ$[!uQ$_!yQ%e$^Q&Y%aQ&]%fR&v&XSjPzQ!}kQ$c!{R%k$dZiPkz!{$dR$P!gQ%}%SR&z&mR!rdR!teR$Z!tS%a$Y%bR&t&WV%_$Y%b&WQ#PmR$g#PQ`OSkPzU!a`k$dR$d!{Q$p#aY%p$p%u&d&l'QQ%u$sQ&d%qQ&l%zR'Q&xQ#t!cQ#v!dQ#x!eV$}#t#v#xQ%X$RR&T%XQ%y$zS&k%y&yR&y&lQ%r$pR&e%rQ%n$mR&c%nQyUR#]yQ%i$aR&_%iQ!|jS$e!|$fR$f!}Q&n%}R&{&nQ#k!ZR$x#kQ%b$YR&Z%bQ&X%aR&u&X__OP`kz!{$d^UOP`kz!{$dQ!VYQ!WZQ#XuQ#YvQ#ZwQ#[xQ$]!vQ$m#`R&b%mR$q#aQ!gaQ!oc[#q!c!d!e#t#v#xQ$a!zd$o#a$p$s%q%u%z&d&l&x'QQ$r#cQ%R#{S%g$a%iQ%l$kQ&^%hR&p&P]#s!c!d!e#t#v#xW!Z]b!g$PQ!ufQ#f!YQ#l![Q$v#iQ$w#jQ$z#mS%V$R%XR&i%xQ#h!YQ%w$tR&w&hR$|#mR$n#`QlPR#_zQ!_]Q!nbQ$O!gR%U$P",
-  nodeNames: "\u26A0 Unit VariableName VariableName QueryCallee Comment StyleSheet RuleSet UniversalSelector TagSelector TagName NestingSelector ClassSelector . ClassName PseudoClassSelector : :: PseudoClassName PseudoClassName ) ( ArgList ValueName ParenthesizedValue AtKeyword # ; ] [ BracketedValue } { BracedValue ColorLiteral NumberLiteral StringLiteral BinaryExpression BinOp CallExpression Callee IfExpression if ArgList IfBranch KeywordQuery FeatureQuery FeatureName BinaryQuery LogicOp ComparisonQuery CompareOp UnaryQuery UnaryQueryOp ParenthesizedQuery SelectorQuery selector ParenthesizedSelector CallQuery ArgList , CallLiteral CallTag ParenthesizedContent PseudoClassName ArgList IdSelector IdName AttributeSelector AttributeName MatchOp ChildSelector ChildOp DescendantSelector SiblingSelector SiblingOp Block Declaration PropertyName Important ImportStatement import Layer layer LayerName layer MediaStatement media CharsetStatement charset NamespaceStatement namespace NamespaceName KeyframesStatement keyframes KeyframeName KeyframeList KeyframeSelector KeyframeRangeName SupportsStatement supports ScopeStatement scope to AtRule Styles",
-  maxTerm: 143,
+  states: "IpQYQdOOO#}QdOOP$UO`OOO%OQaO'#CfOOQP'#Ce'#CeO%VQdO'#CgO%[Q`O'#CgO%aQaO'#FdO&XQdO'#CkO&xQaO'#CcO'SQdO'#CnO'_QdO'#DtO'dQdO'#DvO'oQdO'#D}O'oQdO'#EQOOQP'#Fd'#FdO)OQhO'#EsOOQS'#Fc'#FcOOQS'#Ev'#EvQYQdOOO)VQdO'#EWO*cQhO'#E^O)VQdO'#E`O*jQdO'#EbO*uQdO'#EeO)zQhO'#EkO*}QdO'#EmO+YQdO'#EpO+_QaO'#CfO+fQ`O'#ETO+kQ`O'#FnO+vQdO'#FnQOQ`OOP,QO&jO'#CaPOOO)CAR)CAROOQP'#Ci'#CiOOQP,59R,59RO%VQdO,59ROOQP'#Cm'#CmOOQP,59V,59VO&XQdO,59VO,]QdO,59YO'_QdO,5:`O'dQdO,5:bO'oQdO,5:iO'oQdO,5:kO'oQdO,5:lO'oQdO'#E}O,hQ`O,58}O,pQdO'#ESOOQS,58},58}OOQP'#Cq'#CqOOQO'#Dr'#DrOOQP,59Y,59YO,wQ`O,59YO,|Q`O,59YOOQP'#Du'#DuOOQP,5:`,5:`O-RQpO'#DwO-^QdO'#DxO-cQ`O'#DxO-hQpO,5:bO.RQaO,5:iO.iQaO,5:lOOQW'#D^'#D^O/eQhO'#DgO/xQhO,5;_O)zQhO'#DeO0VQ`O'#DkO0[QhO'#DnOOQW'#Fj'#FjOOQS,5;_,5;_O0aQ`O'#DhOOQS-E8t-E8tOOQ['#Cv'#CvO0fQdO'#CwO0|QdO'#C}O1dQdO'#DQO1zQ!pO'#DSO4TQ!jO,5:rOOQO'#DX'#DXO,|Q`O'#DWO4eQ!nO'#FgO6hQ`O'#DYO6mQ`O'#DoOOQ['#Fg'#FgO6rQhO'#FqO7QQ`O,5:xO7VQ!bO,5:zOOQS'#Ed'#EdO7_Q`O,5:|O7dQdO,5:|OOQO'#Eg'#EgO7lQ`O,5;PO7qQhO,5;VO'oQdO'#DjOOQS,5;X,5;XO0aQ`O,5;XO7yQdO,5;XOOQS'#FU'#FUO8RQdO'#ErO7QQ`O,5;[O8ZQdO,5:oO8kQdO'#FPO8xQ`O,5<YO8xQ`O,5<YPOOO'#Eu'#EuP9TO&jO,58{POOO,58{,58{OOQP1G.m1G.mOOQP1G.q1G.qOOQP1G.t1G.tO,wQ`O1G.tO,|Q`O1G.tOOQP1G/z1G/zO9`QpO1G/|O9hQaO1G0TO:OQaO1G0VO:fQaO1G0WO:|QaO,5;iOOQO-E8{-E8{OOQS1G.i1G.iO;WQ`O,5:nO;]QdO'#DsO;dQdO'#CuOOQO'#Dz'#DzOOQO,5:d,5:dO-^QdO,5:dOOQP1G/|1G/|O)VQdO1G/|O;kQ!jO'#D^O;yQ!bO,59yO<RQhO,5:ROOQO'#Fk'#FkO;|Q!bO,59}O<ZQhO'#FVO)zQhO,59{O)zQhO'#FVO=OQhO1G0yOOQS1G0y1G0yO=YQhO,5:PO>QQhO'#DlOOQW,5:V,5:VOOQW,5:Y,5:YOOQW,5:S,5:SO>[Q!fO'#FhOOQS'#Fh'#FhOOQS'#Ex'#ExO?lQdO,59cOOQ[,59c,59cO@SQdO,59iOOQ[,59i,59iO@jQdO,59lOOQ[,59l,59lOOQ[,59n,59nO)VQdO,59pOAQQhO'#EYOOQW'#EY'#EYOAlQ`O1G0^O4^QhO1G0^OOQ[,59r,59rO)zQhO'#D[OOQ[,59t,59tOAqQ#tO,5:ZOA|QhO'#FROBZQ`O,5<]OOQS1G0d1G0dOOQS1G0f1G0fOOQS1G0h1G0hOBfQ`O1G0hOBkQdO'#EhOOQS1G0k1G0kOOQS1G0q1G0qOBvQaO,5:UO7QQ`O1G0sOOQS1G0s1G0sO0aQ`O1G0sOOQS-E9S-E9SOOQS1G0v1G0vOB}Q!fO1G0ZOCeQ`O'#EVOOQO1G0Z1G0ZOOQO,5;k,5;kOCjQdO,5;kOOQO-E8}-E8}OCwQ`O1G1tPOOO-E8s-E8sPOOO1G.g1G.gOOQP7+$`7+$`OOQP7+%h7+%hO)VQdO7+%hOOQS1G0Y1G0YODSQaO'#FmOD^Q`O,5:_ODcQ!fO'#EwOEaQdO'#FfOEkQ`O,59aOOQO1G0O1G0OOEpQ!bO7+%hO)VQdO1G/eOE{QhO1G/iOOQW1G/m1G/mOOQW1G/g1G/gOF^QhO,5;qOOQW-E9T-E9TOOQS7+&e7+&eOGRQhO'#D^OGaQhO'#FlOGlQ`O'#FlOGqQ`O,5:WOOQS-E8v-E8vOOQ[1G.}1G.}OOQ[1G/T1G/TOOQ[1G/W1G/WOOQ[1G/[1G/[OGvQdO,5:tOOQS7+%x7+%xOG{Q`O7+%xOHQQhO'#D]OHYQ`O,59vO)zQhO,59vOOQ[1G/u1G/uOHbQ`O1G/uOHgQhO,5;mOOQO-E9P-E9POOQS7+&S7+&SOHuQbO'#DSOOQO'#Ej'#EjOITQ`O'#EiOOQO'#Ei'#EiOI`Q`O'#FSOIhQdO,5;SOOQS,5;S,5;SOOQ[1G/p1G/pOOQS7+&_7+&_O7QQ`O7+&_OIsQ!fO'#FOO)VQdO'#FOOJzQdO7+%uOOQO7+%u7+%uOOQO,5:q,5:qOOQO1G1V1G1VOK_Q!bO<<ISOKjQdO'#E|OKtQ`O,5<XOOQP1G/y1G/yOOQS-E8u-E8uOK|QdO'#E{OLWQ`O,5<QOOQ]1G.{1G.{OOQP<<IS<<ISOL`Q`O<<ISOLeQdO7+%POOQO'#D`'#D`OLlQ!bO7+%TOLtQhO'#EzOMRQ`O,5<WO)VQdO,5<WOOQW1G/r1G/rOOQO'#E['#E[OMZQ`O1G0`OOQS<<Id<<IdO)VQdO,59wOMzQhO1G/bOOQ[1G/b1G/bONRQ`O1G/bOOQW-E8w-E8wOOQ[7+%a7+%aOOQO,5;T,5;TOBnQdO'#FTOI`Q`O,5;nOOQS,5;n,5;nOOQS-E9Q-E9QOOQS1G0n1G0nOOQS<<Iy<<IyONZQ!fO,5;jOOQS-E8|-E8|OOQO<<Ia<<IaOOQPAN>nAN>nO! bQ`OAN>nO! gQaO,5;hOOQO-E8z-E8zO! qQdO,5;gOOQO-E8y-E8yOOQW<<Hk<<HkOOQW<<Ho<<HoO! {QhO<<HoO!!^QhO,5;fO!!iQ`O,5;fOOQO-E8x-E8xO!!nQdO1G1rOGvQdO'#FQO!!xQ`O7+%zOOQW7+%z7+%zO!#QQ!bO1G/cOOQ[7+$|7+$|O!#]QhO7+$|P!#dQ`O'#EyOOQO,5;o,5;oOOQO-E9R-E9ROOQS1G1Y1G1YOOQPG24YG24YO!#iQ`OAN>ZO)VQdO1G1QO!#nQ`O7+'^OOQO,5;l,5;lOOQO-E9O-E9OOOQW<<If<<IfOOQ[<<Hh<<HhPOQW,5;e,5;eOOQWG23uG23uO!#vQdO7+&l",
+  stateData: "!$Z~O$QOS$RQQ~OWVO^_O`WOcYOdYOl`OmZOp[O!r]O!u^O!{dO#ReO#TfO#VgO#YhO#`iO#bjO#ekO#|RO$XTO~OQmOWVO^_O`WOcYOdYOl`OmZOp[O!r]O!u^O!{dO#ReO#TfO#VgO#YhO#`iO#bjO#ekO#|lO$XTO~O#z$bP~P!jO$RqO~O`YXcYXdYXmYXpYXsYX!aYX!rYX!uYX#{YX$X[X~OgYX~P$ZO#|sO~O$XuO~O$XuO`$WXc$WXd$WXm$WXp$WXs$WX!a$WX!r$WX!u$WX#{$WXg$WX~O#|vO~O`xOcyOdyOmzOp{O!r|O!u!OO#{}O~Os!RO!a!PO~P&^Of!XO#|!TO#}!UO~O#|!YO~OW!^O#|![O$X!]O~OWVO^_O`WOcYOdYOmZOp[O!r]O!u^O#|RO$XTO~OS!fOc!gOd!gOh!cOs!RO!Y!eO!]!jO$O!bO~On!iO~P(dOQ!tOh!mOp!nOs!oOu!wOw!wO}!uO!d!vO#|!lO#}!rO$]!pO~OS!fOc!gOd!gOh!cO!Y!eO!]!jO$O!bO~Os$eP~P)zOw!|O!d!vO#|!{O~Ow#OO#|#OO~Oh#ROs!RO#c#TO~O#|#VO~Oc!xX~P$ZOc#YO~On#ZO#z$bXr$bX~O#z$bXr$bX~P!jO$S#^O$T#^O$U#`O~Of#eO#|!TO#}!UO~Os!RO!a!PO~Or$bP~P!jOh#oO~Oh#pO~Oo!kX!o!kX$X!mX~O#|#qO~O$X#sO~Oo#tO!o#uO~O`xOcyOdyOmzOp{O~Os!qa!a!qa!r!qa!u!qa#{!qag!qa~P-pOs!ta!a!ta!r!ta!u!ta#{!tag!ta~P-pOS!fOc!gOd!gOh!cO!Y!eO!]!jO~OR#yOu#yOw#yO$O#vO$]!pO~P/POn$PO!U#|O!a#}O~P(dOh$RO~O$O$TO~Oh#RO~O`$WOc$WOg$ZOl$WOm$WOn$WO~P)VO`$WOc$WOl$WOm$WOn$WOo$]O~P)VO`$WOc$WOl$WOm$WOn$WOr$_O~P)VOP$`OSvXcvXdvXhvXnvXyvX!YvX!]vX!}vX#PvX$OvX!WvXQvX`vXgvXlvXmvXpvXsvXuvXwvX}vX!dvX#|vX#}vX$]vXovXrvX!avX#zvX$dvX!pvX~Oy$aO!}$bO#P$cOn$eP~P)zOh#pOS$ZXc$ZXd$ZXn$ZXy$ZX!Y$ZX!]$ZX!}$ZX#P$ZX$O$ZXQ$ZX`$ZXg$ZXl$ZXm$ZXp$ZXs$ZXu$ZXw$ZX}$ZX!d$ZX#|$ZX#}$ZX$]$ZXo$ZXr$ZX!a$ZX#z$ZX$d$ZX!p$ZX~Oh$gO~Oh$iO~O!U#|O!a$jOs$eXn$eX~Os!RO~On$mOy$aO~On$nO~Ow$oO!d!vO~Os$pO~Os!RO!U#|O~Os!RO#c$vO~O#|#VOs#fX~O$d$zOn!wa#z!war!wa~P)VOn#sX#z#sXr#sX~P!jOn#ZO#z$bar$ba~O$S#^O$T#^O$U%RO~Oo%TO!o%UO~Os!qi!a!qi!r!qi!u!qi#{!qig!qi~P-pOs!si!a!si!r!si!u!si#{!sig!si~P-pOs!ti!a!ti!r!ti!u!ti#{!tig!ti~P-pOs#qa!a#qa~P&^Or%VO~Og$aP~P'oOg$YP~P)VOc!SXg!QX!U!QX!W!SX~Oc%_O!W%`O~Og%aO!U#|O~O!U#|OS#yXc#yXd#yXh#yXn#yXs#yX!Y#yX!]#yX!a#yX$O#yX~On%eO!a#}O~P(dO!U#|OS!Xac!Xad!Xah!Xan!Xas!Xa!Y!Xa!]!Xa!a!Xa$O!Xag!Xa~O$O%fOg$`P~P/POy$aOQ$[X`$[Xc$[Xg$[Xh$[Xl$[Xm$[Xn$[Xp$[Xs$[Xu$[Xw$[X}$[X!d$[X#|$[X#}$[X$]$[Xo$[Xr$[X~O`$WOc$WOg%kOl$WOm$WOn$WO~P)VO`$WOc$WOl$WOm$WOn$WOo%lO~P)VO`$WOc$WOl$WOm$WOn$WOr%mO~P)VOh%oOS!|Xc!|Xd!|Xn!|X!Y!|X!]!|X$O!|X~On%pO~Og%uOw%vO!e%vO~Os#uX!a#uXn#uX~P)zO!a$jOs$ean$ea~On%yO~Or&QO#|%{O$]%zO~Og&RO~P&^Oy$aO!a&VO$d$zOn!wi#z!wir!wi~P)VO$c&YO~On#sa#z#sar#sa~P!jOn#ZO#z$bir$bi~O!a&]Og$aX~P&^Og&_O~Oy$aOQ#kXg#kXh#kXp#kXs#kXu#kXw#kX}#kX!a#kX!d#kX#|#kX#}#kX$]#kX~O!a&aOg$YX~P)VOg&cO~Oo&dOy$aO!p&eO~OR#yOu#yOw#yO$O&gO$]!pO~O!U#|OS#yac#yad#yah#yan#yas#ya!Y#ya!]#ya!a#ya$O#ya~Oc!SXg!QX!U!QX!a!QX~O!U#|O!a&iOg$`X~Oc&kO~Og&lO~O#|&mO~On&oO~Oc&pO!U#|O~Og&rOn&qO~Og&uO~O!U#|Os#ua!a#uan#ua~OP$`OsvX!avXgvX~O$]%zOs#]X!a#]X~Os!RO!a&wO~Or&{O#|%{O$]%zO~Oy$aOQ#rXh#rXn#rXp#rXs#rXu#rXw#rX}#rX!a#rX!d#rX#z#rX#|#rX#}#rX$]#rX$d#rXr#rX~O!a&VO$d$zOn!wq#z!wqr!wq~P)VOo'QOy$aO!p'RO~Og#pX!a#pX~P'oO!a&]Og$aa~Og#oX!a#oX~P)VO!a&aOg$Ya~Oo'QO~Og'WO~P)VOg'XO!W'YO~O$O%fOg#nX!a#nX~P/PO!a&iOg$`a~O`'_Og'aO~OS#mac#mad#mah#ma!Y#ma!]#ma$O#ma~Og'cO~PMcOg'cOn'dO~Oy$aOQ#rah#ran#rap#ras#rau#raw#ra}#ra!a#ra!d#ra#z#ra#|#ra#}#ra$]#ra$d#rar#ra~Oo'iO~Og#pa!a#pa~P&^Og#oa!a#oa~P)VOR#yOu#yOw#yO$O&gO$]%zO~O!U#|Og#na!a#na~Oc'kO~O!a&iOg$`i~P)VO`'_Og'oO~Oy$aOg!Pin!Pi~Og'pO~PMcOn'qO~Og'rO~O!a&iOg$`q~Og#nq!a#nq~P)VO$Q!e$R$]`$]y!u~",
+  goto: "4h$fPPPPP$gP$jP$s%V$s%i%{P$sP&R$sPP&XPPP&_&i&iPPPPP&iPP&iP'VP&iP&i(Q&iP(n(q(w(w)Z(wP(wP(wP(w(wP)j(w)vP(w)yPP*m*s$s*y$s+P+P+V+ZPP$sP$s$sP+a,],j,q$jP,zP,}P$jP$jP$jP-T$jP-W-Z-^-e$jP$jPP$jP-j$jP-m-s.S.j.x/O/Y/`/f/l/r/|0S0Y0`0f0lPPPPPPPPPPP0r0{P1q1t2vP3O3x4R4U4XPP4_RrQ_aOPco!R#Z$}q_OP]^co|}!O!P!R#R#Z#o$}&]qSOP]^co|}!O!P!R#R#Z#o$}&]qUOP]^co|}!O!P!R#R#Z#o$}&]QtTR#auQwWR#bxQ!VYR#cyQ#c!XS$f!s!tR%S#e!V!wdf!m!n!o#Y#p#u$Y$[$^$a$y%U%Z%_&V&W&a&f&k&p'U'^'k's!U!wdf!m!n!o#Y#p#u$Y$[$^$a$y%U%Z%_&V&W&a&f&k&p'U'^'k'sU#y!c%`'YU%}$p&P&wR&v%|!V!sdf!m!n!o#Y#p#u$Y$[$^$a$y%U%Z%_&V&W&a&f&k&p'U'^'k'sR$h!uQ%s$gR&s%tq!h`ei!c!d!e!q#|#}$O$R$e$g$j%t&iQ#w!cQ%h$RQ&h%`Q'[&iR'j'YQ#UjQ$U!jQ$t#TR&T$vR$S!f!U!wdf!m!n!o#Y#p#u$Y$[$^$a$y%U%Z%_&V&W&a&f&k&p'U'^'k'sQ!|gR$o!}Q!WYR#dyQ#c!WR%S#dQ!ZZR#fzQ!_[R#g{T!^[{Q#r!]R%]#sQ!SXQ!i`Q#SjQ#m!QQ$P!dQ$l!yQ$r#QQ$u#UQ$x#XQ%e$OQ&S$tQ&y&OQ&|&TR'h&xSnP!RQ#]oQ$|#ZR&Z$}ZmPo!R#Z$}Q${#YQ&X$yR'P&WR$e!qQ&n%oR'm'_R!}gR#PhR$q#PS&O$p&PR'f&wV%|$p&P&wR#XkQ#_qR%Q#_QcOSoP!RU!kco$}R$}#ZQ%Z#pY&`%Z&f'U'^'sQ&f%_Q'U&aQ'^&kR's'kQ$Y!mQ$[!nQ$^!oV%j$Y$[$^Q%t$gR&t%tQ&j%gS']&j'lR'l'^Q&b%ZR'V&bQ&^%WR'T&^Q!QXR#l!QQ&W$yR'O&WQ#[nS%O#[%PR%P#]Q'`&nR'n'`Q$k!xR%x$kQ&P$pR&z&PQ&x&OR'g&xQ#WkR$w#WQ$O!dR%d$O_bOPco!R#Z$}^XOPco!R#Z$}Q!`]Q!a^Q#h|Q#i}Q#j!OQ#k!PQ$s#RQ%W#oR'S&]R%[#pQ!qdQ!zf[$V!m!n!o$Y$[$^Q$y#Yd%Y#p%Z%_&a&f&k'U'^'k'sQ%^#uQ%n$aS&U$y&WQ&[%UQ&}&VR'b&p]$X!m!n!o$Y$[$^Q!d`U!xe!q$eQ#QiQ#x!cS#{!d$OQ$Q!eQ%b#|Q%c#}Q%g$RS%r$g%tQ%w$jR'Z&iQ#z!cQ&h%`R'j'YR%i$RR%X#oQpPR#n!RQ!yeQ$d!qR%q$e",
+  nodeNames: "\u26A0 Unit VariableName VariableName QueryCallee Comment StyleSheet RuleSet UniversalSelector TagSelector TagName NamespacedTagSelector NamespaceName TagName NestingSelector ClassSelector . ClassName PseudoClassSelector : :: PseudoClassName PseudoClassName ) ( ArgList ValueName ParenthesizedValue AtKeyword # ; ] [ BracketedValue } { BracedValue ColorLiteral NumberLiteral StringLiteral BinaryExpression BinOp CallExpression Callee IfExpression if ArgList IfBranch KeywordQuery FeatureQuery FeatureName BinaryQuery LogicOp ComparisonQuery CompareOp UnaryQuery UnaryQueryOp ParenthesizedQuery SelectorQuery selector ParenthesizedSelector CallQuery ArgList , PseudoQuery CallLiteral CallTag ParenthesizedContent PseudoClassName ArgList IdSelector IdName AttributeSelector AttributeName NamespacedAttribute NamespaceName AttributeName MatchOp MatchFlag ChildSelector ChildOp DescendantSelector SiblingSelector SiblingOp Block Declaration PropertyName Important ImportStatement import Layer layer LayerName layer MediaStatement media CharsetStatement charset NamespaceStatement namespace NamespaceName KeyframesStatement keyframes KeyframeName KeyframeList KeyframeSelector KeyframeRangeName SupportsStatement supports ScopeStatement scope to FontFeatureStatement font-feature-values FontName AtRule Styles",
+  maxTerm: 159,
   nodeProps: [
-    ["isolate", -2, 5, 36, ""],
-    ["openedBy", 20, "(", 28, "[", 31, "{"],
-    ["closedBy", 21, ")", 29, "]", 32, "}"]
+    ["isolate", -2, 5, 39, ""],
+    ["openedBy", 23, "(", 31, "[", 34, "{"],
+    ["closedBy", 24, ")", 32, "]", 35, "}"]
   ],
   propSources: [cssHighlighting],
-  skippedNodes: [0, 5, 106],
-  repeatNodeCount: 15,
-  tokenData: "JQ~R!YOX$qX^%i^p$qpq%iqr({rs-ust/itu6Wuv$qvw7Qwx7cxy9Qyz9cz{9h{|:R|}>t}!O?V!O!P?t!P!Q@]!Q![AU![!]BP!]!^B{!^!_C^!_!`DY!`!aDm!a!b$q!b!cEn!c!}$q!}#OG{#O#P$q#P#QH^#Q#R6W#R#o$q#o#pHo#p#q6W#q#rIQ#r#sIc#s#y$q#y#z%i#z$f$q$f$g%i$g#BY$q#BY#BZ%i#BZ$IS$q$IS$I_%i$I_$I|$q$I|$JO%i$JO$JT$q$JT$JU%i$JU$KV$q$KV$KW%i$KW&FU$q&FU&FV%i&FV;'S$q;'S;=`Iz<%lO$q`$tSOy%Qz;'S%Q;'S;=`%c<%lO%Q`%VS!a`Oy%Qz;'S%Q;'S;=`%c<%lO%Q`%fP;=`<%l%Q~%nh#s~OX%QX^'Y^p%Qpq'Yqy%Qz#y%Q#y#z'Y#z$f%Q$f$g'Y$g#BY%Q#BY#BZ'Y#BZ$IS%Q$IS$I_'Y$I_$I|%Q$I|$JO'Y$JO$JT%Q$JT$JU'Y$JU$KV%Q$KV$KW'Y$KW&FU%Q&FU&FV'Y&FV;'S%Q;'S;=`%c<%lO%Q~'ah#s~!a`OX%QX^'Y^p%Qpq'Yqy%Qz#y%Q#y#z'Y#z$f%Q$f$g'Y$g#BY%Q#BY#BZ'Y#BZ$IS%Q$IS$I_'Y$I_$I|%Q$I|$JO'Y$JO$JT%Q$JT$JU'Y$JU$KV%Q$KV$KW'Y$KW&FU%Q&FU&FV'Y&FV;'S%Q;'S;=`%c<%lO%Qj)OUOy%Qz#]%Q#]#^)b#^;'S%Q;'S;=`%c<%lO%Qj)gU!a`Oy%Qz#a%Q#a#b)y#b;'S%Q;'S;=`%c<%lO%Qj*OU!a`Oy%Qz#d%Q#d#e*b#e;'S%Q;'S;=`%c<%lO%Qj*gU!a`Oy%Qz#c%Q#c#d*y#d;'S%Q;'S;=`%c<%lO%Qj+OU!a`Oy%Qz#f%Q#f#g+b#g;'S%Q;'S;=`%c<%lO%Qj+gU!a`Oy%Qz#h%Q#h#i+y#i;'S%Q;'S;=`%c<%lO%Qj,OU!a`Oy%Qz#T%Q#T#U,b#U;'S%Q;'S;=`%c<%lO%Qj,gU!a`Oy%Qz#b%Q#b#c,y#c;'S%Q;'S;=`%c<%lO%Qj-OU!a`Oy%Qz#h%Q#h#i-b#i;'S%Q;'S;=`%c<%lO%Qj-iS!qY!a`Oy%Qz;'S%Q;'S;=`%c<%lO%Q~-xWOY-uZr-urs.bs#O-u#O#P.g#P;'S-u;'S;=`/c<%lO-u~.gOt~~.jRO;'S-u;'S;=`.s;=`O-u~.vXOY-uZr-urs.bs#O-u#O#P.g#P;'S-u;'S;=`/c;=`<%l-u<%lO-u~/fP;=`<%l-uj/nYjYOy%Qz!Q%Q!Q![0^![!c%Q!c!i0^!i#T%Q#T#Z0^#Z;'S%Q;'S;=`%c<%lO%Qj0cY!a`Oy%Qz!Q%Q!Q![1R![!c%Q!c!i1R!i#T%Q#T#Z1R#Z;'S%Q;'S;=`%c<%lO%Qj1WY!a`Oy%Qz!Q%Q!Q![1v![!c%Q!c!i1v!i#T%Q#T#Z1v#Z;'S%Q;'S;=`%c<%lO%Qj1}YrY!a`Oy%Qz!Q%Q!Q![2m![!c%Q!c!i2m!i#T%Q#T#Z2m#Z;'S%Q;'S;=`%c<%lO%Qj2tYrY!a`Oy%Qz!Q%Q!Q![3d![!c%Q!c!i3d!i#T%Q#T#Z3d#Z;'S%Q;'S;=`%c<%lO%Qj3iY!a`Oy%Qz!Q%Q!Q![4X![!c%Q!c!i4X!i#T%Q#T#Z4X#Z;'S%Q;'S;=`%c<%lO%Qj4`YrY!a`Oy%Qz!Q%Q!Q![5O![!c%Q!c!i5O!i#T%Q#T#Z5O#Z;'S%Q;'S;=`%c<%lO%Qj5TY!a`Oy%Qz!Q%Q!Q![5s![!c%Q!c!i5s!i#T%Q#T#Z5s#Z;'S%Q;'S;=`%c<%lO%Qj5zSrY!a`Oy%Qz;'S%Q;'S;=`%c<%lO%Qd6ZUOy%Qz!_%Q!_!`6m!`;'S%Q;'S;=`%c<%lO%Qd6tS!hS!a`Oy%Qz;'S%Q;'S;=`%c<%lO%Qb7VSZQOy%Qz;'S%Q;'S;=`%c<%lO%Q~7fWOY7cZw7cwx.bx#O7c#O#P8O#P;'S7c;'S;=`8z<%lO7c~8RRO;'S7c;'S;=`8[;=`O7c~8_XOY7cZw7cwx.bx#O7c#O#P8O#P;'S7c;'S;=`8z;=`<%l7c<%lO7c~8}P;=`<%l7cj9VSeYOy%Qz;'S%Q;'S;=`%c<%lO%Q~9hOd~n9oUWQvWOy%Qz!_%Q!_!`6m!`;'S%Q;'S;=`%c<%lO%Qj:YWvW!mQOy%Qz!O%Q!O!P:r!P!Q%Q!Q![=w![;'S%Q;'S;=`%c<%lO%Qj:wU!a`Oy%Qz!Q%Q!Q![;Z![;'S%Q;'S;=`%c<%lO%Qj;bY!a`#}YOy%Qz!Q%Q!Q![;Z![!g%Q!g!h<Q!h#X%Q#X#Y<Q#Y;'S%Q;'S;=`%c<%lO%Qj<VY!a`Oy%Qz{%Q{|<u|}%Q}!O<u!O!Q%Q!Q![=^![;'S%Q;'S;=`%c<%lO%Qj<zU!a`Oy%Qz!Q%Q!Q![=^![;'S%Q;'S;=`%c<%lO%Qj=eU!a`#}YOy%Qz!Q%Q!Q![=^![;'S%Q;'S;=`%c<%lO%Qj>O[!a`#}YOy%Qz!O%Q!O!P;Z!P!Q%Q!Q![=w![!g%Q!g!h<Q!h#X%Q#X#Y<Q#Y;'S%Q;'S;=`%c<%lO%Qj>yS!^YOy%Qz;'S%Q;'S;=`%c<%lO%Qj?[WvWOy%Qz!O%Q!O!P:r!P!Q%Q!Q![=w![;'S%Q;'S;=`%c<%lO%Qj?yU]YOy%Qz!Q%Q!Q![;Z![;'S%Q;'S;=`%c<%lO%Q~@bTvWOy%Qz{@q{;'S%Q;'S;=`%c<%lO%Q~@xS!a`#t~Oy%Qz;'S%Q;'S;=`%c<%lO%QjAZ[#}YOy%Qz!O%Q!O!P;Z!P!Q%Q!Q![=w![!g%Q!g!h<Q!h#X%Q#X#Y<Q#Y;'S%Q;'S;=`%c<%lO%QjBUU`YOy%Qz![%Q![!]Bh!];'S%Q;'S;=`%c<%lO%QbBoSaQ!a`Oy%Qz;'S%Q;'S;=`%c<%lO%QjCQSkYOy%Qz;'S%Q;'S;=`%c<%lO%QhCcU!TWOy%Qz!_%Q!_!`Cu!`;'S%Q;'S;=`%c<%lO%QhC|S!TW!a`Oy%Qz;'S%Q;'S;=`%c<%lO%QlDaS!TW!hSOy%Qz;'S%Q;'S;=`%c<%lO%QjDtV!jQ!TWOy%Qz!_%Q!_!`Cu!`!aEZ!a;'S%Q;'S;=`%c<%lO%QbEbS!jQ!a`Oy%Qz;'S%Q;'S;=`%c<%lO%QjEqYOy%Qz}%Q}!OFa!O!c%Q!c!}GO!}#T%Q#T#oGO#o;'S%Q;'S;=`%c<%lO%QjFfW!a`Oy%Qz!c%Q!c!}GO!}#T%Q#T#oGO#o;'S%Q;'S;=`%c<%lO%QjGV[iY!a`Oy%Qz}%Q}!OGO!O!Q%Q!Q![GO![!c%Q!c!}GO!}#T%Q#T#oGO#o;'S%Q;'S;=`%c<%lO%QjHQSmYOy%Qz;'S%Q;'S;=`%c<%lO%QnHcSl^Oy%Qz;'S%Q;'S;=`%c<%lO%QjHtSpYOy%Qz;'S%Q;'S;=`%c<%lO%QjIVSoYOy%Qz;'S%Q;'S;=`%c<%lO%QfIhU!mQOy%Qz!_%Q!_!`6m!`;'S%Q;'S;=`%c<%lO%Q`I}P;=`<%l$q",
-  tokenizers: [descendant, unitToken, identifiers, queryIdentifiers, 1, 2, 3, 4, new LocalTokenGroup("m~RRYZ[z{a~~g~aO#v~~dP!P!Qg~lO#w~~", 28, 129)],
-  topRules: { "StyleSheet": [0, 6], "Styles": [1, 105] },
-  dynamicPrecedences: { "76": 1 },
-  specialized: [{ term: 124, get: (value) => spec_callee[value] || -1 }, { term: 125, get: (value) => spec_queryIdentifier[value] || -1 }, { term: 4, get: (value) => spec_QueryCallee[value] || -1 }, { term: 25, get: (value) => spec_AtKeyword[value] || -1 }, { term: 123, get: (value) => spec_identifier[value] || -1 }],
-  tokenPrec: 1963
+  skippedNodes: [0, 5, 117],
+  repeatNodeCount: 17,
+  tokenData: "K`~R!bOX%ZX^&R^p%Zpq&Rqr)ers)vst+jtu2Xuv%Zvw3Rwx3dxy5Ryz5dz{5i{|6S|}:u}!O;W!O!P;u!P!Q<^!Q![=V![!]>Q!]!^>|!^!_?_!_!`@Z!`!a@n!a!b%Z!b!cAo!c!k%Z!k!lC|!l!u%Z!u!vC|!v!}%Z!}#OD_#O#P%Z#P#QDp#Q#R2X#R#]%Z#]#^ER#^#g%Z#g#hC|#h#o%Z#o#pIf#p#qIw#q#rJ`#r#sJq#s#y%Z#y#z&R#z$f%Z$f$g&R$g#BY%Z#BY#BZ&R#BZ$IS%Z$IS$I_&R$I_$I|%Z$I|$JO&R$JO$JT%Z$JT$JU&R$JU$KV%Z$KV$KW&R$KW&FU%Z&FU&FV&R&FV;'S%Z;'S;=`KY<%lO%Z`%^SOy%jz;'S%j;'S;=`%{<%lO%j`%oS!e`Oy%jz;'S%j;'S;=`%{<%lO%j`&OP;=`<%l%j~&Wh$Q~OX%jX^'r^p%jpq'rqy%jz#y%j#y#z'r#z$f%j$f$g'r$g#BY%j#BY#BZ'r#BZ$IS%j$IS$I_'r$I_$I|%j$I|$JO'r$JO$JT%j$JT$JU'r$JU$KV%j$KV$KW'r$KW&FU%j&FU&FV'r&FV;'S%j;'S;=`%{<%lO%j~'yh$Q~!e`OX%jX^'r^p%jpq'rqy%jz#y%j#y#z'r#z$f%j$f$g'r$g#BY%j#BY#BZ'r#BZ$IS%j$IS$I_'r$I_$I|%j$I|$JO'r$JO$JT%j$JT$JU'r$JU$KV%j$KV$KW'r$KW&FU%j&FU&FV'r&FV;'S%j;'S;=`%{<%lO%jj)jS$dYOy%jz;'S%j;'S;=`%{<%lO%j~)yWOY)vZr)vrs*cs#O)v#O#P*h#P;'S)v;'S;=`+d<%lO)v~*hOw~~*kRO;'S)v;'S;=`*t;=`O)v~*wXOY)vZr)vrs*cs#O)v#O#P*h#P;'S)v;'S;=`+d;=`<%l)v<%lO)v~+gP;=`<%l)vj+oYmYOy%jz!Q%j!Q![,_![!c%j!c!i,_!i#T%j#T#Z,_#Z;'S%j;'S;=`%{<%lO%jj,dY!e`Oy%jz!Q%j!Q![-S![!c%j!c!i-S!i#T%j#T#Z-S#Z;'S%j;'S;=`%{<%lO%jj-XY!e`Oy%jz!Q%j!Q![-w![!c%j!c!i-w!i#T%j#T#Z-w#Z;'S%j;'S;=`%{<%lO%jj.OYuY!e`Oy%jz!Q%j!Q![.n![!c%j!c!i.n!i#T%j#T#Z.n#Z;'S%j;'S;=`%{<%lO%jj.uYuY!e`Oy%jz!Q%j!Q![/e![!c%j!c!i/e!i#T%j#T#Z/e#Z;'S%j;'S;=`%{<%lO%jj/jY!e`Oy%jz!Q%j!Q![0Y![!c%j!c!i0Y!i#T%j#T#Z0Y#Z;'S%j;'S;=`%{<%lO%jj0aYuY!e`Oy%jz!Q%j!Q![1P![!c%j!c!i1P!i#T%j#T#Z1P#Z;'S%j;'S;=`%{<%lO%jj1UY!e`Oy%jz!Q%j!Q![1t![!c%j!c!i1t!i#T%j#T#Z1t#Z;'S%j;'S;=`%{<%lO%jj1{SuY!e`Oy%jz;'S%j;'S;=`%{<%lO%jd2[UOy%jz!_%j!_!`2n!`;'S%j;'S;=`%{<%lO%jd2uS!oS!e`Oy%jz;'S%j;'S;=`%{<%lO%jb3WS^QOy%jz;'S%j;'S;=`%{<%lO%j~3gWOY3dZw3dwx*cx#O3d#O#P4P#P;'S3d;'S;=`4{<%lO3d~4SRO;'S3d;'S;=`4];=`O3d~4`XOY3dZw3dwx*cx#O3d#O#P4P#P;'S3d;'S;=`4{;=`<%l3d<%lO3d~5OP;=`<%l3dj5WShYOy%jz;'S%j;'S;=`%{<%lO%j~5iOg~n5pUWQyWOy%jz!_%j!_!`2n!`;'S%j;'S;=`%{<%lO%jj6ZWyW!uQOy%jz!O%j!O!P6s!P!Q%j!Q![9x![;'S%j;'S;=`%{<%lO%jj6xU!e`Oy%jz!Q%j!Q![7[![;'S%j;'S;=`%{<%lO%jj7cY!e`$]YOy%jz!Q%j!Q![7[![!g%j!g!h8R!h#X%j#X#Y8R#Y;'S%j;'S;=`%{<%lO%jj8WY!e`Oy%jz{%j{|8v|}%j}!O8v!O!Q%j!Q![9_![;'S%j;'S;=`%{<%lO%jj8{U!e`Oy%jz!Q%j!Q![9_![;'S%j;'S;=`%{<%lO%jj9fU!e`$]YOy%jz!Q%j!Q![9_![;'S%j;'S;=`%{<%lO%jj:P[!e`$]YOy%jz!O%j!O!P7[!P!Q%j!Q![9x![!g%j!g!h8R!h#X%j#X#Y8R#Y;'S%j;'S;=`%{<%lO%jj:zS!aYOy%jz;'S%j;'S;=`%{<%lO%jj;]WyWOy%jz!O%j!O!P6s!P!Q%j!Q![9x![;'S%j;'S;=`%{<%lO%jj;zU`YOy%jz!Q%j!Q![7[![;'S%j;'S;=`%{<%lO%j~<cTyWOy%jz{<r{;'S%j;'S;=`%{<%lO%j~<yS!e`$R~Oy%jz;'S%j;'S;=`%{<%lO%jj=[[$]YOy%jz!O%j!O!P7[!P!Q%j!Q![9x![!g%j!g!h8R!h#X%j#X#Y8R#Y;'S%j;'S;=`%{<%lO%jj>VUcYOy%jz![%j![!]>i!];'S%j;'S;=`%{<%lO%jj>pSdY!e`Oy%jz;'S%j;'S;=`%{<%lO%jj?RSnYOy%jz;'S%j;'S;=`%{<%lO%jh?dU!WWOy%jz!_%j!_!`?v!`;'S%j;'S;=`%{<%lO%jh?}S!WW!e`Oy%jz;'S%j;'S;=`%{<%lO%jl@bS!WW!oSOy%jz;'S%j;'S;=`%{<%lO%jj@uV!rQ!WWOy%jz!_%j!_!`?v!`!aA[!a;'S%j;'S;=`%{<%lO%jbAcS!rQ!e`Oy%jz;'S%j;'S;=`%{<%lO%jjArYOy%jz}%j}!OBb!O!c%j!c!}CP!}#T%j#T#oCP#o;'S%j;'S;=`%{<%lO%jjBgW!e`Oy%jz!c%j!c!}CP!}#T%j#T#oCP#o;'S%j;'S;=`%{<%lO%jjCW[lY!e`Oy%jz}%j}!OCP!O!Q%j!Q![CP![!c%j!c!}CP!}#T%j#T#oCP#o;'S%j;'S;=`%{<%lO%jhDRS!pWOy%jz;'S%j;'S;=`%{<%lO%jjDdSpYOy%jz;'S%j;'S;=`%{<%lO%jnDuSo^Oy%jz;'S%j;'S;=`%{<%lO%jjEWU!pWOy%jz#a%j#a#bEj#b;'S%j;'S;=`%{<%lO%jbEoU!e`Oy%jz#d%j#d#eFR#e;'S%j;'S;=`%{<%lO%jbFWU!e`Oy%jz#c%j#c#dFj#d;'S%j;'S;=`%{<%lO%jbFoU!e`Oy%jz#f%j#f#gGR#g;'S%j;'S;=`%{<%lO%jbGWU!e`Oy%jz#h%j#h#iGj#i;'S%j;'S;=`%{<%lO%jbGoU!e`Oy%jz#T%j#T#UHR#U;'S%j;'S;=`%{<%lO%jbHWU!e`Oy%jz#b%j#b#cHj#c;'S%j;'S;=`%{<%lO%jbHoU!e`Oy%jz#h%j#h#iIR#i;'S%j;'S;=`%{<%lO%jbIYS$cQ!e`Oy%jz;'S%j;'S;=`%{<%lO%jjIkSsYOy%jz;'S%j;'S;=`%{<%lO%jfI|U$XUOy%jz!_%j!_!`2n!`;'S%j;'S;=`%{<%lO%jjJeSrYOy%jz;'S%j;'S;=`%{<%lO%jfJvU!uQOy%jz!_%j!_!`2n!`;'S%j;'S;=`%{<%lO%j`K]P;=`<%l%Z",
+  tokenizers: [descendant, unitToken, identifiers, queryIdentifiers, 1, 2, 3, 4, new LocalTokenGroup("m~RRYZ[z{a~~g~aO$T~~dP!P!Qg~lO$U~~", 28, 142)],
+  topRules: { "StyleSheet": [0, 6], "Styles": [1, 116] },
+  dynamicPrecedences: { "84": 1 },
+  specialized: [{ term: 137, get: (value) => spec_callee[value] || -1 }, { term: 138, get: (value) => spec_queryIdentifier[value] || -1 }, { term: 4, get: (value) => spec_QueryCallee[value] || -1 }, { term: 28, get: (value) => spec_AtKeyword[value] || -1 }, { term: 136, get: (value) => spec_identifier[value] || -1 }],
+  tokenPrec: 2256
 });
 
 // ../../node_modules/@codemirror/lang-css/dist/index.js
@@ -26200,9 +26237,10 @@ function getAnnotationTooltip(annotation) {
   }
   return "Annotation";
 }
-function getAnnotationDecorationMeta(annotation, isNew) {
+function getAnnotationDecorationMeta(annotation, isNew, segment) {
   const baseClassName = Object.values(ANNOTATORS).find((a15) => a15.matchesAnnotation(annotation))?.className || "annotation-highlight";
-  const className = isNew ? `${baseClassName} annotation-sparkle` : baseClassName;
+  const lowConfidenceClass = segment?.confidence && segment.confidence !== "high" ? " annotation-low-confidence" : "";
+  const className = `${baseClassName}${isNew ? " annotation-sparkle" : ""}${lowConfidenceClass}`;
   const isHighlightAnn = isHighlight2(annotation);
   const isReferenceAnn = isReference2(annotation);
   const isCommentAnn = isComment2(annotation);
@@ -26214,11 +26252,15 @@ function getAnnotationDecorationMeta(annotation, isNew) {
   else if (isAssessmentAnn) annotationType = "assessment";
   else if (isTagAnn) annotationType = "tag";
   else if (isHighlightAnn) annotationType = "highlight";
+  const baseTooltip = getAnnotationTooltip(annotation);
+  const tooltip = segment?.strategy && segment.strategy !== "fast-path" && segment.strategy !== "unique-occurrence" ? `${baseTooltip} (anchored: ${segment.strategy})` : baseTooltip;
   return {
     className,
     annotationType,
     annotationId: annotation.id,
-    tooltip: getAnnotationTooltip(annotation)
+    tooltip,
+    ...segment?.strategy !== void 0 ? { strategy: segment.strategy } : {},
+    ...segment?.confidence !== void 0 ? { confidence: segment.confidence } : {}
   };
 }
 function computeAnnotationDecorations(segments, newAnnotationIds) {
@@ -26228,7 +26270,10 @@ function computeAnnotationDecorations(segments, newAnnotationIds) {
     return {
       start: segment.start,
       end: segment.end,
-      meta: getAnnotationDecorationMeta(annotation, isNew)
+      meta: getAnnotationDecorationMeta(annotation, isNew, {
+        ...segment.strategy !== void 0 ? { strategy: segment.strategy } : {},
+        ...segment.confidence !== void 0 ? { confidence: segment.confidence } : {}
+      })
     };
   });
 }
@@ -26333,6 +26378,8 @@ function buildAnnotationDecorations(segments, newAnnotationIds) {
       attributes: {
         "data-annotation-id": meta2.annotationId,
         "data-annotation-type": meta2.annotationType,
+        ...meta2.strategy ? { "data-anchor-strategy": meta2.strategy } : {},
+        ...meta2.confidence ? { "data-anchor-confidence": meta2.confidence } : {},
         title: meta2.tooltip
       }
     });
@@ -26720,15 +26767,13 @@ var ErrorBoundary = class extends Component {
     super(props);
     this.state = {
       hasError: false,
-      error: null,
-      errorInfo: null
+      error: null
     };
   }
   static getDerivedStateFromError(error) {
     return {
       hasError: true,
-      error,
-      errorInfo: null
+      error
     };
   }
   componentDidCatch(error, errorInfo) {
@@ -26738,15 +26783,11 @@ var ErrorBoundary = class extends Component {
     if (this.props.onError) {
       this.props.onError(error, errorInfo);
     }
-    this.setState({
-      errorInfo
-    });
   }
   handleReset = () => {
     this.setState({
       hasError: false,
-      error: null,
-      errorInfo: null
+      error: null
     });
   };
   render() {
@@ -26838,25 +26879,29 @@ function ProtectedErrorBoundary({
   );
 }
 function ProtectedErrorFallback({ error, resetErrorBoundary }) {
-  return /* @__PURE__ */ jsx9("div", { className: "min-h-[400px] flex items-center justify-center p-4", children: /* @__PURE__ */ jsxs4("div", { className: "max-w-md w-full bg-white dark:bg-gray-800 rounded-lg shadow-lg p-6", children: [
-    /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3 mb-4", children: [
-      /* @__PURE__ */ jsx9("div", { className: "flex-shrink-0 w-10 h-10 bg-red-100 dark:bg-red-900/30 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx9("svg", { className: "w-6 h-6 text-red-600 dark:text-red-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx9("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }) }),
-      /* @__PURE__ */ jsx9("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white", children: "Something went wrong" })
+  const message = error instanceof Error ? error.message : String(error);
+  const stack = error instanceof Error ? error.stack : void 0;
+  return /* @__PURE__ */ jsx9("div", { className: "semiont-protected-error-boundary-container", children: /* @__PURE__ */ jsxs4("div", { className: "semiont-protected-error-boundary-card", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "semiont-protected-error-boundary-header", children: [
+      /* @__PURE__ */ jsx9("div", { className: "semiont-protected-error-boundary-icon-wrapper", children: /* @__PURE__ */ jsx9("svg", { className: "semiont-protected-error-boundary-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx9("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }) }),
+      /* @__PURE__ */ jsx9("h2", { className: "semiont-protected-error-boundary-title", children: "Something went wrong" })
     ] }),
-    /* @__PURE__ */ jsx9("p", { className: "text-gray-600 dark:text-gray-300 mb-6", children: "An unexpected error occurred. Try again, or refresh the page." }),
-    process.env.NODE_ENV === "development" && /* @__PURE__ */ jsxs4("details", { className: "mb-4", children: [
-      /* @__PURE__ */ jsx9("summary", { className: "text-sm text-gray-500 cursor-pointer hover:text-gray-700 dark:hover:text-gray-300", children: "Error details (development only)" }),
-      /* @__PURE__ */ jsxs4("pre", { className: "mt-2 text-xs bg-gray-100 dark:bg-gray-900 p-2 rounded-sm overflow-auto", children: [
-        error.message,
-        error.stack
+    /* @__PURE__ */ jsx9("p", { className: "semiont-protected-error-boundary-message", children: "An unexpected error occurred. Try again, or refresh the page." }),
+    process.env.NODE_ENV === "development" && /* @__PURE__ */ jsxs4("details", { className: "semiont-protected-error-boundary-details", children: [
+      /* @__PURE__ */ jsx9("summary", { className: "semiont-protected-error-boundary-summary", children: "Error details (development only)" }),
+      /* @__PURE__ */ jsxs4("pre", { className: "semiont-protected-error-boundary-stack", children: [
+        message,
+        stack
       ] })
     ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "flex gap-3", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "semiont-protected-error-boundary-actions", children: [
       /* @__PURE__ */ jsx9(
         "button",
         {
           onClick: resetErrorBoundary,
-          className: "flex-1 px-4 py-2 text-gray-700 dark:text-gray-200 border border-gray-300 dark:border-gray-600 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors",
+          className: "semiont-button",
+          "data-variant": "secondary",
+          "data-size": "md",
           children: "Try Again"
         }
       ),
@@ -26864,7 +26909,9 @@ function ProtectedErrorFallback({ error, resetErrorBoundary }) {
         "button",
         {
           onClick: () => window.location.reload(),
-          className: "flex-1 px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors",
+          className: "semiont-button",
+          "data-variant": "primary",
+          "data-size": "md",
           children: "Refresh Page"
         }
       )
@@ -27827,16 +27874,16 @@ function JsonLdView({ annotation, onBack }) {
 
 // ../../node_modules/clsx/dist/clsx.mjs
 function r(e6) {
-  var t12, f10, n12 = "";
+  var t12, f11, n12 = "";
   if ("string" == typeof e6 || "number" == typeof e6) n12 += e6;
   else if ("object" == typeof e6) if (Array.isArray(e6)) {
     var o12 = e6.length;
-    for (t12 = 0; t12 < o12; t12++) e6[t12] && (f10 = r(e6[t12])) && (n12 && (n12 += " "), n12 += f10);
-  } else for (f10 in e6) e6[f10] && (n12 && (n12 += " "), n12 += f10);
+    for (t12 = 0; t12 < o12; t12++) e6[t12] && (f11 = r(e6[t12])) && (n12 && (n12 += " "), n12 += f11);
+  } else for (f11 in e6) e6[f11] && (n12 && (n12 += " "), n12 += f11);
   return n12;
 }
 function clsx() {
-  for (var e6, t12, f10 = 0, n12 = "", o12 = arguments.length; f10 < o12; f10++) (e6 = arguments[f10]) && (t12 = r(e6)) && (n12 && (n12 += " "), n12 += t12);
+  for (var e6, t12, f11 = 0, n12 = "", o12 = arguments.length; f11 < o12; f11++) (e6 = arguments[f11]) && (t12 = r(e6)) && (n12 && (n12 += " "), n12 += t12);
   return n12;
 }
 
@@ -27988,7 +28035,7 @@ function a2() {
 }
 
 // ../../node_modules/@headlessui/react/dist/utils/render.js
-import E, { Fragment as j, cloneElement as v, createElement as S2, forwardRef as w, isValidElement as k, useCallback as x, useRef as M } from "react";
+import v, { Fragment as S2, cloneElement as j, createElement as w, forwardRef as k, isValidElement as M, useCallback as x, useRef as O } from "react";
 
 // ../../node_modules/@headlessui/react/dist/utils/class-names.js
 function t5(...r14) {
@@ -28007,33 +28054,33 @@ function u(r14, n12, ...a15) {
 
 // ../../node_modules/@headlessui/react/dist/utils/render.js
 var A = ((a15) => (a15[a15.None = 0] = "None", a15[a15.RenderStrategy = 1] = "RenderStrategy", a15[a15.Static = 2] = "Static", a15))(A || {});
-var C2 = ((e6) => (e6[e6.Unmount = 0] = "Unmount", e6[e6.Hidden = 1] = "Hidden", e6))(C2 || {});
+var C2 = ((t12) => (t12[t12.Unmount = 0] = "Unmount", t12[t12.Hidden = 1] = "Hidden", t12))(C2 || {});
 function K() {
-  let n12 = $();
-  return x((r14) => U({ mergeRefs: n12, ...r14 }), [n12]);
-}
-function U({ ourProps: n12, theirProps: r14, slot: e6, defaultTag: a15, features: s11, visible: t12 = true, name: l10, mergeRefs: i12 }) {
-  i12 = i12 != null ? i12 : I;
-  let o12 = P(r14, n12);
-  if (t12) return F(o12, e6, a15, l10, i12);
-  let y4 = s11 != null ? s11 : 0;
+  let e6 = I();
+  return x((r14) => U({ mergeRefs: e6, ...r14 }), [e6]);
+}
+function U({ ourProps: e6, theirProps: r14, slot: t12, defaultTag: a15, features: o12, visible: n12 = true, name: i12, mergeRefs: l10 }) {
+  l10 = l10 != null ? l10 : H;
+  let s11 = P(r14, e6);
+  if (n12) return F(s11, t12, a15, i12, l10);
+  let y4 = o12 != null ? o12 : 0;
   if (y4 & 2) {
-    let { static: f10 = false, ...u12 } = o12;
-    if (f10) return F(u12, e6, a15, l10, i12);
+    let { static: f11 = false, ...u12 } = s11;
+    if (f11) return F(u12, t12, a15, i12, l10);
   }
   if (y4 & 1) {
-    let { unmount: f10 = true, ...u12 } = o12;
-    return u(f10 ? 0 : 1, { [0]() {
+    let { unmount: f11 = true, ...u12 } = s11;
+    return u(f11 ? 0 : 1, { [0]() {
       return null;
     }, [1]() {
-      return F({ ...u12, hidden: true, style: { display: "none" } }, e6, a15, l10, i12);
+      return F({ ...u12, hidden: true, style: { display: "none" } }, t12, a15, i12, l10);
     } });
   }
-  return F(o12, e6, a15, l10, i12);
+  return F(s11, t12, a15, i12, l10);
 }
-function F(n12, r14 = {}, e6, a15, s11) {
-  let { as: t12 = e6, children: l10, refName: i12 = "ref", ...o12 } = h(n12, ["unmount", "static"]), y4 = n12.ref !== void 0 ? { [i12]: n12.ref } : {}, f10 = typeof l10 == "function" ? l10(r14) : l10;
-  "className" in o12 && o12.className && typeof o12.className == "function" && (o12.className = o12.className(r14)), o12["aria-labelledby"] && o12["aria-labelledby"] === o12.id && (o12["aria-labelledby"] = void 0);
+function F(e6, r14 = {}, t12, a15, o12) {
+  let { as: n12 = t12, children: i12, refName: l10 = "ref", ...s11 } = h(e6, ["unmount", "static"]), y4 = e6.ref !== void 0 ? { [l10]: e6.ref } : {}, f11 = typeof i12 == "function" ? i12(r14) : i12;
+  f11 = E(f11), "className" in s11 && s11.className && typeof s11.className == "function" && (s11.className = s11.className(r14)), s11["aria-labelledby"] && s11["aria-labelledby"] === s11.id && (s11["aria-labelledby"] = void 0);
   let u12 = {};
   if (r14) {
     let d8 = false, p6 = [];
@@ -28043,72 +28090,79 @@ function F(n12, r14 = {}, e6, a15, s11) {
       for (let c12 of p6) u12[`data-${c12}`] = "";
     }
   }
-  if (b(t12) && (Object.keys(m(o12)).length > 0 || Object.keys(m(u12)).length > 0)) if (!k(f10) || Array.isArray(f10) && f10.length > 1 || D(f10)) {
-    if (Object.keys(m(o12)).length > 0) throw new Error(['Passing props on "Fragment"!', "", `The current component <${a15} /> is rendering a "Fragment".`, "However we need to passthrough the following props:", Object.keys(m(o12)).concat(Object.keys(m(u12))).map((d8) => `  - ${d8}`).join(`
+  if (b(n12) && (Object.keys(m(s11)).length > 0 || Object.keys(m(u12)).length > 0)) if (!M(f11) || Array.isArray(f11) && f11.length > 1 || L(f11)) {
+    if (Object.keys(m(s11)).length > 0) throw new Error(['Passing props on "Fragment"!', "", `The current component <${a15} /> is rendering a "Fragment".`, "However we need to passthrough the following props:", Object.keys(m(s11)).concat(Object.keys(m(u12))).map((d8) => `  - ${d8}`).join(`
 `), "", "You can apply a few solutions:", ['Add an `as="..."` prop, to ensure that we render an actual element instead of a "Fragment".', "Render a single element as the child so that we can forward the props onto that element."].map((d8) => `  - ${d8}`).join(`
 `)].join(`
 `));
   } else {
-    let d8 = f10.props, p6 = d8 == null ? void 0 : d8.className, c12 = typeof p6 == "function" ? (...R2) => t5(p6(...R2), o12.className) : t5(p6, o12.className), T7 = c12 ? { className: c12 } : {}, g2 = P(f10.props, m(h(o12, ["ref"])));
+    let d8 = f11.props, p6 = d8 == null ? void 0 : d8.className, c12 = typeof p6 == "function" ? (...R2) => t5(p6(...R2), s11.className) : t5(p6, s11.className), T7 = c12 ? { className: c12 } : {}, g2 = P(f11.props, m(h(s11, ["ref"])));
     for (let R2 in u12) R2 in g2 && delete u12[R2];
-    return v(f10, Object.assign({}, g2, u12, y4, { ref: s11(H(f10), y4.ref) }, T7));
+    return j(f11, Object.assign({}, g2, u12, y4, { ref: o12(D(f11), y4.ref) }, T7));
   }
-  return S2(t12, Object.assign({}, h(o12, ["ref"]), !b(t12) && y4, !b(t12) && u12), f10);
+  return w(n12, Object.assign({}, h(s11, ["ref"]), !b(n12) && y4, !b(n12) && u12), f11);
 }
-function $() {
-  let n12 = M([]), r14 = x((e6) => {
-    for (let a15 of n12.current) a15 != null && (typeof a15 == "function" ? a15(e6) : a15.current = e6);
+function I() {
+  let e6 = O([]), r14 = x((t12) => {
+    for (let a15 of e6.current) a15 != null && (typeof a15 == "function" ? a15(t12) : a15.current = t12);
   }, []);
-  return (...e6) => {
-    if (!e6.every((a15) => a15 == null)) return n12.current = e6, r14;
+  return (...t12) => {
+    if (!t12.every((a15) => a15 == null)) return e6.current = t12, r14;
   };
 }
-function I(...n12) {
-  return n12.every((r14) => r14 == null) ? void 0 : (r14) => {
-    for (let e6 of n12) e6 != null && (typeof e6 == "function" ? e6(r14) : e6.current = r14);
+function H(...e6) {
+  return e6.every((r14) => r14 == null) ? void 0 : (r14) => {
+    for (let t12 of e6) t12 != null && (typeof t12 == "function" ? t12(r14) : t12.current = r14);
   };
 }
-function P(...n12) {
+function P(...e6) {
   var a15;
-  if (n12.length === 0) return {};
-  if (n12.length === 1) return n12[0];
-  let r14 = {}, e6 = {};
-  for (let s11 of n12) for (let t12 in s11) t12.startsWith("on") && typeof s11[t12] == "function" ? ((a15 = e6[t12]) != null || (e6[t12] = []), e6[t12].push(s11[t12])) : r14[t12] = s11[t12];
-  if (r14.disabled || r14["aria-disabled"]) for (let s11 in e6) /^(on(?:Click|Pointer|Mouse|Key)(?:Down|Up|Press)?)$/.test(s11) && (e6[s11] = [(t12) => {
-    var l10;
-    return (l10 = t12 == null ? void 0 : t12.preventDefault) == null ? void 0 : l10.call(t12);
+  if (e6.length === 0) return {};
+  if (e6.length === 1) return e6[0];
+  let r14 = {}, t12 = {};
+  for (let o12 of e6) for (let n12 in o12) n12.startsWith("on") && typeof o12[n12] == "function" ? ((a15 = t12[n12]) != null || (t12[n12] = []), t12[n12].push(o12[n12])) : r14[n12] = o12[n12];
+  if (r14.disabled || r14["aria-disabled"]) for (let o12 in t12) /^(on(?:Click|Pointer|Mouse|Key)(?:Down|Up|Press)?)$/.test(o12) && (t12[o12] = [(n12) => {
+    var i12;
+    return (i12 = n12 == null ? void 0 : n12.preventDefault) == null ? void 0 : i12.call(n12);
   }]);
-  for (let s11 in e6) Object.assign(r14, { [s11](t12, ...l10) {
-    let i12 = e6[s11];
-    for (let o12 of i12) {
-      if ((t12 instanceof Event || (t12 == null ? void 0 : t12.nativeEvent) instanceof Event) && t12.defaultPrevented) return;
-      o12(t12, ...l10);
+  for (let o12 in t12) Object.assign(r14, { [o12](n12, ...i12) {
+    let l10 = t12[o12];
+    for (let s11 of l10) {
+      if ((n12 instanceof Event || (n12 == null ? void 0 : n12.nativeEvent) instanceof Event) && n12.defaultPrevented) return;
+      s11(n12, ...i12);
     }
   } });
   return r14;
 }
-function Y(n12) {
+function Y(e6) {
   var r14;
-  return Object.assign(w(n12), { displayName: (r14 = n12.displayName) != null ? r14 : n12.name });
+  return Object.assign(k(e6), { displayName: (r14 = e6.displayName) != null ? r14 : e6.name });
 }
-function m(n12) {
-  let r14 = Object.assign({}, n12);
-  for (let e6 in r14) r14[e6] === void 0 && delete r14[e6];
+function m(e6) {
+  let r14 = Object.assign({}, e6);
+  for (let t12 in r14) r14[t12] === void 0 && delete r14[t12];
   return r14;
 }
-function h(n12, r14 = []) {
-  let e6 = Object.assign({}, n12);
-  for (let a15 of r14) a15 in e6 && delete e6[a15];
-  return e6;
+function h(e6, r14 = []) {
+  let t12 = Object.assign({}, e6);
+  for (let a15 of r14) a15 in t12 && delete t12[a15];
+  return t12;
+}
+function D(e6) {
+  return v.version.split(".")[0] >= "19" ? e6.props.ref : e6.ref;
 }
-function H(n12) {
-  return E.version.split(".")[0] >= "19" ? n12.props.ref : n12.ref;
+function E(e6) {
+  if (e6 != null && e6.$$typeof === /* @__PURE__ */ Symbol.for("react.lazy")) {
+    let r14 = e6._payload;
+    if (r14 != null && r14.status === "fulfilled") return E(r14.value);
+  }
+  return e6;
 }
-function b(n12) {
-  return n12 === j || n12 === /* @__PURE__ */ Symbol.for("react.fragment");
+function b(e6) {
+  return e6 === S2 || e6 === /* @__PURE__ */ Symbol.for("react.fragment");
 }
-function D(n12) {
-  return b(n12.type);
+function L(e6) {
+  return b(e6.type);
 }
 
 // ../../node_modules/@headlessui/react/dist/hooks/use-id.js
@@ -28418,7 +28472,7 @@ var E2 = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "butt
 var S5 = ["[data-autofocus]"].map((e6) => `${e6}:not([tabindex='-1'])`).join(",");
 var T4 = ((o12) => (o12[o12.First = 1] = "First", o12[o12.Previous = 2] = "Previous", o12[o12.Next = 4] = "Next", o12[o12.Last = 8] = "Last", o12[o12.WrapAround = 16] = "WrapAround", o12[o12.NoScroll = 32] = "NoScroll", o12[o12.AutoFocus = 64] = "AutoFocus", o12))(T4 || {});
 var A2 = ((n12) => (n12[n12.Error = 0] = "Error", n12[n12.Overflow = 1] = "Overflow", n12[n12.Success = 2] = "Success", n12[n12.Underflow = 3] = "Underflow", n12))(A2 || {});
-var O = ((t12) => (t12[t12.Previous = -1] = "Previous", t12[t12.Next = 1] = "Next", t12))(O || {});
+var O2 = ((t12) => (t12[t12.Previous = -1] = "Previous", t12[t12.Next = 1] = "Next", t12))(O2 || {});
 function x3(e6 = document.body) {
   return e6 == null ? [] : Array.from(e6.querySelectorAll(E2)).sort((r14, t12) => Math.sign((r14.tabIndex || Number.MAX_SAFE_INTEGER) - (t12.tabIndex || Number.MAX_SAFE_INTEGER)));
 }
@@ -28468,7 +28522,7 @@ function v3(e6, r14, { sorted: t12 = true, relativeTo: l10 = null, skipElements:
     if (r14 & 5) return 1;
     if (r14 & 10) return -1;
     throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
-  })(), M7 = (() => {
+  })(), M6 = (() => {
     if (r14 & 1) return 0;
     if (r14 & 2) return Math.max(0, u12.indexOf(l10)) - 1;
     if (r14 & 4) return Math.max(0, u12.indexOf(l10)) + 1;
@@ -28477,7 +28531,7 @@ function v3(e6, r14, { sorted: t12 = true, relativeTo: l10 = null, skipElements:
   })(), N2 = r14 & 32 ? { preventScroll: true } : {}, m6 = 0, c12 = u12.length, s11;
   do {
     if (m6 >= c12 || m6 + c12 <= 0) return 0;
-    let i12 = M7 + m6;
+    let i12 = M6 + m6;
     if (r14 & 16) i12 = (i12 + c12) % c12;
     else {
       if (i12 < 0) return 3;
@@ -28527,17 +28581,17 @@ function s6(t12, e6, o12, n12) {
 
 // ../../node_modules/@headlessui/react/dist/hooks/use-outside-click.js
 var C5 = 30;
-function k3(o12, f10, h6) {
+function k3(o12, f11, h6) {
   let m6 = s3(h6), s11 = T5(function(e6, c12) {
     if (e6.defaultPrevented) return;
     let r14 = c12(e6);
     if (r14 === null || !r14.getRootNode().contains(r14) || !r14.isConnected) return;
-    let M7 = (function u12(n12) {
+    let M6 = (function u12(n12) {
       return typeof n12 == "function" ? u12(n12()) : Array.isArray(n12) || n12 instanceof Set ? n12 : [n12];
-    })(f10);
-    for (let u12 of M7) if (u12 !== null && (u12.contains(r14) || e6.composed && e6.composedPath().includes(u12))) return;
+    })(f11);
+    for (let u12 of M6) if (u12 !== null && (u12.contains(r14) || e6.composed && e6.composedPath().includes(u12))) return;
     return !H3(r14, I4.Loose) && r14.tabIndex !== -1 && e6.preventDefault(), m6.current(e6, r14);
-  }, [m6, f10]), i12 = E3(null);
+  }, [m6, f11]), i12 = E3(null);
   i8(o12, "pointerdown", (t12) => {
     var e6, c12;
     n8() || (i12.current = ((c12 = (e6 = t12.composedPath) == null ? void 0 : e6.call(t12)) == null ? void 0 : c12[0]) || t12.target);
@@ -28624,8 +28678,8 @@ function w3() {
         if (i3(t12.target)) try {
           let e6 = t12.target.closest("a");
           if (!e6) return;
-          let { hash: n12 } = new URL(e6.href), f10 = o12.querySelector(n12);
-          i3(f10) && !a15(f10) && (l10 = f10);
+          let { hash: n12 } = new URL(e6.href), f11 = o12.querySelector(n12);
+          i3(f11) && !a15(f11) && (l10 = f11);
         } catch {
         }
       }, true), r14.group((t12) => {
@@ -28695,7 +28749,7 @@ c4.subscribe(() => {
 
 // ../../node_modules/@headlessui/react/dist/hooks/document-overflow/use-document-overflow.js
 function a11(r14, e6, n12 = () => ({ containers: [] })) {
-  let f10 = o10(c4), o12 = e6 ? f10.get(e6) : void 0, i12 = o12 ? o12.count > 0 : false;
+  let f11 = o10(c4), o12 = e6 ? f11.get(e6) : void 0, i12 = o12 ? o12.count > 0 : false;
   return n(() => {
     if (!(!e6 || !r14)) return c4.dispatch("PUSH", e6, n12), () => c4.dispatch("POP", e6, n12);
   }, [r14, e6]), i12;
@@ -28734,7 +28788,7 @@ function x4(e6) {
   return r14;
 }
 function N(e6, r14, t12, n12) {
-  let [i12, a15] = b4(t12), { hasFlag: s11, addFlag: o12, removeFlag: l10 } = c5(e6 && i12 ? 3 : 0), u12 = c6(false), f10 = c6(false), E6 = p();
+  let [i12, a15] = b4(t12), { hasFlag: s11, addFlag: o12, removeFlag: l10 } = c5(e6 && i12 ? 3 : 0), u12 = c6(false), f11 = c6(false), E6 = p();
   return n(() => {
     var d8;
     if (e6) {
@@ -28743,12 +28797,12 @@ function N(e6, r14, t12, n12) {
         return;
       }
       return (d8 = n12 == null ? void 0 : n12.start) == null || d8.call(n12, t12), C6(r14, { inFlight: u12, prepare() {
-        f10.current ? f10.current = false : f10.current = u12.current, u12.current = true, !f10.current && (t12 ? (o12(3), l10(4)) : (o12(4), l10(2)));
+        f11.current ? f11.current = false : f11.current = u12.current, u12.current = true, !f11.current && (t12 ? (o12(3), l10(4)) : (o12(4), l10(2)));
       }, run() {
-        f10.current ? t12 ? (l10(3), o12(4)) : (l10(4), o12(3)) : t12 ? l10(1) : o12(1);
+        f11.current ? t12 ? (l10(3), o12(4)) : (l10(4), o12(3)) : t12 ? l10(1) : o12(1);
       }, done() {
         var p6;
-        f10.current && D3(r14) || (u12.current = false, l10(7), t12 || a15(false), (p6 = n12 == null ? void 0 : n12.end) == null || p6.call(n12, t12));
+        f11.current && D3(r14) || (u12.current = false, l10(7), t12 || a15(false), (p6 = n12 == null ? void 0 : n12.end) == null || p6.call(n12, t12));
       } });
     }
   }, [e6, t12, r14, E6]), e6 ? [i12, { closed: s11(1), enter: s11(2), leave: s11(4), transition: s11(2) || s11(4) }] : [t12, { closed: void 0, enter: void 0, leave: void 0, transition: void 0 }];
@@ -28835,8 +28889,8 @@ t9(() => {
 });
 
 // ../../node_modules/@headlessui/react/dist/components/portal/portal.js
-import i10, { Fragment as R, createContext as E5, useContext as P3, useEffect as A4, useMemo as G2, useRef as x5, useState as M4 } from "react";
-import { createPortal as b5 } from "react-dom";
+import i10, { Fragment as R, createContext as E5, useContext as f8, useEffect as A4, useMemo as G2, useRef as x5, useState as b5 } from "react";
+import { createPortal as H4 } from "react-dom";
 
 // ../../node_modules/@headlessui/react/dist/hooks/use-on-unmount.js
 import { useEffect as u10, useRef as n11 } from "react";
@@ -28849,19 +28903,33 @@ function c8(t12) {
   }), [r14]);
 }
 
+// ../../node_modules/@headlessui/react/dist/hooks/use-server-handoff-complete.js
+import * as t10 from "react";
+function s9() {
+  let r14 = typeof document == "undefined";
+  return "useSyncExternalStore" in t10 ? ((o12) => o12.useSyncExternalStore)(t10)(() => () => {
+  }, () => false, () => !r14) : false;
+}
+function l7() {
+  let r14 = s9(), [e6, n12] = t10.useState(s.isHandoffComplete);
+  return e6 && s.isHandoffComplete === false && n12(false), t10.useEffect(() => {
+    e6 !== true && n12(true);
+  }, [e6]), t10.useEffect(() => s.handoff(), []), r14 ? false : e6;
+}
+
 // ../../node_modules/@headlessui/react/dist/internal/portal-force-root.js
-import t10, { createContext as r12, useContext as c9 } from "react";
+import t11, { createContext as r12, useContext as c9 } from "react";
 var e5 = r12(false);
 function a12() {
   return c9(e5);
 }
-function l7(o12) {
-  return t10.createElement(e5.Provider, { value: o12.force }, o12.children);
+function l8(o12) {
+  return t11.createElement(e5.Provider, { value: o12.force }, o12.children);
 }
 
 // ../../node_modules/@headlessui/react/dist/components/portal/portal.js
-function W(e6) {
-  let o12 = a12(), l10 = P3(c10), [r14, p6] = M4(() => {
+function j4(e6) {
+  let o12 = a12(), l10 = f8(c10), [r14, p6] = b5(() => {
     var s11;
     if (!o12 && l10 !== null) return (s11 = l10.current) != null ? s11 : null;
     if (s.isServer) return null;
@@ -28878,30 +28946,30 @@ function W(e6) {
   }, [l10, p6, o12]), r14;
 }
 var _3 = R;
-var j4 = Y(function(o12, l10) {
+var I5 = Y(function(o12, l10) {
   let { ownerDocument: r14 = null, ...p6 } = o12, t12 = x5(null), n12 = y(T((a15) => {
     t12.current = a15;
-  }), l10), s11 = u8(t12.current), C7 = r14 != null ? r14 : s11, u12 = W(C7), y4 = P3(m5), g2 = p(), v4 = K();
+  }), l10), s11 = u8(t12.current), C7 = r14 != null ? r14 : s11, u12 = j4(C7), y4 = f8(m5), g2 = p(), v4 = l7(), M6 = K();
   return c8(() => {
     var a15;
     u12 && u12.childNodes.length <= 0 && ((a15 = u12.parentElement) == null || a15.removeChild(u12));
-  }), u12 ? b5(i10.createElement("div", { "data-headlessui-portal": "", ref: (a15) => {
+  }), !u12 || !v4 ? null : H4(i10.createElement("div", { "data-headlessui-portal": "", ref: (a15) => {
     g2.dispose(), y4 && a15 && g2.add(y4.register(a15));
-  } }, v4({ ourProps: { ref: n12 }, theirProps: p6, slot: {}, defaultTag: _3, name: "Portal" })), u12) : null;
+  } }, M6({ ourProps: { ref: n12 }, theirProps: p6, slot: {}, defaultTag: _3, name: "Portal" })), u12);
 });
-function S7(e6, o12) {
+function D4(e6, o12) {
   let l10 = y(o12), { enabled: r14 = true, ownerDocument: p6, ...t12 } = e6, n12 = K();
-  return r14 ? i10.createElement(j4, { ...t12, ownerDocument: p6, ref: l10 }) : n12({ ourProps: { ref: l10 }, theirProps: t12, slot: {}, defaultTag: _3, name: "Portal" });
+  return r14 ? i10.createElement(I5, { ...t12, ownerDocument: p6, ref: l10 }) : n12({ ourProps: { ref: l10 }, theirProps: t12, slot: {}, defaultTag: _3, name: "Portal" });
 }
-var I5 = R;
+var J = R;
 var c10 = E5(null);
-function D4(e6, o12) {
+function X(e6, o12) {
   let { target: l10, ...r14 } = e6, t12 = { ref: y(o12) }, n12 = K();
-  return i10.createElement(c10.Provider, { value: l10 }, n12({ ourProps: t12, theirProps: r14, defaultTag: I5, name: "Popover.Group" }));
+  return i10.createElement(c10.Provider, { value: l10 }, n12({ ourProps: t12, theirProps: r14, defaultTag: J, name: "Popover.Group" }));
 }
 var m5 = E5(null);
-function ee() {
-  let e6 = P3(m5), o12 = x5([]), l10 = o4((t12) => (o12.current.push(t12), e6 && e6.register(t12), () => r14(t12))), r14 = o4((t12) => {
+function oe() {
+  let e6 = f8(m5), o12 = x5([]), l10 = o4((t12) => (o12.current.push(t12), e6 && e6.register(t12), () => r14(t12))), r14 = o4((t12) => {
     let n12 = o12.current.indexOf(t12);
     n12 !== -1 && o12.current.splice(n12, 1), e6 && e6.unregister(t12);
   }), p6 = G2(() => ({ register: l10, unregister: r14, portals: o12 }), [l10, r14, o12]);
@@ -28909,12 +28977,12 @@ function ee() {
     return i10.createElement(m5.Provider, { value: p6 }, n12);
   }, [p6])];
 }
-var J = Y(S7);
-var X = Y(D4);
-var te = Object.assign(J, { Group: X });
+var k4 = Y(D4);
+var B = Y(X);
+var le = Object.assign(k4, { Group: B });
 
 // ../../node_modules/@headlessui/react/dist/components/dialog/dialog.js
-import l9, { Fragment as $3, createContext as pe, createRef as se, useCallback as de2, useContext as ue2, useEffect as Te2, useMemo as fe2, useReducer as ge3, useRef as j6 } from "react";
+import l9, { Fragment as $2, createContext as pe, createRef as se, useCallback as de2, useContext as ue2, useEffect as Te2, useMemo as fe2, useReducer as ge3, useRef as j6 } from "react";
 
 // ../../node_modules/@headlessui/react/dist/hooks/use-escape.js
 function a13(o12, r14 = typeof document != "undefined" ? document.defaultView : null, t12) {
@@ -28926,7 +28994,7 @@ function a13(o12, r14 = typeof document != "undefined" ? document.defaultView :
 
 // ../../node_modules/@headlessui/react/dist/hooks/use-is-touch-device.js
 import { useState as i11 } from "react";
-function f8() {
+function f9() {
   var t12;
   let [e6] = i11(() => typeof window != "undefined" && typeof window.matchMedia == "function" ? window.matchMedia("(pointer: coarse)") : null), [o12, c12] = i11((t12 = e6 == null ? void 0 : e6.matches) != null ? t12 : false);
   return n(() => {
@@ -28939,8 +29007,8 @@ function f8() {
 }
 
 // ../../node_modules/@headlessui/react/dist/hooks/use-root-containers.js
-import s9, { createContext as h5, useContext as b6, useState as p5 } from "react";
-function S8({ defaultContainers: l10 = [], portals: n12, mainTreeNode: o12 } = {}) {
+import s10, { createContext as h5, useContext as b6, useState as p5 } from "react";
+function S7({ defaultContainers: l10 = [], portals: n12, mainTreeNode: o12 } = {}) {
   let c12 = o4(() => {
     var r14, u12;
     let i12 = l(o12), t12 = [];
@@ -28954,7 +29022,7 @@ function S8({ defaultContainers: l10 = [], portals: n12, mainTreeNode: o12 } = {
 var d7 = h5(null);
 function j5({ children: l10, node: n12 }) {
   let [o12, c12] = p5(null), i12 = x6(n12 != null ? n12 : o12);
-  return s9.createElement(d7.Provider, { value: i12 }, l10, i12 === null && s9.createElement(f2, { features: s4.Hidden, ref: (t12) => {
+  return s10.createElement(d7.Provider, { value: i12 }, l10, i12 === null && s10.createElement(f2, { features: s4.Hidden, ref: (t12) => {
     var r14, u12;
     if (t12) {
       for (let e6 of (u12 = (r14 = l(t12)) == null ? void 0 : r14.querySelectorAll("html > *, body > *")) != null ? u12 : []) if (e6 !== document.body && e6 !== document.head && t6(e6) && e6 != null && e6.contains(t12)) {
@@ -28969,26 +29037,12 @@ function x6(l10 = null) {
   return (n12 = b6(d7)) != null ? n12 : l10;
 }
 
-// ../../node_modules/@headlessui/react/dist/hooks/use-server-handoff-complete.js
-import * as t11 from "react";
-function s10() {
-  let r14 = typeof document == "undefined";
-  return "useSyncExternalStore" in t11 ? ((o12) => o12.useSyncExternalStore)(t11)(() => () => {
-  }, () => false, () => !r14) : false;
-}
-function l8() {
-  let r14 = s10(), [e6, n12] = t11.useState(s.isHandoffComplete);
-  return e6 && s.isHandoffComplete === false && n12(false), t11.useEffect(() => {
-    e6 !== true && n12(true);
-  }, [e6]), t11.useEffect(() => s.handoff(), []), r14 ? false : e6;
-}
-
 // ../../node_modules/@headlessui/react/dist/components/focus-trap/focus-trap.js
-import F2, { useRef as M5 } from "react";
+import F2, { useRef as M4 } from "react";
 
 // ../../node_modules/@headlessui/react/dist/hooks/use-is-mounted.js
 import { useRef as r13 } from "react";
-function f9() {
+function f10() {
   let e6 = r13(false);
   return n(() => (e6.current = true, () => {
     e6.current = false;
@@ -29013,15 +29067,15 @@ function x7(o12) {
   for (let e6 of o12.current) t6(e6.current) && t12.add(e6.current);
   return t12;
 }
-var $2 = "div";
+var $ = "div";
 var G3 = ((n12) => (n12[n12.None = 0] = "None", n12[n12.InitialFocus = 1] = "InitialFocus", n12[n12.TabLock = 2] = "TabLock", n12[n12.FocusLock = 4] = "FocusLock", n12[n12.RestoreFocus = 8] = "RestoreFocus", n12[n12.AutoFocus = 16] = "AutoFocus", n12))(G3 || {});
 function w4(o12, t12) {
-  let e6 = M5(null), r14 = y(e6, t12), { initialFocus: u12, initialFocusFallback: a15, containers: n12, features: s11 = 15, ...f10 } = o12;
-  l8() || (s11 = 0);
+  let e6 = M4(null), r14 = y(e6, t12), { initialFocus: u12, initialFocusFallback: a15, containers: n12, features: s11 = 15, ...f11 } = o12;
+  l7() || (s11 = 0);
   let l10 = u8(e6.current);
   re(s11, { ownerDocument: l10 });
   let T7 = ne(s11, { ownerDocument: l10, container: e6, initialFocus: u12, initialFocusFallback: a15 });
-  oe(s11, { ownerDocument: l10, container: e6, containers: n12, previousActiveElement: T7 });
+  oe2(s11, { ownerDocument: l10, container: e6, containers: n12, previousActiveElement: T7 });
   let g2 = u11(), A5 = o4((c12) => {
     if (!n4(e6.current)) return;
     let E6 = e6.current;
@@ -29032,7 +29086,7 @@ function w4(o12, t12) {
         v3(E6, T4.Last, { skipElements: [c12.relatedTarget, a15] });
       } });
     });
-  }), v4 = I3(!!(s11 & 2), "focus-trap#tab-lock"), N2 = p(), b8 = M5(false), k5 = { ref: r14, onKeyDown(c12) {
+  }), v4 = I3(!!(s11 & 2), "focus-trap#tab-lock"), N2 = p(), b8 = M4(false), k6 = { ref: r14, onKeyDown(c12) {
     c12.key == "Tab" && (b8.current = true, N2.requestAnimationFrame(() => {
       b8.current = false;
     }));
@@ -29040,15 +29094,15 @@ function w4(o12, t12) {
     if (!(s11 & 4)) return;
     let E6 = x7(n12);
     n4(e6.current) && E6.add(e6.current);
-    let L = c12.relatedTarget;
-    i3(L) && L.dataset.headlessuiFocusGuard !== "true" && (I6(E6, L) || (b8.current ? v3(e6.current, u(g2.current, { [a14.Forwards]: () => T4.Next, [a14.Backwards]: () => T4.Previous }) | T4.WrapAround, { relativeTo: c12.target }) : i3(c12.target) && w2(c12.target)));
-  } }, B = K();
-  return F2.createElement(F2.Fragment, null, v4 && F2.createElement(f2, { as: "button", type: "button", "data-headlessui-focus-guard": true, onFocus: A5, features: s4.Focusable }), B({ ourProps: k5, theirProps: f10, defaultTag: $2, name: "FocusTrap" }), v4 && F2.createElement(f2, { as: "button", type: "button", "data-headlessui-focus-guard": true, onFocus: A5, features: s4.Focusable }));
-}
-var ee2 = Y(w4);
-var ge = Object.assign(ee2, { features: G3 });
-function te2(o12 = true) {
-  let t12 = M5(n10.slice());
+    let L2 = c12.relatedTarget;
+    i3(L2) && L2.dataset.headlessuiFocusGuard !== "true" && (I6(E6, L2) || (b8.current ? v3(e6.current, u(g2.current, { [a14.Forwards]: () => T4.Next, [a14.Backwards]: () => T4.Previous }) | T4.WrapAround, { relativeTo: c12.target }) : i3(c12.target) && w2(c12.target)));
+  } }, B2 = K();
+  return F2.createElement(F2.Fragment, null, v4 && F2.createElement(f2, { as: "button", type: "button", "data-headlessui-focus-guard": true, onFocus: A5, features: s4.Focusable }), B2({ ourProps: k6, theirProps: f11, defaultTag: $, name: "FocusTrap" }), v4 && F2.createElement(f2, { as: "button", type: "button", "data-headlessui-focus-guard": true, onFocus: A5, features: s4.Focusable }));
+}
+var ee = Y(w4);
+var ge = Object.assign(ee, { features: G3 });
+function te(o12 = true) {
+  let t12 = M4(n10.slice());
   return m4(([e6], [r14]) => {
     r14 === true && e6 === false && t2(() => {
       t12.current.splice(0);
@@ -29059,7 +29113,7 @@ function te2(o12 = true) {
   });
 }
 function re(o12, { ownerDocument: t12 }) {
-  let e6 = !!(o12 & 8), r14 = te2(e6);
+  let e6 = !!(o12 & 8), r14 = te(e6);
   m4(() => {
     e6 || d2(t12 == null ? void 0 : t12.body) && w2(r14());
   }, [e6]), c8(() => {
@@ -29067,15 +29121,15 @@ function re(o12, { ownerDocument: t12 }) {
   });
 }
 function ne(o12, { ownerDocument: t12, container: e6, initialFocus: r14, initialFocusFallback: u12 }) {
-  let a15 = M5(null), n12 = I3(!!(o12 & 1), "focus-trap#initial-focus"), s11 = f9();
+  let a15 = M4(null), n12 = I3(!!(o12 & 1), "focus-trap#initial-focus"), s11 = f10();
   return m4(() => {
     if (o12 === 0) return;
     if (!n12) {
       u12 != null && u12.current && w2(u12.current);
       return;
     }
-    let f10 = e6.current;
-    f10 && t2(() => {
+    let f11 = e6.current;
+    f11 && t2(() => {
       if (!s11.current) return;
       let l10 = t12 == null ? void 0 : t12.activeElement;
       if (r14 != null && r14.current) {
@@ -29083,15 +29137,15 @@ function ne(o12, { ownerDocument: t12, container: e6, initialFocus: r14, initial
           a15.current = l10;
           return;
         }
-      } else if (f10.contains(l10)) {
+      } else if (f11.contains(l10)) {
         a15.current = l10;
         return;
       }
       if (r14 != null && r14.current) w2(r14.current);
       else {
         if (o12 & 16) {
-          if (v3(f10, T4.First | T4.AutoFocus) !== A2.Error) return;
-        } else if (v3(f10, T4.First) !== A2.Error) return;
+          if (v3(f11, T4.First | T4.AutoFocus) !== A2.Error) return;
+        } else if (v3(f11, T4.First) !== A2.Error) return;
         if (u12 != null && u12.current && (w2(u12.current), (t12 == null ? void 0 : t12.activeElement) === u12.current)) return;
         console.warn("There are no focusable elements inside the <FocusTrap />");
       }
@@ -29099,16 +29153,16 @@ function ne(o12, { ownerDocument: t12, container: e6, initialFocus: r14, initial
     });
   }, [u12, n12, o12]), a15;
 }
-function oe(o12, { ownerDocument: t12, container: e6, containers: r14, previousActiveElement: u12 }) {
-  let a15 = f9(), n12 = !!(o12 & 4);
+function oe2(o12, { ownerDocument: t12, container: e6, containers: r14, previousActiveElement: u12 }) {
+  let a15 = f10(), n12 = !!(o12 & 4);
   E4(t12 == null ? void 0 : t12.defaultView, "focus", (s11) => {
     if (!n12 || !a15.current) return;
-    let f10 = x7(r14);
-    n4(e6.current) && f10.add(e6.current);
+    let f11 = x7(r14);
+    n4(e6.current) && f11.add(e6.current);
     let l10 = u12.current;
     if (!l10) return;
     let T7 = s11.target;
-    n4(T7) ? I6(f10, T7) ? (u12.current = T7, w2(T7)) : (s11.preventDefault(), s11.stopPropagation(), w2(l10)) : w2(u12.current);
+    n4(T7) ? I6(f11, T7) ? (u12.current = T7, w2(T7)) : (s11.preventDefault(), s11.stopPropagation(), w2(l10)) : w2(u12.current);
   }, true);
 }
 function I6(o12, t12) {
@@ -29117,7 +29171,7 @@ function I6(o12, t12) {
 }
 
 // ../../node_modules/@headlessui/react/dist/components/transition/transition.js
-import c11, { Fragment as k4, createContext as ne2, useContext as q, useEffect as ge2, useMemo as ie3, useRef as b7, useState as O2 } from "react";
+import c11, { Fragment as k5, createContext as ne2, useContext as q, useEffect as ge2, useMemo as ie3, useRef as b7, useState as O3 } from "react";
 function ue(e6) {
   var t12;
   return !!(e6.enter || e6.enterFrom || e6.enterTo || e6.leave || e6.leaveFrom || e6.leaveTo) || !b((t12 = e6.as) != null ? t12 : de) || c11.Children.count(e6.children) === 1;
@@ -29137,11 +29191,11 @@ function Ae() {
 }
 var w5 = ne2(null);
 w5.displayName = "NestingContext";
-function M6(e6) {
-  return "children" in e6 ? M6(e6.children) : e6.current.filter(({ el: t12 }) => t12.current !== null).filter(({ state: t12 }) => t12 === "visible").length > 0;
+function M5(e6) {
+  return "children" in e6 ? M5(e6.children) : e6.current.filter(({ el: t12 }) => t12.current !== null).filter(({ state: t12 }) => t12 === "visible").length > 0;
 }
 function Te(e6, t12) {
-  let n12 = s3(e6), l10 = b7([]), S9 = f9(), R2 = p(), d8 = o4((o12, i12 = C2.Hidden) => {
+  let n12 = s3(e6), l10 = b7([]), S8 = f10(), R2 = p(), d8 = o4((o12, i12 = C2.Hidden) => {
     let a15 = l10.current.findIndex(({ el: s11 }) => s11 === o12);
     a15 !== -1 && (u(i12, { [C2.Unmount]() {
       l10.current.splice(a15, 1);
@@ -29149,7 +29203,7 @@ function Te(e6, t12) {
       l10.current[a15].state = "hidden";
     } }), R2.microTask(() => {
       var s11;
-      !M6(l10) && S9.current && ((s11 = n12.current) == null || s11.call(n12));
+      !M5(l10) && S8.current && ((s11 = n12.current) == null || s11.call(n12));
     }));
   }), y4 = o4((o12) => {
     let i12 = l10.current.find(({ el: a15 }) => a15 === o12);
@@ -29158,7 +29212,7 @@ function Te(e6, t12) {
     C7.current.splice(0), t12 && (t12.chains.current[i12] = t12.chains.current[i12].filter(([s11]) => s11 !== o12)), t12 == null || t12.chains.current[i12].push([o12, new Promise((s11) => {
       C7.current.push(s11);
     })]), t12 == null || t12.chains.current[i12].push([o12, new Promise((s11) => {
-      Promise.all(h6.current[i12].map(([r14, f10]) => f10)).then(() => s11());
+      Promise.all(h6.current[i12].map(([r14, f11]) => f11)).then(() => s11());
     })]), i12 === "enter" ? p6.current = p6.current.then(() => t12 == null ? void 0 : t12.wait.current).then(() => a15(i12)) : a15(i12);
   }), v4 = o4((o12, i12, a15) => {
     Promise.all(h6.current[i12].splice(0).map(([s11, r14]) => r14)).then(() => {
@@ -29168,69 +29222,69 @@ function Te(e6, t12) {
   });
   return ie3(() => ({ children: l10, register: y4, unregister: d8, onStart: g2, onStop: v4, wait: p6, chains: h6 }), [y4, d8, l10, g2, v4, h6, p6]);
 }
-var de = k4;
+var de = k5;
 var fe = A.RenderStrategy;
 function Fe(e6, t12) {
-  var ee3, te3;
-  let { transition: n12 = true, beforeEnter: l10, afterEnter: S9, beforeLeave: R2, afterLeave: d8, enter: y4, enterFrom: C7, enterTo: p6, entered: h6, leave: g2, leaveFrom: v4, leaveTo: o12, ...i12 } = e6, [a15, s11] = O2(null), r14 = b7(null), f10 = ue(e6), U2 = y(...f10 ? [r14, t12, s11] : t12 === null ? [] : [t12]), H4 = (ee3 = i12.unmount) == null || ee3 ? C2.Unmount : C2.Hidden, { show: u12, appear: z2, initial: K2 } = He(), [m6, j7] = O2(u12 ? "visible" : "hidden"), Q = Ae(), { register: A5, unregister: F3 } = Q;
+  var ee2, te2;
+  let { transition: n12 = true, beforeEnter: l10, afterEnter: S8, beforeLeave: R2, afterLeave: d8, enter: y4, enterFrom: C7, enterTo: p6, entered: h6, leave: g2, leaveFrom: v4, leaveTo: o12, ...i12 } = e6, [a15, s11] = O3(null), r14 = b7(null), f11 = ue(e6), U2 = y(...f11 ? [r14, t12, s11] : t12 === null ? [] : [t12]), H5 = (ee2 = i12.unmount) == null || ee2 ? C2.Unmount : C2.Hidden, { show: u12, appear: z2, initial: K2 } = He(), [m6, j7] = O3(u12 ? "visible" : "hidden"), Q = Ae(), { register: A5, unregister: F3 } = Q;
   n(() => A5(r14), [A5, r14]), n(() => {
-    if (H4 === C2.Hidden && r14.current) {
+    if (H5 === C2.Hidden && r14.current) {
       if (u12 && m6 !== "visible") {
         j7("visible");
         return;
       }
       return u(m6, { ["hidden"]: () => F3(r14), ["visible"]: () => A5(r14) });
     }
-  }, [m6, r14, A5, F3, u12, H4]);
-  let G4 = l8();
+  }, [m6, r14, A5, F3, u12, H5]);
+  let G4 = l7();
   n(() => {
-    if (f10 && G4 && m6 === "visible" && r14.current === null) throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
-  }, [r14, m6, G4, f10]);
-  let ce = K2 && !z2, Y2 = z2 && u12 && K2, B = b7(false), I7 = Te(() => {
-    B.current || (j7("hidden"), F3(r14));
-  }, Q), Z = o4((W2) => {
-    B.current = true;
-    let L = W2 ? "enter" : "leave";
-    I7.onStart(r14, L, (_4) => {
+    if (f11 && G4 && m6 === "visible" && r14.current === null) throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
+  }, [r14, m6, G4, f11]);
+  let ce = K2 && !z2, Y2 = z2 && u12 && K2, B2 = b7(false), I7 = Te(() => {
+    B2.current || (j7("hidden"), F3(r14));
+  }, Q), Z = o4((W) => {
+    B2.current = true;
+    let L2 = W ? "enter" : "leave";
+    I7.onStart(r14, L2, (_4) => {
       _4 === "enter" ? l10 == null || l10() : _4 === "leave" && (R2 == null || R2());
     });
-  }), $4 = o4((W2) => {
-    let L = W2 ? "enter" : "leave";
-    B.current = false, I7.onStop(r14, L, (_4) => {
-      _4 === "enter" ? S9 == null || S9() : _4 === "leave" && (d8 == null || d8());
-    }), L === "leave" && !M6(I7) && (j7("hidden"), F3(r14));
+  }), $3 = o4((W) => {
+    let L2 = W ? "enter" : "leave";
+    B2.current = false, I7.onStop(r14, L2, (_4) => {
+      _4 === "enter" ? S8 == null || S8() : _4 === "leave" && (d8 == null || d8());
+    }), L2 === "leave" && !M5(I7) && (j7("hidden"), F3(r14));
   });
   ge2(() => {
-    f10 && n12 || (Z(u12), $4(u12));
-  }, [u12, f10, n12]);
-  let pe2 = /* @__PURE__ */ (() => !(!n12 || !f10 || !G4 || ce))(), [, T7] = N(pe2, a15, u12, { start: Z, end: $4 }), Ce = m({ ref: U2, className: ((te3 = t5(i12.className, Y2 && y4, Y2 && C7, T7.enter && y4, T7.enter && T7.closed && C7, T7.enter && !T7.closed && p6, T7.leave && g2, T7.leave && !T7.closed && v4, T7.leave && T7.closed && o12, !T7.transition && u12 && h6)) == null ? void 0 : te3.trim()) || void 0, ...x4(T7) }), N2 = 0;
+    f11 && n12 || (Z(u12), $3(u12));
+  }, [u12, f11, n12]);
+  let pe2 = /* @__PURE__ */ (() => !(!n12 || !f11 || !G4 || ce))(), [, T7] = N(pe2, a15, u12, { start: Z, end: $3 }), Ce = m({ ref: U2, className: ((te2 = t5(i12.className, Y2 && y4, Y2 && C7, T7.enter && y4, T7.enter && T7.closed && C7, T7.enter && !T7.closed && p6, T7.leave && g2, T7.leave && !T7.closed && v4, T7.leave && T7.closed && o12, !T7.transition && u12 && h6)) == null ? void 0 : te2.trim()) || void 0, ...x4(T7) }), N2 = 0;
   m6 === "visible" && (N2 |= i9.Open), m6 === "hidden" && (N2 |= i9.Closed), u12 && m6 === "hidden" && (N2 |= i9.Opening), !u12 && m6 === "visible" && (N2 |= i9.Closing);
   let he = K();
   return c11.createElement(w5.Provider, { value: I7 }, c11.createElement(c7, { value: N2 }, he({ ourProps: Ce, theirProps: i12, defaultTag: de, features: fe, visible: m6 === "visible", name: "Transition.Child" })));
 }
 function Ie(e6, t12) {
-  let { show: n12, appear: l10 = false, unmount: S9 = true, ...R2 } = e6, d8 = b7(null), y4 = ue(e6), C7 = y(...y4 ? [d8, t12] : t12 === null ? [] : [t12]);
-  l8();
+  let { show: n12, appear: l10 = false, unmount: S8 = true, ...R2 } = e6, d8 = b7(null), y4 = ue(e6), C7 = y(...y4 ? [d8, t12] : t12 === null ? [] : [t12]);
+  l7();
   let p6 = u9();
   if (n12 === void 0 && p6 !== null && (n12 = (p6 & i9.Open) === i9.Open), n12 === void 0) throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");
-  let [h6, g2] = O2(n12 ? "visible" : "hidden"), v4 = Te(() => {
+  let [h6, g2] = O3(n12 ? "visible" : "hidden"), v4 = Te(() => {
     n12 || g2("hidden");
-  }), [o12, i12] = O2(true), a15 = b7([n12]);
+  }), [o12, i12] = O3(true), a15 = b7([n12]);
   n(() => {
     o12 !== false && a15.current[a15.current.length - 1] !== n12 && (a15.current.push(n12), i12(false));
   }, [a15, n12]);
   let s11 = ie3(() => ({ show: n12, appear: l10, initial: o12 }), [n12, l10, o12]);
   n(() => {
-    n12 ? g2("visible") : !M6(v4) && d8.current !== null && g2("hidden");
+    n12 ? g2("visible") : !M5(v4) && d8.current !== null && g2("hidden");
   }, [n12, v4]);
-  let r14 = { unmount: S9 }, f10 = o4(() => {
+  let r14 = { unmount: S8 }, f11 = o4(() => {
     var u12;
     o12 && i12(false), (u12 = e6.beforeEnter) == null || u12.call(e6);
   }), U2 = o4(() => {
     var u12;
     o12 && i12(false), (u12 = e6.beforeLeave) == null || u12.call(e6);
-  }), H4 = K();
-  return c11.createElement(w5.Provider, { value: v4 }, c11.createElement(V.Provider, { value: s11 }, H4({ ourProps: { ...r14, as: k4, children: c11.createElement(me, { ref: C7, ...r14, ...R2, beforeEnter: f10, beforeLeave: U2 }) }, theirProps: {}, defaultTag: k4, features: fe, visible: h6 === "visible", name: "Transition" })));
+  }), H5 = K();
+  return c11.createElement(w5.Provider, { value: v4 }, c11.createElement(V.Provider, { value: s11 }, H5({ ourProps: { ...r14, as: k5, children: c11.createElement(me, { ref: C7, ...r14, ...R2, beforeEnter: f11, beforeLeave: U2 }) }, theirProps: {}, defaultTag: k5, features: fe, visible: h6 === "visible", name: "Transition" })));
 }
 function Le(e6, t12) {
   let n12 = q(V) !== null, l10 = u9() !== null;
@@ -29249,11 +29303,11 @@ var Ue = { [0](e6, t12) {
 } };
 var w6 = pe(null);
 w6.displayName = "DialogContext";
-function O3(e6) {
+function O4(e6) {
   let t12 = ue2(w6);
   if (t12 === null) {
     let o12 = new Error(`<${e6} /> is missing a parent <Dialog /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(o12, O3), o12;
+    throw Error.captureStackTrace && Error.captureStackTrace(o12, O4), o12;
   }
   return t12;
 }
@@ -29261,37 +29315,37 @@ function He2(e6, t12) {
   return u(t12.type, Ue, e6, t12);
 }
 var z = Y(function(t12, o12) {
-  let a15 = r5(), { id: n12 = `headlessui-dialog-${a15}`, open: i12, onClose: p6, initialFocus: d8, role: s11 = "dialog", autoFocus: f10 = true, __demoMode: u12 = false, unmount: y4 = false, ...S9 } = t12, R2 = j6(false);
+  let a15 = r5(), { id: n12 = `headlessui-dialog-${a15}`, open: i12, onClose: p6, initialFocus: d8, role: s11 = "dialog", autoFocus: f11 = true, __demoMode: u12 = false, unmount: y4 = false, ...S8 } = t12, R2 = j6(false);
   s11 = (function() {
     return s11 === "dialog" || s11 === "alertdialog" ? s11 : (R2.current || (R2.current = true, console.warn(`Invalid role [${s11}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog");
   })();
   let g2 = u9();
   i12 === void 0 && g2 !== null && (i12 = (g2 & i9.Open) === i9.Open);
-  let T7 = j6(null), I7 = y(T7, o12), F3 = u8(T7.current), c12 = i12 ? 0 : 1, [b8, Q] = ge3(He2, { titleId: null, descriptionId: null, panelRef: se() }), m6 = o4(() => p6(false)), B = o4((r14) => Q({ type: 0, id: r14 })), D5 = l8() ? c12 === 0 : false, [Z, ee3] = ee(), te3 = { get current() {
+  let T7 = j6(null), I7 = y(T7, o12), F3 = u8(T7.current), c12 = i12 ? 0 : 1, [b8, Q] = ge3(He2, { titleId: null, descriptionId: null, panelRef: se() }), m6 = o4(() => p6(false)), B2 = o4((r14) => Q({ type: 0, id: r14 })), D5 = l7() ? c12 === 0 : false, [Z, ee2] = oe(), te2 = { get current() {
     var r14;
     return (r14 = b8.panelRef.current) != null ? r14 : T7.current;
-  } }, v4 = x6(), { resolveContainers: M7 } = S8({ mainTreeNode: v4, portals: Z, defaultContainers: [te3] }), U2 = g2 !== null ? (g2 & i9.Closing) === i9.Closing : false;
+  } }, v4 = x6(), { resolveContainers: M6 } = S7({ mainTreeNode: v4, portals: Z, defaultContainers: [te2] }), U2 = g2 !== null ? (g2 & i9.Closing) === i9.Closing : false;
   y3(u12 || U2 ? false : D5, { allowed: o4(() => {
-    var r14, W2;
-    return [(W2 = (r14 = T7.current) == null ? void 0 : r14.closest("[data-headlessui-portal]")) != null ? W2 : null];
+    var r14, W;
+    return [(W = (r14 = T7.current) == null ? void 0 : r14.closest("[data-headlessui-portal]")) != null ? W : null];
   }), disallowed: o4(() => {
     var r14;
     return [(r14 = v4 == null ? void 0 : v4.closest("body > *:not(#headlessui-portal-root)")) != null ? r14 : null];
   }) });
-  let P4 = x2.get(null);
+  let P3 = x2.get(null);
   n(() => {
-    if (D5) return P4.actions.push(n12), () => P4.actions.pop(n12);
-  }, [P4, n12, D5]);
-  let H4 = S4(P4, de2((r14) => P4.selectors.isTop(r14, n12), [P4, n12]));
-  k3(H4, M7, (r14) => {
+    if (D5) return P3.actions.push(n12), () => P3.actions.pop(n12);
+  }, [P3, n12, D5]);
+  let H5 = S4(P3, de2((r14) => P3.selectors.isTop(r14, n12), [P3, n12]));
+  k3(H5, M6, (r14) => {
     r14.preventDefault(), m6();
-  }), a13(H4, F3 == null ? void 0 : F3.defaultView, (r14) => {
+  }), a13(H5, F3 == null ? void 0 : F3.defaultView, (r14) => {
     r14.preventDefault(), r14.stopPropagation(), document.activeElement && "blur" in document.activeElement && typeof document.activeElement.blur == "function" && document.activeElement.blur(), m6();
-  }), f6(u12 || U2 ? false : D5, F3, M7), p4(D5, T7, m6);
-  let [oe2, ne3] = H2(), re3 = fe2(() => [{ dialogState: c12, close: m6, setTitleId: B, unmount: y4 }, b8], [c12, m6, B, y4, b8]), N2 = n2({ open: c12 === 0 }), le = { ref: I7, id: n12, role: s11, tabIndex: -1, "aria-modal": u12 ? void 0 : c12 === 0 ? true : void 0, "aria-labelledby": b8.titleId, "aria-describedby": oe2, unmount: y4 }, ae = !f8(), E6 = G3.None;
-  D5 && !u12 && (E6 |= G3.RestoreFocus, E6 |= G3.TabLock, f10 && (E6 |= G3.AutoFocus), ae && (E6 |= G3.InitialFocus));
+  }), f6(u12 || U2 ? false : D5, F3, M6), p4(D5, T7, m6);
+  let [oe3, ne3] = H2(), re3 = fe2(() => [{ dialogState: c12, close: m6, setTitleId: B2, unmount: y4 }, b8], [c12, m6, B2, y4, b8]), N2 = n2({ open: c12 === 0 }), le2 = { ref: I7, id: n12, role: s11, tabIndex: -1, "aria-modal": u12 ? void 0 : c12 === 0 ? true : void 0, "aria-labelledby": b8.titleId, "aria-describedby": oe3, unmount: y4 }, ae = !f9(), E6 = G3.None;
+  D5 && !u12 && (E6 |= G3.RestoreFocus, E6 |= G3.TabLock, f11 && (E6 |= G3.AutoFocus), ae && (E6 |= G3.InitialFocus));
   let ie4 = K();
-  return l9.createElement(s8, null, l9.createElement(l7, { force: true }, l9.createElement(te, null, l9.createElement(w6.Provider, { value: re3 }, l9.createElement(X, { target: T7 }, l9.createElement(l7, { force: false }, l9.createElement(ne3, { slot: N2 }, l9.createElement(ee3, null, l9.createElement(ge, { initialFocus: d8, initialFocusFallback: T7, containers: M7, features: E6 }, l9.createElement(C4, { value: m6 }, ie4({ ourProps: le, theirProps: S9, slot: N2, defaultTag: Ne, features: We, visible: c12 === 0, name: "Dialog" })))))))))));
+  return l9.createElement(s8, null, l9.createElement(l8, { force: true }, l9.createElement(le, null, l9.createElement(w6.Provider, { value: re3 }, l9.createElement(B, { target: T7 }, l9.createElement(l8, { force: false }, l9.createElement(ne3, { slot: N2 }, l9.createElement(ee2, null, l9.createElement(ge, { initialFocus: d8, initialFocusFallback: T7, containers: M6, features: E6 }, l9.createElement(C4, { value: m6 }, ie4({ ourProps: le2, theirProps: S8, slot: N2, defaultTag: Ne, features: We, visible: c12 === 0, name: "Dialog" })))))))))));
 });
 var Ne = "div";
 var We = A.RenderStrategy | A.Static;
@@ -29306,22 +29360,22 @@ function $e(e6, t12) {
 }
 var je = "div";
 function Ye(e6, t12) {
-  let o12 = r5(), { id: a15 = `headlessui-dialog-panel-${o12}`, transition: n12 = false, ...i12 } = e6, [{ dialogState: p6, unmount: d8 }, s11] = O3("Dialog.Panel"), f10 = y(t12, s11.panelRef), u12 = n2({ open: p6 === 0 }), y4 = o4((I7) => {
+  let o12 = r5(), { id: a15 = `headlessui-dialog-panel-${o12}`, transition: n12 = false, ...i12 } = e6, [{ dialogState: p6, unmount: d8 }, s11] = O4("Dialog.Panel"), f11 = y(t12, s11.panelRef), u12 = n2({ open: p6 === 0 }), y4 = o4((I7) => {
     I7.stopPropagation();
-  }), S9 = { ref: f10, id: a15, onClick: y4 }, R2 = n12 ? Oe : $3, g2 = n12 ? { unmount: d8 } : {}, T7 = K();
-  return l9.createElement(R2, { ...g2 }, T7({ ourProps: S9, theirProps: i12, slot: u12, defaultTag: je, name: "Dialog.Panel" }));
+  }), S8 = { ref: f11, id: a15, onClick: y4 }, R2 = n12 ? Oe : $2, g2 = n12 ? { unmount: d8 } : {}, T7 = K();
+  return l9.createElement(R2, { ...g2 }, T7({ ourProps: S8, theirProps: i12, slot: u12, defaultTag: je, name: "Dialog.Panel" }));
 }
 var Je = "div";
 function Ke2(e6, t12) {
-  let { transition: o12 = false, ...a15 } = e6, [{ dialogState: n12, unmount: i12 }] = O3("Dialog.Backdrop"), p6 = n2({ open: n12 === 0 }), d8 = { ref: t12, "aria-hidden": true }, s11 = o12 ? Oe : $3, f10 = o12 ? { unmount: i12 } : {}, u12 = K();
-  return l9.createElement(s11, { ...f10 }, u12({ ourProps: d8, theirProps: a15, slot: p6, defaultTag: Je, name: "Dialog.Backdrop" }));
+  let { transition: o12 = false, ...a15 } = e6, [{ dialogState: n12, unmount: i12 }] = O4("Dialog.Backdrop"), p6 = n2({ open: n12 === 0 }), d8 = { ref: t12, "aria-hidden": true }, s11 = o12 ? Oe : $2, f11 = o12 ? { unmount: i12 } : {}, u12 = K();
+  return l9.createElement(s11, { ...f11 }, u12({ ourProps: d8, theirProps: a15, slot: p6, defaultTag: Je, name: "Dialog.Backdrop" }));
 }
 var Xe = "h2";
 function Ve(e6, t12) {
-  let o12 = r5(), { id: a15 = `headlessui-dialog-title-${o12}`, ...n12 } = e6, [{ dialogState: i12, setTitleId: p6 }] = O3("Dialog.Title"), d8 = y(t12);
+  let o12 = r5(), { id: a15 = `headlessui-dialog-title-${o12}`, ...n12 } = e6, [{ dialogState: i12, setTitleId: p6 }] = O4("Dialog.Title"), d8 = y(t12);
   Te2(() => (p6(a15), () => p6(null)), [a15, p6]);
-  let s11 = n2({ open: i12 === 0 }), f10 = { ref: d8, id: a15 };
-  return K()({ ourProps: f10, theirProps: n12, slot: s11, defaultTag: Xe, name: "Dialog.Title" });
+  let s11 = n2({ open: i12 === 0 }), f11 = { ref: d8, id: a15 };
+  return K()({ ourProps: f11, theirProps: n12, slot: s11, defaultTag: Xe, name: "Dialog.Title" });
 }
 var qe = Y($e);
 var ze = Y(Ye);
@@ -30298,37 +30352,42 @@ function SessionExpiredModal() {
 
 // src/components/resource/AnnotateView.tsx
 import { useRef as useRef13, useEffect as useEffect20, useCallback as useCallback13, lazy, Suspense } from "react";
-import { getMimeCategory, isPdfMimeType as isPdfMimeType2 } from "@semiont/core";
+import { capabilitiesOf as capabilitiesOf3 } from "@semiont/core";
 
 // src/lib/text-segmentation.ts
 import { getTextPositionSelector as getTextPositionSelector2, getTextQuoteSelector, getTargetSelector as getTargetSelector2 } from "@semiont/core";
-import { findTextWithContext, buildContentCache } from "@semiont/core";
+import { anchorAnnotation } from "@semiont/core";
+var warnedAnnotationIds = /* @__PURE__ */ new Set();
 function segmentTextWithAnnotations(content4, annotations) {
   if (!content4) {
     return [{ exact: "", start: 0, end: 0 }];
   }
-  const cache2 = buildContentCache(content4);
   const normalizedAnnotations = annotations.map((ann) => {
     const targetSelector = getTargetSelector2(ann.target);
     const posSelector = getTextPositionSelector2(targetSelector);
     const quoteSelector = targetSelector ? getTextQuoteSelector(targetSelector) : null;
-    let position4;
-    if (quoteSelector) {
-      position4 = findTextWithContext(
-        content4,
-        quoteSelector.exact,
-        quoteSelector.prefix,
-        quoteSelector.suffix,
-        posSelector?.start,
-        cache2
-      );
+    const anchor = anchorAnnotation(
+      content4,
+      {
+        ...posSelector ? { position: { start: posSelector.start, end: posSelector.end } } : {},
+        ...quoteSelector ? {
+          quote: {
+            exact: quoteSelector.exact,
+            ...quoteSelector.prefix !== void 0 ? { prefix: quoteSelector.prefix } : {},
+            ...quoteSelector.suffix !== void 0 ? { suffix: quoteSelector.suffix } : {}
+          }
+        } : {}
+      }
+    );
+    if (anchor && anchor.confidence !== "high") {
+      logDegradedAnchorOnce(ann.id, anchor.strategy, anchor.confidence);
     }
-    const start2 = position4?.start ?? posSelector?.start ?? 0;
-    const end = position4?.end ?? posSelector?.end ?? 0;
     return {
       annotation: ann,
-      start: start2,
-      end
+      start: anchor?.start ?? 0,
+      end: anchor?.end ?? 0,
+      ...anchor?.strategy ? { strategy: anchor.strategy } : {},
+      ...anchor?.confidence ? { confidence: anchor.confidence } : {}
     };
   }).filter((a15) => a15.start >= 0 && a15.end <= content4.length && a15.start < a15.end).sort((a15, b8) => a15.start - b8.start);
   if (normalizedAnnotations.length === 0) {
@@ -30336,7 +30395,7 @@ function segmentTextWithAnnotations(content4, annotations) {
   }
   const segments = [];
   let position3 = 0;
-  for (const { annotation, start: start2, end } of normalizedAnnotations) {
+  for (const { annotation, start: start2, end, strategy, confidence } of normalizedAnnotations) {
     if (start2 < position3) continue;
     if (start2 > position3) {
       segments.push({
@@ -30349,7 +30408,9 @@ function segmentTextWithAnnotations(content4, annotations) {
       exact: content4.slice(start2, end),
       annotation,
       start: start2,
-      end
+      end,
+      ...strategy ? { strategy } : {},
+      ...confidence ? { confidence } : {}
     });
     position3 = end;
   }
@@ -30362,6 +30423,15 @@ function segmentTextWithAnnotations(content4, annotations) {
   }
   return segments;
 }
+function logDegradedAnchorOnce(annotationId2, strategy, confidence) {
+  if (warnedAnnotationIds.has(annotationId2)) return;
+  warnedAnnotationIds.add(annotationId2);
+  console.warn("[segmentTextWithAnnotations] annotation anchored via degraded strategy", {
+    annotationId: annotationId2,
+    strategy,
+    confidence
+  });
+}
 
 // src/lib/text-selection-handler.ts
 import { extractContext } from "@semiont/core";
@@ -30392,7 +30462,7 @@ function fallbackTextPosition(content4, selectedText) {
 
 // src/components/resource/AnnotateView.tsx
 import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
-var PdfAnnotationCanvas = lazy(() => import("./PdfAnnotationCanvas.client-CN3C3S55.js").then((mod) => ({ default: mod.PdfAnnotationCanvas })));
+var PdfAnnotationCanvas = lazy(() => import("./PdfAnnotationCanvas.client-NIMALXNZ.js").then((mod) => ({ default: mod.PdfAnnotationCanvas })));
 function AnnotateView({
   content: content4,
   mimeType = "text/plain",
@@ -30410,7 +30480,7 @@ function AnnotateView({
   const { newAnnotationIds } = useResourceAnnotations();
   const containerRef = useRef13(null);
   const session = useObservable(useSemiont().activeSession$);
-  const category = getMimeCategory(mimeType);
+  const render = capabilitiesOf3(mimeType)?.render ?? "none";
   const { highlights, references, assessments, comments, tags: tags3 } = annotations;
   const allAnnotations = [...highlights, ...references, ...assessments, ...comments, ...tags3];
   const segments = segmentTextWithAnnotations(content4, allAnnotations);
@@ -30489,7 +30559,7 @@ function AnnotateView({
       container.removeEventListener("mousedown", handleMouseDown);
     };
   }, [selectedMotivation, content4]);
-  switch (category) {
+  switch (render) {
     case "text":
       return /* @__PURE__ */ jsxs15("div", { className: "semiont-annotate-view", "data-mime-type": "text", ref: containerRef, children: [
         /* @__PURE__ */ jsx22(
@@ -30521,35 +30591,34 @@ function AnnotateView({
           }
         ) })
       ] });
+    case "pdf":
+      return /* @__PURE__ */ jsxs15("div", { className: "semiont-annotate-view", "data-mime-type": "pdf", ref: containerRef, children: [
+        /* @__PURE__ */ jsx22(
+          AnnotateToolbar,
+          {
+            selectedMotivation,
+            selectedClick,
+            showShapeGroup: true,
+            selectedShape,
+            mediaType: mimeType,
+            annotateMode,
+            annotators: ANNOTATORS
+          }
+        ),
+        /* @__PURE__ */ jsx22("div", { className: "semiont-annotate-view__content", children: content4 && /* @__PURE__ */ jsx22(Suspense, { fallback: /* @__PURE__ */ jsx22("div", { className: "semiont-annotate-view__loading", children: "Loading PDF viewer..." }), children: /* @__PURE__ */ jsx22(
+          PdfAnnotationCanvas,
+          {
+            pdfUrl: content4,
+            existingAnnotations: allAnnotations,
+            drawingMode: selectedMotivation ? selectedShape : null,
+            selectedMotivation,
+            session,
+            hoveredAnnotationId: hoveredAnnotationId || null,
+            hoverDelayMs
+          }
+        ) }) })
+      ] });
     case "image":
-      if (isPdfMimeType2(mimeType)) {
-        return /* @__PURE__ */ jsxs15("div", { className: "semiont-annotate-view", "data-mime-type": "pdf", ref: containerRef, children: [
-          /* @__PURE__ */ jsx22(
-            AnnotateToolbar,
-            {
-              selectedMotivation,
-              selectedClick,
-              showShapeGroup: true,
-              selectedShape,
-              mediaType: mimeType,
-              annotateMode,
-              annotators: ANNOTATORS
-            }
-          ),
-          /* @__PURE__ */ jsx22("div", { className: "semiont-annotate-view__content", children: content4 && /* @__PURE__ */ jsx22(Suspense, { fallback: /* @__PURE__ */ jsx22("div", { className: "semiont-annotate-view__loading", children: "Loading PDF viewer..." }), children: /* @__PURE__ */ jsx22(
-            PdfAnnotationCanvas,
-            {
-              pdfUrl: content4,
-              existingAnnotations: allAnnotations,
-              drawingMode: selectedMotivation ? selectedShape : null,
-              selectedMotivation,
-              session,
-              hoveredAnnotationId: hoveredAnnotationId || null,
-              hoverDelayMs
-            }
-          ) }) })
-        ] });
-      }
       return /* @__PURE__ */ jsxs15("div", { className: "semiont-annotate-view", "data-mime-type": "image", ref: containerRef, children: [
         /* @__PURE__ */ jsx22(
           AnnotateToolbar,
@@ -30576,7 +30645,7 @@ function AnnotateView({
           }
         ) })
       ] });
-    case "unsupported":
+    case "none":
     default:
       return /* @__PURE__ */ jsx22("div", { ref: containerRef, className: "semiont-annotate-view semiont-annotate-view--unsupported", "data-mime-type": "unsupported", children: /* @__PURE__ */ jsxs15("div", { className: "semiont-annotate-view__empty", children: [
         /* @__PURE__ */ jsxs15("p", { className: "semiont-annotate-view__empty-message", children: [
@@ -31304,6 +31373,7 @@ var html2 = create({
     allowFullScreen: boolean,
     allowPaymentRequest: boolean,
     allowUserMedia: boolean,
+    alpha: boolean,
     alt: null,
     as: null,
     async: boolean,
@@ -31317,8 +31387,12 @@ var html2 = create({
     checked: boolean,
     cite: null,
     className: spaceSeparated,
+    closedBy: null,
+    colorSpace: null,
     cols: number2,
-    colSpan: null,
+    colSpan: number2,
+    command: null,
+    commandFor: null,
     content: null,
     contentEditable: booleanish,
     controls: boolean,
@@ -31498,8 +31572,10 @@ var html2 = create({
     seamless: boolean,
     selected: boolean,
     shadowRootClonable: boolean,
+    shadowRootCustomElementRegistry: boolean,
     shadowRootDelegatesFocus: boolean,
     shadowRootMode: null,
+    shadowRootSerializable: boolean,
     shape: null,
     size: number2,
     sizes: null,
@@ -31636,8 +31712,11 @@ var html2 = create({
     allowTransparency: null,
     autoCorrect: null,
     autoSave: null,
+    credentialless: boolean,
     disablePictureInPicture: boolean,
     disableRemotePlayback: boolean,
+    exportParts: commaSeparated,
+    part: spaceSeparated,
     prefix: null,
     property: null,
     results: number2,
@@ -31691,6 +31770,7 @@ var svg = create({
     markerEnd: "marker-end",
     markerMid: "marker-mid",
     markerStart: "marker-start",
+    maskType: "mask-type",
     navDown: "nav-down",
     navDownLeft: "nav-down-left",
     navDownRight: "nav-down-right",
@@ -31961,6 +32041,7 @@ var svg = create({
     markerWidth: null,
     mask: null,
     maskContentUnits: null,
+    maskType: null,
     maskUnits: null,
     mathematical: null,
     max: null,
@@ -40418,14 +40499,26 @@ var BIGINT = 8;
 
 // ../../node_modules/@ungap/structured-clone/esm/deserialize.js
 var env = typeof self === "object" ? self : globalThis;
-var deserializer = ($4, _4) => {
+var guard = (name3, init) => {
+  switch (name3) {
+    case "Function":
+    case "SharedWorker":
+    case "Worker":
+    case "eval":
+    case "setInterval":
+    case "setTimeout":
+      throw new TypeError("unable to deserialize " + name3);
+  }
+  return new env[name3](init);
+};
+var deserializer = ($3, _4) => {
   const as = (out, index2) => {
-    $4.set(index2, out);
+    $3.set(index2, out);
     return out;
   };
   const unpair = (index2) => {
-    if ($4.has(index2))
-      return $4.get(index2);
+    if ($3.has(index2))
+      return $3.get(index2);
     const [type, value] = _4[index2];
     switch (type) {
       case PRIMITIVE:
@@ -40463,7 +40556,7 @@ var deserializer = ($4, _4) => {
       }
       case ERROR: {
         const { name: name3, message } = value;
-        return as(new env[name3](message), index2);
+        return as(guard(name3, message), index2);
       }
       case BIGINT:
         return as(BigInt(value), index2);
@@ -40476,7 +40569,7 @@ var deserializer = ($4, _4) => {
         return as(new DataView(buffer), value);
       }
     }
-    return as(new env[type](value), index2);
+    return as(guard(type, value), index2);
   };
   return unpair;
 };
@@ -40514,15 +40607,15 @@ var typeOf = (value) => {
   return [OBJECT, asString];
 };
 var shouldSkip = ([TYPE, type]) => TYPE === PRIMITIVE && (type === "function" || type === "symbol");
-var serializer = (strict, json2, $4, _4) => {
+var serializer = (strict, json2, $3, _4) => {
   const as = (out, value) => {
     const index2 = _4.push(out) - 1;
-    $4.set(value, index2);
+    $3.set(value, index2);
     return index2;
   };
   const pair2 = (value) => {
-    if ($4.has(value))
-      return $4.get(value);
+    if ($3.has(value))
+      return $3.get(value);
     let [TYPE, type] = typeOf(value);
     switch (TYPE) {
       case PRIMITIVE: {
@@ -45547,7 +45640,7 @@ function remarkGfm(options) {
 
 // src/components/resource/BrowseView.tsx
 import { annotationId as toAnnotationId3 } from "@semiont/core";
-import { getMimeCategory as getMimeCategory2, isPdfMimeType as isPdfMimeType3 } from "@semiont/core";
+import { capabilitiesOf as capabilitiesOf4 } from "@semiont/core";
 import { createHoverHandlers as createHoverHandlers3 } from "@semiont/sdk";
 
 // src/components/viewers/ImageViewer.tsx
@@ -45566,7 +45659,7 @@ function ImageViewer({ imageUrl, alt = "Resource image" }) {
 
 // src/components/resource/BrowseView.tsx
 import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
-var PdfAnnotationCanvas2 = lazy2(() => import("./PdfAnnotationCanvas.client-CN3C3S55.js").then((mod) => ({ default: mod.PdfAnnotationCanvas })));
+var PdfAnnotationCanvas2 = lazy2(() => import("./PdfAnnotationCanvas.client-NIMALXNZ.js").then((mod) => ({ default: mod.PdfAnnotationCanvas })));
 var MemoizedMarkdown = memo(function MemoizedMarkdown2({
   content: content4
 }) {
@@ -45590,7 +45683,7 @@ var BrowseView = memo(function BrowseView2({
   const { newAnnotationIds } = useResourceAnnotations();
   const session = useObservable(useSemiont().activeSession$);
   const containerRef = useRef16(null);
-  const category = getMimeCategory2(mimeType);
+  const render = capabilitiesOf4(mimeType)?.render ?? "none";
   const { highlights, references, assessments, comments, tags: tags3 } = annotations;
   const allAnnotations = useMemo4(
     () => [...highlights, ...references, ...assessments, ...comments, ...tags3],
@@ -45678,7 +45771,7 @@ var BrowseView = memo(function BrowseView2({
     "beckon:hover": handleAnnotationHover,
     "beckon:focus": handleAnnotationFocus
   });
-  switch (category) {
+  switch (render) {
     case "text":
       return /* @__PURE__ */ jsxs19("div", { className: "semiont-browse-view", "data-mime-type": "text", children: [
         /* @__PURE__ */ jsx27(
@@ -45694,31 +45787,30 @@ var BrowseView = memo(function BrowseView2({
         ),
         /* @__PURE__ */ jsx27("div", { ref: containerRef, className: "semiont-browse-view__content", children: /* @__PURE__ */ jsx27(MemoizedMarkdown, { content: content4 }) })
       ] });
+    case "pdf":
+      return /* @__PURE__ */ jsxs19("div", { className: "semiont-browse-view", "data-mime-type": "pdf", children: [
+        /* @__PURE__ */ jsx27(
+          AnnotateToolbar,
+          {
+            selectedMotivation: null,
+            selectedClick,
+            showSelectionGroup: false,
+            showDeleteButton: false,
+            annotateMode,
+            annotators: ANNOTATORS
+          }
+        ),
+        /* @__PURE__ */ jsx27("div", { ref: containerRef, className: "semiont-browse-view__content", children: /* @__PURE__ */ jsx27(Suspense2, { fallback: /* @__PURE__ */ jsx27("div", { className: "semiont-browse-view__loading", children: "Loading PDF viewer..." }), children: /* @__PURE__ */ jsx27(
+          PdfAnnotationCanvas2,
+          {
+            pdfUrl: content4,
+            existingAnnotations: allAnnotations,
+            drawingMode: null,
+            selectedMotivation: null
+          }
+        ) }) })
+      ] });
     case "image":
-      if (isPdfMimeType3(mimeType)) {
-        return /* @__PURE__ */ jsxs19("div", { className: "semiont-browse-view", "data-mime-type": "pdf", children: [
-          /* @__PURE__ */ jsx27(
-            AnnotateToolbar,
-            {
-              selectedMotivation: null,
-              selectedClick,
-              showSelectionGroup: false,
-              showDeleteButton: false,
-              annotateMode,
-              annotators: ANNOTATORS
-            }
-          ),
-          /* @__PURE__ */ jsx27("div", { ref: containerRef, className: "semiont-browse-view__content", children: /* @__PURE__ */ jsx27(Suspense2, { fallback: /* @__PURE__ */ jsx27("div", { className: "semiont-browse-view__loading", children: "Loading PDF viewer..." }), children: /* @__PURE__ */ jsx27(
-            PdfAnnotationCanvas2,
-            {
-              pdfUrl: content4,
-              existingAnnotations: allAnnotations,
-              drawingMode: null,
-              selectedMotivation: null
-            }
-          ) }) })
-        ] });
-      }
       return /* @__PURE__ */ jsxs19("div", { className: "semiont-browse-view", "data-mime-type": "image", children: [
         /* @__PURE__ */ jsx27(
           AnnotateToolbar,
@@ -45740,7 +45832,7 @@ var BrowseView = memo(function BrowseView2({
           }
         ) })
       ] });
-    case "unsupported":
+    case "none":
       return /* @__PURE__ */ jsx27("div", { ref: containerRef, className: "semiont-browse-view semiont-browse-view--unsupported", "data-mime-type": "unsupported", children: /* @__PURE__ */ jsxs19("div", { className: "semiont-browse-view__empty", children: [
         /* @__PURE__ */ jsxs19("p", { className: "semiont-browse-view__empty-message", children: [
           "Preview not available for ",
@@ -47144,16 +47236,50 @@ function HighlightPanel({
 }
 
 // src/components/resource/panels/JsonLdPanel.tsx
-import { useEffect as useEffect31, useRef as useRef22 } from "react";
+import { useEffect as useEffect32, useRef as useRef22 } from "react";
+
+// src/hooks/useResourceGraph.ts
+import { useEffect as useEffect31, useState as useState24 } from "react";
+function useResourceGraph(id2) {
+  const semiont = useObservable(useSemiont().activeSession$)?.client;
+  const [graph, setGraph] = useState24(null);
+  const [loading, setLoading] = useState24(true);
+  const [error, setError] = useState24(null);
+  useEffect31(() => {
+    if (!semiont || !id2) {
+      setLoading(false);
+      return;
+    }
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    semiont.browse.resourceGraph(id2).then((g2) => {
+      if (cancelled) return;
+      setGraph(g2);
+      setLoading(false);
+    }).catch((err) => {
+      if (cancelled) return;
+      setError(err instanceof Error ? err : new Error(String(err)));
+      setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [semiont, id2]);
+  return { graph, loading, error };
+}
+
+// src/components/resource/panels/JsonLdPanel.tsx
 import { jsx as jsx37, jsxs as jsxs30 } from "react/jsx-runtime";
-function JsonLdPanel({ resource: semiontResource }) {
+function JsonLdPanel({ resourceId: resourceId2 }) {
   const editorRef = useRef22(null);
   const viewRef = useRef22(null);
   const { showLineNumbers } = useLineNumbers();
-  useEffect31(() => {
-    if (!editorRef.current) return;
+  const { graph, loading, error } = useResourceGraph(resourceId2);
+  const documentText = graph ? JSON.stringify(graph, null, 2) : "";
+  useEffect32(() => {
+    if (!editorRef.current || !documentText) return;
     const isDarkMode = document.documentElement?.classList.contains("dark") ?? false;
-    const jsonLdContent = JSON.stringify(semiontResource, null, 2);
     const extensions = [
       json(),
       EditorView.editable.of(false),
@@ -47169,7 +47295,7 @@ function JsonLdPanel({ resource: semiontResource }) {
       extensions.push(syntaxHighlighting(jsonLightHighlightStyle));
     }
     const state = EditorState.create({
-      doc: jsonLdContent,
+      doc: documentText,
       extensions
     });
     const view = new EditorView({
@@ -47181,10 +47307,11 @@ function JsonLdPanel({ resource: semiontResource }) {
       view.destroy();
       viewRef.current = null;
     };
-  }, [semiontResource, showLineNumbers]);
+  }, [documentText, showLineNumbers]);
   const handleCopyToClipboard = async () => {
+    if (!documentText) return;
     try {
-      await navigator.clipboard.writeText(JSON.stringify(semiontResource, null, 2));
+      await navigator.clipboard.writeText(documentText);
     } catch (err) {
       console.error("Failed to copy JSON-LD:", err);
     }
@@ -47198,10 +47325,13 @@ function JsonLdPanel({ resource: semiontResource }) {
           onClick: handleCopyToClipboard,
           className: "semiont-button semiont-button--icon",
           title: "Copy to clipboard",
+          disabled: !graph,
           children: "\u{1F4CB} Copy"
         }
       )
     ] }),
+    loading && /* @__PURE__ */ jsx37("p", { className: "semiont-jsonld-panel__status", role: "status", children: "Loading JSON-LD\u2026" }),
+    error && !loading && /* @__PURE__ */ jsx37("p", { className: "semiont-jsonld-panel__status semiont-jsonld-panel__status--error", role: "alert", children: "Failed to load JSON-LD." }),
     /* @__PURE__ */ jsx37(
       "div",
       {
@@ -47394,7 +47524,7 @@ function ReferenceEntry({
 }
 
 // src/components/resource/panels/ReferencesPanel.tsx
-import { useState as useState24, useRef as useRef23, useEffect as useEffect32, useCallback as useCallback21, useMemo as useMemo9 } from "react";
+import { useState as useState25, useRef as useRef23, useEffect as useEffect33, useCallback as useCallback21, useMemo as useMemo9 } from "react";
 import { getTextPositionSelector as getTextPositionSelector6, getTargetSelector as getTargetSelector9 } from "@semiont/core";
 import { Fragment as Fragment6, jsx as jsx39, jsxs as jsxs32 } from "react/jsx-runtime";
 function getSelectorDisplayText3(selector) {
@@ -47430,18 +47560,18 @@ function ReferencesPanel({
 }) {
   const t12 = useTranslations("ReferencesPanel");
   const session = useObservable(useSemiont().activeSession$);
-  const [selectedEntityTypes, setSelectedEntityTypes] = useState24([]);
-  const [lastAnnotationLog, setLastDetectionLog] = useState24(null);
-  const [pendingEntityTypes, setPendingEntityTypes] = useState24([]);
-  const [includeDescriptiveReferences, setIncludeDescriptiveReferences] = useState24(false);
-  const [focusedAnnotationId, setFocusedAnnotationId] = useState24(null);
+  const [selectedEntityTypes, setSelectedEntityTypes] = useState25([]);
+  const [lastAnnotationLog, setLastDetectionLog] = useState25(null);
+  const [pendingEntityTypes, setPendingEntityTypes] = useState25([]);
+  const [includeDescriptiveReferences, setIncludeDescriptiveReferences] = useState25(false);
+  const [focusedAnnotationId, setFocusedAnnotationId] = useState25(null);
   const containerRef = useRef23(null);
-  const [isAssistExpanded, setIsDetectExpanded] = useState24(() => {
+  const [isAssistExpanded, setIsDetectExpanded] = useState25(() => {
     if (typeof window === "undefined") return true;
     const stored = localStorage.getItem("assist-section-expanded-reference");
     return stored ? stored === "true" : true;
   });
-  useEffect32(() => {
+  useEffect33(() => {
     if (typeof window === "undefined") return;
     localStorage.setItem("assist-section-expanded-reference", String(isAssistExpanded));
   }, [isAssistExpanded]);
@@ -47461,7 +47591,7 @@ function ReferencesPanel({
       entryRefs.current.delete(id2);
     }
   }, []);
-  useEffect32(() => {
+  useEffect33(() => {
     if (!scrollToAnnotationId) return;
     const element2 = entryRefs.current.get(scrollToAnnotationId);
     if (element2 && containerRef.current) {
@@ -47480,7 +47610,7 @@ function ReferencesPanel({
       console.warn("[ReferencesPanel] Element not found for scrollToAnnotationId:", scrollToAnnotationId);
     }
   }, [scrollToAnnotationId]);
-  useEffect32(() => {
+  useEffect33(() => {
     if (!hoveredAnnotationId) return;
     const element2 = entryRefs.current.get(hoveredAnnotationId);
     if (!element2 || !containerRef.current) return;
@@ -47515,12 +47645,12 @@ function ReferencesPanel({
     });
   };
   const hasSavedLogRef = useRef23(false);
-  useEffect32(() => {
+  useEffect33(() => {
     if (isAssisting) {
       hasSavedLogRef.current = false;
       return;
     }
-    if (!isAssisting && !hasSavedLogRef.current && progress?.completedEntityTypes) {
+    if (!hasSavedLogRef.current && progress?.completedEntityTypes) {
       hasSavedLogRef.current = true;
       setLastDetectionLog(progress.completedEntityTypes);
       setSelectedEntityTypes([]);
@@ -47542,7 +47672,7 @@ function ReferencesPanel({
       setPendingEntityTypes([]);
     }
   };
-  useEffect32(() => {
+  useEffect33(() => {
     if (!pendingAnnotation) return;
     const handleEscape = (e6) => {
       if (e6.key === "Escape") {
@@ -48008,7 +48138,7 @@ function TagEntry({
 }
 
 // src/components/resource/panels/TaggingPanel.tsx
-import { useState as useState25, useEffect as useEffect33, useRef as useRef24, useCallback as useCallback22, useMemo as useMemo11 } from "react";
+import { useState as useState26, useEffect as useEffect34, useRef as useRef24, useCallback as useCallback22, useMemo as useMemo11 } from "react";
 import { getTextPositionSelector as getTextPositionSelector7, getTargetSelector as getTargetSelector10 } from "@semiont/core";
 import { Fragment as Fragment8, jsx as jsx43, jsxs as jsxs36 } from "react/jsx-runtime";
 function getSelectorDisplayText4(selector) {
@@ -48045,21 +48175,21 @@ function TaggingPanel({
   const schemasObserved = useObservable(tagSchemas$);
   const schemas = schemasObserved ?? [];
   const noSchemasRegistered = schemasObserved !== void 0 && schemasObserved.length === 0;
-  const [selectedSchemaId, setSelectedSchemaId] = useState25("");
-  const [selectedCategories, setSelectedCategories] = useState25(/* @__PURE__ */ new Set());
-  useEffect33(() => {
+  const [selectedSchemaId, setSelectedSchemaId] = useState26("");
+  const [selectedCategories, setSelectedCategories] = useState26(/* @__PURE__ */ new Set());
+  useEffect34(() => {
     if (!selectedSchemaId && schemas.length > 0) {
       setSelectedSchemaId(schemas[0].id);
     }
   }, [schemas, selectedSchemaId]);
-  const [focusedAnnotationId, setFocusedAnnotationId] = useState25(null);
+  const [focusedAnnotationId, setFocusedAnnotationId] = useState26(null);
   const containerRef = useRef24(null);
-  const [isAssistExpanded, setIsDetectExpanded] = useState25(() => {
+  const [isAssistExpanded, setIsDetectExpanded] = useState26(() => {
     if (typeof window === "undefined") return true;
     const stored = localStorage.getItem("assist-section-expanded-tag");
     return stored ? stored === "true" : true;
   });
-  useEffect33(() => {
+  useEffect34(() => {
     if (typeof window === "undefined") return;
     localStorage.setItem("assist-section-expanded-tag", String(isAssistExpanded));
   }, [isAssistExpanded]);
@@ -48086,7 +48216,7 @@ function TaggingPanel({
       entryRefs.current.delete(id2);
     }
   }, []);
-  useEffect33(() => {
+  useEffect34(() => {
     if (!scrollToAnnotationId) return;
     const element2 = entryRefs.current.get(scrollToAnnotationId);
     if (element2 && containerRef.current) {
@@ -48101,7 +48231,7 @@ function TaggingPanel({
       if (onScrollCompleted) onScrollCompleted();
     }
   }, [scrollToAnnotationId]);
-  useEffect33(() => {
+  useEffect34(() => {
     if (!hoveredAnnotationId) return;
     const element2 = entryRefs.current.get(hoveredAnnotationId);
     if (!element2 || !containerRef.current) return;
@@ -48152,7 +48282,7 @@ function TaggingPanel({
       setSelectedCategories(/* @__PURE__ */ new Set());
     }
   };
-  useEffect33(() => {
+  useEffect34(() => {
     if (!pendingAnnotation) return;
     const handleEscape = (e6) => {
       if (e6.key === "Escape") {
@@ -48381,7 +48511,7 @@ function TaggingPanel({
 }
 
 // src/components/resource/panels/UnifiedAnnotationsPanel.tsx
-import { useState as useState26, useEffect as useEffect34 } from "react";
+import { useState as useState27, useEffect as useEffect35 } from "react";
 import { jsx as jsx44, jsxs as jsxs37 } from "react/jsx-runtime";
 var TAB_ORDER = ["statistics", "reference", "highlight", "assessment", "comment", "tag"];
 function UnifiedAnnotationsPanel(props) {
@@ -48403,7 +48533,7 @@ function UnifiedAnnotationsPanel(props) {
     }
   }
   const grouped = groups;
-  const [activeTab, setActiveTab] = useState26(() => {
+  const [activeTab, setActiveTab] = useState27(() => {
     if (typeof window === "undefined") return props.initialTab || "statistics";
     const storageKey = props.resourceId ? `annotations-tab-${props.resourceId}` : "annotations-tab-global";
     const stored = localStorage.getItem(storageKey);
@@ -48412,17 +48542,17 @@ function UnifiedAnnotationsPanel(props) {
     }
     return props.initialTab || "statistics";
   });
-  useEffect34(() => {
+  useEffect35(() => {
     if (typeof window === "undefined") return;
     const storageKey = props.resourceId ? `annotations-tab-${props.resourceId}` : "annotations-tab-global";
     localStorage.setItem(storageKey, activeTab);
   }, [activeTab, props.resourceId]);
-  useEffect34(() => {
+  useEffect35(() => {
     if (props.initialTab && props.initialTabGeneration !== void 0) {
       setActiveTab(props.initialTab);
     }
   }, [props.initialTabGeneration]);
-  useEffect34(() => {
+  useEffect35(() => {
     if (props.pendingAnnotation) {
       const motivationToTab = {
         "linking": "reference",
@@ -48565,7 +48695,7 @@ function UnifiedAnnotationsPanel(props) {
 }
 
 // src/components/navigation/Footer.tsx
-import { useState as useState27 } from "react";
+import { useState as useState28 } from "react";
 import { Fragment as Fragment9, jsx as jsx45, jsxs as jsxs38 } from "react/jsx-runtime";
 function Footer({
   Link,
@@ -48576,7 +48706,7 @@ function Footer({
   sourceCodeUrl = "https://github.com/The-AI-Alliance/semiont",
   showPolicyLinks = true
 }) {
-  const [showCookiePreferences, setShowCookiePreferences] = useState27(false);
+  const [showCookiePreferences, setShowCookiePreferences] = useState28(false);
   return /* @__PURE__ */ jsxs38(Fragment9, { children: [
     /* @__PURE__ */ jsx45("footer", { role: "contentinfo", className: "semiont-footer", children: /* @__PURE__ */ jsx45("div", { className: "semiont-footer__container", children: /* @__PURE__ */ jsxs38("div", { className: "semiont-footer__content", children: [
       /* @__PURE__ */ jsx45("div", { className: "semiont-footer__copyright", children: t12("copyright", { year: (/* @__PURE__ */ new Date()).getFullYear() }) }),
@@ -48706,7 +48836,7 @@ function NavigationMenu({
 }
 
 // src/components/navigation/ObservableLink.tsx
-import { useCallback as useCallback23, useRef as useRef25, useEffect as useEffect35 } from "react";
+import { useCallback as useCallback23, useRef as useRef25, useEffect as useEffect36 } from "react";
 import { jsx as jsx47 } from "react/jsx-runtime";
 function ObservableLink({
   href,
@@ -48717,7 +48847,7 @@ function ObservableLink({
 }) {
   const semiont = useSemiont();
   const onClickRef = useRef25(onClick);
-  useEffect35(() => {
+  useEffect36(() => {
     onClickRef.current = onClick;
   });
   const handleClick = useCallback23((e6) => {
@@ -48739,7 +48869,7 @@ function ObservableLink({
 }
 
 // src/components/navigation/SimpleNavigation.tsx
-import { useState as useState28, useRef as useRef26, useEffect as useEffect36 } from "react";
+import { useState as useState29, useRef as useRef26, useEffect as useEffect37 } from "react";
 import { jsx as jsx48, jsxs as jsxs40 } from "react/jsx-runtime";
 function SimpleNavigation({
   title,
@@ -48754,12 +48884,12 @@ function SimpleNavigation({
 }) {
   const ChevronLeftIcon = icons.chevronLeft;
   const BarsIcon = icons.bars;
-  const [isDropdownOpen, setIsDropdownOpen] = useState28(false);
+  const [isDropdownOpen, setIsDropdownOpen] = useState29(false);
   const dropdownRef = useRef26(null);
   const semiont = useSemiont();
   const toggleDropdown = () => setIsDropdownOpen(!isDropdownOpen);
   const closeDropdown = () => setIsDropdownOpen(false);
-  useEffect36(() => {
+  useEffect37(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         closeDropdown();
@@ -48835,14 +48965,14 @@ function SimpleNavigation({
 }
 
 // src/components/navigation/CollapsibleResourceNavigation.tsx
-import { useCallback as useCallback29, useState as useState32, useRef as useRef31, useEffect as useEffect41 } from "react";
+import { useCallback as useCallback29, useState as useState33, useRef as useRef31, useEffect as useEffect42 } from "react";
 
 // ../../node_modules/@dnd-kit/core/dist/core.esm.js
-import React18, { createContext as createContext5, useContext as useContext5, useEffect as useEffect38, useState as useState30, useCallback as useCallback26, useMemo as useMemo13, useRef as useRef28, memo as memo2, useReducer, cloneElement, forwardRef } from "react";
+import React18, { createContext as createContext5, useContext as useContext5, useEffect as useEffect39, useState as useState31, useCallback as useCallback26, useMemo as useMemo13, useRef as useRef28, memo as memo2, useReducer, cloneElement, forwardRef } from "react";
 import { createPortal, unstable_batchedUpdates } from "react-dom";
 
 // ../../node_modules/@dnd-kit/utilities/dist/utilities.esm.js
-import { useMemo as useMemo12, useLayoutEffect, useEffect as useEffect37, useRef as useRef27, useCallback as useCallback24 } from "react";
+import { useMemo as useMemo12, useLayoutEffect, useEffect as useEffect38, useRef as useRef27, useCallback as useCallback24 } from "react";
 function useCombinedRefs() {
   for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
     refs[_key] = arguments[_key];
@@ -48910,7 +49040,7 @@ function getOwnerDocument(target) {
   }
   return document;
 }
-var useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect37;
+var useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect38;
 function useEvent(handler) {
   const handlerRef = useRef27(handler);
   useIsomorphicLayoutEffect(() => {
@@ -48977,7 +49107,7 @@ function useNodeRef(onChange) {
 }
 function usePrevious(value) {
   const ref = useRef27();
-  useEffect37(() => {
+  useEffect38(() => {
     ref.current = value;
   }, [value]);
   return ref.current;
@@ -49118,7 +49248,7 @@ function findFirstFocusableNode(element2) {
 }
 
 // ../../node_modules/@dnd-kit/accessibility/dist/accessibility.esm.js
-import React17, { useState as useState29, useCallback as useCallback25 } from "react";
+import React17, { useState as useState30, useCallback as useCallback25 } from "react";
 var hiddenStyles = {
   display: "none"
 };
@@ -49161,7 +49291,7 @@ function LiveRegion(_ref) {
   }, announcement);
 }
 function useAnnouncement() {
-  const [announcement, setAnnouncement] = useState29("");
+  const [announcement, setAnnouncement] = useState30("");
   const announce = useCallback25((value) => {
     if (value != null) {
       setAnnouncement(value);
@@ -49177,7 +49307,7 @@ function useAnnouncement() {
 var DndMonitorContext = /* @__PURE__ */ createContext5(null);
 function useDndMonitor(listener) {
   const registerListener = useContext5(DndMonitorContext);
-  useEffect38(() => {
+  useEffect39(() => {
     if (!registerListener) {
       throw new Error("useDndMonitor must be used within a children of <DndContext>");
     }
@@ -49186,7 +49316,7 @@ function useDndMonitor(listener) {
   }, [listener, registerListener]);
 }
 function useDndMonitorProvider() {
-  const [listeners] = useState30(() => /* @__PURE__ */ new Set());
+  const [listeners] = useState31(() => /* @__PURE__ */ new Set());
   const registerListener = useCallback26((listener) => {
     listeners.add(listener);
     return () => listeners.delete(listener);
@@ -49252,8 +49382,8 @@ function Accessibility(_ref) {
     announcement
   } = useAnnouncement();
   const liveRegionId = useUniqueId("DndLiveRegion");
-  const [mounted, setMounted] = useState30(false);
-  useEffect38(() => {
+  const [mounted, setMounted] = useState31(false);
+  useEffect39(() => {
     setMounted(true);
   }, []);
   useDndMonitor(useMemo13(() => ({
@@ -50621,7 +50751,7 @@ function useAutoScroller(_ref) {
     scrollContainer.scrollBy(scrollLeft, scrollTop);
   }, []);
   const sortedScrollableAncestors = useMemo13(() => order2 === TraversalOrder.TreeOrder ? [...scrollableAncestors].reverse() : scrollableAncestors, [order2, scrollableAncestors]);
-  useEffect38(
+  useEffect39(
     () => {
       if (!enabled || !scrollableAncestors.length || !rect) {
         clearAutoScrollInterval();
@@ -50762,7 +50892,7 @@ function useDroppableMeasuring(containers, _ref) {
     dependencies,
     config
   } = _ref;
-  const [queue, setQueue] = useState30(null);
+  const [queue, setQueue] = useState31(null);
   const {
     frequency,
     measure,
@@ -50811,10 +50941,10 @@ function useDroppableMeasuring(containers, _ref) {
     }
     return previousValue;
   }, [containers, queue, dragging, disabled, measure]);
-  useEffect38(() => {
+  useEffect39(() => {
     containersRef.current = containers;
   }, [containers]);
-  useEffect38(
+  useEffect39(
     () => {
       if (disabled) {
         return;
@@ -50824,7 +50954,7 @@ function useDroppableMeasuring(containers, _ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [dragging, disabled]
   );
-  useEffect38(
+  useEffect39(
     () => {
       if (queue && queue.length > 0) {
         setQueue(null);
@@ -50833,7 +50963,7 @@ function useDroppableMeasuring(containers, _ref) {
     //eslint-disable-next-line react-hooks/exhaustive-deps
     [JSON.stringify(queue)]
   );
-  useEffect38(
+  useEffect39(
     () => {
       if (disabled || typeof frequency !== "number" || timeoutId.current !== null) {
         return;
@@ -50891,7 +51021,7 @@ function useMutationObserver(_ref) {
     } = window;
     return new MutationObserver2(handleMutations);
   }, [handleMutations, disabled]);
-  useEffect38(() => {
+  useEffect39(() => {
     return () => mutationObserver == null ? void 0 : mutationObserver.disconnect();
   }, [mutationObserver]);
   return mutationObserver;
@@ -50915,7 +51045,7 @@ function useResizeObserver(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [disabled]
   );
-  useEffect38(() => {
+  useEffect39(() => {
     return () => resizeObserver == null ? void 0 : resizeObserver.disconnect();
   }, [resizeObserver]);
   return resizeObserver;
@@ -50927,7 +51057,7 @@ function useRect(element2, measure, fallbackRect2) {
   if (measure === void 0) {
     measure = defaultMeasure;
   }
-  const [rect, setRect] = useState30(null);
+  const [rect, setRect] = useState31(null);
   function measureRect() {
     setRect((currentRect) => {
       if (!element2) {
@@ -50995,13 +51125,13 @@ function useScrollableAncestors(node2) {
     }
     return getScrollableAncestors(node2);
   }, [node2]);
-  useEffect38(() => {
+  useEffect39(() => {
     previousNode.current = node2;
   }, [node2]);
   return ancestors;
 }
 function useScrollOffsets(elements) {
-  const [scrollCoordinates, setScrollCoordinates] = useState30(null);
+  const [scrollCoordinates, setScrollCoordinates] = useState31(null);
   const prevElements = useRef28(elements);
   const handleScroll = useCallback26((event) => {
     const scrollingElement = getScrollableElement(event.target);
@@ -51016,7 +51146,7 @@ function useScrollOffsets(elements) {
       return new Map(scrollCoordinates2);
     });
   }, []);
-  useEffect38(() => {
+  useEffect39(() => {
     const previousElements = prevElements.current;
     if (elements !== previousElements) {
       cleanup(previousElements);
@@ -51056,14 +51186,14 @@ function useScrollOffsetsDelta(scrollOffsets, dependencies) {
     dependencies = [];
   }
   const initialScrollOffsets = useRef28(null);
-  useEffect38(
+  useEffect39(
     () => {
       initialScrollOffsets.current = null;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     dependencies
   );
-  useEffect38(() => {
+  useEffect39(() => {
     const hasScrollOffsets = scrollOffsets !== defaultCoordinates;
     if (hasScrollOffsets && !initialScrollOffsets.current) {
       initialScrollOffsets.current = scrollOffsets;
@@ -51075,7 +51205,7 @@ function useScrollOffsetsDelta(scrollOffsets, dependencies) {
   return initialScrollOffsets.current ? subtract(scrollOffsets, initialScrollOffsets.current) : defaultCoordinates;
 }
 function useSensorSetup(sensors) {
-  useEffect38(
+  useEffect39(
     () => {
       if (!canUseDOM) {
         return;
@@ -51126,7 +51256,7 @@ function useRects(elements, measure) {
   }
   const [firstElement] = elements;
   const windowRect2 = useWindowRect(firstElement ? getWindow(firstElement) : null);
-  const [rects, setRects] = useState30(defaultValue$2);
+  const [rects, setRects] = useState31(defaultValue$2);
   function measureRects() {
     setRects(() => {
       if (!elements.length) {
@@ -51159,7 +51289,7 @@ function useDragOverlayMeasuring(_ref) {
   let {
     measure
   } = _ref;
-  const [rect, setRect] = useState30(null);
+  const [rect, setRect] = useState31(null);
   const handleResize = useCallback26((entries) => {
     for (const {
       target
@@ -51415,7 +51545,7 @@ function RestoreFocus(_ref) {
   } = useContext5(InternalContext);
   const previousActivatorEvent = usePrevious(activatorEvent);
   const previousActiveId = usePrevious(active == null ? void 0 : active.id);
-  useEffect38(() => {
+  useEffect39(() => {
     if (disabled) {
       return;
     }
@@ -51560,7 +51690,7 @@ var DndContext = /* @__PURE__ */ memo2(function DndContext2(_ref) {
   const store = useReducer(reducer, void 0, getInitialState);
   const [state, dispatch] = store;
   const [dispatchMonitorEvent, registerMonitorListener] = useDndMonitorProvider();
-  const [status, setStatus] = useState30(Status.Uninitialized);
+  const [status, setStatus] = useState31(Status.Uninitialized);
   const isInitialized = status === Status.Initialized;
   const {
     draggable: {
@@ -51587,8 +51717,8 @@ var DndContext = /* @__PURE__ */ memo2(function DndContext2(_ref) {
     } : null;
   }, [activeId, node2]);
   const activeRef = useRef28(null);
-  const [activeSensor, setActiveSensor] = useState30(null);
-  const [activatorEvent, setActivatorEvent] = useState30(null);
+  const [activeSensor, setActiveSensor] = useState31(null);
+  const [activatorEvent, setActivatorEvent] = useState31(null);
   const latestProps = useLatestValue(props, Object.values(props));
   const draggableDescribedById = useUniqueId("DndDescribedBy", id2);
   const enabledDroppableContainers = useMemo13(() => droppableContainers.getEnabled(), [droppableContainers]);
@@ -51672,7 +51802,7 @@ var DndContext = /* @__PURE__ */ memo2(function DndContext2(_ref) {
     pointerCoordinates
   }) : null;
   const overId = getFirstCollision(collisions, "id");
-  const [over, setOver] = useState30(null);
+  const [over, setOver] = useState31(null);
   const appliedTranslate = usesDragOverlay ? modifiedTranslate : add(modifiedTranslate, activeNodeScrollDelta);
   const transform = adjustScale(appliedTranslate, (_over$rect = over == null ? void 0 : over.rect) != null ? _over$rect : null, activeNodeRect);
   const activeSensorRef = useRef28(null);
@@ -51866,7 +51996,7 @@ var DndContext = /* @__PURE__ */ memo2(function DndContext2(_ref) {
       setStatus(Status.Initialized);
     }
   }, [activeNodeRect, status]);
-  useEffect38(
+  useEffect39(
     () => {
       const {
         onDragMove
@@ -51901,7 +52031,7 @@ var DndContext = /* @__PURE__ */ memo2(function DndContext2(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [scrollAdjustedTranslate.x, scrollAdjustedTranslate.y]
   );
-  useEffect38(
+  useEffect39(
     () => {
       const {
         active: active2,
@@ -52184,7 +52314,7 @@ function useDroppable(_ref) {
   }, [resizeObserver]);
   const [nodeRef, setNodeRef] = useNodeRef(handleNodeChange);
   const dataRef = useLatestValue(data2);
-  useEffect38(() => {
+  useEffect39(() => {
     if (!resizeObserver || !nodeRef.current) {
       return;
     }
@@ -52192,7 +52322,7 @@ function useDroppable(_ref) {
     resizeObserverConnected.current = false;
     resizeObserver.observe(nodeRef.current);
   }, [nodeRef, resizeObserver]);
-  useEffect38(
+  useEffect39(
     () => {
       dispatch({
         type: Action.RegisterDroppable,
@@ -52214,7 +52344,7 @@ function useDroppable(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [id2]
   );
-  useEffect38(() => {
+  useEffect39(() => {
     if (disabled !== previous3.current.disabled) {
       dispatch({
         type: Action.SetDroppableDisabled,
@@ -52236,7 +52366,7 @@ function useDroppable(_ref) {
 }
 
 // ../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js
-import React19, { useMemo as useMemo14, useRef as useRef29, useEffect as useEffect39, useState as useState31, useContext as useContext6 } from "react";
+import React19, { useMemo as useMemo14, useRef as useRef29, useEffect as useEffect40, useState as useState32, useContext as useContext6 } from "react";
 function arrayMove(array, from, to) {
   const newArray = array.slice();
   newArray.splice(to < 0 ? newArray.length + to : to, 0, newArray.splice(from, 1)[0]);
@@ -52403,7 +52533,7 @@ function SortableContext(_ref) {
       measureDroppableContainers(items);
     }
   }, [itemsHaveChanged, items, isDragging, measureDroppableContainers]);
-  useEffect39(() => {
+  useEffect40(() => {
     previousItemsRef.current = items;
   }, [items]);
   const contextValue = useMemo14(
@@ -52477,7 +52607,7 @@ function useDerivedTransform(_ref) {
     node: node2,
     rect
   } = _ref;
-  const [derivedTransform, setDerivedtransform] = useState31(null);
+  const [derivedTransform, setDerivedtransform] = useState32(null);
   const previousIndex = useRef29(index2);
   useIsomorphicLayoutEffect(() => {
     if (!disabled && index2 !== previousIndex.current && node2.current) {
@@ -52501,7 +52631,7 @@ function useDerivedTransform(_ref) {
       previousIndex.current = index2;
     }
   }, [disabled, index2, node2, rect]);
-  useEffect39(() => {
+  useEffect40(() => {
     if (derivedTransform) {
       setDerivedtransform(null);
     }
@@ -52623,7 +52753,7 @@ function useSortable(_ref) {
     node: node2,
     rect
   });
-  useEffect39(() => {
+  useEffect40(() => {
     if (isSorting && previous3.current.newIndex !== newIndex) {
       previous3.current.newIndex = newIndex;
     }
@@ -52634,7 +52764,7 @@ function useSortable(_ref) {
       previous3.current.items = items;
     }
   }, [isSorting, newIndex, containerId, items]);
-  useEffect39(() => {
+  useEffect40(() => {
     if (activeId === previous3.current.activeId) {
       return;
     }
@@ -52819,7 +52949,7 @@ function isAfter(a15, b8) {
 }
 
 // src/components/navigation/SortableResourceTab.tsx
-import { useCallback as useCallback27, useRef as useRef30, useEffect as useEffect40 } from "react";
+import { useCallback as useCallback27, useRef as useRef30, useEffect as useEffect41 } from "react";
 import { jsx as jsx49, jsxs as jsxs41 } from "react/jsx-runtime";
 function SortableResourceTab({
   resource,
@@ -52843,7 +52973,7 @@ function SortableResourceTab({
     isDragging: isSortableDragging
   } = useSortable({ id: resource.id });
   const onReorderRef = useRef30(onReorder);
-  useEffect40(() => {
+  useEffect41(() => {
     onReorderRef.current = onReorder;
   });
   const style = {
@@ -52970,7 +53100,7 @@ function CollapsibleResourceNavigation({
 }) {
   const ChevronLeftIcon = icons.chevronLeft;
   const BarsIcon = icons.bars;
-  const [isDropdownOpen, setIsDropdownOpen] = useState32(false);
+  const [isDropdownOpen, setIsDropdownOpen] = useState33(false);
   const dropdownRef = useRef31(null);
   const { announcePickup, announceDrop, announceKeyboardReorder, announceCannotMove } = useDragAnnouncements();
   const t12 = useTranslations("CollapsibleResourceNavigation");
@@ -52986,7 +53116,7 @@ function CollapsibleResourceNavigation({
   };
   const toggleDropdown = () => setIsDropdownOpen(!isDropdownOpen);
   const closeDropdown = () => setIsDropdownOpen(false);
-  useEffect41(() => {
+  useEffect42(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         closeDropdown();
@@ -53184,10 +53314,10 @@ function CollapsibleResourceNavigation({
 }
 
 // src/components/modals/ReferenceWizardModal.tsx
-import { useState as useState36, useEffect as useEffect43, useCallback as useCallback30 } from "react";
+import { useState as useState37, useEffect as useEffect44, useCallback as useCallback30 } from "react";
 
 // src/components/modals/GatherContextStep.tsx
-import { useState as useState33, useEffect as useEffect42, useRef as useRef32 } from "react";
+import { useState as useState34, useEffect as useEffect43, useRef as useRef32 } from "react";
 
 // src/components/modals/ContextSummary.tsx
 import { Fragment as Fragment11, jsx as jsx51, jsxs as jsxs43 } from "react/jsx-runtime";
@@ -53250,11 +53380,11 @@ function GatherContextStep({
   onCompose,
   translations: t12
 }) {
-  const [sourceExpanded, setSourceExpanded] = useState33(false);
+  const [sourceExpanded, setSourceExpanded] = useState34(false);
   const contextReady = !contextLoading && !contextError && !!context;
   const sourceContext = context?.sourceContext;
   const highlightRef = useRef32(null);
-  useEffect42(() => {
+  useEffect43(() => {
     if (highlightRef.current) {
       highlightRef.current.scrollIntoView({ block: "center", behavior: "instant" });
     }
@@ -53373,7 +53503,7 @@ function GatherContextStep({
 }
 
 // src/components/modals/ConfigureGenerationStep.tsx
-import { useState as useState34 } from "react";
+import { useState as useState35 } from "react";
 import { LOCALES as LOCALES2 } from "@semiont/core";
 import { jsx as jsx53, jsxs as jsxs45 } from "react/jsx-runtime";
 function ConfigureGenerationStep({
@@ -53385,12 +53515,12 @@ function ConfigureGenerationStep({
   onGenerate,
   translations: t12
 }) {
-  const [title, setTitle] = useState34(defaultTitle);
-  const [storagePath, setStoragePath] = useState34("");
-  const [prompt, setPrompt] = useState34("");
-  const [language2, setLanguage] = useState34(locale);
-  const [temperature, setTemperature] = useState34(0.7);
-  const [maxTokens, setMaxTokens] = useState34(500);
+  const [title, setTitle] = useState35(defaultTitle);
+  const [storagePath, setStoragePath] = useState35("");
+  const [prompt, setPrompt] = useState35("");
+  const [language2, setLanguage] = useState35(locale);
+  const [temperature, setTemperature] = useState35(0.7);
+  const [maxTokens, setMaxTokens] = useState35(500);
   const handleSubmit = (e6) => {
     e6.preventDefault();
     const trimmedPrompt = prompt.trim();
@@ -53549,7 +53679,7 @@ function ConfigureGenerationStep({
 }
 
 // src/components/modals/ConfigureSearchStep.tsx
-import { useState as useState35 } from "react";
+import { useState as useState36 } from "react";
 import { jsx as jsx54, jsxs as jsxs46 } from "react/jsx-runtime";
 function ConfigureSearchStep({
   isSearching = false,
@@ -53558,8 +53688,8 @@ function ConfigureSearchStep({
   onSearch,
   translations: t12
 }) {
-  const [limit, setLimit] = useState35(10);
-  const [useSemanticScoring, setUseSemanticScoring] = useState35(true);
+  const [limit, setLimit] = useState36(10);
+  const [useSemanticScoring, setUseSemanticScoring] = useState36(true);
   const handleSubmit = (e6) => {
     e6.preventDefault();
     onSearch({ limit, useSemanticScoring });
@@ -53751,10 +53881,10 @@ function ReferenceWizardModal({
   translations: t12
 }) {
   const session = useObservable(useSemiont().activeSession$);
-  const [wizardStep, setWizardStep] = useState36({ step: "gather" });
-  const [isSearching, setIsSearching] = useState36(false);
-  const [userHint, setUserHint] = useState36("");
-  useEffect43(() => {
+  const [wizardStep, setWizardStep] = useState37({ step: "gather" });
+  const [isSearching, setIsSearching] = useState37(false);
+  const [userHint, setUserHint] = useState37("");
+  useEffect44(() => {
     if (isOpen) {
       setWizardStep({ step: "gather" });
       setIsSearching(false);
@@ -53943,7 +54073,7 @@ function ReferenceWizardModal({
 }
 
 // src/components/modals/SearchModal.tsx
-import { useState as useState37, useEffect as useEffect44, useRef as useRef33 } from "react";
+import { useState as useState38, useEffect as useEffect45, useRef as useRef33 } from "react";
 var import_operators = __toESM(require_operators(), 1);
 import { getResourceId } from "@semiont/core";
 import { createSearchPipeline } from "@semiont/sdk";
@@ -53992,7 +54122,7 @@ function SearchModal({
   const semiont = useObservable(useSemiont().activeSession$)?.client;
   const semiontRef = useRef33(semiont);
   semiontRef.current = semiont;
-  const [selectedIndex, setSelectedIndex] = useState37(0);
+  const [selectedIndex, setSelectedIndex] = useState38(0);
   const t12 = {
     placeholder: translations.placeholder || "Search resources, entities...",
     searching: translations.searching || "Searching...",
@@ -54004,7 +54134,7 @@ function SearchModal({
     enter: translations.enter || "Enter",
     esc: translations.esc || "ESC"
   };
-  const [pipeline] = useState37(
+  const [pipeline] = useState38(
     () => createSearchPipeline(
       (q2) => semiontRef.current.browse.resources({ search: q2, limit: SEARCH_LIMIT }).pipe(
         (0, import_operators.map)((resources) => {
@@ -54024,21 +54154,21 @@ function SearchModal({
       { debounceMs: SEARCH_DEBOUNCE_MS }
     )
   );
-  useEffect44(() => () => pipeline.dispose(), [pipeline]);
+  useEffect45(() => () => pipeline.dispose(), [pipeline]);
   const query = useObservable(pipeline.query$) ?? "";
   const searchState = useObservable(pipeline.state$);
   const results = searchState?.results ?? [];
   const loading = searchState?.isSearching ?? false;
-  useEffect44(() => {
+  useEffect45(() => {
     if (isOpen) {
       pipeline.setQuery("");
       setSelectedIndex(0);
     }
   }, [isOpen, pipeline]);
-  useEffect44(() => {
+  useEffect45(() => {
     setSelectedIndex(0);
   }, [results.length]);
-  useEffect44(() => {
+  useEffect45(() => {
     if (!query.trim()) return;
     if (loading) {
       announceSearching();
@@ -54154,7 +54284,7 @@ function SearchModal({
 }
 
 // src/components/modals/ResourceSearchModal.tsx
-import { useState as useState38, useEffect as useEffect45, useRef as useRef34 } from "react";
+import { useState as useState39, useEffect as useEffect46, useRef as useRef34 } from "react";
 var import_operators2 = __toESM(require_operators(), 1);
 import { getResourceId as getResourceId2, getPrimaryRepresentation } from "@semiont/core";
 import { createSearchPipeline as createSearchPipeline2 } from "@semiont/sdk";
@@ -54190,7 +54320,7 @@ function ResourceSearchModal({
     noResults: translations.noResults || "No documents found",
     close: translations.close || "\u2715"
   };
-  const [pipeline] = useState38(
+  const [pipeline] = useState39(
     () => createSearchPipeline2(
       (q2) => semiontRef.current.browse.resources({ search: q2, limit: SEARCH_LIMIT2 }).pipe(
         (0, import_operators2.map)((resources) => {
@@ -54201,17 +54331,17 @@ function ResourceSearchModal({
       { debounceMs: SEARCH_DEBOUNCE_MS2, initialQuery: searchTerm }
     )
   );
-  useEffect45(() => () => pipeline.dispose(), [pipeline]);
+  useEffect46(() => () => pipeline.dispose(), [pipeline]);
   const search2 = useObservable(pipeline.query$) ?? "";
   const searchState = useObservable(pipeline.state$);
   const results = searchState?.results ?? [];
   const loading = searchState?.isSearching ?? false;
-  useEffect45(() => {
+  useEffect46(() => {
     if (isOpen && searchTerm) {
       pipeline.setQuery(searchTerm);
     }
   }, [isOpen, searchTerm, pipeline]);
-  useEffect45(() => {
+  useEffect46(() => {
     if (!search2.trim()) return;
     if (loading) {
       announceSearching();
@@ -54331,7 +54461,7 @@ function SkipLinks() {
 }
 
 // src/components/StatusDisplay.tsx
-import { useEffect as useEffect46, useState as useState39 } from "react";
+import { useEffect as useEffect47, useState as useState40 } from "react";
 import { jsx as jsx60, jsxs as jsxs52 } from "react/jsx-runtime";
 function StatusDisplay({
   isFullyAuthenticated = false,
@@ -54339,10 +54469,10 @@ function StatusDisplay({
   hasValidBackendToken = false
 }) {
   const semiont = useObservable(useSemiont().activeSession$)?.client;
-  const [data2, setData] = useState39(null);
-  const [loading, setLoading] = useState39(true);
-  const [error, setError] = useState39(null);
-  useEffect46(() => {
+  const [data2, setData] = useState40(null);
+  const [loading, setLoading] = useState40(true);
+  const [error, setError] = useState40(null);
+  useEffect47(() => {
     if (!semiont) {
       setLoading(false);
       return;
@@ -54434,11 +54564,11 @@ function SessionTimer() {
 }
 
 // src/components/SessionExpiryBanner.tsx
-import { useState as useState40 } from "react";
+import { useState as useState41 } from "react";
 import { jsx as jsx61, jsxs as jsxs54 } from "react/jsx-runtime";
 function SessionExpiryBanner() {
   const { timeRemaining, isExpiringSoon } = useSessionExpiry();
-  const [dismissed, setDismissed] = useState40(false);
+  const [dismissed, setDismissed] = useState41(false);
   const formattedTime = formatTime(timeRemaining);
   if (!isExpiringSoon || dismissed || !formattedTime) {
     return null;
@@ -54659,7 +54789,7 @@ function UnifiedHeader({
 }
 
 // src/components/layout/LeftSidebar.tsx
-import { useState as useState41, useEffect as useEffect47 } from "react";
+import { useState as useState42, useEffect as useEffect48 } from "react";
 import { jsx as jsx65, jsxs as jsxs57 } from "react/jsx-runtime";
 function LeftSidebar({
   Link,
@@ -54674,7 +54804,7 @@ function LeftSidebar({
   isModerator = false,
   currentPath
 }) {
-  const [isCollapsed, setIsCollapsed] = useState41(false);
+  const [isCollapsed, setIsCollapsed] = useState42(false);
   const { width, setWidth, minWidth, maxWidth } = usePanelWidth({
     defaultWidth: 256,
     // 16rem
@@ -54684,7 +54814,7 @@ function LeftSidebar({
     // 25rem
     storageKey: "semiont-left-sidebar-width"
   });
-  useEffect47(() => {
+  useEffect48(() => {
     if (collapsible) {
       const saved = localStorage.getItem(storageKey);
       if (saved === "true") {
@@ -55873,7 +56003,7 @@ function ExportCard({ onExport, isExporting, translations: t12 }) {
 }
 
 // src/features/admin-exchange/components/ImportCard.tsx
-import { useRef as useRef35, useState as useState42, useCallback as useCallback32 } from "react";
+import { useRef as useRef35, useState as useState43, useCallback as useCallback32 } from "react";
 import { jsx as jsx74, jsxs as jsxs64 } from "react/jsx-runtime";
 function ImportCard({
   onFileSelected,
@@ -55885,8 +56015,8 @@ function ImportCard({
   translations: t12
 }) {
   const fileInputRef = useRef35(null);
-  const [isDragActive, setIsDragActive] = useState42(false);
-  const [showConfirm, setShowConfirm] = useState42(false);
+  const [isDragActive, setIsDragActive] = useState43(false);
+  const [showConfirm, setShowConfirm] = useState43(false);
   const handleDragOver = useCallback32((e6) => {
     e6.preventDefault();
     setIsDragActive(true);
@@ -55963,7 +56093,7 @@ function ImportCard({
       ] }),
       Object.keys(preview.stats).length > 0 && /* @__PURE__ */ jsxs64("div", { className: "semiont-exchange__preview-row", children: [
         /* @__PURE__ */ jsx74("span", { className: "semiont-exchange__preview-label", children: t12.statsPreview }),
-        /* @__PURE__ */ jsx74("span", { className: "semiont-exchange__preview-value", children: Object.entries(preview.stats).map(([k5, v4]) => `${v4} ${k5}`).join(", ") })
+        /* @__PURE__ */ jsx74("span", { className: "semiont-exchange__preview-value", children: Object.entries(preview.stats).map(([k6, v4]) => `${v4} ${k6}`).join(", ") })
       ] })
     ] }),
     showConfirm && /* @__PURE__ */ jsxs64("div", { className: "semiont-exchange__confirm", children: [
@@ -56012,33 +56142,35 @@ function ImportCard({
 }
 
 // src/features/admin-exchange/components/ImportProgress.tsx
-import { Fragment as Fragment14, jsx as jsx75, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs65 } from "react/jsx-runtime";
 var PHASE_LABELS = {
   started: "phaseStarted",
-  "entity-types": "phaseEntityTypes",
-  resources: "phaseResources",
-  annotations: "phaseAnnotations",
   complete: "phaseComplete",
   error: "phaseError"
 };
+var STAT_LABELS = {
+  eventsReplayed: "statsEventsReplayed",
+  resourcesCreated: "statsResourcesCreated",
+  annotationsCreated: "statsAnnotationsCreated",
+  entityTypesAdded: "statsEntityTypesAdded"
+};
 function ImportProgress({ phase, message, result, translations: t12 }) {
   const labelKey = PHASE_LABELS[phase];
   const phaseLabel = labelKey ? t12[labelKey] : phase;
   const isComplete = phase === "complete";
   const isError = phase === "error";
+  const stats = result?.stats != null && typeof result.stats === "object" ? result.stats : void 0;
+  const statEntries = stats ? Object.entries(stats).filter((entry) => typeof entry[1] === "number") : [];
   return /* @__PURE__ */ jsxs65("div", { className: "semiont-exchange__progress", children: [
     /* @__PURE__ */ jsx75("div", { className: `semiont-exchange__phase-label${isError ? " semiont-exchange__phase-label--error" : isComplete ? " semiont-exchange__phase-label--complete" : ""}`, children: phaseLabel }),
     message && !isComplete && !isError && /* @__PURE__ */ jsx75("p", { className: "semiont-exchange__progress-message", children: message }),
-    isComplete && result && /* @__PURE__ */ jsxs65("div", { className: "semiont-exchange__result", children: [
-      result.stats != null && typeof result.stats === "object" && /* @__PURE__ */ jsx75(Fragment14, { children: Object.entries(result.stats).map(([key, value]) => {
-        const label = key === "streams" ? t12.streams : key === "events" ? t12.events : key === "blobs" ? t12.blobs : key;
-        return /* @__PURE__ */ jsxs65("div", { className: "semiont-exchange__result-stat", children: [
-          /* @__PURE__ */ jsx75("span", { className: "semiont-exchange__result-value", children: value }),
-          /* @__PURE__ */ jsx75("span", { className: "semiont-exchange__result-label", children: label })
-        ] }, key);
-      }) }),
-      result.hashChainValid !== void 0 && /* @__PURE__ */ jsx75("div", { className: `semiont-exchange__hash-badge${result.hashChainValid ? " semiont-exchange__hash-badge--valid" : " semiont-exchange__hash-badge--invalid"}`, children: result.hashChainValid ? t12.hashChainValid : t12.hashChainInvalid })
-    ] }),
+    isComplete && statEntries.length > 0 && /* @__PURE__ */ jsx75("div", { className: "semiont-exchange__result", children: statEntries.map(([key, value]) => {
+      const statKey = STAT_LABELS[key];
+      return /* @__PURE__ */ jsxs65("div", { className: "semiont-exchange__result-stat", children: [
+        /* @__PURE__ */ jsx75("span", { className: "semiont-exchange__result-value", children: value }),
+        /* @__PURE__ */ jsx75("span", { className: "semiont-exchange__result-label", children: statKey ? t12[statKey] : key })
+      ] }, key);
+    }) }),
     isError && message && /* @__PURE__ */ jsx75("p", { className: "semiont-exchange__error-message", children: message })
   ] });
 }
@@ -56297,8 +56429,8 @@ function LinkedDataPage({
 }
 
 // src/features/admin-users/components/AdminUsersPage.tsx
-import { useState as useState43 } from "react";
-import { Fragment as Fragment15, jsx as jsx79, jsxs as jsxs69 } from "react/jsx-runtime";
+import { useState as useState44 } from "react";
+import { Fragment as Fragment14, jsx as jsx79, jsxs as jsxs69 } from "react/jsx-runtime";
 function UserTableRow({
   user,
   onUpdate,
@@ -56379,9 +56511,9 @@ function AdminUsersPage({
   Toolbar: Toolbar2,
   buttonStyles: buttonStyles2
 }) {
-  const [searchTerm, setSearchTerm] = useState43("");
-  const [selectedRole, setSelectedRole] = useState43("all");
-  const [selectedStatus, setSelectedStatus] = useState43("all");
+  const [searchTerm, setSearchTerm] = useState44("");
+  const [selectedRole, setSelectedRole] = useState44("all");
+  const [selectedStatus, setSelectedStatus] = useState44("all");
   const filteredUsers = users.filter((user) => {
     const matchesSearch = (user.name || "").toLowerCase().includes(searchTerm.toLowerCase()) || user.email.toLowerCase().includes(searchTerm.toLowerCase());
     const userRole = user.isAdmin ? "admin" : "user";
@@ -56408,7 +56540,7 @@ function AdminUsersPage({
           /* @__PURE__ */ jsx79("div", { className: "semiont-skeleton semiont-skeleton--text" }),
           /* @__PURE__ */ jsx79("div", { className: "semiont-skeleton semiont-skeleton--number" })
         ] })
-      ] }) }, i12)) : /* @__PURE__ */ jsxs69(Fragment15, { children: [
+      ] }) }, i12)) : /* @__PURE__ */ jsxs69(Fragment14, { children: [
         /* @__PURE__ */ jsx79("div", { className: "semiont-stat-card", children: /* @__PURE__ */ jsxs69("div", { className: "semiont-stat-card__content", children: [
           /* @__PURE__ */ jsx79("div", { className: "semiont-stat-card__icon-wrapper", children: /* @__PURE__ */ jsx79(UserCircleIcon_default, { className: "semiont-stat-card__icon semiont-stat-card__icon--primary" }) }),
           /* @__PURE__ */ jsxs69("div", { className: "semiont-stat-card__text", children: [
@@ -56546,7 +56678,7 @@ function AdminUsersPage({
 
 // src/features/auth/components/SignInForm.tsx
 import React45 from "react";
-import { Fragment as Fragment16, jsx as jsx80, jsxs as jsxs70 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx80, jsxs as jsxs70 } from "react/jsx-runtime";
 function GoogleIcon() {
   return /* @__PURE__ */ jsxs70("svg", { className: "semiont-icon semiont-icon--small semiont-icon--inline", viewBox: "0 0 24 24", children: [
     /* @__PURE__ */ jsx80(
@@ -56645,7 +56777,7 @@ function CredentialsAuthForm({
       ]
     }
   ) : null;
-  return /* @__PURE__ */ jsxs70(Fragment16, { children: [
+  return /* @__PURE__ */ jsxs70(Fragment15, { children: [
     validationError && /* @__PURE__ */ jsx80("div", { className: "semiont-auth__error", role: "alert", "aria-live": "polite", children: /* @__PURE__ */ jsx80("div", { className: "semiont-auth__error-text", children: validationError }) }),
     /* @__PURE__ */ jsxs70("form", { onSubmit: handleSubmit, className: "semiont-auth__form", noValidate: true, children: [
       /* @__PURE__ */ jsxs70("div", { className: "semiont-form__field", children: [
@@ -56750,7 +56882,7 @@ function SignInForm({
       /* @__PURE__ */ jsx80("p", { className: "semiont-auth__subtitle", children: t12.signInPrompt })
     ] }),
     error && /* @__PURE__ */ jsx80("div", { className: "semiont-auth__error-container", children: /* @__PURE__ */ jsx80("div", { className: "semiont-auth__error", children: /* @__PURE__ */ jsx80("div", { className: "semiont-auth__error-text", children: error }) }) }),
-    /* @__PURE__ */ jsx80("div", { className: "semiont-auth__forms", children: !isLoading ? /* @__PURE__ */ jsxs70(Fragment16, { children: [
+    /* @__PURE__ */ jsx80("div", { className: "semiont-auth__forms", children: !isLoading ? /* @__PURE__ */ jsxs70(Fragment15, { children: [
       showCredentialsAuth && onCredentialsSignIn && /* @__PURE__ */ jsx80(
         CredentialsAuthForm,
         {
@@ -56769,7 +56901,7 @@ function SignInForm({
 }
 
 // src/features/auth/components/SignUpForm.tsx
-import { useState as useState44 } from "react";
+import { useState as useState45 } from "react";
 import { jsx as jsx81, jsxs as jsxs71 } from "react/jsx-runtime";
 function GoogleIcon2() {
   return /* @__PURE__ */ jsxs71("svg", { className: "semiont-icon semiont-icon--small semiont-icon--inline", viewBox: "0 0 24 24", children: [
@@ -56804,7 +56936,7 @@ function GoogleIcon2() {
   ] });
 }
 function SignUpForm({ onSignUp, Link, translations: t12 }) {
-  const [isLoading, setIsLoading] = useState44(false);
+  const [isLoading, setIsLoading] = useState45(false);
   const handleSignUp = async () => {
     setIsLoading(true);
     try {
@@ -57009,7 +57141,7 @@ function WelcomePage({
 }
 
 // src/features/moderate-entity-tags/components/EntityTagsPage.tsx
-import { Fragment as Fragment17, jsx as jsx84, jsxs as jsxs74 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx84, jsxs as jsxs74 } from "react/jsx-runtime";
 function EntityTagsPage({
   entityTypes,
   error,
@@ -57070,7 +57202,7 @@ function EntityTagsPage({
               onClick: onAddTag,
               disabled: isAddingTag || !newTag.trim(),
               className: "semiont-button semiont-button--primary",
-              children: isAddingTag ? t12.adding : /* @__PURE__ */ jsxs74(Fragment17, { children: [
+              children: isAddingTag ? t12.adding : /* @__PURE__ */ jsxs74(Fragment16, { children: [
                 /* @__PURE__ */ jsx84(PlusIcon_default, { className: "semiont-icon semiont-icon--small semiont-icon--inline" }),
                 t12.addTag
               ] })
@@ -57261,11 +57393,11 @@ 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 { useState as useState46, useEffect as useEffect49 } from "react";
+import { capabilitiesOf as capabilitiesOf5, AUTHORABLE_MEDIA_TYPES, MEDIA_TYPES, mediaTypeForExtension, isSupportedMediaType, LOCALES as LOCALES3 } from "@semiont/core";
 
 // src/features/resource-compose/components/UploadProgressBar.tsx
-import { Fragment as Fragment18, jsx as jsx87, jsxs as jsxs77 } from "react/jsx-runtime";
+import { Fragment as Fragment17, 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`;
@@ -57292,7 +57424,7 @@ function UploadProgressBar({ progress, label = "Upload" }) {
         ": ",
         formatBytes(progress.bytesUploaded),
         "\u2026"
-      ] }) : /* @__PURE__ */ jsxs77(Fragment18, { children: [
+      ] }) : /* @__PURE__ */ jsxs77(Fragment17, { children: [
         /* @__PURE__ */ jsxs77("span", { children: [
           label,
           ": ",
@@ -57335,6 +57467,15 @@ function UploadProgressBar({ progress, label = "Upload" }) {
 
 // src/features/resource-compose/components/ResourceComposePage.tsx
 import { jsx as jsx88, jsxs as jsxs78 } from "react/jsx-runtime";
+var UPLOAD_ACCEPT = Object.values(MEDIA_TYPES).map((c12) => c12.extension).join(",");
+function detectUploadMediaType(file) {
+  if (file.type && isSupportedMediaType(file.type)) return file.type;
+  if (file.name.includes(".")) {
+    const byExt = mediaTypeForExtension(file.name.slice(file.name.lastIndexOf(".")));
+    if (byExt) return byExt;
+  }
+  return "application/octet-stream";
+}
 function ResourceComposePage({
   mode,
   cloneData,
@@ -57354,20 +57495,20 @@ function ResourceComposePage({
   Toolbar: Toolbar2
 }) {
   const { announceFormSubmitting, announceFormSuccess, announceFormError } = useFormAnnouncements();
-  const [newResourceName, setNewResourceName] = useState45("");
-  const [newResourceContent, setNewResourceContent] = useState45("");
-  const [selectedEntityTypes, setSelectedEntityTypes] = useState45([]);
-  const [isCreating, setIsCreating] = useState45(false);
-  const [inputMethod, setInputMethod] = useState45("write");
-  const [uploadedFile, setUploadedFile] = useState45(null);
-  const [fileMimeType, setFileMimeType] = useState45("text/markdown");
-  const [filePreviewUrl, setFilePreviewUrl] = useState45(null);
-  const [selectedFormat, setSelectedFormat] = useState45("text/markdown");
-  const [selectedLanguage, setSelectedLanguage] = useState45(initialLocale);
-  const [selectedCharset, setSelectedCharset] = useState45("");
-  const [storagePath, setStoragePath] = useState45("");
-  const [archiveOriginal, setArchiveOriginal] = useState45(true);
-  useEffect48(() => {
+  const [newResourceName, setNewResourceName] = useState46("");
+  const [newResourceContent, setNewResourceContent] = useState46("");
+  const [selectedEntityTypes, setSelectedEntityTypes] = useState46([]);
+  const [isCreating, setIsCreating] = useState46(false);
+  const [inputMethod, setInputMethod] = useState46("write");
+  const [uploadedFile, setUploadedFile] = useState46(null);
+  const [fileMimeType, setFileMimeType] = useState46("text/markdown");
+  const [filePreviewUrl, setFilePreviewUrl] = useState46(null);
+  const [selectedFormat, setSelectedFormat] = useState46("text/markdown");
+  const [selectedLanguage, setSelectedLanguage] = useState46(initialLocale);
+  const [selectedCharset, setSelectedCharset] = useState46("");
+  const [storagePath, setStoragePath] = useState46("");
+  const [archiveOriginal, setArchiveOriginal] = useState46(true);
+  useEffect49(() => {
     if (mode === "clone" && cloneData) {
       setNewResourceName(cloneData.sourceResource.name);
       setNewResourceContent(cloneData.sourceContent);
@@ -57381,14 +57522,16 @@ function ResourceComposePage({
   const handleFileUpload = (e6) => {
     const file = e6.target.files?.[0];
     if (!file) return;
+    const detectedMediaType = detectUploadMediaType(file);
     setUploadedFile(file);
-    setFileMimeType(file.type);
+    setFileMimeType(detectedMediaType);
     setInputMethod("upload");
     if (!newResourceName) {
       const nameWithoutExt = file.name.replace(/\.[^/.]+$/, "");
       setNewResourceName(nameWithoutExt);
     }
-    if (isImageMimeType(file.type) || isPdfMimeType4(file.type)) {
+    const detectedRender = capabilitiesOf5(detectedMediaType)?.render;
+    if (detectedRender === "image" || detectedRender === "pdf") {
       const previewUrl = URL.createObjectURL(file);
       setFilePreviewUrl(previewUrl);
     } else {
@@ -57400,7 +57543,7 @@ function ResourceComposePage({
       reader.readAsText(file);
     }
   };
-  useEffect48(() => {
+  useEffect49(() => {
     return () => {
       if (filePreviewUrl) {
         URL.revokeObjectURL(filePreviewUrl);
@@ -57651,7 +57794,7 @@ function ResourceComposePage({
                   "input",
                   {
                     type: "file",
-                    accept: "text/plain,text/markdown,image/png,image/jpeg,application/pdf",
+                    accept: UPLOAD_ACCEPT,
                     onChange: handleFileUpload,
                     className: "semiont-form__upload-input",
                     disabled: isCreating
@@ -57683,7 +57826,7 @@ function ResourceComposePage({
               /* @__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__ */ jsxs78("div", { className: "semiont-form__image-preview", children: [
+            uploadedFile && filePreviewUrl && capabilitiesOf5(fileMimeType)?.render === "image" && /* @__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",
@@ -57698,7 +57841,7 @@ function ResourceComposePage({
           (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(
+              /* @__PURE__ */ jsx88(
                 "select",
                 {
                   id: "format-select",
@@ -57706,11 +57849,12 @@ function ResourceComposePage({
                   onChange: (e6) => setSelectedFormat(e6.target.value),
                   disabled: isCreating,
                   className: "semiont-select",
-                  children: [
-                    /* @__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)" })
-                  ]
+                  children: AUTHORABLE_MEDIA_TYPES.map((mt) => /* @__PURE__ */ jsxs78("option", { value: mt, children: [
+                    capabilitiesOf5(mt)?.label ?? mt,
+                    " (",
+                    mt,
+                    ")"
+                  ] }, mt))
                 }
               )
             ] }),
@@ -57809,7 +57953,7 @@ function ResourceComposePage({
 }
 
 // src/features/resource-discovery/components/ResourceDiscoveryPage.tsx
-import { useState as useState46, useCallback as useCallback33, useRef as useRef36 } from "react";
+import { useCallback as useCallback33, useRef as useRef36 } from "react";
 import { getResourceId as getResourceId3 } from "@semiont/core";
 
 // src/features/resource-discovery/components/ResourceCard.tsx
@@ -57876,6 +58020,8 @@ function ResourceDiscoveryPage({
   isSearching,
   searchQuery,
   onSearchQueryChange,
+  selectedEntityType,
+  onSelectedEntityTypeChange,
   theme: theme2,
   showLineNumbers,
   activePanel,
@@ -57884,12 +58030,8 @@ function ResourceDiscoveryPage({
   translations: t12,
   ToolbarPanels
 }) {
-  const [selectedEntityType, setSelectedEntityType] = useState46("");
   const hasSearchQuery = searchQuery.trim() !== "";
-  const baseDocuments = hasSearchQuery ? searchDocuments : recentDocuments;
-  const filteredResources = !selectedEntityType ? baseDocuments : baseDocuments.filter(
-    (resource) => resource.entityTypes && resource.entityTypes.includes(selectedEntityType)
-  );
+  const filteredResources = hasSearchQuery ? searchDocuments : recentDocuments;
   const entityFilterRoving = useRovingTabIndex(
     entityTypes.length + 1,
     // +1 for "All" button
@@ -57903,8 +58045,8 @@ function ResourceDiscoveryPage({
   const onNavigateToResourceRef = useRef36(onNavigateToResource);
   onNavigateToResourceRef.current = onNavigateToResource;
   const handleEntityTypeFilter = useCallback33((entityType) => {
-    setSelectedEntityType(entityType);
-  }, []);
+    onSelectedEntityTypeChange(entityType);
+  }, [onSelectedEntityTypeChange]);
   const openResource = useCallback33((resource) => {
     const resourceId2 = getResourceId3(resource);
     if (resourceId2) {
@@ -58032,18 +58174,17 @@ function ResourceDiscoveryPage({
 }
 
 // src/features/resource-viewer/components/ResourceViewerPage.tsx
-import { useState as useState48, useEffect as useEffect50, useCallback as useCallback34 } from "react";
+import { useState as useState48, useEffect as useEffect51, useCallback as useCallback34 } from "react";
 import { annotationId } from "@semiont/core";
-import { getLanguage, getPrimaryRepresentation as getPrimaryRepresentation2, getPrimaryMediaType as getPrimaryMediaType2 } from "@semiont/core";
-import { getMimeCategory as getMimeCategory3 } from "@semiont/core";
+import { getLanguage, getPrimaryRepresentation as getPrimaryRepresentation2, getPrimaryMediaType as getPrimaryMediaType2, capabilitiesOf as capabilitiesOf6 } from "@semiont/core";
 
 // src/hooks/useMediaToken.ts
-import { useEffect as useEffect49, useState as useState47 } from "react";
+import { useEffect as useEffect50, useState as useState47 } from "react";
 function useMediaToken(id2) {
   const semiont = useObservable(useSemiont().activeSession$)?.client;
   const [token, setToken] = useState47(void 0);
   const [loading, setLoading] = useState47(true);
-  useEffect49(() => {
+  useEffect50(() => {
     if (!semiont || !id2) {
       setLoading(false);
       return;
@@ -58080,7 +58221,7 @@ import { createMarkStateUnit } from "@semiont/sdk";
 import { createGatherStateUnit } from "@semiont/sdk";
 import { createMatchStateUnit } from "@semiont/sdk";
 import { createYieldStateUnit } from "@semiont/sdk";
-import { decodeWithCharset as decodeWithCharset2 } from "@semiont/core";
+import { decodeWithCharset as decodeWithCharset2, textExtractionOf } 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,
@@ -58131,11 +58272,11 @@ function createResourceViewerPageStateUnit(client, resourceId2, locale, browse,
   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";
+  const isBinaryType = textExtractionOf(mediaType) !== "decode";
   if (!isBinaryType && mediaType) {
     contentLoading$.next(true);
-    client.browse.resourceRepresentation(resourceId2, { accept: mediaType }).then(({ data: data2 }) => {
-      content$.next(decodeWithCharset2(data2, mediaType));
+    client.browse.resourceRepresentation(resourceId2).then(({ data: data2, contentType }) => {
+      content$.next(decodeWithCharset2(data2, contentType));
       contentLoading$.next(false);
     }).catch(() => {
       contentLoading$.next(false);
@@ -58146,8 +58287,6 @@ function createResourceViewerPageStateUnit(client, resourceId2, locale, browse,
     });
   }
   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,
@@ -58232,7 +58371,8 @@ function ResourceViewerPage({
   const { hoverDelayMs } = useHoverDelay();
   const { triggerSparkleAnimation, clearNewAnnotationId } = useResourceAnnotations();
   const resourceMediaType = getPrimaryMediaType2(resource) || "text/plain";
-  const isBinary = getMimeCategory3(resourceMediaType) === "image";
+  const renderMode = capabilitiesOf6(resourceMediaType)?.render;
+  const isBinary = renderMode === "image" || renderMode === "pdf";
   const { content: textContent, loading: textLoading } = useResourceContent(rUri, resource, !isBinary);
   const { token: mediaToken, loading: mediaTokenLoading } = useMediaToken(rUri);
   const binaryContent = isBinary && mediaToken && semiont ? `${semiont.baseUrl}/api/resources/${rUri}?token=${mediaToken}` : "";
@@ -58309,7 +58449,7 @@ function ResourceViewerPage({
       reason: "compose-from-wizard"
     });
   }, [session]);
-  useEffect50(() => {
+  useEffect51(() => {
     if (resource && rUri) {
       const mediaType = getPrimaryMediaType2(resource);
       browser2.addOpenResource(rUri, resource.name, mediaType || void 0, resource.storageUri);
@@ -58318,7 +58458,7 @@ function ResourceViewerPage({
       }
     }
   }, [resource, rUri, browser2]);
-  useEffect50(() => {
+  useEffect51(() => {
     if (pendingAnnotation) {
       browser2.emit("panel:open", { panel: "annotations" });
     }
@@ -58422,7 +58562,7 @@ function ResourceViewerPage({
     announceResourceLoading,
     announceResourceLoaded
   } = useResourceLoadingAnnouncements();
-  useEffect50(() => {
+  useEffect51(() => {
     if (contentLoading) {
       announceResourceLoading(resource.name);
     } else if (content4) {
@@ -58551,7 +58691,7 @@ function ResourceViewerPage({
                   knowledgeBaseName
                 }
               ),
-              activePanel === "jsonld" && /* @__PURE__ */ jsx91(JsonLdPanel, { resource })
+              activePanel === "jsonld" && /* @__PURE__ */ jsx91(JsonLdPanel, { resourceId: rUri })
             ]
           }
         ),
@@ -58656,7 +58796,7 @@ function createSessionStateUnit(client) {
 var import_rxjs4 = __toESM(require_cjs(), 1);
 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";
+import { decodeWithCharset as decodeWithCharset3, extensionForMediaType } from "@semiont/core";
 function createComposePageStateUnit(client, browse, params, auth) {
   const disposer = createDisposer2();
   disposer.add(browse);
@@ -58693,11 +58833,8 @@ function createComposePageStateUnit(client, browse, params, auth) {
         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);
+          const { data: data2, contentType } = await client.browse.resourceRepresentation(rId);
+          const content4 = decodeWithCharset3(data2, contentType);
           cloneData$.next({ sourceResource: tokenResult, sourceContent: content4 });
         }
       } catch {
@@ -58724,7 +58861,7 @@ function createComposePageStateUnit(client, browse, params, auth) {
       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";
+      const extension2 = extensionForMediaType(saveParams.format ?? "application/octet-stream");
       fileToUpload = new File([blob], saveParams.name + extension2, { type: saveParams.format ?? "application/octet-stream" });
       mimeType = saveParams.format ?? "application/octet-stream";
     }
@@ -58995,33 +59132,75 @@ function createWelcomeStateUnit(client) {
 
 // src/features/resource-discovery/state/discover-state-unit.ts
 var import_rxjs10 = __toESM(require_cjs(), 1);
+var import_operators4 = __toESM(require_operators(), 1);
 import { createDisposer as createDisposer7 } from "@semiont/sdk";
-import { createSearchPipeline as createSearchPipeline3 } from "@semiont/sdk";
 var RECENT_LIMIT = 10;
 var SEARCH_LIMIT3 = 20;
+var DEBOUNCE_MS = 250;
 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 selectedEntityType$ = new import_rxjs10.BehaviorSubject("");
+  disposer.add(() => selectedEntityType$.complete());
+  const queryInput$ = new import_rxjs10.Subject();
+  disposer.add(() => queryInput$.complete());
+  const recent$ = selectedEntityType$.pipe(
+    (0, import_operators4.switchMap)(
+      (et) => client.browse.resources({
+        limit: RECENT_LIMIT,
+        archived: false,
+        ...et ? { entityType: et } : {}
+      })
+    ),
+    (0, import_operators4.shareReplay)({ bufferSize: 1, refCount: true })
+  );
   const recentResources$ = recent$.pipe(
-    (0, import_rxjs10.map)((r14) => r14 ?? [])
+    (0, import_operators4.map)((r14) => r14 ?? [])
   );
   const isLoadingRecent$ = recent$.pipe(
-    (0, import_rxjs10.map)((r14) => r14 === void 0)
+    (0, import_operators4.map)((r14) => r14 === void 0)
   );
   const entityTypes$ = client.browse.entityTypes().pipe(
-    (0, import_rxjs10.map)((e6) => e6 ?? [])
+    (0, import_operators4.map)((e6) => e6 ?? [])
+  );
+  const debouncedQuery$ = queryInput$.pipe(
+    (0, import_operators4.startWith)(""),
+    (0, import_operators4.debounceTime)(DEBOUNCE_MS),
+    (0, import_operators4.distinctUntilChanged)()
   );
+  const state$ = (0, import_rxjs10.combineLatest)([debouncedQuery$, selectedEntityType$]).pipe(
+    (0, import_operators4.switchMap)(([q2, et]) => {
+      const trimmed = q2.trim();
+      if (!trimmed) {
+        return (0, import_rxjs10.of)({ results: [], isSearching: false });
+      }
+      return client.browse.resources({
+        search: trimmed,
+        limit: SEARCH_LIMIT3,
+        ...et ? { entityType: et } : {}
+      }).pipe(
+        (0, import_operators4.map)((results) => ({
+          results: results ?? [],
+          isSearching: results === void 0
+        })),
+        (0, import_operators4.startWith)({ results: [], isSearching: true })
+      );
+    }),
+    (0, import_operators4.shareReplay)({ bufferSize: 1, refCount: true })
+  );
+  const search2 = {
+    query$: queryInput$.pipe((0, import_operators4.startWith)("")),
+    state$,
+    setQuery: (value) => queryInput$.next(value)
+  };
   return {
     browse,
     search: search2,
     recentResources$,
     entityTypes$,
     isLoadingRecent$,
+    selectedEntityType$: selectedEntityType$.asObservable(),
+    setSelectedEntityType: (value) => selectedEntityType$.next(value),
     dispose: () => disposer.dispose()
   };
 }
@@ -59192,7 +59371,7 @@ export {
   createMatchStateUnit2 as createMatchStateUnit,
   createResourceLoaderStateUnit,
   createResourceViewerPageStateUnit,
-  createSearchPipeline4 as createSearchPipeline,
+  createSearchPipeline3 as createSearchPipeline,
   createSessionStateUnit,
   createShellStateUnit,
   createWelcomeStateUnit,