artifactuse 0.1.0

package/dist/svelte/index.js

@@ -0,0 +1,2556 @@
+import { writable as wt, derived as Rt } from "svelte/store";
+import { createEventDispatcher as Ct, onMount as $t, onDestroy as St, tick as Dt, setContext as za, getContext as Ma } from "svelte";
+import { g as ht, f as Yt, a as Ft, b as Gt, n as ua, i as qa, D as Ia, c as Ha } from "../index-_nD5FZzs.js";
+import "svelte/internal/disclose-version";
+import "svelte/internal/flags/legacy";
+import * as e from "svelte/internal/client";
+import { J as Ra } from "../jszip.min-CdmYyw5L.js";
+import { scale as Da, fade as Fa } from "svelte/transition";
+var Oa = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>'), Ua = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"></polyline></svg>'), Na = e.from_html('<div role="button" tabindex="0"><div class="artifactuse-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><!></svg></div> <div class="artifactuse-card__content"><div class="artifactuse-card__title"> </div> <div class="artifactuse-card__meta"><span class="artifactuse-card__type"> </span> <span class="artifactuse-card__separator">•</span> <span class="artifactuse-card__size"> </span></div></div> <div class="artifactuse-card__actions"><button class="artifactuse-card__action"><!></button> <button class="artifactuse-card__action" title="Download file"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg></button></div> <div class="artifactuse-card__arrow"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="9 18 15 12 9 6"></polyline></svg></div></div>');
+function ja(ze, _) {
+  e.push(_, !1);
+  const ce = e.mutable_source(), z = e.mutable_source(), b = e.mutable_source();
+  let r = e.prop(_, "artifact", 8), a = e.prop(_, "isActive", 8, !1);
+  const c = Ct();
+  let i = e.mutable_source(!1);
+  function h(T) {
+    T.stopPropagation(), c("open", r());
+  }
+  async function oe(T) {
+    T.stopPropagation();
+    try {
+      await navigator.clipboard.writeText(r().code), e.set(i, !0), c("copy", r()), setTimeout(
+        () => {
+          e.set(i, !1);
+        },
+        2e3
+      );
+    } catch {
+      const ge = document.createElement("textarea");
+      ge.value = r().code, ge.style.position = "fixed", ge.style.opacity = "0", document.body.appendChild(ge), ge.select();
+      try {
+        document.execCommand("copy"), e.set(i, !0), c("copy", r()), setTimeout(
+          () => {
+            e.set(i, !1);
+          },
+          2e3
+        );
+      } catch (De) {
+        console.error("Failed to copy:", De);
+      }
+      document.body.removeChild(ge);
+    }
+  }
+  function N(T) {
+    var l;
+    T.stopPropagation();
+    const ke = new Blob([r().code], { type: "text/plain" }), ge = URL.createObjectURL(ke), De = document.createElement("a"), Xe = Gt(r().language), Re = ((l = r().title) == null ? void 0 : l.replace(/[^a-z0-9]/gi, "_").toLowerCase()) || "code";
+    De.href = ge, De.download = `${Re}.${Xe}`, document.body.appendChild(De), De.click(), document.body.removeChild(De), URL.revokeObjectURL(ge), c("download", r());
+  }
+  e.legacy_pre_effect(() => e.deep_read_state(r()), () => {
+    e.set(ce, ht(r().language));
+  }), e.legacy_pre_effect(() => e.deep_read_state(r()), () => {
+    var T;
+    e.set(z, Yt(r().size || ((T = r().code) == null ? void 0 : T.length) || 0));
+  }), e.legacy_pre_effect(() => e.deep_read_state(r()), () => {
+    e.set(b, Ft(r().language));
+  }), e.legacy_pre_effect_reset(), e.init();
+  var ve = Na();
+  let xe;
+  var _e = e.child(ve), Ee = e.child(_e), ye = e.child(Ee);
+  e.html(ye, () => e.get(b), !0), e.reset(Ee), e.reset(_e);
+  var v = e.sibling(_e, 2), f = e.child(v), y = e.child(f, !0);
+  e.reset(f);
+  var G = e.sibling(f, 2), $e = e.child(G), Ne = e.child($e, !0);
+  e.reset($e);
+  var K = e.sibling($e, 4), je = e.child(K, !0);
+  e.reset(K), e.reset(G), e.reset(v);
+  var Me = e.sibling(v, 2), we = e.child(Me), He = e.child(we);
+  {
+    var Ve = (T) => {
+      var ke = Oa();
+      e.append(T, ke);
+    }, Ze = (T) => {
+      var ke = Ua();
+      e.append(T, ke);
+    };
+    e.if(He, (T) => {
+      e.get(i) ? T(Ze, !1) : T(Ve);
+    });
+  }
+  e.reset(we);
+  var be = e.sibling(we, 2);
+  e.reset(Me), e.next(2), e.reset(ve), e.template_effect(() => {
+    xe = e.set_class(ve, 1, "artifactuse-card", null, xe, { "artifactuse-card--active": a() }), e.set_text(y, (e.deep_read_state(r()), e.untrack(() => r().title))), e.set_text(Ne, e.get(ce)), e.set_text(je, e.get(z)), e.set_attribute(we, "title", e.get(i) ? "Copied!" : "Copy code");
+  }), e.event("click", we, oe), e.event("click", be, N), e.event("click", ve, h), e.event("keypress", ve, (T) => T.key === "Enter" && h(T)), e.append(ze, ve), e.pop();
+}
+var Va = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>'), Ja = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>'), Xa = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line></svg>'), Wa = e.from_html('<div class="artifactuse-form-collapsed"><div class="artifactuse-form-collapsed-icon"><!></div> <span class="artifactuse-form-collapsed-title"> </span></div>'), Za = e.from_html('<div class="artifactuse-form-title"> </div>'), Ka = e.from_html('<p class="artifactuse-form-description"> </p>'), Ya = e.from_html('<div class="artifactuse-form-header"><!> <!></div>'), Ga = e.from_html('<span class="artifactuse-form-btn-icon"><!></span>'), Qa = e.from_html('<button type="button"><!> </button>'), er = e.from_html('<div class="artifactuse-form-buttons"></div>'), tr = e.from_html('<span class="artifactuse-form-btn-spinner"></span>'), ar = e.from_html('<span class="artifactuse-form-btn-icon"><!></span>'), rr = e.from_html("<button><!> </button>"), sr = e.from_html('<div class="artifactuse-form-buttons"></div>'), ir = e.from_html('<div class="artifactuse-form-divider"></div>'), nr = e.from_html('<div class="artifactuse-form-heading"> </div>'), lr = e.from_html('<span class="artifactuse-required">*</span>'), cr = e.from_html('<span class="artifactuse-help-text"> </span>'), or = e.from_html('<span class="artifactuse-error-text"> </span>'), vr = e.from_html('<div class="artifactuse-form-field"><label class="artifactuse-checkbox-label"><input type="checkbox" class="artifactuse-checkbox"/> <span class="artifactuse-checkbox-text"> <!></span></label> <!> <!></div>'), ur = e.from_html('<span class="artifactuse-required">*</span>'), dr = e.from_html('<label class="artifactuse-label"> <!></label>'), _r = e.from_html('<label class="artifactuse-radio-label"><input type="radio" class="artifactuse-radio"/> <span> </span></label>'), gr = e.from_html('<span class="artifactuse-help-text"> </span>'), fr = e.from_html('<span class="artifactuse-error-text"> </span>'), pr = e.from_html('<div class="artifactuse-form-field"><!> <div class="artifactuse-radio-group"></div> <!> <!></div>'), mr = e.from_html('<span class="artifactuse-required">*</span>'), hr = e.from_html('<input class="artifactuse-input"/>'), br = e.from_html('<textarea class="artifactuse-textarea"></textarea>'), kr = e.from_html("<option> </option>"), xr = e.from_html('<select class="artifactuse-select"><option> </option><!></select>'), yr = e.from_html('<span class="artifactuse-help-text"> </span>'), wr = e.from_html('<span class="artifactuse-error-text"> </span>'), Cr = e.from_html('<div class="artifactuse-form-field"><label class="artifactuse-label"> <!></label> <!> <!> <!></div>'), $r = e.from_html('<span class="artifactuse-form-btn-spinner"></span>'), Ar = e.from_html('<div class="artifactuse-form-buttons artifactuse-form-buttons-default"><button type="button" class="artifactuse-form-btn artifactuse-form-btn-ghost">Cancel</button> <button type="submit" class="artifactuse-form-btn artifactuse-form-btn-primary"><!> </button></div>'), Lr = e.from_html('<form class="artifactuse-form"><div class="artifactuse-form-fields"></div> <!></form>'), Pr = e.from_html("<!> <!>", 1), Tr = e.from_html("<div><!></div>");
+function Er(ze, _) {
+  e.push(_, !1);
+  const ce = e.mutable_source(), z = e.mutable_source(), b = e.mutable_source(), r = e.mutable_source(), a = e.mutable_source(), c = e.mutable_source(), i = e.mutable_source(), h = e.mutable_source(), oe = e.mutable_source();
+  let N = e.prop(_, "artifact", 8), ve = e.prop(_, "theme", 8, "dark"), xe = e.prop(_, "accent", 8, null), _e = e.prop(
+    _,
+    "initialState",
+    8,
+    "active"
+    // 'active' | 'submitted' | 'cancelled' | 'inactive'
+  );
+  const Ee = Ct();
+  let ye = e.mutable_source(), v = e.mutable_source({}), f = e.mutable_source({}), y = e.mutable_source(!1), G = e.mutable_source(_e());
+  function $e(l) {
+    try {
+      return JSON.parse(l);
+    } catch {
+      return {
+        title: "Invalid Form",
+        variant: "fields",
+        data: { fields: [] }
+      };
+    }
+  }
+  function Ne(l) {
+    e.set(G, l);
+  }
+  function K(l) {
+    if (!l) return null;
+    const I = l.trim();
+    if (I.startsWith("#")) {
+      let W = I.slice(1);
+      if (W.length === 3 && (W = W.split("").map((m) => m + m).join("")), W.length === 6) {
+        const m = parseInt(W.slice(0, 2), 16), ae = parseInt(W.slice(2, 4), 16), Q = parseInt(W.slice(4, 6), 16);
+        if (!isNaN(m) && !isNaN(ae) && !isNaN(Q)) return `${m}, ${ae}, ${Q}`;
+      }
+    }
+    const se = I.match(/^rgba?\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i);
+    if (se) return `${se[1]}, ${se[2]}, ${se[3]}`;
+    const $ = I.split(/[\s,]+/).map(Number).filter((W) => !isNaN(W));
+    return $.length >= 3 ? `${$[0]}, ${$[1]}, ${$[2]}` : null;
+  }
+  function je(l) {
+    return l ? l.map((I) => typeof I == "string" ? { label: I, value: I } : I) : [];
+  }
+  function Me() {
+    if (e.get(ye) && xe()) {
+      const l = K(xe());
+      l && e.get(ye).style.setProperty("--artifactuse-primary", l);
+    }
+  }
+  $t(() => {
+    Me(), e.set(G, _e());
+  });
+  function we() {
+    var I;
+    const l = {};
+    e.get(c).forEach((se) => {
+      ["buttons", "divider", "heading"].includes(se.type) || (se.defaultValue !== void 0 ? l[se.name] = se.defaultValue : se.type === "checkbox" ? l[se.name] = !1 : l[se.name] = "");
+    }), (I = e.get(b).data) != null && I.defaults && Object.assign(l, e.get(b).data.defaults), e.set(v, l), e.set(f, {});
+  }
+  function He(l) {
+    return [
+      "text",
+      "email",
+      "password",
+      "tel",
+      "url",
+      "number",
+      "date",
+      "time",
+      "datetime-local"
+    ].includes(l);
+  }
+  function Ve(l, I) {
+    e.mutate(v, e.get(v)[l] = I), e.get(f)[l] && (delete e.get(f)[l], e.set(f, e.get(f)));
+  }
+  function Ze() {
+    var se;
+    const l = {};
+    e.get(c).forEach(($) => {
+      if (["buttons", "divider", "heading"].includes($.type)) return;
+      const W = e.get(v)[$.name];
+      if ($.required && !W && W !== 0 && W !== !1) {
+        l[$.name] = `${$.label || "This field"} is required`;
+        return;
+      }
+      if ($.pattern && W && !new RegExp($.pattern).test(W)) {
+        l[$.name] = $.patternMessage || `${$.label || "This field"} is invalid`;
+        return;
+      }
+      if ($.type === "email" && W && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(W)) {
+        l[$.name] = "Please enter a valid email address";
+        return;
+      }
+      if ($.minLength && W && W.length < $.minLength) {
+        l[$.name] = `Minimum ${$.minLength} characters required`;
+        return;
+      }
+      if ($.maxLength && W && W.length > $.maxLength) {
+        l[$.name] = `Maximum ${$.maxLength} characters allowed`;
+        return;
+      }
+    });
+    const I = (se = e.get(b).data) == null ? void 0 : se.validation;
+    return I && Object.entries(I).forEach(([$, W]) => {
+      if (l[$]) return;
+      const m = e.get(v)[$];
+      W.pattern && m && (new RegExp(W.pattern).test(m) || (l[$] = W.message || `${$} is invalid`));
+    }), e.set(f, l), Object.keys(l).length === 0;
+  }
+  function be() {
+    we();
+  }
+  function T(l) {
+    l.preventDefault(), Ze() && (e.set(y, !0), Ee("submit", {
+      formId: e.get(r),
+      action: "submit",
+      values: { ...e.get(v) },
+      timestamp: Date.now()
+    }), setTimeout(
+      () => {
+        e.set(y, !1), Ne("submitted");
+      },
+      300
+    ));
+  }
+  function ke(l) {
+    var se;
+    const I = l.action || "custom";
+    switch (I) {
+      case "submit":
+        const $ = (se = e.get(ye)) == null ? void 0 : se.querySelector("form");
+        $ && $.requestSubmit();
+        break;
+      case "cancel":
+        Ee("cancel", {
+          formId: e.get(r),
+          action: "cancel",
+          buttonName: l.name || "cancel",
+          timestamp: Date.now()
+        }), setTimeout(
+          () => {
+            Ne("cancelled");
+          },
+          150
+        );
+        break;
+      case "reset":
+        be(), Ee("reset", {
+          formId: e.get(r),
+          action: "reset",
+          buttonName: l.name || "reset",
+          timestamp: Date.now()
+        });
+        break;
+      case "custom":
+      default:
+        Ee("button-click", {
+          formId: e.get(r),
+          action: I,
+          buttonName: l.name || l.label,
+          buttonLabel: l.label,
+          values: { ...e.get(v) },
+          timestamp: Date.now()
+        }), setTimeout(
+          () => {
+            Ne("submitted");
+          },
+          150
+        );
+        break;
+    }
+  }
+  e.legacy_pre_effect(() => e.deep_read_state(_e()), () => {
+    _e() && e.set(G, _e());
+  }), e.legacy_pre_effect(() => e.get(G), () => {
+    e.set(ce, e.get(G) !== "active");
+  }), e.legacy_pre_effect(() => e.get(G), () => {
+    e.set(z, e.get(G) === "active" ? "" : `artifactuse-form--${e.get(G)}`);
+  }), e.legacy_pre_effect(() => e.deep_read_state(N()), () => {
+    var l;
+    e.set(b, $e((l = N()) == null ? void 0 : l.code));
+  }), e.legacy_pre_effect(() => (e.deep_read_state(N()), e.get(b)), () => {
+    var l;
+    e.set(r, ((l = N()) == null ? void 0 : l.id) || e.get(b).id || `form-${Date.now()}`);
+  }), e.legacy_pre_effect(() => e.get(b), () => {
+    e.set(a, `artifactuse-form-${e.get(b).variant || "fields"}`);
+  }), e.legacy_pre_effect(() => e.get(b), () => {
+    var l;
+    e.set(c, ((l = e.get(b).data) == null ? void 0 : l.fields) || []);
+  }), e.legacy_pre_effect(() => (e.get(b), e.get(c)), () => {
+    e.set(i, e.get(b).variant === "buttons" ? e.get(c) : []);
+  }), e.legacy_pre_effect(() => e.get(c), () => {
+    e.set(h, e.get(c).some((l) => l.type === "buttons"));
+  }), e.legacy_pre_effect(() => e.get(b), () => {
+    e.set(oe, e.get(b).title || "Form");
+  }), e.legacy_pre_effect(() => e.deep_read_state(xe()), () => {
+    xe() && Me();
+  }), e.legacy_pre_effect(() => e.deep_read_state(N()), () => {
+    var l;
+    (l = N()) != null && l.code && we();
+  }), e.legacy_pre_effect_reset(), e.init();
+  var ge = Tr(), De = e.child(ge);
+  {
+    var Xe = (l) => {
+      var I = Wa(), se = e.child(I), $ = e.child(se);
+      {
+        var W = (ue) => {
+          var o = Va();
+          e.append(ue, o);
+        }, m = (ue) => {
+          var o = e.comment(), u = e.first_child(o);
+          {
+            var O = (t) => {
+              var H = Ja();
+              e.append(t, H);
+            }, Y = (t) => {
+              var H = Xa();
+              e.append(t, H);
+            };
+            e.if(
+              u,
+              (t) => {
+                e.get(G) === "cancelled" ? t(O) : t(Y, !1);
+              },
+              !0
+            );
+          }
+          e.append(ue, o);
+        };
+        e.if($, (ue) => {
+          e.get(G) === "submitted" ? ue(W) : ue(m, !1);
+        });
+      }
+      e.reset(se);
+      var ae = e.sibling(se, 2), Q = e.child(ae, !0);
+      e.reset(ae), e.reset(I), e.template_effect(() => e.set_text(Q, e.get(oe))), e.append(l, I);
+    }, Re = (l) => {
+      var I = Pr(), se = e.first_child(I);
+      {
+        var $ = (Q) => {
+          var ue = Ya(), o = e.child(ue);
+          {
+            var u = (t) => {
+              var H = Za(), s = e.child(H, !0);
+              e.reset(H), e.template_effect(() => e.set_text(s, (e.get(b), e.untrack(() => e.get(b).title)))), e.append(t, H);
+            };
+            e.if(o, (t) => {
+              e.get(b), e.untrack(() => e.get(b).title) && t(u);
+            });
+          }
+          var O = e.sibling(o, 2);
+          {
+            var Y = (t) => {
+              var H = Ka(), s = e.child(H, !0);
+              e.reset(H), e.template_effect(() => e.set_text(s, (e.get(b), e.untrack(() => e.get(b).description)))), e.append(t, H);
+            };
+            e.if(O, (t) => {
+              e.get(b), e.untrack(() => e.get(b).description) && t(Y);
+            });
+          }
+          e.reset(ue), e.append(Q, ue);
+        };
+        e.if(se, (Q) => {
+          e.get(b), e.untrack(() => e.get(b).title || e.get(b).description) && Q($);
+        });
+      }
+      var W = e.sibling(se, 2);
+      {
+        var m = (Q) => {
+          var ue = er();
+          e.each(ue, 7, () => e.get(i), (o, u) => o.name || o.label || u, (o, u) => {
+            var O = Qa(), Y = e.child(O);
+            {
+              var t = (s) => {
+                var A = Ga(), Z = e.child(A);
+                e.html(Z, () => (e.get(u), e.untrack(() => e.get(u).icon))), e.reset(A), e.append(s, A);
+              };
+              e.if(Y, (s) => {
+                e.get(u), e.untrack(() => e.get(u).icon) && s(t);
+              });
+            }
+            var H = e.sibling(Y);
+            e.reset(O), e.template_effect(() => {
+              e.set_class(O, 1, `artifactuse-form-btn artifactuse-form-btn-${e.get(u), e.untrack(() => e.get(u).variant || "secondary") ?? ""}`), O.disabled = (e.get(u), e.get(y), e.untrack(() => e.get(u).disabled || e.get(y))), e.set_text(H, ` ${e.get(u), e.untrack(() => e.get(u).label) ?? ""}`);
+            }), e.event("click", O, () => ke(e.get(u))), e.append(o, O);
+          }), e.reset(ue), e.append(Q, ue);
+        }, ae = (Q) => {
+          var ue = Lr(), o = e.child(ue);
+          e.each(o, 7, () => e.get(c), (Y, t) => Y.name || t, (Y, t) => {
+            var H = e.comment(), s = e.first_child(H);
+            {
+              var A = (ee) => {
+                var fe = sr();
+                e.each(fe, 7, () => (e.get(t), e.untrack(() => e.get(t).fields || [])), (ie, R) => ie.name || ie.label || R, (ie, R) => {
+                  var Ae = rr(), pe = e.child(Ae);
+                  {
+                    var Le = (he) => {
+                      var ne = tr();
+                      e.append(he, ne);
+                    }, me = (he) => {
+                      var ne = e.comment(), de = e.first_child(ne);
+                      {
+                        var j = (te) => {
+                          var le = ar(), L = e.child(le);
+                          e.html(L, () => (e.get(R), e.untrack(() => e.get(R).icon))), e.reset(le), e.append(te, le);
+                        };
+                        e.if(
+                          de,
+                          (te) => {
+                            e.get(R), e.untrack(() => e.get(R).icon) && te(j);
+                          },
+                          !0
+                        );
+                      }
+                      e.append(he, ne);
+                    };
+                    e.if(pe, (he) => {
+                      e.get(y), e.get(R), e.untrack(() => e.get(y) && e.get(R).action === "submit") ? he(Le) : he(me, !1);
+                    });
+                  }
+                  var Pe = e.sibling(pe);
+                  e.reset(Ae), e.template_effect(() => {
+                    e.set_attribute(Ae, "type", (e.get(R), e.untrack(() => e.get(R).action === "submit" ? "submit" : "button"))), e.set_class(Ae, 1, `artifactuse-form-btn artifactuse-form-btn-${e.get(R), e.untrack(() => e.get(R).variant || "secondary") ?? ""}`), Ae.disabled = (e.get(R), e.get(y), e.untrack(() => e.get(R).disabled || e.get(R).action === "submit" && e.get(y))), e.set_text(Pe, ` ${e.get(y), e.get(R), e.untrack(() => e.get(y) && e.get(R).action === "submit" ? "Submitting..." : e.get(R).label) ?? ""}`);
+                  }), e.event("click", Ae, function(...he) {
+                    var ne;
+                    (ne = e.get(R).action !== "submit" ? () => ke(e.get(R)) : void 0) == null || ne.apply(this, he);
+                  }), e.append(ie, Ae);
+                }), e.reset(fe), e.append(ee, fe);
+              }, Z = (ee) => {
+                var fe = e.comment(), ie = e.first_child(fe);
+                {
+                  var R = (pe) => {
+                    var Le = ir();
+                    e.append(pe, Le);
+                  }, Ae = (pe) => {
+                    var Le = e.comment(), me = e.first_child(Le);
+                    {
+                      var Pe = (ne) => {
+                        var de = nr(), j = e.child(de, !0);
+                        e.reset(de), e.template_effect(() => e.set_text(j, (e.get(t), e.untrack(() => e.get(t).label)))), e.append(ne, de);
+                      }, he = (ne) => {
+                        var de = e.comment(), j = e.first_child(de);
+                        {
+                          var te = (L) => {
+                            var E = vr(), D = e.child(E), U = e.child(D);
+                            e.remove_input_defaults(U);
+                            var J = e.sibling(U, 2), k = e.child(J), d = e.sibling(k);
+                            {
+                              var p = (n) => {
+                                var P = lr();
+                                e.append(n, P);
+                              };
+                              e.if(d, (n) => {
+                                e.get(t), e.untrack(() => e.get(t).required) && n(p);
+                              });
+                            }
+                            e.reset(J), e.reset(D);
+                            var F = e.sibling(D, 2);
+                            {
+                              var V = (n) => {
+                                var P = cr(), C = e.child(P, !0);
+                                e.reset(P), e.template_effect(() => e.set_text(C, (e.get(t), e.untrack(() => e.get(t).helpText)))), e.append(n, P);
+                              };
+                              e.if(F, (n) => {
+                                e.get(t), e.untrack(() => e.get(t).helpText) && n(V);
+                              });
+                            }
+                            var B = e.sibling(F, 2);
+                            {
+                              var re = (n) => {
+                                var P = or(), C = e.child(P, !0);
+                                e.reset(P), e.template_effect(() => e.set_text(C, (e.get(f), e.get(t), e.untrack(() => e.get(f)[e.get(t).name])))), e.append(n, P);
+                              };
+                              e.if(B, (n) => {
+                                e.get(f), e.get(t), e.untrack(() => e.get(f)[e.get(t).name]) && n(re);
+                              });
+                            }
+                            e.reset(E), e.template_effect(() => {
+                              e.set_checked(U, (e.get(v), e.get(t), e.untrack(() => e.get(v)[e.get(t).name]))), U.disabled = (e.get(t), e.untrack(() => e.get(t).disabled)), e.set_text(k, `${e.get(t), e.untrack(() => e.get(t).label) ?? ""} `);
+                            }), e.event("change", U, (n) => Ve(e.get(t).name, n.target.checked)), e.append(L, E);
+                          }, le = (L) => {
+                            var E = e.comment(), D = e.first_child(E);
+                            {
+                              var U = (k) => {
+                                var d = pr(), p = e.child(d);
+                                {
+                                  var F = (C) => {
+                                    var w = dr(), M = e.child(w), q = e.sibling(M);
+                                    {
+                                      var g = (x) => {
+                                        var Se = ur();
+                                        e.append(x, Se);
+                                      };
+                                      e.if(q, (x) => {
+                                        e.get(t), e.untrack(() => e.get(t).required) && x(g);
+                                      });
+                                    }
+                                    e.reset(w), e.template_effect(() => {
+                                      e.set_attribute(w, "for", `${e.get(r) ?? ""}-${e.get(t), e.untrack(() => e.get(t).name) ?? ""}`), e.set_text(M, `${e.get(t), e.untrack(() => e.get(t).label) ?? ""} `);
+                                    }), e.append(C, w);
+                                  };
+                                  e.if(p, (C) => {
+                                    e.get(t), e.untrack(() => e.get(t).label) && C(F);
+                                  });
+                                }
+                                var V = e.sibling(p, 2);
+                                e.each(
+                                  V,
+                                  5,
+                                  () => (e.get(t), e.untrack(() => je(e.get(t).options))),
+                                  (C) => C.value,
+                                  (C, w) => {
+                                    var M = _r(), q = e.child(M);
+                                    e.remove_input_defaults(q);
+                                    var g = e.sibling(q, 2), x = e.child(g, !0);
+                                    e.reset(g), e.reset(M), e.template_effect(() => {
+                                      e.set_attribute(q, "name", (e.get(t), e.untrack(() => e.get(t).name))), e.set_value(q, (e.get(w), e.untrack(() => e.get(w).value))), e.set_checked(q, (e.get(v), e.get(t), e.get(w), e.untrack(() => e.get(v)[e.get(t).name] === e.get(w).value))), q.disabled = (e.get(w), e.get(t), e.untrack(() => e.get(w).disabled || e.get(t).disabled)), e.set_text(x, (e.get(w), e.untrack(() => e.get(w).label)));
+                                    }), e.event("change", q, () => Ve(e.get(t).name, e.get(w).value)), e.append(C, M);
+                                  }
+                                ), e.reset(V);
+                                var B = e.sibling(V, 2);
+                                {
+                                  var re = (C) => {
+                                    var w = gr(), M = e.child(w, !0);
+                                    e.reset(w), e.template_effect(() => e.set_text(M, (e.get(t), e.untrack(() => e.get(t).helpText)))), e.append(C, w);
+                                  };
+                                  e.if(B, (C) => {
+                                    e.get(t), e.untrack(() => e.get(t).helpText) && C(re);
+                                  });
+                                }
+                                var n = e.sibling(B, 2);
+                                {
+                                  var P = (C) => {
+                                    var w = fr(), M = e.child(w, !0);
+                                    e.reset(w), e.template_effect(() => e.set_text(M, (e.get(f), e.get(t), e.untrack(() => e.get(f)[e.get(t).name])))), e.append(C, w);
+                                  };
+                                  e.if(n, (C) => {
+                                    e.get(f), e.get(t), e.untrack(() => e.get(f)[e.get(t).name]) && C(P);
+                                  });
+                                }
+                                e.reset(d), e.append(k, d);
+                              }, J = (k) => {
+                                var d = Cr(), p = e.child(d), F = e.child(p), V = e.sibling(F);
+                                {
+                                  var B = (g) => {
+                                    var x = mr();
+                                    e.append(g, x);
+                                  };
+                                  e.if(V, (g) => {
+                                    e.get(t), e.untrack(() => e.get(t).required) && g(B);
+                                  });
+                                }
+                                e.reset(p);
+                                var re = e.sibling(p, 2);
+                                {
+                                  var n = (g) => {
+                                    var x = hr();
+                                    e.remove_input_defaults(x), e.template_effect(() => {
+                                      e.set_attribute(x, "id", `${e.get(r) ?? ""}-${e.get(t), e.untrack(() => e.get(t).name) ?? ""}`), e.set_attribute(x, "type", (e.get(t), e.untrack(() => e.get(t).type))), e.set_value(x, (e.get(v), e.get(t), e.untrack(() => e.get(v)[e.get(t).name] || ""))), e.set_attribute(x, "placeholder", (e.get(t), e.untrack(() => e.get(t).placeholder))), x.disabled = (e.get(t), e.untrack(() => e.get(t).disabled)), x.required = (e.get(t), e.untrack(() => e.get(t).required));
+                                    }), e.event("input", x, (Se) => Ve(e.get(t).name, Se.target.value)), e.append(g, x);
+                                  }, P = (g) => {
+                                    var x = e.comment(), Se = e.first_child(x);
+                                    {
+                                      var Ke = (Be) => {
+                                        var Ce = br();
+                                        e.remove_textarea_child(Ce), e.template_effect(() => {
+                                          e.set_attribute(Ce, "id", `${e.get(r) ?? ""}-${e.get(t), e.untrack(() => e.get(t).name) ?? ""}`), e.set_value(Ce, (e.get(v), e.get(t), e.untrack(() => e.get(v)[e.get(t).name] || ""))), e.set_attribute(Ce, "placeholder", (e.get(t), e.untrack(() => e.get(t).placeholder))), Ce.disabled = (e.get(t), e.untrack(() => e.get(t).disabled)), Ce.required = (e.get(t), e.untrack(() => e.get(t).required)), e.set_attribute(Ce, "rows", (e.get(t), e.untrack(() => e.get(t).rows || 3)));
+                                        }), e.event("input", Ce, (Qe) => Ve(e.get(t).name, Qe.target.value)), e.append(Be, Ce);
+                                      }, Ue = (Be) => {
+                                        var Ce = e.comment(), Qe = e.first_child(Ce);
+                                        {
+                                          var rt = (Fe) => {
+                                            var qe = xr(), st = e.child(qe), _t = e.child(st, !0);
+                                            e.reset(st), st.value = st.__value = "";
+                                            var ot = e.sibling(st);
+                                            e.each(
+                                              ot,
+                                              1,
+                                              () => (e.get(t), e.untrack(() => je(e.get(t).options))),
+                                              (it) => it.value,
+                                              (it, Ye) => {
+                                                var tt = kr(), At = e.child(tt, !0);
+                                                e.reset(tt);
+                                                var gt = {};
+                                                e.template_effect(() => {
+                                                  tt.disabled = (e.get(Ye), e.untrack(() => e.get(Ye).disabled)), e.set_text(At, (e.get(Ye), e.untrack(() => e.get(Ye).label))), gt !== (gt = (e.get(Ye), e.untrack(() => e.get(Ye).value))) && (tt.value = (tt.__value = (e.get(Ye), e.untrack(() => e.get(Ye).value))) ?? "");
+                                                }), e.append(it, tt);
+                                              }
+                                            ), e.reset(qe);
+                                            var et;
+                                            e.init_select(qe), e.template_effect(() => {
+                                              e.set_attribute(qe, "id", `${e.get(r) ?? ""}-${e.get(t), e.untrack(() => e.get(t).name) ?? ""}`), qe.disabled = (e.get(t), e.untrack(() => e.get(t).disabled)), qe.required = (e.get(t), e.untrack(() => e.get(t).required)), e.set_text(_t, (e.get(t), e.untrack(() => e.get(t).placeholder || "Select..."))), et !== (et = (e.get(v), e.get(t), e.untrack(() => e.get(v)[e.get(t).name] || ""))) && (qe.value = (qe.__value = (e.get(v), e.get(t), e.untrack(() => e.get(v)[e.get(t).name] || ""))) ?? "", e.select_option(qe, (e.get(v), e.get(t), e.untrack(() => e.get(v)[e.get(t).name] || ""))));
+                                            }), e.event("change", qe, (it) => Ve(e.get(t).name, it.target.value)), e.append(Fe, qe);
+                                          };
+                                          e.if(
+                                            Qe,
+                                            (Fe) => {
+                                              e.get(t), e.untrack(() => e.get(t).type === "select") && Fe(rt);
+                                            },
+                                            !0
+                                          );
+                                        }
+                                        e.append(Be, Ce);
+                                      };
+                                      e.if(
+                                        Se,
+                                        (Be) => {
+                                          e.get(t), e.untrack(() => e.get(t).type === "textarea") ? Be(Ke) : Be(Ue, !1);
+                                        },
+                                        !0
+                                      );
+                                    }
+                                    e.append(g, x);
+                                  };
+                                  e.if(re, (g) => {
+                                    e.get(t), e.untrack(() => He(e.get(t).type)) ? g(n) : g(P, !1);
+                                  });
+                                }
+                                var C = e.sibling(re, 2);
+                                {
+                                  var w = (g) => {
+                                    var x = yr(), Se = e.child(x, !0);
+                                    e.reset(x), e.template_effect(() => e.set_text(Se, (e.get(t), e.untrack(() => e.get(t).helpText)))), e.append(g, x);
+                                  };
+                                  e.if(C, (g) => {
+                                    e.get(t), e.untrack(() => e.get(t).helpText) && g(w);
+                                  });
+                                }
+                                var M = e.sibling(C, 2);
+                                {
+                                  var q = (g) => {
+                                    var x = wr(), Se = e.child(x, !0);
+                                    e.reset(x), e.template_effect(() => e.set_text(Se, (e.get(f), e.get(t), e.untrack(() => e.get(f)[e.get(t).name])))), e.append(g, x);
+                                  };
+                                  e.if(M, (g) => {
+                                    e.get(f), e.get(t), e.untrack(() => e.get(f)[e.get(t).name]) && g(q);
+                                  });
+                                }
+                                e.reset(d), e.template_effect(() => {
+                                  e.set_attribute(p, "for", `${e.get(r) ?? ""}-${e.get(t), e.untrack(() => e.get(t).name) ?? ""}`), e.set_text(F, `${e.get(t), e.untrack(() => e.get(t).label) ?? ""} `);
+                                }), e.append(k, d);
+                              };
+                              e.if(
+                                D,
+                                (k) => {
+                                  e.get(t), e.untrack(() => e.get(t).type === "radio") ? k(U) : k(J, !1);
+                                },
+                                !0
+                              );
+                            }
+                            e.append(L, E);
+                          };
+                          e.if(
+                            j,
+                            (L) => {
+                              e.get(t), e.untrack(() => e.get(t).type === "checkbox") ? L(te) : L(le, !1);
+                            },
+                            !0
+                          );
+                        }
+                        e.append(ne, de);
+                      };
+                      e.if(
+                        me,
+                        (ne) => {
+                          e.get(t), e.untrack(() => e.get(t).type === "heading") ? ne(Pe) : ne(he, !1);
+                        },
+                        !0
+                      );
+                    }
+                    e.append(pe, Le);
+                  };
+                  e.if(
+                    ie,
+                    (pe) => {
+                      e.get(t), e.untrack(() => e.get(t).type === "divider") ? pe(R) : pe(Ae, !1);
+                    },
+                    !0
+                  );
+                }
+                e.append(ee, fe);
+              };
+              e.if(s, (ee) => {
+                e.get(t), e.untrack(() => e.get(t).type === "buttons") ? ee(A) : ee(Z, !1);
+              });
+            }
+            e.append(Y, H);
+          }), e.reset(o);
+          var u = e.sibling(o, 2);
+          {
+            var O = (Y) => {
+              var t = Ar(), H = e.child(t), s = e.sibling(H, 2), A = e.child(s);
+              {
+                var Z = (fe) => {
+                  var ie = $r();
+                  e.append(fe, ie);
+                };
+                e.if(A, (fe) => {
+                  e.get(y) && fe(Z);
+                });
+              }
+              var ee = e.sibling(A);
+              e.reset(s), e.reset(t), e.template_effect(() => {
+                s.disabled = e.get(y), e.set_text(ee, ` ${e.get(y) ? "Submitting..." : "Submit"}`);
+              }), e.event("click", H, () => ke({ action: "cancel", label: "Cancel" })), e.append(Y, t);
+            };
+            e.if(u, (Y) => {
+              e.get(h) || Y(O);
+            });
+          }
+          e.reset(ue), e.event("submit", ue, T), e.append(Q, ue);
+        };
+        e.if(W, (Q) => {
+          e.get(b), e.untrack(() => e.get(b).variant === "buttons") ? Q(m) : Q(ae, !1);
+        });
+      }
+      e.append(l, I);
+    };
+    e.if(De, (l) => {
+      e.get(ce) ? l(Xe) : l(Re, !1);
+    });
+  }
+  e.reset(ge), e.bind_this(ge, (l) => e.set(ye, l), () => e.get(ye)), e.template_effect(() => {
+    e.set_class(ge, 1, `artifactuse-inline-form ${e.get(a) ?? ""} ${e.get(z) ?? ""}`), e.set_attribute(ge, "data-artifactuse-theme", ve());
+  }), e.append(ze, ge), e.pop();
+}
+var Sr = e.from_svg('<svg viewBox="0 0 24 24" fill="currentColor"><path d="M22.25 12c0-1.43-.88-2.67-2.19-3.34.46-1.39.2-2.9-.81-3.91s-2.52-1.27-3.91-.81c-.66-1.31-1.91-2.19-3.34-2.19s-2.67.88-3.34 2.19c-1.39-.46-2.9-.2-3.91.81s-1.27 2.52-.81 3.91C2.63 9.33 1.75 10.57 1.75 12s.88 2.67 2.19 3.34c-.46 1.39-.2 2.9.81 3.91s2.52 1.27 3.91.81c.66 1.31 1.91 2.19 3.34 2.19s2.67-.88 3.34-2.19c1.39.46 2.9.2 3.91-.81s1.27-2.52.81-3.91c1.31-.67 2.19-1.91 2.19-3.34zm-11.71 4.2L6.8 12.46l1.41-1.42 2.26 2.26 4.8-5.23 1.47 1.36-6.2 6.77z"></path></svg>'), Br = e.from_html("<img/>"), zr = e.from_html('<div class="artifactuse-social-media"><div></div></div>'), Mr = e.from_html('<img class="artifactuse-social-link-image"/>'), qr = e.from_html('<div class="artifactuse-social-link-description"> </div>'), Ir = e.from_html('<div class="artifactuse-social-link-card"><!> <div class="artifactuse-social-link-info"><div class="artifactuse-social-link-domain"> </div> <div class="artifactuse-social-link-title"> </div> <!></div></div>'), Hr = e.from_html('<div class="artifactuse-social-poll-option"><div class="artifactuse-social-poll-bar"></div> <div class="artifactuse-social-poll-label"><span> </span> <span class="artifactuse-social-poll-percent"> </span></div></div>'), Rr = e.from_html('<div class="artifactuse-social-poll"><!> <div class="artifactuse-social-poll-meta"> </div></div>'), Dr = e.from_html('<div class="artifactuse-social-quote"><div class="artifactuse-social-quote-header"><img class="artifactuse-social-quote-avatar" alt=""/> <span class="artifactuse-social-quote-author"> </span> <span class="artifactuse-social-quote-handle"> </span></div> <p class="artifactuse-social-quote-text"> </p></div>'), Fr = e.from_html('<div class="artifactuse-social-engagement"><span> </span> <span> </span> <span> </span> <span> </span></div>'), Or = e.from_html('<div class="artifactuse-social-header"><img class="artifactuse-social-avatar"/> <div class="artifactuse-social-author"><div class="artifactuse-social-author-name"><span> </span> <!></div> <div class="artifactuse-social-author-meta"><span class="artifactuse-social-author-handle"> </span> <span class="artifactuse-social-timestamp"> </span></div></div></div> <div class="artifactuse-social-content"><p class="artifactuse-social-text"><!></p> <!> <!> <!> <!></div> <!>', 1), Ur = e.from_html('<span class="artifactuse-social-author-connection"> </span>'), Nr = e.from_html('<img class="artifactuse-social-link-image"/>'), jr = e.from_html('<div class="artifactuse-social-link-card"><!> <div class="artifactuse-social-link-info"><div class="artifactuse-social-link-title"> </div> <div class="artifactuse-social-link-domain"> </div></div></div>'), Vr = e.from_html('<div class="artifactuse-social-engagement"><span> </span> <span> </span> <span> </span></div>'), Jr = e.from_html('<div class="artifactuse-social-header"><img class="artifactuse-social-avatar"/> <div class="artifactuse-social-author-info"><div class="artifactuse-social-author-name"> <!></div> <div class="artifactuse-social-author-headline"> </div> <div class="artifactuse-social-timestamp"> </div></div></div> <div class="artifactuse-social-content"><p class="artifactuse-social-text"><!></p> <!></div> <!>', 1), Xr = e.from_svg('<svg class="artifactuse-social-verified" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></svg>'), Wr = e.from_html('<div class="artifactuse-social-location"> </div>'), Zr = e.from_html("<img/>"), Kr = e.from_html('<div class="artifactuse-social-media-placeholder"></div>'), Yr = e.from_html('<div class="artifactuse-social-header"><img class="artifactuse-social-avatar"/> <div class="artifactuse-social-author"><div class="artifactuse-social-author-name"> <!></div> <!></div></div> <div class="artifactuse-social-media"><!></div> <div class="artifactuse-social-likes"> </div> <div class="artifactuse-social-caption"><span class="artifactuse-social-caption-author"> </span> <span class="artifactuse-social-caption-text"><!></span></div> <div class="artifactuse-social-timestamp"> </div>', 1), Gr = e.from_html("<img/>"), Qr = e.from_html('<div class="artifactuse-social-media"><div class="artifactuse-social-media-grid"></div></div>'), es = e.from_html('<img class="artifactuse-social-link-image"/>'), ts = e.from_html('<div class="artifactuse-social-link-card"><!> <div class="artifactuse-social-link-info"><div class="artifactuse-social-link-domain"> </div> <div class="artifactuse-social-link-title"> </div></div></div>'), as = e.from_html('<div class="artifactuse-social-engagement"><span> </span> <span> </span></div>'), rs = e.from_html('<div class="artifactuse-social-header"><img class="artifactuse-social-avatar"/> <div class="artifactuse-social-author"><div class="artifactuse-social-author-name"> </div> <div class="artifactuse-social-timestamp"> </div></div></div> <div class="artifactuse-social-content"><p class="artifactuse-social-text"><!></p> <!> <!></div> <!>', 1), ss = e.from_svg('<svg class="artifactuse-social-verified" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></svg>'), is = e.from_html('<div class="artifactuse-social-engagement"><span> </span> <span> </span> <span> </span></div>'), ns = e.from_html('<div class="artifactuse-social-header"><img class="artifactuse-social-avatar"/> <div class="artifactuse-social-author"><div class="artifactuse-social-author-name"> <!></div></div> <span class="artifactuse-social-timestamp"> </span></div> <div class="artifactuse-social-content"><p class="artifactuse-social-text"><!></p></div> <!>', 1), ls = e.from_html('<img alt="Video thumbnail"/>'), cs = e.from_html('<div class="artifactuse-social-thumbnail-placeholder"></div>'), os = e.from_html('<div class="artifactuse-social-duration"> </div>'), vs = e.from_html('<div class="artifactuse-social-sound"> </div>'), us = e.from_html('<div class="artifactuse-social-engagement"><span> </span> <span> </span> <span> </span></div>'), ds = e.from_html('<div class="artifactuse-social-thumbnail"><!> <!></div> <div class="artifactuse-social-info"><div class="artifactuse-social-header"><img class="artifactuse-social-avatar"/> <span class="artifactuse-social-author-name"> </span></div> <p class="artifactuse-social-text"><!></p> <!></div> <!>', 1), _s = e.from_html('<img alt="Video thumbnail"/>'), gs = e.from_html('<div class="artifactuse-social-thumbnail-placeholder"></div>'), fs = e.from_html('<div class="artifactuse-social-duration"> </div>'), ps = e.from_html('<div class="artifactuse-social-thumbnail"><!> <!></div> <div class="artifactuse-social-info"><img class="artifactuse-social-avatar"/> <div class="artifactuse-social-details"><div class="artifactuse-social-title"> </div> <div class="artifactuse-social-channel"> </div> <div class="artifactuse-social-meta"> </div></div></div>', 1), ms = e.from_html('<div><!> <div class="artifactuse-social-actions-bar"><div class="artifactuse-social-platform-badge"><span> </span></div> <div class="artifactuse-social-actions-right"><span> </span> <button class="artifactuse-social-copy-btn"> </button></div></div></div>');
+function hs(ze, _) {
+  e.push(_, !1);
+  const ce = e.mutable_source(), z = e.mutable_source(), b = e.mutable_source(), r = e.mutable_source(), a = e.mutable_source(), c = e.mutable_source(), i = e.mutable_source(), h = e.mutable_source(), oe = e.mutable_source(), N = e.mutable_source(), ve = e.mutable_source(), xe = e.mutable_source(), _e = e.mutable_source();
+  let Ee = e.prop(_, "artifact", 8), ye = e.prop(_, "theme", 8, "dark");
+  const v = Ct(), f = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23888"><circle cx="12" cy="8" r="4"/><path d="M12 14c-6 0-8 3-8 6v2h16v-2c0-3-2-6-8-6z"/></svg>', y = {
+    twitter: 280,
+    linkedin: 3e3,
+    instagram: 2200,
+    facebook: 63206,
+    threads: 500,
+    tiktok: 2200,
+    youtube: 100
+  }, G = {
+    twitter: "X",
+    linkedin: "LinkedIn",
+    instagram: "Instagram",
+    facebook: "Facebook",
+    threads: "Threads",
+    tiktok: "TikTok",
+    youtube: "YouTube"
+  };
+  let $e = e.mutable_source("Copy");
+  function Ne(m) {
+    try {
+      return JSON.parse(m);
+    } catch {
+      return { platform: "twitter", data: {} };
+    }
+  }
+  function K(m) {
+    return m ? m >= 1e6 ? `${(m / 1e6).toFixed(1)}M` : m >= 1e3 ? `${(m / 1e3).toFixed(1)}K` : m.toString() : "0";
+  }
+  function je(m) {
+    try {
+      return new URL(m).hostname.replace("www.", "");
+    } catch {
+      return m;
+    }
+  }
+  function Me(m) {
+    if (!m) return "";
+    let ae = m.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+    return ae = ae.replace(/\n/g, "<br>"), ae = ae.replace(/#(\w+)/g, '<span class="artifactuse-social-hashtag">#$1</span>'), ae = ae.replace(/@(\w+)/g, '<span class="artifactuse-social-mention">@$1</span>'), ae;
+  }
+  function we(m) {
+    m.target.src = f;
+  }
+  function He(m) {
+    m.target.style.display = "none";
+  }
+  function Ve() {
+    const m = e.get(a).text || "";
+    navigator.clipboard.writeText(m).then(() => {
+      e.set($e, "Copied!"), setTimeout(
+        () => {
+          e.set($e, "Copy");
+        },
+        2e3
+      ), v("copy", { platform: e.get(z), text: m });
+    });
+  }
+  e.legacy_pre_effect(() => e.deep_read_state(Ee()), () => {
+    var m;
+    e.set(ce, Ne((m = Ee()) == null ? void 0 : m.code));
+  }), e.legacy_pre_effect(() => e.get(ce), () => {
+    var m;
+    e.set(z, ((m = e.get(ce)) == null ? void 0 : m.platform) || "twitter");
+  }), e.legacy_pre_effect(() => e.get(ce), () => {
+    var m;
+    e.set(b, ((m = e.get(ce)) == null ? void 0 : m.data) || {});
+  }), e.legacy_pre_effect(() => e.get(b), () => {
+    e.set(r, e.get(b).author || {});
+  }), e.legacy_pre_effect(() => e.get(b), () => {
+    e.set(a, e.get(b).content || {});
+  }), e.legacy_pre_effect(() => e.get(b), () => {
+    e.set(c, e.get(b).engagement || {});
+  }), e.legacy_pre_effect(() => e.get(b), () => {
+    e.set(i, e.get(b).meta || {});
+  }), e.legacy_pre_effect(() => e.get(a), () => {
+    e.set(h, e.get(a).media || []);
+  }), e.legacy_pre_effect(() => e.get(z), () => {
+    e.set(oe, y[e.get(z)] || 280);
+  }), e.legacy_pre_effect(() => e.get(a), () => {
+    e.set(N, (e.get(a).text || "").length);
+  }), e.legacy_pre_effect(() => (e.get(N), e.get(oe)), () => {
+    e.set(ve, e.get(N) > e.get(oe) ? "error" : e.get(N) > e.get(oe) * 0.9 ? "warning" : "");
+  }), e.legacy_pre_effect(() => e.get(c), () => {
+    e.set(xe, e.get(c).likes || e.get(c).comments || e.get(c).shares || e.get(c).retweets || e.get(c).replies || e.get(c).views || e.get(c).reposts);
+  }), e.legacy_pre_effect(() => e.get(c), () => {
+    e.set(_e, (() => {
+      const m = e.get(c).reactions || {};
+      return Object.values(m).reduce((ae, Q) => ae + (Q || 0), 0) || e.get(c).likes || 0;
+    })());
+  }), e.legacy_pre_effect_reset(), e.init();
+  var Ze = ms(), be = e.child(Ze);
+  {
+    var T = (m) => {
+      var ae = Or(), Q = e.first_child(ae), ue = e.child(Q), o = e.sibling(ue, 2), u = e.child(o), O = e.child(u), Y = e.child(O, !0);
+      e.reset(O);
+      var t = e.sibling(O, 2);
+      {
+        var H = (L) => {
+          var E = Sr();
+          e.template_effect(() => e.set_class(E, 0, `artifactuse-social-verified artifactuse-social-verified-${e.get(r), e.untrack(() => e.get(r).verifiedType || "blue") ?? ""}`)), e.append(L, E);
+        };
+        e.if(t, (L) => {
+          e.get(r), e.untrack(() => e.get(r).verified) && L(H);
+        });
+      }
+      e.reset(u);
+      var s = e.sibling(u, 2), A = e.child(s), Z = e.child(A, !0);
+      e.reset(A);
+      var ee = e.sibling(A, 2), fe = e.child(ee);
+      e.reset(ee), e.reset(s), e.reset(o), e.reset(Q);
+      var ie = e.sibling(Q, 2), R = e.child(ie), Ae = e.child(R);
+      e.html(Ae, () => (e.get(a), e.untrack(() => Me(e.get(a).text)))), e.reset(R);
+      var pe = e.sibling(R, 2);
+      {
+        var Le = (L) => {
+          var E = zr(), D = e.child(E);
+          let U;
+          e.each(
+            D,
+            5,
+            () => (e.get(h), e.untrack(() => e.get(h).slice(0, 4))),
+            e.index,
+            (J, k) => {
+              var d = Br();
+              e.template_effect(() => {
+                e.set_attribute(d, "src", (e.get(k), e.untrack(() => e.get(k).url))), e.set_attribute(d, "alt", (e.get(k), e.untrack(() => e.get(k).alt || "")));
+              }), e.event("error", d, He), e.append(J, d);
+            }
+          ), e.reset(D), e.reset(E), e.template_effect(() => {
+            U = e.set_class(D, 1, "artifactuse-social-media-grid", null, U, {
+              "artifactuse-social-media-single": e.get(h).length === 1
+            }), e.set_attribute(D, "data-count", (e.get(h), e.untrack(() => e.get(h).length)));
+          }), e.append(L, E);
+        };
+        e.if(pe, (L) => {
+          e.get(h), e.untrack(() => e.get(h).length) && L(Le);
+        });
+      }
+      var me = e.sibling(pe, 2);
+      {
+        var Pe = (L) => {
+          var E = Ir(), D = e.child(E);
+          {
+            var U = (re) => {
+              var n = Mr();
+              e.template_effect(() => {
+                e.set_attribute(n, "src", (e.get(a), e.untrack(() => e.get(a).link.image))), e.set_attribute(n, "alt", (e.get(a), e.untrack(() => e.get(a).link.title)));
+              }), e.event("error", n, He), e.append(re, n);
+            };
+            e.if(D, (re) => {
+              e.get(a), e.untrack(() => e.get(a).link.image) && re(U);
+            });
+          }
+          var J = e.sibling(D, 2), k = e.child(J), d = e.child(k, !0);
+          e.reset(k);
+          var p = e.sibling(k, 2), F = e.child(p, !0);
+          e.reset(p);
+          var V = e.sibling(p, 2);
+          {
+            var B = (re) => {
+              var n = qr(), P = e.child(n, !0);
+              e.reset(n), e.template_effect(() => e.set_text(P, (e.get(a), e.untrack(() => e.get(a).link.description)))), e.append(re, n);
+            };
+            e.if(V, (re) => {
+              e.get(a), e.untrack(() => e.get(a).link.description) && re(B);
+            });
+          }
+          e.reset(J), e.reset(E), e.template_effect(
+            (re) => {
+              e.set_text(d, re), e.set_text(F, (e.get(a), e.untrack(() => e.get(a).link.title)));
+            },
+            [
+              () => (e.get(a), e.untrack(() => e.get(a).link.domain || je(e.get(a).link.url)))
+            ]
+          ), e.append(L, E);
+        };
+        e.if(me, (L) => {
+          e.get(a), e.get(h), e.untrack(() => e.get(a).link && !e.get(h).length) && L(Pe);
+        });
+      }
+      var he = e.sibling(me, 2);
+      {
+        var ne = (L) => {
+          var E = Rr(), D = e.child(E);
+          e.each(D, 1, () => (e.get(a), e.untrack(() => e.get(a).poll.options)), e.index, (k, d, p) => {
+            var F = Hr(), V = e.child(F), B = e.sibling(V, 2), re = e.child(B), n = e.child(re, !0);
+            e.reset(re);
+            var P = e.sibling(re, 2), C = e.child(P);
+            e.reset(P), e.reset(B), e.reset(F), e.template_effect(() => {
+              e.set_style(V, `width: ${e.get(a), e.untrack(() => {
+                var w;
+                return ((w = e.get(a).poll.votes) == null ? void 0 : w[p]) || 0;
+              }) ?? ""}%`), e.set_text(n, e.get(d)), e.set_text(C, `${e.get(a), e.untrack(() => {
+                var w;
+                return ((w = e.get(a).poll.votes) == null ? void 0 : w[p]) || 0;
+              }) ?? ""}%`);
+            }), e.append(k, F);
+          });
+          var U = e.sibling(D, 2), J = e.child(U);
+          e.reset(U), e.reset(E), e.template_effect(
+            (k) => e.set_text(J, `${k ?? ""} votes · ${e.get(a), e.untrack(() => e.get(a).poll.duration || "Poll ended") ?? ""}`),
+            [
+              () => (e.get(a), e.untrack(() => K(e.get(a).poll.totalVotes || 0)))
+            ]
+          ), e.append(L, E);
+        };
+        e.if(he, (L) => {
+          e.get(a), e.untrack(() => e.get(a).poll) && L(ne);
+        });
+      }
+      var de = e.sibling(he, 2);
+      {
+        var j = (L) => {
+          var E = Dr(), D = e.child(E), U = e.child(D), J = e.sibling(U, 2), k = e.child(J, !0);
+          e.reset(J);
+          var d = e.sibling(J, 2), p = e.child(d, !0);
+          e.reset(d), e.reset(D);
+          var F = e.sibling(D, 2), V = e.child(F, !0);
+          e.reset(F), e.reset(E), e.template_effect(() => {
+            e.set_attribute(U, "src", (e.get(a), e.untrack(() => {
+              var B;
+              return ((B = e.get(a).quote.author) == null ? void 0 : B.avatar) || f;
+            }))), e.set_text(k, (e.get(a), e.untrack(() => {
+              var B;
+              return (B = e.get(a).quote.author) == null ? void 0 : B.name;
+            }))), e.set_text(p, (e.get(a), e.untrack(() => {
+              var B;
+              return (B = e.get(a).quote.author) == null ? void 0 : B.handle;
+            }))), e.set_text(V, (e.get(a), e.untrack(() => e.get(a).quote.text)));
+          }), e.append(L, E);
+        };
+        e.if(de, (L) => {
+          e.get(a), e.untrack(() => e.get(a).quote) && L(j);
+        });
+      }
+      e.reset(ie);
+      var te = e.sibling(ie, 2);
+      {
+        var le = (L) => {
+          var E = Fr(), D = e.child(E), U = e.child(D);
+          e.reset(D);
+          var J = e.sibling(D, 2), k = e.child(J);
+          e.reset(J);
+          var d = e.sibling(J, 2), p = e.child(d);
+          e.reset(d);
+          var F = e.sibling(d, 2), V = e.child(F);
+          e.reset(F), e.reset(E), e.template_effect(
+            (B, re, n, P) => {
+              e.set_text(U, `${B ?? ""} replies`), e.set_text(k, `${re ?? ""} reposts`), e.set_text(p, `${n ?? ""} likes`), e.set_text(V, `${P ?? ""} views`);
+            },
+            [
+              () => (e.get(c), e.untrack(() => K(e.get(c).replies || 0))),
+              () => (e.get(c), e.untrack(() => K(e.get(c).retweets || 0))),
+              () => (e.get(c), e.untrack(() => K(e.get(c).likes || 0))),
+              () => (e.get(c), e.untrack(() => K(e.get(c).views || 0)))
+            ]
+          ), e.append(L, E);
+        };
+        e.if(te, (L) => {
+          e.get(xe) && L(le);
+        });
+      }
+      e.template_effect(() => {
+        e.set_attribute(ue, "src", (e.get(r), e.untrack(() => e.get(r).avatar || f))), e.set_attribute(ue, "alt", (e.get(r), e.untrack(() => e.get(r).name))), e.set_text(Y, (e.get(r), e.untrack(() => e.get(r).name))), e.set_text(Z, (e.get(r), e.untrack(() => e.get(r).handle))), e.set_text(fe, `· ${e.get(i), e.untrack(() => e.get(i).timestamp || "Just now") ?? ""}`);
+      }), e.event("error", ue, we), e.append(m, ae);
+    }, ke = (m) => {
+      var ae = e.comment(), Q = e.first_child(ae);
+      {
+        var ue = (u) => {
+          var O = Jr(), Y = e.first_child(O), t = e.child(Y), H = e.sibling(t, 2), s = e.child(H), A = e.child(s), Z = e.sibling(A);
+          {
+            var ee = (j) => {
+              var te = Ur(), le = e.child(te);
+              e.reset(te), e.template_effect(() => e.set_text(le, `· ${e.get(r), e.untrack(() => e.get(r).connection) ?? ""}`)), e.append(j, te);
+            };
+            e.if(Z, (j) => {
+              e.get(r), e.untrack(() => e.get(r).connection) && j(ee);
+            });
+          }
+          e.reset(s);
+          var fe = e.sibling(s, 2), ie = e.child(fe, !0);
+          e.reset(fe);
+          var R = e.sibling(fe, 2), Ae = e.child(R);
+          e.reset(R), e.reset(H), e.reset(Y);
+          var pe = e.sibling(Y, 2), Le = e.child(pe), me = e.child(Le);
+          e.html(me, () => (e.get(a), e.untrack(() => Me(e.get(a).text)))), e.reset(Le);
+          var Pe = e.sibling(Le, 2);
+          {
+            var he = (j) => {
+              var te = jr(), le = e.child(te);
+              {
+                var L = (d) => {
+                  var p = Nr();
+                  e.template_effect(() => {
+                    e.set_attribute(p, "src", (e.get(a), e.untrack(() => e.get(a).link.image))), e.set_attribute(p, "alt", (e.get(a), e.untrack(() => e.get(a).link.title)));
+                  }), e.event("error", p, He), e.append(d, p);
+                };
+                e.if(le, (d) => {
+                  e.get(a), e.untrack(() => e.get(a).link.image) && d(L);
+                });
+              }
+              var E = e.sibling(le, 2), D = e.child(E), U = e.child(D, !0);
+              e.reset(D);
+              var J = e.sibling(D, 2), k = e.child(J, !0);
+              e.reset(J), e.reset(E), e.reset(te), e.template_effect(
+                (d) => {
+                  e.set_text(U, (e.get(a), e.untrack(() => e.get(a).link.title))), e.set_text(k, d);
+                },
+                [
+                  () => (e.get(a), e.untrack(() => e.get(a).link.domain || je(e.get(a).link.url)))
+                ]
+              ), e.append(j, te);
+            };
+            e.if(Pe, (j) => {
+              e.get(a), e.untrack(() => e.get(a).link) && j(he);
+            });
+          }
+          e.reset(pe);
+          var ne = e.sibling(pe, 2);
+          {
+            var de = (j) => {
+              var te = Vr(), le = e.child(te), L = e.child(le);
+              e.reset(le);
+              var E = e.sibling(le, 2), D = e.child(E);
+              e.reset(E);
+              var U = e.sibling(E, 2), J = e.child(U);
+              e.reset(U), e.reset(te), e.template_effect(
+                (k, d, p) => {
+                  e.set_text(L, `${k ?? ""} reactions`), e.set_text(D, `${d ?? ""} comments`), e.set_text(J, `${p ?? ""} reposts`);
+                },
+                [
+                  () => (e.get(c), e.untrack(() => K(e.get(c).likes || 0))),
+                  () => (e.get(c), e.untrack(() => K(e.get(c).comments || 0))),
+                  () => (e.get(c), e.untrack(() => K(e.get(c).shares || e.get(c).reposts || 0)))
+                ]
+              ), e.append(j, te);
+            };
+            e.if(ne, (j) => {
+              e.get(xe) && j(de);
+            });
+          }
+          e.template_effect(() => {
+            e.set_attribute(t, "src", (e.get(r), e.untrack(() => e.get(r).avatar || f))), e.set_attribute(t, "alt", (e.get(r), e.untrack(() => e.get(r).name))), e.set_text(A, `${e.get(r), e.untrack(() => e.get(r).name) ?? ""} `), e.set_text(ie, (e.get(r), e.untrack(() => e.get(r).headline))), e.set_text(Ae, `${e.get(i), e.untrack(() => e.get(i).timestamp || "Just now") ?? ""} · 🌐`);
+          }), e.event("error", t, we), e.append(u, O);
+        }, o = (u) => {
+          var O = e.comment(), Y = e.first_child(O);
+          {
+            var t = (s) => {
+              var A = Yr(), Z = e.first_child(A), ee = e.child(Z), fe = e.sibling(ee, 2), ie = e.child(fe), R = e.child(ie), Ae = e.sibling(R);
+              {
+                var pe = (d) => {
+                  var p = Xr();
+                  e.append(d, p);
+                };
+                e.if(Ae, (d) => {
+                  e.get(r), e.untrack(() => e.get(r).verified) && d(pe);
+                });
+              }
+              e.reset(ie);
+              var Le = e.sibling(ie, 2);
+              {
+                var me = (d) => {
+                  var p = Wr(), F = e.child(p, !0);
+                  e.reset(p), e.template_effect(() => e.set_text(F, (e.get(i), e.untrack(() => e.get(i).location)))), e.append(d, p);
+                };
+                e.if(Le, (d) => {
+                  e.get(i), e.untrack(() => e.get(i).location) && d(me);
+                });
+              }
+              e.reset(fe), e.reset(Z);
+              var Pe = e.sibling(Z, 2), he = e.child(Pe);
+              {
+                var ne = (d) => {
+                  var p = Zr();
+                  e.template_effect(() => {
+                    e.set_attribute(p, "src", (e.get(h), e.untrack(() => e.get(h)[0].url))), e.set_attribute(p, "alt", (e.get(h), e.untrack(() => e.get(h)[0].alt || "")));
+                  }), e.event("error", p, He), e.append(d, p);
+                }, de = (d) => {
+                  var p = Kr();
+                  e.append(d, p);
+                };
+                e.if(he, (d) => {
+                  e.get(h), e.untrack(() => e.get(h)[0]) ? d(ne) : d(de, !1);
+                });
+              }
+              e.reset(Pe);
+              var j = e.sibling(Pe, 2), te = e.child(j);
+              e.reset(j);
+              var le = e.sibling(j, 2), L = e.child(le), E = e.child(L, !0);
+              e.reset(L);
+              var D = e.sibling(L, 2), U = e.child(D);
+              e.html(U, () => (e.get(a), e.untrack(() => Me(e.get(a).text)))), e.reset(D), e.reset(le);
+              var J = e.sibling(le, 2), k = e.child(J, !0);
+              e.reset(J), e.template_effect(
+                (d) => {
+                  e.set_attribute(ee, "src", (e.get(r), e.untrack(() => e.get(r).avatar || f))), e.set_attribute(ee, "alt", (e.get(r), e.untrack(() => e.get(r).name))), e.set_text(R, `${e.get(r), e.untrack(() => e.get(r).name) ?? ""} `), e.set_text(te, `${d ?? ""} likes`), e.set_text(E, (e.get(r), e.untrack(() => e.get(r).name))), e.set_text(k, (e.get(i), e.untrack(() => e.get(i).timestamp || "JUST NOW")));
+                },
+                [
+                  () => (e.get(c), e.untrack(() => K(e.get(c).likes || 0)))
+                ]
+              ), e.event("error", ee, we), e.append(s, A);
+            }, H = (s) => {
+              var A = e.comment(), Z = e.first_child(A);
+              {
+                var ee = (ie) => {
+                  var R = rs(), Ae = e.first_child(R), pe = e.child(Ae), Le = e.sibling(pe, 2), me = e.child(Le), Pe = e.child(me, !0);
+                  e.reset(me);
+                  var he = e.sibling(me, 2), ne = e.child(he);
+                  e.reset(he), e.reset(Le), e.reset(Ae);
+                  var de = e.sibling(Ae, 2), j = e.child(de), te = e.child(j);
+                  e.html(te, () => (e.get(a), e.untrack(() => Me(e.get(a).text)))), e.reset(j);
+                  var le = e.sibling(j, 2);
+                  {
+                    var L = (k) => {
+                      var d = Qr(), p = e.child(d);
+                      e.each(
+                        p,
+                        5,
+                        () => (e.get(h), e.untrack(() => e.get(h).slice(0, 4))),
+                        e.index,
+                        (F, V) => {
+                          var B = Gr();
+                          e.template_effect(() => {
+                            e.set_attribute(B, "src", (e.get(V), e.untrack(() => e.get(V).url))), e.set_attribute(B, "alt", (e.get(V), e.untrack(() => e.get(V).alt || "")));
+                          }), e.event("error", B, He), e.append(F, B);
+                        }
+                      ), e.reset(p), e.reset(d), e.template_effect(() => e.set_attribute(p, "data-count", (e.get(h), e.untrack(() => e.get(h).length)))), e.append(k, d);
+                    };
+                    e.if(le, (k) => {
+                      e.get(h), e.untrack(() => e.get(h).length) && k(L);
+                    });
+                  }
+                  var E = e.sibling(le, 2);
+                  {
+                    var D = (k) => {
+                      var d = ts(), p = e.child(d);
+                      {
+                        var F = (C) => {
+                          var w = es();
+                          e.template_effect(() => {
+                            e.set_attribute(w, "src", (e.get(a), e.untrack(() => e.get(a).link.image))), e.set_attribute(w, "alt", (e.get(a), e.untrack(() => e.get(a).link.title)));
+                          }), e.event("error", w, He), e.append(C, w);
+                        };
+                        e.if(p, (C) => {
+                          e.get(a), e.untrack(() => e.get(a).link.image) && C(F);
+                        });
+                      }
+                      var V = e.sibling(p, 2), B = e.child(V), re = e.child(B, !0);
+                      e.reset(B);
+                      var n = e.sibling(B, 2), P = e.child(n, !0);
+                      e.reset(n), e.reset(V), e.reset(d), e.template_effect(
+                        (C) => {
+                          e.set_text(re, C), e.set_text(P, (e.get(a), e.untrack(() => e.get(a).link.title)));
+                        },
+                        [
+                          () => (e.get(a), e.untrack(() => e.get(a).link.domain || je(e.get(a).link.url)))
+                        ]
+                      ), e.append(k, d);
+                    };
+                    e.if(E, (k) => {
+                      e.get(a), e.get(h), e.untrack(() => e.get(a).link && !e.get(h).length) && k(D);
+                    });
+                  }
+                  e.reset(de);
+                  var U = e.sibling(de, 2);
+                  {
+                    var J = (k) => {
+                      var d = as(), p = e.child(d), F = e.child(p);
+                      e.reset(p);
+                      var V = e.sibling(p, 2), B = e.child(V);
+                      e.reset(V), e.reset(d), e.template_effect(
+                        (re, n, P) => {
+                          e.set_text(F, `👍❤️ ${re ?? ""}`), e.set_text(B, `${n ?? ""} comments · ${P ?? ""} shares`);
+                        },
+                        [
+                          () => (e.get(_e), e.untrack(() => K(e.get(_e)))),
+                          () => (e.get(c), e.untrack(() => K(e.get(c).comments || 0))),
+                          () => (e.get(c), e.untrack(() => K(e.get(c).shares || 0)))
+                        ]
+                      ), e.append(k, d);
+                    };
+                    e.if(U, (k) => {
+                      e.get(xe) && k(J);
+                    });
+                  }
+                  e.template_effect(() => {
+                    e.set_attribute(pe, "src", (e.get(r), e.untrack(() => e.get(r).avatar || f))), e.set_attribute(pe, "alt", (e.get(r), e.untrack(() => e.get(r).name))), e.set_text(Pe, (e.get(r), e.untrack(() => e.get(r).name))), e.set_text(ne, `${e.get(i), e.untrack(() => e.get(i).timestamp || "Just now") ?? ""} · 🌐`);
+                  }), e.event("error", pe, we), e.append(ie, R);
+                }, fe = (ie) => {
+                  var R = e.comment(), Ae = e.first_child(R);
+                  {
+                    var pe = (me) => {
+                      var Pe = ns(), he = e.first_child(Pe), ne = e.child(he), de = e.sibling(ne, 2), j = e.child(de), te = e.child(j), le = e.sibling(te);
+                      {
+                        var L = (F) => {
+                          var V = ss();
+                          e.append(F, V);
+                        };
+                        e.if(le, (F) => {
+                          e.get(r), e.untrack(() => e.get(r).verified) && F(L);
+                        });
+                      }
+                      e.reset(j), e.reset(de);
+                      var E = e.sibling(de, 2), D = e.child(E, !0);
+                      e.reset(E), e.reset(he);
+                      var U = e.sibling(he, 2), J = e.child(U), k = e.child(J);
+                      e.html(k, () => (e.get(a), e.untrack(() => Me(e.get(a).text)))), e.reset(J), e.reset(U);
+                      var d = e.sibling(U, 2);
+                      {
+                        var p = (F) => {
+                          var V = is(), B = e.child(V), re = e.child(B);
+                          e.reset(B);
+                          var n = e.sibling(B, 2), P = e.child(n);
+                          e.reset(n);
+                          var C = e.sibling(n, 2), w = e.child(C);
+                          e.reset(C), e.reset(V), e.template_effect(
+                            (M, q, g) => {
+                              e.set_text(re, `${M ?? ""} likes`), e.set_text(P, `${q ?? ""} replies`), e.set_text(w, `${g ?? ""} reposts`);
+                            },
+                            [
+                              () => (e.get(c), e.untrack(() => K(e.get(c).likes || 0))),
+                              () => (e.get(c), e.untrack(() => K(e.get(c).replies || 0))),
+                              () => (e.get(c), e.untrack(() => K(e.get(c).reposts || 0)))
+                            ]
+                          ), e.append(F, V);
+                        };
+                        e.if(d, (F) => {
+                          e.get(xe) && F(p);
+                        });
+                      }
+                      e.template_effect(() => {
+                        e.set_attribute(ne, "src", (e.get(r), e.untrack(() => e.get(r).avatar || f))), e.set_attribute(ne, "alt", (e.get(r), e.untrack(() => e.get(r).name))), e.set_text(te, `${e.get(r), e.untrack(() => e.get(r).name) ?? ""} `), e.set_text(D, (e.get(i), e.untrack(() => e.get(i).timestamp || "Just now")));
+                      }), e.event("error", ne, we), e.append(me, Pe);
+                    }, Le = (me) => {
+                      var Pe = e.comment(), he = e.first_child(Pe);
+                      {
+                        var ne = (j) => {
+                          var te = ds(), le = e.first_child(te), L = e.child(le);
+                          {
+                            var E = (M) => {
+                              var q = ls();
+                              e.template_effect(() => e.set_attribute(q, "src", (e.get(h), e.untrack(() => e.get(h)[0].url)))), e.event("error", q, He), e.append(M, q);
+                            }, D = (M) => {
+                              var q = cs();
+                              e.append(M, q);
+                            };
+                            e.if(L, (M) => {
+                              e.get(h), e.untrack(() => e.get(h)[0]) ? M(E) : M(D, !1);
+                            });
+                          }
+                          var U = e.sibling(L, 2);
+                          {
+                            var J = (M) => {
+                              var q = os(), g = e.child(q, !0);
+                              e.reset(q), e.template_effect(() => e.set_text(g, (e.get(a), e.untrack(() => e.get(a).duration)))), e.append(M, q);
+                            };
+                            e.if(U, (M) => {
+                              e.get(a), e.untrack(() => e.get(a).duration) && M(J);
+                            });
+                          }
+                          e.reset(le);
+                          var k = e.sibling(le, 2), d = e.child(k), p = e.child(d), F = e.sibling(p, 2), V = e.child(F);
+                          e.reset(F), e.reset(d);
+                          var B = e.sibling(d, 2), re = e.child(B);
+                          e.html(re, () => (e.get(a), e.untrack(() => Me(e.get(a).text)))), e.reset(B);
+                          var n = e.sibling(B, 2);
+                          {
+                            var P = (M) => {
+                              var q = vs(), g = e.child(q);
+                              e.reset(q), e.template_effect(() => e.set_text(g, `🎵 ${e.get(a), e.untrack(() => e.get(a).sound) ?? ""}`)), e.append(M, q);
+                            };
+                            e.if(n, (M) => {
+                              e.get(a), e.untrack(() => e.get(a).sound) && M(P);
+                            });
+                          }
+                          e.reset(k);
+                          var C = e.sibling(k, 2);
+                          {
+                            var w = (M) => {
+                              var q = us(), g = e.child(q), x = e.child(g);
+                              e.reset(g);
+                              var Se = e.sibling(g, 2), Ke = e.child(Se);
+                              e.reset(Se);
+                              var Ue = e.sibling(Se, 2), Be = e.child(Ue);
+                              e.reset(Ue), e.reset(q), e.template_effect(
+                                (Ce, Qe, rt) => {
+                                  e.set_text(x, `${Ce ?? ""} likes`), e.set_text(Ke, `${Qe ?? ""} comments`), e.set_text(Be, `${rt ?? ""} shares`);
+                                },
+                                [
+                                  () => (e.get(c), e.untrack(() => K(e.get(c).likes || 0))),
+                                  () => (e.get(c), e.untrack(() => K(e.get(c).comments || 0))),
+                                  () => (e.get(c), e.untrack(() => K(e.get(c).shares || 0)))
+                                ]
+                              ), e.append(M, q);
+                            };
+                            e.if(C, (M) => {
+                              e.get(xe) && M(w);
+                            });
+                          }
+                          e.template_effect(() => {
+                            e.set_attribute(p, "src", (e.get(r), e.untrack(() => e.get(r).avatar || f))), e.set_attribute(p, "alt", (e.get(r), e.untrack(() => e.get(r).name))), e.set_text(V, `@${e.get(r), e.untrack(() => e.get(r).name) ?? ""}`);
+                          }), e.event("error", p, we), e.append(j, te);
+                        }, de = (j) => {
+                          var te = e.comment(), le = e.first_child(te);
+                          {
+                            var L = (E) => {
+                              var D = ps(), U = e.first_child(D), J = e.child(U);
+                              {
+                                var k = (g) => {
+                                  var x = _s();
+                                  e.template_effect(() => e.set_attribute(x, "src", (e.get(h), e.untrack(() => e.get(h)[0].url)))), e.event("error", x, He), e.append(g, x);
+                                }, d = (g) => {
+                                  var x = gs();
+                                  e.append(g, x);
+                                };
+                                e.if(J, (g) => {
+                                  e.get(h), e.untrack(() => e.get(h)[0]) ? g(k) : g(d, !1);
+                                });
+                              }
+                              var p = e.sibling(J, 2);
+                              {
+                                var F = (g) => {
+                                  var x = fs(), Se = e.child(x, !0);
+                                  e.reset(x), e.template_effect(() => e.set_text(Se, (e.get(a), e.untrack(() => e.get(a).duration)))), e.append(g, x);
+                                };
+                                e.if(p, (g) => {
+                                  e.get(a), e.untrack(() => e.get(a).duration) && g(F);
+                                });
+                              }
+                              e.reset(U);
+                              var V = e.sibling(U, 2), B = e.child(V), re = e.sibling(B, 2), n = e.child(re), P = e.child(n, !0);
+                              e.reset(n);
+                              var C = e.sibling(n, 2), w = e.child(C, !0);
+                              e.reset(C);
+                              var M = e.sibling(C, 2), q = e.child(M);
+                              e.reset(M), e.reset(re), e.reset(V), e.template_effect(
+                                (g) => {
+                                  e.set_attribute(B, "src", (e.get(r), e.untrack(() => e.get(r).avatar || f))), e.set_attribute(B, "alt", (e.get(r), e.untrack(() => e.get(r).name))), e.set_text(P, (e.get(a), e.untrack(() => e.get(a).title))), e.set_text(w, (e.get(r), e.untrack(() => e.get(r).name))), e.set_text(q, `${g ?? ""} views · ${e.get(i), e.untrack(() => e.get(i).timestamp || "Just now") ?? ""}`);
+                                },
+                                [
+                                  () => (e.get(c), e.untrack(() => K(e.get(c).views || 0)))
+                                ]
+                              ), e.event("error", B, we), e.append(E, D);
+                            };
+                            e.if(
+                              le,
+                              (E) => {
+                                e.get(z) === "youtube" && E(L);
+                              },
+                              !0
+                            );
+                          }
+                          e.append(j, te);
+                        };
+                        e.if(
+                          he,
+                          (j) => {
+                            e.get(z) === "tiktok" ? j(ne) : j(de, !1);
+                          },
+                          !0
+                        );
+                      }
+                      e.append(me, Pe);
+                    };
+                    e.if(
+                      Ae,
+                      (me) => {
+                        e.get(z) === "threads" ? me(pe) : me(Le, !1);
+                      },
+                      !0
+                    );
+                  }
+                  e.append(ie, R);
+                };
+                e.if(
+                  Z,
+                  (ie) => {
+                    e.get(z) === "facebook" ? ie(ee) : ie(fe, !1);
+                  },
+                  !0
+                );
+              }
+              e.append(s, A);
+            };
+            e.if(
+              Y,
+              (s) => {
+                e.get(z) === "instagram" ? s(t) : s(H, !1);
+              },
+              !0
+            );
+          }
+          e.append(u, O);
+        };
+        e.if(
+          Q,
+          (u) => {
+            e.get(z) === "linkedin" ? u(ue) : u(o, !1);
+          },
+          !0
+        );
+      }
+      e.append(m, ae);
+    };
+    e.if(be, (m) => {
+      e.get(z) === "twitter" ? m(T) : m(ke, !1);
+    });
+  }
+  var ge = e.sibling(be, 2), De = e.child(ge), Xe = e.child(De), Re = e.child(Xe, !0);
+  e.reset(Xe), e.reset(De);
+  var l = e.sibling(De, 2), I = e.child(l), se = e.child(I);
+  e.reset(I);
+  var $ = e.sibling(I, 2), W = e.child($, !0);
+  e.reset($), e.reset(l), e.reset(ge), e.reset(Ze), e.template_effect(() => {
+    e.set_class(Ze, 1, `artifactuse-social artifactuse-social-${e.get(z) ?? ""}`), e.set_attribute(Ze, "data-artifactuse-theme", ye()), e.set_text(Re, (e.get(z), e.untrack(() => G[e.get(z)] || e.get(z)))), e.set_class(I, 1, `artifactuse-social-char-counter ${e.get(ve) ?? ""}`), e.set_text(se, `${e.get(N) ?? ""}/${e.get(oe) ?? ""}`), e.set_text(W, e.get($e));
+  }), e.event("click", $, Ve), e.append(ze, Ze), e.pop();
+}
+var bs = e.from_html('<button type="button" class="artifactuse-viewer-image-button"><img/></button>'), ks = e.from_html('<iframe class="artifactuse-viewer-pdf"></iframe>'), xs = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line><line x1="11" y1="8" x2="11" y2="14"></line><line x1="8" y1="11" x2="14" y2="11"></line></svg>'), ys = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line><line x1="8" y1="11" x2="14" y2="11"></line></svg>'), ws = e.from_html('<div class="artifactuse-viewer-controls"><button class="artifactuse-viewer-control"><!></button> <button class="artifactuse-viewer-control" title="Download"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg></button></div>'), Cs = e.from_html('<div class="artifactuse-viewer-caption"> </div>'), $s = e.from_html('<div class="artifactuse-viewer-overlay" tabindex="-1" role="dialog" aria-modal="true"><div class="artifactuse-viewer-content"><!> <!> <button class="artifactuse-viewer-close" title="Close (Esc)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button> <!> <!></div></div>');
+function As(ze, _) {
+  e.push(_, !1);
+  let ce = e.prop(_, "isOpen", 8, !1), z = e.prop(_, "type", 8, "image"), b = e.prop(_, "src", 8, ""), r = e.prop(_, "alt", 8, ""), a = e.prop(_, "caption", 8, "");
+  const c = Ct();
+  let i = e.mutable_source(), h = e.mutable_source(!1);
+  function oe() {
+    e.set(h, !1), c("close");
+  }
+  function N() {
+    z() === "image" && e.set(h, !e.get(h));
+  }
+  function ve() {
+    const f = document.createElement("a");
+    f.href = b(), f.download = r() || "download", document.body.appendChild(f), f.click(), document.body.removeChild(f);
+  }
+  function xe(f) {
+    f.key === "Escape" && ce() && oe();
+  }
+  function _e(f) {
+    f.target === e.get(i) && oe();
+  }
+  $t(() => {
+    document.addEventListener("keydown", xe);
+  }), St(() => {
+    document.removeEventListener("keydown", xe), document.body.style.overflow = "";
+  }), e.legacy_pre_effect(() => (e.deep_read_state(ce()), e.get(i)), () => {
+    ce() ? (document.body.style.overflow = "hidden", setTimeout(() => {
+      var f;
+      return (f = e.get(i)) == null ? void 0 : f.focus();
+    }, 0)) : (document.body.style.overflow = "", e.set(h, !1));
+  }), e.legacy_pre_effect_reset(), e.init();
+  var Ee = e.comment(), ye = e.first_child(Ee);
+  {
+    var v = (f) => {
+      var y = $s(), G = e.child(y), $e = e.child(G);
+      {
+        var Ne = (be) => {
+          var T = bs(), ke = e.child(T);
+          let ge;
+          e.reset(T), e.template_effect(() => {
+            e.set_attribute(ke, "src", b()), e.set_attribute(ke, "alt", r()), ge = e.set_class(ke, 1, "artifactuse-viewer-image", null, ge, { "artifactuse-viewer-image--zoomed": e.get(h) });
+          }), e.event("click", T, N), e.append(be, T);
+        };
+        e.if($e, (be) => {
+          z() === "image" && be(Ne);
+        });
+      }
+      var K = e.sibling($e, 2);
+      {
+        var je = (be) => {
+          var T = ks();
+          e.template_effect(() => {
+            e.set_attribute(T, "src", b()), e.set_attribute(T, "title", r() || "PDF Viewer");
+          }), e.append(be, T);
+        };
+        e.if(K, (be) => {
+          z() === "pdf" && be(je);
+        });
+      }
+      var Me = e.sibling(K, 2), we = e.sibling(Me, 2);
+      {
+        var He = (be) => {
+          var T = ws(), ke = e.child(T), ge = e.child(ke);
+          {
+            var De = (l) => {
+              var I = xs();
+              e.append(l, I);
+            }, Xe = (l) => {
+              var I = ys();
+              e.append(l, I);
+            };
+            e.if(ge, (l) => {
+              e.get(h) ? l(Xe, !1) : l(De);
+            });
+          }
+          e.reset(ke);
+          var Re = e.sibling(ke, 2);
+          e.reset(T), e.template_effect(() => e.set_attribute(ke, "title", e.get(h) ? "Zoom out" : "Zoom in")), e.event("click", ke, e.stopPropagation(N)), e.event("click", Re, e.stopPropagation(ve)), e.append(be, T);
+        };
+        e.if(we, (be) => {
+          z() === "image" && be(He);
+        });
+      }
+      var Ve = e.sibling(we, 2);
+      {
+        var Ze = (be) => {
+          var T = Cs(), ke = e.child(T, !0);
+          e.reset(T), e.template_effect(() => e.set_text(ke, a())), e.append(be, T);
+        };
+        e.if(Ve, (be) => {
+          a() && be(Ze);
+        });
+      }
+      e.reset(G), e.reset(y), e.bind_this(y, (be) => e.set(i, be), () => e.get(i)), e.event("click", Me, oe), e.transition(3, G, () => Da, () => ({ duration: 200, start: 0.95 })), e.event("click", y, _e), e.event("keydown", y, xe), e.transition(3, y, () => Fa, () => ({ duration: 200 })), e.append(f, y);
+    };
+    e.if(ye, (f) => {
+      ce() && f(v);
+    });
+  }
+  e.append(ze, Ee), e.pop();
+}
+var Ls = e.from_html("<div><!></div>"), Ps = e.from_html('<div class="artifactuse-agent-message"><div class="artifactuse-message-content"></div> <!></div>');
+function gi(ze, _) {
+  e.push(_, !1);
+  const ce = e.mutable_source(), z = e.mutable_source(), b = e.mutable_source();
+  let r = e.prop(_, "content", 8, ""), a = e.prop(_, "messageId", 24, () => `msg-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`), c = e.prop(_, "inlineCards", 8, !0), i = e.prop(_, "typing", 8, !1), h = e.prop(
+    _,
+    "isLastMessage",
+    8,
+    !1
+    // Whether this is the last/most recent message
+  );
+  const oe = Ct(), {
+    processMessage: N,
+    openArtifact: ve,
+    getTheme: xe,
+    instance: _e,
+    activeArtifactId: Ee
+  } = Ot();
+  let ye = e.mutable_source(), v = e.mutable_source(), f = e.mutable_source(""), y = e.mutable_source([]), G = e.mutable_source([]), $e = null, Ne = e.mutable_source(i()), K = e.mutable_source(!1), je = e.mutable_source(!1), Me = e.mutable_source("image"), we = e.mutable_source(""), He = e.mutable_source(""), Ve = e.mutable_source("");
+  function Ze(o) {
+    if (!o) return null;
+    try {
+      const u = decodeURIComponent(escape(atob(o)));
+      return JSON.parse(u);
+    } catch {
+      try {
+        const O = o.replace(/&#10;/g, `
+`).replace(/&#13;/g, "\r").replace(/&#9;/g, "	").replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&");
+        return JSON.parse(O);
+      } catch (O) {
+        return console.error("Failed to parse artifact data:", O), null;
+      }
+    }
+  }
+  function be(o) {
+    const u = [];
+    if (!o) return u;
+    const O = /<div\s+class="artifactuse-placeholder[^"]*"[^>]*data-artifact-id="([^"]+)"[^>]*data-artifact-type="([^"]+)"[^>]*data-artifact=["']([^"']*)["'][^>]*><\/div>/gi;
+    let Y = 0, t;
+    for (; (t = O.exec(o)) !== null; ) {
+      if (t.index > Y) {
+        const A = o.slice(Y, t.index);
+        A.trim() && u.push({ type: "html", content: A });
+      }
+      const H = Ze(t[3]), s = t[2];
+      H && (s === "form" && H.isInline ? u.push({ type: "form", artifact: H }) : s === "social" ? u.push({ type: "social", artifact: H }) : u.push({ type: "panel", artifact: H })), Y = t.index + t[0].length;
+    }
+    if (Y < o.length) {
+      const H = o.slice(Y);
+      H.trim() && u.push({ type: "html", content: H });
+    }
+    return u.length === 0 && o.trim() && u.push({ type: "html", content: o }), u;
+  }
+  function T(o) {
+    e.set(Me, o.type || "image"), e.set(we, o.src || ""), e.set(He, o.alt || ""), e.set(Ve, o.caption || ""), e.set(je, !0), oe("media-open", o);
+  }
+  function ke() {
+    e.set(je, !1), e.set(we, ""), e.set(He, ""), e.set(Ve, "");
+  }
+  function ge() {
+    if (!e.get(v)) return;
+    e.get(v).querySelectorAll('img[data-lightbox="true"]').forEach((s) => {
+      s._lightboxHandler && s.removeEventListener("click", s._lightboxHandler), s._lightboxHandler = (A) => {
+        A.preventDefault(), A.stopPropagation(), T({
+          type: "image",
+          src: s.src,
+          alt: s.alt || "",
+          caption: s.dataset.caption || s.alt || ""
+        });
+      }, s.addEventListener("click", s._lightboxHandler), s.style.cursor = "zoom-in";
+    }), e.get(v).querySelectorAll(".artifactuse-image-container img").forEach((s) => {
+      s._lightboxHandler || (s._lightboxHandler = (A) => {
+        A.preventDefault(), A.stopPropagation();
+        const Z = s.closest(".artifactuse-image-container"), ee = Z == null ? void 0 : Z.querySelector(".artifactuse-image-caption"), fe = (ee == null ? void 0 : ee.textContent) || s.dataset.caption || s.alt || "";
+        T({ type: "image", src: s.src, alt: s.alt || "", caption: fe });
+      }, s.addEventListener("click", s._lightboxHandler), s.style.cursor = "zoom-in");
+    }), e.get(v).querySelectorAll(".artifactuse-gallery-item img, .artifactuse-image-gallery img").forEach((s) => {
+      s._lightboxHandler || (s._lightboxHandler = (A) => {
+        A.preventDefault(), A.stopPropagation();
+        const Z = s.closest(".artifactuse-gallery-item"), ee = Z == null ? void 0 : Z.querySelector(".artifactuse-gallery-caption"), fe = (ee == null ? void 0 : ee.textContent) || s.dataset.caption || s.alt || "";
+        T({ type: "image", src: s.src, alt: s.alt || "", caption: fe });
+      }, s.addEventListener("click", s._lightboxHandler), s.style.cursor = "zoom-in");
+    }), e.get(v).querySelectorAll('a[href$=".pdf"], a[data-type="pdf"]').forEach((s) => {
+      s._pdfHandler && s.removeEventListener("click", s._pdfHandler), s._pdfHandler = (A) => {
+        A.preventDefault(), A.stopPropagation(), T({
+          type: "pdf",
+          src: s.href,
+          alt: s.textContent || "PDF Document",
+          caption: s.title || s.textContent || ""
+        });
+      }, s.addEventListener("click", s._pdfHandler);
+    }), e.get(v).querySelectorAll(".artifactuse-pdf-container, [data-pdf-viewer]").forEach((s) => {
+      var Z;
+      s._pdfHandler && s.removeEventListener("click", s._pdfHandler);
+      const A = s.dataset.pdfSrc || ((Z = s.querySelector("iframe")) == null ? void 0 : Z.src) || "";
+      A && (s._pdfHandler = (ee) => {
+        ee.preventDefault(), ee.stopPropagation(), T({
+          type: "pdf",
+          src: A,
+          alt: "PDF Document",
+          caption: s.dataset.caption || ""
+        });
+      }, s.addEventListener("click", s._pdfHandler), s.style.cursor = "pointer");
+    }), e.get(v).querySelectorAll(".artifactuse-video-preview-wrapper, .video-preview-wrapper").forEach((s) => {
+      s._clickHandler && s.removeEventListener("click", s._clickHandler), s._clickHandler = (A) => {
+        if (A.target.closest(".artifactuse-video-play-button")) return;
+        const Z = s.dataset.videoUrl || s.dataset.url;
+        Z && window.open(Z, "_blank", "noopener,noreferrer");
+      }, s.addEventListener("click", s._clickHandler);
+    });
+  }
+  function De() {
+    if (!e.get(v)) return;
+    e.get(v).querySelectorAll("img").forEach((t) => {
+      t._lightboxHandler && (t.removeEventListener("click", t._lightboxHandler), delete t._lightboxHandler);
+    }), e.get(v).querySelectorAll('a[href$=".pdf"], a[data-type="pdf"]').forEach((t) => {
+      t._pdfHandler && (t.removeEventListener("click", t._pdfHandler), delete t._pdfHandler);
+    }), e.get(v).querySelectorAll(".artifactuse-pdf-container, [data-pdf-viewer]").forEach((t) => {
+      t._pdfHandler && (t.removeEventListener("click", t._pdfHandler), delete t._pdfHandler);
+    }), e.get(v).querySelectorAll(".artifactuse-video-preview-wrapper, .video-preview-wrapper").forEach((t) => {
+      t._clickHandler && (t.removeEventListener("click", t._clickHandler), delete t._clickHandler);
+    });
+  }
+  function Xe() {
+    $e && clearTimeout($e), $e = setTimeout(
+      async () => {
+        if (_e != null && _e.initializeContent && e.get(v))
+          try {
+            await _e.initializeContent(e.get(v));
+          } catch (o) {
+            console.error("Failed to initialize content:", o);
+          }
+        ge();
+      },
+      100
+    );
+  }
+  function Re(o) {
+    ve(o), oe("artifact-open", o);
+  }
+  function l(o) {
+    oe("artifact-copy", o.detail);
+  }
+  function I(o) {
+    oe("artifact-download", o.detail);
+  }
+  function se(o) {
+    oe("form-submit", o.detail);
+  }
+  function $(o) {
+    oe("form-cancel", o.detail);
+  }
+  function W(o) {
+    oe("form-button-click", o.detail);
+  }
+  function m(o) {
+    oe("social-copy", o.detail);
+  }
+  $t(() => {
+    i() && e.set(K, !0), i() || Xe();
+  }), St(() => {
+    $e && clearTimeout($e), De();
+  }), e.legacy_pre_effect(() => {
+  }, () => {
+    e.set(ce, typeof xe == "function" ? xe() : "dark");
+  }), e.legacy_pre_effect(() => {
+  }, () => {
+    e.set(z, Ee || null);
+  }), e.legacy_pre_effect(() => e.deep_read_state(i()), () => {
+    i() && e.set(K, !0);
+  }), e.legacy_pre_effect(() => (e.get(K), e.deep_read_state(h())), () => {
+    e.set(b, e.get(K) || h() ? "active" : "inactive");
+  }), e.legacy_pre_effect(
+    () => (e.deep_read_state(r()), e.deep_read_state(a()), e.get(f), e.deep_read_state(i())),
+    () => {
+      if (r()) {
+        const o = N(r(), a());
+        e.set(f, o.html), e.set(y, o.artifacts), e.set(G, be(e.get(f))), o.artifacts.length > 0 && oe("artifact-detected", o.artifacts), i() || Xe();
+      }
+    }
+  ), e.legacy_pre_effect(() => (e.get(Ne), e.deep_read_state(i())), () => {
+    e.get(Ne) === !0 && i() === !1 && Xe(), e.set(Ne, i());
+  }), e.legacy_pre_effect_reset(), e.init();
+  var ae = Ps(), Q = e.child(ae);
+  e.each(
+    Q,
+    7,
+    () => e.get(G),
+    (o, u) => {
+      var O;
+      return o.type === "html" ? `html-${u}` : `${o.type}-${(O = o.artifact) == null ? void 0 : O.id}`;
+    },
+    (o, u) => {
+      var O = e.comment(), Y = e.first_child(O);
+      {
+        var t = (s) => {
+          var A = Ls(), Z = e.child(A);
+          e.html(Z, () => (e.get(u), e.untrack(() => e.get(u).content))), e.reset(A), e.append(s, A);
+        }, H = (s) => {
+          var A = e.comment(), Z = e.first_child(A);
+          {
+            var ee = (ie) => {
+              Er(ie, {
+                get artifact() {
+                  return e.get(u), e.untrack(() => e.get(u).artifact);
+                },
+                get theme() {
+                  return e.get(ce);
+                },
+                get initialState() {
+                  return e.get(b);
+                },
+                $$events: {
+                  submit: se,
+                  cancel: $,
+                  "button-click": W
+                }
+              });
+            }, fe = (ie) => {
+              var R = e.comment(), Ae = e.first_child(R);
+              {
+                var pe = (me) => {
+                  hs(me, {
+                    get artifact() {
+                      return e.get(u), e.untrack(() => e.get(u).artifact);
+                    },
+                    get theme() {
+                      return e.get(ce);
+                    },
+                    $$events: { copy: m }
+                  });
+                }, Le = (me) => {
+                  var Pe = e.comment(), he = e.first_child(Pe);
+                  {
+                    var ne = (de) => {
+                      {
+                        let j = e.derived_safe_equal(() => (e.get(z), e.get(u), e.untrack(() => e.get(z) === e.get(u).artifact.id)));
+                        ja(de, {
+                          get artifact() {
+                            return e.get(u), e.untrack(() => e.get(u).artifact);
+                          },
+                          get isActive() {
+                            return e.get(j);
+                          },
+                          $$events: {
+                            open: (te) => Re(te.detail),
+                            copy: l,
+                            download: I
+                          }
+                        });
+                      }
+                    };
+                    e.if(
+                      he,
+                      (de) => {
+                        e.get(u), e.deep_read_state(c()), e.untrack(() => e.get(u).type === "panel" && c()) && de(ne);
+                      },
+                      !0
+                    );
+                  }
+                  e.append(me, Pe);
+                };
+                e.if(
+                  Ae,
+                  (me) => {
+                    e.get(u), e.untrack(() => e.get(u).type === "social") ? me(pe) : me(Le, !1);
+                  },
+                  !0
+                );
+              }
+              e.append(ie, R);
+            };
+            e.if(
+              Z,
+              (ie) => {
+                e.get(u), e.untrack(() => e.get(u).type === "form" && e.get(u).artifact.isInline) ? ie(ee) : ie(fe, !1);
+              },
+              !0
+            );
+          }
+          e.append(s, A);
+        };
+        e.if(Y, (s) => {
+          e.get(u), e.untrack(() => e.get(u).type === "html") ? s(t) : s(H, !1);
+        });
+      }
+      e.append(o, O);
+    }
+  ), e.reset(Q), e.bind_this(Q, (o) => e.set(v, o), () => e.get(v));
+  var ue = e.sibling(Q, 2);
+  As(ue, {
+    get isOpen() {
+      return e.get(je);
+    },
+    get type() {
+      return e.get(Me);
+    },
+    get src() {
+      return e.get(we);
+    },
+    get alt() {
+      return e.get(He);
+    },
+    get caption() {
+      return e.get(Ve);
+    },
+    $$events: { close: ke }
+  }), e.reset(ae), e.bind_this(ae, (o) => e.set(ye, o), () => e.get(ye)), e.append(ze, ae), e.pop();
+}
+var Ts = e.from_html('<button class="artifactuse-panel__resize-handle" aria-label="Resize panel"><div class="artifactuse-panel__resize-handle-line"></div></button>'), Es = e.from_html('<a href="https://artifactuse.com" target="_blank" rel="noopener noreferrer" class="artifactuse-panel__branding"><svg width="16" height="16" viewBox="0 0 32 32" fill="currentColor"><path d="M16 2L2 9l14 7 14-7-14-7zM2 23l14 7 14-7M2 16l14 7 14-7"></path></svg> <span>Artifactuse</span></a>'), Ss = e.from_html('<div><!> <header class="artifactuse-panel__header artifactuse-panel__header--simple"><div class="artifactuse-panel__title"><span class="artifactuse-panel__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg></span> <div class="artifactuse-panel__title-content"><span class="artifactuse-panel__name">Artifacts</span></div></div> <div class="artifactuse-panel__actions"><button class="artifactuse-panel__action artifactuse-panel__action--close" title="Close panel"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button></div></header> <div class="artifactuse-panel__empty"><div class="artifactuse-panel__empty-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path><polyline points="14 2 14 8 20 8"></polyline></svg></div> <h3 class="artifactuse-panel__empty-title">No artifacts yet</h3> <p class="artifactuse-panel__empty-text">Code blocks, forms, and other interactive content will appear here as the AI generates them.</p></div> <footer class="artifactuse-panel__footer artifactuse-panel__footer--simple"><!></footer></div>'), Bs = e.from_html('<button class="artifactuse-panel__resize-handle" aria-label="Resize panel"><div class="artifactuse-panel__resize-handle-line"></div></button>'), zs = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg>'), Ms = e.from_svg('<svg class="artifactuse-panel__spinner-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10" stroke-dasharray="32" stroke-dashoffset="32"></circle></svg>'), qs = e.from_html('<button class="artifactuse-panel__list-item"><span class="artifactuse-panel__list-item-icon"><!></span> <div class="artifactuse-panel__list-item-content"><span class="artifactuse-panel__list-item-title"> </span> <span class="artifactuse-panel__list-item-meta"> <!></span></div> <span class="artifactuse-panel__list-item-arrow"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="9 18 15 12 9 6"></polyline></svg></span></button>'), Is = e.from_html('<a href="https://artifactuse.com" target="_blank" rel="noopener noreferrer" class="artifactuse-panel__branding"><svg width="16" height="16" viewBox="0 0 32 32" fill="currentColor"><path d="M16 2L2 9l14 7 14-7-14-7zM2 23l14 7 14-7M2 16l14 7 14-7"></path></svg> <span>Artifactuse</span></a>'), Hs = e.from_html('<div><!> <header class="artifactuse-panel__header artifactuse-panel__header--simple"><div class="artifactuse-panel__title"><span class="artifactuse-panel__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg></span> <div class="artifactuse-panel__title-content"><span class="artifactuse-panel__name">Artifacts</span> <span class="artifactuse-panel__meta"> </span></div></div> <div class="artifactuse-panel__actions"><button title="Download all as ZIP"><!></button> <button class="artifactuse-panel__action artifactuse-panel__action--close" title="Close panel"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button></div></header> <div class="artifactuse-panel__list"><div class="artifactuse-panel__list-items"></div></div> <footer class="artifactuse-panel__footer artifactuse-panel__footer--simple"><!></footer></div>'), Rs = e.from_html('<button class="artifactuse-panel__resize-handle" aria-label="Resize panel"><div class="artifactuse-panel__resize-handle-line"></div></button>'), Ds = e.from_html('<button class="artifactuse-panel__back" title="Back to list"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15 18 9 12 15 6"></polyline></svg></button>'), Fs = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg>'), Os = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="4 14 10 14 10 20"></polyline><polyline points="20 10 14 10 14 4"></polyline><line x1="14" y1="10" x2="21" y2="3"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg>'), Us = e.from_html('<div class="artifactuse-panel__loading"><div class="artifactuse-panel__spinner"></div></div>'), Ns = e.from_html('<iframe sandbox="allow-scripts allow-same-origin allow-forms allow-popups allow-modals" title="Artifact Preview"></iframe>'), js = e.from_html('<div class="artifactuse-panel__no-preview"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M9 17H7A5 5 0 0 1 7 7h2"></path><path d="M15 7h2a5 5 0 1 1 0 10h-2"></path><line x1="8" y1="12" x2="16" y2="12"></line></svg> <p> </p></div>'), Vs = e.from_html('<div class="artifactuse-panel__preview"><!> <!></div>'), Js = e.from_html('<button class="artifactuse-panel__split-handle" aria-label="Split Resize"><div class="artifactuse-panel__split-handle-line"></div></button>'), Xs = e.from_html('<div class="artifactuse-panel__code"><!> <div class="artifactuse-panel__code-scroll"><div class="artifactuse-panel__line-numbers"></div> <pre class="artifactuse-panel__code-block"><code> </code></pre></div></div>'), Ws = e.from_html('<a href="https://artifactuse.com" target="_blank" rel="noopener noreferrer" class="artifactuse-panel__branding" title="Powered by Artifactuse"><svg width="16" height="16" viewBox="0 0 32 32" fill="currentColor"><path d="M16 2L2 9l14 7 14-7-14-7zM2 23l14 7 14-7M2 16l14 7 14-7"></path></svg> <span>Artifactuse</span></a>'), Zs = e.from_html('<span class="artifactuse-panel__badge artifactuse-panel__badge--secondary"> </span>'), Ks = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>'), Ys = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"></polyline></svg>'), Gs = e.from_html('<button><span class="artifactuse-panel__artifact-item-icon"><!></span> <div class="artifactuse-panel__artifact-item-content"><span class="artifactuse-panel__artifact-item-title"> </span> <span class="artifactuse-panel__artifact-item-meta"> <!></span></div> <span class="artifactuse-panel__artifact-item-index"> </span></button>'), Qs = e.from_html('<div class="artifactuse-panel__artifact-list"><div class="artifactuse-panel__artifact-list-header"><span> </span> <button class="artifactuse-panel__artifact-list-close" aria-label="Close artifact list"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button></div> <div class="artifactuse-panel__artifact-list-items"></div></div>'), ei = e.from_html('<div class="artifactuse-panel__nav"><button class="artifactuse-panel__nav-btn" title="Previous artifact"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15 18 9 12 15 6"></polyline></svg></button> <button class="artifactuse-panel__nav-trigger"><span> </span> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"></polyline></svg></button> <button class="artifactuse-panel__nav-btn" title="Next artifact"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="9 18 15 12 9 6"></polyline></svg></button> <!></div>'), ti = e.from_html('<div class="artifactuse-panel__backdrop" role="button" tabindex="-1" aria-label="Close panel"></div>'), ai = e.from_html('<div><!> <header class="artifactuse-panel__header"><!> <div class="artifactuse-panel__title"><span class="artifactuse-panel__icon"><svg viewBox="0 0 24 24" fill="currentColor"><!></svg></span> <div class="artifactuse-panel__title-content"><span class="artifactuse-panel__name"> </span> <span class="artifactuse-panel__meta"> <!></span></div></div> <div class="artifactuse-panel__tabs"><button title="Preview"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg></button> <button title="Code"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg></button> <button title="Split view"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="12" y1="3" x2="12" y2="21"></line></svg></button></div> <div class="artifactuse-panel__actions"><button class="artifactuse-panel__action"><!></button> <button class="artifactuse-panel__action artifactuse-panel__action--close" title="Close"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button></div></header> <div><!> <!></div> <footer class="artifactuse-panel__footer"><div class="artifactuse-panel__footer-left"><!> <!></div> <div class="artifactuse-panel__footer-right"><button><!></button> <button class="artifactuse-panel__footer-action" title="Download"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg></button> <!></div></footer></div> <!>', 1);
+function fi(ze, _) {
+  e.push(_, !1);
+  const ce = () => e.store_get(Ve, "$activeArtifact", a), z = () => e.store_get(He, "$state", a), b = () => e.store_get(Ze, "$artifactCount", a), r = () => e.store_get(be, "$hasArtifacts", a), [a, c] = e.setup_stores(), i = e.mutable_source(), h = e.mutable_source(), oe = e.mutable_source(), N = e.mutable_source(), ve = e.mutable_source(), xe = e.mutable_source(), _e = e.mutable_source(), Ee = e.mutable_source(), ye = e.mutable_source(), v = e.mutable_source(), f = e.mutable_source(), y = e.mutable_source(), G = e.mutable_source(), $e = e.mutable_source(), Ne = e.mutable_source(), K = e.mutable_source(), je = e.mutable_source(), Me = Ct();
+  let we = e.prop(_, "className", 8, "");
+  const {
+    state: He,
+    activeArtifact: Ve,
+    artifactCount: Ze,
+    hasArtifacts: be,
+    closePanel: T,
+    toggleFullscreen: ke,
+    setViewMode: ge,
+    getPanelUrl: De,
+    openArtifact: Xe,
+    instance: Re
+  } = Ot();
+  let l = e.mutable_source(), I = e.mutable_source(), se = e.mutable_source(), $ = e.mutable_source(), W = e.mutable_source(), m = e.mutable_source(!1), ae = e.mutable_source(!1), Q = e.mutable_source(!0), ue = !1, o = e.mutable_source(!1), u = e.mutable_source(!1), O = e.mutable_source(50), Y = e.mutable_source(50), t = null, H = null, s = null, A = null, Z = null, ee = null, fe = null;
+  function ie(n) {
+    n && (ee !== n.id && (e.set(Q, !0), de()), fe !== n.code && (ue = !0, clearTimeout(s), s = setTimeout(
+      () => {
+        pe();
+      },
+      100
+    ), clearTimeout(A), A = setTimeout(
+      () => {
+        ue = !1, Dt().then(() => {
+          Le(), e.get(l) && n.isPreviewable && (e.set(Q, !0), de(), Re.bridge.loadArtifact(n));
+        });
+      },
+      500
+    )), ee = n.id, fe = n.code);
+  }
+  function R(n) {
+    return `<svg viewBox="0 0 24 24" fill="currentColor">${Ft(n)}</svg>`;
+  }
+  function Ae() {
+    e.set(o, !1), Re.state.clearActiveArtifact();
+  }
+  function pe() {
+    var C;
+    if (!e.get($) || !((C = e.get(i)) != null && C.code)) return;
+    const n = e.get(i).code.split(`
+`).length, P = Array.from({ length: n }, (w, M) => `<div>${M + 1}</div>`).join("");
+    e.mutate($, e.get($).innerHTML = P);
+  }
+  function Le() {
+    e.get(I) && qa() && (window.Prism.highlightElement(e.get(I)), Dt().then(() => {
+      me();
+    }));
+  }
+  function me() {
+    var P;
+    const n = (P = e.get(I)) == null ? void 0 : P.closest("pre");
+    if (n && e.get(W) && e.get($)) {
+      const w = window.getComputedStyle(n).backgroundColor;
+      w && w !== "rgba(0, 0, 0, 0)" && w !== "transparent" && (e.mutate(W, e.get(W).style.backgroundColor = w), e.mutate($, e.get($).style.backgroundColor = w));
+    }
+  }
+  function Pe() {
+    pe(), ue || Le();
+  }
+  function he() {
+    clearTimeout(Z), e.set(Q, !1), e.get(l) && e.get(i) && (Re.bridge.setIframe(e.get(l)), Re.bridge.loadArtifact(e.get(i)));
+  }
+  function ne() {
+    clearTimeout(Z), e.set(Q, !1);
+  }
+  function de() {
+    clearTimeout(Z), Z = setTimeout(
+      () => {
+        e.set(Q, !1);
+      },
+      1e4
+    );
+  }
+  async function j() {
+    if (e.get(i))
+      try {
+        await navigator.clipboard.writeText(e.get(i).code), e.set(m, !0), setTimeout(
+          () => {
+            e.set(m, !1);
+          },
+          2e3
+        );
+      } catch (n) {
+        console.error("Failed to copy:", n);
+      }
+  }
+  function te() {
+    if (!e.get(i)) return;
+    const { code: n, language: P, title: C } = e.get(i), w = Gt(P), M = `${C.toLowerCase().replace(/\s+/g, "-")}.${w}`, q = new Blob([n], { type: "text/plain" }), g = URL.createObjectURL(q), x = document.createElement("a");
+    x.href = g, x.download = M, document.body.appendChild(x), x.click(), document.body.removeChild(x), URL.revokeObjectURL(g);
+  }
+  async function le() {
+    if (!(e.get(u) || e.get(y).length === 0)) {
+      e.set(u, !0);
+      try {
+        const n = new Ra(), P = /* @__PURE__ */ new Map();
+        for (const x of e.get(y)) {
+          if (!x.code) continue;
+          const Se = Gt(x.language);
+          let Ke = (x.title || "untitled").toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, ""), Ue = `${Ke}.${Se}`;
+          const Be = P.get(Ue) || 0;
+          Be > 0 && (Ue = `${Ke}-${Be}.${Se}`), P.set(`${Ke}.${Se}`, Be + 1), n.file(Ue, x.code);
+        }
+        const C = await n.generateAsync({ type: "blob" }), M = `artifacts-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.zip`, q = URL.createObjectURL(C), g = document.createElement("a");
+        g.href = q, g.download = M, document.body.appendChild(g), g.click(), document.body.removeChild(g), URL.revokeObjectURL(q);
+      } catch (n) {
+        console.error("Failed to create ZIP:", n);
+      } finally {
+        e.set(u, !1);
+      }
+    }
+  }
+  function L(n) {
+    e.set(o, !0), Xe(n), e.set(ae, !1);
+  }
+  function E() {
+    e.get(G) > 0 && Xe(e.get(y)[e.get(G) - 1]);
+  }
+  function D() {
+    e.get(G) < e.get(y).length - 1 && Xe(e.get(y)[e.get(G) + 1]);
+  }
+  function U(n) {
+    t = { startX: n.clientX, startWidth: e.get(O) }, document.addEventListener("mousemove", J), document.addEventListener("mouseup", k), document.body.style.cursor = "ew-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((P) => {
+      P.style.pointerEvents = "none";
+    });
+  }
+  function J(n) {
+    if (!t) return;
+    const P = window.innerWidth, w = (t.startX - n.clientX) / P * 100, M = t.startWidth + w;
+    e.set(O, Math.min(Math.max(M, 25), 75));
+  }
+  function k() {
+    t = null, document.removeEventListener("mousemove", J), document.removeEventListener("mouseup", k), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((n) => {
+      n.style.pointerEvents = "";
+    });
+  }
+  function d(n) {
+    if (!e.get(se)) return;
+    const P = e.get(se).getBoundingClientRect();
+    H = {
+      startX: n.clientX,
+      startPosition: e.get(Y),
+      contentLeft: P.left,
+      contentWidth: P.width
+    }, document.addEventListener("mousemove", p), document.addEventListener("mouseup", F), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((C) => {
+      C.style.pointerEvents = "none";
+    });
+  }
+  function p(n) {
+    if (!H) return;
+    const C = (n.clientX - H.contentLeft) / H.contentWidth * 100;
+    e.set(Y, Math.min(Math.max(C, 20), 80));
+  }
+  function F() {
+    H = null, document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", F), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((n) => {
+      n.style.pointerEvents = "";
+    });
+  }
+  $t(() => {
+    Re.on("ai:request", (n) => Me("ai-request", n)), Re.on("save:request", (n) => Me("save", n)), Re.on("export:complete", (n) => Me("export", n));
+  }), St(() => {
+    k(), F(), clearTimeout(s), clearTimeout(A), clearTimeout(Z);
+  }), e.legacy_pre_effect(() => ce(), () => {
+    e.set(i, ce());
+  }), e.legacy_pre_effect(() => z(), () => {
+    e.set(h, z().artifacts);
+  }), e.legacy_pre_effect(() => z(), () => {
+    e.set(oe, z().isPanelOpen);
+  }), e.legacy_pre_effect(() => z(), () => {
+    e.set(N, z().viewMode);
+  }), e.legacy_pre_effect(() => z(), () => {
+    e.set(ve, z().isFullscreen);
+  }), e.legacy_pre_effect(() => b(), () => {
+    e.set(xe, b());
+  }), e.legacy_pre_effect(() => r(), () => {
+    e.set(_e, r());
+  }), e.legacy_pre_effect(() => (e.get(i), ht), () => {
+    e.set(Ee, e.get(i) ? ht(e.get(i).language) : "");
+  }), e.legacy_pre_effect(() => (e.get(i), Ft), () => {
+    e.set(ye, e.get(i) ? Ft(e.get(i).language) : "");
+  }), e.legacy_pre_effect(() => e.get(i), () => {
+    e.set(v, e.get(i) ? De(e.get(i)) : null);
+  }), e.legacy_pre_effect(() => (e.get(i), ua), () => {
+    e.set(f, e.get(i) ? ua(e.get(i).language) : "plaintext");
+  }), e.legacy_pre_effect(() => e.get(h), () => {
+    e.set(y, e.get(h).filter((n) => !n.isInline));
+  }), e.legacy_pre_effect(() => (e.get(i), e.get(y)), () => {
+    e.set(G, e.get(i) && e.get(y).length ? e.get(y).findIndex((n) => n.id === e.get(i).id) : -1);
+  }), e.legacy_pre_effect(() => {
+  }, () => {
+    var n;
+    e.set($e, ((n = Re == null ? void 0 : Re.config) == null ? void 0 : n.branding) !== !1);
+  }), e.legacy_pre_effect(() => (e.get(i), e.get(O)), () => {
+    e.set(Ne, e.get(i) ? e.get(O) : Math.min(e.get(O), 30));
+  }), e.legacy_pre_effect(
+    () => (e.get(ve), e.get(i), e.get(_e), e.deep_read_state(we())),
+    () => {
+      e.set(K, [
+        "artifactuse-panel",
+        e.get(ve) && "artifactuse-panel--fullscreen",
+        !e.get(i) && e.get(_e) && "artifactuse-panel--list",
+        !e.get(_e) && "artifactuse-panel--empty",
+        we()
+      ].filter(Boolean).join(" "));
+    }
+  ), e.legacy_pre_effect(() => e.get(N), () => {
+    e.set(je, `artifactuse-panel__content artifactuse-panel__content--${e.get(N)}`);
+  }), e.legacy_pre_effect(() => e.get(i), () => {
+    e.get(i) && ie(e.get(i));
+  }), e.legacy_pre_effect(() => (e.get(N), Dt), () => {
+    (e.get(N) === "code" || e.get(N) === "split") && Dt().then(() => Pe());
+  }), e.legacy_pre_effect_reset(), e.init();
+  var V = e.comment(), B = e.first_child(V);
+  {
+    var re = (n) => {
+      var P = e.comment(), C = e.first_child(P);
+      {
+        var w = (q) => {
+          var g = Ss(), x = e.child(g);
+          {
+            var Se = (Fe) => {
+              var qe = Ts();
+              e.event("mousedown", qe, e.preventDefault(U)), e.append(Fe, qe);
+            };
+            e.if(x, (Fe) => {
+              e.get(ve) || Fe(Se);
+            });
+          }
+          var Ke = e.sibling(x, 2), Ue = e.sibling(e.child(Ke), 2), Be = e.child(Ue);
+          e.reset(Ue), e.reset(Ke);
+          var Ce = e.sibling(Ke, 4), Qe = e.child(Ce);
+          {
+            var rt = (Fe) => {
+              var qe = Es();
+              e.append(Fe, qe);
+            };
+            e.if(Qe, (Fe) => {
+              e.get($e) && Fe(rt);
+            });
+          }
+          e.reset(Ce), e.reset(g), e.template_effect(() => {
+            e.set_class(g, 1, e.clsx(e.get(K))), e.set_style(g, e.get(ve) ? void 0 : `width: ${e.get(Ne)}%`);
+          }), e.event("click", Be, T), e.append(q, g);
+        }, M = (q) => {
+          var g = e.comment(), x = e.first_child(g);
+          {
+            var Se = (Ue) => {
+              var Be = Hs(), Ce = e.child(Be);
+              {
+                var Qe = (Ie) => {
+                  var Te = Bs();
+                  e.event("mousedown", Te, e.preventDefault(U)), e.append(Ie, Te);
+                };
+                e.if(Ce, (Ie) => {
+                  e.get(ve) || Ie(Qe);
+                });
+              }
+              var rt = e.sibling(Ce, 2), Fe = e.child(rt), qe = e.sibling(e.child(Fe), 2), st = e.sibling(e.child(qe), 2), _t = e.child(st);
+              e.reset(st), e.reset(qe), e.reset(Fe);
+              var ot = e.sibling(Fe, 2), et = e.child(ot);
+              let it;
+              var Ye = e.child(et);
+              {
+                var tt = (Ie) => {
+                  var Te = zs();
+                  e.append(Ie, Te);
+                }, At = (Ie) => {
+                  var Te = Ms();
+                  e.append(Ie, Te);
+                };
+                e.if(Ye, (Ie) => {
+                  e.get(u) ? Ie(At, !1) : Ie(tt);
+                });
+              }
+              e.reset(et);
+              var gt = e.sibling(et, 2);
+              e.reset(ot), e.reset(rt);
+              var bt = e.sibling(rt, 2), Bt = e.child(bt);
+              e.each(Bt, 7, () => e.get(y), (Ie) => Ie.id, (Ie, Te) => {
+                var ft = qs(), pt = e.child(ft), Mt = e.child(pt);
+                e.html(Mt, () => (e.get(Te), e.untrack(() => R(e.get(Te).language)))), e.reset(pt);
+                var Pt = e.sibling(pt, 2), ct = e.child(Pt), Ut = e.child(ct, !0);
+                e.reset(ct);
+                var qt = e.sibling(ct, 2), It = e.child(qt), Nt = e.sibling(It);
+                {
+                  var mt = (vt) => {
+                    var Ht = e.text();
+                    e.template_effect(() => e.set_text(Ht, `• ${e.get(Te), e.untrack(() => e.get(Te).lineCount) ?? ""} lines`)), e.append(vt, Ht);
+                  };
+                  e.if(Nt, (vt) => {
+                    e.get(Te), e.untrack(() => e.get(Te).lineCount) && vt(mt);
+                  });
+                }
+                e.reset(qt), e.reset(Pt), e.next(2), e.reset(ft), e.template_effect(
+                  (vt) => {
+                    e.set_text(Ut, (e.get(Te), e.untrack(() => e.get(Te).title || "Untitled"))), e.set_text(It, `${vt ?? ""} `);
+                  },
+                  [
+                    () => (e.deep_read_state(ht), e.get(Te), e.untrack(() => ht(e.get(Te).language)))
+                  ]
+                ), e.event("click", ft, () => L(e.get(Te))), e.append(Ie, ft);
+              }), e.reset(Bt), e.reset(bt);
+              var zt = e.sibling(bt, 2), Lt = e.child(zt);
+              {
+                var kt = (Ie) => {
+                  var Te = Is();
+                  e.append(Ie, Te);
+                };
+                e.if(Lt, (Ie) => {
+                  e.get($e) && Ie(kt);
+                });
+              }
+              e.reset(zt), e.reset(Be), e.template_effect(() => {
+                e.set_class(Be, 1, e.clsx(e.get(K))), e.set_style(Be, e.get(ve) ? void 0 : `width: ${e.get(Ne)}%`), e.set_text(_t, `${e.get(y), e.untrack(() => e.get(y).length) ?? ""} available`), it = e.set_class(et, 1, "artifactuse-panel__action", null, it, {
+                  "artifactuse-panel__action--loading": e.get(u)
+                }), et.disabled = e.get(u);
+              }), e.event("click", et, le), e.event("click", gt, T), e.append(Ue, Be);
+            }, Ke = (Ue) => {
+              var Be = ai(), Ce = e.first_child(Be), Qe = e.child(Ce);
+              {
+                var rt = (S) => {
+                  var X = Rs();
+                  e.event("mousedown", X, e.preventDefault(U)), e.append(S, X);
+                };
+                e.if(Qe, (S) => {
+                  e.get(ve) || S(rt);
+                });
+              }
+              var Fe = e.sibling(Qe, 2), qe = e.child(Fe);
+              {
+                var st = (S) => {
+                  var X = Ds();
+                  e.event("click", X, Ae), e.append(S, X);
+                };
+                e.if(qe, (S) => {
+                  e.get(o) && S(st);
+                });
+              }
+              var _t = e.sibling(qe, 2), ot = e.child(_t), et = e.child(ot), it = e.child(et);
+              e.html(it, () => e.get(ye) || "", !0), e.reset(et), e.reset(ot);
+              var Ye = e.sibling(ot, 2), tt = e.child(Ye), At = e.child(tt, !0);
+              e.reset(tt);
+              var gt = e.sibling(tt, 2), bt = e.child(gt), Bt = e.sibling(bt);
+              {
+                var zt = (S) => {
+                  var X = e.text();
+                  e.template_effect(() => e.set_text(X, `• ${e.get(i), e.untrack(() => e.get(i).lineCount) ?? ""} lines`)), e.append(S, X);
+                };
+                e.if(Bt, (S) => {
+                  e.get(i), e.untrack(() => e.get(i).lineCount) && S(zt);
+                });
+              }
+              e.reset(gt), e.reset(Ye), e.reset(_t);
+              var Lt = e.sibling(_t, 2), kt = e.child(Lt);
+              let Ie;
+              var Te = e.sibling(kt, 2);
+              let ft;
+              var pt = e.sibling(Te, 2);
+              let Mt;
+              e.reset(Lt);
+              var Pt = e.sibling(Lt, 2), ct = e.child(Pt), Ut = e.child(ct);
+              {
+                var qt = (S) => {
+                  var X = Fs();
+                  e.append(S, X);
+                }, It = (S) => {
+                  var X = Os();
+                  e.append(S, X);
+                };
+                e.if(Ut, (S) => {
+                  e.get(ve) ? S(It, !1) : S(qt);
+                });
+              }
+              e.reset(ct);
+              var Nt = e.sibling(ct, 2);
+              e.reset(Pt), e.reset(Fe);
+              var mt = e.sibling(Fe, 2), vt = e.child(mt);
+              {
+                var Ht = (S) => {
+                  var X = Vs(), Ge = e.child(X);
+                  {
+                    var nt = (Je) => {
+                      var We = Us();
+                      e.append(Je, We);
+                    };
+                    e.if(Ge, (Je) => {
+                      e.get(Q) && e.get(v) && Je(nt);
+                    });
+                  }
+                  var ut = e.sibling(Ge, 2);
+                  {
+                    var yt = (Je) => {
+                      var We = Ns();
+                      let Oe;
+                      e.bind_this(We, (lt) => e.set(l, lt), () => e.get(l)), e.template_effect(() => {
+                        e.set_attribute(We, "src", e.get(v)), Oe = e.set_class(We, 1, "artifactuse-panel__iframe", null, Oe, { "artifactuse-panel__iframe--loading": e.get(Q) });
+                      }), e.event("load", We, he), e.event("error", We, ne), e.append(Je, We);
+                    }, dt = (Je) => {
+                      var We = js(), Oe = e.sibling(e.child(We), 2), lt = e.child(Oe);
+                      e.reset(Oe), e.reset(We), e.template_effect(() => e.set_text(lt, `Preview not available for ${e.get(Ee) ?? ""}`)), e.append(Je, We);
+                    };
+                    e.if(ut, (Je) => {
+                      e.get(v) ? Je(yt) : Je(dt, !1);
+                    });
+                  }
+                  e.reset(X), e.template_effect(() => e.set_style(X, e.get(N) === "split" ? `width: ${e.get(Y)}%` : void 0)), e.append(S, X);
+                };
+                e.if(vt, (S) => {
+                  (e.get(N) === "preview" || e.get(N) === "split") && S(Ht);
+                });
+              }
+              var _a = e.sibling(vt, 2);
+              {
+                var ga = (S) => {
+                  var X = Xs(), Ge = e.child(X);
+                  {
+                    var nt = (Oe) => {
+                      var lt = Js();
+                      e.event("mousedown", lt, e.preventDefault(d)), e.append(Oe, lt);
+                    };
+                    e.if(Ge, (Oe) => {
+                      e.get(N) === "split" && Oe(nt);
+                    });
+                  }
+                  var ut = e.sibling(Ge, 2), yt = e.child(ut);
+                  e.bind_this(yt, (Oe) => e.set($, Oe), () => e.get($));
+                  var dt = e.sibling(yt, 2), Je = e.child(dt), We = e.child(Je, !0);
+                  e.reset(Je), e.bind_this(Je, (Oe) => e.set(I, Oe), () => e.get(I)), e.reset(dt), e.reset(ut), e.bind_this(ut, (Oe) => e.set(W, Oe), () => e.get(W)), e.reset(X), e.template_effect(() => {
+                    e.set_style(X, e.get(N) === "split" ? `width: ${100 - e.get(Y)}%` : void 0), e.set_class(Je, 1, `language-${e.get(f) ?? ""}`), e.set_text(We, (e.get(i), e.untrack(() => e.get(i).code)));
+                  }), e.append(S, X);
+                };
+                e.if(_a, (S) => {
+                  (e.get(N) === "code" || e.get(N) === "split") && S(ga);
+                });
+              }
+              e.reset(mt), e.bind_this(mt, (S) => e.set(se, S), () => e.get(se));
+              var ea = e.sibling(mt, 2), jt = e.child(ea), ta = e.child(jt);
+              {
+                var fa = (S) => {
+                  var X = Ws();
+                  e.append(S, X);
+                };
+                e.if(ta, (S) => {
+                  e.get($e) && S(fa);
+                });
+              }
+              var pa = e.sibling(ta, 2);
+              {
+                var ma = (S) => {
+                  var X = Zs(), Ge = e.child(X, !0);
+                  e.reset(X), e.template_effect((nt) => e.set_text(Ge, nt), [
+                    () => (e.deep_read_state(Yt), e.get(i), e.untrack(() => Yt(new Blob([e.get(i).code]).size)))
+                  ]), e.append(S, X);
+                };
+                e.if(pa, (S) => {
+                  e.get(i), e.untrack(() => e.get(i).code) && S(ma);
+                });
+              }
+              e.reset(jt);
+              var aa = e.sibling(jt, 2), xt = e.child(aa);
+              let ra;
+              var ha = e.child(xt);
+              {
+                var ba = (S) => {
+                  var X = Ks();
+                  e.append(S, X);
+                }, ka = (S) => {
+                  var X = Ys();
+                  e.append(S, X);
+                };
+                e.if(ha, (S) => {
+                  e.get(m) ? S(ka, !1) : S(ba);
+                });
+              }
+              e.reset(xt);
+              var sa = e.sibling(xt, 2), xa = e.sibling(sa, 2);
+              {
+                var ya = (S) => {
+                  var X = ei(), Ge = e.child(X), nt = e.sibling(Ge, 2), ut = e.child(nt), yt = e.child(ut);
+                  e.reset(ut), e.next(2), e.reset(nt);
+                  var dt = e.sibling(nt, 2), Je = e.sibling(dt, 2);
+                  {
+                    var We = (Oe) => {
+                      var lt = Qs(), Vt = e.child(lt), Jt = e.child(Vt), $a = e.child(Jt);
+                      e.reset(Jt);
+                      var Aa = e.sibling(Jt, 2);
+                      e.reset(Vt);
+                      var ia = e.sibling(Vt, 2);
+                      e.each(ia, 7, () => e.get(y), (Xt) => Xt.id, (Xt, at, La) => {
+                        var Tt = Gs();
+                        let na;
+                        var Wt = e.child(Tt), Pa = e.child(Wt);
+                        e.html(Pa, () => (e.get(at), e.untrack(() => R(e.get(at).language)))), e.reset(Wt);
+                        var Zt = e.sibling(Wt, 2), Kt = e.child(Zt), Ta = e.child(Kt, !0);
+                        e.reset(Kt);
+                        var la = e.sibling(Kt, 2), ca = e.child(la), Ea = e.sibling(ca);
+                        {
+                          var Sa = (Et) => {
+                            var va = e.text();
+                            e.template_effect(() => e.set_text(va, `• ${e.get(at), e.untrack(() => e.get(at).lineCount) ?? ""} lines`)), e.append(Et, va);
+                          };
+                          e.if(Ea, (Et) => {
+                            e.get(at), e.untrack(() => e.get(at).lineCount) && Et(Sa);
+                          });
+                        }
+                        e.reset(la), e.reset(Zt);
+                        var oa = e.sibling(Zt, 2), Ba = e.child(oa, !0);
+                        e.reset(oa), e.reset(Tt), e.template_effect(
+                          (Et) => {
+                            na = e.set_class(Tt, 1, "artifactuse-panel__artifact-item", null, na, {
+                              "artifactuse-panel__artifact-item--active": e.get(at).id === e.get(i).id
+                            }), e.set_text(Ta, (e.get(at), e.untrack(() => e.get(at).title || "Untitled"))), e.set_text(ca, `${Et ?? ""} `), e.set_text(Ba, e.get(La) + 1);
+                          },
+                          [
+                            () => (e.deep_read_state(ht), e.get(at), e.untrack(() => ht(e.get(at).language)))
+                          ]
+                        ), e.event("click", Tt, () => L(e.get(at))), e.append(Xt, Tt);
+                      }), e.reset(ia), e.reset(lt), e.template_effect(() => e.set_text($a, `All Artifacts (${e.get(y), e.untrack(() => e.get(y).length) ?? ""})`)), e.event("click", Aa, () => e.set(ae, !1)), e.append(Oe, lt);
+                    };
+                    e.if(Je, (Oe) => {
+                      e.get(ae) && Oe(We);
+                    });
+                  }
+                  e.reset(X), e.template_effect(() => {
+                    Ge.disabled = e.get(G) <= 0, e.set_text(yt, `${e.get(G) + 1} / ${e.get(y), e.untrack(() => e.get(y).length) ?? ""}`), dt.disabled = (e.get(G), e.get(y), e.untrack(() => e.get(G) >= e.get(y).length - 1));
+                  }), e.event("click", Ge, E), e.event("click", nt, () => e.set(ae, !e.get(ae))), e.event("click", dt, D), e.append(S, X);
+                };
+                e.if(xa, (S) => {
+                  e.get(y), e.untrack(() => e.get(y).length > 1) && S(ya);
+                });
+              }
+              e.reset(aa), e.reset(ea), e.reset(Ce);
+              var wa = e.sibling(Ce, 2);
+              {
+                var Ca = (S) => {
+                  var X = ti();
+                  e.event("click", X, T), e.event("keydown", X, (Ge) => Ge.key === "Escape" && T()), e.append(S, X);
+                };
+                e.if(wa, (S) => {
+                  e.get(ve) && S(Ca);
+                });
+              }
+              e.template_effect(() => {
+                e.set_class(Ce, 1, e.clsx(e.get(K))), e.set_style(Ce, e.get(ve) ? void 0 : `width: ${e.get(O)}%`), e.set_text(At, (e.get(i), e.untrack(() => e.get(i).title || "Untitled"))), e.set_text(bt, `${e.get(Ee) ?? ""} `), Ie = e.set_class(kt, 1, "artifactuse-panel__tab", null, Ie, {
+                  "artifactuse-panel__tab--active": e.get(N) === "preview"
+                }), kt.disabled = (e.get(i), e.untrack(() => !e.get(i).isPreviewable)), ft = e.set_class(Te, 1, "artifactuse-panel__tab", null, ft, { "artifactuse-panel__tab--active": e.get(N) === "code" }), Mt = e.set_class(pt, 1, "artifactuse-panel__tab", null, Mt, {
+                  "artifactuse-panel__tab--active": e.get(N) === "split"
+                }), pt.disabled = (e.get(i), e.untrack(() => !e.get(i).isPreviewable)), e.set_attribute(ct, "title", e.get(ve) ? "Exit fullscreen" : "Fullscreen"), e.set_class(mt, 1, e.clsx(e.get(je))), ra = e.set_class(xt, 1, "artifactuse-panel__footer-action", null, ra, { "artifactuse-panel__footer-action--success": e.get(m) }), e.set_attribute(xt, "title", e.get(m) ? "Copied!" : "Copy code");
+              }), e.event("click", kt, () => ge("preview")), e.event("click", Te, () => ge("code")), e.event("click", pt, () => ge("split")), e.event("click", ct, ke), e.event("click", Nt, T), e.event("click", xt, j), e.event("click", sa, te), e.append(Ue, Be);
+            };
+            e.if(
+              x,
+              (Ue) => {
+                e.get(i) ? Ue(Ke, !1) : Ue(Se);
+              },
+              !0
+            );
+          }
+          e.append(q, g);
+        };
+        e.if(C, (q) => {
+          e.get(_e) ? q(M, !1) : q(w);
+        });
+      }
+      e.append(n, P);
+    };
+    e.if(B, (n) => {
+      e.get(oe) && n(re);
+    });
+  }
+  e.append(ze, V), e.pop(), c();
+}
+var ri = e.from_html('<span class="artifactuse-panel-toggle-badge"> </span>'), si = e.from_html('<button><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg> <!></button>');
+function pi(ze, _) {
+  e.push(_, !1);
+  const ce = () => e.store_get(ve, "$isPanelOpen", r), z = () => e.store_get(xe, "$artifactCount", r), b = () => e.store_get(_e, "$hasArtifacts", r), [r, a] = e.setup_stores(), c = e.mutable_source(), i = e.mutable_source(), h = e.mutable_source(), oe = e.mutable_source(), N = e.mutable_source(), { isPanelOpen: ve, artifactCount: xe, hasArtifacts: _e, togglePanel: Ee } = Ot();
+  e.legacy_pre_effect(() => ce(), () => {
+    e.set(c, ce());
+  }), e.legacy_pre_effect(() => z(), () => {
+    e.set(i, z());
+  }), e.legacy_pre_effect(() => b(), () => {
+    e.set(h, b());
+  }), e.legacy_pre_effect(() => e.get(i), () => {
+    e.set(oe, e.get(i) > 99 ? "99+" : String(e.get(i)));
+  }), e.legacy_pre_effect(() => (e.get(c), e.get(h)), () => {
+    e.set(N, [
+      "artifactuse-panel-toggle",
+      e.get(c) && "artifactuse-panel-toggle--active",
+      e.get(h) && "artifactuse-panel-toggle--has-artifacts"
+    ].filter(Boolean).join(" "));
+  }), e.legacy_pre_effect_reset(), e.init();
+  var ye = si(), v = e.sibling(e.child(ye), 2);
+  {
+    var f = (y) => {
+      var G = ri(), $e = e.child(G, !0);
+      e.reset(G), e.template_effect(() => e.set_text($e, e.get(oe))), e.append(y, G);
+    };
+    e.if(v, (y) => {
+      e.get(i) > 0 && y(f);
+    });
+  }
+  e.reset(ye), e.template_effect(() => {
+    e.set_class(ye, 1, e.clsx(e.get(N))), e.set_attribute(ye, "title", e.get(c) ? "Close artifacts panel" : "Open artifacts panel");
+  }), e.event("click", ye, Ee), e.append(ze, ye), e.pop(), a();
+}
+const da = "artifactuse";
+function Qt(ze = {}) {
+  const _ = Ha(ze), ce = wt([]), z = wt(null), b = wt(!1), r = wt("preview"), a = wt(!1), c = wt(_.getPanelTypes()), i = _.state.subscribe((v) => {
+    ce.set(v.artifacts), z.set(v.activeArtifactId), b.set(v.isPanelOpen), r.set(v.viewMode), a.set(v.isFullscreen);
+  }), h = Rt(
+    [ce, z],
+    ([v, f]) => f && v.find((y) => y.id === f) || null
+  ), oe = Rt(ce, (v) => v.length), N = Rt(ce, (v) => v.length > 0), ve = Rt(h, (v) => v ? _.getPanelUrl(v) : null), xe = () => {
+    i(), _.destroy();
+  }, _e = (v) => {
+    _.setTheme(v), _.applyTheme();
+  }, Ee = (v, f) => {
+    _.registerPanel(v, f), c.set(_.getPanelTypes());
+  }, ye = (v) => {
+    _.unregisterPanel(v), c.set(_.getPanelTypes());
+  };
+  return {
+    // Instance
+    instance: _,
+    // Stores
+    artifacts: ce,
+    activeArtifactId: z,
+    isPanelOpen: b,
+    viewMode: r,
+    isFullscreen: a,
+    activeArtifact: h,
+    artifactCount: oe,
+    hasArtifacts: N,
+    // Panel stores
+    panelTypes: c,
+    activePanelUrl: ve,
+    // Methods
+    processMessage: _.processMessage,
+    initializeContent: _.initializeContent,
+    openArtifact: _.openArtifact,
+    closePanel: _.closePanel,
+    togglePanel: _.togglePanel,
+    toggleFullscreen: _.toggleFullscreen,
+    setViewMode: _.setViewMode,
+    getPanelUrl: _.getPanelUrl,
+    sendToPanel: _.sendToPanel,
+    // Panel management
+    hasPanel: _.hasPanel,
+    registerPanel: Ee,
+    unregisterPanel: ye,
+    getPanelTypes: _.getPanelTypes,
+    // Events
+    on: _.on,
+    off: _.off,
+    // Theme
+    applyTheme: _.applyTheme,
+    setTheme: _e,
+    getTheme: _.getTheme,
+    // Cleanup
+    destroy: xe
+  };
+}
+function ii(ze = {}) {
+  const _ = Qt(ze);
+  return za(da, _), typeof window < "u" && _.applyTheme(), $t(() => {
+    _.applyTheme();
+  }), St(() => {
+    _.destroy();
+  }), _;
+}
+function Ot() {
+  const ze = Ma(da);
+  if (!ze)
+    throw new Error("getArtifactuseContext must be used within a component that has called setArtifactuseContext");
+  return ze;
+}
+function ni(ze = {}) {
+  const _ = Qt(ze);
+  return typeof window < "u" && _.applyTheme(), $t(() => {
+    _.applyTheme();
+  }), St(() => {
+    _.destroy();
+  }), _;
+}
+const mi = {
+  createArtifactuseStores: Qt,
+  setArtifactuseContext: ii,
+  getArtifactuseContext: Ot,
+  useArtifactuse: ni,
+  DEFAULT_PANELS: Ia
+};
+export {
+  gi as ArtifactuseAgentMessage,
+  ja as ArtifactuseCard,
+  Er as ArtifactuseInlineForm,
+  fi as ArtifactusePanel,
+  pi as ArtifactusePanelToggle,
+  hs as ArtifactuseSocialPreview,
+  As as ArtifactuseViewer,
+  Ia as DEFAULT_PANELS,
+  Qt as createArtifactuseStores,
+  mi as default,
+  Ot as getArtifactuseContext,
+  ii as setArtifactuseContext,
+  ni as useArtifactuse
+};