artifactuse 0.1.23 → 0.1.25

package/dist/react/index.js

@@ -1,11 +1,11 @@
 import e, { useState as b, useMemo as T, useCallback as d, useRef as W, useEffect as q, createContext as Ht, useContext as It } from "react";
-import { g as Te, f as ut, a as Ke, b as Ye, n as Bt, i as Ft, D as dt, c as Wt } from "../index-BR2-i8NP.js";
+import { g as Te, f as ut, a as Ke, b as Ye, n as Bt, i as Ft, D as dt, c as Wt } from "../index-Bzk5VnG1.js";
 import { J as Vt } from "../jszip.min-CdmYyw5L.js";
 import { createPortal as zt } from "react-dom";
 function Rt({
   artifact: t,
   isActive: r = !1,
-  onOpen: l,
+  onOpen: c,
   onCopy: n,
   onDownload: s,
   className: a = ""
@@ -14,8 +14,8 @@ function Rt({
     var x;
     return ut(t.size || ((x = t.code) == null ? void 0 : x.length) || 0);
   }, [t.size, t.code]), w = T(() => Ke(t.language), [t.language]), S = d((x) => {
-    x.stopPropagation(), l && l(t);
-  }, [t, l]), P = d(async (x) => {
+    x.stopPropagation(), c && c(t);
+  }, [t, c]), P = d(async (x) => {
     x.stopPropagation();
     try {
       await navigator.clipboard.writeText(t.code), p(!0), n && n(t), setTimeout(() => {
@@ -80,8 +80,8 @@ function qt(t) {
       if (!isNaN(a) && !isNaN(E) && !isNaN(p)) return `${a}, ${E}, ${p}`;
     }
   }
-  const l = r.match(/^rgba?\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i);
-  if (l) return `${l[1]}, ${l[2]}, ${l[3]}`;
+  const c = r.match(/^rgba?\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i);
+  if (c) return `${c[1]}, ${c[2]}, ${c[3]}`;
   const n = r.split(/[\s,]+/).map(Number).filter((s) => !isNaN(s));
   return n.length >= 3 ? `${n[0]}, ${n[1]}, ${n[2]}` : null;
 }
@@ -94,7 +94,7 @@ function Dt(t) {
 function Ut({
   artifact: t,
   onSubmit: r,
-  onCancel: l,
+  onCancel: c,
   onReset: n,
   onButtonClick: s,
   className: a = "",
@@ -193,7 +193,7 @@ function Ut({
         se();
         break;
       case "cancel":
-        l == null || l({
+        c == null || c({
           formId: x,
           action: "cancel",
           buttonName: o.name || "cancel",
@@ -224,7 +224,7 @@ function Ut({
         }, 150);
         break;
     }
-  }, [x, $, se, l, n, s, ue, K]);
+  }, [x, $, se, c, n, s, ue, K]);
   return P ? /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -293,7 +293,7 @@ function Ut({
     )))
   );
 }
-function jt({ field: t, formId: r, value: l, error: n, isSubmitting: s, onChange: a, onButtonAction: E }) {
+function jt({ field: t, formId: r, value: c, error: n, isSubmitting: s, onChange: a, onButtonAction: E }) {
   const p = `${r}-${t.name}`;
   if (t.type === "buttons")
     return /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-buttons" }, (t.fields || []).map((i, w) => /* @__PURE__ */ e.createElement(
@@ -319,7 +319,7 @@ function jt({ field: t, formId: r, value: l, error: n, isSubmitting: s, onChange
         type: "checkbox",
         id: p,
         name: t.name,
-        checked: l || !1,
+        checked: c || !1,
         disabled: t.disabled,
         className: "artifactuse-checkbox",
         onChange: (i) => a(i.target.checked)
@@ -332,7 +332,7 @@ function jt({ field: t, formId: r, value: l, error: n, isSubmitting: s, onChange
         type: "radio",
         name: t.name,
         value: i.value,
-        checked: l === i.value,
+        checked: c === i.value,
         disabled: i.disabled || t.disabled,
         className: "artifactuse-radio",
         onChange: () => a(i.value)
@@ -344,7 +344,7 @@ function jt({ field: t, formId: r, value: l, error: n, isSubmitting: s, onChange
       type: t.type,
       id: p,
       name: t.name,
-      value: l || "",
+      value: c || "",
       placeholder: t.placeholder,
       disabled: t.disabled,
       required: t.required,
@@ -356,7 +356,7 @@ function jt({ field: t, formId: r, value: l, error: n, isSubmitting: s, onChange
     {
       id: p,
       name: t.name,
-      value: l || "",
+      value: c || "",
       placeholder: t.placeholder,
       disabled: t.disabled,
       required: t.required,
@@ -369,7 +369,7 @@ function jt({ field: t, formId: r, value: l, error: n, isSubmitting: s, onChange
     {
       id: p,
       name: t.name,
-      value: l || "",
+      value: c || "",
       disabled: t.disabled,
       required: t.required,
       className: "artifactuse-select",
@@ -383,7 +383,7 @@ function jt({ field: t, formId: r, value: l, error: n, isSubmitting: s, onChange
       type: "text",
       id: p,
       name: t.name,
-      value: l || "",
+      value: c || "",
       disabled: t.disabled,
       className: "artifactuse-input",
       onChange: (i) => a(i.target.value)
@@ -417,36 +417,36 @@ const D = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0
   if (!t) return "";
   let r = t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
   return r = r.replace(/\n/g, "<br>"), r = r.replace(/#(\w+)/g, '<span class="artifactuse-social-hashtag">#$1</span>'), r = r.replace(/@(\w+)/g, '<span class="artifactuse-social-mention">@$1</span>'), r;
-}, mt = ({ author: t, content: r, engagement: l, meta: n }) => {
+}, mt = ({ author: t, content: r, engagement: c, meta: n }) => {
   var E, p, N;
-  const s = r.media || [], a = l.likes || l.retweets || l.replies || l.views;
+  const s = r.media || [], a = c.likes || c.retweets || c.replies || c.views;
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || D, alt: t.name, className: "artifactuse-social-avatar", onError: (i) => i.target.src = D }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author-name" }, /* @__PURE__ */ e.createElement("span", null, t.name), t.verified && /* @__PURE__ */ e.createElement(Se, { type: t.verifiedType || "blue" })), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author-meta" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-author-handle" }, t.handle), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-timestamp" }, "· ", n.timestamp || "Just now")))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-content" }, /* @__PURE__ */ e.createElement("p", { className: "artifactuse-social-text", dangerouslySetInnerHTML: { __html: ge(r.text) } }), s.length > 0 && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-media" }, /* @__PURE__ */ e.createElement("div", { className: `artifactuse-social-media-grid ${s.length === 1 ? "artifactuse-social-media-single" : ""}`, "data-count": s.length }, s.slice(0, 4).map((i, w) => /* @__PURE__ */ e.createElement("img", { key: w, src: i.url, alt: i.alt || "", onError: (S) => S.target.style.display = "none" })))), r.link && !s.length && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-card" }, r.link.image && /* @__PURE__ */ e.createElement("img", { src: r.link.image, alt: r.link.title, className: "artifactuse-social-link-image", onError: (i) => i.target.style.display = "none" }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-info" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-domain" }, r.link.domain || Qe(r.link.url)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-title" }, r.link.title), r.link.description && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-description" }, r.link.description))), r.poll && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-poll" }, r.poll.options.map((i, w) => {
     var S, P;
     return /* @__PURE__ */ e.createElement("div", { key: w, className: "artifactuse-social-poll-option" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-poll-bar", style: { width: `${((S = r.poll.votes) == null ? void 0 : S[w]) || 0}%` } }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-poll-label" }, /* @__PURE__ */ e.createElement("span", null, i), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-poll-percent" }, ((P = r.poll.votes) == null ? void 0 : P[w]) || 0, "%")));
-  }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-poll-meta" }, V(r.poll.totalVotes || 0), " votes · ", r.poll.duration || "Poll ended")), r.quote && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-quote" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-quote-header" }, /* @__PURE__ */ e.createElement("img", { src: ((E = r.quote.author) == null ? void 0 : E.avatar) || D, className: "artifactuse-social-quote-avatar", alt: "" }), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-quote-author" }, (p = r.quote.author) == null ? void 0 : p.name), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-quote-handle" }, (N = r.quote.author) == null ? void 0 : N.handle)), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-social-quote-text" }, r.quote.text))), a && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, V(l.replies || 0), " replies"), /* @__PURE__ */ e.createElement("span", null, V(l.retweets || 0), " reposts"), /* @__PURE__ */ e.createElement("span", null, V(l.likes || 0), " likes"), /* @__PURE__ */ e.createElement("span", null, V(l.views || 0), " views")));
-}, Xt = ({ author: t, content: r, engagement: l, meta: n }) => {
-  const s = l.likes || l.comments || l.shares || l.reposts;
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || D, alt: t.name, className: "artifactuse-social-avatar", onError: (a) => a.target.src = D }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author-info" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author-name" }, t.name, t.connection && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-author-connection" }, "· ", t.connection)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author-headline" }, t.headline), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-timestamp" }, n.timestamp || "Just now", " · 🌐"))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-content" }, /* @__PURE__ */ e.createElement("p", { className: "artifactuse-social-text", dangerouslySetInnerHTML: { __html: ge(r.text) } }), r.link && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-card" }, r.link.image && /* @__PURE__ */ e.createElement("img", { src: r.link.image, alt: r.link.title, className: "artifactuse-social-link-image", onError: (a) => a.target.style.display = "none" }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-info" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-title" }, r.link.title), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-domain" }, r.link.domain || Qe(r.link.url))))), s && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, V(l.likes || 0), " reactions"), /* @__PURE__ */ e.createElement("span", null, V(l.comments || 0), " comments"), /* @__PURE__ */ e.createElement("span", null, V(l.shares || l.reposts || 0), " reposts")));
-}, Zt = ({ author: t, content: r, engagement: l, meta: n }) => {
+  }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-poll-meta" }, V(r.poll.totalVotes || 0), " votes · ", r.poll.duration || "Poll ended")), r.quote && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-quote" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-quote-header" }, /* @__PURE__ */ e.createElement("img", { src: ((E = r.quote.author) == null ? void 0 : E.avatar) || D, className: "artifactuse-social-quote-avatar", alt: "" }), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-quote-author" }, (p = r.quote.author) == null ? void 0 : p.name), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-quote-handle" }, (N = r.quote.author) == null ? void 0 : N.handle)), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-social-quote-text" }, r.quote.text))), a && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, V(c.replies || 0), " replies"), /* @__PURE__ */ e.createElement("span", null, V(c.retweets || 0), " reposts"), /* @__PURE__ */ e.createElement("span", null, V(c.likes || 0), " likes"), /* @__PURE__ */ e.createElement("span", null, V(c.views || 0), " views")));
+}, Xt = ({ author: t, content: r, engagement: c, meta: n }) => {
+  const s = c.likes || c.comments || c.shares || c.reposts;
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || D, alt: t.name, className: "artifactuse-social-avatar", onError: (a) => a.target.src = D }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author-info" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author-name" }, t.name, t.connection && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-author-connection" }, "· ", t.connection)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author-headline" }, t.headline), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-timestamp" }, n.timestamp || "Just now", " · 🌐"))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-content" }, /* @__PURE__ */ e.createElement("p", { className: "artifactuse-social-text", dangerouslySetInnerHTML: { __html: ge(r.text) } }), r.link && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-card" }, r.link.image && /* @__PURE__ */ e.createElement("img", { src: r.link.image, alt: r.link.title, className: "artifactuse-social-link-image", onError: (a) => a.target.style.display = "none" }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-info" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-title" }, r.link.title), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-domain" }, r.link.domain || Qe(r.link.url))))), s && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, V(c.likes || 0), " reactions"), /* @__PURE__ */ e.createElement("span", null, V(c.comments || 0), " comments"), /* @__PURE__ */ e.createElement("span", null, V(c.shares || c.reposts || 0), " reposts")));
+}, Zt = ({ author: t, content: r, engagement: c, meta: n }) => {
   const s = r.media || [];
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || D, alt: t.name, className: "artifactuse-social-avatar", onError: (a) => a.target.src = D }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author-name" }, t.name, t.verified && /* @__PURE__ */ e.createElement(Se, { type: "blue" })), n.location && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-location" }, n.location))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-media" }, s[0] ? /* @__PURE__ */ e.createElement("img", { src: s[0].url, alt: s[0].alt || "", onError: (a) => a.target.style.display = "none" }) : /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-media-placeholder" })), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-likes" }, V(l.likes || 0), " likes"), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-caption" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-caption-author" }, t.name), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-caption-text", dangerouslySetInnerHTML: { __html: ge(r.text) } })), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-timestamp" }, n.timestamp || "JUST NOW"));
-}, Kt = ({ author: t, content: r, engagement: l, meta: n }) => {
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || D, alt: t.name, className: "artifactuse-social-avatar", onError: (a) => a.target.src = D }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author-name" }, t.name, t.verified && /* @__PURE__ */ e.createElement(Se, { type: "blue" })), n.location && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-location" }, n.location))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-media" }, s[0] ? /* @__PURE__ */ e.createElement("img", { src: s[0].url, alt: s[0].alt || "", onError: (a) => a.target.style.display = "none" }) : /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-media-placeholder" })), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-likes" }, V(c.likes || 0), " likes"), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-caption" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-caption-author" }, t.name), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-caption-text", dangerouslySetInnerHTML: { __html: ge(r.text) } })), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-timestamp" }, n.timestamp || "JUST NOW"));
+}, Kt = ({ author: t, content: r, engagement: c, meta: n }) => {
   const s = r.media || [], a = T(() => {
-    const p = l.reactions || {};
-    return Object.values(p).reduce((N, i) => N + (i || 0), 0) || l.likes || 0;
-  }, [l]), E = l.likes || l.comments || l.shares || a;
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || D, alt: t.name, className: "artifactuse-social-avatar", onError: (p) => p.target.src = D }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author-name" }, t.name), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-timestamp" }, n.timestamp || "Just now", " · 🌐"))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-content" }, /* @__PURE__ */ e.createElement("p", { className: "artifactuse-social-text", dangerouslySetInnerHTML: { __html: ge(r.text) } }), s.length > 0 && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-media" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-media-grid", "data-count": s.length }, s.slice(0, 4).map((p, N) => /* @__PURE__ */ e.createElement("img", { key: N, src: p.url, alt: p.alt || "", onError: (i) => i.target.style.display = "none" })))), r.link && !s.length && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-card" }, r.link.image && /* @__PURE__ */ e.createElement("img", { src: r.link.image, alt: r.link.title, className: "artifactuse-social-link-image", onError: (p) => p.target.style.display = "none" }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-info" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-domain" }, r.link.domain || Qe(r.link.url)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-title" }, r.link.title)))), E && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, "👍❤️ ", V(a)), /* @__PURE__ */ e.createElement("span", null, V(l.comments || 0), " comments · ", V(l.shares || 0), " shares")));
-}, Yt = ({ author: t, content: r, engagement: l, meta: n }) => {
-  const s = l.likes || l.replies || l.reposts;
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || D, alt: t.name, className: "artifactuse-social-avatar", onError: (a) => a.target.src = D }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author-name" }, t.name, t.verified && /* @__PURE__ */ e.createElement(Se, { type: "blue" }))), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-timestamp" }, n.timestamp || "Just now")), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-content" }, /* @__PURE__ */ e.createElement("p", { className: "artifactuse-social-text", dangerouslySetInnerHTML: { __html: ge(r.text) } })), s && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, V(l.likes || 0), " likes"), /* @__PURE__ */ e.createElement("span", null, V(l.replies || 0), " replies"), /* @__PURE__ */ e.createElement("span", null, V(l.reposts || 0), " reposts")));
-}, Qt = ({ author: t, content: r, engagement: l, meta: n }) => {
-  const s = r.media || [], a = l.likes || l.comments || l.shares;
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-thumbnail" }, s[0] ? /* @__PURE__ */ e.createElement("img", { src: s[0].url, alt: "Video thumbnail", onError: (E) => E.target.style.display = "none" }) : /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-thumbnail-placeholder" }), r.duration && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-duration" }, r.duration)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-info" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || D, alt: t.name, className: "artifactuse-social-avatar", onError: (E) => E.target.src = D }), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-author-name" }, "@", t.name), t.verified && /* @__PURE__ */ e.createElement(Se, { type: "blue" })), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-social-text", dangerouslySetInnerHTML: { __html: ge(r.text) } }), r.sound && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-sound" }, "🎵 ", r.sound)), a && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, V(l.likes || 0), " likes"), /* @__PURE__ */ e.createElement("span", null, V(l.comments || 0), " comments"), /* @__PURE__ */ e.createElement("span", null, V(l.shares || 0), " shares")));
-}, Gt = ({ author: t, content: r, engagement: l, meta: n }) => {
+    const p = c.reactions || {};
+    return Object.values(p).reduce((N, i) => N + (i || 0), 0) || c.likes || 0;
+  }, [c]), E = c.likes || c.comments || c.shares || a;
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || D, alt: t.name, className: "artifactuse-social-avatar", onError: (p) => p.target.src = D }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author-name" }, t.name), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-timestamp" }, n.timestamp || "Just now", " · 🌐"))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-content" }, /* @__PURE__ */ e.createElement("p", { className: "artifactuse-social-text", dangerouslySetInnerHTML: { __html: ge(r.text) } }), s.length > 0 && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-media" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-media-grid", "data-count": s.length }, s.slice(0, 4).map((p, N) => /* @__PURE__ */ e.createElement("img", { key: N, src: p.url, alt: p.alt || "", onError: (i) => i.target.style.display = "none" })))), r.link && !s.length && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-card" }, r.link.image && /* @__PURE__ */ e.createElement("img", { src: r.link.image, alt: r.link.title, className: "artifactuse-social-link-image", onError: (p) => p.target.style.display = "none" }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-info" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-domain" }, r.link.domain || Qe(r.link.url)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-title" }, r.link.title)))), E && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, "👍❤️ ", V(a)), /* @__PURE__ */ e.createElement("span", null, V(c.comments || 0), " comments · ", V(c.shares || 0), " shares")));
+}, Yt = ({ author: t, content: r, engagement: c, meta: n }) => {
+  const s = c.likes || c.replies || c.reposts;
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || D, alt: t.name, className: "artifactuse-social-avatar", onError: (a) => a.target.src = D }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author-name" }, t.name, t.verified && /* @__PURE__ */ e.createElement(Se, { type: "blue" }))), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-timestamp" }, n.timestamp || "Just now")), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-content" }, /* @__PURE__ */ e.createElement("p", { className: "artifactuse-social-text", dangerouslySetInnerHTML: { __html: ge(r.text) } })), s && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, V(c.likes || 0), " likes"), /* @__PURE__ */ e.createElement("span", null, V(c.replies || 0), " replies"), /* @__PURE__ */ e.createElement("span", null, V(c.reposts || 0), " reposts")));
+}, Qt = ({ author: t, content: r, engagement: c, meta: n }) => {
+  const s = r.media || [], a = c.likes || c.comments || c.shares;
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-thumbnail" }, s[0] ? /* @__PURE__ */ e.createElement("img", { src: s[0].url, alt: "Video thumbnail", onError: (E) => E.target.style.display = "none" }) : /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-thumbnail-placeholder" }), r.duration && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-duration" }, r.duration)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-info" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || D, alt: t.name, className: "artifactuse-social-avatar", onError: (E) => E.target.src = D }), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-author-name" }, "@", t.name), t.verified && /* @__PURE__ */ e.createElement(Se, { type: "blue" })), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-social-text", dangerouslySetInnerHTML: { __html: ge(r.text) } }), r.sound && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-sound" }, "🎵 ", r.sound)), a && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, V(c.likes || 0), " likes"), /* @__PURE__ */ e.createElement("span", null, V(c.comments || 0), " comments"), /* @__PURE__ */ e.createElement("span", null, V(c.shares || 0), " shares")));
+}, Gt = ({ author: t, content: r, engagement: c, meta: n }) => {
   const s = r.media || [];
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-thumbnail" }, s[0] ? /* @__PURE__ */ e.createElement("img", { src: s[0].url, alt: "Video thumbnail", onError: (a) => a.target.style.display = "none" }) : /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-thumbnail-placeholder" }), r.duration && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-duration" }, r.duration)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-info" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || D, alt: t.name, className: "artifactuse-social-avatar", onError: (a) => a.target.src = D }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-details" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-title" }, r.title), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-channel" }, t.name), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-meta" }, V(l.views || 0), " views · ", n.timestamp || "Just now"))));
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-thumbnail" }, s[0] ? /* @__PURE__ */ e.createElement("img", { src: s[0].url, alt: "Video thumbnail", onError: (a) => a.target.style.display = "none" }) : /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-thumbnail-placeholder" }), r.duration && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-duration" }, r.duration)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-info" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || D, alt: t.name, className: "artifactuse-social-avatar", onError: (a) => a.target.src = D }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-details" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-title" }, r.title), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-channel" }, t.name), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-meta" }, V(c.views || 0), " views · ", n.timestamp || "Just now"))));
 };
