artifactuse 0.4.0 → 0.4.2

package/dist/svelte/index.js

@@ -1,6 +1,6 @@
 import { writable as Ea, derived as Wa } from "svelte/store";
 import { createEventDispatcher as $a, onMount as Sa, onDestroy as Fa, tick as ra, setContext as Ss, getContext as Ts } from "svelte";
-import { g as ma, f as dr, a as Ja, b as _r, n as Dr, i as Rr, c as Ls, D as Ms, d as Bs } from "../index-N70SEeFL.js";
+import { g as ma, f as dr, a as Ja, b as _r, n as Dr, i as Rr, c as Ls, D as Ms, d as Bs } from "../index-CBGheZYZ.js";
 import "svelte/internal/disclose-version";
 import "svelte/internal/flags/legacy";
 import * as e from "svelte/internal/client";
@@ -9,7 +9,7 @@ import { r as Ur, g as Or, J as Is, b as Fs } from "../jszip.min-BdBnWAEK.js";
 var zs = 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>'), Vs = 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>'), qs = 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 Ds(Oe, v) {
   e.push(v, !1);
-  const be = e.mutable_source(), b = e.mutable_source(), P = e.mutable_source();
+  const be = e.mutable_source(), b = e.mutable_source(), A = e.mutable_source();
   let n = e.prop(v, "artifact", 8), s = e.prop(v, "isActive", 8, !1);
   const f = $a();
   let I = e.mutable_source(!1);
@@ -53,17 +53,17 @@ function Ds(Oe, v) {
     var D;
     e.set(b, dr(n().size || ((D = n().code) == null ? void 0 : D.length) || 0));
   }), e.legacy_pre_effect(() => e.deep_read_state(n()), () => {
-    e.set(P, Ja(n().language));
+    e.set(A, Ja(n().language));
   }), e.legacy_pre_effect_reset(), e.init();
   var Z = qs();
   let ae;
   var Re = e.child(Z), ue = e.child(Re), Ve = e.child(ue);
-  e.html(Ve, () => e.get(P), !0), e.reset(ue), e.reset(Re);
+  e.html(Ve, () => e.get(A), !0), e.reset(ue), e.reset(Re);
   var E = e.sibling(Re, 2), g = e.child(E), z = e.child(g, !0);
   e.reset(g);
-  var ne = e.sibling(g, 2), Pe = e.child(ne), pe = e.child(Pe, !0);
-  e.reset(Pe);
-  var ve = e.sibling(Pe, 4), de = e.child(ve, !0);
+  var ne = e.sibling(g, 2), Ae = e.child(ne), pe = e.child(Ae, !0);
+  e.reset(Ae);
+  var ve = e.sibling(Ae, 4), de = e.child(ve, !0);
   e.reset(ve), e.reset(ne), e.reset(E);
   var He = e.sibling(E, 2), Se = e.child(He), Je = e.child(Se);
   {
@@ -84,10 +84,10 @@ function Ds(Oe, v) {
     ae = e.set_class(Z, 1, "artifactuse-card", null, ae, { "artifactuse-card--active": s() }), e.set_text(z, (e.deep_read_state(n()), e.untrack(() => n().title))), e.set_text(pe, e.get(be)), e.set_text(de, e.get(b)), e.set_attribute(Se, "title", e.get(I) ? "Copied!" : "Copy code");
   }), e.event("click", Se, Be), e.event("click", ke, $e), e.event("click", Z, t), e.event("keypress", Z, (D) => D.key === "Enter" && t(D)), e.append(Oe, Z), e.pop();
 }
