artifactuse 0.1.7 → 0.1.9

package/dist/react/index.js

@@ -1,5 +1,5 @@
 import e, { useState as C, useMemo as M, useCallback as d, useRef as W, useEffect as q, createContext as Ze, useContext as Ke } from "react";
-import { g as we, f as je, a as ze, b as Re, n as Ye, i as Ge, D as Oe, c as Qe } from "../index-CNXX2Rp6.js";
+import { g as ke, f as je, a as ze, b as Re, n as Ye, i as Ge, D as Oe, c as Qe } from "../index-CNXX2Rp6.js";
 import { J as et } from "../jszip.min-CdmYyw5L.js";
 import { createPortal as tt } from "react-dom";
 function at({
@@ -10,13 +10,13 @@ function at({
   onDownload: s,
   className: r = ""
 }) {
-  const [p, u] = C(!1), g = M(() => we(t.language), [t.language]), c = M(() => {
-    var k;
-    return je(t.size || ((k = t.code) == null ? void 0 : k.length) || 0);
-  }, [t.size, t.code]), b = M(() => ze(t.language), [t.language]), P = d((k) => {
-    k.stopPropagation(), n && n(t);
-  }, [t, n]), x = d(async (k) => {
-    k.stopPropagation();
+  const [p, u] = C(!1), y = M(() => ke(t.language), [t.language]), c = M(() => {
+    var w;
+    return je(t.size || ((w = t.code) == null ? void 0 : w.length) || 0);
+  }, [t.size, t.code]), b = M(() => ze(t.language), [t.language]), P = d((w) => {
+    w.stopPropagation(), n && n(t);
+  }, [t, n]), x = d(async (w) => {
+    w.stopPropagation();
     try {
       await navigator.clipboard.writeText(t.code), u(!0), l && l(t), setTimeout(() => {
         u(!1);
@@ -33,9 +33,9 @@ function at({
       }
       document.body.removeChild(v);
     }
-  }, [t, l]), _ = d((k) => {
+  }, [t, l]), _ = d((w) => {
     var L;
-    k.stopPropagation();
+    w.stopPropagation();
     const f = new Blob([t.code], { type: "text/plain" }), v = URL.createObjectURL(f), B = document.createElement("a"), V = Re(t.language), z = ((L = t.title) == null ? void 0 : L.replace(/[^a-z0-9]/gi, "_").toLowerCase()) || "code";
     B.href = v, B.download = `${z}.${V}`, document.body.appendChild(B), B.click(), document.body.removeChild(B), URL.revokeObjectURL(v), s && s(t);
   }, [t, s]), E = [
@@ -52,7 +52,7 @@ function at({
       strokeWidth: "1.5",
       dangerouslySetInnerHTML: { __html: b }
     }
-  )), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-card__content" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-card__title" }, t.title), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-card__meta" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-card__type" }, g), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-card__separator" }, "•"), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-card__size" }, c))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-card__actions" }, /* @__PURE__ */ e.createElement(
+  )), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-card__content" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-card__title" }, t.title), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-card__meta" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-card__type" }, y), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-card__separator" }, "•"), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-card__size" }, c))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-card__actions" }, /* @__PURE__ */ e.createElement(
     "button",
     {
       className: "artifactuse-card__action",
@@ -100,31 +100,31 @@ function nt({
   className: r = "",
   theme: p = "dark",
   accent: u = null,
-  initialState: g = "active"
+  initialState: y = "active"
   // 'active' | 'submitted' | 'cancelled' | 'inactive'
 }) {
   var ie, ee, oe;
-  const c = W(null), [b, P] = C(g), x = b !== "active", _ = b === "active" ? "" : `artifactuse-form--${b}`, E = M(() => {
+  const c = W(null), [b, P] = C(y), x = b !== "active", _ = b === "active" ? "" : `artifactuse-form--${b}`, E = M(() => {
     try {
       return JSON.parse(t.code);
     } catch {
       return { title: "Invalid Form", variant: "fields", data: { fields: [] } };
     }
-  }, [t.code]), k = t.id || E.id || `form-${Date.now()}`, f = ((ie = E.data) == null ? void 0 : ie.fields) || [], v = E.title || "Form", B = M(() => f.some((i) => i.type === "buttons"), [f]), V = M(() => E.variant === "buttons" ? f : [], [E.variant, f]), [z, L] = C(() => {
-    var w;
+  }, [t.code]), w = t.id || E.id || `form-${Date.now()}`, f = ((ie = E.data) == null ? void 0 : ie.fields) || [], v = E.title || "Form", B = M(() => f.some((i) => i.type === "buttons"), [f]), V = M(() => E.variant === "buttons" ? f : [], [E.variant, f]), [z, L] = C(() => {
+    var k;
     const i = {};
-    return f.forEach((y) => {
-      ["buttons", "divider", "heading"].includes(y.type) || (y.defaultValue !== void 0 ? i[y.name] = y.defaultValue : y.type === "checkbox" ? i[y.name] = !1 : i[y.name] = "");
-    }), (w = E.data) != null && w.defaults && Object.assign(i, E.data.defaults), i;
+    return f.forEach((g) => {
+      ["buttons", "divider", "heading"].includes(g.type) || (g.defaultValue !== void 0 ? i[g.name] = g.defaultValue : g.type === "checkbox" ? i[g.name] = !1 : i[g.name] = "");
+    }), (k = E.data) != null && k.defaults && Object.assign(i, E.data.defaults), i;
   }), [J, K] = C({}), [D, ne] = C(!1);
   q(() => {
-    P(g);
-  }, [g]), q(() => {
-    var w;
+    P(y);
+  }, [y]), q(() => {
+    var k;
     const i = {};
-    f.forEach((y) => {
-      ["buttons", "divider", "heading"].includes(y.type) || (y.defaultValue !== void 0 ? i[y.name] = y.defaultValue : y.type === "checkbox" ? i[y.name] = !1 : i[y.name] = "");
-    }), (w = E.data) != null && w.defaults && Object.assign(i, E.data.defaults), L(i), K({});
+    f.forEach((g) => {
+      ["buttons", "divider", "heading"].includes(g.type) || (g.defaultValue !== void 0 ? i[g.name] = g.defaultValue : g.type === "checkbox" ? i[g.name] = !1 : i[g.name] = "");
+    }), (k = E.data) != null && k.defaults && Object.assign(i, E.data.defaults), L(i), K({});
   }, [t.code]), q(() => {
     if (c.current && (c.current.setAttribute("data-artifactuse-theme", p), u)) {
       const i = rt(u);
@@ -133,13 +133,13 @@ function nt({
   }, [p, u]);
   const le = d((i) => {
     P(i);
-  }, []), fe = d((i, w) => {
-    L((y) => ({ ...y, [i]: w })), K((y) => {
-      const N = { ...y };
+  }, []), fe = d((i, k) => {
+    L((g) => ({ ...g, [i]: k })), K((g) => {
+      const N = { ...g };
       return delete N[i], N;
     });
   }, []), te = d(() => {
-    var y;
+    var g;
     const i = {};
     f.forEach((N) => {
       if (["buttons", "divider", "heading"].includes(N.type)) return;
@@ -165,36 +165,36 @@ function nt({
         return;
       }
     });
-    const w = (y = E.data) == null ? void 0 : y.validation;
-    return w && Object.entries(w).forEach(([N, T]) => {
+    const k = (g = E.data) == null ? void 0 : g.validation;
+    return k && Object.entries(k).forEach(([N, T]) => {
       if (i[N]) return;
       const Y = z[N];
       T.pattern && Y && (new RegExp(T.pattern).test(Y) || (i[N] = T.message || `${N} is invalid`));
     }), K(i), Object.keys(i).length === 0;
   }, [f, z, (ee = E.data) == null ? void 0 : ee.validation]), X = d(() => {
-    var w;
+    var k;
     const i = {};
-    f.forEach((y) => {
-      ["buttons", "divider", "heading"].includes(y.type) || (y.defaultValue !== void 0 ? i[y.name] = y.defaultValue : y.type === "checkbox" ? i[y.name] = !1 : i[y.name] = "");
-    }), (w = E.data) != null && w.defaults && Object.assign(i, E.data.defaults), L(i), K({});
+    f.forEach((g) => {
+      ["buttons", "divider", "heading"].includes(g.type) || (g.defaultValue !== void 0 ? i[g.name] = g.defaultValue : g.type === "checkbox" ? i[g.name] = !1 : i[g.name] = "");
+    }), (k = E.data) != null && k.defaults && Object.assign(i, E.data.defaults), L(i), K({});
   }, [f, (oe = E.data) == null ? void 0 : oe.defaults]), ae = d((i) => {
     i == null || i.preventDefault(), te() && (ne(!0), a == null || a({
-      formId: k,
+      formId: w,
       action: "submit",
       values: { ...z },
       timestamp: Date.now()
     }), setTimeout(() => {
       ne(!1), le("submitted");
     }, 300));
-  }, [k, z, a, te, le]), U = d((i) => {
-    const w = i.action || "custom";
-    switch (w) {
+  }, [w, z, a, te, le]), U = d((i) => {
+    const k = i.action || "custom";
+    switch (k) {
       case "submit":
         ae();
         break;
       case "cancel":
         n == null || n({
-          formId: k,
+          formId: w,
           action: "cancel",
           buttonName: i.name || "cancel",
           timestamp: Date.now()
@@ -204,7 +204,7 @@ function nt({
         break;
       case "reset":
         X(), l == null || l({
-          formId: k,
+          formId: w,
           action: "reset",
           buttonName: i.name || "reset",
           timestamp: Date.now()
@@ -213,8 +213,8 @@ function nt({
       case "custom":
       default:
         s == null || s({
-          formId: k,
-          action: w,
+          formId: w,
+          action: k,
           buttonName: i.name || i.label,
           buttonLabel: i.label,
           values: { ...z },
@@ -224,7 +224,7 @@ function nt({
         }, 150);
         break;
     }
-  }, [k, z, ae, n, l, s, X, le]);
+  }, [w, z, ae, n, l, s, X, le]);
   return x ? /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -241,10 +241,10 @@ function nt({
       "data-artifactuse-theme": p
     },
     (E.title || E.description) && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-header" }, E.title && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-title" }, E.title), E.description && /* @__PURE__ */ e.createElement("p", { className: "artifactuse-form-description" }, E.description)),
-    /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-buttons" }, V.map((i, w) => /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-buttons" }, V.map((i, k) => /* @__PURE__ */ e.createElement(
       "button",
       {
-        key: i.name || i.label || w,
+        key: i.name || i.label || k,
         type: "button",
         className: `artifactuse-form-btn artifactuse-form-btn-${i.variant || "secondary"}`,
         onClick: () => U(i),
@@ -261,16 +261,16 @@ function nt({
       "data-artifactuse-theme": p
     },
     (E.title || E.description) && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-header" }, E.title && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-title" }, E.title), E.description && /* @__PURE__ */ e.createElement("p", { className: "artifactuse-form-description" }, E.description)),
-    /* @__PURE__ */ e.createElement("form", { onSubmit: ae, className: "artifactuse-form" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-fields" }, f.map((i, w) => /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("form", { onSubmit: ae, className: "artifactuse-form" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-fields" }, f.map((i, k) => /* @__PURE__ */ e.createElement(
       lt,
       {
-        key: i.name || w,
+        key: i.name || k,
         field: i,
-        formId: k,
+        formId: w,
         value: z[i.name],
         error: J[i.name],
         isSubmitting: D,
-        onChange: (y) => fe(i.name, y),
+        onChange: (g) => fe(i.name, g),
         onButtonAction: U
       }
     ))), !B && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-buttons artifactuse-form-buttons-default" }, /* @__PURE__ */ e.createElement(
@@ -338,7 +338,7 @@ function lt({ field: t, formId: a, value: n, error: l, isSubmitting: s, onChange
         onChange: () => r(c.value)
       }
     ), /* @__PURE__ */ e.createElement("span", null, c.label)))), t.helpText && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-help-text" }, t.helpText), l && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-error-text" }, l));
-  const g = () => st(t.type) ? /* @__PURE__ */ e.createElement(
+  const y = () => st(t.type) ? /* @__PURE__ */ e.createElement(
     "input",
     {
       type: t.type,
@@ -389,7 +389,7 @@ function lt({ field: t, formId: a, value: n, error: l, isSubmitting: s, onChange
       onChange: (c) => r(c.target.value)
     }
   );
-  return /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-field" }, /* @__PURE__ */ e.createElement("label", { htmlFor: u, className: "artifactuse-label" }, t.label, t.required && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-required" }, "*")), g(), t.helpText && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-help-text" }, t.helpText), l && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-error-text" }, l));
+  return /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-field" }, /* @__PURE__ */ e.createElement("label", { htmlFor: u, className: "artifactuse-label" }, t.label, t.required && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-required" }, "*")), y(), t.helpText && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-help-text" }, t.helpText), l && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-error-text" }, l));
 }
 const R = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23888"><circle cx="12" cy="8" r="4"/><path d="M12 14c-6 0-8 3-8 6v2h16v-2c0-3-2-6-8-6z"/></svg>', ct = {
   twitter: 280,
@@ -418,12 +418,12 @@ const R = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0
   let a = t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
   return a = a.replace(/\n/g, "<br>"), a = a.replace(/#(\w+)/g, '<span class="artifactuse-social-hashtag">#$1</span>'), a = a.replace(/@(\w+)/g, '<span class="artifactuse-social-mention">@$1</span>'), a;
 }, Ue = ({ author: t, content: a, engagement: n, meta: l }) => {
-  var p, u, g;
+  var p, u, y;
   const s = a.media || [], r = n.likes || n.retweets || n.replies || n.views;
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || R, alt: t.name, className: "artifactuse-social-avatar", onError: (c) => c.target.src = R }), /* @__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(xe, { 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" }, "· ", l.timestamp || "Just now")))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-content" }, /* @__PURE__ */ e.createElement("p", { className: "artifactuse-social-text", dangerouslySetInnerHTML: { __html: ue(a.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((c, b) => /* @__PURE__ */ e.createElement("img", { key: b, src: c.url, alt: c.alt || "", onError: (P) => P.target.style.display = "none" })))), a.link && !s.length && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-card" }, a.link.image && /* @__PURE__ */ e.createElement("img", { src: a.link.image, alt: a.link.title, className: "artifactuse-social-link-image", onError: (c) => c.target.style.display = "none" }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-info" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-domain" }, a.link.domain || Ve(a.link.url)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-title" }, a.link.title), a.link.description && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-description" }, a.link.description))), a.poll && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-poll" }, a.poll.options.map((c, b) => {
     var P, x;
     return /* @__PURE__ */ e.createElement("div", { key: b, className: "artifactuse-social-poll-option" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-poll-bar", style: { width: `${((P = a.poll.votes) == null ? void 0 : P[b]) || 0}%` } }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-poll-label" }, /* @__PURE__ */ e.createElement("span", null, c), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-poll-percent" }, ((x = a.poll.votes) == null ? void 0 : x[b]) || 0, "%")));
-  }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-poll-meta" }, I(a.poll.totalVotes || 0), " votes · ", a.poll.duration || "Poll ended")), a.quote && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-quote" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-quote-header" }, /* @__PURE__ */ e.createElement("img", { src: ((p = a.quote.author) == null ? void 0 : p.avatar) || R, className: "artifactuse-social-quote-avatar", alt: "" }), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-quote-author" }, (u = a.quote.author) == null ? void 0 : u.name), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-quote-handle" }, (g = a.quote.author) == null ? void 0 : g.handle)), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-social-quote-text" }, a.quote.text))), r && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, I(n.replies || 0), " replies"), /* @__PURE__ */ e.createElement("span", null, I(n.retweets || 0), " reposts"), /* @__PURE__ */ e.createElement("span", null, I(n.likes || 0), " likes"), /* @__PURE__ */ e.createElement("span", null, I(n.views || 0), " views")));
+  }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-poll-meta" }, I(a.poll.totalVotes || 0), " votes · ", a.poll.duration || "Poll ended")), a.quote && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-quote" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-quote-header" }, /* @__PURE__ */ e.createElement("img", { src: ((p = a.quote.author) == null ? void 0 : p.avatar) || R, className: "artifactuse-social-quote-avatar", alt: "" }), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-quote-author" }, (u = a.quote.author) == null ? void 0 : u.name), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-quote-handle" }, (y = a.quote.author) == null ? void 0 : y.handle)), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-social-quote-text" }, a.quote.text))), r && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, I(n.replies || 0), " replies"), /* @__PURE__ */ e.createElement("span", null, I(n.retweets || 0), " reposts"), /* @__PURE__ */ e.createElement("span", null, I(n.likes || 0), " likes"), /* @__PURE__ */ e.createElement("span", null, I(n.views || 0), " views")));
 }, ot = ({ author: t, content: a, engagement: n, meta: l }) => {
   const s = n.likes || n.comments || n.shares || n.reposts;
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || R, alt: t.name, className: "artifactuse-social-avatar", onError: (r) => r.target.src = R }), /* @__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" }, l.timestamp || "Just now", " · 🌐"))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-content" }, /* @__PURE__ */ e.createElement("p", { className: "artifactuse-social-text", dangerouslySetInnerHTML: { __html: ue(a.text) } }), a.link && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-card" }, a.link.image && /* @__PURE__ */ e.createElement("img", { src: a.link.image, alt: a.link.title, className: "artifactuse-social-link-image", onError: (r) => r.target.style.display = "none" }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-info" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-title" }, a.link.title), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-domain" }, a.link.domain || Ve(a.link.url))))), s && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, I(n.likes || 0), " reactions"), /* @__PURE__ */ e.createElement("span", null, I(n.comments || 0), " comments"), /* @__PURE__ */ e.createElement("span", null, I(n.shares || n.reposts || 0), " reposts")));
@@ -433,9 +433,9 @@ const R = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0
 }, ut = ({ author: t, content: a, engagement: n, meta: l }) => {
   const s = a.media || [], r = M(() => {
     const u = n.reactions || {};
-    return Object.values(u).reduce((g, c) => g + (c || 0), 0) || n.likes || 0;
+    return Object.values(u).reduce((y, c) => y + (c || 0), 0) || n.likes || 0;
   }, [n]), p = n.likes || n.comments || n.shares || r;
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || R, alt: t.name, className: "artifactuse-social-avatar", onError: (u) => u.target.src = R }), /* @__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" }, l.timestamp || "Just now", " · 🌐"))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-content" }, /* @__PURE__ */ e.createElement("p", { className: "artifactuse-social-text", dangerouslySetInnerHTML: { __html: ue(a.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((u, g) => /* @__PURE__ */ e.createElement("img", { key: g, src: u.url, alt: u.alt || "", onError: (c) => c.target.style.display = "none" })))), a.link && !s.length && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-card" }, a.link.image && /* @__PURE__ */ e.createElement("img", { src: a.link.image, alt: a.link.title, className: "artifactuse-social-link-image", onError: (u) => u.target.style.display = "none" }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-info" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-domain" }, a.link.domain || Ve(a.link.url)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-title" }, a.link.title)))), p && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, "👍❤️ ", I(r)), /* @__PURE__ */ e.createElement("span", null, I(n.comments || 0), " comments · ", I(n.shares || 0), " shares")));
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || R, alt: t.name, className: "artifactuse-social-avatar", onError: (u) => u.target.src = R }), /* @__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" }, l.timestamp || "Just now", " · 🌐"))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-content" }, /* @__PURE__ */ e.createElement("p", { className: "artifactuse-social-text", dangerouslySetInnerHTML: { __html: ue(a.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((u, y) => /* @__PURE__ */ e.createElement("img", { key: y, src: u.url, alt: u.alt || "", onError: (c) => c.target.style.display = "none" })))), a.link && !s.length && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-card" }, a.link.image && /* @__PURE__ */ e.createElement("img", { src: a.link.image, alt: a.link.title, className: "artifactuse-social-link-image", onError: (u) => u.target.style.display = "none" }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-info" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-domain" }, a.link.domain || Ve(a.link.url)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-title" }, a.link.title)))), p && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, "👍❤️ ", I(r)), /* @__PURE__ */ e.createElement("span", null, I(n.comments || 0), " comments · ", I(n.shares || 0), " shares")));
 }, dt = ({ author: t, content: a, engagement: n, meta: l }) => {
   const s = n.likes || n.replies || n.reposts;
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || R, alt: t.name, className: "artifactuse-social-avatar", onError: (r) => r.target.src = R }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author-name" }, t.name, t.verified && /* @__PURE__ */ e.createElement(xe, { type: "blue" }))), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-timestamp" }, l.timestamp || "Just now")), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-content" }, /* @__PURE__ */ e.createElement("p", { className: "artifactuse-social-text", dangerouslySetInnerHTML: { __html: ue(a.text) } })), s && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, I(n.likes || 0), " likes"), /* @__PURE__ */ e.createElement("span", null, I(n.replies || 0), " replies"), /* @__PURE__ */ e.createElement("span", null, I(n.reposts || 0), " reposts")));
@@ -453,13 +453,13 @@ function Et({ artifact: t, theme: a = "dark", onCopy: n }) {
     } catch {
       return { platform: "twitter", data: {} };
     }
