@linto-ai/transcript-ui-webcomponent 0.9.22 → 0.9.23-unstable.202609181642

package/dist/{index-DhBFBHeE.js → index-j-ZNERBE.js}

@@ -114,10 +114,10 @@ function normalizeStyle(value) {
 }
 const listDelimiterRE = /;(?![^(]*\))/g;
 const propertyDelimiterRE = /:([^]+)/;
-const styleCommentRE = /\/\*[^]*?\*\//g;
+const styleCommentRE = /"(?:[^"\\]|\\[^])*"|'(?:[^'\\]|\\[^])*'|\\[^]|\/\*[^]*?\*\//g;
 function parseStringStyle(cssText) {
   const ret = {};
-  cssText.replace(styleCommentRE, "").split(listDelimiterRE).forEach((item) => {
+  cssText.replace(styleCommentRE, (match) => match.startsWith("/*") ? "" : match).split(listDelimiterRE).forEach((item) => {
     if (item) {
       const tmp = item.split(propertyDelimiterRE);
       tmp.length > 1 && (ret[tmp[0].trim()] = tmp[1].trim());
@@ -161,22 +161,22 @@ const isSpecialBooleanAttr = /* @__PURE__ */ makeMap(specialBooleanAttrs);
 function includeBooleanAttr(value) {
   return !!value || value === "";
 }
-function looseCompareArrays(a2, b2) {
+function looseCompareArrays(a2, b2, seen) {
   if (a2.length !== b2.length) return false;
   let equal = true;
   for (let i2 = 0; equal && i2 < a2.length; i2++) {
-    equal = looseEqual(a2[i2], b2[i2]);
+    equal = looseEqual(a2[i2], b2[i2], seen);
   }
   return equal;
 }
-function looseCompareCollections(a2, b2) {
+function looseCompareCollections(a2, b2, seen) {
   if (a2.size !== b2.size) return false;
   const candidates = Array.from(b2);
   const matched = new Uint8Array(candidates.length);
   for (const item of a2) {
     let index = -1;
     for (let i2 = 0; i2 < candidates.length; i2++) {
-      if (!matched[i2] && looseEqual(item, candidates[i2])) {
+      if (!matched[i2] && looseEqual(item, candidates[i2], seen)) {
         index = i2;
         break;
       }
@@ -186,7 +186,47 @@ function looseCompareCollections(a2, b2) {
   }
   return true;
 }
-function looseEqual(a2, b2) {
+function looseCompareObjects(a2, b2, seen) {
+  let aValidType = isMap(a2);
+  let bValidType = isMap(b2);
+  if (aValidType || bValidType) {
+    return aValidType && bValidType ? looseCompareCollections(a2, b2, seen) : false;
+  }
+  aValidType = isSet(a2);
+  bValidType = isSet(b2);
+  if (aValidType || bValidType) {
+    return aValidType && bValidType ? looseCompareCollections(a2, b2, seen) : false;
+  }
+  const aKeysCount = Object.keys(a2).length;
+  const bKeysCount = Object.keys(b2).length;
+  if (aKeysCount !== bKeysCount) {
+    return false;
+  }
+  for (const key in a2) {
+    const aHasKey = a2.hasOwnProperty(key);
+    const bHasKey = b2.hasOwnProperty(key);
+    if (aHasKey && !bHasKey || !aHasKey && bHasKey || !looseEqual(a2[key], b2[key], seen)) {
+      return false;
+    }
+  }
+  return String(a2) === String(b2);
+}
+function looseCompareNested(a2, b2, seen, compare) {
+  if (!seen) {
+    seen = [/* @__PURE__ */ new Map(), /* @__PURE__ */ new Map()];
+  }
+  const [seenA, seenB] = seen;
+  if (seenA.has(a2) || seenB.has(b2)) {
+    return seenA.get(a2) === b2 && seenB.get(b2) === a2;
+  }
+  seenA.set(a2, b2);
+  seenB.set(b2, a2);
+  const equal = compare(a2, b2, seen);
+  seenA.delete(a2);
+  seenB.delete(b2);
+  return equal;
+}
+function looseEqual(a2, b2, seen) {
   if (a2 === b2) return true;
   let aValidType = isDate(a2);
   let bValidType = isDate(b2);
@@ -201,7 +241,7 @@ function looseEqual(a2, b2) {
   aValidType = isArray(a2);
   bValidType = isArray(b2);
   if (aValidType || bValidType) {
-    return aValidType && bValidType ? looseCompareArrays(a2, b2) : false;
+    return aValidType && bValidType ? looseCompareNested(a2, b2, seen, looseCompareArrays) : false;
   }
   aValidType = isObject$1(a2);
   bValidType = isObject$1(b2);
@@ -209,28 +249,7 @@ function looseEqual(a2, b2) {
     if (!aValidType || !bValidType) {
       return false;
     }
-    aValidType = isMap(a2);
-    bValidType = isMap(b2);
-    if (aValidType || bValidType) {
-      return aValidType && bValidType ? looseCompareCollections(a2, b2) : false;
-    }
-    aValidType = isSet(a2);
-    bValidType = isSet(b2);
-    if (aValidType || bValidType) {
-      return aValidType && bValidType ? looseCompareCollections(a2, b2) : false;
-    }
-    const aKeysCount = Object.keys(a2).length;
-    const bKeysCount = Object.keys(b2).length;
-    if (aKeysCount !== bKeysCount) {
-      return false;
-    }
-    for (const key in a2) {
-      const aHasKey = a2.hasOwnProperty(key);
-      const bHasKey = b2.hasOwnProperty(key);
-      if (aHasKey && !bHasKey || !aHasKey && bHasKey || !looseEqual(a2[key], b2[key])) {
-        return false;
-      }
-    }
+    return looseCompareNested(a2, b2, seen, looseCompareObjects);
   }
   return String(a2) === String(b2);
 }
@@ -305,14 +324,14 @@ class EffectScope {
   pause() {
     if (this._active) {
       this._isPaused = true;
-      let i2, l2;
+      let i2, l4;
       if (this.scopes) {
         const scopes = this.scopes.slice();
-        for (i2 = 0, l2 = scopes.length; i2 < l2; i2++) {
+        for (i2 = 0, l4 = scopes.length; i2 < l4; i2++) {
           scopes[i2].pause();
         }
       }
-      for (i2 = 0, l2 = this.effects.length; i2 < l2; i2++) {
+      for (i2 = 0, l4 = this.effects.length; i2 < l4; i2++) {
         this.effects[i2].pause();
       }
     }
@@ -324,15 +343,15 @@ class EffectScope {
     if (this._active) {
       if (this._isPaused) {
         this._isPaused = false;
-        let i2, l2;
+        let i2, l4;
         if (this.scopes) {
           const scopes = this.scopes.slice();
-          for (i2 = 0, l2 = scopes.length; i2 < l2; i2++) {
+          for (i2 = 0, l4 = scopes.length; i2 < l4; i2++) {
             scopes[i2].resume();
           }
         }
         const effects = this.effects.slice();
-        for (i2 = 0, l2 = effects.length; i2 < l2; i2++) {
+        for (i2 = 0, l4 = effects.length; i2 < l4; i2++) {
           effects[i2].resume();
         }
       }
@@ -383,18 +402,18 @@ class EffectScope {
   stop(fromParent) {
     if (this._active) {
       this._active = false;
-      let i2, l2;
-      for (i2 = 0, l2 = this.effects.length; i2 < l2; i2++) {
+      let i2, l4;
+      for (i2 = 0, l4 = this.effects.length; i2 < l4; i2++) {
         this.effects[i2].stop();
       }
       this.effects.length = 0;
-      for (i2 = 0, l2 = this.cleanups.length; i2 < l2; i2++) {
+      for (i2 = 0, l4 = this.cleanups.length; i2 < l4; i2++) {
         this.cleanups[i2]();
       }
       this.cleanups.length = 0;
       if (this.scopes) {
         const scopes = this.scopes.slice();
-        for (i2 = 0, l2 = scopes.length; i2 < l2; i2++) {
+        for (i2 = 0, l4 = scopes.length; i2 < l4; i2++) {
           scopes[i2].stop(true);
         }
         this.scopes.length = 0;
@@ -654,8 +673,8 @@ function removeSub(link, soft = false) {
     dep.subs = prevSub;
     if (!prevSub && dep.computed) {
       dep.computed.flags &= -5;
-      for (let l2 = dep.computed.deps; l2; l2 = l2.nextDep) {
-        removeSub(l2, true);
+      for (let l4 = dep.computed.deps; l4; l4 = l4.nextDep) {
+        removeSub(l4, true);
       }
     }
   }
@@ -778,8 +797,8 @@ function addSub(link) {
     const computed2 = link.dep.computed;
     if (computed2 && !link.dep.subs) {
       computed2.flags |= 4 | 16;
-      for (let l2 = computed2.deps; l2; l2 = l2.nextDep) {
-        addSub(l2);
+      for (let l4 = computed2.deps; l4; l4 = l4.nextDep) {
+        addSub(l4);
       }
     }
     const currentTail = link.dep.subs;
@@ -887,7 +906,9 @@ function reactiveReadArray(array) {
   const raw = /* @__PURE__ */ toRaw(array);
   if (raw === array) return raw;
   track(raw, "iterate", ARRAY_ITERATE_KEY);
-  return /* @__PURE__ */ isShallow(array) ? raw : raw.map(toReactive);
+  if (/* @__PURE__ */ isShallow(array)) return raw;
+  if (!/* @__PURE__ */ isReadonly(array)) return raw.map(toReactive);
+  return /* @__PURE__ */ isReactive(array) ? raw.map((item) => toReadonly(toReactive(item))) : raw.map(toReadonly);
 }
 function shallowReadArray(arr) {
   track(arr = /* @__PURE__ */ toRaw(arr), "iterate", ARRAY_ITERATE_KEY);
@@ -3484,7 +3505,7 @@ function renderList(source, renderItem, cache, index) {
       source = shallowReadArray(source);
     }
     ret = new Array(source.length);
-    for (let i2 = 0, l2 = source.length; i2 < l2; i2++) {
+    for (let i2 = 0, l4 = source.length; i2 < l4; i2++) {
       ret[i2] = renderItem(
         needsWrap ? isReadonlySource ? toReadonly(toReactive(source[i2])) : toReactive(source[i2]) : source[i2],
         i2,
@@ -3508,7 +3529,7 @@ function renderList(source, renderItem, cache, index) {
     } else {
       const keys = Object.keys(source);
       ret = new Array(keys.length);
-      for (let i2 = 0, l2 = keys.length; i2 < l2; i2++) {
+      for (let i2 = 0, l4 = keys.length; i2 < l4; i2++) {
         const key = keys[i2];
         ret[i2] = renderItem(source[key], key, i2, cached && cached[i2]);
       }
@@ -3521,6 +3542,23 @@ function renderList(source, renderItem, cache, index) {
   }
   return ret;
 }
+function createSlots(slots, dynamicSlots) {
+  for (let i2 = 0; i2 < dynamicSlots.length; i2++) {
+    const slot = dynamicSlots[i2];
+    if (isArray(slot)) {
+      for (let j = 0; j < slot.length; j++) {
+        slots[slot[j].name] = slot[j].fn;
+      }
+    } else if (slot) {
+      slots[slot.name] = slot.key ? (...args) => {
+        const res = slot.fn(...args);
+        if (res) res.key = slot.key;
+        return res;
+      } : slot.fn;
+    }
+  }
+  return slots;
+}
 function renderSlot(slots, name, props, fallback, noSlotted, branchKey) {
   if (props == null) props = {};
   if (currentRenderingInstance.ce || currentRenderingInstance.parent && isAsyncWrapper(currentRenderingInstance.parent) && currentRenderingInstance.parent.ce) {
@@ -4973,6 +5011,12 @@ function baseCreateRenderer(options, createHydrationFns) {
       optimized = false;
       n2.dynamicChildren = null;
     }
+    if (n2.dynamicChildren && n1 && n1.dynamicChildren && n1.dynamicChildren.hasOnce) {
+      if (n2.dynamicChildren === EMPTY_ARR) {
+        n2.dynamicChildren = [];
+      }
+      n2.dynamicChildren.hasOnce = true;
+    }
     const { type, ref: ref3, shapeFlag } = n2;
     switch (type) {
       case Text:
@@ -5525,6 +5569,7 @@ function baseCreateRenderer(options, createHydrationFns) {
     const instance = n2.component = n1.component;
     if (shouldUpdateComponent(n1, n2, optimized)) {
       if (instance.asyncDep && !instance.asyncResolved) {
+        n2.el = n1.el;
         updateComponentPreRender(instance, n2, optimized);
         return;
       } else {
@@ -5586,7 +5631,7 @@ function baseCreateRenderer(options, createHydrationFns) {
         instance.isMounted = true;
         initialVNode = container = anchor = null;
       } else {
-        let { next: next2, bu, u: u4, parent, vnode } = instance;
+        let { next: next2, bu, u: u2, parent, vnode } = instance;
         {
           const nonHydratedAsyncRoot = locateNonHydratedAsyncRoot(instance);
           if (nonHydratedAsyncRoot) {
@@ -5636,8 +5681,8 @@ function baseCreateRenderer(options, createHydrationFns) {
         if (originNext === null) {
           updateHOCHostEl(instance, nextTree.el);
         }
-        if (u4) {
-          queuePostRenderEffect(u4, parentSuspense);
+        if (u2) {
+          queuePostRenderEffect(u2, parentSuspense);
         }
         if (vnodeHook = next2.props && next2.props.onVnodeUpdated) {
           queuePostRenderEffect(
@@ -5792,9 +5837,9 @@ function baseCreateRenderer(options, createHydrationFns) {
   };
   const patchKeyedChildren = (c1, c2, container, parentAnchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized) => {
     let i2 = 0;
-    const l2 = c2.length;
+    const l22 = c2.length;
     let e1 = c1.length - 1;
-    let e22 = l2 - 1;
+    let e22 = l22 - 1;
     while (i2 <= e1 && i2 <= e22) {
       const n1 = c1[i2];
       const n2 = c2[i2] = optimized ? cloneIfMounted(c2[i2]) : normalizeVNode(c2[i2]);
@@ -5839,7 +5884,7 @@ function baseCreateRenderer(options, createHydrationFns) {
     if (i2 > e1) {
       if (i2 <= e22) {
         const nextPos = e22 + 1;
-        const anchor = nextPos < l2 ? c2[nextPos].el : parentAnchor;
+        const anchor = nextPos < l22 ? c2[nextPos].el : parentAnchor;
         while (i2 <= e22) {
           patch(
             null,
@@ -5870,7 +5915,7 @@ function baseCreateRenderer(options, createHydrationFns) {
           keyToNewIndexMap.set(nextChild.key, i2);
         }
       }
-      let j2;
+      let j;
       let patched = 0;
       const toBePatched = e22 - s2 + 1;
       let moved = false;
@@ -5887,9 +5932,9 @@ function baseCreateRenderer(options, createHydrationFns) {
         if (prevChild.key != null) {
           newIndex = keyToNewIndexMap.get(prevChild.key);
         } else {
-          for (j2 = s2; j2 <= e22; j2++) {
-            if (newIndexToOldIndexMap[j2 - s2] === 0 && isSameVNodeType(prevChild, c2[j2])) {
-              newIndex = j2;
+          for (j = s2; j <= e22; j++) {
+            if (newIndexToOldIndexMap[j - s2] === 0 && isSameVNodeType(prevChild, c2[j])) {
+              newIndex = j;
               break;
             }
           }
@@ -5918,12 +5963,12 @@ function baseCreateRenderer(options, createHydrationFns) {
         }
       }
       const increasingNewIndexSequence = moved ? getSequence(newIndexToOldIndexMap) : EMPTY_ARR;
-      j2 = increasingNewIndexSequence.length - 1;
+      j = increasingNewIndexSequence.length - 1;
       for (i2 = toBePatched - 1; i2 >= 0; i2--) {
         const nextIndex = s2 + i2;
         const nextChild = c2[nextIndex];
         const anchorVNode = c2[nextIndex + 1];
-        const anchor = nextIndex + 1 < l2 ? (
+        const anchor = nextIndex + 1 < l22 ? (
           // #13559, #14173 fallback to el placeholder for unresolved async component
           anchorVNode.el || resolveAsyncComponentPlaceholder(anchorVNode)
         ) : parentAnchor;
@@ -5940,10 +5985,10 @@ function baseCreateRenderer(options, createHydrationFns) {
             optimized
           );
         } else if (moved) {
-          if (j2 < 0 || i2 !== increasingNewIndexSequence[j2]) {
+          if (j < 0 || i2 !== increasingNewIndexSequence[j]) {
             move(nextChild, container, anchor, 2);
           } else {
-            j2--;
+            j--;
           }
         }
       }
@@ -6034,7 +6079,7 @@ function baseCreateRenderer(options, createHydrationFns) {
       cacheIndex,
       memo
     } = vnode;
-    if (patchFlag === -2) {
+    if (patchFlag === -2 || dynamicChildren && dynamicChildren.hasOnce) {
       optimized = false;
     }
     if (ref3 != null) {
@@ -6042,7 +6087,7 @@ function baseCreateRenderer(options, createHydrationFns) {
       setRef(ref3, null, parentSuspense, vnode, true);
       resetTracking();
     }
-    if (cacheIndex != null) {
+    if (cacheIndex != null && (!vnode.ctx || vnode.ctx === parentComponent)) {
       parentComponent.renderCache[cacheIndex] = void 0;
     }
     if (shapeFlag & 256) {
@@ -6115,6 +6160,9 @@ function baseCreateRenderer(options, createHydrationFns) {
     }
     if (type === Static) {
       removeStaticNode(vnode);
+      if (transition && !transition.persisted && transition.afterLeave) {
+        transition.afterLeave();
+      }
       return;
     }
     const performRemove = () => {
@@ -6155,6 +6203,9 @@ function baseCreateRenderer(options, createHydrationFns) {
     if (job) {
       job.flags |= 8;
       unmount(subTree, instance, parentSuspense, doRemove);
+    } else if (instance.vnode.el && subTree) {
+      subTree.transition = instance.vnode.transition;
+      unmount(subTree, instance, parentSuspense, doRemove);
     }
     if (um) {
       queuePostRenderEffect(um, parentSuspense);
@@ -6270,39 +6321,39 @@ function traverseStaticChildren(n1, n2, shallow = false) {
 function getSequence(arr) {
   const p2 = arr.slice();
   const result = [0];
-  let i2, j2, u4, v2, c2;
+  let i2, j, u2, v2, c2;
   const len = arr.length;
   for (i2 = 0; i2 < len; i2++) {
     const arrI = arr[i2];
     if (arrI !== 0) {
-      j2 = result[result.length - 1];
-      if (arr[j2] < arrI) {
-        p2[i2] = j2;
+      j = result[result.length - 1];
+      if (arr[j] < arrI) {
+        p2[i2] = j;
         result.push(i2);
         continue;
       }
-      u4 = 0;
+      u2 = 0;
       v2 = result.length - 1;
-      while (u4 < v2) {
-        c2 = u4 + v2 >> 1;
+      while (u2 < v2) {
+        c2 = u2 + v2 >> 1;
         if (arr[result[c2]] < arrI) {
-          u4 = c2 + 1;
+          u2 = c2 + 1;
         } else {
           v2 = c2;
         }
       }
-      if (arrI < arr[result[u4]]) {
-        if (u4 > 0) {
-          p2[i2] = result[u4 - 1];
+      if (arrI < arr[result[u2]]) {
+        if (u2 > 0) {
+          p2[i2] = result[u2 - 1];
         }
-        result[u4] = i2;
+        result[u2] = i2;
       }
     }
   }
-  u4 = result.length;
-  v2 = result[u4 - 1];
-  while (u4-- > 0) {
-    result[u4] = v2;
+  u2 = result.length;
+  v2 = result[u2 - 1];
+  while (u2-- > 0) {
+    result[u2] = v2;
     v2 = p2[v2];
   }
   return result;
@@ -6568,7 +6619,8 @@ function cloneVNode(vnode, extraProps, mergeRef = false, cloneTransition = false
     el: vnode.el,
     anchor: vnode.anchor,
     ctx: vnode.ctx,
-    ce: vnode.ce
+    ce: vnode.ce,
+    cacheIndex: vnode.cacheIndex
   };
   if (transition && cloneTransition) {
     setTransitionHooks(
@@ -6982,8 +7034,8 @@ const computed = (getterOrOptions, debugOptions) => {
 function h$2(type, propsOrChildren, children) {
   try {
     setBlockTracking(-1);
-    const l2 = arguments.length;
-    if (l2 === 2) {
+    const l4 = arguments.length;
+    if (l4 === 2) {
       if (isObject$1(propsOrChildren) && !isArray(propsOrChildren)) {
         if (isVNode(propsOrChildren)) {
           return createVNode(type, null, [propsOrChildren]);
@@ -6993,9 +7045,9 @@ function h$2(type, propsOrChildren, children) {
         return createVNode(type, null, propsOrChildren);
       }
     } else {
-      if (l2 > 3) {
+      if (l4 > 3) {
         children = Array.prototype.slice.call(arguments, 2);
-      } else if (l2 === 3 && isVNode(children)) {
+      } else if (l4 === 3 && isVNode(children)) {
         children = [children];
       }
       return createVNode(type, propsOrChildren, children);
@@ -7029,7 +7081,7 @@ function isMemoSame(cached, memo) {
   }
   return true;
 }
-const version = "3.5.42";
+const version = "3.5.43";
 let policy = void 0;
 const tt$1 = typeof window !== "undefined" && window.trustedTypes;
 if (tt$1) {
@@ -8414,7 +8466,7 @@ function setSelected(el, value) {
   if (isMultiple && !isArrayValue && !isSet(value)) {
     return;
   }
-  for (let i2 = 0, l2 = el.options.length; i2 < l2; i2++) {
+  for (let i2 = 0, l4 = el.options.length; i2 < l4; i2++) {
     const option = el.options[i2];
     const optionValue = getValue(option);
     if (isMultiple) {
@@ -8527,7 +8579,7 @@ const withKeys = (fn, modifiers) => {
     }
     const eventKey = hyphenate(event.key);
     if (modifiers.some(
-      (k2) => k2 === eventKey || keyNames[k2] === eventKey
+      (k) => k === eventKey || keyNames[k] === eventKey
     )) {
       return fn(event);
     }
@@ -9177,7 +9229,7 @@ function renderWaveform(channels, ctx) {
     const start = Math.floor(i2 * scale);
     const end = Math.max(start + 1, Math.floor((i2 + step * 2) * scale));
     let sum = 0;
-    for (let j2 = start; j2 < end; j2++) sum += Math.abs(channel[j2] ?? 0);
+    for (let j = start; j < end; j++) sum += Math.abs(channel[j] ?? 0);
     const value = sum / (end - start);
     let x2 = i2;
     let y3 = value * (height / 2);
@@ -9514,8 +9566,8 @@ function useCore() {
   }
   return core;
 }
-const _hoisted_1$H = ["aria-label"];
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _hoisted_1$I = ["aria-label"];
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "Badge",
   props: {
     ariaLabel: { type: String }
@@ -9527,11 +9579,11 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
         "aria-label": __props.ariaLabel
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 8, _hoisted_1$H);
+      ], 8, _hoisted_1$I);
     };
   }
 });
-const _style_0$G = "\n.editor-badge[data-v-392808cc] {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px var(--spacing-sm);\n  font-size: var(--font-size-xs);\n  font-weight: 500;\n  color: var(--color-text-muted);\n  background-color: var(--color-surface);\n  border: 1px solid var(--color-border-light);\n  border-radius: var(--radius-sm);\n  white-space: nowrap;\n}\n";
+const _style_0$H = "\n.editor-badge[data-v-392808cc] {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px var(--spacing-sm);\n  font-size: var(--font-size-xs);\n  font-weight: 500;\n  color: var(--color-text-muted);\n  background-color: var(--color-surface);\n  border: 1px solid var(--color-border-light);\n  border-radius: var(--radius-sm);\n  white-space: nowrap;\n}\n";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -9539,7 +9591,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["styles", [_style_0$G]], ["__scopeId", "data-v-392808cc"]]);
+const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["styles", [_style_0$H]], ["__scopeId", "data-v-392808cc"]]);
 const hasA11yProp = (props) => {
   for (const prop in props) {
     if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
@@ -10002,12 +10054,12 @@ const ICON_SIZES = {
   md: 20,
   lg: 24
 };
-const _hoisted_1$G = {
+const _hoisted_1$H = {
   key: 1,
   class: "editor-icon editor-icon--missing",
   "aria-hidden": "true"
 };
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "EditorIcon",
   props: {
     name: { type: String },
@@ -10026,18 +10078,18 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
         style: normalizeStyle(style.value),
         class: normalizeClass(["editor-icon", { "editor-icon--spin": __props.spin }]),
         "aria-hidden": "true"
-      }, null, 8, ["style", "class"])) : (openBlock(), createElementBlock("span", _hoisted_1$G, "?"));
+      }, null, 8, ["style", "class"])) : (openBlock(), createElementBlock("span", _hoisted_1$H, "?"));
     };
   }
 });
-const _style_0$F = "\n.editor-icon[data-v-bdd2a2df] {\n  flex-shrink: 0;\n}\n.editor-icon--missing[data-v-bdd2a2df] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0.5;\n  font-size: 1em;\n  line-height: 1;\n}\n.editor-icon--spin[data-v-bdd2a2df] {\n  animation: editor-icon-spin-bdd2a2df 1s linear infinite;\n}\n@keyframes editor-icon-spin-bdd2a2df {\nto {\n    transform: rotate(360deg);\n}\n}\n@media (prefers-reduced-motion: reduce) {\n.editor-icon--spin[data-v-bdd2a2df] {\n    animation: none;\n}\n}\n";
-const EditorIcon = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["styles", [_style_0$F]], ["__scopeId", "data-v-bdd2a2df"]]);
-const _hoisted_1$F = ["type", "disabled", "aria-disabled", "aria-label"];
-const _hoisted_2$v = {
+const _style_0$G = "\n.editor-icon[data-v-bdd2a2df] {\n  flex-shrink: 0;\n}\n.editor-icon--missing[data-v-bdd2a2df] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0.5;\n  font-size: 1em;\n  line-height: 1;\n}\n.editor-icon--spin[data-v-bdd2a2df] {\n  animation: editor-icon-spin-bdd2a2df 1s linear infinite;\n}\n@keyframes editor-icon-spin-bdd2a2df {\nto {\n    transform: rotate(360deg);\n}\n}\n@media (prefers-reduced-motion: reduce) {\n.editor-icon--spin[data-v-bdd2a2df] {\n    animation: none;\n}\n}\n";
+const EditorIcon = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["styles", [_style_0$G]], ["__scopeId", "data-v-bdd2a2df"]]);
+const _hoisted_1$G = ["type", "disabled", "aria-disabled", "aria-label"];
+const _hoisted_2$w = {
   key: 3,
   class: "editor-btn__label"
 };
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "Button",
   props: {
     label: { type: String },
@@ -10090,7 +10142,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
           name: __props.icon,
           size: iconSize.value
         }, null, 8, ["name", "size"])) : _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", {}, void 0, true, 2) : createCommentVNode("", true),
-        hasLabel.value ? (openBlock(), createElementBlock("span", _hoisted_2$v, [
+        hasLabel.value ? (openBlock(), createElementBlock("span", _hoisted_2$w, [
           renderSlot(_ctx.$slots, "default", {}, () => [
             createTextVNode(toDisplayString(__props.label), 1)
           ], true)
@@ -10100,13 +10152,13 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
           name: __props.iconRight,
           size: iconSize.value
         }, null, 8, ["name", "size"])) : _ctx.$slots["icon-right"] ? renderSlot(_ctx.$slots, "icon-right", {}, void 0, true, 5) : createCommentVNode("", true)
-      ], 10, _hoisted_1$F);
+      ], 10, _hoisted_1$G);
     };
   }
 });
-const _style_0$E = "\n.transcript-ui-root .editor-btn[data-v-050bd95b] {\n  /* Default tokens — overridden by variant/intent/size modifiers */\n  --btn-bg: transparent;\n  --btn-text: var(--color-text-secondary);\n  --btn-border-color: var(--color-border);\n  --btn-hover-bg: var(--color-surface-hover);\n  --btn-hover-text: var(--color-text-primary);\n  --btn-padding-y: 0;\n  --btn-padding-x: var(--spacing-sm);\n  --btn-font-size: var(--font-size-xs);\n  --btn-height: 32px;\n  --btn-gap: var(--spacing-xs);\n\n  /* Same reset as every other custom button in this codebase (see\n     EditableText, EditorCheckbox, Tabs, SpeakerPopover, TranscriptionTurn):\n     `all: unset` clears the UA button chrome (margin, appearance, inherited\n     font mismatches on Safari/Firefox, the Firefox ::-moz-focus-inner\n     padding) that the previous per-property overrides below left in place.\n     Every property the button actually needs is re-declared after it. */\n  all: unset;\n  box-sizing: border-box;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--btn-gap);\n  height: var(--btn-height);\n  padding: var(--btn-padding-y) var(--btn-padding-x);\n  font-family: var(--font-family);\n  font-size: var(--btn-font-size);\n  font-weight: 500;\n  line-height: 1;\n  color: var(--btn-text);\n  background-color: var(--btn-bg);\n  border: 1px solid var(--btn-border-color);\n  border-radius: var(--radius-sm);\n  cursor: pointer;\n  white-space: nowrap;\n  transition:\n    background-color var(--transition-duration),\n    color var(--transition-duration),\n    border-color var(--transition-duration);\n}\n.transcript-ui-root .editor-btn[data-v-050bd95b]:hover:not(:disabled) {\n  background-color: var(--btn-hover-bg);\n  color: var(--btn-hover-text);\n}\n.transcript-ui-root .editor-btn[data-v-050bd95b]:focus-visible {\n  outline: 2px solid var(--color-primary);\n  outline-offset: 2px;\n}\n\n/* Note: this rule is repeated lower in the file (after variants) to win the\n   cascade on the variant CSS vars. Keep this lightweight version for the\n   cursor and hover suppression. */\n.transcript-ui-root .editor-btn[data-v-050bd95b]:disabled {\n  cursor: not-allowed;\n}\n.transcript-ui-root .editor-btn[data-v-050bd95b]:disabled:hover {\n  background-color: var(--btn-bg);\n  color: var(--btn-text);\n}\n.editor-btn__label[data-v-050bd95b] {\n  /* //overflow: hidden;\n  text-overflow: ellipsis; */\n  text-overflow: ellipsis;\n  text-box: cap alphabetic;\n}\n\n/* Sizes.\n   .transcript-ui-root prefix here too — not because Nextcloud could ever\n   target --btn-* directly, but because these vars are read by the BASE\n   .editor-btn rule (also prefixed, so specificity (0,3,0)): if a variant\n   rule sets the same custom property at a lower specificity (0,2,0), the\n   base rule's default wins over it regardless of source order, silently\n   breaking every variant. All rules touching --btn-* must stay at the same\n   specificity as the base rule. */\n.transcript-ui-root .editor-btn--sm[data-v-050bd95b] {\n  /* defaults */\n}\n.transcript-ui-root .editor-btn--md[data-v-050bd95b] {\n  --btn-padding-y: 0;\n  --btn-padding-x: var(--spacing-md);\n  --btn-font-size: var(--font-size-sm);\n  --btn-height: 40px;\n}\n.transcript-ui-root .editor-btn--lg[data-v-050bd95b] {\n  --btn-padding-y: 0;\n  --btn-padding-x: var(--spacing-md);\n  --btn-font-size: var(--font-size-base);\n  --btn-height: 44px;\n}\n\n/* Icon-only: square */\n.transcript-ui-root .editor-btn--icon-only[data-v-050bd95b] {\n  width: var(--btn-height);\n  padding: 0;\n}\n.transcript-ui-root .editor-btn--block[data-v-050bd95b] {\n  display: flex;\n  width: 100%;\n}\n\n/* Variants — default intent */\n.transcript-ui-root .editor-btn--primary[data-v-050bd95b] {\n  --btn-bg: var(--color-primary);\n  --btn-text: var(--color-white);\n  --btn-border-color: var(--color-primary);\n  --btn-hover-bg: var(--color-primary-hover);\n  --btn-hover-text: var(--color-white);\n}\n.transcript-ui-root .editor-btn--secondary[data-v-050bd95b] {\n  --btn-bg: transparent;\n  --btn-text: var(--color-primary);\n  --btn-border-color: var(--color-primary);\n  --btn-hover-bg: var(--color-primary);\n  --btn-hover-text: var(--color-white);\n}\n.transcript-ui-root .editor-btn--tertiary[data-v-050bd95b] {\n  --btn-bg: transparent;\n  --btn-text: var(--color-text-primary);\n  --btn-border-color: var(--color-border);\n  --btn-hover-bg: var(--color-surface-hover);\n  --btn-hover-text: var(--color-text-primary);\n}\n.transcript-ui-root .editor-btn--transparent[data-v-050bd95b] {\n  --btn-bg: transparent;\n  --btn-text: var(--color-text-secondary);\n  --btn-border-color: transparent;\n  --btn-hover-bg: var(--color-surface-hover);\n  --btn-hover-text: var(--color-text-primary);\n}\n\n/* Literal theme inversion: background = the theme's text color and\n   vice-versa — high contrast in both light and dark themes without\n   borrowing the primary color's semantics. */\n.transcript-ui-root .editor-btn--inverse[data-v-050bd95b] {\n  --btn-bg: var(--color-text-primary);\n  --btn-text: var(--color-background);\n  --btn-border-color: transparent;\n  --btn-hover-bg: var(--color-text-secondary);\n  --btn-hover-text: var(--color-background);\n}\n\n/* Destructive intent overrides */\n.transcript-ui-root .editor-btn--destructive.editor-btn--primary[data-v-050bd95b] {\n  --btn-bg: var(--color-danger);\n  --btn-text: var(--color-white);\n  --btn-border-color: var(--color-danger);\n  --btn-hover-bg: var(--color-danger-hover);\n  --btn-hover-text: var(--color-white);\n}\n.transcript-ui-root .editor-btn--destructive.editor-btn--secondary[data-v-050bd95b] {\n  --btn-bg: transparent;\n  --btn-text: var(--color-danger);\n  --btn-border-color: var(--color-danger);\n  --btn-hover-bg: var(--color-danger);\n  --btn-hover-text: var(--color-white);\n}\n.transcript-ui-root .editor-btn--destructive.editor-btn--tertiary[data-v-050bd95b],\n.transcript-ui-root .editor-btn--destructive.editor-btn--transparent[data-v-050bd95b] {\n  --btn-text: var(--color-danger);\n  --btn-hover-bg: var(--color-danger-soft);\n  --btn-hover-text: var(--color-danger);\n}\n\n/* Disabled: gray-out regardless of variant. Placed after the variants so the\n   CSS var overrides win the cascade (same specificity, last declaration). */\n.transcript-ui-root .editor-btn[data-v-050bd95b]:disabled {\n  --btn-bg: var(--color-surface);\n  --btn-text: var(--color-text-muted);\n  --btn-border-color: var(--color-border);\n  --btn-hover-bg: var(--color-surface);\n  --btn-hover-text: var(--color-text-muted);\n}\n\n/* The transparent variant has no chrome when enabled — disabling it must not\n   ADD a box; the muted text alone carries the disabled signal. */\n.transcript-ui-root .editor-btn--transparent[data-v-050bd95b]:disabled {\n  --btn-bg: transparent;\n  --btn-border-color: transparent;\n  --btn-hover-bg: transparent;\n}\n\n/* Inverse stays a filled, borderless chip when disabled — dimmed, but the\n   silhouette must not change. */\n.transcript-ui-root .editor-btn--inverse[data-v-050bd95b]:disabled {\n  --btn-bg: var(--color-surface-hover);\n  --btn-border-color: transparent;\n  --btn-hover-bg: var(--color-surface-hover);\n}\n";
-const Button = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["styles", [_style_0$E]], ["__scopeId", "data-v-050bd95b"]]);
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _style_0$F = "\n.transcript-ui-root .editor-btn[data-v-050bd95b] {\n  /* Default tokens — overridden by variant/intent/size modifiers */\n  --btn-bg: transparent;\n  --btn-text: var(--color-text-secondary);\n  --btn-border-color: var(--color-border);\n  --btn-hover-bg: var(--color-surface-hover);\n  --btn-hover-text: var(--color-text-primary);\n  --btn-padding-y: 0;\n  --btn-padding-x: var(--spacing-sm);\n  --btn-font-size: var(--font-size-xs);\n  --btn-height: 32px;\n  --btn-gap: var(--spacing-xs);\n\n  /* Same reset as every other custom button in this codebase (see\n     EditableText, EditorCheckbox, Tabs, SpeakerPopover, TranscriptionTurn):\n     `all: unset` clears the UA button chrome (margin, appearance, inherited\n     font mismatches on Safari/Firefox, the Firefox ::-moz-focus-inner\n     padding) that the previous per-property overrides below left in place.\n     Every property the button actually needs is re-declared after it. */\n  all: unset;\n  box-sizing: border-box;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--btn-gap);\n  height: var(--btn-height);\n  padding: var(--btn-padding-y) var(--btn-padding-x);\n  font-family: var(--font-family);\n  font-size: var(--btn-font-size);\n  font-weight: 500;\n  line-height: 1;\n  color: var(--btn-text);\n  background-color: var(--btn-bg);\n  border: 1px solid var(--btn-border-color);\n  border-radius: var(--radius-sm);\n  cursor: pointer;\n  white-space: nowrap;\n  transition:\n    background-color var(--transition-duration),\n    color var(--transition-duration),\n    border-color var(--transition-duration);\n}\n.transcript-ui-root .editor-btn[data-v-050bd95b]:hover:not(:disabled) {\n  background-color: var(--btn-hover-bg);\n  color: var(--btn-hover-text);\n}\n.transcript-ui-root .editor-btn[data-v-050bd95b]:focus-visible {\n  outline: 2px solid var(--color-primary);\n  outline-offset: 2px;\n}\n\n/* Note: this rule is repeated lower in the file (after variants) to win the\n   cascade on the variant CSS vars. Keep this lightweight version for the\n   cursor and hover suppression. */\n.transcript-ui-root .editor-btn[data-v-050bd95b]:disabled {\n  cursor: not-allowed;\n}\n.transcript-ui-root .editor-btn[data-v-050bd95b]:disabled:hover {\n  background-color: var(--btn-bg);\n  color: var(--btn-text);\n}\n.editor-btn__label[data-v-050bd95b] {\n  /* //overflow: hidden;\n  text-overflow: ellipsis; */\n  text-overflow: ellipsis;\n  text-box: cap alphabetic;\n}\n\n/* Sizes.\n   .transcript-ui-root prefix here too — not because Nextcloud could ever\n   target --btn-* directly, but because these vars are read by the BASE\n   .editor-btn rule (also prefixed, so specificity (0,3,0)): if a variant\n   rule sets the same custom property at a lower specificity (0,2,0), the\n   base rule's default wins over it regardless of source order, silently\n   breaking every variant. All rules touching --btn-* must stay at the same\n   specificity as the base rule. */\n.transcript-ui-root .editor-btn--sm[data-v-050bd95b] {\n  /* defaults */\n}\n.transcript-ui-root .editor-btn--md[data-v-050bd95b] {\n  --btn-padding-y: 0;\n  --btn-padding-x: var(--spacing-md);\n  --btn-font-size: var(--font-size-sm);\n  --btn-height: 40px;\n}\n.transcript-ui-root .editor-btn--lg[data-v-050bd95b] {\n  --btn-padding-y: 0;\n  --btn-padding-x: var(--spacing-md);\n  --btn-font-size: var(--font-size-base);\n  --btn-height: 44px;\n}\n\n/* Icon-only: square */\n.transcript-ui-root .editor-btn--icon-only[data-v-050bd95b] {\n  width: var(--btn-height);\n  padding: 0;\n}\n.transcript-ui-root .editor-btn--block[data-v-050bd95b] {\n  display: flex;\n  width: 100%;\n}\n\n/* Variants — default intent */\n.transcript-ui-root .editor-btn--primary[data-v-050bd95b] {\n  --btn-bg: var(--color-primary);\n  --btn-text: var(--color-white);\n  --btn-border-color: var(--color-primary);\n  --btn-hover-bg: var(--color-primary-hover);\n  --btn-hover-text: var(--color-white);\n}\n.transcript-ui-root .editor-btn--secondary[data-v-050bd95b] {\n  --btn-bg: transparent;\n  --btn-text: var(--color-primary);\n  --btn-border-color: var(--color-primary);\n  --btn-hover-bg: var(--color-primary);\n  --btn-hover-text: var(--color-white);\n}\n.transcript-ui-root .editor-btn--tertiary[data-v-050bd95b] {\n  --btn-bg: transparent;\n  --btn-text: var(--color-text-primary);\n  --btn-border-color: var(--color-border);\n  --btn-hover-bg: var(--color-surface-hover);\n  --btn-hover-text: var(--color-text-primary);\n}\n.transcript-ui-root .editor-btn--transparent[data-v-050bd95b] {\n  --btn-bg: transparent;\n  --btn-text: var(--color-text-secondary);\n  --btn-border-color: transparent;\n  --btn-hover-bg: var(--color-surface-hover);\n  --btn-hover-text: var(--color-text-primary);\n}\n\n/* Literal theme inversion: background = the theme's text color and\n   vice-versa — high contrast in both light and dark themes without\n   borrowing the primary color's semantics. */\n.transcript-ui-root .editor-btn--inverse[data-v-050bd95b] {\n  --btn-bg: var(--color-text-primary);\n  --btn-text: var(--color-background);\n  --btn-border-color: transparent;\n  --btn-hover-bg: var(--color-text-secondary);\n  --btn-hover-text: var(--color-background);\n}\n\n/* Destructive intent overrides */\n.transcript-ui-root .editor-btn--destructive.editor-btn--primary[data-v-050bd95b] {\n  --btn-bg: var(--color-danger);\n  --btn-text: var(--color-white);\n  --btn-border-color: var(--color-danger);\n  --btn-hover-bg: var(--color-danger-hover);\n  --btn-hover-text: var(--color-white);\n}\n.transcript-ui-root .editor-btn--destructive.editor-btn--secondary[data-v-050bd95b] {\n  --btn-bg: transparent;\n  --btn-text: var(--color-danger);\n  --btn-border-color: var(--color-danger);\n  --btn-hover-bg: var(--color-danger);\n  --btn-hover-text: var(--color-white);\n}\n.transcript-ui-root .editor-btn--destructive.editor-btn--tertiary[data-v-050bd95b],\n.transcript-ui-root .editor-btn--destructive.editor-btn--transparent[data-v-050bd95b] {\n  --btn-text: var(--color-danger);\n  --btn-hover-bg: var(--color-danger-soft);\n  --btn-hover-text: var(--color-danger);\n}\n\n/* Disabled: gray-out regardless of variant. Placed after the variants so the\n   CSS var overrides win the cascade (same specificity, last declaration). */\n.transcript-ui-root .editor-btn[data-v-050bd95b]:disabled {\n  --btn-bg: var(--color-surface);\n  --btn-text: var(--color-text-muted);\n  --btn-border-color: var(--color-border);\n  --btn-hover-bg: var(--color-surface);\n  --btn-hover-text: var(--color-text-muted);\n}\n\n/* The transparent variant has no chrome when enabled — disabling it must not\n   ADD a box; the muted text alone carries the disabled signal. */\n.transcript-ui-root .editor-btn--transparent[data-v-050bd95b]:disabled {\n  --btn-bg: transparent;\n  --btn-border-color: transparent;\n  --btn-hover-bg: transparent;\n}\n\n/* Inverse stays a filled, borderless chip when disabled — dimmed, but the\n   silhouette must not change. */\n.transcript-ui-root .editor-btn--inverse[data-v-050bd95b]:disabled {\n  --btn-bg: var(--color-surface-hover);\n  --btn-border-color: transparent;\n  --btn-hover-bg: var(--color-surface-hover);\n}\n";
+const Button = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["styles", [_style_0$F]], ["__scopeId", "data-v-050bd95b"]]);
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "CopyButton",
   props: {
     icon: { default: "copy", type: String },
@@ -10174,8 +10226,8 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _style_0$D = "\n.copy-btn--copied[data-v-5b088678] {\n  color: var(--color-success, #2e7d32);\n}\n.copy-icon-enter-active[data-v-5b088678],\n.copy-icon-leave-active[data-v-5b088678] {\n  transition:\n    opacity var(--transition-duration) ease,\n    scale var(--transition-duration) ease;\n}\n.copy-icon-enter-from[data-v-5b088678] {\n  opacity: 0;\n  scale: 0.6;\n}\n.copy-icon-leave-to[data-v-5b088678] {\n  opacity: 0;\n  scale: 0.6;\n}\n@media (prefers-reduced-motion: reduce) {\n.copy-icon-enter-active[data-v-5b088678],\n  .copy-icon-leave-active[data-v-5b088678] {\n    transition: none;\n}\n}\n";
-const CopyButton = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["styles", [_style_0$D]], ["__scopeId", "data-v-5b088678"]]);
+const _style_0$E = "\n.copy-btn--copied[data-v-5b088678] {\n  color: var(--color-success, #2e7d32);\n}\n.copy-icon-enter-active[data-v-5b088678],\n.copy-icon-leave-active[data-v-5b088678] {\n  transition:\n    opacity var(--transition-duration) ease,\n    scale var(--transition-duration) ease;\n}\n.copy-icon-enter-from[data-v-5b088678] {\n  opacity: 0;\n  scale: 0.6;\n}\n.copy-icon-leave-to[data-v-5b088678] {\n  opacity: 0;\n  scale: 0.6;\n}\n@media (prefers-reduced-motion: reduce) {\n.copy-icon-enter-active[data-v-5b088678],\n  .copy-icon-leave-active[data-v-5b088678] {\n    transition: none;\n}\n}\n";
+const CopyButton = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["styles", [_style_0$E]], ["__scopeId", "data-v-5b088678"]]);
 const fr = {
   "editor.loading": "Chargement…",
   "editor.loadError": "Erreur de chargement",
@@ -10492,10 +10544,10 @@ function useI18n() {
     locale: fallbackLocale
   };
 }
-const _hoisted_1$E = { class: "code-block" };
-const _hoisted_2$u = ["innerHTML"];
-const _hoisted_3$n = { key: 1 };
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _hoisted_1$F = { class: "code-block" };
+const _hoisted_2$v = ["innerHTML"];
+const _hoisted_3$o = { key: 1 };
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "CodeBlock",
   props: {
     code: { type: String },
@@ -10518,13 +10570,13 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
           highlighted.value = null;
           return;
         }
-        const { highlightCode } = await import("./highlight-BOTcN5V7.js");
+        const { highlightCode } = await import("./highlight-BQUzpb6U.js");
         if (run === seq) highlighted.value = highlightCode(code, lang ?? "");
       },
       { immediate: true }
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$E, [
+      return openBlock(), createElementBlock("div", _hoisted_1$F, [
         !__props.streaming ? (openBlock(), createBlock(CopyButton, {
           key: 0,
           class: "code-block__copy",
@@ -10537,13 +10589,13 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
           highlighted.value ? (openBlock(), createElementBlock("code", {
             key: 0,
             innerHTML: highlighted.value
-          }, null, 8, _hoisted_2$u)) : (openBlock(), createElementBlock("code", _hoisted_3$n, toDisplayString(__props.code), 1))
+          }, null, 8, _hoisted_2$v)) : (openBlock(), createElementBlock("code", _hoisted_3$o, toDisplayString(__props.code), 1))
         ])
       ]);
     };
   }
 });
-const _style_0$C = "\n.code-block[data-v-ad87d1e4] {\n  position: relative;\n}\n.code-block__copy[data-v-ad87d1e4] {\n  position: absolute;\n  top: var(--spacing-xs);\n  right: var(--spacing-xs);\n  opacity: 0;\n  transition: opacity 0.15s ease;\n}\n.code-block:hover .code-block__copy[data-v-ad87d1e4],\n.code-block:focus-within .code-block__copy[data-v-ad87d1e4] {\n  opacity: 1;\n}\n.code-block pre[data-v-ad87d1e4] {\n  margin: var(--spacing-md) 0;\n  padding: var(--spacing-md);\n  background-color: var(--color-surface);\n  border-radius: var(--radius-md);\n  overflow-x: auto;\n  border: 1px solid var(--color-border);\n}\n.code-block pre code[data-v-ad87d1e4] {\n  padding: 0;\n  background: none;\n  font-family: var(--font-family-mono);\n  font-size: 0.9em;\n}\n@media (prefers-reduced-motion: reduce) {\n.code-block__copy[data-v-ad87d1e4] {\n    transition: none;\n}\n}\n";
+const _style_0$D = "\n.code-block[data-v-ad87d1e4] {\n  position: relative;\n}\n.code-block__copy[data-v-ad87d1e4] {\n  position: absolute;\n  top: var(--spacing-xs);\n  right: var(--spacing-xs);\n  opacity: 0;\n  transition: opacity 0.15s ease;\n}\n.code-block:hover .code-block__copy[data-v-ad87d1e4],\n.code-block:focus-within .code-block__copy[data-v-ad87d1e4] {\n  opacity: 1;\n}\n.code-block pre[data-v-ad87d1e4] {\n  margin: var(--spacing-md) 0;\n  padding: var(--spacing-md);\n  background-color: var(--color-surface);\n  border-radius: var(--radius-md);\n  overflow-x: auto;\n  border: 1px solid var(--color-border);\n}\n.code-block pre code[data-v-ad87d1e4] {\n  padding: 0;\n  background: none;\n  font-family: var(--font-family-mono);\n  font-size: 0.9em;\n}\n@media (prefers-reduced-motion: reduce) {\n.code-block__copy[data-v-ad87d1e4] {\n    transition: none;\n}\n}\n";
 const _style_1 = `/**
  * prism.js default theme for JavaScript, CSS and HTML
  * Based on dabblet (http://dabblet.com)
@@ -10669,20 +10721,20 @@ pre[class*="language-"] {
 	cursor: help;
 }
 `;
-const CodeBlock = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["styles", [_style_0$C, _style_1]], ["__scopeId", "data-v-ad87d1e4"]]);
-const _hoisted_1$D = {
+const CodeBlock = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["styles", [_style_0$D, _style_1]], ["__scopeId", "data-v-ad87d1e4"]]);
+const _hoisted_1$E = {
   key: 0,
   class: "form-field__header"
 };
-const _hoisted_2$t = ["for"];
-const _hoisted_3$m = {
+const _hoisted_2$u = ["for"];
+const _hoisted_3$n = {
   key: 0,
   class: "form-field__required",
   "aria-hidden": "true"
 };
-const _hoisted_4$c = { class: "form-field__input-wrapper" };
-const _hoisted_5$b = ["id", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby"];
-const _hoisted_6$a = ["value"];
+const _hoisted_4$e = { class: "form-field__input-wrapper" };
+const _hoisted_5$d = ["id", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby"];
+const _hoisted_6$b = ["value"];
 const _hoisted_7$5 = ["type", "id", "disabled", "readonly", "placeholder", "autocomplete", "required", "aria-required", "aria-invalid", "aria-describedby"];
 const _hoisted_8$3 = {
   key: 3,
@@ -10695,7 +10747,7 @@ const _hoisted_9$3 = {
 };
 const _hoisted_10$3 = ["id"];
 const _hoisted_11$2 = { class: "form-field__error" };
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "FormInput",
   props: {
     field: { type: Object },
@@ -10805,17 +10857,17 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(rootClasses.value)
       }, [
-        __props.field.label ? (openBlock(), createElementBlock("div", _hoisted_1$D, [
+        __props.field.label ? (openBlock(), createElementBlock("div", _hoisted_1$E, [
           createBaseVNode("label", {
             class: "form-field__label",
             for: id.value
           }, [
             createTextVNode(toDisplayString(__props.field.label) + " ", 1),
-            isRequired.value ? (openBlock(), createElementBlock("span", _hoisted_3$m, "*")) : createCommentVNode("", true)
-          ], 8, _hoisted_2$t),
+            isRequired.value ? (openBlock(), createElementBlock("span", _hoisted_3$n, "*")) : createCommentVNode("", true)
+          ], 8, _hoisted_2$u),
           renderSlot(_ctx.$slots, "content-after-label", {}, void 0, true)
         ])) : createCommentVNode("", true),
-        createBaseVNode("div", _hoisted_4$c, [
+        createBaseVNode("div", _hoisted_4$e, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true),
           _ctx.$slots["custom-input"] ? renderSlot(_ctx.$slots, "custom-input", {
             id: id.value,
@@ -10841,9 +10893,9 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
               return openBlock(), createElementBlock("option", {
                 key: opt.value,
                 value: opt.value
-              }, toDisplayString(opt.label), 9, _hoisted_6$a);
+              }, toDisplayString(opt.label), 9, _hoisted_6$b);
             }), 128))
-          ], 16, _hoisted_5$b)), [
+          ], 16, _hoisted_5$d)), [
             [vModelSelect, draft.value]
           ]) : withDirectives((openBlock(), createElementBlock("input", mergeProps({
             key: 2,
@@ -10902,10 +10954,10 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _style_0$B = "\n/* ── Root ──────────────────────────────────────────────────────────── */\n.form-field[data-v-863d0b18] {\n  --field-height: 40px;\n  --field-padding-x: var(--spacing-md);\n  --field-font-size: var(--font-size-sm);\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-xs);\n  width: 100%;\n}\n.form-field--sm[data-v-863d0b18] {\n  --field-height: 32px;\n  --field-padding-x: var(--spacing-sm);\n  --field-font-size: var(--font-size-xs);\n}\n.form-field--lg[data-v-863d0b18] {\n  --field-height: 44px;\n  --field-padding-x: var(--spacing-md);\n  --field-font-size: var(--font-size-base);\n}\n.form-field--disabled[data-v-863d0b18] {\n  opacity: 0.7;\n}\n\n/* ── Header (label row) ────────────────────────────────────────────── */\n.form-field__header[data-v-863d0b18] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-sm);\n}\n.form-field__label[data-v-863d0b18] {\n  display: block;\n  margin: 0;\n  font-size: var(--font-size-sm);\n  font-weight: 600;\n  line-height: 1.2;\n  color: var(--color-text-primary);\n}\n.form-field--error .form-field__label[data-v-863d0b18] {\n  color: var(--color-danger);\n}\n.form-field__required[data-v-863d0b18] {\n  margin-left: 2px;\n  color: var(--color-danger);\n}\n\n/* ── Input wrapper ─────────────────────────────────────────────────── */\n.form-field__input-wrapper[data-v-863d0b18] {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--spacing-sm);\n  width: 100%;\n}\n\n/* ── Input ─────────────────────────────────────────────────────────── */\n.form-field__input[data-v-863d0b18] {\n  flex: 1;\n  box-sizing: border-box;\n  height: var(--field-height);\n  padding: 0 var(--field-padding-x);\n  font-family: inherit;\n  font-size: var(--field-font-size);\n  line-height: 1.4;\n  color: var(--color-text-primary);\n  background-color: var(--color-background);\n  border: 1px solid var(--color-border);\n  border-radius: var(--radius-sm);\n  outline: none;\n  transition:\n    border-color var(--transition-duration),\n    box-shadow var(--transition-duration);\n}\n.form-field__input[data-v-863d0b18]::placeholder {\n  color: var(--color-text-muted);\n  opacity: 1;\n}\n.form-field__input[data-v-863d0b18]:hover:not(:disabled) {\n  border-color: var(--color-text-muted);\n}\n.form-field__input[data-v-863d0b18]:focus-visible {\n  border-color: var(--color-primary);\n  box-shadow: 0 0 0 3px\n    color-mix(in srgb, var(--color-primary) 20%, transparent);\n}\n.form-field__input[data-v-863d0b18]:disabled {\n  cursor: not-allowed;\n  background-color: var(--color-surface);\n  color: var(--color-text-muted);\n}\n.form-field__input--fullwidth[data-v-863d0b18] {\n  width: 100%;\n  max-width: none;\n}\n.form-field__input--select[data-v-863d0b18] {\n  cursor: pointer;\n  appearance: auto;\n}\n.form-field__input--error[data-v-863d0b18] {\n  border-color: var(--color-danger);\n}\n.form-field__input--error[data-v-863d0b18]:focus-visible {\n  border-color: var(--color-danger);\n  box-shadow: 0 0 0 3px\n    color-mix(in srgb, var(--color-danger) 20%, transparent);\n}\n\n/* ── Confirmation actions ──────────────────────────────────────────── */\n.form-field__actions[data-v-863d0b18] {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--spacing-xs);\n  flex-shrink: 0;\n}\n.form-field__actions--placeholder[data-v-863d0b18] {\n  /* Reserve space so showing the buttons doesn't shift layout. */\n  width: calc(var(--field-height) * 2 + var(--spacing-xs));\n  height: var(--field-height);\n  pointer-events: none;\n  opacity: 0;\n}\n\n/* ── Info / error ──────────────────────────────────────────────────── */\n.form-field__info[data-v-863d0b18] {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-sm);\n}\n.form-field__error[data-v-863d0b18] {\n  margin: 0;\n  font-size: var(--font-size-xs);\n  line-height: 1.2;\n  color: var(--color-danger);\n}\n\n/* ── Inline layout ─────────────────────────────────────────────────── */\n.form-field--inline[data-v-863d0b18] {\n  flex-direction: row;\n  align-items: center;\n  gap: var(--spacing-md);\n}\n.form-field--inline .form-field__header[data-v-863d0b18] {\n  flex-shrink: 0;\n  min-width: 120px;\n}\n.form-field--inline .form-field__input-wrapper[data-v-863d0b18] {\n  flex: 1;\n}\n\n/* ── Reduced motion ────────────────────────────────────────────────── */\n@media (prefers-reduced-motion: reduce) {\n.form-field__input[data-v-863d0b18] {\n    transition: none;\n}\n}\n";
-const FormInput = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["styles", [_style_0$B]], ["__scopeId", "data-v-863d0b18"]]);
-const _hoisted_1$C = ["disabled", "aria-label"];
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _style_0$C = "\n/* ── Root ──────────────────────────────────────────────────────────── */\n.form-field[data-v-863d0b18] {\n  --field-height: 40px;\n  --field-padding-x: var(--spacing-md);\n  --field-font-size: var(--font-size-sm);\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-xs);\n  width: 100%;\n}\n.form-field--sm[data-v-863d0b18] {\n  --field-height: 32px;\n  --field-padding-x: var(--spacing-sm);\n  --field-font-size: var(--font-size-xs);\n}\n.form-field--lg[data-v-863d0b18] {\n  --field-height: 44px;\n  --field-padding-x: var(--spacing-md);\n  --field-font-size: var(--font-size-base);\n}\n.form-field--disabled[data-v-863d0b18] {\n  opacity: 0.7;\n}\n\n/* ── Header (label row) ────────────────────────────────────────────── */\n.form-field__header[data-v-863d0b18] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-sm);\n}\n.form-field__label[data-v-863d0b18] {\n  display: block;\n  margin: 0;\n  font-size: var(--font-size-sm);\n  font-weight: 600;\n  line-height: 1.2;\n  color: var(--color-text-primary);\n}\n.form-field--error .form-field__label[data-v-863d0b18] {\n  color: var(--color-danger);\n}\n.form-field__required[data-v-863d0b18] {\n  margin-left: 2px;\n  color: var(--color-danger);\n}\n\n/* ── Input wrapper ─────────────────────────────────────────────────── */\n.form-field__input-wrapper[data-v-863d0b18] {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--spacing-sm);\n  width: 100%;\n}\n\n/* ── Input ─────────────────────────────────────────────────────────── */\n.form-field__input[data-v-863d0b18] {\n  flex: 1;\n  box-sizing: border-box;\n  height: var(--field-height);\n  padding: 0 var(--field-padding-x);\n  font-family: inherit;\n  font-size: var(--field-font-size);\n  line-height: 1.4;\n  color: var(--color-text-primary);\n  background-color: var(--color-background);\n  border: 1px solid var(--color-border);\n  border-radius: var(--radius-sm);\n  outline: none;\n  transition:\n    border-color var(--transition-duration),\n    box-shadow var(--transition-duration);\n}\n.form-field__input[data-v-863d0b18]::placeholder {\n  color: var(--color-text-muted);\n  opacity: 1;\n}\n.form-field__input[data-v-863d0b18]:hover:not(:disabled) {\n  border-color: var(--color-text-muted);\n}\n.form-field__input[data-v-863d0b18]:focus-visible {\n  border-color: var(--color-primary);\n  box-shadow: 0 0 0 3px\n    color-mix(in srgb, var(--color-primary) 20%, transparent);\n}\n.form-field__input[data-v-863d0b18]:disabled {\n  cursor: not-allowed;\n  background-color: var(--color-surface);\n  color: var(--color-text-muted);\n}\n.form-field__input--fullwidth[data-v-863d0b18] {\n  width: 100%;\n  max-width: none;\n}\n.form-field__input--select[data-v-863d0b18] {\n  cursor: pointer;\n  appearance: auto;\n}\n.form-field__input--error[data-v-863d0b18] {\n  border-color: var(--color-danger);\n}\n.form-field__input--error[data-v-863d0b18]:focus-visible {\n  border-color: var(--color-danger);\n  box-shadow: 0 0 0 3px\n    color-mix(in srgb, var(--color-danger) 20%, transparent);\n}\n\n/* ── Confirmation actions ──────────────────────────────────────────── */\n.form-field__actions[data-v-863d0b18] {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--spacing-xs);\n  flex-shrink: 0;\n}\n.form-field__actions--placeholder[data-v-863d0b18] {\n  /* Reserve space so showing the buttons doesn't shift layout. */\n  width: calc(var(--field-height) * 2 + var(--spacing-xs));\n  height: var(--field-height);\n  pointer-events: none;\n  opacity: 0;\n}\n\n/* ── Info / error ──────────────────────────────────────────────────── */\n.form-field__info[data-v-863d0b18] {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-sm);\n}\n.form-field__error[data-v-863d0b18] {\n  margin: 0;\n  font-size: var(--font-size-xs);\n  line-height: 1.2;\n  color: var(--color-danger);\n}\n\n/* ── Inline layout ─────────────────────────────────────────────────── */\n.form-field--inline[data-v-863d0b18] {\n  flex-direction: row;\n  align-items: center;\n  gap: var(--spacing-md);\n}\n.form-field--inline .form-field__header[data-v-863d0b18] {\n  flex-shrink: 0;\n  min-width: 120px;\n}\n.form-field--inline .form-field__input-wrapper[data-v-863d0b18] {\n  flex: 1;\n}\n\n/* ── Reduced motion ────────────────────────────────────────────────── */\n@media (prefers-reduced-motion: reduce) {\n.form-field__input[data-v-863d0b18] {\n    transition: none;\n}\n}\n";
+const FormInput = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["styles", [_style_0$C]], ["__scopeId", "data-v-863d0b18"]]);
+const _hoisted_1$D = ["disabled", "aria-label"];
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "EditableText",
   props: {
     modelValue: { type: String },
@@ -10979,12 +11031,12 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
         disabled: __props.disabled,
         "aria-label": __props.ariaLabel,
         onClick: startEdit
-      }, toDisplayString(__props.modelValue || __props.placeholder), 9, _hoisted_1$C));
+      }, toDisplayString(__props.modelValue || __props.placeholder), 9, _hoisted_1$D));
     };
   }
 });
-const _style_0$A = "\n.transcript-ui-root .editable-text-display[data-v-ff6456c8] {\n  all: unset;\n  cursor: text;\n  text-align: left;\n  font: inherit;\n  color: inherit;\n  line-height: inherit;\n  padding: 0;\n  border: 1px solid transparent;\n  border-radius: var(--radius-sm);\n  min-width: 0;\n}\n.transcript-ui-root .editable-text-display[data-v-ff6456c8]:not(:disabled):hover {\n  border-color: var(--color-border);\n}\n.transcript-ui-root .editable-text-display[data-v-ff6456c8]:disabled {\n  cursor: default;\n}\n";
-const EditableText = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["styles", [_style_0$A]], ["__scopeId", "data-v-ff6456c8"]]);
+const _style_0$B = "\n.transcript-ui-root .editable-text-display[data-v-ff6456c8] {\n  all: unset;\n  cursor: text;\n  text-align: left;\n  font: inherit;\n  color: inherit;\n  line-height: inherit;\n  padding: 0;\n  border: 1px solid transparent;\n  border-radius: var(--radius-sm);\n  min-width: 0;\n}\n.transcript-ui-root .editable-text-display[data-v-ff6456c8]:not(:disabled):hover {\n  border-color: var(--color-border);\n}\n.transcript-ui-root .editable-text-display[data-v-ff6456c8]:disabled {\n  cursor: default;\n}\n";
+const EditableText = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["styles", [_style_0$B]], ["__scopeId", "data-v-ff6456c8"]]);
 function serialize(input) {
   if (typeof input === "string") return `'${input}'`;
   return new Serializer().serialize(input);
@@ -12708,11 +12760,11 @@ function focusFirst$1(candidates) {
 function isPointInPolygon(point, polygon) {
   const { x: x2, y: y3 } = point;
   let inside = false;
-  for (let i2 = 0, j2 = polygon.length - 1; i2 < polygon.length; j2 = i2++) {
+  for (let i2 = 0, j = polygon.length - 1; i2 < polygon.length; j = i2++) {
     const xi = polygon[i2].x;
     const yi = polygon[i2].y;
-    const xj = polygon[j2].x;
-    const yj = polygon[j2].y;
+    const xj = polygon[j].x;
+    const yj = polygon[j].y;
     const intersect = yi > y3 !== yj > y3 && x2 < (xj - xi) * (y3 - yi) / (yj - yi) + xi;
     if (intersect) inside = !inside;
   }
@@ -15401,7 +15453,7 @@ function useFloating(reference, floating, options) {
     update
   };
 }
-const _hoisted_1$B = ["dir"];
+const _hoisted_1$C = ["dir"];
 const PopperContentPropsDefaultValue = {
   side: "bottom",
   sideOffset: 0,
@@ -15694,7 +15746,7 @@ var PopperContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
         "data-align",
         "dir",
         "style"
-      ]))], 12, _hoisted_1$B);
+      ]))], 12, _hoisted_1$C);
     };
   }
 });
@@ -17512,7 +17564,7 @@ var DropdownMenuTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE
   }
 });
 var DropdownMenuTrigger_default = DropdownMenuTrigger_vue_vue_type_script_setup_true_lang_default;
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "EditorCheckbox",
   props: {
     modelValue: { type: Boolean },
@@ -17545,8 +17597,8 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _style_0$z = '\n.transcript-ui-root .checkbox[data-v-ed0978f7] {\n  all: unset;\n  width: 16px;\n  height: 16px;\n  flex-shrink: 0;\n  border: 1.5px solid var(--color-border);\n  border-radius: var(--radius-sm);\n  background-color: var(--color-surface);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition:\n    background-color var(--transition-duration),\n    border-color var(--transition-duration);\n}\n.transcript-ui-root .checkbox[data-v-ed0978f7]:hover {\n  border-color: var(--color-primary);\n}\n.transcript-ui-root .checkbox[data-v-ed0978f7]:focus-visible {\n  outline: 2px solid var(--color-primary);\n  outline-offset: 2px;\n}\n.transcript-ui-root .checkbox[data-state="checked"][data-v-ed0978f7] {\n  background-color: var(--color-primary);\n  border-color: var(--color-primary);\n}\n.checkbox-indicator[data-v-ed0978f7] {\n  color: var(--color-white, #fff);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n';
-const EditorCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["styles", [_style_0$z]], ["__scopeId", "data-v-ed0978f7"]]);
+const _style_0$A = '\n.transcript-ui-root .checkbox[data-v-ed0978f7] {\n  all: unset;\n  width: 16px;\n  height: 16px;\n  flex-shrink: 0;\n  border: 1.5px solid var(--color-border);\n  border-radius: var(--radius-sm);\n  background-color: var(--color-surface);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition:\n    background-color var(--transition-duration),\n    border-color var(--transition-duration);\n}\n.transcript-ui-root .checkbox[data-v-ed0978f7]:hover {\n  border-color: var(--color-primary);\n}\n.transcript-ui-root .checkbox[data-v-ed0978f7]:focus-visible {\n  outline: 2px solid var(--color-primary);\n  outline-offset: 2px;\n}\n.transcript-ui-root .checkbox[data-state="checked"][data-v-ed0978f7] {\n  background-color: var(--color-primary);\n  border-color: var(--color-primary);\n}\n.checkbox-indicator[data-v-ed0978f7] {\n  color: var(--color-white, #fff);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n';
+const EditorCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["styles", [_style_0$A]], ["__scopeId", "data-v-ed0978f7"]]);
 function extend(destination) {
   for (var i2 = 1; i2 < arguments.length; i2++) {
     var source = arguments[i2];
@@ -18315,120 +18367,146 @@ function A() {
   return { async: false, breaks: false, extensions: null, gfm: true, hooks: null, pedantic: false, renderer: null, silent: false, tokenizer: null, walkTokens: null };
 }
 var T = A();
-function j(u4) {
-  T = u4;
+function U(l4) {
+  T = l4;
 }
 var E$1 = { exec: () => null };
-function I(u4) {
+function I(l4) {
   let e3 = [];
   return (t2) => {
-    let n2 = Math.max(0, Math.min(3, t2 - 1)), s2 = e3[n2];
-    return s2 || (s2 = u4(n2), e3[n2] = s2), s2;
+    let n2 = Math.max(0, Math.min(3, t2 - 1)), i2 = e3[n2];
+    return i2 || (i2 = l4(n2), e3[n2] = i2), i2;
   };
 }
-function k(u4, e3 = "") {
-  let t2 = typeof u4 == "string" ? u4 : u4.source, n2 = { replace: (s2, r2) => {
+function d$2(l4, e3 = "") {
+  let t2 = typeof l4 == "string" ? l4 : l4.source, n2 = { replace: (i2, r2) => {
     let o2 = typeof r2 == "string" ? r2 : r2.source;
-    return o2 = o2.replace(m$1.caret, "$1"), t2 = t2.replace(s2, o2), n2;
+    return o2 = o2.replace(m$1.caret, "$1"), t2 = t2.replace(i2, o2), n2;
   }, getRegex: () => new RegExp(t2, e3) };
   return n2;
 }
-var Te = ((u4 = "") => {
+var we = ((l4 = "") => {
   try {
-    return !!new RegExp("(?<=1)(?<!1)" + u4);
+    return !!new RegExp("(?<=1)(?<!1)" + l4);
   } catch {
     return false;
   }
-})(), m$1 = { codeRemoveIndent: /^(?: {1,4}| {0,3}\t)/gm, outputLinkReplace: /\\([\[\]])/g, indentCodeCompensation: /^(\s+)(?:```)/, beginningSpace: /^\s+/, endingHash: /#$/, startingSpaceChar: /^ /, endingSpaceChar: / $/, endingSpaceTabChar: /[ \t]$/, nonSpaceChar: /[^ ]/, newLineCharGlobal: /\n/g, tabCharGlobal: /\t/g, multipleSpaceGlobal: /\s+/g, blankLine: /^[ \t]*$/, doubleBlankLine: /\n[ \t]*\n[ \t]*$/, blockquoteStart: /^ {0,3}>/, blockquoteSetextReplace: /\n {0,3}((?:=+|-+) *)(?=\n|$)/g, blockquoteSetextReplace2: /^ {0,3}>[ \t]?/gm, listReplaceNesting: /^ {1,4}(?=( {4})*[^ ])/g, listIsTask: /^\[[ xX]\] +\S/, listReplaceTask: /^\[[ xX]\] +/, listTaskCheckbox: /\[[ xX]\]/, anyLine: /\n.*\n/, hrefBrackets: /^<(.*)>$/, tableDelimiter: /[:|]/, tableAlignChars: /^\||\| *$/g, tableRowBlankLine: /\n[ \t]*$/, tableAlignRight: /^ *-+: *$/, tableAlignCenter: /^ *:-+: *$/, tableAlignLeft: /^ *:-+ *$/, startATag: /^<a /i, endATag: /^<\/a>/i, startPreScriptTag: /^<(pre|code|kbd|script)(\s|>)/i, endPreScriptTag: /^<\/(pre|code|kbd|script)(\s|>)/i, startAngleBracket: /^</, endAngleBracket: />$/, pedanticHrefTitle: /^([^'"]*[^\s])\s+(['"])(.*)\2/, unicodeAlphaNumeric: /[\p{L}\p{N}]/u, escapeTest: /[&<>"']/, escapeReplace: /[&<>"']/g, escapeTestNoEncode: /[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/, escapeReplaceNoEncode: /[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/g, caret: /(^|[^\[])\^/g, percentDecode: /%25/g, findPipe: /\|/g, splitPipe: / \|/, slashPipe: /\\\|/g, carriageReturn: /\r\n|\r/g, spaceLine: /^ +$/gm, notSpaceStart: /^\S*/, endingNewline: /\n$/, listItemRegex: (u4) => new RegExp(`^( {0,3}${u4})((?:[	 ][^\\n]*)?(?:\\n|$))`), nextBulletRegex: I((u4) => new RegExp(`^ {0,${u4}}(?:[*+-]|\\d{1,9}[.)])((?:[ 	][^\\n]*)?(?:\\n|$))`)), hrRegex: I((u4) => new RegExp(`^ {0,${u4}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`)), fencesBeginRegex: I((u4) => new RegExp(`^ {0,${u4}}(?:\`\`\`|~~~)`)), headingBeginRegex: I((u4) => new RegExp(`^ {0,${u4}}#`)), htmlBeginRegex: I((u4) => new RegExp(`^ {0,${u4}}<(?:[a-z].*>|!--)`, "i")), blockquoteBeginRegex: I((u4) => new RegExp(`^ {0,${u4}}>`)) }, Oe = /^(?:[ \t]*(?:\n|$))+/, we = /^((?: {4}| {0,3}\t)[^\n]+(?:\n(?:[ \t]*(?:\n|$))*)?)+/, ye = /^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/, q = /^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/, Pe = /^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/, U = / {0,3}(?:[*+-]|\d{1,9}[.)])/, oe = /^(?!bull |blockCode|fences|blockquote|heading|html|table)((?:.|\n(?!\s*?\n|bull |blockCode|fences|blockquote|heading|html|table))+?)\n {0,3}(=+|-+) *(?:\n+|$)/, ae = k(oe).replace(/bull/g, U).replace(/blockCode/g, /(?: {4}| {0,3}\t)/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}(?:\s|$)/).replace(/html/g, / {0,3}<[^\n>]+>\n/).replace(/\|table/g, "").getRegex(), Se = k(oe).replace(/bull/g, U).replace(/blockCode/g, /(?: {4}| {0,3}\t)/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}(?:\s|$)/).replace(/html/g, / {0,3}<[^\n>]+>\n/).replace(/table/g, / {0,3}\|?(?:[:\- ]*\|)+[\:\- ]*\n/).getRegex(), K = /^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table|[ \t]+\n)[^\n]+)*)/, _e = /^[^\n]+/, W = /(?!\s*\])(?:\\[\s\S]|[^\[\]\\])+/, $e = k(/^ {0,3}\[(label)\]: *(?:\n[ \t]*)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n[ \t]*)?| *\n[ \t]*)(title))? *(?:\n+|$)/).replace("label", W).replace("title", /(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/).getRegex(), Le = k(/^(bull)([ \t][^\n]*?)?(?:\n|$)/).replace(/bull/g, U).getRegex(), Q = "address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|search|section|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul", X = /<!--(?:-?>|[\s\S]*?(?:-->|$))/, ze = k("^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n*|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>[^\\n]*\\n*|$)|<![A-Z][\\s\\S]*?(?:>[^\\n]*\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>[^\\n]*\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$)|<(?!script|pre|style|textarea)([a-z][a-z0-9-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$)|</(?!script|pre|style|textarea)[a-z][a-z0-9-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$))", "i").replace("comment", X).replace("tag", Q).replace("attribute", / +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(), le = (u4) => k(K).replace("hr", q).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("|table", "").replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*(?:\\n|$))|~~~)[^\\n]*(?:\\n|$)").replace("list", u4).replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", Q).getRegex(), Ee = le(/ {0,3}(?:[*+-]|1[.)])[ \t]+[^ \t\n]/), Me = le(/ {0,3}(?:[*+-]|\d{1,9}[.)])(?:[ \t]|\n|$)/), Ae = k(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph", Me).getRegex(), J = { blockquote: Ae, code: we, def: $e, fences: ye, heading: Pe, hr: q, html: ze, lheading: ae, list: Le, newline: Oe, paragraph: Ee, table: E$1, text: _e }, se = k("^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)").replace("hr", q).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("blockquote", " {0,3}>").replace("code", "(?: {4}| {0,3}	)[^\\n]").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*(?:\\n|$))|~~~)[^\\n]*(?:\\n|$)").replace("list", " {0,3}(?:[*+-]|1[.)])[ \\t]").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", Q).getRegex(), Ie = { ...J, lheading: Se, table: se, paragraph: k(K).replace("hr", q).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("table", se).replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*(?:\\n|$))|~~~)[^\\n]*(?:\\n|$)").replace("list", " {0,3}(?:[*+-]|1[.)])[ \\t]+[^ \\t\\n]").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", Q).getRegex() }, Ce = { ...J, html: k(`^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:"[^"]*"|'[^']*'|\\s[^'"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))`).replace("comment", X).replace(/tag/g, "(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(), def: /^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/, heading: /^(#{1,6})(.*)(?:\n+|$)/, fences: E$1, lheading: /^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/, paragraph: k(K).replace("hr", q).replace("heading", ` *#{1,6} *[^
-]`).replace("lheading", ae).replace("|table", "").replace("blockquote", " {0,3}>").replace("|fences", "").replace("|list", "").replace("|html", "").replace("|tag", "").getRegex() }, Be = /^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/, De = /^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/, ue = /^( {2,}|\\)\n(?!\s*$)/, qe = /^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/, _ = /[\p{P}\p{S}]/u, C$1 = /[\s\p{P}\p{S}]/u, v$1 = /[^\s\p{P}\p{S}]/u, ve = k(/^((?![*_])punctSpace)/, "u").replace(/punctSpace/g, C$1).getRegex(), He = /[\p{Pi}\p{Ps}"']/u, pe = /(?!~)[\p{P}\p{S}]/u, Ze = /(?!~)[\s\p{P}\p{S}]/u, Ge = /(?:[^\s\p{P}\p{S}]|~)/u, Qe = k(/link|precode-code|html/, "g").replace("link", /\[(?:[^\[\]`]|(?<a>`+)[^`]+\k<a>(?!`))*?\]\((?:\\[\s\S]|[^\\\(\)]|\((?:\\[\s\S]|[^\\\(\)])*\))*\)/).replace("precode-", Te ? "(?<!`)()" : "(^^|[^`])").replace("code", /(?<b>`+)[^`]+\k<b>(?!`)/).replace("html", /<(?! )[^<>]*?>/).getRegex(), ce = /^(?:\*+(?:((?!\*)punct)|([^\s*]))?)|^_+(?:((?!_)punct)|([^\s_]))?/, Ne = k(ce, "u").replace(/punct/g, _).getRegex(), je = k(ce, "u").replace(/punct/g, pe).getRegex(), Fe = /^(?:\*+(?:((?!\*)(?!openQuote)punct)|([^\s*]))?)|^_+(?:((?!_)(?!openQuote)punct)|([^\s_]))?/, Ue = k(Fe, "u").replace(/openQuote/g, He).replace(/punct/g, _).getRegex(), he = "^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)punct(\\*+)(?=[\\s]|$)|notPunctSpace(\\*+)(?!\\*)(?=punctSpace|$)|(?!\\*)punctSpace(\\*+)(?=notPunctSpace)|[\\s](\\*+)(?!\\*)(?=punct)|(?!\\*)punct(\\*+)(?!\\*)(?=punct)|notPunctSpace(\\*+)(?=notPunctSpace)", Ke = k(he, "gu").replace(/notPunctSpace/g, v$1).replace(/punctSpace/g, C$1).replace(/punct/g, _).getRegex(), We = k(he, "gu").replace(/notPunctSpace/g, Ge).replace(/punctSpace/g, Ze).replace(/punct/g, pe).getRegex(), Xe = "^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)punct(\\*+)(?=[\\s]|$)|notPunctSpace(\\*+)(?!\\*)(?=punctSpace|$)|(?!\\*)[\\s](\\*+)(?=notPunctSpace)|[\\s](\\*+)(?!\\*)(?=punct)|(?!\\*)punct(\\*+)(?!\\*)(?=punct)|(?:(?!\\*)punct|notPunctSpace)(\\*+)(?!\\*)(?=notPunctSpace)", Je = k(Xe, "gu").replace(/notPunctSpace/g, v$1).replace(/punctSpace/g, C$1).replace(/punct/g, _).getRegex(), Ve = k("^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)punct(_+)(?=[\\s]|$)|notPunctSpace(_+)(?!_)(?=punctSpace|$)|(?!_)punctSpace(_+)(?=notPunctSpace)|[\\s](_+)(?!_)(?=punct)|(?!_)punct(_+)(?!_)(?=punct)", "gu").replace(/notPunctSpace/g, v$1).replace(/punctSpace/g, C$1).replace(/punct/g, _).getRegex(), Ye = "^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)punct(_+)(?=[\\s]|$)|notPunctSpace(_+)(?!_)(?=punctSpace|$)|(?!_)[\\s](_+)(?=notPunctSpace)|[\\s](_+)(?!_)(?=punct)|(?!_)punct(_+)(?!_)(?=punct)|(?:(?!_)punct|notPunctSpace)(_+)(?!_)(?=notPunctSpace)", et = k(Ye, "gu").replace(/notPunctSpace/g, v$1).replace(/punctSpace/g, C$1).replace(/punct/g, _).getRegex(), tt = k(/^~~?(?:((?!~)punct)|[^\s~])/, "u").replace(/punct/g, _).getRegex(), nt = "^[^~]+(?=[^~])|(?!~)punct(~~?)(?=[\\s]|$)|notPunctSpace(~~?)(?!~)(?=punctSpace|$)|(?!~)punctSpace(~~?)(?=notPunctSpace)|[\\s](~~?)(?!~)(?=punct)|(?!~)punct(~~?)(?!~)(?=punct)|notPunctSpace(~~?)(?=notPunctSpace)", rt = k(nt, "gu").replace(/notPunctSpace/g, v$1).replace(/punctSpace/g, C$1).replace(/punct/g, _).getRegex(), st = k(/\\(punct)/, "gu").replace(/punct/g, _).getRegex(), it = k(/^<(scheme:[^\s\x00-\x1f<>]*|email)>/).replace("scheme", /[a-zA-Z][a-zA-Z0-9+.-]{1,31}/).replace("email", /[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/).getRegex(), ot = k(X).replace("(?:-->|$)", "-->").getRegex(), at = k("^comment|^</[a-zA-Z][a-zA-Z0-9-]*\\s*>|^<[a-zA-Z][a-zA-Z0-9-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>").replace("comment", ot).replace("attribute", /\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex(), lt = /\[(?:\\[\s\S]|[^\[\]\\])*\]/, G = k(/(?:\[(?:brackets|\\[\s\S]|[^\[\]\\])*\]|\\[\s\S]|`+(?!`)[^`]*?`+(?!`)|``+(?=\])|[^\[\]\\`])*?/).replace("brackets", lt).getRegex(), ut = k(/^!?\[(label)\]\(\s*(href)(?:(?:[ \t]+(?:\n[ \t]*)?|\n[ \t]*)(title))?\s*\)/).replace("label", G).replace("href", /<(?:\\.|[^\n<>\\])+>|[^ \t\n\x00-\x1f]+|(?=\))/).replace("title", /"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex(), ke = k(/^!?\[(label)\]\[(ref)\]/).replace("label", G).replace("ref", W).getRegex(), de = k(/^!?\[(ref)\](?:\[\])?/).replace("ref", W).getRegex(), pt = k("reflink|nolink(?!\\()", "g").replace("reflink", ke).replace("nolink", de).getRegex(), ie = /[hH][tT][tT][pP][sS]?|[fF][tT][pP]/, V = { _backpedal: E$1, anyPunctuation: st, autolink: it, blockSkip: Qe, br: ue, code: De, del: E$1, delLDelim: E$1, delRDelim: E$1, emStrongLDelim: Ne, emStrongRDelimAst: Ke, emStrongRDelimUnd: Ve, escape: Be, link: ut, nolink: de, punctuation: ve, reflink: ke, reflinkSearch: pt, tag: at, text: qe, url: E$1 }, ct = { ...V, emStrongLDelim: Ue, emStrongRDelimAst: Je, emStrongRDelimUnd: et, link: k(/^!?\[(label)\]\((.*?)\)/).replace("label", G).getRegex(), reflink: k(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label", G).getRegex() }, F = { ...V, emStrongRDelimAst: We, emStrongLDelim: je, delLDelim: tt, delRDelim: rt, url: k(/^((?:protocol):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/).replace("protocol", ie).replace("email", /[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![\w-])/).getRegex(), _backpedal: /(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/, del: /^(~~?)(?=[^\s~])((?:\\[\s\S]|[^\\])*?(?:\\[\s\S]|[^\s~\\]))\1(?=[^~]|$)/, text: k(/^(`+|~+|[^`~])(?:(?=[`~])|(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|protocol:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/).replace("protocol", ie).getRegex() }, ht = { ...F, br: k(ue).replace("{2,}", "*").getRegex(), text: k(F.text).replace("\\b_", "\\b_| {2,}\\n").replace(/\{2,\}/g, "*").getRegex() }, H = { normal: J, gfm: Ie, pedantic: Ce }, B = { normal: V, gfm: F, breaks: ht, pedantic: ct };
-var kt = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" }, ge = (u4) => kt[u4];
-function R(u4, e3) {
+})(), m$1 = { codeRemoveIndent: /^(?: {0,3}\t| {1,4})/gm, outputLinkReplace: /\\([\[\]])/g, indentCodeCompensation: /^(\s+)(?:```)/, beginningSpace: /^\s+/, endingHash: /#$/, startingSpaceChar: /^ /, endingSpaceChar: / $/, endingSpaceTabChar: /[ \t]$/, nonSpaceChar: /[^ ]/, newLineCharGlobal: /\n/g, tabCharGlobal: /\t/g, multipleSpaceGlobal: /\s+/g, blankLine: /^[ \t]*$/, doubleBlankLine: /\n[ \t]*\n[ \t]*$/, blockquoteStart: /^ {0,3}>/, blockquoteSetextReplace: /\n {0,3}((?:=+|-+) *)(?=\n|$)/g, blockquoteSetextReplace2: /^ {0,3}>[ \t]?/gm, listReplaceNesting: /^ {1,4}(?=( {4})*[^ ])/g, listIsTask: /^\[[ xX]\] +\S/, listReplaceTask: /^\[[ xX]\] +/, listTaskCheckbox: /\[[ xX]\]/, anyLine: /\n.*\n/, hrefBrackets: /^<(.*)>$/, tableDelimiter: /[:|]/, tableAlignChars: /^\||\| *$/g, tableRowBlankLine: /\n[ \t]*$/, tableAlignRight: /^ *-+: *$/, tableAlignCenter: /^ *:-+: *$/, tableAlignLeft: /^ *:-+ *$/, startATag: /^<a /i, endATag: /^<\/a>/i, startPreScriptTag: /^<(pre|code|kbd|script)(\s|>)/i, endPreScriptTag: /^<\/(pre|code|kbd|script)(\s|>)/i, startAngleBracket: /^</, endAngleBracket: />$/, pedanticHrefTitle: /^([^'"]*[^\s])\s+(['"])(.*)\2/, unicodeAlphaNumeric: /[\p{L}\p{N}]/u, escapeTest: /[&<>"']/, escapeReplace: /[&<>"']/g, escapeTestNoEncode: /[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/, escapeReplaceNoEncode: /[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/g, caret: /(^|[^\[])\^/g, percentDecode: /%25/g, findPipe: /\|/g, splitPipe: / \|/, slashPipe: /\\\|/g, carriageReturn: /\r\n|\r/g, spaceLine: /^ +$/gm, notSpaceStart: /^\S*/, endingNewline: /\n$/, listItemRegex: (l4) => new RegExp(`^( {0,3}${l4})((?:[	 ][^\\n]*)?(?:\\n|$))`), nextBulletRegex: I((l4) => new RegExp(`^ {0,${l4}}(?:[*+-]|\\d{1,9}[.)])((?:[ 	][^\\n]*)?(?:\\n|$))`)), hrRegex: I((l4) => new RegExp(`^ {0,${l4}}((?:-[ 	]*){3,}|(?:_[ 	]*){3,}|(?:\\*[ 	]*){3,})(?:\\n+|$)`)), fencesBeginRegex: I((l4) => new RegExp(`^ {0,${l4}}(?:\`\`\`|~~~)`)), headingBeginRegex: I((l4) => new RegExp(`^ {0,${l4}}#`)), htmlBeginRegex: I((l4) => new RegExp(`^ {0,${l4}}(?:</?(?:${H})(?: +|$|/?>)|<(?:script|pre|style|textarea|!--))`, "i")), blockquoteBeginRegex: I((l4) => new RegExp(`^ {0,${l4}}>`)) }, ye = /^(?:[ \t]*(?:\n|$))+/, Pe = /^((?: {4}| {0,3}\t)[^\n]+(?:\n(?:[ \t]*(?:\n|$))*)?)+/, Se = /^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/, v$1 = /^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/, _e = /^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/, K = / {0,3}(?:[*+-]|\d{1,9}[.)])/, le = /^(?!bull |blockCode|fences|blockquote|heading|html|table)((?:.|\n(?!\s*?\n|bull |blockCode|fences|blockquote|heading|html|table))+?)\n {0,3}(=+|-+) *(?:\n+|$)/, ue = d$2(le).replace(/bull/g, K).replace(/blockCode/g, /(?: {4}| {0,3}\t)/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}(?:\s|$)/).replace(/html/g, / {0,3}<[^\n>]+>\n/).replace(/\|table/g, "").getRegex(), $e = d$2(le).replace(/bull/g, K).replace(/blockCode/g, /(?: {4}| {0,3}\t)/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}(?:\s|$)/).replace(/html/g, / {0,3}<[^\n>]+>\n/).replace(/table/g, / {0,3}\|?(?:[:\- ]*\|)+[\:\- ]*\n/).getRegex(), W = /^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table|[ \t]+\n)[^\n]+)*)/, Le = /^[^\n]+/, X = /(?!\s*\])(?:\\[\s\S]|[^\[\]\\])+/, ze = d$2(/^ {0,3}\[(label)\]: *(?:\n[ \t]*)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n[ \t]*)?| *\n[ \t]*)(title))? *(?:\n+|$)/).replace("label", X).replace("title", /(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/).getRegex(), Ee = d$2(/^(bull)([ \t][^\n]*?)?(?:\n|$)/).replace(/bull/g, K).getRegex(), H = "address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|search|section|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul", J = /<!--(?:-?>|[\s\S]*?(?:-->|$))/, Me = d$2("^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n*|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>[^\\n]*\\n*|$)|<![A-Z][\\s\\S]*?(?:>[^\\n]*\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>[^\\n]*\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$)|<(?!script|pre|style|textarea)([a-z][a-z0-9-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$)|</(?!script|pre|style|textarea)[a-z][a-z0-9-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$))", "i").replace("comment", J).replace("tag", H).replace("attribute", / +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(), pe = (l4) => d$2(W).replace("hr", v$1).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("|table", "").replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*(?:\\n|$))|~~~)[^\\n]*(?:\\n|$)").replace("list", l4).replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", H).getRegex(), Ae = pe(/ {0,3}(?:[*+-]|1[.)])[ \t]+[^ \t\n]/), Ie = pe(/ {0,3}(?:[*+-]|\d{1,9}[.)])(?:[ \t]|\n|$)/), Ce = d$2(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph", Ie).getRegex(), V = { blockquote: Ce, code: Pe, def: ze, fences: Se, heading: _e, hr: v$1, html: Me, lheading: ue, list: Ee, newline: ye, paragraph: Ae, table: E$1, text: Le }, ie = d$2("^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)").replace("hr", v$1).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("blockquote", " {0,3}>").replace("code", "(?: {4}| {0,3}	)[^\\n]").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*(?:\\n|$))|~~~)[^\\n]*(?:\\n|$)").replace("list", " {0,3}(?:[*+-]|1[.)])[ \\t]").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", H).getRegex(), Be = { ...V, lheading: $e, table: ie, paragraph: d$2(W).replace("hr", v$1).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("table", ie).replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*(?:\\n|$))|~~~)[^\\n]*(?:\\n|$)").replace("list", " {0,3}(?:[*+-]|1[.)])[ \\t]+[^ \\t\\n]").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", H).getRegex() }, De = { ...V, html: d$2(`^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:"[^"]*"|'[^']*'|\\s[^'"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))`).replace("comment", J).replace(/tag/g, "(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(), def: /^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/, heading: /^(#{1,6})(.*)(?:\n+|$)/, fences: E$1, lheading: /^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/, paragraph: d$2(W).replace("hr", v$1).replace("heading", ` *#{1,6} *[^
+]`).replace("lheading", ue).replace("|table", "").replace("blockquote", " {0,3}>").replace("|fences", "").replace("|list", "").replace("|html", "").replace("|tag", "").getRegex() }, qe = /^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/, ve = /^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/, ce = /^( {2,}|\\)\n(?!\s*$)[ \t]*/, He = /^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/, _ = /[\p{P}\p{S}]/u, C$1 = /[\s\p{P}\p{S}]/u, Z = /[^\s\p{P}\p{S}]/u, Ze = d$2(/^((?![*_])punctSpace)/, "u").replace(/punctSpace/g, C$1).getRegex(), Ge = /[\p{Pi}\p{Ps}"']/u, he = /(?!~)[\p{P}\p{S}]/u, Qe = /(?!~)[\s\p{P}\p{S}]/u, Ne = /(?:[^\s\p{P}\p{S}]|~)/u, je = d$2(/link|precode-code|html/, "g").replace("link", /\[(?:[^\[\]`]|(?<a>`+)[^`]+\k<a>(?!`))*?\]\((?:\\[\s\S]|[^\\\(\)]|\((?:\\[\s\S]|[^\\\(\)])*\))*\)/).replace("precode-", we ? "(?<!`)()" : "(^^|[^`])").replace("code", /(?<b>`+)[^`]+\k<b>(?!`)/).replace("html", /<(?! )[^<>]*?>/).getRegex(), de = /^(?:\*+(?:((?!\*)punct)|([^\s*]))?)|^_+(?:((?!_)punct)|([^\s_]))?/, Ue = d$2(de, "u").replace(/punct/g, _).getRegex(), Fe = d$2(de, "u").replace(/punct/g, he).getRegex(), Ke = /^(?:\*+(?:((?!\*)(?!openQuote)punct)|([^\s*]))?)|^_+(?:((?!_)(?!openQuote)punct)|([^\s_]))?/, We = d$2(Ke, "u").replace(/openQuote/g, Ge).replace(/punct/g, _).getRegex(), ke = "^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)punct(\\*+)(?=[\\s]|$)|notPunctSpace(\\*+)(?!\\*)(?=punctSpace|$)|(?!\\*)punctSpace(\\*+)(?=notPunctSpace)|[\\s](\\*+)(?!\\*)(?=punct)|(?!\\*)punct(\\*+)(?!\\*)(?=punct)|notPunctSpace(\\*+)(?=notPunctSpace)", Xe = d$2(ke, "gu").replace(/notPunctSpace/g, Z).replace(/punctSpace/g, C$1).replace(/punct/g, _).getRegex(), Je = d$2(ke, "gu").replace(/notPunctSpace/g, Ne).replace(/punctSpace/g, Qe).replace(/punct/g, he).getRegex(), Ve = "^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)punct(\\*+)(?=[\\s]|$)|notPunctSpace(\\*+)(?!\\*)(?=punctSpace|$)|(?!\\*)[\\s](\\*+)(?=notPunctSpace)|[\\s](\\*+)(?!\\*)(?=punct)|(?!\\*)punct(\\*+)(?!\\*)(?=punct)|(?:(?!\\*)punct|notPunctSpace)(\\*+)(?!\\*)(?=notPunctSpace)", Ye = d$2(Ve, "gu").replace(/notPunctSpace/g, Z).replace(/punctSpace/g, C$1).replace(/punct/g, _).getRegex(), et = d$2("^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)punct(_+)(?=[\\s]|$)|notPunctSpace(_+)(?!_)(?=punctSpace|$)|(?!_)punctSpace(_+)(?=notPunctSpace)|[\\s](_+)(?!_)(?=punct)|(?!_)punct(_+)(?!_)(?=punct)", "gu").replace(/notPunctSpace/g, Z).replace(/punctSpace/g, C$1).replace(/punct/g, _).getRegex(), tt = "^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)punct(_+)(?=[\\s]|$)|notPunctSpace(_+)(?!_)(?=punctSpace|$)|(?!_)[\\s](_+)(?=notPunctSpace)|[\\s](_+)(?!_)(?=punct)|(?!_)punct(_+)(?!_)(?=punct)|(?:(?!_)punct|notPunctSpace)(_+)(?!_)(?=notPunctSpace)", nt = d$2(tt, "gu").replace(/notPunctSpace/g, Z).replace(/punctSpace/g, C$1).replace(/punct/g, _).getRegex(), rt = d$2(/^~~?(?:((?!~)punct)|[^\s~])/, "u").replace(/punct/g, _).getRegex(), st = "^[^~]+(?=[^~])|(?!~)punct(~~?)(?=[\\s]|$)|notPunctSpace(~~?)(?!~)(?=punctSpace|$)|(?!~)punctSpace(~~?)(?=notPunctSpace)|[\\s](~~?)(?!~)(?=punct)|(?!~)punct(~~?)(?!~)(?=punct)|notPunctSpace(~~?)(?=notPunctSpace)", it = d$2(st, "gu").replace(/notPunctSpace/g, Z).replace(/punctSpace/g, C$1).replace(/punct/g, _).getRegex(), ot = d$2(/\\(punct)/, "gu").replace(/punct/g, _).getRegex(), at = d$2(/^<(scheme:[^\s\x00-\x1f<>]*|email)>/).replace("scheme", /[a-zA-Z][a-zA-Z0-9+.-]{1,31}/).replace("email", /[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/).getRegex(), lt = d$2(J).replace("(?:-->|$)", "-->").getRegex(), ut = d$2("^comment|^</[a-zA-Z][a-zA-Z0-9-]*\\s*>|^<[a-zA-Z][a-zA-Z0-9-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>").replace("comment", lt).replace("attribute", /\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex(), ge = /\[(?:\\[\s\S]|[^\[\]\\])*\]/, N = d$2(/(?:\[(?:brackets|\\[\s\S]|[^\[\]\\])*\]|\\[\s\S]|`+(?!`)[^`]*?`+(?!`)|``+(?=\])|[^\[\]\\`])*?/).replace("brackets", ge).getRegex(), pt = d$2(/^!?\[(label)\]\(\s*(href)(?:(?:[ \t]+(?:\n[ \t]*)?|\n[ \t]*)(title))?\s*\)/).replace("label", N).replace("href", /<(?:\\.|[^\n<>\\])+>|[^ \t\n\x00-\x1f]+|(?=\))/).replace("title", /"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex(), ct = d$2(/^!?\[(label)\]\[(ref)\]/).replace("label", N).replace("ref", X).getRegex(), ht = d$2(/^!?\[(ref)\](?:\[\])?/).replace("ref", X).getRegex(), oe = /(?!\s*\])(?:\\[\s\S]|[^\[\]\\]){1,999}/, dt = d$2(/(?:[^\[\]\\`]*(?:\[(?:brackets|\\[\s\S]|[^\[\]\\])*\]|\\[\s\S]|`+(?!`)[^`]*?`+(?!`)|``+(?=\]))){0,999}?[^\[\]\\`]*?/).replace("brackets", ge).getRegex(), kt = d$2("reflink|nolink(?!\\()", "g").replace("reflink", d$2(/^!?\[(label)\]\[(ref)\]/).replace("label", dt).replace("ref", oe).getRegex()).replace("nolink", d$2(/^!?\[(ref)\](?:\[\])?/).replace("ref", oe).getRegex()).getRegex(), ae = /[hH][tT][tT][pP][sS]?|[fF][tT][pP]/, Y = { _backpedal: E$1, anyPunctuation: ot, autolink: at, blockSkip: je, br: ce, code: ve, del: E$1, delLDelim: E$1, delRDelim: E$1, emStrongLDelim: Ue, emStrongRDelimAst: Xe, emStrongRDelimUnd: et, escape: qe, link: pt, nolink: ht, punctuation: Ze, reflink: ct, reflinkSearch: kt, tag: ut, text: He, url: E$1 }, gt = { ...Y, emStrongLDelim: We, emStrongRDelimAst: Ye, emStrongRDelimUnd: nt, link: d$2(/^!?\[(label)\]\((.*?)\)/).replace("label", N).getRegex(), reflink: d$2(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label", N).getRegex() }, F = { ...Y, emStrongRDelimAst: Je, emStrongLDelim: Fe, delLDelim: rt, delRDelim: it, url: d$2(/^((?:protocol):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/).replace("protocol", ae).replace("email", /[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![\w-])/).getRegex(), _backpedal: /(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/, del: /^(~~?)(?=[^\s~])((?:\\[\s\S]|[^\\])*?(?:\\[\s\S]|[^\s~\\]))\1(?=[^~]|$)/, text: d$2(/^(`+|~+|[^`~])(?:(?=[`~])|(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|protocol:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/).replace("protocol", ae).getRegex() }, ft = { ...F, br: d$2(ce).replace("{2,}", "*").getRegex(), text: d$2(F.text).replace("\\b_", "\\b_| {2,}\\n").replace(/\{2,\}/g, "*").getRegex() }, G = { normal: V, gfm: Be, pedantic: De }, B = { normal: Y, gfm: F, breaks: ft, pedantic: gt };
+var mt = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" }, fe = (l4) => mt[l4];
+function R(l4, e3) {
   if (e3) {
-    if (m$1.escapeTest.test(u4)) return u4.replace(m$1.escapeReplace, ge);
-  } else if (m$1.escapeTestNoEncode.test(u4)) return u4.replace(m$1.escapeReplaceNoEncode, ge);
-  return u4;
+    if (m$1.escapeTest.test(l4)) return l4.replace(m$1.escapeReplace, fe);
+  } else if (m$1.escapeTestNoEncode.test(l4)) return l4.replace(m$1.escapeReplaceNoEncode, fe);
+  return l4;
 }
-function Y(u4) {
+function ee(l4) {
   try {
-    u4 = encodeURI(u4).replace(m$1.percentDecode, "%");
+    l4 = encodeURI(l4).replace(m$1.percentDecode, "%");
   } catch {
     return null;
   }
-  return u4;
+  return l4;
 }
-function ee(u4, e3) {
-  let t2 = u4.replace(m$1.findPipe, (r2, o2, i2) => {
-    let l2 = false, a2 = o2;
-    for (; --a2 >= 0 && i2[a2] === "\\"; ) l2 = !l2;
-    return l2 ? "|" : " |";
-  }), n2 = t2.split(m$1.splitPipe), s2 = 0;
+function te(l4, e3) {
+  let t2 = l4.replace(m$1.findPipe, (r2, o2, s2) => {
+    let u2 = false, a2 = o2;
+    for (; --a2 >= 0 && s2[a2] === "\\"; ) u2 = !u2;
+    return u2 ? "|" : " |";
+  }), n2 = t2.split(m$1.splitPipe), i2 = 0;
   if (n2[0].trim() || n2.shift(), n2.length > 0 && !n2.at(-1)?.trim() && n2.pop(), e3) if (n2.length > e3) n2.splice(e3);
   else for (; n2.length < e3; ) n2.push("");
-  for (; s2 < n2.length; s2++) n2[s2] = n2[s2].trim().replace(m$1.slashPipe, "|");
+  for (; i2 < n2.length; i2++) n2[i2] = n2[i2].trim().replace(m$1.slashPipe, "|");
   return n2;
 }
-function $(u4, e3, t2) {
-  let n2 = u4.length;
+function $(l4, e3, t2) {
+  let n2 = l4.length;
   if (n2 === 0) return "";
-  let s2 = 0;
-  for (; s2 < n2; ) {
-    let r2 = u4.charAt(n2 - s2 - 1);
-    if (r2 === e3 && true) s2++;
+  let i2 = 0;
+  for (; i2 < n2; ) {
+    let r2 = l4.charAt(n2 - i2 - 1);
+    if (r2 === e3 && true) i2++;
     else break;
   }
-  return u4.slice(0, n2 - s2);
+  return l4.slice(0, n2 - i2);
 }
-function te(u4) {
-  let e3 = u4.split(`
+function ne(l4) {
+  let e3 = l4.split(`
 `), t2 = e3.length - 1;
   for (; t2 >= 0 && m$1.blankLine.test(e3[t2]); ) t2--;
-  return e3.length - t2 <= 2 ? u4 : e3.slice(0, t2 + 1).join(`
+  return e3.length - t2 <= 2 ? l4 : e3.slice(0, t2 + 1).join(`
 `);
 }
-function fe(u4, e3) {
-  if (u4.indexOf(e3[1]) === -1) return -1;
+function D(l4) {
+  return l4.toLowerCase().toUpperCase().toLowerCase();
+}
+function me(l4, e3) {
+  if (l4.indexOf(e3[1]) === -1) return -1;
   let t2 = 0;
-  for (let n2 = 0; n2 < u4.length; n2++) if (u4[n2] === "\\") n2++;
-  else if (u4[n2] === e3[0]) t2++;
-  else if (u4[n2] === e3[1] && (t2--, t2 < 0)) return n2;
+  for (let n2 = 0; n2 < l4.length; n2++) if (l4[n2] === "\\") n2++;
+  else if (l4[n2] === e3[0]) t2++;
+  else if (l4[n2] === e3[1] && (t2--, t2 < 0)) return n2;
   return t2 > 0 ? -2 : -1;
 }
-function me(u4, e3 = 0) {
+function xe(l4, e3 = 0) {
   let t2 = e3, n2 = "";
-  for (let s2 of u4) if (s2 === "	") {
+  for (let i2 of l4) if (i2 === "	") {
     let r2 = 4 - t2 % 4;
     n2 += " ".repeat(r2), t2 += r2;
-  } else n2 += s2, t2++;
+  } else n2 += i2, t2++;
   return n2;
 }
-function xe(u4, e3, t2, n2, s2) {
-  let r2 = e3.href, o2 = e3.title || null, i2 = u4[1].replace(s2.other.outputLinkReplace, "$1"), l2 = u4[0].charAt(0) === "!";
+function be(l4, e3, t2, n2, i2) {
+  let r2 = e3.href, o2 = e3.title || null, s2 = l4[1].replace(i2.other.outputLinkReplace, "$1"), u2 = l4[0].charAt(0) === "!";
   n2.state.inLink = true;
   let a2 = n2.state.linkEmitted, p2 = n2.state.inRawBlock;
   n2.state.linkEmitted = false;
-  let c2 = n2.inlineTokens(i2), h2 = n2.state.linkEmitted;
-  if (n2.state.linkEmitted = a2, n2.state.inLink = false, !l2) {
+  let c2 = n2.inlineTokens(s2), h2 = n2.state.linkEmitted;
+  if (n2.state.linkEmitted = a2, n2.state.inLink = false, !u2) {
     if (h2) {
       n2.state.inRawBlock = p2;
       return;
     }
     n2.state.linkEmitted = true;
   }
-  return { type: l2 ? "image" : "link", raw: t2, href: r2, title: o2, text: i2, tokens: c2 };
+  return { type: u2 ? "image" : "link", raw: t2, href: r2, title: o2, text: s2, tokens: c2 };
 }
-function dt(u4, e3, t2) {
-  let n2 = u4.match(t2.other.indentCodeCompensation);
+function xt(l4, e3, t2) {
+  let n2 = l4.match(t2.other.indentCodeCompensation);
   if (n2 === null) return e3;
-  let s2 = n2[1];
+  let i2 = n2[1];
   return e3.split(`
 `).map((r2) => {
     let o2 = r2.match(t2.other.beginningSpace);
     if (o2 === null) return r2;
-    let [i2] = o2;
-    return r2.slice(Math.min(i2.length, s2.length));
+    let [s2] = o2;
+    return r2.slice(Math.min(s2.length, i2.length));
   }).join(`
 `);
 }
+function Re(l4, e3, t2, n2) {
+  if (!e3.includes("<")) return false;
+  for (let i2 = 0; i2 < e3.length; i2++) {
+    if (e3[i2] === "\\") {
+      i2++;
+      continue;
+    }
+    if (e3[i2] === "`") {
+      let s2 = n2.inline.code.exec(e3.slice(i2));
+      if (s2) {
+        i2 += s2[0].length - 1;
+        continue;
+      }
+    }
+    if (e3[i2] !== "<") continue;
+    let r2 = l4.slice(t2 + i2), o2 = n2.inline.tag.exec(r2) || n2.inline.autolink.exec(r2);
+    if (o2) {
+      if (o2[0].length > e3.length - i2) return true;
+      i2 += o2[0].length - 1;
+    }
+  }
+  return false;
+}
 var y$1 = class y {
   options;
   rules;
@@ -18443,15 +18521,15 @@ var y$1 = class y {
   code(e3) {
     let t2 = this.rules.block.code.exec(e3);
     if (t2) {
-      let n2 = this.options.pedantic ? t2[0] : te(t2[0]), s2 = n2.replace(this.rules.other.codeRemoveIndent, "");
-      return { type: "code", raw: n2, codeBlockStyle: "indented", text: s2 };
+      let n2 = this.options.pedantic ? t2[0] : ne(t2[0]), i2 = n2.replace(this.rules.other.codeRemoveIndent, "");
+      return { type: "code", raw: n2, codeBlockStyle: "indented", text: i2 };
     }
   }
   fences(e3) {
     let t2 = this.rules.block.fences.exec(e3);
     if (t2) {
-      let n2 = t2[0], s2 = dt(n2, t2[3] || "", this.rules);
-      return { type: "code", raw: n2, lang: t2[2] ? t2[2].trim().replace(this.rules.inline.anyPunctuation, "$1") : t2[2], text: s2 };
+      let n2 = t2[0], i2 = xt(n2, t2[3] || "", this.rules);
+      return { type: "code", raw: n2, lang: t2[2] ? t2[2].trim().replace(this.rules.inline.anyPunctuation, "$1") : t2[2], text: i2 };
     }
   }
   heading(e3) {
@@ -18459,8 +18537,8 @@ var y$1 = class y {
     if (t2) {
       let n2 = t2[2].trim();
       if (this.rules.other.endingHash.test(n2)) {
-        let s2 = $(n2, "#");
-        (this.options.pedantic || !s2 || this.rules.other.endingSpaceTabChar.test(s2)) && (n2 = s2.trim());
+        let i2 = $(n2, "#");
+        (this.options.pedantic || !i2 || this.rules.other.endingSpaceTabChar.test(i2)) && (n2 = i2.trim());
       }
       return { type: "heading", raw: $(t2[0], `
 `), depth: t2[1].length, text: n2, tokens: this.lexer.inline(n2) };
@@ -18476,77 +18554,77 @@ var y$1 = class y {
     if (t2) {
       let n2 = $(t2[0], `
 `).split(`
-`), s2 = "", r2 = "", o2 = [];
+`), i2 = "", r2 = "", o2 = [];
       for (; n2.length > 0; ) {
-        let i2 = false, l2 = [], a2;
-        for (a2 = 0; a2 < n2.length; a2++) if (this.rules.other.blockquoteStart.test(n2[a2])) l2.push(n2[a2]), i2 = true;
-        else if (!i2) l2.push(n2[a2]);
+        let s2 = false, u2 = [], a2;
+        for (a2 = 0; a2 < n2.length; a2++) if (this.rules.other.blockquoteStart.test(n2[a2])) u2.push(n2[a2]), s2 = true;
+        else if (!s2) u2.push(n2[a2]);
         else break;
         n2 = n2.slice(a2);
-        let p2 = l2.join(`
+        let p2 = u2.join(`
 `), c2 = p2.replace(this.rules.other.blockquoteSetextReplace, `
     $1`).replace(this.rules.other.blockquoteSetextReplace2, "");
-        s2 = s2 ? `${s2}
+        i2 = i2 ? `${i2}
 ${p2}` : p2, r2 = r2 ? `${r2}
 ${c2}` : c2;
         let h2 = this.lexer.state.top;
         if (this.lexer.state.top = true, this.lexer.blockTokens(c2, o2, true), this.lexer.state.top = h2, n2.length === 0) break;
-        let d3 = o2.at(-1);
-        if (d3?.type === "code") break;
-        if (d3?.type === "blockquote") {
-          let O = d3, g2 = n2.join(`
+        let k = o2.at(-1);
+        if (k?.type === "code") break;
+        if (k?.type === "blockquote") {
+          let O = k, g2 = n2.join(`
 `), w2 = O.raw + `
 ` + g2.replace(this.rules.other.blockquoteSetextReplace2, ""), z = this.blockquote(w2);
-          o2[o2.length - 1] = z, s2 = `${s2}
+          o2[o2.length - 1] = z, i2 = `${i2}
 ${g2}`, r2 = r2.substring(0, r2.length - O.text.length) + z.text;
           break;
-        } else if (d3?.type === "list") {
-          let O = d3, g2 = O.raw + `
+        } else if (k?.type === "list") {
+          let O = k, g2 = O.raw + `
 ` + n2.join(`
 `), w2 = this.list(g2);
-          o2[o2.length - 1] = w2, s2 = s2.substring(0, s2.length - d3.raw.length) + w2.raw, r2 = r2.substring(0, r2.length - O.raw.length) + w2.raw, n2 = g2.substring(o2.at(-1).raw.length).split(`
+          o2[o2.length - 1] = w2, i2 = i2.substring(0, i2.length - k.raw.length) + w2.raw, r2 = r2.substring(0, r2.length - O.raw.length) + w2.raw, n2 = g2.substring(o2.at(-1).raw.length).split(`
 `);
           continue;
         }
       }
-      return { type: "blockquote", raw: s2, tokens: o2, text: r2 };
+      return { type: "blockquote", raw: i2, tokens: o2, text: r2 };
     }
   }
   list(e3) {
     let t2 = this.rules.block.list.exec(e3);
     if (t2) {
-      let n2 = t2[1].trim(), s2 = n2.length > 1, r2 = { type: "list", raw: "", ordered: s2, start: s2 ? +n2.slice(0, -1) : "", loose: false, items: [] };
-      n2 = s2 ? `\\d{1,9}\\${n2.slice(-1)}` : `\\${n2}`, this.options.pedantic && (n2 = s2 ? n2 : "[*+-]");
-      let o2 = this.rules.other.listItemRegex(n2), i2 = false;
+      let n2 = t2[1].trim(), i2 = n2.length > 1, r2 = { type: "list", raw: "", ordered: i2, start: i2 ? +n2.slice(0, -1) : "", loose: false, items: [] };
+      n2 = i2 ? `\\d{1,9}\\${n2.slice(-1)}` : `\\${n2}`, this.options.pedantic && (n2 = i2 ? n2 : "[*+-]");
+      let o2 = this.rules.other.listItemRegex(n2), s2 = false;
       for (; e3; ) {
         let a2 = false, p2 = "", c2 = "";
         if (!(t2 = o2.exec(e3)) || this.rules.block.hr.test(e3)) break;
         p2 = t2[0], e3 = e3.substring(p2.length);
-        let h2 = me(t2[2].split(`
-`, 1)[0], t2[1].length), d3 = e3.split(`
+        let h2 = xe(t2[2].split(`
+`, 1)[0], t2[1].length), k = e3.split(`
 `, 1)[0], O = !h2.trim(), g2 = 0;
-        if (this.options.pedantic ? (g2 = 2, c2 = h2.trimStart()) : O ? g2 = t2[1].length + 1 : (g2 = h2.search(this.rules.other.nonSpaceChar), g2 = g2 > 4 ? 1 : g2, c2 = h2.slice(g2), g2 += t2[1].length), O && this.rules.other.blankLine.test(d3) && (p2 += d3 + `
-`, e3 = e3.substring(d3.length + 1), a2 = true), !a2) {
-          let w2 = this.rules.other.nextBulletRegex(g2), z = this.rules.other.hrRegex(g2), ne = this.rules.other.fencesBeginRegex(g2), re = this.rules.other.headingBeginRegex(g2), be = this.rules.other.htmlBeginRegex(g2), Re = this.rules.other.blockquoteBeginRegex(g2);
+        if (this.options.pedantic ? (g2 = 2, c2 = h2.trimStart()) : O ? g2 = t2[1].length + 1 : (g2 = h2.search(this.rules.other.nonSpaceChar), g2 = g2 > 4 ? 1 : g2, c2 = h2.slice(g2), g2 += t2[1].length), O && this.rules.other.blankLine.test(k) && (p2 += k + `
+`, e3 = e3.substring(k.length + 1), a2 = true), !a2) {
+          let w2 = this.rules.other.nextBulletRegex(g2), z = this.rules.other.hrRegex(g2), re = this.rules.other.fencesBeginRegex(g2), se = this.rules.other.headingBeginRegex(g2), Te = this.rules.other.htmlBeginRegex(g2), Oe = this.rules.other.blockquoteBeginRegex(g2);
           for (; e3; ) {
-            let N = e3.split(`
-`, 1)[0], D;
-            if (d3 = N, this.options.pedantic ? (d3 = d3.replace(this.rules.other.listReplaceNesting, "  "), D = d3) : D = d3.replace(this.rules.other.tabCharGlobal, "    "), ne.test(d3) || re.test(d3) || be.test(d3) || Re.test(d3) || w2.test(d3) || z.test(d3)) break;
-            if (D.search(this.rules.other.nonSpaceChar) >= g2 || !d3.trim()) c2 += `
-` + D.slice(g2);
+            let j = e3.split(`
+`, 1)[0], q;
+            if (k = j, this.options.pedantic ? (k = k.replace(this.rules.other.listReplaceNesting, "  "), q = k) : q = k.replace(this.rules.other.tabCharGlobal, "    "), re.test(k) || se.test(k) || Te.test(k) || Oe.test(k) || w2.test(k) || z.test(k)) break;
+            if (q.search(this.rules.other.nonSpaceChar) >= g2 || !k.trim()) c2 += `
+` + q.slice(g2);
             else {
-              if (O || h2.replace(this.rules.other.tabCharGlobal, "    ").search(this.rules.other.nonSpaceChar) >= 4 || ne.test(h2) || re.test(h2) || z.test(h2)) break;
+              if (O || h2.replace(this.rules.other.tabCharGlobal, "    ").search(this.rules.other.nonSpaceChar) >= 4 || re.test(h2) || se.test(h2) || z.test(h2)) break;
               c2 += `
-` + d3;
+` + k;
             }
-            O = !d3.trim(), p2 += N + `
-`, e3 = e3.substring(N.length + 1), h2 = D.slice(g2);
+            O = !k.trim(), p2 += j + `
+`, e3 = e3.substring(j.length + 1), h2 = q.slice(g2);
           }
         }
-        r2.loose || (i2 ? r2.loose = true : this.rules.other.doubleBlankLine.test(p2) && (i2 = true)), r2.items.push({ type: "list_item", raw: p2, task: !!this.options.gfm && this.rules.other.listIsTask.test(c2), loose: false, text: c2, tokens: [] }), r2.raw += p2;
+        r2.loose || (s2 ? r2.loose = true : this.rules.other.doubleBlankLine.test(p2) && (s2 = true)), r2.items.push({ type: "list_item", raw: p2, task: !!this.options.gfm && this.rules.other.listIsTask.test(c2), loose: false, text: c2, tokens: [] }), r2.raw += p2;
       }
-      let l2 = r2.items.at(-1);
-      if (l2) l2.raw = l2.raw.trimEnd(), l2.text = l2.text.trimEnd();
+      let u2 = r2.items.at(-1);
+      if (u2) u2.raw = u2.raw.trimEnd(), u2.text = u2.text.trimEnd();
       else return;
       r2.raw = r2.raw.trimEnd();
       for (let a2 of r2.items) if (this.lexer.state.top = false, a2.tokens = this.lexer.blockTokens(a2.text, []), !r2.loose) {
@@ -18578,28 +18656,28 @@ ${g2}`, r2 = r2.substring(0, r2.length - O.text.length) + z.text;
   html(e3) {
     let t2 = this.rules.block.html.exec(e3);
     if (t2) {
-      let n2 = te(t2[0]);
+      let n2 = ne(t2[0]);
       return { type: "html", block: true, raw: n2, pre: t2[1] === "pre" || t2[1] === "script" || t2[1] === "style", text: n2 };
     }
   }
   def(e3) {
     let t2 = this.rules.block.def.exec(e3);
     if (t2) {
-      let n2 = t2[1].toLowerCase().replace(this.rules.other.multipleSpaceGlobal, " "), s2 = t2[2] ? t2[2].replace(this.rules.other.hrefBrackets, "$1").replace(this.rules.inline.anyPunctuation, "$1") : "", r2 = t2[3] ? t2[3].substring(1, t2[3].length - 1).replace(this.rules.inline.anyPunctuation, "$1") : t2[3];
+      let n2 = D(t2[1]).replace(this.rules.other.multipleSpaceGlobal, " "), i2 = t2[2] ? t2[2].replace(this.rules.other.hrefBrackets, "$1").replace(this.rules.inline.anyPunctuation, "$1") : "", r2 = t2[3] ? t2[3].substring(1, t2[3].length - 1).replace(this.rules.inline.anyPunctuation, "$1") : t2[3];
       return { type: "def", tag: n2, raw: $(t2[0], `
-`), href: s2, title: r2 };
+`), href: i2, title: r2 };
     }
   }
   table(e3) {
     let t2 = this.rules.block.table.exec(e3);
     if (!t2 || !this.rules.other.tableDelimiter.test(t2[2])) return;
-    let n2 = ee(t2[1]), s2 = t2[2].replace(this.rules.other.tableAlignChars, "").split("|"), r2 = t2[3]?.trim() ? t2[3].replace(this.rules.other.tableRowBlankLine, "").split(`
+    let n2 = te(t2[1]), i2 = t2[2].replace(this.rules.other.tableAlignChars, "").split("|"), r2 = t2[3]?.trim() ? t2[3].replace(this.rules.other.tableRowBlankLine, "").split(`
 `) : [], o2 = { type: "table", raw: $(t2[0], `
 `), header: [], align: [], rows: [] };
-    if (n2.length === s2.length) {
-      for (let i2 of s2) this.rules.other.tableAlignRight.test(i2) ? o2.align.push("right") : this.rules.other.tableAlignCenter.test(i2) ? o2.align.push("center") : this.rules.other.tableAlignLeft.test(i2) ? o2.align.push("left") : o2.align.push(null);
-      for (let i2 = 0; i2 < n2.length; i2++) o2.header.push({ text: n2[i2], tokens: this.lexer.inline(n2[i2]), header: true, align: o2.align[i2] });
-      for (let i2 of r2) o2.rows.push(ee(i2, o2.header.length).map((l2, a2) => ({ text: l2, tokens: this.lexer.inline(l2), header: false, align: o2.align[a2] })));
+    if (n2.length === i2.length) {
+      for (let s2 of i2) this.rules.other.tableAlignRight.test(s2) ? o2.align.push("right") : this.rules.other.tableAlignCenter.test(s2) ? o2.align.push("center") : this.rules.other.tableAlignLeft.test(s2) ? o2.align.push("left") : o2.align.push(null);
+      for (let s2 = 0; s2 < n2.length; s2++) o2.header.push({ text: n2[s2], tokens: this.lexer.inline(n2[s2]), header: true, align: o2.align[s2] });
+      for (let s2 of r2) o2.rows.push(te(s2, o2.header.length).map((u2, a2) => ({ text: u2, tokens: this.lexer.inline(u2), header: false, align: o2.align[a2] })));
       return o2;
     }
   }
@@ -18634,59 +18712,63 @@ ${g2}`, r2 = r2.substring(0, r2.length - O.text.length) + z.text;
   link(e3) {
     let t2 = this.rules.inline.link.exec(e3);
     if (t2) {
-      let n2 = t2[2].trim();
-      if (!this.options.pedantic && this.rules.other.startAngleBracket.test(n2)) {
-        if (!this.rules.other.endAngleBracket.test(n2)) return;
-        let o2 = $(n2.slice(0, -1), "\\");
-        if ((n2.length - o2.length) % 2 === 0) return;
+      let n2 = t2[0].charAt(0) === "!" ? 2 : 1;
+      if (!this.options.pedantic && Re(e3, t2[1], n2, this.rules)) return;
+      let i2 = t2[2].trim();
+      if (!this.options.pedantic && this.rules.other.startAngleBracket.test(i2)) {
+        if (!this.rules.other.endAngleBracket.test(i2)) return;
+        let s2 = $(i2.slice(0, -1), "\\");
+        if ((i2.length - s2.length) % 2 === 0) return;
       } else {
-        let o2 = fe(t2[2], "()");
-        if (o2 === -2) return;
-        if (o2 > -1) {
-          let l2 = (t2[0].indexOf("!") === 0 ? 5 : 4) + t2[1].length + o2;
-          t2[2] = t2[2].substring(0, o2), t2[0] = t2[0].substring(0, l2).trim(), t2[3] = "";
+        let s2 = me(t2[2], "()");
+        if (s2 === -2) return;
+        if (s2 > -1) {
+          let a2 = (t2[0].indexOf("!") === 0 ? 5 : 4) + t2[1].length + s2;
+          t2[2] = t2[2].substring(0, s2), t2[0] = t2[0].substring(0, a2).trim(), t2[3] = "";
         }
       }
-      let s2 = t2[2], r2 = "";
+      let r2 = t2[2], o2 = "";
       if (this.options.pedantic) {
-        let o2 = this.rules.other.pedanticHrefTitle.exec(s2);
-        o2 && (s2 = o2[1], r2 = o2[3]);
-      } else r2 = t2[3] ? t2[3].slice(1, -1) : "";
-      return s2 = s2.trim(), this.rules.other.startAngleBracket.test(s2) && (this.options.pedantic && !this.rules.other.endAngleBracket.test(n2) ? s2 = s2.slice(1) : s2 = s2.slice(1, -1)), xe(t2, { href: s2 && s2.replace(this.rules.inline.anyPunctuation, "$1"), title: r2 && r2.replace(this.rules.inline.anyPunctuation, "$1") }, t2[0], this.lexer, this.rules);
+        let s2 = this.rules.other.pedanticHrefTitle.exec(r2);
+        s2 && (r2 = s2[1], o2 = s2[3]);
+      } else o2 = t2[3] ? t2[3].slice(1, -1) : "";
+      return r2 = r2.trim(), this.rules.other.startAngleBracket.test(r2) && (this.options.pedantic && !this.rules.other.endAngleBracket.test(i2) ? r2 = r2.slice(1) : r2 = r2.slice(1, -1)), be(t2, { href: r2 && r2.replace(this.rules.inline.anyPunctuation, "$1"), title: o2 && o2.replace(this.rules.inline.anyPunctuation, "$1") }, t2[0], this.lexer, this.rules);
     }
   }
   reflink(e3, t2) {
     let n2;
     if ((n2 = this.rules.inline.reflink.exec(e3)) || (n2 = this.rules.inline.nolink.exec(e3))) {
-      let s2 = (n2[2] || n2[1]).replace(this.rules.other.multipleSpaceGlobal, " "), r2 = t2[s2.toLowerCase()];
-      if (!r2) {
-        let o2 = n2[0].charAt(0);
-        return { type: "text", raw: o2, text: o2 };
+      let i2 = n2[0].charAt(0) === "!" ? 2 : 1;
+      if (!this.options.pedantic && Re(e3, n2[1], i2, this.rules)) return;
+      let r2 = (n2[2] || n2[1]).replace(this.rules.other.multipleSpaceGlobal, " "), o2 = t2[D(r2)];
+      if (!o2) {
+        let s2 = n2[0].charAt(0);
+        return { type: "text", raw: s2, text: s2 };
       }
-      return xe(n2, r2, n2[0], this.lexer, this.rules);
+      return be(n2, o2, n2[0], this.lexer, this.rules);
     }
   }
   emStrong(e3, t2, n2 = "") {
-    let s2 = this.rules.inline.emStrongLDelim.exec(e3);
-    if (!s2 || !s2[1] && !s2[2] && !s2[3] && !s2[4] || s2[4] && n2.match(this.rules.other.unicodeAlphaNumeric)) return;
-    if (!(s2[1] || s2[3] || "") || !n2 || this.rules.inline.punctuation.exec(n2)) {
-      let o2 = [...s2[0]].length - 1, i2, l2, a2 = o2, p2 = 0, c2 = s2[0][0], h2 = n2 === c2, d3 = c2 === "*" ? this.rules.inline.emStrongRDelimAst : this.rules.inline.emStrongRDelimUnd;
-      for (d3.lastIndex = 0, t2 = t2.slice(-1 * e3.length + o2); (s2 = d3.exec(t2)) !== null; ) {
-        if (i2 = s2[1] || s2[2] || s2[3] || s2[4] || s2[5] || s2[6], !i2) continue;
-        if (l2 = [...i2].length, s2[3] || s2[4]) {
-          a2 += l2;
+    let i2 = this.rules.inline.emStrongLDelim.exec(e3);
+    if (!i2 || !i2[1] && !i2[2] && !i2[3] && !i2[4] || i2[4] && n2.match(this.rules.other.unicodeAlphaNumeric)) return;
+    if (!(i2[1] || i2[3] || "") || !n2 || this.rules.inline.punctuation.exec(n2)) {
+      let o2 = [...i2[0]].length - 1, s2, u2, a2 = o2, p2 = 0, c2 = i2[0][0], h2 = n2 === c2, k = c2 === "*" ? this.rules.inline.emStrongRDelimAst : this.rules.inline.emStrongRDelimUnd;
+      for (k.lastIndex = 0, t2 = t2.slice(-1 * e3.length + o2); (i2 = k.exec(t2)) !== null; ) {
+        if (s2 = i2[1] || i2[2] || i2[3] || i2[4] || i2[5] || i2[6], !s2) continue;
+        if (u2 = [...s2].length, i2[3] || i2[4]) {
+          a2 += u2;
           continue;
-        } else if (s2[5] || s2[6]) {
-          if (o2 % 3 && !((o2 + l2) % 3)) {
-            p2 += l2;
+        } else if (i2[5] || i2[6]) {
+          if (o2 % 3 && !((o2 + u2) % 3)) {
+            p2 += u2;
             continue;
           }
           if (h2) break;
         }
-        if (a2 -= l2, a2 > 0) continue;
-        l2 = Math.min(l2, l2 + a2 + p2);
-        let O = [...s2[0]][0].length, g2 = e3.slice(0, o2 + s2.index + O + l2);
-        if (Math.min(o2, l2) % 2) {
+        if (a2 -= u2, a2 > 0) continue;
+        u2 = Math.min(u2, u2 + a2 + p2);
+        let O = [...i2[0]][0].length, g2 = e3.slice(0, o2 + i2.index + O + u2);
+        if (Math.min(o2, u2) % 2) {
           let z = g2.slice(1, -1);
           return { type: "em", raw: g2, text: z, tokens: this.lexer.inlineTokens(z) };
         }
@@ -18698,8 +18780,8 @@ ${g2}`, r2 = r2.substring(0, r2.length - O.text.length) + z.text;
   codespan(e3) {
     let t2 = this.rules.inline.code.exec(e3);
     if (t2) {
-      let n2 = t2[2].replace(this.rules.other.newLineCharGlobal, " "), s2 = this.rules.other.nonSpaceChar.test(n2), r2 = this.rules.other.startingSpaceChar.test(n2) && this.rules.other.endingSpaceChar.test(n2);
-      return s2 && r2 && (n2 = n2.substring(1, n2.length - 1)), { type: "codespan", raw: t2[0], text: n2 };
+      let n2 = t2[2].replace(this.rules.other.newLineCharGlobal, " "), i2 = this.rules.other.nonSpaceChar.test(n2), r2 = this.rules.other.startingSpaceChar.test(n2) && this.rules.other.endingSpaceChar.test(n2);
+      return i2 && r2 && (n2 = n2.substring(1, n2.length - 1)), { type: "codespan", raw: t2[0], text: n2 };
     }
   }
   br(e3) {
@@ -18707,43 +18789,43 @@ ${g2}`, r2 = r2.substring(0, r2.length - O.text.length) + z.text;
     if (t2) return { type: "br", raw: t2[0] };
   }
   del(e3, t2, n2 = "") {
-    let s2 = this.rules.inline.delLDelim.exec(e3);
-    if (!s2) return;
-    if (!(s2[1] || "") || !n2 || this.rules.inline.punctuation.exec(n2)) {
-      let o2 = [...s2[0]].length - 1, i2, l2, a2 = o2, p2 = this.rules.inline.delRDelim;
-      for (p2.lastIndex = 0, t2 = t2.slice(-1 * e3.length + o2); (s2 = p2.exec(t2)) !== null; ) {
-        if (i2 = s2[1] || s2[2] || s2[3] || s2[4] || s2[5] || s2[6], !i2 || (l2 = [...i2].length, l2 !== o2)) continue;
-        if (s2[3] || s2[4]) {
-          a2 += l2;
+    let i2 = this.rules.inline.delLDelim.exec(e3);
+    if (!i2) return;
+    if (!(i2[1] || "") || !n2 || this.rules.inline.punctuation.exec(n2)) {
+      let o2 = [...i2[0]].length - 1, s2, u2, a2 = o2, p2 = this.rules.inline.delRDelim;
+      for (p2.lastIndex = 0, t2 = t2.slice(-1 * e3.length + o2); (i2 = p2.exec(t2)) !== null; ) {
+        if (s2 = i2[1] || i2[2] || i2[3] || i2[4] || i2[5] || i2[6], !s2 || (u2 = [...s2].length, u2 !== o2)) continue;
+        if (i2[3] || i2[4]) {
+          a2 += u2;
           continue;
         }
-        if (a2 -= l2, a2 > 0) continue;
-        l2 = Math.min(l2, l2 + a2);
-        let c2 = [...s2[0]][0].length, h2 = e3.slice(0, o2 + s2.index + c2 + l2), d3 = h2.slice(o2, -o2);
-        return { type: "del", raw: h2, text: d3, tokens: this.lexer.inlineTokens(d3) };
+        if (a2 -= u2, a2 > 0) continue;
+        u2 = Math.min(u2, u2 + a2);
+        let c2 = [...i2[0]][0].length, h2 = e3.slice(0, o2 + i2.index + c2 + u2), k = h2.slice(o2, -o2);
+        return { type: "del", raw: h2, text: k, tokens: this.lexer.inlineTokens(k) };
       }
     }
   }
   autolink(e3) {
     let t2 = this.rules.inline.autolink.exec(e3);
     if (t2) {
-      let n2, s2;
-      return t2[2] === "@" ? (n2 = t2[1], s2 = "mailto:" + n2) : (n2 = t2[1], s2 = n2), { type: "link", raw: t2[0], text: n2, href: s2, autolink: true, tokens: [{ type: "text", raw: n2, text: n2 }] };
+      let n2, i2;
+      return t2[2] === "@" ? (n2 = t2[1], i2 = "mailto:" + n2) : (n2 = t2[1], i2 = n2), { type: "link", raw: t2[0], text: n2, href: i2, autolink: true, tokens: [{ type: "text", raw: n2, text: n2 }] };
     }
   }
   url(e3) {
     let t2;
     if (t2 = this.rules.inline.url.exec(e3)) {
-      let n2, s2;
-      if (t2[2] === "@") n2 = t2[0], s2 = "mailto:" + n2;
+      let n2, i2;
+      if (t2[2] === "@") n2 = t2[0], i2 = "mailto:" + n2;
       else {
         let r2;
         do
           r2 = t2[0], t2[0] = this.rules.inline._backpedal.exec(t2[0])?.[0] ?? "";
         while (r2 !== t2[0]);
-        n2 = t2[0], t2[1] === "www." ? s2 = "http://" + t2[0] : s2 = t2[0];
+        n2 = t2[0], t2[1] === "www." ? i2 = "http://" + t2[0] : i2 = t2[0];
       }
-      return { type: "link", raw: t2[0], text: n2, href: s2, autolink: true, tokens: [{ type: "text", raw: n2, text: n2 }] };
+      return { type: "link", raw: t2[0], text: n2, href: i2, autolink: true, tokens: [{ type: "text", raw: n2, text: n2 }] };
     }
   }
   inlineText(e3) {
@@ -18754,7 +18836,7 @@ ${g2}`, r2 = r2.substring(0, r2.length - O.text.length) + z.text;
     }
   }
 };
-var x = class u {
+var x = class l {
   tokens;
   options;
   state;
@@ -18762,17 +18844,17 @@ var x = class u {
   tokenizer;
   constructor(e3) {
     this.tokens = [], this.tokens.links = /* @__PURE__ */ Object.create(null), this.options = e3 || T, this.options.tokenizer = this.options.tokenizer || new y$1(), this.tokenizer = this.options.tokenizer, this.tokenizer.options = this.options, this.tokenizer.lexer = this, this.inlineQueue = [], this.state = { inLink: false, inRawBlock: false, linkEmitted: false, top: true };
-    let t2 = { other: m$1, block: H.normal, inline: B.normal };
-    this.options.pedantic ? (t2.block = H.pedantic, t2.inline = B.pedantic) : this.options.gfm && (t2.block = H.gfm, this.options.breaks ? t2.inline = B.breaks : t2.inline = B.gfm), this.tokenizer.rules = t2;
+    let t2 = { other: m$1, block: G.normal, inline: B.normal };
+    this.options.pedantic ? (t2.block = G.pedantic, t2.inline = B.pedantic) : this.options.gfm && (t2.block = G.gfm, this.options.breaks ? t2.inline = B.breaks : t2.inline = B.gfm), this.tokenizer.rules = t2;
   }
   static get rules() {
-    return { block: H, inline: B };
+    return { block: G, inline: B };
   }
   static lex(e3, t2) {
-    return new u(t2).lex(e3);
+    return new l(t2).lex(e3);
   }
   static lexInline(e3, t2) {
-    return new u(t2).inlineTokens(e3);
+    return new l(t2).inlineTokens(e3);
   }
   lex(e3) {
     e3 = e3.replace(m$1.carriageReturn, `
@@ -18785,29 +18867,29 @@ var x = class u {
   }
   blockTokens(e3, t2 = [], n2 = false) {
     this.tokenizer.lexer = this, this.options.pedantic && (e3 = e3.replace(m$1.tabCharGlobal, "    ").replace(m$1.spaceLine, ""));
-    let s2 = 1 / 0;
+    let i2 = 1 / 0;
     for (; e3; ) {
-      if (e3.length < s2) s2 = e3.length;
+      if (e3.length < i2) i2 = e3.length;
       else {
         this.infiniteLoopError(e3.charCodeAt(0));
         break;
       }
       let r2;
-      if (this.options.extensions?.block?.some((i2) => (r2 = i2.call({ lexer: this }, e3, t2)) ? (e3 = e3.substring(r2.raw.length), t2.push(r2), true) : false)) continue;
+      if (this.options.extensions?.block?.some((s2) => (r2 = s2.call({ lexer: this }, e3, t2)) ? (e3 = e3.substring(r2.raw.length), t2.push(r2), true) : false)) continue;
       if (r2 = this.tokenizer.space(e3)) {
         e3 = e3.substring(r2.raw.length);
-        let i2 = t2.at(-1);
-        r2.raw.length === 1 && i2 !== void 0 ? i2.raw += `
+        let s2 = t2.at(-1);
+        r2.raw.length === 1 && s2 !== void 0 ? s2.raw += `
 ` : t2.push(r2);
         continue;
       }
       if (r2 = this.tokenizer.code(e3)) {
         e3 = e3.substring(r2.raw.length);
-        let i2 = t2.at(-1);
-        i2?.type === "paragraph" || i2?.type === "text" ? (i2.raw += (i2.raw.endsWith(`
+        let s2 = t2.at(-1);
+        s2?.type === "paragraph" || s2?.type === "text" ? (s2.raw += (s2.raw.endsWith(`
 `) ? "" : `
-`) + r2.raw, i2.text += `
-` + r2.text, this.inlineQueue.at(-1).src = i2.text) : t2.push(r2);
+`) + r2.raw, s2.text += `
+` + r2.text, this.inlineQueue.at(-1).src = s2.text) : t2.push(r2);
         continue;
       }
       if (r2 = this.tokenizer.fences(e3)) {
@@ -18836,11 +18918,11 @@ var x = class u {
       }
       if (r2 = this.tokenizer.def(e3)) {
         e3 = e3.substring(r2.raw.length);
-        let i2 = t2.at(-1);
-        i2?.type === "paragraph" || i2?.type === "text" ? (i2.raw += (i2.raw.endsWith(`
+        let s2 = t2.at(-1);
+        s2?.type === "paragraph" || s2?.type === "text" ? (s2.raw += (s2.raw.endsWith(`
 `) ? "" : `
-`) + r2.raw, i2.text += `
-` + r2.raw, this.inlineQueue.at(-1).src = i2.text) : this.tokens.links[r2.tag] || (this.tokens.links[r2.tag] = { href: r2.href, title: r2.title }, t2.push(r2));
+`) + r2.raw, s2.text += `
+` + r2.raw, this.inlineQueue.at(-1).src = s2.text) : this.tokens.links[r2.tag] || (this.tokens.links[r2.tag] = { href: r2.href, title: r2.title }, t2.push(r2));
         continue;
       }
       if (r2 = this.tokenizer.table(e3)) {
@@ -18853,26 +18935,26 @@ var x = class u {
       }
       let o2 = e3;
       if (this.options.extensions?.startBlock) {
-        let i2 = 1 / 0, l2 = e3.slice(1), a2;
+        let s2 = 1 / 0, u2 = e3.slice(1), a2;
         this.options.extensions.startBlock.forEach((p2) => {
-          a2 = p2.call({ lexer: this }, l2), typeof a2 == "number" && a2 >= 0 && (i2 = Math.min(i2, a2));
-        }), i2 < 1 / 0 && i2 >= 0 && (o2 = e3.substring(0, i2 + 1));
+          a2 = p2.call({ lexer: this }, u2), typeof a2 == "number" && a2 >= 0 && (s2 = Math.min(s2, a2));
+        }), s2 < 1 / 0 && s2 >= 0 && (o2 = e3.substring(0, s2 + 1));
       }
       if (this.state.top && (r2 = this.tokenizer.paragraph(o2))) {
-        let i2 = t2.at(-1);
-        n2 && i2?.type === "paragraph" ? (i2.raw += (i2.raw.endsWith(`
+        let s2 = t2.at(-1);
+        n2 && s2?.type === "paragraph" ? (s2.raw += (s2.raw.endsWith(`
 `) ? "" : `
-`) + r2.raw, i2.text += `
-` + r2.text, this.inlineQueue.pop(), this.inlineQueue.at(-1).src = i2.text) : t2.push(r2), n2 = o2.length !== e3.length, e3 = e3.substring(r2.raw.length);
+`) + r2.raw, s2.text += `
+` + r2.text, this.inlineQueue.pop(), this.inlineQueue.at(-1).src = s2.text) : t2.push(r2), n2 = o2.length !== e3.length, e3 = e3.substring(r2.raw.length);
         continue;
       }
       if (r2 = this.tokenizer.text(e3)) {
         e3 = e3.substring(r2.raw.length);
-        let i2 = t2.at(-1);
-        i2?.type === "text" ? (i2.raw += (i2.raw.endsWith(`
+        let s2 = t2.at(-1);
+        s2?.type === "text" ? (s2.raw += (s2.raw.endsWith(`
 `) ? "" : `
-`) + r2.raw, i2.text += `
-` + r2.text, this.inlineQueue.pop(), this.inlineQueue.at(-1).src = i2.text) : t2.push(r2);
+`) + r2.raw, s2.text += `
+` + r2.text, this.inlineQueue.pop(), this.inlineQueue.at(-1).src = s2.text) : t2.push(r2);
         continue;
       }
       if (e3) {
@@ -18890,8 +18972,8 @@ var x = class u {
     let t2 = this.tokenizer.rules.inline.link;
     for (let n2 of e3.matchAll(this.tokenizer.rules.inline.blockSkip)) if (t2.test(n2[0]) && e3.charAt(n2.index - 1) !== "!") return true;
     for (let n2 of e3.matchAll(this.tokenizer.rules.inline.reflinkSearch)) {
-      let s2 = n2[0], r2 = s2.lastIndexOf("[");
-      if (!(s2.charAt(0) === "!" || !Object.hasOwn(this.tokens.links, s2.slice(r2 + 1, -1))) && !(r2 > 1 && this.linkInText(s2.slice(1, r2 - 1)))) return true;
+      let i2 = n2[0], r2 = i2.lastIndexOf("[");
+      if (!(i2.charAt(0) === "!" || !Object.hasOwn(this.tokens.links, D(i2.slice(r2 + 1, -1)))) && !(r2 > 1 && this.linkInText(i2.slice(1, r2 - 1)))) return true;
     }
     return false;
   }
@@ -18899,84 +18981,84 @@ var x = class u {
     this.tokenizer.lexer = this;
     let n2 = e3;
     if (this.tokens.links && e3.includes("[")) {
-      let i2 = this.tokenizer.rules.inline.reflinkSearch, l2 = (a2) => {
+      let s2 = this.tokenizer.rules.inline.reflinkSearch, u2 = (a2) => {
         let p2 = a2.lastIndexOf("[");
-        if (!Object.hasOwn(this.tokens.links, a2.slice(p2 + 1, -1))) return a2;
+        if (!Object.hasOwn(this.tokens.links, D(a2.slice(p2 + 1, -1)))) return a2;
         if (p2 > 1 && a2.charAt(0) !== "!") {
           let c2 = a2.slice(1, p2 - 1);
-          if (this.linkInText(c2)) return "[" + c2.replace(i2, l2) + "][" + "a".repeat(a2.length - p2 - 2) + "]";
+          if (this.linkInText(c2)) return "[" + c2.replace(s2, u2) + "][" + "a".repeat(a2.length - p2 - 2) + "]";
         }
         return "[" + "a".repeat(a2.length - 2) + "]";
       };
-      n2 = n2.replace(i2, l2);
+      n2 = n2.replace(s2, u2);
     }
-    n2 = n2.replace(this.tokenizer.rules.inline.anyPunctuation, (i2) => "+".repeat(i2.length)), n2 = n2.replace(this.tokenizer.rules.inline.blockSkip, (i2, l2, a2) => {
+    n2 = n2.replace(this.tokenizer.rules.inline.anyPunctuation, (s2) => "+".repeat(s2.length)), n2 = n2.replace(this.tokenizer.rules.inline.blockSkip, (s2, u2, a2) => {
       let p2 = a2 ? a2.length : 0;
-      return i2.slice(0, p2) + "[" + "a".repeat(i2.length - p2 - 2) + "]";
+      return s2.slice(0, p2) + "[" + "a".repeat(s2.length - p2 - 2) + "]";
     }), n2 = this.options.hooks?.emStrongMask?.call({ lexer: this }, n2) ?? n2;
-    let s2 = false, r2 = "", o2 = 1 / 0;
+    let i2 = false, r2 = "", o2 = 1 / 0;
     for (; e3; ) {
       if (e3.length < o2) o2 = e3.length;
       else {
         this.infiniteLoopError(e3.charCodeAt(0));
         break;
       }
-      s2 || (r2 = ""), s2 = false;
-      let i2;
-      if (this.options.extensions?.inline?.some((a2) => (i2 = a2.call({ lexer: this }, e3, t2)) ? (e3 = e3.substring(i2.raw.length), t2.push(i2), true) : false)) continue;
-      if (i2 = this.tokenizer.escape(e3)) {
-        e3 = e3.substring(i2.raw.length), t2.push(i2);
+      i2 || (r2 = ""), i2 = false;
+      let s2;
+      if (this.options.extensions?.inline?.some((a2) => (s2 = a2.call({ lexer: this }, e3, t2)) ? (e3 = e3.substring(s2.raw.length), t2.push(s2), true) : false)) continue;
+      if (s2 = this.tokenizer.escape(e3)) {
+        e3 = e3.substring(s2.raw.length), t2.push(s2);
         continue;
       }
-      if (i2 = this.tokenizer.tag(e3)) {
-        e3 = e3.substring(i2.raw.length), t2.push(i2);
+      if (s2 = this.tokenizer.tag(e3)) {
+        e3 = e3.substring(s2.raw.length), t2.push(s2);
         continue;
       }
-      if (i2 = this.tokenizer.link(e3)) {
-        e3 = e3.substring(i2.raw.length), t2.push(i2);
+      if (s2 = this.tokenizer.link(e3)) {
+        e3 = e3.substring(s2.raw.length), t2.push(s2);
         continue;
       }
-      if (i2 = this.tokenizer.reflink(e3, this.tokens.links)) {
-        e3 = e3.substring(i2.raw.length);
+      if (s2 = this.tokenizer.reflink(e3, this.tokens.links)) {
+        e3 = e3.substring(s2.raw.length);
         let a2 = t2.at(-1);
-        i2.type === "text" && a2?.type === "text" ? (a2.raw += i2.raw, a2.text += i2.text) : t2.push(i2);
+        s2.type === "text" && a2?.type === "text" ? (a2.raw += s2.raw, a2.text += s2.text) : t2.push(s2);
         continue;
       }
-      if (i2 = this.tokenizer.emStrong(e3, n2, r2)) {
-        e3 = e3.substring(i2.raw.length), t2.push(i2);
+      if (s2 = this.tokenizer.emStrong(e3, n2, r2)) {
+        e3 = e3.substring(s2.raw.length), t2.push(s2);
         continue;
       }
-      if (i2 = this.tokenizer.codespan(e3)) {
-        e3 = e3.substring(i2.raw.length), t2.push(i2);
+      if (s2 = this.tokenizer.codespan(e3)) {
+        e3 = e3.substring(s2.raw.length), t2.push(s2);
         continue;
       }
-      if (i2 = this.tokenizer.br(e3)) {
-        e3 = e3.substring(i2.raw.length), t2.push(i2);
+      if (s2 = this.tokenizer.br(e3)) {
+        e3 = e3.substring(s2.raw.length), t2.push(s2);
         continue;
       }
-      if (i2 = this.tokenizer.del(e3, n2, r2)) {
-        e3 = e3.substring(i2.raw.length), t2.push(i2);
+      if (s2 = this.tokenizer.del(e3, n2, r2)) {
+        e3 = e3.substring(s2.raw.length), t2.push(s2);
         continue;
       }
-      if (i2 = this.tokenizer.autolink(e3)) {
-        e3 = e3.substring(i2.raw.length), t2.push(i2);
+      if (s2 = this.tokenizer.autolink(e3)) {
+        e3 = e3.substring(s2.raw.length), t2.push(s2);
         continue;
       }
-      if (!this.state.inLink && (i2 = this.tokenizer.url(e3))) {
-        e3 = e3.substring(i2.raw.length), t2.push(i2);
+      if (!this.state.inLink && (s2 = this.tokenizer.url(e3))) {
+        e3 = e3.substring(s2.raw.length), t2.push(s2);
         continue;
       }
-      let l2 = e3;
+      let u2 = e3;
       if (this.options.extensions?.startInline) {
         let a2 = 1 / 0, p2 = e3.slice(1), c2;
         this.options.extensions.startInline.forEach((h2) => {
           c2 = h2.call({ lexer: this }, p2), typeof c2 == "number" && c2 >= 0 && (a2 = Math.min(a2, c2));
-        }), a2 < 1 / 0 && a2 >= 0 && (l2 = e3.substring(0, a2 + 1));
+        }), a2 < 1 / 0 && a2 >= 0 && (u2 = e3.substring(0, a2 + 1));
       }
-      if (i2 = this.tokenizer.inlineText(l2)) {
-        e3 = e3.substring(i2.raw.length), i2.raw.slice(-1) !== "_" && (r2 = i2.raw.slice(-1)), s2 = true;
+      if (s2 = this.tokenizer.inlineText(u2)) {
+        e3 = e3.substring(s2.raw.length), s2.raw.slice(-1) !== "_" && (r2 = s2.raw.slice(-1)), i2 = true;
         let a2 = t2.at(-1);
-        a2?.type === "text" ? (a2.raw += i2.raw, a2.text += i2.text) : t2.push(i2);
+        a2?.type === "text" ? (a2.raw += s2.raw, a2.text += s2.text) : t2.push(s2);
         continue;
       }
       if (e3) {
@@ -19002,9 +19084,9 @@ var P$1 = class P {
     return "";
   }
   code({ text: e3, lang: t2, escaped: n2 }) {
-    let s2 = (t2 || "").match(m$1.notSpaceStart)?.[0], r2 = e3 ? e3.replace(m$1.endingNewline, "") + `
+    let i2 = (t2 || "").match(m$1.notSpaceStart)?.[0], r2 = e3 ? e3.replace(m$1.endingNewline, "") + `
 ` : "";
-    return s2 ? '<pre><code class="language-' + R(s2) + '">' + (n2 ? r2 : R(r2, true)) + `</code></pre>
+    return i2 ? '<pre><code class="language-' + R(i2) + '">' + (n2 ? r2 : R(r2, true)) + `</code></pre>
 ` : "<pre><code>" + (n2 ? r2 : R(r2, true)) + `</code></pre>
 `;
   }
@@ -19028,14 +19110,14 @@ ${this.parser.parse(e3)}</blockquote>
 `;
   }
   list(e3) {
-    let t2 = e3.ordered, n2 = e3.start, s2 = "";
-    for (let i2 = 0; i2 < e3.items.length; i2++) {
-      let l2 = e3.items[i2];
-      s2 += this.listitem(l2);
+    let t2 = e3.ordered, n2 = e3.start, i2 = "";
+    for (let s2 = 0; s2 < e3.items.length; s2++) {
+      let u2 = e3.items[s2];
+      i2 += this.listitem(u2);
     }
     let r2 = t2 ? "ol" : "ul", o2 = t2 && n2 !== 1 ? ' start="' + n2 + '"' : "";
     return "<" + r2 + o2 + `>
-` + s2 + "</" + r2 + `>
+` + i2 + "</" + r2 + `>
 `;
   }
   listitem(e3) {
@@ -19053,17 +19135,17 @@ ${this.parser.parse(e3)}</blockquote>
     let t2 = "", n2 = "";
     for (let r2 = 0; r2 < e3.header.length; r2++) n2 += this.tablecell(e3.header[r2]);
     t2 += this.tablerow({ text: n2 });
-    let s2 = "";
+    let i2 = "";
     for (let r2 = 0; r2 < e3.rows.length; r2++) {
       let o2 = e3.rows[r2];
       n2 = "";
-      for (let i2 = 0; i2 < o2.length; i2++) n2 += this.tablecell(o2[i2]);
-      s2 += this.tablerow({ text: n2 });
+      for (let s2 = 0; s2 < o2.length; s2++) n2 += this.tablecell(o2[s2]);
+      i2 += this.tablerow({ text: n2 });
     }
-    return s2 && (s2 = `<tbody>${s2}</tbody>`), `<table>
+    return i2 && (i2 = `<tbody>${i2}</tbody>`), `<table>
 <thead>
 ` + t2 + `</thead>
-` + s2 + `</table>
+` + i2 + `</table>
 `;
   }
   tablerow({ text: e3 }) {
@@ -19091,16 +19173,16 @@ ${e3}</tr>
   del({ tokens: e3 }) {
     return `<del>${this.parser.parseInline(e3)}</del>`;
   }
-  link({ href: e3, title: t2, text: n2, tokens: s2, autolink: r2 }) {
-    let o2 = r2 ? R(n2, true) : this.parser.parseInline(s2), i2 = Y(e3);
-    if (i2 === null) return o2;
-    e3 = R(i2, r2);
-    let l2 = '<a href="' + e3 + '"';
-    return t2 && (l2 += ' title="' + R(t2) + '"'), l2 += ">" + o2 + "</a>", l2;
+  link({ href: e3, title: t2, text: n2, tokens: i2, autolink: r2 }) {
+    let o2 = r2 ? R(n2, true) : this.parser.parseInline(i2), s2 = ee(e3);
+    if (s2 === null) return o2;
+    e3 = R(s2, r2);
+    let u2 = '<a href="' + e3 + '"';
+    return t2 && (u2 += ' title="' + R(t2) + '"'), u2 += ">" + o2 + "</a>", u2;
   }
-  image({ href: e3, title: t2, text: n2, tokens: s2 }) {
-    s2 && (n2 = this.parser.parseInline(s2, this.parser.textRenderer));
-    let r2 = Y(e3);
+  image({ href: e3, title: t2, text: n2, tokens: i2 }) {
+    i2 && (n2 = this.parser.parseInline(i2, this.parser.textRenderer));
+    let r2 = ee(e3);
     if (r2 === null) return R(n2);
     e3 = r2;
     let o2 = `<img src="${R(e3)}" alt="${R(n2)}"`;
@@ -19142,7 +19224,7 @@ var L = class {
     return e3;
   }
 };
-var b$1 = class u2 {
+var b$1 = class l2 {
   options;
   renderer;
   textRenderer;
@@ -19150,24 +19232,24 @@ var b$1 = class u2 {
     this.options = e3 || T, this.options.renderer = this.options.renderer || new P$1(), this.renderer = this.options.renderer, this.renderer.options = this.options, this.renderer.parser = this, this.textRenderer = new L();
   }
   static parse(e3, t2) {
-    return new u2(t2).parse(e3);
+    return new l2(t2).parse(e3);
   }
   static parseInline(e3, t2) {
-    return new u2(t2).parseInline(e3);
+    return new l2(t2).parseInline(e3);
   }
   parse(e3) {
     this.renderer.parser = this;
     let t2 = "";
     for (let n2 = 0; n2 < e3.length; n2++) {
-      let s2 = e3[n2];
-      if (this.options.extensions?.renderers?.[s2.type]) {
-        let o2 = s2, i2 = this.options.extensions.renderers[o2.type].call({ parser: this }, o2);
-        if (i2 !== false || !["space", "hr", "heading", "code", "table", "blockquote", "list", "checkbox", "html", "def", "paragraph", "text"].includes(o2.type)) {
-          t2 += i2 || "";
+      let i2 = e3[n2];
+      if (this.options.extensions?.renderers?.[i2.type]) {
+        let o2 = i2, s2 = this.options.extensions.renderers[o2.type].call({ parser: this }, o2);
+        if (s2 !== false || !["space", "hr", "heading", "code", "table", "blockquote", "list", "checkbox", "html", "def", "paragraph", "text"].includes(o2.type)) {
+          t2 += s2 || "";
           continue;
         }
       }
-      let r2 = s2;
+      let r2 = i2;
       switch (r2.type) {
         case "space": {
           t2 += this.renderer.space(r2);
@@ -19229,12 +19311,12 @@ var b$1 = class u2 {
   parseInline(e3, t2 = this.renderer) {
     this.renderer.parser = this;
     let n2 = "";
-    for (let s2 = 0; s2 < e3.length; s2++) {
-      let r2 = e3[s2];
+    for (let i2 = 0; i2 < e3.length; i2++) {
+      let r2 = e3[i2];
       if (this.options.extensions?.renderers?.[r2.type]) {
-        let i2 = this.options.extensions.renderers[r2.type].call({ parser: this }, r2);
-        if (i2 !== false || !["escape", "html", "link", "image", "checkbox", "strong", "em", "codespan", "br", "del", "text"].includes(r2.type)) {
-          n2 += i2 || "";
+        let s2 = this.options.extensions.renderers[r2.type].call({ parser: this }, r2);
+        if (s2 !== false || !["escape", "html", "link", "image", "checkbox", "strong", "em", "codespan", "br", "del", "text"].includes(r2.type)) {
+          n2 += s2 || "";
           continue;
         }
       }
@@ -19285,9 +19367,9 @@ var b$1 = class u2 {
           break;
         }
         default: {
-          let i2 = 'Token with "' + o2.type + '" type was not found.';
-          if (this.options.silent) return console.error(i2), "";
-          throw new Error(i2);
+          let s2 = 'Token with "' + o2.type + '" type was not found.';
+          if (this.options.silent) return console.error(s2), "";
+          throw new Error(s2);
         }
       }
     }
@@ -19321,7 +19403,7 @@ var S$1 = class S {
     return e3 ? b$1.parse : b$1.parseInline;
   }
 };
-var Z = class {
+var Q = class {
   defaults = A();
   options = this.setOptions;
   parse = this.parseMarkdown(true);
@@ -19337,23 +19419,23 @@ var Z = class {
   }
   walkTokens(e3, t2) {
     let n2 = [];
-    for (let s2 of e3) switch (n2 = n2.concat(t2.call(this, s2)), s2.type) {
+    for (let i2 of e3) switch (n2 = n2.concat(t2.call(this, i2)), i2.type) {
       case "table": {
-        let r2 = s2;
+        let r2 = i2;
         for (let o2 of r2.header) n2 = n2.concat(this.walkTokens(o2.tokens, t2));
-        for (let o2 of r2.rows) for (let i2 of o2) n2 = n2.concat(this.walkTokens(i2.tokens, t2));
+        for (let o2 of r2.rows) for (let s2 of o2) n2 = n2.concat(this.walkTokens(s2.tokens, t2));
         break;
       }
       case "list": {
-        let r2 = s2;
+        let r2 = i2;
         n2 = n2.concat(this.walkTokens(r2.items, t2));
         break;
       }
       default: {
-        let r2 = s2;
+        let r2 = i2;
         this.defaults.extensions?.childTokens?.[r2.type] ? this.defaults.extensions.childTokens[r2.type].forEach((o2) => {
-          let i2 = r2[o2].flat(1 / 0);
-          n2 = n2.concat(this.walkTokens(i2, t2));
+          let s2 = r2[o2].flat(1 / 0);
+          n2 = n2.concat(this.walkTokens(s2, t2));
         }) : r2.tokens && (n2 = n2.concat(this.walkTokens(r2.tokens, t2)));
       }
     }
@@ -19362,14 +19444,14 @@ var Z = class {
   use(...e3) {
     let t2 = this.defaults.extensions || { renderers: {}, childTokens: {} };
     return e3.forEach((n2) => {
-      let s2 = { ...n2 };
-      if (s2.async = this.defaults.async || s2.async || false, n2.extensions && (n2.extensions.forEach((r2) => {
+      let i2 = { ...n2 };
+      if (i2.async = this.defaults.async || i2.async || false, n2.extensions && (n2.extensions.forEach((r2) => {
         if (!r2.name) throw new Error("extension name required");
         if ("renderer" in r2) {
           let o2 = t2.renderers[r2.name];
-          o2 ? t2.renderers[r2.name] = function(...i2) {
-            let l2 = r2.renderer.apply(this, i2);
-            return l2 === false && (l2 = o2.apply(this, i2)), l2;
+          o2 ? t2.renderers[r2.name] = function(...s2) {
+            let u2 = r2.renderer.apply(this, s2);
+            return u2 === false && (u2 = o2.apply(this, s2)), u2;
           } : t2.renderers[r2.name] = r2.renderer;
         }
         if ("tokenizer" in r2) {
@@ -19378,64 +19460,64 @@ var Z = class {
           o2 ? o2.unshift(r2.tokenizer) : t2[r2.level] = [r2.tokenizer], r2.start && (r2.level === "block" ? t2.startBlock ? t2.startBlock.push(r2.start) : t2.startBlock = [r2.start] : r2.level === "inline" && (t2.startInline ? t2.startInline.push(r2.start) : t2.startInline = [r2.start]));
         }
         "childTokens" in r2 && r2.childTokens && (t2.childTokens[r2.name] = r2.childTokens);
-      }), s2.extensions = t2), n2.renderer) {
+      }), i2.extensions = t2), n2.renderer) {
         let r2 = this.defaults.renderer || new P$1(this.defaults);
         for (let o2 in n2.renderer) {
           if (!(o2 in r2)) throw new Error(`renderer '${o2}' does not exist`);
           if (["options", "parser"].includes(o2)) continue;
-          let i2 = o2, l2 = n2.renderer[i2], a2 = r2[i2];
-          r2[i2] = (...p2) => {
-            let c2 = l2.apply(r2, p2);
+          let s2 = o2, u2 = n2.renderer[s2], a2 = r2[s2];
+          r2[s2] = (...p2) => {
+            let c2 = u2.apply(r2, p2);
             return c2 === false && (c2 = a2.apply(r2, p2)), c2 || "";
           };
         }
-        s2.renderer = r2;
+        i2.renderer = r2;
       }
       if (n2.tokenizer) {
         let r2 = this.defaults.tokenizer || new y$1(this.defaults);
         for (let o2 in n2.tokenizer) {
           if (!(o2 in r2)) throw new Error(`tokenizer '${o2}' does not exist`);
           if (["options", "rules", "lexer"].includes(o2)) continue;
-          let i2 = o2, l2 = n2.tokenizer[i2], a2 = r2[i2];
-          r2[i2] = (...p2) => {
-            let c2 = l2.apply(r2, p2);
+          let s2 = o2, u2 = n2.tokenizer[s2], a2 = r2[s2];
+          r2[s2] = (...p2) => {
+            let c2 = u2.apply(r2, p2);
             return c2 === false && (c2 = a2.apply(r2, p2)), c2;
           };
         }
-        s2.tokenizer = r2;
+        i2.tokenizer = r2;
       }
       if (n2.hooks) {
         let r2 = this.defaults.hooks || new S$1();
         for (let o2 in n2.hooks) {
           if (!(o2 in r2)) throw new Error(`hook '${o2}' does not exist`);
           if (["options", "block"].includes(o2)) continue;
-          let i2 = o2, l2 = n2.hooks[i2], a2 = r2[i2];
-          S$1.passThroughHooks.has(o2) ? r2[i2] = (p2) => {
+          let s2 = o2, u2 = n2.hooks[s2], a2 = r2[s2];
+          S$1.passThroughHooks.has(o2) ? r2[s2] = (p2) => {
             if (this.defaults.async && S$1.passThroughHooksRespectAsync.has(o2)) return (async () => {
-              let h2 = await l2.call(r2, p2);
+              let h2 = await u2.call(r2, p2);
               return a2.call(r2, h2);
             })();
-            let c2 = l2.call(r2, p2);
+            let c2 = u2.call(r2, p2);
             return a2.call(r2, c2);
-          } : r2[i2] = (...p2) => {
+          } : r2[s2] = (...p2) => {
             if (this.defaults.async) return (async () => {
-              let h2 = await l2.apply(r2, p2);
+              let h2 = await u2.apply(r2, p2);
               return h2 === false && (h2 = await a2.apply(r2, p2)), h2;
             })();
-            let c2 = l2.apply(r2, p2);
+            let c2 = u2.apply(r2, p2);
             return c2 === false && (c2 = a2.apply(r2, p2)), c2;
           };
         }
-        s2.hooks = r2;
+        i2.hooks = r2;
       }
       if (n2.walkTokens) {
         let r2 = this.defaults.walkTokens, o2 = n2.walkTokens;
-        s2.walkTokens = function(i2) {
-          let l2 = [];
-          return l2.push(o2.call(this, i2)), r2 && (l2 = l2.concat(r2.call(this, i2))), l2;
+        i2.walkTokens = function(s2) {
+          let u2 = [];
+          return u2.push(o2.call(this, s2)), r2 && (u2 = u2.concat(r2.call(this, s2))), u2;
         };
       }
-      this.defaults = { ...this.defaults, ...s2 };
+      this.defaults = { ...this.defaults, ...i2 };
     }), this;
   }
   setOptions(e3) {
@@ -19448,25 +19530,25 @@ var Z = class {
     return b$1.parse(e3, t2 ?? this.defaults);
   }
   parseMarkdown(e3) {
-    return (n2, s2) => {
-      let r2 = { ...s2 }, o2 = { ...this.defaults, ...r2 }, i2 = this.onError(!!o2.silent, !!o2.async);
-      if (this.defaults.async === true && r2.async === false) return i2(new Error("marked(): The async option was set to true by an extension. Remove async: false from the parse options object to return a Promise."));
-      if (typeof n2 > "u" || n2 === null) return i2(new Error("marked(): input parameter is undefined or null"));
-      if (typeof n2 != "string") return i2(new Error("marked(): input parameter is of type " + Object.prototype.toString.call(n2) + ", string expected"));
+    return (n2, i2) => {
+      let r2 = { ...i2 }, o2 = { ...this.defaults, ...r2 }, s2 = this.onError(!!o2.silent, !!o2.async);
+      if (this.defaults.async === true && r2.async === false) return s2(new Error("marked(): The async option was set to true by an extension. Remove async: false from the parse options object to return a Promise."));
+      if (typeof n2 > "u" || n2 === null) return s2(new Error("marked(): input parameter is undefined or null"));
+      if (typeof n2 != "string") return s2(new Error("marked(): input parameter is of type " + Object.prototype.toString.call(n2) + ", string expected"));
       if (o2.hooks && (o2.hooks.options = o2, o2.hooks.block = e3), o2.async) return (async () => {
-        let l2 = o2.hooks ? await o2.hooks.preprocess(n2) : n2, p2 = await (o2.hooks ? await o2.hooks.provideLexer(e3) : e3 ? x.lex : x.lexInline)(l2, o2), c2 = o2.hooks ? await o2.hooks.processAllTokens(p2) : p2;
+        let u2 = o2.hooks ? await o2.hooks.preprocess(n2) : n2, p2 = await (o2.hooks ? await o2.hooks.provideLexer(e3) : e3 ? x.lex : x.lexInline)(u2, o2), c2 = o2.hooks ? await o2.hooks.processAllTokens(p2) : p2;
         o2.walkTokens && await Promise.all(this.walkTokens(c2, o2.walkTokens));
-        let d3 = await (o2.hooks ? await o2.hooks.provideParser(e3) : e3 ? b$1.parse : b$1.parseInline)(c2, o2);
-        return o2.hooks ? await o2.hooks.postprocess(d3) : d3;
-      })().catch(i2);
+        let k = await (o2.hooks ? await o2.hooks.provideParser(e3) : e3 ? b$1.parse : b$1.parseInline)(c2, o2);
+        return o2.hooks ? await o2.hooks.postprocess(k) : k;
+      })().catch(s2);
       try {
         o2.hooks && (n2 = o2.hooks.preprocess(n2));
         let a2 = (o2.hooks ? o2.hooks.provideLexer(e3) : e3 ? x.lex : x.lexInline)(n2, o2);
         o2.hooks && (a2 = o2.hooks.processAllTokens(a2)), o2.walkTokens && this.walkTokens(a2, o2.walkTokens);
         let c2 = (o2.hooks ? o2.hooks.provideParser(e3) : e3 ? b$1.parse : b$1.parseInline)(a2, o2);
         return o2.hooks && (c2 = o2.hooks.postprocess(c2)), c2;
-      } catch (l2) {
-        return i2(l2);
+      } catch (u2) {
+        return s2(u2);
       }
     };
   }
@@ -19474,29 +19556,29 @@ var Z = class {
     return (n2) => {
       if (n2.message += `
 Please report this to https://github.com/markedjs/marked.`, e3) {
-        let s2 = "<p>An error occurred:</p><pre>" + R(n2.message + "", true) + "</pre>";
-        return t2 ? Promise.resolve(s2) : s2;
+        let i2 = "<p>An error occurred:</p><pre>" + R(n2.message + "", true) + "</pre>";
+        return t2 ? Promise.resolve(i2) : i2;
       }
       if (t2) return Promise.reject(n2);
       throw n2;
     };
   }
 };
-var M = new Z();
-function f$1(u4, e3) {
-  return M.parse(u4, e3);
+var M = new Q();
+function f$1(l4, e3) {
+  return M.parse(l4, e3);
 }
-f$1.options = f$1.setOptions = function(u4) {
-  return M.setOptions(u4), f$1.defaults = M.defaults, j(f$1.defaults), f$1;
+f$1.options = f$1.setOptions = function(l4) {
+  return M.setOptions(l4), f$1.defaults = M.defaults, U(f$1.defaults), f$1;
 };
 f$1.getDefaults = A;
 f$1.defaults = T;
-function gt(...u4) {
-  return M.use(...u4), f$1.defaults = M.defaults, j(f$1.defaults), f$1;
+function bt(...l4) {
+  return M.use(...l4), f$1.defaults = M.defaults, U(f$1.defaults), f$1;
 }
-f$1.use = gt;
-f$1.walkTokens = function(u4, e3) {
-  return M.walkTokens(u4, e3);
+f$1.use = bt;
+f$1.walkTokens = function(l4, e3) {
+  return M.walkTokens(l4, e3);
 };
 f$1.parseInline = M.parseInline;
 f$1.Parser = b$1;
@@ -19522,18 +19604,18 @@ function _arrayLikeToArray(r2, a2) {
 function _arrayWithHoles(r2) {
   if (Array.isArray(r2)) return r2;
 }
-function _iterableToArrayLimit(r2, l2) {
+function _iterableToArrayLimit(r2, l4) {
   var t2 = null == r2 ? null : "undefined" != typeof Symbol && r2[Symbol.iterator] || r2["@@iterator"];
   if (null != t2) {
-    var e3, n2, i2, u4, a2 = [], f2 = true, o2 = false;
+    var e3, n2, i2, u2, a2 = [], f2 = true, o2 = false;
     try {
-      if (i2 = (t2 = t2.call(r2)).next, 0 === l2) ;
-      else for (; !(f2 = (e3 = i2.call(t2)).done) && (a2.push(e3.value), a2.length !== l2); f2 = true) ;
+      if (i2 = (t2 = t2.call(r2)).next, 0 === l4) ;
+      else for (; !(f2 = (e3 = i2.call(t2)).done) && (a2.push(e3.value), a2.length !== l4); f2 = true) ;
     } catch (r3) {
       o2 = true, n2 = r3;
     } finally {
       try {
-        if (!f2 && null != t2.return && (u4 = t2.return(), Object(u4) !== u4)) return;
+        if (!f2 && null != t2.return && (u2 = t2.return(), Object(u2) !== u2)) return;
       } finally {
         if (o2) throw n2;
       }
@@ -19630,14 +19712,14 @@ function addToSet(set, array) {
   if (!arrayIsArray(array)) {
     return set;
   }
-  let l2 = array.length;
-  while (l2--) {
-    let element = array[l2];
+  let l4 = array.length;
+  while (l4--) {
+    let element = array[l4];
     if (typeof element === "string") {
       const lcElement = transformCaseFunc(element);
       if (lcElement !== element) {
         if (!isFrozen(array)) {
-          array[l2] = lcElement;
+          array[l4] = lcElement;
         }
         element = lcElement;
       }
@@ -20789,10 +20871,10 @@ function createDOMPurify() {
       allowedAttributes: ALLOWED_ATTR,
       forceKeepAttr: void 0
     };
-    let l2 = attributes.length;
+    let l4 = attributes.length;
     const lcTag = transformCaseFunc(currentNode.nodeName);
-    while (l2--) {
-      const attr = attributes[l2];
+    while (l4--) {
+      const attr = attributes[l4];
       const name = attr.name, namespaceURI = attr.namespaceURI, attrValue = attr.value;
       const lcName = transformCaseFunc(name);
       const initValue = attrValue;
@@ -21115,17 +21197,23 @@ function renderMarkdownSegments(md) {
   const tokens = f$1.lexer(md);
   const segments = [];
   let buffer = [];
-  const flush = () => {
+  function renderGroup(group) {
+    const list = group;
+    list.links = tokens.links;
+    return purify.sanitize(f$1.parser(list));
+  }
+  function flush() {
     if (buffer.length === 0) return;
-    const group = buffer;
-    group.links = tokens.links;
-    segments.push({ type: "html", html: purify.sanitize(f$1.parser(group)) });
+    segments.push({ type: "html", html: renderGroup(buffer) });
     buffer = [];
-  };
+  }
   for (const token of tokens) {
     if (token.type === "code") {
       flush();
       segments.push({ type: "code", code: token.text, lang: token.lang ?? "" });
+    } else if (token.type === "table") {
+      flush();
+      segments.push({ type: "table", html: renderGroup([token]) });
     } else {
       buffer.push(token);
     }
@@ -21162,10 +21250,10 @@ function getSelectionFocus(container) {
 function getShadowRootSelection(root2) {
   return root2.getSelection?.() ?? null;
 }
-const _hoisted_1$A = { class: "markdown-editor" };
-const _hoisted_2$s = ["aria-label"];
-const _hoisted_3$l = ["contenteditable"];
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _hoisted_1$B = { class: "markdown-editor" };
+const _hoisted_2$t = ["aria-label"];
+const _hoisted_3$m = ["contenteditable"];
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "MarkdownEditor",
   props: {
     modelValue: { type: String },
@@ -21386,7 +21474,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$A, [
+      return openBlock(), createElementBlock("div", _hoisted_1$B, [
         !__props.disabled ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: "markdown-editor__toolbar",
@@ -21497,7 +21585,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
             title: unref(t2)("mdToolbar.redo"),
             onClick: _cache[8] || (_cache[8] = ($event) => execCmd("redo"))
           }, null, 8, ["aria-label", "title"])
-        ], 8, _hoisted_2$s)) : createCommentVNode("", true),
+        ], 8, _hoisted_2$t)) : createCommentVNode("", true),
         createBaseVNode("div", {
           ref: "editorEl",
           class: "markdown-editor__content",
@@ -21507,16 +21595,17 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           onPaste,
           onFocus: startSelectionListener,
           onBlur: stopSelectionListener
-        }, null, 40, _hoisted_3$l)
+        }, null, 40, _hoisted_3$m)
       ]);
     };
   }
 });
-const _style_0$y = "\n.markdown-editor[data-v-b3d64419] {\n  display: flex;\n  flex-direction: column;\n  font-family: var(--font-family);\n  font-size: var(--font-size-base);\n  line-height: var(--line-height);\n  color: var(--color-text-primary);\n}\n.markdown-editor__toolbar[data-v-b3d64419] {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--spacing-xs);\n  padding: var(--spacing-xs) var(--spacing-md);\n  border-bottom: 1px solid var(--color-border);\n  background-color: var(--color-surface);\n  position: sticky;\n  top: 49px;\n  z-index: 1;\n}\n.markdown-editor__separator[data-v-b3d64419] {\n  width: 1px;\n  height: 20px;\n  background-color: var(--color-border);\n  margin: 0 var(--spacing-xs);\n}\n.markdown-editor__content[data-v-b3d64419] {\n  padding: 4rem clamp(1.5rem, 6rem, 8%);\n  outline: none;\n  min-height: 200px;\n}\n.markdown-editor__content[data-v-b3d64419] > *:first-child {\n  margin-top: 0;\n}\n.markdown-editor__content[data-v-b3d64419] h1,\n.markdown-editor__content[data-v-b3d64419] h2,\n.markdown-editor__content[data-v-b3d64419] h3,\n.markdown-editor__content[data-v-b3d64419] h4 {\n  margin: var(--spacing-lg) 0 var(--spacing-sm);\n  font-weight: 700;\n  color: var(--color-text-primary);\n}\n.markdown-editor__content[data-v-b3d64419] h1 {\n  font-size: var(--font-size-xl);\n}\n.markdown-editor__content[data-v-b3d64419] h2 {\n  font-size: var(--font-size-lg);\n}\n.markdown-editor__content[data-v-b3d64419] h3 {\n  font-size: var(--font-size-base);\n}\n.markdown-editor__content[data-v-b3d64419] h4 {\n  font-size: var(--font-size-sm);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--color-text-secondary);\n}\n.markdown-editor__content[data-v-b3d64419] p {\n  margin: 0 0 var(--spacing-md);\n}\n.markdown-editor__content[data-v-b3d64419] ul,\n.markdown-editor__content[data-v-b3d64419] ol {\n  margin: 0 0 var(--spacing-md);\n  padding-left: var(--spacing-lg);\n}\n.markdown-editor__content[data-v-b3d64419] li {\n  margin: var(--spacing-xs) 0;\n}\n.markdown-editor__content[data-v-b3d64419] blockquote {\n  margin: var(--spacing-md) 0;\n  padding: var(--spacing-sm) var(--spacing-md);\n  border-left: 3px solid var(--color-border);\n  color: var(--color-text-secondary);\n  font-style: italic;\n}\n.markdown-editor__content[data-v-b3d64419] code {\n  font-family: var(--font-family-mono);\n  font-size: 0.9em;\n  padding: 1px 4px;\n  background-color: var(--color-surface);\n  border-radius: var(--radius-sm);\n}\n.markdown-editor__content[data-v-b3d64419] pre {\n  margin: var(--spacing-md) 0;\n  padding: var(--spacing-md);\n  background-color: var(--color-surface);\n  border-radius: var(--radius-md);\n  overflow-x: auto;\n}\n.markdown-editor__content[data-v-b3d64419] pre code {\n  padding: 0;\n  background: none;\n}\n.markdown-editor__content[data-v-b3d64419] a {\n  color: var(--color-primary);\n  text-decoration: underline;\n}\n.markdown-editor__content[data-v-b3d64419] hr {\n  border: 0;\n  border-top: 1px solid var(--color-border);\n  margin: var(--spacing-lg) 0;\n}\n.markdown-editor__content[data-v-b3d64419] strong {\n  font-weight: 700;\n}\n.markdown-editor__content[data-v-b3d64419] table {\n  border-collapse: collapse;\n  margin: var(--spacing-md) 0;\n}\n.markdown-editor__content[data-v-b3d64419] th,\n.markdown-editor__content[data-v-b3d64419] td {\n  border: 1px solid var(--color-border);\n  padding: var(--spacing-xs) var(--spacing-sm);\n}\n.markdown-editor__content[data-v-b3d64419] th {\n  background-color: var(--color-surface);\n  font-weight: 600;\n}\n";
-const MarkdownEditor = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["styles", [_style_0$y]], ["__scopeId", "data-v-b3d64419"]]);
-const _hoisted_1$z = { class: "markdown-view" };
-const _hoisted_2$r = ["innerHTML"];
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _style_0$z = "\n.markdown-editor[data-v-a278828c] {\n  display: flex;\n  flex-direction: column;\n  font-family: var(--font-family);\n  font-size: var(--font-size-base);\n  line-height: var(--line-height);\n  color: var(--color-text-primary);\n}\n.markdown-editor__toolbar[data-v-a278828c] {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--spacing-xs);\n  padding: var(--spacing-xs) var(--spacing-md);\n  border-bottom: 1px solid var(--color-border);\n  background-color: var(--color-surface);\n  position: sticky;\n  top: var(--document-toolbar-height, 0px);\n  z-index: 1;\n}\n.markdown-editor__separator[data-v-a278828c] {\n  width: 1px;\n  height: 20px;\n  background-color: var(--color-border);\n  margin: 0 var(--spacing-xs);\n}\n.markdown-editor__content[data-v-a278828c] {\n  padding: 4rem clamp(1.5rem, 6rem, 8%);\n  outline: none;\n  min-height: 200px;\n}\n.markdown-editor__content[data-v-a278828c] > *:first-child {\n  margin-top: 0;\n}\n.markdown-editor__content[data-v-a278828c] h1,\n.markdown-editor__content[data-v-a278828c] h2,\n.markdown-editor__content[data-v-a278828c] h3,\n.markdown-editor__content[data-v-a278828c] h4 {\n  margin: var(--spacing-lg) 0 var(--spacing-sm);\n  font-weight: 700;\n  color: var(--color-text-primary);\n}\n.markdown-editor__content[data-v-a278828c] h1 {\n  font-size: var(--font-size-xl);\n}\n.markdown-editor__content[data-v-a278828c] h2 {\n  font-size: var(--font-size-lg);\n}\n.markdown-editor__content[data-v-a278828c] h3 {\n  font-size: var(--font-size-base);\n}\n.markdown-editor__content[data-v-a278828c] h4 {\n  font-size: var(--font-size-sm);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--color-text-secondary);\n}\n.markdown-editor__content[data-v-a278828c] p {\n  margin: 0 0 var(--spacing-md);\n}\n.markdown-editor__content[data-v-a278828c] ul,\n.markdown-editor__content[data-v-a278828c] ol {\n  margin: 0 0 var(--spacing-md);\n  padding-left: var(--spacing-lg);\n}\n.markdown-editor__content[data-v-a278828c] li {\n  margin: var(--spacing-xs) 0;\n}\n.markdown-editor__content[data-v-a278828c] blockquote {\n  margin: var(--spacing-md) 0;\n  padding: var(--spacing-sm) var(--spacing-md);\n  border-left: 3px solid var(--color-border);\n  color: var(--color-text-secondary);\n  font-style: italic;\n}\n.markdown-editor__content[data-v-a278828c] code {\n  font-family: var(--font-family-mono);\n  font-size: 0.9em;\n  padding: 1px 4px;\n  background-color: var(--color-surface);\n  border-radius: var(--radius-sm);\n}\n.markdown-editor__content[data-v-a278828c] pre {\n  margin: var(--spacing-md) 0;\n  padding: var(--spacing-md);\n  background-color: var(--color-surface);\n  border-radius: var(--radius-md);\n  overflow-x: auto;\n}\n.markdown-editor__content[data-v-a278828c] pre code {\n  padding: 0;\n  background: none;\n}\n.markdown-editor__content[data-v-a278828c] a {\n  color: var(--color-primary);\n  text-decoration: underline;\n}\n.markdown-editor__content[data-v-a278828c] hr {\n  border: 0;\n  border-top: 1px solid var(--color-border);\n  margin: var(--spacing-lg) 0;\n}\n.markdown-editor__content[data-v-a278828c] strong {\n  font-weight: 700;\n}\n.markdown-editor__content[data-v-a278828c] table {\n  border-collapse: collapse;\n  margin: var(--spacing-md) 0;\n}\n.markdown-editor__content[data-v-a278828c] th,\n.markdown-editor__content[data-v-a278828c] td {\n  border: 1px solid var(--color-border);\n  padding: var(--spacing-xs) var(--spacing-sm);\n}\n.markdown-editor__content[data-v-a278828c] th {\n  background-color: var(--color-surface);\n  font-weight: 600;\n}\n";
+const MarkdownEditor = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["styles", [_style_0$z]], ["__scopeId", "data-v-a278828c"]]);
+const _hoisted_1$A = { class: "markdown-view" };
+const _hoisted_2$s = ["innerHTML"];
+const _hoisted_3$l = ["innerHTML"];
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "MarkdownView",
   props: {
     source: { type: String },
@@ -21526,15 +21615,19 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     const props = __props;
     const segments = computed(() => renderMarkdownSegments(props.source));
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$z, [
+      return openBlock(), createElementBlock("div", _hoisted_1$A, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(segments.value, (seg, i2) => {
           return openBlock(), createElementBlock(Fragment, { key: i2 }, [
             seg.type === "html" ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: "markdown-view__html",
               innerHTML: seg.html
-            }, null, 8, _hoisted_2$r)) : (openBlock(), createBlock(CodeBlock, {
+            }, null, 8, _hoisted_2$s)) : seg.type === "table" ? (openBlock(), createElementBlock("div", {
               key: 1,
+              class: "markdown-view__table",
+              innerHTML: seg.html
+            }, null, 8, _hoisted_3$l)) : (openBlock(), createBlock(CodeBlock, {
+              key: 2,
               code: seg.code,
               lang: seg.lang,
               streaming: __props.streaming
@@ -21545,18 +21638,18 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _style_0$x = "\n.markdown-view[data-v-6e1cc74b] {\n  font-family: var(--font-family);\n  font-size: var(--font-size-base);\n  line-height: var(--line-height);\n  color: var(--color-text-primary);\n}\n\n/* No box: block children flow as direct children of .markdown-view so margin\n   collapsing keeps working across html/code segment boundaries. */\n.markdown-view__html[data-v-6e1cc74b] {\n  display: contents;\n}\n\n/* Trim the outer margins of the first/last rendered block (reach through the\n   display:contents wrapper to the real content element). */\n.markdown-view > .markdown-view__html[data-v-6e1cc74b]:first-child >  :first-child {\n  margin-top: 0;\n}\n.markdown-view > .markdown-view__html[data-v-6e1cc74b]:last-child >  :last-child {\n  margin-bottom: 0;\n}\n.markdown-view[data-v-6e1cc74b] h1,\n.markdown-view[data-v-6e1cc74b] h2,\n.markdown-view[data-v-6e1cc74b] h3,\n.markdown-view[data-v-6e1cc74b] h4 {\n  margin: var(--spacing-lg) 0 var(--spacing-sm);\n  font-weight: 700;\n  color: var(--color-text-primary);\n}\n.markdown-view[data-v-6e1cc74b] h1 {\n  font-size: var(--font-size-xl);\n}\n.markdown-view[data-v-6e1cc74b] h2 {\n  font-size: var(--font-size-lg);\n}\n.markdown-view[data-v-6e1cc74b] h3 {\n  font-size: var(--font-size-base);\n}\n.markdown-view[data-v-6e1cc74b] h4 {\n  font-size: var(--font-size-sm);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--color-text-secondary);\n}\n.markdown-view[data-v-6e1cc74b] p {\n  margin: 0 0 var(--spacing-md);\n}\n.markdown-view[data-v-6e1cc74b] ul,\n.markdown-view[data-v-6e1cc74b] ol {\n  margin: 0 0 var(--spacing-md);\n  padding-left: var(--spacing-lg);\n}\n.markdown-view[data-v-6e1cc74b] li {\n  margin: var(--spacing-xs) 0;\n}\n.markdown-view[data-v-6e1cc74b] blockquote {\n  margin: var(--spacing-md) 0;\n  padding: var(--spacing-sm) var(--spacing-md);\n  border-left: 3px solid var(--color-border);\n  color: var(--color-text-secondary);\n  font-style: italic;\n}\n\n/* Inline code only — fenced blocks render via <CodeBlock>. Scoped to the html\n   wrapper so it never reaches into the CodeBlock component. */\n.markdown-view__html[data-v-6e1cc74b] code {\n  font-family: var(--font-family-mono);\n  font-size: 0.9em;\n  padding: 1px 4px;\n  background-color: var(--color-surface);\n  border-radius: var(--radius-sm);\n}\n\n/* Fallback for raw <pre> written as literal HTML (not fenced code). */\n.markdown-view__html[data-v-6e1cc74b] pre {\n  margin: var(--spacing-md) 0;\n  padding: var(--spacing-md);\n  background-color: var(--color-surface);\n  border-radius: var(--radius-md);\n  overflow-x: auto;\n  border: 1px solid var(--color-border);\n}\n.markdown-view__html[data-v-6e1cc74b] pre code {\n  padding: 0;\n  background: none;\n}\n.markdown-view[data-v-6e1cc74b] a {\n  color: var(--color-primary);\n  text-decoration: underline;\n}\n.markdown-view[data-v-6e1cc74b] hr {\n  border: 0;\n  border-top: 1px solid var(--color-border);\n  margin: var(--spacing-lg) 0;\n}\n.markdown-view[data-v-6e1cc74b] strong {\n  font-weight: 700;\n}\n.markdown-view[data-v-6e1cc74b] table {\n  border-collapse: collapse;\n  margin: var(--spacing-md) 0;\n}\n.markdown-view[data-v-6e1cc74b] th,\n.markdown-view[data-v-6e1cc74b] td {\n  border: 1px solid var(--color-border);\n  padding: var(--spacing-xs) var(--spacing-sm);\n}\n.markdown-view[data-v-6e1cc74b] th {\n  background-color: var(--color-surface);\n  font-weight: 600;\n}\n";
-const MarkdownView = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["styles", [_style_0$x]], ["__scopeId", "data-v-6e1cc74b"]]);
-const _hoisted_1$y = {
+const _style_0$y = "\n.markdown-view[data-v-b6eeece0] {\n  font-family: var(--font-family);\n  font-size: var(--font-size-base);\n  line-height: var(--line-height);\n  color: var(--color-text-primary);\n  /* Long URLs and identifiers wrap instead of running past a narrow\n     column (phones, chat), where the overflow would just be clipped. */\n  overflow-wrap: break-word;\n}\n\n/* No box: block children flow as direct children of .markdown-view so margin\n   collapsing keeps working across html/code segment boundaries. */\n.markdown-view__html[data-v-b6eeece0] {\n  display: contents;\n}\n\n/* Trim the outer margins of the first/last rendered block (reach through the\n   display:contents wrapper to the real content element). */\n.markdown-view > .markdown-view__html[data-v-b6eeece0]:first-child >  :first-child {\n  margin-top: 0;\n}\n.markdown-view > .markdown-view__html[data-v-b6eeece0]:last-child >  :last-child {\n  margin-bottom: 0;\n}\n.markdown-view > .markdown-view__table[data-v-b6eeece0]:first-child {\n  margin-top: 0;\n}\n.markdown-view > .markdown-view__table[data-v-b6eeece0]:last-child {\n  margin-bottom: 0;\n}\n.markdown-view[data-v-b6eeece0] h1,\n.markdown-view[data-v-b6eeece0] h2,\n.markdown-view[data-v-b6eeece0] h3,\n.markdown-view[data-v-b6eeece0] h4 {\n  margin: var(--spacing-lg) 0 var(--spacing-sm);\n  font-weight: 700;\n  color: var(--color-text-primary);\n}\n.markdown-view[data-v-b6eeece0] h1 {\n  font-size: var(--font-size-xl);\n}\n.markdown-view[data-v-b6eeece0] h2 {\n  font-size: var(--font-size-lg);\n}\n.markdown-view[data-v-b6eeece0] h3 {\n  font-size: var(--font-size-base);\n}\n.markdown-view[data-v-b6eeece0] h4 {\n  font-size: var(--font-size-sm);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--color-text-secondary);\n}\n.markdown-view[data-v-b6eeece0] p {\n  margin: 0 0 var(--spacing-md);\n}\n.markdown-view[data-v-b6eeece0] ul,\n.markdown-view[data-v-b6eeece0] ol {\n  margin: 0 0 var(--spacing-md);\n  padding-left: var(--spacing-lg);\n}\n.markdown-view[data-v-b6eeece0] li {\n  margin: var(--spacing-xs) 0;\n}\n.markdown-view[data-v-b6eeece0] blockquote {\n  margin: var(--spacing-md) 0;\n  padding: var(--spacing-sm) var(--spacing-md);\n  border-left: 3px solid var(--color-border);\n  color: var(--color-text-secondary);\n  font-style: italic;\n}\n\n/* Inline code only — fenced blocks render via <CodeBlock>. Scoped to the html\n   wrapper so it never reaches into the CodeBlock component. */\n.markdown-view__html[data-v-b6eeece0] code {\n  font-family: var(--font-family-mono);\n  font-size: 0.9em;\n  padding: 1px 4px;\n  background-color: var(--color-surface);\n  border-radius: var(--radius-sm);\n}\n\n/* Fallback for raw <pre> written as literal HTML (not fenced code). */\n.markdown-view__html[data-v-b6eeece0] pre {\n  margin: var(--spacing-md) 0;\n  padding: var(--spacing-md);\n  background-color: var(--color-surface);\n  border-radius: var(--radius-md);\n  overflow-x: auto;\n  border: 1px solid var(--color-border);\n}\n.markdown-view__html[data-v-b6eeece0] pre code {\n  padding: 0;\n  background: none;\n}\n.markdown-view[data-v-b6eeece0] a {\n  color: var(--color-primary);\n  text-decoration: underline;\n}\n.markdown-view[data-v-b6eeece0] hr {\n  border: 0;\n  border-top: 1px solid var(--color-border);\n  margin: var(--spacing-lg) 0;\n}\n.markdown-view[data-v-b6eeece0] strong {\n  font-weight: 700;\n}\n.markdown-view[data-v-b6eeece0] img {\n  max-width: 100%;\n  height: auto;\n}\n\n/* A table wider than the column scrolls on its own, the text around it\n   keeps the column width. */\n.markdown-view__table[data-v-b6eeece0] {\n  margin: var(--spacing-md) 0;\n  overflow-x: auto;\n}\n.markdown-view[data-v-b6eeece0] table {\n  border-collapse: collapse;\n}\n.markdown-view[data-v-b6eeece0] th,\n.markdown-view[data-v-b6eeece0] td {\n  border: 1px solid var(--color-border);\n  padding: var(--spacing-xs) var(--spacing-sm);\n}\n.markdown-view[data-v-b6eeece0] th {\n  background-color: var(--color-surface);\n  font-weight: 600;\n}\n";
+const MarkdownView = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["styles", [_style_0$y]], ["__scopeId", "data-v-b6eeece0"]]);
+const _hoisted_1$z = {
   key: 0,
   class: "transcript-ui-popover-list__items"
 };
-const _hoisted_2$q = {
+const _hoisted_2$r = {
   key: 0,
   class: "transcript-ui-popover-list__divider"
 };
 const _hoisted_3$k = { class: "transcript-ui-popover-list__footer" };
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "PopoverList",
   props: {
     items: { type: Array },
@@ -21609,7 +21702,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
                 "side-offset": __props.sideOffset
               }, {
                 default: withCtx(() => [
-                  __props.items.length > 0 ? (openBlock(), createElementBlock("ul", _hoisted_1$y, [
+                  __props.items.length > 0 ? (openBlock(), createElementBlock("ul", _hoisted_1$z, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
                       return openBlock(), createBlock(unref(DropdownMenuItem_default), {
                         key: keyFor(item, index),
@@ -21625,7 +21718,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
                     }), 128))
                   ])) : createCommentVNode("", true),
                   _ctx.$slots.footer ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                    __props.items.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$q)) : createCommentVNode("", true),
+                    __props.items.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$r)) : createCommentVNode("", true),
                     createBaseVNode("div", _hoisted_3$k, [
                       renderSlot(_ctx.$slots, "footer")
                     ])
@@ -21642,21 +21735,21 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$x = ["disabled", "aria-current"];
-const _hoisted_2$p = {
+const _hoisted_1$y = ["disabled", "aria-current"];
+const _hoisted_2$q = {
   key: 0,
   class: "selectable-list-item__leading"
 };
 const _hoisted_3$j = { class: "selectable-list-item__label" };
-const _hoisted_4$b = {
+const _hoisted_4$d = {
   key: 1,
   class: "selectable-list-item__trailing"
 };
-const _hoisted_5$a = {
+const _hoisted_5$c = {
   key: 0,
   class: "selectable-list-item__actions"
 };
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "SelectableListItem",
   props: {
     current: { type: Boolean },
@@ -21681,7 +21774,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
           "aria-current": __props.current ? "true" : void 0,
           onClick: _cache[0] || (_cache[0] = ($event) => emit2("select"))
         }, [
-          _ctx.$slots.leading ? (openBlock(), createElementBlock("span", _hoisted_2$p, [
+          _ctx.$slots.leading ? (openBlock(), createElementBlock("span", _hoisted_2$q, [
             renderSlot(_ctx.$slots, "leading", {}, void 0, true)
           ])) : createCommentVNode("", true),
           createBaseVNode("span", _hoisted_3$j, [
@@ -21689,20 +21782,20 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
               createTextVNode(toDisplayString(__props.label), 1)
             ], true)
           ]),
-          _ctx.$slots.trailing ? (openBlock(), createElementBlock("span", _hoisted_4$b, [
+          _ctx.$slots.trailing ? (openBlock(), createElementBlock("span", _hoisted_4$d, [
             renderSlot(_ctx.$slots, "trailing", {}, void 0, true)
           ])) : createCommentVNode("", true)
-        ], 8, _hoisted_1$x),
-        _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_5$a, [
+        ], 8, _hoisted_1$y),
+        _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_5$c, [
           renderSlot(_ctx.$slots, "actions", {}, void 0, true)
         ])) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const _style_0$w = "\n.selectable-list-item[data-v-46747619] {\n  position: relative;\n  display: flex;\n  border: 1px solid transparent;\n  transition:\n    background-color var(--transition-duration),\n    box-shadow var(--transition-duration);\n}\n.selectable-list-item--md[data-v-46747619] {\n  font-size: var(--font-size-sm);\n}\n.selectable-list-item--sm[data-v-46747619] {\n  font-size: var(--font-size-xs);\n}\n.selectable-list-item[data-v-46747619]:hover {\n  background-color: var(--color-surface-hover);\n}\n.selectable-list-item--current[data-v-46747619],\n.selectable-list-item--current[data-v-46747619]:hover {\n  background-color: color-mix(in srgb, var(--color-primary) 12%, transparent);\n  box-shadow: inset 2px 0 0 var(--color-primary);\n}\n\n/* ── The selectable button ── */\n.transcript-ui-root .selectable-list-item__main[data-v-46747619] {\n  /* Full reset (same convention as Button, EditableText, Tabs…): the\n     previous partial reset (background/border/font only) left margin,\n     padding, and appearance to whatever the host page's UA/global styles\n     happened to set. */\n  all: unset;\n  box-sizing: border-box;\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-sm);\n  font: inherit;\n  color: var(--color-text-primary);\n  text-align: left;\n  cursor: pointer;\n}\n.transcript-ui-root .selectable-list-item--md .selectable-list-item__main[data-v-46747619] {\n  padding: var(--spacing-sm);\n}\n.transcript-ui-root .selectable-list-item--sm .selectable-list-item__main[data-v-46747619] {\n  padding: var(--spacing-xs) var(--spacing-sm);\n  color: var(--color-text-secondary);\n}\n.transcript-ui-root .selectable-list-item__main[data-v-46747619]:focus-visible {\n  outline: 2px solid var(--color-primary);\n  outline-offset: -2px;\n}\n.transcript-ui-root .selectable-list-item__main[data-v-46747619]:disabled {\n  cursor: not-allowed;\n}\n.transcript-ui-root .selectable-list-item--current .selectable-list-item__main[data-v-46747619] {\n  color: var(--color-primary);\n  font-weight: 600;\n}\n.selectable-list-item__label[data-v-46747619] {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-variant-numeric: tabular-nums;\n}\n.selectable-list-item__leading[data-v-46747619],\n.selectable-list-item__trailing[data-v-46747619] {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n/* Trailing content (hints, dates) stays muted even on the active row. */\n.selectable-list-item__trailing[data-v-46747619] {\n  font-size: var(--font-size-xs);\n  color: var(--color-text-muted);\n}\n\n/* ── Trailing actions (hover / focus reveal, overlaying the row) ── */\n.selectable-list-item__actions[data-v-46747619] {\n  position: absolute;\n  inset-block: 0;\n  inset-inline-end: 0;\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  padding-inline: var(--spacing-md) var(--spacing-xs);\n  /* Fade the label out behind the actions, matching the row surface. */\n  background: linear-gradient(\n    to right,\n    transparent,\n    var(--color-surface-hover) var(--spacing-md)\n  );\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity var(--transition-duration);\n}\n.selectable-list-item:hover .selectable-list-item__actions[data-v-46747619],\n.selectable-list-item:focus-within .selectable-list-item__actions[data-v-46747619] {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n/* Match the fade to the selected surface on the active row. */\n.selectable-list-item--current .selectable-list-item__actions[data-v-46747619] {\n  background: linear-gradient(\n    to right,\n    transparent,\n    color-mix(in srgb, var(--color-primary) 12%, var(--color-surface-hover))\n      var(--spacing-md)\n  );\n}\n@media (prefers-reduced-motion: reduce) {\n.selectable-list-item[data-v-46747619],\n  .selectable-list-item__actions[data-v-46747619] {\n    transition: none;\n}\n}\n";
-const SelectableListItem = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["styles", [_style_0$w]], ["__scopeId", "data-v-46747619"]]);
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _style_0$x = "\n.selectable-list-item[data-v-46747619] {\n  position: relative;\n  display: flex;\n  border: 1px solid transparent;\n  transition:\n    background-color var(--transition-duration),\n    box-shadow var(--transition-duration);\n}\n.selectable-list-item--md[data-v-46747619] {\n  font-size: var(--font-size-sm);\n}\n.selectable-list-item--sm[data-v-46747619] {\n  font-size: var(--font-size-xs);\n}\n.selectable-list-item[data-v-46747619]:hover {\n  background-color: var(--color-surface-hover);\n}\n.selectable-list-item--current[data-v-46747619],\n.selectable-list-item--current[data-v-46747619]:hover {\n  background-color: color-mix(in srgb, var(--color-primary) 12%, transparent);\n  box-shadow: inset 2px 0 0 var(--color-primary);\n}\n\n/* ── The selectable button ── */\n.transcript-ui-root .selectable-list-item__main[data-v-46747619] {\n  /* Full reset (same convention as Button, EditableText, Tabs…): the\n     previous partial reset (background/border/font only) left margin,\n     padding, and appearance to whatever the host page's UA/global styles\n     happened to set. */\n  all: unset;\n  box-sizing: border-box;\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-sm);\n  font: inherit;\n  color: var(--color-text-primary);\n  text-align: left;\n  cursor: pointer;\n}\n.transcript-ui-root .selectable-list-item--md .selectable-list-item__main[data-v-46747619] {\n  padding: var(--spacing-sm);\n}\n.transcript-ui-root .selectable-list-item--sm .selectable-list-item__main[data-v-46747619] {\n  padding: var(--spacing-xs) var(--spacing-sm);\n  color: var(--color-text-secondary);\n}\n.transcript-ui-root .selectable-list-item__main[data-v-46747619]:focus-visible {\n  outline: 2px solid var(--color-primary);\n  outline-offset: -2px;\n}\n.transcript-ui-root .selectable-list-item__main[data-v-46747619]:disabled {\n  cursor: not-allowed;\n}\n.transcript-ui-root .selectable-list-item--current .selectable-list-item__main[data-v-46747619] {\n  color: var(--color-primary);\n  font-weight: 600;\n}\n.selectable-list-item__label[data-v-46747619] {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-variant-numeric: tabular-nums;\n}\n.selectable-list-item__leading[data-v-46747619],\n.selectable-list-item__trailing[data-v-46747619] {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n/* Trailing content (hints, dates) stays muted even on the active row. */\n.selectable-list-item__trailing[data-v-46747619] {\n  font-size: var(--font-size-xs);\n  color: var(--color-text-muted);\n}\n\n/* ── Trailing actions (hover / focus reveal, overlaying the row) ── */\n.selectable-list-item__actions[data-v-46747619] {\n  position: absolute;\n  inset-block: 0;\n  inset-inline-end: 0;\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  padding-inline: var(--spacing-md) var(--spacing-xs);\n  /* Fade the label out behind the actions, matching the row surface. */\n  background: linear-gradient(\n    to right,\n    transparent,\n    var(--color-surface-hover) var(--spacing-md)\n  );\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity var(--transition-duration);\n}\n.selectable-list-item:hover .selectable-list-item__actions[data-v-46747619],\n.selectable-list-item:focus-within .selectable-list-item__actions[data-v-46747619] {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n/* Match the fade to the selected surface on the active row. */\n.selectable-list-item--current .selectable-list-item__actions[data-v-46747619] {\n  background: linear-gradient(\n    to right,\n    transparent,\n    color-mix(in srgb, var(--color-primary) 12%, var(--color-surface-hover))\n      var(--spacing-md)\n  );\n}\n@media (prefers-reduced-motion: reduce) {\n.selectable-list-item[data-v-46747619],\n  .selectable-list-item__actions[data-v-46747619] {\n    transition: none;\n}\n}\n";
+const SelectableListItem = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["styles", [_style_0$x]], ["__scopeId", "data-v-46747619"]]);
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "SpeakerIndicator",
   props: {
     color: { type: String }
@@ -21717,12 +21810,12 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _style_0$v = "\n.speaker-indicator[data-v-324978c0] {\n  display: inline-block;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n";
-const SpeakerIndicator = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["styles", [_style_0$v]], ["__scopeId", "data-v-324978c0"]]);
-const _hoisted_1$w = { class: "switch" };
-const _hoisted_2$o = ["id", "checked", "disabled"];
+const _style_0$w = "\n.speaker-indicator[data-v-324978c0] {\n  display: inline-block;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n";
+const SpeakerIndicator = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["styles", [_style_0$w]], ["__scopeId", "data-v-324978c0"]]);
+const _hoisted_1$x = { class: "switch" };
+const _hoisted_2$p = ["id", "checked", "disabled"];
 const _hoisted_3$i = ["for"];
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "SwitchToggle",
   props: {
     modelValue: { type: Boolean },
@@ -21735,14 +21828,14 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     const emit2 = __emit;
     const inputId = props.id ?? useId$1();
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$w, [
+      return openBlock(), createElementBlock("div", _hoisted_1$x, [
         createBaseVNode("input", {
           type: "checkbox",
           id: unref(inputId),
           checked: __props.modelValue,
           disabled: __props.disabled,
           onChange: _cache[0] || (_cache[0] = ($event) => emit2("update:modelValue", $event.target.checked))
-        }, null, 40, _hoisted_2$o),
+        }, null, 40, _hoisted_2$p),
         createBaseVNode("label", { for: unref(inputId) }, [..._cache[1] || (_cache[1] = [
           createBaseVNode("div", { class: "switch-slider" }, null, -1)
         ])], 8, _hoisted_3$i)
@@ -21750,15 +21843,15 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _style_0$u = "\n.switch[data-v-44d0160b] {\n  display: inline-block;\n  flex-shrink: 0;\n}\n.switch input[data-v-44d0160b] {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border: 0;\n}\n.switch label[data-v-44d0160b] {\n  height: 20px;\n  width: 40px;\n  display: block;\n  border: 1px solid var(--color-border);\n  border-radius: 20px;\n  cursor: pointer;\n  background-color: var(--color-border);\n  transition: background-color var(--transition-duration);\n}\n.switch .switch-slider[data-v-44d0160b] {\n  height: 22px;\n  width: 22px;\n  border: 1px solid var(--color-border);\n  border-radius: 50%;\n  position: relative;\n  top: -2px;\n  left: -2px;\n  background-color: var(--color-white);\n  transition: left var(--transition-duration);\n}\n.switch input:checked + label[data-v-44d0160b] {\n  background-color: var(--color-primary);\n  border-color: var(--color-primary);\n}\n.switch input:checked + label .switch-slider[data-v-44d0160b] {\n  left: 20px;\n  border-color: var(--color-primary);\n}\n.switch input:disabled + label[data-v-44d0160b] {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n";
-const SwitchToggle = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["styles", [_style_0$u]], ["__scopeId", "data-v-44d0160b"]]);
+const _style_0$v = "\n.switch[data-v-44d0160b] {\n  display: inline-block;\n  flex-shrink: 0;\n}\n.switch input[data-v-44d0160b] {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border: 0;\n}\n.switch label[data-v-44d0160b] {\n  height: 20px;\n  width: 40px;\n  display: block;\n  border: 1px solid var(--color-border);\n  border-radius: 20px;\n  cursor: pointer;\n  background-color: var(--color-border);\n  transition: background-color var(--transition-duration);\n}\n.switch .switch-slider[data-v-44d0160b] {\n  height: 22px;\n  width: 22px;\n  border: 1px solid var(--color-border);\n  border-radius: 50%;\n  position: relative;\n  top: -2px;\n  left: -2px;\n  background-color: var(--color-white);\n  transition: left var(--transition-duration);\n}\n.switch input:checked + label[data-v-44d0160b] {\n  background-color: var(--color-primary);\n  border-color: var(--color-primary);\n}\n.switch input:checked + label .switch-slider[data-v-44d0160b] {\n  left: 20px;\n  border-color: var(--color-primary);\n}\n.switch input:disabled + label[data-v-44d0160b] {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n";
+const SwitchToggle = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["styles", [_style_0$v]], ["__scopeId", "data-v-44d0160b"]]);
 function computeInitials(name) {
   const words = name.trim().split(/\s+/).filter(Boolean);
   if (words.length === 0) return "?";
   return words.slice(0, 2).map((w2) => w2[0].toUpperCase()).join("");
 }
-const _hoisted_1$v = ["title", "aria-label"];
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _hoisted_1$w = ["title", "aria-label"];
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "UserAvatar",
   props: {
     name: { type: String },
@@ -21774,22 +21867,22 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
         role: "img",
         title: title.value,
         "aria-label": title.value
-      }, toDisplayString(initials.value), 9, _hoisted_1$v);
+      }, toDisplayString(initials.value), 9, _hoisted_1$w);
     };
   }
 });
-const _style_0$t = "\n.user-avatar[data-v-977a8d17] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  background-color: var(--color-primary);\n  color: var(--color-white);\n  font-size: var(--font-size-xs);\n  font-weight: 600;\n  user-select: none;\n  cursor: default;\n}\n";
-const UserAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["styles", [_style_0$t]], ["__scopeId", "data-v-977a8d17"]]);
-const _hoisted_1$u = ["data-status"];
-const _hoisted_2$n = {
+const _style_0$u = "\n.user-avatar[data-v-977a8d17] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  background-color: var(--color-primary);\n  color: var(--color-white);\n  font-size: var(--font-size-xs);\n  font-weight: 600;\n  user-select: none;\n  cursor: default;\n}\n";
+const UserAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["styles", [_style_0$u]], ["__scopeId", "data-v-977a8d17"]]);
+const _hoisted_1$v = ["data-status"];
+const _hoisted_2$o = {
   key: 0,
   class: "document-article__toolbar",
   role: "toolbar"
 };
 const _hoisted_3$h = { class: "document-article__toolbar-left" };
-const _hoisted_4$a = { class: "document-article__toolbar-center" };
-const _hoisted_5$9 = { class: "document-article__toolbar-right" };
-const _hoisted_6$9 = { class: "document-article__body" };
+const _hoisted_4$c = { class: "document-article__toolbar-center" };
+const _hoisted_5$b = { class: "document-article__toolbar-right" };
+const _hoisted_6$a = { class: "document-article__body" };
 const _hoisted_7$4 = {
   key: 0,
   class: "document-article__center document-article__center--processing",
@@ -21807,7 +21900,7 @@ const _hoisted_10$2 = {
   role: "alert"
 };
 const _hoisted_11$1 = { class: "document-article__error-text" };
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "DocumentArticle",
   props: {
     status: { default: "done", type: String },
@@ -21832,18 +21925,18 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
         class: "document-article",
         "data-status": props.status
       }, [
-        _ctx.$slots["toolbar-left"] || _ctx.$slots["toolbar-center"] || _ctx.$slots["toolbar-right"] ? (openBlock(), createElementBlock("div", _hoisted_2$n, [
+        _ctx.$slots["toolbar-left"] || _ctx.$slots["toolbar-center"] || _ctx.$slots["toolbar-right"] ? (openBlock(), createElementBlock("div", _hoisted_2$o, [
           createBaseVNode("div", _hoisted_3$h, [
             renderSlot(_ctx.$slots, "toolbar-left", {}, void 0, true)
           ]),
-          createBaseVNode("div", _hoisted_4$a, [
+          createBaseVNode("div", _hoisted_4$c, [
             renderSlot(_ctx.$slots, "toolbar-center", {}, void 0, true)
           ]),
-          createBaseVNode("div", _hoisted_5$9, [
+          createBaseVNode("div", _hoisted_5$b, [
             renderSlot(_ctx.$slots, "toolbar-right", {}, void 0, true)
           ])
         ])) : createCommentVNode("", true),
-        createBaseVNode("div", _hoisted_6$9, [
+        createBaseVNode("div", _hoisted_6$a, [
           props.status === "processing" ? (openBlock(), createElementBlock("div", _hoisted_7$4, [
             createVNode(EditorIcon, {
               name: "spinner",
@@ -21870,13 +21963,13 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
             })
           ])) : renderSlot(_ctx.$slots, "default", {}, void 0, true, 2)
         ])
-      ], 8, _hoisted_1$u);
+      ], 8, _hoisted_1$v);
     };
   }
 });
-const _style_0$s = "\n.document-article[data-v-e3f4ca33] {\n  width: min(1088px, calc(100% - 16px));\n  max-width: 1088px;\n  margin: var(--spacing-lg) auto;\n  background-color: var(--color-surface);\n  border: 1px solid var(--color-border);\n  border-radius: var(--radius-md);\n  display: flex;\n  flex-direction: column;\n}\n.document-article__toolbar[data-v-e3f4ca33] {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-sm);\n  padding: var(--spacing-sm) var(--spacing-md);\n  border-bottom: 1px solid var(--color-border);\n  position: sticky;\n  top: 0;\n  background-color: var(--color-surface);\n  border-radius: var(--radius-md) var(--radius-md) 0 0;\n  z-index: 1;\n}\n.document-article__toolbar-left[data-v-e3f4ca33],\n.document-article__toolbar-right[data-v-e3f4ca33] {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n  flex-shrink: 0;\n}\n.document-article__toolbar-center[data-v-e3f4ca33] {\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-width: 0;\n}\n.document-article__body[data-v-e3f4ca33] {\n  flex: 1;\n  min-height: 0;\n}\n.document-article__center[data-v-e3f4ca33] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: var(--spacing-sm);\n  padding: var(--spacing-xl) var(--spacing-md);\n  text-align: center;\n}\n.document-article__center--processing[data-v-e3f4ca33] {\n  color: var(--color-primary);\n}\n.document-article__center--error[data-v-e3f4ca33] {\n  color: var(--color-danger, #d33);\n}\n.document-article__progress[data-v-e3f4ca33] {\n  width: min(280px, 100%);\n  height: 6px;\n}\n.document-article__progress-value[data-v-e3f4ca33] {\n  font-size: var(--font-size-xs);\n  font-variant-numeric: tabular-nums;\n  color: var(--color-text-muted);\n}\n.document-article__error-text[data-v-e3f4ca33] {\n  margin: 0;\n  max-width: 480px;\n  font-size: var(--font-size-sm);\n  line-height: var(--line-height);\n  color: var(--color-text-secondary);\n}\n";
-const DocumentArticle = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["styles", [_style_0$s]], ["__scopeId", "data-v-e3f4ca33"]]);
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _style_0$t = "\n.document-article[data-v-dda12eb4] {\n  /* One row of buttons plus padding and border. Declared rather than\n     measured: slot content must stay on one line (truncate, don't wrap), and\n     content stuck right under the toolbar (the markdown editor's toolbar)\n     reads this value as its offset. */\n  --document-toolbar-height: 49px;\n\n  width: min(1088px, calc(100% - 16px));\n  max-width: 1088px;\n  margin: var(--spacing-lg) auto;\n  background-color: var(--color-surface);\n  border: 1px solid var(--color-border);\n  border-radius: var(--radius-md);\n  display: flex;\n  flex-direction: column;\n}\n.document-article__toolbar[data-v-dda12eb4] {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-sm);\n  height: var(--document-toolbar-height);\n  padding: 0 var(--spacing-md);\n  border-bottom: 1px solid var(--color-border);\n  position: sticky;\n  top: 0;\n  background-color: var(--color-surface);\n  border-radius: var(--radius-md) var(--radius-md) 0 0;\n  z-index: 1;\n}\n.document-article__toolbar-left[data-v-dda12eb4],\n.document-article__toolbar-right[data-v-dda12eb4] {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n  flex-shrink: 0;\n}\n.document-article__toolbar-center[data-v-dda12eb4] {\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-width: 0;\n}\n.document-article__body[data-v-dda12eb4] {\n  flex: 1;\n  min-height: 0;\n}\n.document-article__center[data-v-dda12eb4] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: var(--spacing-sm);\n  padding: var(--spacing-xl) var(--spacing-md);\n  text-align: center;\n}\n.document-article__center--processing[data-v-dda12eb4] {\n  color: var(--color-primary);\n}\n.document-article__center--error[data-v-dda12eb4] {\n  color: var(--color-danger, #d33);\n}\n.document-article__progress[data-v-dda12eb4] {\n  width: min(280px, 100%);\n  height: 6px;\n}\n.document-article__progress-value[data-v-dda12eb4] {\n  font-size: var(--font-size-xs);\n  font-variant-numeric: tabular-nums;\n  color: var(--color-text-muted);\n}\n@media (max-width: 767px) {\n.document-article[data-v-dda12eb4] {\n    margin: var(--spacing-sm) auto;\n}\n}\n.document-article__error-text[data-v-dda12eb4] {\n  margin: 0;\n  max-width: 480px;\n  font-size: var(--font-size-sm);\n  line-height: var(--line-height);\n  color: var(--color-text-secondary);\n}\n";
+const DocumentArticle = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["styles", [_style_0$t]], ["__scopeId", "data-v-dda12eb4"]]);
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "DownloadMenu",
   props: {
     formats: { type: Array },
@@ -21892,7 +21985,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       emit2("select", item.format);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$E, {
+      return openBlock(), createBlock(_sfc_main$G, {
         items: props.formats,
         "item-key": (f2) => f2.format,
         align: "end",
@@ -21920,7 +22013,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "SpeakerMenu",
   emits: ["merge"],
   setup(__props, { emit: __emit }) {
@@ -21933,7 +22026,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       if (action.id === "merge") emit2("merge");
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$E, {
+      return openBlock(), createBlock(_sfc_main$G, {
         items: items.value,
         "item-key": (a2) => a2.id,
         align: "end",
@@ -21954,20 +22047,34 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$t = ["aria-label"];
-const _hoisted_2$m = ["aria-selected", "aria-disabled", "disabled", "onClick"];
+const _hoisted_1$u = ["aria-label"];
+const _hoisted_2$n = ["aria-selected", "aria-disabled", "disabled", "onClick"];
 const _hoisted_3$g = { class: "tab__label" };
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _hoisted_4$b = ["aria-selected", "aria-label"];
+const _hoisted_5$a = { class: "tab__label" };
+const _hoisted_6$9 = { class: "tab__menu-item" };
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "Tabs",
   props: {
     tabs: { type: Array },
     modelValue: { type: null },
-    ariaLabel: { type: String }
+    ariaLabel: { type: String },
+    collapseFrom: { type: Number }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit2 = __emit;
+    const { t: t2 } = useI18n();
+    const inlineTabs = computed(
+      () => props.collapseFrom === void 0 ? props.tabs : props.tabs.slice(0, props.collapseFrom)
+    );
+    const collapsedTabs = computed(
+      () => props.collapseFrom === void 0 ? [] : props.tabs.slice(props.collapseFrom)
+    );
+    const activeCollapsedTab = computed(
+      () => collapsedTabs.value.find((tab) => tab.value === props.modelValue) ?? null
+    );
     function onSelect(tab) {
       if (tab.disabled) return;
       if (tab.value === props.modelValue) return;
@@ -21979,7 +22086,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
         role: "tablist",
         "aria-label": __props.ariaLabel
       }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(inlineTabs.value, (tab) => {
           return openBlock(), createElementBlock("button", {
             key: tab.value,
             type: "button",
@@ -22006,14 +22113,65 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
               ]),
               _: 2
             }, 1024)) : createCommentVNode("", true)
-          ], 10, _hoisted_2$m);
-        }), 128))
-      ], 8, _hoisted_1$t);
+          ], 10, _hoisted_2$n);
+        }), 128)),
+        collapsedTabs.value.length > 0 ? (openBlock(), createBlock(_sfc_main$G, {
+          key: 0,
+          items: collapsedTabs.value,
+          "item-key": (tab) => tab.value,
+          "is-current": (tab) => tab.value === __props.modelValue,
+          align: "end",
+          onSelect
+        }, {
+          trigger: withCtx(() => [
+            createBaseVNode("button", {
+              type: "button",
+              role: "tab",
+              class: normalizeClass(["tab tab--more", { "tab--active": activeCollapsedTab.value !== null }]),
+              "aria-selected": activeCollapsedTab.value !== null,
+              "aria-label": unref(t2)("tabs.moreLabel")
+            }, [
+              createBaseVNode("span", _hoisted_5$a, toDisplayString(activeCollapsedTab.value ? activeCollapsedTab.value.label : unref(t2)("tabs.moreLabel")), 1),
+              activeCollapsedTab.value?.badge ? (openBlock(), createBlock(Badge, {
+                key: 0,
+                class: "tab__badge"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(activeCollapsedTab.value.badge), 1)
+                ]),
+                _: 1
+              })) : createCommentVNode("", true),
+              createVNode(EditorIcon, {
+                name: "chevron-down",
+                size: 14,
+                class: "tab__chevron"
+              })
+            ], 10, _hoisted_4$b)
+          ]),
+          item: withCtx(({ item }) => [
+            createBaseVNode("span", _hoisted_6$9, [
+              unref(resolveIcon)(item.icon) ? (openBlock(), createBlock(EditorIcon, {
+                key: 0,
+                name: item.icon,
+                size: 16
+              }, null, 8, ["name"])) : createCommentVNode("", true),
+              createBaseVNode("span", null, toDisplayString(item.label), 1),
+              item.badge ? (openBlock(), createBlock(Badge, { key: 1 }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(item.badge), 1)
+                ]),
+                _: 2
+              }, 1024)) : createCommentVNode("", true)
+            ])
+          ]),
+          _: 1
+        }, 8, ["items", "item-key", "is-current"])) : createCommentVNode("", true)
+      ], 8, _hoisted_1$u);
     };
   }
 });
-const _style_0$r = "\n.tabs[data-v-b17b8689] {\n  display: flex;\n  align-items: stretch;\n  gap: var(--spacing-xs);\n  padding: 0 var(--spacing-lg);\n  border-bottom: 1px solid var(--color-border);\n  background-color: var(--color-surface);\n  overflow-x: auto;\n  scrollbar-width: thin;\n}\n.transcript-ui-root .tab[data-v-b17b8689] {\n  all: unset;\n  box-sizing: border-box;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n  height: 44px;\n  padding: 0 var(--spacing-sm);\n  font-family: var(--font-family);\n  font-size: var(--font-size-sm);\n  font-weight: 500;\n  color: var(--color-text-secondary);\n  cursor: pointer;\n  white-space: nowrap;\n  border-bottom: 2px solid transparent;\n  transition:\n    color var(--transition-duration),\n    border-color var(--transition-duration);\n}\n.transcript-ui-root .tab[data-v-b17b8689]:hover:not([disabled]) {\n  color: var(--color-text-primary);\n}\n.transcript-ui-root .tab[data-v-b17b8689]:focus-visible {\n  outline: 2px solid var(--color-primary);\n  outline-offset: -2px;\n  border-radius: var(--radius-sm);\n}\n.transcript-ui-root .tab--active[data-v-b17b8689] {\n  color: var(--color-text-primary);\n  border-bottom-color: var(--color-primary);\n}\n.transcript-ui-root .tab[disabled][data-v-b17b8689] {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n.tab__icon[data-v-b17b8689] {\n  flex-shrink: 0;\n  color: currentColor;\n}\n.tab__label[data-v-b17b8689] {\n  text-box: cap alphabetic;\n}\n.tab__badge[data-v-b17b8689] {\n  margin-left: var(--spacing-xs);\n}\n";
-const Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["styles", [_style_0$r]], ["__scopeId", "data-v-b17b8689"]]);
+const _style_0$s = '\n.tabs[data-v-30747b8d] {\n  display: flex;\n  align-items: stretch;\n  gap: var(--spacing-xs);\n  padding: 0 var(--spacing-lg);\n  border-bottom: 1px solid var(--color-border);\n  background-color: var(--color-surface);\n  overflow-x: auto;\n  scrollbar-width: thin;\n}\n.transcript-ui-root .tab[data-v-30747b8d] {\n  all: unset;\n  box-sizing: border-box;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n  height: 44px;\n  padding: 0 var(--spacing-sm);\n  font-family: var(--font-family);\n  font-size: var(--font-size-sm);\n  font-weight: 500;\n  color: var(--color-text-secondary);\n  cursor: pointer;\n  white-space: nowrap;\n  border-bottom: 2px solid transparent;\n  transition:\n    color var(--transition-duration),\n    border-color var(--transition-duration);\n}\n.transcript-ui-root .tab[data-v-30747b8d]:hover:not([disabled]) {\n  color: var(--color-text-primary);\n}\n.transcript-ui-root .tab[data-v-30747b8d]:focus-visible {\n  outline: 2px solid var(--color-primary);\n  outline-offset: -2px;\n  border-radius: var(--radius-sm);\n}\n.transcript-ui-root .tab--active[data-v-30747b8d] {\n  color: var(--color-text-primary);\n  border-bottom-color: var(--color-primary);\n}\n.transcript-ui-root .tab[disabled][data-v-30747b8d] {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n.tab__icon[data-v-30747b8d] {\n  flex-shrink: 0;\n  color: currentColor;\n}\n.tab__label[data-v-30747b8d] {\n  text-box: cap alphabetic;\n}\n.tab__badge[data-v-30747b8d] {\n  margin-left: var(--spacing-xs);\n}\n.tab__chevron[data-v-30747b8d] {\n  flex-shrink: 0;\n  color: currentColor;\n}\n.tab__menu-item[data-v-30747b8d] {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n}\n\n/* Phone: the inline tabs share the width, labels shrink with an ellipsis,\n   icons go, nothing scrolls sideways (the rest lives in the "More" menu). */\n@media (max-width: 767px) {\n.tabs[data-v-30747b8d] {\n    padding: 0 var(--spacing-sm);\n    overflow-x: hidden;\n}\n.transcript-ui-root .tab[data-v-30747b8d] {\n    flex: 1;\n    min-width: 0;\n    justify-content: center;\n    padding: 0 var(--spacing-xs);\n    font-size: var(--font-size-xs);\n}\n.tab__icon[data-v-30747b8d] {\n    display: none;\n}\n.tab__label[data-v-30747b8d] {\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n}\n';
+const Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["styles", [_style_0$s]], ["__scopeId", "data-v-30747b8d"]]);
 const TEXT_NODE$1 = 3;
 function placeCaretAt(element, offset2) {
   element.focus({ preventScroll: true });
@@ -22070,8 +22228,8 @@ function computeSelectionOffset(container) {
   if (!focus2 || !container.contains(focus2.node)) return null;
   return computeTextOffsetInContainer(container, focus2.node, focus2.offset);
 }
-const _hoisted_1$s = ["aria-label", "textContent"];
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _hoisted_1$t = ["aria-label", "textContent"];
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "TurnTextEditor",
   props: {
     text: { type: String },
@@ -22125,22 +22283,22 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
         onKeydown,
         onBlur,
         textContent: toDisplayString(__props.text)
-      }, null, 40, _hoisted_1$s);
+      }, null, 40, _hoisted_1$t);
     };
   }
 });
-const _style_0$q = "\n.turn-text-editor[data-v-597e2575] {\n  margin: 0;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  cursor: text;\n  outline: 2px solid var(--color-primary);\n  border-radius: var(--radius-sm);\n  background-color: var(--color-surface);\n  padding: 0;\n}\n";
-const TurnTextEditor = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["styles", [_style_0$q]], ["__scopeId", "data-v-597e2575"]]);
-const _hoisted_1$r = { class: "editor-header" };
-const _hoisted_2$l = { class: "header-main" };
+const _style_0$r = "\n.turn-text-editor[data-v-597e2575] {\n  margin: 0;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  cursor: text;\n  outline: 2px solid var(--color-primary);\n  border-radius: var(--radius-sm);\n  background-color: var(--color-surface);\n  padding: 0;\n}\n";
+const TurnTextEditor = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["styles", [_style_0$r]], ["__scopeId", "data-v-597e2575"]]);
+const _hoisted_1$s = { class: "editor-header" };
+const _hoisted_2$m = { class: "header-main" };
 const _hoisted_3$f = { class: "document-title" };
-const _hoisted_4$9 = {
+const _hoisted_4$a = {
   key: 0,
   class: "document-meta"
 };
-const _hoisted_5$8 = { class: "header-right" };
+const _hoisted_5$9 = { class: "header-right" };
 const _hoisted_6$8 = { key: 0 };
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "Header",
   props: {
     title: { type: String },
@@ -22174,10 +22332,10 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
       ].filter(Boolean)
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("header", _hoisted_1$r, [
-        createBaseVNode("div", _hoisted_2$l, [
+      return openBlock(), createElementBlock("header", _hoisted_1$s, [
+        createBaseVNode("div", _hoisted_2$m, [
           createBaseVNode("h1", _hoisted_3$f, toDisplayString(formattedTitle.value), 1),
-          metaParts.value.length ? (openBlock(), createElementBlock("div", _hoisted_4$9, [
+          metaParts.value.length ? (openBlock(), createElementBlock("div", _hoisted_4$a, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(metaParts.value, (part, i2) => {
               return openBlock(), createElementBlock("span", {
                 key: i2,
@@ -22186,7 +22344,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
             }), 128))
           ])) : createCommentVNode("", true)
         ]),
-        createBaseVNode("div", _hoisted_5$8, [
+        createBaseVNode("div", _hoisted_5$9, [
           __props.isMobile ? (openBlock(), createBlock(unref(Button), {
             key: 0,
             variant: "transparent",
@@ -22253,11 +22411,28 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _style_0$p = '\n.editor-header[data-v-491cf8ab] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-md);\n  padding: var(--spacing-sm) var(--spacing-lg);\n  min-height: var(--header-height);\n  border-bottom: 1px solid var(--color-border);\n  background-color: var(--color-surface);\n  flex-shrink: 0;\n}\n.header-main[data-v-491cf8ab] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n  flex: 1;\n}\n.document-title[data-v-491cf8ab] {\n  font-size: var(--font-size-lg);\n  font-weight: 600;\n  color: var(--color-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  margin: 0;\n}\n.document-meta[data-v-491cf8ab] {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--spacing-xs);\n  font-size: var(--font-size-xs);\n  color: var(--color-text-muted);\n}\n.document-meta__part[data-v-491cf8ab] {\n  text-box: cap alphabetic;\n}\n.document-meta__part + .document-meta__part[data-v-491cf8ab]::before {\n  content: "·";\n  margin-right: var(--spacing-xs);\n}\n.header-right[data-v-491cf8ab] {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-sm);\n  flex-shrink: 0;\n}\n@media (max-width: 767px) {\n.editor-header[data-v-491cf8ab] {\n    padding: var(--spacing-xs) var(--spacing-md);\n}\n.document-title[data-v-491cf8ab] {\n    font-size: var(--font-size-base);\n}\n}\n';
-const Header = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["styles", [_style_0$p]], ["__scopeId", "data-v-491cf8ab"]]);
+const _style_0$q = '\n.editor-header[data-v-491cf8ab] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-md);\n  padding: var(--spacing-sm) var(--spacing-lg);\n  min-height: var(--header-height);\n  border-bottom: 1px solid var(--color-border);\n  background-color: var(--color-surface);\n  flex-shrink: 0;\n}\n.header-main[data-v-491cf8ab] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n  flex: 1;\n}\n.document-title[data-v-491cf8ab] {\n  font-size: var(--font-size-lg);\n  font-weight: 600;\n  color: var(--color-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  margin: 0;\n}\n.document-meta[data-v-491cf8ab] {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--spacing-xs);\n  font-size: var(--font-size-xs);\n  color: var(--color-text-muted);\n}\n.document-meta__part[data-v-491cf8ab] {\n  text-box: cap alphabetic;\n}\n.document-meta__part + .document-meta__part[data-v-491cf8ab]::before {\n  content: "·";\n  margin-right: var(--spacing-xs);\n}\n.header-right[data-v-491cf8ab] {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-sm);\n  flex-shrink: 0;\n}\n@media (max-width: 767px) {\n.editor-header[data-v-491cf8ab] {\n    padding: var(--spacing-xs) var(--spacing-md);\n}\n.document-title[data-v-491cf8ab] {\n    font-size: var(--font-size-base);\n}\n}\n';
+const Header = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["styles", [_style_0$q]], ["__scopeId", "data-v-491cf8ab"]]);
 const TRANSCRIPTION_TAB = "__transcription__";
 const VERBATIM_TAB = "__verbatim__";
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const MOBILE_BREAKPOINT = "(max-width: 767px)";
+function useIsMobile() {
+  const isMobile = /* @__PURE__ */ ref(window.matchMedia(MOBILE_BREAKPOINT).matches);
+  let mql = null;
+  function onChange(e3) {
+    isMobile.value = e3.matches;
+  }
+  onMounted(() => {
+    mql = window.matchMedia(MOBILE_BREAKPOINT);
+    isMobile.value = mql.matches;
+    mql.addEventListener("change", onChange);
+  });
+  onBeforeUnmount(() => {
+    mql?.removeEventListener("change", onChange);
+  });
+  return { isMobile };
+}
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "TabBar",
   props: {
     modelValue: { type: String },
@@ -22269,6 +22444,11 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     const emit2 = __emit;
     const core = useCore();
     const { t: t2 } = useI18n();
+    const { isMobile } = useIsMobile();
+    const collapseFrom = computed(() => {
+      if (!isMobile.value) return void 0;
+      return props.showVerbatim ? 2 : 1;
+    });
     const tabs = computed(() => {
       const services = core.llmServices?.list.value ?? [];
       return [
@@ -22300,8 +22480,9 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
         key: 0,
         tabs: tabs.value,
         "model-value": __props.modelValue,
+        "collapse-from": collapseFrom.value,
         "onUpdate:modelValue": onSelect
-      }, null, 8, ["tabs", "model-value"])) : createCommentVNode("", true);
+      }, null, 8, ["tabs", "model-value", "collapse-from"])) : createCommentVNode("", true);
     };
   }
 });
@@ -22366,7 +22547,7 @@ function createStickToBottomEngine(initialOptions = {}) {
   };
   function notify() {
     const snapshot = getPublicState();
-    for (const l2 of listeners) l2(snapshot);
+    for (const l4 of listeners) l4(snapshot);
   }
   function getPublicState() {
     return {
@@ -22671,7 +22852,7 @@ function useStickToBottom(options = {}) {
   };
 }
 var StickToBottomKey = /* @__PURE__ */ Symbol("StickToBottom");
-var _hoisted_1$q = { style: {
+var _hoisted_1$r = { style: {
   "position": "relative",
   "height": "100%",
   "width": "100%",
@@ -22737,7 +22918,7 @@ var StickToBottom_default = /* @__PURE__ */ defineComponent({
       stopScroll
     }));
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [createBaseVNode("div", _hoisted_1$q, [createBaseVNode("div", {
+      return openBlock(), createElementBlock("div", null, [createBaseVNode("div", _hoisted_1$r, [createBaseVNode("div", {
         ref_key: "scrollRef",
         ref: scrollRef,
         style: normalizeStyle({
@@ -22754,12 +22935,12 @@ var StickToBottom_default = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$p = ["datetime"];
-const _hoisted_2$k = {
+const _hoisted_1$q = ["datetime"];
+const _hoisted_2$l = {
   key: 2,
   class: "lang"
 };
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "SpeakerLabel",
   props: {
     speaker: { type: Object },
@@ -22811,19 +22992,19 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
           key: 1,
           class: "timestamp",
           datetime: timestamp.value.datetime
-        }, toDisplayString(timestamp.value.text), 9, _hoisted_1$p)) : createCommentVNode("", true),
-        languageName.value ? (openBlock(), createElementBlock("span", _hoisted_2$k, toDisplayString(languageName.value), 1)) : createCommentVNode("", true)
+        }, toDisplayString(timestamp.value.text), 9, _hoisted_1$q)) : createCommentVNode("", true),
+        languageName.value ? (openBlock(), createElementBlock("span", _hoisted_2$l, toDisplayString(languageName.value), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const _style_0$o = "\n.speaker-label[data-v-76cb4ed6] {\n  display: flex;\n  border-bottom: 2px solid transparent;\n  align-items: center;\n  gap: var(--spacing-sm);\n}\n.speaker-name[data-v-76cb4ed6] {\n  font-size: var(--font-size-sm);\n  font-weight: 600;\n  color: var(--color-text-primary);\n}\n.speaker-name--unknown[data-v-76cb4ed6] {\n  font-weight: 400;\n  font-style: italic;\n  color: var(--color-text-muted);\n}\n.speaker-label--interactive:hover .speaker-name[data-v-76cb4ed6] {\n  text-decoration: underline;\n}\n.timestamp[data-v-76cb4ed6] {\n  font-size: var(--font-size-xs);\n  font-family: var(--font-family-mono);\n  color: var(--color-text-muted);\n  /* not supported on firefox yet */\n  text-box: trim-both cap alphabetic;\n}\n.lang[data-v-76cb4ed6] {\n  font-size: var(--font-size-xs);\n  font-weight: 400;\n  /* not supported on firefox yet */\n  text-box: trim-both cap alphabetic;\n}\n";
-const SpeakerLabel = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["styles", [_style_0$o]], ["__scopeId", "data-v-76cb4ed6"]]);
-const _hoisted_1$o = {
+const _style_0$p = "\n.speaker-label[data-v-76cb4ed6] {\n  display: flex;\n  border-bottom: 2px solid transparent;\n  align-items: center;\n  gap: var(--spacing-sm);\n}\n.speaker-name[data-v-76cb4ed6] {\n  font-size: var(--font-size-sm);\n  font-weight: 600;\n  color: var(--color-text-primary);\n}\n.speaker-name--unknown[data-v-76cb4ed6] {\n  font-weight: 400;\n  font-style: italic;\n  color: var(--color-text-muted);\n}\n.speaker-label--interactive:hover .speaker-name[data-v-76cb4ed6] {\n  text-decoration: underline;\n}\n.timestamp[data-v-76cb4ed6] {\n  font-size: var(--font-size-xs);\n  font-family: var(--font-family-mono);\n  color: var(--color-text-muted);\n  /* not supported on firefox yet */\n  text-box: trim-both cap alphabetic;\n}\n.lang[data-v-76cb4ed6] {\n  font-size: var(--font-size-xs);\n  font-weight: 400;\n  /* not supported on firefox yet */\n  text-box: trim-both cap alphabetic;\n}\n";
+const SpeakerLabel = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["styles", [_style_0$p]], ["__scopeId", "data-v-76cb4ed6"]]);
+const _hoisted_1$p = {
   key: 0,
   class: "merge-turns"
 };
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "MergeTurnsButton",
   props: {
     firstTurnId: { type: String },
@@ -22843,7 +23024,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       core.transcriptionEditor.mergeTurns(props.firstTurnId, props.secondTurnId);
     }
     return (_ctx, _cache) => {
-      return canShow.value ? (openBlock(), createElementBlock("div", _hoisted_1$o, [
+      return canShow.value ? (openBlock(), createElementBlock("div", _hoisted_1$p, [
         createVNode(unref(Button), {
           size: "sm",
           variant: "inverse",
@@ -22856,8 +23037,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _style_0$n = "\n.merge-turns[data-v-8d977feb] {\n  display: flex;\n  justify-content: center;\n}\n\n/* Compact: the control sits in the gap between turns without inflating it. */\n.merge-turns[data-v-8d977feb] .editor-btn {\n  --btn-height: 22px;\n}\n";
-const MergeTurnsButton = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["styles", [_style_0$n]], ["__scopeId", "data-v-8d977feb"]]);
+const _style_0$o = "\n.merge-turns[data-v-8d977feb] {\n  display: flex;\n  justify-content: center;\n}\n\n/* Compact: the control sits in the gap between turns without inflating it. */\n.merge-turns[data-v-8d977feb] .editor-btn {\n  --btn-height: 22px;\n}\n";
+const MergeTurnsButton = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["styles", [_style_0$o]], ["__scopeId", "data-v-8d977feb"]]);
 function renameSpeaker$1(core, speakerId, newName) {
   const trimmed = newName.trim();
   const existing = core.speakers.all.get(speakerId);
@@ -22920,12 +23101,12 @@ const helpers = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   switchTurnSpeaker: switchTurnSpeaker$1,
   updateTurnWords
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$n = {
+const _hoisted_1$o = {
   type: "button",
   class: "speaker-popover-trigger"
 };
-const _hoisted_2$j = { class: "speaker-popover-name" };
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _hoisted_2$k = { class: "speaker-popover-name" };
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "SpeakerPopover",
   props: {
     turnId: { type: String },
@@ -22991,7 +23172,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       isCreatingNew.value = false;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$E), {
+      return openBlock(), createBlock(unref(_sfc_main$G), {
         open: isOpen.value,
         "onUpdate:open": _cache[1] || (_cache[1] = ($event) => isOpen.value = $event),
         items: speakers.value,
@@ -23000,7 +23181,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
         onSelect: onPickExisting
       }, {
         trigger: withCtx(() => [
-          createBaseVNode("button", _hoisted_1$n, [
+          createBaseVNode("button", _hoisted_1$o, [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])
         ]),
@@ -23008,7 +23189,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
           createVNode(unref(SpeakerIndicator), {
             color: item.color
           }, null, 8, ["color"]),
-          createBaseVNode("span", _hoisted_2$j, toDisplayString(item.name), 1)
+          createBaseVNode("span", _hoisted_2$k, toDisplayString(item.name), 1)
         ]),
         footer: withCtx(() => [
           !isCreatingNew.value ? (openBlock(), createBlock(unref(Button), {
@@ -23041,8 +23222,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _style_0$m = "\n.transcript-ui-root .speaker-popover-trigger[data-v-0679fde9] {\n  all: unset;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  border-radius: var(--radius-sm);\n}\n.transcript-ui-root .speaker-popover-trigger[data-v-0679fde9]:focus-visible {\n  outline: 2px solid var(--color-primary);\n  outline-offset: 2px;\n}\n.speaker-popover-name[data-v-0679fde9] {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n";
-const SpeakerPopover = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["styles", [_style_0$m]], ["__scopeId", "data-v-0679fde9"]]);
+const _style_0$n = "\n.transcript-ui-root .speaker-popover-trigger[data-v-0679fde9] {\n  all: unset;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  border-radius: var(--radius-sm);\n}\n.transcript-ui-root .speaker-popover-trigger[data-v-0679fde9]:focus-visible {\n  outline: 2px solid var(--color-primary);\n  outline-offset: 2px;\n}\n.speaker-popover-name[data-v-0679fde9] {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n";
+const SpeakerPopover = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["styles", [_style_0$n]], ["__scopeId", "data-v-0679fde9"]]);
 const turnSelectionKey = /* @__PURE__ */ Symbol("turnSelection");
 function getTurnText(turn) {
   if (turn.words.length > 0) {
@@ -23188,14 +23369,14 @@ function findWordAtOffset(words, offset2) {
     (w2) => w2.charStart != null && w2.charEnd != null && w2.charStart <= offset2 && offset2 < w2.charEnd
   );
 }
-const _hoisted_1$m = ["data-turn-active", "aria-selected"];
-const _hoisted_2$i = {
+const _hoisted_1$n = ["data-turn-active", "aria-selected"];
+const _hoisted_2$j = {
   key: 4,
   class: "turn-edit-actions"
 };
 const _hoisted_3$e = ["role", "tabindex", "aria-label", "aria-disabled"];
-const _hoisted_4$8 = ["data-word-active"];
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _hoisted_4$9 = ["data-word-active"];
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "TranscriptionTurn",
   props: {
     turn: { type: Object },
@@ -23376,7 +23557,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
             "start-date": __props.turn.startDate,
             language: __props.turn.language
           }, null, 8, ["speaker", "start-time", "start-date", "language"])),
-          isEditing.value || turnLock.value ? (openBlock(), createElementBlock("div", _hoisted_2$i, [
+          isEditing.value || turnLock.value ? (openBlock(), createElementBlock("div", _hoisted_2$j, [
             isEditing.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
               createVNode(unref(Button), {
                 size: "sm",
@@ -23431,50 +23612,50 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
               createBaseVNode("span", {
                 class: normalizeClass({ "word--active": word.id === activeWordId.value }),
                 "data-word-active": word.id === activeWordId.value || void 0
-              }, toDisplayString(word.text), 11, _hoisted_4$8),
+              }, toDisplayString(word.text), 11, _hoisted_4$9),
               createTextVNode(toDisplayString(i2 < __props.turn.words.length - 1 ? " " : ""), 1)
             ], 64);
           }), 128)) : __props.turn.text ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
             createTextVNode(toDisplayString(__props.turn.text), 1)
           ], 64)) : createCommentVNode("", true)
         ], 42, _hoisted_3$e))
-      ], 14, _hoisted_1$m);
+      ], 14, _hoisted_1$n);
     };
   }
 });
-const _style_0$l = "\n.turn[data-v-5a13b85e] {\n  padding: var(--spacing-sm) var(--spacing-lg);\n}\n.turn-header[data-v-5a13b85e] {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-sm);\n  cursor: pointer;\n  user-select: none;\n  border-radius: var(--radius-sm);\n  padding: var(--spacing-xxs) 0;\n  /* Reserve the edit-actions height (Button sm) so entering/leaving edit\n     mode never shifts the layout. */\n  min-height: 36px;\n}\n.turn-edit-actions[data-v-5a13b85e] {\n  margin-left: auto;\n  display: flex;\n  gap: var(--spacing-xs);\n}\n\n/* Same reset as the popover's own trigger: the label IS the button. */\n.transcript-ui-root .speaker-trigger[data-v-5a13b85e] {\n  all: unset;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  border-radius: var(--radius-sm);\n}\n.transcript-ui-root .speaker-trigger[data-v-5a13b85e]:focus-visible {\n  outline: 2px solid var(--color-primary);\n  outline-offset: 2px;\n}\n.turn[data-v-5a13b85e]:has(.turn-header:hover) {\n  background-color: var(--color-surface-hover);\n}\n.turn-text[data-v-5a13b85e] {\n  margin-top: var(--spacing-xs);\n  font-size: var(--font-size-base);\n  line-height: var(--line-height);\n  color: var(--color-text-primary);\n}\n.turn-text--editable[data-v-5a13b85e] {\n  cursor: text;\n}\n.turn-text--editable[data-v-5a13b85e]:focus-visible {\n  outline: 2px solid var(--color-primary);\n  border-radius: var(--radius-sm);\n}\n.turn--selected[data-v-5a13b85e] {\n  background-color: color-mix(in srgb, var(--color-primary) 8%, transparent);\n  border-left: 3px solid var(--color-primary);\n  padding-left: calc(var(--spacing-lg) - 3px);\n}\n.turn--active[data-v-5a13b85e]:not(.turn--selected) {\n  border-left: 3px solid var(--speaker-color);\n  background-color: color-mix(in srgb, var(--speaker-color) 8%, transparent);\n  padding-left: calc(var(--spacing-lg) - 3px);\n}\n.word--active[data-v-5a13b85e] {\n  text-decoration: underline;\n  text-decoration-color: var(--color-primary);\n  text-decoration-thickness: 2px;\n  text-underline-offset: 3px;\n  color: var(--color-primary);\n}\n.turn--partial .turn-text[data-v-5a13b85e] {\n  font-style: italic;\n  color: var(--color-text-muted);\n  animation: partial-fade-in-5a13b85e 200ms ease;\n}\n@keyframes partial-fade-in-5a13b85e {\nfrom {\n    opacity: 0;\n}\nto {\n    opacity: 1;\n}\n}\n@media (prefers-reduced-motion: reduce) {\n.turn--partial .turn-text[data-v-5a13b85e] {\n    animation: none;\n}\n}\n@media (max-width: 767px) {\n.turn[data-v-5a13b85e] {\n    padding: var(--spacing-sm) var(--spacing-md);\n}\n.turn--selected[data-v-5a13b85e],\n  .turn--active[data-v-5a13b85e]:not(.turn--selected) {\n    padding-left: calc(var(--spacing-md) - 3px);\n}\n}\n";
-const TranscriptionTurn = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["styles", [_style_0$l]], ["__scopeId", "data-v-5a13b85e"]]);
-const _sfc_main$o = {};
-const _hoisted_1$l = {
+const _style_0$m = "\n.turn[data-v-5a13b85e] {\n  padding: var(--spacing-sm) var(--spacing-lg);\n}\n.turn-header[data-v-5a13b85e] {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-sm);\n  cursor: pointer;\n  user-select: none;\n  border-radius: var(--radius-sm);\n  padding: var(--spacing-xxs) 0;\n  /* Reserve the edit-actions height (Button sm) so entering/leaving edit\n     mode never shifts the layout. */\n  min-height: 36px;\n}\n.turn-edit-actions[data-v-5a13b85e] {\n  margin-left: auto;\n  display: flex;\n  gap: var(--spacing-xs);\n}\n\n/* Same reset as the popover's own trigger: the label IS the button. */\n.transcript-ui-root .speaker-trigger[data-v-5a13b85e] {\n  all: unset;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  border-radius: var(--radius-sm);\n}\n.transcript-ui-root .speaker-trigger[data-v-5a13b85e]:focus-visible {\n  outline: 2px solid var(--color-primary);\n  outline-offset: 2px;\n}\n.turn[data-v-5a13b85e]:has(.turn-header:hover) {\n  background-color: var(--color-surface-hover);\n}\n.turn-text[data-v-5a13b85e] {\n  margin-top: var(--spacing-xs);\n  font-size: var(--font-size-base);\n  line-height: var(--line-height);\n  color: var(--color-text-primary);\n}\n.turn-text--editable[data-v-5a13b85e] {\n  cursor: text;\n}\n.turn-text--editable[data-v-5a13b85e]:focus-visible {\n  outline: 2px solid var(--color-primary);\n  border-radius: var(--radius-sm);\n}\n.turn--selected[data-v-5a13b85e] {\n  background-color: color-mix(in srgb, var(--color-primary) 8%, transparent);\n  border-left: 3px solid var(--color-primary);\n  padding-left: calc(var(--spacing-lg) - 3px);\n}\n.turn--active[data-v-5a13b85e]:not(.turn--selected) {\n  border-left: 3px solid var(--speaker-color);\n  background-color: color-mix(in srgb, var(--speaker-color) 8%, transparent);\n  padding-left: calc(var(--spacing-lg) - 3px);\n}\n.word--active[data-v-5a13b85e] {\n  text-decoration: underline;\n  text-decoration-color: var(--color-primary);\n  text-decoration-thickness: 2px;\n  text-underline-offset: 3px;\n  color: var(--color-primary);\n}\n.turn--partial .turn-text[data-v-5a13b85e] {\n  font-style: italic;\n  color: var(--color-text-muted);\n  animation: partial-fade-in-5a13b85e 200ms ease;\n}\n@keyframes partial-fade-in-5a13b85e {\nfrom {\n    opacity: 0;\n}\nto {\n    opacity: 1;\n}\n}\n@media (prefers-reduced-motion: reduce) {\n.turn--partial .turn-text[data-v-5a13b85e] {\n    animation: none;\n}\n}\n@media (max-width: 767px) {\n.turn[data-v-5a13b85e] {\n    padding: var(--spacing-sm) var(--spacing-md);\n}\n.turn--selected[data-v-5a13b85e],\n  .turn--active[data-v-5a13b85e]:not(.turn--selected) {\n    padding-left: calc(var(--spacing-md) - 3px);\n}\n}\n";
+const TranscriptionTurn = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["styles", [_style_0$m]], ["__scopeId", "data-v-5a13b85e"]]);
+const _sfc_main$q = {};
+const _hoisted_1$m = {
   viewBox: "0 0 938 604",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
 function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$l, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$m, [..._cache[0] || (_cache[0] = [
     createStaticVNode('<polygon points="331.5,533.5 331.5,520.5 702.5,428.5 705.5,443.5" fill="#3f3d56" transform="matrix(1.8176168,0,0,1.8176168,-452.14416,-495.30213)"></polygon><polygon points="564.5,469.5 555.5,452.5 544.5,455.5 542.5,472.5" fill="#3f3d56" transform="matrix(1.8176168,0,0,1.8176168,-452.14416,-495.30213)"></polygon><path d="m 317.61655,19.99224 c 0,0 79.97514,-5.452851 101.78654,56.34612 21.81141,61.79897 72.70468,172.67359 92.69846,189.03214 19.99379,16.35855 41.80519,59.98136 38.16995,74.52229" stroke="#3f3d56" stroke-miterlimit="10" stroke-width="9.08808"></path><path d="m 329.43106,19.083431 c 0,8.532657 -9.0733,15.449743 -23.62902,15.449743 -14.55571,0 -21.8114,-6.917086 -21.8114,-15.449743 0,-8.532657 7.25569,-15.4497427 21.8114,-15.4497427 14.55572,0 23.62902,6.9170857 23.62902,15.4497427 z" fill="currentColor" style="fill:#999999;"></path><polygon points="691.5,439.5 364.5,521.5 377.5,602.5 666.5,602.5" fill="#3f3d56" transform="matrix(1.8176168,0,0,1.8176168,-456.32371,-492.51252)"></polygon>', 5)
   ])]);
 }
-const MicrophoneIllustration = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render]]);
-const _hoisted_1$k = { class: "transcription-empty" };
-const _hoisted_2$h = { class: "message" };
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const MicrophoneIllustration = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render]]);
+const _hoisted_1$l = { class: "transcription-empty" };
+const _hoisted_2$i = { class: "message" };
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "TranscriptionEmpty",
   setup(__props) {
     const { t: t2 } = useI18n();
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$k, [
+      return openBlock(), createElementBlock("div", _hoisted_1$l, [
         createVNode(MicrophoneIllustration, {
           class: "illustration",
           "aria-hidden": "true"
         }),
-        createBaseVNode("p", _hoisted_2$h, toDisplayString(unref(t2)("transcription.empty")), 1)
+        createBaseVNode("p", _hoisted_2$i, toDisplayString(unref(t2)("transcription.empty")), 1)
       ]);
     };
   }
 });
-const _style_0$k = "\n.transcription-empty[data-v-585c4f2b] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: var(--spacing-lg);\n  padding: var(--spacing-xl);\n}\n.illustration[data-v-585c4f2b] {\n  width: 180px;\n  height: auto;\n  color: var(--color-text-muted);\n  opacity: 0.5;\n}\n.message[data-v-585c4f2b] {\n  color: var(--color-text-muted);\n  font-size: var(--font-size-sm);\n  text-align: center;\n  margin: 0;\n}\n";
-const TranscriptionEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["styles", [_style_0$k]], ["__scopeId", "data-v-585c4f2b"]]);
+const _style_0$l = "\n.transcription-empty[data-v-585c4f2b] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: var(--spacing-lg);\n  padding: var(--spacing-xl);\n}\n.illustration[data-v-585c4f2b] {\n  width: 180px;\n  height: auto;\n  color: var(--color-text-muted);\n  opacity: 0.5;\n}\n.message[data-v-585c4f2b] {\n  color: var(--color-text-muted);\n  font-size: var(--font-size-sm);\n  text-align: center;\n  margin: 0;\n}\n";
+const TranscriptionEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["styles", [_style_0$l]], ["__scopeId", "data-v-585c4f2b"]]);
 function activeWordRange(root2, core, wordId2) {
   const parsed = parseWordId(wordId2);
   if (!parsed) return null;
@@ -23609,18 +23790,18 @@ function useFollowPlayback(scrollContainer) {
   }
   return { isFollowing, resumeFollow };
 }
-const _hoisted_1$j = { class: "transcription-panel" };
-const _hoisted_2$g = {
+const _hoisted_1$k = { class: "transcription-panel" };
+const _hoisted_2$h = {
   ref: "scrollContainer",
   class: "scroll-container"
 };
 const _hoisted_3$d = { class: "turns-container" };
-const _hoisted_4$7 = {
+const _hoisted_4$8 = {
   key: 0,
   class: "history-loading",
   role: "status"
 };
-const _hoisted_5$7 = {
+const _hoisted_5$8 = {
   key: 1,
   class: "history-start"
 };
@@ -23628,7 +23809,7 @@ const _hoisted_6$7 = {
   key: 0,
   class: "resume-scroll-anchor"
 };
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "TranscriptionPanel",
   props: {
     turns: { type: Array },
@@ -23725,13 +23906,13 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
       scrollContainerRef.value?.removeEventListener("scroll", onScrollTop);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("article", _hoisted_1$j, [
-        createBaseVNode("div", _hoisted_2$g, [
+      return openBlock(), createElementBlock("article", _hoisted_1$k, [
+        createBaseVNode("div", _hoisted_2$h, [
           createBaseVNode("div", _hoisted_3$d, [
-            isLoadingHistory.value ? (openBlock(), createElementBlock("div", _hoisted_4$7, [..._cache[2] || (_cache[2] = [
+            isLoadingHistory.value ? (openBlock(), createElementBlock("div", _hoisted_4$8, [..._cache[2] || (_cache[2] = [
               createBaseVNode("progress", null, null, -1)
             ])])) : createCommentVNode("", true),
-            !hasMoreHistory.value && __props.turns.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_5$7, toDisplayString(unref(t2)("transcription.historyStart")), 1)) : createCommentVNode("", true),
+            !hasMoreHistory.value && __props.turns.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_5$8, toDisplayString(unref(t2)("transcription.historyStart")), 1)) : createCommentVNode("", true),
             __props.turns.length === 0 && !isLoadingHistory.value && !partialTurn.value ? (openBlock(), createBlock(TranscriptionEmpty, {
               key: 2,
               class: "transcription-empty"
@@ -23785,13 +23966,13 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _style_0$j = "\n.transcription-panel[data-v-66b767d7] {\n  min-height: 0;\n  overflow: hidden;\n  background-color: var(--color-surface);\n}\n.scroll-container[data-v-66b767d7] {\n  height: 100%;\n  overflow: auto;\n  position: relative;\n}\n.turns-container[data-v-66b767d7] {\n  max-width: 80ch;\n  margin-inline: auto;\n  padding: var(--spacing-lg);\n}\n.turns-container[data-v-66b767d7]:has(.transcription-empty) {\n  display: flex;\n  flex-direction: column;\n  min-height: 100%;\n}\n.history-loading[data-v-66b767d7] {\n  text-align: center;\n  padding: var(--spacing-md);\n}\n.history-loading progress[data-v-66b767d7] {\n  width: 120px;\n}\n.history-start[data-v-66b767d7] {\n  text-align: center;\n  padding: var(--spacing-md);\n  color: var(--color-text-muted);\n  font-size: var(--font-size-sm);\n}\n\n/* Resume scroll button — placement lives on this wrapper, never on the\n   button itself: Button.vue's `.editor-btn` base rule resets `position` via\n   `all: unset` (and, in the webcomponent build, gets re-injected a second\n   time after everything else to reach teleported popovers/dialogs — see\n   packages/webcomponent/src/index.ts), so any positioning put directly on\n   the button is one rebuild away from being silently overridden again. */\n.resume-scroll-anchor[data-v-66b767d7] {\n  position: sticky;\n  bottom: var(--spacing-lg);\n  z-index: var(--z-sticky);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.resume-scroll-btn[data-v-66b767d7] {\n  /* No backdrop-filter: this button is sticky inside the tall scroll\n     container, where a backdrop-filter makes WebRender allocate a render\n     target spanning the whole scroll height — multi-GB on a long transcript. */\n  background: white !important;\n  border: 1px solid var(--color-border);\n  box-shadow: var(--shadow-sm);\n}\n\n/* Transition */\n.fade-slide-enter-active[data-v-66b767d7],\n.fade-slide-leave-active[data-v-66b767d7] {\n  transition:\n    opacity 200ms ease,\n    translate 200ms ease;\n}\n.fade-slide-enter-from[data-v-66b767d7],\n.fade-slide-leave-to[data-v-66b767d7] {\n  opacity: 0;\n  translate: 0 8px;\n}\n@media (prefers-reduced-motion: reduce) {\n.fade-slide-enter-active[data-v-66b767d7],\n  .fade-slide-leave-active[data-v-66b767d7] {\n    transition: none;\n}\n}\n@media (max-width: 767px) {\n.turns-container[data-v-66b767d7] {\n    padding: var(--spacing-md);\n}\n}\n";
-const TranscriptionPanel = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["styles", [_style_0$j]], ["__scopeId", "data-v-66b767d7"]]);
-const _hoisted_1$i = { class: "verbatim-panel" };
-const _hoisted_2$f = { class: "verbatim-panel__content" };
+const _style_0$k = "\n.transcription-panel[data-v-66b767d7] {\n  min-height: 0;\n  overflow: hidden;\n  background-color: var(--color-surface);\n}\n.scroll-container[data-v-66b767d7] {\n  height: 100%;\n  overflow: auto;\n  position: relative;\n}\n.turns-container[data-v-66b767d7] {\n  max-width: 80ch;\n  margin-inline: auto;\n  padding: var(--spacing-lg);\n}\n.turns-container[data-v-66b767d7]:has(.transcription-empty) {\n  display: flex;\n  flex-direction: column;\n  min-height: 100%;\n}\n.history-loading[data-v-66b767d7] {\n  text-align: center;\n  padding: var(--spacing-md);\n}\n.history-loading progress[data-v-66b767d7] {\n  width: 120px;\n}\n.history-start[data-v-66b767d7] {\n  text-align: center;\n  padding: var(--spacing-md);\n  color: var(--color-text-muted);\n  font-size: var(--font-size-sm);\n}\n\n/* Resume scroll button — placement lives on this wrapper, never on the\n   button itself: Button.vue's `.editor-btn` base rule resets `position` via\n   `all: unset` (and, in the webcomponent build, gets re-injected a second\n   time after everything else to reach teleported popovers/dialogs — see\n   packages/webcomponent/src/index.ts), so any positioning put directly on\n   the button is one rebuild away from being silently overridden again. */\n.resume-scroll-anchor[data-v-66b767d7] {\n  position: sticky;\n  bottom: var(--spacing-lg);\n  z-index: var(--z-sticky);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.resume-scroll-btn[data-v-66b767d7] {\n  /* No backdrop-filter: this button is sticky inside the tall scroll\n     container, where a backdrop-filter makes WebRender allocate a render\n     target spanning the whole scroll height — multi-GB on a long transcript. */\n  background: white !important;\n  border: 1px solid var(--color-border);\n  box-shadow: var(--shadow-sm);\n}\n\n/* Transition */\n.fade-slide-enter-active[data-v-66b767d7],\n.fade-slide-leave-active[data-v-66b767d7] {\n  transition:\n    opacity 200ms ease,\n    translate 200ms ease;\n}\n.fade-slide-enter-from[data-v-66b767d7],\n.fade-slide-leave-to[data-v-66b767d7] {\n  opacity: 0;\n  translate: 0 8px;\n}\n@media (prefers-reduced-motion: reduce) {\n.fade-slide-enter-active[data-v-66b767d7],\n  .fade-slide-leave-active[data-v-66b767d7] {\n    transition: none;\n}\n}\n@media (max-width: 767px) {\n.turns-container[data-v-66b767d7] {\n    padding: var(--spacing-md);\n}\n}\n";
+const TranscriptionPanel = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["styles", [_style_0$k]], ["__scopeId", "data-v-66b767d7"]]);
+const _hoisted_1$j = { class: "verbatim-panel" };
+const _hoisted_2$g = { class: "verbatim-panel__content" };
 const _hoisted_3$c = { class: "verbatim-panel__header" };
-const _hoisted_4$6 = { class: "verbatim-panel__doc-title" };
-const _hoisted_5$6 = { class: "verbatim-panel__turns" };
+const _hoisted_4$7 = { class: "verbatim-panel__doc-title" };
+const _hoisted_5$7 = { class: "verbatim-panel__turns" };
 const _hoisted_6$6 = { class: "verbatim-panel__turn-header" };
 const _hoisted_7$3 = { class: "verbatim-panel__speaker-name" };
 const _hoisted_8$1 = {
@@ -23803,7 +23984,7 @@ const _hoisted_9$1 = {
   class: "verbatim-panel__meta"
 };
 const _hoisted_10$1 = { class: "verbatim-panel__text" };
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "VerbatimPanel",
   setup(__props) {
     const core = useCore();
@@ -23849,20 +24030,20 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       core.emit("verbatim:export", { format: format2 });
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("section", _hoisted_1$i, [
+      return openBlock(), createElementBlock("section", _hoisted_1$j, [
         createVNode(unref(DocumentArticle), null, {
           "toolbar-right": withCtx(() => [
-            createVNode(unref(_sfc_main$y), {
+            createVNode(unref(_sfc_main$A), {
               formats: unref(core).verbatimFormats.value,
               onSelect: onExport
             }, null, 8, ["formats"])
           ]),
           default: withCtx(() => [
-            createBaseVNode("article", _hoisted_2$f, [
+            createBaseVNode("article", _hoisted_2$g, [
               createBaseVNode("header", _hoisted_3$c, [
-                createBaseVNode("h1", _hoisted_4$6, toDisplayString(title.value), 1)
+                createBaseVNode("h1", _hoisted_4$7, toDisplayString(title.value), 1)
               ]),
-              createBaseVNode("ul", _hoisted_5$6, [
+              createBaseVNode("ul", _hoisted_5$7, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(turns.value, (turn) => {
                   return openBlock(), createElementBlock("li", {
                     key: turn.id,
@@ -23897,9 +24078,9 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _style_0$i = "\n.verbatim-panel[data-v-4bbe16ed] {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  min-height: 0;\n  overflow-y: auto;\n}\n.verbatim-panel__content[data-v-4bbe16ed] {\n  padding: 4rem clamp(1.5rem, 6rem, 8%);\n}\n.verbatim-panel__header[data-v-4bbe16ed] {\n  margin-bottom: var(--spacing-lg);\n  padding-bottom: var(--spacing-md);\n  border-bottom: 1px solid var(--color-border);\n}\n.verbatim-panel__doc-title[data-v-4bbe16ed] {\n  font-size: var(--font-size-xl);\n  font-weight: 700;\n  margin: 0;\n  color: var(--color-text-primary);\n}\n.verbatim-panel__turns[data-v-4bbe16ed] {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-lg);\n}\n.verbatim-panel__turn[data-v-4bbe16ed] {\n  display: block;\n}\n.verbatim-panel__turn-header[data-v-4bbe16ed] {\n  margin: 0 0 var(--spacing-xs);\n  font-size: var(--font-size-base);\n  line-height: 1.4;\n}\n.verbatim-panel__speaker-name[data-v-4bbe16ed] {\n  font-weight: 700;\n  color: var(--color-text-primary);\n}\n.verbatim-panel__meta[data-v-4bbe16ed] {\n  color: var(--color-text-muted);\n  font-weight: 400;\n}\n.verbatim-panel__sep[data-v-4bbe16ed] {\n  margin: 0 0.35em;\n}\n.verbatim-panel__text[data-v-4bbe16ed] {\n  margin: 0;\n  font-size: var(--font-size-base);\n  line-height: 1.6;\n  color: var(--color-text-primary);\n}\n\n";
-const VerbatimPanel = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["styles", [_style_0$i]], ["__scopeId", "data-v-4bbe16ed"]]);
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _style_0$j = "\n.verbatim-panel[data-v-7a077f5a] {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  min-height: 0;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.verbatim-panel__content[data-v-7a077f5a] {\n  padding: 4rem clamp(1.5rem, 6rem, 8%);\n}\n.verbatim-panel__header[data-v-7a077f5a] {\n  margin-bottom: var(--spacing-lg);\n  padding-bottom: var(--spacing-md);\n  border-bottom: 1px solid var(--color-border);\n}\n.verbatim-panel__doc-title[data-v-7a077f5a] {\n  font-size: var(--font-size-xl);\n  font-weight: 700;\n  margin: 0;\n  color: var(--color-text-primary);\n}\n.verbatim-panel__turns[data-v-7a077f5a] {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-lg);\n}\n.verbatim-panel__turn[data-v-7a077f5a] {\n  display: block;\n}\n.verbatim-panel__turn-header[data-v-7a077f5a] {\n  margin: 0 0 var(--spacing-xs);\n  font-size: var(--font-size-base);\n  line-height: 1.4;\n}\n.verbatim-panel__speaker-name[data-v-7a077f5a] {\n  font-weight: 700;\n  color: var(--color-text-primary);\n}\n.verbatim-panel__meta[data-v-7a077f5a] {\n  color: var(--color-text-muted);\n  font-weight: 400;\n}\n.verbatim-panel__sep[data-v-7a077f5a] {\n  margin: 0 0.35em;\n}\n.verbatim-panel__text[data-v-7a077f5a] {\n  margin: 0;\n  font-size: var(--font-size-base);\n  line-height: 1.6;\n  color: var(--color-text-primary);\n}\n\n";
+const VerbatimPanel = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["styles", [_style_0$j]], ["__scopeId", "data-v-7a077f5a"]]);
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "ChannelSelector",
   props: {
     channels: { type: Array },
@@ -23925,7 +24106,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "TranslationSelector",
   props: {
     translations: { type: Array },
@@ -23957,10 +24138,10 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$h = { class: "merge-dialog-title" };
-const _hoisted_2$e = { class: "merge-dialog-description" };
+const _hoisted_1$i = { class: "merge-dialog-title" };
+const _hoisted_2$f = { class: "merge-dialog-description" };
 const _hoisted_3$b = { class: "merge-dialog-actions" };
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "MergeDialog",
   props: {
     open: { type: Boolean },
@@ -24028,8 +24209,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           class: "merge-dialog-form",
           onSubmit: withModifiers(onConfirm, ["prevent"])
         }, [
-          createBaseVNode("h2", _hoisted_1$h, toDisplayString(unref(t2)("mergeDialog.title")), 1),
-          createBaseVNode("p", _hoisted_2$e, [
+          createBaseVNode("h2", _hoisted_1$i, toDisplayString(unref(t2)("mergeDialog.title")), 1),
+          createBaseVNode("p", _hoisted_2$f, [
             createBaseVNode("strong", null, toDisplayString(fromSpeaker.value.name), 1),
             createTextVNode(" · " + toDisplayString(affectedCount.value) + " " + toDisplayString(unref(t2)("mergeDialog.turnsAffected")), 1)
           ]),
@@ -24067,19 +24248,19 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _style_0$h = "\n.merge-dialog[data-v-e658bcd0] {\n  margin: auto;\n  max-width: 420px;\n  width: 90vw;\n  padding: var(--spacing-lg);\n  background-color: var(--color-surface);\n  border: 1px solid var(--color-border);\n  border-radius: var(--radius-md);\n  color: var(--color-text-primary);\n  box-shadow: 0 16px 48px color-mix(in srgb, var(--color-text-primary) 20%, transparent);\n}\n.merge-dialog[data-v-e658bcd0]::backdrop {\n  /* No backdrop-filter: a full-viewport backdrop blur is a large WebRender\n     render target; the dim background alone is enough. */\n  background-color: color-mix(in srgb, var(--color-text-primary) 35%, transparent);\n}\n.merge-dialog-form[data-v-e658bcd0] {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-md);\n}\n.merge-dialog-title[data-v-e658bcd0] {\n  margin: 0;\n  font-size: var(--font-size-lg);\n  font-weight: 600;\n}\n.merge-dialog-description[data-v-e658bcd0] {\n  margin: 0;\n  font-size: var(--font-size-sm);\n  color: var(--color-text-secondary);\n}\n.merge-dialog-actions[data-v-e658bcd0] {\n  display: flex;\n  justify-content: flex-end;\n  gap: var(--spacing-sm);\n}\n";
-const MergeDialog = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["styles", [_style_0$h]], ["__scopeId", "data-v-e658bcd0"]]);
-const _hoisted_1$g = { class: "speaker-sidebar" };
-const _hoisted_2$d = {
+const _style_0$i = "\n.merge-dialog[data-v-e658bcd0] {\n  margin: auto;\n  max-width: 420px;\n  width: 90vw;\n  padding: var(--spacing-lg);\n  background-color: var(--color-surface);\n  border: 1px solid var(--color-border);\n  border-radius: var(--radius-md);\n  color: var(--color-text-primary);\n  box-shadow: 0 16px 48px color-mix(in srgb, var(--color-text-primary) 20%, transparent);\n}\n.merge-dialog[data-v-e658bcd0]::backdrop {\n  /* No backdrop-filter: a full-viewport backdrop blur is a large WebRender\n     render target; the dim background alone is enough. */\n  background-color: color-mix(in srgb, var(--color-text-primary) 35%, transparent);\n}\n.merge-dialog-form[data-v-e658bcd0] {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-md);\n}\n.merge-dialog-title[data-v-e658bcd0] {\n  margin: 0;\n  font-size: var(--font-size-lg);\n  font-weight: 600;\n}\n.merge-dialog-description[data-v-e658bcd0] {\n  margin: 0;\n  font-size: var(--font-size-sm);\n  color: var(--color-text-secondary);\n}\n.merge-dialog-actions[data-v-e658bcd0] {\n  display: flex;\n  justify-content: flex-end;\n  gap: var(--spacing-sm);\n}\n";
+const MergeDialog = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["styles", [_style_0$i]], ["__scopeId", "data-v-e658bcd0"]]);
+const _hoisted_1$h = { class: "speaker-sidebar" };
+const _hoisted_2$e = {
   key: 0,
   class: "sidebar-section sidebar-section--selector"
 };
 const _hoisted_3$a = { class: "sidebar-title" };
-const _hoisted_4$5 = {
+const _hoisted_4$6 = {
   key: 1,
   class: "sidebar-section sidebar-section--selector"
 };
-const _hoisted_5$5 = { class: "sidebar-title" };
+const _hoisted_5$6 = { class: "sidebar-title" };
 const _hoisted_6$5 = {
   key: 2,
   class: "sidebar-section"
@@ -24122,7 +24303,7 @@ const _hoisted_27 = {
 };
 const _hoisted_28 = { class: "sidebar-title" };
 const _hoisted_29 = { class: "speaker-list" };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "SpeakerSidebar",
   props: {
     speakers: { type: Array },
@@ -24207,18 +24388,18 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       core.emit("llmService:selectVersion", { id: service.id, versionNumber });
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("aside", _hoisted_1$g, [
-        __props.channels.length > 1 ? (openBlock(), createElementBlock("section", _hoisted_2$d, [
+      return openBlock(), createElementBlock("aside", _hoisted_1$h, [
+        __props.channels.length > 1 ? (openBlock(), createElementBlock("section", _hoisted_2$e, [
           createBaseVNode("h2", _hoisted_3$a, toDisplayString(unref(t2)("sidebar.channel")), 1),
-          createVNode(_sfc_main$k, {
+          createVNode(_sfc_main$m, {
             channels: __props.channels,
             "selected-channel-id": __props.selectedChannelId,
             "onUpdate:selectedChannelId": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:selectedChannelId", $event))
           }, null, 8, ["channels", "selected-channel-id"])
         ])) : createCommentVNode("", true),
-        __props.translations.length > 1 ? (openBlock(), createElementBlock("section", _hoisted_4$5, [
-          createBaseVNode("h2", _hoisted_5$5, toDisplayString(unref(t2)("sidebar.translation")), 1),
-          createVNode(_sfc_main$j, {
+        __props.translations.length > 1 ? (openBlock(), createElementBlock("section", _hoisted_4$6, [
+          createBaseVNode("h2", _hoisted_5$6, toDisplayString(unref(t2)("sidebar.translation")), 1),
+          createVNode(_sfc_main$l, {
             translations: __props.translations,
             "selected-translation-id": __props.selectedTranslationId,
             "onUpdate:selectedTranslationId": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:selectedTranslationId", $event))
@@ -24363,7 +24544,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                   "aria-label": unref(t2)("sidebar.renameSpeaker"),
                   onCommit: ($event) => onRename(speaker.id, $event)
                 }, null, 8, ["model-value", "disabled", "aria-label", "onCommit"]),
-                canEditSpeakers.value && __props.speakers.length > 1 ? (openBlock(), createBlock(unref(_sfc_main$x), {
+                canEditSpeakers.value && __props.speakers.length > 1 ? (openBlock(), createBlock(unref(_sfc_main$z), {
                   key: 0,
                   "speaker-name": speaker.name,
                   onMerge: ($event) => onOpenMerge(speaker.id)
@@ -24382,9 +24563,9 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _style_0$g = '\n.speaker-sidebar[data-v-3b1e278f] {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-lg);\n  padding: var(--spacing-lg);\n  border-left: 1px solid var(--color-border);\n  background-color: var(--color-surface);\n  overflow-y: auto;\n}\n.sidebar-section[data-v-3b1e278f] {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-sm);\n}\n.sidebar-title[data-v-3b1e278f] {\n  font-size: var(--font-size-sm);\n  font-weight: 600;\n  color: var(--color-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n.speaker-list[data-v-3b1e278f] {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-xs);\n}\n.speaker-item[data-v-3b1e278f] {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-sm);\n  padding: var(--spacing-sm);\n  border-radius: var(--radius-md);\n  transition: background-color var(--transition-duration);\n}\n.speaker-item[data-v-3b1e278f]:hover {\n  background-color: var(--color-surface-hover);\n}\n.speaker-name[data-v-3b1e278f] {\n  flex: 1;\n  font-size: var(--font-size-sm);\n  font-weight: 500;\n  color: var(--color-text-primary);\n}\n.subtitle-toggle[data-v-3b1e278f] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: var(--spacing-sm);\n  border-radius: var(--radius-md);\n}\n.subtitle-toggle-label[data-v-3b1e278f] {\n  font-size: var(--font-size-sm);\n  color: var(--color-text-primary);\n}\n.voice-playback-hint[data-v-3b1e278f] {\n  padding: 0 var(--spacing-sm);\n  font-size: var(--font-size-xs);\n  color: var(--color-text-muted);\n}\n.voice-playback-hint--warning[data-v-3b1e278f] {\n  color: var(--color-danger);\n}\n.subtitle-slider[data-v-3b1e278f] {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-xs);\n  padding: var(--spacing-sm);\n}\n.subtitle-slider-label[data-v-3b1e278f] {\n  display: flex;\n  justify-content: space-between;\n  font-size: var(--font-size-sm);\n  color: var(--color-text-primary);\n}\n.subtitle-slider-value[data-v-3b1e278f] {\n  color: var(--color-text-muted);\n  font-variant-numeric: tabular-nums;\n}\n.subtitle-slider input[type="range"][data-v-3b1e278f] {\n  width: 100%;\n  accent-color: var(--color-primary);\n}\n.subtitle-slider input[type="range"][data-v-3b1e278f]:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n\n/* ── History (LLM generations + versions) ──────────────────────────── */\n.sidebar-section--busy[data-v-3b1e278f] {\n  opacity: 0.6;\n  pointer-events: none;\n}\n.history-list[data-v-3b1e278f] {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-xs);\n  margin: 0;\n  padding: 0;\n}\n.history-generation[data-v-3b1e278f] {\n  display: flex;\n  flex-direction: column;\n}\n.history-generation__status--completed[data-v-3b1e278f] {\n  color: var(--color-success, #2e7d32);\n}\n.history-generation__status--error[data-v-3b1e278f] {\n  color: var(--color-danger, #d33);\n}\n.history-generation__status--processing[data-v-3b1e278f],\n.history-generation__status--queued[data-v-3b1e278f] {\n  color: var(--color-primary);\n}\n.history-version-list[data-v-3b1e278f] {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  margin: var(--spacing-xs) 0 0 var(--spacing-md);\n  padding: 0;\n  border-left: 1px solid var(--color-border);\n}\n\n/* Nudge nested version rows off the connecting border line. */\n.history-version-list[data-v-3b1e278f] .selectable-list-item {\n  margin-left: var(--spacing-xs);\n}\n@media (max-width: 767px) {\n.speaker-sidebar[data-v-3b1e278f] {\n    border-left: none;\n}\n.sidebar-section--selector[data-v-3b1e278f] {\n    display: none;\n}\n}\n';
-const SpeakerSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["styles", [_style_0$g]], ["__scopeId", "data-v-3b1e278f"]]);
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _style_0$h = '\n.speaker-sidebar[data-v-3b1e278f] {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-lg);\n  padding: var(--spacing-lg);\n  border-left: 1px solid var(--color-border);\n  background-color: var(--color-surface);\n  overflow-y: auto;\n}\n.sidebar-section[data-v-3b1e278f] {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-sm);\n}\n.sidebar-title[data-v-3b1e278f] {\n  font-size: var(--font-size-sm);\n  font-weight: 600;\n  color: var(--color-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n.speaker-list[data-v-3b1e278f] {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-xs);\n}\n.speaker-item[data-v-3b1e278f] {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-sm);\n  padding: var(--spacing-sm);\n  border-radius: var(--radius-md);\n  transition: background-color var(--transition-duration);\n}\n.speaker-item[data-v-3b1e278f]:hover {\n  background-color: var(--color-surface-hover);\n}\n.speaker-name[data-v-3b1e278f] {\n  flex: 1;\n  font-size: var(--font-size-sm);\n  font-weight: 500;\n  color: var(--color-text-primary);\n}\n.subtitle-toggle[data-v-3b1e278f] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: var(--spacing-sm);\n  border-radius: var(--radius-md);\n}\n.subtitle-toggle-label[data-v-3b1e278f] {\n  font-size: var(--font-size-sm);\n  color: var(--color-text-primary);\n}\n.voice-playback-hint[data-v-3b1e278f] {\n  padding: 0 var(--spacing-sm);\n  font-size: var(--font-size-xs);\n  color: var(--color-text-muted);\n}\n.voice-playback-hint--warning[data-v-3b1e278f] {\n  color: var(--color-danger);\n}\n.subtitle-slider[data-v-3b1e278f] {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-xs);\n  padding: var(--spacing-sm);\n}\n.subtitle-slider-label[data-v-3b1e278f] {\n  display: flex;\n  justify-content: space-between;\n  font-size: var(--font-size-sm);\n  color: var(--color-text-primary);\n}\n.subtitle-slider-value[data-v-3b1e278f] {\n  color: var(--color-text-muted);\n  font-variant-numeric: tabular-nums;\n}\n.subtitle-slider input[type="range"][data-v-3b1e278f] {\n  width: 100%;\n  accent-color: var(--color-primary);\n}\n.subtitle-slider input[type="range"][data-v-3b1e278f]:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n\n/* ── History (LLM generations + versions) ──────────────────────────── */\n.sidebar-section--busy[data-v-3b1e278f] {\n  opacity: 0.6;\n  pointer-events: none;\n}\n.history-list[data-v-3b1e278f] {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-xs);\n  margin: 0;\n  padding: 0;\n}\n.history-generation[data-v-3b1e278f] {\n  display: flex;\n  flex-direction: column;\n}\n.history-generation__status--completed[data-v-3b1e278f] {\n  color: var(--color-success, #2e7d32);\n}\n.history-generation__status--error[data-v-3b1e278f] {\n  color: var(--color-danger, #d33);\n}\n.history-generation__status--processing[data-v-3b1e278f],\n.history-generation__status--queued[data-v-3b1e278f] {\n  color: var(--color-primary);\n}\n.history-version-list[data-v-3b1e278f] {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  margin: var(--spacing-xs) 0 0 var(--spacing-md);\n  padding: 0;\n  border-left: 1px solid var(--color-border);\n}\n\n/* Nudge nested version rows off the connecting border line. */\n.history-version-list[data-v-3b1e278f] .selectable-list-item {\n  margin-left: var(--spacing-xs);\n}\n@media (max-width: 767px) {\n.speaker-sidebar[data-v-3b1e278f] {\n    border-left: none;\n}\n.sidebar-section--selector[data-v-3b1e278f] {\n    display: none;\n}\n}\n';
+const SpeakerSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["styles", [_style_0$h]], ["__scopeId", "data-v-3b1e278f"]]);
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "SidebarDrawer",
   props: {
     "open": { type: Boolean, ...{ required: true } },
@@ -24433,10 +24614,10 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$f = ["aria-label"];
-const _hoisted_2$c = { class: "selection-count" };
+const _hoisted_1$g = ["aria-label"];
+const _hoisted_2$d = { class: "selection-count" };
 const _hoisted_3$9 = { class: "selection-actions" };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "SelectionActionBar",
   setup(__props) {
     const selection = useTurnSelection();
@@ -24448,7 +24629,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         role: "toolbar",
         "aria-label": unref(t2)("selection.count")
       }, [
-        createBaseVNode("span", _hoisted_2$c, toDisplayString(unref(selection).count.value) + " " + toDisplayString(unref(t2)("selection.count")), 1),
+        createBaseVNode("span", _hoisted_2$d, toDisplayString(unref(selection).count.value) + " " + toDisplayString(unref(t2)("selection.count")), 1),
         createBaseVNode("div", _hoisted_3$9, [
           createVNode(unref(CopyButton), {
             icon: "clipboard-type",
@@ -24480,35 +24661,18 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
             _: 1
           })
         ])
-      ], 8, _hoisted_1$f)) : createCommentVNode("", true);
+      ], 8, _hoisted_1$g)) : createCommentVNode("", true);
     };
   }
 });
-const _style_0$f = "\n.selection-bar[data-v-9bad1410] {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: var(--spacing-xs) var(--spacing-lg);\n  /* No backdrop-filter: it forces a WebRender backdrop render target sized to\n     the content behind, a heavy GPU-memory cost on long transcripts. The\n     semi-opaque glass background stays legible without the blur. */\n  background: var(--glass-background);\n  border-bottom: 1px solid var(--color-border);\n  animation: bar-slide-down-9bad1410 var(--transition-duration) ease;\n}\n.selection-count[data-v-9bad1410] {\n  font-size: var(--font-size-sm);\n  font-weight: 600;\n  color: var(--color-primary);\n}\n.selection-actions[data-v-9bad1410] {\n  display: flex;\n  gap: var(--spacing-xs);\n}\n@keyframes bar-slide-down-9bad1410 {\nfrom {\n    opacity: 0;\n    translate: 0 -4px;\n}\nto {\n    opacity: 1;\n    translate: 0 0;\n}\n}\n@media (prefers-reduced-motion: reduce) {\n.selection-bar[data-v-9bad1410] {\n    animation: none;\n}\n}\n@media (max-width: 767px) {\n.selection-bar[data-v-9bad1410] {\n    padding: var(--spacing-xs) var(--spacing-md);\n    flex-wrap: wrap;\n    gap: var(--spacing-xs);\n}\n}\n";
-const SelectionActionBar = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["styles", [_style_0$f]], ["__scopeId", "data-v-9bad1410"]]);
-const MOBILE_BREAKPOINT = "(max-width: 767px)";
-function useIsMobile() {
-  const isMobile = /* @__PURE__ */ ref(false);
-  let mql = null;
-  function onChange(e3) {
-    isMobile.value = e3.matches;
-  }
-  onMounted(() => {
-    mql = window.matchMedia(MOBILE_BREAKPOINT);
-    isMobile.value = mql.matches;
-    mql.addEventListener("change", onChange);
-  });
-  onBeforeUnmount(() => {
-    mql?.removeEventListener("change", onChange);
-  });
-  return { isMobile };
-}
-const _hoisted_1$e = { class: "editor-layout" };
-const _hoisted_2$b = {
+const _style_0$g = "\n.selection-bar[data-v-9bad1410] {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: var(--spacing-xs) var(--spacing-lg);\n  /* No backdrop-filter: it forces a WebRender backdrop render target sized to\n     the content behind, a heavy GPU-memory cost on long transcripts. The\n     semi-opaque glass background stays legible without the blur. */\n  background: var(--glass-background);\n  border-bottom: 1px solid var(--color-border);\n  animation: bar-slide-down-9bad1410 var(--transition-duration) ease;\n}\n.selection-count[data-v-9bad1410] {\n  font-size: var(--font-size-sm);\n  font-weight: 600;\n  color: var(--color-primary);\n}\n.selection-actions[data-v-9bad1410] {\n  display: flex;\n  gap: var(--spacing-xs);\n}\n@keyframes bar-slide-down-9bad1410 {\nfrom {\n    opacity: 0;\n    translate: 0 -4px;\n}\nto {\n    opacity: 1;\n    translate: 0 0;\n}\n}\n@media (prefers-reduced-motion: reduce) {\n.selection-bar[data-v-9bad1410] {\n    animation: none;\n}\n}\n@media (max-width: 767px) {\n.selection-bar[data-v-9bad1410] {\n    padding: var(--spacing-xs) var(--spacing-md);\n    flex-wrap: wrap;\n    gap: var(--spacing-xs);\n}\n}\n";
+const SelectionActionBar = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["styles", [_style_0$g]], ["__scopeId", "data-v-9bad1410"]]);
+const _hoisted_1$f = { class: "editor-layout" };
+const _hoisted_2$c = {
   key: 6,
   class: "mobile-selectors"
 };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "Layout",
   props: {
     showHeader: { type: Boolean, default: true },
@@ -24550,6 +24714,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     );
     const speakerList = computed(() => Array.from(speakers.values()));
     const showTranscription = computed(() => activeTab.value === TRANSCRIPTION_TAB);
+    watch(isMobile, (mobile) => {
+      if (mobile && isSplit.value) isSplit.value = false;
+    });
     watch(activeTab, (id) => {
       if (!core.llmServices) return;
       if (id === TRANSCRIPTION_TAB || id === VERBATIM_TAB) {
@@ -24570,7 +24737,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       () => props.showVerbatim,
       (canShow) => {
         if (canShow) return;
-        const withoutVerbatim = shownPanels.value.filter((id) => id !== VERBATIM_TAB);
+        const withoutVerbatim = shownPanels.value.filter(
+          (id) => id !== VERBATIM_TAB
+        );
         shownPanels.value = withoutVerbatim.length > 0 ? withoutVerbatim : [TRANSCRIPTION_TAB];
       }
     );
@@ -24595,7 +24764,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       core.activeChannel.value?.setActiveTranslation(translationId);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$e, [
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
         props.showHeader ? (openBlock(), createBlock(Header, {
           key: 0,
           title: unref(core).title.value,
@@ -24611,7 +24780,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           onUndo: _cache[2] || (_cache[2] = ($event) => unref(core).transcriptionEditor?.undo()),
           onRedo: _cache[3] || (_cache[3] = ($event) => unref(core).transcriptionEditor?.redo())
         }, null, 8, ["title", "date", "duration", "speaker-count", "is-mobile", "can-ask", "can-undo", "can-redo"])) : createCommentVNode("", true),
-        createVNode(_sfc_main$t, {
+        createVNode(_sfc_main$v, {
           "model-value": activeTab.value,
           "show-verbatim": props.showVerbatim,
           "onUpdate:modelValue": _cache[4] || (_cache[4] = (tab) => shownPanels.value = [tab])
@@ -24651,7 +24820,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             "onUpdate:selectedChannelId": onChannelChange,
             "onUpdate:selectedTranslationId": onTranslationChange
           }, null, 8, ["speakers", "channels", "selected-channel-id", "translations", "selected-translation-id", "show-speakers"])) : createCommentVNode("", true),
-          unref(isMobile) && panels.value.length === 1 ? (openBlock(), createBlock(_sfc_main$g, {
+          unref(isMobile) && panels.value.length === 1 ? (openBlock(), createBlock(_sfc_main$i, {
             key: 1,
             open: isSidebarOpen.value,
             "onUpdate:open": _cache[6] || (_cache[6] = ($event) => isSidebarOpen.value = $event)
@@ -24680,14 +24849,14 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         unref(core).subtitle?.isVisible.value && !unref(isMobile) && !unref(core).subtitle.isFullscreen.value ? (openBlock(), createBlock(resolveDynamicComponent(unref(core).components.subtitleBanner), { key: 3 })) : createCommentVNode("", true),
         unref(core).subtitle?.isFullscreen.value ? (openBlock(), createBlock(resolveDynamicComponent(unref(core).components.subtitleFullscreen), { key: 4 })) : createCommentVNode("", true),
         unref(core).chat ? (openBlock(), createBlock(resolveDynamicComponent(unref(core).components.chatDrawer), { key: 5 })) : createCommentVNode("", true),
-        unref(isMobile) && (channels.value.length > 1 || translations.value.length > 1) ? (openBlock(), createElementBlock("div", _hoisted_2$b, [
-          channels.value.length > 1 ? (openBlock(), createBlock(_sfc_main$k, {
+        unref(isMobile) && (channels.value.length > 1 || translations.value.length > 1) ? (openBlock(), createElementBlock("div", _hoisted_2$c, [
+          channels.value.length > 1 ? (openBlock(), createBlock(_sfc_main$m, {
             key: 0,
             channels: channels.value,
             "selected-channel-id": unref(core).activeChannelId.value,
             "onUpdate:selectedChannelId": onChannelChange
           }, null, 8, ["channels", "selected-channel-id"])) : createCommentVNode("", true),
-          translations.value.length > 1 ? (openBlock(), createBlock(_sfc_main$j, {
+          translations.value.length > 1 ? (openBlock(), createBlock(_sfc_main$l, {
             key: 1,
             translations: translations.value,
             "selected-translation-id": activeTranslationId.value,
@@ -24698,41 +24867,41 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _style_0$e = "\n.editor-layout[data-v-540cad68] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n  background-color: var(--color-background);\n}\n.editor-body[data-v-540cad68] {\n  display: grid;\n  grid-template-columns: 1fr var(--sidebar-width);\n  flex: 1;\n  min-height: 0;\n}\n\n/* Split mode: two panels already share the body between them, no room (or\n   need) for the speaker sidebar too — see Layout's panels/isSplit state. */\n.editor-body--no-sidebar[data-v-540cad68] {\n  grid-template-columns: 1fr;\n}\n.editor-body__panels[data-v-540cad68] {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n}\n.editor-body__panels[data-v-540cad68] > * {\n  flex: 1;\n  min-width: 0;\n}\n.editor-body__panels--split[data-v-540cad68] > * + * {\n  border-left: 1px solid var(--color-border);\n}\n.mobile-selectors[data-v-540cad68] {\n  display: flex;\n  gap: var(--spacing-sm);\n  padding: var(--spacing-sm) var(--spacing-md);\n  border-top: 1px solid var(--color-border);\n  background-color: var(--color-surface);\n  flex-shrink: 0;\n  box-shadow: var(--shadow-md);\n  align-items: end;\n}\n.mobile-selectors[data-v-540cad68] > * {\n  flex: 1;\n  min-width: 0;\n}\n@media (max-width: 767px) {\n.editor-body[data-v-540cad68] {\n    grid-template-columns: 1fr;\n}\n}\n";
-const Layout = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["styles", [_style_0$e]], ["__scopeId", "data-v-540cad68"]]);
-const _hoisted_1$d = {
+const _style_0$f = "\n.editor-layout[data-v-c7029599] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n  background-color: var(--color-background);\n}\n.editor-body[data-v-c7029599] {\n  display: grid;\n  grid-template-columns: 1fr var(--sidebar-width);\n  flex: 1;\n  min-height: 0;\n}\n\n/* Split mode: two panels already share the body between them, no room (or\n   need) for the speaker sidebar too — see Layout's panels/isSplit state. */\n.editor-body--no-sidebar[data-v-c7029599] {\n  grid-template-columns: 1fr;\n}\n.editor-body__panels[data-v-c7029599] {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n}\n.editor-body__panels[data-v-c7029599] > * {\n  flex: 1;\n  min-width: 0;\n}\n.editor-body__panels--split[data-v-c7029599] > * + * {\n  border-left: 1px solid var(--color-border);\n}\n.mobile-selectors[data-v-c7029599] {\n  display: flex;\n  gap: var(--spacing-sm);\n  padding: var(--spacing-sm) var(--spacing-md);\n  border-top: 1px solid var(--color-border);\n  background-color: var(--color-surface);\n  flex-shrink: 0;\n  box-shadow: var(--shadow-md);\n  align-items: end;\n}\n.mobile-selectors[data-v-c7029599] > * {\n  flex: 1;\n  min-width: 0;\n}\n@media (max-width: 767px) {\n.editor-body[data-v-c7029599] {\n    grid-template-columns: 1fr;\n}\n}\n";
+const Layout = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["styles", [_style_0$f]], ["__scopeId", "data-v-c7029599"]]);
+const _hoisted_1$e = {
   class: "editor-loading",
   role: "status",
   "aria-live": "polite"
 };
-const _hoisted_2$a = { class: "editor-loading__label" };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _hoisted_2$b = { class: "editor-loading__label" };
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "EditorLoadingOverlay",
   setup(__props) {
     const { t: t2 } = useI18n();
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$d, [
+      return openBlock(), createElementBlock("div", _hoisted_1$e, [
         _cache[0] || (_cache[0] = createBaseVNode("span", {
           class: "editor-loading__spinner",
           "aria-hidden": "true"
         }, null, -1)),
-        createBaseVNode("span", _hoisted_2$a, toDisplayString(unref(t2)("editor.loading")), 1)
+        createBaseVNode("span", _hoisted_2$b, toDisplayString(unref(t2)("editor.loading")), 1)
       ]);
     };
   }
 });
-const _style_0$d = "\n.editor-loading[data-v-f56c39db] {\n  position: absolute;\n  inset: 0;\n  z-index: 20;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: var(--spacing-md);\n  /* Opaque so the half-built layout never flashes behind while collab syncs.\n     No backdrop-filter: it is banned in this package (WebRender GTT freeze). */\n  background-color: var(--color-background);\n  color: var(--color-text-secondary);\n  font-family: var(--font-family);\n  font-size: var(--font-size-sm);\n}\n.editor-loading__spinner[data-v-f56c39db] {\n  width: 32px;\n  height: 32px;\n  border: 3px solid var(--color-border);\n  border-top-color: var(--color-primary);\n  border-radius: 50%;\n  animation: editor-loading-spin-f56c39db 0.8s linear infinite;\n}\n@keyframes editor-loading-spin-f56c39db {\nto {\n    transform: rotate(360deg);\n}\n}\n@media (prefers-reduced-motion: reduce) {\n.editor-loading__spinner[data-v-f56c39db] {\n    animation: none;\n}\n}\n";
-const EditorLoadingOverlay = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["styles", [_style_0$d]], ["__scopeId", "data-v-f56c39db"]]);
-const _hoisted_1$c = {
+const _style_0$e = "\n.editor-loading[data-v-f56c39db] {\n  position: absolute;\n  inset: 0;\n  z-index: 20;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: var(--spacing-md);\n  /* Opaque so the half-built layout never flashes behind while collab syncs.\n     No backdrop-filter: it is banned in this package (WebRender GTT freeze). */\n  background-color: var(--color-background);\n  color: var(--color-text-secondary);\n  font-family: var(--font-family);\n  font-size: var(--font-size-sm);\n}\n.editor-loading__spinner[data-v-f56c39db] {\n  width: 32px;\n  height: 32px;\n  border: 3px solid var(--color-border);\n  border-top-color: var(--color-primary);\n  border-radius: 50%;\n  animation: editor-loading-spin-f56c39db 0.8s linear infinite;\n}\n@keyframes editor-loading-spin-f56c39db {\nto {\n    transform: rotate(360deg);\n}\n}\n@media (prefers-reduced-motion: reduce) {\n.editor-loading__spinner[data-v-f56c39db] {\n    animation: none;\n}\n}\n";
+const EditorLoadingOverlay = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["styles", [_style_0$e]], ["__scopeId", "data-v-f56c39db"]]);
+const _hoisted_1$d = {
   class: "editor-error",
   role: "alert"
 };
-const _hoisted_2$9 = { class: "editor-error__title" };
+const _hoisted_2$a = { class: "editor-error__title" };
 const _hoisted_3$8 = {
   key: 0,
   class: "editor-error__detail"
 };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "EditorErrorOverlay",
   props: {
     message: { type: [String, null] }
@@ -24740,20 +24909,20 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const { t: t2 } = useI18n();
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$c, [
+      return openBlock(), createElementBlock("div", _hoisted_1$d, [
         createVNode(unref(EditorIcon), {
           name: "warning",
           size: 40,
           class: "editor-error__icon"
         }),
-        createBaseVNode("p", _hoisted_2$9, toDisplayString(unref(t2)("editor.loadError")), 1),
+        createBaseVNode("p", _hoisted_2$a, toDisplayString(unref(t2)("editor.loadError")), 1),
         __props.message ? (openBlock(), createElementBlock("p", _hoisted_3$8, toDisplayString(__props.message), 1)) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const _style_0$c = "\n.editor-error[data-v-eefc2d23] {\n  position: absolute;\n  inset: 0;\n  z-index: 20;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: var(--spacing-sm);\n  padding: var(--spacing-xl);\n  text-align: center;\n  /* Opaque so the half-built layout never shows behind. No backdrop-filter:\n     it is banned in this package (WebRender GTT freeze). */\n  background-color: var(--color-background);\n  font-family: var(--font-family);\n}\n.editor-error__icon[data-v-eefc2d23] {\n  color: var(--color-danger);\n}\n.editor-error__title[data-v-eefc2d23] {\n  margin: 0;\n  font-size: var(--font-size-lg);\n  font-weight: 600;\n  color: var(--color-text-primary);\n}\n.editor-error__detail[data-v-eefc2d23] {\n  margin: 0;\n  font-size: var(--font-size-sm);\n  color: var(--color-text-muted);\n}\n";
-const EditorErrorOverlay = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["styles", [_style_0$c]], ["__scopeId", "data-v-eefc2d23"]]);
+const _style_0$d = "\n.editor-error[data-v-eefc2d23] {\n  position: absolute;\n  inset: 0;\n  z-index: 20;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: var(--spacing-sm);\n  padding: var(--spacing-xl);\n  text-align: center;\n  /* Opaque so the half-built layout never shows behind. No backdrop-filter:\n     it is banned in this package (WebRender GTT freeze). */\n  background-color: var(--color-background);\n  font-family: var(--font-family);\n}\n.editor-error__icon[data-v-eefc2d23] {\n  color: var(--color-danger);\n}\n.editor-error__title[data-v-eefc2d23] {\n  margin: 0;\n  font-size: var(--font-size-lg);\n  font-weight: 600;\n  color: var(--color-text-primary);\n}\n.editor-error__detail[data-v-eefc2d23] {\n  margin: 0;\n  font-size: var(--font-size-sm);\n  color: var(--color-text-muted);\n}\n";
+const EditorErrorOverlay = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["styles", [_style_0$d]], ["__scopeId", "data-v-eefc2d23"]]);
 const READY_TIMEOUT_MS = 2e4;
 function useEditorReady(core) {
   const isLoading = /* @__PURE__ */ ref(true);
@@ -24787,8 +24956,8 @@ function useEditorReady(core) {
   });
   return { isLoading, error };
 }
-const _hoisted_1$b = { class: "transcript-ui-root" };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _hoisted_1$c = { class: "transcript-ui-root" };
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "TranscriptUI",
   props: {
     locale: { default: "fr", type: String },
@@ -24811,7 +24980,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     onBeforeUnmount(() => core.destroy());
     __expose({ core });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+      return openBlock(), createElementBlock("div", _hoisted_1$c, [
         unref(core).channels.size ? (openBlock(), createBlock(Layout, {
           key: 0,
           "show-header": !props.noHeader,
@@ -24825,7 +24994,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _style_0$b = `
+const _style_0$c = `
 /* NOT fonts.css: a @font-face declared inside a shadow root isn't reliably
  * applied by browsers (document.fonts never registers it) — dead weight in
  * the webcomponent bundle specifically, which always runs shadow-DOM'd. The
@@ -25152,7 +25321,7 @@ section.turn:has([data-state="open"]) {
   height: 100%;
 }
 `;
-const TranscriptUI = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["styles", [_style_0$b]]]);
+const TranscriptUI = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["styles", [_style_0$c]]]);
 function mapApiTurns(apiTurns) {
   return apiTurns.map((t2) => {
     const words = wordsFromApi$2(t2.turn_id, t2.words);
@@ -25317,7 +25486,7 @@ function createLivePlugin(options = {}) {
       }
       function isTranslationTrackFor(active, language) {
         if (active.isSource) return false;
-        return active.languages.some((l2) => isSameLanguage(l2, language));
+        return active.languages.some((l4) => isSameLanguage(l4, language));
       }
       function onPartial(event, channelId) {
         if (core.activeChannelId.value !== channelId) return;
@@ -25519,14 +25688,14 @@ function createLivePlugin(options = {}) {
     }
   };
 }
-const _hoisted_1$a = { class: "player-controls" };
-const _hoisted_2$8 = { class: "controls-left" };
+const _hoisted_1$b = { class: "player-controls" };
+const _hoisted_2$9 = { class: "controls-left" };
 const _hoisted_3$7 = { class: "controls-time" };
-const _hoisted_4$4 = { class: "time-display" };
-const _hoisted_5$4 = { class: "time-display" };
+const _hoisted_4$5 = { class: "time-display" };
+const _hoisted_5$5 = { class: "time-display" };
 const _hoisted_6$4 = { class: "controls-right" };
 const _hoisted_7$1 = ["value", "aria-label", "disabled"];
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "AudioPlayerControls",
   props: {
     isPlaying: { type: Boolean },
@@ -25547,8 +25716,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       emit2("update:volume", parseFloat(target.value));
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
-        createBaseVNode("div", _hoisted_2$8, [
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+        createBaseVNode("div", _hoisted_2$9, [
           createVNode(unref(Button), {
             variant: "transparent",
             size: "md",
@@ -25596,9 +25765,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           }, 8, ["aria-label", "disabled"])
         ]),
         createBaseVNode("div", _hoisted_3$7, [
-          createBaseVNode("time", _hoisted_4$4, toDisplayString(__props.currentTime), 1),
+          createBaseVNode("time", _hoisted_4$5, toDisplayString(__props.currentTime), 1),
           _cache[7] || (_cache[7] = createBaseVNode("span", { class: "time-separator" }, "/", -1)),
-          createBaseVNode("time", _hoisted_5$4, toDisplayString(__props.duration), 1)
+          createBaseVNode("time", _hoisted_5$5, toDisplayString(__props.duration), 1)
         ]),
         createBaseVNode("div", _hoisted_6$4, [
           createBaseVNode("div", {
@@ -25656,31 +25825,31 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _style_0$a = "\n.player-controls[data-v-fb293305] {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-md);\n  padding: var(--spacing-xs) var(--spacing-lg);\n  height: 44px;\n}\n.controls-left[data-v-fb293305] {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n}\n.controls-time[data-v-fb293305] {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xxs);\n  font-family: var(--font-family-mono);\n  font-size: var(--font-size-sm);\n  color: var(--color-text-muted);\n  user-select: none;\n}\n.time-separator[data-v-fb293305] {\n  color: var(--color-text-muted);\n  opacity: 0.5;\n}\n.controls-right[data-v-fb293305] {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n  margin-left: auto;\n}\n.volume-group[data-v-fb293305] {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n}\n.volume-slider[data-v-fb293305] {\n  width: 80px;\n  height: 4px;\n  accent-color: var(--color-primary);\n  cursor: pointer;\n}\n.volume-slider[data-v-fb293305]:disabled {\n  opacity: 0.5;\n  cursor: default;\n}\n.play-button[data-v-fb293305] {\n  width: 40px;\n  height: 40px;\n}\n.speed-button[data-v-fb293305] {\n  font-size: var(--font-size-sm);\n  font-family: var(--font-family-mono);\n}\n@media (max-width: 767px) {\n.skip-button[data-v-fb293305] {\n    display: none;\n}\n.volume-slider[data-v-fb293305] {\n    display: none;\n}\n.player-controls[data-v-fb293305] {\n    padding: var(--spacing-xs) var(--spacing-md);\n    gap: var(--spacing-sm);\n}\n}\n";
-const AudioPlayerControls = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["styles", [_style_0$a]], ["__scopeId", "data-v-fb293305"]]);
+const _style_0$b = "\n.player-controls[data-v-fb293305] {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-md);\n  padding: var(--spacing-xs) var(--spacing-lg);\n  height: 44px;\n}\n.controls-left[data-v-fb293305] {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n}\n.controls-time[data-v-fb293305] {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xxs);\n  font-family: var(--font-family-mono);\n  font-size: var(--font-size-sm);\n  color: var(--color-text-muted);\n  user-select: none;\n}\n.time-separator[data-v-fb293305] {\n  color: var(--color-text-muted);\n  opacity: 0.5;\n}\n.controls-right[data-v-fb293305] {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n  margin-left: auto;\n}\n.volume-group[data-v-fb293305] {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n}\n.volume-slider[data-v-fb293305] {\n  width: 80px;\n  height: 4px;\n  accent-color: var(--color-primary);\n  cursor: pointer;\n}\n.volume-slider[data-v-fb293305]:disabled {\n  opacity: 0.5;\n  cursor: default;\n}\n.play-button[data-v-fb293305] {\n  width: 40px;\n  height: 40px;\n}\n.speed-button[data-v-fb293305] {\n  font-size: var(--font-size-sm);\n  font-family: var(--font-family-mono);\n}\n@media (max-width: 767px) {\n.skip-button[data-v-fb293305] {\n    display: none;\n}\n.volume-slider[data-v-fb293305] {\n    display: none;\n}\n.player-controls[data-v-fb293305] {\n    padding: var(--spacing-xs) var(--spacing-md);\n    gap: var(--spacing-sm);\n}\n}\n";
+const AudioPlayerControls = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["styles", [_style_0$b]], ["__scopeId", "data-v-fb293305"]]);
 function t$1(t2, e3, i2, n2) {
   return new (i2 || (i2 = Promise))((function(s2, r2) {
     function o2(t3) {
       try {
-        l2(n2.next(t3));
+        l4(n2.next(t3));
       } catch (t4) {
         r2(t4);
       }
     }
     function a2(t3) {
       try {
-        l2(n2.throw(t3));
+        l4(n2.throw(t3));
       } catch (t4) {
         r2(t4);
       }
     }
-    function l2(t3) {
+    function l4(t3) {
       var e4;
       t3.done ? s2(t3.value) : (e4 = t3.value, e4 instanceof i2 ? e4 : new i2((function(t4) {
         t4(e4);
       }))).then(o2, a2);
     }
-    l2((n2 = n2.apply(t2, e3 || [])).next());
+    l4((n2 = n2.apply(t2, e3 || [])).next());
   }));
 }
 "function" == typeof SuppressedError && SuppressedError;
@@ -25956,7 +26125,7 @@ let d$1 = class d extends e$1 {
     return this.media.setSinkId(t2);
   }
 };
-function u3({ maxTop: t2, maxBottom: e3, halfHeight: i2, vScale: n2, barMinHeight: s2 = 0, barAlign: r2 }) {
+function u({ maxTop: t2, maxBottom: e3, halfHeight: i2, vScale: n2, barMinHeight: s2 = 0, barAlign: r2 }) {
   let o2 = Math.round(t2 * i2 * n2);
   let a2 = o2 + Math.round(e3 * i2 * n2) || 1;
   return a2 < s2 && (a2 = s2, r2 || (o2 = a2 / 2)), { topHeight: o2, totalHeight: a2 };
@@ -26048,17 +26217,17 @@ class C extends e$1 {
         if (e4.button !== n2) return;
         if (o2.has(e4.pointerId)) return;
         if (o2.set(e4.pointerId, e4), o2.size > 1) return;
-        const l2 = e4.pointerId;
-        let c3 = e4.clientX, d3 = e4.clientY, u4 = false;
+        const l4 = e4.pointerId;
+        let c3 = e4.clientX, d3 = e4.clientY, u2 = false;
         const p2 = Date.now(), m2 = t3.getBoundingClientRect(), { left: g2, top: f2 } = m2, v2 = (t4) => {
-          if (t4.pointerId !== l2) return;
+          if (t4.pointerId !== l4) return;
           if (t4.defaultPrevented || o2.size > 1) return;
           if (a2 && Date.now() - p2 < s2) return;
           const e5 = t4.clientX, n3 = t4.clientY, h3 = e5 - c3, m3 = n3 - d3;
-          (u4 || Math.abs(h3) > i2 || Math.abs(m3) > i2) && (t4.preventDefault(), t4.stopPropagation(), u4 || (r2.set({ type: "start", x: c3 - g2, y: d3 - f2 }), u4 = true), r2.set({ type: "move", x: e5 - g2, y: n3 - f2, deltaX: h3, deltaY: m3 }), c3 = e5, d3 = n3);
+          (u2 || Math.abs(h3) > i2 || Math.abs(m3) > i2) && (t4.preventDefault(), t4.stopPropagation(), u2 || (r2.set({ type: "start", x: c3 - g2, y: d3 - f2 }), u2 = true), r2.set({ type: "move", x: e5 - g2, y: n3 - f2, deltaX: h3, deltaY: m3 }), c3 = e5, d3 = n3);
         }, b2 = (t4) => {
           if (o2.delete(t4.pointerId)) {
-            if (t4.pointerId === l2 && u4) {
+            if (t4.pointerId === l4 && u2) {
               const e5 = t4.clientX, i3 = t4.clientY;
               r2.set({ type: "end", x: e5 - g2, y: i3 - f2 });
             }
@@ -26067,9 +26236,9 @@ class C extends e$1 {
         }, y3 = (t4) => {
           t4.relatedTarget && t4.relatedTarget !== document.documentElement || b2(t4);
         }, C2 = (t4) => {
-          u4 && (t4.stopPropagation(), t4.preventDefault());
+          u2 && (t4.stopPropagation(), t4.preventDefault());
         }, S3 = (t4) => {
-          t4.defaultPrevented || o2.size > 1 || u4 && t4.preventDefault();
+          t4.defaultPrevented || o2.size > 1 || u2 && t4.preventDefault();
         };
         document.addEventListener("pointermove", v2), document.addEventListener("pointerup", b2), document.addEventListener("pointerout", y3), document.addEventListener("pointercancel", y3), document.addEventListener("touchmove", S3, { passive: false }), document.addEventListener("click", C2, { capture: true }), h2 = () => {
           document.removeEventListener("pointermove", v2), document.removeEventListener("pointerup", b2), document.removeEventListener("pointerout", y3), document.removeEventListener("pointercancel", y3), document.removeEventListener("touchmove", S3), setTimeout((() => {
@@ -26242,16 +26411,16 @@ class C extends e$1 {
     var t2;
   }
   renderBarWaveform(t2, e3, i2, n2) {
-    const { width: s2, height: r2 } = i2.canvas, { halfHeight: o2, barWidth: a2, barRadius: l2, barIndexScale: h2, barSpacing: c2, barMinHeight: d3 } = (function({ width: t3, height: e4, length: i3, options: n3, pixelRatio: s3 }) {
-      const r3 = e4 / 2, o3 = n3.barWidth ? n3.barWidth * s3 : 1, a3 = n3.barGap ? n3.barGap * s3 : n3.barWidth ? o3 / 2 : 0, l3 = o3 + a3 || 1;
-      return { halfHeight: r3, barWidth: o3, barGap: a3, barRadius: n3.barRadius || 0, barMinHeight: n3.barMinHeight ? n3.barMinHeight * s3 : 0, barIndexScale: i3 > 0 ? t3 / l3 / i3 : 0, barSpacing: l3 };
-    })({ width: s2, height: r2, length: (t2[0] || []).length, options: e3, pixelRatio: this.getPixelRatio() }), m2 = (function({ channelData: t3, barIndexScale: e4, barSpacing: i3, barWidth: n3, halfHeight: s3, vScale: r3, canvasHeight: o3, barAlign: a3, barMinHeight: l3 }) {
+    const { width: s2, height: r2 } = i2.canvas, { halfHeight: o2, barWidth: a2, barRadius: l4, barIndexScale: h2, barSpacing: c2, barMinHeight: d3 } = (function({ width: t3, height: e4, length: i3, options: n3, pixelRatio: s3 }) {
+      const r3 = e4 / 2, o3 = n3.barWidth ? n3.barWidth * s3 : 1, a3 = n3.barGap ? n3.barGap * s3 : n3.barWidth ? o3 / 2 : 0, l5 = o3 + a3 || 1;
+      return { halfHeight: r3, barWidth: o3, barGap: a3, barRadius: n3.barRadius || 0, barMinHeight: n3.barMinHeight ? n3.barMinHeight * s3 : 0, barIndexScale: i3 > 0 ? t3 / l5 / i3 : 0, barSpacing: l5 };
+    })({ width: s2, height: r2, length: (t2[0] || []).length, options: e3, pixelRatio: this.getPixelRatio() }), m2 = (function({ channelData: t3, barIndexScale: e4, barSpacing: i3, barWidth: n3, halfHeight: s3, vScale: r3, canvasHeight: o3, barAlign: a3, barMinHeight: l5 }) {
       const h3 = t3[0] || [], c3 = t3[1] || h3, d4 = h3.length, m3 = [];
       let g2 = 0, f2 = 0, v2 = 0;
       for (let t4 = 0; t4 <= d4; t4++) {
         const d5 = Math.round(t4 * e4);
         if (d5 > g2) {
-          const { topHeight: t5, totalHeight: e5 } = u3({ maxTop: f2, maxBottom: v2, halfHeight: s3, vScale: r3, barMinHeight: l3, barAlign: a3 }), h4 = p({ barAlign: a3, halfHeight: s3, topHeight: t5, totalHeight: e5, canvasHeight: o3 });
+          const { topHeight: t5, totalHeight: e5 } = u({ maxTop: f2, maxBottom: v2, halfHeight: s3, vScale: r3, barMinHeight: l5, barAlign: a3 }), h4 = p({ barAlign: a3, halfHeight: s3, topHeight: t5, totalHeight: e5, canvasHeight: o3 });
           m3.push({ x: g2 * i3, y: h4, width: n3, height: e5 }), g2 = d5, f2 = 0, v2 = 0;
         }
         const b2 = Math.abs(h3[t4] || 0), y3 = Math.abs(c3[t4] || 0);
@@ -26260,19 +26429,19 @@ class C extends e$1 {
       return m3;
     })({ channelData: t2, barIndexScale: h2, barSpacing: c2, barWidth: a2, halfHeight: o2, vScale: n2, canvasHeight: r2, barAlign: e3.barAlign, barMinHeight: d3 });
     i2.beginPath();
-    for (const t3 of m2) l2 && "roundRect" in i2 ? i2.roundRect(t3.x, t3.y, t3.width, t3.height, l2) : i2.rect(t3.x, t3.y, t3.width, t3.height);
+    for (const t3 of m2) l4 && "roundRect" in i2 ? i2.roundRect(t3.x, t3.y, t3.width, t3.height, l4) : i2.rect(t3.x, t3.y, t3.width, t3.height);
     i2.fill(), i2.closePath();
   }
   renderLineWaveform(t2, e3, i2, n2) {
     const { width: s2, height: r2 } = i2.canvas, o2 = (function({ channelData: t3, width: e4, height: i3, vScale: n3 }) {
       const s3 = i3 / 2, r3 = t3[0] || [];
       return [r3, t3[1] || r3].map(((t4, i4) => {
-        const r4 = t4.length, o3 = r4 ? e4 / r4 : 0, a2 = s3, l2 = 0 === i4 ? -1 : 1, h2 = [{ x: 0, y: a2 }];
+        const r4 = t4.length, o3 = r4 ? e4 / r4 : 0, a2 = s3, l4 = 0 === i4 ? -1 : 1, h2 = [{ x: 0, y: a2 }];
         let c2 = 0, d3 = 0;
         for (let e5 = 0; e5 <= r4; e5++) {
           const i5 = Math.round(e5 * o3);
           if (i5 > c2) {
-            const t5 = a2 + (Math.round(d3 * s3 * n3) || 1) * l2;
+            const t5 = a2 + (Math.round(d3 * s3 * n3) || 1) * l4;
             h2.push({ x: c2, y: t5 }), c2 = i5, d3 = 0;
           }
           const r5 = Math.abs(t4[e5] || 0);
@@ -26309,43 +26478,43 @@ class C extends e$1 {
     g(e3) ? this.renderBarWaveform(t2, e3, i2, n2) : this.renderLineWaveform(t2, e3, i2, n2);
   }
   renderSingleCanvas(t2, e3, i2, n2, s2, r2, o2) {
-    const a2 = this.getPixelRatio(), l2 = document.createElement("canvas");
-    l2.width = Math.round(i2 * a2), l2.height = Math.round(n2 * a2), l2.style.width = `${i2}px`, l2.style.height = `${n2}px`, l2.style.left = `${Math.round(s2)}px`, r2.appendChild(l2);
-    const h2 = l2.getContext("2d");
-    if (e3.renderFunction ? (h2.fillStyle = this.convertColorValues(e3.waveColor, h2), e3.renderFunction(t2, h2)) : this.renderWaveform(t2, e3, h2), l2.width > 0 && l2.height > 0) {
-      const t3 = l2.cloneNode(), i3 = t3.getContext("2d");
-      i3.drawImage(l2, 0, 0), i3.globalCompositeOperation = "source-in", i3.fillStyle = this.convertColorValues(e3.progressColor, i3), i3.fillRect(0, 0, l2.width, l2.height), o2.appendChild(t3);
+    const a2 = this.getPixelRatio(), l4 = document.createElement("canvas");
+    l4.width = Math.round(i2 * a2), l4.height = Math.round(n2 * a2), l4.style.width = `${i2}px`, l4.style.height = `${n2}px`, l4.style.left = `${Math.round(s2)}px`, r2.appendChild(l4);
+    const h2 = l4.getContext("2d");
+    if (e3.renderFunction ? (h2.fillStyle = this.convertColorValues(e3.waveColor, h2), e3.renderFunction(t2, h2)) : this.renderWaveform(t2, e3, h2), l4.width > 0 && l4.height > 0) {
+      const t3 = l4.cloneNode(), i3 = t3.getContext("2d");
+      i3.drawImage(l4, 0, 0), i3.globalCompositeOperation = "source-in", i3.fillStyle = this.convertColorValues(e3.progressColor, i3), i3.fillRect(0, 0, l4.width, l4.height), o2.appendChild(t3);
     }
   }
   renderMultiCanvas(t2, e3, i2, n2, s2, r2) {
-    const o2 = this.getPixelRatio(), { clientWidth: a2 } = this.scrollContainer, l2 = i2 / o2, h2 = (function({ clientWidth: t3, totalWidth: e4, options: i3 }) {
+    const o2 = this.getPixelRatio(), { clientWidth: a2 } = this.scrollContainer, l4 = i2 / o2, h2 = (function({ clientWidth: t3, totalWidth: e4, options: i3 }) {
       return f(Math.min(8e3, t3, e4), i3);
-    })({ clientWidth: a2, totalWidth: l2, options: e3 });
+    })({ clientWidth: a2, totalWidth: l4, options: e3 });
     let c2 = {};
     if (0 === h2) return;
     const d3 = (i3) => {
-      if (i3 < 0 || i3 >= u4) return;
+      if (i3 < 0 || i3 >= u2) return;
       if (c2[i3]) return;
       c2[i3] = true;
       const o3 = i3 * h2;
-      let a3 = Math.min(l2 - o3, h2);
+      let a3 = Math.min(l4 - o3, h2);
       if (a3 = f(a3, e3), a3 <= 0) return;
       const d4 = (function({ channelData: t3, offset: e4, clampedWidth: i4, totalWidth: n3 }) {
         return t3.map(((t4) => {
           const s3 = Math.floor(e4 / n3 * t4.length), r3 = Math.floor((e4 + i4) / n3 * t4.length);
           return t4.slice(s3, r3);
         }));
-      })({ channelData: t2, offset: o3, clampedWidth: a3, totalWidth: l2 });
+      })({ channelData: t2, offset: o3, clampedWidth: a3, totalWidth: l4 });
       this.renderSingleCanvas(d4, e3, a3, n2, o3, s2, r2);
-    }, u4 = Math.ceil(l2 / h2);
+    }, u2 = Math.ceil(l4 / h2);
     if (!this.isScrollable) {
-      for (let t3 = 0; t3 < u4; t3++) d3(t3);
+      for (let t3 = 0; t3 < u2; t3++) d3(t3);
       return;
     }
-    if (v({ scrollLeft: this.scrollContainer.scrollLeft, totalWidth: l2, numCanvases: u4 }).forEach(((t3) => d3(t3))), u4 > 1) {
+    if (v({ scrollLeft: this.scrollContainer.scrollLeft, totalWidth: l4, numCanvases: u2 }).forEach(((t3) => d3(t3))), u2 > 1) {
       const t3 = this.on("scroll", (() => {
         const { scrollLeft: t4 } = this.scrollContainer;
-        Object.keys(c2).length > 10 && (s2.innerHTML = "", r2.innerHTML = "", c2 = {}), v({ scrollLeft: t4, totalWidth: l2, numCanvases: u4 }).forEach(((t5) => d3(t5)));
+        Object.keys(c2).length > 10 && (s2.innerHTML = "", r2.innerHTML = "", c2 = {}), v({ scrollLeft: t4, totalWidth: l4, numCanvases: u2 }).forEach(((t5) => d3(t5)));
       }));
       this.unsubscribeOnScroll.push(t3);
     }
@@ -26362,8 +26531,8 @@ class C extends e$1 {
     })(e3, ["overlay"]);
     const o2 = document.createElement("div"), a2 = this.getHeight(r2.height, r2.splitChannels);
     o2.style.height = `${a2}px`, s2 && n2 > 0 && (o2.style.marginTop = `-${a2}px`), this.canvasWrapper.style.minHeight = `${a2}px`, this.canvasWrapper.appendChild(o2);
-    const l2 = o2.cloneNode();
-    this.progressWrapper.appendChild(l2), this.renderMultiCanvas(t2, r2, i2, a2, o2, l2);
+    const l4 = o2.cloneNode();
+    this.progressWrapper.appendChild(l4), this.renderMultiCanvas(t2, r2, i2, a2, o2, l4);
   }
   render(e3) {
     return t$1(this, void 0, void 0, (function* () {
@@ -26401,12 +26570,12 @@ class C extends e$1 {
   }
   scrollIntoView(t2, e3 = false) {
     var i2;
-    const { scrollLeft: n2, scrollWidth: s2, clientWidth: r2 } = this.scrollContainer, o2 = t2 * s2, a2 = n2, l2 = n2 + r2, h2 = r2 / 2;
+    const { scrollLeft: n2, scrollWidth: s2, clientWidth: r2 } = this.scrollContainer, o2 = t2 * s2, a2 = n2, l4 = n2 + r2, h2 = r2 / 2;
     if (this.isDragging) {
       const t3 = 30;
-      o2 + t3 > l2 ? this.scrollContainer.scrollLeft += t3 : o2 - t3 < a2 && (this.scrollContainer.scrollLeft -= t3);
+      o2 + t3 > l4 ? this.scrollContainer.scrollLeft += t3 : o2 - t3 < a2 && (this.scrollContainer.scrollLeft -= t3);
     } else {
-      (o2 < a2 || o2 > l2) && (this.scrollContainer.scrollLeft = o2 - (this.options.autoCenter ? h2 : 0));
+      (o2 < a2 || o2 > l4) && (this.scrollContainer.scrollLeft = o2 - (this.options.autoCenter ? h2 : 0));
       const t3 = o2 - n2 - h2;
       if (e3 && this.options.autoCenter && t3 > 0) {
         const e4 = null === (i2 = this.audioData) || void 0 === i2 ? void 0 : i2.duration;
@@ -26623,8 +26792,8 @@ class w extends d$1 {
     super({ media: e3, mediaControls: t2.mediaControls, autoplay: t2.autoplay, playbackRate: t2.audioRate }), this.plugins = [], this.decodedData = null, this.stopAtPosition = null, this.subscriptions = [], this.mediaSubscriptions = [], this.abortController = null, this._isDestroyed = false, this._loadVersion = 0, this.options = Object.assign({}, P2, t2);
     const { state: i2, actions: n2 } = (function(t3) {
       var e4, i3, n3, s3, r3, o2;
-      const a2 = null !== (e4 = null == t3 ? void 0 : t3.currentTime) && void 0 !== e4 ? e4 : l$1(0), c2 = null !== (i3 = null == t3 ? void 0 : t3.duration) && void 0 !== i3 ? i3 : l$1(0), d3 = null !== (n3 = null == t3 ? void 0 : t3.isPlaying) && void 0 !== n3 ? n3 : l$1(false), u4 = null !== (s3 = null == t3 ? void 0 : t3.isSeeking) && void 0 !== s3 ? s3 : l$1(false), p2 = null !== (r3 = null == t3 ? void 0 : t3.volume) && void 0 !== r3 ? r3 : l$1(1), m2 = null !== (o2 = null == t3 ? void 0 : t3.playbackRate) && void 0 !== o2 ? o2 : l$1(1), g2 = l$1(null), f2 = l$1(null), v2 = l$1(""), b2 = l$1(0), y3 = l$1(0), C2 = h$1((() => !d3.value), [d3]), S3 = h$1((() => null !== g2.value), [g2]), E2 = h$1((() => S3.value && c2.value > 0), [S3, c2]), P3 = h$1((() => a2.value), [a2]), w2 = h$1((() => c2.value > 0 ? a2.value / c2.value : 0), [a2, c2]);
-      return { state: { currentTime: a2, duration: c2, isPlaying: d3, isPaused: C2, isSeeking: u4, volume: p2, playbackRate: m2, audioBuffer: g2, peaks: f2, url: v2, zoom: b2, scrollPosition: y3, canPlay: S3, isReady: E2, progress: P3, progressPercent: w2 }, actions: { setCurrentTime: (t4) => {
+      const a2 = null !== (e4 = null == t3 ? void 0 : t3.currentTime) && void 0 !== e4 ? e4 : l$1(0), c2 = null !== (i3 = null == t3 ? void 0 : t3.duration) && void 0 !== i3 ? i3 : l$1(0), d3 = null !== (n3 = null == t3 ? void 0 : t3.isPlaying) && void 0 !== n3 ? n3 : l$1(false), u2 = null !== (s3 = null == t3 ? void 0 : t3.isSeeking) && void 0 !== s3 ? s3 : l$1(false), p2 = null !== (r3 = null == t3 ? void 0 : t3.volume) && void 0 !== r3 ? r3 : l$1(1), m2 = null !== (o2 = null == t3 ? void 0 : t3.playbackRate) && void 0 !== o2 ? o2 : l$1(1), g2 = l$1(null), f2 = l$1(null), v2 = l$1(""), b2 = l$1(0), y3 = l$1(0), C2 = h$1((() => !d3.value), [d3]), S3 = h$1((() => null !== g2.value), [g2]), E2 = h$1((() => S3.value && c2.value > 0), [S3, c2]), P3 = h$1((() => a2.value), [a2]), w2 = h$1((() => c2.value > 0 ? a2.value / c2.value : 0), [a2, c2]);
+      return { state: { currentTime: a2, duration: c2, isPlaying: d3, isPaused: C2, isSeeking: u2, volume: p2, playbackRate: m2, audioBuffer: g2, peaks: f2, url: v2, zoom: b2, scrollPosition: y3, canPlay: S3, isReady: E2, progress: P3, progressPercent: w2 }, actions: { setCurrentTime: (t4) => {
         const e5 = Math.max(0, Math.min(c2.value || 1 / 0, t4));
         a2.set(e5);
       }, setDuration: (t4) => {
@@ -26632,7 +26801,7 @@ class w extends d$1 {
       }, setPlaying: (t4) => {
         d3.set(t4);
       }, setSeeking: (t4) => {
-        u4.set(t4);
+        u2.set(t4);
       }, setVolume: (t4) => {
         const e5 = Math.max(0, Math.min(1, t4));
         p2.set(e5);
@@ -26787,16 +26956,16 @@ class w extends d$1 {
       }
       if (this._isDestroyed || o2 !== this._loadVersion) return;
       this.setSrc(e3, n2);
-      const l2 = yield new Promise(((t3) => {
+      const l4 = yield new Promise(((t3) => {
         const e4 = r2 || this.getDuration();
         e4 ? t3(e4) : this.mediaSubscriptions.push(this.onMediaEvent("loadedmetadata", (() => t3(this.getDuration())), { once: true }));
       }));
       if (!this._isDestroyed && o2 === this._loadVersion) {
         if (!e3 && !n2) {
           const t3 = this.getMediaElement();
-          t3 instanceof E && (t3.duration = l2);
+          t3 instanceof E && (t3.duration = l4);
         }
-        if (s2) this.decodedData = i$1.createBuffer(s2, l2 || 0);
+        if (s2) this.decodedData = i$1.createBuffer(s2, l4 || 0);
         else if (n2) {
           const t3 = yield n2.arrayBuffer();
           if (this._isDestroyed || o2 !== this._loadVersion) return;
@@ -26989,7 +27158,7 @@ function o(t2, e3) {
     t2.removeEventListener(e3, n2);
   }, i2;
 }
-function l(t2) {
+function l3(t2) {
   const e3 = t2._cleanup;
   "function" == typeof e3 && e3();
 }
@@ -27002,16 +27171,16 @@ function h(t2, e3 = {}) {
     if (h2.has(e4.pointerId)) return;
     if (h2.set(e4.pointerId, e4), h2.size > 1) return;
     const s2 = e4.pointerId;
-    let l2 = e4.clientX, c3 = e4.clientY, u4 = false;
+    let l4 = e4.clientX, c3 = e4.clientY, u2 = false;
     const p2 = Date.now(), v2 = t2.getBoundingClientRect(), { left: g2, top: m2 } = v2, f2 = (t3) => {
       if (t3.pointerId !== s2) return;
       if (t3.defaultPrevented || h2.size > 1) return;
       if (a2 && Date.now() - p2 < r2) return;
-      const e5 = t3.clientX, n3 = t3.clientY, d4 = e5 - l2, v3 = n3 - c3;
-      (u4 || Math.abs(d4) > i2 || Math.abs(v3) > i2) && (t3.preventDefault(), t3.stopPropagation(), u4 || (o2.set({ type: "start", x: l2 - g2, y: c3 - m2 }), u4 = true), o2.set({ type: "move", x: e5 - g2, y: n3 - m2, deltaX: d4, deltaY: v3 }), l2 = e5, c3 = n3);
+      const e5 = t3.clientX, n3 = t3.clientY, d4 = e5 - l4, v3 = n3 - c3;
+      (u2 || Math.abs(d4) > i2 || Math.abs(v3) > i2) && (t3.preventDefault(), t3.stopPropagation(), u2 || (o2.set({ type: "start", x: l4 - g2, y: c3 - m2 }), u2 = true), o2.set({ type: "move", x: e5 - g2, y: n3 - m2, deltaX: d4, deltaY: v3 }), l4 = e5, c3 = n3);
     }, b2 = (t3) => {
       if (h2.delete(t3.pointerId)) {
-        if (t3.pointerId === s2 && u4) {
+        if (t3.pointerId === s2 && u2) {
           const e5 = t3.clientX, i3 = t3.clientY;
           o2.set({ type: "end", x: e5 - g2, y: i3 - m2 });
         }
@@ -27020,9 +27189,9 @@ function h(t2, e3 = {}) {
     }, E2 = (t3) => {
       t3.relatedTarget && t3.relatedTarget !== document.documentElement || b2(t3);
     }, C2 = (t3) => {
-      u4 && (t3.stopPropagation(), t3.preventDefault());
+      u2 && (t3.stopPropagation(), t3.preventDefault());
     }, L2 = (t3) => {
-      t3.defaultPrevented || h2.size > 1 || u4 && t3.preventDefault();
+      t3.defaultPrevented || h2.size > 1 || u2 && t3.preventDefault();
     };
     document.addEventListener("pointermove", f2), document.addEventListener("pointerup", b2), document.addEventListener("pointerout", E2), document.addEventListener("pointercancel", E2), document.addEventListener("touchmove", L2, { passive: false }), document.addEventListener("click", C2, { capture: true }), d3 = () => {
       document.removeEventListener("pointermove", f2), document.removeEventListener("pointerup", b2), document.removeEventListener("pointerout", E2), document.removeEventListener("pointercancel", E2), document.removeEventListener("touchmove", L2), setTimeout((() => {
@@ -27032,13 +27201,13 @@ function h(t2, e3 = {}) {
   };
   t2.addEventListener("pointerdown", c2);
   return { signal: o2, cleanup: () => {
-    d3(), t2.removeEventListener("pointerdown", c2), h2.clear(), l(o2);
+    d3(), t2.removeEventListener("pointerdown", c2), h2.clear(), l3(o2);
   } };
 }
 class a extends t {
   constructor(t2, e3, i2 = 0) {
-    var n2, s2, r2, o2, l2, h2, a2, d3, c2, u4;
-    super(), this.totalDuration = e3, this.numberOfChannels = i2, this.element = null, this.minLength = 0, this.maxLength = 1 / 0, this.contentEditable = false, this.subscriptions = [], this.updatingSide = void 0, this.isRemoved = false, this.subscriptions = [], this.id = t2.id || `region-${Math.random().toString(32).slice(2)}`, this.start = this.clampPosition(t2.start), this.end = this.clampPosition(null !== (n2 = t2.end) && void 0 !== n2 ? n2 : t2.start), this.drag = null === (s2 = t2.drag) || void 0 === s2 || s2, this.resize = null === (r2 = t2.resize) || void 0 === r2 || r2, this.resizeStart = null === (o2 = t2.resizeStart) || void 0 === o2 || o2, this.resizeEnd = null === (l2 = t2.resizeEnd) || void 0 === l2 || l2, this.color = null !== (h2 = t2.color) && void 0 !== h2 ? h2 : "rgba(0, 0, 0, 0.1)", this.minLength = null !== (a2 = t2.minLength) && void 0 !== a2 ? a2 : this.minLength, this.maxLength = null !== (d3 = t2.maxLength) && void 0 !== d3 ? d3 : this.maxLength, this.channelIdx = null !== (c2 = t2.channelIdx) && void 0 !== c2 ? c2 : -1, this.contentEditable = null !== (u4 = t2.contentEditable) && void 0 !== u4 ? u4 : this.contentEditable, this.element = this.initElement(), this.setContent(t2.content), this.setPart(), this.renderPosition(), this.initMouseEvents();
+    var n2, s2, r2, o2, l4, h2, a2, d3, c2, u2;
+    super(), this.totalDuration = e3, this.numberOfChannels = i2, this.element = null, this.minLength = 0, this.maxLength = 1 / 0, this.contentEditable = false, this.subscriptions = [], this.updatingSide = void 0, this.isRemoved = false, this.subscriptions = [], this.id = t2.id || `region-${Math.random().toString(32).slice(2)}`, this.start = this.clampPosition(t2.start), this.end = this.clampPosition(null !== (n2 = t2.end) && void 0 !== n2 ? n2 : t2.start), this.drag = null === (s2 = t2.drag) || void 0 === s2 || s2, this.resize = null === (r2 = t2.resize) || void 0 === r2 || r2, this.resizeStart = null === (o2 = t2.resizeStart) || void 0 === o2 || o2, this.resizeEnd = null === (l4 = t2.resizeEnd) || void 0 === l4 || l4, this.color = null !== (h2 = t2.color) && void 0 !== h2 ? h2 : "rgba(0, 0, 0, 0.1)", this.minLength = null !== (a2 = t2.minLength) && void 0 !== a2 ? a2 : this.minLength, this.maxLength = null !== (d3 = t2.maxLength) && void 0 !== d3 ? d3 : this.maxLength, this.channelIdx = null !== (c2 = t2.channelIdx) && void 0 !== c2 ? c2 : -1, this.contentEditable = null !== (u2 = t2.contentEditable) && void 0 !== u2 ? u2 : this.contentEditable, this.element = this.initElement(), this.setContent(t2.content), this.setPart(), this.renderPosition(), this.initMouseEvents();
   }
   clampPosition(t2) {
     return Math.max(0, Math.min(this.totalDuration, t2));
@@ -27049,15 +27218,15 @@ class a extends t {
     null === (t2 = this.element) || void 0 === t2 || t2.setAttribute("part", `${e3 ? "marker" : "region"} ${this.id}`);
   }
   addResizeHandles(t2) {
-    const e3 = { position: "absolute", zIndex: "2", width: "6px", height: "100%", top: "0", cursor: "ew-resize", wordBreak: "keep-all" }, i2 = n("div", { part: "region-handle region-handle-left", style: Object.assign(Object.assign({}, e3), { left: "0", borderLeft: "2px solid rgba(0, 0, 0, 0.5)", borderRadius: "2px 0 0 2px" }) }, t2), s2 = n("div", { part: "region-handle region-handle-right", style: Object.assign(Object.assign({}, e3), { right: "0", borderRight: "2px solid rgba(0, 0, 0, 0.5)", borderRadius: "0 2px 2px 0" }) }, t2), o2 = h(i2, { threshold: 1 }), l2 = h(s2, { threshold: 1 }), a2 = r((() => {
+    const e3 = { position: "absolute", zIndex: "2", width: "6px", height: "100%", top: "0", cursor: "ew-resize", wordBreak: "keep-all" }, i2 = n("div", { part: "region-handle region-handle-left", style: Object.assign(Object.assign({}, e3), { left: "0", borderLeft: "2px solid rgba(0, 0, 0, 0.5)", borderRadius: "2px 0 0 2px" }) }, t2), s2 = n("div", { part: "region-handle region-handle-right", style: Object.assign(Object.assign({}, e3), { right: "0", borderRight: "2px solid rgba(0, 0, 0, 0.5)", borderRadius: "0 2px 2px 0" }) }, t2), o2 = h(i2, { threshold: 1 }), l4 = h(s2, { threshold: 1 }), a2 = r((() => {
       const t3 = o2.signal.value;
       t3 && ("move" === t3.type && void 0 !== t3.deltaX ? this.onResize(t3.deltaX, "start") : "end" === t3.type && this.onEndResizing("start"));
     }), [o2.signal]), d3 = r((() => {
-      const t3 = l2.signal.value;
+      const t3 = l4.signal.value;
       t3 && ("move" === t3.type && void 0 !== t3.deltaX ? this.onResize(t3.deltaX, "end") : "end" === t3.type && this.onEndResizing("end"));
-    }), [l2.signal]);
+    }), [l4.signal]);
     this.subscriptions.push((() => {
-      a2(), d3(), o2.cleanup(), l2.cleanup();
+      a2(), d3(), o2.cleanup(), l4.cleanup();
     }));
   }
   removeResizeHandles(t2) {
@@ -27084,9 +27253,9 @@ class a extends t {
   initMouseEvents() {
     const { element: t2 } = this;
     if (!t2) return;
-    const e3 = o(t2, "click"), i2 = o(t2, "mouseenter"), n2 = o(t2, "mouseleave"), s2 = o(t2, "dblclick"), a2 = o(t2, "pointerdown"), d3 = o(t2, "pointerup"), c2 = e3.subscribe(((t3) => t3 && this.emit("click", t3))), u4 = i2.subscribe(((t3) => t3 && this.emit("over", t3))), p2 = n2.subscribe(((t3) => t3 && this.emit("leave", t3))), v2 = s2.subscribe(((t3) => t3 && this.emit("dblclick", t3))), g2 = a2.subscribe(((t3) => t3 && this.toggleCursor(true))), m2 = d3.subscribe(((t3) => t3 && this.toggleCursor(false)));
+    const e3 = o(t2, "click"), i2 = o(t2, "mouseenter"), n2 = o(t2, "mouseleave"), s2 = o(t2, "dblclick"), a2 = o(t2, "pointerdown"), d3 = o(t2, "pointerup"), c2 = e3.subscribe(((t3) => t3 && this.emit("click", t3))), u2 = i2.subscribe(((t3) => t3 && this.emit("over", t3))), p2 = n2.subscribe(((t3) => t3 && this.emit("leave", t3))), v2 = s2.subscribe(((t3) => t3 && this.emit("dblclick", t3))), g2 = a2.subscribe(((t3) => t3 && this.toggleCursor(true))), m2 = d3.subscribe(((t3) => t3 && this.toggleCursor(false)));
     this.subscriptions.push((() => {
-      c2(), u4(), p2(), v2(), g2(), m2(), l(e3), l(i2), l(n2), l(s2), l(a2), l(d3);
+      c2(), u2(), p2(), v2(), g2(), m2(), l3(e3), l3(i2), l3(n2), l3(s2), l3(a2), l3(d3);
     }));
     const f2 = h(t2), b2 = r((() => {
       const t3 = f2.signal.value;
@@ -27100,13 +27269,13 @@ class a extends t {
     var n2;
     if (!(null === (n2 = this.element) || void 0 === n2 ? void 0 : n2.parentElement)) return;
     const { width: s2 } = this.element.parentElement.getBoundingClientRect(), r2 = t2 / s2 * this.totalDuration;
-    let o2 = e3 && "start" !== e3 ? this.start : this.start + r2, l2 = e3 && "end" !== e3 ? this.end : this.end + r2;
+    let o2 = e3 && "start" !== e3 ? this.start : this.start + r2, l4 = e3 && "end" !== e3 ? this.end : this.end + r2;
     const h2 = void 0 !== i2;
-    h2 && this.updatingSide && this.updatingSide !== e3 && ("start" === this.updatingSide ? o2 = i2 : l2 = i2), o2 = Math.max(0, o2), l2 = Math.min(this.totalDuration, l2);
-    const a2 = l2 - o2;
+    h2 && this.updatingSide && this.updatingSide !== e3 && ("start" === this.updatingSide ? o2 = i2 : l4 = i2), o2 = Math.max(0, o2), l4 = Math.min(this.totalDuration, l4);
+    const a2 = l4 - o2;
     this.updatingSide = e3;
     const d3 = a2 >= this.minLength && a2 <= this.maxLength;
-    o2 <= l2 && (d3 || h2) && (this.start = o2, this.end = l2, this.renderPosition(), this.emit("update", e3));
+    o2 <= l4 && (d3 || h2) && (this.start = o2, this.end = l4, this.renderPosition(), this.emit("update", e3));
   }
   onMove(t2) {
     this.drag && this._onUpdate(t2);
@@ -27218,13 +27387,13 @@ class d2 extends e2 {
     if (!n2) return;
     const { clientWidth: s2, scrollWidth: r2 } = n2;
     if (r2 <= s2) return;
-    const o2 = n2.getBoundingClientRect(), l2 = t2.element.getBoundingClientRect(), h2 = l2.left - o2.left, a2 = l2.right - o2.left;
+    const o2 = n2.getBoundingClientRect(), l4 = t2.element.getBoundingClientRect(), h2 = l4.left - o2.left, a2 = l4.right - o2.left;
     h2 < 0 ? n2.scrollLeft += h2 : a2 > s2 && (n2.scrollLeft += a2 - s2);
   }
   virtualAppend(t2, e3, i2) {
     const n2 = () => {
       if (!this.wavesurfer) return;
-      const n3 = this.wavesurfer.getWidth(), s2 = this.wavesurfer.getScroll(), r2 = e3.clientWidth, o2 = this.wavesurfer.getDuration(), l2 = Math.round(t2.start / o2 * r2), h2 = l2 + (Math.round((t2.end - t2.start) / o2 * r2) || 1) > s2 && l2 < s2 + n3;
+      const n3 = this.wavesurfer.getWidth(), s2 = this.wavesurfer.getScroll(), r2 = e3.clientWidth, o2 = this.wavesurfer.getDuration(), l4 = Math.round(t2.start / o2 * r2), h2 = l4 + (Math.round((t2.end - t2.start) / o2 * r2) || 1) > s2 && l4 < s2 + n3;
       h2 && !i2.parentElement ? e3.appendChild(i2) : !h2 && i2.parentElement && i2.remove();
     };
     setTimeout((() => {
@@ -27275,17 +27444,17 @@ class d2 extends e2 {
     const n2 = null === (i2 = this.wavesurfer) || void 0 === i2 ? void 0 : i2.getWrapper();
     if (!(n2 && n2 instanceof HTMLElement)) return () => {
     };
-    let s2 = null, o2 = 0, l2 = 0;
+    let s2 = null, o2 = 0, l4 = 0;
     const d3 = h(n2, { threshold: e3 }), c2 = r((() => {
       var e4, i3;
       const n3 = d3.signal.value;
       if (n3) if ("start" === n3.type) {
         if (o2 = n3.x, !this.wavesurfer) return;
         const r2 = this.wavesurfer.getDuration(), h2 = null === (i3 = null === (e4 = this.wavesurfer) || void 0 === e4 ? void 0 : e4.getDecodedData()) || void 0 === i3 ? void 0 : i3.numberOfChannels, { width: d4 } = this.wavesurfer.getWrapper().getBoundingClientRect();
-        l2 = o2 / d4 * r2;
-        const c3 = n3.x / d4 * r2, u4 = (n3.x + 5) / d4 * r2;
-        s2 = new a(Object.assign(Object.assign({}, t2), { start: c3, end: u4 }), r2, h2), this.emit("region-initialized", s2), s2.element && this.regionsContainer.appendChild(s2.element);
-      } else "move" === n3.type && void 0 !== n3.deltaX ? s2 && s2._onUpdate(n3.deltaX, n3.x > o2 ? "end" : "start", l2) : "end" === n3.type && s2 && (this.saveRegion(s2), s2.updatingSide = void 0, s2 = null);
+        l4 = o2 / d4 * r2;
+        const c3 = n3.x / d4 * r2, u2 = (n3.x + 5) / d4 * r2;
+        s2 = new a(Object.assign(Object.assign({}, t2), { start: c3, end: u2 }), r2, h2), this.emit("region-initialized", s2), s2.element && this.regionsContainer.appendChild(s2.element);
+      } else "move" === n3.type && void 0 !== n3.deltaX ? s2 && s2._onUpdate(n3.deltaX, n3.x > o2 ? "end" : "start", l4) : "end" === n3.type && s2 && (this.saveRegion(s2), s2.updatingSide = void 0, s2 = null);
     }), [d3.signal]);
     return () => {
       c2(), d3.cleanup();
@@ -27425,7 +27594,7 @@ function useAudioPlayer(options) {
     eventUnsubs.push(core.on("channel:reset", onChannelReset));
   }
   function detachEventListeners() {
-    for (const u4 of eventUnsubs) u4();
+    for (const u2 of eventUnsubs) u2();
     eventUnsubs.length = 0;
   }
   function onPlayerReady() {
@@ -27589,8 +27758,8 @@ function useAudioPlayer(options) {
     toggleMute
   };
 }
-const _hoisted_1$9 = { class: "audio-player" };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$a = { class: "audio-player" };
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "AudioPlayer",
   props: {
     audioSrc: { type: String }
@@ -27620,7 +27789,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     });
     __expose({ seekTo, pause });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("footer", _hoisted_1$9, [
+      return openBlock(), createElementBlock("footer", _hoisted_1$a, [
         createBaseVNode("div", {
           ref_key: "waveformRef",
           ref: waveformRef,
@@ -27645,8 +27814,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _style_0$9 = "\n.audio-player[data-v-580c393d] {\n  border-top: 1px solid var(--color-border);\n  background-color: var(--color-surface);\n  flex-shrink: 0;\n}\n.transcript-ui-waveform-container[data-v-580c393d] {\n  min-height: 32px;\n}\n.transcript-ui-waveform-container--loading[data-v-580c393d] {\n  background: linear-gradient(\n    90deg,\n    var(--color-border-light, var(--color-border)) 25%,\n    var(--color-border) 50%,\n    var(--color-border-light, var(--color-border)) 75%\n  );\n  background-size: 200% 100%;\n  animation: shimmer-580c393d 1.5s ease-in-out infinite;\n  border-radius: var(--radius-sm);\n}\n@keyframes shimmer-580c393d {\n0% {\n    background-position: 200% 0;\n}\n100% {\n    background-position: -200% 0;\n}\n}\n@media (prefers-reduced-motion: reduce) {\n.transcript-ui-waveform-container--loading[data-v-580c393d] {\n    animation: none;\n}\n}\n";
-const AudioPlayer = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["styles", [_style_0$9]], ["__scopeId", "data-v-580c393d"]]);
+const _style_0$a = "\n.audio-player[data-v-580c393d] {\n  border-top: 1px solid var(--color-border);\n  background-color: var(--color-surface);\n  flex-shrink: 0;\n}\n.transcript-ui-waveform-container[data-v-580c393d] {\n  min-height: 32px;\n}\n.transcript-ui-waveform-container--loading[data-v-580c393d] {\n  background: linear-gradient(\n    90deg,\n    var(--color-border-light, var(--color-border)) 25%,\n    var(--color-border) 50%,\n    var(--color-border-light, var(--color-border)) 75%\n  );\n  background-size: 200% 100%;\n  animation: shimmer-580c393d 1.5s ease-in-out infinite;\n  border-radius: var(--radius-sm);\n}\n@keyframes shimmer-580c393d {\n0% {\n    background-position: 200% 0;\n}\n100% {\n    background-position: -200% 0;\n}\n}\n@media (prefers-reduced-motion: reduce) {\n.transcript-ui-waveform-container--loading[data-v-580c393d] {\n    animation: none;\n}\n}\n";
+const AudioPlayer = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["styles", [_style_0$a]], ["__scopeId", "data-v-580c393d"]]);
 const { findActiveWord, firstWordStart, lastWordEnd } = utils;
 const WORD_TRACK_INTERVAL = 0.05;
 function createAudioPlugin(options = {}) {
@@ -28364,14 +28533,14 @@ function parseWatermark(content, tokens) {
   }
   return parts;
 }
-const _hoisted_1$8 = {
+const _hoisted_1$9 = {
   key: 0,
   class: "watermark",
   "aria-hidden": "true"
 };
-const _hoisted_2$7 = ["src", "alt"];
+const _hoisted_2$8 = ["src", "alt"];
 const _hoisted_3$6 = { key: 1 };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "SubtitleWatermark",
   props: {
     visible: { type: Boolean }
@@ -28386,7 +28555,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Transition, { name: "watermark" }, {
         default: withCtx(() => [
-          __props.visible && unref(watermark) ? (openBlock(), createElementBlock("div", _hoisted_1$8, [
+          __props.visible && unref(watermark) ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(parts.value, (part, i2) => {
               return openBlock(), createElementBlock(Fragment, { key: i2 }, [
                 part.type === "token" ? (openBlock(), createElementBlock("img", {
@@ -28394,7 +28563,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                   src: part.src,
                   alt: part.alt,
                   class: "watermark__img"
-                }, null, 8, _hoisted_2$7)) : (openBlock(), createElementBlock("span", _hoisted_3$6, toDisplayString(part.value), 1))
+                }, null, 8, _hoisted_2$8)) : (openBlock(), createElementBlock("span", _hoisted_3$6, toDisplayString(part.value), 1))
               ], 64);
             }), 128))
           ])) : createCommentVNode("", true)
@@ -28404,10 +28573,10 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _style_0$8 = "\n.watermark[data-v-eb604a8e] {\n  position: absolute;\n  right: var(--spacing-md, 16px);\n  bottom: 4px;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.25em;\n  font-size: 1.2rem;\n  color: var(--color-white, #fff);\n  pointer-events: none;\n  line-height: 1;\n}\n.watermark__img[data-v-eb604a8e] {\n  height: 1em;\n  vertical-align: middle;\n}\n.watermark-enter-active[data-v-eb604a8e],\n.watermark-leave-active[data-v-eb604a8e] {\n  transition:\n    opacity 0.4s ease,\n    transform 0.4s ease;\n}\n.watermark-enter-from[data-v-eb604a8e],\n.watermark-leave-to[data-v-eb604a8e] {\n  opacity: 0;\n  transform: translate(6px, 6px);\n}\n@media (prefers-reduced-motion: reduce) {\n.watermark-enter-active[data-v-eb604a8e],\n  .watermark-leave-active[data-v-eb604a8e] {\n    transition: opacity 0.01s;\n    transform: none;\n}\n}\n";
-const SubtitleWatermark = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["styles", [_style_0$8]], ["__scopeId", "data-v-eb604a8e"]]);
-const _hoisted_1$7 = ["height"];
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _style_0$9 = "\n.watermark[data-v-eb604a8e] {\n  position: absolute;\n  right: var(--spacing-md, 16px);\n  bottom: 4px;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.25em;\n  font-size: 1.2rem;\n  color: var(--color-white, #fff);\n  pointer-events: none;\n  line-height: 1;\n}\n.watermark__img[data-v-eb604a8e] {\n  height: 1em;\n  vertical-align: middle;\n}\n.watermark-enter-active[data-v-eb604a8e],\n.watermark-leave-active[data-v-eb604a8e] {\n  transition:\n    opacity 0.4s ease,\n    transform 0.4s ease;\n}\n.watermark-enter-from[data-v-eb604a8e],\n.watermark-leave-to[data-v-eb604a8e] {\n  opacity: 0;\n  transform: translate(6px, 6px);\n}\n@media (prefers-reduced-motion: reduce) {\n.watermark-enter-active[data-v-eb604a8e],\n  .watermark-leave-active[data-v-eb604a8e] {\n    transition: opacity 0.01s;\n    transform: none;\n}\n}\n";
+const SubtitleWatermark = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["styles", [_style_0$9]], ["__scopeId", "data-v-eb604a8e"]]);
+const _hoisted_1$8 = ["height"];
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "SubtitleBanner",
   setup(__props) {
     const core = useCore();
@@ -28441,20 +28610,20 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           ref: "canvas",
           class: normalizeClass(["subtitle-canvas", { "subtitle-canvas--shrunk": unref(watermarkVisible) }]),
           height: canvasHeight.value
-        }, null, 10, _hoisted_1$7),
+        }, null, 10, _hoisted_1$8),
         createVNode(SubtitleWatermark, { visible: unref(watermarkVisible) }, null, 8, ["visible"])
       ], 4);
     };
   }
 });
-const _style_0$7 = "\n.subtitle-banner[data-v-6b9b2fb2] {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  flex-shrink: 0;\n  background-color: var(--color-black);\n  overflow: hidden;\n  z-index: 1001;\n}\n.subtitle-canvas[data-v-6b9b2fb2] {\n  display: block;\n  width: 100%;\n  height: 100%;\n  transition: transform 0.4s ease;\n  transform-origin: top center;\n}\n.subtitle-canvas--shrunk[data-v-6b9b2fb2] {\n  transform: scale(0.8) translateY(-8%);\n}\n@media (prefers-reduced-motion: reduce) {\n.subtitle-canvas[data-v-6b9b2fb2] {\n    transition: none;\n}\n}\n";
-const SubtitleBanner = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["styles", [_style_0$7]], ["__scopeId", "data-v-6b9b2fb2"]]);
-const _hoisted_1$6 = {
+const _style_0$8 = "\n.subtitle-banner[data-v-6b9b2fb2] {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  flex-shrink: 0;\n  background-color: var(--color-black);\n  overflow: hidden;\n  z-index: 1001;\n}\n.subtitle-canvas[data-v-6b9b2fb2] {\n  display: block;\n  width: 100%;\n  height: 100%;\n  transition: transform 0.4s ease;\n  transform-origin: top center;\n}\n.subtitle-canvas--shrunk[data-v-6b9b2fb2] {\n  transform: scale(0.8) translateY(-8%);\n}\n@media (prefers-reduced-motion: reduce) {\n.subtitle-canvas[data-v-6b9b2fb2] {\n    transition: none;\n}\n}\n";
+const SubtitleBanner = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["styles", [_style_0$8]], ["__scopeId", "data-v-6b9b2fb2"]]);
+const _hoisted_1$7 = {
   ref: "container",
   class: "subtitle-fullscreen"
 };
-const _hoisted_2$6 = ["aria-label"];
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _hoisted_2$7 = ["aria-label"];
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "SubtitleFullscreen",
   setup(__props) {
     const core = useCore();
@@ -28512,14 +28681,14 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
         createBaseVNode("button", {
           class: "subtitle-fullscreen__close",
           "aria-label": unref(t2)("subtitle.exitFullscreen"),
           onClick: close
         }, [
           createVNode(unref(X$1), { size: 24 })
-        ], 8, _hoisted_2$6),
+        ], 8, _hoisted_2$7),
         createBaseVNode("canvas", {
           ref: "canvas",
           class: normalizeClass(["subtitle-fullscreen__canvas", { "subtitle-fullscreen__canvas--shrunk": unref(watermarkVisible) }])
@@ -28529,8 +28698,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _style_0$6 = "\n.subtitle-fullscreen[data-v-4dac7247] {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  background-color: var(--color-black);\n}\n.transcript-ui-root .subtitle-fullscreen__close[data-v-4dac7247] {\n  /* Full reset (same convention as Button, EditableText, Tabs…): the\n     previous partial reset (border/background only) left margin, padding,\n     and appearance to whatever the host page's UA/global styles set. */\n  all: unset;\n  box-sizing: border-box;\n  position: absolute;\n  top: var(--spacing-md, 16px);\n  right: var(--spacing-md, 16px);\n  z-index: 1;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  background: rgba(255, 255, 255, 0.1);\n  color: var(--color-white);\n  border-radius: var(--radius-md, 8px);\n  cursor: pointer;\n  transition: background-color var(--transition-duration) ease;\n}\n.transcript-ui-root .subtitle-fullscreen__close[data-v-4dac7247]:hover,\n.transcript-ui-root .subtitle-fullscreen__close[data-v-4dac7247]:focus-visible {\n  background: rgba(255, 255, 255, 0.25);\n  outline: 2px solid rgba(255, 255, 255, 0.5);\n  outline-offset: 2px;\n}\n.subtitle-fullscreen__canvas[data-v-4dac7247] {\n  display: block;\n  width: 100%;\n  height: 100%;\n  transition: transform 0.4s ease;\n  transform-origin: center;\n}\n.subtitle-fullscreen__canvas--shrunk[data-v-4dac7247] {\n  transform: scale(0.85) translateY(-4%);\n}\n@media (prefers-reduced-motion: reduce) {\n.subtitle-fullscreen__close[data-v-4dac7247],\n  .subtitle-fullscreen__canvas[data-v-4dac7247] {\n    transition: none;\n}\n}\n";
-const SubtitleFullscreen = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["styles", [_style_0$6]], ["__scopeId", "data-v-4dac7247"]]);
+const _style_0$7 = "\n.subtitle-fullscreen[data-v-4dac7247] {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  background-color: var(--color-black);\n}\n.transcript-ui-root .subtitle-fullscreen__close[data-v-4dac7247] {\n  /* Full reset (same convention as Button, EditableText, Tabs…): the\n     previous partial reset (border/background only) left margin, padding,\n     and appearance to whatever the host page's UA/global styles set. */\n  all: unset;\n  box-sizing: border-box;\n  position: absolute;\n  top: var(--spacing-md, 16px);\n  right: var(--spacing-md, 16px);\n  z-index: 1;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  background: rgba(255, 255, 255, 0.1);\n  color: var(--color-white);\n  border-radius: var(--radius-md, 8px);\n  cursor: pointer;\n  transition: background-color var(--transition-duration) ease;\n}\n.transcript-ui-root .subtitle-fullscreen__close[data-v-4dac7247]:hover,\n.transcript-ui-root .subtitle-fullscreen__close[data-v-4dac7247]:focus-visible {\n  background: rgba(255, 255, 255, 0.25);\n  outline: 2px solid rgba(255, 255, 255, 0.5);\n  outline-offset: 2px;\n}\n.subtitle-fullscreen__canvas[data-v-4dac7247] {\n  display: block;\n  width: 100%;\n  height: 100%;\n  transition: transform 0.4s ease;\n  transform-origin: center;\n}\n.subtitle-fullscreen__canvas--shrunk[data-v-4dac7247] {\n  transform: scale(0.85) translateY(-4%);\n}\n@media (prefers-reduced-motion: reduce) {\n.subtitle-fullscreen__close[data-v-4dac7247],\n  .subtitle-fullscreen__canvas[data-v-4dac7247] {\n    transition: none;\n}\n}\n";
+const SubtitleFullscreen = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["styles", [_style_0$7]], ["__scopeId", "data-v-4dac7247"]]);
 function createSubtitlePlugin(options = {}) {
   return {
     name: "subtitle",
@@ -29332,6 +29501,38 @@ function createTranscriptionEditorPlugin(options = {}) {
     }
   };
 }
+const _hoisted_1$6 = ["title"];
+const _hoisted_2$6 = { class: "llm-service-status__label" };
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "LLMServiceStatus",
+  props: {
+    isUpdated: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const { t: t2 } = useI18n();
+    const label = computed(
+      () => props.isUpdated ? t2("llmService.statusUpdated") : t2("llmService.statusOutdated")
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass([
+          "llm-service-status",
+          __props.isUpdated ? "llm-service-status--ok" : "llm-service-status--warn"
+        ]),
+        title: label.value
+      }, [
+        createVNode(unref(EditorIcon), {
+          name: __props.isUpdated ? "check" : "warning",
+          size: 14
+        }, null, 8, ["name"]),
+        createBaseVNode("span", _hoisted_2$6, toDisplayString(label.value), 1)
+      ], 10, _hoisted_1$6);
+    };
+  }
+});
+const _style_0$6 = "\n.llm-service-status[data-v-f6c4d61b] {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n  min-width: 0;\n  font-size: var(--font-size-xs);\n  font-weight: 500;\n}\n.llm-service-status--ok[data-v-f6c4d61b] {\n  color: var(--color-success, #2e7d32);\n}\n.llm-service-status--warn[data-v-f6c4d61b] {\n  color: var(--color-warning, #ed6c02);\n}\n.llm-service-status[data-v-f6c4d61b] .editor-icon {\n  flex-shrink: 0;\n}\n.llm-service-status__label[data-v-f6c4d61b] {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n";
+const LLMServiceStatus = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["styles", [_style_0$6]], ["__scopeId", "data-v-f6c4d61b"]]);
 const _hoisted_1$5 = { class: "llm-service-panel" };
 const _hoisted_2$5 = {
   key: 0,
@@ -29339,7 +29540,9 @@ const _hoisted_2$5 = {
   role: "status"
 };
 const _hoisted_3$5 = { class: "llm-service-panel__empty-text" };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _hoisted_4$4 = { class: "llm-service-panel__reading-status" };
+const _hoisted_5$4 = { class: "llm-service-panel__reading-actions" };
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "LLMServicePanel",
   props: {
     service: { type: Object },
@@ -29351,6 +29554,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     const emit2 = __emit;
     const core = useCore();
     const { t: t2 } = useI18n();
+    const { isMobile } = useIsMobile();
+    const isReadOnly = computed(() => isMobile.value);
     function toggleSplit() {
       emit2("update:split", !props.split);
     }
@@ -29417,62 +29622,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           status: articleStatus.value,
           progress: progress.value,
           onRetry: onRegenerate
-        }, {
-          "toolbar-left": withCtx(() => [
-            createVNode(unref(Button), {
-              variant: "primary",
-              icon: "save",
-              disabled: !dirty.value || busy.value,
-              "aria-label": unref(t2)("llmService.save"),
-              title: unref(t2)("llmService.save"),
-              onClick: onSave
-            }, null, 8, ["disabled", "aria-label", "title"]),
-            createVNode(unref(Button), {
-              variant: "secondary",
-              icon: "refresh-cw",
-              loading: articleStatus.value === "processing",
-              disabled: isUpdated.value || busy.value || articleStatus.value === "processing",
-              "aria-label": unref(t2)("llmService.regenerate"),
-              title: unref(t2)("llmService.regenerate"),
-              onClick: onRegenerate
-            }, null, 8, ["loading", "disabled", "aria-label", "title"])
-          ]),
-          "toolbar-center": withCtx(() => [
-            createBaseVNode("span", {
-              class: normalizeClass(["llm-service-panel__status", [
-                isUpdated.value ? "llm-service-panel__status--ok" : "llm-service-panel__status--warn"
-              ]])
-            }, [
-              createVNode(unref(EditorIcon), {
-                name: isUpdated.value ? "check" : "warning",
-                size: 14
-              }, null, 8, ["name"]),
-              createBaseVNode("span", null, toDisplayString(isUpdated.value ? unref(t2)("llmService.statusUpdated") : unref(t2)("llmService.statusOutdated")), 1)
-            ], 2)
-          ]),
-          "toolbar-right": withCtx(() => [
-            createVNode(unref(Button), {
-              variant: "primary",
-              icon: "download",
-              disabled: articleStatus.value === "processing" || !hasContent.value,
-              "aria-label": unref(t2)("llmService.download"),
-              title: unref(t2)("llmService.download"),
-              onClick: onExport
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(t2)("llmService.download")), 1)
-              ]),
-              _: 1
-            }, 8, ["disabled", "aria-label", "title"]),
-            createVNode(unref(Button), {
-              variant: __props.split ? "primary" : "secondary",
-              icon: "panel-right",
-              "aria-pressed": !!__props.split,
-              "aria-label": unref(t2)("llmService.split"),
-              title: unref(t2)("llmService.split"),
-              onClick: toggleSplit
-            }, null, 8, ["variant", "aria-pressed", "aria-label", "title"])
-          ]),
+        }, createSlots({
           default: withCtx(() => [
             isEmpty.value ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
               createBaseVNode("p", _hoisted_3$5, toDisplayString(unref(t2)("llmService.empty")), 1),
@@ -29487,21 +29637,108 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               }, 8, ["disabled"])
-            ])) : (openBlock(), createBlock(unref(MarkdownEditor), {
+            ])) : !isReadOnly.value ? (openBlock(), createBlock(unref(MarkdownEditor), {
               key: 1,
               modelValue: draft.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => draft.value = $event),
               disabled: busy.value
-            }, null, 8, ["modelValue", "disabled"]))
+            }, null, 8, ["modelValue", "disabled"])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+              createBaseVNode("div", _hoisted_4$4, [
+                createVNode(LLMServiceStatus, { "is-updated": isUpdated.value }, null, 8, ["is-updated"]),
+                createBaseVNode("div", _hoisted_5$4, [
+                  !isUpdated.value ? (openBlock(), createBlock(unref(Button), {
+                    key: 0,
+                    variant: "secondary",
+                    icon: "refresh-cw",
+                    disabled: busy.value,
+                    onClick: onRegenerate
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(t2)("llmService.regenerate")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["disabled"])) : createCommentVNode("", true),
+                  createVNode(unref(Button), {
+                    variant: "primary",
+                    icon: "download",
+                    "aria-label": unref(t2)("llmService.download"),
+                    title: unref(t2)("llmService.download"),
+                    onClick: onExport
+                  }, null, 8, ["aria-label", "title"])
+                ])
+              ]),
+              createVNode(unref(MarkdownView), {
+                class: "llm-service-panel__reading",
+                source: draft.value
+              }, null, 8, ["source"])
+            ], 64))
           ]),
-          _: 1
-        }, 8, ["status", "progress"])
+          _: 2
+        }, [
+          !isReadOnly.value ? {
+            name: "toolbar-left",
+            fn: withCtx(() => [
+              createVNode(unref(Button), {
+                variant: "primary",
+                icon: "save",
+                disabled: !dirty.value || busy.value,
+                "aria-label": unref(t2)("llmService.save"),
+                title: unref(t2)("llmService.save"),
+                onClick: onSave
+              }, null, 8, ["disabled", "aria-label", "title"]),
+              createVNode(unref(Button), {
+                variant: "secondary",
+                icon: "refresh-cw",
+                loading: articleStatus.value === "processing",
+                disabled: isUpdated.value || busy.value || articleStatus.value === "processing",
+                "aria-label": unref(t2)("llmService.regenerate"),
+                title: unref(t2)("llmService.regenerate"),
+                onClick: onRegenerate
+              }, null, 8, ["loading", "disabled", "aria-label", "title"])
+            ]),
+            key: "0"
+          } : void 0,
+          !isReadOnly.value ? {
+            name: "toolbar-center",
+            fn: withCtx(() => [
+              createVNode(LLMServiceStatus, { "is-updated": isUpdated.value }, null, 8, ["is-updated"])
+            ]),
+            key: "1"
+          } : void 0,
+          !isReadOnly.value ? {
+            name: "toolbar-right",
+            fn: withCtx(() => [
+              createVNode(unref(Button), {
+                variant: "primary",
+                icon: "download",
+                disabled: articleStatus.value === "processing" || !hasContent.value,
+                "aria-label": unref(t2)("llmService.download"),
+                title: unref(t2)("llmService.download"),
+                onClick: onExport
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(t2)("llmService.download")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled", "aria-label", "title"]),
+              createVNode(unref(Button), {
+                variant: __props.split ? "primary" : "secondary",
+                icon: "panel-right",
+                "aria-pressed": !!__props.split,
+                "aria-label": unref(t2)("llmService.split"),
+                title: unref(t2)("llmService.split"),
+                onClick: toggleSplit
+              }, null, 8, ["variant", "aria-pressed", "aria-label", "title"])
+            ]),
+            key: "2"
+          } : void 0
+        ]), 1032, ["status", "progress"])
       ]);
     };
   }
 });
-const _style_0$5 = "\n.llm-service-panel[data-v-0222a168] {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  min-height: 0;\n  overflow-y: auto;\n}\n.llm-service-panel__status[data-v-0222a168] {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n  font-size: var(--font-size-xs);\n  font-weight: 500;\n}\n.llm-service-panel__status--ok[data-v-0222a168] {\n  color: var(--color-success, #2e7d32);\n}\n.llm-service-panel__status--warn[data-v-0222a168] {\n  color: var(--color-warning, #ed6c02);\n}\n.llm-service-panel__empty[data-v-0222a168] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: var(--spacing-md);\n  padding: var(--spacing-xl) var(--spacing-md);\n  text-align: center;\n}\n.llm-service-panel__empty-text[data-v-0222a168] {\n  margin: 0;\n  max-width: 400px;\n  font-size: var(--font-size-sm);\n  color: var(--color-text-secondary);\n}\n@media (max-width: 767px) {\n.llm-service-panel[data-v-0222a168] {\n    padding: var(--spacing-md);\n}\n}\n";
-const LLMServicePanel = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["styles", [_style_0$5]], ["__scopeId", "data-v-0222a168"]]);
+const _style_0$5 = "\n.llm-service-panel[data-v-2d38dcc6] {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  min-height: 0;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.llm-service-panel__reading-status[data-v-2d38dcc6] {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-sm);\n  padding: var(--spacing-sm) var(--spacing-md);\n  border-bottom: 1px solid var(--color-border);\n}\n.llm-service-panel__reading-actions[data-v-2d38dcc6] {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n  margin-left: auto;\n}\n.llm-service-panel__reading[data-v-2d38dcc6] {\n  padding: var(--spacing-xl) var(--spacing-lg);\n}\n.llm-service-panel__empty[data-v-2d38dcc6] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: var(--spacing-md);\n  padding: var(--spacing-xl) var(--spacing-md);\n  text-align: center;\n}\n.llm-service-panel__empty-text[data-v-2d38dcc6] {\n  margin: 0;\n  max-width: 400px;\n  font-size: var(--font-size-sm);\n  color: var(--color-text-secondary);\n}\n";
+const LLMServicePanel = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["styles", [_style_0$5]], ["__scopeId", "data-v-2d38dcc6"]]);
 function createService(init) {
   return {
     id: init.id,
@@ -29702,7 +29939,7 @@ const _hoisted_5$3 = {
   class: "chat-session-confirm"
 };
 const _hoisted_6$3 = { class: "chat-session-confirm__text" };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "ChatSessionList",
   props: {
     sessions: { type: Array },
@@ -29834,7 +30071,48 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   }
 });
 const _style_0$4 = "\n.chat-session-list[data-v-c13478f0] {\n  width: var(--chat-session-list-width, 200px);\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n  border-right: 1px solid var(--color-border);\n  background-color: var(--color-surface-hover);\n  transition: width 0.2s ease;\n}\n@media (prefers-reduced-motion: reduce) {\n.chat-session-list[data-v-c13478f0] {\n    transition: none;\n}\n}\n.chat-session-list__header[data-v-c13478f0] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: var(--spacing-sm) var(--spacing-md);\n}\n.chat-session-list__title[data-v-c13478f0] {\n  margin: 0;\n  font-size: var(--font-size-xs);\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--color-text-muted);\n}\n.chat-session-list__items[data-v-c13478f0] {\n  flex: 1;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  overflow-y: auto;\n}\n\n/* Delete confirmation row */\n.chat-session-confirm[data-v-c13478f0] {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  padding: var(--spacing-xs) var(--spacing-sm);\n}\n.chat-session-confirm__text[data-v-c13478f0] {\n  flex: 1;\n  min-width: 0;\n  font-size: var(--font-size-xs);\n  color: var(--color-danger);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n";
-const ChatSessionList = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["styles", [_style_0$4]], ["__scopeId", "data-v-c13478f0"]]);
+const ChatSessionList = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["styles", [_style_0$4]], ["__scopeId", "data-v-c13478f0"]]);
+function computeSessionOptions(sessions, activeSessionId, newSessionLabel) {
+  const options = sessions.map((session) => ({
+    value: session.id,
+    label: session.title || newSessionLabel
+  }));
+  const isActiveListed = sessions.some((s2) => s2.id === activeSessionId);
+  if (isActiveListed) return options;
+  return [{ value: activeSessionId ?? "", label: newSessionLabel }, ...options];
+}
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "ChatSessionSelect",
+  props: {
+    sessions: { type: Array },
+    activeSessionId: { type: [String, null] }
+  },
+  emits: ["select"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit2 = __emit;
+    const { t: t2 } = useI18n();
+    const options = computed(
+      () => computeSessionOptions(props.sessions, props.activeSessionId, t2("chat.newChat"))
+    );
+    const field = computed(() => ({
+      customParams: { "aria-label": t2("chat.history") }
+    }));
+    function onChange(sessionId) {
+      if (sessionId && sessionId !== props.activeSessionId) emit2("select", sessionId);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(FormInput), {
+        select: "",
+        "full-width": "",
+        field: field.value,
+        options: options.value,
+        "model-value": __props.activeSessionId ?? "",
+        "onUpdate:modelValue": onChange
+      }, null, 8, ["field", "options", "model-value"]);
+    };
+  }
+});
 const _hoisted_1$3 = {
   key: 0,
   class: "chat-message chat-message--user"
@@ -30017,6 +30295,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           class: "chat-composer__textarea",
           placeholder: unref(t2)("chat.placeholder"),
           disabled: __props.disabled,
+          enterkeyhint: "send",
           rows: "2",
           ref: "chat-composer__textarea",
           onKeydown
@@ -30035,8 +30314,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _style_0$1 = "\n.chat-composer[data-v-05dbe7e6] {\n  display: flex;\n  align-items: flex-end;\n  gap: var(--spacing-sm);\n  padding: var(--spacing-md);\n  border-top: 1px solid var(--color-border);\n  flex-shrink: 0;\n  /* Match the message column width when the panel is expanded. */\n  width: 100%;\n  max-width: var(--chat-content-max-width, 760px);\n  margin-inline: auto;\n}\n.chat-composer__textarea[data-v-05dbe7e6] {\n  flex: 1;\n  resize: none;\n  border: 1px solid var(--color-border);\n  border-radius: var(--radius-md);\n  padding: var(--spacing-sm) var(--spacing-md);\n  font-family: inherit;\n  font-size: var(--font-size-sm);\n  line-height: var(--line-height);\n  color: var(--color-text-primary);\n  background-color: var(--color-surface);\n  outline: none;\n}\n.chat-composer__textarea[data-v-05dbe7e6]:focus {\n  border-color: var(--color-primary);\n}\n.chat-composer__textarea[data-v-05dbe7e6]:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n";
-const ChatComposer = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["styles", [_style_0$1]], ["__scopeId", "data-v-05dbe7e6"]]);
+const _style_0$1 = "\n.chat-composer[data-v-037fb976] {\n  display: flex;\n  align-items: flex-end;\n  gap: var(--spacing-sm);\n  padding: var(--spacing-md);\n  border-top: 1px solid var(--color-border);\n  flex-shrink: 0;\n  /* Match the message column width when the panel is expanded. */\n  width: 100%;\n  max-width: var(--chat-content-max-width, 760px);\n  margin-inline: auto;\n}\n.chat-composer__textarea[data-v-037fb976] {\n  flex: 1;\n  resize: none;\n  border: 1px solid var(--color-border);\n  border-radius: var(--radius-md);\n  padding: var(--spacing-sm) var(--spacing-md);\n  font-family: inherit;\n  font-size: var(--font-size-sm);\n  line-height: var(--line-height);\n  color: var(--color-text-primary);\n  background-color: var(--color-surface);\n  outline: none;\n}\n.chat-composer__textarea[data-v-037fb976]:focus {\n  border-color: var(--color-primary);\n}\n.chat-composer__textarea[data-v-037fb976]:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n";
+const ChatComposer = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["styles", [_style_0$1]], ["__scopeId", "data-v-037fb976"]]);
 const _hoisted_1 = ["aria-labelledby"];
 const _hoisted_2 = { class: "chat-drawer__header" };
 const _hoisted_3 = ["id"];
@@ -30048,6 +30327,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const core = useCore();
     const { t: t2 } = useI18n();
+    const { isMobile } = useIsMobile();
     const chat = core.chat;
     const titleId = useId$1();
     const expanded = /* @__PURE__ */ ref(false);
@@ -30097,7 +30377,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             onClick: withModifiers(close, ["self"])
           }, [
             createBaseVNode("aside", {
-              class: normalizeClass(["chat-drawer", { "chat-drawer--expanded": expanded.value }]),
+              class: normalizeClass(["chat-drawer", { "chat-drawer--expanded": expanded.value && !unref(isMobile) }]),
               role: "dialog",
               "aria-modal": "true",
               "aria-labelledby": unref(titleId)
@@ -30105,23 +30385,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createBaseVNode("header", _hoisted_2, [
                 createBaseVNode("h2", {
                   id: unref(titleId),
-                  class: "chat-drawer__title"
+                  class: normalizeClass(["chat-drawer__title", { "transcript-ui-sr-only": unref(isMobile) }])
                 }, [
                   createVNode(unref(EditorIcon), {
                     name: "sparkles",
                     size: 18
                   }),
                   createTextVNode(" " + toDisplayString(unref(t2)("chat.title")), 1)
-                ], 8, _hoisted_3),
+                ], 10, _hoisted_3),
+                unref(isMobile) ? (openBlock(), createBlock(_sfc_main$4, {
+                  key: 0,
+                  class: "chat-drawer__session-select",
+                  sessions: unref(chat).sessions.value,
+                  "active-session-id": unref(chat).activeSessionId.value,
+                  onSelect
+                }, null, 8, ["sessions", "active-session-id"])) : createCommentVNode("", true),
                 createBaseVNode("div", _hoisted_4, [
-                  createVNode(unref(Button), {
-                    class: "chat-drawer__expand",
+                  unref(isMobile) ? (openBlock(), createBlock(unref(Button), {
+                    key: 0,
+                    icon: "plus",
+                    variant: "tertiary",
+                    size: "sm",
+                    "aria-label": unref(t2)("chat.newChat"),
+                    onClick: onCreate
+                  }, null, 8, ["aria-label"])) : (openBlock(), createBlock(unref(Button), {
+                    key: 1,
                     icon: expanded.value ? "minimize" : "maximize",
                     variant: "tertiary",
                     size: "sm",
                     "aria-label": expanded.value ? unref(t2)("chat.collapse") : unref(t2)("chat.expand"),
                     onClick: toggleExpanded
-                  }, null, 8, ["icon", "aria-label"]),
+                  }, null, 8, ["icon", "aria-label"])),
                   createVNode(unref(Button), {
                     icon: "x",
                     variant: "tertiary",
@@ -30132,14 +30426,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ])
               ]),
               createBaseVNode("div", _hoisted_5, [
-                createVNode(ChatSessionList, {
+                !unref(isMobile) ? (openBlock(), createBlock(ChatSessionList, {
+                  key: 0,
                   sessions: unref(chat).sessions.value,
                   "active-session-id": unref(chat).activeSessionId.value,
                   onSelect,
                   onCreate,
                   onRename,
                   onDelete
-                }, null, 8, ["sessions", "active-session-id"]),
+                }, null, 8, ["sessions", "active-session-id"])) : createCommentVNode("", true),
                 createBaseVNode("div", _hoisted_6, [
                   createVNode(ChatMessageList, {
                     messages: unref(chat).allMessages.value,
@@ -30160,8 +30455,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _style_0 = "\n.chat-overlay[data-v-673d2314] {\n  position: fixed;\n  inset: 0;\n  z-index: var(--z-drawer);\n  background-color: rgba(0, 0, 0, 0.4);\n  display: flex;\n  justify-content: flex-end;\n}\n.chat-drawer[data-v-673d2314] {\n  /* Centered reading column for messages + composer; cascades to the child\n     components through the DOM regardless of scoped styles. */\n  --chat-content-max-width: 760px;\n  --chat-session-list-width: 200px;\n  width: min(620px, 100vw);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--color-surface);\n  box-shadow: var(--shadow-md);\n  transition: width 0.2s ease;\n}\n\n/* Near-full-width: keeps a backdrop strip on the left so click-outside still\n   closes the panel. */\n.chat-drawer--expanded[data-v-673d2314] {\n  width: min(1400px, 96vw);\n  --chat-session-list-width: 300px;\n}\n.chat-drawer__header[data-v-673d2314] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-sm);\n  padding: var(--spacing-sm) var(--spacing-md);\n  min-height: var(--header-height);\n  border-bottom: 1px solid var(--color-border);\n  flex-shrink: 0;\n}\n.chat-drawer__title[data-v-673d2314] {\n  margin: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--spacing-sm);\n  font-size: var(--font-size-base);\n  font-weight: 600;\n  color: var(--color-text-primary);\n}\n.chat-drawer__title[data-v-673d2314] .editor-icon {\n  color: var(--color-primary);\n}\n.chat-drawer__actions[data-v-673d2314] {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n}\n\n/* The expand toggle is desktop-only: on phones the panel is already full-width. */\n@media (max-width: 640px) {\n.chat-drawer__expand[data-v-673d2314] {\n    display: none;\n}\n}\n.chat-drawer__body[data-v-673d2314] {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n}\n.chat-drawer__main[data-v-673d2314] {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n/* ── Slide + fade transition ── */\n.chat-drawer-enter-active[data-v-673d2314],\n.chat-drawer-leave-active[data-v-673d2314] {\n  transition: opacity 0.2s ease;\n}\n.chat-drawer-enter-active .chat-drawer[data-v-673d2314],\n.chat-drawer-leave-active .chat-drawer[data-v-673d2314] {\n  transition: transform 0.25s ease;\n}\n.chat-drawer-enter-from[data-v-673d2314],\n.chat-drawer-leave-to[data-v-673d2314] {\n  opacity: 0;\n}\n.chat-drawer-enter-from .chat-drawer[data-v-673d2314],\n.chat-drawer-leave-to .chat-drawer[data-v-673d2314] {\n  transform: translateX(100%);\n}\n@media (prefers-reduced-motion: reduce) {\n.chat-drawer[data-v-673d2314],\n  .chat-drawer-enter-active[data-v-673d2314],\n  .chat-drawer-leave-active[data-v-673d2314],\n  .chat-drawer-enter-active .chat-drawer[data-v-673d2314],\n  .chat-drawer-leave-active .chat-drawer[data-v-673d2314] {\n    transition: none;\n}\n}\n";
-const ChatDrawer = /* @__PURE__ */ _export_sfc(_sfc_main, [["styles", [_style_0]], ["__scopeId", "data-v-673d2314"]]);
+const _style_0 = "\n.chat-overlay[data-v-25f4e0cf] {\n  position: fixed;\n  inset: 0;\n  z-index: var(--z-drawer);\n  background-color: rgba(0, 0, 0, 0.4);\n  display: flex;\n  justify-content: flex-end;\n}\n.chat-drawer[data-v-25f4e0cf] {\n  /* Centered reading column for messages + composer; cascades to the child\n     components through the DOM regardless of scoped styles. */\n  --chat-content-max-width: 760px;\n  --chat-session-list-width: 200px;\n  width: min(620px, 100vw);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--color-surface);\n  box-shadow: var(--shadow-md);\n  transition: width 0.2s ease;\n}\n\n/* Near-full-width: keeps a backdrop strip on the left so click-outside still\n   closes the panel. */\n.chat-drawer--expanded[data-v-25f4e0cf] {\n  width: min(1400px, 96vw);\n  --chat-session-list-width: 300px;\n}\n.chat-drawer__header[data-v-25f4e0cf] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-sm);\n  padding: var(--spacing-sm) var(--spacing-md);\n  min-height: var(--header-height);\n  border-bottom: 1px solid var(--color-border);\n  flex-shrink: 0;\n}\n.chat-drawer__title[data-v-25f4e0cf] {\n  margin: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--spacing-sm);\n  font-size: var(--font-size-base);\n  font-weight: 600;\n  color: var(--color-text-primary);\n}\n.chat-drawer__title[data-v-25f4e0cf] .editor-icon {\n  color: var(--color-primary);\n}\n.chat-drawer__session-select[data-v-25f4e0cf] {\n  flex: 1;\n  min-width: 0;\n}\n.chat-drawer__actions[data-v-25f4e0cf] {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n}\n.chat-drawer__body[data-v-25f4e0cf] {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n}\n.chat-drawer__main[data-v-25f4e0cf] {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n/* ── Slide + fade transition ── */\n.chat-drawer-enter-active[data-v-25f4e0cf],\n.chat-drawer-leave-active[data-v-25f4e0cf] {\n  transition: opacity 0.2s ease;\n}\n.chat-drawer-enter-active .chat-drawer[data-v-25f4e0cf],\n.chat-drawer-leave-active .chat-drawer[data-v-25f4e0cf] {\n  transition: transform 0.25s ease;\n}\n.chat-drawer-enter-from[data-v-25f4e0cf],\n.chat-drawer-leave-to[data-v-25f4e0cf] {\n  opacity: 0;\n}\n.chat-drawer-enter-from .chat-drawer[data-v-25f4e0cf],\n.chat-drawer-leave-to .chat-drawer[data-v-25f4e0cf] {\n  transform: translateX(100%);\n}\n@media (prefers-reduced-motion: reduce) {\n.chat-drawer[data-v-25f4e0cf],\n  .chat-drawer-enter-active[data-v-25f4e0cf],\n  .chat-drawer-leave-active[data-v-25f4e0cf],\n  .chat-drawer-enter-active .chat-drawer[data-v-25f4e0cf],\n  .chat-drawer-leave-active .chat-drawer[data-v-25f4e0cf] {\n    transition: none;\n}\n}\n";
+const ChatDrawer = /* @__PURE__ */ _export_sfc(_sfc_main, [["styles", [_style_0]], ["__scopeId", "data-v-25f4e0cf"]]);
 const STREAMING_MESSAGE_ID = "__streaming__";
 function createChatPlugin() {
   return {
@@ -30290,4 +30585,4 @@ export {
   purify as p,
   register as r
 };
-//# sourceMappingURL=index-DhBFBHeE.js.map
+//# sourceMappingURL=index-j-ZNERBE.js.map