-function ea({ artifact: t, theme: r = "dark", onCopy: l }) {
+function ea({ artifact: t, theme: r = "dark", onCopy: c }) {
   const [n, s] = b("Copy"), a = T(() => {
     try {
       return JSON.parse(t.code);
@@ -456,9 +456,9 @@ function ea({ artifact: t, theme: r = "dark", onCopy: l }) {
   }, [t.code]), E = (a == null ? void 0 : a.platform) || "twitter", p = (a == null ? void 0 : a.data) || {}, { author: N = {}, content: i = {}, engagement: w = {}, meta: S = {} } = p, P = Ot[E] || 280, m = (i.text || "").length, g = m > P ? "error" : m > P * 0.9 ? "warning" : "", x = d(() => {
     const h = i.text || "";
     navigator.clipboard.writeText(h).then(() => {
-      s("Copied!"), setTimeout(() => s("Copy"), 2e3), l == null || l({ platform: E, text: h });
+      s("Copied!"), setTimeout(() => s("Copy"), 2e3), c == null || c({ platform: E, text: h });
     });
-  }, [i.text, E, l]), f = () => {
+  }, [i.text, E, c]), f = () => {
     const h = { author: N, content: i, engagement: w, meta: S };
     switch (E) {
       case "twitter":
@@ -484,7 +484,7 @@ function ea({ artifact: t, theme: r = "dark", onCopy: l }) {
 function ta({
   isOpen: t = !1,
   type: r = "image",
-  src: l = "",
+  src: c = "",
   alt: n = "",
   caption: s = "",
   onClose: a,
@@ -508,8 +508,8 @@ function ta({
     r === "image" && i((f) => !f);
   }, [r]), g = d(() => {
     const f = document.createElement("a");
-    f.href = l, f.download = n || "download", document.body.appendChild(f), f.click(), document.body.removeChild(f);
-  }, [l, n]);
+    f.href = c, f.download = n || "download", document.body.appendChild(f), f.click(), document.body.removeChild(f);
+  }, [c, n]);
   if (!t || !w)
     return null;
   const x = /* @__PURE__ */ e.createElement(
@@ -525,7 +525,7 @@ function ta({
     /* @__PURE__ */ e.createElement("div", { className: "artifactuse-viewer-content", onClick: (f) => f.stopPropagation() }, r === "image" && /* @__PURE__ */ e.createElement(
       "img",
       {
-        src: l,
+        src: c,
         alt: n,
         className: `artifactuse-viewer-image ${N ? "artifactuse-viewer-image--zoomed" : ""}`,
         onClick: m
@@ -533,7 +533,7 @@ function ta({
     ), r === "pdf" && /* @__PURE__ */ e.createElement(
       "iframe",
       {
-        src: l,
+        src: c,
         className: "artifactuse-viewer-pdf",
         title: n || "PDF Viewer"
       }
@@ -572,20 +572,20 @@ function aa(t) {
     return JSON.parse(r);
   } catch {
     try {
-      const l = t.replace(/&#10;/g, `
+      const c = t.replace(/&#10;/g, `
 `).replace(/&#13;/g, "\r").replace(/&#9;/g, "	").replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&");
-      return JSON.parse(l);
-    } catch (l) {
-      return console.error("Failed to parse artifact data:", l), null;
+      return JSON.parse(c);
+    } catch (c) {
+      return console.error("Failed to parse artifact data:", c), null;
     }
   }
 }
 function ra(t) {
   const r = [];
   if (!t) return r;
-  const l = /<div\s+class="artifactuse-placeholder[^"]*"[^>]*data-artifact-id="([^"]+)"[^>]*data-artifact-type="([^"]+)"[^>]*data-artifact=["']([^"']*)["'][^>]*><\/div>/gi;
+  const c = /<div\s+class="artifactuse-placeholder[^"]*"[^>]*data-artifact-id="([^"]+)"[^>]*data-artifact-type="([^"]+)"[^>]*data-artifact=["']([^"']*)["'][^>]*><\/div>/gi;
   let n = 0, s;
-  for (; (s = l.exec(t)) !== null; ) {
+  for (; (s = c.exec(t)) !== null; ) {
     if (s.index > n) {
       const p = t.slice(n, s.index);
       p.trim() && r.push({ type: "html", content: p });
@@ -605,7 +605,7 @@ function sa() {
 function na({
   content: t,
   messageId: r = sa(),
-  inlineCards: l = !0,
+  inlineCards: c = !0,
   typing: n = !1,
   isLastMessage: s = !1,
   // Whether this is the last/most recent message
@@ -775,7 +775,7 @@ function na({
           }
         );
       case "panel":
-        return l ? /* @__PURE__ */ e.createElement(
+        return c ? /* @__PURE__ */ e.createElement(
           Rt,
           {
             key: `panel-${v.artifact.id}`,
@@ -840,7 +840,7 @@ na.propTypes = {
 function pa({
   onAIRequest: t,
   onSave: r,
-  onExport: l,
+  onExport: c,
   className: n = ""
 }) {
   var it;
@@ -855,28 +855,32 @@ function pa({
     getPanelUrl: S,
     openArtifact: P,
     instance: m
-  } = _e(), g = W(null), x = W(null), f = W(null), h = W(null), B = W(null), U = W(null), $ = W(null), [M, Y] = b(!1), [Q, O] = b(!1), [me, K] = b(!0), [Ee, re] = b(!1), [ue, se] = b(!1), [J, de] = b(!1), [ne, le] = b(!1), [o, _] = b("options"), [y, k] = b(""), [H, X] = b(null), [Ne, Z] = b(""), [be, G] = b(!1), [ve, pe] = b(!1), [ke, ce] = b([]), [Ae, ye] = b(!1), [$e, we] = b(""), [ie, He] = b(65), [he, Ie] = b(50), v = W(null), te = W(null), Be = W(null), fe = W(null), A = W(null), Fe = T(() => a ? Te(a.language) : "", [a]), u = T(() => a ? Ke(a.language) : "", [a]), I = T(() => a ? S(a) : null, [a, S]), F = T(() => a ? Bt(a.language) : "plaintext", [a]), L = T(() => s.artifacts.filter((c) => !c.isInline), [s.artifacts]), j = T(() => a ? L.findIndex((c) => c.id === a.id) : -1, [a, L]), We = T(() => {
-    var c;
-    return ((c = m == null ? void 0 : m.config) == null ? void 0 : c.branding) !== !1;
+  } = _e(), g = W(null), x = W(null), f = W(null), h = W(null), B = W(null), U = W(null), $ = W(null), [M, Y] = b(!1), [Q, O] = b(!1), [me, K] = b(!0), [Ee, re] = b(!1), [ue, se] = b(!1), [J, de] = b(!1), [ne, le] = b(!1), [o, _] = b("options"), [y, k] = b(""), [H, X] = b(null), [Ne, Z] = b(""), [be, G] = b(!1), [ve, pe] = b(!1), [ke, ce] = b([]), [Ae, ye] = b(!1), [$e, we] = b(""), [ie, He] = b(65), [he, Ie] = b(50), v = W(null), te = W(null), Be = W(null), fe = W(null), A = W(null), Fe = T(() => a ? Te(a.language) : "", [a]), u = T(() => a ? Ke(a.language) : "", [a]), I = T(() => {
+    if (!a) return null;
+    let l = S(a);
+    return l && a._refreshToken && (l += (l.includes("?") ? "&" : "?") + "_t=" + a._refreshToken), l;
+  }, [a, S]), F = T(() => a ? Bt(a.language) : "plaintext", [a]), L = T(() => s.artifacts.filter((l) => !l.isInline), [s.artifacts]), j = T(() => a ? L.findIndex((l) => l.id === a.id) : -1, [a, L]), We = T(() => {
+    var l;
+    return ((l = m == null ? void 0 : m.config) == null ? void 0 : l.branding) !== !1;
   }, [m]), ft = T(() => {
-    var c;
-    return ((c = m == null ? void 0 : m.share) == null ? void 0 : c.enabled) !== !1;
+    var l;
+    return ((l = m == null ? void 0 : m.share) == null ? void 0 : l.enabled) !== !1;
   }, [m]), xe = T(() => {
-    var c;
-    return ((c = m == null ? void 0 : m.share) == null ? void 0 : c.isAuthenticated()) || !1;
-  }, [m]), Ge = T(() => a ? ie : Math.min(ie, 30), [a, ie]), et = d((c) => `<svg viewBox="0 0 24 24" fill="currentColor">${Ke(c)}</svg>`, []), Et = d(() => {
+    var l;
+    return ((l = m == null ? void 0 : m.share) == null ? void 0 : l.isAuthenticated()) || !1;
+  }, [m]), Ge = T(() => a ? ie : Math.min(ie, 30), [a, ie]), et = d((l) => `<svg viewBox="0 0 24 24" fill="currentColor">${Ke(l)}</svg>`, []), Et = d(() => {
     se(!1), m.state.clearActiveArtifact();
   }, [m]), tt = d(() => {
     if (!h.current || !(a != null && a.code)) return;
-    const c = a.code.split(`
-`).length, C = Array.from({ length: c }, (R, z) => `<div>${z + 1}</div>`).join("");
+    const l = a.code.split(`
+`).length, C = Array.from({ length: l }, (R, z) => `<div>${z + 1}</div>`).join("");
     h.current.innerHTML = C;
   }, [a]), at = d(() => {
     if (x.current && Ft() && (a != null && a.code)) {
-      const c = window.Prism.languages[F];
-      c ? x.current.innerHTML = window.Prism.highlight(
+      const l = window.Prism.languages[F];
+      l ? x.current.innerHTML = window.Prism.highlight(
         a.code,
-        c,
+        l,
         F
       ) : x.current.textContent = a.code, x.current.dataset.highlighted = "true", setTimeout(() => {
         vt();
@@ -884,9 +888,9 @@ function pa({
     }
   }, [a == null ? void 0 : a.code, F]), vt = d(() => {
     var C;
-    const c = (C = x.current) == null ? void 0 : C.closest("pre");
-    if (c && B.current && h.current) {
-      const z = window.getComputedStyle(c).backgroundColor;
+    const l = (C = x.current) == null ? void 0 : C.closest("pre");
+    if (l && B.current && h.current) {
+      const z = window.getComputedStyle(l).backgroundColor;
       z && z !== "rgba(0, 0, 0, 0)" && z !== "transparent" && (B.current.style.backgroundColor = z, h.current.style.backgroundColor = z);
     }
   }, []), rt = d(() => {
@@ -896,16 +900,16 @@ function pa({
   }, [tt, at]), ze = ((it = m.editor) == null ? void 0 : it.isAvailable()) || !1, st = d(() => {
     !ze || !U.current || !a || ($.current && ($.current.destroy(), $.current = null), $.current = m.editor.create(U.current, {
       code: a.code || "",
-      language: a.language || "plaintext",
+      language: a.editorLanguage || a.language || "plaintext",
       sdkTheme: m.getTheme()
     }));
   }, [ze, a, m]), ht = d(() => {
     if (!$.current || !a) return;
-    const c = $.current.getCode();
+    const l = $.current.getCode();
     m.emit("edit:save", {
       artifactId: a.id,
       artifact: a,
-      code: c
+      code: l
     });
   }, [a, m]), gt = d(() => {
     clearTimeout(fe.current), K(!1), g.current && a && (m.bridge.setIframe(g.current), m.bridge.loadArtifact(a));
@@ -919,34 +923,34 @@ function pa({
     if (a)
       try {
         await navigator.clipboard.writeText(a.code), Y(!0), setTimeout(() => Y(!1), 2e3);
-      } catch (c) {
-        console.error("Failed to copy:", c);
+      } catch (l) {
+        console.error("Failed to copy:", l);
       }
   }, [a]), bt = d(() => {
     if (!a) return;
-    const { code: c, language: C, title: R } = a, z = Ye(C), ae = `${R.toLowerCase().replace(/\s+/g, "-")}.${z}`, Me = new Blob([c], { type: "text/plain" }), oe = URL.createObjectURL(Me), ee = document.createElement("a");
+    const { code: l, language: C, title: R } = a, z = Ye(C), ae = `${R.toLowerCase().replace(/\s+/g, "-")}.${z}`, Me = new Blob([l], { type: "text/plain" }), oe = URL.createObjectURL(Me), ee = document.createElement("a");
     ee.href = oe, ee.download = ae, document.body.appendChild(ee), ee.click(), document.body.removeChild(ee), URL.revokeObjectURL(oe);
   }, [a]), kt = d(async () => {
     if (!(J || L.length === 0)) {
       de(!0);
       try {
-        const c = new Vt(), C = /* @__PURE__ */ new Map();
+        const l = new Vt(), C = /* @__PURE__ */ new Map();
         for (const ee of L) {
           if (!ee.code) continue;
           const Oe = Ye(ee.language);
           let Je = (ee.title || "untitled").toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, ""), Xe = `${Je}.${Oe}`;
           const Ze = C.get(Xe) || 0;
-          Ze > 0 && (Xe = `${Je}-${Ze}.${Oe}`), C.set(`${Je}.${Oe}`, Ze + 1), c.file(Xe, ee.code);
+          Ze > 0 && (Xe = `${Je}-${Ze}.${Oe}`), C.set(`${Je}.${Oe}`, Ze + 1), l.file(Xe, ee.code);
         }
-        const R = await c.generateAsync({ type: "blob" }), ae = `artifacts-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.zip`, Me = URL.createObjectURL(R), oe = document.createElement("a");
+        const R = await l.generateAsync({ type: "blob" }), ae = `artifacts-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.zip`, Me = URL.createObjectURL(R), oe = document.createElement("a");
         oe.href = Me, oe.download = ae, document.body.appendChild(oe), oe.click(), document.body.removeChild(oe), URL.revokeObjectURL(Me);
-      } catch (c) {
-        console.error("Failed to create ZIP:", c);
+      } catch (l) {
+        console.error("Failed to create ZIP:", l);
       } finally {
         de(!1);
       }
     }
-  }, [J, L]), nt = d((c) => c ? new Date(c).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }) : "", []), wt = d(() => {
+  }, [J, L]), nt = d((l) => l ? new Date(l).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }) : "", []), wt = d(() => {
     if (ne) {
       le(!1);
       return;
@@ -958,10 +962,10 @@ function pa({
     if (!(!a || !(m != null && m.share))) {
       _("loading"), Z("");
       try {
-        const c = await m.share.share(a);
-        k(c.url), X(c.expiresAt), pe(!1), _("success");
-      } catch (c) {
-        Z(c.message || "Failed to create share link"), _("error");
+        const l = await m.share.share(a);
+        k(l.url), X(l.expiresAt), pe(!1), _("success");
+      } catch (l) {
+        Z(l.message || "Failed to create share link"), _("error");
       }
     }
   }, [a, m]), lt = d(async () => {
@@ -971,18 +975,18 @@ function pa({
       _("loading");
       try {
         await m.share.openAuthPopup(), Ce();
-      } catch (c) {
-        c.message === "Authentication cancelled" ? _("options") : (Z(c.message || "Authentication failed"), _("error"));
+      } catch (l) {
+        l.message === "Authentication cancelled" ? _("options") : (Z(l.message || "Authentication failed"), _("error"));
       }
     }
   }, [xe, m]), Ce = d(async () => {
     if (!(!a || !(m != null && m.share))) {
       _("loading"), Z("");
       try {
-        const c = await m.share.save(a);
-        k(c.url), X(null), pe(!0), _("success");
-      } catch (c) {
-        Z(c.message || "Failed to save artifact"), _("error");
+        const l = await m.share.save(a);
+        k(l.url), X(null), pe(!0), _("success");
+      } catch (l) {
+        Z(l.message || "Failed to save artifact"), _("error");
       }
     }
   }, [a, m]), Ct = d(() => {
@@ -993,30 +997,30 @@ function pa({
         _("loading");
         try {
           await m.share.openAuthPopup();
-        } catch (c) {
-          c.message === "Authentication cancelled" ? _("options") : (Z(c.message || "Authentication failed"), _("error"));
+        } catch (l) {
+          l.message === "Authentication cancelled" ? _("options") : (Z(l.message || "Authentication failed"), _("error"));
           return;
         }
       }
       _("update-list"), ye(!0);
       try {
-        const c = (a == null ? void 0 : a.language) || null, C = await m.share.listArtifacts(c);
+        const l = (a == null ? void 0 : a.language) || null, C = await m.share.listArtifacts(l);
         ce(C.projects || []);
-      } catch (c) {
-        Z(c.message || "Failed to load artifacts"), _("error");
+      } catch (l) {
+        Z(l.message || "Failed to load artifacts"), _("error");
       } finally {
         ye(!1);
       }
     }
-  }, [a, m, xe]), Pt = d(async (c) => {
+  }, [a, m, xe]), Pt = d(async (l) => {
     var R, z;
     if (!a || !(m != null && m.share)) return;
-    const C = (R = c.project) == null ? void 0 : R.uuid;
+    const C = (R = l.project) == null ? void 0 : R.uuid;
     if (C) {
       _("loading"), Z("");
       try {
         const ae = await m.share.updateArtifact(C, a);
-        k(ae.url || ""), X(null), pe(!0), we(((z = c.project) == null ? void 0 : z.name) || "Untitled"), _("success");
+        k(ae.url || ""), X(null), pe(!0), we(((z = l.project) == null ? void 0 : z.name) || "Untitled"), _("success");
       } catch (ae) {
         Z(ae.message || "Failed to update artifact"), _("error");
       }
@@ -1025,57 +1029,57 @@ function pa({
     if (y)
       try {
         await navigator.clipboard.writeText(y), G(!0), setTimeout(() => G(!1), 2e3);
-      } catch (c) {
-        console.error("Failed to copy link:", c);
+      } catch (l) {
+        console.error("Failed to copy link:", l);
       }
   }, [y]), Tt = d(() => {
     j > 0 && P(L[j - 1]);
   }, [j, P, L]), St = d(() => {
     j < L.length - 1 && P(L[j + 1]);
-  }, [j, P, L]), ct = d((c) => {
-    se(!0), P(c), O(!1);
-  }, [P]), qe = d((c) => {
+  }, [j, P, L]), ct = d((l) => {
+    se(!0), P(l), O(!1);
+  }, [P]), qe = d((l) => {
     v.current = {
-      startX: c.clientX,
+      startX: l.clientX,
       startWidth: ie
     }, document.addEventListener("mousemove", De), document.addEventListener("mouseup", Le), document.body.style.cursor = "ew-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((C) => {
       C.style.pointerEvents = "none";
     });
-  }, [ie]), De = d((c) => {
+  }, [ie]), De = d((l) => {
     if (!v.current) return;
-    const C = window.innerWidth, z = (v.current.startX - c.clientX) / C * 100, ae = v.current.startWidth + z;
+    const C = window.innerWidth, z = (v.current.startX - l.clientX) / C * 100, ae = v.current.startWidth + z;
     He(Math.min(Math.max(ae, 25), 75));
   }, []), Le = d(() => {
-    v.current = null, document.removeEventListener("mousemove", De), document.removeEventListener("mouseup", Le), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((c) => {
-      c.style.pointerEvents = "";
+    v.current = null, document.removeEventListener("mousemove", De), document.removeEventListener("mouseup", Le), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((l) => {
+      l.style.pointerEvents = "";
     });
-  }, [De]), At = d((c) => {
+  }, [De]), At = d((l) => {
     if (!f.current) return;
     const C = f.current.getBoundingClientRect();
     te.current = {
-      startX: c.clientX,
+      startX: l.clientX,
       startPosition: he,
       contentLeft: C.left,
       contentWidth: C.width
     }, document.addEventListener("mousemove", Ue), document.addEventListener("mouseup", Pe), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((R) => {
       R.style.pointerEvents = "none";
     });
-  }, [he]), Ue = d((c) => {
+  }, [he]), Ue = d((l) => {
     if (!te.current) return;
-    const R = (c.clientX - te.current.contentLeft) / te.current.contentWidth * 100;
+    const R = (l.clientX - te.current.contentLeft) / te.current.contentWidth * 100;
     Ie(Math.min(Math.max(R, 20), 80));
   }, []), Pe = d(() => {
-    te.current = null, document.removeEventListener("mousemove", Ue), document.removeEventListener("mouseup", Pe), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((c) => {
-      c.style.pointerEvents = "";
+    te.current = null, document.removeEventListener("mousemove", Ue), document.removeEventListener("mouseup", Pe), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((l) => {
+      l.style.pointerEvents = "";
     });
   }, [Ue]);
   if (q(() => {
     a && (A.current && A.current.isPreviewable !== a.isPreviewable && (re(!0), setTimeout(() => re(!1), 150)), A.current = a, rt(), K(!0), yt(), Ve());
   }, [a == null ? void 0 : a.id, rt]), q(() => {
     (s.viewMode === "code" || s.viewMode === "split") && Ve(), s.viewMode === "edit" && st();
-  }, [s.viewMode, Ve, st]), q(() => (t && m.on("ai:request", t), r && m.on("save:request", r), l && m.on("export:complete", l), () => {
-    t && m.off("ai:request", t), r && m.off("save:request", r), l && m.off("export:complete", l);
-  }), [m, t, r, l]), q(() => () => {
+  }, [s.viewMode, Ve, st]), q(() => (t && m.on("ai:request", t), r && m.on("save:request", r), c && m.on("export:complete", c), () => {
+    t && m.off("ai:request", t), r && m.off("save:request", r), c && m.off("export:complete", c);
+  }), [m, t, r, c]), q(() => () => {
     Le(), Pe(), $.current && ($.current.destroy(), $.current = null), clearTimeout(Be.current), clearTimeout(fe.current);
   }, [Le, Pe]), !s.isPanelOpen) return null;
   const je = [
@@ -1262,17 +1266,17 @@ function pa({
         onClick: wt
       },
       /* @__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" }))
-    ), ne && /* @__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" }, o === "success" ? $e ? "Artifact updated!" : "Link created!" : o === "update-list" ? "Update saved artifact" : "Share Artifact"), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__close", onClick: xt }, /* @__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" }, o === "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...")), o === "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" }, Ne)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__actions" }, /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__btn artifactuse-share-popup__btn--secondary", onClick: () => _("options") }, "Back"), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__btn artifactuse-share-popup__btn--primary", onClick: Ct }, "Retry"))), o === "options" && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__options" }, /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__option", onClick: Re }, /* @__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: lt }, /* @__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: Lt }, /* @__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")))), o === "update-list" && /* @__PURE__ */ e.createElement("div", null, Ae ? /* @__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...")) : ke.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" }, ke.map((c) => {
+    ), ne && /* @__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" }, o === "success" ? $e ? "Artifact updated!" : "Link created!" : o === "update-list" ? "Update saved artifact" : "Share Artifact"), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__close", onClick: xt }, /* @__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" }, o === "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...")), o === "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" }, Ne)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__actions" }, /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__btn artifactuse-share-popup__btn--secondary", onClick: () => _("options") }, "Back"), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__btn artifactuse-share-popup__btn--primary", onClick: Ct }, "Retry"))), o === "options" && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__options" }, /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__option", onClick: Re }, /* @__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: lt }, /* @__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: Lt }, /* @__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")))), o === "update-list" && /* @__PURE__ */ e.createElement("div", null, Ae ? /* @__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...")) : ke.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" }, ke.map((l) => {
       var C, R, z;
       return /* @__PURE__ */ e.createElement(
         "button",
         {
-          key: ((C = c.project) == null ? void 0 : C.uuid) || c.id,
+          key: ((C = l.project) == null ? void 0 : C.uuid) || l.id,
           className: "artifactuse-share-popup__artifact-item",
-          onClick: () => Pt(c)
+          onClick: () => Pt(l)
         },
-        /* @__PURE__ */ e.createElement("span", { className: "artifactuse-share-popup__artifact-name" }, ((R = c.project) == null ? void 0 : R.name) || "Untitled"),
-        /* @__PURE__ */ e.createElement("span", { className: "artifactuse-share-popup__artifact-date" }, nt((z = c.project) == null ? void 0 : z.created_at))
+        /* @__PURE__ */ e.createElement("span", { className: "artifactuse-share-popup__artifact-name" }, ((R = l.project) == null ? void 0 : R.name) || "Untitled"),
+        /* @__PURE__ */ e.createElement("span", { className: "artifactuse-share-popup__artifact-date" }, nt((z = l.project) == null ? void 0 : z.created_at))
       );
     })), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__back-btn", onClick: () => _("options") }, "Back")), o === "success" && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__success" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__success-icon" }, /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("polyline", { points: "20 6 9 17 4 12" }))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__link-wrapper" }, /* @__PURE__ */ e.createElement(
       "input",
@@ -1281,7 +1285,7 @@ function pa({
         className: "artifactuse-share-popup__link",
         value: y,
         readOnly: !0,
-        onClick: (c) => c.target.select()
+        onClick: (l) => l.target.select()
       }
     ), /* @__PURE__ */ e.createElement(
       "button",
@@ -1323,21 +1327,21 @@ function pa({
         onClick: () => O(!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" }, L.map((c, C) => /* @__PURE__ */ e.createElement(
+    )), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__artifact-list-items" }, L.map((l, C) => /* @__PURE__ */ e.createElement(
       "button",
       {
-        key: c.id,
-        className: `artifactuse-panel__artifact-item ${c.id === a.id ? "artifactuse-panel__artifact-item--active" : ""}`,
-        onClick: () => ct(c)
+        key: l.id,
+        className: `artifactuse-panel__artifact-item ${l.id === a.id ? "artifactuse-panel__artifact-item--active" : ""}`,
+        onClick: () => ct(l)
       },
       /* @__PURE__ */ e.createElement(
         "span",
         {
           className: "artifactuse-panel__artifact-item-icon",
-          dangerouslySetInnerHTML: { __html: et(c.language) }
+          dangerouslySetInnerHTML: { __html: et(l.language) }
         }
       ),
-      /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__artifact-item-content" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__artifact-item-title" }, c.title || "Untitled"), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__artifact-item-meta" }, Te(c.language), c.lineCount && ` • ${c.lineCount} lines`)),
+      /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__artifact-item-content" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__artifact-item-title" }, l.title || "Untitled"), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__artifact-item-meta" }, Te(l.language), l.lineCount && ` • ${l.lineCount} lines`)),
       /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__artifact-item-index" }, C + 1)
     )))))))
   )) : /* @__PURE__ */ e.createElement("div", { className: je, style: s.isFullscreen ? void 0 : { width: `${Ge}%` } }, !s.isFullscreen && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__resize-handle", onMouseDown: qe }, /* @__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" }, /* @__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" }, "Artifacts"), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__meta" }, L.length, " available"))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__actions" }, /* @__PURE__ */ e.createElement(
@@ -1357,21 +1361,21 @@ function pa({
       onClick: N
     },
     /* @__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__list" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__list-items" }, L.map((c, C) => /* @__PURE__ */ e.createElement(
+  ))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__list" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__list-items" }, L.map((l, C) => /* @__PURE__ */ e.createElement(
     "button",
     {
-      key: c.id,
+      key: l.id,
       className: "artifactuse-panel__list-item",
-      onClick: () => ct(c)
+      onClick: () => ct(l)
     },
     /* @__PURE__ */ e.createElement(
       "span",
       {
         className: "artifactuse-panel__list-item-icon",
-        dangerouslySetInnerHTML: { __html: et(c.language) }
+        dangerouslySetInnerHTML: { __html: et(l.language) }
       }
     ),
-    /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__list-item-content" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__list-item-title" }, c.title || "Untitled"), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__list-item-meta" }, Te(c.language), c.lineCount && ` • ${c.lineCount} lines`)),
+    /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__list-item-content" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__list-item-title" }, l.title || "Untitled"), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__list-item-meta" }, Te(l.language), l.lineCount && ` • ${l.lineCount} lines`)),
     /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__list-item-arrow" }, /* @__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" })))
   )))), /* @__PURE__ */ e.createElement("footer", { className: "artifactuse-panel__footer artifactuse-panel__footer--simple" }, We && /* @__PURE__ */ e.createElement(
     "a",
@@ -1404,7 +1408,7 @@ function pa({
   )));
 }
 function fa({ className: t = "" }) {
-  const { state: r, artifactCount: l, hasArtifacts: n, togglePanel: s } = _e(), a = T(() => l > 99 ? "99+" : String(l), [l]), E = [
+  const { state: r, artifactCount: c, hasArtifacts: n, togglePanel: s } = _e(), a = T(() => c > 99 ? "99+" : String(c), [c]), E = [
     "artifactuse-panel-toggle",
     r.isPanelOpen && "artifactuse-panel-toggle--active",
     n && "artifactuse-panel-toggle--has-artifacts",
@@ -1418,14 +1422,14 @@ function fa({ className: t = "" }) {
       title: r.isPanelOpen ? "Close artifacts panel" : "Open artifacts panel"
     },
     /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("polyline", { points: "16 18 22 12 16 6" }), /* @__PURE__ */ e.createElement("polyline", { points: "8 6 2 12 8 18" })),
-    l > 0 && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel-toggle-badge" }, a)
+    c > 0 && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel-toggle-badge" }, a)
   );
 }
 const pt = Ht(null);
 function la({ children: t, config: r = {} }) {
-  const l = W(null);
-  l.current || (l.current = Wt(r));
-  const n = l.current, [s, a] = b({
+  const c = W(null);
+  c.current || (c.current = Wt(r));
+  const n = c.current, [s, a] = b({
     artifacts: [],
     activeArtifactId: null,
     isPanelOpen: !1,
@@ -1467,6 +1471,7 @@ function la({ children: t, config: r = {} }) {
     openArtifact: n.openArtifact,
     openFile: n.openFile,
     openCode: n.openCode,
+    updateFile: n.updateFile,
     closePanel: n.closePanel,
     togglePanel: n.togglePanel,
     toggleFullscreen: n.toggleFullscreen,
@@ -1508,22 +1513,22 @@ function _e() {
   return t;
 }
 function ca(t, r) {
-  const { on: l, off: n } = _e();
+  const { on: c, off: n } = _e();
   q(() => {
-    const s = l(t, r);
+    const s = c(t, r);
     return () => {
       typeof s == "function" ? s() : n(t, r);
     };
-  }, [t, r, l, n]);
+  }, [t, r, c, n]);
 }
 function ia() {
   const {
     registerPanel: t,
     unregisterPanel: r,
-    hasPanel: l,
+    hasPanel: c,
     panelTypes: n,
     instance: s
-  } = _e(), a = d((p) => l({ type: p }), [l]), E = d((p, N = {}) => {
+  } = _e(), a = d((p) => c({ type: p }), [c]), E = d((p, N = {}) => {
     var i;
     return ((i = s.panelResolver) == null ? void 0 : i.resolve(p, N)) || null;
   }, [s]);