-  }, [t.code]), p = (r == null ? void 0 : r.platform) || "twitter", u = (r == null ? void 0 : r.data) || {}, { author: g = {}, content: c = {}, engagement: b = {}, meta: P = {} } = u, x = ct[p] || 280, _ = (c.text || "").length, E = _ > x ? "error" : _ > x * 0.9 ? "warning" : "", k = d(() => {
+  }, [t.code]), p = (r == null ? void 0 : r.platform) || "twitter", u = (r == null ? void 0 : r.data) || {}, { author: y = {}, content: c = {}, engagement: b = {}, meta: P = {} } = u, x = ct[p] || 280, _ = (c.text || "").length, E = _ > x ? "error" : _ > x * 0.9 ? "warning" : "", w = d(() => {
     const v = c.text || "";
     navigator.clipboard.writeText(v).then(() => {
       s("Copied!"), setTimeout(() => s("Copy"), 2e3), n == null || n({ platform: p, text: v });
     });
   }, [c.text, p, n]), f = () => {
-    const v = { author: g, content: c, engagement: b, meta: P };
+    const v = { author: y, content: c, engagement: b, meta: P };
     switch (p) {
       case "twitter":
         return /* @__PURE__ */ e.createElement(Ue, { ...v });
@@ -479,7 +479,7 @@ function Et({ artifact: t, theme: a = "dark", onCopy: n }) {
         return /* @__PURE__ */ e.createElement(Ue, { ...v });
     }
   };
-  return /* @__PURE__ */ e.createElement("div", { className: `artifactuse-social artifactuse-social-${p}`, "data-artifactuse-theme": a }, f(), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-actions-bar" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-platform-badge" }, /* @__PURE__ */ e.createElement("span", null, it[p] || p)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-actions-right" }, /* @__PURE__ */ e.createElement("span", { className: `artifactuse-social-char-counter ${E}` }, _, "/", x), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-social-copy-btn", onClick: k }, l))));
+  return /* @__PURE__ */ e.createElement("div", { className: `artifactuse-social artifactuse-social-${p}`, "data-artifactuse-theme": a }, f(), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-actions-bar" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-platform-badge" }, /* @__PURE__ */ e.createElement("span", null, it[p] || p)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-actions-right" }, /* @__PURE__ */ e.createElement("span", { className: `artifactuse-social-char-counter ${E}` }, _, "/", x), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-social-copy-btn", onClick: w }, l))));
 }
 function vt({
   isOpen: t = !1,
@@ -490,7 +490,7 @@ function vt({
   onClose: r,
   className: p = ""
 }) {
-  const u = W(null), [g, c] = C(!1), [b, P] = C(!1);
+  const u = W(null), [y, c] = C(!1), [b, P] = C(!1);
   q(() => (P(!0), () => P(!1)), []), q(() => {
     var f;
     return t ? (document.body.style.overflow = "hidden", (f = u.current) == null || f.focus()) : (document.body.style.overflow = "", c(!1)), () => {
@@ -512,7 +512,7 @@ function vt({
   }, [n, l]);
   if (!t || !b)
     return null;
-  const k = /* @__PURE__ */ e.createElement(
+  const w = /* @__PURE__ */ e.createElement(
     "div",
     {
       ref: u,
@@ -527,7 +527,7 @@ function vt({
       {
         src: n,
         alt: l,
-        className: `artifactuse-viewer-image ${g ? "artifactuse-viewer-image--zoomed" : ""}`,
+        className: `artifactuse-viewer-image ${y ? "artifactuse-viewer-image--zoomed" : ""}`,
         onClick: _
       }
     ), a === "pdf" && /* @__PURE__ */ e.createElement(
@@ -550,9 +550,9 @@ function vt({
       {
         className: "artifactuse-viewer-control",
         onClick: _,
-        title: g ? "Zoom out" : "Zoom in"
+        title: y ? "Zoom out" : "Zoom in"
       },
-      g ? /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("circle", { cx: "11", cy: "11", r: "8" }), /* @__PURE__ */ e.createElement("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" }), /* @__PURE__ */ e.createElement("line", { x1: "8", y1: "11", x2: "14", y2: "11" })) : /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("circle", { cx: "11", cy: "11", r: "8" }), /* @__PURE__ */ e.createElement("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" }), /* @__PURE__ */ e.createElement("line", { x1: "11", y1: "8", x2: "11", y2: "14" }), /* @__PURE__ */ e.createElement("line", { x1: "8", y1: "11", x2: "14", y2: "11" }))
+      y ? /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("circle", { cx: "11", cy: "11", r: "8" }), /* @__PURE__ */ e.createElement("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" }), /* @__PURE__ */ e.createElement("line", { x1: "8", y1: "11", x2: "14", y2: "11" })) : /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("circle", { cx: "11", cy: "11", r: "8" }), /* @__PURE__ */ e.createElement("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" }), /* @__PURE__ */ e.createElement("line", { x1: "11", y1: "8", x2: "11", y2: "14" }), /* @__PURE__ */ e.createElement("line", { x1: "8", y1: "11", x2: "14", y2: "11" }))
     ), /* @__PURE__ */ e.createElement(
       "button",
       {
@@ -563,7 +563,7 @@ function vt({
       /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), /* @__PURE__ */ e.createElement("polyline", { points: "7 10 12 15 17 10" }), /* @__PURE__ */ e.createElement("line", { x1: "12", y1: "15", x2: "12", y2: "3" }))
     )), s && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-viewer-caption" }, s))
   );
-  return tt(k, document.body);
+  return tt(w, document.body);
 }
 function ht(t) {
   if (!t) return null;
@@ -612,7 +612,7 @@ function _t({
   onArtifactDetected: r,
   onArtifactOpen: p,
   onArtifactCopy: u,
-  onArtifactDownload: g,
+  onArtifactDownload: y,
   onFormSubmit: c,
   onFormCancel: b,
   onFormButtonClick: P,
@@ -621,19 +621,19 @@ function _t({
   className: E = ""
 }) {
   const {
-    processMessage: k,
+    processMessage: w,
     openArtifact: f,
     state: v,
     getTheme: B,
     instance: V
-  } = de(), z = W(null), L = W(null), J = W(null), K = W(l), [D, ne] = C(""), [le, fe] = C([]), [te, X] = C(!1), [ae, U] = C(!1), [ie, ee] = C("image"), [oe, i] = C(""), [w, y] = C(""), [N, T] = C(""), Y = M(() => typeof B == "function" ? B() : "dark", [B]), ge = (v == null ? void 0 : v.activeArtifactId) || null, pe = M(() => gt(D), [D]), Ce = M(() => te || s ? "active" : "inactive", [te, s]);
+  } = de(), z = W(null), L = W(null), J = W(null), K = W(l), [D, ne] = C(""), [le, fe] = C([]), [te, X] = C(!1), [ae, U] = C(!1), [ie, ee] = C("image"), [oe, i] = C(""), [k, g] = C(""), [N, T] = C(""), Y = M(() => typeof B == "function" ? B() : "dark", [B]), ge = (v == null ? void 0 : v.activeArtifactId) || null, pe = M(() => gt(D), [D]), Ce = M(() => te || s ? "active" : "inactive", [te, s]);
   q(() => {
     l && X(!0);
   }, [l]);
   const $ = d((h) => {
-    ee(h.type || "image"), i(h.src || ""), y(h.alt || ""), T(h.caption || ""), U(!0), _ && _(h);
+    ee(h.type || "image"), i(h.src || ""), g(h.alt || ""), T(h.caption || ""), U(!0), _ && _(h);
   }, [_]), Z = d(() => {
-    U(!1), i(""), y(""), T("");
+    U(!1), i(""), g(""), T("");
   }, []), me = d(() => {
     if (!L.current) return;
     L.current.querySelectorAll('img[data-lightbox="true"]').forEach((o) => {
@@ -719,10 +719,10 @@ function _t({
   }, [V, me]);
   q(() => {
     if (t) {
-      const h = k(t, a);
+      const h = w(t, a);
       ne(h.html), fe(h.artifacts), h.artifacts.length > 0 && r && r(h.artifacts), l || re();
     }
-  }, [t, a, k, l, re, r]), q(() => {
+  }, [t, a, w, l, re, r]), q(() => {
     K.current === !0 && l === !1 && re(), K.current = l;
   }, [l, re]), q(() => (l && X(!0), l || re(), () => {
     J.current && clearTimeout(J.current), ye();
@@ -732,8 +732,8 @@ function _t({
   }, [f, p]), _e = d((h) => {
     u && u(h);
   }, [u]), Ne = d((h) => {
-    g && g(h);
-  }, [g]), Pe = d((h) => {
+    y && y(h);
+  }, [y]), Pe = d((h) => {
     c && c(h);
   }, [c]), Ee = d((h) => {
     b && b(h);
@@ -803,7 +803,7 @@ function _t({
         isOpen: ae,
         type: ie,
         src: oe,
-        alt: w,
+        alt: k,
         caption: N,
         onClose: Z
       }
@@ -848,13 +848,13 @@ function Pt({
     activeArtifact: r,
     artifactCount: p,
     hasArtifacts: u,
-    closePanel: g,
+    closePanel: y,
     toggleFullscreen: c,
     setViewMode: b,
     getPanelUrl: P,
     openArtifact: x,
     instance: _
-  } = de(), E = W(null), k = W(null), f = W(null), v = W(null), B = W(null), [V, z] = C(!1), [L, J] = C(!1), [K, D] = C(!0), [ne, le] = C(!1), [fe, te] = C(!1), [X, ae] = C(!1), [U, ie] = C(50), [ee, oe] = C(50), i = W(null), w = W(null), y = W(null), N = W(null), T = W(null), Y = M(() => r ? we(r.language) : "", [r]), ge = M(() => r ? ze(r.language) : "", [r]), pe = M(() => r ? P(r) : null, [r, P]), Ce = M(() => r ? Ye(r.language) : "plaintext", [r]), $ = M(() => s.artifacts.filter((m) => !m.isInline), [s.artifacts]), Z = M(() => r ? $.findIndex((m) => m.id === r.id) : -1, [r, $]), me = M(() => {
+  } = de(), E = W(null), w = W(null), f = W(null), v = W(null), B = W(null), [V, z] = C(!1), [L, J] = C(!1), [K, D] = C(!0), [ne, le] = C(!1), [fe, te] = C(!1), [X, ae] = C(!1), [U, ie] = C(50), [ee, oe] = C(50), i = W(null), k = W(null), g = W(null), N = W(null), T = W(null), Y = M(() => r ? ke(r.language) : "", [r]), ge = M(() => r ? ze(r.language) : "", [r]), pe = M(() => r ? P(r) : null, [r, P]), Ce = M(() => r ? Ye(r.language) : "plaintext", [r]), $ = M(() => s.artifacts.filter((m) => !m.isInline), [s.artifacts]), Z = M(() => r ? $.findIndex((m) => m.id === r.id) : -1, [r, $]), me = M(() => {
     var m;
     return ((m = _ == null ? void 0 : _.config) == null ? void 0 : m.branding) !== !1;
   }, [_]), ye = M(() => r ? U : Math.min(U, 30), [r, U]), re = d((m) => `<svg viewBox="0 0 24 24" fill="currentColor">${ze(m)}</svg>`, []), Le = d(() => {
@@ -865,12 +865,12 @@ function Pt({
 `).length, A = Array.from({ length: m }, (G, O) => `<div>${O + 1}</div>`).join("");
     v.current.innerHTML = A;
   }, [r]), Ne = d(() => {
-    k.current && Ge() && (window.Prism.highlightElement(k.current), setTimeout(() => {
+    w.current && Ge() && (window.Prism.highlightElement(w.current), setTimeout(() => {
       Pe();
     }, 0));
   }, []), Pe = d(() => {
     var A;
-    const m = (A = k.current) == null ? void 0 : A.closest("pre");
+    const m = (A = w.current) == null ? void 0 : A.closest("pre");
     if (m && B.current && v.current) {
       const O = window.getComputedStyle(m).backgroundColor;
       O && O !== "rgba(0, 0, 0, 0)" && O !== "transparent" && (B.current.style.backgroundColor = O, v.current.style.backgroundColor = O);
@@ -894,7 +894,7 @@ function Pt({
       }
   }, [r]), ve = d(() => {
     if (!r) return;
-    const { code: m, language: A, title: G } = r, O = Re(A), he = `${G.toLowerCase().replace(/\s+/g, "-")}.${O}`, ke = new Blob([m], { type: "text/plain" }), se = URL.createObjectURL(ke), Q = document.createElement("a");
+    const { code: m, language: A, title: G } = r, O = Re(A), he = `${G.toLowerCase().replace(/\s+/g, "-")}.${O}`, we = new Blob([m], { type: "text/plain" }), se = URL.createObjectURL(we), Q = document.createElement("a");
     Q.href = se, Q.download = he, document.body.appendChild(Q), Q.click(), document.body.removeChild(Q), URL.revokeObjectURL(se);
   }, [r]), He = d(async () => {
     if (!(X || $.length === 0)) {
@@ -908,8 +908,8 @@ function Pt({
           const qe = A.get(We) || 0;
           qe > 0 && (We = `${Be}-${qe}.${Fe}`), A.set(`${Be}.${Fe}`, qe + 1), m.file(We, Q.code);
         }
-        const G = await m.generateAsync({ type: "blob" }), he = `artifacts-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.zip`, ke = URL.createObjectURL(G), se = document.createElement("a");
-        se.href = ke, se.download = he, document.body.appendChild(se), se.click(), document.body.removeChild(se), URL.revokeObjectURL(ke);
+        const G = await m.generateAsync({ type: "blob" }), he = `artifacts-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.zip`, we = URL.createObjectURL(G), se = document.createElement("a");
+        se.href = we, se.download = he, document.body.appendChild(se), se.click(), document.body.removeChild(se), URL.revokeObjectURL(we);
       } catch (m) {
         console.error("Failed to create ZIP:", m);
       } finally {
@@ -940,7 +940,7 @@ function Pt({
   }, [S]), j = d((m) => {
     if (!f.current) return;
     const A = f.current.getBoundingClientRect();
-    w.current = {
+    k.current = {
       startX: m.clientX,
       startPosition: ee,
       contentLeft: A.left,
@@ -949,11 +949,11 @@ function Pt({
       G.style.pointerEvents = "none";
     });
   }, [ee]), ce = d((m) => {
-    if (!w.current) return;
-    const G = (m.clientX - w.current.contentLeft) / w.current.contentWidth * 100;
+    if (!k.current) return;
+    const G = (m.clientX - k.current.contentLeft) / k.current.contentWidth * 100;
     oe(Math.min(Math.max(G, 20), 80));
   }, []), be = d(() => {
-    w.current = null, document.removeEventListener("mousemove", ce), document.removeEventListener("mouseup", be), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((m) => {
+    k.current = null, document.removeEventListener("mousemove", ce), document.removeEventListener("mouseup", be), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((m) => {
       m.style.pointerEvents = "";
     });
   }, [ce]);
@@ -964,7 +964,7 @@ function Pt({
   }, [s.viewMode, Ee]), q(() => (t && _.on("ai:request", t), a && _.on("save:request", a), n && _.on("export:complete", n), () => {
     t && _.off("ai:request", t), a && _.off("save:request", a), n && _.off("export:complete", n);
   }), [_, t, a, n]), q(() => () => {
-    F(), be(), clearTimeout(y.current), clearTimeout(N.current), clearTimeout(T.current);
+    F(), be(), clearTimeout(g.current), clearTimeout(N.current), clearTimeout(T.current);
   }, [F, be]), !s.isPanelOpen) return null;
   const Ie = [
     "artifactuse-panel",
@@ -1043,7 +1043,7 @@ function Pt({
       {
         className: "artifactuse-panel__action artifactuse-panel__action--close",
         title: "Close",
-        onClick: g
+        onClick: y
       },
       /* @__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" }))
     ))),
@@ -1060,7 +1060,7 @@ function Pt({
           ref: E,
           src: pe,
           className: `artifactuse-panel__iframe ${K ? "artifactuse-panel__iframe--loading" : ""}`,
-          sandbox: "allow-scripts allow-same-origin allow-forms allow-popups allow-modals",
+          sandbox: "allow-scripts allow-same-origin allow-forms allow-popups allow-modals allow-downloads",
           onLoad: Te,
           onError: $e
         }
@@ -1082,7 +1082,7 @@ function Pt({
       /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__code-scroll", ref: B }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__line-numbers", ref: v }), /* @__PURE__ */ e.createElement("pre", { className: "artifactuse-panel__code-block" }, /* @__PURE__ */ e.createElement(
         "code",
         {
-          ref: k,
+          ref: w,
           className: `language-${Ce}`
         },
         r.code
@@ -1162,15 +1162,9 @@ function Pt({
           dangerouslySetInnerHTML: { __html: re(m.language) }
         }
       ),
-      /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__artifact-item-content" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__artifact-item-title" }, m.title || "Untitled"), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__artifact-item-meta" }, we(m.language), m.lineCount && ` • ${m.lineCount} lines`)),
+      /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__artifact-item-content" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__artifact-item-title" }, m.title || "Untitled"), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__artifact-item-meta" }, ke(m.language), m.lineCount && ` • ${m.lineCount} lines`)),
       /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__artifact-item-index" }, A + 1)
     )))))))
-  ), s.isFullscreen && /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      className: "artifactuse-panel__backdrop",
-      onClick: g
-    }
   )) : /* @__PURE__ */ e.createElement("div", { className: Ie, style: s.isFullscreen ? void 0 : { width: `${ye}%` } }, !s.isFullscreen && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__resize-handle", onMouseDown: o }, /* @__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" }, $.length, " available"))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__actions" }, /* @__PURE__ */ e.createElement(
     "button",
     {
@@ -1185,7 +1179,7 @@ function Pt({
     {
       className: "artifactuse-panel__action artifactuse-panel__action--close",
       title: "Close panel",
-      onClick: g
+      onClick: y
     },
     /* @__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" }, $.map((m, A) => /* @__PURE__ */ e.createElement(
@@ -1202,7 +1196,7 @@ function Pt({
         dangerouslySetInnerHTML: { __html: re(m.language) }
       }
     ),
-    /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__list-item-content" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__list-item-title" }, m.title || "Untitled"), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__list-item-meta" }, we(m.language), m.lineCount && ` • ${m.lineCount} lines`)),
+    /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__list-item-content" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__list-item-title" }, m.title || "Untitled"), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__list-item-meta" }, ke(m.language), m.lineCount && ` • ${m.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" }, me && /* @__PURE__ */ e.createElement(
     "a",
@@ -1219,7 +1213,7 @@ function Pt({
     {
       className: "artifactuse-panel__action artifactuse-panel__action--close",
       title: "Close panel",
-      onClick: g
+      onClick: y
     },
     /* @__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__empty" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__empty-icon" }, /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5" }, /* @__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("h3", { className: "artifactuse-panel__empty-title" }, "No artifacts yet"), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-panel__empty-text" }, "Code blocks, forms, and other interactive content will appear here as the AI generates them.")), /* @__PURE__ */ e.createElement("footer", { className: "artifactuse-panel__footer artifactuse-panel__footer--simple" }, me && /* @__PURE__ */ e.createElement(
@@ -1277,16 +1271,16 @@ function Nt({ children: t, config: a = {} }) {
       f(), l.destroy();
     };
   }, [l]);
-  const g = M(() => s.activeArtifactId && s.artifacts.find((f) => f.id === s.activeArtifactId) || null, [s.artifacts, s.activeArtifactId]), c = s.artifacts.length, b = c > 0, P = M(() => g ? l.getPanelUrl(g) : null, [g, l]), x = d((f) => {
+  const y = M(() => s.activeArtifactId && s.artifacts.find((f) => f.id === s.activeArtifactId) || null, [s.artifacts, s.activeArtifactId]), c = s.artifacts.length, b = c > 0, P = M(() => y ? l.getPanelUrl(y) : null, [y, l]), x = d((f) => {
     l.setTheme(f), l.applyTheme();
   }, [l]), _ = d((f, v) => {
     l.registerPanel(f, v), u(l.getPanelTypes());
   }, [l]), E = d((f) => {
     l.unregisterPanel(f), u(l.getPanelTypes());
-  }, [l]), k = M(() => ({
+  }, [l]), w = M(() => ({
     instance: l,
     state: s,
-    activeArtifact: g,
+    activeArtifact: y,
     artifactCount: c,
     hasArtifacts: b,
     // Panel computed
@@ -1317,7 +1311,7 @@ function Nt({ children: t, config: a = {} }) {
   }), [
     l,
     s,
-    g,
+    y,
     c,
     b,
     p,
@@ -1326,7 +1320,7 @@ function Nt({ children: t, config: a = {} }) {
     _,
     E
   ]);
-  return /* @__PURE__ */ e.createElement(Je.Provider, { value: k }, t);
+  return /* @__PURE__ */ e.createElement(Je.Provider, { value: w }, t);
 }
 function de() {
   const t = Ke(Je);
@@ -1343,16 +1337,16 @@ function bt(t, a) {
     };
   }, [t, a, n, l]);
 }
-function kt() {
+function wt() {
   const {
     registerPanel: t,
     unregisterPanel: a,
     hasPanel: n,
     panelTypes: l,
     instance: s
-  } = de(), r = d((u) => n({ type: u }), [n]), p = d((u, g = {}) => {
+  } = de(), r = d((u) => n({ type: u }), [n]), p = d((u, y = {}) => {
     var c;
-    return ((c = s.panelResolver) == null ? void 0 : c.resolve(u, g)) || null;
+    return ((c = s.panelResolver) == null ? void 0 : c.resolve(u, y)) || null;
   }, [s]);
   return {
     register: t,
@@ -1367,7 +1361,7 @@ const $t = {
   ArtifactuseProvider: Nt,
   useArtifactuse: de,
   useArtifactuseEvent: bt,
-  usePanelRegistry: kt,
+  usePanelRegistry: wt,
   DEFAULT_PANELS: Oe
 };
 export {
@@ -1383,5 +1377,5 @@ export {
   $t as default,
   de as useArtifactuse,
   bt as useArtifactuseEvent,
-  kt as usePanelRegistry
+  wt as usePanelRegistry
 };