agentation-vue3 1.0.1 → 1.0.3

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as Je, useCssModule as et, ref as x, computed as me, onMounted as tt, watch as le, openBlock as b, createElementBlock as S, withModifiers as Q, normalizeStyle as P, normalizeClass as p, createElementVNode as v, unref as l, toDisplayString as D, createCommentVNode as H, Fragment as re, renderList as he, createTextVNode as ce, withDirectives as Le, vModelText as Zt, nextTick as Rt, h as a, onUnmounted as Vt, createBlock as N, Teleport as Yt, resolveDynamicComponent as Z, vModelCheckbox as Xe } from "vue";
-const Ft = ["placeholder"], Wt = ["disabled"], Xt = /* @__PURE__ */ Je({
+import { defineComponent as tt, useCssModule as ot, ref as _, computed as ge, onMounted as nt, watch as oe, openBlock as w, createElementBlock as E, withModifiers as Q, normalizeStyle as H, normalizeClass as p, createElementVNode as v, unref as l, toDisplayString as D, createCommentVNode as P, Fragment as re, renderList as fe, createTextVNode as ce, withDirectives as Se, vModelText as Rt, nextTick as Vt, h as a, onUnmounted as Ft, createBlock as N, Teleport as Yt, resolveDynamicComponent as Z, vModelCheckbox as qe } from "vue";
+const Wt = ["placeholder"], Xt = ["disabled"], Ut = /* @__PURE__ */ tt({
   __name: "AnnotationPopup",
   props: {
     element: {},
@@ -15,18 +15,18 @@ const Ft = ["placeholder"], Wt = ["disabled"], Xt = /* @__PURE__ */ Je({
     computedStyles: {}
   },
   emits: ["submit", "cancel"],
-  setup(t, { expose: e, emit: i }) {
-    const r = et(), h = t, n = i, y = x(h.initialValue), $ = x(!1), k = x("initial"), E = x(!1), B = x(!1), m = x(null), w = x(null), L = me(() => h.computedStyles && Object.keys(h.computedStyles).length > 0), O = me(() => [
-      r.popup,
-      h.lightMode && r.light,
-      k.value === "enter" && r.enter,
-      k.value === "entered" && r.entered,
-      k.value === "exit" && r.exit,
-      $.value && r.shake
-    ].filter(Boolean)), I = () => {
+  setup(o, { expose: e, emit: c }) {
+    const d = ot(), h = o, n = c, y = _(h.initialValue), $ = _(!1), k = _("initial"), T = _(!1), I = _(!1), m = _(null), b = _(null), S = ge(() => h.computedStyles && Object.keys(h.computedStyles).length > 0), O = ge(() => [
+      d.popup,
+      h.lightMode && d.light,
+      k.value === "enter" && d.enter,
+      k.value === "entered" && d.entered,
+      k.value === "exit" && d.exit,
+      $.value && d.shake
+    ].filter(Boolean)), B = () => {
       $.value = !0, setTimeout(() => {
-        var _;
-        $.value = !1, (_ = m.value) == null || _.focus();
+        var M;
+        $.value = !1, (M = m.value) == null || M.focus();
       }, 250);
     }, se = () => {
       k.value = "exit", setTimeout(() => {
@@ -34,49 +34,49 @@ const Ft = ["placeholder"], Wt = ["disabled"], Xt = /* @__PURE__ */ Je({
       }, 150);
     }, g = () => {
       y.value.trim() && n("submit", y.value.trim());
-    }, z = (_) => {
+    }, z = (M) => {
       var C;
-      _.isComposing || (C = _.nativeEvent) != null && C.isComposing || (_.key === "Enter" && !_.shiftKey && (_.preventDefault(), g()), _.key === "Escape" && se());
+      M.isComposing || (C = M.nativeEvent) != null && C.isComposing || (M.key === "Enter" && !M.shiftKey && (M.preventDefault(), g()), M.key === "Escape" && se());
     }, ae = () => {
-      const _ = B.value;
-      B.value = !B.value, _ && Rt(() => {
+      const M = I.value;
+      I.value = !I.value, M && Vt(() => {
         var C;
         return (C = m.value) == null ? void 0 : C.focus();
       });
-    }, ve = (_) => _.replace(/([A-Z])/g, "-$1").toLowerCase();
-    return tt(() => {
+    }, ve = (M) => M.replace(/([A-Z])/g, "-$1").toLowerCase();
+    return nt(() => {
       requestAnimationFrame(() => {
         k.value = "enter";
       }), setTimeout(() => {
         k.value = "entered";
       }, 200), setTimeout(() => {
-        const _ = m.value;
-        _ && (_.focus(), _.selectionStart = _.selectionEnd = _.value.length, _.scrollTop = _.scrollHeight);
+        const M = m.value;
+        M && (M.focus(), M.selectionStart = M.selectionEnd = M.value.length, M.scrollTop = M.scrollHeight);
       }, 50);
-    }), le(() => h.isExiting, (_) => {
-      _ && k.value !== "exit" && (k.value = "exit");
+    }), oe(() => h.isExiting, (M) => {
+      M && k.value !== "exit" && (k.value = "exit");
     }), e({
-      shake: I
-    }), (_, C) => (b(), S("div", {
+      shake: B
+    }), (M, C) => (w(), E("div", {
       ref_key: "popupRef",
-      ref: w,
+      ref: b,
       class: p(O.value),
       "data-annotation-popup": "",
-      style: P(t.popupStyle),
+      style: H(o.popupStyle),
       onClick: C[3] || (C[3] = Q(() => {
       }, ["stop"]))
     }, [
       v("div", {
-        class: p(l(r).header)
+        class: p(l(d).header)
       }, [
-        L.value ? (b(), S("button", {
+        S.value ? (w(), E("button", {
           key: 0,
-          class: p(l(r).headerToggle),
+          class: p(l(d).headerToggle),
           type: "button",
           onClick: ae
         }, [
-          (b(), S("svg", {
-            class: p([l(r).chevron, B.value && l(r).expanded]),
+          (w(), E("svg", {
+            class: p([l(d).chevron, I.value && l(d).expanded]),
             width: "14",
             height: "14",
             viewBox: "0 0 14 14",
@@ -92,115 +92,115 @@ const Ft = ["placeholder"], Wt = ["disabled"], Xt = /* @__PURE__ */ Je({
             }, null, -1)
           ])], 2)),
           v("span", {
-            class: p(l(r).element)
-          }, D(t.element), 3)
-        ], 2)) : (b(), S("span", {
+            class: p(l(d).element)
+          }, D(o.element), 3)
+        ], 2)) : (w(), E("span", {
           key: 1,
-          class: p(l(r).element)
-        }, D(t.element), 3)),
-        t.timestamp ? (b(), S("span", {
+          class: p(l(d).element)
+        }, D(o.element), 3)),
+        o.timestamp ? (w(), E("span", {
           key: 2,
-          class: p(l(r).timestamp)
-        }, D(t.timestamp), 3)) : H("", !0)
+          class: p(l(d).timestamp)
+        }, D(o.timestamp), 3)) : P("", !0)
       ], 2),
-      L.value ? (b(), S("div", {
+      S.value ? (w(), E("div", {
         key: 0,
-        class: p([l(r).stylesWrapper, B.value && l(r).expanded])
+        class: p([l(d).stylesWrapper, I.value && l(d).expanded])
       }, [
         v("div", {
-          class: p(l(r).stylesInner)
+          class: p(l(d).stylesInner)
         }, [
           v("div", {
-            class: p(l(r).stylesBlock)
+            class: p(l(d).stylesBlock)
           }, [
-            (b(!0), S(re, null, he(t.computedStyles, (X, K) => (b(), S("div", {
+            (w(!0), E(re, null, fe(o.computedStyles, (W, K) => (w(), E("div", {
               key: K,
-              class: p(l(r).styleLine)
+              class: p(l(d).styleLine)
             }, [
               v("span", {
-                class: p(l(r).styleProperty)
+                class: p(l(d).styleProperty)
               }, D(ve(String(K))), 3),
               C[5] || (C[5] = ce(" : ", -1)),
               v("span", {
-                class: p(l(r).styleValue)
-              }, D(X), 3),
+                class: p(l(d).styleValue)
+              }, D(W), 3),
               C[6] || (C[6] = ce("; ", -1))
             ], 2))), 128))
           ], 2)
         ], 2)
-      ], 2)) : H("", !0),
-      t.selectedText ? (b(), S("div", {
+      ], 2)) : P("", !0),
+      o.selectedText ? (w(), E("div", {
         key: 1,
-        class: p(l(r).quote)
-      }, " “" + D(t.selectedText.slice(0, 80)) + D(t.selectedText.length > 80 ? "..." : "") + "” ", 3)) : H("", !0),
-      Le(v("textarea", {
+        class: p(l(d).quote)
+      }, " “" + D(o.selectedText.slice(0, 80)) + D(o.selectedText.length > 80 ? "..." : "") + "” ", 3)) : P("", !0),
+      Se(v("textarea", {
         ref_key: "textareaRef",
         ref: m,
-        class: p(l(r).textarea),
-        style: P({ borderColor: E.value ? t.accentColor : void 0 }),
-        placeholder: t.placeholder,
-        "onUpdate:modelValue": C[0] || (C[0] = (X) => y.value = X),
+        class: p(l(d).textarea),
+        style: H({ borderColor: T.value ? o.accentColor : void 0 }),
+        placeholder: o.placeholder,
+        "onUpdate:modelValue": C[0] || (C[0] = (W) => y.value = W),
         rows: "2",
-        onFocus: C[1] || (C[1] = (X) => E.value = !0),
-        onBlur: C[2] || (C[2] = (X) => E.value = !1),
+        onFocus: C[1] || (C[1] = (W) => T.value = !0),
+        onBlur: C[2] || (C[2] = (W) => T.value = !1),
         onKeydown: z
-      }, null, 46, Ft), [
-        [Zt, y.value]
+      }, null, 46, Wt), [
+        [Rt, y.value]
       ]),
       v("div", {
-        class: p(l(r).actions)
+        class: p(l(d).actions)
       }, [
         v("button", {
-          class: p(l(r).cancel),
+          class: p(l(d).cancel),
           onClick: se
         }, " Cancel ", 2),
         v("button", {
-          class: p(l(r).submit),
-          style: P({
-            backgroundColor: t.accentColor,
+          class: p(l(d).submit),
+          style: H({
+            backgroundColor: o.accentColor,
             opacity: y.value.trim() ? 1 : 0.4
           }),
           disabled: !y.value.trim(),
           onClick: g
-        }, D(t.submitLabel), 15, Wt)
+        }, D(o.submitLabel), 15, Xt)
       ], 2)
     ], 6));
   }
-}), Ut = "_popup_dj3wu_38", qt = "_enter_dj3wu_52", Gt = "_popupEnter_dj3wu_1", Kt = "_entered_dj3wu_55", Qt = "_exit_dj3wu_59", Jt = "_popupExit_dj3wu_1", eo = "_shake_dj3wu_62", to = "_header_dj3wu_66", oo = "_element_dj3wu_73", no = "_headerToggle_dj3wu_84", lo = "_chevron_dj3wu_100", so = "_expanded_dj3wu_105", ao = "_stylesWrapper_dj3wu_109", io = "_stylesInner_dj3wu_118", ro = "_stylesBlock_dj3wu_122", co = "_styleLine_dj3wu_132", uo = "_styleProperty_dj3wu_137", po = "_styleValue_dj3wu_141", ho = "_timestamp_dj3wu_145", fo = "_quote_dj3wu_154", mo = "_textarea_dj3wu_165", go = "_actions_dj3wu_193", vo = "_cancel_dj3wu_200", Co = "_submit_dj3wu_201", yo = "_light_dj3wu_230", wo = {
-  popup: Ut,
-  enter: qt,
-  popupEnter: Gt,
-  entered: Kt,
-  exit: Qt,
-  popupExit: Jt,
-  shake: eo,
-  header: to,
-  element: oo,
-  headerToggle: no,
-  chevron: lo,
-  expanded: so,
-  stylesWrapper: ao,
-  stylesInner: io,
-  stylesBlock: ro,
-  styleLine: co,
-  styleProperty: uo,
-  styleValue: po,
-  timestamp: ho,
-  quote: fo,
-  textarea: mo,
-  actions: go,
-  cancel: vo,
-  submit: Co,
-  light: yo
-}, ot = (t, e) => {
-  const i = t.__vccOpts || t;
-  for (const [r, h] of e)
-    i[r] = h;
-  return i;
-}, bo = {
+}), qt = "_popup_dj3wu_38", Gt = "_enter_dj3wu_52", Kt = "_popupEnter_dj3wu_1", Qt = "_entered_dj3wu_55", Jt = "_exit_dj3wu_59", eo = "_popupExit_dj3wu_1", to = "_shake_dj3wu_62", oo = "_header_dj3wu_66", no = "_element_dj3wu_73", lo = "_headerToggle_dj3wu_84", so = "_chevron_dj3wu_100", ao = "_expanded_dj3wu_105", io = "_stylesWrapper_dj3wu_109", ro = "_stylesInner_dj3wu_118", co = "_stylesBlock_dj3wu_122", uo = "_styleLine_dj3wu_132", po = "_styleProperty_dj3wu_137", ho = "_styleValue_dj3wu_141", fo = "_timestamp_dj3wu_145", mo = "_quote_dj3wu_154", go = "_textarea_dj3wu_165", vo = "_actions_dj3wu_193", Co = "_cancel_dj3wu_200", yo = "_submit_dj3wu_201", bo = "_light_dj3wu_230", wo = {
+  popup: qt,
+  enter: Gt,
+  popupEnter: Kt,
+  entered: Qt,
+  exit: Jt,
+  popupExit: eo,
+  shake: to,
+  header: oo,
+  element: no,
+  headerToggle: lo,
+  chevron: so,
+  expanded: ao,
+  stylesWrapper: io,
+  stylesInner: ro,
+  stylesBlock: co,
+  styleLine: uo,
+  styleProperty: po,
+  styleValue: ho,
+  timestamp: fo,
+  quote: mo,
+  textarea: go,
+  actions: vo,
+  cancel: Co,
+  submit: yo,
+  light: bo
+}, lt = (o, e) => {
+  const c = o.__vccOpts || o;
+  for (const [d, h] of e)
+    c[d] = h;
+  return c;
+}, ko = {
   $style: wo
-}, Ue = /* @__PURE__ */ ot(Xt, [["__cssModules", bo]]), ko = (t) => {
-  const e = t.size ?? 16;
+}, Ge = /* @__PURE__ */ lt(Ut, [["__cssModules", ko]]), xo = (o) => {
+  const e = o.size ?? 16;
   return a("svg", { width: e, height: e, viewBox: "0 0 16 16", fill: "none" }, [
     a("path", {
       d: "M4 4l8 8M12 4l-8 8",
@@ -210,9 +210,9 @@ const Ft = ["placeholder"], Wt = ["disabled"], Xt = /* @__PURE__ */ Je({
     })
   ]);
 };
-ko.props = ["size"];
-const nt = (t) => {
-  const e = t.size ?? 16;
+xo.props = ["size"];
+const st = (o) => {
+  const e = o.size ?? 16;
   return a("svg", { width: e, height: e, viewBox: "0 0 16 16", fill: "none" }, [
     a("path", {
       d: "M8 3v10M3 8h10",
@@ -222,9 +222,9 @@ const nt = (t) => {
     })
   ]);
 };
-nt.props = ["size"];
-const xo = (t) => {
-  const e = t.size ?? 16;
+st.props = ["size"];
+const _o = (o) => {
+  const e = o.size ?? 16;
   return a("svg", { width: e, height: e, viewBox: "0 0 16 16", fill: "none" }, [
     a("path", {
       d: "M3 8l3.5 3.5L13 5",
@@ -235,9 +235,9 @@ const xo = (t) => {
     })
   ]);
 };
-xo.props = ["size"];
-const _o = (t) => {
-  const e = t.size ?? 14;
+_o.props = ["size"];
+const Lo = (o) => {
+  const e = o.size ?? 14;
   return a("svg", { width: e, height: e, viewBox: "0 0 14 14", fill: "none" }, [
     a("path", {
       d: "M3.9375 7L6.125 9.1875L10.5 4.8125",
@@ -248,10 +248,10 @@ const _o = (t) => {
     })
   ]);
 };
-_o.props = ["size"];
-const lt = (t) => {
-  const e = t.size ?? 24;
-  return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", style: t.style }, [
+Lo.props = ["size"];
+const at = (o) => {
+  const e = o.size ?? 24;
+  return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", style: o.style }, [
     a("g", { "clip-path": "url(#clip0_list_sparkle)" }, [
       a("path", { d: "M11.5 12L5.5 12", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
       a("path", { d: "M18.5 6.75L5.5 6.75", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
@@ -265,9 +265,9 @@ const lt = (t) => {
     ])
   ]);
 };
-lt.props = ["size", "style"];
-const st = (t) => {
-  const e = t.size ?? 20;
+at.props = ["size", "style"];
+const it = (o) => {
+  const e = o.size ?? 20;
   return a("svg", { width: e, height: e, viewBox: "0 0 20 20", fill: "none" }, [
     a("path", {
       d: "M10 3.33301C13.6816 3.33318 16.6658 6.31838 16.666 10C16.6658 13.6816 13.6816 16.6658 10 16.666C6.31836 16.6658 3.33318 13.6816 3.33301 10C3.33321 6.31838 6.31838 3.33319 10 3.33301ZM10 4.58301C7.00873 4.58319 4.58321 7.00874 4.58301 10C4.58318 12.9913 7.00872 15.4158 10 15.416C12.9913 15.4158 15.4158 12.9913 15.416 10C15.4158 7.00874 12.9912 4.58318 10 4.58301ZM10.0059 12.3955C10.3509 12.3955 10.6307 12.6755 10.6309 13.0205C10.6309 13.3657 10.351 13.6455 10.0059 13.6455H10C9.65482 13.6455 9.375 13.3657 9.375 13.0205C9.3752 12.6755 9.65494 12.3955 10 12.3955H10.0059ZM8.7168 6.6875C9.21305 6.39589 9.79695 6.28941 10.3643 6.38672C10.9314 6.48413 11.4458 6.77949 11.8164 7.21973C12.1868 7.65987 12.3903 8.21677 12.3896 8.79199L12.3818 8.96191C12.3064 9.79544 11.6881 10.3569 11.2354 10.667C11.0017 10.827 10.7702 10.9462 10.5898 11.0312C10.5068 11.2788 10.2755 11.4589 10 11.459C9.65518 11.4588 9.37535 11.1788 9.375 10.834V10.6045C9.375 10.3374 9.54513 10.0992 9.79785 10.0127C9.79944 10.0121 9.80223 10.011 9.80566 10.0098C9.81443 10.0066 9.82943 10.0017 9.84863 9.99414C9.88759 9.97889 9.94594 9.95512 10.0166 9.92285C10.1601 9.85732 10.3469 9.76066 10.5293 9.63574C10.9282 9.36253 11.1394 9.07213 11.1396 8.79199V8.79102C11.1401 8.51071 11.0408 8.23891 10.8604 8.02441C10.6798 7.80996 10.4286 7.66661 10.1523 7.61914C9.87611 7.57183 9.59223 7.62367 9.35059 7.76562C9.10896 7.90763 8.92515 8.1302 8.83203 8.39453C8.71753 8.71983 8.36054 8.89136 8.03516 8.77734C7.70969 8.66285 7.53811 8.30597 7.65234 7.98047C7.84336 7.43747 8.22055 6.97917 8.7168 6.6875Z",
@@ -275,9 +275,9 @@ const st = (t) => {
     })
   ]);
 };
-st.props = ["size"];
-const Me = (t) => {
-  const e = t.size ?? 14;
+it.props = ["size"];
+const ze = (o) => {
+  const e = o.size ?? 14;
   return a("svg", { width: e, height: e, viewBox: "0 0 14 14", fill: "none" }, [
     a("style", {}, `
       @keyframes checkDraw {
@@ -307,117 +307,117 @@ const Me = (t) => {
     })
   ]);
 };
-Me.props = ["size"];
-const zo = (t) => {
-  const e = t.size ?? 16;
+ze.props = ["size"];
+const Mo = (o) => {
+  const e = o.size ?? 16;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("path", { d: "M4.75 11.25C4.75 10.4216 5.42157 9.75 6.25 9.75H12.75C13.5784 9.75 14.25 10.4216 14.25 11.25V17.75C14.25 18.5784 13.5784 19.25 12.75 19.25H6.25C5.42157 19.25 4.75 18.5784 4.75 17.75V11.25Z", stroke: "currentColor", "stroke-width": "1.5" }),
     a("path", { d: "M17.25 14.25H17.75C18.5784 14.25 19.25 13.5784 19.25 12.75V6.25C19.25 5.42157 18.5784 4.75 17.75 4.75H11.25C10.4216 4.75 9.75 5.42157 9.75 6.25V6.75", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" })
   ]);
 };
-zo.props = ["size"];
-const at = (t) => {
-  const e = t.size ?? 24, i = t.copied ?? !1;
+Mo.props = ["size"];
+const rt = (o) => {
+  const e = o.size ?? 24, c = o.copied ?? !1;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("style", {}, ".copy-icon, .check-icon { transition: opacity 0.2s ease, transform 0.2s ease; }"),
     // Copy icon
-    a("g", { class: "copy-icon", style: { opacity: i ? 0 : 1, transform: i ? "scale(0.8)" : "scale(1)", transformOrigin: "center" } }, [
+    a("g", { class: "copy-icon", style: { opacity: c ? 0 : 1, transform: c ? "scale(0.8)" : "scale(1)", transformOrigin: "center" } }, [
       a("path", { d: "M4.75 11.25C4.75 10.4216 5.42157 9.75 6.25 9.75H12.75C13.5784 9.75 14.25 10.4216 14.25 11.25V17.75C14.25 18.5784 13.5784 19.25 12.75 19.25H6.25C5.42157 19.25 4.75 18.5784 4.75 17.75V11.25Z", stroke: "currentColor", "stroke-width": "1.5" }),
       a("path", { d: "M17.25 14.25H17.75C18.5784 14.25 19.25 13.5784 19.25 12.75V6.25C19.25 5.42157 18.5784 4.75 17.75 4.75H11.25C10.4216 4.75 9.75 5.42157 9.75 6.25V6.75", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" })
     ]),
     // Checkmark circle
-    a("g", { class: "check-icon", style: { opacity: i ? 1 : 0, transform: i ? "scale(1)" : "scale(0.8)", transformOrigin: "center" } }, [
+    a("g", { class: "check-icon", style: { opacity: c ? 1 : 0, transform: c ? "scale(1)" : "scale(0.8)", transformOrigin: "center" } }, [
       a("path", { d: "M12 20C7.58172 20 4 16.4182 4 12C4 7.58172 7.58172 4 12 4C16.4182 4 20 7.58172 20 12C20 16.4182 16.4182 20 12 20Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
       a("path", { d: "M15 10L11 14.25L9.25 12.25", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
     ])
   ]);
 };
-at.props = ["size", "copied"];
-const Lo = (t) => {
-  const e = t.size ?? 16;
+rt.props = ["size", "copied"];
+const So = (o) => {
+  const e = o.size ?? 16;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("path", { d: "M4.91516 12.7108C4.63794 12.2883 4.63705 11.7565 4.91242 11.3328C5.84146 9.9033 8.30909 6.74994 12 6.74994C15.6909 6.74994 18.1585 9.9033 19.0876 11.3328C19.3629 11.7565 19.3621 12.2883 19.0848 12.7108C18.1537 14.13 15.6873 17.2499 12 17.2499C8.31272 17.2499 5.8463 14.13 4.91516 12.7108Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
     a("path", { d: "M12 14.25C13.2426 14.25 14.25 13.2426 14.25 12C14.25 10.7574 13.2426 9.75 12 9.75C10.7574 9.75 9.75 10.7574 9.75 12C9.75 13.2426 10.7574 14.25 12 14.25Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
   ]);
 };
-Lo.props = ["size"];
-const Mo = (t) => {
-  const e = t.size ?? 24;
+So.props = ["size"];
+const zo = (o) => {
+  const e = o.size ?? 24;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("path", { d: "M3.91752 12.7539C3.65127 12.2996 3.65037 11.7515 3.9149 11.2962C4.9042 9.59346 7.72688 5.49994 12 5.49994C16.2731 5.49994 19.0958 9.59346 20.0851 11.2962C20.3496 11.7515 20.3487 12.2996 20.0825 12.7539C19.0908 14.4459 16.2694 18.4999 12 18.4999C7.73064 18.4999 4.90918 14.4459 3.91752 12.7539Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
     a("path", { d: "M12 14.8261C13.5608 14.8261 14.8261 13.5608 14.8261 12C14.8261 10.4392 13.5608 9.17392 12 9.17392C10.4392 9.17392 9.17391 10.4392 9.17391 12C9.17391 13.5608 10.4392 14.8261 12 14.8261Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
   ]);
 };
-Mo.props = ["size"];
-const Eo = (t) => {
-  const e = t.size ?? 24;
+zo.props = ["size"];
+const Eo = (o) => {
+  const e = o.size ?? 24;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("path", { d: "M18.6025 9.28503C18.9174 8.9701 19.4364 8.99481 19.7015 9.35271C20.1484 9.95606 20.4943 10.507 20.7342 10.9199C21.134 11.6086 21.1329 12.4454 20.7303 13.1328C20.2144 14.013 19.2151 15.5225 17.7723 16.8193C16.3293 18.1162 14.3852 19.2497 12.0008 19.25C11.4192 19.25 10.8638 19.1823 10.3355 19.0613C9.77966 18.934 9.63498 18.2525 10.0382 17.8493C10.2412 17.6463 10.5374 17.573 10.8188 17.6302C11.1993 17.7076 11.5935 17.75 12.0008 17.75C13.8848 17.7497 15.4867 16.8568 16.7693 15.7041C18.0522 14.5511 18.9606 13.1867 19.4363 12.375C19.5656 12.1543 19.5659 11.8943 19.4373 11.6729C19.2235 11.3049 18.921 10.8242 18.5364 10.3003C18.3085 9.98991 18.3302 9.5573 18.6025 9.28503ZM12.0008 4.75C12.5814 4.75006 13.1358 4.81803 13.6632 4.93953C14.2182 5.06741 14.362 5.74812 13.9593 6.15091C13.7558 6.35435 13.4589 6.42748 13.1771 6.36984C12.7983 6.29239 12.4061 6.25006 12.0008 6.25C10.1167 6.25 8.51415 7.15145 7.23028 8.31543C5.94678 9.47919 5.03918 10.8555 4.56426 11.6729C4.43551 11.8945 4.43582 12.1542 4.56524 12.375C4.77587 12.7343 5.07189 13.2012 5.44718 13.7105C5.67623 14.0213 5.65493 14.4552 5.38193 14.7282C5.0671 15.0431 4.54833 15.0189 4.28292 14.6614C3.84652 14.0736 3.50813 13.5369 3.27129 13.1328C2.86831 12.4451 2.86717 11.6088 3.26739 10.9199C3.78185 10.0345 4.77959 8.51239 6.22247 7.2041C7.66547 5.89584 9.61202 4.75 12.0008 4.75Z", fill: "currentColor" }),
     a("path", { d: "M5 19L19 5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" })
   ]);
 };
 Eo.props = ["size"];
-const it = (t) => {
-  const e = t.size ?? 24, i = t.isOpen ?? !0;
+const ct = (o) => {
+  const e = o.size ?? 24, c = o.isOpen ?? !0;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("style", {}, ".eye-open, .eye-closed { transition: opacity 0.2s ease; }"),
     // Open state
-    a("g", { class: "eye-open", style: { opacity: i ? 1 : 0 } }, [
+    a("g", { class: "eye-open", style: { opacity: c ? 1 : 0 } }, [
       a("path", { d: "M3.91752 12.7539C3.65127 12.2996 3.65037 11.7515 3.9149 11.2962C4.9042 9.59346 7.72688 5.49994 12 5.49994C16.2731 5.49994 19.0958 9.59346 20.0851 11.2962C20.3496 11.7515 20.3487 12.2996 20.0825 12.7539C19.0908 14.4459 16.2694 18.4999 12 18.4999C7.73064 18.4999 4.90918 14.4459 3.91752 12.7539Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
       a("path", { d: "M12 14.8261C13.5608 14.8261 14.8261 13.5608 14.8261 12C14.8261 10.4392 13.5608 9.17392 12 9.17392C10.4392 9.17392 9.17391 10.4392 9.17391 12C9.17391 13.5608 10.4392 14.8261 12 14.8261Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
     ]),
     // Closed state
-    a("g", { class: "eye-closed", style: { opacity: i ? 0 : 1 } }, [
+    a("g", { class: "eye-closed", style: { opacity: c ? 0 : 1 } }, [
       a("path", { d: "M18.6025 9.28503C18.9174 8.9701 19.4364 8.99481 19.7015 9.35271C20.1484 9.95606 20.4943 10.507 20.7342 10.9199C21.134 11.6086 21.1329 12.4454 20.7303 13.1328C20.2144 14.013 19.2151 15.5225 17.7723 16.8193C16.3293 18.1162 14.3852 19.2497 12.0008 19.25C11.4192 19.25 10.8638 19.1823 10.3355 19.0613C9.77966 18.934 9.63498 18.2525 10.0382 17.8493C10.2412 17.6463 10.5374 17.573 10.8188 17.6302C11.1993 17.7076 11.5935 17.75 12.0008 17.75C13.8848 17.7497 15.4867 16.8568 16.7693 15.7041C18.0522 14.5511 18.9606 13.1867 19.4363 12.375C19.5656 12.1543 19.5659 11.8943 19.4373 11.6729C19.2235 11.3049 18.921 10.8242 18.5364 10.3003C18.3085 9.98991 18.3302 9.5573 18.6025 9.28503ZM12.0008 4.75C12.5814 4.75006 13.1358 4.81803 13.6632 4.93953C14.2182 5.06741 14.362 5.74812 13.9593 6.15091C13.7558 6.35435 13.4589 6.42748 13.1771 6.36984C12.7983 6.29239 12.4061 6.25006 12.0008 6.25C10.1167 6.25 8.51415 7.15145 7.23028 8.31543C5.94678 9.47919 5.03918 10.8555 4.56426 11.6729C4.43551 11.8945 4.43582 12.1542 4.56524 12.375C4.77587 12.7343 5.07189 13.2012 5.44718 13.7105C5.67623 14.0213 5.65493 14.4552 5.38193 14.7282C5.0671 15.0431 4.54833 15.0189 4.28292 14.6614C3.84652 14.0736 3.50813 13.5369 3.27129 13.1328C2.86831 12.4451 2.86717 11.6088 3.26739 10.9199C3.78185 10.0345 4.77959 8.51239 6.22247 7.2041C7.66547 5.89584 9.61202 4.75 12.0008 4.75Z", fill: "currentColor" }),
       a("path", { d: "M5 19L19 5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" })
     ])
   ]);
 };
-it.props = ["size", "isOpen"];
-const rt = (t) => {
-  const e = t.size ?? 24, i = t.isPaused ?? !1;
+ct.props = ["size", "isOpen"];
+const ut = (o) => {
+  const e = o.size ?? 24, c = o.isPaused ?? !1;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("style", {}, ".pause-bar, .play-triangle { transition: opacity 0.15s ease; }"),
     // Pause bars
-    a("path", { class: "pause-bar", d: "M8 6L8 18", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", style: { opacity: i ? 0 : 1 } }),
-    a("path", { class: "pause-bar", d: "M16 18L16 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", style: { opacity: i ? 0 : 1 } }),
+    a("path", { class: "pause-bar", d: "M8 6L8 18", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", style: { opacity: c ? 0 : 1 } }),
+    a("path", { class: "pause-bar", d: "M16 18L16 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", style: { opacity: c ? 0 : 1 } }),
     // Play triangle
-    a("path", { class: "play-triangle", d: "M17.75 10.701C18.75 11.2783 18.75 12.7217 17.75 13.299L8.75 18.4952C7.75 19.0725 6.5 18.3509 6.5 17.1962L6.5 6.80384C6.5 5.64914 7.75 4.92746 8.75 5.50481L17.75 10.701Z", stroke: "currentColor", "stroke-width": "1.5", style: { opacity: i ? 1 : 0 } })
+    a("path", { class: "play-triangle", d: "M17.75 10.701C18.75 11.2783 18.75 12.7217 17.75 13.299L8.75 18.4952C7.75 19.0725 6.5 18.3509 6.5 17.1962L6.5 6.80384C6.5 5.64914 7.75 4.92746 8.75 5.50481L17.75 10.701Z", stroke: "currentColor", "stroke-width": "1.5", style: { opacity: c ? 1 : 0 } })
   ]);
 };
-rt.props = ["size", "isPaused"];
-const ct = (t) => {
-  const e = t.size ?? 16;
+ut.props = ["size", "isPaused"];
+const dt = (o) => {
+  const e = o.size ?? 16;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("path", { d: "M10.6504 5.81117C10.9939 4.39628 13.0061 4.39628 13.3496 5.81117C13.5715 6.72517 14.6187 7.15891 15.4219 6.66952C16.6652 5.91193 18.0881 7.33479 17.3305 8.57815C16.8411 9.38134 17.2748 10.4285 18.1888 10.6504C19.6037 10.9939 19.6037 13.0061 18.1888 13.3496C17.2748 13.5715 16.8411 14.6187 17.3305 15.4219C18.0881 16.6652 16.6652 18.0881 15.4219 17.3305C14.6187 16.8411 13.5715 17.2748 13.3496 18.1888C13.0061 19.6037 10.9939 19.6037 10.6504 18.1888C10.4285 17.2748 9.38135 16.8411 8.57815 17.3305C7.33479 18.0881 5.91193 16.6652 6.66952 15.4219C7.15891 14.6187 6.72517 13.5715 5.81117 13.3496C4.39628 13.0061 4.39628 10.9939 5.81117 10.6504C6.72517 10.4285 7.15891 9.38134 6.66952 8.57815C5.91193 7.33479 7.33479 5.91192 8.57815 6.66952C9.38135 7.15891 10.4285 6.72517 10.6504 5.81117Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
     a("circle", { cx: "12", cy: "12", r: "2.5", stroke: "currentColor", "stroke-width": "1.5" })
   ]);
 };
-ct.props = ["size"];
-const So = (t) => {
-  const e = t.size ?? 24;
+dt.props = ["size"];
+const $o = (o) => {
+  const e = o.size ?? 24;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("path", { d: "M8 6L8 18", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }),
     a("path", { d: "M16 18L16 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" })
   ]);
 };
-So.props = ["size"];
-const $o = (t) => {
-  const e = t.size ?? 16;
+$o.props = ["size"];
+const To = (o) => {
+  const e = o.size ?? 16;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("path", { d: "M17.75 10.701C18.75 11.2783 18.75 12.7217 17.75 13.299L8.75 18.4952C7.75 19.0725 6.5 18.3509 6.5 17.1962L6.5 6.80384C6.5 5.64914 7.75 4.92746 8.75 5.50481L17.75 10.701Z", stroke: "currentColor", "stroke-width": "1.5" })
   ]);
 };
-$o.props = ["size"];
-const ut = (t) => {
-  const e = t.size ?? 16;
+To.props = ["size"];
+const pt = (o) => {
+  const e = o.size ?? 16;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("path", { d: "M13.5 4C14.7426 4 15.75 5.00736 15.75 6.25V7H18.5C18.9142 7 19.25 7.33579 19.25 7.75C19.25 8.16421 18.9142 8.5 18.5 8.5H17.9678L17.6328 16.2217C17.61 16.7475 17.5912 17.1861 17.5469 17.543C17.5015 17.9087 17.4225 18.2506 17.2461 18.5723C16.9747 19.0671 16.5579 19.4671 16.0518 19.7168C15.7227 19.8791 15.3772 19.9422 15.0098 19.9717C14.6514 20.0004 14.2126 20 13.6865 20H10.3135C9.78735 20 9.34856 20.0004 8.99023 19.9717C8.62278 19.9422 8.27729 19.8791 7.94824 19.7168C7.44205 19.4671 7.02532 19.0671 6.75391 18.5723C6.57751 18.2506 6.49853 17.9087 6.45312 17.543C6.40883 17.1861 6.39005 16.7475 6.36719 16.2217L6.03223 8.5H5.5C5.08579 8.5 4.75 8.16421 4.75 7.75C4.75 7.33579 5.08579 7 5.5 7H8.25V6.25C8.25 5.00736 9.25736 4 10.5 4H13.5ZM7.86621 16.1562C7.89013 16.7063 7.90624 17.0751 7.94141 17.3584C7.97545 17.6326 8.02151 17.7644 8.06934 17.8516C8.19271 18.0763 8.38239 18.2577 8.6123 18.3711C8.70153 18.4151 8.83504 18.4545 9.11035 18.4766C9.39482 18.4994 9.76335 18.5 10.3135 18.5H13.6865C14.2367 18.5 14.6052 18.4994 14.8896 18.4766C15.165 18.4545 15.2985 18.4151 15.3877 18.3711C15.6176 18.2577 15.8073 18.0763 15.9307 17.8516C15.9785 17.7644 16.0245 17.6326 16.0586 17.3584C16.0938 17.0751 16.1099 16.7063 16.1338 16.1562L16.4668 8.5H7.5332L7.86621 16.1562ZM9.97656 10.75C10.3906 10.7371 10.7371 11.0626 10.75 11.4766L10.875 15.4766C10.8879 15.8906 10.5624 16.2371 10.1484 16.25C9.73443 16.2629 9.38794 15.9374 9.375 15.5234L9.25 11.5234C9.23706 11.1094 9.56255 10.7629 9.97656 10.75ZM14.0244 10.75C14.4384 10.7635 14.7635 11.1105 14.75 11.5244L14.6201 15.5244C14.6066 15.9384 14.2596 16.2634 13.8457 16.25C13.4317 16.2365 13.1067 15.8896 13.1201 15.4756L13.251 11.4756C13.2645 11.0617 13.6105 10.7366 14.0244 10.75ZM10.5 5.5C10.0858 5.5 9.75 5.83579 9.75 6.25V7H14.25V6.25C14.25 5.83579 13.9142 5.5 13.5 5.5H10.5Z", fill: "currentColor" })
   ]);
 };
-ut.props = ["size"];
-const dt = (t) => {
-  const e = t.size ?? 16;
+pt.props = ["size"];
+const ht = (o) => {
+  const e = o.size ?? 16;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("circle", { cx: "12", cy: "12", r: "4", stroke: "currentColor", "stroke-width": "1.5" }),
     a("path", { d: "M12 5V3", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }),
@@ -430,56 +430,56 @@ const dt = (t) => {
     a("path", { d: "M5.64 5.64L7.05 7.05", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" })
   ]);
 };
-dt.props = ["size"];
-const pt = (t) => {
-  const e = t.size ?? 16;
+ht.props = ["size"];
+const ft = (o) => {
+  const e = o.size ?? 16;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("path", { d: "M21 12.79A9 9 0 1111.21 3a7 7 0 009.79 9.79z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
   ]);
 };
-pt.props = ["size"];
-const To = (t) => {
-  const e = t.size ?? 24;
+ft.props = ["size"];
+const Io = (o) => {
+  const e = o.size ?? 24;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("path", { d: "M12 20C7.58172 20 4 16.4182 4 12C4 7.58172 7.58172 4 12 4C16.4182 4 20 7.58172 20 12C20 16.4182 16.4182 20 12 20Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
     a("path", { d: "M15 10L11 14.25L9.25 12.25", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
   ]);
 };
-To.props = ["size"];
-const Ao = (t) => {
-  const e = t.size ?? 16;
+Io.props = ["size"];
+const Bo = (o) => {
+  const e = o.size ?? 16;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("path", { d: "M16.25 16.25L7.75 7.75", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
     a("path", { d: "M7.75 16.25L16.25 7.75", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
   ]);
 };
-Ao.props = ["size"];
-const Ee = (t) => {
-  const e = t.size ?? 12;
+Bo.props = ["size"];
+const Ee = (o) => {
+  const e = o.size ?? 12;
   return a("svg", { width: e, height: e, viewBox: "0 0 12 12", fill: "none" }, [
     a("path", { d: "M9 3L3 9M3 3L9 9", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
   ]);
 };
 Ee.props = ["size"];
-const Bo = (t) => {
-  const e = t.size ?? 16;
+const Ao = (o) => {
+  const e = o.size ?? 16;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("path", { d: "M4.91516 12.7108C4.63794 12.2883 4.63705 11.7565 4.91242 11.3328C5.84146 9.9033 8.30909 6.74994 12 6.74994C15.6909 6.74994 18.1585 9.9033 19.0876 11.3328C19.3629 11.7565 19.3621 12.2883 19.0848 12.7108C18.1537 14.13 15.6873 17.2499 12 17.2499C8.31272 17.2499 5.8463 14.13 4.91516 12.7108Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
     a("path", { d: "M9 12H15", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" })
   ]);
 };
-Bo.props = ["size"];
-const Io = (t) => {
-  const e = t.size ?? 16;
+Ao.props = ["size"];
+const Po = (o) => {
+  const e = o.size ?? 16;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("path", { d: "M9.25 5.75C9.80228 5.75 10.25 6.19772 10.25 6.75L10.25 17.25C10.25 17.8023 9.80228 18.25 9.25 18.25L6.75 18.25C6.19772 18.25 5.75 17.8023 5.75 17.25L5.75 6.75C5.75 6.19772 6.19772 5.75 6.75 5.75L9.25 5.75Z", stroke: "currentColor", "stroke-width": "1.5" }),
     a("path", { d: "M17.25 5.75C17.8023 5.75 18.25 6.19772 18.25 6.75L18.25 17.25C18.25 17.8023 17.8023 18.25 17.25 18.25L14.75 18.25C14.1977 18.25 13.75 17.8023 13.75 17.25L13.75 6.75C13.75 6.19772 14.1977 5.75 14.75 5.75L17.25 5.75Z", stroke: "currentColor", "stroke-width": "1.5" })
   ]);
 };
-Io.props = ["size"];
-const Ho = (t) => {
-  const e = t.size ?? 16;
-  return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", style: t.style }, [
+Po.props = ["size"];
+const Ho = (o) => {
+  const e = o.size ?? 16;
+  return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", style: o.style }, [
     a("path", { d: "M18.8875 19.25L19.6112 19.0533C19.6823 19.3148 19.6068 19.5943 19.4137 19.7844C19.2206 19.9746 18.9399 20.0457 18.6795 19.9706L18.8875 19.25ZM14.9631 18.244L15.263 18.9314L14.9631 18.244ZM18.0914 15.6309L17.4669 15.2156L18.0914 15.6309ZM4.75 11.8041H5.5C5.5 15.2664 8.39065 18.1081 12 18.1081V18.8581V19.6081C7.60123 19.6081 4 16.1334 4 11.8041H4.75ZM19.25 11.8041H18.5C18.5 8.34166 15.6094 5.5 12 5.5V4.75V4C16.3988 4 20 7.47476 20 11.8041H19.25ZM12 4.75V5.5C8.39065 5.5 5.5 8.34166 5.5 11.8041H4.75H4C4 7.47476 7.60123 4 12 4V4.75ZM18.0914 15.6309L17.4669 15.2156C18.1213 14.2315 18.5 13.0612 18.5 11.8041H19.25H20C20 13.3681 19.5276 14.8257 18.716 16.0462L18.0914 15.6309ZM18.8875 19.25L18.1638 19.4467L17.2953 16.2517L18.019 16.055L18.7428 15.8583L19.6112 19.0533L18.8875 19.25ZM12 18.8581V18.1081C12.9509 18.1081 13.8518 17.9105 14.6632 17.5565L14.9631 18.244L15.263 18.9314C14.2652 19.3667 13.1603 19.6081 12 19.6081V18.8581ZM15.3144 18.2188L15.5224 17.4982L19.0955 18.5294L18.8875 19.25L18.6795 19.9706L15.1064 18.9394L15.3144 18.2188ZM14.9631 18.244L14.6632 17.5565C14.925 17.4423 15.2286 17.4134 15.5224 17.4982L15.3144 18.2188L15.1064 18.9394C15.1677 18.957 15.223 18.9489 15.263 18.9314L14.9631 18.244ZM18.0914 15.6309L18.716 16.0462C18.7451 16.0024 18.7636 15.9351 18.7428 15.8583L18.019 16.055L17.2953 16.2517C17.1957 15.8853 17.2716 15.5093 17.4669 15.2156L18.0914 15.6309Z", fill: "currentColor" }),
     a("circle", { cx: "15", cy: "11.75", r: "1", fill: "currentColor" }),
     a("circle", { cx: "12", cy: "11.75", r: "1", fill: "currentColor" }),
@@ -487,8 +487,8 @@ const Ho = (t) => {
   ]);
 };
 Ho.props = ["size", "style"];
-const Po = (t) => {
-  const e = t.size ?? 16;
+const Do = (o) => {
+  const e = o.size ?? 16;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("g", { "clip-path": "url(#clip0_2_45)" }, [
       a("path", { d: "M16.25 8.75L10 15.25L7.25 12.25", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
@@ -500,9 +500,9 @@ const Po = (t) => {
     ])
   ]);
 };
-Po.props = ["size"];
-const Do = (t) => {
-  const e = t.size ?? 16;
+Do.props = ["size"];
+const No = (o) => {
+  const e = o.size ?? 16;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("g", { "clip-path": "url(#clip0_2_37)" }, [
       a("path", { d: "M17.5962 7.75L9.42308 16.25L6.15385 12.6538", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
@@ -514,9 +514,9 @@ const Do = (t) => {
     ])
   ]);
 };
-Do.props = ["size"];
-const No = (t) => {
-  const e = t.size ?? 20, i = t.color ?? "#4C74FF";
+No.props = ["size"];
+const Oo = (o) => {
+  const e = o.size ?? 20, c = o.color ?? "#4C74FF";
   return a("svg", { width: e, height: e, viewBox: "0 0 28 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, [
     a("style", {}, `
       @keyframes bunnyEnterEar { 0% { opacity: 0; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); } }
@@ -536,126 +536,126 @@ const No = (t) => {
       svg:hover .bunny-happy-face { opacity: 1; }
     `),
     a("rect", { width: "28", height: "28", fill: "transparent" }),
-    a("path", { class: "bunny-ear-left", d: "M3.738 10.2164L7.224 2.007H9.167L5.676 10.2164H3.738ZM10.791 6.42705C10.791 5.90346 10.726 5.42764 10.596 4.99959C10.47 4.57155 10.292 4.16643 10.063 3.78425C9.833 3.39825 9.56 3.01797 9.243 2.64343C8.926 2.26507 8.767 2.07589 8.767 2.07589L10.24 0.957996C10.24 0.957996 10.433 1.17203 10.819 1.60007C11.209 2.0243 11.559 2.49056 11.869 2.99886C12.178 3.50717 12.413 4.04222 12.574 4.60403C12.734 5.16584 12.814 5.77352 12.814 6.42705C12.814 7.10734 12.73 7.7303 12.562 8.29593C12.394 8.85774 12.153 9.3966 11.84 9.9126C11.526 10.4247 11.181 10.8833 10.802 11.2884C10.428 11.6974 10.24 11.9018 10.24 11.9018L8.767 10.7839C8.767 10.7839 8.924 10.5948 9.237 10.2164C9.554 9.8419 9.83 9.4597 10.063 9.06985C10.3 8.6762 10.479 8.26726 10.602 7.84304C10.728 7.41499 10.791 6.943 10.791 6.42705Z", fill: i }),
-    a("path", { class: "bunny-ear-right", d: "M15.003 10.2164L18.489 2.007H20.432L16.941 10.2164H15.003ZM22.056 6.42705C22.056 5.90346 21.991 5.42764 21.861 4.99959C21.735 4.57155 21.557 4.16643 21.328 3.78425C21.098 3.39825 20.825 3.01797 20.508 2.64343C20.191 2.26507 20.032 2.07589 20.032 2.07589L21.505 0.957996C21.505 0.957996 21.698 1.17203 22.084 1.60007C22.474 2.0243 22.824 2.49056 23.133 2.99886C23.443 3.50717 23.678 4.04222 23.839 4.60403C23.999 5.16584 24.079 5.77352 24.079 6.42705C24.079 7.10734 23.995 7.7303 23.827 8.29593C23.659 8.85774 23.418 9.3966 23.105 9.9126C22.791 10.4247 22.445 10.8833 22.067 11.2884C21.693 11.6974 21.505 11.9018 21.505 11.9018L20.032 10.7839C20.032 10.7839 20.189 10.5948 20.502 10.2164C20.819 9.8419 21.094 9.4597 21.328 9.06985C21.565 8.6762 21.744 8.26726 21.866 7.84304C21.993 7.41499 22.056 6.943 22.056 6.42705Z", fill: i }),
-    a("path", { class: "bunny-face", d: "M2.03 20.4328C2.03 20.9564 2.093 21.4322 2.219 21.8602C2.345 22.2883 2.523 22.6953 2.752 23.0813C2.981 23.4635 3.254 23.8419 3.572 24.2164C3.889 24.5948 4.047 24.7839 4.047 24.7839L2.574 25.9018C2.574 25.9018 2.379 25.6878 1.989 25.2598C1.603 24.8355 1.256 24.3693 0.946 23.861C0.636 23.3527 0.401 22.8176 0.241 22.2558C0.08 21.694 0 21.0863 0 20.4328C0 19.7525 0.084 19.1314 0.252 18.5696C0.421 18.004 0.661 17.4651 0.975 16.953C1.288 16.4371 1.632 15.9765 2.007 15.5714C2.385 15.1625 2.574 14.958 2.574 14.958L4.047 16.0759C4.047 16.0759 3.889 16.2651 3.572 16.6434C3.258 17.018 2.983 17.4021 2.746 17.7957C2.513 18.1855 2.335 18.5945 2.213 19.0225C2.091 19.4467 2.03 19.9168 2.03 20.4328ZM23.687 20.4271C23.687 19.9035 23.622 19.4276 23.492 18.9996C23.366 18.5715 23.188 18.1664 22.959 17.7843C22.729 17.3982 22.456 17.018 22.139 16.6434C21.822 16.2651 21.663 16.0759 21.663 16.0759L23.136 14.958C23.136 14.958 23.329 15.172 23.715 15.6001C24.105 16.0243 24.455 16.4906 24.765 16.9989C25.074 17.5072 25.309 18.0422 25.47 18.604C25.63 19.1658 25.71 19.7735 25.71 20.4271C25.71 21.1073 25.626 21.7303 25.458 22.2959C25.29 22.8577 25.049 23.3966 24.736 23.9126C24.422 24.4247 24.077 24.8833 23.698 25.2884C23.324 25.6974 23.136 25.9018 23.136 25.9018L21.663 24.7839C21.663 24.7839 21.82 24.5948 22.133 24.2164C22.45 23.8419 22.726 23.4597 22.959 23.0698C23.196 22.6762 23.375 22.2673 23.498 21.843C23.624 21.415 23.687 20.943 23.687 20.4271Z", fill: i }),
-    a("circle", { class: "bunny-eye-left", cx: "8.277", cy: "20.466", r: "1.8", fill: i }),
-    a("circle", { class: "bunny-eye-right", cx: "19.878", cy: "20.466", r: "1.8", fill: i }),
-    a("text", { class: "bunny-happy-face", x: "14", y: "26", "text-anchor": "middle", "font-size": "12", "font-weight": "bold", fill: i, "font-family": "system-ui, -apple-system, sans-serif" }, "˃ ᵕ ˂")
+    a("path", { class: "bunny-ear-left", d: "M3.738 10.2164L7.224 2.007H9.167L5.676 10.2164H3.738ZM10.791 6.42705C10.791 5.90346 10.726 5.42764 10.596 4.99959C10.47 4.57155 10.292 4.16643 10.063 3.78425C9.833 3.39825 9.56 3.01797 9.243 2.64343C8.926 2.26507 8.767 2.07589 8.767 2.07589L10.24 0.957996C10.24 0.957996 10.433 1.17203 10.819 1.60007C11.209 2.0243 11.559 2.49056 11.869 2.99886C12.178 3.50717 12.413 4.04222 12.574 4.60403C12.734 5.16584 12.814 5.77352 12.814 6.42705C12.814 7.10734 12.73 7.7303 12.562 8.29593C12.394 8.85774 12.153 9.3966 11.84 9.9126C11.526 10.4247 11.181 10.8833 10.802 11.2884C10.428 11.6974 10.24 11.9018 10.24 11.9018L8.767 10.7839C8.767 10.7839 8.924 10.5948 9.237 10.2164C9.554 9.8419 9.83 9.4597 10.063 9.06985C10.3 8.6762 10.479 8.26726 10.602 7.84304C10.728 7.41499 10.791 6.943 10.791 6.42705Z", fill: c }),
+    a("path", { class: "bunny-ear-right", d: "M15.003 10.2164L18.489 2.007H20.432L16.941 10.2164H15.003ZM22.056 6.42705C22.056 5.90346 21.991 5.42764 21.861 4.99959C21.735 4.57155 21.557 4.16643 21.328 3.78425C21.098 3.39825 20.825 3.01797 20.508 2.64343C20.191 2.26507 20.032 2.07589 20.032 2.07589L21.505 0.957996C21.505 0.957996 21.698 1.17203 22.084 1.60007C22.474 2.0243 22.824 2.49056 23.133 2.99886C23.443 3.50717 23.678 4.04222 23.839 4.60403C23.999 5.16584 24.079 5.77352 24.079 6.42705C24.079 7.10734 23.995 7.7303 23.827 8.29593C23.659 8.85774 23.418 9.3966 23.105 9.9126C22.791 10.4247 22.445 10.8833 22.067 11.2884C21.693 11.6974 21.505 11.9018 21.505 11.9018L20.032 10.7839C20.032 10.7839 20.189 10.5948 20.502 10.2164C20.819 9.8419 21.094 9.4597 21.328 9.06985C21.565 8.6762 21.744 8.26726 21.866 7.84304C21.993 7.41499 22.056 6.943 22.056 6.42705Z", fill: c }),
+    a("path", { class: "bunny-face", d: "M2.03 20.4328C2.03 20.9564 2.093 21.4322 2.219 21.8602C2.345 22.2883 2.523 22.6953 2.752 23.0813C2.981 23.4635 3.254 23.8419 3.572 24.2164C3.889 24.5948 4.047 24.7839 4.047 24.7839L2.574 25.9018C2.574 25.9018 2.379 25.6878 1.989 25.2598C1.603 24.8355 1.256 24.3693 0.946 23.861C0.636 23.3527 0.401 22.8176 0.241 22.2558C0.08 21.694 0 21.0863 0 20.4328C0 19.7525 0.084 19.1314 0.252 18.5696C0.421 18.004 0.661 17.4651 0.975 16.953C1.288 16.4371 1.632 15.9765 2.007 15.5714C2.385 15.1625 2.574 14.958 2.574 14.958L4.047 16.0759C4.047 16.0759 3.889 16.2651 3.572 16.6434C3.258 17.018 2.983 17.4021 2.746 17.7957C2.513 18.1855 2.335 18.5945 2.213 19.0225C2.091 19.4467 2.03 19.9168 2.03 20.4328ZM23.687 20.4271C23.687 19.9035 23.622 19.4276 23.492 18.9996C23.366 18.5715 23.188 18.1664 22.959 17.7843C22.729 17.3982 22.456 17.018 22.139 16.6434C21.822 16.2651 21.663 16.0759 21.663 16.0759L23.136 14.958C23.136 14.958 23.329 15.172 23.715 15.6001C24.105 16.0243 24.455 16.4906 24.765 16.9989C25.074 17.5072 25.309 18.0422 25.47 18.604C25.63 19.1658 25.71 19.7735 25.71 20.4271C25.71 21.1073 25.626 21.7303 25.458 22.2959C25.29 22.8577 25.049 23.3966 24.736 23.9126C24.422 24.4247 24.077 24.8833 23.698 25.2884C23.324 25.6974 23.136 25.9018 23.136 25.9018L21.663 24.7839C21.663 24.7839 21.82 24.5948 22.133 24.2164C22.45 23.8419 22.726 23.4597 22.959 23.0698C23.196 22.6762 23.375 22.2673 23.498 21.843C23.624 21.415 23.687 20.943 23.687 20.4271Z", fill: c }),
+    a("circle", { class: "bunny-eye-left", cx: "8.277", cy: "20.466", r: "1.8", fill: c }),
+    a("circle", { class: "bunny-eye-right", cx: "19.878", cy: "20.466", r: "1.8", fill: c }),
+    a("text", { class: "bunny-happy-face", x: "14", y: "26", "text-anchor": "middle", "font-size": "12", "font-weight": "bold", fill: c, "font-family": "system-ui, -apple-system, sans-serif" }, "˃ ᵕ ˂")
   ]);
 };
-No.props = ["size", "color"];
-function Oo(t, e = 4) {
-  const i = [];
-  let r = t, h = 0;
-  for (; r && h < e; ) {
-    const n = r.tagName.toLowerCase();
+Oo.props = ["size", "color"];
+function jo(o, e = 4) {
+  const c = [];
+  let d = o, h = 0;
+  for (; d && h < e; ) {
+    const n = d.tagName.toLowerCase();
     if (n === "html" || n === "body") break;
     let y = n;
-    if (r.id)
-      y = `#${r.id}`;
-    else if (r.className && typeof r.className == "string") {
-      const $ = r.className.split(/\s+/).find((k) => k.length > 2 && !k.match(/^[a-z]{1,2}$/) && !k.match(/[A-Z0-9]{5,}/));
+    if (d.id)
+      y = `#${d.id}`;
+    else if (d.className && typeof d.className == "string") {
+      const $ = d.className.split(/\s+/).find((k) => k.length > 2 && !k.match(/^[a-z]{1,2}$/) && !k.match(/[A-Z0-9]{5,}/));
       $ && (y = `.${$.split("_")[0]}`);
     }
-    i.unshift(y), r = r.parentElement, h++;
+    c.unshift(y), d = d.parentElement, h++;
   }
-  return i.join(" > ");
+  return c.join(" > ");
 }
-function fe(t) {
-  var r, h, n, y, $, k, E, B;
-  const e = Oo(t);
-  if (t.dataset.element)
-    return { name: t.dataset.element, path: e };
-  const i = t.tagName.toLowerCase();
-  if (["path", "circle", "rect", "line", "g"].includes(i)) {
-    const m = t.closest("svg");
+function me(o) {
+  var d, h, n, y, $, k, T, I;
+  const e = jo(o);
+  if (o.dataset.element)
+    return { name: o.dataset.element, path: e };
+  const c = o.tagName.toLowerCase();
+  if (["path", "circle", "rect", "line", "g"].includes(c)) {
+    const m = o.closest("svg");
     if (m) {
-      const w = m.parentElement;
-      if (w)
-        return { name: `graphic in ${fe(w).name}`, path: e };
+      const b = m.parentElement;
+      if (b)
+        return { name: `graphic in ${me(b).name}`, path: e };
     }
     return { name: "graphic element", path: e };
   }
-  if (i === "svg") {
-    const m = t.parentElement;
+  if (c === "svg") {
+    const m = o.parentElement;
     if ((m == null ? void 0 : m.tagName.toLowerCase()) === "button") {
-      const w = (r = m.textContent) == null ? void 0 : r.trim();
-      return { name: w ? `icon in "${w}" button` : "button icon", path: e };
+      const b = (d = m.textContent) == null ? void 0 : d.trim();
+      return { name: b ? `icon in "${b}" button` : "button icon", path: e };
     }
     return { name: "icon", path: e };
   }
-  if (i === "button") {
-    const m = (h = t.textContent) == null ? void 0 : h.trim(), w = t.getAttribute("aria-label");
-    return w ? { name: `button [${w}]`, path: e } : { name: m ? `button "${m.slice(0, 25)}"` : "button", path: e };
+  if (c === "button") {
+    const m = (h = o.textContent) == null ? void 0 : h.trim(), b = o.getAttribute("aria-label");
+    return b ? { name: `button [${b}]`, path: e } : { name: m ? `button "${m.slice(0, 25)}"` : "button", path: e };
   }
-  if (i === "a") {
-    const m = (n = t.textContent) == null ? void 0 : n.trim(), w = t.getAttribute("href");
-    return m ? { name: `link "${m.slice(0, 25)}"`, path: e } : w ? { name: `link to ${w.slice(0, 30)}`, path: e } : { name: "link", path: e };
+  if (c === "a") {
+    const m = (n = o.textContent) == null ? void 0 : n.trim(), b = o.getAttribute("href");
+    return m ? { name: `link "${m.slice(0, 25)}"`, path: e } : b ? { name: `link to ${b.slice(0, 30)}`, path: e } : { name: "link", path: e };
   }
-  if (i === "input") {
-    const m = t.getAttribute("type") || "text", w = t.getAttribute("placeholder"), L = t.getAttribute("name");
-    return w ? { name: `input "${w}"`, path: e } : L ? { name: `input [${L}]`, path: e } : { name: `${m} input`, path: e };
+  if (c === "input") {
+    const m = o.getAttribute("type") || "text", b = o.getAttribute("placeholder"), S = o.getAttribute("name");
+    return b ? { name: `input "${b}"`, path: e } : S ? { name: `input [${S}]`, path: e } : { name: `${m} input`, path: e };
   }
-  if (["h1", "h2", "h3", "h4", "h5", "h6"].includes(i)) {
-    const m = (y = t.textContent) == null ? void 0 : y.trim();
-    return { name: m ? `${i} "${m.slice(0, 35)}"` : i, path: e };
+  if (["h1", "h2", "h3", "h4", "h5", "h6"].includes(c)) {
+    const m = (y = o.textContent) == null ? void 0 : y.trim();
+    return { name: m ? `${c} "${m.slice(0, 35)}"` : c, path: e };
   }
-  if (i === "p") {
-    const m = ($ = t.textContent) == null ? void 0 : $.trim();
+  if (c === "p") {
+    const m = ($ = o.textContent) == null ? void 0 : $.trim();
     return m ? { name: `paragraph: "${m.slice(0, 40)}${m.length > 40 ? "..." : ""}"`, path: e } : { name: "paragraph", path: e };
   }
-  if (i === "span" || i === "label") {
-    const m = (k = t.textContent) == null ? void 0 : k.trim();
-    return m && m.length < 40 ? { name: `"${m}"`, path: e } : { name: i, path: e };
+  if (c === "span" || c === "label") {
+    const m = (k = o.textContent) == null ? void 0 : k.trim();
+    return m && m.length < 40 ? { name: `"${m}"`, path: e } : { name: c, path: e };
   }
-  if (i === "li") {
-    const m = (E = t.textContent) == null ? void 0 : E.trim();
+  if (c === "li") {
+    const m = (T = o.textContent) == null ? void 0 : T.trim();
     return m && m.length < 40 ? { name: `list item: "${m.slice(0, 35)}"`, path: e } : { name: "list item", path: e };
   }
-  if (i === "blockquote") return { name: "blockquote", path: e };
-  if (i === "code") {
-    const m = (B = t.textContent) == null ? void 0 : B.trim();
+  if (c === "blockquote") return { name: "blockquote", path: e };
+  if (c === "code") {
+    const m = (I = o.textContent) == null ? void 0 : I.trim();
     return m && m.length < 30 ? { name: `code: \`${m}\``, path: e } : { name: "code", path: e };
   }
-  if (i === "pre") return { name: "code block", path: e };
-  if (i === "img") {
-    const m = t.getAttribute("alt");
+  if (c === "pre") return { name: "code block", path: e };
+  if (c === "img") {
+    const m = o.getAttribute("alt");
     return { name: m ? `image "${m.slice(0, 30)}"` : "image", path: e };
   }
-  if (i === "video") return { name: "video", path: e };
-  if (["div", "section", "article", "nav", "header", "footer", "aside", "main"].includes(i)) {
-    const m = t.className, w = t.getAttribute("role"), L = t.getAttribute("aria-label");
-    if (L) return { name: `${i} [${L}]`, path: e };
-    if (w) return { name: `${w}`, path: e };
+  if (c === "video") return { name: "video", path: e };
+  if (["div", "section", "article", "nav", "header", "footer", "aside", "main"].includes(c)) {
+    const m = o.className, b = o.getAttribute("role"), S = o.getAttribute("aria-label");
+    if (S) return { name: `${c} [${S}]`, path: e };
+    if (b) return { name: `${b}`, path: e };
     if (typeof m == "string" && m) {
-      const O = m.split(/[\s_-]+/).map((I) => I.replace(/[A-Z0-9]{5,}.*$/, "")).filter((I) => I.length > 2 && !/^[a-z]{1,2}$/.test(I)).slice(0, 2);
+      const O = m.split(/[\s_-]+/).map((B) => B.replace(/[A-Z0-9]{5,}.*$/, "")).filter((B) => B.length > 2 && !/^[a-z]{1,2}$/.test(B)).slice(0, 2);
       if (O.length > 0) return { name: O.join(" "), path: e };
     }
-    return { name: i === "div" ? "container" : i, path: e };
+    return { name: c === "div" ? "container" : c, path: e };
   }
-  return { name: i, path: e };
+  return { name: c, path: e };
 }
-function jo(t) {
+function Zo(o) {
   var n, y, $;
-  const e = [], i = (n = t.textContent) == null ? void 0 : n.trim();
-  i && i.length < 100 && e.push(i);
-  const r = t.previousElementSibling;
-  if (r) {
-    const k = (y = r.textContent) == null ? void 0 : y.trim();
+  const e = [], c = (n = o.textContent) == null ? void 0 : n.trim();
+  c && c.length < 100 && e.push(c);
+  const d = o.previousElementSibling;
+  if (d) {
+    const k = (y = d.textContent) == null ? void 0 : y.trim();
     k && k.length < 50 && e.unshift(`[before: "${k.slice(0, 40)}"]`);
   }
-  const h = t.nextElementSibling;
+  const h = o.nextElementSibling;
   if (h) {
     const k = ($ = h.textContent) == null ? void 0 : $.trim();
     k && k.length < 50 && e.push(`[after: "${k.slice(0, 40)}"]`);
   }
   return e.join(" ");
 }
-function z1(t) {
-  var i, r;
-  if (t.dataset.element) return t.dataset.element;
-  const e = t.tagName.toLowerCase();
+function S1(o) {
+  var c, d;
+  if (o.dataset.element) return o.dataset.element;
+  const e = o.tagName.toLowerCase();
   if (e === "path") return "path";
   if (e === "circle") return "circle";
   if (e === "rect") return "rectangle";
@@ -665,17 +665,17 @@ function z1(t) {
   if (e === "g") return "group";
   if (e === "svg") return "svg";
   if (e === "button") {
-    const h = (i = t.textContent) == null ? void 0 : i.trim();
+    const h = (c = o.textContent) == null ? void 0 : c.trim();
     return h ? `button "${h}"` : "button";
   }
   if (e === "input")
-    return `input (${t.getAttribute("type") || "text"})`;
+    return `input (${o.getAttribute("type") || "text"})`;
   if (e === "span" || e === "p" || e === "label") {
-    const h = (r = t.textContent) == null ? void 0 : r.trim();
+    const h = (d = o.textContent) == null ? void 0 : d.trim();
     return h && h.length < 30 ? `"${h}"` : "text";
   }
   if (e === "div") {
-    const h = t.className;
+    const h = o.className;
     if (typeof h == "string" && h) {
       const n = h.split(/[\s_-]+/).map((y) => y.replace(/[A-Z0-9]{5,}.*$/, "")).filter((y) => y.length > 2 && !/^[a-z]{1,2}$/.test(y)).slice(0, 2);
       if (n.length > 0)
@@ -685,56 +685,56 @@ function z1(t) {
   }
   return e;
 }
-function Zo(t) {
-  const e = t.parentElement;
+function Ro(o) {
+  const e = o.parentElement;
   if (!e) return "";
-  const i = Array.from(e.children).filter(
-    (k) => k !== t && k instanceof HTMLElement
+  const c = Array.from(e.children).filter(
+    (k) => k !== o && k instanceof HTMLElement
   );
-  if (i.length === 0) return "";
-  const r = i.slice(0, 4).map((k) => {
-    var w;
-    const E = k.tagName.toLowerCase(), B = k.className;
+  if (c.length === 0) return "";
+  const d = c.slice(0, 4).map((k) => {
+    var b;
+    const T = k.tagName.toLowerCase(), I = k.className;
     let m = "";
-    if (typeof B == "string" && B) {
-      const L = B.split(/\s+/).map((O) => O.replace(/[_][a-zA-Z0-9]{5,}.*$/, "")).find((O) => O.length > 2 && !/^[a-z]{1,2}$/.test(O));
-      L && (m = `.${L}`);
+    if (typeof I == "string" && I) {
+      const S = I.split(/\s+/).map((O) => O.replace(/[_][a-zA-Z0-9]{5,}.*$/, "")).find((O) => O.length > 2 && !/^[a-z]{1,2}$/.test(O));
+      S && (m = `.${S}`);
     }
-    if (E === "button" || E === "a") {
-      const L = (w = k.textContent) == null ? void 0 : w.trim().slice(0, 15);
-      if (L) return `${E}${m} "${L}"`;
+    if (T === "button" || T === "a") {
+      const S = (b = k.textContent) == null ? void 0 : b.trim().slice(0, 15);
+      if (S) return `${T}${m} "${S}"`;
     }
-    return `${E}${m}`;
+    return `${T}${m}`;
   });
   let n = e.tagName.toLowerCase();
   if (typeof e.className == "string" && e.className) {
-    const k = e.className.split(/\s+/).map((E) => E.replace(/[_][a-zA-Z0-9]{5,}.*$/, "")).find((E) => E.length > 2 && !/^[a-z]{1,2}$/.test(E));
+    const k = e.className.split(/\s+/).map((T) => T.replace(/[_][a-zA-Z0-9]{5,}.*$/, "")).find((T) => T.length > 2 && !/^[a-z]{1,2}$/.test(T));
     k && (n = `.${k}`);
   }
-  const y = e.children.length, $ = y > r.length + 1 ? ` (${y} total in ${n})` : "";
-  return r.join(", ") + $;
+  const y = e.children.length, $ = y > d.length + 1 ? ` (${y} total in ${n})` : "";
+  return d.join(", ") + $;
 }
-function Ro(t) {
-  const e = t.className;
-  return typeof e != "string" || !e ? "" : e.split(/\s+/).filter((r) => r.length > 0).map((r) => {
-    const h = r.match(/^([a-zA-Z][a-zA-Z0-9_-]*?)(?:_[a-zA-Z0-9]{5,})?$/);
-    return h ? h[1] : r;
-  }).filter((r, h, n) => n.indexOf(r) === h).join(", ");
+function Vo(o) {
+  const e = o.className;
+  return typeof e != "string" || !e ? "" : e.split(/\s+/).filter((d) => d.length > 0).map((d) => {
+    const h = d.match(/^([a-zA-Z][a-zA-Z0-9_-]*?)(?:_[a-zA-Z0-9]{5,})?$/);
+    return h ? h[1] : d;
+  }).filter((d, h, n) => n.indexOf(d) === h).join(", ");
 }
-function L1(t) {
+function z1(o) {
   if (typeof window > "u") return "";
-  const e = window.getComputedStyle(t), i = [], r = e.color, h = e.backgroundColor;
-  r && r !== "rgb(0, 0, 0)" && i.push(`color: ${r}`), h && h !== "rgba(0, 0, 0, 0)" && h !== "transparent" && i.push(`bg: ${h}`);
+  const e = window.getComputedStyle(o), c = [], d = e.color, h = e.backgroundColor;
+  d && d !== "rgb(0, 0, 0)" && c.push(`color: ${d}`), h && h !== "rgba(0, 0, 0, 0)" && h !== "transparent" && c.push(`bg: ${h}`);
   const n = e.fontSize, y = e.fontWeight;
-  n && i.push(`font: ${n}`), y && y !== "400" && y !== "normal" && i.push(`weight: ${y}`);
+  n && c.push(`font: ${n}`), y && y !== "400" && y !== "normal" && c.push(`weight: ${y}`);
   const $ = e.padding, k = e.margin;
-  $ && $ !== "0px" && i.push(`padding: ${$}`), k && k !== "0px" && i.push(`margin: ${k}`);
-  const E = e.display, B = e.position;
-  E && E !== "block" && E !== "inline" && i.push(`display: ${E}`), B && B !== "static" && i.push(`position: ${B}`);
+  $ && $ !== "0px" && c.push(`padding: ${$}`), k && k !== "0px" && c.push(`margin: ${k}`);
+  const T = e.display, I = e.position;
+  T && T !== "block" && T !== "inline" && c.push(`display: ${T}`), I && I !== "static" && c.push(`position: ${I}`);
   const m = e.borderRadius;
-  return m && m !== "0px" && i.push(`radius: ${m}`), i.join(", ");
+  return m && m !== "0px" && c.push(`radius: ${m}`), c.join(", ");
 }
-const ht = /* @__PURE__ */ new Set([
+const mt = /* @__PURE__ */ new Set([
   "none",
   "normal",
   "auto",
@@ -743,7 +743,7 @@ const ht = /* @__PURE__ */ new Set([
   "transparent",
   "static",
   "visible"
-]), Vo = /* @__PURE__ */ new Set([
+]), Fo = /* @__PURE__ */ new Set([
   "p",
   "span",
   "h1",
@@ -772,7 +772,7 @@ const ht = /* @__PURE__ */ new Set([
   "time",
   "cite",
   "q"
-]), Yo = /* @__PURE__ */ new Set(["input", "textarea", "select"]), Fo = /* @__PURE__ */ new Set(["img", "video", "canvas", "svg"]), Wo = /* @__PURE__ */ new Set([
+]), Yo = /* @__PURE__ */ new Set(["input", "textarea", "select"]), Wo = /* @__PURE__ */ new Set(["img", "video", "canvas", "svg"]), Xo = /* @__PURE__ */ new Set([
   "div",
   "section",
   "article",
@@ -786,18 +786,18 @@ const ht = /* @__PURE__ */ new Set([
   "form",
   "fieldset"
 ]);
-function Xo(t) {
+function Uo(o) {
   if (typeof window > "u") return {};
-  const e = window.getComputedStyle(t), i = {}, r = t.tagName.toLowerCase();
+  const e = window.getComputedStyle(o), c = {}, d = o.tagName.toLowerCase();
   let h;
-  Vo.has(r) ? h = ["color", "fontSize", "fontWeight", "fontFamily", "lineHeight"] : r === "button" || r === "a" && t.getAttribute("role") === "button" ? h = ["backgroundColor", "color", "padding", "borderRadius", "fontSize"] : Yo.has(r) ? h = ["backgroundColor", "color", "padding", "borderRadius", "fontSize"] : Fo.has(r) ? h = ["width", "height", "objectFit", "borderRadius"] : Wo.has(r) ? h = ["display", "padding", "margin", "gap", "backgroundColor"] : h = ["color", "fontSize", "margin", "padding", "backgroundColor"];
+  Fo.has(d) ? h = ["color", "fontSize", "fontWeight", "fontFamily", "lineHeight"] : d === "button" || d === "a" && o.getAttribute("role") === "button" ? h = ["backgroundColor", "color", "padding", "borderRadius", "fontSize"] : Yo.has(d) ? h = ["backgroundColor", "color", "padding", "borderRadius", "fontSize"] : Wo.has(d) ? h = ["width", "height", "objectFit", "borderRadius"] : Xo.has(d) ? h = ["display", "padding", "margin", "gap", "backgroundColor"] : h = ["color", "fontSize", "margin", "padding", "backgroundColor"];
   for (const n of h) {
     const y = n.replace(/([A-Z])/g, "-$1").toLowerCase(), $ = e.getPropertyValue(y);
-    $ && !ht.has($) && (i[n] = $);
+    $ && !mt.has($) && (c[n] = $);
   }
-  return i;
+  return c;
 }
-const Uo = [
+const qo = [
   // Colors
   "color",
   "backgroundColor",
@@ -836,77 +836,77 @@ const Uo = [
   // Transform
   "transform"
 ];
-function qo(t) {
+function Go(o) {
   if (typeof window > "u") return "";
-  const e = window.getComputedStyle(t), i = [];
-  for (const r of Uo) {
-    const h = r.replace(/([A-Z])/g, "-$1").toLowerCase(), n = e.getPropertyValue(h);
-    n && !ht.has(n) && i.push(`${h}: ${n}`);
+  const e = window.getComputedStyle(o), c = [];
+  for (const d of qo) {
+    const h = d.replace(/([A-Z])/g, "-$1").toLowerCase(), n = e.getPropertyValue(h);
+    n && !mt.has(n) && c.push(`${h}: ${n}`);
   }
-  return i.join("; ");
+  return c.join("; ");
 }
-function M1(t) {
-  if (!t) return;
-  const e = {}, i = t.split(";").map((r) => r.trim()).filter(Boolean);
-  for (const r of i) {
-    const h = r.indexOf(":");
+function E1(o) {
+  if (!o) return;
+  const e = {}, c = o.split(";").map((d) => d.trim()).filter(Boolean);
+  for (const d of c) {
+    const h = d.indexOf(":");
     if (h > 0) {
-      const n = r.slice(0, h).trim(), y = r.slice(h + 1).trim();
+      const n = d.slice(0, h).trim(), y = d.slice(h + 1).trim();
       n && y && (e[n] = y);
     }
   }
   return Object.keys(e).length > 0 ? e : void 0;
 }
-function Go(t) {
-  const e = [], i = t.getAttribute("role"), r = t.getAttribute("aria-label"), h = t.getAttribute("aria-describedby"), n = t.getAttribute("tabindex"), y = t.getAttribute("aria-hidden");
-  return i && e.push(`role="${i}"`), r && e.push(`aria-label="${r}"`), h && e.push(`aria-describedby="${h}"`), n && e.push(`tabindex=${n}`), y === "true" && e.push("aria-hidden"), t.matches("a, button, input, select, textarea, [tabindex]") && e.push("focusable"), e.join(", ");
+function Ko(o) {
+  const e = [], c = o.getAttribute("role"), d = o.getAttribute("aria-label"), h = o.getAttribute("aria-describedby"), n = o.getAttribute("tabindex"), y = o.getAttribute("aria-hidden");
+  return c && e.push(`role="${c}"`), d && e.push(`aria-label="${d}"`), h && e.push(`aria-describedby="${h}"`), n && e.push(`tabindex=${n}`), y === "true" && e.push("aria-hidden"), o.matches("a, button, input, select, textarea, [tabindex]") && e.push("focusable"), e.join(", ");
 }
-function Ko(t) {
+function Qo(o) {
   const e = [];
-  let i = t;
-  for (; i && i.tagName.toLowerCase() !== "html"; ) {
-    const r = i.tagName.toLowerCase();
-    let h = r;
-    if (i.id)
-      h = `${r}#${i.id}`;
-    else if (i.className && typeof i.className == "string") {
-      const n = i.className.split(/\s+/).map((y) => y.replace(/[_][a-zA-Z0-9]{5,}.*$/, "")).find((y) => y.length > 2);
-      n && (h = `${r}.${n}`);
+  let c = o;
+  for (; c && c.tagName.toLowerCase() !== "html"; ) {
+    const d = c.tagName.toLowerCase();
+    let h = d;
+    if (c.id)
+      h = `${d}#${c.id}`;
+    else if (c.className && typeof c.className == "string") {
+      const n = c.className.split(/\s+/).map((y) => y.replace(/[_][a-zA-Z0-9]{5,}.*$/, "")).find((y) => y.length > 2);
+      n && (h = `${d}.${n}`);
     }
-    e.unshift(h), i = i.parentElement;
+    e.unshift(h), c = c.parentElement;
   }
   return e.join(" > ");
 }
-const Qo = "feedback-annotations-", Jo = 7;
-function ge(t) {
-  return `${Qo}${t}`;
+const Jo = "feedback-annotations-", en = 7;
+function ue(o) {
+  return `${Jo}${o}`;
 }
-function en(t) {
+function tn(o) {
   if (typeof window > "u") return [];
   try {
-    const e = localStorage.getItem(ge(t));
+    const e = localStorage.getItem(ue(o));
     if (!e) return [];
-    const i = JSON.parse(e), r = Date.now() - Jo * 24 * 60 * 60 * 1e3;
-    return i.filter((h) => !h.timestamp || h.timestamp > r);
+    const c = JSON.parse(e), d = Date.now() - en * 24 * 60 * 60 * 1e3;
+    return c.filter((h) => !h.timestamp || h.timestamp > d);
   } catch {
     return [];
   }
 }
-function tn(t, e) {
+function on(o, e) {
   if (!(typeof window > "u"))
     try {
-      localStorage.setItem(ge(t), JSON.stringify(e));
+      localStorage.setItem(ue(o), JSON.stringify(e));
     } catch {
     }
 }
-function E1(t) {
+function $1(o) {
   if (!(typeof window > "u"))
     try {
-      localStorage.removeItem(ge(t));
+      localStorage.removeItem(ue(o));
     } catch {
     }
 }
-const on = ["data-active"], nn = ["disabled"], ln = ["disabled", "data-active"], sn = ["disabled"], an = ["title"], rn = ["onClick"], cn = ["title"], un = ["onMouseenter", "onClick", "onContextmenu"], qe = 5, dn = 50, Ge = 20, Ke = 290, we = 280, be = 20, Qe = 5, pn = /* @__PURE__ */ Je({
+const nn = "1.0.3", ln = ["data-active"], sn = ["disabled"], an = ["disabled", "data-active"], rn = ["disabled"], cn = ["title"], un = ["onClick"], dn = ["title"], pn = ["onMouseenter", "onClick", "onContextmenu"], Ke = 5, hn = 50, Qe = 20, Je = 290, we = 280, ke = 20, et = 5, fn = /* @__PURE__ */ tt({
   __name: "Agentation",
   props: {
     accentColor: { default: "#3c82f7" },
@@ -918,9 +918,9 @@ const on = ["data-active"], nn = ["disabled"], ln = ["disabled", "data-active"],
     enableDemoMode: { type: Boolean, default: !1 }
   },
   emits: ["annotationAdd", "annotationDelete", "annotationUpdate", "annotationsClear", "copy"],
-  setup(t, { emit: e }) {
-    let i = !1;
-    const r = /* @__PURE__ */ new Set([
+  setup(o, { emit: e }) {
+    let c = !1;
+    const d = /* @__PURE__ */ new Set([
       "P",
       "SPAN",
       "H1",
@@ -974,7 +974,7 @@ const on = ["data-active"], nn = ["disabled"], ln = ["disabled", "data-active"],
       "LABEL",
       "TD",
       "TH"
-    ], n = et(), y = [
+    ], n = ot(), y = [
       { value: "compact", label: "Compact" },
       { value: "standard", label: "Standard" },
       { value: "detailed", label: "Detailed" },
@@ -989,254 +989,290 @@ const on = ["data-active"], nn = ["disabled"], ln = ["disabled", "data-active"],
       outputDetail: "standard",
       annotationColor: "#3c82f7",
       autoClearAfterCopy: !1,
-      freezeAnimations: !1
-    }, E = t, B = e, m = x(!1), w = x(!1), L = x([]), O = x(!0), I = x(null), se = x({ x: 0, y: 0 }), g = x(null), z = x(null), ae = x(!1), ve = x(!1), _ = x(null), C = x(!0), X = x(!1), K = x(0), ft = x("standard"), ue = x(!1), ke = x(!1), T = x({ ...k }), J = x(!1), j = x(null), oe = x(!1), ee = x(null), Se = x(0);
-    let U = !1;
-    const te = x(!1), Y = x(null), F = x(null), ne = x([]);
-    let Ce = !1, $e = 0;
-    const de = x(null);
-    let xe = !1;
-    const Te = x(null), Ae = x(null), pe = typeof window < "u" ? window.location.pathname : "/", ye = me(() => L.value.length > 0), mt = me(() => {
+      blockInteractions: !1
+    }, T = o, I = e, m = _(!1), b = _(!1), S = _([]), O = _(!0), B = _(null), se = _({ x: 0, y: 0 }), g = _(null), z = _(null), ae = _(!1), ve = _(!1), M = _(null), C = _(!0), W = _(!1), K = _(0), de = _(!1), xe = _(!1), x = _({ ...k }), J = _(!1), j = _(null), ne = _(!1), ee = _(null), $e = _(0);
+    let X = !1;
+    const te = _(!1), U = _(null), q = _(null), ie = _([]);
+    let Ce = !1, Te = 0;
+    const pe = _(null);
+    let _e = !1;
+    const Ie = _(null), Be = _(null), le = _(typeof window < "u" ? window.location.pathname : "/"), ye = () => {
+      le.value = window.location.pathname;
+    }, be = ge(() => S.value.length > 0), gt = ge(() => {
       if (!g.value) return { left: "0px", top: "0px" };
-      const o = g.value.clientY, u = g.value.x / 100 * (typeof window < "u" ? window.innerWidth : 1e3), c = Math.max(
-        we / 2 + be,
+      const t = g.value.clientY, f = g.value.x / 100 * (typeof window < "u" ? window.innerWidth : 1e3), u = Math.max(
+        we / 2 + ke,
         Math.min(
-          (typeof window < "u" ? window.innerWidth : 1e3) - we / 2 - be,
-          u
+          (typeof window < "u" ? window.innerWidth : 1e3) - we / 2 - ke,
+          f
         )
-      ), f = typeof window < "u" ? window.innerHeight : 800;
-      return o > f - Ke ? {
-        left: `${c}px`,
-        bottom: `${f - o + 20}px`
+      ), r = typeof window < "u" ? window.innerHeight : 800;
+      return t > r - Je ? {
+        left: `${u}px`,
+        bottom: `${r - t + 20}px`
       } : {
-        left: `${c}px`,
-        top: `${o + 20}px`
+        left: `${u}px`,
+        top: `${t + 20}px`
       };
-    }), gt = me(() => {
+    }), vt = ge(() => {
       if (!z.value) return { left: "0px", top: "0px" };
-      const o = z.value, s = o.isFixed ? o.y : o.y - K.value, c = o.x / 100 * (typeof window < "u" ? window.innerWidth : 1e3), f = Math.max(
-        we / 2 + be,
+      const t = z.value, s = t.isFixed ? t.y : t.y - K.value, u = t.x / 100 * (typeof window < "u" ? window.innerWidth : 1e3), r = Math.max(
+        we / 2 + ke,
         Math.min(
-          (typeof window < "u" ? window.innerWidth : 1e3) - we / 2 - be,
-          c
+          (typeof window < "u" ? window.innerWidth : 1e3) - we / 2 - ke,
+          u
         )
-      ), d = typeof window < "u" ? window.innerHeight : 800;
-      return s > d - Ke ? {
-        left: `${f}px`,
-        bottom: `${d - s + 20}px`
+      ), i = typeof window < "u" ? window.innerHeight : 800;
+      return s > i - Je ? {
+        left: `${r}px`,
+        bottom: `${i - s + 20}px`
       } : {
-        left: `${f}px`,
+        left: `${r}px`,
         top: `${s + 20}px`
       };
     });
-    function vt(o) {
-      let s = o;
+    function Ct(t) {
+      let s = t;
       for (; s && s !== document.body; ) {
-        const u = window.getComputedStyle(s);
-        if (u.position === "fixed" || u.position === "sticky")
+        const f = window.getComputedStyle(s);
+        if (f.position === "fixed" || f.position === "sticky")
           return !0;
         s = s.parentElement;
       }
       return !1;
     }
-    function Ct(o, s) {
-      const u = parseInt(o.slice(1, 3), 16), c = parseInt(o.slice(3, 5), 16), f = parseInt(o.slice(5, 7), 16);
-      return `rgba(${u}, ${c}, ${f}, ${s})`;
+    function yt(t, s) {
+      const f = parseInt(t.slice(1, 3), 16), u = parseInt(t.slice(3, 5), 16), r = parseInt(t.slice(5, 7), 16);
+      return `rgba(${f}, ${u}, ${r}, ${s})`;
     }
-    function Be(o, s) {
+    function Ae(t, s) {
       return {
-        left: Math.min(o.x, s.x),
-        top: Math.min(o.y, s.y),
-        right: Math.max(o.x, s.x),
-        bottom: Math.max(o.y, s.y),
-        width: Math.abs(s.x - o.x),
-        height: Math.abs(s.y - o.y)
+        left: Math.min(t.x, s.x),
+        top: Math.min(t.y, s.y),
+        right: Math.max(t.x, s.x),
+        bottom: Math.max(t.y, s.y),
+        width: Math.abs(s.x - t.x),
+        height: Math.abs(s.y - t.y)
       };
     }
-    function yt(o, s) {
-      return !(o.right < s.left || o.left > s.right || o.bottom < s.top || o.top > s.bottom);
+    function bt(t, s) {
+      return !(t.right < s.left || t.left > s.right || t.bottom < s.top || t.top > s.bottom);
     }
-    function wt(o) {
-      const s = window.innerWidth, u = window.innerHeight;
-      return o.width > s * 0.8 && o.height > u * 0.5;
+    function wt(t) {
+      const s = window.innerWidth, f = window.innerHeight;
+      return t.width > s * 0.8 && t.height > f * 0.5;
     }
-    function bt(o) {
-      return o.filter((s) => !o.some((u) => u !== s && u.contains(s)));
+    function kt(t) {
+      return t.filter((s) => !t.some((f) => f !== s && f.contains(s)));
     }
-    function Ie(o) {
-      const s = [], u = h.map((d) => d.toLowerCase()).join(",");
-      document.querySelectorAll(u).forEach((d) => {
-        if (d.closest("[data-feedback-toolbar]") || d.closest("[data-annotation-popup]") || d.closest("[data-annotation-marker]"))
+    function Pe(t) {
+      const s = [], f = h.map((i) => i.toLowerCase()).join(",");
+      document.querySelectorAll(f).forEach((i) => {
+        if (i.closest("[data-feedback-toolbar]") || i.closest("[data-annotation-popup]") || i.closest("[data-annotation-marker]"))
           return;
-        const M = d.getBoundingClientRect();
-        if (M.width === 0 || M.height === 0) return;
-        const A = window.getComputedStyle(d);
-        A.display === "none" || A.visibility === "hidden" || A.opacity === "0" || wt(M) || yt(M, o) && s.push({ element: d, rect: M });
+        const L = i.getBoundingClientRect();
+        if (L.width === 0 || L.height === 0) return;
+        const A = window.getComputedStyle(i);
+        A.display === "none" || A.visibility === "hidden" || A.opacity === "0" || wt(L) || bt(L, t) && s.push({ element: i, rect: L });
       });
-      const f = bt(s.map((d) => d.element));
-      return s.filter((d) => f.includes(d.element));
+      const r = kt(s.map((i) => i.element));
+      return s.filter((i) => r.includes(i.element));
     }
-    function kt(o) {
-      if (o.length === 0) return "Empty area";
-      if (o.length === 1) {
-        const { name: c } = fe(o[0]);
-        return c;
+    function xt(t) {
+      if (t.length === 0) return "Empty area";
+      if (t.length === 1) {
+        const { name: u } = me(t[0]);
+        return u;
       }
       const s = {};
-      o.forEach((c) => {
-        const f = c.tagName.toLowerCase();
-        s[f] = (s[f] || 0) + 1;
+      t.forEach((u) => {
+        const r = u.tagName.toLowerCase();
+        s[r] = (s[r] || 0) + 1;
       });
-      const u = Object.entries(s).map(([c, f]) => f > 1 ? `${f} ${c}s` : c);
-      return `${o.length} elements: ${u.join(", ")}`;
+      const f = Object.entries(s).map(([u, r]) => r > 1 ? `${r} ${u}s` : u);
+      return `${t.length} elements: ${f.join(", ")}`;
     }
-    function xt(o) {
-      if (o.length === 0) return { x: 0, y: 0, width: 0, height: 0 };
-      const s = Math.min(...o.map((d) => d.left)), u = Math.min(...o.map((d) => d.top)), c = Math.max(...o.map((d) => d.right)), f = Math.max(...o.map((d) => d.bottom));
+    function _t(t) {
+      if (t.length === 0) return { x: 0, y: 0, width: 0, height: 0 };
+      const s = Math.min(...t.map((i) => i.left)), f = Math.min(...t.map((i) => i.top)), u = Math.max(...t.map((i) => i.right)), r = Math.max(...t.map((i) => i.bottom));
       return {
         x: s,
-        y: u + window.scrollY,
-        width: c - s,
-        height: f - u
+        y: f + window.scrollY,
+        width: u - s,
+        height: r - f
       };
     }
-    function _t(o) {
-      const d = o.x / 100 * (typeof window < "u" ? window.innerWidth : 1e3), M = o.y, A = {};
-      (typeof window < "u" ? window.innerHeight : 800) - M - 22 - 10 < 80 && (A.top = "auto", A.bottom = "calc(100% + 10px)");
-      const W = d - 200 / 2, G = 10, V = typeof window < "u" ? window.innerWidth : 1e3;
-      if (W < G) {
-        const ie = G - W;
-        A.left = `calc(50% + ${ie}px)`;
-      } else if (W + 200 > V - G) {
-        const ie = W + 200 - (V - G);
-        A.left = `calc(50% - ${ie}px)`;
+    function Lt(t) {
+      const i = t.x / 100 * (typeof window < "u" ? window.innerWidth : 1e3), L = t.y, A = {};
+      (typeof window < "u" ? window.innerHeight : 800) - L - 22 - 10 < 80 && (A.top = "auto", A.bottom = "calc(100% + 10px)");
+      const V = i - 200 / 2, Y = 10, F = typeof window < "u" ? window.innerWidth : 1e3;
+      if (V < Y) {
+        const he = Y - V;
+        A.left = `calc(50% + ${he}px)`;
+      } else if (V + 200 > F - Y) {
+        const he = V + 200 - (F - Y);
+        A.left = `calc(50% - ${he}px)`;
       }
       return A;
     }
-    function zt(o, s, u = "standard") {
-      if (o.length === 0) return "";
-      const c = typeof window < "u" ? `${window.innerWidth}×${window.innerHeight}` : "unknown";
-      let f = `## Page Feedback: ${s}
+    function Mt(t, s, f = "standard") {
+      if (t.length === 0) return "";
+      const u = typeof window < "u" ? `${window.innerWidth}×${window.innerHeight}` : "unknown";
+      let r = `## Page Feedback: ${s}
 `;
-      return u !== "compact" && (f += `**Viewport:** ${c}
-`), f += `
-`, o.forEach((d, M) => {
-        u === "compact" ? (f += `${M + 1}. **${d.element}**: ${d.comment}`, d.selectedText && (f += ` (re: "${d.selectedText.slice(0, 30)}${d.selectedText.length > 30 ? "..." : ""}")`), f += `
-`) : (f += `### ${M + 1}. ${d.element}
-`, f += `**Location:** ${d.elementPath}
-`, d.selectedText && (f += `**Selected text:** "${d.selectedText}"
-`), f += `**Feedback:** ${d.comment}
+      return f === "forensic" ? (r += `
+**Environment:**
+`, r += `- Viewport: ${u}
+`, typeof window < "u" && (r += `- URL: ${window.location.href}
+`, r += `- User Agent: ${navigator.userAgent}
+`, r += `- Timestamp: ${(/* @__PURE__ */ new Date()).toISOString()}
+`, r += `- Device Pixel Ratio: ${window.devicePixelRatio}
+`), r += `
+---
+`) : f !== "compact" && (r += `**Viewport:** ${u}
+`), r += `
+`, t.forEach((i, L) => {
+        f === "compact" ? (r += `${L + 1}. **${i.element}**: ${i.comment}`, i.selectedText && (r += ` (re: "${i.selectedText.slice(0, 30)}${i.selectedText.length > 30 ? "..." : ""}")`), r += `
+`) : f === "forensic" ? (r += `### ${L + 1}. ${i.element}
+`, i.isMultiSelect && i.fullPath && (r += `*Forensic data shown for first element of selection*
+`), i.fullPath && (r += `**Full DOM Path:** ${i.fullPath}
+`), i.cssClasses && (r += `**CSS Classes:** ${i.cssClasses}
+`), i.boundingBox && (r += `**Position:** x:${Math.round(i.boundingBox.x)}, y:${Math.round(i.boundingBox.y)} (${Math.round(i.boundingBox.width)}×${Math.round(i.boundingBox.height)}px)
+`), r += `**Annotation at:** ${i.x.toFixed(1)}% from left, ${Math.round(i.y)}px from top
+`, i.selectedText && (r += `**Selected text:** "${i.selectedText}"
+`), i.nearbyText && !i.selectedText && (r += `**Context:** ${i.nearbyText.slice(0, 100)}
+`), i.computedStyles && (r += `**Computed Styles:** ${i.computedStyles}
+`), i.accessibility && (r += `**Accessibility:** ${i.accessibility}
+`), i.nearbyElements && (r += `**Nearby Elements:** ${i.nearbyElements}
+`), r += `**Feedback:** ${i.comment}
+
+`) : (r += `### ${L + 1}. ${i.element}
+`, r += `**Location:** ${i.elementPath}
+`, f === "detailed" && (i.cssClasses && (r += `**Classes:** ${i.cssClasses}
+`), i.boundingBox && (r += `**Position:** ${Math.round(i.boundingBox.x)}px, ${Math.round(i.boundingBox.y)}px (${Math.round(i.boundingBox.width)}×${Math.round(i.boundingBox.height)}px)
+`)), i.selectedText && (r += `**Selected text:** "${i.selectedText}"
+`), f === "detailed" && i.nearbyText && !i.selectedText && (r += `**Context:** ${i.nearbyText.slice(0, 100)}
+`), r += `**Feedback:** ${i.comment}
 
 `);
-      }), f.trim();
+      }), r.trim();
     }
     const He = () => {
-      U || (w.value = !w.value);
-    }, Lt = () => {
-      U || (O.value = !O.value);
-    }, Mt = () => {
-      U || (C.value = !C.value, localStorage.setItem("feedback-toolbar-theme", C.value ? "dark" : "light"));
-    }, Et = () => {
-      U || (ue.value = !ue.value);
+      X || (b.value = !b.value);
     }, St = () => {
+      X || (O.value = !O.value);
+    }, zt = () => {
+      X || (C.value = !C.value, localStorage.setItem("feedback-toolbar-theme", C.value ? "dark" : "light"));
+    }, Et = () => {
+      X || (de.value = !de.value);
+    }, $t = () => {
       const s = (y.findIndex(
-        (u) => u.value === T.value.outputDetail
+        (f) => f.value === x.value.outputDetail
       ) + 1) % y.length;
-      T.value.outputDetail = y[s].value;
-    }, $t = (o) => {
-      T.value.annotationColor = o;
-    }, Pe = () => {
+      x.value.outputDetail = y[s].value;
+    }, Tt = (t) => {
+      x.value.annotationColor = t;
+    }, De = () => {
       if (J.value) return;
-      const o = document.createElement("style");
-      o.id = "feedback-freeze-styles", o.textContent = `
+      const t = document.createElement("style");
+      t.id = "feedback-freeze-styles", t.textContent = `
     *:not([data-feedback-toolbar]):not([data-feedback-toolbar] *):not([data-annotation-popup]):not([data-annotation-popup] *):not([data-annotation-marker]):not([data-annotation-marker] *),
     *:not([data-feedback-toolbar]):not([data-feedback-toolbar] *):not([data-annotation-popup]):not([data-annotation-popup] *):not([data-annotation-marker]):not([data-annotation-marker] *)::before,
     *:not([data-feedback-toolbar]):not([data-feedback-toolbar] *):not([data-annotation-popup]):not([data-annotation-popup] *):not([data-annotation-marker]):not([data-annotation-marker] *)::after {
       animation-play-state: paused !important;
       transition: none !important;
     }
-  `, document.head.appendChild(o), document.querySelectorAll("video").forEach((s) => {
+  `, document.head.appendChild(t), document.querySelectorAll("video").forEach((s) => {
         s.paused || (s.dataset.wasPaused = "false", s.pause());
       }), J.value = !0;
-    }, _e = () => {
+    }, Le = () => {
       if (!J.value) return;
-      const o = document.getElementById("feedback-freeze-styles");
-      o && o.remove(), document.querySelectorAll("video").forEach((s) => {
+      const t = document.getElementById("feedback-freeze-styles");
+      t && t.remove(), document.querySelectorAll("video").forEach((s) => {
         s.dataset.wasPaused === "false" && (s.play(), delete s.dataset.wasPaused);
       }), J.value = !1;
-    }, Tt = () => {
-      U || (J.value ? _e() : Pe());
-    }, At = (o) => {
-      if (o.target.closest("[data-settings-panel]"))
+    }, It = () => {
+      X || (J.value ? (Le(), x.value.blockInteractions = !1) : (De(), x.value.blockInteractions = !0));
+    }, Bt = (t) => {
+      if (t.target.closest("[data-settings-panel]"))
         return;
-      const s = o.currentTarget;
+      const s = t.currentTarget;
       if (!s) return;
-      const u = s.getBoundingClientRect(), c = 257, f = 44;
-      let d, M;
-      j.value ? (d = j.value.x, M = j.value.y) : (w.value ? d = u.left : d = u.left - (c - f), M = u.top);
+      const f = s.getBoundingClientRect(), u = 257, r = 44;
+      let i, L;
+      j.value ? (i = j.value.x, L = j.value.y) : (b.value ? i = f.left : i = f.left - (u - r), L = f.top);
       const A = (Math.random() - 0.5) * 10;
-      Se.value = A, ee.value = {
-        x: o.clientX,
-        y: o.clientY,
-        toolbarX: d,
-        toolbarY: M
+      $e.value = A, ee.value = {
+        x: t.clientX,
+        y: t.clientY,
+        toolbarX: i,
+        toolbarY: L
       };
-    }, De = (o) => {
+    }, Ne = (t) => {
       if (!ee.value) return;
-      const s = o.clientX - ee.value.x, u = o.clientY - ee.value.y, c = Math.sqrt(s * s + u * u);
-      if (!oe.value && c > Qe && (oe.value = !0), oe.value || c > Qe) {
-        let f = ee.value.toolbarX + s, d = ee.value.toolbarY + u;
-        const M = 20, A = 257, q = 44, R = 44;
-        if (w.value)
-          f = Math.max(M, Math.min(window.innerWidth - A - M, f));
+      const s = t.clientX - ee.value.x, f = t.clientY - ee.value.y, u = Math.sqrt(s * s + f * f);
+      if (!ne.value && u > et && (ne.value = !0), ne.value || u > et) {
+        let r = ee.value.toolbarX + s, i = ee.value.toolbarY + f;
+        const L = 20, A = 257, R = 44, G = 44;
+        if (b.value)
+          r = Math.max(L, Math.min(window.innerWidth - A - L, r));
         else {
-          const W = A - q, G = M - W, V = window.innerWidth - A - M - 16;
-          f = Math.max(G, Math.min(V, f));
+          const V = A - R, Y = L - V, F = window.innerWidth - A - L - 16;
+          r = Math.max(Y, Math.min(F, r));
         }
-        d = Math.max(M, Math.min(window.innerHeight - R - M, d)), j.value = { x: f, y: d };
+        i = Math.max(L, Math.min(window.innerHeight - G - L, i)), j.value = { x: r, y: i };
       }
-    }, Ne = () => {
-      oe.value && (U = !0, setTimeout(() => {
-        U = !1;
-      }, 50)), oe.value = !1, ee.value = null;
-    }, ze = () => {
+    }, Oe = () => {
+      ne.value && (X = !0, setTimeout(() => {
+        X = !1;
+      }, 50)), ne.value = !1, ee.value = null;
+    }, Me = () => {
       if (!j.value) return;
-      const o = 20, s = 257, u = 44, c = 44;
-      let f = j.value.x, d = j.value.y;
-      if (w.value)
-        f = Math.max(o, Math.min(window.innerWidth - s - o, f));
+      const t = 20, s = 257, f = 44, u = 44;
+      let r = j.value.x, i = j.value.y;
+      if (b.value)
+        r = Math.max(t, Math.min(window.innerWidth - s - t, r));
       else {
-        const M = s - u, A = o - M, q = window.innerWidth - s - o;
-        f = Math.max(A, Math.min(q, f));
+        const L = s - f, A = t - L, R = window.innerWidth - s - t;
+        r = Math.max(A, Math.min(R, r));
       }
-      d = Math.max(o, Math.min(window.innerHeight - c - o, d)), (f !== j.value.x || d !== j.value.y) && (j.value = { x: f, y: d });
-    }, Bt = async () => {
-      if (U) return;
-      const o = zt(L.value, pe, ft.value);
-      if (o) {
-        if (E.copyToClipboard)
+      i = Math.max(t, Math.min(window.innerHeight - u - t, i)), (r !== j.value.x || i !== j.value.y) && (j.value = { x: r, y: i });
+    }, At = async () => {
+      if (X) return;
+      const t = Mt(S.value, le.value, x.value.outputDetail);
+      if (t) {
+        if (T.copyToClipboard)
           try {
-            await navigator.clipboard.writeText(o), ae.value = !0, setTimeout(() => {
+            if (navigator.clipboard && navigator.clipboard.writeText)
+              await navigator.clipboard.writeText(t);
+            else {
+              const s = document.createElement("textarea");
+              s.value = t, s.style.position = "fixed", s.style.left = "-9999px", s.style.top = "-9999px", document.body.appendChild(s), s.focus(), s.select(), document.execCommand("copy"), document.body.removeChild(s);
+            }
+            if (ae.value = !0, setTimeout(() => {
               ae.value = !1;
-            }, 2e3);
+            }, 2e3), x.value.autoClearAfterCopy) {
+              const s = [...S.value];
+              S.value = [], localStorage.removeItem(ue(le.value)), I("annotationsClear", s);
+            }
           } catch (s) {
             console.error("Failed to copy:", s);
           }
-        B("copy", o);
+        I("copy", t);
       }
-    }, It = () => {
-      if (U || L.value.length === 0) return;
-      const o = [...L.value];
-      L.value = [], localStorage.removeItem(ge(pe)), ve.value = !0, setTimeout(() => {
+    }, Pt = () => {
+      if (X || S.value.length === 0) return;
+      const t = [...S.value];
+      S.value = [], localStorage.removeItem(ue(le.value)), ve.value = !0, setTimeout(() => {
         ve.value = !1;
-      }, 2e3), B("annotationsClear", o);
-    }, Ht = (o) => {
+      }, 2e3), I("annotationsClear", t);
+    }, Ht = (t) => {
       if (!g.value) return;
       const s = {
         id: `${Date.now()}-${Math.random().toString(36).slice(2, 9)}`,
         x: g.value.x,
         y: g.value.y,
-        comment: o,
+        comment: t,
         element: g.value.element,
         elementPath: g.value.elementPath,
         timestamp: Date.now(),
@@ -1251,167 +1287,179 @@ const on = ["data-active"], nn = ["disabled"], ln = ["disabled", "data-active"],
         nearbyElements: g.value.nearbyElements,
         isMultiSelect: g.value.isMultiSelect
       };
-      L.value = [...L.value, s], g.value = null, B("annotationAdd", s);
-    }, Pt = () => {
+      S.value = [...S.value, s], g.value = null, I("annotationAdd", s);
+    }, Dt = () => {
       g.value = null;
-    }, Dt = (o) => {
+    }, Nt = (t) => {
       if (!z.value) return;
-      const s = { ...z.value, comment: o };
-      L.value = L.value.map(
-        (u) => u.id === s.id ? s : u
-      ), z.value = null, B("annotationUpdate", s);
-    }, Nt = () => {
+      const s = { ...z.value, comment: t };
+      S.value = S.value.map(
+        (f) => f.id === s.id ? s : f
+      ), z.value = null, I("annotationUpdate", s);
+    }, Ot = () => {
       z.value = null;
-    }, Ot = (o, s) => {
-      s.stopPropagation(), z.value = o;
-    }, jt = (o, s) => {
-      s.stopPropagation(), _.value = null, L.value = L.value.filter((u) => u.id !== o.id), B("annotationDelete", o);
-    }, Oe = (o) => {
-      if (console.log("[Multi-select] mousedown triggered, isActive:", w.value), !w.value || o.button !== 0) return;
-      const s = o.target;
-      if (console.log("[Multi-select] target element:", s.tagName, s.className), s.closest("[data-feedback-toolbar]") || s.closest("[data-annotation-popup]") || s.closest("[data-annotation-marker]")) {
-        console.log("[Multi-select] skipped - toolbar/popup/marker");
-        return;
-      }
-      if (g.value || z.value) {
-        console.log("[Multi-select] skipped - pending/editing annotation");
-        return;
-      }
-      if (r.has(s.tagName) || s.isContentEditable) {
-        console.log("[Multi-select] skipped - text element:", s.tagName), Ce = !0;
-        return;
+    }, jt = (t, s) => {
+      s.stopPropagation(), z.value = t;
+    }, Zt = (t, s) => {
+      s.stopPropagation(), M.value = null, S.value = S.value.filter((f) => f.id !== t.id), I("annotationDelete", t);
+    }, je = (t) => {
+      if (!b.value || t.button !== 0) return;
+      const s = t.target;
+      if (!(s.closest("[data-feedback-toolbar]") || s.closest("[data-annotation-popup]") || s.closest("[data-annotation-marker]")) && !(g.value || z.value)) {
+        if (d.has(s.tagName) || s.isContentEditable) {
+          Ce = !0;
+          return;
+        }
+        Ce = !1, pe.value = { x: t.clientX, y: t.clientY }, U.value = { x: t.clientX, y: t.clientY }, q.value = { x: t.clientX, y: t.clientY };
       }
-      console.log("[Multi-select] mousedown accepted, recording position:", o.clientX, o.clientY), Ce = !1, de.value = { x: o.clientX, y: o.clientY }, Y.value = { x: o.clientX, y: o.clientY }, F.value = { x: o.clientX, y: o.clientY };
-    }, je = (o) => {
-      if (!w.value || !de.value || Ce) return;
-      const s = o.clientX - de.value.x, u = o.clientY - de.value.y;
-      if (s * s + u * u >= qe * qe) {
-        te.value || (console.log("[Multi-select] drag threshold passed, starting drag selection"), te.value = !0, I.value = null), F.value = { x: o.clientX, y: o.clientY }, console.log("[Multi-select] drag update:", Y.value, "->", F.value);
-        const f = Date.now();
-        if (f - $e >= dn) {
-          $e = f;
-          const d = Be(Y.value, F.value);
-          ne.value = Ie(d), console.log("[Multi-select] detected elements:", ne.value.length);
+    }, Ze = (t) => {
+      if (!b.value || !pe.value || Ce) return;
+      const s = t.clientX - pe.value.x, f = t.clientY - pe.value.y;
+      if (s * s + f * f >= Ke * Ke) {
+        te.value || (te.value = !0, B.value = null), q.value = { x: t.clientX, y: t.clientY };
+        const r = Date.now();
+        if (r - Te >= hn) {
+          Te = r;
+          const i = Ae(U.value, q.value);
+          ie.value = Pe(i);
         }
       }
-    }, Ze = (o) => {
-      if (!w.value) return;
+    }, Re = (t) => {
+      if (!b.value) return;
       const s = te.value;
-      if (de.value = null, Ce = !1, !s) {
-        te.value = !1, Y.value = null, F.value = null, ne.value = [];
+      if (pe.value = null, Ce = !1, !s) {
+        te.value = !1, U.value = null, q.value = null, ie.value = [];
         return;
       }
-      const u = Y.value, c = { x: o.clientX, y: o.clientY };
-      if (u) {
-        const f = Be(u, c);
-        if (f.width >= Ge && f.height >= Ge) {
-          const d = Ie(f), M = d.map((V) => V.element), A = d.map((V) => V.rect);
-          let q, R;
-          M.length > 0 ? (R = xt(A), q = R.y + R.height / 2) : (R = {
-            x: f.left,
-            y: f.top + window.scrollY,
-            width: f.width,
-            height: f.height
-          }, q = f.top + window.scrollY + f.height / 2);
-          const W = kt(M), G = M.map((V) => fe(V).path).join("; ");
+      const f = U.value, u = { x: t.clientX, y: t.clientY };
+      if (f) {
+        const r = Ae(f, u);
+        if (r.width >= Qe && r.height >= Qe) {
+          const i = Pe(r), L = i.map((F) => F.element), A = i.map((F) => F.rect);
+          let R, G;
+          L.length > 0 ? (G = _t(A), R = G.y + G.height / 2) : (G = {
+            x: r.left,
+            y: r.top + window.scrollY,
+            width: r.width,
+            height: r.height
+          }, R = r.top + window.scrollY + r.height / 2);
+          const V = xt(L), Y = L.map((F) => me(F).path).join("; ");
           g.value = {
-            x: o.clientX / window.innerWidth * 100,
+            x: t.clientX / window.innerWidth * 100,
             // Mouse X as percentage
-            y: q,
-            clientY: o.clientY,
+            y: R,
+            clientY: t.clientY,
             // Mouse Y for popup positioning
-            element: W,
-            elementPath: G || "Area selection",
-            boundingBox: R,
+            element: V,
+            elementPath: Y || "Area selection",
+            boundingBox: G,
             isFixed: !1,
             isMultiSelect: !0
           };
         }
       }
-      te.value = !1, Y.value = null, F.value = null, ne.value = [], s && (xe = !0, setTimeout(() => {
-        xe = !1;
+      te.value = !1, U.value = null, q.value = null, ie.value = [], s && (_e = !0, setTimeout(() => {
+        _e = !1;
       }, 50));
-    }, Re = (o) => {
-      if (!w.value || g.value || z.value) return;
-      if (o.target.closest("[data-feedback-toolbar]")) {
-        I.value = null;
+    }, Ve = (t) => {
+      if (!b.value || g.value || z.value) return;
+      if (t.target.closest("[data-feedback-toolbar]")) {
+        B.value = null;
         return;
       }
-      const u = document.elementFromPoint(o.clientX, o.clientY);
-      if (!u || u.closest("[data-feedback-toolbar]")) {
-        I.value = null;
+      const f = document.elementFromPoint(t.clientX, t.clientY);
+      if (!f || f.closest("[data-feedback-toolbar]")) {
+        B.value = null;
         return;
       }
-      const { name: c, path: f } = fe(u), d = u.getBoundingClientRect();
-      I.value = { element: c, elementPath: f, rect: d }, se.value = { x: o.clientX, y: o.clientY };
-    }, Ve = (o) => {
-      var ie, We;
-      if (!w.value || U || xe) return;
-      const s = o.target;
+      const { name: u, path: r } = me(f), i = f.getBoundingClientRect();
+      B.value = { element: u, elementPath: r, rect: i }, se.value = { x: t.clientX, y: t.clientY };
+    }, Fe = (t) => {
+      var Xe, Ue;
+      if (!b.value || X || _e) return;
+      const s = t.target;
       if (s.closest("[data-feedback-toolbar]") || s.closest("[data-annotation-popup]") || s.closest("[data-annotation-marker]")) return;
-      if (g.value) {
-        o.preventDefault(), (ie = Te.value) == null || ie.shake();
+      const f = s.closest(
+        "button, a, input, select, textarea, [role='button'], [onclick]"
+      );
+      if (x.value.blockInteractions && f && (t.preventDefault(), t.stopPropagation()), g.value) {
+        if (f && !x.value.blockInteractions)
+          return;
+        t.preventDefault(), (Xe = Ie.value) == null || Xe.shake();
         return;
       }
       if (z.value) {
-        o.preventDefault(), (We = Ae.value) == null || We.shake();
+        if (f && !x.value.blockInteractions)
+          return;
+        t.preventDefault(), (Ue = Be.value) == null || Ue.shake();
         return;
       }
-      o.preventDefault();
-      const u = document.elementFromPoint(o.clientX, o.clientY);
+      t.preventDefault();
+      const u = document.elementFromPoint(t.clientX, t.clientY);
       if (!u) return;
-      const { name: c, path: f } = fe(u), d = u.getBoundingClientRect(), M = o.clientX / window.innerWidth * 100, A = vt(u), q = A ? o.clientY : o.clientY + window.scrollY, R = window.getSelection();
-      let W;
-      R && R.toString().trim().length > 0 && (W = R.toString().trim().slice(0, 500));
-      const G = Xo(u), V = qo(u);
+      const { name: r, path: i } = me(u), L = u.getBoundingClientRect(), A = t.clientX / window.innerWidth * 100, R = Ct(u), G = R ? t.clientY : t.clientY + window.scrollY, V = window.getSelection();
+      let Y;
+      V && V.toString().trim().length > 0 && (Y = V.toString().trim().slice(0, 500));
+      const F = Uo(u), he = Go(u);
       g.value = {
-        x: M,
-        y: q,
-        clientY: o.clientY,
-        element: c,
-        elementPath: f,
-        selectedText: W,
+        x: A,
+        y: G,
+        clientY: t.clientY,
+        element: r,
+        elementPath: i,
+        selectedText: Y,
         boundingBox: {
-          x: d.left,
-          y: A ? d.top : d.top + window.scrollY,
-          width: d.width,
-          height: d.height
+          x: L.left,
+          y: R ? L.top : L.top + window.scrollY,
+          width: L.width,
+          height: L.height
         },
-        nearbyText: jo(u),
-        cssClasses: Ro(u),
-        isFixed: A,
-        fullPath: Ko(u),
-        accessibility: Go(u),
-        computedStyles: V,
-        computedStylesObj: G,
-        nearbyElements: Zo(u)
-      }, I.value = null;
+        nearbyText: Zo(u),
+        cssClasses: Vo(u),
+        isFixed: R,
+        fullPath: Qo(u),
+        accessibility: Ko(u),
+        computedStyles: he,
+        computedStylesObj: F,
+        nearbyElements: Ro(u)
+      }, B.value = null;
     }, Ye = () => {
       K.value = window.scrollY;
-    }, Fe = (o) => {
-      o.key === "Escape" && (g.value || z.value || w.value && (w.value = !1));
+    }, We = (t) => {
+      t.key === "Escape" && (g.value || z.value || b.value && (b.value = !1));
     };
-    return tt(() => {
+    return nt(() => {
       m.value = !0, K.value = window.scrollY;
-      const o = en(pe);
-      L.value = o, i || (X.value = !0, i = !0, setTimeout(() => {
-        X.value = !1;
+      const t = tn(le.value);
+      S.value = t, c || (W.value = !0, c = !0, setTimeout(() => {
+        W.value = !1;
       }, 750));
       try {
-        const u = localStorage.getItem("feedback-toolbar-theme");
-        u !== null && (C.value = u === "dark");
+        const r = localStorage.getItem("feedback-toolbar-theme");
+        r !== null && (C.value = r === "dark");
       } catch {
       }
-      document.addEventListener("mousemove", Re), document.addEventListener("click", Ve, !0), document.addEventListener("keydown", Fe), window.addEventListener("scroll", Ye, { passive: !0 }), window.addEventListener("resize", ze), document.addEventListener("mousedown", Oe), document.addEventListener("mousemove", je), document.addEventListener("mouseup", Ze);
-      const s = document.createElement("style");
-      s.id = "feedback-cursor-styles", document.head.appendChild(s);
-    }), Vt(() => {
-      document.removeEventListener("mousemove", Re), document.removeEventListener("click", Ve, !0), document.removeEventListener("keydown", Fe), window.removeEventListener("scroll", Ye), window.removeEventListener("resize", ze), document.removeEventListener("mousedown", Oe), document.removeEventListener("mousemove", je), document.removeEventListener("mouseup", Ze);
-      const o = document.getElementById("feedback-cursor-styles");
-      o && o.remove();
-    }), le(w, (o) => {
+      try {
+        const r = localStorage.getItem("feedback-toolbar-settings");
+        r && (x.value = { ...k, ...JSON.parse(r) });
+      } catch {
+      }
+      document.addEventListener("mousemove", Ve), document.addEventListener("click", Fe, !0), document.addEventListener("keydown", We), window.addEventListener("scroll", Ye, { passive: !0 }), window.addEventListener("resize", Me), window.addEventListener("popstate", ye);
+      const s = history.pushState.bind(history), f = history.replaceState.bind(history);
+      history.pushState = (...r) => {
+        s(...r), ye();
+      }, history.replaceState = (...r) => {
+        f(...r), ye();
+      }, document.addEventListener("mousedown", je), document.addEventListener("mousemove", Ze), document.addEventListener("mouseup", Re);
+      const u = document.createElement("style");
+      u.id = "feedback-cursor-styles", document.head.appendChild(u);
+    }), Ft(() => {
+      document.removeEventListener("mousemove", Ve), document.removeEventListener("click", Fe, !0), document.removeEventListener("keydown", We), window.removeEventListener("scroll", Ye), window.removeEventListener("resize", Me), window.removeEventListener("popstate", ye), document.removeEventListener("mousedown", je), document.removeEventListener("mousemove", Ze), document.removeEventListener("mouseup", Re);
+      const t = document.getElementById("feedback-cursor-styles");
+      t && t.remove();
+    }), oe(b, (t) => {
       const s = document.getElementById("feedback-cursor-styles");
-      s && (o ? s.textContent = `
+      s && (t ? s.textContent = `
       body * { cursor: crosshair !important; }
       body p, body span, body h1, body h2, body h3, body h4, body h5, body h6,
       body li, body td, body th, body label, body blockquote, body figcaption,
@@ -1429,26 +1477,28 @@ const on = ["data-active"], nn = ["disabled"], ln = ["disabled", "data-active"],
       [data-annotation-popup], [data-annotation-popup] * { cursor: default !important; }
       [data-annotation-popup] textarea { cursor: text !important; }
       [data-annotation-popup] button { cursor: pointer !important; }
-    ` : (s.textContent = "", g.value = null, z.value = null, I.value = null));
-    }), le(L, (o) => {
-      m.value && o.length > 0 ? tn(pe, o) : m.value && o.length === 0 && localStorage.removeItem(ge(pe));
-    }, { deep: !0 }), le(ue, (o) => {
-      o ? ke.value = !0 : setTimeout(() => {
-        ke.value = !1;
+    ` : (s.textContent = "", g.value = null, z.value = null, B.value = null));
+    }), oe(S, (t) => {
+      m.value && t.length > 0 ? on(le.value, t) : m.value && t.length === 0 && localStorage.removeItem(ue(le.value));
+    }, { deep: !0 }), oe(x, (t) => {
+      m.value && localStorage.setItem("feedback-toolbar-settings", JSON.stringify(t));
+    }, { deep: !0 }), oe(de, (t) => {
+      t ? xe.value = !0 : setTimeout(() => {
+        xe.value = !1;
       }, 150);
-    }), le(() => T.value.freezeAnimations, (o) => {
-      o ? Pe() : _e();
-    }), le(w, (o) => {
-      o || (g.value = null, z.value = null, I.value = null, ue.value = !1, J.value && (_e(), T.value.freezeAnimations = !1)), ze();
-    }), le(ee, (o, s) => {
-      o && !s ? (document.addEventListener("mousemove", De), document.addEventListener("mouseup", Ne)) : !o && s && (document.removeEventListener("mousemove", De), document.removeEventListener("mouseup", Ne));
-    }), (o, s) => {
-      var u;
-      return b(), N(Yt, { to: "body" }, [
+    }), oe(() => x.value.blockInteractions, (t) => {
+      t ? De() : Le();
+    }), oe(b, (t) => {
+      t || (g.value = null, z.value = null, B.value = null, de.value = !1, J.value && (Le(), x.value.blockInteractions = !1)), Me();
+    }), oe(ee, (t, s) => {
+      t && !s ? (document.addEventListener("mousemove", Ne), document.addEventListener("mouseup", Oe)) : !t && s && (document.removeEventListener("mousemove", Ne), document.removeEventListener("mouseup", Oe));
+    }), (t, s) => {
+      var f;
+      return w(), N(Yt, { to: "body" }, [
         v("div", {
           class: p(l(n).toolbar),
-          style: P({
-            zIndex: E.zIndex,
+          style: H({
+            zIndex: T.zIndex,
             ...j.value ? {
               left: `${j.value.x}px`,
               top: `${j.value.y}px`,
@@ -1462,76 +1512,76 @@ const on = ["data-active"], nn = ["disabled"], ln = ["disabled", "data-active"],
             class: p([
               l(n).toolbarContainer,
               !C.value && l(n).light,
-              X.value && l(n).entrance,
-              oe.value && l(n).dragging,
-              w.value ? l(n).expanded : l(n).collapsed
+              W.value && l(n).entrance,
+              ne.value && l(n).dragging,
+              b.value ? l(n).expanded : l(n).collapsed
             ]),
-            style: P(oe.value ? { transform: `rotate(${Se.value}deg)` } : void 0),
-            onMousedown: At,
-            onClick: s[3] || (s[3] = (c) => w.value ? void 0 : He())
+            style: H(ne.value ? { transform: `rotate(${$e.value}deg)` } : void 0),
+            onMousedown: Bt,
+            onClick: s[3] || (s[3] = (u) => b.value ? void 0 : He())
           }, [
             v("div", {
-              class: p([l(n).toggleContent, w.value ? l(n).hidden : l(n).visible])
+              class: p([l(n).toggleContent, b.value ? l(n).hidden : l(n).visible])
             }, [
-              (b(), N(Z(l(lt)), { size: 24 })),
-              ye.value ? (b(), S("span", {
+              (w(), N(Z(l(at)), { size: 24 })),
+              be.value ? (w(), E("span", {
                 key: 0,
-                class: p([l(n).badge, w.value && l(n).fadeOut, X.value && l(n).entrance]),
-                style: P({ backgroundColor: T.value.annotationColor })
-              }, D(L.value.length), 7)) : H("", !0)
+                class: p([l(n).badge, b.value && l(n).fadeOut, W.value && l(n).entrance]),
+                style: H({ backgroundColor: x.value.annotationColor })
+              }, D(S.value.length), 7)) : P("", !0)
             ], 2),
             v("div", {
-              class: p([l(n).controlsContent, w.value ? l(n).visible : l(n).hidden])
+              class: p([l(n).controlsContent, b.value ? l(n).visible : l(n).hidden])
             }, [
               v("button", {
                 class: p([l(n).controlButton, !C.value && l(n).light]),
                 "data-active": J.value,
-                onClick: Q(Tt, ["stop"]),
+                onClick: Q(It, ["stop"]),
                 title: "Pause/Resume animations"
               }, [
-                (b(), N(Z(l(rt)), {
+                (w(), N(Z(l(ut)), {
                   size: 24,
                   "is-paused": J.value
                 }, null, 8, ["is-paused"]))
-              ], 10, on),
+              ], 10, ln),
               v("button", {
                 class: p([l(n).controlButton, !C.value && l(n).light]),
-                disabled: !ye.value,
-                onClick: Q(Lt, ["stop"]),
+                disabled: !be.value,
+                onClick: Q(St, ["stop"]),
                 title: "Toggle markers"
               }, [
-                (b(), N(Z(l(it)), {
+                (w(), N(Z(l(ct)), {
                   size: 24,
                   "is-open": O.value
                 }, null, 8, ["is-open"]))
-              ], 10, nn),
+              ], 10, sn),
               v("button", {
                 class: p([l(n).controlButton, !C.value && l(n).light]),
-                disabled: !ye.value,
+                disabled: !be.value,
                 "data-active": ae.value,
-                onClick: Q(Bt, ["stop"]),
+                onClick: Q(At, ["stop"]),
                 title: "Copy as markdown"
               }, [
-                (b(), N(Z(l(at)), {
+                (w(), N(Z(l(rt)), {
                   size: 24,
                   copied: ae.value
                 }, null, 8, ["copied"]))
-              ], 10, ln),
+              ], 10, an),
               v("button", {
                 class: p([l(n).controlButton, !C.value && l(n).light]),
-                disabled: !ye.value,
+                disabled: !be.value,
                 "data-danger": "",
-                onClick: Q(It, ["stop"]),
+                onClick: Q(Pt, ["stop"]),
                 title: "Clear all annotations"
               }, [
-                (b(), N(Z(l(ut)), { size: 24 }))
-              ], 10, sn),
+                (w(), N(Z(l(pt)), { size: 24 }))
+              ], 10, rn),
               v("button", {
                 class: p([l(n).controlButton, !C.value && l(n).light]),
                 onClick: Q(Et, ["stop"]),
                 title: "Settings"
               }, [
-                (b(), N(Z(l(ct)), { size: 24 }))
+                (w(), N(Z(l(dt)), { size: 24 }))
               ], 2),
               v("div", {
                 class: p([l(n).divider, !C.value && l(n).light])
@@ -1541,12 +1591,12 @@ const on = ["data-active"], nn = ["disabled"], ln = ["disabled", "data-active"],
                 onClick: Q(He, ["stop"]),
                 title: "Exit"
               }, [
-                (b(), N(Z(l(Ee)), { size: 24 }))
+                (w(), N(Z(l(Ee)), { size: 24 }))
               ], 2)
             ], 2),
-            ke.value ? (b(), S("div", {
+            xe.value ? (w(), E("div", {
               key: 0,
-              class: p([l(n).settingsPanel, C.value ? l(n).dark : l(n).light, ue.value ? l(n).enter : l(n).exit]),
+              class: p([l(n).settingsPanel, C.value ? l(n).dark : l(n).light, de.value ? l(n).enter : l(n).exit]),
               onClick: s[2] || (s[2] = Q(() => {
               }, ["stop"]))
             }, [
@@ -1558,20 +1608,20 @@ const on = ["data-active"], nn = ["disabled"], ln = ["disabled", "data-active"],
                 }, [
                   v("span", {
                     class: p(l(n).settingsBrandSlash),
-                    style: P({ color: T.value.annotationColor })
+                    style: H({ color: x.value.annotationColor })
                   }, " / ", 6),
                   s[5] || (s[5] = ce(" agentation ", -1))
                 ], 2),
                 v("span", {
                   class: p(l(n).settingsVersion)
-                }, "v1.0.0", 2),
+                }, "v" + D(l(nn)), 3),
                 v("button", {
                   class: p(l(n).themeToggle),
-                  onClick: Mt,
+                  onClick: zt,
                   title: C.value ? "Switch to light mode" : "Switch to dark mode"
                 }, [
-                  (b(), N(Z(C.value ? l(dt) : l(pt)), { size: 14 }))
-                ], 10, an)
+                  (w(), N(Z(C.value ? l(ht) : l(ft)), { size: 14 }))
+                ], 10, cn)
               ], 2),
               v("div", {
                 class: p(l(n).settingsSection)
@@ -1587,22 +1637,22 @@ const on = ["data-active"], nn = ["disabled"], ln = ["disabled", "data-active"],
                       class: p(l(n).helpIcon),
                       "data-tooltip": "Controls how much detail is included in the copied output"
                     }, [
-                      (b(), N(Z(l(st)), { size: 20 }))
+                      (w(), N(Z(l(it)), { size: 20 }))
                     ], 2)
                   ], 2),
                   v("button", {
                     class: p([l(n).cycleButton, !C.value && l(n).light]),
-                    onClick: St
+                    onClick: $t
                   }, [
                     v("span", {
                       class: p(l(n).cycleButtonText)
-                    }, D((u = y.find((c) => c.value === T.value.outputDetail)) == null ? void 0 : u.label), 3),
+                    }, D((f = y.find((u) => u.value === x.value.outputDetail)) == null ? void 0 : f.label), 3),
                     v("span", {
                       class: p(l(n).cycleDots)
                     }, [
-                      (b(), S(re, null, he(y, (c) => v("span", {
-                        key: c.value,
-                        class: p([l(n).cycleDot, !C.value && l(n).light, T.value.outputDetail === c.value && l(n).active])
+                      (w(), E(re, null, fe(y, (u) => v("span", {
+                        key: u.value,
+                        class: p([l(n).cycleDot, !C.value && l(n).light, x.value.outputDetail === u.value && l(n).active])
                       }, null, 2)), 64))
                     ], 2)
                   ], 2)
@@ -1617,18 +1667,18 @@ const on = ["data-active"], nn = ["disabled"], ln = ["disabled", "data-active"],
                 v("div", {
                   class: p(l(n).colorOptions)
                 }, [
-                  (b(), S(re, null, he($, (c) => v("div", {
-                    key: c.value,
-                    class: p([l(n).colorOptionRing, T.value.annotationColor === c.value && l(n).selected]),
-                    style: P({ borderColor: T.value.annotationColor === c.value ? c.value : "transparent" }),
-                    onClick: (f) => $t(c.value)
+                  (w(), E(re, null, fe($, (u) => v("div", {
+                    key: u.value,
+                    class: p([l(n).colorOptionRing, x.value.annotationColor === u.value && l(n).selected]),
+                    style: H({ borderColor: x.value.annotationColor === u.value ? u.value : "transparent" }),
+                    onClick: (r) => Tt(u.value)
                   }, [
                     v("div", {
-                      class: p([l(n).colorOption, T.value.annotationColor === c.value && l(n).selected]),
-                      style: P({ backgroundColor: c.value }),
-                      title: c.label
-                    }, null, 14, cn)
-                  ], 14, rn)), 64))
+                      class: p([l(n).colorOption, x.value.annotationColor === u.value && l(n).selected]),
+                      style: H({ backgroundColor: u.value }),
+                      title: u.label
+                    }, null, 14, dn)
+                  ], 14, un)), 64))
                 ], 2)
               ], 2),
               v("div", {
@@ -1637,19 +1687,19 @@ const on = ["data-active"], nn = ["disabled"], ln = ["disabled", "data-active"],
                 v("label", {
                   class: p(l(n).settingsToggle)
                 }, [
-                  Le(v("input", {
+                  Se(v("input", {
                     type: "checkbox",
-                    "onUpdate:modelValue": s[0] || (s[0] = (c) => T.value.autoClearAfterCopy = c)
+                    "onUpdate:modelValue": s[0] || (s[0] = (u) => x.value.autoClearAfterCopy = u)
                   }, null, 512), [
-                    [Xe, T.value.autoClearAfterCopy]
+                    [qe, x.value.autoClearAfterCopy]
                   ]),
                   v("span", {
-                    class: p([l(n).customCheckbox, !C.value && l(n).light, T.value.autoClearAfterCopy && l(n).checked])
+                    class: p([l(n).customCheckbox, !C.value && l(n).light, x.value.autoClearAfterCopy && l(n).checked])
                   }, [
-                    T.value.autoClearAfterCopy ? (b(), N(Z(l(Me)), {
+                    x.value.autoClearAfterCopy ? (w(), N(Z(l(ze)), {
                       key: 0,
                       size: 14
-                    })) : H("", !0)
+                    })) : P("", !0)
                   ], 2),
                   v("span", {
                     class: p([l(n).toggleLabel, !C.value && l(n).light])
@@ -1658,303 +1708,303 @@ const on = ["data-active"], nn = ["disabled"], ln = ["disabled", "data-active"],
                 v("label", {
                   class: p(l(n).settingsToggle)
                 }, [
-                  Le(v("input", {
+                  Se(v("input", {
                     type: "checkbox",
-                    "onUpdate:modelValue": s[1] || (s[1] = (c) => T.value.freezeAnimations = c)
+                    "onUpdate:modelValue": s[1] || (s[1] = (u) => x.value.blockInteractions = u)
                   }, null, 512), [
-                    [Xe, T.value.freezeAnimations]
+                    [qe, x.value.blockInteractions]
                   ]),
                   v("span", {
-                    class: p([l(n).customCheckbox, !C.value && l(n).light, T.value.freezeAnimations && l(n).checked])
+                    class: p([l(n).customCheckbox, !C.value && l(n).light, x.value.blockInteractions && l(n).checked])
                   }, [
-                    T.value.freezeAnimations ? (b(), N(Z(l(Me)), {
+                    x.value.blockInteractions ? (w(), N(Z(l(ze)), {
                       key: 0,
                       size: 14
-                    })) : H("", !0)
+                    })) : P("", !0)
                   ], 2),
                   v("span", {
                     class: p([l(n).toggleLabel, !C.value && l(n).light])
-                  }, " Freeze animations ", 2)
+                  }, " Block page interactions ", 2)
                 ], 2)
               ], 2)
-            ], 2)) : H("", !0)
+            ], 2)) : P("", !0)
           ], 38)
         ], 6),
-        te.value && Y.value && F.value ? (b(), S("div", {
+        te.value && U.value && q.value ? (w(), E("div", {
           key: 0,
           class: p(l(n).dragSelection),
-          style: P({
-            left: `${Math.min(Y.value.x, F.value.x)}px`,
-            top: `${Math.min(Y.value.y, F.value.y)}px`,
-            width: `${Math.abs(F.value.x - Y.value.x)}px`,
-            height: `${Math.abs(F.value.y - Y.value.y)}px`
+          style: H({
+            left: `${Math.min(U.value.x, q.value.x)}px`,
+            top: `${Math.min(U.value.y, q.value.y)}px`,
+            width: `${Math.abs(q.value.x - U.value.x)}px`,
+            height: `${Math.abs(q.value.y - U.value.y)}px`
           })
         }, [
-          ne.value.length > 0 ? (b(), S("span", {
+          ie.value.length > 0 ? (w(), E("span", {
             key: 0,
             class: p(l(n).dragCount)
-          }, D(ne.value.length), 3)) : H("", !0)
-        ], 6)) : H("", !0),
-        (b(!0), S(re, null, he(ne.value, (c, f) => (b(), S("div", {
-          key: `drag-highlight-${f}`,
+          }, D(ie.value.length), 3)) : P("", !0)
+        ], 6)) : P("", !0),
+        (w(!0), E(re, null, fe(ie.value, (u, r) => (w(), E("div", {
+          key: `drag-highlight-${r}`,
           class: p(l(n).selectedElementHighlight),
-          style: P({
-            left: `${c.rect.left}px`,
-            top: `${c.rect.top}px`,
-            width: `${c.rect.width}px`,
-            height: `${c.rect.height}px`
+          style: H({
+            left: `${u.rect.left}px`,
+            top: `${u.rect.top}px`,
+            width: `${u.rect.width}px`,
+            height: `${u.rect.height}px`
           })
         }, null, 6))), 128)),
-        w.value && I.value && I.value.rect && !g.value && !z.value && !_.value && !te.value ? (b(), S("div", {
+        b.value && B.value && B.value.rect && !g.value && !z.value && !M.value && !te.value ? (w(), E("div", {
           key: 1,
           class: p(l(n).hoverHighlight),
-          style: P({
-            left: `${I.value.rect.left}px`,
-            top: `${I.value.rect.top}px`,
-            width: `${I.value.rect.width}px`,
-            height: `${I.value.rect.height}px`,
-            borderColor: E.accentColor,
-            backgroundColor: Ct(E.accentColor, 0.1)
+          style: H({
+            left: `${B.value.rect.left}px`,
+            top: `${B.value.rect.top}px`,
+            width: `${B.value.rect.width}px`,
+            height: `${B.value.rect.height}px`,
+            borderColor: x.value.annotationColor,
+            backgroundColor: yt(x.value.annotationColor, 0.1)
           })
-        }, null, 6)) : H("", !0),
-        w.value && I.value && !g.value && !z.value && !_.value && !te.value ? (b(), S("div", {
+        }, null, 6)) : P("", !0),
+        b.value && B.value && !g.value && !z.value && !M.value && !te.value ? (w(), E("div", {
           key: 2,
           class: p([l(n).hoverTooltip, !C.value && l(n).light]),
-          style: P({
+          style: H({
             left: `${se.value.x}px`,
             top: `${se.value.y + 20}px`
           })
-        }, D(I.value.element), 7)) : H("", !0),
-        w.value && O.value ? (b(!0), S(re, { key: 3 }, he(L.value, (c, f) => (b(), S("div", {
-          key: c.id,
+        }, D(B.value.element), 7)) : P("", !0),
+        b.value && O.value ? (w(!0), E(re, { key: 3 }, fe(S.value, (u, r) => (w(), E("div", {
+          key: u.id,
           class: p([
             l(n).marker,
             !C.value && l(n).light,
-            _.value === c.id && l(n).hovered,
-            c.isMultiSelect && l(n).multiSelect
+            M.value === u.id && l(n).hovered,
+            u.isMultiSelect && l(n).multiSelect
           ]),
-          style: P({
-            left: `${c.x}%`,
-            top: c.isFixed ? `${c.y}px` : `${c.y - K.value}px`,
+          style: H({
+            left: `${u.x}%`,
+            top: u.isFixed ? `${u.y}px` : `${u.y - K.value}px`,
             position: "fixed",
-            backgroundColor: _.value === c.id ? void 0 : c.isMultiSelect ? "#10b981" : E.accentColor
+            backgroundColor: M.value === u.id ? void 0 : u.isMultiSelect ? "#10b981" : x.value.annotationColor
           }),
           "data-annotation-marker": "",
-          onMouseenter: (d) => _.value = c.id,
-          onMouseleave: s[4] || (s[4] = (d) => _.value = null),
-          onClick: (d) => jt(c, d),
-          onContextmenu: Q((d) => Ot(c, d), ["prevent"])
+          onMouseenter: (i) => M.value = u.id,
+          onMouseleave: s[4] || (s[4] = (i) => M.value = null),
+          onClick: (i) => Zt(u, i),
+          onContextmenu: Q((i) => jt(u, i), ["prevent"])
         }, [
-          _.value !== c.id ? (b(), S("span", {
+          M.value !== u.id ? (w(), E("span", {
             key: 0,
             class: p(l(n).markerNumber)
-          }, D(f + 1), 3)) : (b(), N(Z(l(Ee)), {
+          }, D(r + 1), 3)) : (w(), N(Z(l(Ee)), {
             key: 1,
             size: 12
           })),
-          _.value === c.id && !z.value ? (b(), S("div", {
+          M.value === u.id && !z.value ? (w(), E("div", {
             key: 2,
             class: p([l(n).markerTooltip, !C.value && l(n).light, l(n).enter]),
-            style: P(_t(c))
+            style: H(Lt(u))
           }, [
             v("span", {
               class: p(l(n).markerQuote)
             }, [
-              ce(D(c.element) + " ", 1),
-              c.selectedText ? (b(), S(re, { key: 0 }, [
-                ce(' "' + D(c.selectedText.slice(0, 30)) + D(c.selectedText.length > 30 ? "..." : "") + '" ', 1)
-              ], 64)) : H("", !0)
+              ce(D(u.element) + " ", 1),
+              u.selectedText ? (w(), E(re, { key: 0 }, [
+                ce(' "' + D(u.selectedText.slice(0, 30)) + D(u.selectedText.length > 30 ? "..." : "") + '" ', 1)
+              ], 64)) : P("", !0)
             ], 2),
             v("span", {
               class: p(l(n).markerNote)
-            }, D(c.comment), 3)
-          ], 6)) : H("", !0)
-        ], 46, un))), 128)) : H("", !0),
-        g.value && g.value.boundingBox ? (b(), S("div", {
+            }, D(u.comment), 3)
+          ], 6)) : P("", !0)
+        ], 46, pn))), 128)) : P("", !0),
+        g.value && g.value.boundingBox ? (w(), E("div", {
           key: 4,
           class: p(g.value.isMultiSelect ? l(n).multiSelectOutline : l(n).singleSelectOutline),
-          style: P({
+          style: H({
             left: `${g.value.boundingBox.x}px`,
             top: `${g.value.boundingBox.y - K.value}px`,
             width: `${g.value.boundingBox.width}px`,
             height: `${g.value.boundingBox.height}px`,
             ...g.value.isMultiSelect ? {} : {
-              borderColor: `${T.value.annotationColor}99`,
-              backgroundColor: `${T.value.annotationColor}0D`
+              borderColor: `${x.value.annotationColor}99`,
+              backgroundColor: `${x.value.annotationColor}0D`
             }
           })
-        }, null, 6)) : H("", !0),
-        g.value ? (b(), S("div", {
+        }, null, 6)) : P("", !0),
+        g.value ? (w(), E("div", {
           key: 5,
           class: p([l(n).marker, l(n).pending, g.value.isMultiSelect && l(n).multiSelect]),
-          style: P({
+          style: H({
             left: `${g.value.x}%`,
             top: `${g.value.clientY}px`,
-            backgroundColor: g.value.isMultiSelect ? "#34C759" : T.value.annotationColor
+            backgroundColor: g.value.isMultiSelect ? "#34C759" : x.value.annotationColor
           })
         }, [
-          (b(), N(Z(l(nt)), { size: 12 }))
-        ], 6)) : H("", !0),
-        g.value ? (b(), N(Ue, {
+          (w(), N(Z(l(st)), { size: 12 }))
+        ], 6)) : P("", !0),
+        g.value ? (w(), N(Ge, {
           key: 6,
           ref_key: "popupRef",
-          ref: Te,
+          ref: Ie,
           element: g.value.element,
           "selected-text": g.value.selectedText,
           "computed-styles": g.value.computedStylesObj,
-          "accent-color": g.value.isMultiSelect ? "#34C759" : E.accentColor,
+          "accent-color": g.value.isMultiSelect ? "#34C759" : x.value.annotationColor,
           "light-mode": !C.value,
-          "popup-style": mt.value,
+          "popup-style": gt.value,
           placeholder: g.value.element === "Empty area" ? "What should change in this area?" : g.value.isMultiSelect ? "Feedback for this group of elements..." : "What should change?",
           onSubmit: Ht,
-          onCancel: Pt
-        }, null, 8, ["element", "selected-text", "computed-styles", "accent-color", "light-mode", "popup-style", "placeholder"])) : H("", !0),
-        z.value && z.value.boundingBox ? (b(), S("div", {
+          onCancel: Dt
+        }, null, 8, ["element", "selected-text", "computed-styles", "accent-color", "light-mode", "popup-style", "placeholder"])) : P("", !0),
+        z.value && z.value.boundingBox ? (w(), E("div", {
           key: 7,
           class: p(z.value.isMultiSelect ? l(n).multiSelectOutline : l(n).singleSelectOutline),
-          style: P({
+          style: H({
             left: `${z.value.boundingBox.x}px`,
             top: `${z.value.boundingBox.y - K.value}px`,
             width: `${z.value.boundingBox.width}px`,
             height: `${z.value.boundingBox.height}px`,
             ...z.value.isMultiSelect ? {} : {
-              borderColor: `${T.value.annotationColor}99`,
-              backgroundColor: `${T.value.annotationColor}0D`
+              borderColor: `${x.value.annotationColor}99`,
+              backgroundColor: `${x.value.annotationColor}0D`
             }
           })
-        }, null, 6)) : H("", !0),
-        z.value ? (b(), N(Ue, {
+        }, null, 6)) : P("", !0),
+        z.value ? (w(), N(Ge, {
           key: 8,
           ref_key: "editPopupRef",
-          ref: Ae,
+          ref: Be,
           element: z.value.element,
           "selected-text": z.value.selectedText,
           "initial-value": z.value.comment,
           "computed-styles": (z.value.computedStyles, void 0),
-          "accent-color": z.value.isMultiSelect ? "#34C759" : E.accentColor,
+          "accent-color": z.value.isMultiSelect ? "#34C759" : x.value.annotationColor,
           "light-mode": !C.value,
           "submit-label": "Save",
-          "popup-style": gt.value,
-          onSubmit: Dt,
-          onCancel: Nt
-        }, null, 8, ["element", "selected-text", "initial-value", "computed-styles", "accent-color", "light-mode", "popup-style"])) : H("", !0)
+          "popup-style": vt.value,
+          onSubmit: Nt,
+          onCancel: Ot
+        }, null, 8, ["element", "selected-text", "initial-value", "computed-styles", "accent-color", "light-mode", "popup-style"])) : P("", !0)
       ]);
     };
   }
-}), hn = "_dragSelection_zeo7w_31", fn = "_dragCount_zeo7w_45", mn = "_selectedElementHighlight_zeo7w_56", gn = "_multiSelect_zeo7w_67", vn = "_pending_zeo7w_75", Cn = "_multiSelectOutline_zeo7w_83", yn = "_hoverHighlightIn_zeo7w_1", wn = "_singleSelectOutline_zeo7w_93", bn = "_toolbar_zeo7w_112", kn = "_toolbarContainer_zeo7w_124", xn = "_dragging_zeo7w_139", _n = "_entrance_zeo7w_143", zn = "_toolbarEnter_zeo7w_1", Ln = "_collapsed_zeo7w_146", Mn = "_expanded_zeo7w_162", En = "_light_zeo7w_168", Sn = "_toggleContent_zeo7w_177", $n = "_visible_zeo7w_184", Tn = "_hidden_zeo7w_189", An = "_controlsContent_zeo7w_194", Bn = "_badge_zeo7w_214", In = "_fadeOut_zeo7w_235", Hn = "_badgeEnter_zeo7w_1", Pn = "_controlButton_zeo7w_244", Dn = "_divider_zeo7w_293", Nn = "_hoverHighlight_zeo7w_303", On = "_hoverTooltip_zeo7w_311", jn = "_marker_zeo7w_332", Zn = "_markerIn_zeo7w_1", Rn = "_markerDelete_zeo7w_353", Vn = "_hovered_zeo7w_356", Yn = "_markerNumber_zeo7w_361", Fn = "_markerTooltip_zeo7w_386", Wn = "_enter_zeo7w_404", Xn = "_tooltipIn_zeo7w_1", Un = "_markerQuote_zeo7w_411", qn = "_markerNote_zeo7w_414", Gn = "_settingsPanel_zeo7w_452", Kn = "_exit_zeo7w_470", Qn = "_settingsHeader_zeo7w_481", Jn = "_settingsBrand_zeo7w_484", e1 = "_settingsBrandSlash_zeo7w_487", t1 = "_settingsVersion_zeo7w_490", o1 = "_settingsSection_zeo7w_493", n1 = "_themeToggle_zeo7w_526", l1 = "_settingsRow_zeo7w_558", s1 = "_settingsLabel_zeo7w_565", a1 = "_settingsLabelMarker_zeo7w_578", i1 = "_cycleButton_zeo7w_582", r1 = "_cycleButtonText_zeo7w_609", c1 = "_cycleTextIn_zeo7w_1", u1 = "_cycleDots_zeo7w_614", d1 = "_cycleDot_zeo7w_614", p1 = "_active_zeo7w_628", h1 = "_colorOptions_zeo7w_639", f1 = "_colorOptionRing_zeo7w_646", m1 = "_colorOption_zeo7w_639", g1 = "_selected_zeo7w_56", v1 = "_settingsToggle_zeo7w_671", C1 = "_customCheckbox_zeo7w_687", y1 = "_checked_zeo7w_705", w1 = "_toggleLabel_zeo7w_721", b1 = "_helpIcon_zeo7w_734", k1 = {
-  dragSelection: hn,
-  dragCount: fn,
-  selectedElementHighlight: mn,
-  multiSelect: gn,
-  pending: vn,
-  multiSelectOutline: Cn,
-  hoverHighlightIn: yn,
-  singleSelectOutline: wn,
-  toolbar: bn,
-  toolbarContainer: kn,
-  dragging: xn,
-  entrance: _n,
-  toolbarEnter: zn,
-  collapsed: Ln,
-  expanded: Mn,
-  light: En,
-  toggleContent: Sn,
-  visible: $n,
-  hidden: Tn,
+}), mn = "_dragSelection_zeo7w_31", gn = "_dragCount_zeo7w_45", vn = "_selectedElementHighlight_zeo7w_56", Cn = "_multiSelect_zeo7w_67", yn = "_pending_zeo7w_75", bn = "_multiSelectOutline_zeo7w_83", wn = "_hoverHighlightIn_zeo7w_1", kn = "_singleSelectOutline_zeo7w_93", xn = "_toolbar_zeo7w_112", _n = "_toolbarContainer_zeo7w_124", Ln = "_dragging_zeo7w_139", Mn = "_entrance_zeo7w_143", Sn = "_toolbarEnter_zeo7w_1", zn = "_collapsed_zeo7w_146", En = "_expanded_zeo7w_162", $n = "_light_zeo7w_168", Tn = "_toggleContent_zeo7w_177", In = "_visible_zeo7w_184", Bn = "_hidden_zeo7w_189", An = "_controlsContent_zeo7w_194", Pn = "_badge_zeo7w_214", Hn = "_fadeOut_zeo7w_235", Dn = "_badgeEnter_zeo7w_1", Nn = "_controlButton_zeo7w_244", On = "_divider_zeo7w_293", jn = "_hoverHighlight_zeo7w_303", Zn = "_hoverTooltip_zeo7w_311", Rn = "_marker_zeo7w_332", Vn = "_markerIn_zeo7w_1", Fn = "_markerDelete_zeo7w_353", Yn = "_hovered_zeo7w_356", Wn = "_markerNumber_zeo7w_361", Xn = "_markerTooltip_zeo7w_386", Un = "_enter_zeo7w_404", qn = "_tooltipIn_zeo7w_1", Gn = "_markerQuote_zeo7w_411", Kn = "_markerNote_zeo7w_414", Qn = "_settingsPanel_zeo7w_452", Jn = "_exit_zeo7w_470", e1 = "_settingsHeader_zeo7w_481", t1 = "_settingsBrand_zeo7w_484", o1 = "_settingsBrandSlash_zeo7w_487", n1 = "_settingsVersion_zeo7w_490", l1 = "_settingsSection_zeo7w_493", s1 = "_themeToggle_zeo7w_526", a1 = "_settingsRow_zeo7w_558", i1 = "_settingsLabel_zeo7w_565", r1 = "_settingsLabelMarker_zeo7w_578", c1 = "_cycleButton_zeo7w_582", u1 = "_cycleButtonText_zeo7w_609", d1 = "_cycleTextIn_zeo7w_1", p1 = "_cycleDots_zeo7w_614", h1 = "_cycleDot_zeo7w_614", f1 = "_active_zeo7w_628", m1 = "_colorOptions_zeo7w_639", g1 = "_colorOptionRing_zeo7w_646", v1 = "_colorOption_zeo7w_639", C1 = "_selected_zeo7w_56", y1 = "_settingsToggle_zeo7w_671", b1 = "_customCheckbox_zeo7w_687", w1 = "_checked_zeo7w_705", k1 = "_toggleLabel_zeo7w_721", x1 = "_helpIcon_zeo7w_734", _1 = {
+  dragSelection: mn,
+  dragCount: gn,
+  selectedElementHighlight: vn,
+  multiSelect: Cn,
+  pending: yn,
+  multiSelectOutline: bn,
+  hoverHighlightIn: wn,
+  singleSelectOutline: kn,
+  toolbar: xn,
+  toolbarContainer: _n,
+  dragging: Ln,
+  entrance: Mn,
+  toolbarEnter: Sn,
+  collapsed: zn,
+  expanded: En,
+  light: $n,
+  toggleContent: Tn,
+  visible: In,
+  hidden: Bn,
   controlsContent: An,
-  badge: Bn,
-  fadeOut: In,
-  badgeEnter: Hn,
-  controlButton: Pn,
-  divider: Dn,
-  hoverHighlight: Nn,
-  hoverTooltip: On,
-  marker: jn,
-  markerIn: Zn,
-  markerDelete: Rn,
-  hovered: Vn,
-  markerNumber: Yn,
-  markerTooltip: Fn,
-  enter: Wn,
-  tooltipIn: Xn,
-  markerQuote: Un,
-  markerNote: qn,
-  settingsPanel: Gn,
-  exit: Kn,
-  settingsHeader: Qn,
-  settingsBrand: Jn,
-  settingsBrandSlash: e1,
-  settingsVersion: t1,
-  settingsSection: o1,
-  themeToggle: n1,
-  settingsRow: l1,
-  settingsLabel: s1,
-  settingsLabelMarker: a1,
-  cycleButton: i1,
-  cycleButtonText: r1,
-  cycleTextIn: c1,
-  cycleDots: u1,
-  cycleDot: d1,
-  active: p1,
-  colorOptions: h1,
-  colorOptionRing: f1,
-  colorOption: m1,
-  selected: g1,
-  settingsToggle: v1,
-  customCheckbox: C1,
-  checked: y1,
-  toggleLabel: w1,
-  helpIcon: b1
-}, x1 = {
-  $style: k1
-}, S1 = /* @__PURE__ */ ot(pn, [["__cssModules", x1]]);
+  badge: Pn,
+  fadeOut: Hn,
+  badgeEnter: Dn,
+  controlButton: Nn,
+  divider: On,
+  hoverHighlight: jn,
+  hoverTooltip: Zn,
+  marker: Rn,
+  markerIn: Vn,
+  markerDelete: Fn,
+  hovered: Yn,
+  markerNumber: Wn,
+  markerTooltip: Xn,
+  enter: Un,
+  tooltipIn: qn,
+  markerQuote: Gn,
+  markerNote: Kn,
+  settingsPanel: Qn,
+  exit: Jn,
+  settingsHeader: e1,
+  settingsBrand: t1,
+  settingsBrandSlash: o1,
+  settingsVersion: n1,
+  settingsSection: l1,
+  themeToggle: s1,
+  settingsRow: a1,
+  settingsLabel: i1,
+  settingsLabelMarker: r1,
+  cycleButton: c1,
+  cycleButtonText: u1,
+  cycleTextIn: d1,
+  cycleDots: p1,
+  cycleDot: h1,
+  active: f1,
+  colorOptions: m1,
+  colorOptionRing: g1,
+  colorOption: v1,
+  selected: C1,
+  settingsToggle: y1,
+  customCheckbox: b1,
+  checked: w1,
+  toggleLabel: k1,
+  helpIcon: x1
+}, L1 = {
+  $style: _1
+}, T1 = /* @__PURE__ */ lt(fn, [["__cssModules", L1]]);
 export {
-  S1 as Agentation,
-  S1 as AgentationVue,
-  No as AnimatedBunny,
-  Ue as AnnotationPopup,
+  T1 as Agentation,
+  T1 as AgentationVue,
+  Oo as AnimatedBunny,
+  Ge as AnnotationPopup,
   Ho as IconChatEllipsis,
-  xo as IconCheck,
-  _o as IconCheckSmall,
-  Me as IconCheckSmallAnimated,
-  Po as IconCheckmark,
-  To as IconCheckmarkCircle,
-  Do as IconCheckmarkLarge,
-  ko as IconClose,
-  zo as IconCopyAlt,
-  at as IconCopyAnimated,
-  Lo as IconEye,
-  Mo as IconEyeAlt,
-  it as IconEyeAnimated,
+  _o as IconCheck,
+  Lo as IconCheckSmall,
+  ze as IconCheckSmallAnimated,
+  Do as IconCheckmark,
+  Io as IconCheckmarkCircle,
+  No as IconCheckmarkLarge,
+  xo as IconClose,
+  Mo as IconCopyAlt,
+  rt as IconCopyAnimated,
+  So as IconEye,
+  zo as IconEyeAlt,
+  ct as IconEyeAnimated,
   Eo as IconEyeClosed,
-  Bo as IconEyeMinus,
-  ct as IconGear,
-  st as IconHelp,
-  lt as IconListSparkle,
-  pt as IconMoon,
-  So as IconPause,
-  Io as IconPauseAlt,
-  rt as IconPausePlayAnimated,
-  $o as IconPlayAlt,
-  nt as IconPlus,
-  dt as IconSun,
-  ut as IconTrashAlt,
-  Ao as IconXmark,
+  Ao as IconEyeMinus,
+  dt as IconGear,
+  it as IconHelp,
+  at as IconListSparkle,
+  ft as IconMoon,
+  $o as IconPause,
+  Po as IconPauseAlt,
+  ut as IconPausePlayAnimated,
+  To as IconPlayAlt,
+  st as IconPlus,
+  ht as IconSun,
+  pt as IconTrashAlt,
+  Bo as IconXmark,
   Ee as IconXmarkLarge,
-  E1 as clearAnnotations,
-  Go as getAccessibilityInfo,
-  L1 as getComputedStylesSnapshot,
-  Xo as getDetailedComputedStyles,
-  Ro as getElementClasses,
-  Oo as getElementPath,
-  qo as getForensicComputedStyles,
-  Ko as getFullElementPath,
-  Zo as getNearbyElements,
-  jo as getNearbyText,
-  ge as getStorageKey,
-  z1 as identifyAnimationElement,
-  fe as identifyElement,
-  en as loadAnnotations,
-  M1 as parseComputedStylesString,
-  tn as saveAnnotations
+  $1 as clearAnnotations,
+  Ko as getAccessibilityInfo,
+  z1 as getComputedStylesSnapshot,
+  Uo as getDetailedComputedStyles,
+  Vo as getElementClasses,
+  jo as getElementPath,
+  Go as getForensicComputedStyles,
+  Qo as getFullElementPath,
+  Ro as getNearbyElements,
+  Zo as getNearbyText,
+  ue as getStorageKey,
+  S1 as identifyAnimationElement,
+  me as identifyElement,
+  tn as loadAnnotations,
+  E1 as parseComputedStylesString,
+  on as saveAnnotations
 };