artifactuse 0.1.25 → 0.1.28

package/dist/react/index.js

@@ -1,210 +1,210 @@
-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-Bzk5VnG1.js";
-import { J as Vt } from "../jszip.min-CdmYyw5L.js";
-import { createPortal as zt } from "react-dom";
-function Rt({
+import e, { useState as b, useMemo as T, useCallback as d, useRef as W, useEffect as j, createContext as Bt, useContext as Ft } from "react";
+import { g as ze, f as Et, a as et, b as tt, n as Wt, i as dt, c as Vt, D as vt, d as zt } from "../index-D56xsAnF.js";
+import { J as Rt } from "../jszip.min-CdmYyw5L.js";
+import { createPortal as qt } from "react-dom";
+function Dt({
   artifact: t,
-  isActive: r = !1,
+  isActive: a = !1,
   onOpen: c,
-  onCopy: n,
+  onCopy: l,
   onDownload: s,
-  className: a = ""
+  className: r = ""
 }) {
-  const [E, p] = b(!1), N = T(() => Te(t.language), [t.language]), i = T(() => {
-    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(), c && c(t);
-  }, [t, c]), P = d(async (x) => {
-    x.stopPropagation();
+  const [v, p] = b(!1), x = T(() => ze(t.language), [t.language]), i = T(() => {
+    var C;
+    return Et(t.size || ((C = t.code) == null ? void 0 : C.length) || 0);
+  }, [t.size, t.code]), k = T(() => et(t.language), [t.language]), S = d((C) => {
+    C.stopPropagation(), c && c(t);
+  }, [t, c]), L = d(async (C) => {
+    C.stopPropagation();
     try {
-      await navigator.clipboard.writeText(t.code), p(!0), n && n(t), setTimeout(() => {
+      await navigator.clipboard.writeText(t.code), p(!0), l && l(t), setTimeout(() => {
         p(!1);
       }, 2e3);
     } catch {
-      const h = document.createElement("textarea");
-      h.value = t.code, h.style.position = "fixed", h.style.opacity = "0", document.body.appendChild(h), h.select();
+      const g = document.createElement("textarea");
+      g.value = t.code, g.style.position = "fixed", g.style.opacity = "0", document.body.appendChild(g), g.select();
       try {
-        document.execCommand("copy"), p(!0), n && n(t), setTimeout(() => {
+        document.execCommand("copy"), p(!0), l && l(t), setTimeout(() => {
           p(!1);
         }, 2e3);
-      } catch (B) {
-        console.error("Failed to copy:", B);
+      } catch (z) {
+        console.error("Failed to copy:", z);
       }
-      document.body.removeChild(h);
+      document.body.removeChild(g);
     }
-  }, [t, n]), m = d((x) => {
-    var M;
-    x.stopPropagation();
-    const f = new Blob([t.code], { type: "text/plain" }), h = URL.createObjectURL(f), B = document.createElement("a"), U = Ye(t.language), $ = ((M = t.title) == null ? void 0 : M.replace(/[^a-z0-9]/gi, "_").toLowerCase()) || "code";
-    B.href = h, B.download = `${$}.${U}`, document.body.appendChild(B), B.click(), document.body.removeChild(B), URL.revokeObjectURL(h), s && s(t);
-  }, [t, s]), g = [
+  }, [t, l]), u = d((C) => {
+    var R;
+    C.stopPropagation();
+    const f = new Blob([t.code], { type: "text/plain" }), g = URL.createObjectURL(f), z = document.createElement("a"), se = tt(t.language), M = ((R = t.title) == null ? void 0 : R.replace(/[^a-z0-9]/gi, "_").toLowerCase()) || "code";
+    z.href = g, z.download = `${M}.${se}`, document.body.appendChild(z), z.click(), document.body.removeChild(z), URL.revokeObjectURL(g), s && s(t);
+  }, [t, s]), h = [
     "artifactuse-card",
-    r && "artifactuse-card--active",
-    a
+    a && "artifactuse-card--active",
+    r
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.createElement("div", { className: g, onClick: S }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-card__icon" }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: h, onClick: S }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-card__icon" }, /* @__PURE__ */ e.createElement(
     "svg",
     {
       viewBox: "0 0 24 24",
       fill: "none",
       stroke: "currentColor",
       strokeWidth: "1.5",
-      dangerouslySetInnerHTML: { __html: w }
+      dangerouslySetInnerHTML: { __html: k }
     }
-  )), /* @__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" }, N), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-card__separator" }, "•"), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-card__size" }, i))), /* @__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" }, x), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-card__separator" }, "•"), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-card__size" }, i))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-card__actions" }, /* @__PURE__ */ e.createElement(
     "button",
     {
       className: "artifactuse-card__action",
-      title: E ? "Copied!" : "Copy code",
-      onClick: P
+      title: v ? "Copied!" : "Copy code",
+      onClick: L
     },
-    E ? /* @__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("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }), /* @__PURE__ */ e.createElement("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" }))
+    v ? /* @__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("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }), /* @__PURE__ */ e.createElement("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" }))
   ), /* @__PURE__ */ e.createElement(
     "button",
     {
       className: "artifactuse-card__action",
       title: "Download file",
-      onClick: m
+      onClick: u
     },
     /* @__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" }))
   )), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-card__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" }))));
 }
-function qt(t) {
+function Ut(t) {
   if (!t) return null;
-  const r = t.trim();
-  if (r.startsWith("#")) {
-    let s = r.slice(1);
-    if (s.length === 3 && (s = s.split("").map((a) => a + a).join("")), s.length === 6) {
-      const a = parseInt(s.slice(0, 2), 16), E = parseInt(s.slice(2, 4), 16), p = parseInt(s.slice(4, 6), 16);
-      if (!isNaN(a) && !isNaN(E) && !isNaN(p)) return `${a}, ${E}, ${p}`;
+  const a = t.trim();
+  if (a.startsWith("#")) {
+    let s = a.slice(1);
+    if (s.length === 3 && (s = s.split("").map((r) => r + r).join("")), s.length === 6) {
+      const r = parseInt(s.slice(0, 2), 16), v = parseInt(s.slice(2, 4), 16), p = parseInt(s.slice(4, 6), 16);
+      if (!isNaN(r) && !isNaN(v) && !isNaN(p)) return `${r}, ${v}, ${p}`;
     }
   }
-  const c = r.match(/^rgba?\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i);
+  const c = a.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;
+  const l = a.split(/[\s,]+/).map(Number).filter((s) => !isNaN(s));
+  return l.length >= 3 ? `${l[0]}, ${l[1]}, ${l[2]}` : null;
 }
-function ot(t) {
-  return t ? t.map((r) => typeof r == "string" ? { label: r, value: r } : r) : [];
+function ft(t) {
+  return t ? t.map((a) => typeof a == "string" ? { label: a, value: a } : a) : [];
 }
-function Dt(t) {
+function jt(t) {
   return ["text", "email", "password", "tel", "url", "number", "date", "time", "datetime-local"].includes(t);
 }
-function Ut({
+function Ot({
   artifact: t,
-  onSubmit: r,
+  onSubmit: a,
   onCancel: c,
-  onReset: n,
+  onReset: l,
   onButtonClick: s,
-  className: a = "",
-  theme: E = "dark",
+  className: r = "",
+  theme: v = "dark",
   accent: p = null,
-  initialState: N = "active"
+  initialState: x = "active"
   // 'active' | 'submitted' | 'cancelled' | 'inactive'
 }) {
-  var de, ne, le;
-  const i = W(null), [w, S] = b(N), P = w !== "active", m = w === "active" ? "" : `artifactuse-form--${w}`, g = T(() => {
+  var ie, ne, oe;
+  const i = W(null), [k, S] = b(x), L = k !== "active", u = k === "active" ? "" : `artifactuse-form--${k}`, h = T(() => {
     try {
       return JSON.parse(t.code);
     } catch {
       return { title: "Invalid Form", variant: "fields", data: { fields: [] } };
     }
-  }, [t.code]), x = t.id || g.id || `form-${Date.now()}`, f = ((de = g.data) == null ? void 0 : de.fields) || [], h = g.title || "Form", B = T(() => f.some((o) => o.type === "buttons"), [f]), U = T(() => g.variant === "buttons" ? f : [], [g.variant, f]), [$, M] = b(() => {
+  }, [t.code]), C = t.id || h.id || `form-${Date.now()}`, f = ((ie = h.data) == null ? void 0 : ie.fields) || [], g = h.title || "Form", z = T(() => f.some((o) => o.type === "buttons"), [f]), se = T(() => h.variant === "buttons" ? f : [], [h.variant, f]), [M, R] = b(() => {
     var _;
     const o = {};
     return f.forEach((y) => {
       ["buttons", "divider", "heading"].includes(y.type) || (y.defaultValue !== void 0 ? o[y.name] = y.defaultValue : y.type === "checkbox" ? o[y.name] = !1 : o[y.name] = "");
-    }), (_ = g.data) != null && _.defaults && Object.assign(o, g.data.defaults), o;
-  }), [Y, Q] = b({}), [O, me] = b(!1);
-  q(() => {
-    S(N);
-  }, [N]), q(() => {
+    }), (_ = h.data) != null && _.defaults && Object.assign(o, h.data.defaults), o;
+  }), [le, q] = b({}), [ee, $] = b(!1);
+  j(() => {
+    S(x);
+  }, [x]), j(() => {
     var _;
     const o = {};
     f.forEach((y) => {
       ["buttons", "divider", "heading"].includes(y.type) || (y.defaultValue !== void 0 ? o[y.name] = y.defaultValue : y.type === "checkbox" ? o[y.name] = !1 : o[y.name] = "");
-    }), (_ = g.data) != null && _.defaults && Object.assign(o, g.data.defaults), M(o), Q({});
-  }, [t.code]), q(() => {
-    if (i.current && (i.current.setAttribute("data-artifactuse-theme", E), p)) {
-      const o = qt(p);
+    }), (_ = h.data) != null && _.defaults && Object.assign(o, h.data.defaults), R(o), q({});
+  }, [t.code]), j(() => {
+    if (i.current && (i.current.setAttribute("data-artifactuse-theme", v), p)) {
+      const o = Ut(p);
       o && i.current.style.setProperty("--artifactuse-primary", o);
     }
-  }, [E, p]);
-  const K = d((o) => {
+  }, [v, p]);
+  const D = d((o) => {
     S(o);
-  }, []), Ee = d((o, _) => {
-    M((y) => ({ ...y, [o]: _ })), Q((y) => {
-      const k = { ...y };
-      return delete k[o], k;
+  }, []), de = d((o, _) => {
+    R((y) => ({ ...y, [o]: _ })), q((y) => {
+      const w = { ...y };
+      return delete w[o], w;
     });
-  }, []), re = d(() => {
+  }, []), ce = d(() => {
     var y;
     const o = {};
-    f.forEach((k) => {
-      if (["buttons", "divider", "heading"].includes(k.type)) return;
-      const H = $[k.name];
-      if (k.required && !H && H !== 0 && H !== !1) {
-        o[k.name] = `${k.label || "This field"} is required`;
+    f.forEach((w) => {
+      if (["buttons", "divider", "heading"].includes(w.type)) return;
+      const H = M[w.name];
+      if (w.required && !H && H !== 0 && H !== !1) {
+        o[w.name] = `${w.label || "This field"} is required`;
         return;
       }
-      if (k.pattern && H && !new RegExp(k.pattern).test(H)) {
-        o[k.name] = k.patternMessage || `${k.label || "This field"} is invalid`;
+      if (w.pattern && H && !new RegExp(w.pattern).test(H)) {
+        o[w.name] = w.patternMessage || `${w.label || "This field"} is invalid`;
         return;
       }
-      if (k.type === "email" && H && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(H)) {
-        o[k.name] = "Please enter a valid email address";
+      if (w.type === "email" && H && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(H)) {
+        o[w.name] = "Please enter a valid email address";
         return;
       }
-      if (k.minLength && H && H.length < k.minLength) {
-        o[k.name] = `Minimum ${k.minLength} characters required`;
+      if (w.minLength && H && H.length < w.minLength) {
+        o[w.name] = `Minimum ${w.minLength} characters required`;
         return;
       }
-      if (k.maxLength && H && H.length > k.maxLength) {
-        o[k.name] = `Maximum ${k.maxLength} characters allowed`;
+      if (w.maxLength && H && H.length > w.maxLength) {
+        o[w.name] = `Maximum ${w.maxLength} characters allowed`;
         return;
       }
     });
-    const _ = (y = g.data) == null ? void 0 : y.validation;
-    return _ && Object.entries(_).forEach(([k, H]) => {
-      if (o[k]) return;
-      const X = $[k];
-      H.pattern && X && (new RegExp(H.pattern).test(X) || (o[k] = H.message || `${k} is invalid`));
-    }), Q(o), Object.keys(o).length === 0;
-  }, [f, $, (ne = g.data) == null ? void 0 : ne.validation]), ue = d(() => {
+    const _ = (y = h.data) == null ? void 0 : y.validation;
+    return _ && Object.entries(_).forEach(([w, H]) => {
+      if (o[w]) return;
+      const ae = M[w];
+      H.pattern && ae && (new RegExp(H.pattern).test(ae) || (o[w] = H.message || `${w} is invalid`));
+    }), q(o), Object.keys(o).length === 0;
+  }, [f, M, (ne = h.data) == null ? void 0 : ne.validation]), ge = d(() => {
     var _;
     const o = {};
     f.forEach((y) => {
       ["buttons", "divider", "heading"].includes(y.type) || (y.defaultValue !== void 0 ? o[y.name] = y.defaultValue : y.type === "checkbox" ? o[y.name] = !1 : o[y.name] = "");
-    }), (_ = g.data) != null && _.defaults && Object.assign(o, g.data.defaults), M(o), Q({});
-  }, [f, (le = g.data) == null ? void 0 : le.defaults]), se = d((o) => {
-    o == null || o.preventDefault(), re() && (me(!0), r == null || r({
-      formId: x,
+    }), (_ = h.data) != null && _.defaults && Object.assign(o, h.data.defaults), R(o), q({});
+  }, [f, (oe = h.data) == null ? void 0 : oe.defaults]), fe = d((o) => {
+    o == null || o.preventDefault(), ce() && ($(!0), a == null || a({
+      formId: C,
       action: "submit",
-      values: { ...$ },
+      values: { ...M },
       timestamp: Date.now()
     }), setTimeout(() => {
-      me(!1), K("submitted");
+      $(!1), D("submitted");
     }, 300));
-  }, [x, $, r, re, K]), J = d((o) => {
+  }, [C, M, a, ce, D]), te = d((o) => {
     const _ = o.action || "custom";
     switch (_) {
       case "submit":
-        se();
+        fe();
         break;
       case "cancel":
         c == null || c({
-          formId: x,
+          formId: C,
           action: "cancel",
           buttonName: o.name || "cancel",
           timestamp: Date.now()
         }), setTimeout(() => {
-          K("cancelled");
+          D("cancelled");
         }, 150);
         break;
       case "reset":
-        ue(), n == null || n({
-          formId: x,
+        ge(), l == null || l({
+          formId: C,
           action: "reset",
           buttonName: o.name || "reset",
           timestamp: Date.now()
@@ -213,42 +213,42 @@ function Ut({
       case "custom":
       default:
         s == null || s({
-          formId: x,
+          formId: C,
           action: _,
           buttonName: o.name || o.label,
           buttonLabel: o.label,
-          values: { ...$ },
+          values: { ...M },
           timestamp: Date.now()
         }), setTimeout(() => {
-          K("submitted");
+          D("submitted");
         }, 150);
         break;
     }
-  }, [x, $, se, c, n, s, ue, K]);
-  return P ? /* @__PURE__ */ e.createElement(
+  }, [C, M, fe, c, l, s, ge, D]);
+  return L ? /* @__PURE__ */ e.createElement(
     "div",
     {
       ref: i,
-      className: `artifactuse-inline-form artifactuse-form-${g.variant || "fields"} ${m} ${a}`,
-      "data-artifactuse-theme": E
+      className: `artifactuse-inline-form artifactuse-form-${h.variant || "fields"} ${u} ${r}`,
+      "data-artifactuse-theme": v
     },
-    /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-collapsed" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-collapsed-icon" }, w === "submitted" && /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("polyline", { points: "20 6 9 17 4 12" })), w === "cancelled" && /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), /* @__PURE__ */ e.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" })), w === "inactive" && /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("line", { x1: "5", y1: "12", x2: "19", y2: "12" }))), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-form-collapsed-title" }, h))
-  ) : g.variant === "buttons" ? /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-collapsed" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-collapsed-icon" }, k === "submitted" && /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("polyline", { points: "20 6 9 17 4 12" })), k === "cancelled" && /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), /* @__PURE__ */ e.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" })), k === "inactive" && /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("line", { x1: "5", y1: "12", x2: "19", y2: "12" }))), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-form-collapsed-title" }, g))
+  ) : h.variant === "buttons" ? /* @__PURE__ */ e.createElement(
     "div",
     {
       ref: i,
-      className: `artifactuse-inline-form artifactuse-form-buttons ${a}`,
-      "data-artifactuse-theme": E
+      className: `artifactuse-inline-form artifactuse-form-buttons ${r}`,
+      "data-artifactuse-theme": v
     },
-    (g.title || g.description) && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-header" }, g.title && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-title" }, g.title), g.description && /* @__PURE__ */ e.createElement("p", { className: "artifactuse-form-description" }, g.description)),
-    /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-buttons" }, U.map((o, _) => /* @__PURE__ */ e.createElement(
+    (h.title || h.description) && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-header" }, h.title && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-title" }, h.title), h.description && /* @__PURE__ */ e.createElement("p", { className: "artifactuse-form-description" }, h.description)),
+    /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-buttons" }, se.map((o, _) => /* @__PURE__ */ e.createElement(
       "button",
       {
         key: o.name || o.label || _,
         type: "button",
         className: `artifactuse-form-btn artifactuse-form-btn-${o.variant || "secondary"}`,
-        onClick: () => J(o),
-        disabled: o.disabled || O
+        onClick: () => te(o),
+        disabled: o.disabled || ee
       },
       o.icon && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-form-btn-icon", dangerouslySetInnerHTML: { __html: o.icon } }),
       o.label
