artifactuse 0.3.0 → 0.3.2

package/dist/react/index.js

@@ -1,5 +1,5 @@
 import e, { useState as y, useMemo as w, useCallback as d, useRef as V, useEffect as B, createContext as na, useContext as sa } from "react";
-import { g as Ze, f as St, a as mt, b as dt, n as la, i as Tt, c as ca, D as $t, d as ia } from "../index-vmcpJRYe.js";
+import { g as Ze, f as St, a as mt, b as dt, n as la, i as Tt, c as ca, D as $t, d as ia } from "../index-ABusvYh9.js";
 import { J as oa } from "../jszip.min-CdmYyw5L.js";
 import { createPortal as ua } from "react-dom";
 function ma({
@@ -36,7 +36,7 @@ function ma({
   }, [t, l]), W = d((x) => {
     var F;
     x.stopPropagation();
-    const p = new Blob([t.code], { type: "text/plain" }), s = URL.createObjectURL(p), O = document.createElement("a"), X = dt(t.language), z = ((F = t.title) == null ? void 0 : F.replace(/[^a-z0-9]/gi, "_").toLowerCase()) || "code";
+    const p = new Blob([t.code], { type: "text/plain" }), s = URL.createObjectURL(p), O = document.createElement("a"), X = dt(t.editorLanguage || t.language), z = ((F = t.title) == null ? void 0 : F.replace(/[^a-z0-9]/gi, "_").toLowerCase()) || "code";
     O.href = s, O.download = `${z}.${X}`, document.body.appendChild(O), O.click(), document.body.removeChild(O), URL.revokeObjectURL(s), i && i(t);
   }, [t, i]), _ = [
     "artifactuse-card",
@@ -103,14 +103,14 @@ function pa({
   initialState: o = "active"
   // 'active' | 'submitted' | 'cancelled' | 'inactive'
 }) {
-  var ue, ge, me;
+  var me, _e, de;
   const a = V(null), [k, P] = y(o), $ = k !== "active", W = k === "active" ? "" : `artifactuse-form--${k}`, _ = w(() => {
     try {
       return JSON.parse(t.code);
     } catch {
       return { title: "Invalid Form", variant: "fields", data: { fields: [] } };
     }
-  }, [t.code]), x = t.id || _.id || `form-${Date.now()}`, p = ((ue = _.data) == null ? void 0 : ue.fields) || [], s = _.title || "Form", O = w(() => p.some((m) => m.type === "buttons"), [p]), X = w(() => _.variant === "buttons" ? p : [], [_.variant, p]), [z, F] = y(() => {
+  }, [t.code]), x = t.id || _.id || `form-${Date.now()}`, p = ((me = _.data) == null ? void 0 : me.fields) || [], s = _.title || "Form", O = w(() => p.some((m) => m.type === "buttons"), [p]), X = w(() => _.variant === "buttons" ? p : [], [_.variant, p]), [z, F] = y(() => {
     var S;
     const m = {};
     return p.forEach((b) => {
@@ -133,12 +133,12 @@ function pa({
   }, [h, E]);
   const Z = d((m) => {
     P(m);
-  }, []), ve = d((m, S) => {
+  }, []), he = d((m, S) => {
     F((b) => ({ ...b, [m]: S })), q((b) => {
       const N = { ...b };
       return delete N[m], N;
     });
-  }, []), se = d(() => {
+  }, []), le = d(() => {
     var b;
     const m = {};
     p.forEach((N) => {
@@ -171,14 +171,14 @@ function pa({
       const L = z[N];
       M.pattern && L && (new RegExp(M.pattern).test(L) || (m[N] = M.message || `${N} is invalid`));
     }), q(m), Object.keys(m).length === 0;
-  }, [p, z, (ge = _.data) == null ? void 0 : ge.validation]), he = d(() => {
+  }, [p, z, (_e = _.data) == null ? void 0 : _e.validation]), ge = d(() => {
     var S;
     const m = {};
     p.forEach((b) => {
       ["buttons", "divider", "heading"].includes(b.type) || (b.defaultValue !== void 0 ? m[b.name] = b.defaultValue : b.type === "checkbox" ? m[b.name] = !1 : m[b.name] = "");
     }), (S = _.data) != null && S.defaults && Object.assign(m, _.data.defaults), F(m), q({});
-  }, [p, (me = _.data) == null ? void 0 : me.defaults]), le = d((m) => {
-    m == null || m.preventDefault(), se() && (H(!0), r == null || r({
+  }, [p, (de = _.data) == null ? void 0 : de.defaults]), ce = d((m) => {
+    m == null || m.preventDefault(), le() && (H(!0), r == null || r({
       formId: x,
       action: "submit",
       values: { ...z },
@@ -186,11 +186,11 @@ function pa({
     }), setTimeout(() => {
       H(!1), Z("submitted");
     }, 300));
-  }, [x, z, r, se, Z]), oe = d((m) => {
+  }, [x, z, r, le, Z]), ue = d((m) => {
     const S = m.action || "custom";
     switch (S) {
       case "submit":
-        le();
+        ce();
         break;
       case "cancel":
         c == null || c({
@@ -203,7 +203,7 @@ function pa({
         }, 150);
         break;
       case "reset":
-        he(), l == null || l({
+        ge(), l == null || l({
           formId: x,
           action: "reset",
           buttonName: m.name || "reset",
@@ -224,7 +224,7 @@ function pa({
         }, 150);
         break;
     }
-  }, [x, z, le, c, l, i, he, Z]);
+  }, [x, z, ce, c, l, i, ge, Z]);
   return $ ? /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -247,7 +247,7 @@ function pa({
         key: m.name || m.label || S,
         type: "button",
         className: `artifactuse-form-btn artifactuse-form-btn-${m.variant || "secondary"}`,
-        onClick: () => oe(m),
+        onClick: () => ue(m),
         disabled: m.disabled || D
       },
       m.icon && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-form-btn-icon", dangerouslySetInnerHTML: { __html: m.icon } }),
@@ -261,7 +261,7 @@ function pa({
       "data-artifactuse-theme": h
     },
     (_.title || _.description) && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-header" }, _.title && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-title" }, _.title), _.description && /* @__PURE__ */ e.createElement("p", { className: "artifactuse-form-description" }, _.description)),
-    /* @__PURE__ */ e.createElement("form", { onSubmit: le, className: "artifactuse-form" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-fields" }, p.map((m, S) => /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("form", { onSubmit: ce, className: "artifactuse-form" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-fields" }, p.map((m, S) => /* @__PURE__ */ e.createElement(
       Ea,
       {
         key: m.name || S,
@@ -270,15 +270,15 @@ function pa({
         value: z[m.name],
         error: te[m.name],
         isSubmitting: D,
-        onChange: (b) => ve(m.name, b),
-        onButtonAction: oe
+        onChange: (b) => he(m.name, b),
+        onButtonAction: ue
       }
     ))), !O && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-buttons artifactuse-form-buttons-default" }, /* @__PURE__ */ e.createElement(
       "button",
       {
         type: "button",
         className: "artifactuse-form-btn artifactuse-form-btn-ghost",
-        onClick: () => oe({ action: "cancel", label: "Cancel" })
+        onClick: () => ue({ action: "cancel", label: "Cancel" })
       },
       "Cancel"
     ), /* @__PURE__ */ e.createElement(
@@ -624,21 +624,21 @@ function Ma({
   onMediaOpen: s,
   className: O = ""
 }) {
-  var be;
+  var Ne;
   const {
     processMessage: X,
     openArtifact: z,
     state: F,
     getTheme: te,
     instance: q
-  } = Me(), D = V(null), H = V(null), Z = V(null), ve = V(l), [se, he] = y(""), [le, oe] = y([]), [ue, ge] = y(!1), [me, m] = y(!1), [S, b] = y("image"), [N, M] = y(""), [L, de] = y(""), [we, Pe] = y(""), _e = w(() => typeof te == "function" ? te() : "dark", [te]), Ye = (F == null ? void 0 : F.activeArtifactId) || null, ee = c ?? ((be = q == null ? void 0 : q.config) == null ? void 0 : be.inlineCards) ?? !0, We = w(() => La(se), [se]), Se = w(() => ue || i ? "active" : "inactive", [ue, i]);
+  } = Me(), D = V(null), H = V(null), Z = V(null), he = V(l), [le, ge] = y(""), [ce, ue] = y([]), [me, _e] = y(!1), [de, m] = y(!1), [S, b] = y("image"), [N, M] = y(""), [L, fe] = y(""), [ke, Pe] = y(""), ye = w(() => typeof te == "function" ? te() : "dark", [te]), Ye = (F == null ? void 0 : F.activeArtifactId) || null, G = c ?? ((Ne = q == null ? void 0 : q.config) == null ? void 0 : Ne.inlineCards) ?? !0, We = w(() => La(le), [le]), Se = w(() => me || i ? "active" : "inactive", [me, i]);
   B(() => {
-    l && ge(!0);
+    l && _e(!0);
   }, [l]);
   const ae = d((v) => {
-    b(v.type || "image"), M(v.src || ""), de(v.alt || ""), Pe(v.caption || ""), m(!0), s && s(v);
-  }, [s]), ke = d(() => {
-    m(!1), M(""), de(""), Pe("");
+    b(v.type || "image"), M(v.src || ""), fe(v.alt || ""), Pe(v.caption || ""), m(!0), s && s(v);
+  }, [s]), xe = d(() => {
+    m(!1), M(""), fe(""), Pe("");
   }, []), $e = d(() => {
     if (!H.current) return;
     H.current.querySelectorAll('img[data-lightbox="true"]').forEach((f) => {
@@ -711,7 +711,7 @@ function Ma({
     }), H.current.querySelectorAll(".artifactuse-video-preview-wrapper, .video-preview-wrapper").forEach((C) => {
       C._clickHandler && (C.removeEventListener("click", C._clickHandler), delete C._clickHandler);
     });
-  }, []), ye = d(() => {
+  }, []), be = d(() => {
     Z.current && clearTimeout(Z.current), Z.current = setTimeout(async () => {
       if (q != null && q.initializeContent && H.current)
         try {
@@ -730,21 +730,21 @@ function Ma({
         tabs: E,
         viewMode: o
       });
-      he(v.html), oe(v.artifacts), v.artifacts.length > 0 && a && a(v.artifacts), l || ye();
+      ge(v.html), ue(v.artifacts), v.artifacts.length > 0 && a && a(v.artifacts), l || be();
     }
-  }, [t, r, X, l, ye, a]), B(() => {
-    ve.current === !0 && l === !1 && ye(), ve.current = l;
-  }, [l, ye]), B(() => (l && ge(!0), l || ye(), () => {
+  }, [t, r, X, l, be, a]), B(() => {
+    he.current === !0 && l === !1 && be(), he.current = l;
+  }, [l, be]), B(() => (l && _e(!0), l || be(), () => {
     Z.current && clearTimeout(Z.current), ze();
   }), []);
   const Ae = d((v) => {
     const ne = v.target.closest(".artifactuse-inline-preview");
     if (ne) {
       if (ne.dataset.nonClickable) return;
-      const ce = ne.dataset.artifactId;
-      if (ce) {
-        const pe = F.artifacts.find((C) => C.id === ce);
-        pe && (z(pe), k && k(pe));
+      const ie = ne.dataset.artifactId;
+      if (ie) {
+        const Ee = F.artifacts.find((C) => C.id === ie);
+        Ee && (z(Ee), k && k(Ee));
       }
     }
   }, [F, z, k]), Qe = d((v) => {
@@ -755,11 +755,11 @@ function Ma({
     $ && $(v);
   }, [$]), He = d((v) => {
     W && W(v);
-  }, [W]), xe = d((v) => {
+  }, [W]), Ce = d((v) => {
     _ && _(v);
   }, [_]), Ie = d((v) => {
     x && x(v);
-  }, [x]), fe = d((v) => {
+  }, [x]), pe = d((v) => {
     p && p(v);
   }, [p]), Ge = (v, ne) => {
     switch (v.type) {
@@ -777,10 +777,10 @@ function Ma({
           {
             key: `form-${v.artifact.id}`,
             artifact: v.artifact,
-            theme: _e,
+            theme: ye,
             initialState: Se,
             onSubmit: He,
-            onCancel: xe,
+            onCancel: Ce,
             onButtonClick: Ie
           }
         ) : null;
@@ -790,12 +790,12 @@ function Ma({
           {
             key: `social-${v.artifact.id}`,
             artifact: v.artifact,
-            theme: _e,
-            onCopy: fe
+            theme: ye,
+            onCopy: pe
           }
         );
       case "panel":
-        return ee ? /* @__PURE__ */ e.createElement(
+        return G ? /* @__PURE__ */ e.createElement(
           ma,
           {
             key: `panel-${v.artifact.id}`,
@@ -820,12 +820,12 @@ function Ma({
     /* @__PURE__ */ e.createElement(
       xa,
       {
-        isOpen: me,
+        isOpen: de,
         type: S,
         src: N,
         alt: L,
-        caption: we,
-        onClose: ke
+        caption: ke,
+        onClose: xe
       }
     )
   );
@@ -899,33 +899,33 @@ function Fa({
     getPanelUrl: x,
     openArtifact: p,
     instance: s
-  } = Me(), O = V(null), X = V(null), z = V(null), F = V(null), te = V(null), q = V(null), D = V(null), [H, Z] = y(!1), [ve, se] = y(!1), [he, le] = y(!0), [oe, ue] = y(!1), [ge, me] = y(!1), [m, S] = y(!1), [b, N] = y(!1), [M, L] = y("options"), [de, we] = y(""), [Pe, _e] = y(null), [Ye, ee] = y(""), [We, Se] = y(!1), [ae, ke] = y(!1), [$e, ze] = y([]), [ye, Ae] = y(!1), [Qe, Re] = y(""), [K, He] = y([]), [xe, Ie] = y(!1), [fe, Ge] = y(/* @__PURE__ */ new Set(["log", "warn", "error", "info"])), be = V(null), [v, ne] = y(
+  } = Me(), O = V(null), X = V(null), z = V(null), F = V(null), te = V(null), q = V(null), D = V(null), [H, Z] = y(!1), [he, le] = y(!1), [ge, ce] = y(!0), [ue, me] = y(!1), [_e, de] = y(!1), [m, S] = y(!1), [b, N] = y(!1), [M, L] = y("options"), [fe, ke] = y(""), [Pe, ye] = y(null), [Ye, G] = y(""), [We, Se] = y(!1), [ae, xe] = y(!1), [$e, ze] = y([]), [be, Ae] = y(!1), [Qe, Re] = y(""), [K, He] = y([]), [Ce, Ie] = y(!1), [pe, Ge] = y(/* @__PURE__ */ new Set(["log", "warn", "error", "info"])), Ne = V(null), [v, ne] = y(
     () => {
       var n;
       return Math.min(Math.max(i ?? ((n = s == null ? void 0 : s.config) == null ? void 0 : n.panelWidth) ?? 65, 25), 75);
     }
-  ), [ce, pe] = y(
+  ), [ie, Ee] = y(
     () => {
       var n;
       return Math.min(Math.max(u ?? ((n = s == null ? void 0 : s.config) == null ? void 0 : n.splitPosition) ?? 50, 20), 80);
     }
-  ), C = V(null), Ce = V(null);
+  ), C = V(null), Le = V(null);
   B(() => {
     i !== void 0 && ne(Math.min(Math.max(i, 25), 75));
   }, [i]), B(() => {
-    u !== void 0 && pe(Math.min(Math.max(u, 20), 80));
+    u !== void 0 && Ee(Math.min(Math.max(u, 20), 80));
   }, [u]);
-  const f = V(null), I = V(null), U = V(null), Q = w(() => a ? Ze(a.language) : "", [a]), Be = w(() => a ? mt(a.language) : "", [a]), Ee = w(() => {
+  const f = V(null), I = V(null), U = V(null), Q = w(() => a ? Ze(a.language) : "", [a]), Be = w(() => a ? mt(a.language) : "", [a]), ve = w(() => {
     if (!a) return null;
     let n = x(a);
     return n && a._refreshToken && (n += (n.includes("?") ? "&" : "?") + "_t=" + a._refreshToken), n;
-  }, [a, x]), Fe = w(() => a ? la(a.language) : "plaintext", [a]), j = w(() => o.artifacts.filter((n) => !n.isInline), [o.artifacts]), ie = w(() => a ? j.findIndex((n) => n.id === a.id) : -1, [a, j]), et = w(() => {
+  }, [a, x]), Fe = w(() => a ? la(a.language) : "plaintext", [a]), j = w(() => o.artifacts.filter((n) => !n.isInline), [o.artifacts]), oe = w(() => a ? j.findIndex((n) => n.id === a.id) : -1, [a, j]), et = w(() => {
     var n;
     return ((n = s == null ? void 0 : s.config) == null ? void 0 : n.branding) !== !1;
   }, [s]), Ht = w(() => {
     var n;
-    return Ee ? (a == null ? void 0 : a.externalPreview) !== void 0 ? a.externalPreview : h !== void 0 ? h : ((n = s == null ? void 0 : s.config) == null ? void 0 : n.externalPreview) ?? !1 : !1;
-  }, [a, h, s, Ee]), tt = w(
+    return ve ? (a == null ? void 0 : a.externalPreview) !== void 0 ? a.externalPreview : h !== void 0 ? h : ((n = s == null ? void 0 : s.config) == null ? void 0 : n.externalPreview) ?? !1 : !1;
+  }, [a, h, s, ve]), tt = w(
     () => K.filter((n) => n.type === "error").length,
     [K]
   ), pt = w(
@@ -938,8 +938,8 @@ function Fa({
     () => K.filter((n) => n.type === "log").length,
     [K]
   ), It = w(
-    () => K.filter((n) => fe.has(n.type)),
-    [K, fe]
+    () => K.filter((n) => pe.has(n.type)),
+    [K, pe]
   ), Bt = (E ?? ((Ct = s == null ? void 0 : s.config) == null ? void 0 : Ct.consolePanel)) !== !1 && K.length > 0;
   function qe(n) {
     Ge((g) => {
@@ -955,8 +955,8 @@ function Fa({
   }) : void 0, [s]), B(() => {
     He([]), Ie(!1);
   }, [a == null ? void 0 : a.id]), B(() => {
-    be.current && xe && (be.current.scrollTop = be.current.scrollHeight);
-  }, [K, xe]);
+    Ne.current && Ce && (Ne.current.scrollTop = Ne.current.scrollHeight);
+  }, [K, Ce]);
   const Ft = w(() => {
     var n;
     return ((n = s == null ? void 0 : s.share) == null ? void 0 : n.enabled) !== !1;
@@ -969,7 +969,7 @@ function Fa({
   }, [s]);
   w(() => Ue ? o.openTabs.map((n) => o.artifacts.find((g) => g.id === n)).filter(Boolean) : [], [Ue, o.openTabs, o.artifacts]);
   const gt = d((n) => `<svg viewBox="0 0 24 24" fill="currentColor">${mt(n)}</svg>`, []), Vt = d(() => {
-    me(!1), s.state.clearActiveArtifact();
+    de(!1), s.state.clearActiveArtifact();
   }, [s]), je = d((n) => {
     if (n.language !== "smartdiff") return null;
     try {
@@ -977,9 +977,9 @@ function Fa({
       if (g.oldCode === void 0 || g.newCode === void 0) return null;
       const T = g.language || "plaintext", A = Tt() && window.Prism.languages[T], Y = ca(g.oldCode, g.newCode).split(`
 `);
-      return { html: Y.map((re) => {
-        const G = re[0], Le = re.slice(1), Ne = A ? window.Prism.highlight(Le, A, T) : Le;
-        return G === "-" ? `<span class="token deleted">${Ne}</span>` : G === "+" ? `<span class="token inserted">${Ne}</span>` : Ne;
+      return { html: Y.map((se) => {
+        const re = se[0], ee = se.slice(1), we = A ? window.Prism.highlight(ee, A, T) : ee;
+        return re === "-" ? `<span class="token deleted">${we}</span>` : re === "+" ? `<span class="token inserted">${we}</span>` : we;
       }).join(`
 `), lineCount: Y.length };
     } catch {
@@ -1033,14 +1033,14 @@ function Fa({
       code: n
     });
   }, [a, s]), Rt = d(() => {
-    Ee && window.open(Ee, "_blank", "noopener,noreferrer");
-  }, [Ee]), qt = d(() => {
-    clearTimeout(I.current), le(!1), O.current && a && (s.bridge.setIframe(O.current), s.bridge.loadArtifact(a));
+    ve && window.open(ve, "_blank", "noopener,noreferrer");
+  }, [ve]), qt = d(() => {
+    clearTimeout(I.current), ce(!1), O.current && a && (s.bridge.setIframe(O.current), s.bridge.loadArtifact(a));
   }, [a, s]), Dt = d(() => {
-    clearTimeout(I.current), le(!1);
+    clearTimeout(I.current), ce(!1);
   }, []), Ut = d(() => {
     clearTimeout(I.current), I.current = setTimeout(() => {
-      le(!1);
+      ce(!1);
     }, 1e3);
   }, []), jt = d(async () => {
     if (a)
@@ -1051,22 +1051,22 @@ function Fa({
       }
   }, [a]), Ot = d(() => {
     if (!a) return;
-    const { code: n, language: g, title: T } = a, A = dt(g), Y = `${T.toLowerCase().replace(/\s+/g, "-")}.${A}`, Ve = new Blob([n], { type: "text/plain" }), re = URL.createObjectURL(Ve), G = document.createElement("a");
-    G.href = re, G.download = Y, document.body.appendChild(G), G.click(), document.body.removeChild(G), URL.revokeObjectURL(re);
+    const { code: n, language: g, editorLanguage: T, title: A } = a, Y = dt(T || g), Ve = `${A.toLowerCase().replace(/\s+/g, "-")}.${Y}`, se = new Blob([n], { type: "text/plain" }), re = URL.createObjectURL(se), ee = document.createElement("a");
+    ee.href = re, ee.download = Ve, document.body.appendChild(ee), ee.click(), document.body.removeChild(ee), URL.revokeObjectURL(re);
   }, [a]), Jt = d(async () => {
     if (!(m || j.length === 0)) {
       S(!0);
       try {
         const n = new oa(), g = /* @__PURE__ */ new Map();
-        for (const G of j) {
-          if (!G.code) continue;
-          const Le = dt(G.language);
-          let Ne = (G.title || "untitled").toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, ""), ot = `${Ne}.${Le}`;
+        for (const re of j) {
+          if (!re.code) continue;
+          const ee = dt(re.editorLanguage || re.language);
+          let we = (re.title || "untitled").toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, ""), ot = `${we}.${ee}`;
           const ut = g.get(ot) || 0;
-          ut > 0 && (ot = `${Ne}-${ut}.${Le}`), g.set(`${Ne}.${Le}`, ut + 1), n.file(ot, G.code);
+          ut > 0 && (ot = `${we}-${ut}.${ee}`), g.set(`${we}.${ee}`, ut + 1), n.file(ot, re.code);
         }
-        const T = await n.generateAsync({ type: "blob" }), Y = `artifacts-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.zip`, Ve = URL.createObjectURL(T), re = document.createElement("a");
-        re.href = Ve, re.download = Y, document.body.appendChild(re), re.click(), document.body.removeChild(re), URL.revokeObjectURL(Ve);
+        const T = await n.generateAsync({ type: "blob" }), Y = `artifacts-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.zip`, Ve = URL.createObjectURL(T), se = document.createElement("a");
+        se.href = Ve, se.download = Y, document.body.appendChild(se), se.click(), document.body.removeChild(se), URL.revokeObjectURL(Ve);
       } catch (n) {
         console.error("Failed to create ZIP:", n);
       } finally {
@@ -1078,17 +1078,17 @@ function Fa({
       N(!1);
       return;
     }
-    a && (L("options"), we(""), _e(null), ee(""), Se(!1), ke(!1), ze([]), Ae(!1), Re(""), N(!0));
+    a && (L("options"), ke(""), ye(null), G(""), Se(!1), xe(!1), ze([]), Ae(!1), Re(""), N(!0));
   }, [a, s, b]), Zt = d(() => {
     N(!1);
   }, []), nt = d(async () => {
     if (!(!a || !(s != null && s.share))) {
-      L("loading"), ee("");
+      L("loading"), G("");
       try {
         const n = await s.share.share(a);
-        we(n.url), _e(n.expiresAt), ke(!1), L("success");
+        ke(n.url), ye(n.expiresAt), xe(!1), L("success");
       } catch (n) {
-        ee(n.message || "Failed to create share link"), L("error");
+        G(n.message || "Failed to create share link"), L("error");
       }
     }
   }, [a, s]), kt = d(async () => {
@@ -1099,17 +1099,17 @@ function Fa({
       try {
         await s.share.openAuthPopup(), Oe();
       } catch (n) {
-        n.message === "Authentication cancelled" ? L("options") : (ee(n.message || "Authentication failed"), L("error"));
+        n.message === "Authentication cancelled" ? L("options") : (G(n.message || "Authentication failed"), L("error"));
       }
     }
   }, [De, s]), Oe = d(async () => {
     if (!(!a || !(s != null && s.share))) {
-      L("loading"), ee("");
+      L("loading"), G("");
       try {
         const n = await s.share.save(a);
-        we(n.url), _e(null), ke(!0), L("success");
+        ke(n.url), ye(null), xe(!0), L("success");
       } catch (n) {
-        ee(n.message || "Failed to save artifact"), L("error");
+        G(n.message || "Failed to save artifact"), L("error");
       }
     }
   }, [a, s]), Kt = d(() => {
@@ -1121,7 +1121,7 @@ function Fa({
         try {
           await s.share.openAuthPopup();
         } catch (n) {
-          n.message === "Authentication cancelled" ? L("options") : (ee(n.message || "Authentication failed"), L("error"));
+          n.message === "Authentication cancelled" ? L("options") : (G(n.message || "Authentication failed"), L("error"));
           return;
         }
       }
@@ -1130,7 +1130,7 @@ function Fa({
         const n = (a == null ? void 0 : a.language) || null, g = await s.share.listArtifacts(n);
         ze(g.projects || []);
       } catch (n) {
-        ee(n.message || "Failed to load artifacts"), L("error");
+        G(n.message || "Failed to load artifacts"), L("error");
       } finally {
         Ae(!1);
       }
@@ -1140,33 +1140,33 @@ function Fa({
     if (!a || !(s != null && s.share)) return;
     const g = (T = n.project) == null ? void 0 : T.uuid;
     if (g) {
-      L("loading"), ee("");
+      L("loading"), G("");
       try {
         const Y = await s.share.updateArtifact(g, a);
-        we(Y.url || ""), _e(null), ke(!0), Re(((A = n.project) == null ? void 0 : A.name) || "Untitled"), L("success");
+        ke(Y.url || ""), ye(null), xe(!0), Re(((A = n.project) == null ? void 0 : A.name) || "Untitled"), L("success");
       } catch (Y) {
-        ee(Y.message || "Failed to update artifact"), L("error");
+        G(Y.message || "Failed to update artifact"), L("error");
       }
     }
   }, [a, s]), Gt = d(async () => {
-    if (de)
+    if (fe)
       try {
-        await navigator.clipboard.writeText(de), Se(!0), setTimeout(() => Se(!1), 2e3);
+        await navigator.clipboard.writeText(fe), Se(!0), setTimeout(() => Se(!1), 2e3);
       } catch (n) {
         console.error("Failed to copy link:", n);
       }
-  }, [de]);
+  }, [fe]);
   d((n) => {
     p(n);
   }, [p]), d((n) => {
-    s.closeTab(n), o.openTabs.length === 0 && me(!1);
+    s.closeTab(n), o.openTabs.length === 0 && de(!1);
   }, [s, o.openTabs]);
   const ea = d(() => {
-    ie > 0 && p(j[ie - 1]);
-  }, [ie, p, j]), ta = d(() => {
-    ie < j.length - 1 && p(j[ie + 1]);
-  }, [ie, p, j]), xt = d((n) => {
-    me(!0), p(n), se(!1);
+    oe > 0 && p(j[oe - 1]);
+  }, [oe, p, j]), ta = d(() => {
+    oe < j.length - 1 && p(j[oe + 1]);
+  }, [oe, p, j]), xt = d((n) => {
+    de(!0), p(n), le(!1);
   }, [p]), st = d((n) => {
     C.current = {
       startX: n.clientX,
@@ -1185,25 +1185,25 @@ function Fa({
   }, [lt]), aa = d((n) => {
     if (!z.current) return;
     const g = z.current.getBoundingClientRect();
-    Ce.current = {
+    Le.current = {
       startX: n.clientX,
-      startPosition: ce,
+      startPosition: ie,
       contentLeft: g.left,
       contentWidth: g.width
     }, document.addEventListener("mousemove", ct), document.addEventListener("mouseup", Xe), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((T) => {
       T.style.pointerEvents = "none";
     });
-  }, [ce]), ct = d((n) => {
-    if (!Ce.current) return;
-    const T = (n.clientX - Ce.current.contentLeft) / Ce.current.contentWidth * 100;
-    pe(Math.min(Math.max(T, 20), 80));
+  }, [ie]), ct = d((n) => {
+    if (!Le.current) return;
+    const T = (n.clientX - Le.current.contentLeft) / Le.current.contentWidth * 100;
+    Ee(Math.min(Math.max(T, 20), 80));
   }, []), Xe = d(() => {
-    Ce.current = null, document.removeEventListener("mousemove", ct), document.removeEventListener("mouseup", Xe), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((n) => {
+    Le.current = null, document.removeEventListener("mousemove", ct), document.removeEventListener("mouseup", Xe), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((n) => {
       n.style.pointerEvents = "";
     });
   }, [ct]);
   if (B(() => {
-    a && (U.current && U.current.isPreviewable !== a.isPreviewable && (ue(!0), setTimeout(() => ue(!1), 150)), U.current = a, bt(), le(!0), Ut(), at());
+    a && (U.current && U.current.isPreviewable !== a.isPreviewable && (me(!0), setTimeout(() => me(!1), 150)), U.current = a, bt(), ce(!0), Ut(), at());
   }, [a == null ? void 0 : a.id, bt]), B(() => {
     (o.viewMode === "code" || o.viewMode === "split") && at(), o.viewMode === "edit" && Nt();
   }, [o.viewMode, at, Nt]), B(() => (t && s.on("ai:request", t), r && s.on("save:request", r), c && s.on("export:complete", c), () => {
@@ -1220,7 +1220,7 @@ function Fa({
   ].filter(Boolean).join(" "), ra = [
     "artifactuse-panel__content",
     `artifactuse-panel__content--${o.viewMode}`,
-    oe && "artifactuse-panel__content--transitioning"
+    ue && "artifactuse-panel__content--transitioning"
   ].filter(Boolean).join(" ");
   return !P || o.forceEmptyView ? /* @__PURE__ */ e.createElement("div", { className: it, style: o.isFullscreen ? void 0 : { width: `${ht}%` } }, !o.isFullscreen && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__resize-handle", onMouseDown: st }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__resize-handle-line" })), /* @__PURE__ */ e.createElement("header", { className: "artifactuse-panel__header artifactuse-panel__header--simple" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__title" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__icon" }, o.forceEmptyView ? /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("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" }), /* @__PURE__ */ e.createElement("polyline", { points: "14 2 14 8 20 8" })) : /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("polyline", { points: "16 18 22 12 16 6" }), /* @__PURE__ */ e.createElement("polyline", { points: "8 6 2 12 8 18" }))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__title-content" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__name" }, o.forceEmptyView ? "Artifact Viewer" : "Artifacts"))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__actions" }, /* @__PURE__ */ e.createElement(
     "button",
@@ -1254,7 +1254,7 @@ function Fa({
       },
       /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__resize-handle-line" })
     ),
-    /* @__PURE__ */ e.createElement("header", { className: "artifactuse-panel__header" }, (Ue || ge) && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("header", { className: "artifactuse-panel__header" }, (Ue || _e) && /* @__PURE__ */ e.createElement(
       "button",
       {
         className: "artifactuse-panel__back",
@@ -1335,19 +1335,19 @@ function Fa({
       },
       /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), /* @__PURE__ */ e.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" }))
     ))),
-    /* @__PURE__ */ e.createElement("div", { className: ra, ref: z }, oe && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__loading" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__spinner" })), (o.viewMode === "preview" || o.viewMode === "split") && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: ra, ref: z }, ue && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__loading" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__spinner" })), (o.viewMode === "preview" || o.viewMode === "split") && /* @__PURE__ */ e.createElement(
       "div",
       {
         className: "artifactuse-panel__preview",
-        style: o.viewMode === "split" ? { width: `${ce}%` } : void 0
+        style: o.viewMode === "split" ? { width: `${ie}%` } : void 0
       },
-      he && Ee && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__loading" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__spinner" })),
-      Ee ? /* @__PURE__ */ e.createElement(
+      ge && ve && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__loading" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__spinner" })),
+      ve ? /* @__PURE__ */ e.createElement(
         "iframe",
         {
           ref: O,
-          src: Ee,
-          className: `artifactuse-panel__iframe ${he ? "artifactuse-panel__iframe--loading" : ""}`,
+          src: ve,
+          className: `artifactuse-panel__iframe ${ge ? "artifactuse-panel__iframe--loading" : ""}`,
           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",
           onLoad: qt,
@@ -1359,7 +1359,7 @@ function Fa({
       {
         className: "artifactuse-panel__code",
         style: {
-          ...o.viewMode === "split" ? { width: `${100 - ce}%` } : {},
+          ...o.viewMode === "split" ? { width: `${100 - ie}%` } : {},
           display: o.viewMode === "code" || o.viewMode === "split" ? void 0 : "none"
         }
       },
@@ -1386,7 +1386,7 @@ function Fa({
       },
       /* @__PURE__ */ e.createElement("div", { ref: q, className: "artifactuse-panel__editor-container" })
     )),
-    Bt && /* @__PURE__ */ e.createElement("div", { className: `artifactuse-panel__console ${xe ? "artifactuse-panel__console--expanded" : ""}` }, /* @__PURE__ */ e.createElement(
+    Bt && /* @__PURE__ */ e.createElement("div", { className: `artifactuse-panel__console ${Ce ? "artifactuse-panel__console--expanded" : ""}` }, /* @__PURE__ */ e.createElement(
       "div",
       {
         className: "artifactuse-panel__console-header",
@@ -1394,7 +1394,7 @@ function Fa({
       },
       /* @__PURE__ */ e.createElement("svg", { className: "artifactuse-panel__console-chevron", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("polyline", { points: "18 15 12 9 6 15" })),
       /* @__PURE__ */ e.createElement("span", null, "Console"),
-      /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__console-filters", onClick: (n) => n.stopPropagation() }, tt > 0 && /* @__PURE__ */ e.createElement("button", { className: `artifactuse-panel__console-filter artifactuse-panel__console-filter--error${fe.has("error") ? "" : " artifactuse-panel__console-filter--inactive"}`, onClick: () => qe("error") }, tt, " error", tt !== 1 ? "s" : ""), pt > 0 && /* @__PURE__ */ e.createElement("button", { className: `artifactuse-panel__console-filter artifactuse-panel__console-filter--warn${fe.has("warn") ? "" : " artifactuse-panel__console-filter--inactive"}`, onClick: () => qe("warn") }, pt, " warn"), Et > 0 && /* @__PURE__ */ e.createElement("button", { className: `artifactuse-panel__console-filter artifactuse-panel__console-filter--info${fe.has("info") ? "" : " artifactuse-panel__console-filter--inactive"}`, onClick: () => qe("info") }, Et, " info"), vt > 0 && /* @__PURE__ */ e.createElement("button", { className: `artifactuse-panel__console-filter artifactuse-panel__console-filter--log${fe.has("log") ? "" : " artifactuse-panel__console-filter--inactive"}`, onClick: () => qe("log") }, vt, " log")),
+      /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__console-filters", onClick: (n) => n.stopPropagation() }, tt > 0 && /* @__PURE__ */ e.createElement("button", { className: `artifactuse-panel__console-filter artifactuse-panel__console-filter--error${pe.has("error") ? "" : " artifactuse-panel__console-filter--inactive"}`, onClick: () => qe("error") }, tt, " error", tt !== 1 ? "s" : ""), pt > 0 && /* @__PURE__ */ e.createElement("button", { className: `artifactuse-panel__console-filter artifactuse-panel__console-filter--warn${pe.has("warn") ? "" : " artifactuse-panel__console-filter--inactive"}`, onClick: () => qe("warn") }, pt, " warn"), Et > 0 && /* @__PURE__ */ e.createElement("button", { className: `artifactuse-panel__console-filter artifactuse-panel__console-filter--info${pe.has("info") ? "" : " artifactuse-panel__console-filter--inactive"}`, onClick: () => qe("info") }, Et, " info"), vt > 0 && /* @__PURE__ */ e.createElement("button", { className: `artifactuse-panel__console-filter artifactuse-panel__console-filter--log${pe.has("log") ? "" : " artifactuse-panel__console-filter--inactive"}`, onClick: () => qe("log") }, vt, " log")),
       /* @__PURE__ */ e.createElement(
         "button",
         {
@@ -1405,7 +1405,7 @@ function Fa({
         },
         "Clear"
       )
-    ), xe && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__console-entries", ref: be }, It.map((n, g) => /* @__PURE__ */ e.createElement("div", { key: g, className: `artifactuse-panel__console-entry artifactuse-panel__console-entry--${n.type}` }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__console-type" }, "[", n.type, "]"), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__console-content" }, n.content), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__console-timestamp" }, new Date(n.timestamp).toLocaleTimeString()))))),
+    ), Ce && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__console-entries", ref: Ne }, It.map((n, g) => /* @__PURE__ */ e.createElement("div", { key: g, className: `artifactuse-panel__console-entry artifactuse-panel__console-entry--${n.type}` }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__console-type" }, "[", n.type, "]"), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__console-content" }, n.content), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__console-timestamp" }, new Date(n.timestamp).toLocaleTimeString()))))),
     /* @__PURE__ */ e.createElement("footer", { className: "artifactuse-panel__footer" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__footer-left" }, et && /* @__PURE__ */ e.createElement(
       "a",
       {
@@ -1441,7 +1441,7 @@ function Fa({
         onClick: Xt
       },
       /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("circle", { cx: "18", cy: "5", r: "3" }), /* @__PURE__ */ e.createElement("circle", { cx: "6", cy: "12", r: "3" }), /* @__PURE__ */ e.createElement("circle", { cx: "18", cy: "19", r: "3" }), /* @__PURE__ */ e.createElement("line", { x1: "8.59", y1: "13.51", x2: "15.42", y2: "17.49" }), /* @__PURE__ */ e.createElement("line", { x1: "15.41", y1: "6.51", x2: "8.59", y2: "10.49" }))
-    ), b && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__header" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-share-popup__title" }, M === "success" ? Qe ? "Artifact updated!" : "Link created!" : M === "update-list" ? "Update saved artifact" : "Share Artifact"), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__close", onClick: Zt }, /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), /* @__PURE__ */ e.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" })))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__body" }, M === "loading" && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__loading" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__spinner" }), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-share-popup__loading-text" }, "Creating link...")), M === "error" && /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__error" }, /* @__PURE__ */ e.createElement("p", { className: "artifactuse-share-popup__error-text" }, Ye)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__actions" }, /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__btn artifactuse-share-popup__btn--secondary", onClick: () => L("options") }, "Back"), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__btn artifactuse-share-popup__btn--primary", onClick: Kt }, "Retry"))), M === "options" && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__options" }, /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__option", onClick: nt }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__option-icon" }, /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }), /* @__PURE__ */ e.createElement("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" }))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__option-content" }, /* @__PURE__ */ e.createElement("p", { className: "artifactuse-share-popup__option-title" }, "Share link"), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-share-popup__option-desc" }, "Expires in 30 days"))), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__option", onClick: kt }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__option-icon" }, /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("path", { d: "M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" }), /* @__PURE__ */ e.createElement("polyline", { points: "17 21 17 13 7 13 7 21" }), /* @__PURE__ */ e.createElement("polyline", { points: "7 3 7 8 15 8" }))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__option-content" }, /* @__PURE__ */ e.createElement("p", { className: "artifactuse-share-popup__option-title" }, "Save to account"), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-share-popup__option-desc" }, "Permanent, manageable"))), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__option", onClick: Yt }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__option-icon" }, /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("polyline", { points: "23 4 23 10 17 10" }), /* @__PURE__ */ e.createElement("polyline", { points: "1 20 1 14 7 14" }), /* @__PURE__ */ e.createElement("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" }))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__option-content" }, /* @__PURE__ */ e.createElement("p", { className: "artifactuse-share-popup__option-title" }, "Update saved"), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-share-popup__option-desc" }, "Replace an existing artifact")))), M === "update-list" && /* @__PURE__ */ e.createElement("div", null, ye ? /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__loading" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__spinner" }), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-share-popup__loading-text" }, "Loading artifacts...")) : $e.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__empty" }, "No saved artifacts of this type") : /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__artifact-list" }, $e.map((n) => {
+    ), b && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__header" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-share-popup__title" }, M === "success" ? Qe ? "Artifact updated!" : "Link created!" : M === "update-list" ? "Update saved artifact" : "Share Artifact"), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__close", onClick: Zt }, /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), /* @__PURE__ */ e.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" })))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__body" }, M === "loading" && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__loading" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__spinner" }), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-share-popup__loading-text" }, "Creating link...")), M === "error" && /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__error" }, /* @__PURE__ */ e.createElement("p", { className: "artifactuse-share-popup__error-text" }, Ye)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__actions" }, /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__btn artifactuse-share-popup__btn--secondary", onClick: () => L("options") }, "Back"), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__btn artifactuse-share-popup__btn--primary", onClick: Kt }, "Retry"))), M === "options" && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__options" }, /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__option", onClick: nt }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__option-icon" }, /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }), /* @__PURE__ */ e.createElement("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" }))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__option-content" }, /* @__PURE__ */ e.createElement("p", { className: "artifactuse-share-popup__option-title" }, "Share link"), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-share-popup__option-desc" }, "Expires in 30 days"))), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__option", onClick: kt }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__option-icon" }, /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("path", { d: "M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" }), /* @__PURE__ */ e.createElement("polyline", { points: "17 21 17 13 7 13 7 21" }), /* @__PURE__ */ e.createElement("polyline", { points: "7 3 7 8 15 8" }))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__option-content" }, /* @__PURE__ */ e.createElement("p", { className: "artifactuse-share-popup__option-title" }, "Save to account"), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-share-popup__option-desc" }, "Permanent, manageable"))), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__option", onClick: Yt }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__option-icon" }, /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("polyline", { points: "23 4 23 10 17 10" }), /* @__PURE__ */ e.createElement("polyline", { points: "1 20 1 14 7 14" }), /* @__PURE__ */ e.createElement("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" }))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__option-content" }, /* @__PURE__ */ e.createElement("p", { className: "artifactuse-share-popup__option-title" }, "Update saved"), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-share-popup__option-desc" }, "Replace an existing artifact")))), M === "update-list" && /* @__PURE__ */ e.createElement("div", null, be ? /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__loading" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__spinner" }), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-share-popup__loading-text" }, "Loading artifacts...")) : $e.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__empty" }, "No saved artifacts of this type") : /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__artifact-list" }, $e.map((n) => {
       var g, T, A;
       return /* @__PURE__ */ e.createElement(
         "button",
@@ -1458,7 +1458,7 @@ function Fa({
       {
         type: "text",
         className: "artifactuse-share-popup__link",
-        value: de,
+        value: fe,
         readOnly: !0,
         onClick: (n) => n.target.select()
       }
@@ -1473,7 +1473,7 @@ function Fa({
       "button",
       {
         className: "artifactuse-panel__nav-btn",
-        disabled: ie <= 0,
+        disabled: oe <= 0,
         title: "Previous artifact",
         onClick: ea
       },
@@ -1482,24 +1482,24 @@ function Fa({
       "button",
       {
         className: "artifactuse-panel__nav-trigger",
-        onClick: () => se(!ve)
+        onClick: () => le(!he)
       },
-      /* @__PURE__ */ e.createElement("span", null, ie + 1, " / ", j.length),
+      /* @__PURE__ */ e.createElement("span", null, oe + 1, " / ", j.length),
       /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("polyline", { points: "6 9 12 15 18 9" }))
     ), /* @__PURE__ */ e.createElement(
       "button",
       {
         className: "artifactuse-panel__nav-btn",
-        disabled: ie >= j.length - 1,
+        disabled: oe >= j.length - 1,
         title: "Next artifact",
         onClick: ta
       },
       /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("polyline", { points: "9 18 15 12 9 6" }))
-    ), ve && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__artifact-list" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__artifact-list-header" }, /* @__PURE__ */ e.createElement("span", null, "All Artifacts (", j.length, ")"), /* @__PURE__ */ e.createElement(
+    ), he && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__artifact-list" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__artifact-list-header" }, /* @__PURE__ */ e.createElement("span", null, "All Artifacts (", j.length, ")"), /* @__PURE__ */ e.createElement(
       "button",
       {
         className: "artifactuse-panel__artifact-list-close",
-        onClick: () => se(!1)
+        onClick: () => le(!1)
       },
       /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), /* @__PURE__ */ e.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" }))
     )), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__artifact-list-items" }, j.map((n, g) => /* @__PURE__ */ e.createElement(