npm - agentation-vue3 - Versions diffs - 1.0.1 → 1.0.2 - Mend

agentation-vue3 1.0.1 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/index.mjs CHANGED Viewed

@@ -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 et, useCssModule as tt, ref as _, computed as ge, onMounted as ot, watch as oe, openBlock as w, createElementBlock as E, withModifiers as Q, normalizeStyle as H, normalizeClass as h, createElementVNode as v, unref as s, toDisplayString as D, createCommentVNode as P, Fragment as re, renderList as fe, createTextVNode as ce, withDirectives as Me, vModelText as Zt, nextTick as Rt, h as a, onUnmounted as Vt, createBlock as N, Teleport as Ft, resolveDynamicComponent as Z, vModelCheckbox as Ue } from "vue";
+const Yt = ["placeholder"], Wt = ["disabled"], Xt = /* @__PURE__ */ et({
   __name: "AnnotationPopup",
   props: {
     element: {},
@@ -15,68 +15,68 @@ 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: r }) {
+    const d = tt(), f = o, n = r, y = _(f.initialValue), $ = _(!1), k = _("initial"), T = _(!1), I = _(!1), m = _(null), b = _(null), z = ge(() => f.computedStyles && Object.keys(f.computedStyles).length > 0), O = ge(() => [
+      d.popup,
+      f.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 = () => {
+    }, le = () => {
       k.value = "exit", setTimeout(() => {
         n("cancel");
       }, 150);
     }, g = () => {
       y.value.trim() && n("submit", y.value.trim());
-    }, z = (_) => {
+    }, S = (M) => {
       var C;
-      _.isComposing || (C = _.nativeEvent) != null && C.isComposing || (_.key === "Enter" && !_.shiftKey && (_.preventDefault(), g()), _.key === "Escape" && se());
-    }, ae = () => {
-      const _ = B.value;
-      B.value = !B.value, _ && Rt(() => {
+      M.isComposing || (C = M.nativeEvent) != null && C.isComposing || (M.key === "Enter" && !M.shiftKey && (M.preventDefault(), g()), M.key === "Escape" && le());
+    }, se = () => {
+      const M = I.value;
+      I.value = !I.value, M && Rt(() => {
         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 ot(() => {
       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(() => f.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,
-      class: p(O.value),
+      ref: b,
+      class: h(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: h(s(d).header)
       }, [
-        L.value ? (b(), S("button", {
+        z.value ? (w(), E("button", {
           key: 0,
-          class: p(l(r).headerToggle),
+          class: h(s(d).headerToggle),
           type: "button",
-          onClick: ae
+          onClick: se
         }, [
-          (b(), S("svg", {
-            class: p([l(r).chevron, B.value && l(r).expanded]),
+          (w(), E("svg", {
+            class: h([s(d).chevron, I.value && s(d).expanded]),
             width: "14",
             height: "14",
             viewBox: "0 0 14 14",
@@ -92,81 +92,81 @@ 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: h(s(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: h(s(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: h(s(d).timestamp)
+        }, D(o.timestamp), 3)) : P("", !0)
       ], 2),
-      L.value ? (b(), S("div", {
+      z.value ? (w(), E("div", {
         key: 0,
-        class: p([l(r).stylesWrapper, B.value && l(r).expanded])
+        class: h([s(d).stylesWrapper, I.value && s(d).expanded])
       }, [
         v("div", {
-          class: p(l(r).stylesInner)
+          class: h(s(d).stylesInner)
         }, [
           v("div", {
-            class: p(l(r).stylesBlock)
+            class: h(s(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: h(s(d).styleLine)
             }, [
               v("span", {
-                class: p(l(r).styleProperty)
+                class: h(s(d).styleProperty)
               }, D(ve(String(K))), 3),
               C[5] || (C[5] = ce(" : ", -1)),
               v("span", {
-                class: p(l(r).styleValue)
-              }, D(X), 3),
+                class: h(s(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: h(s(d).quote)
+      }, " “" + D(o.selectedText.slice(0, 80)) + D(o.selectedText.length > 80 ? "..." : "") + "” ", 3)) : P("", !0),
+      Me(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: h(s(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),
-        onKeydown: z
-      }, null, 46, Ft), [
+        onFocus: C[1] || (C[1] = (W) => T.value = !0),
+        onBlur: C[2] || (C[2] = (W) => T.value = !1),
+        onKeydown: S
+      }, null, 46, Yt), [
         [Zt, y.value]
       ]),
       v("div", {
-        class: p(l(r).actions)
+        class: h(s(d).actions)
       }, [
         v("button", {
-          class: p(l(r).cancel),
-          onClick: se
+          class: h(s(d).cancel),
+          onClick: le
         }, " Cancel ", 2),
         v("button", {
-          class: p(l(r).submit),
-          style: P({
-            backgroundColor: t.accentColor,
+          class: h(s(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, Wt)
       ], 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 = {
+}), 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", bo = {
   popup: Ut,
   enter: qt,
   popupEnter: Gt,
@@ -192,15 +192,15 @@ const Ft = ["placeholder"], Wt = ["disabled"], Xt = /* @__PURE__ */ Je({
   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 = {
-  $style: wo
-}, Ue = /* @__PURE__ */ ot(Xt, [["__cssModules", bo]]), ko = (t) => {
-  const e = t.size ?? 16;
+}, nt = (o, e) => {
+  const r = o.__vccOpts || o;
+  for (const [d, f] of e)
+    r[d] = f;
+  return r;
+}, wo = {
+  $style: bo
+}, qe = /* @__PURE__ */ nt(Xt, [["__cssModules", wo]]), ko = (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",
@@ -211,8 +211,8 @@ const Ft = ["placeholder"], Wt = ["disabled"], Xt = /* @__PURE__ */ Je({
   ]);
 };
 ko.props = ["size"];
-const nt = (t) => {
-  const e = t.size ?? 16;
+const lt = (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;
+lt.props = ["size"];
+const xo = (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",
@@ -236,8 +236,8 @@ const xo = (t) => {
   ]);
 };
 xo.props = ["size"];
-const _o = (t) => {
-  const e = t.size ?? 14;
+const _o = (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",
@@ -249,9 +249,9 @@ 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 }, [
+const st = (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;
+st.props = ["size", "style"];
+const at = (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;
+at.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 Lo = (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;
+Lo.props = ["size"];
+const it = (o) => {
+  const e = o.size ?? 24, r = 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: r ? 0 : 1, transform: r ? "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: r ? 1 : 0, transform: r ? "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;
+it.props = ["size", "copied"];
+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.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;
+Mo.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 So = (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;
+So.props = ["size"];
+const rt = (o) => {
+  const e = o.size ?? 24, r = 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: r ? 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: r ? 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;
+rt.props = ["size", "isOpen"];
+const ct = (o) => {
+  const e = o.size ?? 24, r = 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: r ? 0 : 1 } }),
+    a("path", { class: "pause-bar", d: "M16 18L16 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", style: { opacity: r ? 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: r ? 1 : 0 } })
   ]);
 };
-rt.props = ["size", "isPaused"];
-const ct = (t) => {
-  const e = t.size ?? 16;
+ct.props = ["size", "isPaused"];
+const ut = (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;
+ut.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: "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;
+Eo.props = ["size"];
+const $o = (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;
+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: "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;
+dt.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("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,65 +430,65 @@ 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;
+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("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;
+ht.props = ["size"];
+const To = (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;
+const Io = (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;
+Io.props = ["size"];
+const Se = (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;
+Se.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: "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;
+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: "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 }, [
+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", 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" }),
     a("circle", { cx: "9", cy: "11.75", r: "1", fill: "currentColor" })
   ]);
 };
-Ho.props = ["size", "style"];
-const Po = (t) => {
-  const e = t.size ?? 16;
+Po.props = ["size", "style"];
+const Ho = (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;
+Ho.props = ["size"];
+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_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" })
@@ -515,8 +515,8 @@ const Do = (t) => {
   ]);
 };
 Do.props = ["size"];
-const No = (t) => {
-  const e = t.size ?? 20, i = t.color ?? "#4C74FF";
+const No = (o) => {
+  const e = o.size ?? 20, r = 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: r }),
+    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: r }),
+    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: r }),
+    a("circle", { class: "bunny-eye-left", cx: "8.277", cy: "20.466", r: "1.8", fill: r }),
+    a("circle", { class: "bunny-eye-right", cx: "19.878", cy: "20.466", r: "1.8", fill: r }),
+    a("text", { class: "bunny-happy-face", x: "14", y: "26", "text-anchor": "middle", "font-size": "12", "font-weight": "bold", fill: r, "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();
+function Oo(o, e = 4) {
+  const r = [];
+  let d = o, f = 0;
+  for (; d && f < 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++;
+    r.unshift(y), d = d.parentElement, f++;
   }
-  return i.join(" > ");
+  return r.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, f, n, y, $, k, T, I;
+  const e = Oo(o);
+  if (o.dataset.element)
+    return { name: o.dataset.element, path: e };
+  const r = o.tagName.toLowerCase();
+  if (["path", "circle", "rect", "line", "g"].includes(r)) {
+    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 (r === "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 (r === "button") {
+    const m = (f = o.textContent) == null ? void 0 : f.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 (r === "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 (r === "input") {
+    const m = o.getAttribute("type") || "text", b = o.getAttribute("placeholder"), z = o.getAttribute("name");
+    return b ? { name: `input "${b}"`, path: e } : z ? { name: `input [${z}]`, 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(r)) {
+    const m = (y = o.textContent) == null ? void 0 : y.trim();
+    return { name: m ? `${r} "${m.slice(0, 35)}"` : r, path: e };
   }
-  if (i === "p") {
-    const m = ($ = t.textContent) == null ? void 0 : $.trim();
+  if (r === "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 (r === "span" || r === "label") {
+    const m = (k = o.textContent) == null ? void 0 : k.trim();
+    return m && m.length < 40 ? { name: `"${m}"`, path: e } : { name: r, path: e };
   }
-  if (i === "li") {
-    const m = (E = t.textContent) == null ? void 0 : E.trim();
+  if (r === "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 (r === "blockquote") return { name: "blockquote", path: e };
+  if (r === "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 (r === "pre") return { name: "code block", path: e };
+  if (r === "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 (r === "video") return { name: "video", path: e };
+  if (["div", "section", "article", "nav", "header", "footer", "aside", "main"].includes(r)) {
+    const m = o.className, b = o.getAttribute("role"), z = o.getAttribute("aria-label");
+    if (z) return { name: `${r} [${z}]`, 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: r === "div" ? "container" : r, path: e };
   }
-  return { name: i, path: e };
+  return { name: r, path: e };
 }
-function jo(t) {
+function jo(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 = [], r = (n = o.textContent) == null ? void 0 : n.trim();
+  r && r.length < 100 && e.push(r);
+  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;
-  if (h) {
-    const k = ($ = h.textContent) == null ? void 0 : $.trim();
+  const f = o.nextElementSibling;
+  if (f) {
+    const k = ($ = f.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 M1(o) {
+  var r, 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,19 +665,19 @@ 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();
-    return h ? `button "${h}"` : "button";
+    const f = (r = o.textContent) == null ? void 0 : r.trim();
+    return f ? `button "${f}"` : "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();
-    return h && h.length < 30 ? `"${h}"` : "text";
+    const f = (d = o.textContent) == null ? void 0 : d.trim();
+    return f && f.length < 30 ? `"${f}"` : "text";
   }
   if (e === "div") {
-    const h = t.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);
+    const f = o.className;
+    if (typeof f == "string" && f) {
+      const n = f.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)
         return n.join(" ");
     }
@@ -685,56 +685,56 @@ function z1(t) {
   }
   return e;
 }
-function Zo(t) {
-  const e = t.parentElement;
+function Zo(o) {
+  const e = o.parentElement;
   if (!e) return "";
-  const i = Array.from(e.children).filter(
-    (k) => k !== t && k instanceof HTMLElement
+  const r = 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 (r.length === 0) return "";
+  const d = r.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 z = I.split(/\s+/).map((O) => O.replace(/[_][a-zA-Z0-9]{5,}.*$/, "")).find((O) => O.length > 2 && !/^[a-z]{1,2}$/.test(O));
+      z && (m = `.${z}`);
     }
-    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 z = (b = k.textContent) == null ? void 0 : b.trim().slice(0, 15);
+      if (z) return `${T}${m} "${z}"`;
     }
-    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 Ro(o) {
+  const e = o.className;
+  return typeof e != "string" || !e ? "" : e.split(/\s+/).filter((d) => d.length > 0).map((d) => {
+    const f = d.match(/^([a-zA-Z][a-zA-Z0-9_-]*?)(?:_[a-zA-Z0-9]{5,})?$/);
+    return f ? f[1] : d;
+  }).filter((d, f, n) => n.indexOf(d) === f).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), r = [], d = e.color, f = e.backgroundColor;
+  d && d !== "rgb(0, 0, 0)" && r.push(`color: ${d}`), f && f !== "rgba(0, 0, 0, 0)" && f !== "transparent" && r.push(`bg: ${f}`);
   const n = e.fontSize, y = e.fontWeight;
-  n && i.push(`font: ${n}`), y && y !== "400" && y !== "normal" && i.push(`weight: ${y}`);
+  n && r.push(`font: ${n}`), y && y !== "400" && y !== "normal" && r.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" && r.push(`padding: ${$}`), k && k !== "0px" && r.push(`margin: ${k}`);
+  const T = e.display, I = e.position;
+  T && T !== "block" && T !== "inline" && r.push(`display: ${T}`), I && I !== "static" && r.push(`position: ${I}`);
   const m = e.borderRadius;
-  return m && m !== "0px" && i.push(`radius: ${m}`), i.join(", ");
+  return m && m !== "0px" && r.push(`radius: ${m}`), r.join(", ");
 }
-const ht = /* @__PURE__ */ new Set([
+const ft = /* @__PURE__ */ new Set([
   "none",
   "normal",
   "auto",
@@ -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([
+]), Fo = /* @__PURE__ */ new Set(["input", "textarea", "select"]), Yo = /* @__PURE__ */ new Set(["img", "video", "canvas", "svg"]), Wo = /* @__PURE__ */ new Set([
   "div",
   "section",
   "article",
@@ -786,16 +786,16 @@ const ht = /* @__PURE__ */ new Set([
   "form",
   "fieldset"
 ]);
-function Xo(t) {
+function Xo(o) {
   if (typeof window > "u") return {};
-  const e = window.getComputedStyle(t), i = {}, r = t.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"];
-  for (const n of h) {
+  const e = window.getComputedStyle(o), r = {}, d = o.tagName.toLowerCase();
+  let f;
+  Vo.has(d) ? f = ["color", "fontSize", "fontWeight", "fontFamily", "lineHeight"] : d === "button" || d === "a" && o.getAttribute("role") === "button" ? f = ["backgroundColor", "color", "padding", "borderRadius", "fontSize"] : Fo.has(d) ? f = ["backgroundColor", "color", "padding", "borderRadius", "fontSize"] : Yo.has(d) ? f = ["width", "height", "objectFit", "borderRadius"] : Wo.has(d) ? f = ["display", "padding", "margin", "gap", "backgroundColor"] : f = ["color", "fontSize", "margin", "padding", "backgroundColor"];
+  for (const n of f) {
     const y = n.replace(/([A-Z])/g, "-$1").toLowerCase(), $ = e.getPropertyValue(y);
-    $ && !ht.has($) && (i[n] = $);
+    $ && !ft.has($) && (r[n] = $);
   }
-  return i;
+  return r;
 }
 const Uo = [
   // Colors
@@ -836,77 +836,77 @@ const Uo = [
   // Transform
   "transform"
 ];
-function qo(t) {
+function qo(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), r = [];
+  for (const d of Uo) {
+    const f = d.replace(/([A-Z])/g, "-$1").toLowerCase(), n = e.getPropertyValue(f);
+    n && !ft.has(n) && r.push(`${f}: ${n}`);
   }
-  return i.join("; ");
+  return r.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(":");
-    if (h > 0) {
-      const n = r.slice(0, h).trim(), y = r.slice(h + 1).trim();
+function S1(o) {
+  if (!o) return;
+  const e = {}, r = o.split(";").map((d) => d.trim()).filter(Boolean);
+  for (const d of r) {
+    const f = d.indexOf(":");
+    if (f > 0) {
+      const n = d.slice(0, f).trim(), y = d.slice(f + 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 Go(o) {
+  const e = [], r = o.getAttribute("role"), d = o.getAttribute("aria-label"), f = o.getAttribute("aria-describedby"), n = o.getAttribute("tabindex"), y = o.getAttribute("aria-hidden");
+  return r && e.push(`role="${r}"`), d && e.push(`aria-label="${d}"`), f && e.push(`aria-describedby="${f}"`), 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 Ko(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 r = o;
+  for (; r && r.tagName.toLowerCase() !== "html"; ) {
+    const d = r.tagName.toLowerCase();
+    let f = d;
+    if (r.id)
+      f = `${d}#${r.id}`;
+    else if (r.className && typeof r.className == "string") {
+      const n = r.className.split(/\s+/).map((y) => y.replace(/[_][a-zA-Z0-9]{5,}.*$/, "")).find((y) => y.length > 2);
+      n && (f = `${d}.${n}`);
     }
-    e.unshift(h), i = i.parentElement;
+    e.unshift(f), r = r.parentElement;
   }
   return e.join(" > ");
 }
 const Qo = "feedback-annotations-", Jo = 7;
-function ge(t) {
-  return `${Qo}${t}`;
+function ue(o) {
+  return `${Qo}${o}`;
 }
-function en(t) {
+function en(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 r = JSON.parse(e), d = Date.now() - Jo * 24 * 60 * 60 * 1e3;
+    return r.filter((f) => !f.timestamp || f.timestamp > d);
   } catch {
     return [];
   }
 }
-function tn(t, e) {
+function tn(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 E1(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 on = "1.0.2", nn = ["data-active"], ln = ["disabled"], sn = ["disabled", "data-active"], an = ["disabled"], rn = ["title"], cn = ["onClick"], un = ["title"], dn = ["onMouseenter", "onClick", "onContextmenu"], Ge = 5, pn = 50, Ke = 20, Qe = 290, be = 280, we = 20, Je = 5, hn = /* @__PURE__ */ et({
   __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 r = !1;
+    const d = /* @__PURE__ */ new Set([
       "P",
       "SPAN",
       "H1",
@@ -958,7 +958,7 @@ const on = ["data-active"], nn = ["disabled"], ln = ["disabled", "data-active"],
       "SMALL",
       "SUB",
       "SUP"
-    ]), h = [
+    ]), f = [
       "BUTTON",
       "A",
       "INPUT",
@@ -974,7 +974,7 @@ const on = ["data-active"], nn = ["disabled"], ln = ["disabled", "data-active"],
       "LABEL",
       "TD",
       "TH"
-    ], n = et(), y = [
+    ], n = tt(), y = [
       { value: "compact", label: "Compact" },
       { value: "standard", label: "Standard" },
       { value: "detailed", label: "Detailed" },
@@ -989,254 +989,288 @@ 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([]);
+      blockInteractions: !1
+    }, T = o, I = e, m = _(!1), b = _(!1), z = _([]), O = _(!0), B = _(null), le = _({ x: 0, y: 0 }), g = _(null), S = _(null), se = _(!1), ve = _(!1), M = _(null), C = _(!0), W = _(!1), K = _(0), de = _(!1), ke = _(!1), x = _({ ...k }), J = _(!1), j = _(null), ne = _(!1), ee = _(null), Ee = _(0);
+    let X = !1;
+    const te = _(!1), U = _(null), q = _(null), ae = _([]);
     let Ce = !1, $e = 0;
-    const de = x(null);
+    const pe = _(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(() => {
+    const Te = _(null), Ie = _(null), ie = typeof window < "u" ? window.location.pathname : "/", ye = ge(() => z.value.length > 0), mt = 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, p = g.value.x / 100 * (typeof window < "u" ? window.innerWidth : 1e3), c = Math.max(
+        be / 2 + we,
         Math.min(
-          (typeof window < "u" ? window.innerWidth : 1e3) - we / 2 - be,
-          u
+          (typeof window < "u" ? window.innerWidth : 1e3) - be / 2 - we,
+          p
         )
-      ), f = typeof window < "u" ? window.innerHeight : 800;
-      return o > f - Ke ? {
+      ), u = typeof window < "u" ? window.innerHeight : 800;
+      return t > u - Qe ? {
         left: `${c}px`,
-        bottom: `${f - o + 20}px`
+        bottom: `${u - t + 20}px`
       } : {
         left: `${c}px`,
-        top: `${o + 20}px`
+        top: `${t + 20}px`
       };
-    }), gt = me(() => {
-      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,
+    }), gt = ge(() => {
+      if (!S.value) return { left: "0px", top: "0px" };
+      const t = S.value, l = t.isFixed ? t.y : t.y - K.value, c = t.x / 100 * (typeof window < "u" ? window.innerWidth : 1e3), u = Math.max(
+        be / 2 + we,
         Math.min(
-          (typeof window < "u" ? window.innerWidth : 1e3) - we / 2 - be,
+          (typeof window < "u" ? window.innerWidth : 1e3) - be / 2 - we,
           c
         )
-      ), 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 l > i - Qe ? {
+        left: `${u}px`,
+        bottom: `${i - l + 20}px`
       } : {
-        left: `${f}px`,
-        top: `${s + 20}px`
+        left: `${u}px`,
+        top: `${l + 20}px`
       };
     });
-    function vt(o) {
-      let s = o;
-      for (; s && s !== document.body; ) {
-        const u = window.getComputedStyle(s);
-        if (u.position === "fixed" || u.position === "sticky")
+    function vt(t) {
+      let l = t;
+      for (; l && l !== document.body; ) {
+        const p = window.getComputedStyle(l);
+        if (p.position === "fixed" || p.position === "sticky")
           return !0;
-        s = s.parentElement;
+        l = l.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 Ct(t, l) {
+      const p = parseInt(t.slice(1, 3), 16), c = parseInt(t.slice(3, 5), 16), u = parseInt(t.slice(5, 7), 16);
+      return `rgba(${p}, ${c}, ${u}, ${l})`;
     }
-    function Be(o, s) {
+    function Be(t, l) {
       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, l.x),
+        top: Math.min(t.y, l.y),
+        right: Math.max(t.x, l.x),
+        bottom: Math.max(t.y, l.y),
+        width: Math.abs(l.x - t.x),
+        height: Math.abs(l.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 yt(t, l) {
+      return !(t.right < l.left || t.left > l.right || t.bottom < l.top || t.top > l.bottom);
     }
-    function wt(o) {
-      const s = window.innerWidth, u = window.innerHeight;
-      return o.width > s * 0.8 && o.height > u * 0.5;
+    function bt(t) {
+      const l = window.innerWidth, p = window.innerHeight;
+      return t.width > l * 0.8 && t.height > p * 0.5;
     }
-    function bt(o) {
-      return o.filter((s) => !o.some((u) => u !== s && u.contains(s)));
+    function wt(t) {
+      return t.filter((l) => !t.some((p) => p !== l && p.contains(l)));
     }
-    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 Ae(t) {
+      const l = [], p = f.map((i) => i.toLowerCase()).join(",");
+      document.querySelectorAll(p).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" || bt(L) || yt(L, t) && l.push({ element: i, rect: L });
       });
-      const f = bt(s.map((d) => d.element));
-      return s.filter((d) => f.includes(d.element));
+      const u = wt(l.map((i) => i.element));
+      return l.filter((i) => u.includes(i.element));
     }
-    function kt(o) {
-      if (o.length === 0) return "Empty area";
-      if (o.length === 1) {
-        const { name: c } = fe(o[0]);
+    function kt(t) {
+      if (t.length === 0) return "Empty area";
+      if (t.length === 1) {
+        const { name: c } = me(t[0]);
         return c;
       }
-      const s = {};
-      o.forEach((c) => {
-        const f = c.tagName.toLowerCase();
-        s[f] = (s[f] || 0) + 1;
+      const l = {};
+      t.forEach((c) => {
+        const u = c.tagName.toLowerCase();
+        l[u] = (l[u] || 0) + 1;
       });
-      const u = Object.entries(s).map(([c, f]) => f > 1 ? `${f} ${c}s` : c);
-      return `${o.length} elements: ${u.join(", ")}`;
+      const p = Object.entries(l).map(([c, u]) => u > 1 ? `${u} ${c}s` : c);
+      return `${t.length} elements: ${p.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 xt(t) {
+      if (t.length === 0) return { x: 0, y: 0, width: 0, height: 0 };
+      const l = Math.min(...t.map((i) => i.left)), p = Math.min(...t.map((i) => i.top)), c = Math.max(...t.map((i) => i.right)), u = Math.max(...t.map((i) => i.bottom));
       return {
-        x: s,
-        y: u + window.scrollY,
-        width: c - s,
-        height: f - u
+        x: l,
+        y: p + window.scrollY,
+        width: c - l,
+        height: u - p
       };
     }
-    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 _t(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 "";
+    function Lt(t, l, p = "standard") {
+      if (t.length === 0) return "";
       const c = typeof window < "u" ? `${window.innerWidth}×${window.innerHeight}` : "unknown";
-      let f = `## Page Feedback: ${s}
+      let u = `## Page Feedback: ${l}
 `;
-      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 p === "forensic" ? (u += `
+**Environment:**
+`, u += `- Viewport: ${c}
+`, typeof window < "u" && (u += `- URL: ${window.location.href}
+`, u += `- User Agent: ${navigator.userAgent}
+`, u += `- Timestamp: ${(/* @__PURE__ */ new Date()).toISOString()}
+`, u += `- Device Pixel Ratio: ${window.devicePixelRatio}
+`), u += `
+---
+`) : p !== "compact" && (u += `**Viewport:** ${c}
+`), u += `
+`, t.forEach((i, L) => {
+        p === "compact" ? (u += `${L + 1}. **${i.element}**: ${i.comment}`, i.selectedText && (u += ` (re: "${i.selectedText.slice(0, 30)}${i.selectedText.length > 30 ? "..." : ""}")`), u += `
+`) : p === "forensic" ? (u += `### ${L + 1}. ${i.element}
+`, i.isMultiSelect && i.fullPath && (u += `*Forensic data shown for first element of selection*
+`), i.fullPath && (u += `**Full DOM Path:** ${i.fullPath}
+`), i.cssClasses && (u += `**CSS Classes:** ${i.cssClasses}
+`), i.boundingBox && (u += `**Position:** x:${Math.round(i.boundingBox.x)}, y:${Math.round(i.boundingBox.y)} (${Math.round(i.boundingBox.width)}×${Math.round(i.boundingBox.height)}px)
+`), u += `**Annotation at:** ${i.x.toFixed(1)}% from left, ${Math.round(i.y)}px from top
+`, i.selectedText && (u += `**Selected text:** "${i.selectedText}"
+`), i.nearbyText && !i.selectedText && (u += `**Context:** ${i.nearbyText.slice(0, 100)}
+`), i.computedStyles && (u += `**Computed Styles:** ${i.computedStyles}
+`), i.accessibility && (u += `**Accessibility:** ${i.accessibility}
+`), i.nearbyElements && (u += `**Nearby Elements:** ${i.nearbyElements}
+`), u += `**Feedback:** ${i.comment}
+`) : (u += `### ${L + 1}. ${i.element}
+`, u += `**Location:** ${i.elementPath}
+`, p === "detailed" && (i.cssClasses && (u += `**Classes:** ${i.cssClasses}
+`), i.boundingBox && (u += `**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 && (u += `**Selected text:** "${i.selectedText}"
+`), p === "detailed" && i.nearbyText && !i.selectedText && (u += `**Context:** ${i.nearbyText.slice(0, 100)}
+`), u += `**Feedback:** ${i.comment}
 `);
-      }), f.trim();
+      }), u.trim();
     }
-    const He = () => {
-      U || (w.value = !w.value);
-    }, Lt = () => {
-      U || (O.value = !O.value);
+    const Pe = () => {
+      X || (b.value = !b.value);
     }, Mt = () => {
-      U || (C.value = !C.value, localStorage.setItem("feedback-toolbar-theme", C.value ? "dark" : "light"));
-    }, Et = () => {
-      U || (ue.value = !ue.value);
+      X || (O.value = !O.value);
+    }, zt = () => {
+      X || (C.value = !C.value, localStorage.setItem("feedback-toolbar-theme", C.value ? "dark" : "light"));
     }, St = () => {
-      const s = (y.findIndex(
-        (u) => u.value === T.value.outputDetail
+      X || (de.value = !de.value);
+    }, Et = () => {
+      const l = (y.findIndex(
+        (p) => p.value === x.value.outputDetail
       ) + 1) % y.length;
-      T.value.outputDetail = y[s].value;
-    }, $t = (o) => {
-      T.value.annotationColor = o;
-    }, Pe = () => {
+      x.value.outputDetail = y[l].value;
+    }, $t = (t) => {
+      x.value.annotationColor = t;
+    }, He = () => {
       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) => {
-        s.paused || (s.dataset.wasPaused = "false", s.pause());
+  `, document.head.appendChild(t), document.querySelectorAll("video").forEach((l) => {
+        l.paused || (l.dataset.wasPaused = "false", l.pause());
       }), J.value = !0;
     }, _e = () => {
       if (!J.value) return;
-      const o = document.getElementById("feedback-freeze-styles");
-      o && o.remove(), document.querySelectorAll("video").forEach((s) => {
-        s.dataset.wasPaused === "false" && (s.play(), delete s.dataset.wasPaused);
+      const t = document.getElementById("feedback-freeze-styles");
+      t && t.remove(), document.querySelectorAll("video").forEach((l) => {
+        l.dataset.wasPaused === "false" && (l.play(), delete l.dataset.wasPaused);
       }), J.value = !1;
     }, Tt = () => {
-      U || (J.value ? _e() : Pe());
-    }, At = (o) => {
-      if (o.target.closest("[data-settings-panel]"))
+      X || (J.value ? (_e(), x.value.blockInteractions = !1) : (He(), x.value.blockInteractions = !0));
+    }, It = (t) => {
+      if (t.target.closest("[data-settings-panel]"))
         return;
-      const s = o.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 l = t.currentTarget;
+      if (!l) return;
+      const p = l.getBoundingClientRect(), c = 257, u = 44;
+      let i, L;
+      j.value ? (i = j.value.x, L = j.value.y) : (b.value ? i = p.left : i = p.left - (c - u), L = p.top);
       const A = (Math.random() - 0.5) * 10;
-      Se.value = A, ee.value = {
-        x: o.clientX,
-        y: o.clientY,
-        toolbarX: d,
-        toolbarY: M
+      Ee.value = A, ee.value = {
+        x: t.clientX,
+        y: t.clientY,
+        toolbarX: i,
+        toolbarY: L
       };
-    }, De = (o) => {
+    }, De = (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 l = t.clientX - ee.value.x, p = t.clientY - ee.value.y, c = Math.sqrt(l * l + p * p);
+      if (!ne.value && c > Je && (ne.value = !0), ne.value || c > Je) {
+        let u = ee.value.toolbarX + l, i = ee.value.toolbarY + p;
+        const L = 20, A = 257, R = 44, G = 44;
+        if (b.value)
+          u = Math.max(L, Math.min(window.innerWidth - A - L, u));
         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;
+          u = Math.max(Y, Math.min(F, u));
         }
-        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: u, y: i };
       }
     }, Ne = () => {
-      oe.value && (U = !0, setTimeout(() => {
-        U = !1;
-      }, 50)), oe.value = !1, ee.value = null;
-    }, ze = () => {
+      ne.value && (X = !0, setTimeout(() => {
+        X = !1;
+      }, 50)), ne.value = !1, ee.value = null;
+    }, Le = () => {
       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, l = 257, p = 44, c = 44;
+      let u = j.value.x, i = j.value.y;
+      if (b.value)
+        u = Math.max(t, Math.min(window.innerWidth - l - t, u));
       else {
-        const M = s - u, A = o - M, q = window.innerWidth - s - o;
-        f = Math.max(A, Math.min(q, f));
+        const L = l - p, A = t - L, R = window.innerWidth - l - t;
+        u = Math.max(A, Math.min(R, u));
       }
-      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 });
+      i = Math.max(t, Math.min(window.innerHeight - c - t, i)), (u !== j.value.x || i !== j.value.y) && (j.value = { x: u, y: i });
     }, Bt = async () => {
-      if (U) return;
-      const o = zt(L.value, pe, ft.value);
-      if (o) {
-        if (E.copyToClipboard)
+      if (X) return;
+      const t = Lt(z.value, ie, x.value.outputDetail);
+      if (t) {
+        if (T.copyToClipboard)
           try {
-            await navigator.clipboard.writeText(o), ae.value = !0, setTimeout(() => {
-              ae.value = !1;
-            }, 2e3);
-          } catch (s) {
-            console.error("Failed to copy:", s);
+            if (navigator.clipboard && navigator.clipboard.writeText)
+              await navigator.clipboard.writeText(t);
+            else {
+              const l = document.createElement("textarea");
+              l.value = t, l.style.position = "fixed", l.style.left = "-9999px", l.style.top = "-9999px", document.body.appendChild(l), l.focus(), l.select(), document.execCommand("copy"), document.body.removeChild(l);
+            }
+            if (se.value = !0, setTimeout(() => {
+              se.value = !1;
+            }, 2e3), x.value.autoClearAfterCopy) {
+              const l = [...z.value];
+              z.value = [], localStorage.removeItem(ue(ie)), I("annotationsClear", l);
+            }
+          } catch (l) {
+            console.error("Failed to copy:", l);
           }
-        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(() => {
+    }, At = () => {
+      if (X || z.value.length === 0) return;
+      const t = [...z.value];
+      z.value = [], localStorage.removeItem(ue(ie)), ve.value = !0, setTimeout(() => {
         ve.value = !1;
-      }, 2e3), B("annotationsClear", o);
-    }, Ht = (o) => {
+      }, 2e3), I("annotationsClear", t);
+    }, Pt = (t) => {
       if (!g.value) return;
-      const s = {
+      const l = {
         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 +1285,173 @@ 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 = () => {
+      z.value = [...z.value, l], g.value = null, I("annotationAdd", l);
+    }, Ht = () => {
       g.value = null;
-    }, Dt = (o) => {
-      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);
+    }, Dt = (t) => {
+      if (!S.value) return;
+      const l = { ...S.value, comment: t };
+      z.value = z.value.map(
+        (p) => p.id === l.id ? l : p
+      ), S.value = null, I("annotationUpdate", l);
     }, Nt = () => {
-      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;
+      S.value = null;
+    }, Ot = (t, l) => {
+      l.stopPropagation(), S.value = t;
+    }, jt = (t, l) => {
+      l.stopPropagation(), M.value = null, z.value = z.value.filter((p) => p.id !== t.id), I("annotationDelete", t);
+    }, Oe = (t) => {
+      if (!b.value || t.button !== 0) return;
+      const l = t.target;
+      if (!(l.closest("[data-feedback-toolbar]") || l.closest("[data-annotation-popup]") || l.closest("[data-annotation-marker]")) && !(g.value || S.value)) {
+        if (d.has(l.tagName) || l.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);
+    }, je = (t) => {
+      if (!b.value || !pe.value || Ce) return;
+      const l = t.clientX - pe.value.x, p = t.clientY - pe.value.y;
+      if (l * l + p * p >= Ge * Ge) {
+        te.value || (te.value = !0, B.value = null), q.value = { x: t.clientX, y: t.clientY };
+        const u = Date.now();
+        if (u - $e >= pn) {
+          $e = u;
+          const i = Be(U.value, q.value);
+          ae.value = Ae(i);
         }
       }
-    }, Ze = (o) => {
-      if (!w.value) return;
-      const s = te.value;
-      if (de.value = null, Ce = !1, !s) {
-        te.value = !1, Y.value = null, F.value = null, ne.value = [];
+    }, Ze = (t) => {
+      if (!b.value) return;
+      const l = te.value;
+      if (pe.value = null, Ce = !1, !l) {
+        te.value = !1, U.value = null, q.value = null, ae.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 p = U.value, c = { x: t.clientX, y: t.clientY };
+      if (p) {
+        const u = Be(p, c);
+        if (u.width >= Ke && u.height >= Ke) {
+          const i = Ae(u), L = i.map((F) => F.element), A = i.map((F) => F.rect);
+          let R, G;
+          L.length > 0 ? (G = xt(A), R = G.y + G.height / 2) : (G = {
+            x: u.left,
+            y: u.top + window.scrollY,
+            width: u.width,
+            height: u.height
+          }, R = u.top + window.scrollY + u.height / 2);
+          const V = kt(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(() => {
+      te.value = !1, U.value = null, q.value = null, ae.value = [], l && (xe = !0, setTimeout(() => {
         xe = !1;
       }, 50));
-    }, Re = (o) => {
-      if (!w.value || g.value || z.value) return;
-      if (o.target.closest("[data-feedback-toolbar]")) {
-        I.value = null;
+    }, Re = (t) => {
+      if (!b.value || g.value || S.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 p = document.elementFromPoint(t.clientX, t.clientY);
+      if (!p || p.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;
-      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 { name: c, path: u } = me(p), i = p.getBoundingClientRect();
+      B.value = { element: c, elementPath: u, rect: i }, le.value = { x: t.clientX, y: t.clientY };
+    }, Ve = (t) => {
+      var We, Xe;
+      if (!b.value || X || xe) return;
+      const l = t.target;
+      if (l.closest("[data-feedback-toolbar]") || l.closest("[data-annotation-popup]") || l.closest("[data-annotation-marker]")) return;
+      const p = l.closest(
+        "button, a, input, select, textarea, [role='button'], [onclick]"
+      );
+      if (x.value.blockInteractions && p && (t.preventDefault(), t.stopPropagation()), g.value) {
+        if (p && !x.value.blockInteractions)
+          return;
+        t.preventDefault(), (We = Te.value) == null || We.shake();
         return;
       }
-      if (z.value) {
-        o.preventDefault(), (We = Ae.value) == null || We.shake();
+      if (S.value) {
+        if (p && !x.value.blockInteractions)
+          return;
+        t.preventDefault(), (Xe = Ie.value) == null || Xe.shake();
         return;
       }
-      o.preventDefault();
-      const u = document.elementFromPoint(o.clientX, o.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);
+      t.preventDefault();
+      const c = document.elementFromPoint(t.clientX, t.clientY);
+      if (!c) return;
+      const { name: u, path: i } = me(c), L = c.getBoundingClientRect(), A = t.clientX / window.innerWidth * 100, R = vt(c), 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 = Xo(c), he = qo(c);
       g.value = {
-        x: M,
-        y: q,
-        clientY: o.clientY,
-        element: c,
-        elementPath: f,
-        selectedText: W,
+        x: A,
+        y: G,
+        clientY: t.clientY,
+        element: u,
+        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;
-    }, Ye = () => {
+        nearbyText: jo(c),
+        cssClasses: Ro(c),
+        isFixed: R,
+        fullPath: Ko(c),
+        accessibility: Go(c),
+        computedStyles: he,
+        computedStylesObj: F,
+        nearbyElements: Zo(c)
+      }, B.value = null;
+    }, Fe = () => {
       K.value = window.scrollY;
-    }, Fe = (o) => {
-      o.key === "Escape" && (g.value || z.value || w.value && (w.value = !1));
+    }, Ye = (t) => {
+      t.key === "Escape" && (g.value || S.value || b.value && (b.value = !1));
     };
-    return tt(() => {
+    return ot(() => {
       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 = en(ie);
+      z.value = t, r || (W.value = !0, r = !0, setTimeout(() => {
+        W.value = !1;
       }, 750));
       try {
-        const u = localStorage.getItem("feedback-toolbar-theme");
-        u !== null && (C.value = u === "dark");
+        const p = localStorage.getItem("feedback-toolbar-theme");
+        p !== null && (C.value = p === "dark");
+      } catch {
+      }
+      try {
+        const p = localStorage.getItem("feedback-toolbar-settings");
+        p && (x.value = { ...k, ...JSON.parse(p) });
       } 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);
+      document.addEventListener("mousemove", Re), document.addEventListener("click", Ve, !0), document.addEventListener("keydown", Ye), window.addEventListener("scroll", Fe, { passive: !0 }), window.addEventListener("resize", Le), document.addEventListener("mousedown", Oe), document.addEventListener("mousemove", je), document.addEventListener("mouseup", Ze);
+      const l = document.createElement("style");
+      l.id = "feedback-cursor-styles", document.head.appendChild(l);
     }), 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) => {
-      const s = document.getElementById("feedback-cursor-styles");
-      s && (o ? s.textContent = `
+      document.removeEventListener("mousemove", Re), document.removeEventListener("click", Ve, !0), document.removeEventListener("keydown", Ye), window.removeEventListener("scroll", Fe), window.removeEventListener("resize", Le), document.removeEventListener("mousedown", Oe), document.removeEventListener("mousemove", je), document.removeEventListener("mouseup", Ze);
+      const t = document.getElementById("feedback-cursor-styles");
+      t && t.remove();
+    }), oe(b, (t) => {
+      const l = document.getElementById("feedback-cursor-styles");
+      l && (t ? l.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 +1469,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(() => {
+    ` : (l.textContent = "", g.value = null, S.value = null, B.value = null));
+    }), oe(z, (t) => {
+      m.value && t.length > 0 ? tn(ie, t) : m.value && t.length === 0 && localStorage.removeItem(ue(ie));
+    }, { deep: !0 }), oe(x, (t) => {
+      m.value && localStorage.setItem("feedback-toolbar-settings", JSON.stringify(t));
+    }, { deep: !0 }), oe(de, (t) => {
+      t ? ke.value = !0 : setTimeout(() => {
         ke.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 ? He() : _e();
+    }), oe(b, (t) => {
+      t || (g.value = null, S.value = null, B.value = null, de.value = !1, J.value && (_e(), x.value.blockInteractions = !1)), Le();
+    }), oe(ee, (t, l) => {
+      t && !l ? (document.addEventListener("mousemove", De), document.addEventListener("mouseup", Ne)) : !t && l && (document.removeEventListener("mousemove", De), document.removeEventListener("mouseup", Ne));
+    }), (t, l) => {
+      var p;
+      return w(), N(Ft, { to: "body" }, [
         v("div", {
-          class: p(l(n).toolbar),
-          style: P({
-            zIndex: E.zIndex,
+          class: h(s(n).toolbar),
+          style: H({
+            zIndex: T.zIndex,
             ...j.value ? {
               left: `${j.value.x}px`,
               top: `${j.value.y}px`,
@@ -1459,491 +1501,491 @@ const on = ["data-active"], nn = ["disabled"], ln = ["disabled", "data-active"],
           "data-feedback-toolbar": ""
         }, [
           v("div", {
-            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
+            class: h([
+              s(n).toolbarContainer,
+              !C.value && s(n).light,
+              W.value && s(n).entrance,
+              ne.value && s(n).dragging,
+              b.value ? s(n).expanded : s(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(${Ee.value}deg)` } : void 0),
+            onMousedown: It,
+            onClick: l[3] || (l[3] = (c) => b.value ? void 0 : Pe())
           }, [
             v("div", {
-              class: p([l(n).toggleContent, w.value ? l(n).hidden : l(n).visible])
+              class: h([s(n).toggleContent, b.value ? s(n).hidden : s(n).visible])
             }, [
-              (b(), N(Z(l(lt)), { size: 24 })),
-              ye.value ? (b(), S("span", {
+              (w(), N(Z(s(st)), { size: 24 })),
+              ye.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: h([s(n).badge, b.value && s(n).fadeOut, W.value && s(n).entrance]),
+                style: H({ backgroundColor: x.value.annotationColor })
+              }, D(z.value.length), 7)) : P("", !0)
             ], 2),
             v("div", {
-              class: p([l(n).controlsContent, w.value ? l(n).visible : l(n).hidden])
+              class: h([s(n).controlsContent, b.value ? s(n).visible : s(n).hidden])
             }, [
               v("button", {
-                class: p([l(n).controlButton, !C.value && l(n).light]),
+                class: h([s(n).controlButton, !C.value && s(n).light]),
                 "data-active": J.value,
                 onClick: Q(Tt, ["stop"]),
                 title: "Pause/Resume animations"
               }, [
-                (b(), N(Z(l(rt)), {
+                (w(), N(Z(s(ct)), {
                   size: 24,
                   "is-paused": J.value
                 }, null, 8, ["is-paused"]))
-              ], 10, on),
+              ], 10, nn),
               v("button", {
-                class: p([l(n).controlButton, !C.value && l(n).light]),
+                class: h([s(n).controlButton, !C.value && s(n).light]),
                 disabled: !ye.value,
-                onClick: Q(Lt, ["stop"]),
+                onClick: Q(Mt, ["stop"]),
                 title: "Toggle markers"
               }, [
-                (b(), N(Z(l(it)), {
+                (w(), N(Z(s(rt)), {
                   size: 24,
                   "is-open": O.value
                 }, null, 8, ["is-open"]))
-              ], 10, nn),
+              ], 10, ln),
               v("button", {
-                class: p([l(n).controlButton, !C.value && l(n).light]),
+                class: h([s(n).controlButton, !C.value && s(n).light]),
                 disabled: !ye.value,
-                "data-active": ae.value,
+                "data-active": se.value,
                 onClick: Q(Bt, ["stop"]),
                 title: "Copy as markdown"
               }, [
-                (b(), N(Z(l(at)), {
+                (w(), N(Z(s(it)), {
                   size: 24,
-                  copied: ae.value
+                  copied: se.value
                 }, null, 8, ["copied"]))
-              ], 10, ln),
+              ], 10, sn),
               v("button", {
-                class: p([l(n).controlButton, !C.value && l(n).light]),
+                class: h([s(n).controlButton, !C.value && s(n).light]),
                 disabled: !ye.value,
                 "data-danger": "",
-                onClick: Q(It, ["stop"]),
+                onClick: Q(At, ["stop"]),
                 title: "Clear all annotations"
               }, [
-                (b(), N(Z(l(ut)), { size: 24 }))
-              ], 10, sn),
+                (w(), N(Z(s(dt)), { size: 24 }))
+              ], 10, an),
               v("button", {
-                class: p([l(n).controlButton, !C.value && l(n).light]),
-                onClick: Q(Et, ["stop"]),
+                class: h([s(n).controlButton, !C.value && s(n).light]),
+                onClick: Q(St, ["stop"]),
                 title: "Settings"
               }, [
-                (b(), N(Z(l(ct)), { size: 24 }))
+                (w(), N(Z(s(ut)), { size: 24 }))
               ], 2),
               v("div", {
-                class: p([l(n).divider, !C.value && l(n).light])
+                class: h([s(n).divider, !C.value && s(n).light])
               }, null, 2),
               v("button", {
-                class: p([l(n).controlButton, !C.value && l(n).light]),
-                onClick: Q(He, ["stop"]),
+                class: h([s(n).controlButton, !C.value && s(n).light]),
+                onClick: Q(Pe, ["stop"]),
                 title: "Exit"
               }, [
-                (b(), N(Z(l(Ee)), { size: 24 }))
+                (w(), N(Z(s(Se)), { size: 24 }))
               ], 2)
             ], 2),
-            ke.value ? (b(), S("div", {
+            ke.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]),
-              onClick: s[2] || (s[2] = Q(() => {
+              class: h([s(n).settingsPanel, C.value ? s(n).dark : s(n).light, de.value ? s(n).enter : s(n).exit]),
+              onClick: l[2] || (l[2] = Q(() => {
               }, ["stop"]))
             }, [
               v("div", {
-                class: p(l(n).settingsHeader)
+                class: h(s(n).settingsHeader)
               }, [
                 v("span", {
-                  class: p(l(n).settingsBrand)
+                  class: h(s(n).settingsBrand)
                 }, [
                   v("span", {
-                    class: p(l(n).settingsBrandSlash),
-                    style: P({ color: T.value.annotationColor })
+                    class: h(s(n).settingsBrandSlash),
+                    style: H({ color: x.value.annotationColor })
                   }, " / ", 6),
-                  s[5] || (s[5] = ce(" agentation ", -1))
+                  l[5] || (l[5] = ce(" agentation ", -1))
                 ], 2),
                 v("span", {
-                  class: p(l(n).settingsVersion)
-                }, "v1.0.0", 2),
+                  class: h(s(n).settingsVersion)
+                }, "v" + D(s(on)), 3),
                 v("button", {
-                  class: p(l(n).themeToggle),
-                  onClick: Mt,
+                  class: h(s(n).themeToggle),
+                  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 ? s(pt) : s(ht)), { size: 14 }))
+                ], 10, rn)
               ], 2),
               v("div", {
-                class: p(l(n).settingsSection)
+                class: h(s(n).settingsSection)
               }, [
                 v("div", {
-                  class: p(l(n).settingsRow)
+                  class: h(s(n).settingsRow)
                 }, [
                   v("div", {
-                    class: p([l(n).settingsLabel, !C.value && l(n).light])
+                    class: h([s(n).settingsLabel, !C.value && s(n).light])
                   }, [
-                    s[6] || (s[6] = ce(" Output Detail ", -1)),
+                    l[6] || (l[6] = ce(" Output Detail ", -1)),
                     v("span", {
-                      class: p(l(n).helpIcon),
+                      class: h(s(n).helpIcon),
                       "data-tooltip": "Controls how much detail is included in the copied output"
                     }, [
-                      (b(), N(Z(l(st)), { size: 20 }))
+                      (w(), N(Z(s(at)), { size: 20 }))
                     ], 2)
                   ], 2),
                   v("button", {
-                    class: p([l(n).cycleButton, !C.value && l(n).light]),
-                    onClick: St
+                    class: h([s(n).cycleButton, !C.value && s(n).light]),
+                    onClick: Et
                   }, [
                     v("span", {
-                      class: p(l(n).cycleButtonText)
-                    }, D((u = y.find((c) => c.value === T.value.outputDetail)) == null ? void 0 : u.label), 3),
+                      class: h(s(n).cycleButtonText)
+                    }, D((p = y.find((c) => c.value === x.value.outputDetail)) == null ? void 0 : p.label), 3),
                     v("span", {
-                      class: p(l(n).cycleDots)
+                      class: h(s(n).cycleDots)
                     }, [
-                      (b(), S(re, null, he(y, (c) => v("span", {
+                      (w(), E(re, null, fe(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])
+                        class: h([s(n).cycleDot, !C.value && s(n).light, x.value.outputDetail === c.value && s(n).active])
                       }, null, 2)), 64))
                     ], 2)
                   ], 2)
                 ], 2)
               ], 2),
               v("div", {
-                class: p(l(n).settingsSection)
+                class: h(s(n).settingsSection)
               }, [
                 v("div", {
-                  class: p([l(n).settingsLabel, l(n).settingsLabelMarker, !C.value && l(n).light])
+                  class: h([s(n).settingsLabel, s(n).settingsLabelMarker, !C.value && s(n).light])
                 }, " Marker Colour ", 2),
                 v("div", {
-                  class: p(l(n).colorOptions)
+                  class: h(s(n).colorOptions)
                 }, [
-                  (b(), S(re, null, he($, (c) => v("div", {
+                  (w(), E(re, null, fe($, (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)
+                    class: h([s(n).colorOptionRing, x.value.annotationColor === c.value && s(n).selected]),
+                    style: H({ borderColor: x.value.annotationColor === c.value ? c.value : "transparent" }),
+                    onClick: (u) => $t(c.value)
                   }, [
                     v("div", {
-                      class: p([l(n).colorOption, T.value.annotationColor === c.value && l(n).selected]),
-                      style: P({ backgroundColor: c.value }),
+                      class: h([s(n).colorOption, x.value.annotationColor === c.value && s(n).selected]),
+                      style: H({ backgroundColor: c.value }),
                       title: c.label
-                    }, null, 14, cn)
-                  ], 14, rn)), 64))
+                    }, null, 14, un)
+                  ], 14, cn)), 64))
                 ], 2)
               ], 2),
               v("div", {
-                class: p(l(n).settingsSection)
+                class: h(s(n).settingsSection)
               }, [
                 v("label", {
-                  class: p(l(n).settingsToggle)
+                  class: h(s(n).settingsToggle)
                 }, [
-                  Le(v("input", {
+                  Me(v("input", {
                     type: "checkbox",
-                    "onUpdate:modelValue": s[0] || (s[0] = (c) => T.value.autoClearAfterCopy = c)
+                    "onUpdate:modelValue": l[0] || (l[0] = (c) => x.value.autoClearAfterCopy = c)
                   }, null, 512), [
-                    [Xe, T.value.autoClearAfterCopy]
+                    [Ue, x.value.autoClearAfterCopy]
                   ]),
                   v("span", {
-                    class: p([l(n).customCheckbox, !C.value && l(n).light, T.value.autoClearAfterCopy && l(n).checked])
+                    class: h([s(n).customCheckbox, !C.value && s(n).light, x.value.autoClearAfterCopy && s(n).checked])
                   }, [
-                    T.value.autoClearAfterCopy ? (b(), N(Z(l(Me)), {
+                    x.value.autoClearAfterCopy ? (w(), N(Z(s(ze)), {
                       key: 0,
                       size: 14
-                    })) : H("", !0)
+                    })) : P("", !0)
                   ], 2),
                   v("span", {
-                    class: p([l(n).toggleLabel, !C.value && l(n).light])
+                    class: h([s(n).toggleLabel, !C.value && s(n).light])
                   }, " Clear after copy ", 2)
                 ], 2),
                 v("label", {
-                  class: p(l(n).settingsToggle)
+                  class: h(s(n).settingsToggle)
                 }, [
-                  Le(v("input", {
+                  Me(v("input", {
                     type: "checkbox",
-                    "onUpdate:modelValue": s[1] || (s[1] = (c) => T.value.freezeAnimations = c)
+                    "onUpdate:modelValue": l[1] || (l[1] = (c) => x.value.blockInteractions = c)
                   }, null, 512), [
-                    [Xe, T.value.freezeAnimations]
+                    [Ue, x.value.blockInteractions]
                   ]),
                   v("span", {
-                    class: p([l(n).customCheckbox, !C.value && l(n).light, T.value.freezeAnimations && l(n).checked])
+                    class: h([s(n).customCheckbox, !C.value && s(n).light, x.value.blockInteractions && s(n).checked])
                   }, [
-                    T.value.freezeAnimations ? (b(), N(Z(l(Me)), {
+                    x.value.blockInteractions ? (w(), N(Z(s(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)
+                    class: h([s(n).toggleLabel, !C.value && s(n).light])
+                  }, " 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`
+          class: h(s(n).dragSelection),
+          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", {
+          ae.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}`,
-          class: p(l(n).selectedElementHighlight),
-          style: P({
+            class: h(s(n).dragCount)
+          }, D(ae.value.length), 3)) : P("", !0)
+        ], 6)) : P("", !0),
+        (w(!0), E(re, null, fe(ae.value, (c, u) => (w(), E("div", {
+          key: `drag-highlight-${u}`,
+          class: h(s(n).selectedElementHighlight),
+          style: H({
             left: `${c.rect.left}px`,
             top: `${c.rect.top}px`,
             width: `${c.rect.width}px`,
             height: `${c.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 && !S.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)
+          class: h(s(n).hoverHighlight),
+          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: Ct(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 && !S.value && !M.value && !te.value ? (w(), E("div", {
           key: 2,
-          class: p([l(n).hoverTooltip, !C.value && l(n).light]),
-          style: P({
-            left: `${se.value.x}px`,
-            top: `${se.value.y + 20}px`
+          class: h([s(n).hoverTooltip, !C.value && s(n).light]),
+          style: H({
+            left: `${le.value.x}px`,
+            top: `${le.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", {
+        }, D(B.value.element), 7)) : P("", !0),
+        b.value && O.value ? (w(!0), E(re, { key: 3 }, fe(z.value, (c, u) => (w(), E("div", {
           key: c.id,
-          class: p([
-            l(n).marker,
-            !C.value && l(n).light,
-            _.value === c.id && l(n).hovered,
-            c.isMultiSelect && l(n).multiSelect
+          class: h([
+            s(n).marker,
+            !C.value && s(n).light,
+            M.value === c.id && s(n).hovered,
+            c.isMultiSelect && s(n).multiSelect
           ]),
-          style: P({
+          style: H({
             left: `${c.x}%`,
             top: c.isFixed ? `${c.y}px` : `${c.y - K.value}px`,
             position: "fixed",
-            backgroundColor: _.value === c.id ? void 0 : c.isMultiSelect ? "#10b981" : E.accentColor
+            backgroundColor: M.value === c.id ? void 0 : c.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 = c.id,
+          onMouseleave: l[4] || (l[4] = (i) => M.value = null),
+          onClick: (i) => jt(c, i),
+          onContextmenu: Q((i) => Ot(c, i), ["prevent"])
         }, [
-          _.value !== c.id ? (b(), S("span", {
+          M.value !== c.id ? (w(), E("span", {
             key: 0,
-            class: p(l(n).markerNumber)
-          }, D(f + 1), 3)) : (b(), N(Z(l(Ee)), {
+            class: h(s(n).markerNumber)
+          }, D(u + 1), 3)) : (w(), N(Z(s(Se)), {
             key: 1,
             size: 12
           })),
-          _.value === c.id && !z.value ? (b(), S("div", {
+          M.value === c.id && !S.value ? (w(), E("div", {
             key: 2,
-            class: p([l(n).markerTooltip, !C.value && l(n).light, l(n).enter]),
-            style: P(_t(c))
+            class: h([s(n).markerTooltip, !C.value && s(n).light, s(n).enter]),
+            style: H(_t(c))
           }, [
             v("span", {
-              class: p(l(n).markerQuote)
+              class: h(s(n).markerQuote)
             }, [
               ce(D(c.element) + " ", 1),
-              c.selectedText ? (b(), S(re, { key: 0 }, [
+              c.selectedText ? (w(), E(re, { key: 0 }, [
                 ce(' "' + D(c.selectedText.slice(0, 30)) + D(c.selectedText.length > 30 ? "..." : "") + '" ', 1)
-              ], 64)) : H("", !0)
+              ], 64)) : P("", !0)
             ], 2),
             v("span", {
-              class: p(l(n).markerNote)
+              class: h(s(n).markerNote)
             }, D(c.comment), 3)
-          ], 6)) : H("", !0)
-        ], 46, un))), 128)) : H("", !0),
-        g.value && g.value.boundingBox ? (b(), S("div", {
+          ], 6)) : P("", !0)
+        ], 46, dn))), 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({
+          class: h(g.value.isMultiSelect ? s(n).multiSelectOutline : s(n).singleSelectOutline),
+          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({
+          class: h([s(n).marker, s(n).pending, g.value.isMultiSelect && s(n).multiSelect]),
+          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(s(lt)), { size: 12 }))
+        ], 6)) : P("", !0),
+        g.value ? (w(), N(qe, {
           key: 6,
           ref_key: "popupRef",
           ref: Te,
           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,
           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", {
+          onSubmit: Pt,
+          onCancel: Ht
+        }, null, 8, ["element", "selected-text", "computed-styles", "accent-color", "light-mode", "popup-style", "placeholder"])) : P("", !0),
+        S.value && S.value.boundingBox ? (w(), E("div", {
           key: 7,
-          class: p(z.value.isMultiSelect ? l(n).multiSelectOutline : l(n).singleSelectOutline),
-          style: P({
-            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`
+          class: h(S.value.isMultiSelect ? s(n).multiSelectOutline : s(n).singleSelectOutline),
+          style: H({
+            left: `${S.value.boundingBox.x}px`,
+            top: `${S.value.boundingBox.y - K.value}px`,
+            width: `${S.value.boundingBox.width}px`,
+            height: `${S.value.boundingBox.height}px`,
+            ...S.value.isMultiSelect ? {} : {
+              borderColor: `${x.value.annotationColor}99`,
+              backgroundColor: `${x.value.annotationColor}0D`
             }
           })
-        }, null, 6)) : H("", !0),
-        z.value ? (b(), N(Ue, {
+        }, null, 6)) : P("", !0),
+        S.value ? (w(), N(qe, {
           key: 8,
           ref_key: "editPopupRef",
-          ref: Ae,
-          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,
+          ref: Ie,
+          element: S.value.element,
+          "selected-text": S.value.selectedText,
+          "initial-value": S.value.comment,
+          "computed-styles": (S.value.computedStyles, void 0),
+          "accent-color": S.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)
+        }, 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,
+}), fn = "_dragSelection_zeo7w_31", mn = "_dragCount_zeo7w_45", gn = "_selectedElementHighlight_zeo7w_56", vn = "_multiSelect_zeo7w_67", Cn = "_pending_zeo7w_75", yn = "_multiSelectOutline_zeo7w_83", bn = "_hoverHighlightIn_zeo7w_1", wn = "_singleSelectOutline_zeo7w_93", kn = "_toolbar_zeo7w_112", xn = "_toolbarContainer_zeo7w_124", _n = "_dragging_zeo7w_139", Ln = "_entrance_zeo7w_143", Mn = "_toolbarEnter_zeo7w_1", zn = "_collapsed_zeo7w_146", Sn = "_expanded_zeo7w_162", En = "_light_zeo7w_168", $n = "_toggleContent_zeo7w_177", Tn = "_visible_zeo7w_184", In = "_hidden_zeo7w_189", Bn = "_controlsContent_zeo7w_194", An = "_badge_zeo7w_214", Pn = "_fadeOut_zeo7w_235", Hn = "_badgeEnter_zeo7w_1", Dn = "_controlButton_zeo7w_244", Nn = "_divider_zeo7w_293", On = "_hoverHighlight_zeo7w_303", jn = "_hoverTooltip_zeo7w_311", Zn = "_marker_zeo7w_332", Rn = "_markerIn_zeo7w_1", Vn = "_markerDelete_zeo7w_353", Fn = "_hovered_zeo7w_356", Yn = "_markerNumber_zeo7w_361", Wn = "_markerTooltip_zeo7w_386", Xn = "_enter_zeo7w_404", Un = "_tooltipIn_zeo7w_1", qn = "_markerQuote_zeo7w_411", Gn = "_markerNote_zeo7w_414", Kn = "_settingsPanel_zeo7w_452", Qn = "_exit_zeo7w_470", Jn = "_settingsHeader_zeo7w_481", e1 = "_settingsBrand_zeo7w_484", t1 = "_settingsBrandSlash_zeo7w_487", o1 = "_settingsVersion_zeo7w_490", n1 = "_settingsSection_zeo7w_493", l1 = "_themeToggle_zeo7w_526", s1 = "_settingsRow_zeo7w_558", a1 = "_settingsLabel_zeo7w_565", i1 = "_settingsLabelMarker_zeo7w_578", r1 = "_cycleButton_zeo7w_582", c1 = "_cycleButtonText_zeo7w_609", u1 = "_cycleTextIn_zeo7w_1", d1 = "_cycleDots_zeo7w_614", p1 = "_cycleDot_zeo7w_614", h1 = "_active_zeo7w_628", f1 = "_colorOptions_zeo7w_639", m1 = "_colorOptionRing_zeo7w_646", g1 = "_colorOption_zeo7w_639", v1 = "_selected_zeo7w_56", C1 = "_settingsToggle_zeo7w_671", y1 = "_customCheckbox_zeo7w_687", b1 = "_checked_zeo7w_705", w1 = "_toggleLabel_zeo7w_721", k1 = "_helpIcon_zeo7w_734", x1 = {
+  dragSelection: fn,
+  dragCount: mn,
+  selectedElementHighlight: gn,
+  multiSelect: vn,
+  pending: Cn,
+  multiSelectOutline: yn,
+  hoverHighlightIn: bn,
   singleSelectOutline: wn,
-  toolbar: bn,
-  toolbarContainer: kn,
-  dragging: xn,
-  entrance: _n,
-  toolbarEnter: zn,
-  collapsed: Ln,
-  expanded: Mn,
+  toolbar: kn,
+  toolbarContainer: xn,
+  dragging: _n,
+  entrance: Ln,
+  toolbarEnter: Mn,
+  collapsed: zn,
+  expanded: Sn,
   light: En,
-  toggleContent: Sn,
-  visible: $n,
-  hidden: Tn,
-  controlsContent: An,
-  badge: Bn,
-  fadeOut: In,
+  toggleContent: $n,
+  visible: Tn,
+  hidden: In,
+  controlsContent: Bn,
+  badge: An,
+  fadeOut: Pn,
   badgeEnter: Hn,
-  controlButton: Pn,
-  divider: Dn,
-  hoverHighlight: Nn,
-  hoverTooltip: On,
-  marker: jn,
-  markerIn: Zn,
-  markerDelete: Rn,
-  hovered: Vn,
+  controlButton: Dn,
+  divider: Nn,
+  hoverHighlight: On,
+  hoverTooltip: jn,
+  marker: Zn,
+  markerIn: Rn,
+  markerDelete: Vn,
+  hovered: Fn,
   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,
+  markerTooltip: Wn,
+  enter: Xn,
+  tooltipIn: Un,
+  markerQuote: qn,
+  markerNote: Gn,
+  settingsPanel: Kn,
+  exit: Qn,
+  settingsHeader: Jn,
+  settingsBrand: e1,
+  settingsBrandSlash: t1,
+  settingsVersion: o1,
+  settingsSection: n1,
+  themeToggle: l1,
+  settingsRow: s1,
+  settingsLabel: a1,
+  settingsLabelMarker: i1,
+  cycleButton: r1,
+  cycleButtonText: c1,
+  cycleTextIn: u1,
+  cycleDots: d1,
+  cycleDot: p1,
+  active: h1,
+  colorOptions: f1,
+  colorOptionRing: m1,
+  colorOption: g1,
+  selected: v1,
+  settingsToggle: C1,
+  customCheckbox: y1,
+  checked: b1,
   toggleLabel: w1,
-  helpIcon: b1
-}, x1 = {
-  $style: k1
-}, S1 = /* @__PURE__ */ ot(pn, [["__cssModules", x1]]);
+  helpIcon: k1
+}, _1 = {
+  $style: x1
+}, $1 = /* @__PURE__ */ nt(hn, [["__cssModules", _1]]);
 export {
-  S1 as Agentation,
-  S1 as AgentationVue,
+  $1 as Agentation,
+  $1 as AgentationVue,
   No as AnimatedBunny,
-  Ue as AnnotationPopup,
-  Ho as IconChatEllipsis,
+  qe as AnnotationPopup,
+  Po as IconChatEllipsis,
   xo as IconCheck,
   _o as IconCheckSmall,
-  Me as IconCheckSmallAnimated,
-  Po as IconCheckmark,
+  ze as IconCheckSmallAnimated,
+  Ho 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,
-  Eo as IconEyeClosed,
+  Lo as IconCopyAlt,
+  it as IconCopyAnimated,
+  Mo as IconEye,
+  zo as IconEyeAlt,
+  rt as IconEyeAnimated,
+  So 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,
+  ut as IconGear,
+  at as IconHelp,
+  st as IconListSparkle,
+  ht as IconMoon,
+  Eo as IconPause,
+  Ao as IconPauseAlt,
+  ct as IconPausePlayAnimated,
   $o as IconPlayAlt,
-  nt as IconPlus,
-  dt as IconSun,
-  ut as IconTrashAlt,
-  Ao as IconXmark,
-  Ee as IconXmarkLarge,
+  lt as IconPlus,
+  pt as IconSun,
+  dt as IconTrashAlt,
+  Io as IconXmark,
+  Se as IconXmarkLarge,
   E1 as clearAnnotations,
   Go as getAccessibilityInfo,
-  L1 as getComputedStylesSnapshot,
+  z1 as getComputedStylesSnapshot,
   Xo as getDetailedComputedStyles,
   Ro as getElementClasses,
   Oo as getElementPath,
@@ -1951,10 +1993,10 @@ export {
   Ko as getFullElementPath,
   Zo as getNearbyElements,
   jo as getNearbyText,
-  ge as getStorageKey,
-  z1 as identifyAnimationElement,
-  fe as identifyElement,
+  ue as getStorageKey,
+  M1 as identifyAnimationElement,
+  me as identifyElement,
   en as loadAnnotations,
-  M1 as parseComputedStylesString,
+  S1 as parseComputedStylesString,
   tn as saveAnnotations
 };