-var Rs = 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>'), Us = 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>'), Os = 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>'), js = e.from_html('<div class="artifactuse-form-collapsed"><div class="artifactuse-form-collapsed-icon"><!></div> <span class="artifactuse-form-collapsed-title"> </span></div>'), Ns = e.from_html('<div class="artifactuse-form-title"> </div>'), Ws = e.from_html('<p class="artifactuse-form-description"> </p>'), Js = e.from_html('<div class="artifactuse-form-header"><!> <!></div>'), Xs = e.from_html('<span class="artifactuse-form-btn-icon"><!></span>'), Zs = e.from_html('<button type="button"><!> </button>'), Ks = e.from_html('<div class="artifactuse-form-buttons"></div>'), Ys = e.from_html('<span class="artifactuse-form-btn-spinner"></span>'), Gs = e.from_html('<span class="artifactuse-form-btn-icon"><!></span>'), Qs = e.from_html("<button><!> </button>"), ei = e.from_html('<div class="artifactuse-form-buttons"></div>'), ti = e.from_html('<div class="artifactuse-form-divider"></div>'), ai = e.from_html('<div class="artifactuse-form-heading"> </div>'), ri = e.from_html('<span class="artifactuse-required">*</span>'), si = e.from_html('<span class="artifactuse-help-text"> </span>'), ii = e.from_html('<span class="artifactuse-error-text"> </span>'), ni = 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>'), li = e.from_html('<span class="artifactuse-required">*</span>'), oi = e.from_html('<label class="artifactuse-label"> <!></label>'), ci = e.from_html('<label class="artifactuse-radio-label"><input type="radio" class="artifactuse-radio"/> <span> </span></label>'), ui = e.from_html('<span class="artifactuse-help-text"> </span>'), vi = e.from_html('<span class="artifactuse-error-text"> </span>'), di = e.from_html('<div class="artifactuse-form-field"><!> <div class="artifactuse-radio-group"></div> <!> <!></div>'), _i = e.from_html('<span class="artifactuse-required">*</span>'), fi = e.from_html('<input class="artifactuse-input"/>'), pi = e.from_html('<textarea class="artifactuse-textarea"></textarea>'), gi = e.from_html("<option> </option>"), mi = e.from_html('<select class="artifactuse-select"><option> </option><!></select>'), hi = e.from_html('<span class="artifactuse-help-text"> </span>'), bi = e.from_html('<span class="artifactuse-error-text"> </span>'), ki = e.from_html('<div class="artifactuse-form-field"><label class="artifactuse-label"> <!></label> <!> <!> <!></div>'), yi = e.from_html('<span class="artifactuse-form-btn-spinner"></span>'), xi = 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>'), wi = e.from_html('<form class="artifactuse-form"><div class="artifactuse-form-fields"></div> <!></form>'), Ci = e.from_html("<!> <!>", 1), Ai = e.from_html("<div><!></div>");
-function Pi(Oe, v) {
+var Rs = 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>'), Us = 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>'), Os = 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>'), js = e.from_html('<div class="artifactuse-form-collapsed"><div class="artifactuse-form-collapsed-icon"><!></div> <span class="artifactuse-form-collapsed-title"> </span></div>'), Ns = e.from_html('<div class="artifactuse-form-title"> </div>'), Ws = e.from_html('<p class="artifactuse-form-description"> </p>'), Js = e.from_html('<div class="artifactuse-form-header"><!> <!></div>'), Xs = e.from_html('<span class="artifactuse-form-btn-icon"><!></span>'), Zs = e.from_html('<button type="button"><!> </button>'), Ks = e.from_html('<div class="artifactuse-form-buttons"></div>'), Ys = e.from_html('<span class="artifactuse-form-btn-spinner"></span>'), Gs = e.from_html('<span class="artifactuse-form-btn-icon"><!></span>'), Qs = e.from_html("<button><!> </button>"), ei = e.from_html('<div class="artifactuse-form-buttons"></div>'), ti = e.from_html('<div class="artifactuse-form-divider"></div>'), ai = e.from_html('<div class="artifactuse-form-heading"> </div>'), ri = e.from_html('<span class="artifactuse-required">*</span>'), si = e.from_html('<span class="artifactuse-help-text"> </span>'), ii = e.from_html('<span class="artifactuse-error-text"> </span>'), ni = 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>'), li = e.from_html('<span class="artifactuse-required">*</span>'), oi = e.from_html('<label class="artifactuse-label"> <!></label>'), ci = e.from_html('<label class="artifactuse-radio-label"><input type="radio" class="artifactuse-radio"/> <span> </span></label>'), ui = e.from_html('<span class="artifactuse-help-text"> </span>'), vi = e.from_html('<span class="artifactuse-error-text"> </span>'), di = e.from_html('<div class="artifactuse-form-field"><!> <div class="artifactuse-radio-group"></div> <!> <!></div>'), _i = e.from_html('<span class="artifactuse-required">*</span>'), fi = e.from_html('<input class="artifactuse-input"/>'), pi = e.from_html('<textarea class="artifactuse-textarea"></textarea>'), gi = e.from_html("<option> </option>"), mi = e.from_html('<select class="artifactuse-select"><option> </option><!></select>'), hi = e.from_html('<span class="artifactuse-help-text"> </span>'), bi = e.from_html('<span class="artifactuse-error-text"> </span>'), ki = e.from_html('<div class="artifactuse-form-field"><label class="artifactuse-label"> <!></label> <!> <!> <!></div>'), yi = e.from_html('<span class="artifactuse-form-btn-spinner"></span>'), xi = 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>'), wi = e.from_html('<form class="artifactuse-form"><div class="artifactuse-form-fields"></div> <!></form>'), Ci = e.from_html("<!> <!>", 1), Pi = e.from_html("<div><!></div>");
+function Ai(Oe, v) {
   e.push(v, !1);
-  const be = e.mutable_source(), b = e.mutable_source(), P = e.mutable_source(), n = e.mutable_source(), s = e.mutable_source(), f = e.mutable_source(), I = e.mutable_source(), t = e.mutable_source(), Be = e.mutable_source();
+  const be = e.mutable_source(), b = e.mutable_source(), A = e.mutable_source(), n = e.mutable_source(), s = e.mutable_source(), f = e.mutable_source(), I = e.mutable_source(), t = e.mutable_source(), Be = e.mutable_source();
   let $e = e.prop(v, "artifact", 8), Z = e.prop(v, "theme", 8, "dark"), ae = e.prop(v, "accent", 8, null), Re = e.prop(
     v,
     "initialState",
@@ -97,7 +97,7 @@ function Pi(Oe, v) {
   );
   const ue = $a();
   let Ve = e.mutable_source(), E = e.mutable_source({}), g = e.mutable_source({}), z = e.mutable_source(!1), ne = e.mutable_source(Re());
-  function Pe(o) {
+  function Ae(o) {
     try {
       return JSON.parse(o);
     } catch {
@@ -143,7 +143,7 @@ function Pi(Oe, v) {
     const o = {};
     e.get(f).forEach((_e) => {
       ["buttons", "divider", "heading"].includes(_e.type) || (_e.defaultValue !== void 0 ? o[_e.name] = _e.defaultValue : _e.type === "checkbox" ? o[_e.name] = !1 : o[_e.name] = "");
-    }), (X = e.get(P).data) != null && X.defaults && Object.assign(o, e.get(P).data.defaults), e.set(E, o), e.set(g, {});
+    }), (X = e.get(A).data) != null && X.defaults && Object.assign(o, e.get(A).data.defaults), e.set(E, o), e.set(g, {});
   }
   function Je(o) {
     return [
@@ -188,7 +188,7 @@ function Pi(Oe, v) {
         return;
       }
     });
-    const X = (_e = e.get(P).data) == null ? void 0 : _e.validation;
+    const X = (_e = e.get(A).data) == null ? void 0 : _e.validation;
     return X && Object.entries(X).forEach(([V, re]) => {
       if (o[V]) return;
       const y = e.get(E)[V];
@@ -266,28 +266,28 @@ function Pi(Oe, v) {
     e.set(b, e.get(ne) === "active" ? "" : `artifactuse-form--${e.get(ne)}`);
   }), e.legacy_pre_effect(() => e.deep_read_state($e()), () => {
     var o;
-    e.set(P, Pe((o = $e()) == null ? void 0 : o.code));
-  }), e.legacy_pre_effect(() => (e.deep_read_state($e()), e.get(P)), () => {
+    e.set(A, Ae((o = $e()) == null ? void 0 : o.code));
+  }), e.legacy_pre_effect(() => (e.deep_read_state($e()), e.get(A)), () => {
     var o;
-    e.set(n, ((o = $e()) == null ? void 0 : o.id) || e.get(P).id || `form-${Date.now()}`);
-  }), e.legacy_pre_effect(() => e.get(P), () => {
-    e.set(s, `artifactuse-form-${e.get(P).variant || "fields"}`);
-  }), e.legacy_pre_effect(() => e.get(P), () => {
+    e.set(n, ((o = $e()) == null ? void 0 : o.id) || e.get(A).id || `form-${Date.now()}`);
+  }), e.legacy_pre_effect(() => e.get(A), () => {
+    e.set(s, `artifactuse-form-${e.get(A).variant || "fields"}`);
+  }), e.legacy_pre_effect(() => e.get(A), () => {
     var o;
-    e.set(f, ((o = e.get(P).data) == null ? void 0 : o.fields) || []);
-  }), e.legacy_pre_effect(() => (e.get(P), e.get(f)), () => {
-    e.set(I, e.get(P).variant === "buttons" ? e.get(f) : []);
+    e.set(f, ((o = e.get(A).data) == null ? void 0 : o.fields) || []);
+  }), e.legacy_pre_effect(() => (e.get(A), e.get(f)), () => {
+    e.set(I, e.get(A).variant === "buttons" ? e.get(f) : []);
   }), e.legacy_pre_effect(() => e.get(f), () => {
     e.set(t, e.get(f).some((o) => o.type === "buttons"));
-  }), e.legacy_pre_effect(() => e.get(P), () => {
-    e.set(Be, e.get(P).title || "Form");
+  }), e.legacy_pre_effect(() => e.get(A), () => {
+    e.set(Be, e.get(A).title || "Form");
   }), e.legacy_pre_effect(() => e.deep_read_state(ae()), () => {
     ae() && He();
   }), e.legacy_pre_effect(() => e.deep_read_state($e()), () => {
     var o;
     (o = $e()) != null && o.code && Se();
   }), e.legacy_pre_effect_reset(), e.init();
-  var xe = Ai(), Ye = e.child(xe);
+  var xe = Pi(), Ye = e.child(xe);
   {
     var St = (o) => {
       var X = js(), _e = e.child(X), V = e.child(_e);
@@ -330,26 +330,26 @@ function Pi(Oe, v) {
           {
             var le = (r) => {
               var Le = Ns(), c = e.child(Le, !0);
-              e.reset(Le), e.template_effect(() => e.set_text(c, (e.get(P), e.untrack(() => e.get(P).title)))), e.append(r, Le);
+              e.reset(Le), e.template_effect(() => e.set_text(c, (e.get(A), e.untrack(() => e.get(A).title)))), e.append(r, Le);
             };
             e.if(Ie, (r) => {
-              e.get(P), e.untrack(() => e.get(P).title) && r(le);
+              e.get(A), e.untrack(() => e.get(A).title) && r(le);
             });
           }
           var qe = e.sibling(Ie, 2);
           {
             var we = (r) => {
               var Le = Ws(), c = e.child(Le, !0);
-              e.reset(Le), e.template_effect(() => e.set_text(c, (e.get(P), e.untrack(() => e.get(P).description)))), e.append(r, Le);
+              e.reset(Le), e.template_effect(() => e.set_text(c, (e.get(A), e.untrack(() => e.get(A).description)))), e.append(r, Le);
             };
             e.if(qe, (r) => {
-              e.get(P), e.untrack(() => e.get(P).description) && r(we);
+              e.get(A), e.untrack(() => e.get(A).description) && r(we);
             });
           }
           e.reset(ge), e.append(Te, ge);
         };
         e.if(_e, (Te) => {
-          e.get(P), e.untrack(() => e.get(P).title || e.get(P).description) && Te(V);
+          e.get(A), e.untrack(() => e.get(A).title || e.get(A).description) && Te(V);
         });
       }
       var re = e.sibling(_e, 2);
@@ -699,7 +699,7 @@ function Pi(Oe, v) {
           e.reset(ge), e.event("submit", ge, D), e.append(Te, ge);
         };
         e.if(re, (Te) => {
-          e.get(P), e.untrack(() => e.get(P).variant === "buttons") ? Te(y) : Te(Me, !1);
+          e.get(A), e.untrack(() => e.get(A).variant === "buttons") ? Te(y) : Te(Me, !1);
         });
       }
       e.append(o, X);
@@ -715,7 +715,7 @@ function Pi(Oe, v) {
 var Ei = 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>'), $i = e.from_html("<img/>"), Si = e.from_html('<div class="artifactuse-social-media"><div></div></div>'), Ti = e.from_html('<img class="artifactuse-social-link-image"/>'), Li = e.from_html('<div class="artifactuse-social-link-description"> </div>'), Mi = 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>'), Bi = 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>'), Hi = e.from_html('<div class="artifactuse-social-poll"><!> <div class="artifactuse-social-poll-meta"> </div></div>'), Ii = 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>'), Fi = e.from_html('<div class="artifactuse-social-engagement"><span> </span> <span> </span> <span> </span> <span> </span></div>'), zi = 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), Vi = e.from_html('<span class="artifactuse-social-author-connection"> </span>'), qi = e.from_html('<img class="artifactuse-social-link-image"/>'), Di = 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>'), Ri = e.from_html('<div class="artifactuse-social-engagement"><span> </span> <span> </span> <span> </span></div>'), Ui = 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), Oi = 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>'), ji = e.from_html('<div class="artifactuse-social-location"> </div>'), Ni = e.from_html("<img/>"), Wi = e.from_html('<div class="artifactuse-social-media-placeholder"></div>'), Ji = 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), Xi = e.from_html("<img/>"), Zi = e.from_html('<div class="artifactuse-social-media"><div class="artifactuse-social-media-grid"></div></div>'), Ki = e.from_html('<img class="artifactuse-social-link-image"/>'), Yi = 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>'), Gi = e.from_html('<div class="artifactuse-social-engagement"><span> </span> <span> </span></div>'), Qi = 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), en = 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>'), tn = e.from_html('<div class="artifactuse-social-engagement"><span> </span> <span> </span> <span> </span></div>'), an = 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), rn = e.from_html('<img alt="Video thumbnail"/>'), sn = e.from_html('<div class="artifactuse-social-thumbnail-placeholder"></div>'), nn = e.from_html('<div class="artifactuse-social-duration"> </div>'), ln = e.from_html('<div class="artifactuse-social-sound"> </div>'), on = e.from_html('<div class="artifactuse-social-engagement"><span> </span> <span> </span> <span> </span></div>'), cn = 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), un = e.from_html('<img alt="Video thumbnail"/>'), vn = e.from_html('<div class="artifactuse-social-thumbnail-placeholder"></div>'), dn = e.from_html('<div class="artifactuse-social-duration"> </div>'), _n = 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), fn = 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 pn(Oe, v) {
   e.push(v, !1);
-  const be = e.mutable_source(), b = e.mutable_source(), P = e.mutable_source(), n = e.mutable_source(), s = e.mutable_source(), f = e.mutable_source(), I = e.mutable_source(), t = e.mutable_source(), Be = e.mutable_source(), $e = e.mutable_source(), Z = e.mutable_source(), ae = e.mutable_source(), Re = e.mutable_source();
+  const be = e.mutable_source(), b = e.mutable_source(), A = e.mutable_source(), n = e.mutable_source(), s = e.mutable_source(), f = e.mutable_source(), I = e.mutable_source(), t = e.mutable_source(), Be = e.mutable_source(), $e = e.mutable_source(), Z = e.mutable_source(), ae = e.mutable_source(), Re = e.mutable_source();
   let ue = e.prop(v, "artifact", 8), Ve = e.prop(v, "theme", 8, "dark");
   const E = $a(), g = '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>', z = {
     twitter: 280,
@@ -734,7 +734,7 @@ function pn(Oe, v) {
     tiktok: "TikTok",
     youtube: "YouTube"
   };
-  let Pe = e.mutable_source("Copy");
+  let Ae = e.mutable_source("Copy");
   function pe(y) {
     try {
       return JSON.parse(y);
@@ -766,9 +766,9 @@ function pn(Oe, v) {
   function Ge() {
     const y = e.get(s).text || "";
     navigator.clipboard.writeText(y).then(() => {
-      e.set(Pe, "Copied!"), setTimeout(
+      e.set(Ae, "Copied!"), setTimeout(
         () => {
-          e.set(Pe, "Copy");
+          e.set(Ae, "Copy");
         },
         2e3
       ), E("copy", { platform: e.get(b), text: y });
@@ -782,15 +782,15 @@ function pn(Oe, v) {
     e.set(b, ((y = e.get(be)) == null ? void 0 : y.platform) || "twitter");
   }), e.legacy_pre_effect(() => e.get(be), () => {
     var y;
-    e.set(P, ((y = e.get(be)) == null ? void 0 : y.data) || {});
-  }), e.legacy_pre_effect(() => e.get(P), () => {
-    e.set(n, e.get(P).author || {});
-  }), e.legacy_pre_effect(() => e.get(P), () => {
-    e.set(s, e.get(P).content || {});
-  }), e.legacy_pre_effect(() => e.get(P), () => {
-    e.set(f, e.get(P).engagement || {});
-  }), e.legacy_pre_effect(() => e.get(P), () => {
-    e.set(I, e.get(P).meta || {});
+    e.set(A, ((y = e.get(be)) == null ? void 0 : y.data) || {});
+  }), e.legacy_pre_effect(() => e.get(A), () => {
+    e.set(n, e.get(A).author || {});
+  }), e.legacy_pre_effect(() => e.get(A), () => {
+    e.set(s, e.get(A).content || {});
+  }), e.legacy_pre_effect(() => e.get(A), () => {
+    e.set(f, e.get(A).engagement || {});
+  }), e.legacy_pre_effect(() => e.get(A), () => {
+    e.set(I, e.get(A).meta || {});
   }), e.legacy_pre_effect(() => e.get(s), () => {
     e.set(t, e.get(s).media || []);
   }), e.legacy_pre_effect(() => e.get(b), () => {
@@ -1431,13 +1431,13 @@ function pn(Oe, v) {
   e.reset(X);
   var V = e.sibling(X, 2), re = e.child(V, !0);
   e.reset(V), e.reset(o), e.reset(xe), e.reset(Qe), e.template_effect(() => {
-    e.set_class(Qe, 1, `artifactuse-social artifactuse-social-${e.get(b) ?? ""}`), e.set_attribute(Qe, "data-artifactuse-theme", Ve()), e.set_text(lt, (e.get(b), e.untrack(() => ne[e.get(b)] || e.get(b)))), e.set_class(X, 1, `artifactuse-social-char-counter ${e.get(Z) ?? ""}`), e.set_text(_e, `${e.get($e) ?? ""}/${e.get(Be) ?? ""}`), e.set_text(re, e.get(Pe));
+    e.set_class(Qe, 1, `artifactuse-social artifactuse-social-${e.get(b) ?? ""}`), e.set_attribute(Qe, "data-artifactuse-theme", Ve()), e.set_text(lt, (e.get(b), e.untrack(() => ne[e.get(b)] || e.get(b)))), e.set_class(X, 1, `artifactuse-social-char-counter ${e.get(Z) ?? ""}`), e.set_text(_e, `${e.get($e) ?? ""}/${e.get(Be) ?? ""}`), e.set_text(re, e.get(Ae));
   }), e.event("click", V, Ge), e.append(Oe, Qe), e.pop();
 }
 var gn = e.from_html('<button type="button" class="artifactuse-viewer-image-button"><img/></button>'), mn = e.from_html('<iframe class="artifactuse-viewer-pdf"></iframe>'), hn = 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>'), bn = 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>'), kn = 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>'), yn = e.from_html('<div class="artifactuse-viewer-caption"> </div>'), xn = 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 wn(Oe, v) {
   e.push(v, !1);
-  let be = e.prop(v, "isOpen", 8, !1), b = e.prop(v, "type", 8, "image"), P = e.prop(v, "src", 8, ""), n = e.prop(v, "alt", 8, ""), s = e.prop(v, "caption", 8, "");
+  let be = e.prop(v, "isOpen", 8, !1), b = e.prop(v, "type", 8, "image"), A = e.prop(v, "src", 8, ""), n = e.prop(v, "alt", 8, ""), s = e.prop(v, "caption", 8, "");
   const f = $a();
   let I = e.mutable_source(), t = e.mutable_source(!1);
   function Be() {
@@ -1448,7 +1448,7 @@ function wn(Oe, v) {
   }
   function Z() {
     const g = document.createElement("a");
-    g.href = P(), g.download = n() || "download", document.body.appendChild(g), g.click(), document.body.removeChild(g);
+    g.href = A(), g.download = n() || "download", document.body.appendChild(g), g.click(), document.body.removeChild(g);
   }
   function ae(g) {
     g.key === "Escape" && be() && Be();
@@ -1469,25 +1469,25 @@ function wn(Oe, v) {
   var ue = e.comment(), Ve = e.first_child(ue);
   {
     var E = (g) => {
-      var z = xn(), ne = e.child(z), Pe = e.child(ne);
+      var z = xn(), ne = e.child(z), Ae = e.child(ne);
       {
         var pe = (ke) => {
           var D = gn(), ye = e.child(D);
           let xe;
           e.reset(D), e.template_effect(() => {
-            e.set_attribute(ye, "src", P()), e.set_attribute(ye, "alt", n()), xe = e.set_class(ye, 1, "artifactuse-viewer-image", null, xe, { "artifactuse-viewer-image--zoomed": e.get(t) });
+            e.set_attribute(ye, "src", A()), e.set_attribute(ye, "alt", n()), xe = e.set_class(ye, 1, "artifactuse-viewer-image", null, xe, { "artifactuse-viewer-image--zoomed": e.get(t) });
           }), e.event("click", D, $e), e.append(ke, D);
         };
-        e.if(Pe, (ke) => {
+        e.if(Ae, (ke) => {
           b() === "image" && ke(pe);
         });
       }
-      var ve = e.sibling(Pe, 2);
+      var ve = e.sibling(Ae, 2);
       {
         var de = (ke) => {
           var D = mn();
           e.template_effect(() => {
-            e.set_attribute(D, "src", P()), e.set_attribute(D, "title", n() || "PDF Viewer");
+            e.set_attribute(D, "src", A()), e.set_attribute(D, "title", n() || "PDF Viewer");
           }), e.append(ke, D);
         };
         e.if(ve, (ke) => {
@@ -1536,10 +1536,10 @@ function wn(Oe, v) {
   }
   e.append(Oe, ue), e.pop();
 }
-var Cn = e.from_html("<div><!></div>"), An = e.from_html('<div class="artifactuse-agent-message"><div class="artifactuse-message-content" role="presentation"></div> <!></div>');
+var Cn = e.from_html("<div><!></div>"), Pn = e.from_html('<div class="artifactuse-agent-message"><div class="artifactuse-message-content" role="presentation"></div> <!></div>');
 function Wl(Oe, v) {
   e.push(v, !1);
-  const be = e.mutable_source(), b = e.mutable_source(), P = e.mutable_source(), n = e.mutable_source();
+  const be = e.mutable_source(), b = e.mutable_source(), A = e.mutable_source(), n = e.mutable_source();
   let s = e.prop(v, "content", 8, ""), f = e.prop(v, "messageId", 24, () => `msg-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`), I = e.prop(v, "inlineCards", 8, !0), t = e.prop(v, "typing", 8, !1), Be = e.prop(
     v,
     "isLastMessage",
@@ -1554,7 +1554,7 @@ function Wl(Oe, v) {
     instance: z,
     activeArtifactId: ne
   } = Xa();
-  let Pe = e.mutable_source(), pe = e.mutable_source(), ve = e.mutable_source(""), de = e.mutable_source([]), He = e.mutable_source([]), Se = null, Je = e.mutable_source(t()), Ge = e.mutable_source(!1), Qe = e.mutable_source(!1), ke = e.mutable_source("image"), D = e.mutable_source(""), ye = e.mutable_source(""), xe = e.mutable_source("");
+  let Ae = e.mutable_source(), pe = e.mutable_source(), ve = e.mutable_source(""), de = e.mutable_source([]), He = e.mutable_source([]), Se = null, Je = e.mutable_source(t()), Ge = e.mutable_source(!1), Qe = e.mutable_source(!1), ke = e.mutable_source("image"), D = e.mutable_source(""), ye = e.mutable_source(""), xe = e.mutable_source("");
   function Ye(c) {
     if (!c) return null;
     try {
@@ -1718,7 +1718,7 @@ function Wl(Oe, v) {
     e.set(b, ne || null);
   }), e.legacy_pre_effect(() => e.deep_read_state(I()), () => {
     var c;
-    e.set(P, I() ?? ((c = z == null ? void 0 : z.config) == null ? void 0 : c.inlineCards) ?? !0);
+    e.set(A, I() ?? ((c = z == null ? void 0 : z.config) == null ? void 0 : c.inlineCards) ?? !0);
   }), e.legacy_pre_effect(() => e.deep_read_state(t()), () => {
     t() && e.set(Ge, !0);
   }), e.legacy_pre_effect(() => (e.get(Ge), e.deep_read_state(Be())), () => {
@@ -1739,7 +1739,7 @@ function Wl(Oe, v) {
   ), e.legacy_pre_effect(() => (e.get(Je), e.deep_read_state(t())), () => {
     e.get(Je) === !0 && t() === !1 && V(), e.set(Je, t());
   }), e.legacy_pre_effect_reset(), e.init();
-  var we = An(), r = e.child(we);
+  var we = Pn(), r = e.child(we);
   e.each(
     r,
     7,
@@ -1758,7 +1758,7 @@ function Wl(Oe, v) {
           var x = e.comment(), q = e.first_child(x);
           {
             var j = (Ee) => {
-              Pi(Ee, {
+              Ai(Ee, {
                 get artifact() {
                   return e.get(k), e.untrack(() => e.get(k).artifact);
                 },
@@ -1811,7 +1811,7 @@ function Wl(Oe, v) {
                     e.if(
                       m,
                       (L) => {
-                        e.get(k), e.get(P), e.untrack(() => e.get(k).type === "panel" && e.get(P)) && L(w);
+                        e.get(k), e.get(A), e.untrack(() => e.get(k).type === "panel" && e.get(A)) && L(w);
                       },
                       !0
                     );
@@ -1863,13 +1863,13 @@ function Wl(Oe, v) {
       return e.get(xe);
     },
     $$events: { close: o }
-  }), e.reset(we), e.bind_this(we, (c) => e.set(Pe, c), () => e.get(Pe)), e.event("click", r, re), e.event("keydown", r, re), e.append(Oe, we), e.pop();
+  }), e.reset(we), e.bind_this(we, (c) => e.set(Ae, c), () => e.get(Ae)), e.event("click", r, re), e.event("keydown", r, re), e.append(Oe, we), e.pop();
 }
-var Pn = e.from_html('<button class="artifactuse-panel__resize-handle" aria-label="Resize panel"><div class="artifactuse-panel__resize-handle-line"></div></button>'), En = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><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>'), $n = e.from_svg('<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>'), Sn = 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 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6667 41.6673V10.4173C16.6667 9.86478 16.4472 9.33488 16.0565 8.94418C15.6658 8.55348 15.1359 8.33398 14.5833 8.33398H4.16667C3.0616 8.33398 2.00179 8.77297 1.22039 9.55437C0.438987 10.3358 0 11.3956 0 12.5007V37.5006C0 38.6057 0.438987 39.6655 1.22039 40.4469C2.00179 41.2283 3.0616 41.6673 4.16667 41.6673H29.1667C30.2717 41.6673 31.3315 41.2283 32.1129 40.4469C32.8943 39.6655 33.3333 38.6057 33.3333 37.5006V27.084C33.3333 26.5314 33.1138 26.0015 32.7231 25.6108C32.3324 25.2201 31.8025 25.0007 31.25 25.0007H0" fill="#5F51C8"></path><path d="M39.5833 0H27.0833C25.9327 0 25 0.93274 25 2.08333V14.5833C25 15.7339 25.9327 16.6667 27.0833 16.6667H39.5833C40.7339 16.6667 41.6667 15.7339 41.6667 14.5833V2.08333C41.6667 0.93274 40.7339 0 39.5833 0Z" fill="#695AE0"></path></svg> <span>Artifactuse</span></a>'), Tn = e.from_html('<div><!> <header class="artifactuse-panel__header artifactuse-panel__header--simple"><div class="artifactuse-panel__title"><span class="artifactuse-panel__icon"><!></span> <div class="artifactuse-panel__title-content"><span class="artifactuse-panel__name"> </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"> </h3> <p class="artifactuse-panel__empty-text"> </p></div> <footer class="artifactuse-panel__footer artifactuse-panel__footer--simple"><!></footer></div>'), Ln = e.from_html('<button class="artifactuse-panel__resize-handle" aria-label="Resize panel"><div class="artifactuse-panel__resize-handle-line"></div></button>'), Mn = 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>'), Bn = 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>'), Hn = 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>'), In = 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 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6667 41.6673V10.4173C16.6667 9.86478 16.4472 9.33488 16.0565 8.94418C15.6658 8.55348 15.1359 8.33398 14.5833 8.33398H4.16667C3.0616 8.33398 2.00179 8.77297 1.22039 9.55437C0.438987 10.3358 0 11.3956 0 12.5007V37.5006C0 38.6057 0.438987 39.6655 1.22039 40.4469C2.00179 41.2283 3.0616 41.6673 4.16667 41.6673H29.1667C30.2717 41.6673 31.3315 41.2283 32.1129 40.4469C32.8943 39.6655 33.3333 38.6057 33.3333 37.5006V27.084C33.3333 26.5314 33.1138 26.0015 32.7231 25.6108C32.3324 25.2201 31.8025 25.0007 31.25 25.0007H0" fill="#5F51C8"></path><path d="M39.5833 0H27.0833C25.9327 0 25 0.93274 25 2.08333V14.5833C25 15.7339 25.9327 16.6667 27.0833 16.6667H39.5833C40.7339 16.6667 41.6667 15.7339 41.6667 14.5833V2.08333C41.6667 0.93274 40.7339 0 39.5833 0Z" fill="#695AE0"></path></svg> <span>Artifactuse</span></a>'), Fn = 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>'), zn = e.from_html('<button class="artifactuse-panel__resize-handle" aria-label="Resize panel"><div class="artifactuse-panel__resize-handle-line"></div></button>'), Vn = e.from_html('<button class="artifactuse-panel__back"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15 18 9 12 15 6"></polyline></svg></button>'), qn = e.from_html('<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>'), Dn = e.from_html('<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>'), Rn = e.from_html('<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>'), Un = e.from_html('<button title="Edit"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg></button>'), On = e.from_html('<button class="artifactuse-panel__action artifactuse-panel__action--save" title="Save"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path><polyline points="17 21 17 13 7 13 7 21"></polyline><polyline points="7 3 7 8 15 8"></polyline></svg></button>'), jn = e.from_html('<button class="artifactuse-panel__action" title="Open in new tab"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg></button>'), Nn = 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>'), Wn = 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>'), Jn = e.from_html('<button><span class="artifactuse-panel__file-tab-icon"><!></span> <span class="artifactuse-panel__file-tab-title"> </span> <span class="artifactuse-panel__file-tab-close" role="button" tabindex="0" title="Close tab"><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></span></button>'), Xn = e.from_html('<div class="artifactuse-panel__file-tabs"><div class="artifactuse-panel__file-tabs-scroll"></div></div>'), Zn = e.from_html('<div class="artifactuse-panel__loading"><div class="artifactuse-panel__spinner"></div></div>'), Kn = e.from_html('<div class="artifactuse-panel__loading"><div class="artifactuse-panel__spinner"></div></div>'), Yn = e.from_html('<div class="artifactuse-panel__binary artifactuse-panel__binary--image"><img/></div>'), Gn = e.from_html('<div class="artifactuse-panel__binary artifactuse-panel__binary--audio"><audio controls></audio></div>'), Qn = e.from_html('<div class="artifactuse-panel__binary artifactuse-panel__binary--video"><video controls></video></div>', 2), el = e.from_html('<div class="artifactuse-panel__binary artifactuse-panel__binary--pdf"><iframe></iframe></div>'), tl = e.from_html('<div class="artifactuse-panel__binary artifactuse-panel__binary--font"><div class="artifactuse-panel__font-sample">AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz</div> <div class="artifactuse-panel__font-sample artifactuse-panel__font-sample--sm">0123456789 !@#$%^&*()</div></div>'), al = e.from_html('<div class="artifactuse-panel__binary artifactuse-panel__binary--hex"><pre class="artifactuse-panel__hex-dump"> </pre></div>'), rl = e.from_html('<iframe sandbox="allow-scripts allow-same-origin allow-forms allow-popups allow-modals allow-downloads allow-top-navigation-by-user-activation" allow="camera; microphone; fullscreen; geolocation; display-capture; autoplay; clipboard-write; encrypted-media; gyroscope; accelerometer; picture-in-picture" title="Artifact Preview"></iframe>'), sl = 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>'), il = e.from_html('<div class="artifactuse-panel__preview"><!> <!></div>'), nl = e.from_html('<button class="artifactuse-panel__split-handle" aria-label="Split Resize"><div class="artifactuse-panel__split-handle-line"></div></button>'), ll = e.from_html("<button> </button>"), ol = e.from_html("<button> </button>"), cl = e.from_html("<button> </button>"), ul = e.from_html("<button> </button>"), vl = e.from_html('<div><span class="artifactuse-panel__console-type"> </span> <span class="artifactuse-panel__console-content"> </span> <span class="artifactuse-panel__console-timestamp"> </span></div>'), dl = e.from_html('<div class="artifactuse-panel__console-entries"></div>'), _l = e.from_html('<div><div class="artifactuse-panel__console-header" role="button" tabindex="0"><svg class="artifactuse-panel__console-chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="18 15 12 9 6 15"></polyline></svg> <span>Console</span> <div class="artifactuse-panel__console-filters"><!> <!> <!> <!></div> <button class="artifactuse-panel__console-clear">Clear</button></div> <!></div>'), fl = 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 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6667 41.6673V10.4173C16.6667 9.86478 16.4472 9.33488 16.0565 8.94418C15.6658 8.55348 15.1359 8.33398 14.5833 8.33398H4.16667C3.0616 8.33398 2.00179 8.77297 1.22039 9.55437C0.438987 10.3358 0 11.3956 0 12.5007V37.5006C0 38.6057 0.438987 39.6655 1.22039 40.4469C2.00179 41.2283 3.0616 41.6673 4.16667 41.6673H29.1667C30.2717 41.6673 31.3315 41.2283 32.1129 40.4469C32.8943 39.6655 33.3333 38.6057 33.3333 37.5006V27.084C33.3333 26.5314 33.1138 26.0015 32.7231 25.6108C32.3324 25.2201 31.8025 25.0007 31.25 25.0007H0" fill="#5F51C8"></path><path d="M39.5833 0H27.0833C25.9327 0 25 0.93274 25 2.08333V14.5833C25 15.7339 25.9327 16.6667 27.0833 16.6667H39.5833C40.7339 16.6667 41.6667 15.7339 41.6667 14.5833V2.08333C41.6667 0.93274 40.7339 0 39.5833 0Z" fill="#695AE0"></path></svg> <span>Artifactuse</span></a>'), pl = e.from_html('<span class="artifactuse-panel__badge artifactuse-panel__badge--secondary"> </span>'), gl = 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>'), ml = 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>'), hl = e.from_html('<div class="artifactuse-share-popup__loading"><div class="artifactuse-share-popup__spinner"></div> <p class="artifactuse-share-popup__loading-text">Creating link...</p></div>'), bl = e.from_html('<div><div class="artifactuse-share-popup__error"><p class="artifactuse-share-popup__error-text"> </p></div> <div class="artifactuse-share-popup__actions"><button class="artifactuse-share-popup__btn artifactuse-share-popup__btn--secondary">Back</button> <button class="artifactuse-share-popup__btn artifactuse-share-popup__btn--primary">Retry</button></div></div>'), kl = e.from_html('<div class="artifactuse-share-popup__options"><button class="artifactuse-share-popup__option"><div class="artifactuse-share-popup__option-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg></div> <div class="artifactuse-share-popup__option-content"><p class="artifactuse-share-popup__option-title">Share link</p> <p class="artifactuse-share-popup__option-desc">Expires in 30 days</p></div></button> <button class="artifactuse-share-popup__option"><div class="artifactuse-share-popup__option-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path><polyline points="17 21 17 13 7 13 7 21"></polyline><polyline points="7 3 7 8 15 8"></polyline></svg></div> <div class="artifactuse-share-popup__option-content"><p class="artifactuse-share-popup__option-title">Save to account</p> <p class="artifactuse-share-popup__option-desc">Permanent, manageable</p></div></button> <button class="artifactuse-share-popup__option"><div class="artifactuse-share-popup__option-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="23 4 23 10 17 10"></polyline><polyline points="1 20 1 14 7 14"></polyline><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"></path></svg></div> <div class="artifactuse-share-popup__option-content"><p class="artifactuse-share-popup__option-title">Update saved</p> <p class="artifactuse-share-popup__option-desc">Replace an existing artifact</p></div></button></div>'), yl = e.from_html('<div class="artifactuse-share-popup__loading"><div class="artifactuse-share-popup__spinner"></div> <p class="artifactuse-share-popup__loading-text">Loading artifacts...</p></div>'), xl = e.from_html('<div class="artifactuse-share-popup__empty">No saved artifacts of this type</div>'), wl = e.from_html('<button class="artifactuse-share-popup__artifact-item"><span class="artifactuse-share-popup__artifact-name"> </span> <span class="artifactuse-share-popup__artifact-date"> </span></button>'), Cl = e.from_html('<div class="artifactuse-share-popup__artifact-list"></div>'), Al = e.from_html('<div><!> <button class="artifactuse-share-popup__back-btn">Back</button></div>'), Pl = e.from_html('<div class="artifactuse-share-popup__expiry"><span class="artifactuse-share-popup__expiry-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg></span> <span class="artifactuse-share-popup__expiry-text"> </span></div>'), El = e.from_html('<div class="artifactuse-share-popup__save-prompt"><p class="artifactuse-share-popup__save-prompt-text">Keep it permanently?</p> <button class="artifactuse-share-popup__save-prompt-btn">Save to account</button></div>'), $l = e.from_html('<div class="artifactuse-share-popup__success"><div class="artifactuse-share-popup__success-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"></polyline></svg></div> <div class="artifactuse-share-popup__link-wrapper"><input type="text" class="artifactuse-share-popup__link" readonly=""/> <button> </button></div> <!> <!></div>'), Sl = e.from_html('<div class="artifactuse-share-popup"><div class="artifactuse-share-popup__header"><span class="artifactuse-share-popup__title"> </span> <button aria-label="share" class="artifactuse-share-popup__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> <div class="artifactuse-share-popup__body"><!></div> <div class="artifactuse-share-popup__footer"><a href="https://artifactuse.com" target="_blank" rel="noopener noreferrer" class="artifactuse-share-popup__branding"><svg width="12" height="12" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6667 41.6673V10.4173C16.6667 9.86478 16.4472 9.33488 16.0565 8.94418C15.6658 8.55348 15.1359 8.33398 14.5833 8.33398H4.16667C3.0616 8.33398 2.00179 8.77297 1.22039 9.55437C0.438987 10.3358 0 11.3956 0 12.5007V37.5006C0 38.6057 0.438987 39.6655 1.22039 40.4469C2.00179 41.2283 3.0616 41.6673 4.16667 41.6673H29.1667C30.2717 41.6673 31.3315 41.2283 32.1129 40.4469C32.8943 39.6655 33.3333 38.6057 33.3333 37.5006V27.084C33.3333 26.5314 33.1138 26.0015 32.7231 25.6108C32.3324 25.2201 31.8025 25.0007 31.25 25.0007H0" fill="#5F51C8"></path><path d="M39.5833 0H27.0833C25.9327 0 25 0.93274 25 2.08333V14.5833C25 15.7339 25.9327 16.6667 27.0833 16.6667H39.5833C40.7339 16.6667 41.6667 15.7339 41.6667 14.5833V2.08333C41.6667 0.93274 40.7339 0 39.5833 0Z" fill="#695AE0"></path></svg> <span>Powered by Artifactuse</span></a></div></div>'), Tl = e.from_html('<div style="position: relative;"><button class="artifactuse-panel__footer-action" title="Share"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line></svg></button> <!></div>'), Ll = 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>'), Ml = 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>'), Bl = 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>'), Hl = 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"><!> <!> <!> <!></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 class="artifactuse-panel__code"><!> <div class="artifactuse-panel__code-scroll"><div class="artifactuse-panel__line-numbers"></div> <pre><code></code></pre></div></div> <div class="artifactuse-panel__edit"><div class="artifactuse-panel__editor-container"></div></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>');
+var An = e.from_html('<button class="artifactuse-panel__resize-handle" aria-label="Resize panel"><div class="artifactuse-panel__resize-handle-line"></div></button>'), En = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><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>'), $n = e.from_svg('<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>'), Sn = 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 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6667 41.6673V10.4173C16.6667 9.86478 16.4472 9.33488 16.0565 8.94418C15.6658 8.55348 15.1359 8.33398 14.5833 8.33398H4.16667C3.0616 8.33398 2.00179 8.77297 1.22039 9.55437C0.438987 10.3358 0 11.3956 0 12.5007V37.5006C0 38.6057 0.438987 39.6655 1.22039 40.4469C2.00179 41.2283 3.0616 41.6673 4.16667 41.6673H29.1667C30.2717 41.6673 31.3315 41.2283 32.1129 40.4469C32.8943 39.6655 33.3333 38.6057 33.3333 37.5006V27.084C33.3333 26.5314 33.1138 26.0015 32.7231 25.6108C32.3324 25.2201 31.8025 25.0007 31.25 25.0007H0" fill="#5F51C8"></path><path d="M39.5833 0H27.0833C25.9327 0 25 0.93274 25 2.08333V14.5833C25 15.7339 25.9327 16.6667 27.0833 16.6667H39.5833C40.7339 16.6667 41.6667 15.7339 41.6667 14.5833V2.08333C41.6667 0.93274 40.7339 0 39.5833 0Z" fill="#695AE0"></path></svg> <span>Artifactuse</span></a>'), Tn = e.from_html('<div><!> <header class="artifactuse-panel__header artifactuse-panel__header--simple"><div class="artifactuse-panel__title"><span class="artifactuse-panel__icon"><!></span> <div class="artifactuse-panel__title-content"><span class="artifactuse-panel__name"> </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"> </h3> <p class="artifactuse-panel__empty-text"> </p></div> <footer class="artifactuse-panel__footer artifactuse-panel__footer--simple"><!></footer></div>'), Ln = e.from_html('<button class="artifactuse-panel__resize-handle" aria-label="Resize panel"><div class="artifactuse-panel__resize-handle-line"></div></button>'), Mn = 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>'), Bn = 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>'), Hn = 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>'), In = 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 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6667 41.6673V10.4173C16.6667 9.86478 16.4472 9.33488 16.0565 8.94418C15.6658 8.55348 15.1359 8.33398 14.5833 8.33398H4.16667C3.0616 8.33398 2.00179 8.77297 1.22039 9.55437C0.438987 10.3358 0 11.3956 0 12.5007V37.5006C0 38.6057 0.438987 39.6655 1.22039 40.4469C2.00179 41.2283 3.0616 41.6673 4.16667 41.6673H29.1667C30.2717 41.6673 31.3315 41.2283 32.1129 40.4469C32.8943 39.6655 33.3333 38.6057 33.3333 37.5006V27.084C33.3333 26.5314 33.1138 26.0015 32.7231 25.6108C32.3324 25.2201 31.8025 25.0007 31.25 25.0007H0" fill="#5F51C8"></path><path d="M39.5833 0H27.0833C25.9327 0 25 0.93274 25 2.08333V14.5833C25 15.7339 25.9327 16.6667 27.0833 16.6667H39.5833C40.7339 16.6667 41.6667 15.7339 41.6667 14.5833V2.08333C41.6667 0.93274 40.7339 0 39.5833 0Z" fill="#695AE0"></path></svg> <span>Artifactuse</span></a>'), Fn = 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>'), zn = e.from_html('<button class="artifactuse-panel__resize-handle" aria-label="Resize panel"><div class="artifactuse-panel__resize-handle-line"></div></button>'), Vn = e.from_html('<button class="artifactuse-panel__back"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15 18 9 12 15 6"></polyline></svg></button>'), qn = e.from_html('<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>'), Dn = e.from_html('<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>'), Rn = e.from_html('<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>'), Un = e.from_html('<button title="Edit"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg></button>'), On = e.from_html('<button class="artifactuse-panel__action artifactuse-panel__action--save" title="Save"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path><polyline points="17 21 17 13 7 13 7 21"></polyline><polyline points="7 3 7 8 15 8"></polyline></svg></button>'), jn = e.from_html('<button class="artifactuse-panel__action" title="Open in new tab"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg></button>'), Nn = 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>'), Wn = 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>'), Jn = e.from_html('<button><span class="artifactuse-panel__file-tab-icon"><!></span> <span class="artifactuse-panel__file-tab-title"> </span> <span class="artifactuse-panel__file-tab-close" role="button" tabindex="0" title="Close tab"><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></span></button>'), Xn = e.from_html('<div class="artifactuse-panel__file-tabs"><div class="artifactuse-panel__file-tabs-scroll"></div></div>'), Zn = e.from_html('<div class="artifactuse-panel__loading"><div class="artifactuse-panel__spinner"></div></div>'), Kn = e.from_html('<div class="artifactuse-panel__loading"><div class="artifactuse-panel__spinner"></div></div>'), Yn = e.from_html('<div class="artifactuse-panel__binary artifactuse-panel__binary--image"><img/></div>'), Gn = e.from_html('<div class="artifactuse-panel__binary artifactuse-panel__binary--audio"><audio controls></audio></div>'), Qn = e.from_html('<div class="artifactuse-panel__binary artifactuse-panel__binary--video"><video controls></video></div>', 2), el = e.from_html('<div class="artifactuse-panel__binary artifactuse-panel__binary--pdf"><iframe></iframe></div>'), tl = e.from_html('<div class="artifactuse-panel__binary artifactuse-panel__binary--font"><div class="artifactuse-panel__font-sample">AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz</div> <div class="artifactuse-panel__font-sample artifactuse-panel__font-sample--sm">0123456789 !@#$%^&*()</div></div>'), al = e.from_html('<div class="artifactuse-panel__binary artifactuse-panel__binary--hex"><pre class="artifactuse-panel__hex-dump"> </pre></div>'), rl = e.from_html('<iframe sandbox="allow-scripts allow-same-origin allow-forms allow-popups allow-modals allow-downloads allow-top-navigation-by-user-activation" allow="camera; microphone; fullscreen; geolocation; display-capture; autoplay; clipboard-write; encrypted-media; gyroscope; accelerometer; picture-in-picture" title="Artifact Preview"></iframe>'), sl = 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>'), il = e.from_html('<div class="artifactuse-panel__preview"><!> <!></div>'), nl = e.from_html('<button class="artifactuse-panel__split-handle" aria-label="Split Resize"><div class="artifactuse-panel__split-handle-line"></div></button>'), ll = e.from_html("<button> </button>"), ol = e.from_html("<button> </button>"), cl = e.from_html("<button> </button>"), ul = e.from_html("<button> </button>"), vl = e.from_html('<div><span class="artifactuse-panel__console-type"> </span> <span class="artifactuse-panel__console-content"> </span> <span class="artifactuse-panel__console-timestamp"> </span></div>'), dl = e.from_html('<div class="artifactuse-panel__console-entries"></div>'), _l = e.from_html('<div><div class="artifactuse-panel__console-header" role="button" tabindex="0"><svg class="artifactuse-panel__console-chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="18 15 12 9 6 15"></polyline></svg> <span>Console</span> <div class="artifactuse-panel__console-filters"><!> <!> <!> <!></div> <button class="artifactuse-panel__console-clear">Clear</button></div> <!></div>'), fl = 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 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6667 41.6673V10.4173C16.6667 9.86478 16.4472 9.33488 16.0565 8.94418C15.6658 8.55348 15.1359 8.33398 14.5833 8.33398H4.16667C3.0616 8.33398 2.00179 8.77297 1.22039 9.55437C0.438987 10.3358 0 11.3956 0 12.5007V37.5006C0 38.6057 0.438987 39.6655 1.22039 40.4469C2.00179 41.2283 3.0616 41.6673 4.16667 41.6673H29.1667C30.2717 41.6673 31.3315 41.2283 32.1129 40.4469C32.8943 39.6655 33.3333 38.6057 33.3333 37.5006V27.084C33.3333 26.5314 33.1138 26.0015 32.7231 25.6108C32.3324 25.2201 31.8025 25.0007 31.25 25.0007H0" fill="#5F51C8"></path><path d="M39.5833 0H27.0833C25.9327 0 25 0.93274 25 2.08333V14.5833C25 15.7339 25.9327 16.6667 27.0833 16.6667H39.5833C40.7339 16.6667 41.6667 15.7339 41.6667 14.5833V2.08333C41.6667 0.93274 40.7339 0 39.5833 0Z" fill="#695AE0"></path></svg> <span>Artifactuse</span></a>'), pl = e.from_html('<span class="artifactuse-panel__badge artifactuse-panel__badge--secondary"> </span>'), gl = 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>'), ml = 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>'), hl = e.from_html('<div class="artifactuse-share-popup__loading"><div class="artifactuse-share-popup__spinner"></div> <p class="artifactuse-share-popup__loading-text">Creating link...</p></div>'), bl = e.from_html('<div><div class="artifactuse-share-popup__error"><p class="artifactuse-share-popup__error-text"> </p></div> <div class="artifactuse-share-popup__actions"><button class="artifactuse-share-popup__btn artifactuse-share-popup__btn--secondary">Back</button> <button class="artifactuse-share-popup__btn artifactuse-share-popup__btn--primary">Retry</button></div></div>'), kl = e.from_html('<div class="artifactuse-share-popup__options"><button class="artifactuse-share-popup__option"><div class="artifactuse-share-popup__option-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg></div> <div class="artifactuse-share-popup__option-content"><p class="artifactuse-share-popup__option-title">Share link</p> <p class="artifactuse-share-popup__option-desc">Expires in 30 days</p></div></button> <button class="artifactuse-share-popup__option"><div class="artifactuse-share-popup__option-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path><polyline points="17 21 17 13 7 13 7 21"></polyline><polyline points="7 3 7 8 15 8"></polyline></svg></div> <div class="artifactuse-share-popup__option-content"><p class="artifactuse-share-popup__option-title">Save to account</p> <p class="artifactuse-share-popup__option-desc">Permanent, manageable</p></div></button> <button class="artifactuse-share-popup__option"><div class="artifactuse-share-popup__option-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="23 4 23 10 17 10"></polyline><polyline points="1 20 1 14 7 14"></polyline><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"></path></svg></div> <div class="artifactuse-share-popup__option-content"><p class="artifactuse-share-popup__option-title">Update saved</p> <p class="artifactuse-share-popup__option-desc">Replace an existing artifact</p></div></button></div>'), yl = e.from_html('<div class="artifactuse-share-popup__loading"><div class="artifactuse-share-popup__spinner"></div> <p class="artifactuse-share-popup__loading-text">Loading artifacts...</p></div>'), xl = e.from_html('<div class="artifactuse-share-popup__empty">No saved artifacts of this type</div>'), wl = e.from_html('<button class="artifactuse-share-popup__artifact-item"><span class="artifactuse-share-popup__artifact-name"> </span> <span class="artifactuse-share-popup__artifact-date"> </span></button>'), Cl = e.from_html('<div class="artifactuse-share-popup__artifact-list"></div>'), Pl = e.from_html('<div><!> <button class="artifactuse-share-popup__back-btn">Back</button></div>'), Al = e.from_html('<div class="artifactuse-share-popup__expiry"><span class="artifactuse-share-popup__expiry-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg></span> <span class="artifactuse-share-popup__expiry-text"> </span></div>'), El = e.from_html('<div class="artifactuse-share-popup__save-prompt"><p class="artifactuse-share-popup__save-prompt-text">Keep it permanently?</p> <button class="artifactuse-share-popup__save-prompt-btn">Save to account</button></div>'), $l = e.from_html('<div class="artifactuse-share-popup__success"><div class="artifactuse-share-popup__success-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"></polyline></svg></div> <div class="artifactuse-share-popup__link-wrapper"><input type="text" class="artifactuse-share-popup__link" readonly=""/> <button> </button></div> <!> <!></div>'), Sl = e.from_html('<div class="artifactuse-share-popup"><div class="artifactuse-share-popup__header"><span class="artifactuse-share-popup__title"> </span> <button aria-label="share" class="artifactuse-share-popup__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> <div class="artifactuse-share-popup__body"><!></div> <div class="artifactuse-share-popup__footer"><a href="https://artifactuse.com" target="_blank" rel="noopener noreferrer" class="artifactuse-share-popup__branding"><svg width="12" height="12" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6667 41.6673V10.4173C16.6667 9.86478 16.4472 9.33488 16.0565 8.94418C15.6658 8.55348 15.1359 8.33398 14.5833 8.33398H4.16667C3.0616 8.33398 2.00179 8.77297 1.22039 9.55437C0.438987 10.3358 0 11.3956 0 12.5007V37.5006C0 38.6057 0.438987 39.6655 1.22039 40.4469C2.00179 41.2283 3.0616 41.6673 4.16667 41.6673H29.1667C30.2717 41.6673 31.3315 41.2283 32.1129 40.4469C32.8943 39.6655 33.3333 38.6057 33.3333 37.5006V27.084C33.3333 26.5314 33.1138 26.0015 32.7231 25.6108C32.3324 25.2201 31.8025 25.0007 31.25 25.0007H0" fill="#5F51C8"></path><path d="M39.5833 0H27.0833C25.9327 0 25 0.93274 25 2.08333V14.5833C25 15.7339 25.9327 16.6667 27.0833 16.6667H39.5833C40.7339 16.6667 41.6667 15.7339 41.6667 14.5833V2.08333C41.6667 0.93274 40.7339 0 39.5833 0Z" fill="#695AE0"></path></svg> <span>Powered by Artifactuse</span></a></div></div>'), Tl = e.from_html('<div style="position: relative;"><button class="artifactuse-panel__footer-action" title="Share"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line></svg></button> <!></div>'), Ll = 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>'), Ml = 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>'), Bl = 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>'), Hl = 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"><!> <!> <!> <!></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 class="artifactuse-panel__code"><!> <div class="artifactuse-panel__code-scroll"><div class="artifactuse-panel__line-numbers"></div> <pre><code></code></pre></div></div> <div class="artifactuse-panel__edit"><div class="artifactuse-panel__editor-container"></div></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>');
 function Jl(Oe, v) {
-  var Cr, Ar;
+  var Cr, Pr;
   e.push(v, !1);
-  const be = () => e.store_get(we, "$activeArtifact", s), b = () => e.store_get(qe, "$state", s), P = () => e.store_get(r, "$artifactCount", s), n = () => e.store_get(Le, "$hasArtifacts", s), [s, f] = e.setup_stores(), I = e.mutable_source(), t = e.mutable_source(), Be = e.mutable_source(), $e = e.mutable_source(), Z = e.mutable_source(), ae = e.mutable_source(), Re = e.mutable_source(), ue = e.mutable_source(), Ve = e.mutable_source(), E = e.mutable_source(), g = e.mutable_source(), z = e.mutable_source(), ne = e.mutable_source(), Pe = e.mutable_source(), pe = e.mutable_source(), ve = e.mutable_source(), de = e.mutable_source(), He = e.mutable_source(), Se = e.mutable_source(), Je = e.mutable_source(), Ge = e.mutable_source(), Qe = e.mutable_source(), ke = e.mutable_source(), D = e.mutable_source(), ye = e.mutable_source(), xe = e.mutable_source(), Ye = e.mutable_source(), St = e.mutable_source(), lt = e.mutable_source(), o = e.mutable_source(), X = e.mutable_source(), _e = e.mutable_source(), V = e.mutable_source(), re = ["image", "audio", "video", "pdf", "font", "binary"], y = $a();
+  const be = () => e.store_get(we, "$activeArtifact", s), b = () => e.store_get(qe, "$state", s), A = () => e.store_get(r, "$artifactCount", s), n = () => e.store_get(Le, "$hasArtifacts", s), [s, f] = e.setup_stores(), I = e.mutable_source(), t = e.mutable_source(), Be = e.mutable_source(), $e = e.mutable_source(), Z = e.mutable_source(), ae = e.mutable_source(), Re = e.mutable_source(), ue = e.mutable_source(), Ve = e.mutable_source(), E = e.mutable_source(), g = e.mutable_source(), z = e.mutable_source(), ne = e.mutable_source(), Ae = e.mutable_source(), pe = e.mutable_source(), ve = e.mutable_source(), de = e.mutable_source(), He = e.mutable_source(), Se = e.mutable_source(), Je = e.mutable_source(), Ge = e.mutable_source(), Qe = e.mutable_source(), ke = e.mutable_source(), D = e.mutable_source(), ye = e.mutable_source(), xe = e.mutable_source(), Ye = e.mutable_source(), St = e.mutable_source(), lt = e.mutable_source(), o = e.mutable_source(), X = e.mutable_source(), _e = e.mutable_source(), V = e.mutable_source(), re = ["image", "audio", "video", "pdf", "font", "binary"], y = $a();
   let Me = e.prop(v, "className", 8, ""), Te = e.prop(v, "initialPanelWidth", 8, void 0), ge = e.prop(v, "initialSplitPosition", 8, void 0), Ie = e.prop(v, "externalPreview", 8, void 0), le = e.prop(v, "consolePanel", 8, void 0);
   const {
     state: qe,
@@ -1886,14 +1886,14 @@ function Jl(Oe, v) {
   let i = e.mutable_source(), x = e.mutable_source(), q = e.mutable_source(), j = e.mutable_source(), ie = e.mutable_source(), Ee = e.mutable_source(), ce = e.mutable_source(!1), se = e.mutable_source(!1), me = e.mutable_source(!0), N = e.mutable_source(!1), R = e.mutable_source(!1), Y = e.mutable_source(!1), m = e.mutable_source([]), w = e.mutable_source(!1), L = e.mutable_source(null), $ = e.mutable_source(/* @__PURE__ */ new Set(["log", "warn", "error", "info"])), O = e.mutable_source(!1), d = e.mutable_source(
     "options"
     // 'options' | 'email' | 'loading' | 'success' | 'verify' | 'error'
-  ), _ = e.mutable_source(""), h = e.mutable_source(null), M = e.mutable_source(""), W = e.mutable_source(!1), S = e.mutable_source(!1), G = e.mutable_source([]), H = e.mutable_source(!1), fe = e.mutable_source(""), F = {}, T = e.mutable_source(null), J = e.mutable_source(Math.min(Math.max(Te() ?? ((Cr = u.config) == null ? void 0 : Cr.panelWidth) ?? 65, 25), 75)), Q = e.mutable_source(Math.min(Math.max(ge() ?? ((Ar = u.config) == null ? void 0 : Ar.splitPosition) ?? 50, 20), 80)), B = null, U = null, et = null, Wt = null, Tt = null, Lt = null, ot = null, Jt = null, sa = e.mutable_source(null);
+  ), _ = e.mutable_source(""), h = e.mutable_source(null), M = e.mutable_source(""), W = e.mutable_source(!1), S = e.mutable_source(!1), G = e.mutable_source([]), H = e.mutable_source(!1), fe = e.mutable_source(""), F = {}, T = e.mutable_source(null), J = e.mutable_source(Math.min(Math.max(Te() ?? ((Cr = u.config) == null ? void 0 : Cr.panelWidth) ?? 65, 25), 75)), Q = e.mutable_source(Math.min(Math.max(ge() ?? ((Pr = u.config) == null ? void 0 : Pr.splitPosition) ?? 50, 20), 80)), B = null, U = null, et = null, Wt = null, Tt = null, Lt = null, ot = null, Jt = null, sa = e.mutable_source(null);
   function Ta(a) {
     a && (Jt !== null && Jt !== a.isPreviewable && (e.set(Y, !0), setTimeout(
       () => {
         e.set(Y, !1);
       },
       150
-    )), Jt = a.isPreviewable, Lt !== a.id && (re.includes(a.language) && te("preview"), Wr(), e.set(me, !0), Yr()), (Lt !== a.id || ot !== a.code) && (ra().then(() => pr()), e.get(Z) === "edit" && (Lt !== a.id ? ra().then(() => gr()) : Tt && Tt.setCode(a.code || "")), clearTimeout(et), et = setTimeout(
+    )), Jt = a.isPreviewable, Lt !== a.id && (re.includes(a.language) && a.fileExtension && te("preview"), Wr(), e.set(me, !0), Yr()), (Lt !== a.id || ot !== a.code) && (ra().then(() => pr()), e.get(Z) === "edit" && (Lt !== a.id ? ra().then(() => gr()) : Tt && Tt.setCode(a.code || "")), clearTimeout(et), et = setTimeout(
       () => {
         e.get(i) && a.isPreviewable && u.bridge.loadArtifact(a);
       },
@@ -1909,8 +1909,8 @@ function Jl(Oe, v) {
   function ha(a) {
     if (!a || !a.code) return null;
     if (F[a.id]) return F[a.id];
-    const A = Fs(a.code, Or(a.fileExtension || a.language));
-    return F[a.id] = A, A;
+    const P = Fs(a.code, Or(a.fileExtension || a.language));
+    return F[a.id] = P, P;
   }
   function Za(a) {
     F[a] && (Ur(F[a]), delete F[a]);
@@ -1924,9 +1924,9 @@ function Jl(Oe, v) {
   function Dt(a) {
     if (a.language !== "smartdiff") return null;
     try {
-      const A = JSON.parse(a.code);
-      if (A.oldCode === void 0 || A.newCode === void 0) return null;
-      const Fe = A.language || "plaintext", Ce = Rr() && window.Prism.languages[Fe], rt = Ls(A.oldCode, A.newCode).split(`
+      const P = JSON.parse(a.code);
+      if (P.oldCode === void 0 || P.newCode === void 0) return null;
+      const Fe = P.language || "plaintext", Ce = Rr() && window.Prism.languages[Fe], rt = Ls(P.oldCode, P.newCode).split(`
 `);
       return { html: rt.map((Xe) => {
         const je = Xe[0], ft = Xe.slice(1), Mt = Ce ? window.Prism.highlight(ft, Ce, Fe) : ft;
@@ -1940,16 +1940,16 @@ function Jl(Oe, v) {
   function ea() {
     var Ce;
     if (!e.get(j) || !((Ce = e.get(t)) != null && Ce.code)) return;
-    const a = Dt(e.get(t)), A = a ? a.lineCount : e.get(t).code.split(`
-`).length, Fe = Array.from({ length: A }, (rt, _t) => `<div>${_t + 1}</div>`).join("");
+    const a = Dt(e.get(t)), P = a ? a.lineCount : e.get(t).code.split(`
+`).length, Fe = Array.from({ length: P }, (rt, _t) => `<div>${_t + 1}</div>`).join("");
     e.mutate(j, e.get(j).innerHTML = Fe);
   }
   function Ka() {
     var a;
     if (e.get(x) && Rr() && ((a = e.get(t)) != null && a.code)) {
-      const A = Dt(e.get(t));
-      if (A)
-        e.mutate(x, e.get(x).innerHTML = A.html);
+      const P = Dt(e.get(t));
+      if (P)
+        e.mutate(x, e.get(x).innerHTML = P.html);
       else {
         const Fe = window.Prism.languages[e.get(z)];
         Fe ? e.mutate(x, e.get(x).innerHTML = window.Prism.highlight(e.get(t).code, Fe, e.get(z))) : e.mutate(x, e.get(x).textContent = e.get(t).code);
@@ -1960,8 +1960,8 @@ function Jl(Oe, v) {
     }
   }
   function za() {
-    var A;
-    const a = (A = e.get(x)) == null ? void 0 : A.closest("pre");
+    var P;
+    const a = (P = e.get(x)) == null ? void 0 : P.closest("pre");
     if (a && e.get(ie) && e.get(j)) {
       const Ce = window.getComputedStyle(a).backgroundColor;
       Ce && Ce !== "rgba(0, 0, 0, 0)" && Ce !== "transparent" && (e.mutate(ie, e.get(ie).style.backgroundColor = Ce), e.mutate(j, e.get(j).style.backgroundColor = Ce));
@@ -2024,20 +2024,20 @@ function Jl(Oe, v) {
   }
   function Qr() {
     if (!e.get(t)) return;
-    const { code: a, language: A, editorLanguage: Fe, title: Ce } = e.get(t), rt = _r(Fe || A), _t = `${Ce.toLowerCase().replace(/\s+/g, "-")}.${rt}`, Xe = new Blob([a], { type: "text/plain" }), je = URL.createObjectURL(Xe), ft = document.createElement("a");
+    const { code: a, language: P, editorLanguage: Fe, title: Ce } = e.get(t), rt = _r(Fe || P), _t = `${Ce.toLowerCase().replace(/\s+/g, "-")}.${rt}`, Xe = new Blob([a], { type: "text/plain" }), je = URL.createObjectURL(Xe), ft = document.createElement("a");
     ft.href = je, ft.download = _t, document.body.appendChild(ft), ft.click(), document.body.removeChild(ft), URL.revokeObjectURL(je);
   }
   async function es() {
     if (!(e.get(R) || e.get(de).length === 0)) {
       e.set(R, !0);
       try {
-        const a = new Is(), A = /* @__PURE__ */ new Map();
+        const a = new Is(), P = /* @__PURE__ */ new Map();
         for (const je of e.get(de)) {
           if (!je.code) continue;
           const ft = _r(je.editorLanguage || je.language);
           let Mt = (je.title || "untitled").toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, ""), Ct = `${Mt}.${ft}`;
-          const tt = A.get(Ct) || 0;
-          tt > 0 && (Ct = `${Mt}-${tt}.${ft}`), A.set(`${Mt}.${ft}`, tt + 1), a.file(Ct, je.code);
+          const tt = P.get(Ct) || 0;
+          tt > 0 && (Ct = `${Mt}-${tt}.${ft}`), P.set(`${Mt}.${ft}`, tt + 1), a.file(Ct, je.code);
         }
         const Fe = await a.generateAsync({ type: "blob" }), rt = `artifacts-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.zip`, _t = URL.createObjectURL(Fe), Xe = document.createElement("a");
         Xe.href = _t, Xe.download = rt, document.body.appendChild(Xe), Xe.click(), document.body.removeChild(Xe), URL.revokeObjectURL(_t);
@@ -2105,17 +2105,17 @@ function Jl(Oe, v) {
         e.set(d, "loading");
         try {
           await u.share.openAuthPopup();
-        } catch (A) {
-          A.message === "Authentication cancelled" ? e.set(d, "options") : (e.set(M, A.message || "Authentication failed"), e.set(d, "error"));
+        } catch (P) {
+          P.message === "Authentication cancelled" ? e.set(d, "options") : (e.set(M, P.message || "Authentication failed"), e.set(d, "error"));
           return;
         }
       }
       e.set(d, "update-list"), e.set(H, !0);
       try {
-        const A = ((a = e.get(t)) == null ? void 0 : a.language) || null, Fe = await u.share.listArtifacts(A);
+        const P = ((a = e.get(t)) == null ? void 0 : a.language) || null, Fe = await u.share.listArtifacts(P);
         e.set(G, Fe.projects || []);
-      } catch (A) {
-        e.set(M, A.message || "Failed to load artifacts"), e.set(d, "error");
+      } catch (P) {
+        e.set(M, P.message || "Failed to load artifacts"), e.set(d, "error");
       } finally {
         e.set(H, !1);
       }
@@ -2124,11 +2124,11 @@ function Jl(Oe, v) {
   async function is(a) {
     var Fe, Ce;
     if (!e.get(t) || !(u != null && u.share)) return;
-    const A = (Fe = a.project) == null ? void 0 : Fe.uuid;
-    if (A) {
+    const P = (Fe = a.project) == null ? void 0 : Fe.uuid;
+    if (P) {
       e.set(d, "loading"), e.set(M, "");
       try {
-        const rt = await u.share.updateArtifact(A, e.get(t));
+        const rt = await u.share.updateArtifact(P, e.get(t));
         e.set(_, rt.url || ""), e.set(h, null), e.set(S, !0), e.set(fe, ((Ce = a.project) == null ? void 0 : Ce.name) || "Untitled"), e.set(d, "success");
       } catch (rt) {
         e.set(M, rt.message || "Failed to update artifact"), e.set(d, "error");
@@ -2158,13 +2158,13 @@ function Jl(Oe, v) {
     e.get(He) < e.get(de).length - 1 && C(e.get(de)[e.get(He) + 1]);
   }
   function Qa(a) {
-    B = { startX: a.clientX, startWidth: e.get(J) }, document.addEventListener("mousemove", yr), document.addEventListener("mouseup", er), document.body.style.cursor = "ew-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((A) => {
-      A.style.pointerEvents = "none";
+    B = { startX: a.clientX, startWidth: e.get(J) }, document.addEventListener("mousemove", yr), document.addEventListener("mouseup", er), document.body.style.cursor = "ew-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((P) => {
+      P.style.pointerEvents = "none";
     });
   }
   function yr(a) {
     if (!B) return;
-    const A = window.innerWidth, Ce = (B.startX - a.clientX) / A * 100, rt = B.startWidth + Ce;
+    const P = window.innerWidth, Ce = (B.startX - a.clientX) / P * 100, rt = B.startWidth + Ce;
     e.set(J, Math.min(Math.max(rt, 25), 75));
   }
   function er() {
@@ -2174,12 +2174,12 @@ function Jl(Oe, v) {
   }
   function cs(a) {
     if (!e.get(q)) return;
-    const A = e.get(q).getBoundingClientRect();
+    const P = e.get(q).getBoundingClientRect();
     U = {
       startX: a.clientX,
       startPosition: e.get(Q),
-      contentLeft: A.left,
-      contentWidth: A.width
+      contentLeft: P.left,
+      contentWidth: P.width
     }, document.addEventListener("mousemove", xr), document.addEventListener("mouseup", tr), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((Fe) => {
       Fe.style.pointerEvents = "none";
     });
@@ -2205,8 +2205,8 @@ function Jl(Oe, v) {
     er(), tr(), Ya(), clearTimeout(et), clearTimeout(Wt), ar && ar(), Object.keys(F).forEach((a) => Ur(F[a])), F = {}, e.get(T) && (e.get(T).remove(), e.set(T, null));
   });
   function Va(a) {
-    const A = new Set(e.get($));
-    A.has(a) ? A.delete(a) : A.add(a), e.set($, A);
+    const P = new Set(e.get($));
+    P.has(a) ? P.delete(a) : P.add(a), e.set($, P);
   }
   e.legacy_pre_effect(() => e.deep_read_state(Te()), () => {
     Te() !== void 0 && e.set(J, Math.min(Math.max(Te(), 25), 75));
@@ -2226,8 +2226,8 @@ function Jl(Oe, v) {
     e.set(Z, b().viewMode);
   }), e.legacy_pre_effect(() => b(), () => {
     e.set(ae, b().isFullscreen);
-  }), e.legacy_pre_effect(() => P(), () => {
-    e.set(Re, P());
+  }), e.legacy_pre_effect(() => A(), () => {
+    e.set(Re, A());
   }), e.legacy_pre_effect(() => n(), () => {
     e.set(ue, n());
   }), e.legacy_pre_effect(() => (e.get(t), ma), () => {
@@ -2243,20 +2243,20 @@ function Jl(Oe, v) {
   }), e.legacy_pre_effect(() => (e.get(t), Dr), () => {
     e.set(z, e.get(t) ? Dr(e.get(t).language) : "plaintext");
   }), e.legacy_pre_effect(() => e.get(t), () => {
-    e.set(ne, re.includes(e.get(t) && e.get(t).language));
+    e.set(ne, re.includes(e.get(t) && e.get(t).language) && !!(e.get(t) && e.get(t).fileExtension));
   }), e.legacy_pre_effect(() => (e.get(ne), e.get(t)), () => {
-    e.set(Pe, e.get(ne) ? e.get(t).language : null);
-  }), e.legacy_pre_effect(() => (e.get(Pe), e.get(t)), () => {
-    e.set(pe, e.get(Pe) === "font" && e.get(t) ? "apfont_" + e.get(t).id : null);
-  }), e.legacy_pre_effect(() => (e.get(Pe), e.get(t)), () => {
+    e.set(Ae, e.get(ne) ? e.get(t).language : null);
+  }), e.legacy_pre_effect(() => (e.get(Ae), e.get(t)), () => {
+    e.set(pe, e.get(Ae) === "font" && e.get(t) ? "apfont_" + e.get(t).id : null);
+  }), e.legacy_pre_effect(() => (e.get(Ae), e.get(t)), () => {
     e.set(ve, (() => {
-      if (e.get(Pe) !== "binary" || !e.get(t) || !e.get(t).code) return "";
+      if (e.get(Ae) !== "binary" || !e.get(t) || !e.get(t).code) return "";
       try {
-        const a = atob(e.get(t).code.slice(0, 684)), A = new Uint8Array(a.length);
-        for (let Ce = 0; Ce < a.length; Ce++) A[Ce] = a.charCodeAt(Ce);
+        const a = atob(e.get(t).code.slice(0, 684)), P = new Uint8Array(a.length);
+        for (let Ce = 0; Ce < a.length; Ce++) P[Ce] = a.charCodeAt(Ce);
         const Fe = [];
-        for (let Ce = 0; Ce < Math.min(A.length, 512); Ce += 16) {
-          const rt = A.slice(Ce, Ce + 16), _t = Array.from(rt).map((je) => je.toString(16).padStart(2, "0")).join(" "), Xe = Array.from(rt).map((je) => je >= 32 && je < 127 ? String.fromCharCode(je) : ".").join("");
+        for (let Ce = 0; Ce < Math.min(P.length, 512); Ce += 16) {
+          const rt = P.slice(Ce, Ce + 16), _t = Array.from(rt).map((je) => je.toString(16).padStart(2, "0")).join(" "), Xe = Array.from(rt).map((je) => je >= 32 && je < 127 ? String.fromCharCode(je) : ".").join("");
           Fe.push(`${Ce.toString(16).padStart(8, "0")}  ${_t.padEnd(47)}  |${Xe}|`);
         }
         return Fe.join(`
@@ -2277,8 +2277,8 @@ function Jl(Oe, v) {
     () => (e.get(g), e.get(t), e.deep_read_state(Ie())),
     () => {
       e.set(Je, (() => {
-        var a, A;
-        return e.get(g) ? ((a = e.get(t)) == null ? void 0 : a.externalPreview) !== void 0 ? e.get(t).externalPreview : Ie() !== void 0 ? Ie() : ((A = u == null ? void 0 : u.config) == null ? void 0 : A.externalPreview) ?? !1 : !1;
+        var a, P;
+        return e.get(g) ? ((a = e.get(t)) == null ? void 0 : a.externalPreview) !== void 0 ? e.get(t).externalPreview : Ie() !== void 0 ? Ie() : ((P = u == null ? void 0 : u.config) == null ? void 0 : P.externalPreview) ?? !1 : !1;
       })());
     }
   ), e.legacy_pre_effect(() => {
@@ -2312,7 +2312,7 @@ function Jl(Oe, v) {
     var a;
     e.set(o, ((a = u.config) == null ? void 0 : a.multiTab) === !0);
   }), e.legacy_pre_effect(() => (e.get(o), b(), e.get(Be)), () => {
-    e.set(X, e.get(o) ? b().openTabs.map((a) => e.get(Be).find((A) => A.id === a)).filter(Boolean) : []);
+    e.set(X, e.get(o) ? b().openTabs.map((a) => e.get(Be).find((P) => P.id === a)).filter(Boolean) : []);
   }), e.legacy_pre_effect(
     () => (e.get(ae), e.get(t), e.get(ue), b(), e.deep_read_state(Me())),
     () => {
@@ -2335,9 +2335,9 @@ function Jl(Oe, v) {
   }), e.legacy_pre_effect(() => e.get($e), () => {
     e.get($e) || Ya();
   }), e.legacy_pre_effect(
-    () => (e.get(Pe), e.get(pe), e.get(t), e.get(T)),
+    () => (e.get(Ae), e.get(pe), e.get(t), e.get(T)),
     () => {
-      if (e.get(Pe) === "font" && e.get(pe) && e.get(t) && e.get(t).code) {
+      if (e.get(Ae) === "font" && e.get(pe) && e.get(t) && e.get(t).code) {
         const a = `@font-face { font-family: "${e.get(pe)}"; src: url("data:${Or(e.get(t).fileExtension || "woff2")};base64,${e.get(t).code}"); }`;
         e.get(T) || (e.set(T, document.createElement("style")), document.head.appendChild(e.get(T))), e.mutate(T, e.get(T).textContent = a);
       } else e.get(T) && e.mutate(T, e.get(T).textContent = "");
@@ -2346,13 +2346,13 @@ function Jl(Oe, v) {
   var wr = e.comment(), us = e.first_child(wr);
   {
     var vs = (a) => {
-      var A = e.comment(), Fe = e.first_child(A);
+      var P = e.comment(), Fe = e.first_child(P);
       {
         var Ce = (_t) => {
           var Xe = Tn(), je = e.child(Xe);
           {
             var ft = (Ze) => {
-              var Bt = Pn();
+              var Bt = An();
               e.event("mousedown", Bt, e.preventDefault(Qa)), e.append(Ze, Bt);
             };
             e.if(je, (Ze) => {
@@ -2508,9 +2508,9 @@ function Jl(Oe, v) {
               {
                 var rr = (l) => {
                   var p = qn();
-                  let Ae;
+                  let Pe;
                   e.template_effect(() => {
-                    Ae = e.set_class(p, 1, "artifactuse-panel__tab", null, Ae, {
+                    Pe = e.set_class(p, 1, "artifactuse-panel__tab", null, Pe, {
                       "artifactuse-panel__tab--active": e.get(Z) === "preview"
                     }), p.disabled = (e.get(t), e.untrack(() => !e.get(t).isPreviewable));
                   }), e.event("click", p, () => te("preview")), e.append(l, p);
@@ -2523,8 +2523,8 @@ function Jl(Oe, v) {
               {
                 var Ne = (l) => {
                   var p = Dn();
-                  let Ae;
-                  e.template_effect(() => Ae = e.set_class(p, 1, "artifactuse-panel__tab", null, Ae, { "artifactuse-panel__tab--active": e.get(Z) === "code" })), e.event("click", p, () => te("code")), e.append(l, p);
+                  let Pe;
+                  e.template_effect(() => Pe = e.set_class(p, 1, "artifactuse-panel__tab", null, Pe, { "artifactuse-panel__tab--active": e.get(Z) === "code" })), e.event("click", p, () => te("code")), e.append(l, p);
                 };
                 e.if(Ke, (l) => {
                   e.get(t), e.get(ne), e.untrack(() => (!e.get(t).tabs || e.get(t).tabs.includes("code")) && !e.get(ne)) && l(Ne);
@@ -2534,9 +2534,9 @@ function Jl(Oe, v) {
               {
                 var Ba = (l) => {
                   var p = Rn();
-                  let Ae;
+                  let Pe;
                   e.template_effect(() => {
-                    Ae = e.set_class(p, 1, "artifactuse-panel__tab", null, Ae, {
+                    Pe = e.set_class(p, 1, "artifactuse-panel__tab", null, Pe, {
                       "artifactuse-panel__tab--active": e.get(Z) === "split"
                     }), p.disabled = (e.get(t), e.untrack(() => !e.get(t).isPreviewable));
                   }), e.event("click", p, () => te("split")), e.append(l, p);
@@ -2549,8 +2549,8 @@ function Jl(Oe, v) {
               {
                 var qa = (l) => {
                   var p = Un();
-                  let Ae;
-                  e.template_effect(() => Ae = e.set_class(p, 1, "artifactuse-panel__tab", null, Ae, { "artifactuse-panel__tab--active": e.get(Z) === "edit" })), e.event("click", p, () => te("edit")), e.append(l, p);
+                  let Pe;
+                  e.template_effect(() => Pe = e.set_class(p, 1, "artifactuse-panel__tab", null, Pe, { "artifactuse-panel__tab--active": e.get(Z) === "edit" })), e.event("click", p, () => te("edit")), e.append(l, p);
                 };
                 e.if(sr, (l) => {
                   e.get(t), e.get(I), e.untrack(() => e.get(t).tabs && e.get(t).tabs.includes("edit") && e.get(I)) && l(qa);
@@ -2593,11 +2593,11 @@ function Jl(Oe, v) {
               e.reset(fa);
               var _s = e.sibling(fa, 2);
               e.reset(xa), e.reset(Xt);
-              var Pr = e.sibling(Xt, 2);
+              var Ar = e.sibling(Xt, 2);
               {
                 var fs = (l) => {
-                  var p = Xn(), Ae = e.child(p);
-                  e.each(Ae, 5, () => e.get(X), (at) => at.id, (at, st) => {
+                  var p = Xn(), Pe = e.child(p);
+                  e.each(Pe, 5, () => e.get(X), (at) => at.id, (at, st) => {
                     var yt = Jn();
                     let pt;
                     var We = e.child(yt), it = e.child(We);
@@ -2611,13 +2611,13 @@ function Jl(Oe, v) {
                         "artifactuse-panel__file-tab--active": e.get(st).id === ((De = e.get(t)) == null ? void 0 : De.id)
                       }), e.set_text(Ht, (e.get(st), e.untrack(() => e.get(st).title || "Untitled")));
                     }), e.event("click", wt, e.stopPropagation(() => La(e.get(st).id))), e.event("keydown", wt, e.stopPropagation((De) => De.key === "Enter" && La(e.get(st).id))), e.event("click", yt, () => ia(e.get(st))), e.append(at, yt);
-                  }), e.reset(Ae), e.reset(p), e.append(l, p);
+                  }), e.reset(Pe), e.reset(p), e.append(l, p);
                 };
-                e.if(Pr, (l) => {
+                e.if(Ar, (l) => {
                   e.get(o), e.get(X), e.untrack(() => e.get(o) && e.get(X).length > 0) && l(fs);
                 });
               }
-              var Ia = e.sibling(Pr, 2), Er = e.child(Ia);
+              var Ia = e.sibling(Ar, 2), Er = e.child(Ia);
               {
                 var ps = (l) => {
                   var p = Zn();
@@ -2630,17 +2630,17 @@ function Jl(Oe, v) {
               var $r = e.sibling(Er, 2);
               {
                 var gs = (l) => {
-                  var p = il(), Ae = e.child(p);
+                  var p = il(), Pe = e.child(p);
                   {
                     var at = (We) => {
                       var it = Kn();
                       e.append(We, it);
                     };
-                    e.if(Ae, (We) => {
+                    e.if(Pe, (We) => {
                       e.get(me) && e.get(g) && !e.get(ne) && We(at);
                     });
                   }
-                  var st = e.sibling(Ae, 2);
+                  var st = e.sibling(Pe, 2);
                   {
                     var yt = (We) => {
                       var it = e.comment(), xt = e.first_child(it);
@@ -2667,12 +2667,12 @@ function Jl(Oe, v) {
                               var ze = e.comment(), mt = e.first_child(ze);
                               {
                                 var ct = (nt) => {
-                                  var ut = Qn(), Pt = e.child(ut);
-                                  e.reset(ut), e.template_effect((vt) => e.set_attribute(Pt, "src", vt), [
+                                  var ut = Qn(), At = e.child(ut);
+                                  e.reset(ut), e.template_effect((vt) => e.set_attribute(At, "src", vt), [
                                     () => (e.get(t), e.untrack(() => ha(e.get(t))))
                                   ]), e.append(nt, ut);
-                                }, At = (nt) => {
-                                  var ut = e.comment(), Pt = e.first_child(ut);
+                                }, Pt = (nt) => {
+                                  var ut = e.comment(), At = e.first_child(ut);
                                   {
                                     var vt = (bt) => {
                                       var It = el(), Ut = e.child(It);
@@ -2702,7 +2702,7 @@ function Jl(Oe, v) {
                                             e.if(
                                               jt,
                                               (Et) => {
-                                                e.get(Pe) === "binary" && Et(Yt);
+                                                e.get(Ae) === "binary" && Et(Yt);
                                               },
                                               !0
                                             );
@@ -2712,7 +2712,7 @@ function Jl(Oe, v) {
                                         e.if(
                                           Ut,
                                           (dt) => {
-                                            e.get(Pe) === "font" ? dt(Ft) : dt(Ot, !1);
+                                            e.get(Ae) === "font" ? dt(Ft) : dt(Ot, !1);
                                           },
                                           !0
                                         );
@@ -2720,9 +2720,9 @@ function Jl(Oe, v) {
                                       e.append(bt, It);
                                     };
                                     e.if(
-                                      Pt,
+                                      At,
                                       (bt) => {
-                                        e.get(Pe) === "pdf" ? bt(vt) : bt(ht, !1);
+                                        e.get(Ae) === "pdf" ? bt(vt) : bt(ht, !1);
                                       },
                                       !0
                                     );
@@ -2732,7 +2732,7 @@ function Jl(Oe, v) {
                                 e.if(
                                   mt,
                                   (nt) => {
-                                    e.get(Pe) === "video" ? nt(ct) : nt(At, !1);
+                                    e.get(Ae) === "video" ? nt(ct) : nt(Pt, !1);
                                   },
                                   !0
                                 );
@@ -2742,7 +2742,7 @@ function Jl(Oe, v) {
                             e.if(
                               gt,
                               (he) => {
-                                e.get(Pe) === "audio" ? he(K) : he(ee, !1);
+                                e.get(Ae) === "audio" ? he(K) : he(ee, !1);
                               },
                               !0
                             );
@@ -2750,7 +2750,7 @@ function Jl(Oe, v) {
                           e.append(De, Ue);
                         };
                         e.if(xt, (De) => {
-                          e.get(Pe) === "image" ? De(Ht) : De(wt, !1);
+                          e.get(Ae) === "image" ? De(Ht) : De(wt, !1);
                         });
                       }
                       e.append(We, it);
@@ -2806,7 +2806,7 @@ function Jl(Oe, v) {
               var Mr = e.sibling(Ia, 2);
               {
                 var bs = (l) => {
-                  var p = _l(), Ae = e.child(p), at = e.sibling(e.child(Ae), 4), st = e.child(at);
+                  var p = _l(), Pe = e.child(p), at = e.sibling(e.child(Pe), 4), st = e.child(at);
                   {
                     var yt = (K) => {
                       var ee = ll(), he = e.child(ee);
@@ -2876,20 +2876,20 @@ function Jl(Oe, v) {
                   }
                   e.reset(at);
                   var De = e.sibling(at, 2);
-                  e.reset(Ae);
-                  var Ue = e.sibling(Ae, 2);
+                  e.reset(Pe);
+                  var Ue = e.sibling(Pe, 2);
                   {
                     var gt = (K) => {
                       var ee = dl();
                       e.each(ee, 5, () => e.get(Ye), e.index, (he, ze) => {
-                        var mt = vl(), ct = e.child(mt), At = e.child(ct);
+                        var mt = vl(), ct = e.child(mt), Pt = e.child(ct);
                         e.reset(ct);
                         var nt = e.sibling(ct, 2), ut = e.child(nt, !0);
                         e.reset(nt);
-                        var Pt = e.sibling(nt, 2), vt = e.child(Pt, !0);
-                        e.reset(Pt), e.reset(mt), e.template_effect(
+                        var At = e.sibling(nt, 2), vt = e.child(At, !0);
+                        e.reset(At), e.reset(mt), e.template_effect(
                           (ht) => {
-                            e.set_class(mt, 1, `artifactuse-panel__console-entry artifactuse-panel__console-entry--${e.get(ze), e.untrack(() => e.get(ze).type) ?? ""}`), e.set_text(At, `[${e.get(ze), e.untrack(() => e.get(ze).type) ?? ""}]`), e.set_text(ut, (e.get(ze), e.untrack(() => e.get(ze).content))), e.set_text(vt, ht);
+                            e.set_class(mt, 1, `artifactuse-panel__console-entry artifactuse-panel__console-entry--${e.get(ze), e.untrack(() => e.get(ze).type) ?? ""}`), e.set_text(Pt, `[${e.get(ze), e.untrack(() => e.get(ze).type) ?? ""}]`), e.set_text(ut, (e.get(ze), e.untrack(() => e.get(ze).content))), e.set_text(vt, ht);
                           },
                           [
                             () => (e.get(ze), e.untrack(() => new Date(e.get(ze).timestamp).toLocaleTimeString()))
@@ -2903,7 +2903,7 @@ function Jl(Oe, v) {
                   }
                   e.reset(p), e.template_effect(() => e.set_class(p, 1, `artifactuse-panel__console ${e.get(w) ? "artifactuse-panel__console--expanded" : ""}`)), e.event("click", at, e.stopPropagation(function(K) {
                     e.bubble_event.call(this, v, K);
-                  })), e.event("click", De, e.stopPropagation(() => e.set(m, []))), e.event("click", Ae, () => e.set(w, !e.get(w))), e.event("keydown", Ae, (K) => {
+                  })), e.event("click", De, e.stopPropagation(() => e.set(m, []))), e.event("click", Pe, () => e.set(w, !e.get(w))), e.event("keydown", Pe, (K) => {
                     (K.key === "Enter" || K.key === " ") && e.set(w, !e.get(w));
                   }), e.append(l, p);
                 };
@@ -2924,8 +2924,8 @@ function Jl(Oe, v) {
               var ys = e.sibling(Hr, 2);
               {
                 var xs = (l) => {
-                  var p = pl(), Ae = e.child(p, !0);
-                  e.reset(p), e.template_effect((at) => e.set_text(Ae, at), [
+                  var p = pl(), Pe = e.child(p, !0);
+                  e.reset(p), e.template_effect((at) => e.set_text(Pe, at), [
                     () => (e.deep_read_state(dr), e.get(t), e.untrack(() => dr(e.get(t).size)))
                   ]), e.append(l, p);
                 };
@@ -2941,19 +2941,19 @@ function Jl(Oe, v) {
                 var Cs = (l) => {
                   var p = gl();
                   e.append(l, p);
-                }, As = (l) => {
+                }, Ps = (l) => {
                   var p = ml();
                   e.append(l, p);
                 };
                 e.if(ws, (l) => {
-                  e.get(ce) ? l(As, !1) : l(Cs);
+                  e.get(ce) ? l(Ps, !1) : l(Cs);
                 });
               }
               e.reset(wa);
               var zr = e.sibling(wa, 2), Vr = e.sibling(zr, 2);
               {
-                var Ps = (l) => {
-                  var p = Tl(), Ae = e.child(p), at = e.sibling(Ae, 2);
+                var As = (l) => {
+                  var p = Tl(), Pe = e.child(p), at = e.sibling(Pe, 2);
                   {
                     var st = (yt) => {
                       var pt = Sl(), We = e.child(pt), it = e.child(We), xt = e.child(it, !0);
@@ -2969,21 +2969,21 @@ function Jl(Oe, v) {
                           var ee = e.comment(), he = e.first_child(ee);
                           {
                             var ze = (ct) => {
-                              var At = bl(), nt = e.child(At), ut = e.child(nt), Pt = e.child(ut, !0);
+                              var Pt = bl(), nt = e.child(Pt), ut = e.child(nt), At = e.child(ut, !0);
                               e.reset(ut), e.reset(nt);
                               var vt = e.sibling(nt, 2), ht = e.child(vt), bt = e.sibling(ht, 2);
-                              e.reset(vt), e.reset(At), e.template_effect(() => e.set_text(Pt, e.get(M))), e.event("click", ht, () => e.set(d, "options")), e.event("click", bt, rs), e.append(ct, At);
+                              e.reset(vt), e.reset(Pt), e.template_effect(() => e.set_text(At, e.get(M))), e.event("click", ht, () => e.set(d, "options")), e.event("click", bt, rs), e.append(ct, Pt);
                             }, mt = (ct) => {
-                              var At = e.comment(), nt = e.first_child(At);
+                              var Pt = e.comment(), nt = e.first_child(Pt);
                               {
                                 var ut = (vt) => {
                                   var ht = kl(), bt = e.child(ht), It = e.sibling(bt, 2), Ut = e.sibling(It, 2);
                                   e.reset(ht), e.event("click", bt, hr), e.event("click", It, br), e.event("click", Ut, ss), e.append(vt, ht);
-                                }, Pt = (vt) => {
+                                }, At = (vt) => {
                                   var ht = e.comment(), bt = e.first_child(ht);
                                   {
                                     var It = (Ft) => {
-                                      var Ot = Al(), dt = e.child(Ot);
+                                      var Ot = Pl(), dt = e.child(Ot);
                                       {
                                         var zt = (Et) => {
                                           var Vt = yl();
@@ -2996,16 +2996,16 @@ function Jl(Oe, v) {
                                               e.append(Qt, ga);
                                             }, ur = (Qt) => {
                                               var ga = Cl();
-                                              e.each(ga, 5, () => e.get(G), (Aa) => {
+                                              e.each(ga, 5, () => e.get(G), (Pa) => {
                                                 var Nt;
-                                                return ((Nt = Aa.project) == null ? void 0 : Nt.uuid) || Aa.id;
-                                              }, (Aa, Nt) => {
-                                                var $t = wl(), Rt = e.child($t), Pa = e.child(Rt, !0);
+                                                return ((Nt = Pa.project) == null ? void 0 : Nt.uuid) || Pa.id;
+                                              }, (Pa, Nt) => {
+                                                var $t = wl(), Rt = e.child($t), Aa = e.child(Rt, !0);
                                                 e.reset(Rt);
                                                 var ja = e.sibling(Rt, 2), vr = e.child(ja, !0);
                                                 e.reset(ja), e.reset($t), e.template_effect(
                                                   (Na) => {
-                                                    e.set_text(Pa, (e.get(Nt), e.untrack(() => {
+                                                    e.set_text(Aa, (e.get(Nt), e.untrack(() => {
                                                       var qr;
                                                       return ((qr = e.get(Nt).project) == null ? void 0 : qr.name) || "Untitled";
                                                     }))), e.set_text(vr, Na);
@@ -3016,7 +3016,7 @@ function Jl(Oe, v) {
                                                       return mr((Na = e.get(Nt).project) == null ? void 0 : Na.created_at);
                                                     }))
                                                   ]
-                                                ), e.event("click", $t, () => is(e.get(Nt))), e.append(Aa, $t);
+                                                ), e.event("click", $t, () => is(e.get(Nt))), e.append(Pa, $t);
                                               }), e.reset(ga), e.append(Qt, ga);
                                             };
                                             e.if(
@@ -3048,8 +3048,8 @@ function Jl(Oe, v) {
                                           var Qt = e.sibling(Et, 2);
                                           {
                                             var ga = ($t) => {
-                                              var Rt = Pl(), Pa = e.sibling(e.child(Rt), 2), ja = e.child(Pa);
-                                              e.reset(Pa), e.reset(Rt), e.template_effect((vr) => e.set_text(ja, `Expires ${vr ?? ""}`), [
+                                              var Rt = Al(), Aa = e.sibling(e.child(Rt), 2), ja = e.child(Aa);
+                                              e.reset(Aa), e.reset(Rt), e.template_effect((vr) => e.set_text(ja, `Expires ${vr ?? ""}`), [
                                                 () => (e.get(h), e.untrack(() => mr(e.get(h))))
                                               ]), e.append($t, Rt);
                                             };
@@ -3057,13 +3057,13 @@ function Jl(Oe, v) {
                                               e.get(h) && !e.get(S) && $t(ga);
                                             });
                                           }
-                                          var Aa = e.sibling(Qt, 2);
+                                          var Pa = e.sibling(Qt, 2);
                                           {
                                             var Nt = ($t) => {
-                                              var Rt = El(), Pa = e.sibling(e.child(Rt), 2);
-                                              e.reset(Rt), e.event("click", Pa, br), e.append($t, Rt);
+                                              var Rt = El(), Aa = e.sibling(e.child(Rt), 2);
+                                              e.reset(Rt), e.event("click", Aa, br), e.append($t, Rt);
                                             };
-                                            e.if(Aa, ($t) => {
+                                            e.if(Pa, ($t) => {
                                               e.get(S) || $t(Nt);
                                             });
                                           }
@@ -3096,12 +3096,12 @@ function Jl(Oe, v) {
                                 e.if(
                                   nt,
                                   (vt) => {
-                                    e.get(d) === "options" ? vt(ut) : vt(Pt, !1);
+                                    e.get(d) === "options" ? vt(ut) : vt(At, !1);
                                   },
                                   !0
                                 );
                               }
-                              e.append(ct, At);
+                              e.append(ct, Pt);
                             };
                             e.if(
                               he,
@@ -3123,16 +3123,16 @@ function Jl(Oe, v) {
                       e.get(O) && yt(st);
                     });
                   }
-                  e.reset(p), e.event("click", Ae, ts), e.append(l, p);
+                  e.reset(p), e.event("click", Pe, ts), e.append(l, p);
                 };
                 e.if(Vr, (l) => {
-                  e.get(Ge) && l(Ps);
+                  e.get(Ge) && l(As);
                 });
               }
               var Es = e.sibling(Vr, 2);
               {
                 var $s = (l) => {
-                  var p = Bl(), Ae = e.child(p), at = e.sibling(Ae, 2), st = e.child(at), yt = e.child(st);
+                  var p = Bl(), Pe = e.child(p), at = e.sibling(Pe, 2), st = e.child(at), yt = e.child(st);
                   e.reset(st), e.next(2), e.reset(at);
                   var pt = e.sibling(at, 2), We = e.sibling(pt, 2);
                   {
@@ -3145,11 +3145,11 @@ function Jl(Oe, v) {
                       e.each(K, 7, () => e.get(de), (ee) => ee.id, (ee, he, ze) => {
                         var mt = Ll();
                         let ct;
-                        var At = e.child(mt), nt = e.child(At);
-                        e.html(nt, () => (e.get(he), e.untrack(() => kt(e.get(he).language)))), e.reset(At);
-                        var ut = e.sibling(At, 2), Pt = e.child(ut), vt = e.child(Pt, !0);
-                        e.reset(Pt);
-                        var ht = e.sibling(Pt, 2), bt = e.child(ht), It = e.sibling(bt);
+                        var Pt = e.child(mt), nt = e.child(Pt);
+                        e.html(nt, () => (e.get(he), e.untrack(() => kt(e.get(he).language)))), e.reset(Pt);
+                        var ut = e.sibling(Pt, 2), At = e.child(ut), vt = e.child(At, !0);
+                        e.reset(At);
+                        var ht = e.sibling(At, 2), bt = e.child(ht), It = e.sibling(bt);
                         {
                           var Ut = (dt) => {
                             var zt = e.text();
@@ -3178,8 +3178,8 @@ function Jl(Oe, v) {
                     });
                   }
                   e.reset(p), e.template_effect(() => {
-                    Ae.disabled = e.get(He) <= 0, e.set_text(yt, `${e.get(He) + 1} / ${e.get(de), e.untrack(() => e.get(de).length) ?? ""}`), pt.disabled = (e.get(He), e.get(de), e.untrack(() => e.get(He) >= e.get(de).length - 1));
-                  }), e.event("click", Ae, ls), e.event("click", at, () => e.set(se, !e.get(se))), e.event("click", pt, os), e.append(l, p);
+                    Pe.disabled = e.get(He) <= 0, e.set_text(yt, `${e.get(He) + 1} / ${e.get(de), e.untrack(() => e.get(de).length) ?? ""}`), pt.disabled = (e.get(He), e.get(de), e.untrack(() => e.get(He) >= e.get(de).length - 1));
+                  }), e.event("click", Pe, ls), e.event("click", at, () => e.set(se, !e.get(se))), e.event("click", pt, os), e.append(l, p);
                 };
                 e.if(Es, (l) => {
                   e.get(o), e.get(de), e.untrack(() => !e.get(o) && e.get(de).length > 1) && l($s);
@@ -3203,7 +3203,7 @@ function Jl(Oe, v) {
           e.get(ue), b(), e.untrack(() => !e.get(ue) || b().forceEmptyView) ? _t(Ce) : _t(rt, !1);
         });
       }
-      e.append(a, A);
+      e.append(a, P);
     };
     e.if(us, (a) => {
       e.get($e) && a(vs);
@@ -3214,13 +3214,13 @@ function Jl(Oe, v) {
 var Il = e.from_html('<span class="artifactuse-panel-toggle-badge"> </span>'), Fl = 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 Xl(Oe, v) {
   e.push(v, !1);
-  const be = () => e.store_get(Z, "$isPanelOpen", n), b = () => e.store_get(ae, "$artifactCount", n), P = () => e.store_get(Re, "$hasArtifacts", n), [n, s] = e.setup_stores(), f = e.mutable_source(), I = e.mutable_source(), t = e.mutable_source(), Be = e.mutable_source(), $e = e.mutable_source(), { isPanelOpen: Z, artifactCount: ae, hasArtifacts: Re, togglePanel: ue } = Xa();
+  const be = () => e.store_get(Z, "$isPanelOpen", n), b = () => e.store_get(ae, "$artifactCount", n), A = () => e.store_get(Re, "$hasArtifacts", n), [n, s] = e.setup_stores(), f = e.mutable_source(), I = e.mutable_source(), t = e.mutable_source(), Be = e.mutable_source(), $e = e.mutable_source(), { isPanelOpen: Z, artifactCount: ae, hasArtifacts: Re, togglePanel: ue } = Xa();
   e.legacy_pre_effect(() => be(), () => {
     e.set(f, be());
   }), e.legacy_pre_effect(() => b(), () => {
     e.set(I, b());
-  }), e.legacy_pre_effect(() => P(), () => {
-    e.set(t, P());
+  }), e.legacy_pre_effect(() => A(), () => {
+    e.set(t, A());
   }), e.legacy_pre_effect(() => e.get(I), () => {
     e.set(Be, e.get(I) > 99 ? "99+" : String(e.get(I)));
   }), e.legacy_pre_effect(() => (e.get(f), e.get(t)), () => {
@@ -3233,8 +3233,8 @@ function Xl(Oe, v) {
   var Ve = Fl(), E = e.sibling(e.child(Ve), 2);
   {
     var g = (z) => {
-      var ne = Il(), Pe = e.child(ne, !0);
-      e.reset(ne), e.template_effect(() => e.set_text(Pe, e.get(Be))), e.append(z, ne);
+      var ne = Il(), Ae = e.child(ne, !0);
+      e.reset(ne), e.template_effect(() => e.set_text(Ae, e.get(Be))), e.append(z, ne);
     };
     e.if(E, (z) => {
       e.get(I) > 0 && z(g);
@@ -3246,8 +3246,8 @@ function Xl(Oe, v) {
 }
 const Nr = "artifactuse";
 function fr(Oe = {}) {
-  const v = Bs(Oe), be = Ea([]), b = Ea(null), P = Ea(!1), n = Ea("preview"), s = Ea(!1), f = Ea(v.getPanelTypes()), I = v.state.subscribe((E) => {
-    be.set(E.artifacts), b.set(E.activeArtifactId), P.set(E.isPanelOpen), n.set(E.viewMode), s.set(E.isFullscreen);
+  const v = Bs(Oe), be = Ea([]), b = Ea(null), A = Ea(!1), n = Ea("preview"), s = Ea(!1), f = Ea(v.getPanelTypes()), I = v.state.subscribe((E) => {
+    be.set(E.artifacts), b.set(E.activeArtifactId), A.set(E.isPanelOpen), n.set(E.viewMode), s.set(E.isFullscreen);
   }), t = Wa(
     [be, b],
     ([E, g]) => g && E.find((z) => z.id === g) || null
@@ -3266,7 +3266,7 @@ function fr(Oe = {}) {
     // Stores
     artifacts: be,
     activeArtifactId: b,
-    isPanelOpen: P,
+    isPanelOpen: A,
     viewMode: n,
     isFullscreen: s,
     activeArtifact: t,
@@ -3343,7 +3343,7 @@ const Zl = {
 export {
   Wl as ArtifactuseAgentMessage,
   Ds as ArtifactuseCard,
-  Pi as ArtifactuseInlineForm,
+  Ai as ArtifactuseInlineForm,
   Jl as ArtifactusePanel,
   Xl as ArtifactusePanelToggle,
   pn as ArtifactuseSocialPreview,