@@ -257,28 +257,28 @@ function Ut({
     "div",
     {
       ref: i,
-      className: `artifactuse-inline-form artifactuse-form-fields ${a}`,
-      "data-artifactuse-theme": E
+      className: `artifactuse-inline-form artifactuse-form-fields ${r}`,
+      "data-artifactuse-theme": v
     },
-    (g.title || g.description) && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-header" }, g.title && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-title" }, g.title), g.description && /* @__PURE__ */ e.createElement("p", { className: "artifactuse-form-description" }, g.description)),
-    /* @__PURE__ */ e.createElement("form", { onSubmit: se, className: "artifactuse-form" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-fields" }, f.map((o, _) => /* @__PURE__ */ e.createElement(
-      jt,
+    (h.title || h.description) && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-header" }, h.title && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-title" }, h.title), h.description && /* @__PURE__ */ e.createElement("p", { className: "artifactuse-form-description" }, h.description)),
+    /* @__PURE__ */ e.createElement("form", { onSubmit: fe, className: "artifactuse-form" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-fields" }, f.map((o, _) => /* @__PURE__ */ e.createElement(
+      Jt,
       {
         key: o.name || _,
         field: o,
-        formId: x,
-        value: $[o.name],
-        error: Y[o.name],
-        isSubmitting: O,
-        onChange: (y) => Ee(o.name, y),
-        onButtonAction: J
+        formId: C,
+        value: M[o.name],
+        error: le[o.name],
+        isSubmitting: ee,
+        onChange: (y) => de(o.name, y),
+        onButtonAction: te
       }
-    ))), !B && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-buttons artifactuse-form-buttons-default" }, /* @__PURE__ */ e.createElement(
+    ))), !z && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-buttons artifactuse-form-buttons-default" }, /* @__PURE__ */ e.createElement(
       "button",
       {
         type: "button",
         className: "artifactuse-form-btn artifactuse-form-btn-ghost",
-        onClick: () => J({ action: "cancel", label: "Cancel" })
+        onClick: () => te({ action: "cancel", label: "Cancel" })
       },
       "Cancel"
     ), /* @__PURE__ */ e.createElement(
@@ -286,23 +286,23 @@ function Ut({
       {
         type: "submit",
         className: "artifactuse-form-btn artifactuse-form-btn-primary",
-        disabled: O
+        disabled: ee
       },
-      O && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-form-btn-spinner" }),
-      O ? "Submitting..." : "Submit"
+      ee && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-form-btn-spinner" }),
+      ee ? "Submitting..." : "Submit"
     )))
   );
 }
-function jt({ field: t, formId: r, value: c, error: n, isSubmitting: s, onChange: a, onButtonAction: E }) {
-  const p = `${r}-${t.name}`;
+function Jt({ field: t, formId: a, value: c, error: l, isSubmitting: s, onChange: r, onButtonAction: v }) {
+  const p = `${a}-${t.name}`;
   if (t.type === "buttons")
-    return /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-buttons" }, (t.fields || []).map((i, w) => /* @__PURE__ */ e.createElement(
+    return /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-buttons" }, (t.fields || []).map((i, k) => /* @__PURE__ */ e.createElement(
       "button",
       {
-        key: i.name || i.label || w,
+        key: i.name || i.label || k,
         type: i.action === "submit" ? "submit" : "button",
         className: `artifactuse-form-btn artifactuse-form-btn-${i.variant || "secondary"}`,
-        onClick: i.action !== "submit" ? () => E(i) : void 0,
+        onClick: i.action !== "submit" ? () => v(i) : void 0,
         disabled: i.disabled || i.action === "submit" && s
       },
       s && i.action === "submit" ? /* @__PURE__ */ e.createElement("span", { className: "artifactuse-form-btn-spinner" }) : i.icon ? /* @__PURE__ */ e.createElement("span", { className: "artifactuse-form-btn-icon", dangerouslySetInnerHTML: { __html: i.icon } }) : null,
@@ -322,11 +322,11 @@ function jt({ field: t, formId: r, value: c, error: n, isSubmitting: s, onChange
         checked: c || !1,
         disabled: t.disabled,
         className: "artifactuse-checkbox",
-        onChange: (i) => a(i.target.checked)
+        onChange: (i) => r(i.target.checked)
       }
-    ), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-checkbox-text" }, t.label, t.required && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-required" }, "*"))), t.helpText && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-help-text" }, t.helpText), n && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-error-text" }, n));
+    ), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-checkbox-text" }, t.label, t.required && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-required" }, "*"))), t.helpText && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-help-text" }, t.helpText), l && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-error-text" }, l));
   if (t.type === "radio")
-    return /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-field" }, t.label && /* @__PURE__ */ e.createElement("label", { className: "artifactuse-label" }, t.label, t.required && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-required" }, "*")), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-radio-group" }, ot(t.options).map((i) => /* @__PURE__ */ e.createElement("label", { key: i.value, className: "artifactuse-radio-label" }, /* @__PURE__ */ e.createElement(
+    return /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-field" }, t.label && /* @__PURE__ */ e.createElement("label", { className: "artifactuse-label" }, t.label, t.required && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-required" }, "*")), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-radio-group" }, ft(t.options).map((i) => /* @__PURE__ */ e.createElement("label", { key: i.value, className: "artifactuse-radio-label" }, /* @__PURE__ */ e.createElement(
       "input",
       {
         type: "radio",
@@ -335,10 +335,10 @@ function jt({ field: t, formId: r, value: c, error: n, isSubmitting: s, onChange
         checked: c === i.value,
         disabled: i.disabled || t.disabled,
         className: "artifactuse-radio",
-        onChange: () => a(i.value)
+        onChange: () => r(i.value)
       }
-    ), /* @__PURE__ */ e.createElement("span", null, i.label)))), t.helpText && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-help-text" }, t.helpText), n && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-error-text" }, n));
-  const N = () => Dt(t.type) ? /* @__PURE__ */ e.createElement(
+    ), /* @__PURE__ */ e.createElement("span", null, i.label)))), t.helpText && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-help-text" }, t.helpText), l && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-error-text" }, l));
+  const x = () => jt(t.type) ? /* @__PURE__ */ e.createElement(
     "input",
     {
       type: t.type,
@@ -349,7 +349,7 @@ function jt({ field: t, formId: r, value: c, error: n, isSubmitting: s, onChange
       disabled: t.disabled,
       required: t.required,
       className: "artifactuse-input",
-      onChange: (i) => a(t.type === "number" ? Number(i.target.value) : i.target.value)
+      onChange: (i) => r(t.type === "number" ? Number(i.target.value) : i.target.value)
     }
   ) : t.type === "textarea" ? /* @__PURE__ */ e.createElement(
     "textarea",
@@ -362,7 +362,7 @@ function jt({ field: t, formId: r, value: c, error: n, isSubmitting: s, onChange
       required: t.required,
       rows: t.rows || 3,
       className: "artifactuse-textarea",
-      onChange: (i) => a(i.target.value)
+      onChange: (i) => r(i.target.value)
     }
   ) : t.type === "select" ? /* @__PURE__ */ e.createElement(
     "select",
@@ -373,10 +373,10 @@ function jt({ field: t, formId: r, value: c, error: n, isSubmitting: s, onChange
       disabled: t.disabled,
       required: t.required,
       className: "artifactuse-select",
-      onChange: (i) => a(i.target.value)
+      onChange: (i) => r(i.target.value)
     },
     /* @__PURE__ */ e.createElement("option", { value: "" }, t.placeholder || "Select..."),
-    ot(t.options).map((i) => /* @__PURE__ */ e.createElement("option", { key: i.value, value: i.value, disabled: i.disabled }, i.label))
+    ft(t.options).map((i) => /* @__PURE__ */ e.createElement("option", { key: i.value, value: i.value, disabled: i.disabled }, i.label))
   ) : /* @__PURE__ */ e.createElement(
     "input",
     {
@@ -386,12 +386,12 @@ function jt({ field: t, formId: r, value: c, error: n, isSubmitting: s, onChange
       value: c || "",
       disabled: t.disabled,
       className: "artifactuse-input",
-      onChange: (i) => a(i.target.value)
+      onChange: (i) => r(i.target.value)
     }
   );
-  return /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-field" }, /* @__PURE__ */ e.createElement("label", { htmlFor: p, className: "artifactuse-label" }, t.label, t.required && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-required" }, "*")), N(), t.helpText && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-help-text" }, t.helpText), n && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-error-text" }, n));
+  return /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-field" }, /* @__PURE__ */ e.createElement("label", { htmlFor: p, className: "artifactuse-label" }, t.label, t.required && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-required" }, "*")), x(), t.helpText && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-help-text" }, t.helpText), l && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-error-text" }, l));
 }
