@react-grab/visual-edit 0.0.86

package/dist/client.js

@@ -0,0 +1,1462 @@
+// ../react-grab/dist/chunk-ZX3YNVV2.js
+var ea = (e, t) => e === t;
+var kn = { equals: ea };
+var Bo = Go;
+var ze = 1;
+var tn = 2;
+var re = null;
+var k = null;
+var Dt = null;
+var ue = null;
+var Se = null;
+var Le = null;
+var _n = 0;
+function R(e, t) {
+  t = t ? Object.assign({}, kn, t) : kn;
+  let n = { value: e, observers: null, observerSlots: null, comparator: t.equals || void 0 }, r = (i) => (typeof i == "function" && (i = i(n.value)), Uo(n, i));
+  return [Vo.bind(n), r];
+}
+function Oe(e) {
+  if (ue === null) return e();
+  let t = ue;
+  ue = null;
+  try {
+    return Dt ? Dt.untrack(e) : e();
+  } finally {
+    ue = t;
+  }
+}
+R(false);
+function Vo() {
+  let e = k;
+  if (this.sources && this.state) if (this.state === ze) Ht(this);
+  else {
+    let t = Se;
+    Se = null, He(() => Tn(this)), Se = t;
+  }
+  if (ue) {
+    let t = this.observers ? this.observers.length : 0;
+    ue.sources ? (ue.sources.push(this), ue.sourceSlots.push(t)) : (ue.sources = [this], ue.sourceSlots = [t]), this.observers ? (this.observers.push(ue), this.observerSlots.push(ue.sources.length - 1)) : (this.observers = [ue], this.observerSlots = [ue.sources.length - 1]);
+  }
+  return e && k.sources.has(this) ? this.tValue : this.value;
+}
+function Uo(e, t, n) {
+  let r = e.value;
+  if (!e.comparator || !e.comparator(r, t)) {
+    e.value = t;
+    e.observers && e.observers.length && He(() => {
+      for (let i = 0; i < e.observers.length; i += 1) {
+        let o = e.observers[i], a = k && k.running;
+        a && k.disposed.has(o) || ((a ? !o.tState : !o.state) && (o.pure ? Se.push(o) : Le.push(o), o.observers && Ko(o)), a ? o.tState = ze : o.state = ze);
+      }
+      if (Se.length > 1e6) throw Se = [], new Error();
+    });
+  }
+  return t;
+}
+function Ht(e) {
+  if (!e.fn) return;
+  ht(e);
+  let t = _n;
+  Po(e, e.value, t);
+}
+function Po(e, t, n) {
+  let r, i = re, o = ue;
+  ue = re = e;
+  try {
+    r = e.fn(t);
+  } catch (a) {
+    return e.pure && (e.state = ze, e.owned && e.owned.forEach(ht), e.owned = null), e.updatedAt = n + 1, In(a);
+  } finally {
+    ue = o, re = i;
+  }
+  (!e.updatedAt || e.updatedAt <= n) && (e.updatedAt != null && "observers" in e ? Uo(e, r) : e.value = r, e.updatedAt = n);
+}
+function rn(e) {
+  let t = k;
+  if (e.state === 0) return;
+  if (e.state === tn) return Tn(e);
+  if (e.suspense && Oe(e.suspense.inFallback)) return e.suspense.effects.push(e);
+  let n = [e];
+  for (; (e = e.owner) && (!e.updatedAt || e.updatedAt < _n); ) {
+    e.state && n.push(e);
+  }
+  for (let r = n.length - 1; r >= 0; r--) {
+    if (e = n[r], t) ;
+    if (e.state === ze) Ht(e);
+    else if (e.state === tn) {
+      let i = Se;
+      Se = null, He(() => Tn(e, n[0])), Se = i;
+    }
+  }
+}
+function He(e, t) {
+  if (Se) return e();
+  let n = false;
+  (Se = []), Le ? n = true : Le = [], _n++;
+  try {
+    let r = e();
+    return ra(n), r;
+  } catch (r) {
+    n || (Le = null), Se = null, In(r);
+  }
+}
+function ra(e) {
+  if (Se && (Go(Se), Se = null), e) return;
+  let n = Le;
+  Le = null, n.length && He(() => Bo(n));
+}
+function Go(e) {
+  for (let t = 0; t < e.length; t++) rn(e[t]);
+}
+function Tn(e, t) {
+  e.state = 0;
+  for (let r = 0; r < e.sources.length; r += 1) {
+    let i = e.sources[r];
+    if (i.sources) {
+      let o = i.state;
+      o === ze ? i !== t && (!i.updatedAt || i.updatedAt < _n) && rn(i) : o === tn && Tn(i, t);
+    }
+  }
+}
+function Ko(e) {
+  for (let n = 0; n < e.observers.length; n += 1) {
+    let r = e.observers[n];
+    !r.state && (r.state = tn, r.pure ? Se.push(r) : Le.push(r), r.observers && Ko(r));
+  }
+}
+function ht(e) {
+  let t;
+  if (e.sources) for (; e.sources.length; ) {
+    let n = e.sources.pop(), r = e.sourceSlots.pop(), i = n.observers;
+    if (i && i.length) {
+      let o = i.pop(), a = n.observerSlots.pop();
+      r < i.length && (o.sourceSlots[a] = r, i[r] = o, n.observerSlots[r] = a);
+    }
+  }
+  if (e.tOwned) {
+    for (t = e.tOwned.length - 1; t >= 0; t--) ht(e.tOwned[t]);
+    delete e.tOwned;
+  }
+  if (e.owned) {
+    for (t = e.owned.length - 1; t >= 0; t--) ht(e.owned[t]);
+    e.owned = null;
+  }
+  if (e.cleanups) {
+    for (t = e.cleanups.length - 1; t >= 0; t--) e.cleanups[t]();
+    e.cleanups = null;
+  }
+  e.state = 0;
+}
+function En(e) {
+  return e instanceof Error ? e : new Error(typeof e == "string" ? e : "Unknown error", { cause: e });
+}
+function In(e, t = re) {
+  let r = En(e);
+  throw r;
+}
+var Xo = "_$DX_DELEGATE";
+function G(e, t, n, r) {
+  let i, o = () => {
+    let l = document.createElement("template");
+    return l.innerHTML = e, l.content.firstChild;
+  }, a = () => (i || (i = o())).cloneNode(true);
+  return a.cloneNode = a, a;
+}
+function Mn(e, t = window.document) {
+  let n = t[Xo] || (t[Xo] = /* @__PURE__ */ new Set());
+  for (let r = 0, i = e.length; r < i; r++) {
+    let o = e[r];
+    n.has(o) || (n.add(o), t.addEventListener(o, ma));
+  }
+}
+function ma(e) {
+  let t = e.target, n = `$$${e.type}`, r = e.target, i = e.currentTarget, o = (c) => Object.defineProperty(e, "target", { configurable: true, value: c }), a = () => {
+    let c = t[n];
+    if (c && !t.disabled) {
+      let u = t[`${n}Data`];
+      if (u !== void 0 ? c.call(t, u, e) : c.call(t, e), e.cancelBubble) return;
+    }
+    return t.host && typeof t.host != "string" && !t.host._$host && t.contains(e.target) && o(t.host), true;
+  }, l = () => {
+    for (; a() && (t = t._$host || t.parentNode || t.host); ) ;
+  };
+  if (Object.defineProperty(e, "currentTarget", { configurable: true, get() {
+    return t || document;
+  } }), e.composedPath) {
+    let c = e.composedPath();
+    o(c[0]);
+    for (let u = 0; u < c.length - 2 && (t = c[u], !!a()); u++) {
+      if (t._$host) {
+        t = t._$host, l();
+        break;
+      }
+      if (t.parentNode === i) break;
+    }
+  } else l();
+  o(r);
+}
+var ni = "0.0.86";
+var vr = "-";
+var xa = (e) => {
+  let t = Ca(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
+  return { getClassGroupId: (a) => {
+    let l = a.split(vr);
+    return l[0] === "" && l.length !== 1 && l.shift(), li(l, t) || va(a);
+  }, getConflictingClassGroupIds: (a, l) => {
+    let c = n[a] || [];
+    return l && r[a] ? [...c, ...r[a]] : c;
+  } };
+};
+var li = (e, t) => {
+  if (e.length === 0) return t.classGroupId;
+  let n = e[0], r = t.nextPart.get(n), i = r ? li(e.slice(1), r) : void 0;
+  if (i) return i;
+  if (t.validators.length === 0) return;
+  let o = e.join(vr);
+  return t.validators.find(({ validator: a }) => a(o))?.classGroupId;
+};
+var si = /^\[(.+)\]$/;
+var va = (e) => {
+  if (si.test(e)) {
+    let t = si.exec(e)[1], n = t?.substring(0, t.indexOf(":"));
+    if (n) return "arbitrary.." + n;
+  }
+};
+var Ca = (e) => {
+  let { theme: t, prefix: n } = e, r = { nextPart: /* @__PURE__ */ new Map(), validators: [] };
+  return Ea(Object.entries(e.classGroups), n).forEach(([o, a]) => {
+    xr(a, r, o, t);
+  }), r;
+};
+var xr = (e, t, n, r) => {
+  e.forEach((i) => {
+    if (typeof i == "string") {
+      let o = i === "" ? t : ai(t, i);
+      o.classGroupId = n;
+      return;
+    }
+    if (typeof i == "function") {
+      if (Sa(i)) {
+        xr(i(r), t, n, r);
+        return;
+      }
+      t.validators.push({ validator: i, classGroupId: n });
+      return;
+    }
+    Object.entries(i).forEach(([o, a]) => {
+      xr(a, ai(t, o), n, r);
+    });
+  });
+};
+var ai = (e, t) => {
+  let n = e;
+  return t.split(vr).forEach((r) => {
+    n.nextPart.has(r) || n.nextPart.set(r, { nextPart: /* @__PURE__ */ new Map(), validators: [] }), n = n.nextPart.get(r);
+  }), n;
+};
+var Sa = (e) => e.isThemeGetter;
+var Ea = (e, t) => t ? e.map(([n, r]) => {
+  let i = r.map((o) => typeof o == "string" ? t + o : typeof o == "object" ? Object.fromEntries(Object.entries(o).map(([a, l]) => [t + a, l])) : o);
+  return [n, i];
+}) : e;
+var ka = (e) => {
+  if (e < 1) return { get: () => {
+  }, set: () => {
+  } };
+  let t = 0, n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), i = (o, a) => {
+    n.set(o, a), t++, t > e && (t = 0, r = n, n = /* @__PURE__ */ new Map());
+  };
+  return { get(o) {
+    let a = n.get(o);
+    if (a !== void 0) return a;
+    if ((a = r.get(o)) !== void 0) return i(o, a), a;
+  }, set(o, a) {
+    n.has(o) ? n.set(o, a) : i(o, a);
+  } };
+};
+var ci = "!";
+var Ta = (e) => {
+  let { separator: t, experimentalParseClassName: n } = e, r = t.length === 1, i = t[0], o = t.length, a = (l) => {
+    let c = [], u = 0, h = 0, g;
+    for (let z = 0; z < l.length; z++) {
+      let q = l[z];
+      if (u === 0) {
+        if (q === i && (r || l.slice(z, z + o) === t)) {
+          c.push(l.slice(h, z)), h = z + o;
+          continue;
+        }
+        if (q === "/") {
+          g = z;
+          continue;
+        }
+      }
+      q === "[" ? u++ : q === "]" && u--;
+    }
+    let _ = c.length === 0 ? l : l.substring(h), w = _.startsWith(ci), v = w ? _.substring(1) : _, I = g && g > h ? g - h : void 0;
+    return { modifiers: c, hasImportantModifier: w, baseClassName: v, maybePostfixModifierPosition: I };
+  };
+  return n ? (l) => n({ className: l, parseClassName: a }) : a;
+};
+var Aa = (e) => {
+  if (e.length <= 1) return e;
+  let t = [], n = [];
+  return e.forEach((r) => {
+    r[0] === "[" ? (t.push(...n.sort(), r), n = []) : n.push(r);
+  }), t.push(...n.sort()), t;
+};
+var _a = (e) => ({ cache: ka(e.cacheSize), parseClassName: Ta(e), ...xa(e) });
+var Na = /\s+/;
+var Ra = (e, t) => {
+  let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i } = t, o = [], a = e.trim().split(Na), l = "";
+  for (let c = a.length - 1; c >= 0; c -= 1) {
+    let u = a[c], { modifiers: h, hasImportantModifier: g, baseClassName: _, maybePostfixModifierPosition: w } = n(u), v = !!w, I = r(v ? _.substring(0, w) : _);
+    if (!I) {
+      if (!v) {
+        l = u + (l.length > 0 ? " " + l : l);
+        continue;
+      }
+      if (I = r(_), !I) {
+        l = u + (l.length > 0 ? " " + l : l);
+        continue;
+      }
+      v = false;
+    }
+    let z = Aa(h).join(":"), q = g ? z + ci : z, L = q + I;
+    if (o.includes(L)) continue;
+    o.push(L);
+    let j = i(I, v);
+    for (let Q = 0; Q < j.length; ++Q) {
+      let T = j[Q];
+      o.push(q + T);
+    }
+    l = u + (l.length > 0 ? " " + l : l);
+  }
+  return l;
+};
+function Ia() {
+  let e = 0, t, n, r = "";
+  for (; e < arguments.length; ) (t = arguments[e++]) && (n = ui(t)) && (r && (r += " "), r += n);
+  return r;
+}
+var ui = (e) => {
+  if (typeof e == "string") return e;
+  let t, n = "";
+  for (let r = 0; r < e.length; r++) e[r] && (t = ui(e[r])) && (n && (n += " "), n += t);
+  return n;
+};
+function La(e, ...t) {
+  let n, r, i, o = a;
+  function a(c) {
+    let u = t.reduce((h, g) => g(h), e());
+    return n = _a(u), r = n.cache.get, i = n.cache.set, o = l, l(c);
+  }
+  function l(c) {
+    let u = r(c);
+    if (u) return u;
+    let h = Ra(c, n);
+    return i(c, h), h;
+  }
+  return function() {
+    return o(Ia.apply(null, arguments));
+  };
+}
+var he = (e) => {
+  let t = (n) => n[e] || [];
+  return t.isThemeGetter = true, t;
+};
+var di = /^\[(?:([a-z-]+):)?(.+)\]$/i;
+var Oa = /^\d+\/\d+$/;
+var Ma = /* @__PURE__ */ new Set(["px", "full", "screen"]);
+var $a = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/;
+var Pa = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/;
+var Fa = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/;
+var Da = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
+var Ba = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/;
+var lt = (e) => Ut(e) || Ma.has(e) || Oa.test(e);
+var wt = (e) => Gt(e, "length", Ya);
+var Ut = (e) => !!e && !Number.isNaN(Number(e));
+var wr = (e) => Gt(e, "number", Ut);
+var sn = (e) => !!e && Number.isInteger(Number(e));
+var Ha = (e) => e.endsWith("%") && Ut(e.slice(0, -1));
+var Z = (e) => di.test(e);
+var xt = (e) => $a.test(e);
+var za = /* @__PURE__ */ new Set(["length", "size", "percentage"]);
+var ja = (e) => Gt(e, za, fi);
+var Va = (e) => Gt(e, "position", fi);
+var Ua = /* @__PURE__ */ new Set(["image", "url"]);
+var Ga = (e) => Gt(e, Ua, Wa);
+var Ka = (e) => Gt(e, "", Xa);
+var an = () => true;
+var Gt = (e, t, n) => {
+  let r = di.exec(e);
+  return r ? r[1] ? typeof t == "string" ? r[1] === t : t.has(r[1]) : n(r[2]) : false;
+};
+var Ya = (e) => Pa.test(e) && !Fa.test(e);
+var fi = () => false;
+var Xa = (e) => Da.test(e);
+var Wa = (e) => Ba.test(e);
+var qa = () => {
+  let e = he("colors"), t = he("spacing"), n = he("blur"), r = he("brightness"), i = he("borderColor"), o = he("borderRadius"), a = he("borderSpacing"), l = he("borderWidth"), c = he("contrast"), u = he("grayscale"), h = he("hueRotate"), g = he("invert"), _ = he("gap"), w = he("gradientColorStops"), v = he("gradientColorStopPositions"), I = he("inset"), z = he("margin"), q = he("opacity"), L = he("padding"), j = he("saturate"), Q = he("scale"), T = he("sepia"), F = he("skew"), X = he("space"), V = he("translate"), W = () => ["auto", "contain", "none"], $ = () => ["auto", "hidden", "clip", "visible", "scroll"], p = () => ["auto", Z, t], m = () => [Z, t], f = () => ["", lt, wt], y = () => ["auto", Ut, Z], O = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], B = () => ["solid", "dashed", "dotted", "double", "none"], ne = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], te = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], ie = () => ["", "0", Z], C = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], P = () => [Ut, Z];
+  return { cacheSize: 500, separator: ":", theme: { colors: [an], spacing: [lt, wt], blur: ["none", "", xt, Z], brightness: P(), borderColor: [e], borderRadius: ["none", "", "full", xt, Z], borderSpacing: m(), borderWidth: f(), contrast: P(), grayscale: ie(), hueRotate: P(), invert: ie(), gap: m(), gradientColorStops: [e], gradientColorStopPositions: [Ha, wt], inset: p(), margin: p(), opacity: P(), padding: m(), saturate: P(), scale: P(), sepia: ie(), skew: P(), space: m(), translate: m() }, classGroups: { aspect: [{ aspect: ["auto", "square", "video", Z] }], container: ["container"], columns: [{ columns: [xt] }], "break-after": [{ "break-after": C() }], "break-before": [{ "break-before": C() }], "break-inside": [{ "break-inside": ["auto", "avoid", "avoid-page", "avoid-column"] }], "box-decoration": [{ "box-decoration": ["slice", "clone"] }], box: [{ box: ["border", "content"] }], display: ["block", "inline-block", "inline", "flex", "inline-flex", "table", "inline-table", "table-caption", "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row-group", "table-row", "flow-root", "grid", "inline-grid", "contents", "list-item", "hidden"], float: [{ float: ["right", "left", "none", "start", "end"] }], clear: [{ clear: ["left", "right", "both", "none", "start", "end"] }], isolation: ["isolate", "isolation-auto"], "object-fit": [{ object: ["contain", "cover", "fill", "none", "scale-down"] }], "object-position": [{ object: [...O(), Z] }], overflow: [{ overflow: $() }], "overflow-x": [{ "overflow-x": $() }], "overflow-y": [{ "overflow-y": $() }], overscroll: [{ overscroll: W() }], "overscroll-x": [{ "overscroll-x": W() }], "overscroll-y": [{ "overscroll-y": W() }], position: ["static", "fixed", "absolute", "relative", "sticky"], inset: [{ inset: [I] }], "inset-x": [{ "inset-x": [I] }], "inset-y": [{ "inset-y": [I] }], start: [{ start: [I] }], end: [{ end: [I] }], top: [{ top: [I] }], right: [{ right: [I] }], bottom: [{ bottom: [I] }], left: [{ left: [I] }], visibility: ["visible", "invisible", "collapse"], z: [{ z: ["auto", sn, Z] }], basis: [{ basis: p() }], "flex-direction": [{ flex: ["row", "row-reverse", "col", "col-reverse"] }], "flex-wrap": [{ flex: ["wrap", "wrap-reverse", "nowrap"] }], flex: [{ flex: ["1", "auto", "initial", "none", Z] }], grow: [{ grow: ie() }], shrink: [{ shrink: ie() }], order: [{ order: ["first", "last", "none", sn, Z] }], "grid-cols": [{ "grid-cols": [an] }], "col-start-end": [{ col: ["auto", { span: ["full", sn, Z] }, Z] }], "col-start": [{ "col-start": y() }], "col-end": [{ "col-end": y() }], "grid-rows": [{ "grid-rows": [an] }], "row-start-end": [{ row: ["auto", { span: [sn, Z] }, Z] }], "row-start": [{ "row-start": y() }], "row-end": [{ "row-end": y() }], "grid-flow": [{ "grid-flow": ["row", "col", "dense", "row-dense", "col-dense"] }], "auto-cols": [{ "auto-cols": ["auto", "min", "max", "fr", Z] }], "auto-rows": [{ "auto-rows": ["auto", "min", "max", "fr", Z] }], gap: [{ gap: [_] }], "gap-x": [{ "gap-x": [_] }], "gap-y": [{ "gap-y": [_] }], "justify-content": [{ justify: ["normal", ...te()] }], "justify-items": [{ "justify-items": ["start", "end", "center", "stretch"] }], "justify-self": [{ "justify-self": ["auto", "start", "end", "center", "stretch"] }], "align-content": [{ content: ["normal", ...te(), "baseline"] }], "align-items": [{ items: ["start", "end", "center", "baseline", "stretch"] }], "align-self": [{ self: ["auto", "start", "end", "center", "stretch", "baseline"] }], "place-content": [{ "place-content": [...te(), "baseline"] }], "place-items": [{ "place-items": ["start", "end", "center", "baseline", "stretch"] }], "place-self": [{ "place-self": ["auto", "start", "end", "center", "stretch"] }], p: [{ p: [L] }], px: [{ px: [L] }], py: [{ py: [L] }], ps: [{ ps: [L] }], pe: [{ pe: [L] }], pt: [{ pt: [L] }], pr: [{ pr: [L] }], pb: [{ pb: [L] }], pl: [{ pl: [L] }], m: [{ m: [z] }], mx: [{ mx: [z] }], my: [{ my: [z] }], ms: [{ ms: [z] }], me: [{ me: [z] }], mt: [{ mt: [z] }], mr: [{ mr: [z] }], mb: [{ mb: [z] }], ml: [{ ml: [z] }], "space-x": [{ "space-x": [X] }], "space-x-reverse": ["space-x-reverse"], "space-y": [{ "space-y": [X] }], "space-y-reverse": ["space-y-reverse"], w: [{ w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", Z, t] }], "min-w": [{ "min-w": [Z, t, "min", "max", "fit"] }], "max-w": [{ "max-w": [Z, t, "none", "full", "min", "max", "fit", "prose", { screen: [xt] }, xt] }], h: [{ h: [Z, t, "auto", "min", "max", "fit", "svh", "lvh", "dvh"] }], "min-h": [{ "min-h": [Z, t, "min", "max", "fit", "svh", "lvh", "dvh"] }], "max-h": [{ "max-h": [Z, t, "min", "max", "fit", "svh", "lvh", "dvh"] }], size: [{ size: [Z, t, "auto", "min", "max", "fit"] }], "font-size": [{ text: ["base", xt, wt] }], "font-smoothing": ["antialiased", "subpixel-antialiased"], "font-style": ["italic", "not-italic"], "font-weight": [{ font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", wr] }], "font-family": [{ font: [an] }], "fvn-normal": ["normal-nums"], "fvn-ordinal": ["ordinal"], "fvn-slashed-zero": ["slashed-zero"], "fvn-figure": ["lining-nums", "oldstyle-nums"], "fvn-spacing": ["proportional-nums", "tabular-nums"], "fvn-fraction": ["diagonal-fractions", "stacked-fractions"], tracking: [{ tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", Z] }], "line-clamp": [{ "line-clamp": ["none", Ut, wr] }], leading: [{ leading: ["none", "tight", "snug", "normal", "relaxed", "loose", lt, Z] }], "list-image": [{ "list-image": ["none", Z] }], "list-style-type": [{ list: ["none", "disc", "decimal", Z] }], "list-style-position": [{ list: ["inside", "outside"] }], "placeholder-color": [{ placeholder: [e] }], "placeholder-opacity": [{ "placeholder-opacity": [q] }], "text-alignment": [{ text: ["left", "center", "right", "justify", "start", "end"] }], "text-color": [{ text: [e] }], "text-opacity": [{ "text-opacity": [q] }], "text-decoration": ["underline", "overline", "line-through", "no-underline"], "text-decoration-style": [{ decoration: [...B(), "wavy"] }], "text-decoration-thickness": [{ decoration: ["auto", "from-font", lt, wt] }], "underline-offset": [{ "underline-offset": ["auto", lt, Z] }], "text-decoration-color": [{ decoration: [e] }], "text-transform": ["uppercase", "lowercase", "capitalize", "normal-case"], "text-overflow": ["truncate", "text-ellipsis", "text-clip"], "text-wrap": [{ text: ["wrap", "nowrap", "balance", "pretty"] }], indent: [{ indent: m() }], "vertical-align": [{ align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", Z] }], whitespace: [{ whitespace: ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces"] }], break: [{ break: ["normal", "words", "all", "keep"] }], hyphens: [{ hyphens: ["none", "manual", "auto"] }], content: [{ content: ["none", Z] }], "bg-attachment": [{ bg: ["fixed", "local", "scroll"] }], "bg-clip": [{ "bg-clip": ["border", "padding", "content", "text"] }], "bg-opacity": [{ "bg-opacity": [q] }], "bg-origin": [{ "bg-origin": ["border", "padding", "content"] }], "bg-position": [{ bg: [...O(), Va] }], "bg-repeat": [{ bg: ["no-repeat", { repeat: ["", "x", "y", "round", "space"] }] }], "bg-size": [{ bg: ["auto", "cover", "contain", ja] }], "bg-image": [{ bg: ["none", { "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"] }, Ga] }], "bg-color": [{ bg: [e] }], "gradient-from-pos": [{ from: [v] }], "gradient-via-pos": [{ via: [v] }], "gradient-to-pos": [{ to: [v] }], "gradient-from": [{ from: [w] }], "gradient-via": [{ via: [w] }], "gradient-to": [{ to: [w] }], rounded: [{ rounded: [o] }], "rounded-s": [{ "rounded-s": [o] }], "rounded-e": [{ "rounded-e": [o] }], "rounded-t": [{ "rounded-t": [o] }], "rounded-r": [{ "rounded-r": [o] }], "rounded-b": [{ "rounded-b": [o] }], "rounded-l": [{ "rounded-l": [o] }], "rounded-ss": [{ "rounded-ss": [o] }], "rounded-se": [{ "rounded-se": [o] }], "rounded-ee": [{ "rounded-ee": [o] }], "rounded-es": [{ "rounded-es": [o] }], "rounded-tl": [{ "rounded-tl": [o] }], "rounded-tr": [{ "rounded-tr": [o] }], "rounded-br": [{ "rounded-br": [o] }], "rounded-bl": [{ "rounded-bl": [o] }], "border-w": [{ border: [l] }], "border-w-x": [{ "border-x": [l] }], "border-w-y": [{ "border-y": [l] }], "border-w-s": [{ "border-s": [l] }], "border-w-e": [{ "border-e": [l] }], "border-w-t": [{ "border-t": [l] }], "border-w-r": [{ "border-r": [l] }], "border-w-b": [{ "border-b": [l] }], "border-w-l": [{ "border-l": [l] }], "border-opacity": [{ "border-opacity": [q] }], "border-style": [{ border: [...B(), "hidden"] }], "divide-x": [{ "divide-x": [l] }], "divide-x-reverse": ["divide-x-reverse"], "divide-y": [{ "divide-y": [l] }], "divide-y-reverse": ["divide-y-reverse"], "divide-opacity": [{ "divide-opacity": [q] }], "divide-style": [{ divide: B() }], "border-color": [{ border: [i] }], "border-color-x": [{ "border-x": [i] }], "border-color-y": [{ "border-y": [i] }], "border-color-s": [{ "border-s": [i] }], "border-color-e": [{ "border-e": [i] }], "border-color-t": [{ "border-t": [i] }], "border-color-r": [{ "border-r": [i] }], "border-color-b": [{ "border-b": [i] }], "border-color-l": [{ "border-l": [i] }], "divide-color": [{ divide: [i] }], "outline-style": [{ outline: ["", ...B()] }], "outline-offset": [{ "outline-offset": [lt, Z] }], "outline-w": [{ outline: [lt, wt] }], "outline-color": [{ outline: [e] }], "ring-w": [{ ring: f() }], "ring-w-inset": ["ring-inset"], "ring-color": [{ ring: [e] }], "ring-opacity": [{ "ring-opacity": [q] }], "ring-offset-w": [{ "ring-offset": [lt, wt] }], "ring-offset-color": [{ "ring-offset": [e] }], shadow: [{ shadow: ["", "inner", "none", xt, Ka] }], "shadow-color": [{ shadow: [an] }], opacity: [{ opacity: [q] }], "mix-blend": [{ "mix-blend": [...ne(), "plus-lighter", "plus-darker"] }], "bg-blend": [{ "bg-blend": ne() }], filter: [{ filter: ["", "none"] }], blur: [{ blur: [n] }], brightness: [{ brightness: [r] }], contrast: [{ contrast: [c] }], "drop-shadow": [{ "drop-shadow": ["", "none", xt, Z] }], grayscale: [{ grayscale: [u] }], "hue-rotate": [{ "hue-rotate": [h] }], invert: [{ invert: [g] }], saturate: [{ saturate: [j] }], sepia: [{ sepia: [T] }], "backdrop-filter": [{ "backdrop-filter": ["", "none"] }], "backdrop-blur": [{ "backdrop-blur": [n] }], "backdrop-brightness": [{ "backdrop-brightness": [r] }], "backdrop-contrast": [{ "backdrop-contrast": [c] }], "backdrop-grayscale": [{ "backdrop-grayscale": [u] }], "backdrop-hue-rotate": [{ "backdrop-hue-rotate": [h] }], "backdrop-invert": [{ "backdrop-invert": [g] }], "backdrop-opacity": [{ "backdrop-opacity": [q] }], "backdrop-saturate": [{ "backdrop-saturate": [j] }], "backdrop-sepia": [{ "backdrop-sepia": [T] }], "border-collapse": [{ border: ["collapse", "separate"] }], "border-spacing": [{ "border-spacing": [a] }], "border-spacing-x": [{ "border-spacing-x": [a] }], "border-spacing-y": [{ "border-spacing-y": [a] }], "table-layout": [{ table: ["auto", "fixed"] }], caption: [{ caption: ["top", "bottom"] }], transition: [{ transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", Z] }], duration: [{ duration: P() }], ease: [{ ease: ["linear", "in", "out", "in-out", Z] }], delay: [{ delay: P() }], animate: [{ animate: ["none", "spin", "ping", "pulse", "bounce", Z] }], transform: [{ transform: ["", "gpu", "none"] }], scale: [{ scale: [Q] }], "scale-x": [{ "scale-x": [Q] }], "scale-y": [{ "scale-y": [Q] }], rotate: [{ rotate: [sn, Z] }], "translate-x": [{ "translate-x": [V] }], "translate-y": [{ "translate-y": [V] }], "skew-x": [{ "skew-x": [F] }], "skew-y": [{ "skew-y": [F] }], "transform-origin": [{ origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", Z] }], accent: [{ accent: ["auto", e] }], appearance: [{ appearance: ["none", "auto"] }], cursor: [{ cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", Z] }], "caret-color": [{ caret: [e] }], "pointer-events": [{ "pointer-events": ["none", "auto"] }], resize: [{ resize: ["none", "y", "x", ""] }], "scroll-behavior": [{ scroll: ["auto", "smooth"] }], "scroll-m": [{ "scroll-m": m() }], "scroll-mx": [{ "scroll-mx": m() }], "scroll-my": [{ "scroll-my": m() }], "scroll-ms": [{ "scroll-ms": m() }], "scroll-me": [{ "scroll-me": m() }], "scroll-mt": [{ "scroll-mt": m() }], "scroll-mr": [{ "scroll-mr": m() }], "scroll-mb": [{ "scroll-mb": m() }], "scroll-ml": [{ "scroll-ml": m() }], "scroll-p": [{ "scroll-p": m() }], "scroll-px": [{ "scroll-px": m() }], "scroll-py": [{ "scroll-py": m() }], "scroll-ps": [{ "scroll-ps": m() }], "scroll-pe": [{ "scroll-pe": m() }], "scroll-pt": [{ "scroll-pt": m() }], "scroll-pr": [{ "scroll-pr": m() }], "scroll-pb": [{ "scroll-pb": m() }], "scroll-pl": [{ "scroll-pl": m() }], "snap-align": [{ snap: ["start", "end", "center", "align-none"] }], "snap-stop": [{ snap: ["normal", "always"] }], "snap-type": [{ snap: ["none", "x", "y", "both"] }], "snap-strictness": [{ snap: ["mandatory", "proximity"] }], touch: [{ touch: ["auto", "none", "manipulation"] }], "touch-x": [{ "touch-pan": ["x", "left", "right"] }], "touch-y": [{ "touch-pan": ["y", "up", "down"] }], "touch-pz": ["touch-pinch-zoom"], select: [{ select: ["none", "text", "all", "auto"] }], "will-change": [{ "will-change": ["auto", "scroll", "contents", "transform", Z] }], fill: [{ fill: [e, "none"] }], "stroke-w": [{ stroke: [lt, wt, wr] }], stroke: [{ stroke: [e, "none"] }], sr: ["sr-only", "not-sr-only"], "forced-color-adjust": [{ "forced-color-adjust": ["auto", "none"] }] }, conflictingClassGroups: { overflow: ["overflow-x", "overflow-y"], overscroll: ["overscroll-x", "overscroll-y"], inset: ["inset-x", "inset-y", "start", "end", "top", "right", "bottom", "left"], "inset-x": ["right", "left"], "inset-y": ["top", "bottom"], flex: ["basis", "grow", "shrink"], gap: ["gap-x", "gap-y"], p: ["px", "py", "ps", "pe", "pt", "pr", "pb", "pl"], px: ["pr", "pl"], py: ["pt", "pb"], m: ["mx", "my", "ms", "me", "mt", "mr", "mb", "ml"], mx: ["mr", "ml"], my: ["mt", "mb"], size: ["w", "h"], "font-size": ["leading"], "fvn-normal": ["fvn-ordinal", "fvn-slashed-zero", "fvn-figure", "fvn-spacing", "fvn-fraction"], "fvn-ordinal": ["fvn-normal"], "fvn-slashed-zero": ["fvn-normal"], "fvn-figure": ["fvn-normal"], "fvn-spacing": ["fvn-normal"], "fvn-fraction": ["fvn-normal"], "line-clamp": ["display", "overflow"], rounded: ["rounded-s", "rounded-e", "rounded-t", "rounded-r", "rounded-b", "rounded-l", "rounded-ss", "rounded-se", "rounded-ee", "rounded-es", "rounded-tl", "rounded-tr", "rounded-br", "rounded-bl"], "rounded-s": ["rounded-ss", "rounded-es"], "rounded-e": ["rounded-se", "rounded-ee"], "rounded-t": ["rounded-tl", "rounded-tr"], "rounded-r": ["rounded-tr", "rounded-br"], "rounded-b": ["rounded-br", "rounded-bl"], "rounded-l": ["rounded-tl", "rounded-bl"], "border-spacing": ["border-spacing-x", "border-spacing-y"], "border-w": ["border-w-s", "border-w-e", "border-w-t", "border-w-r", "border-w-b", "border-w-l"], "border-w-x": ["border-w-r", "border-w-l"], "border-w-y": ["border-w-t", "border-w-b"], "border-color": ["border-color-s", "border-color-e", "border-color-t", "border-color-r", "border-color-b", "border-color-l"], "border-color-x": ["border-color-r", "border-color-l"], "border-color-y": ["border-color-t", "border-color-b"], "scroll-m": ["scroll-mx", "scroll-my", "scroll-ms", "scroll-me", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml"], "scroll-mx": ["scroll-mr", "scroll-ml"], "scroll-my": ["scroll-mt", "scroll-mb"], "scroll-p": ["scroll-px", "scroll-py", "scroll-ps", "scroll-pe", "scroll-pt", "scroll-pr", "scroll-pb", "scroll-pl"], "scroll-px": ["scroll-pr", "scroll-pl"], "scroll-py": ["scroll-pt", "scroll-pb"], touch: ["touch-x", "touch-y", "touch-pz"], "touch-x": ["touch"], "touch-y": ["touch"], "touch-pz": ["touch"] }, conflictingClassGroupModifiers: { "font-size": ["leading"] } };
+};
+La(qa);
+G("<div style=overflow:visible>");
+G('<canvas class="fixed top-0 left-0 pointer-events-none z-[2147483645]">');
+G('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2><path d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6"></path><path d="M11 13l9-9"></path><path d="M15 4h5v5">');
+G('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"></path><path d="M19 10v2a7 7 0 0 1-14 0v-2"></path><line x1=12 x2=12 y1=19 y2=22>');
+G('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 22 19"fill=none><path d="M6.76263 18.6626C7.48251 18.6626 7.95474 18.1682 7.95474 17.4895C7.95474 17.1207 7.80474 16.8576 7.58683 16.6361L5.3018 14.4137L2.84621 12.3589L2.44374 13.0037L5.92137 13.1622H17.9232C20.4842 13.1622 21.593 12.021 21.593 9.47237V3.66983C21.593 1.10875 20.4842 0 17.9232 0H12.5414C11.8179 0 11.3018 0.545895 11.3018 1.21695C11.3018 1.888 11.8179 2.43389 12.5414 2.43389H17.8424C18.7937 2.43389 19.1897 2.83653 19.1897 3.78784V9.35747C19.1897 10.3257 18.7937 10.7314 17.8424 10.7314H5.92137L2.44374 10.8832L2.84621 11.5281L5.3018 9.47993L7.58683 7.2606C7.80474 7.03914 7.95474 6.7693 7.95474 6.40049C7.95474 5.72854 7.48251 5.22747 6.76263 5.22747C6.46129 5.22747 6.12975 5.36905 5.89231 5.6096L0.376815 11.0425C0.134921 11.2777 0 11.6141 0 11.9452C0 12.2728 0.134921 12.6158 0.376815 12.848L5.89231 18.2871C6.12975 18.5276 6.46129 18.6626 6.76263 18.6626Z"fill=currentColor>');
+G('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none><path d="M17.65 6.35C16.2 4.9 14.21 4 12 4C7.58 4 4.01 7.58 4.01 12C4.01 16.42 7.58 20 12 20C15.73 20 18.84 17.45 19.73 14H17.65C16.83 16.33 14.61 18 12 18C8.69 18 6 15.31 6 12C6 8.69 8.69 6 12 6C13.66 6 15.14 6.69 16.22 7.78L13 11H20V4L17.65 6.35Z"fill=currentColor>');
+G('<div style="background-image:linear-gradient(in oklab 180deg, oklab(88.7% 0.086 -0.058) 0%, oklab(83.2% 0.132 -0.089) 100%)"><span>');
+G('<div class="contain-layout shrink-0 flex items-center w-fit h-4 rounded-[1px] gap-1 px-[3px] [border-width:0.5px] border-solid border-[#B3B3B3] py-0 bg-[#F7F7F7]"><span class="text-[#0C0C0C] text-[11.5px] leading-3.5 shrink-0 font-medium w-fit h-fit">');
+G('<div class="contain-layout shrink-0 flex items-center w-fit h-4 rounded-[1px] gap-1 px-[3px] [border-width:0.5px] border-solid border-white py-0"><span class="text-[#0C0C0C] text-[11.5px] leading-3.5 shrink-0 font-medium w-fit h-fit">&gt;');
+G('<div class="absolute w-0 h-0"style="border-left:8px solid transparent;border-right:8px solid transparent">');
+G('<div role=button><div class="text-black text-[12px] leading-4 shrink-0 font-sans font-medium w-fit h-fit">');
+G('<div class="[font-synthesis:none] contain-layout shrink-0 flex flex-col items-start px-2 py-[5px] w-auto h-fit self-stretch [border-top-width:0.5px] border-t-solid border-t-[#D9D9D9] antialiased rounded-t-none rounded-b-xs -mt-px"style="background-image:linear-gradient(in oklab 180deg, oklab(100% 0 0) 0%, oklab(96.1% 0 0) 5.92%)">');
+G('<div class="contain-layout shrink-0 flex items-center justify-end gap-[5px] w-full h-fit"><button class="contain-layout shrink-0 flex items-center justify-center px-[3px] py-px rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] cursor-pointer transition-all hover:bg-[#F5F5F5] h-[17px]"><span class="text-black text-[11px] leading-3.5 font-sans font-medium">No</span></button><button class="contain-layout shrink-0 flex items-center justify-center gap-1 px-[3px] py-px rounded-xs bg-white [border-width:0.5px] border-solid border-[#7e0002] cursor-pointer transition-all hover:bg-[#FEF2F2] h-[17px]"><span class="text-[#B91C1C] text-[11px] leading-3.5 font-sans font-medium">Yes');
+G('<div class="contain-layout shrink-0 flex flex-col justify-center items-end gap-1 w-fit h-fit"><div class="contain-layout shrink-0 flex items-center gap-1 pt-1 px-1.5 w-full h-fit"><span class="text-black text-[12px] leading-4 shrink-0 font-sans font-medium w-fit h-fit">Discard?');
+G('<div class="contain-layout shrink-0 flex items-center justify-end gap-[5px] w-full h-fit"><button class="contain-layout shrink-0 flex items-center justify-center gap-1 px-[3px] py-px rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] cursor-pointer transition-all hover:bg-[#F5F5F5] h-[17px]"><span class="text-black text-[11px] leading-3.5 font-sans font-medium">Retry</span></button><button class="contain-layout shrink-0 flex items-center justify-center gap-1 px-[3px] py-px rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] cursor-pointer transition-all hover:bg-[#F5F5F5] h-[17px]"><span class="text-black text-[11px] leading-3.5 font-sans font-medium">Ok');
+G('<div class="contain-layout shrink-0 flex flex-col justify-center items-end gap-1 w-fit h-fit max-w-[280px]"><div class="contain-layout shrink-0 flex items-center gap-1 pt-1 px-1.5 w-full h-fit"><span class="text-[#B91C1C] text-[12px] leading-4 font-sans font-medium">');
+G('<button class="contain-layout shrink-0 flex items-center justify-center px-[3px] py-px rounded-xs bg-white [border-width:0.5px] border-solid border-[#7e0002] cursor-pointer transition-all hover:bg-[#FEF2F2] h-[17px]"><span class="text-[#B91C1C] text-[11px] leading-3.5 font-sans font-medium">Undo');
+G('<button class="contain-layout shrink-0 flex items-center justify-center px-[3px] py-px rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] cursor-pointer transition-all hover:bg-[#F5F5F5] h-[17px]"><span class="text-black text-[11px] leading-3.5 font-sans font-medium">Reply');
+G('<button class="contain-layout shrink-0 flex items-center justify-center gap-1 px-[3px] py-px rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] cursor-pointer transition-all hover:bg-[#F5F5F5] h-[17px]"><span class="text-black text-[11px] leading-3.5 font-sans font-medium">');
+G('<div class="contain-layout shrink-0 flex items-center justify-end gap-[5px] w-full h-fit">');
+G('<div class="[font-synthesis:none] contain-layout shrink-0 flex flex-col justify-center items-end rounded-xs bg-white antialiased w-fit h-fit"><div class="contain-layout shrink-0 flex items-center gap-1 pt-1.5 pb-1 px-1.5 w-full h-fit"><span class="text-black text-[12px] leading-4 shrink-0 font-sans font-medium w-fit h-fit tabular-nums">');
+G('<button data-react-grab-ignore-events class="contain-layout shrink-0 flex flex-col items-start rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] p-1 size-fit cursor-pointer ml-1 transition-none hover:scale-105"><div data-react-grab-ignore-events class="shrink-0 w-[7px] h-[7px] rounded-[1px] bg-black pointer-events-none">');
+G('<div class="shrink-0 flex justify-between items-end w-full min-h-4"><textarea data-react-grab-ignore-events class="text-black text-[12px] leading-4 font-medium bg-transparent border-none outline-none resize-none flex-1 p-0 m-0 opacity-50 wrap-break-word overflow-y-auto"placeholder="type to edit"rows=1 disabled style=field-sizing:content;min-height:16px;max-height:95px;scrollbar-width:none>');
+G('<div class="contain-layout shrink-0 flex flex-col justify-center items-start gap-1 w-fit h-fit max-w-[280px]"><div class="contain-layout shrink-0 flex items-center gap-1 pt-1 px-1.5 w-auto h-fit"><div class="contain-layout flex items-center px-0 py-px w-auto h-fit rounded-[1.5px] gap-[3px]"><span class="text-[12px] leading-4 font-sans font-medium w-auto h-fit whitespace-normal text-[#71717a] animate-pulse tabular-nums">');
+G('<div class="contain-layout shrink-0 flex items-center gap-px w-fit h-fit">');
+G('<span class="text-label-muted text-[12px] leading-4 shrink-0 font-sans font-medium w-fit h-fit">Double click to edit');
+G('<div class="contain-layout shrink-0 flex flex-col items-start px-[3px] py-[3px] rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] size-fit">');
+G('<span class="text-label-muted text-[12px] leading-4 shrink-0 font-sans font-medium w-fit h-fit">Press');
+G('<div class="contain-layout shrink-0 flex items-center justify-center px-[3px] py-[2px] rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] size-fit"><span class="text-[9px] leading-none font-medium text-black">Esc');
+G('<span class="text-label-muted text-[12px] leading-4 shrink-0 font-sans font-medium w-fit h-fit">to dismiss');
+G('<div class="contain-layout shrink-0 flex items-center gap-1 w-fit h-fit">');
+G('<div class="contain-layout shrink-0 flex flex-col justify-center items-start gap-1 w-fit h-fit"><div></div><div class="grid transition-[grid-template-rows] duration-30 ease-out self-stretch"><div>');
+G('<div class="shrink-0 flex items-center gap-0.5 w-full mb-0.5 overflow-hidden"><span class="text-[#a1a1aa] text-[9px] leading-3 shrink-0">>previously:</span><span class="text-[#a1a1aa] text-[9px] leading-3 italic truncate whitespace-nowrap">');
+G("<button>");
+G('<button class="contain-layout shrink-0 flex flex-col items-start px-[3px] py-[3px] rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] size-fit cursor-pointer transition-all hover:scale-105">');
+G('<div class="shrink-0 flex justify-between items-end w-full min-h-4"><textarea data-react-grab-ignore-events class="text-black text-[12px] leading-4 font-medium bg-transparent border-none outline-none resize-none flex-1 p-0 m-0 wrap-break-word overflow-y-auto"rows=1 style=field-sizing:content;min-height:16px;max-height:95px;scrollbar-width:none></textarea><div class="flex items-center gap-0.5 ml-1 w-[17px] h-[17px] justify-end">');
+G('<div class="contain-layout shrink-0 flex flex-col justify-center items-start gap-1 w-fit h-fit max-w-[280px]"><div>');
+G('<div data-react-grab-ignore-events class="fixed font-sans antialiased transition-opacity duration-300 ease-out filter-[drop-shadow(0px_0px_4px_#51515180)] select-none"style=z-index:2147483647><div class="[font-synthesis:none] contain-layout flex items-center gap-[5px] rounded-xs bg-white antialiased w-fit h-fit p-0">');
+Mn(["click", "pointerdown", "mousedown", "pointerup", "input", "keydown"]);
+G('<div class="fixed z-2147483647"><button data-react-grab-selection-cursor>');
+Mn(["click"]);
+var Li = "0.5.25";
+var Hn = `bippy-${Li}`;
+var Ri = Object.defineProperty;
+var zl = Object.prototype.hasOwnProperty;
+var cn = () => {
+};
+var Oi = (e) => {
+  try {
+    Function.prototype.toString.call(e).indexOf("^_^") > -1 && setTimeout(() => {
+      throw Error("React is running in production mode, but dead code elimination has not been applied. Read how to correctly configure React for production: https://reactjs.org/link/perf-use-production-build");
+    });
+  } catch {
+  }
+};
+var zn = (e = ct()) => "getFiberRoots" in e;
+var Mi = false;
+var Ii;
+var un = (e = ct()) => Mi ? true : (typeof e.inject == "function" && (Ii = e.inject.toString()), !!Ii?.includes("(injected)"));
+var Dn = /* @__PURE__ */ new Set();
+var Rt = /* @__PURE__ */ new Set();
+var $i = (e) => {
+  let t = /* @__PURE__ */ new Map(), n = 0, r = { _instrumentationIsActive: false, _instrumentationSource: Hn, checkDCE: Oi, hasUnsupportedRendererAttached: false, inject(i) {
+    let o = ++n;
+    return t.set(o, i), Rt.add(i), r._instrumentationIsActive || (r._instrumentationIsActive = true, Dn.forEach((a) => a())), o;
+  }, on: cn, onCommitFiberRoot: cn, onCommitFiberUnmount: cn, onPostCommitFiberRoot: cn, renderers: t, supportsFiber: true, supportsFlight: true };
+  try {
+    Ri(globalThis, "__REACT_DEVTOOLS_GLOBAL_HOOK__", { configurable: true, enumerable: true, get() {
+      return r;
+    }, set(a) {
+      if (a && typeof a == "object") {
+        let l = r.renderers;
+        r = a, l.size > 0 && (l.forEach((c, u) => {
+          Rt.add(c), a.renderers.set(u, c);
+        }), Bn(e));
+      }
+    } });
+    let i = window.hasOwnProperty, o = false;
+    Ri(window, "hasOwnProperty", { configurable: true, value: function(...a) {
+      try {
+        if (!o && a[0] === "__REACT_DEVTOOLS_GLOBAL_HOOK__") return globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__ = void 0, o = true, -0;
+      } catch {
+      }
+      return i.apply(this, a);
+    }, writable: true });
+  } catch {
+    Bn(e);
+  }
+  return r;
+};
+var Bn = (e) => {
+  try {
+    let t = globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__;
+    if (!t) return;
+    if (!t._instrumentationSource) {
+      t.checkDCE = Oi, t.supportsFiber = true, t.supportsFlight = true, t.hasUnsupportedRendererAttached = false, t._instrumentationSource = Hn, t._instrumentationIsActive = false;
+      let n = zn(t);
+      if (n || (t.on = cn), t.renderers.size) {
+        t._instrumentationIsActive = true, Dn.forEach((o) => o());
+        return;
+      }
+      let r = t.inject, i = un(t);
+      i && !n && (Mi = true, t.inject({ scheduleRefresh() {
+      } }) && (t._instrumentationIsActive = true)), t.inject = (o) => {
+        let a = r(o);
+        return Rt.add(o), i && t.renderers.set(a, o), t._instrumentationIsActive = true, Dn.forEach((l) => l()), a;
+      };
+    }
+    (t.renderers.size || t._instrumentationIsActive || un()) && e?.();
+  } catch {
+  }
+};
+var Cr = () => zl.call(globalThis, "__REACT_DEVTOOLS_GLOBAL_HOOK__");
+var ct = (e) => Cr() ? (Bn(e), globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__) : $i(e);
+var Pi = () => !!(typeof window < "u" && (window.document?.createElement || window.navigator?.product === "ReactNative"));
+var Sr = () => {
+  try {
+    Pi() && ct();
+  } catch {
+  }
+};
+var ql = Object.create;
+var Ui = Object.defineProperty;
+var Zl = Object.getOwnPropertyDescriptor;
+var Jl = Object.getOwnPropertyNames;
+var Ql = Object.getPrototypeOf;
+var ec = Object.prototype.hasOwnProperty;
+var tc = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports);
+var nc = (e, t, n, r) => {
+  if (t && typeof t == "object" || typeof t == "function") for (var i = Jl(t), o = 0, a = i.length, l; o < a; o++) l = i[o], !ec.call(e, l) && l !== n && Ui(e, l, { get: ((c) => t[c]).bind(null, l), enumerable: !(r = Zl(t, l)) || r.enumerable });
+  return e;
+};
+var rc = (e, t, n) => (n = e == null ? {} : ql(Ql(e)), nc(Ui(n, "default", { value: e, enumerable: true }), e));
+var dc = tc((e, t) => {
+  (function(n, r) {
+    typeof e == "object" && t !== void 0 ? r(e) : typeof define == "function" && define.amd ? define(["exports"], r) : (n = typeof globalThis < "u" ? globalThis : n || self, r(n.sourcemapCodec = {}));
+  })(void 0, function(n) {
+    let r = 44, i = 59, o = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", a = new Uint8Array(64), l = new Uint8Array(128);
+    for (let p = 0; p < o.length; p++) {
+      let m = o.charCodeAt(p);
+      a[p] = m, l[m] = p;
+    }
+    function c(p, m) {
+      let f = 0, y = 0, O = 0;
+      do {
+        let ne = p.next();
+        O = l[ne], f |= (O & 31) << y, y += 5;
+      } while (O & 32);
+      let B = f & 1;
+      return f >>>= 1, B && (f = -2147483648 | -f), m + f;
+    }
+    function u(p, m, f) {
+      let y = m - f;
+      y = y < 0 ? -y << 1 | 1 : y << 1;
+      do {
+        let O = y & 31;
+        y >>>= 5, y > 0 && (O |= 32), p.write(a[O]);
+      } while (y > 0);
+      return m;
+    }
+    function h(p, m) {
+      return p.pos >= m ? false : p.peek() !== r;
+    }
+    let g = 1024 * 16, _ = typeof TextDecoder < "u" ? new TextDecoder() : typeof Buffer < "u" ? { decode(p) {
+      return Buffer.from(p.buffer, p.byteOffset, p.byteLength).toString();
+    } } : { decode(p) {
+      let m = "";
+      for (let f = 0; f < p.length; f++) m += String.fromCharCode(p[f]);
+      return m;
+    } };
+    class w {
+      constructor() {
+        this.pos = 0, this.out = "", this.buffer = new Uint8Array(g);
+      }
+      write(m) {
+        let { buffer: f } = this;
+        f[this.pos++] = m, this.pos === g && (this.out += _.decode(f), this.pos = 0);
+      }
+      flush() {
+        let { buffer: m, out: f, pos: y } = this;
+        return y > 0 ? f + _.decode(m.subarray(0, y)) : f;
+      }
+    }
+    class v {
+      constructor(m) {
+        this.pos = 0, this.buffer = m;
+      }
+      next() {
+        return this.buffer.charCodeAt(this.pos++);
+      }
+      peek() {
+        return this.buffer.charCodeAt(this.pos);
+      }
+      indexOf(m) {
+        let { buffer: f, pos: y } = this, O = f.indexOf(m, y);
+        return O === -1 ? f.length : O;
+      }
+    }
+    let I = [];
+    function z(p) {
+      let { length: m } = p, f = new v(p), y = [], O = [], B = 0;
+      for (; f.pos < m; f.pos++) {
+        B = c(f, B);
+        let ne = c(f, 0);
+        if (!h(f, m)) {
+          let Y = O.pop();
+          Y[2] = B, Y[3] = ne;
+          continue;
+        }
+        let te = c(f, 0), ie = c(f, 0), C = ie & 1, P = C ? [B, ne, 0, 0, te, c(f, 0)] : [B, ne, 0, 0, te], K = I;
+        if (h(f, m)) {
+          K = [];
+          do {
+            let Y = c(f, 0);
+            K.push(Y);
+          } while (h(f, m));
+        }
+        P.vars = K, y.push(P), O.push(P);
+      }
+      return y;
+    }
+    function q(p) {
+      let m = new w();
+      for (let f = 0; f < p.length; ) f = L(p, f, m, [0]);
+      return m.flush();
+    }
+    function L(p, m, f, y) {
+      let O = p[m], { 0: B, 1: ne, 2: te, 3: ie, 4: C, vars: P } = O;
+      m > 0 && f.write(r), y[0] = u(f, B, y[0]), u(f, ne, 0), u(f, C, 0);
+      let K = O.length === 6 ? 1 : 0;
+      u(f, K, 0), O.length === 6 && u(f, O[5], 0);
+      for (let Y of P) u(f, Y, 0);
+      for (m++; m < p.length; ) {
+        let Y = p[m], { 0: U, 1: H } = Y;
+        if (U > te || U === te && H >= ie) break;
+        m = L(p, m, f, y);
+      }
+      return f.write(r), y[0] = u(f, te, y[0]), u(f, ie, 0), m;
+    }
+    function j(p) {
+      let { length: m } = p, f = new v(p), y = [], O = [], B = 0, ne = 0, te = 0, ie = 0, C = 0, P = 0, K = 0, Y = 0;
+      do {
+        let U = f.indexOf(";"), H = 0;
+        for (; f.pos < U; f.pos++) {
+          if (H = c(f, H), !h(f, U)) {
+            let ve = O.pop();
+            ve[2] = B, ve[3] = H;
+            continue;
+          }
+          let se = c(f, 0), ee = se & 1, fe = se & 2, me = se & 4, we = null, ge = I, ke;
+          if (ee) {
+            let ve = c(f, ne);
+            te = c(f, ne === ve ? te : 0), ne = ve, ke = [B, H, 0, 0, ve, te];
+          } else ke = [B, H, 0, 0];
+          if (ke.isScope = !!me, fe) {
+            let ve = ie, nt = C;
+            ie = c(f, ie);
+            let Fe = ve === ie;
+            C = c(f, Fe ? C : 0), P = c(f, Fe && nt === C ? P : 0), we = [ie, C, P];
+          }
+          if (ke.callsite = we, h(f, U)) {
+            ge = [];
+            do {
+              K = B, Y = H;
+              let ve = c(f, 0), nt;
+              if (ve < -1) {
+                nt = [[c(f, 0)]];
+                for (let Fe = -1; Fe > ve; Fe--) {
+                  let Ve = K;
+                  K = c(f, K), Y = c(f, K === Ve ? Y : 0);
+                  let Wt = c(f, 0);
+                  nt.push([Wt, K, Y]);
+                }
+              } else nt = [[ve]];
+              ge.push(nt);
+            } while (h(f, U));
+          }
+          ke.bindings = ge, y.push(ke), O.push(ke);
+        }
+        B++, f.pos = U + 1;
+      } while (f.pos < m);
+      return y;
+    }
+    function Q(p) {
+      if (p.length === 0) return "";
+      let m = new w();
+      for (let f = 0; f < p.length; ) f = T(p, f, m, [0, 0, 0, 0, 0, 0, 0]);
+      return m.flush();
+    }
+    function T(p, m, f, y) {
+      let O = p[m], { 0: B, 1: ne, 2: te, 3: ie, isScope: C, callsite: P, bindings: K } = O;
+      y[0] < B ? (F(f, y[0], B), y[0] = B, y[1] = 0) : m > 0 && f.write(r), y[1] = u(f, O[1], y[1]);
+      let Y = (O.length === 6 ? 1 : 0) | (P ? 2 : 0) | (C ? 4 : 0);
+      if (u(f, Y, 0), O.length === 6) {
+        let { 4: U, 5: H } = O;
+        U !== y[2] && (y[3] = 0), y[2] = u(f, U, y[2]), y[3] = u(f, H, y[3]);
+      }
+      if (P) {
+        let { 0: U, 1: H, 2: se } = O.callsite;
+        U === y[4] ? H !== y[5] && (y[6] = 0) : (y[5] = 0, y[6] = 0), y[4] = u(f, U, y[4]), y[5] = u(f, H, y[5]), y[6] = u(f, se, y[6]);
+      }
+      if (K) for (let U of K) {
+        U.length > 1 && u(f, -U.length, 0);
+        let H = U[0][0];
+        u(f, H, 0);
+        let se = B, ee = ne;
+        for (let fe = 1; fe < U.length; fe++) {
+          let me = U[fe];
+          se = u(f, me[1], se), ee = u(f, me[2], ee), u(f, me[0], 0);
+        }
+      }
+      for (m++; m < p.length; ) {
+        let U = p[m], { 0: H, 1: se } = U;
+        if (H > te || H === te && se >= ie) break;
+        m = T(p, m, f, y);
+      }
+      return y[0] < te ? (F(f, y[0], te), y[0] = te, y[1] = 0) : f.write(r), y[1] = u(f, ie, y[1]), m;
+    }
+    function F(p, m, f) {
+      do
+        p.write(i);
+      while (++m < f);
+    }
+    function X(p) {
+      let { length: m } = p, f = new v(p), y = [], O = 0, B = 0, ne = 0, te = 0, ie = 0;
+      do {
+        let C = f.indexOf(";"), P = [], K = true, Y = 0;
+        for (O = 0; f.pos < C; ) {
+          let U;
+          O = c(f, O), O < Y && (K = false), Y = O, h(f, C) ? (B = c(f, B), ne = c(f, ne), te = c(f, te), h(f, C) ? (ie = c(f, ie), U = [O, B, ne, te, ie]) : U = [O, B, ne, te]) : U = [O], P.push(U), f.pos++;
+        }
+        K || V(P), y.push(P), f.pos = C + 1;
+      } while (f.pos <= m);
+      return y;
+    }
+    function V(p) {
+      p.sort(W);
+    }
+    function W(p, m) {
+      return p[0] - m[0];
+    }
+    function $(p) {
+      let m = new w(), f = 0, y = 0, O = 0, B = 0;
+      for (let ne = 0; ne < p.length; ne++) {
+        let te = p[ne];
+        if (ne > 0 && m.write(i), te.length === 0) continue;
+        let ie = 0;
+        for (let C = 0; C < te.length; C++) {
+          let P = te[C];
+          C > 0 && m.write(r), ie = u(m, P[0], ie), P.length !== 1 && (f = u(m, P[1], f), y = u(m, P[2], y), O = u(m, P[3], O), P.length !== 4 && (B = u(m, P[4], B)));
+        }
+      }
+      return m.flush();
+    }
+    n.decode = X, n.decodeGeneratedRanges = j, n.decodeOriginalScopes = z, n.encode = $, n.encodeGeneratedRanges = Q, n.encodeOriginalScopes = q, Object.defineProperty(n, "__esModule", { value: true });
+  });
+});
+rc(dc());
+Sr();
+var Fc = "application/x-react-grab";
+var Xt = (e, t) => {
+  let n = JSON.stringify({ version: ni, content: e, timestamp: Date.now(), ...t?.prompt }), r = (o) => {
+    o.preventDefault(), o.clipboardData?.setData("text/plain", e), o.clipboardData?.setData(Fc, n);
+  };
+  document.addEventListener("copy", r);
+  let i = document.createElement("textarea");
+  i.value = e, i.style.position = "fixed", i.style.left = "-9999px", i.ariaHidden = "true", document.body.appendChild(i), i.select();
+  try {
+    let o = document.execCommand("copy");
+    return o && t?.onSuccess?.(), o;
+  } finally {
+    document.removeEventListener("copy", r), i.remove();
+  }
+};
+G('<span class="tabular-nums align-middle">');
+G('<span class="font-mono tabular-nums align-middle">&lt;<!>>');
+G('<span class="tabular-nums ml-1 align-middle"> in ');
+
+// src/client.ts
+var REFERENCE_PREFIX = "Use this as reference to make the change, do not actually write this code:\n\n";
+var parseAgentResponse = (response) => {
+  const trimmed = response.trim();
+  if (trimmed.startsWith("{") && trimmed.endsWith("}")) {
+    try {
+      const parsed = JSON.parse(trimmed);
+      if (typeof parsed === "object" && "code" in parsed) {
+        return parsed;
+      }
+    } catch {
+    }
+  }
+  return trimmed;
+};
+var buildUserMessage = (prompt, html, isFirstMessage) => {
+  if (isFirstMessage) {
+    return `Here is the HTML to modify:
+
+${html}
+
+Modification request: ${prompt}
+
+You can either:
+1. Output ONLY the JavaScript code if you're confident in the change
+2. Output JSON to iterate: { "iterate": true, "code": "...", "reason": "why you need to see the result" }
+
+When iterating, the code will be executed and you'll see the updated HTML to refine further.`;
+  }
+  return `Follow-up modification request: ${prompt}
+
+Remember: Output ONLY the JavaScript code for this modification. The $el variable still references the same element.`;
+};
+var buildIterationMessage = (updatedHtml, executionResult) => {
+  let message = `Here is the updated HTML after executing your code:
+
+${updatedHtml}`;
+  if (executionResult) {
+    message += `
+
+Execution result: ${executionResult}`;
+  }
+  message += `
+
+Continue modifying or output final JavaScript code (without JSON wrapper) when done.`;
+  return message;
+};
+var createUndoableProxy = (element) => {
+  const undoActions = [];
+  const record = (action) => undoActions.push(action);
+  const removeNodes = (nodes) => {
+    for (const node of nodes) {
+      if (typeof node !== "string") node.parentNode?.removeChild(node);
+    }
+  };
+  const wrapNodeInsertion = (method) => ((...nodes) => {
+    method(...nodes);
+    record(() => removeNodes(nodes));
+  });
+  const styleProxy = new Proxy(element.style, {
+    set(target, prop, value) {
+      if (typeof prop === "string") {
+        const original = target.getPropertyValue(prop) || target[prop] || "";
+        record(() => {
+          target[prop] = original;
+        });
+      }
+      return Reflect.set(target, prop, value);
+    }
+  });
+  const classListProxy = new Proxy(element.classList, {
+    get(target, prop) {
+      if (prop === "add")
+        return (...classes) => {
+          const toUndo = classes.filter((c) => !target.contains(c));
+          record(() => target.remove(...toUndo));
+          return target.add(...classes);
+        };
+      if (prop === "remove")
+        return (...classes) => {
+          const toRestore = classes.filter((c) => target.contains(c));
+          record(() => target.add(...toRestore));
+          return target.remove(...classes);
+        };
+      if (prop === "toggle")
+        return (cls, force) => {
+          const had = target.contains(cls);
+          const result = target.toggle(cls, force);
+          record(() => had ? target.add(cls) : target.remove(cls));
+          return result;
+        };
+      if (prop === "replace")
+        return (oldCls, newCls) => {
+          const had = target.contains(oldCls);
+          const result = target.replace(oldCls, newCls);
+          if (had)
+            record(() => {
+              target.remove(newCls);
+              target.add(oldCls);
+            });
+          return result;
+        };
+      const value = Reflect.get(target, prop);
+      return typeof value === "function" ? value.bind(target) : value;
+    }
+  });
+  const datasetProxy = new Proxy(element.dataset, {
+    set(target, prop, value) {
+      if (typeof prop === "string") {
+        const original = target[prop];
+        const had = prop in target;
+        record(() => had ? target[prop] = original : delete target[prop]);
+      }
+      return Reflect.set(target, prop, value);
+    },
+    deleteProperty(target, prop) {
+      if (typeof prop === "string" && prop in target) {
+        const original = target[prop];
+        record(() => {
+          target[prop] = original;
+        });
+      }
+      return Reflect.deleteProperty(target, prop);
+    }
+  });
+  const getMethodHandler = (target, prop) => {
+    switch (prop) {
+      case "setAttribute":
+        return (name, value) => {
+          const had = target.hasAttribute(name);
+          const original = target.getAttribute(name);
+          record(
+            () => had ? target.setAttribute(name, original) : target.removeAttribute(name)
+          );
+          return target.setAttribute(name, value);
+        };
+      case "removeAttribute":
+        return (name) => {
+          if (target.hasAttribute(name)) {
+            const original = target.getAttribute(name);
+            record(() => target.setAttribute(name, original));
+          }
+          return target.removeAttribute(name);
+        };
+      case "appendChild":
+        return (child) => {
+          const result = target.appendChild(child);
+          record(() => child.parentNode?.removeChild(child));
+          return result;
+        };
+      case "removeChild":
+        return (child) => {
+          const nextSibling = child.nextSibling;
+          const result = target.removeChild(child);
+          record(() => target.insertBefore(child, nextSibling));
+          return result;
+        };
+      case "insertBefore":
+        return (node, ref) => {
+          const result = target.insertBefore(node, ref);
+          record(() => node.parentNode?.removeChild(node));
+          return result;
+        };
+      case "replaceChild":
+        return (newChild, oldChild) => {
+          const nextSibling = oldChild.nextSibling;
+          const result = target.replaceChild(newChild, oldChild);
+          record(() => {
+            target.replaceChild(oldChild, newChild);
+            if (nextSibling && oldChild.nextSibling !== nextSibling) {
+              target.insertBefore(oldChild, nextSibling);
+            }
+          });
+          return result;
+        };
+      case "remove":
+        return () => {
+          const parent = target.parentNode;
+          const nextSibling = target.nextSibling;
+          target.remove();
+          record(() => parent?.insertBefore(target, nextSibling));
+        };
+      case "append":
+        return wrapNodeInsertion(target.append.bind(target));
+      case "prepend":
+        return wrapNodeInsertion(target.prepend.bind(target));
+      case "after":
+        return wrapNodeInsertion(target.after.bind(target));
+      case "before":
+        return wrapNodeInsertion(target.before.bind(target));
+      case "replaceWith":
+        return (...nodes) => {
+          const parent = target.parentNode;
+          const nextSibling = target.nextSibling;
+          target.replaceWith(...nodes);
+          record(() => {
+            const firstNode = nodes.find((n) => typeof n !== "string");
+            if (parent) {
+              parent.insertBefore(target, firstNode ?? nextSibling);
+              removeNodes(nodes);
+            }
+          });
+        };
+      case "insertAdjacentHTML":
+        return (position, html) => {
+          const childrenBefore = Array.from(target.childNodes);
+          const siblingsBefore = target.parentNode ? Array.from(target.parentNode.childNodes) : [];
+          target.insertAdjacentHTML(position, html);
+          const addedChildren = Array.from(target.childNodes).filter(
+            (n) => !childrenBefore.includes(n)
+          );
+          const addedSiblings = target.parentNode ? Array.from(target.parentNode.childNodes).filter(
+            (n) => !siblingsBefore.includes(n)
+          ) : [];
+          record(
+            () => [...addedChildren, ...addedSiblings].forEach(
+              (n) => n.parentNode?.removeChild(n)
+            )
+          );
+        };
+      case "insertAdjacentElement":
+        return (position, el2) => {
+          const result = target.insertAdjacentElement(position, el2);
+          if (result) record(() => result.parentNode?.removeChild(result));
+          return result;
+        };
+      default:
+        return null;
+    }
+  };
+  const handledMethods = /* @__PURE__ */ new Set([
+    "setAttribute",
+    "removeAttribute",
+    "appendChild",
+    "removeChild",
+    "insertBefore",
+    "replaceChild",
+    "remove",
+    "append",
+    "prepend",
+    "after",
+    "before",
+    "replaceWith",
+    "insertAdjacentHTML",
+    "insertAdjacentElement"
+  ]);
+  const proxy = new Proxy(element, {
+    get(target, prop) {
+      if (prop === "style") return styleProxy;
+      if (prop === "classList") return classListProxy;
+      if (prop === "dataset") return datasetProxy;
+      if (typeof prop === "string" && handledMethods.has(prop)) {
+        return getMethodHandler(target, prop);
+      }
+      const value = Reflect.get(target, prop);
+      return typeof value === "function" ? value.bind(target) : value;
+    },
+    set(target, prop, value) {
+      if (typeof prop === "string") {
+        const original = target[prop];
+        record(() => {
+          target[prop] = original;
+        });
+      }
+      return Reflect.set(target, prop, value);
+    }
+  });
+  const undo = () => {
+    for (let i = undoActions.length - 1; i >= 0; i--) undoActions[i]();
+  };
+  return { proxy, undo };
+};
+var DEFAULT_API_ENDPOINT = "https://www.react-grab.com/api/visual-edit";
+var ANCESTOR_LEVELS = 5;
+var FORBIDDEN_PATTERNS = [
+  /\beval\s*\(/,
+  /\bFunction\s*\(/,
+  /\bdocument\.cookie\b/,
+  /\bfetch\s*\(/,
+  /\bXMLHttpRequest\b/
+];
+var sanitizeCode = (code) => code.replace(/[\u2018\u2019\u2032\u2035]/g, "'").replace(/[\u201C\u201D\u2033\u2036]/g, '"').replace(/[\u2014\u2013\u2212]/g, "-").replace(/\u2026/g, "...").replace(/[\u00A0\u2000-\u200A\u202F\u205F]/g, " ").replace(/[\u200B-\u200D\uFEFF]/g, "");
+var validateCode = (code) => {
+  const sanitizedCode = sanitizeCode(code);
+  try {
+    new Function("$el", sanitizedCode);
+  } catch (err) {
+    return {
+      isValid: false,
+      error: `Invalid JavaScript syntax${err instanceof Error ? `: ${err.message}` : ""}`,
+      sanitizedCode
+    };
+  }
+  for (const pattern of FORBIDDEN_PATTERNS) {
+    if (pattern.test(sanitizedCode)) {
+      return {
+        isValid: false,
+        error: `Potentially unsafe code detected: ${pattern.source}`,
+        sanitizedCode
+      };
+    }
+  }
+  return { isValid: true, sanitizedCode };
+};
+var getOpeningTag = (element) => {
+  const clone = element.cloneNode(false);
+  const wrapper = document.createElement("div");
+  wrapper.appendChild(clone);
+  const html = wrapper.innerHTML;
+  const closingTagMatch = html.match(/<\/[^>]+>$/);
+  if (closingTagMatch) {
+    return html.slice(0, -closingTagMatch[0].length);
+  }
+  return html;
+};
+var getClosingTag = (element) => {
+  return `</${element.tagName.toLowerCase()}>`;
+};
+var buildAncestorContext = (element) => {
+  const ancestors = [];
+  let current = element.parentElement;
+  for (let level = 0; level < ANCESTOR_LEVELS && current; level++) {
+    if (current === document.body || current === document.documentElement) {
+      break;
+    }
+    ancestors.push(current);
+    current = current.parentElement;
+  }
+  if (ancestors.length === 0) {
+    return element.outerHTML;
+  }
+  ancestors.reverse();
+  let result = "";
+  let indent = "";
+  for (const ancestor of ancestors) {
+    result += `${indent}${getOpeningTag(ancestor)}
+`;
+    indent += "  ";
+  }
+  result += `${indent}<!-- START $el -->
+`;
+  const targetLines = element.outerHTML.split("\n");
+  for (const line of targetLines) {
+    result += `${indent}${line}
+`;
+  }
+  result += `${indent}<!-- END $el -->
+`;
+  for (let ancestorIndex = ancestors.length - 1; ancestorIndex >= 0; ancestorIndex--) {
+    indent = "  ".repeat(ancestorIndex);
+    result += `${indent}${getClosingTag(ancestors[ancestorIndex])}
+`;
+  }
+  return result.trim();
+};
+var createVisualEditAgentProvider = (options = {}) => {
+  const apiEndpoint = options.apiEndpoint ?? DEFAULT_API_ENDPOINT;
+  const maxIterations = options.maxIterations ?? 3;
+  const elementHtmlMap = /* @__PURE__ */ new Map();
+  const elementRefMap = /* @__PURE__ */ new Map();
+  const resultCodeMap = /* @__PURE__ */ new Map();
+  const undoFnMap = /* @__PURE__ */ new Map();
+  const conversationHistoryMap = /* @__PURE__ */ new Map();
+  let lastRequestId = null;
+  let lastRequestStartTime = null;
+  const getOptions = () => {
+    const requestId = `req-${Date.now()}-${Math.random().toString(36).slice(2)}`;
+    return { requestId };
+  };
+  const onStart = (session, element) => {
+    const requestId = session.context.options?.requestId;
+    if (!requestId || !element) return;
+    const html = buildAncestorContext(element);
+    elementHtmlMap.set(requestId, html);
+    elementRefMap.set(requestId, element);
+  };
+  const fetchWithProgress = async function* (messages, signal) {
+    let response = null;
+    let fetchError = null;
+    const fetchStartTime = Date.now();
+    const fetchPromise = fetch(apiEndpoint, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ messages }),
+      signal
+    }).then((fetchResponse) => {
+      response = fetchResponse;
+    }).catch((caughtError) => {
+      fetchError = caughtError;
+    });
+    while (!response && !fetchError) {
+      const elapsedSeconds = (Date.now() - fetchStartTime) / 1e3;
+      yield elapsedSeconds >= 0.1 ? `Generating\u2026 ${elapsedSeconds.toFixed(1)}s` : `Generating\u2026`;
+      await Promise.race([
+        fetchPromise,
+        new Promise((resolve) => setTimeout(resolve, 100))
+      ]);
+    }
+    if (fetchError) {
+      throw fetchError;
+    }
+    if (!response.ok) {
+      const errorText = await response.text().catch(() => "Unknown error");
+      throw new Error(`API error: ${response.status} - ${errorText}`);
+    }
+    yield await response.text();
+    return "";
+  };
+  const executeIterationCode = (element, code) => {
+    const { isValid, error, sanitizedCode } = validateCode(code);
+    if (!isValid) {
+      return {
+        success: false,
+        result: error ?? "Invalid code",
+        updatedHtml: buildAncestorContext(element),
+        undo: () => {
+        }
+      };
+    }
+    const { proxy, undo } = createUndoableProxy(element);
+    try {
+      const returnValue = new Function("$el", sanitizedCode).bind(null)(proxy);
+      const result = returnValue !== void 0 ? String(returnValue) : null;
+      return {
+        success: true,
+        result,
+        updatedHtml: buildAncestorContext(element),
+        undo
+      };
+    } catch (executionError) {
+      undo();
+      const errorMessage = executionError instanceof Error ? executionError.message : "Execution failed";
+      return {
+        success: false,
+        result: errorMessage,
+        updatedHtml: buildAncestorContext(element),
+        undo: () => {
+        }
+      };
+    }
+  };
+  const provider = {
+    send: async function* (context, signal) {
+      const requestId = context.options?.requestId ?? "";
+      const sessionId = context.sessionId;
+      const html = elementHtmlMap.get(requestId);
+      const element = elementRefMap.get(requestId);
+      if (!html || !element) {
+        throw new Error("Could not capture element HTML");
+      }
+      const existingMessages = sessionId ? conversationHistoryMap.get(sessionId) ?? [] : [];
+      const isFirstMessage = existingMessages.length === 0;
+      const formattedUserMessage = buildUserMessage(
+        context.prompt,
+        html,
+        isFirstMessage
+      );
+      const messages = [
+        ...existingMessages,
+        { role: "user", content: formattedUserMessage }
+      ];
+      lastRequestStartTime = Date.now();
+      let iterationCount = 0;
+      let finalCode = null;
+      const iterationUndos = [];
+      while (iterationCount <= maxIterations) {
+        let responseText = "";
+        for await (const progress of fetchWithProgress(messages, signal)) {
+          if (typeof progress === "string" && !progress.startsWith("{")) {
+            yield progress;
+          }
+          responseText = progress;
+        }
+        const parsedResponse = parseAgentResponse(responseText);
+        if (typeof parsedResponse === "string") {
+          finalCode = parsedResponse;
+          messages.push({ role: "assistant", content: responseText });
+          break;
+        }
+        if (!parsedResponse.iterate) {
+          finalCode = parsedResponse.code;
+          messages.push({ role: "assistant", content: responseText });
+          break;
+        }
+        messages.push({ role: "assistant", content: responseText });
+        yield `Applying\u2026`;
+        const { success, result, updatedHtml, undo } = executeIterationCode(
+          element,
+          parsedResponse.code
+        );
+        iterationUndos.push(undo);
+        const iterationFeedback = buildIterationMessage(
+          updatedHtml,
+          success ? result : `Error: ${result}`
+        );
+        messages.push({ role: "user", content: iterationFeedback });
+        iterationCount++;
+      }
+      for (let undoIndex = iterationUndos.length - 1; undoIndex >= 0; undoIndex--) {
+        iterationUndos[undoIndex]();
+      }
+      if (finalCode === null) {
+        throw new Error("Max iterations reached without final code");
+      }
+      resultCodeMap.set(requestId, finalCode);
+      conversationHistoryMap.set(sessionId ?? requestId, messages);
+      yield "Applying changes\u2026";
+    },
+    supportsFollowUp: true,
+    dismissButtonText: "Copy",
+    getCompletionMessage: () => {
+      if (lastRequestStartTime === null) return void 0;
+      const totalSeconds = ((Date.now() - lastRequestStartTime) / 1e3).toFixed(
+        1
+      );
+      return `Completed in ${totalSeconds}s`;
+    }
+  };
+  const cleanup = (requestId) => {
+    elementHtmlMap.delete(requestId);
+    elementRefMap.delete(requestId);
+    resultCodeMap.delete(requestId);
+  };
+  const onComplete = (session, element) => {
+    const requestId = session.context.options?.requestId;
+    if (!requestId) return;
+    const rawCode = resultCodeMap.get(requestId);
+    if (!rawCode) return;
+    const code = rawCode.trim();
+    if (!element) {
+      cleanup(requestId);
+      return { error: "Could not find element to apply changes" };
+    }
+    if (code === "") {
+      cleanup(requestId);
+      return { error: "No changes generated" };
+    }
+    const { isValid, error, sanitizedCode } = validateCode(code);
+    if (!isValid) {
+      cleanup(requestId);
+      return { error: error ?? "No changes generated" };
+    }
+    const { proxy, undo } = createUndoableProxy(element);
+    undoFnMap.set(requestId, undo);
+    lastRequestId = requestId;
+    try {
+      new Function("$el", sanitizedCode).bind(null)(proxy);
+    } catch (executionError) {
+      undo();
+      undoFnMap.delete(requestId);
+      lastRequestId = null;
+      cleanup(requestId);
+      const message = executionError instanceof Error ? executionError.message : "Code execution failed";
+      return { error: message };
+    }
+    const reference = `${REFERENCE_PREFIX}${code}`;
+    Xt(reference);
+    cleanup(requestId);
+  };
+  const onUndo = () => {
+    if (!lastRequestId) return;
+    const undoFn = undoFnMap.get(lastRequestId);
+    if (!undoFn) return;
+    undoFn();
+    undoFnMap.delete(lastRequestId);
+    lastRequestId = null;
+  };
+  return { provider, getOptions, onStart, onComplete, onUndo };
+};
+var checkHealth = async () => {
+  const controller = new AbortController();
+  const timeoutId = setTimeout(() => controller.abort(), 1e3);
+  try {
+    const response = await fetch(DEFAULT_API_ENDPOINT, {
+      method: "GET",
+      signal: controller.signal
+    });
+    clearTimeout(timeoutId);
+    if (!response.ok) return false;
+    const data = await response.json().catch(() => null);
+    return data?.healthy === true;
+  } catch {
+    clearTimeout(timeoutId);
+    return false;
+  }
+};
+var attachAgent = async () => {
+  if (typeof window === "undefined") return;
+  const isHealthy = await checkHealth();
+  if (!isHealthy) return;
+  const { provider, getOptions, onStart, onComplete, onUndo } = createVisualEditAgentProvider();
+  const attach = (api2) => {
+    api2.setAgent({
+      provider,
+      getOptions,
+      onStart,
+      onComplete,
+      onUndo
+    });
+  };
+  const api = window.__REACT_GRAB__;
+  if (api) {
+    attach(api);
+    return;
+  }
+  window.addEventListener(
+    "react-grab:init",
+    (event) => {
+      const customEvent = event;
+      attach(customEvent.detail);
+    },
+    { once: true }
+  );
+  const apiAfterListener = window.__REACT_GRAB__;
+  if (apiAfterListener) {
+    attach(apiAfterListener);
+  }
+};
+attachAgent();
+/**
+ * @license MIT
+ *
+ * Copyright (c) 2025 Aiden Bai
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/*! Bundled license information:
+
+bippy/dist/rdt-hook-7WClMTWh.js:
+  (**
+   * @license bippy
+   *
+   * Copyright (c) Aiden Bai
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   *)
+
+bippy/dist/core-CoV0JPOT.js:
+  (**
+   * @license bippy
+   *
+   * Copyright (c) Aiden Bai
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   *)
+
+bippy/dist/source.js:
+  (**
+   * @license bippy
+   *
+   * Copyright (c) Aiden Bai
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   *)
+
+bippy/dist/install-hook-only-CTBENLgG.js:
+  (**
+   * @license bippy
+   *
+   * Copyright (c) Aiden Bai
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   *)
+
+bippy/dist/index.js:
+  (**
+   * @license bippy
+   *
+   * Copyright (c) Aiden Bai
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   *)
+*/
+
+export { attachAgent, createVisualEditAgentProvider };