-const D = '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>', Ot = {
+const J = '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>', Xt = {
   twitter: 280,
   linkedin: 3e3,
   instagram: 2200,
@@ -399,7 +399,7 @@ const D = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0
   threads: 500,
   tiktok: 2200,
   youtube: 100
-}, Jt = {
+}, Zt = {
   twitter: "X",
   linkedin: "LinkedIn",
   instagram: "Instagram",
@@ -407,169 +407,169 @@ const D = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0
   threads: "Threads",
   tiktok: "TikTok",
   youtube: "YouTube"
-}, Se = ({ type: t = "blue" }) => /* @__PURE__ */ e.createElement("svg", { className: `artifactuse-social-verified artifactuse-social-verified-${t}`, viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ e.createElement("path", { d: "M22.25 12c0-1.43-.88-2.67-2.19-3.34.46-1.39.2-2.9-.81-3.91s-2.52-1.27-3.91-.81c-.66-1.31-1.91-2.19-3.34-2.19s-2.67.88-3.34 2.19c-1.39-.46-2.9-.2-3.91.81s-1.27 2.52-.81 3.91C2.63 9.33 1.75 10.57 1.75 12s.88 2.67 2.19 3.34c-.46 1.39-.2 2.9.81 3.91s2.52 1.27 3.91.81c.66 1.31 1.91 2.19 3.34 2.19s2.67-.88 3.34-2.19c1.39.46 2.9.2 3.91-.81s1.27-2.52.81-3.91c1.31-.67 2.19-1.91 2.19-3.34zm-11.71 4.2L6.8 12.46l1.41-1.42 2.26 2.26 4.8-5.23 1.47 1.36-6.2 6.77z" })), V = (t) => t ? t >= 1e6 ? `${(t / 1e6).toFixed(1)}M` : t >= 1e3 ? `${(t / 1e3).toFixed(1)}K` : t.toString() : "0", Qe = (t) => {
+}, Re = ({ type: t = "blue" }) => /* @__PURE__ */ e.createElement("svg", { className: `artifactuse-social-verified artifactuse-social-verified-${t}`, viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ e.createElement("path", { d: "M22.25 12c0-1.43-.88-2.67-2.19-3.34.46-1.39.2-2.9-.81-3.91s-2.52-1.27-3.91-.81c-.66-1.31-1.91-2.19-3.34-2.19s-2.67.88-3.34 2.19c-1.39-.46-2.9-.2-3.91.81s-1.27 2.52-.81 3.91C2.63 9.33 1.75 10.57 1.75 12s.88 2.67 2.19 3.34c-.46 1.39-.2 2.9.81 3.91s2.52 1.27 3.91.81c.66 1.31 1.91 2.19 3.34 2.19s2.67-.88 3.34-2.19c1.39.46 2.9.2 3.91-.81s1.27-2.52.81-3.91c1.31-.67 2.19-1.91 2.19-3.34zm-11.71 4.2L6.8 12.46l1.41-1.42 2.26 2.26 4.8-5.23 1.47 1.36-6.2 6.77z" })), V = (t) => t ? t >= 1e6 ? `${(t / 1e6).toFixed(1)}M` : t >= 1e3 ? `${(t / 1e3).toFixed(1)}K` : t.toString() : "0", at = (t) => {
   try {
     return new URL(t).hostname.replace("www.", "");
   } catch {
     return t;
   }
-}, ge = (t) => {
+}, we = (t) => {
   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: c, meta: n }) => {
-  var E, p, N;
-  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(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 }) => {
+  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;
+}, pt = ({ author: t, content: a, engagement: c, meta: l }) => {
+  var v, p, x;
+  const s = a.media || [], r = 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 || J, alt: t.name, className: "artifactuse-social-avatar", onError: (i) => i.target.src = J }), /* @__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(Re, { 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: we(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((i, k) => /* @__PURE__ */ e.createElement("img", { key: k, src: i.url, alt: i.alt || "", onError: (S) => S.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: (i) => i.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 || at(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((i, k) => {
+    var S, L;
+    return /* @__PURE__ */ e.createElement("div", { key: k, className: "artifactuse-social-poll-option" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-poll-bar", style: { width: `${((S = a.poll.votes) == null ? void 0 : S[k]) || 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" }, ((L = a.poll.votes) == null ? void 0 : L[k]) || 0, "%")));
+  }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-poll-meta" }, V(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: ((v = a.quote.author) == null ? void 0 : v.avatar) || J, className: "artifactuse-social-quote-avatar", alt: "" }), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-quote-author" }, (p = a.quote.author) == null ? void 0 : p.name), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-quote-handle" }, (x = a.quote.author) == null ? void 0 : x.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, 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")));
+}, Kt = ({ author: t, content: a, engagement: c, meta: l }) => {
   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(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(() => {
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || J, alt: t.name, className: "artifactuse-social-avatar", onError: (r) => r.target.src = J }), /* @__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: we(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 || at(a.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")));
+}, Yt = ({ author: t, content: a, engagement: c, meta: l }) => {
+  const s = a.media || [];
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || J, alt: t.name, className: "artifactuse-social-avatar", onError: (r) => r.target.src = J }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author-name" }, t.name, t.verified && /* @__PURE__ */ e.createElement(Re, { type: "blue" })), l.location && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-location" }, l.location))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-media" }, s[0] ? /* @__PURE__ */ e.createElement("img", { src: s[0].url, alt: s[0].alt || "", onError: (r) => r.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: we(a.text) } })), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-timestamp" }, l.timestamp || "JUST NOW"));
+}, Qt = ({ author: t, content: a, engagement: c, meta: l }) => {
+  const s = a.media || [], r = T(() => {
     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 }) => {
+    return Object.values(p).reduce((x, i) => x + (i || 0), 0) || c.likes || 0;
+  }, [c]), v = c.likes || c.comments || c.shares || r;
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || J, alt: t.name, className: "artifactuse-social-avatar", onError: (p) => p.target.src = J }), /* @__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: we(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((p, x) => /* @__PURE__ */ e.createElement("img", { key: x, src: p.url, alt: p.alt || "", onError: (i) => i.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: (p) => p.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 || at(a.link.url)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-title" }, a.link.title)))), v && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, "👍❤️ ", V(r)), /* @__PURE__ */ e.createElement("span", null, V(c.comments || 0), " comments · ", V(c.shares || 0), " shares")));
+}, Gt = ({ author: t, content: a, engagement: c, meta: l }) => {
   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(c.views || 0), " views · ", n.timestamp || "Just now"))));
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || J, alt: t.name, className: "artifactuse-social-avatar", onError: (r) => r.target.src = J }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author-name" }, t.name, t.verified && /* @__PURE__ */ e.createElement(Re, { 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: we(a.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")));
+}, ea = ({ author: t, content: a, engagement: c, meta: l }) => {
+  const s = a.media || [], r = 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: (v) => v.target.style.display = "none" }) : /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-thumbnail-placeholder" }), a.duration && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-duration" }, a.duration)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-info" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || J, alt: t.name, className: "artifactuse-social-avatar", onError: (v) => v.target.src = J }), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-author-name" }, "@", t.name), t.verified && /* @__PURE__ */ e.createElement(Re, { type: "blue" })), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-social-text", dangerouslySetInnerHTML: { __html: we(a.text) } }), a.sound && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-sound" }, "🎵 ", a.sound)), r && /* @__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")));
+}, ta = ({ author: t, content: a, engagement: c, meta: l }) => {
+  const s = a.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: (r) => r.target.style.display = "none" }) : /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-thumbnail-placeholder" }), a.duration && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-duration" }, a.duration)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-info" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || J, alt: t.name, className: "artifactuse-social-avatar", onError: (r) => r.target.src = J }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-details" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-title" }, a.title), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-channel" }, t.name), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-meta" }, V(c.views || 0), " views · ", l.timestamp || "Just now"))));
 };
-function ea({ artifact: t, theme: r = "dark", onCopy: c }) {
-  const [n, s] = b("Copy"), a = T(() => {
+function aa({ artifact: t, theme: a = "dark", onCopy: c }) {
+  const [l, s] = b("Copy"), r = T(() => {
     try {
       return JSON.parse(t.code);
     } catch {
       return { platform: "twitter", data: {} };
     }
-  }, [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), c == null || c({ platform: E, text: h });
+  }, [t.code]), v = (r == null ? void 0 : r.platform) || "twitter", p = (r == null ? void 0 : r.data) || {}, { author: x = {}, content: i = {}, engagement: k = {}, meta: S = {} } = p, L = Xt[v] || 280, u = (i.text || "").length, h = u > L ? "error" : u > L * 0.9 ? "warning" : "", C = d(() => {
+    const g = i.text || "";
+    navigator.clipboard.writeText(g).then(() => {
+      s("Copied!"), setTimeout(() => s("Copy"), 2e3), c == null || c({ platform: v, text: g });
     });
-  }, [i.text, E, c]), f = () => {
-    const h = { author: N, content: i, engagement: w, meta: S };
-    switch (E) {
+  }, [i.text, v, c]), f = () => {
+    const g = { author: x, content: i, engagement: k, meta: S };
+    switch (v) {
       case "twitter":
-        return /* @__PURE__ */ e.createElement(mt, { ...h });
+        return /* @__PURE__ */ e.createElement(pt, { ...g });
       case "linkedin":
-        return /* @__PURE__ */ e.createElement(Xt, { ...h });
+        return /* @__PURE__ */ e.createElement(Kt, { ...g });
       case "instagram":
-        return /* @__PURE__ */ e.createElement(Zt, { ...h });
+        return /* @__PURE__ */ e.createElement(Yt, { ...g });
       case "facebook":
-        return /* @__PURE__ */ e.createElement(Kt, { ...h });
+        return /* @__PURE__ */ e.createElement(Qt, { ...g });
       case "threads":
-        return /* @__PURE__ */ e.createElement(Yt, { ...h });
+        return /* @__PURE__ */ e.createElement(Gt, { ...g });
       case "tiktok":
-        return /* @__PURE__ */ e.createElement(Qt, { ...h });
+        return /* @__PURE__ */ e.createElement(ea, { ...g });
       case "youtube":
-        return /* @__PURE__ */ e.createElement(Gt, { ...h });
+        return /* @__PURE__ */ e.createElement(ta, { ...g });
       default:
-        return /* @__PURE__ */ e.createElement(mt, { ...h });
+        return /* @__PURE__ */ e.createElement(pt, { ...g });
     }
   };
-  return /* @__PURE__ */ e.createElement("div", { className: `artifactuse-social artifactuse-social-${E}`, "data-artifactuse-theme": r }, f(), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-actions-bar" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-platform-badge" }, /* @__PURE__ */ e.createElement("span", null, Jt[E] || E)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-actions-right" }, /* @__PURE__ */ e.createElement("span", { className: `artifactuse-social-char-counter ${g}` }, m, "/", P), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-social-copy-btn", onClick: x }, n))));
+  return /* @__PURE__ */ e.createElement("div", { className: `artifactuse-social artifactuse-social-${v}`, "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, Zt[v] || v)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-actions-right" }, /* @__PURE__ */ e.createElement("span", { className: `artifactuse-social-char-counter ${h}` }, u, "/", L), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-social-copy-btn", onClick: C }, l))));
 }
-function ta({
+function ra({
   isOpen: t = !1,
-  type: r = "image",
+  type: a = "image",
   src: c = "",
-  alt: n = "",
+  alt: l = "",
   caption: s = "",
-  onClose: a,
-  className: E = ""
+  onClose: r,
+  className: v = ""
 }) {
-  const p = W(null), [N, i] = b(!1), [w, S] = b(!1);
-  q(() => (S(!0), () => S(!1)), []), q(() => {
+  const p = W(null), [x, i] = b(!1), [k, S] = b(!1);
+  j(() => (S(!0), () => S(!1)), []), j(() => {
     var f;
     return t ? (document.body.style.overflow = "hidden", (f = p.current) == null || f.focus()) : (document.body.style.overflow = "", i(!1)), () => {
       document.body.style.overflow = "";
     };
-  }, [t]), q(() => {
-    function f(h) {
-      h.key === "Escape" && t && a && a();
+  }, [t]), j(() => {
+    function f(g) {
+      g.key === "Escape" && t && r && r();
     }
     return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
-  }, [t, a]);
-  const P = d(() => {
-    i(!1), a && a();
-  }, [a]), m = d(() => {
-    r === "image" && i((f) => !f);
-  }, [r]), g = d(() => {
+  }, [t, r]);
+  const L = d(() => {
+    i(!1), r && r();
+  }, [r]), u = d(() => {
+    a === "image" && i((f) => !f);
+  }, [a]), h = d(() => {
     const f = document.createElement("a");
-    f.href = c, f.download = n || "download", document.body.appendChild(f), f.click(), document.body.removeChild(f);
-  }, [c, n]);
-  if (!t || !w)
+    f.href = c, f.download = l || "download", document.body.appendChild(f), f.click(), document.body.removeChild(f);
+  }, [c, l]);
+  if (!t || !k)
     return null;
-  const x = /* @__PURE__ */ e.createElement(
+  const C = /* @__PURE__ */ e.createElement(
     "div",
     {
       ref: p,
-      className: `artifactuse-viewer-overlay ${E}`,
-      onClick: P,
+      className: `artifactuse-viewer-overlay ${v}`,
+      onClick: L,
       tabIndex: -1,
       role: "dialog",
       "aria-modal": "true"
     },
-    /* @__PURE__ */ e.createElement("div", { className: "artifactuse-viewer-content", onClick: (f) => f.stopPropagation() }, r === "image" && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: "artifactuse-viewer-content", onClick: (f) => f.stopPropagation() }, a === "image" && /* @__PURE__ */ e.createElement(
       "img",
       {
         src: c,
-        alt: n,
-        className: `artifactuse-viewer-image ${N ? "artifactuse-viewer-image--zoomed" : ""}`,
-        onClick: m
+        alt: l,
+        className: `artifactuse-viewer-image ${x ? "artifactuse-viewer-image--zoomed" : ""}`,
+        onClick: u
       }
-    ), r === "pdf" && /* @__PURE__ */ e.createElement(
+    ), a === "pdf" && /* @__PURE__ */ e.createElement(
       "iframe",
       {
         src: c,
         className: "artifactuse-viewer-pdf",
-        title: n || "PDF Viewer"
+        title: l || "PDF Viewer"
       }
     ), /* @__PURE__ */ e.createElement(
       "button",
       {
         className: "artifactuse-viewer-close",
-        onClick: P,
+        onClick: L,
         title: "Close (Esc)"
       },
       /* @__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" }))
-    ), r === "image" && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-viewer-controls" }, /* @__PURE__ */ e.createElement(
+    ), a === "image" && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-viewer-controls" }, /* @__PURE__ */ e.createElement(
       "button",
       {
         className: "artifactuse-viewer-control",
-        onClick: m,
-        title: N ? "Zoom out" : "Zoom in"
+        onClick: u,
+        title: x ? "Zoom out" : "Zoom in"
       },
-      N ? /* @__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" }))
+      x ? /* @__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",
       {
         className: "artifactuse-viewer-control",
-        onClick: g,
+        onClick: h,
         title: "Download"
       },
       /* @__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 zt(x, document.body);
+  return qt(C, document.body);
 }
-function aa(t) {
+function sa(t) {
   if (!t) return null;
   try {
-    const r = decodeURIComponent(escape(atob(t)));
-    return JSON.parse(r);
+    const a = decodeURIComponent(escape(atob(t)));
+    return JSON.parse(a);
   } catch {
     try {
       const c = t.replace(/&#10;/g, `
@@ -580,210 +580,229 @@ function aa(t) {
     }
   }
 }
-function ra(t) {
-  const r = [];
-  if (!t) return r;
+function na(t) {
+  const a = [];
+  if (!t) return a;
   const c = /<div\s+class="artifactuse-placeholder[^"]*"[^>]*data-artifact-id="([^"]+)"[^>]*data-artifact-type="([^"]+)"[^>]*data-artifact=["']([^"']*)["'][^>]*><\/div>/gi;
-  let n = 0, s;
+  let l = 0, s;
   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 });
+    if (s.index > l) {
+      const p = t.slice(l, s.index);
+      p.trim() && a.push({ type: "html", content: p });
     }
-    const a = aa(s[3]), E = s[2];
-    a && (E === "form" && a.isInline ? r.push({ type: "form", artifact: a }) : E === "social" ? r.push({ type: "social", artifact: a }) : r.push({ type: "panel", artifact: a })), n = s.index + s[0].length;
+    const r = sa(s[3]), v = s[2];
+    r && (v === "form" && r.isInline ? a.push({ type: "form", artifact: r }) : v === "social" ? a.push({ type: "social", artifact: r }) : a.push({ type: "panel", artifact: r })), l = s.index + s[0].length;
   }
-  if (n < t.length) {
-    const a = t.slice(n);
-    a.trim() && r.push({ type: "html", content: a });
+  if (l < t.length) {
+    const r = t.slice(l);
+    r.trim() && a.push({ type: "html", content: r });
   }
-  return r.length === 0 && t.trim() && r.push({ type: "html", content: t }), r;
+  return a.length === 0 && t.trim() && a.push({ type: "html", content: t }), a;
 }
-function sa() {
+function la() {
   return `msg-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
 }
-function na({
+function ca({
   content: t,
-  messageId: r = sa(),
+  messageId: a = la(),
   inlineCards: c = !0,
-  typing: n = !1,
+  typing: l = !1,
   isLastMessage: s = !1,
   // Whether this is the last/most recent message
-  onArtifactDetected: a,
-  onArtifactOpen: E,
-  onArtifactCopy: p,
-  onArtifactDownload: N,
-  onFormSubmit: i,
-  onFormCancel: w,
-  onFormButtonClick: S,
-  onSocialCopy: P,
-  onMediaOpen: m,
-  className: g = ""
+  inlinePreview: r = null,
+  inlineCode: v = null,
+  tabs: p = null,
+  viewMode: x = null,
+  onArtifactDetected: i,
+  onArtifactOpen: k,
+  onArtifactCopy: S,
+  onArtifactDownload: L,
+  onFormSubmit: u,
+  onFormCancel: h,
+  onFormButtonClick: C,
+  onSocialCopy: f,
+  onMediaOpen: g,
+  className: z = ""
 }) {
+  var Be;
   const {
-    processMessage: x,
-    openArtifact: f,
-    state: h,
-    getTheme: B,
-    instance: U
-  } = _e(), $ = W(null), M = W(null), Y = W(null), Q = W(n), [O, me] = b(""), [K, Ee] = b([]), [re, ue] = b(!1), [se, J] = b(!1), [de, ne] = b("image"), [le, o] = b(""), [_, y] = b(""), [k, H] = b(""), X = T(() => typeof B == "function" ? B() : "dark", [B]), Ne = (h == null ? void 0 : h.activeArtifactId) || null, Z = T(() => ra(O), [O]), be = T(() => re || s ? "active" : "inactive", [re, s]);
-  q(() => {
-    n && ue(!0);
-  }, [n]);
-  const G = d((v) => {
-    ne(v.type || "image"), o(v.src || ""), y(v.alt || ""), H(v.caption || ""), J(!0), m && m(v);
-  }, [m]), ve = d(() => {
-    J(!1), o(""), y(""), H("");
-  }, []), pe = d(() => {
-    if (!M.current) return;
-    M.current.querySelectorAll('img[data-lightbox="true"]').forEach((u) => {
-      u._lightboxHandler && u.removeEventListener("click", u._lightboxHandler), u._lightboxHandler = (I) => {
-        I.preventDefault(), I.stopPropagation(), G({
+    processMessage: se,
+    openArtifact: M,
+    state: R,
+    getTheme: le,
+    instance: q
+  } = xe(), ee = W(null), $ = W(null), D = W(null), de = W(l), [ce, ge] = b(""), [fe, te] = b([]), [ie, ne] = b(!1), [oe, o] = b(!1), [_, y] = b("image"), [w, H] = b(""), [ae, Ce] = b(""), [K, Le] = b(""), _e = T(() => typeof le == "function" ? le() : "dark", [le]), ye = (R == null ? void 0 : R.activeArtifactId) || null, Ne = c ?? ((Be = q == null ? void 0 : q.config) == null ? void 0 : Be.inlineCards) ?? !0, Se = T(() => na(ce), [ce]), Ae = T(() => ie || s ? "active" : "inactive", [ie, s]);
+  j(() => {
+    l && ne(!0);
+  }, [l]);
+  const ue = d((E) => {
+    y(E.type || "image"), H(E.src || ""), Ce(E.alt || ""), Le(E.caption || ""), o(!0), g && g(E);
+  }, [g]), Pe = d(() => {
+    o(!1), H(""), Ce(""), Le("");
+  }, []), $e = d(() => {
+    if (!$.current) return;
+    $.current.querySelectorAll('img[data-lightbox="true"]').forEach((m) => {
+      m._lightboxHandler && m.removeEventListener("click", m._lightboxHandler), m._lightboxHandler = (F) => {
+        F.preventDefault(), F.stopPropagation(), ue({
           type: "image",
-          src: u.src,
-          alt: u.alt || "",
-          caption: u.dataset.caption || u.alt || ""
+          src: m.src,
+          alt: m.alt || "",
+          caption: m.dataset.caption || m.alt || ""
         });
-      }, u.addEventListener("click", u._lightboxHandler), u.style.cursor = "zoom-in";
-    }), M.current.querySelectorAll(".artifactuse-image-container img").forEach((u) => {
-      u._lightboxHandler || (u._lightboxHandler = (I) => {
-        I.preventDefault(), I.stopPropagation();
-        const F = u.closest(".artifactuse-image-container"), L = F == null ? void 0 : F.querySelector(".artifactuse-image-caption"), j = (L == null ? void 0 : L.textContent) || u.dataset.caption || u.alt || "";
-        G({
+      }, m.addEventListener("click", m._lightboxHandler), m.style.cursor = "zoom-in";
+    }), $.current.querySelectorAll(".artifactuse-image-container img").forEach((m) => {
+      m._lightboxHandler || (m._lightboxHandler = (F) => {
+        F.preventDefault(), F.stopPropagation();
+        const U = m.closest(".artifactuse-image-container"), G = U == null ? void 0 : U.querySelector(".artifactuse-image-caption"), me = (G == null ? void 0 : G.textContent) || m.dataset.caption || m.alt || "";
+        ue({
           type: "image",
-          src: u.src,
-          alt: u.alt || "",
-          caption: j
+          src: m.src,
+          alt: m.alt || "",
+          caption: me
         });
-      }, u.addEventListener("click", u._lightboxHandler), u.style.cursor = "zoom-in");
-    }), M.current.querySelectorAll(".artifactuse-gallery-item img, .artifactuse-image-gallery img").forEach((u) => {
-      u._lightboxHandler || (u._lightboxHandler = (I) => {
-        I.preventDefault(), I.stopPropagation();
-        const F = u.closest(".artifactuse-gallery-item"), L = F == null ? void 0 : F.querySelector(".artifactuse-gallery-caption"), j = (L == null ? void 0 : L.textContent) || u.dataset.caption || u.alt || "";
-        G({
+      }, m.addEventListener("click", m._lightboxHandler), m.style.cursor = "zoom-in");
+    }), $.current.querySelectorAll(".artifactuse-gallery-item img, .artifactuse-image-gallery img").forEach((m) => {
+      m._lightboxHandler || (m._lightboxHandler = (F) => {
+        F.preventDefault(), F.stopPropagation();
+        const U = m.closest(".artifactuse-gallery-item"), G = U == null ? void 0 : U.querySelector(".artifactuse-gallery-caption"), me = (G == null ? void 0 : G.textContent) || m.dataset.caption || m.alt || "";
+        ue({
           type: "image",
-          src: u.src,
-          alt: u.alt || "",
-          caption: j
+          src: m.src,
+          alt: m.alt || "",
+          caption: me
         });
-      }, u.addEventListener("click", u._lightboxHandler), u.style.cursor = "zoom-in");
-    }), M.current.querySelectorAll('a[href$=".pdf"], a[data-type="pdf"]').forEach((u) => {
-      u._pdfHandler && u.removeEventListener("click", u._pdfHandler), u._pdfHandler = (I) => {
-        I.preventDefault(), I.stopPropagation(), G({
+      }, m.addEventListener("click", m._lightboxHandler), m.style.cursor = "zoom-in");
+    }), $.current.querySelectorAll('a[href$=".pdf"], a[data-type="pdf"]').forEach((m) => {
+      m._pdfHandler && m.removeEventListener("click", m._pdfHandler), m._pdfHandler = (F) => {
+        F.preventDefault(), F.stopPropagation(), ue({
           type: "pdf",
-          src: u.href,
-          alt: u.textContent || "PDF Document",
-          caption: u.title || u.textContent || ""
+          src: m.href,
+          alt: m.textContent || "PDF Document",
+          caption: m.title || m.textContent || ""
         });
-      }, u.addEventListener("click", u._pdfHandler);
-    }), M.current.querySelectorAll(".artifactuse-pdf-container, [data-pdf-viewer]").forEach((u) => {
-      var F;
-      u._pdfHandler && u.removeEventListener("click", u._pdfHandler);
-      const I = u.dataset.pdfSrc || ((F = u.querySelector("iframe")) == null ? void 0 : F.src) || "";
-      I && (u._pdfHandler = (L) => {
-        L.preventDefault(), L.stopPropagation(), G({
+      }, m.addEventListener("click", m._pdfHandler);
+    }), $.current.querySelectorAll(".artifactuse-pdf-container, [data-pdf-viewer]").forEach((m) => {
+      var U;
+      m._pdfHandler && m.removeEventListener("click", m._pdfHandler);
+      const F = m.dataset.pdfSrc || ((U = m.querySelector("iframe")) == null ? void 0 : U.src) || "";
+      F && (m._pdfHandler = (G) => {
+        G.preventDefault(), G.stopPropagation(), ue({
           type: "pdf",
-          src: I,
+          src: F,
           alt: "PDF Document",
-          caption: u.dataset.caption || ""
+          caption: m.dataset.caption || ""
         });
-      }, u.addEventListener("click", u._pdfHandler), u.style.cursor = "pointer");
-    }), M.current.querySelectorAll(".artifactuse-video-preview-wrapper, .video-preview-wrapper").forEach((u) => {
-      u._clickHandler && u.removeEventListener("click", u._clickHandler), u._clickHandler = (I) => {
-        if (I.target.closest(".artifactuse-video-play-button")) return;
-        const F = u.dataset.videoUrl || u.dataset.url;
-        F && window.open(F, "_blank", "noopener,noreferrer");
-      }, u.addEventListener("click", u._clickHandler);
+      }, m.addEventListener("click", m._pdfHandler), m.style.cursor = "pointer");
+    }), $.current.querySelectorAll(".artifactuse-video-preview-wrapper, .video-preview-wrapper").forEach((m) => {
+      m._clickHandler && m.removeEventListener("click", m._clickHandler), m._clickHandler = (F) => {
+        if (F.target.closest(".artifactuse-video-play-button")) return;
+        const U = m.dataset.videoUrl || m.dataset.url;
+        U && window.open(U, "_blank", "noopener,noreferrer");
+      }, m.addEventListener("click", m._clickHandler);
     });
-  }, [G]), ke = d(() => {
-    if (!M.current) return;
-    M.current.querySelectorAll("img").forEach((A) => {
-      A._lightboxHandler && (A.removeEventListener("click", A._lightboxHandler), delete A._lightboxHandler);
-    }), M.current.querySelectorAll('a[href$=".pdf"], a[data-type="pdf"]').forEach((A) => {
-      A._pdfHandler && (A.removeEventListener("click", A._pdfHandler), delete A._pdfHandler);
-    }), M.current.querySelectorAll(".artifactuse-pdf-container, [data-pdf-viewer]").forEach((A) => {
-      A._pdfHandler && (A.removeEventListener("click", A._pdfHandler), delete A._pdfHandler);
-    }), M.current.querySelectorAll(".artifactuse-video-preview-wrapper, .video-preview-wrapper").forEach((A) => {
-      A._clickHandler && (A.removeEventListener("click", A._clickHandler), delete A._clickHandler);
+  }, [ue]), He = d(() => {
+    if (!$.current) return;
+    $.current.querySelectorAll("img").forEach((P) => {
+      P._lightboxHandler && (P.removeEventListener("click", P._lightboxHandler), delete P._lightboxHandler);
+    }), $.current.querySelectorAll('a[href$=".pdf"], a[data-type="pdf"]').forEach((P) => {
+      P._pdfHandler && (P.removeEventListener("click", P._pdfHandler), delete P._pdfHandler);
+    }), $.current.querySelectorAll(".artifactuse-pdf-container, [data-pdf-viewer]").forEach((P) => {
+      P._pdfHandler && (P.removeEventListener("click", P._pdfHandler), delete P._pdfHandler);
+    }), $.current.querySelectorAll(".artifactuse-video-preview-wrapper, .video-preview-wrapper").forEach((P) => {
+      P._clickHandler && (P.removeEventListener("click", P._clickHandler), delete P._clickHandler);
     });
-  }, []), ce = d(() => {
-    Y.current && clearTimeout(Y.current), Y.current = setTimeout(async () => {
-      if (U != null && U.initializeContent && M.current)
+  }, []), Y = d(() => {
+    D.current && clearTimeout(D.current), D.current = setTimeout(async () => {
+      if (q != null && q.initializeContent && $.current)
         try {
-          await U.initializeContent(M.current);
-        } catch (v) {
-          console.error("Failed to initialize content:", v);
+          await q.initializeContent($.current);
+        } catch (E) {
+          console.error("Failed to initialize content:", E);
         }
-      pe();
+      $e();
     }, 100);
-  }, [U, pe]);
-  q(() => {
+  }, [q, $e]);
+  j(() => {
     if (t) {
-      const v = x(t, r);
-      me(v.html), Ee(v.artifacts), v.artifacts.length > 0 && a && a(v.artifacts), n || ce();
+      const E = se(t, a, {
+        inlinePreview: r,
+        inlineCode: v,
+        tabs: p,
+        viewMode: x
+      });
+      ge(E.html), te(E.artifacts), E.artifacts.length > 0 && i && i(E.artifacts), l || Y();
     }
-  }, [t, r, x, n, ce, a]), q(() => {
-    Q.current === !0 && n === !1 && ce(), Q.current = n;
-  }, [n, ce]), q(() => (n && ue(!0), n || ce(), () => {
-    Y.current && clearTimeout(Y.current), ke();
+  }, [t, a, se, l, Y, i]), j(() => {
+    de.current === !0 && l === !1 && Y(), de.current = l;
+  }, [l, Y]), j(() => (l && ne(!0), l || Y(), () => {
+    D.current && clearTimeout(D.current), He();
   }), []);
-  const Ae = d((v) => {
-    f(v), E && E(v);
-  }, [f, E]), ye = d((v) => {
-    p && p(v);
-  }, [p]), $e = d((v) => {
-    N && N(v);
-  }, [N]), we = d((v) => {
-    i && i(v);
-  }, [i]), ie = d((v) => {
-    w && w(v);
-  }, [w]), He = d((v) => {
-    S && S(v);
-  }, [S]), he = d((v) => {
-    P && P(v);
-  }, [P]), Ie = (v, te) => {
-    switch (v.type) {
+  const qe = d((E) => {
+    const Q = E.target.closest(".artifactuse-inline-preview");
+    if (Q) {
+      const A = Q.dataset.artifactId;
+      if (A) {
+        const O = R.artifacts.find((P) => P.id === A);
+        O && (M(O), k && k(O));
+      }
+    }
+  }, [R, M, k]), be = d((E) => {
+    M(E), k && k(E);
+  }, [M, k]), De = d((E) => {
+    S && S(E);
+  }, [S]), pe = d((E) => {
+    L && L(E);
+  }, [L]), Ee = d((E) => {
+    u && u(E);
+  }, [u]), Ue = d((E) => {
+    h && h(E);
+  }, [h]), ve = d((E) => {
+    C && C(E);
+  }, [C]), Me = d((E) => {
+    f && f(E);
+  }, [f]), Ie = (E, Q) => {
+    switch (E.type) {
       case "html":
         return /* @__PURE__ */ e.createElement(
           "div",
           {
-            key: `html-${te}`,
-            dangerouslySetInnerHTML: { __html: v.content }
+            key: `html-${Q}`,
+            dangerouslySetInnerHTML: { __html: E.content }
           }
         );
       case "form":
-        return v.artifact.isInline ? /* @__PURE__ */ e.createElement(
-          Ut,
+        return E.artifact.isInline ? /* @__PURE__ */ e.createElement(
+          Ot,
           {
-            key: `form-${v.artifact.id}`,
-            artifact: v.artifact,
-            theme: X,
-            initialState: be,
-            onSubmit: we,
-            onCancel: ie,
-            onButtonClick: He
+            key: `form-${E.artifact.id}`,
+            artifact: E.artifact,
+            theme: _e,
+            initialState: Ae,
+            onSubmit: Ee,
+            onCancel: Ue,
+            onButtonClick: ve
           }
         ) : null;
       case "social":
         return /* @__PURE__ */ e.createElement(
-          ea,
+          aa,
           {
-            key: `social-${v.artifact.id}`,
-            artifact: v.artifact,
-            theme: X,
-            onCopy: he
+            key: `social-${E.artifact.id}`,
+            artifact: E.artifact,
+            theme: _e,
+            onCopy: Me
           }
         );
       case "panel":
-        return c ? /* @__PURE__ */ e.createElement(
-          Rt,
+        return Ne ? /* @__PURE__ */ e.createElement(
+          Dt,
           {
-            key: `panel-${v.artifact.id}`,
-            artifact: v.artifact,
-            isActive: Ne === v.artifact.id,
-            onOpen: Ae,
-            onCopy: ye,
-            onDownload: $e
+            key: `panel-${E.artifact.id}`,
+            artifact: E.artifact,
+            isActive: ye === E.artifact.id,
+            onOpen: be,
+            onCopy: De,
+            onDownload: pe
           }
         ) : null;
       default:
@@ -793,366 +812,407 @@ function na({
   return /* @__PURE__ */ e.createElement(
     "div",
     {
-      ref: $,
-      className: `artifactuse-agent-message ${g}`.trim()
+      ref: ee,
+      className: `artifactuse-agent-message ${z}`.trim()
     },
-    /* @__PURE__ */ e.createElement("div", { ref: M, className: "artifactuse-message-content" }, Z.map(Ie)),
+    /* @__PURE__ */ e.createElement("div", { ref: $, className: "artifactuse-message-content", onClick: qe }, Se.map(Ie)),
     /* @__PURE__ */ e.createElement(
-      ta,
+      ra,
       {
-        isOpen: se,
-        type: de,
-        src: le,
-        alt: _,
-        caption: k,
-        onClose: ve
+        isOpen: oe,
+        type: _,
+        src: w,
+        alt: ae,
+        caption: K,
+        onClose: Pe
       }
     )
   );
 }
-na.propTypes = {
+ca.propTypes = {
   /** The raw message content (markdown/HTML from AI) */
-  content: (t, r) => {
-    if (typeof t[r] != "string")
-      return new Error(`${r} must be a string`);
+  content: (t, a) => {
+    if (typeof t[a] != "string")
+      return new Error(`${a} must be a string`);
   },
   /** Unique message ID */
-  messageId: (t, r) => {
-    if (t[r] !== void 0 && typeof t[r] != "string")
-      return new Error(`${r} must be a string`);
+  messageId: (t, a) => {
+    if (t[a] !== void 0 && typeof t[a] != "string")
+      return new Error(`${a} must be a string`);
   },
   /** Whether to show artifact cards inline */
-  inlineCards: (t, r) => {
-    if (t[r] !== void 0 && typeof t[r] != "boolean")
-      return new Error(`${r} must be a boolean`);
+  inlineCards: (t, a) => {
+    if (t[a] !== void 0 && typeof t[a] != "boolean")
+      return new Error(`${a} must be a boolean`);
   },
   /** Whether the message is still being typed/streamed */
-  typing: (t, r) => {
-    if (t[r] !== void 0 && typeof t[r] != "boolean")
-      return new Error(`${r} must be a boolean`);
+  typing: (t, a) => {
+    if (t[a] !== void 0 && typeof t[a] != "boolean")
+      return new Error(`${a} must be a boolean`);
   },
   /** Whether this is the last/most recent message in the conversation */
-  isLastMessage: (t, r) => {
-    if (t[r] !== void 0 && typeof t[r] != "boolean")
-      return new Error(`${r} must be a boolean`);
+  isLastMessage: (t, a) => {
+    if (t[a] !== void 0 && typeof t[a] != "boolean")
+      return new Error(`${a} must be a boolean`);
+  },
+  /** Override global inlinePreview config for this message */
+  inlinePreview: (t, a) => {
+    if (t[a] !== void 0 && t[a] !== null && typeof t[a] != "object")
+      return new Error(`${a} must be an object or null`);
+  },
+  /** Show full inline code (no extraction) for listed languages */
+  inlineCode: (t, a) => {
+    if (t[a] !== void 0 && t[a] !== null && typeof t[a] != "object")
+      return new Error(`${a} must be an object or null`);
+  },
+  /** Override visible panel tabs for artifacts from this message */
+  tabs: (t, a) => {
+    if (t[a] !== void 0 && t[a] !== null && !Array.isArray(t[a]))
+      return new Error(`${a} must be an array or null`);
+  },
+  /** Override initial panel view mode for artifacts from this message */
+  viewMode: (t, a) => {
+    if (t[a] !== void 0 && t[a] !== null && typeof t[a] != "string")
+      return new Error(`${a} must be a string or null`);
   }
 };
-function pa({
+function Ea({
   onAIRequest: t,
-  onSave: r,
+  onSave: a,
   onExport: c,
-  className: n = ""
+  className: l = ""
 }) {
-  var it;
+  var mt;
   const {
     state: s,
-    activeArtifact: a,
-    artifactCount: E,
+    activeArtifact: r,
+    artifactCount: v,
     hasArtifacts: p,
-    closePanel: N,
+    closePanel: x,
     toggleFullscreen: i,
-    setViewMode: w,
+    setViewMode: k,
     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(() => {
-    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 l;
-    return ((l = m == null ? void 0 : m.share) == null ? void 0 : l.enabled) !== !1;
-  }, [m]), xe = T(() => {
-    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 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 l = window.Prism.languages[F];
-      l ? x.current.innerHTML = window.Prism.highlight(
-        a.code,
-        l,
-        F
-      ) : x.current.textContent = a.code, x.current.dataset.highlighted = "true", setTimeout(() => {
-        vt();
+    openArtifact: L,
+    instance: u
+  } = xe(), h = W(null), C = W(null), f = W(null), g = W(null), z = W(null), se = W(null), M = W(null), [R, le] = b(!1), [q, ee] = b(!1), [$, D] = b(!0), [de, ce] = b(!1), [ge, fe] = b(!1), [te, ie] = b(!1), [ne, oe] = b(!1), [o, _] = b("options"), [y, w] = b(""), [H, ae] = b(null), [Ce, K] = b(""), [Le, _e] = b(!1), [ye, Ne] = b(!1), [Se, Ae] = b([]), [ue, Pe] = b(!1), [$e, He] = b(""), [Y, qe] = b(65), [be, De] = b(50), pe = W(null), Ee = W(null), Ue = W(null), ve = W(null), Me = W(null), Ie = T(() => r ? ze(r.language) : "", [r]), Be = T(() => r ? et(r.language) : "", [r]), E = T(() => {
+    if (!r) return null;
+    let n = S(r);
+    return n && r._refreshToken && (n += (n.includes("?") ? "&" : "?") + "_t=" + r._refreshToken), n;
+  }, [r, S]), Q = T(() => r ? Wt(r.language) : "plaintext", [r]), A = T(() => s.artifacts.filter((n) => !n.isInline), [s.artifacts]), O = T(() => r ? A.findIndex((n) => n.id === r.id) : -1, [r, A]), P = T(() => {
+    var n;
+    return ((n = u == null ? void 0 : u.config) == null ? void 0 : n.branding) !== !1;
+  }, [u]), rt = T(() => {
+    var n;
+    return ((n = u == null ? void 0 : u.share) == null ? void 0 : n.enabled) !== !1;
+  }, [u]), m = T(() => {
+    var n;
+    return ((n = u == null ? void 0 : u.share) == null ? void 0 : n.isAuthenticated()) || !1;
+  }, [u]), F = T(() => r ? Y : Math.min(Y, 30), [r, Y]), U = d((n) => `<svg viewBox="0 0 24 24" fill="currentColor">${et(n)}</svg>`, []), G = d(() => {
+    fe(!1), u.state.clearActiveArtifact();
+  }, [u]), me = d((n) => {
+    if (n.language !== "smartdiff") return null;
+    try {
+      const N = JSON.parse(n.code);
+      if (N.oldCode === void 0 || N.newCode === void 0) return null;
+      const I = N.language || "plaintext", B = dt() && window.Prism.languages[I], X = Vt(N.oldCode, N.newCode).split(`
+`);
+      return { html: X.map((re) => {
+        const Z = re[0], ke = re.slice(1), he = B ? window.Prism.highlight(ke, B, I) : ke;
+        return Z === "-" ? `<span class="token deleted">${he}</span>` : Z === "+" ? `<span class="token inserted">${he}</span>` : he;
+      }).join(`
+`), lineCount: X.length };
+    } catch {
+      return null;
+    }
+  }, []), st = d(() => {
+    if (!g.current || !(r != null && r.code)) return;
+    const n = me(r), N = n ? n.lineCount : r.code.split(`
+`).length, I = Array.from({ length: N }, (B, X) => `<div>${X + 1}</div>`).join("");
+    g.current.innerHTML = I;
+  }, [r, me]), nt = d(() => {
+    if (C.current && dt() && (r != null && r.code)) {
+      const n = me(r);
+      if (n)
+        C.current.innerHTML = n.html;
+      else {
+        const N = window.Prism.languages[Q];
+        N ? C.current.innerHTML = window.Prism.highlight(
+          r.code,
+          N,
+          Q
+        ) : C.current.textContent = r.code;
+      }
+      C.current.dataset.highlighted = "true", setTimeout(() => {
+        gt();
       }, 0);
     }
-  }, [a == null ? void 0 : a.code, F]), vt = d(() => {
-    var C;
-    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);
+  }, [r == null ? void 0 : r.code, Q, me]), gt = d(() => {
+    var N;
+    const n = (N = C.current) == null ? void 0 : N.closest("pre");
+    if (n && z.current && g.current) {
+      const B = window.getComputedStyle(n).backgroundColor;
+      B && B !== "rgba(0, 0, 0, 0)" && B !== "transparent" && (z.current.style.backgroundColor = B, g.current.style.backgroundColor = B);
     }
-  }, []), rt = d(() => {
-    B.current && (B.current.style.backgroundColor = ""), h.current && (h.current.style.backgroundColor = "");
-  }, []), Ve = d(() => {
-    tt(), at();
-  }, [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.editorLanguage || a.language || "plaintext",
-      sdkTheme: m.getTheme()
+  }, []), lt = d(() => {
+    z.current && (z.current.style.backgroundColor = ""), g.current && (g.current.style.backgroundColor = "");
+  }, []), je = d(() => {
+    st(), nt();
+  }, [st, nt]), Oe = ((mt = u.editor) == null ? void 0 : mt.isAvailable()) || !1, ct = d(() => {
+    !Oe || !se.current || !r || (M.current && (M.current.destroy(), M.current = null), M.current = u.editor.create(se.current, {
+      code: r.code || "",
+      language: r.editorLanguage || r.language || "plaintext",
+      sdkTheme: u.getTheme()
     }));
-  }, [ze, a, m]), ht = d(() => {
-    if (!$.current || !a) return;
-    const l = $.current.getCode();
-    m.emit("edit:save", {
-      artifactId: a.id,
-      artifact: a,
-      code: l
+  }, [Oe, r, u]), _t = d(() => {
+    if (!M.current || !r) return;
+    const n = M.current.getCode();
+    u.emit("edit:save", {
+      artifactId: r.id,
+      artifact: r,
+      code: n
     });
-  }, [a, m]), gt = d(() => {
-    clearTimeout(fe.current), K(!1), g.current && a && (m.bridge.setIframe(g.current), m.bridge.loadArtifact(a));
-  }, [a, m]), _t = d(() => {
-    clearTimeout(fe.current), K(!1);
-  }, []), yt = d(() => {
-    clearTimeout(fe.current), fe.current = setTimeout(() => {
-      K(!1);
+  }, [r, u]), yt = d(() => {
+    clearTimeout(ve.current), D(!1), h.current && r && (u.bridge.setIframe(h.current), u.bridge.loadArtifact(r));
+  }, [r, u]), Nt = d(() => {
+    clearTimeout(ve.current), D(!1);
+  }, []), bt = d(() => {
+    clearTimeout(ve.current), ve.current = setTimeout(() => {
+      D(!1);
     }, 1e3);
-  }, []), Nt = d(async () => {
-    if (a)
+  }, []), kt = d(async () => {
+    if (r)
       try {
-        await navigator.clipboard.writeText(a.code), Y(!0), setTimeout(() => Y(!1), 2e3);
-      } catch (l) {
-        console.error("Failed to copy:", l);
+        await navigator.clipboard.writeText(r.code), le(!0), setTimeout(() => le(!1), 2e3);
+      } catch (n) {
+        console.error("Failed to copy:", n);
       }
-  }, [a]), bt = d(() => {
-    if (!a) return;
-    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);
+  }, [r]), wt = d(() => {
+    if (!r) return;
+    const { code: n, language: N, title: I } = r, B = tt(N), X = `${I.toLowerCase().replace(/\s+/g, "-")}.${B}`, Te = new Blob([n], { type: "text/plain" }), re = URL.createObjectURL(Te), Z = document.createElement("a");
+    Z.href = re, Z.download = X, document.body.appendChild(Z), Z.click(), document.body.removeChild(Z), URL.revokeObjectURL(re);
+  }, [r]), xt = d(async () => {
+    if (!(te || A.length === 0)) {
+      ie(!0);
       try {
-        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), l.file(Xe, ee.code);
+        const n = new Rt(), N = /* @__PURE__ */ new Map();
+        for (const Z of A) {
+          if (!Z.code) continue;
+          const ke = tt(Z.language);
+          let he = (Z.title || "untitled").toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, ""), Qe = `${he}.${ke}`;
+          const Ge = N.get(Qe) || 0;
+          Ge > 0 && (Qe = `${he}-${Ge}.${ke}`), N.set(`${he}.${ke}`, Ge + 1), n.file(Qe, Z.code);
         }
-        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 (l) {
-        console.error("Failed to create ZIP:", l);
+        const I = await n.generateAsync({ type: "blob" }), X = `artifacts-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.zip`, Te = URL.createObjectURL(I), re = document.createElement("a");
+        re.href = Te, re.download = X, document.body.appendChild(re), re.click(), document.body.removeChild(re), URL.revokeObjectURL(Te);
+      } catch (n) {
+        console.error("Failed to create ZIP:", n);
       } finally {
-        de(!1);
+        ie(!1);
       }
     }
-  }, [J, L]), nt = d((l) => l ? new Date(l).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }) : "", []), wt = d(() => {
+  }, [te, A]), it = d((n) => n ? new Date(n).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }) : "", []), Ct = d(() => {
     if (ne) {
-      le(!1);
+      oe(!1);
       return;
     }
-    a && (_("options"), k(""), X(null), Z(""), G(!1), pe(!1), ce([]), ye(!1), we(""), le(!0));
-  }, [a, m, ne]), xt = d(() => {
-    le(!1);
-  }, []), Re = d(async () => {
-    if (!(!a || !(m != null && m.share))) {
-      _("loading"), Z("");
+    r && (_("options"), w(""), ae(null), K(""), _e(!1), Ne(!1), Ae([]), Pe(!1), He(""), oe(!0));
+  }, [r, u, ne]), Lt = d(() => {
+    oe(!1);
+  }, []), Je = d(async () => {
+    if (!(!r || !(u != null && u.share))) {
+      _("loading"), K("");
       try {
-        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");
+        const n = await u.share.share(r);
+        w(n.url), ae(n.expiresAt), Ne(!1), _("success");
+      } catch (n) {
+        K(n.message || "Failed to create share link"), _("error");
       }
     }
-  }, [a, m]), lt = d(async () => {
-    if (xe)
-      Ce();
+  }, [r, u]), ot = d(async () => {
+    if (m)
+      Fe();
     else {
       _("loading");
       try {
-        await m.share.openAuthPopup(), Ce();
-      } catch (l) {
-        l.message === "Authentication cancelled" ? _("options") : (Z(l.message || "Authentication failed"), _("error"));
+        await u.share.openAuthPopup(), Fe();
+      } catch (n) {
+        n.message === "Authentication cancelled" ? _("options") : (K(n.message || "Authentication failed"), _("error"));
       }
     }
-  }, [xe, m]), Ce = d(async () => {
-    if (!(!a || !(m != null && m.share))) {
-      _("loading"), Z("");
+  }, [m, u]), Fe = d(async () => {
+    if (!(!r || !(u != null && u.share))) {
+      _("loading"), K("");
       try {
-        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");
+        const n = await u.share.save(r);
+        w(n.url), ae(null), Ne(!0), _("success");
+      } catch (n) {
+        K(n.message || "Failed to save artifact"), _("error");
       }
     }
-  }, [a, m]), Ct = d(() => {
-    ve ? Ce() : Re();
-  }, [ve, Ce, Re]), Lt = d(async () => {
-    if (m != null && m.share) {
-      if (!xe) {
+  }, [r, u]), Pt = d(() => {
+    ye ? Fe() : Je();
+  }, [ye, Fe, Je]), Mt = d(async () => {
+    if (u != null && u.share) {
+      if (!m) {
         _("loading");
         try {
-          await m.share.openAuthPopup();
-        } catch (l) {
-          l.message === "Authentication cancelled" ? _("options") : (Z(l.message || "Authentication failed"), _("error"));
+          await u.share.openAuthPopup();
+        } catch (n) {
+          n.message === "Authentication cancelled" ? _("options") : (K(n.message || "Authentication failed"), _("error"));
           return;
         }
       }
-      _("update-list"), ye(!0);
+      _("update-list"), Pe(!0);
       try {
-        const l = (a == null ? void 0 : a.language) || null, C = await m.share.listArtifacts(l);
-        ce(C.projects || []);
-      } catch (l) {
-        Z(l.message || "Failed to load artifacts"), _("error");
+        const n = (r == null ? void 0 : r.language) || null, N = await u.share.listArtifacts(n);
+        Ae(N.projects || []);
+      } catch (n) {
+        K(n.message || "Failed to load artifacts"), _("error");
       } finally {
-        ye(!1);
+        Pe(!1);
       }
     }
-  }, [a, m, xe]), Pt = d(async (l) => {
-    var R, z;
-    if (!a || !(m != null && m.share)) return;
-    const C = (R = l.project) == null ? void 0 : R.uuid;
-    if (C) {
-      _("loading"), Z("");
+  }, [r, u, m]), Tt = d(async (n) => {
+    var I, B;
+    if (!r || !(u != null && u.share)) return;
+    const N = (I = n.project) == null ? void 0 : I.uuid;
+    if (N) {
+      _("loading"), K("");
       try {
-        const ae = await m.share.updateArtifact(C, a);
-        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");
+        const X = await u.share.updateArtifact(N, r);
+        w(X.url || ""), ae(null), Ne(!0), He(((B = n.project) == null ? void 0 : B.name) || "Untitled"), _("success");
+      } catch (X) {
+        K(X.message || "Failed to update artifact"), _("error");
       }
     }
-  }, [a, m]), Mt = d(async () => {
+  }, [r, u]), St = d(async () => {
     if (y)
       try {
-        await navigator.clipboard.writeText(y), G(!0), setTimeout(() => G(!1), 2e3);
-      } catch (l) {
-        console.error("Failed to copy link:", l);
+        await navigator.clipboard.writeText(y), _e(!0), setTimeout(() => _e(!1), 2e3);
+      } catch (n) {
+        console.error("Failed to copy link:", n);
       }
-  }, [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((l) => {
-    se(!0), P(l), O(!1);
-  }, [P]), qe = d((l) => {
-    v.current = {
-      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";
+  }, [y]), At = d(() => {
+    O > 0 && L(A[O - 1]);
+  }, [O, L, A]), $t = d(() => {
+    O < A.length - 1 && L(A[O + 1]);
+  }, [O, L, A]), ut = d((n) => {
+    fe(!0), L(n), ee(!1);
+  }, [L]), Xe = d((n) => {
+    pe.current = {
+      startX: n.clientX,
+      startWidth: Y
+    }, document.addEventListener("mousemove", Ze), document.addEventListener("mouseup", We), document.body.style.cursor = "ew-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((N) => {
+      N.style.pointerEvents = "none";
     });
-  }, [ie]), De = d((l) => {
-    if (!v.current) return;
-    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((l) => {
-      l.style.pointerEvents = "";
+  }, [Y]), Ze = d((n) => {
+    if (!pe.current) return;
+    const N = window.innerWidth, B = (pe.current.startX - n.clientX) / N * 100, X = pe.current.startWidth + B;
+    qe(Math.min(Math.max(X, 25), 75));
+  }, []), We = d(() => {
+    pe.current = null, document.removeEventListener("mousemove", Ze), document.removeEventListener("mouseup", We), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((n) => {
+      n.style.pointerEvents = "";
     });
-  }, [De]), At = d((l) => {
+  }, [Ze]), Ht = d((n) => {
     if (!f.current) return;
-    const C = f.current.getBoundingClientRect();
-    te.current = {
-      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";
+    const N = f.current.getBoundingClientRect();
+    Ee.current = {
+      startX: n.clientX,
+      startPosition: be,
+      contentLeft: N.left,
+      contentWidth: N.width
+    }, document.addEventListener("mousemove", Ke), document.addEventListener("mouseup", Ve), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((I) => {
+      I.style.pointerEvents = "none";
     });
-  }, [he]), Ue = d((l) => {
-    if (!te.current) return;
-    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((l) => {
-      l.style.pointerEvents = "";
+  }, [be]), Ke = d((n) => {
+    if (!Ee.current) return;
+    const I = (n.clientX - Ee.current.contentLeft) / Ee.current.contentWidth * 100;
+    De(Math.min(Math.max(I, 20), 80));
+  }, []), Ve = d(() => {
+    Ee.current = null, document.removeEventListener("mousemove", Ke), document.removeEventListener("mouseup", Ve), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((n) => {
+      n.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), 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 = [
+  }, [Ke]);
+  if (j(() => {
+    r && (Me.current && Me.current.isPreviewable !== r.isPreviewable && (ce(!0), setTimeout(() => ce(!1), 150)), Me.current = r, lt(), D(!0), bt(), je());
+  }, [r == null ? void 0 : r.id, lt]), j(() => {
+    (s.viewMode === "code" || s.viewMode === "split") && je(), s.viewMode === "edit" && ct();
+  }, [s.viewMode, je, ct]), j(() => (t && u.on("ai:request", t), a && u.on("save:request", a), c && u.on("export:complete", c), () => {
+    t && u.off("ai:request", t), a && u.off("save:request", a), c && u.off("export:complete", c);
+  }), [u, t, a, c]), j(() => () => {
+    We(), Ve(), M.current && (M.current.destroy(), M.current = null), clearTimeout(Ue.current), clearTimeout(ve.current);
+  }, [We, Ve]), !s.isPanelOpen) return null;
+  const Ye = [
     "artifactuse-panel",
     s.isFullscreen && "artifactuse-panel--fullscreen",
-    !a && p && "artifactuse-panel--list",
+    !r && p && "artifactuse-panel--list",
     !p && "artifactuse-panel--empty",
-    n
-  ].filter(Boolean).join(" "), $t = [
+    l
+  ].filter(Boolean).join(" "), It = [
     "artifactuse-panel__content",
     `artifactuse-panel__content--${s.viewMode}`,
-    Ee && "artifactuse-panel__content--transitioning"
+    de && "artifactuse-panel__content--transitioning"
   ].filter(Boolean).join(" ");
-  return p ? a ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+  return p ? r ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: je,
-      style: s.isFullscreen ? void 0 : { width: `${ie}%` }
+      className: Ye,
+      style: s.isFullscreen ? void 0 : { width: `${Y}%` }
     },
     !s.isFullscreen && /* @__PURE__ */ e.createElement(
       "div",
       {
         className: "artifactuse-panel__resize-handle",
-        onMouseDown: qe
+        onMouseDown: Xe
       },
       /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__resize-handle-line" })
     ),
-    /* @__PURE__ */ e.createElement("header", { className: "artifactuse-panel__header" }, ue && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("header", { className: "artifactuse-panel__header" }, ge && /* @__PURE__ */ e.createElement(
       "button",
       {
         className: "artifactuse-panel__back",
         title: "Back to list",
-        onClick: Et
+        onClick: G
       },
       /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("polyline", { points: "15 18 9 12 15 6" }))
     ), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__title" }, /* @__PURE__ */ e.createElement(
       "span",
       {
         className: "artifactuse-panel__icon",
-        dangerouslySetInnerHTML: { __html: `<svg viewBox="0 0 24 24" fill="currentColor">${u}</svg>` }
+        dangerouslySetInnerHTML: { __html: `<svg viewBox="0 0 24 24" fill="currentColor">${Be}</svg>` }
       }
-    ), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__title-content" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__name" }, a.title || "Untitled"), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__meta" }, Fe, a.lineCount && ` • ${a.lineCount} lines`))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__tabs" }, (!a.tabs || a.tabs.includes("preview")) && /* @__PURE__ */ e.createElement(
+    ), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__title-content" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__name" }, r.title || "Untitled"), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__meta" }, Ie, r.lineCount && ` • ${r.lineCount} lines`))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__tabs" }, (!r.tabs || r.tabs.includes("preview")) && /* @__PURE__ */ e.createElement(
       "button",
       {
         className: `artifactuse-panel__tab ${s.viewMode === "preview" ? "artifactuse-panel__tab--active" : ""}`,
-        disabled: !a.isPreviewable,
+        disabled: !r.isPreviewable,
         title: "Preview",
-        onClick: () => w("preview")
+        onClick: () => k("preview")
       },
       /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), /* @__PURE__ */ e.createElement("circle", { cx: "12", cy: "12", r: "3" }))
-    ), (!a.tabs || a.tabs.includes("code")) && /* @__PURE__ */ e.createElement(
+    ), (!r.tabs || r.tabs.includes("code")) && /* @__PURE__ */ e.createElement(
       "button",
       {
         className: `artifactuse-panel__tab ${s.viewMode === "code" ? "artifactuse-panel__tab--active" : ""}`,
         title: "Code",
-        onClick: () => w("code")
+        onClick: () => k("code")
       },
       /* @__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" }))
-    ), (!a.tabs || a.tabs.includes("split")) && /* @__PURE__ */ e.createElement(
+    ), (!r.tabs || r.tabs.includes("split")) && /* @__PURE__ */ e.createElement(
       "button",
       {
         className: `artifactuse-panel__tab ${s.viewMode === "split" ? "artifactuse-panel__tab--active" : ""}`,
-        disabled: !a.isPreviewable,
+        disabled: !r.isPreviewable,
         title: "Split view",
-        onClick: () => w("split")
+        onClick: () => k("split")
       },
       /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }), /* @__PURE__ */ e.createElement("line", { x1: "12", y1: "3", x2: "12", y2: "21" }))
-    ), a.tabs && a.tabs.includes("edit") && ze && /* @__PURE__ */ e.createElement(
+    ), r.tabs && r.tabs.includes("edit") && Oe && /* @__PURE__ */ e.createElement(
       "button",
       {
         className: `artifactuse-panel__tab ${s.viewMode === "edit" ? "artifactuse-panel__tab--active" : ""}`,
         title: "Edit",
-        onClick: () => w("edit")
+        onClick: () => k("edit")
       },
       /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }), /* @__PURE__ */ e.createElement("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" }))
     )), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__actions" }, s.viewMode === "edit" && /* @__PURE__ */ e.createElement(
@@ -1160,7 +1220,7 @@ function pa({
       {
         className: "artifactuse-panel__action artifactuse-panel__action--save",
         title: "Save",
-        onClick: ht
+        onClick: _t
       },
       /* @__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(
@@ -1176,35 +1236,35 @@ function pa({
       {
         className: "artifactuse-panel__action artifactuse-panel__action--close",
         title: "Close",
-        onClick: N
+        onClick: x
       },
       /* @__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: $t, ref: f }, Ee && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__loading" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__spinner" })), (s.viewMode === "preview" || s.viewMode === "split") && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: It, ref: f }, de && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__loading" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__spinner" })), (s.viewMode === "preview" || s.viewMode === "split") && /* @__PURE__ */ e.createElement(
       "div",
       {
         className: "artifactuse-panel__preview",
-        style: s.viewMode === "split" ? { width: `${he}%` } : void 0
+        style: s.viewMode === "split" ? { width: `${be}%` } : void 0
       },
-      me && I && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__loading" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__spinner" })),
-      I ? /* @__PURE__ */ e.createElement(
+      $ && E && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__loading" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__spinner" })),
+      E ? /* @__PURE__ */ e.createElement(
         "iframe",
         {
-          ref: g,
-          src: I,
-          className: `artifactuse-panel__iframe ${me ? "artifactuse-panel__iframe--loading" : ""}`,
+          ref: h,
+          src: E,
+          className: `artifactuse-panel__iframe ${$ ? "artifactuse-panel__iframe--loading" : ""}`,
           sandbox: "allow-scripts allow-same-origin allow-forms allow-popups allow-modals allow-downloads allow-top-navigation-by-user-activation",
           allow: "camera; microphone; fullscreen; geolocation; display-capture; autoplay; clipboard-write",
-          onLoad: gt,
-          onError: _t
+          onLoad: yt,
+          onError: Nt
         }
-      ) : /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__no-preview" }, /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5" }, /* @__PURE__ */ e.createElement("path", { d: "M9 17H7A5 5 0 0 1 7 7h2" }), /* @__PURE__ */ e.createElement("path", { d: "M15 7h2a5 5 0 1 1 0 10h-2" }), /* @__PURE__ */ e.createElement("line", { x1: "8", y1: "12", x2: "16", y2: "12" })), /* @__PURE__ */ e.createElement("p", null, "Preview not available for ", Fe))
+      ) : /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__no-preview" }, /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5" }, /* @__PURE__ */ e.createElement("path", { d: "M9 17H7A5 5 0 0 1 7 7h2" }), /* @__PURE__ */ e.createElement("path", { d: "M15 7h2a5 5 0 1 1 0 10h-2" }), /* @__PURE__ */ e.createElement("line", { x1: "8", y1: "12", x2: "16", y2: "12" })), /* @__PURE__ */ e.createElement("p", null, "Preview not available for ", Ie))
     ), /* @__PURE__ */ e.createElement(
       "div",
       {
         className: "artifactuse-panel__code",
         style: {
-          ...s.viewMode === "split" ? { width: `${100 - he}%` } : {},
+          ...s.viewMode === "split" ? { width: `${100 - be}%` } : {},
           display: s.viewMode === "code" || s.viewMode === "split" ? void 0 : "none"
         }
       },
@@ -1212,15 +1272,15 @@ function pa({
         "div",
         {
           className: "artifactuse-panel__split-handle",
-          onMouseDown: At
+          onMouseDown: Ht
         },
         /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__split-handle-line" })
       ),
-      /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__code-scroll", ref: B }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__line-numbers", ref: h }), /* @__PURE__ */ e.createElement("pre", { className: `artifactuse-panel__code-block language-${F}` }, /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__code-scroll", ref: z }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__line-numbers", ref: g }), /* @__PURE__ */ e.createElement("pre", { className: `artifactuse-panel__code-block language-${Q}` }, /* @__PURE__ */ e.createElement(
         "code",
         {
-          ref: x,
-          className: `language-${F}`
+          ref: C,
+          className: `language-${Q}`
         }
       )))
     ), /* @__PURE__ */ e.createElement(
@@ -1229,9 +1289,9 @@ function pa({
         className: "artifactuse-panel__edit",
         style: { display: s.viewMode === "edit" ? void 0 : "none" }
       },
-      /* @__PURE__ */ e.createElement("div", { ref: U, className: "artifactuse-panel__editor-container" })
+      /* @__PURE__ */ e.createElement("div", { ref: se, className: "artifactuse-panel__editor-container" })
     )),
-    /* @__PURE__ */ e.createElement("footer", { className: "artifactuse-panel__footer" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__footer-left" }, We && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("footer", { className: "artifactuse-panel__footer" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__footer-left" }, P && /* @__PURE__ */ e.createElement(
       "a",
       {
         href: "https://artifactuse.com",
@@ -1242,41 +1302,41 @@ function pa({
       },
       /* @__PURE__ */ e.createElement("svg", { width: "16", height: "16", viewBox: "0 0 42 42", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ e.createElement("path", { d: "M16.6667 41.6673V10.4173C16.6667 9.86478 16.4472 9.33488 16.0565 8.94418C15.6658 8.55348 15.1359 8.33398 14.5833 8.33398H4.16667C3.0616 8.33398 2.00179 8.77297 1.22039 9.55437C0.438987 10.3358 0 11.3956 0 12.5007V37.5006C0 38.6057 0.438987 39.6655 1.22039 40.4469C2.00179 41.2283 3.0616 41.6673 4.16667 41.6673H29.1667C30.2717 41.6673 31.3315 41.2283 32.1129 40.4469C32.8943 39.6655 33.3333 38.6057 33.3333 37.5006V27.084C33.3333 26.5314 33.1138 26.0015 32.7231 25.6108C32.3324 25.2201 31.8025 25.0007 31.25 25.0007H0", fill: "#5F51C8" }), /* @__PURE__ */ e.createElement("path", { d: "M39.5833 0H27.0833C25.9327 0 25 0.93274 25 2.08333V14.5833C25 15.7339 25.9327 16.6667 27.0833 16.6667H39.5833C40.7339 16.6667 41.6667 15.7339 41.6667 14.5833V2.08333C41.6667 0.93274 40.7339 0 39.5833 0Z", fill: "#695AE0" })),
       /* @__PURE__ */ e.createElement("span", null, "Artifactuse")
-    ), a.code && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__badge artifactuse-panel__badge--secondary" }, ut(a.size))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__footer-right" }, /* @__PURE__ */ e.createElement(
+    ), r.code && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__badge artifactuse-panel__badge--secondary" }, Et(r.size))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__footer-right" }, /* @__PURE__ */ e.createElement(
       "button",
       {
-        className: `artifactuse-panel__footer-action ${M ? "artifactuse-panel__footer-action--success" : ""}`,
-        title: M ? "Copied!" : "Copy code",
-        onClick: Nt
+        className: `artifactuse-panel__footer-action ${R ? "artifactuse-panel__footer-action--success" : ""}`,
+        title: R ? "Copied!" : "Copy code",
+        onClick: kt
       },
-      M ? /* @__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("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }), /* @__PURE__ */ e.createElement("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" }))
+      R ? /* @__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("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }), /* @__PURE__ */ e.createElement("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" }))
     ), /* @__PURE__ */ e.createElement(
       "button",
       {
         className: "artifactuse-panel__footer-action",
         title: "Download",
-        onClick: bt
+        onClick: wt
       },
       /* @__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" }))
-    ), ft && /* @__PURE__ */ e.createElement("div", { style: { position: "relative" } }, /* @__PURE__ */ e.createElement(
+    ), rt && /* @__PURE__ */ e.createElement("div", { style: { position: "relative" } }, /* @__PURE__ */ e.createElement(
       "button",
       {
         className: "artifactuse-panel__footer-action",
         title: "Share",
-        onClick: wt
+        onClick: Ct
       },
       /* @__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((l) => {
-      var C, R, z;
+    ), 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: Lt }, /* @__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" }, Ce)), /* @__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: Pt }, "Retry"))), o === "options" && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__options" }, /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__option", onClick: Je }, /* @__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: ot }, /* @__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: Mt }, /* @__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, ue ? /* @__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...")) : Se.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" }, Se.map((n) => {
+      var N, I, B;
       return /* @__PURE__ */ e.createElement(
         "button",
         {
-          key: ((C = l.project) == null ? void 0 : C.uuid) || l.id,
+          key: ((N = n.project) == null ? void 0 : N.uuid) || n.id,
           className: "artifactuse-share-popup__artifact-item",
-          onClick: () => Pt(l)
+          onClick: () => Tt(n)
         },
-        /* @__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("span", { className: "artifactuse-share-popup__artifact-name" }, ((I = n.project) == null ? void 0 : I.name) || "Untitled"),
+        /* @__PURE__ */ e.createElement("span", { className: "artifactuse-share-popup__artifact-date" }, it((B = n.project) == null ? void 0 : B.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",
@@ -1285,99 +1345,99 @@ function pa({
         className: "artifactuse-share-popup__link",
         value: y,
         readOnly: !0,
-        onClick: (l) => l.target.select()
+        onClick: (n) => n.target.select()
       }
     ), /* @__PURE__ */ e.createElement(
       "button",
       {
-        className: `artifactuse-share-popup__copy-btn ${be ? "artifactuse-share-popup__copy-btn--copied" : ""}`,
-        onClick: Mt
+        className: `artifactuse-share-popup__copy-btn ${Le ? "artifactuse-share-popup__copy-btn--copied" : ""}`,
+        onClick: St
       },
-      be ? "Copied!" : "Copy"
-    )), H && !ve && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__expiry" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-share-popup__expiry-icon" }, /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ e.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "12" }), /* @__PURE__ */ e.createElement("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" }))), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-share-popup__expiry-text" }, "Expires ", nt(H))), !ve && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__save-prompt" }, /* @__PURE__ */ e.createElement("p", { className: "artifactuse-share-popup__save-prompt-text" }, "Keep it permanently?"), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__save-prompt-btn", onClick: lt }, "Save to account")))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__footer" }, /* @__PURE__ */ e.createElement("a", { href: "https://artifactuse.com", target: "_blank", rel: "noopener noreferrer", className: "artifactuse-share-popup__branding" }, /* @__PURE__ */ e.createElement("svg", { width: "12", height: "12", viewBox: "0 0 42 42", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ e.createElement("path", { d: "M16.6667 41.6673V10.4173C16.6667 9.86478 16.4472 9.33488 16.0565 8.94418C15.6658 8.55348 15.1359 8.33398 14.5833 8.33398H4.16667C3.0616 8.33398 2.00179 8.77297 1.22039 9.55437C0.438987 10.3358 0 11.3956 0 12.5007V37.5006C0 38.6057 0.438987 39.6655 1.22039 40.4469C2.00179 41.2283 3.0616 41.6673 4.16667 41.6673H29.1667C30.2717 41.6673 31.3315 41.2283 32.1129 40.4469C32.8943 39.6655 33.3333 38.6057 33.3333 37.5006V27.084C33.3333 26.5314 33.1138 26.0015 32.7231 25.6108C32.3324 25.2201 31.8025 25.0007 31.25 25.0007H0", fill: "#5F51C8" }), /* @__PURE__ */ e.createElement("path", { d: "M39.5833 0H27.0833C25.9327 0 25 0.93274 25 2.08333V14.5833C25 15.7339 25.9327 16.6667 27.0833 16.6667H39.5833C40.7339 16.6667 41.6667 15.7339 41.6667 14.5833V2.08333C41.6667 0.93274 40.7339 0 39.5833 0Z", fill: "#695AE0" })), /* @__PURE__ */ e.createElement("span", null, "Powered by Artifactuse"))))), L.length > 1 && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__nav" }, /* @__PURE__ */ e.createElement(
+      Le ? "Copied!" : "Copy"
+    )), H && !ye && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__expiry" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-share-popup__expiry-icon" }, /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ e.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "12" }), /* @__PURE__ */ e.createElement("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" }))), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-share-popup__expiry-text" }, "Expires ", it(H))), !ye && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__save-prompt" }, /* @__PURE__ */ e.createElement("p", { className: "artifactuse-share-popup__save-prompt-text" }, "Keep it permanently?"), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__save-prompt-btn", onClick: ot }, "Save to account")))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__footer" }, /* @__PURE__ */ e.createElement("a", { href: "https://artifactuse.com", target: "_blank", rel: "noopener noreferrer", className: "artifactuse-share-popup__branding" }, /* @__PURE__ */ e.createElement("svg", { width: "12", height: "12", viewBox: "0 0 42 42", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ e.createElement("path", { d: "M16.6667 41.6673V10.4173C16.6667 9.86478 16.4472 9.33488 16.0565 8.94418C15.6658 8.55348 15.1359 8.33398 14.5833 8.33398H4.16667C3.0616 8.33398 2.00179 8.77297 1.22039 9.55437C0.438987 10.3358 0 11.3956 0 12.5007V37.5006C0 38.6057 0.438987 39.6655 1.22039 40.4469C2.00179 41.2283 3.0616 41.6673 4.16667 41.6673H29.1667C30.2717 41.6673 31.3315 41.2283 32.1129 40.4469C32.8943 39.6655 33.3333 38.6057 33.3333 37.5006V27.084C33.3333 26.5314 33.1138 26.0015 32.7231 25.6108C32.3324 25.2201 31.8025 25.0007 31.25 25.0007H0", fill: "#5F51C8" }), /* @__PURE__ */ e.createElement("path", { d: "M39.5833 0H27.0833C25.9327 0 25 0.93274 25 2.08333V14.5833C25 15.7339 25.9327 16.6667 27.0833 16.6667H39.5833C40.7339 16.6667 41.6667 15.7339 41.6667 14.5833V2.08333C41.6667 0.93274 40.7339 0 39.5833 0Z", fill: "#695AE0" })), /* @__PURE__ */ e.createElement("span", null, "Powered by Artifactuse"))))), A.length > 1 && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__nav" }, /* @__PURE__ */ e.createElement(
       "button",
       {
         className: "artifactuse-panel__nav-btn",
-        disabled: j <= 0,
+        disabled: O <= 0,
         title: "Previous artifact",
-        onClick: Tt
+        onClick: At
       },
       /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("polyline", { points: "15 18 9 12 15 6" }))
     ), /* @__PURE__ */ e.createElement(
       "button",
       {
         className: "artifactuse-panel__nav-trigger",
-        onClick: () => O(!Q)
+        onClick: () => ee(!q)
       },
-      /* @__PURE__ */ e.createElement("span", null, j + 1, " / ", L.length),
+      /* @__PURE__ */ e.createElement("span", null, O + 1, " / ", A.length),
       /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("polyline", { points: "6 9 12 15 18 9" }))
     ), /* @__PURE__ */ e.createElement(
       "button",
       {
         className: "artifactuse-panel__nav-btn",
-        disabled: j >= L.length - 1,
+        disabled: O >= A.length - 1,
         title: "Next artifact",
-        onClick: St
+        onClick: $t
       },
       /* @__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" }))
-    ), Q && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__artifact-list" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__artifact-list-header" }, /* @__PURE__ */ e.createElement("span", null, "All Artifacts (", L.length, ")"), /* @__PURE__ */ e.createElement(
+    ), q && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__artifact-list" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__artifact-list-header" }, /* @__PURE__ */ e.createElement("span", null, "All Artifacts (", A.length, ")"), /* @__PURE__ */ e.createElement(
       "button",
       {
         className: "artifactuse-panel__artifact-list-close",
-        onClick: () => O(!1)
+        onClick: () => ee(!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((l, C) => /* @__PURE__ */ e.createElement(
+    )), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__artifact-list-items" }, A.map((n, N) => /* @__PURE__ */ e.createElement(
       "button",
       {
-        key: l.id,
-        className: `artifactuse-panel__artifact-item ${l.id === a.id ? "artifactuse-panel__artifact-item--active" : ""}`,
-        onClick: () => ct(l)
+        key: n.id,
+        className: `artifactuse-panel__artifact-item ${n.id === r.id ? "artifactuse-panel__artifact-item--active" : ""}`,
+        onClick: () => ut(n)
       },
       /* @__PURE__ */ e.createElement(
         "span",
         {
           className: "artifactuse-panel__artifact-item-icon",
-          dangerouslySetInnerHTML: { __html: et(l.language) }
+          dangerouslySetInnerHTML: { __html: U(n.language) }
         }
       ),
-      /* @__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: "artifactuse-panel__artifact-item-content" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__artifact-item-title" }, n.title || "Untitled"), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__artifact-item-meta" }, ze(n.language), n.lineCount && ` • ${n.lineCount} lines`)),
+      /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__artifact-item-index" }, N + 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(
+  )) : /* @__PURE__ */ e.createElement("div", { className: Ye, style: s.isFullscreen ? void 0 : { width: `${F}%` } }, !s.isFullscreen && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__resize-handle", onMouseDown: Xe }, /* @__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" }, A.length, " available"))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__actions" }, /* @__PURE__ */ e.createElement(
     "button",
     {
-      className: `artifactuse-panel__action ${J ? "artifactuse-panel__action--loading" : ""}`,
-      disabled: J,
+      className: `artifactuse-panel__action ${te ? "artifactuse-panel__action--loading" : ""}`,
+      disabled: te,
       title: "Download all as ZIP",
-      onClick: kt
+      onClick: xt
     },
-    J ? /* @__PURE__ */ e.createElement("svg", { className: "artifactuse-panel__spinner-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("circle", { cx: "12", cy: "12", r: "10", strokeDasharray: "32", strokeDashoffset: "32" })) : /* @__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" }))
+    te ? /* @__PURE__ */ e.createElement("svg", { className: "artifactuse-panel__spinner-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("circle", { cx: "12", cy: "12", r: "10", strokeDasharray: "32", strokeDashoffset: "32" })) : /* @__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" }))
   ), /* @__PURE__ */ e.createElement(
     "button",
     {
       className: "artifactuse-panel__action artifactuse-panel__action--close",
       title: "Close panel",
-      onClick: N
+      onClick: x
     },
     /* @__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((l, C) => /* @__PURE__ */ e.createElement(
+  ))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__list" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__list-items" }, A.map((n, N) => /* @__PURE__ */ e.createElement(
     "button",
     {
-      key: l.id,
+      key: n.id,
       className: "artifactuse-panel__list-item",
-      onClick: () => ct(l)
+      onClick: () => ut(n)
     },
     /* @__PURE__ */ e.createElement(
       "span",
       {
         className: "artifactuse-panel__list-item-icon",
-        dangerouslySetInnerHTML: { __html: et(l.language) }
+        dangerouslySetInnerHTML: { __html: U(n.language) }
       }
     ),
-    /* @__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("div", { className: "artifactuse-panel__list-item-content" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__list-item-title" }, n.title || "Untitled"), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__list-item-meta" }, ze(n.language), n.lineCount && ` • ${n.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(
+  )))), /* @__PURE__ */ e.createElement("footer", { className: "artifactuse-panel__footer artifactuse-panel__footer--simple" }, P && /* @__PURE__ */ e.createElement(
     "a",
     {
       href: "https://artifactuse.com",
@@ -1387,15 +1447,15 @@ function pa({
     },
     /* @__PURE__ */ e.createElement("svg", { width: "16", height: "16", viewBox: "0 0 42 42", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ e.createElement("path", { d: "M16.6667 41.6673V10.4173C16.6667 9.86478 16.4472 9.33488 16.0565 8.94418C15.6658 8.55348 15.1359 8.33398 14.5833 8.33398H4.16667C3.0616 8.33398 2.00179 8.77297 1.22039 9.55437C0.438987 10.3358 0 11.3956 0 12.5007V37.5006C0 38.6057 0.438987 39.6655 1.22039 40.4469C2.00179 41.2283 3.0616 41.6673 4.16667 41.6673H29.1667C30.2717 41.6673 31.3315 41.2283 32.1129 40.4469C32.8943 39.6655 33.3333 38.6057 33.3333 37.5006V27.084C33.3333 26.5314 33.1138 26.0015 32.7231 25.6108C32.3324 25.2201 31.8025 25.0007 31.25 25.0007H0", fill: "#5F51C8" }), /* @__PURE__ */ e.createElement("path", { d: "M39.5833 0H27.0833C25.9327 0 25 0.93274 25 2.08333V14.5833C25 15.7339 25.9327 16.6667 27.0833 16.6667H39.5833C40.7339 16.6667 41.6667 15.7339 41.6667 14.5833V2.08333C41.6667 0.93274 40.7339 0 39.5833 0Z", fill: "#695AE0" })),
     /* @__PURE__ */ e.createElement("span", null, "Artifactuse")
-  ))) : /* @__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("div", { className: "artifactuse-panel__actions" }, /* @__PURE__ */ e.createElement(
+  ))) : /* @__PURE__ */ e.createElement("div", { className: Ye, style: s.isFullscreen ? void 0 : { width: `${F}%` } }, !s.isFullscreen && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__resize-handle", onMouseDown: Xe }, /* @__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("div", { className: "artifactuse-panel__actions" }, /* @__PURE__ */ e.createElement(
     "button",
     {
       className: "artifactuse-panel__action artifactuse-panel__action--close",
       title: "Close panel",
-      onClick: N
+      onClick: x
     },
     /* @__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" }, We && /* @__PURE__ */ e.createElement(
+  ))), /* @__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" }, P && /* @__PURE__ */ e.createElement(
     "a",
     {
       href: "https://artifactuse.com",
@@ -1407,159 +1467,159 @@ function pa({
     /* @__PURE__ */ e.createElement("span", null, "Artifactuse")
   )));
 }
-function fa({ className: t = "" }) {
-  const { state: r, artifactCount: c, hasArtifacts: n, togglePanel: s } = _e(), a = T(() => c > 99 ? "99+" : String(c), [c]), E = [
+function va({ className: t = "" }) {
+  const { state: a, artifactCount: c, hasArtifacts: l, togglePanel: s } = xe(), r = T(() => c > 99 ? "99+" : String(c), [c]), v = [
     "artifactuse-panel-toggle",
-    r.isPanelOpen && "artifactuse-panel-toggle--active",
-    n && "artifactuse-panel-toggle--has-artifacts",
+    a.isPanelOpen && "artifactuse-panel-toggle--active",
+    l && "artifactuse-panel-toggle--has-artifacts",
     t
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ e.createElement(
     "button",
     {
-      className: E,
+      className: v,
       onClick: s,
-      title: r.isPanelOpen ? "Close artifacts panel" : "Open artifacts panel"
+      title: a.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" })),
-    c > 0 && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel-toggle-badge" }, a)
+    c > 0 && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel-toggle-badge" }, r)
   );
 }
-const pt = Ht(null);
-function la({ children: t, config: r = {} }) {
+const ht = Bt(null);
+function ia({ children: t, config: a = {} }) {
   const c = W(null);
-  c.current || (c.current = Wt(r));
-  const n = c.current, [s, a] = b({
+  c.current || (c.current = zt(a));
+  const l = c.current, [s, r] = b({
     artifacts: [],
     activeArtifactId: null,
     isPanelOpen: !1,
     viewMode: "preview",
     isFullscreen: !1
-  }), [E, p] = b(() => n.getPanelTypes());
-  q(() => {
-    const f = n.state.subscribe((h) => {
-      a({
-        artifacts: h.artifacts,
-        activeArtifactId: h.activeArtifactId,
-        isPanelOpen: h.isPanelOpen,
-        viewMode: h.viewMode,
-        isFullscreen: h.isFullscreen
+  }), [v, p] = b(() => l.getPanelTypes());
+  j(() => {
+    const f = l.state.subscribe((g) => {
+      r({
+        artifacts: g.artifacts,
+        activeArtifactId: g.activeArtifactId,
+        isPanelOpen: g.isPanelOpen,
+        viewMode: g.viewMode,
+        isFullscreen: g.isFullscreen
       });
     });
-    return n.applyTheme(), () => {
-      f(), n.destroy();
+    return l.applyTheme(), () => {
+      f(), l.destroy();
     };
-  }, [n]);
-  const N = T(() => s.activeArtifactId && s.artifacts.find((f) => f.id === s.activeArtifactId) || null, [s.artifacts, s.activeArtifactId]), i = s.artifacts.filter((f) => !f.isInline).length, w = i > 0, S = T(() => N ? n.getPanelUrl(N) : null, [N, n]), P = d((f) => {
-    n.setTheme(f), n.applyTheme();
-  }, [n]), m = d((f, h) => {
-    n.registerPanel(f, h), p(n.getPanelTypes());
-  }, [n]), g = d((f) => {
-    n.unregisterPanel(f), p(n.getPanelTypes());
-  }, [n]), x = T(() => ({
-    instance: n,
+  }, [l]);
+  const x = T(() => s.activeArtifactId && s.artifacts.find((f) => f.id === s.activeArtifactId) || null, [s.artifacts, s.activeArtifactId]), i = s.artifacts.filter((f) => !f.isInline).length, k = i > 0, S = T(() => x ? l.getPanelUrl(x) : null, [x, l]), L = d((f) => {
+    l.setTheme(f), l.applyTheme();
+  }, [l]), u = d((f, g) => {
+    l.registerPanel(f, g), p(l.getPanelTypes());
+  }, [l]), h = d((f) => {
+    l.unregisterPanel(f), p(l.getPanelTypes());
+  }, [l]), C = T(() => ({
+    instance: l,
     state: s,
-    activeArtifact: N,
+    activeArtifact: x,
     artifactCount: i,
-    hasArtifacts: w,
+    hasArtifacts: k,
     // Panel computed
-    panelTypes: E,
+    panelTypes: v,
     activePanelUrl: S,
     // Methods
-    processMessage: n.processMessage,
-    initializeContent: n.initializeContent,
-    openArtifact: n.openArtifact,
-    openFile: n.openFile,
-    openCode: n.openCode,
-    updateFile: n.updateFile,
-    closePanel: n.closePanel,
-    togglePanel: n.togglePanel,
-    toggleFullscreen: n.toggleFullscreen,
-    setViewMode: n.setViewMode,
-    getPanelUrl: n.getPanelUrl,
-    sendToPanel: n.sendToPanel,
+    processMessage: l.processMessage,
+    initializeContent: l.initializeContent,
+    openArtifact: l.openArtifact,
+    openFile: l.openFile,
+    openCode: l.openCode,
+    updateFile: l.updateFile,
+    closePanel: l.closePanel,
+    togglePanel: l.togglePanel,
+    toggleFullscreen: l.toggleFullscreen,
+    setViewMode: l.setViewMode,
+    getPanelUrl: l.getPanelUrl,
+    sendToPanel: l.sendToPanel,
     // Panel management
-    hasPanel: n.hasPanel,
-    registerPanel: m,
-    unregisterPanel: g,
-    getPanelTypes: n.getPanelTypes,
+    hasPanel: l.hasPanel,
+    registerPanel: u,
+    unregisterPanel: h,
+    getPanelTypes: l.getPanelTypes,
     // Events
-    on: n.on,
-    off: n.off,
+    on: l.on,
+    off: l.off,
     // State management
-    clearArtifacts: () => n.state.clear(),
+    clearArtifacts: () => l.state.clear(),
     // Theme
-    applyTheme: n.applyTheme,
-    setTheme: P,
-    getTheme: n.getTheme
+    applyTheme: l.applyTheme,
+    setTheme: L,
+    getTheme: l.getTheme
   }), [
-    n,
+    l,
     s,
-    N,
+    x,
     i,
-    w,
-    E,
+    k,
+    v,
     S,
-    P,
-    m,
-    g
+    L,
+    u,
+    h
   ]);
-  return /* @__PURE__ */ e.createElement(pt.Provider, { value: x }, t);
+  return /* @__PURE__ */ e.createElement(ht.Provider, { value: C }, t);
 }
-function _e() {
-  const t = It(pt);
+function xe() {
+  const t = Ft(ht);
   if (!t)
     throw new Error("useArtifactuse must be used within an ArtifactuseProvider");
   return t;
 }
-function ca(t, r) {
-  const { on: c, off: n } = _e();
-  q(() => {
-    const s = c(t, r);
+function oa(t, a) {
+  const { on: c, off: l } = xe();
+  j(() => {
+    const s = c(t, a);
     return () => {
-      typeof s == "function" ? s() : n(t, r);
+      typeof s == "function" ? s() : l(t, a);
     };
-  }, [t, r, c, n]);
+  }, [t, a, c, l]);
 }
-function ia() {
+function ua() {
   const {
     registerPanel: t,
-    unregisterPanel: r,
+    unregisterPanel: a,
     hasPanel: c,
-    panelTypes: n,
+    panelTypes: l,
     instance: s
-  } = _e(), a = d((p) => c({ type: p }), [c]), E = d((p, N = {}) => {
+  } = xe(), r = d((p) => c({ type: p }), [c]), v = d((p, x = {}) => {
     var i;
-    return ((i = s.panelResolver) == null ? void 0 : i.resolve(p, N)) || null;
+    return ((i = s.panelResolver) == null ? void 0 : i.resolve(p, x)) || null;
   }, [s]);
   return {
     register: t,
-    unregister: r,
-    isRegistered: a,
-    getPanelUrl: E,
-    types: n,
-    defaults: dt
+    unregister: a,
+    isRegistered: r,
+    getPanelUrl: v,
+    types: l,
+    defaults: vt
   };
 }
-const Ea = {
-  ArtifactuseProvider: la,
-  useArtifactuse: _e,
-  useArtifactuseEvent: ca,
-  usePanelRegistry: ia,
-  DEFAULT_PANELS: dt
+const ha = {
+  ArtifactuseProvider: ia,
+  useArtifactuse: xe,
+  useArtifactuseEvent: oa,
+  usePanelRegistry: ua,
+  DEFAULT_PANELS: vt
 };
 export {
-  na as ArtifactuseAgentMessage,
-  Rt as ArtifactuseCard,
-  Ut as ArtifactuseInlineForm,
-  pa as ArtifactusePanel,
-  fa as ArtifactusePanelToggle,
-  la as ArtifactuseProvider,
-  ea as ArtifactuseSocialPreview,
-  ta as ArtifactuseViewer,
-  dt as DEFAULT_PANELS,
-  Ea as default,
-  _e as useArtifactuse,
-  ca as useArtifactuseEvent,
-  ia as usePanelRegistry
+  ca as ArtifactuseAgentMessage,
+  Dt as ArtifactuseCard,
+  Ot as ArtifactuseInlineForm,
+  Ea as ArtifactusePanel,
+  va as ArtifactusePanelToggle,
+  ia as ArtifactuseProvider,
+  aa as ArtifactuseSocialPreview,
+  ra as ArtifactuseViewer,
+  vt as DEFAULT_PANELS,
+  ha as default,
+  xe as useArtifactuse,
+  oa as useArtifactuseEvent,
+  ua as usePanelRegistry
 };