artifactuse 0.1.21 → 0.1.22

package/dist/react/index.js

@@ -1,29 +1,29 @@
-import e, { useState as N, useMemo as S, useCallback as d, useRef as z, useEffect as R, createContext as Pt, useContext as Tt } from "react";
-import { g as Ae, f as ct, a as Xe, b as Ze, n as Mt, i as St, D as it, c as At } from "../index-ZmmxlD3v.js";
-import { J as $t } from "../jszip.min-CdmYyw5L.js";
-import { createPortal as Ht } from "react-dom";
-function It({
+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-CQXV7Rft.js";
+import { J as Vt } from "../jszip.min-CdmYyw5L.js";
+import { createPortal as zt } from "react-dom";
+function Rt({
   artifact: t,
-  isActive: a = !1,
+  isActive: r = !1,
   onOpen: l,
   onCopy: n,
   onDownload: s,
-  className: r = ""
+  className: a = ""
 }) {
-  const [E, p] = N(!1), y = S(() => Ae(t.language), [t.language]), i = S(() => {
-    var w;
-    return ct(t.size || ((w = t.code) == null ? void 0 : w.length) || 0);
-  }, [t.size, t.code]), x = S(() => Xe(t.language), [t.language]), A = d((w) => {
-    w.stopPropagation(), l && l(t);
-  }, [t, l]), L = d(async (w) => {
-    w.stopPropagation();
+  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(), l && l(t);
+  }, [t, l]), P = d(async (x) => {
+    x.stopPropagation();
     try {
       await navigator.clipboard.writeText(t.code), p(!0), n && n(t), setTimeout(() => {
         p(!1);
       }, 2e3);
     } catch {
-      const v = document.createElement("textarea");
-      v.value = t.code, v.style.position = "fixed", v.style.opacity = "0", document.body.appendChild(v), v.select();
+      const h = document.createElement("textarea");
+      h.value = t.code, h.style.position = "fixed", h.style.opacity = "0", document.body.appendChild(h), h.select();
       try {
         document.execCommand("copy"), p(!0), n && n(t), setTimeout(() => {
           p(!1);
@@ -31,33 +31,33 @@ function It({
       } catch (B) {
         console.error("Failed to copy:", B);
       }
-      document.body.removeChild(v);
+      document.body.removeChild(h);
     }
-  }, [t, n]), u = d((w) => {
-    var T;
-    w.stopPropagation();
-    const f = new Blob([t.code], { type: "text/plain" }), v = URL.createObjectURL(f), B = document.createElement("a"), O = Ze(t.language), D = ((T = t.title) == null ? void 0 : T.replace(/[^a-z0-9]/gi, "_").toLowerCase()) || "code";
-    B.href = v, B.download = `${D}.${O}`, document.body.appendChild(B), B.click(), document.body.removeChild(B), URL.revokeObjectURL(v), s && s(t);
-  }, [t, s]), h = [
+  }, [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 = [
     "artifactuse-card",
-    a && "artifactuse-card--active",
-    r
+    r && "artifactuse-card--active",
+    a
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.createElement("div", { className: h, onClick: A }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-card__icon" }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: g, 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: x }
+      dangerouslySetInnerHTML: { __html: w }
     }
-  )), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-card__content" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-card__title" }, t.title), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-card__meta" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-card__type" }, y), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-card__separator" }, "•"), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-card__size" }, 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" }, 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(
     "button",
     {
       className: "artifactuse-card__action",
       title: E ? "Copied!" : "Copy code",
-      onClick: L
+      onClick: P
     },
     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" }))
   ), /* @__PURE__ */ e.createElement(
@@ -65,146 +65,146 @@ function It({
     {
       className: "artifactuse-card__action",
       title: "Download file",
-      onClick: u
+      onClick: m
     },
     /* @__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 Bt(t) {
+function qt(t) {
   if (!t) return null;
-  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), E = parseInt(s.slice(2, 4), 16), p = parseInt(s.slice(4, 6), 16);
-      if (!isNaN(r) && !isNaN(E) && !isNaN(p)) return `${r}, ${E}, ${p}`;
+  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 l = a.match(/^rgba?\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i);
+  const l = r.match(/^rgba?\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i);
   if (l) return `${l[1]}, ${l[2]}, ${l[3]}`;
-  const n = a.split(/[\s,]+/).map(Number).filter((s) => !isNaN(s));
+  const n = r.split(/[\s,]+/).map(Number).filter((s) => !isNaN(s));
   return n.length >= 3 ? `${n[0]}, ${n[1]}, ${n[2]}` : null;
 }
-function nt(t) {
-  return t ? t.map((a) => typeof a == "string" ? { label: a, value: a } : a) : [];
+function ot(t) {
+  return t ? t.map((r) => typeof r == "string" ? { label: r, value: r } : r) : [];
 }
-function Ft(t) {
+function Dt(t) {
   return ["text", "email", "password", "tel", "url", "number", "date", "time", "datetime-local"].includes(t);
 }
-function Wt({
+function Ut({
   artifact: t,
-  onSubmit: a,
+  onSubmit: r,
   onCancel: l,
   onReset: n,
   onButtonClick: s,
-  className: r = "",
+  className: a = "",
   theme: E = "dark",
   accent: p = null,
-  initialState: y = "active"
+  initialState: N = "active"
   // 'active' | 'submitted' | 'cancelled' | 'inactive'
 }) {
-  var ce, X, M;
-  const i = z(null), [x, A] = N(y), L = x !== "active", u = x === "active" ? "" : `artifactuse-form--${x}`, h = S(() => {
+  var de, ne, le;
+  const i = W(null), [w, S] = b(N), P = w !== "active", m = w === "active" ? "" : `artifactuse-form--${w}`, g = T(() => {
     try {
       return JSON.parse(t.code);
     } catch {
       return { title: "Invalid Form", variant: "fields", data: { fields: [] } };
     }
-  }, [t.code]), w = t.id || h.id || `form-${Date.now()}`, f = ((ce = h.data) == null ? void 0 : ce.fields) || [], v = h.title || "Form", B = S(() => f.some((o) => o.type === "buttons"), [f]), O = S(() => h.variant === "buttons" ? f : [], [h.variant, f]), [D, T] = N(() => {
-    var P;
+  }, [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(() => {
+    var _;
     const o = {};
-    return f.forEach((_) => {
-      ["buttons", "divider", "heading"].includes(_.type) || (_.defaultValue !== void 0 ? o[_.name] = _.defaultValue : _.type === "checkbox" ? o[_.name] = !1 : o[_.name] = "");
-    }), (P = h.data) != null && P.defaults && Object.assign(o, h.data.defaults), o;
-  }), [Z, Q] = N({}), [J, me] = N(!1);
-  R(() => {
-    A(y);
-  }, [y]), R(() => {
-    var P;
+    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(() => {
+    var _;
     const o = {};
-    f.forEach((_) => {
-      ["buttons", "divider", "heading"].includes(_.type) || (_.defaultValue !== void 0 ? o[_.name] = _.defaultValue : _.type === "checkbox" ? o[_.name] = !1 : o[_.name] = "");
-    }), (P = h.data) != null && P.defaults && Object.assign(o, h.data.defaults), T(o), Q({});
-  }, [t.code]), R(() => {
+    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 = Bt(p);
+      const o = qt(p);
       o && i.current.style.setProperty("--artifactuse-primary", o);
     }
   }, [E, p]);
-  const te = d((o) => {
-    A(o);
-  }, []), he = d((o, P) => {
-    T((_) => ({ ..._, [o]: P })), Q((_) => {
-      const b = { ..._ };
-      return delete b[o], b;
+  const K = d((o) => {
+    S(o);
+  }, []), Ee = d((o, _) => {
+    M((y) => ({ ...y, [o]: _ })), Q((y) => {
+      const k = { ...y };
+      return delete k[o], k;
     });
-  }, []), ne = d(() => {
-    var _;
+  }, []), re = d(() => {
+    var y;
     const o = {};
-    f.forEach((b) => {
-      if (["buttons", "divider", "heading"].includes(b.type)) return;
-      const I = D[b.name];
-      if (b.required && !I && I !== 0 && I !== !1) {
-        o[b.name] = `${b.label || "This field"} is required`;
+    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`;
         return;
       }
-      if (b.pattern && I && !new RegExp(b.pattern).test(I)) {
-        o[b.name] = b.patternMessage || `${b.label || "This field"} is invalid`;
+      if (k.pattern && H && !new RegExp(k.pattern).test(H)) {
+        o[k.name] = k.patternMessage || `${k.label || "This field"} is invalid`;
         return;
       }
-      if (b.type === "email" && I && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(I)) {
-        o[b.name] = "Please enter a valid email address";
+      if (k.type === "email" && H && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(H)) {
+        o[k.name] = "Please enter a valid email address";
         return;
       }
-      if (b.minLength && I && I.length < b.minLength) {
-        o[b.name] = `Minimum ${b.minLength} characters required`;
+      if (k.minLength && H && H.length < k.minLength) {
+        o[k.name] = `Minimum ${k.minLength} characters required`;
         return;
       }
-      if (b.maxLength && I && I.length > b.maxLength) {
-        o[b.name] = `Maximum ${b.maxLength} characters allowed`;
+      if (k.maxLength && H && H.length > k.maxLength) {
+        o[k.name] = `Maximum ${k.maxLength} characters allowed`;
         return;
       }
     });
-    const P = (_ = h.data) == null ? void 0 : _.validation;
-    return P && Object.entries(P).forEach(([b, I]) => {
-      if (o[b]) return;
-      const W = D[b];
-      I.pattern && W && (new RegExp(I.pattern).test(W) || (o[b] = I.message || `${b} is invalid`));
+    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, D, (X = h.data) == null ? void 0 : X.validation]), K = d(() => {
-    var P;
+  }, [f, $, (ne = g.data) == null ? void 0 : ne.validation]), ue = d(() => {
+    var _;
     const o = {};
-    f.forEach((_) => {
-      ["buttons", "divider", "heading"].includes(_.type) || (_.defaultValue !== void 0 ? o[_.name] = _.defaultValue : _.type === "checkbox" ? o[_.name] = !1 : o[_.name] = "");
-    }), (P = h.data) != null && P.defaults && Object.assign(o, h.data.defaults), T(o), Q({});
-  }, [f, (M = h.data) == null ? void 0 : M.defaults]), le = d((o) => {
-    o == null || o.preventDefault(), ne() && (me(!0), a == null || a({
-      formId: w,
+    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,
       action: "submit",
-      values: { ...D },
+      values: { ...$ },
       timestamp: Date.now()
     }), setTimeout(() => {
-      me(!1), te("submitted");
+      me(!1), K("submitted");
     }, 300));
-  }, [w, D, a, ne, te]), G = d((o) => {
-    const P = o.action || "custom";
-    switch (P) {
+  }, [x, $, r, re, K]), J = d((o) => {
+    const _ = o.action || "custom";
+    switch (_) {
       case "submit":
-        le();
+        se();
         break;
       case "cancel":
         l == null || l({
-          formId: w,
+          formId: x,
           action: "cancel",
           buttonName: o.name || "cancel",
           timestamp: Date.now()
         }), setTimeout(() => {
-          te("cancelled");
+          K("cancelled");
         }, 150);
         break;
       case "reset":
-        K(), n == null || n({
-          formId: w,
+        ue(), n == null || n({
+          formId: x,
           action: "reset",
           buttonName: o.name || "reset",
           timestamp: Date.now()
@@ -213,42 +213,42 @@ function Wt({
       case "custom":
       default:
         s == null || s({
-          formId: w,
-          action: P,
+          formId: x,
+          action: _,
           buttonName: o.name || o.label,
           buttonLabel: o.label,
-          values: { ...D },
+          values: { ...$ },
           timestamp: Date.now()
         }), setTimeout(() => {
-          te("submitted");
+          K("submitted");
         }, 150);
         break;
     }
-  }, [w, D, le, l, n, s, K, te]);
-  return L ? /* @__PURE__ */ e.createElement(
+  }, [x, $, se, l, n, s, ue, K]);
+  return P ? /* @__PURE__ */ e.createElement(
     "div",
     {
       ref: i,
-      className: `artifactuse-inline-form artifactuse-form-${h.variant || "fields"} ${u} ${r}`,
+      className: `artifactuse-inline-form artifactuse-form-${g.variant || "fields"} ${m} ${a}`,
       "data-artifactuse-theme": E
     },
-    /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-collapsed" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-collapsed-icon" }, x === "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" })), x === "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" })), x === "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" }, v))
-  ) : h.variant === "buttons" ? /* @__PURE__ */ e.createElement(
+    /* @__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(
     "div",
     {
       ref: i,
-      className: `artifactuse-inline-form artifactuse-form-buttons ${r}`,
+      className: `artifactuse-inline-form artifactuse-form-buttons ${a}`,
       "data-artifactuse-theme": E
     },
-    (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" }, O.map((o, P) => /* @__PURE__ */ e.createElement(
+    (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(
       "button",
       {
-        key: o.name || o.label || P,
+        key: o.name || o.label || _,
         type: "button",
         className: `artifactuse-form-btn artifactuse-form-btn-${o.variant || "secondary"}`,
-        onClick: () => G(o),
-        disabled: o.disabled || J
+        onClick: () => J(o),
+        disabled: o.disabled || O
       },
       o.icon && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-form-btn-icon", dangerouslySetInnerHTML: { __html: o.icon } }),
       o.label
@@ -257,28 +257,28 @@ function Wt({
     "div",
     {
       ref: i,
-      className: `artifactuse-inline-form artifactuse-form-fields ${r}`,
+      className: `artifactuse-inline-form artifactuse-form-fields ${a}`,
       "data-artifactuse-theme": E
     },
-    (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: le, className: "artifactuse-form" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-fields" }, f.map((o, P) => /* @__PURE__ */ e.createElement(
-      Vt,
+    (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,
       {
-        key: o.name || P,
+        key: o.name || _,
         field: o,
-        formId: w,
-        value: D[o.name],
-        error: Z[o.name],
-        isSubmitting: J,
-        onChange: (_) => he(o.name, _),
-        onButtonAction: G
+        formId: x,
+        value: $[o.name],
+        error: Y[o.name],
+        isSubmitting: O,
+        onChange: (y) => Ee(o.name, y),
+        onButtonAction: J
       }
     ))), !B && /* @__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: () => G({ action: "cancel", label: "Cancel" })
+        onClick: () => J({ action: "cancel", label: "Cancel" })
       },
       "Cancel"
     ), /* @__PURE__ */ e.createElement(
@@ -286,20 +286,20 @@ function Wt({
       {
         type: "submit",
         className: "artifactuse-form-btn artifactuse-form-btn-primary",
-        disabled: J
+        disabled: O
       },
-      J && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-form-btn-spinner" }),
-      J ? "Submitting..." : "Submit"
+      O && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-form-btn-spinner" }),
+      O ? "Submitting..." : "Submit"
     )))
   );
 }
-function Vt({ field: t, formId: a, value: l, error: n, isSubmitting: s, onChange: r, onButtonAction: E }) {
-  const p = `${a}-${t.name}`;
+function jt({ field: t, formId: r, value: l, error: n, isSubmitting: s, onChange: a, onButtonAction: E }) {
+  const p = `${r}-${t.name}`;
   if (t.type === "buttons")
-    return /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-buttons" }, (t.fields || []).map((i, x) => /* @__PURE__ */ e.createElement(
+    return /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-buttons" }, (t.fields || []).map((i, w) => /* @__PURE__ */ e.createElement(
       "button",
       {
-        key: i.name || i.label || x,
+        key: i.name || i.label || w,
         type: i.action === "submit" ? "submit" : "button",
         className: `artifactuse-form-btn artifactuse-form-btn-${i.variant || "secondary"}`,
         onClick: i.action !== "submit" ? () => E(i) : void 0,
@@ -322,11 +322,11 @@ function Vt({ field: t, formId: a, value: l, error: n, isSubmitting: s, onChange
         checked: l || !1,
         disabled: t.disabled,
         className: "artifactuse-checkbox",
-        onChange: (i) => r(i.target.checked)
+        onChange: (i) => a(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));
   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" }, nt(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" }, ot(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 Vt({ field: t, formId: a, value: l, error: n, isSubmitting: s, onChange
         checked: l === i.value,
         disabled: i.disabled || t.disabled,
         className: "artifactuse-radio",
-        onChange: () => r(i.value)
+        onChange: () => a(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 y = () => Ft(t.type) ? /* @__PURE__ */ e.createElement(
+  const N = () => Dt(t.type) ? /* @__PURE__ */ e.createElement(
     "input",
     {
       type: t.type,
@@ -349,7 +349,7 @@ function Vt({ field: t, formId: a, value: l, error: n, isSubmitting: s, onChange
       disabled: t.disabled,
       required: t.required,
       className: "artifactuse-input",
-      onChange: (i) => r(t.type === "number" ? Number(i.target.value) : i.target.value)
+      onChange: (i) => a(t.type === "number" ? Number(i.target.value) : i.target.value)
     }
   ) : t.type === "textarea" ? /* @__PURE__ */ e.createElement(
     "textarea",
@@ -362,7 +362,7 @@ function Vt({ field: t, formId: a, value: l, error: n, isSubmitting: s, onChange
       required: t.required,
       rows: t.rows || 3,
       className: "artifactuse-textarea",
-      onChange: (i) => r(i.target.value)
+      onChange: (i) => a(i.target.value)
     }
   ) : t.type === "select" ? /* @__PURE__ */ e.createElement(
     "select",
@@ -373,10 +373,10 @@ function Vt({ field: t, formId: a, value: l, error: n, isSubmitting: s, onChange
       disabled: t.disabled,
       required: t.required,
       className: "artifactuse-select",
-      onChange: (i) => r(i.target.value)
+      onChange: (i) => a(i.target.value)
     },
     /* @__PURE__ */ e.createElement("option", { value: "" }, t.placeholder || "Select..."),
-    nt(t.options).map((i) => /* @__PURE__ */ e.createElement("option", { key: i.value, value: i.value, disabled: i.disabled }, i.label))
+    ot(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 Vt({ field: t, formId: a, value: l, error: n, isSubmitting: s, onChange
       value: l || "",
       disabled: t.disabled,
       className: "artifactuse-input",
-      onChange: (i) => r(i.target.value)
+      onChange: (i) => a(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" }, "*")), y(), 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" }, "*")), N(), t.helpText && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-help-text" }, t.helpText), n && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-error-text" }, n));
 }
-const U = '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>', zt = {
+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 = {
   twitter: 280,
   linkedin: 3e3,
   instagram: 2200,
@@ -399,7 +399,7 @@ const U = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0
   threads: 500,
   tiktok: 2200,
   youtube: 100
-}, qt = {
+}, Jt = {
   twitter: "X",
   linkedin: "LinkedIn",
   instagram: "Instagram",
@@ -407,130 +407,130 @@ const U = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0
   threads: "Threads",
   tiktok: "TikTok",
   youtube: "YouTube"
-}, $e = ({ 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" })), F = (t) => t ? t >= 1e6 ? `${(t / 1e6).toFixed(1)}M` : t >= 1e3 ? `${(t / 1e3).toFixed(1)}K` : t.toString() : "0", Ke = (t) => {
+}, 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) => {
   try {
     return new URL(t).hostname.replace("www.", "");
   } catch {
     return t;
   }
-}, Ee = (t) => {
+}, ge = (t) => {
   if (!t) return "";
-  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;
-}, lt = ({ author: t, content: a, engagement: l, meta: n }) => {
-  var E, p, y;
-  const s = a.media || [], r = l.likes || l.retweets || l.replies || l.views;
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || U, alt: t.name, className: "artifactuse-social-avatar", onError: (i) => i.target.src = U }), /* @__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($e, { 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: Ee(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, x) => /* @__PURE__ */ e.createElement("img", { key: x, src: i.url, alt: i.alt || "", onError: (A) => A.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 || Ke(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, x) => {
-    var A, L;
-    return /* @__PURE__ */ e.createElement("div", { key: x, className: "artifactuse-social-poll-option" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-poll-bar", style: { width: `${((A = a.poll.votes) == null ? void 0 : A[x]) || 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[x]) || 0, "%")));
-  }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-poll-meta" }, F(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: ((E = a.quote.author) == null ? void 0 : E.avatar) || U, 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" }, (y = a.quote.author) == null ? void 0 : y.handle)), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-social-quote-text" }, a.quote.text))), r && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, F(l.replies || 0), " replies"), /* @__PURE__ */ e.createElement("span", null, F(l.retweets || 0), " reposts"), /* @__PURE__ */ e.createElement("span", null, F(l.likes || 0), " likes"), /* @__PURE__ */ e.createElement("span", null, F(l.views || 0), " views")));
-}, Rt = ({ author: t, content: a, engagement: l, meta: n }) => {
+  let r = t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+  return r = r.replace(/\n/g, "<br>"), r = r.replace(/#(\w+)/g, '<span class="artifactuse-social-hashtag">#$1</span>'), r = r.replace(/@(\w+)/g, '<span class="artifactuse-social-mention">@$1</span>'), r;
+}, mt = ({ author: t, content: r, engagement: l, meta: n }) => {
+  var E, p, N;
+  const s = r.media || [], a = l.likes || l.retweets || l.replies || l.views;
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || D, alt: t.name, className: "artifactuse-social-avatar", onError: (i) => i.target.src = D }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author-name" }, /* @__PURE__ */ e.createElement("span", null, t.name), t.verified && /* @__PURE__ */ e.createElement(Se, { type: t.verifiedType || "blue" })), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author-meta" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-author-handle" }, t.handle), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-timestamp" }, "· ", n.timestamp || "Just now")))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-content" }, /* @__PURE__ */ e.createElement("p", { className: "artifactuse-social-text", dangerouslySetInnerHTML: { __html: ge(r.text) } }), s.length > 0 && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-media" }, /* @__PURE__ */ e.createElement("div", { className: `artifactuse-social-media-grid ${s.length === 1 ? "artifactuse-social-media-single" : ""}`, "data-count": s.length }, s.slice(0, 4).map((i, w) => /* @__PURE__ */ e.createElement("img", { key: w, src: i.url, alt: i.alt || "", onError: (S) => S.target.style.display = "none" })))), r.link && !s.length && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-card" }, r.link.image && /* @__PURE__ */ e.createElement("img", { src: r.link.image, alt: r.link.title, className: "artifactuse-social-link-image", onError: (i) => i.target.style.display = "none" }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-info" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-domain" }, r.link.domain || Qe(r.link.url)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-title" }, r.link.title), r.link.description && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-description" }, r.link.description))), r.poll && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-poll" }, r.poll.options.map((i, w) => {
+    var S, P;
+    return /* @__PURE__ */ e.createElement("div", { key: w, className: "artifactuse-social-poll-option" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-poll-bar", style: { width: `${((S = r.poll.votes) == null ? void 0 : S[w]) || 0}%` } }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-poll-label" }, /* @__PURE__ */ e.createElement("span", null, i), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-poll-percent" }, ((P = r.poll.votes) == null ? void 0 : P[w]) || 0, "%")));
+  }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-poll-meta" }, V(r.poll.totalVotes || 0), " votes · ", r.poll.duration || "Poll ended")), r.quote && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-quote" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-quote-header" }, /* @__PURE__ */ e.createElement("img", { src: ((E = r.quote.author) == null ? void 0 : E.avatar) || D, className: "artifactuse-social-quote-avatar", alt: "" }), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-quote-author" }, (p = r.quote.author) == null ? void 0 : p.name), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-quote-handle" }, (N = r.quote.author) == null ? void 0 : N.handle)), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-social-quote-text" }, r.quote.text))), a && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, V(l.replies || 0), " replies"), /* @__PURE__ */ e.createElement("span", null, V(l.retweets || 0), " reposts"), /* @__PURE__ */ e.createElement("span", null, V(l.likes || 0), " likes"), /* @__PURE__ */ e.createElement("span", null, V(l.views || 0), " views")));
+}, Xt = ({ author: t, content: r, engagement: l, meta: n }) => {
   const s = l.likes || l.comments || l.shares || l.reposts;
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || U, alt: t.name, className: "artifactuse-social-avatar", onError: (r) => r.target.src = U }), /* @__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: Ee(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 || Ke(a.link.url))))), s && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, F(l.likes || 0), " reactions"), /* @__PURE__ */ e.createElement("span", null, F(l.comments || 0), " comments"), /* @__PURE__ */ e.createElement("span", null, F(l.shares || l.reposts || 0), " reposts")));
-}, Dt = ({ author: t, content: a, engagement: l, meta: n }) => {
-  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 || U, alt: t.name, className: "artifactuse-social-avatar", onError: (r) => r.target.src = U }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author-name" }, t.name, t.verified && /* @__PURE__ */ e.createElement($e, { 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: (r) => r.target.style.display = "none" }) : /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-media-placeholder" })), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-likes" }, F(l.likes || 0), " likes"), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-caption" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-caption-author" }, t.name), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-caption-text", dangerouslySetInnerHTML: { __html: Ee(a.text) } })), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-timestamp" }, n.timestamp || "JUST NOW"));
-}, Ut = ({ author: t, content: a, engagement: l, meta: n }) => {
-  const s = a.media || [], r = S(() => {
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || D, alt: t.name, className: "artifactuse-social-avatar", onError: (a) => a.target.src = D }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author-info" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author-name" }, t.name, t.connection && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-author-connection" }, "· ", t.connection)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author-headline" }, t.headline), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-timestamp" }, n.timestamp || "Just now", " · 🌐"))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-content" }, /* @__PURE__ */ e.createElement("p", { className: "artifactuse-social-text", dangerouslySetInnerHTML: { __html: ge(r.text) } }), r.link && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-card" }, r.link.image && /* @__PURE__ */ e.createElement("img", { src: r.link.image, alt: r.link.title, className: "artifactuse-social-link-image", onError: (a) => a.target.style.display = "none" }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-info" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-title" }, r.link.title), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-domain" }, r.link.domain || Qe(r.link.url))))), s && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, V(l.likes || 0), " reactions"), /* @__PURE__ */ e.createElement("span", null, V(l.comments || 0), " comments"), /* @__PURE__ */ e.createElement("span", null, V(l.shares || l.reposts || 0), " reposts")));
+}, Zt = ({ author: t, content: r, engagement: l, meta: n }) => {
+  const s = r.media || [];
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || D, alt: t.name, className: "artifactuse-social-avatar", onError: (a) => a.target.src = D }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author-name" }, t.name, t.verified && /* @__PURE__ */ e.createElement(Se, { type: "blue" })), n.location && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-location" }, n.location))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-media" }, s[0] ? /* @__PURE__ */ e.createElement("img", { src: s[0].url, alt: s[0].alt || "", onError: (a) => a.target.style.display = "none" }) : /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-media-placeholder" })), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-likes" }, V(l.likes || 0), " likes"), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-caption" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-caption-author" }, t.name), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-caption-text", dangerouslySetInnerHTML: { __html: ge(r.text) } })), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-timestamp" }, n.timestamp || "JUST NOW"));
+}, Kt = ({ author: t, content: r, engagement: l, meta: n }) => {
+  const s = r.media || [], a = T(() => {
     const p = l.reactions || {};
-    return Object.values(p).reduce((y, i) => y + (i || 0), 0) || l.likes || 0;
-  }, [l]), E = l.likes || l.comments || l.shares || r;
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || U, alt: t.name, className: "artifactuse-social-avatar", onError: (p) => p.target.src = U }), /* @__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: Ee(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, y) => /* @__PURE__ */ e.createElement("img", { key: y, 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 || Ke(a.link.url)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-title" }, a.link.title)))), E && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, "👍❤️ ", F(r)), /* @__PURE__ */ e.createElement("span", null, F(l.comments || 0), " comments · ", F(l.shares || 0), " shares")));
-}, jt = ({ author: t, content: a, engagement: l, meta: n }) => {
+    return Object.values(p).reduce((N, i) => N + (i || 0), 0) || l.likes || 0;
+  }, [l]), E = l.likes || l.comments || l.shares || a;
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || D, alt: t.name, className: "artifactuse-social-avatar", onError: (p) => p.target.src = D }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author-name" }, t.name), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-timestamp" }, n.timestamp || "Just now", " · 🌐"))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-content" }, /* @__PURE__ */ e.createElement("p", { className: "artifactuse-social-text", dangerouslySetInnerHTML: { __html: ge(r.text) } }), s.length > 0 && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-media" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-media-grid", "data-count": s.length }, s.slice(0, 4).map((p, N) => /* @__PURE__ */ e.createElement("img", { key: N, src: p.url, alt: p.alt || "", onError: (i) => i.target.style.display = "none" })))), r.link && !s.length && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-card" }, r.link.image && /* @__PURE__ */ e.createElement("img", { src: r.link.image, alt: r.link.title, className: "artifactuse-social-link-image", onError: (p) => p.target.style.display = "none" }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-info" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-domain" }, r.link.domain || Qe(r.link.url)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-title" }, r.link.title)))), E && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, "👍❤️ ", V(a)), /* @__PURE__ */ e.createElement("span", null, V(l.comments || 0), " comments · ", V(l.shares || 0), " shares")));
+}, Yt = ({ author: t, content: r, engagement: l, meta: n }) => {
   const s = l.likes || l.replies || l.reposts;
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || U, alt: t.name, className: "artifactuse-social-avatar", onError: (r) => r.target.src = U }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author-name" }, t.name, t.verified && /* @__PURE__ */ e.createElement($e, { 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: Ee(a.text) } })), s && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, F(l.likes || 0), " likes"), /* @__PURE__ */ e.createElement("span", null, F(l.replies || 0), " replies"), /* @__PURE__ */ e.createElement("span", null, F(l.reposts || 0), " reposts")));
-}, Ot = ({ author: t, content: a, engagement: l, meta: n }) => {
-  const s = a.media || [], r = l.likes || l.comments || l.shares;
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-thumbnail" }, s[0] ? /* @__PURE__ */ e.createElement("img", { src: s[0].url, alt: "Video thumbnail", onError: (E) => E.target.style.display = "none" }) : /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-thumbnail-placeholder" }), 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 || U, alt: t.name, className: "artifactuse-social-avatar", onError: (E) => E.target.src = U }), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-author-name" }, "@", t.name), t.verified && /* @__PURE__ */ e.createElement($e, { type: "blue" })), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-social-text", dangerouslySetInnerHTML: { __html: Ee(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, F(l.likes || 0), " likes"), /* @__PURE__ */ e.createElement("span", null, F(l.comments || 0), " comments"), /* @__PURE__ */ e.createElement("span", null, F(l.shares || 0), " shares")));
-}, Jt = ({ author: t, content: a, engagement: l, meta: n }) => {
-  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 || U, alt: t.name, className: "artifactuse-social-avatar", onError: (r) => r.target.src = U }), /* @__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" }, F(l.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 || D, alt: t.name, className: "artifactuse-social-avatar", onError: (a) => a.target.src = D }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-author-name" }, t.name, t.verified && /* @__PURE__ */ e.createElement(Se, { type: "blue" }))), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-timestamp" }, n.timestamp || "Just now")), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-content" }, /* @__PURE__ */ e.createElement("p", { className: "artifactuse-social-text", dangerouslySetInnerHTML: { __html: ge(r.text) } })), s && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, V(l.likes || 0), " likes"), /* @__PURE__ */ e.createElement("span", null, V(l.replies || 0), " replies"), /* @__PURE__ */ e.createElement("span", null, V(l.reposts || 0), " reposts")));
+}, Qt = ({ author: t, content: r, engagement: l, meta: n }) => {
+  const s = r.media || [], a = l.likes || l.comments || l.shares;
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-thumbnail" }, s[0] ? /* @__PURE__ */ e.createElement("img", { src: s[0].url, alt: "Video thumbnail", onError: (E) => E.target.style.display = "none" }) : /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-thumbnail-placeholder" }), r.duration && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-duration" }, r.duration)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-info" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || D, alt: t.name, className: "artifactuse-social-avatar", onError: (E) => E.target.src = D }), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-author-name" }, "@", t.name), t.verified && /* @__PURE__ */ e.createElement(Se, { type: "blue" })), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-social-text", dangerouslySetInnerHTML: { __html: ge(r.text) } }), r.sound && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-sound" }, "🎵 ", r.sound)), a && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, V(l.likes || 0), " likes"), /* @__PURE__ */ e.createElement("span", null, V(l.comments || 0), " comments"), /* @__PURE__ */ e.createElement("span", null, V(l.shares || 0), " shares")));
+}, Gt = ({ author: t, content: r, engagement: l, meta: n }) => {
+  const s = r.media || [];
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-thumbnail" }, s[0] ? /* @__PURE__ */ e.createElement("img", { src: s[0].url, alt: "Video thumbnail", onError: (a) => a.target.style.display = "none" }) : /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-thumbnail-placeholder" }), r.duration && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-duration" }, r.duration)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-info" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || D, alt: t.name, className: "artifactuse-social-avatar", onError: (a) => a.target.src = D }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-details" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-title" }, r.title), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-channel" }, t.name), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-meta" }, V(l.views || 0), " views · ", n.timestamp || "Just now"))));
 };
-function Xt({ artifact: t, theme: a = "dark", onCopy: l }) {
-  const [n, s] = N("Copy"), r = S(() => {
+function ea({ artifact: t, theme: r = "dark", onCopy: l }) {
+  const [n, s] = b("Copy"), a = T(() => {
     try {
       return JSON.parse(t.code);
     } catch {
       return { platform: "twitter", data: {} };
     }
-  }, [t.code]), E = (r == null ? void 0 : r.platform) || "twitter", p = (r == null ? void 0 : r.data) || {}, { author: y = {}, content: i = {}, engagement: x = {}, meta: A = {} } = p, L = zt[E] || 280, u = (i.text || "").length, h = u > L ? "error" : u > L * 0.9 ? "warning" : "", w = d(() => {
-    const v = i.text || "";
-    navigator.clipboard.writeText(v).then(() => {
-      s("Copied!"), setTimeout(() => s("Copy"), 2e3), l == null || l({ platform: E, text: v });
+  }, [t.code]), E = (a == null ? void 0 : a.platform) || "twitter", p = (a == null ? void 0 : a.data) || {}, { author: N = {}, content: i = {}, engagement: w = {}, meta: S = {} } = p, P = Ot[E] || 280, m = (i.text || "").length, g = m > P ? "error" : m > P * 0.9 ? "warning" : "", x = d(() => {
+    const h = i.text || "";
+    navigator.clipboard.writeText(h).then(() => {
+      s("Copied!"), setTimeout(() => s("Copy"), 2e3), l == null || l({ platform: E, text: h });
     });
   }, [i.text, E, l]), f = () => {
-    const v = { author: y, content: i, engagement: x, meta: A };
+    const h = { author: N, content: i, engagement: w, meta: S };
     switch (E) {
       case "twitter":
-        return /* @__PURE__ */ e.createElement(lt, { ...v });
+        return /* @__PURE__ */ e.createElement(mt, { ...h });
       case "linkedin":
-        return /* @__PURE__ */ e.createElement(Rt, { ...v });
+        return /* @__PURE__ */ e.createElement(Xt, { ...h });
       case "instagram":
-        return /* @__PURE__ */ e.createElement(Dt, { ...v });
+        return /* @__PURE__ */ e.createElement(Zt, { ...h });
       case "facebook":
-        return /* @__PURE__ */ e.createElement(Ut, { ...v });
+        return /* @__PURE__ */ e.createElement(Kt, { ...h });
       case "threads":
-        return /* @__PURE__ */ e.createElement(jt, { ...v });
+        return /* @__PURE__ */ e.createElement(Yt, { ...h });
       case "tiktok":
-        return /* @__PURE__ */ e.createElement(Ot, { ...v });
+        return /* @__PURE__ */ e.createElement(Qt, { ...h });
       case "youtube":
-        return /* @__PURE__ */ e.createElement(Jt, { ...v });
+        return /* @__PURE__ */ e.createElement(Gt, { ...h });
       default:
-        return /* @__PURE__ */ e.createElement(lt, { ...v });
+        return /* @__PURE__ */ e.createElement(mt, { ...h });
     }
   };
-  return /* @__PURE__ */ e.createElement("div", { className: `artifactuse-social artifactuse-social-${E}`, "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, qt[E] || E)), /* @__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: w }, n))));
+  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))));
 }
-function Zt({
+function ta({
   isOpen: t = !1,
-  type: a = "image",
+  type: r = "image",
   src: l = "",
   alt: n = "",
   caption: s = "",
-  onClose: r,
+  onClose: a,
   className: E = ""
 }) {
-  const p = z(null), [y, i] = N(!1), [x, A] = N(!1);
-  R(() => (A(!0), () => A(!1)), []), R(() => {
+  const p = W(null), [N, i] = b(!1), [w, S] = b(!1);
+  q(() => (S(!0), () => S(!1)), []), q(() => {
     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]), R(() => {
-    function f(v) {
-      v.key === "Escape" && t && r && r();
+  }, [t]), q(() => {
+    function f(h) {
+      h.key === "Escape" && t && a && a();
     }
     return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
-  }, [t, r]);
-  const L = d(() => {
-    i(!1), r && r();
-  }, [r]), u = d(() => {
-    a === "image" && i((f) => !f);
-  }, [a]), h = d(() => {
+  }, [t, a]);
+  const P = d(() => {
+    i(!1), a && a();
+  }, [a]), m = d(() => {
+    r === "image" && i((f) => !f);
+  }, [r]), g = d(() => {
     const f = document.createElement("a");
     f.href = l, f.download = n || "download", document.body.appendChild(f), f.click(), document.body.removeChild(f);
   }, [l, n]);
-  if (!t || !x)
+  if (!t || !w)
     return null;
-  const w = /* @__PURE__ */ e.createElement(
+  const x = /* @__PURE__ */ e.createElement(
     "div",
     {
       ref: p,
       className: `artifactuse-viewer-overlay ${E}`,
-      onClick: L,
+      onClick: P,
       tabIndex: -1,
       role: "dialog",
       "aria-modal": "true"
     },
-    /* @__PURE__ */ e.createElement("div", { className: "artifactuse-viewer-content", onClick: (f) => f.stopPropagation() }, a === "image" && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: "artifactuse-viewer-content", onClick: (f) => f.stopPropagation() }, r === "image" && /* @__PURE__ */ e.createElement(
       "img",
       {
         src: l,
         alt: n,
-        className: `artifactuse-viewer-image ${y ? "artifactuse-viewer-image--zoomed" : ""}`,
-        onClick: u
+        className: `artifactuse-viewer-image ${N ? "artifactuse-viewer-image--zoomed" : ""}`,
+        onClick: m
       }
-    ), a === "pdf" && /* @__PURE__ */ e.createElement(
+    ), r === "pdf" && /* @__PURE__ */ e.createElement(
       "iframe",
       {
         src: l,
@@ -541,35 +541,35 @@ function Zt({
       "button",
       {
         className: "artifactuse-viewer-close",
-        onClick: L,
+        onClick: P,
         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" }))
-    ), a === "image" && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-viewer-controls" }, /* @__PURE__ */ e.createElement(
+    ), r === "image" && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-viewer-controls" }, /* @__PURE__ */ e.createElement(
       "button",
       {
         className: "artifactuse-viewer-control",
-        onClick: u,
-        title: y ? "Zoom out" : "Zoom in"
+        onClick: m,
+        title: N ? "Zoom out" : "Zoom in"
       },
-      y ? /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("circle", { cx: "11", cy: "11", r: "8" }), /* @__PURE__ */ e.createElement("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" }), /* @__PURE__ */ e.createElement("line", { x1: "8", y1: "11", x2: "14", y2: "11" })) : /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("circle", { cx: "11", cy: "11", r: "8" }), /* @__PURE__ */ e.createElement("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" }), /* @__PURE__ */ e.createElement("line", { x1: "11", y1: "8", x2: "11", y2: "14" }), /* @__PURE__ */ e.createElement("line", { x1: "8", y1: "11", x2: "14", y2: "11" }))
+      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" }))
     ), /* @__PURE__ */ e.createElement(
       "button",
       {
         className: "artifactuse-viewer-control",
-        onClick: h,
+        onClick: g,
         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 Ht(w, document.body);
+  return zt(x, document.body);
 }
-function Kt(t) {
+function aa(t) {
   if (!t) return null;
   try {
-    const a = decodeURIComponent(escape(atob(t)));
-    return JSON.parse(a);
+    const r = decodeURIComponent(escape(atob(t)));
+    return JSON.parse(r);
   } catch {
     try {
       const l = t.replace(/&#10;/g, `
@@ -580,210 +580,210 @@ function Kt(t) {
     }
   }
 }
-function Yt(t) {
-  const a = [];
-  if (!t) return a;
+function ra(t) {
+  const r = [];
+  if (!t) return r;
   const l = /<div\s+class="artifactuse-placeholder[^"]*"[^>]*data-artifact-id="([^"]+)"[^>]*data-artifact-type="([^"]+)"[^>]*data-artifact=["']([^"']*)["'][^>]*><\/div>/gi;
   let n = 0, s;
   for (; (s = l.exec(t)) !== null; ) {
     if (s.index > n) {
       const p = t.slice(n, s.index);
-      p.trim() && a.push({ type: "html", content: p });
+      p.trim() && r.push({ type: "html", content: p });
     }
-    const r = Kt(s[3]), E = s[2];
-    r && (E === "form" && r.isInline ? a.push({ type: "form", artifact: r }) : E === "social" ? a.push({ type: "social", artifact: r }) : a.push({ type: "panel", artifact: r })), n = s.index + s[0].length;
+    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;
   }
   if (n < t.length) {
-    const r = t.slice(n);
-    r.trim() && a.push({ type: "html", content: r });
+    const a = t.slice(n);
+    a.trim() && r.push({ type: "html", content: a });
   }
-  return a.length === 0 && t.trim() && a.push({ type: "html", content: t }), a;
+  return r.length === 0 && t.trim() && r.push({ type: "html", content: t }), r;
 }
-function Qt() {
+function sa() {
   return `msg-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
 }
-function Gt({
+function na({
   content: t,
-  messageId: a = Qt(),
+  messageId: r = sa(),
   inlineCards: l = !0,
   typing: n = !1,
   isLastMessage: s = !1,
   // Whether this is the last/most recent message
-  onArtifactDetected: r,
+  onArtifactDetected: a,
   onArtifactOpen: E,
   onArtifactCopy: p,
-  onArtifactDownload: y,
+  onArtifactDownload: N,
   onFormSubmit: i,
-  onFormCancel: x,
-  onFormButtonClick: A,
-  onSocialCopy: L,
-  onMediaOpen: u,
-  className: h = ""
+  onFormCancel: w,
+  onFormButtonClick: S,
+  onSocialCopy: P,
+  onMediaOpen: m,
+  className: g = ""
 }) {
   const {
-    processMessage: w,
+    processMessage: x,
     openArtifact: f,
-    state: v,
+    state: h,
     getTheme: B,
-    instance: O
-  } = ve(), D = z(null), T = z(null), Z = z(null), Q = z(n), [J, me] = N(""), [te, he] = N([]), [ne, K] = N(!1), [le, G] = N(!1), [ce, X] = N("image"), [M, o] = N(""), [P, _] = N(""), [b, I] = N(""), W = S(() => typeof B == "function" ? B() : "dark", [B]), ge = (v == null ? void 0 : v.activeArtifactId) || null, _e = S(() => Yt(J), [J]), pe = S(() => ne || s ? "active" : "inactive", [ne, s]);
-  R(() => {
-    n && K(!0);
+    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 Y = d((g) => {
-    X(g.type || "image"), o(g.src || ""), _(g.alt || ""), I(g.caption || ""), G(!0), u && u(g);
-  }, [u]), ke = d(() => {
-    G(!1), o(""), _(""), I("");
-  }, []), ye = d(() => {
-    if (!T.current) return;
-    T.current.querySelectorAll('img[data-lightbox="true"]').forEach((m) => {
-      m._lightboxHandler && m.removeEventListener("click", m._lightboxHandler), m._lightboxHandler = (k) => {
-        k.preventDefault(), k.stopPropagation(), Y({
+  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({
           type: "image",
-          src: m.src,
-          alt: m.alt || "",
-          caption: m.dataset.caption || m.alt || ""
+          src: u.src,
+          alt: u.alt || "",
+          caption: u.dataset.caption || u.alt || ""
         });
-      }, m.addEventListener("click", m._lightboxHandler), m.style.cursor = "zoom-in";
-    }), T.current.querySelectorAll(".artifactuse-image-container img").forEach((m) => {
-      m._lightboxHandler || (m._lightboxHandler = (k) => {
-        k.preventDefault(), k.stopPropagation();
-        const $ = m.closest(".artifactuse-image-container"), j = $ == null ? void 0 : $.querySelector(".artifactuse-image-caption"), be = (j == null ? void 0 : j.textContent) || m.dataset.caption || m.alt || "";
-        Y({
+      }, 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({
           type: "image",
-          src: m.src,
-          alt: m.alt || "",
-          caption: be
+          src: u.src,
+          alt: u.alt || "",
+          caption: j
         });
-      }, m.addEventListener("click", m._lightboxHandler), m.style.cursor = "zoom-in");
-    }), T.current.querySelectorAll(".artifactuse-gallery-item img, .artifactuse-image-gallery img").forEach((m) => {
-      m._lightboxHandler || (m._lightboxHandler = (k) => {
-        k.preventDefault(), k.stopPropagation();
-        const $ = m.closest(".artifactuse-gallery-item"), j = $ == null ? void 0 : $.querySelector(".artifactuse-gallery-caption"), be = (j == null ? void 0 : j.textContent) || m.dataset.caption || m.alt || "";
-        Y({
+      }, 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({
           type: "image",
-          src: m.src,
-          alt: m.alt || "",
-          caption: be
+          src: u.src,
+          alt: u.alt || "",
+          caption: j
         });
-      }, m.addEventListener("click", m._lightboxHandler), m.style.cursor = "zoom-in");
-    }), T.current.querySelectorAll('a[href$=".pdf"], a[data-type="pdf"]').forEach((m) => {
-      m._pdfHandler && m.removeEventListener("click", m._pdfHandler), m._pdfHandler = (k) => {
-        k.preventDefault(), k.stopPropagation(), Y({
+      }, 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({
           type: "pdf",
-          src: m.href,
-          alt: m.textContent || "PDF Document",
-          caption: m.title || m.textContent || ""
+          src: u.href,
+          alt: u.textContent || "PDF Document",
+          caption: u.title || u.textContent || ""
         });
-      }, m.addEventListener("click", m._pdfHandler);
-    }), T.current.querySelectorAll(".artifactuse-pdf-container, [data-pdf-viewer]").forEach((m) => {
-      var $;
-      m._pdfHandler && m.removeEventListener("click", m._pdfHandler);
-      const k = m.dataset.pdfSrc || (($ = m.querySelector("iframe")) == null ? void 0 : $.src) || "";
-      k && (m._pdfHandler = (j) => {
-        j.preventDefault(), j.stopPropagation(), Y({
+      }, 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({
           type: "pdf",
-          src: k,
+          src: I,
           alt: "PDF Document",
-          caption: m.dataset.caption || ""
+          caption: u.dataset.caption || ""
         });
-      }, m.addEventListener("click", m._pdfHandler), m.style.cursor = "pointer");
-    }), T.current.querySelectorAll(".artifactuse-video-preview-wrapper, .video-preview-wrapper").forEach((m) => {
-      m._clickHandler && m.removeEventListener("click", m._clickHandler), m._clickHandler = (k) => {
-        if (k.target.closest(".artifactuse-video-play-button")) return;
-        const $ = m.dataset.videoUrl || m.dataset.url;
-        $ && window.open($, "_blank", "noopener,noreferrer");
-      }, m.addEventListener("click", m._clickHandler);
+      }, 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);
     });
-  }, [Y]), He = d(() => {
-    if (!T.current) return;
-    T.current.querySelectorAll("img").forEach((H) => {
-      H._lightboxHandler && (H.removeEventListener("click", H._lightboxHandler), delete H._lightboxHandler);
-    }), T.current.querySelectorAll('a[href$=".pdf"], a[data-type="pdf"]').forEach((H) => {
-      H._pdfHandler && (H.removeEventListener("click", H._pdfHandler), delete H._pdfHandler);
-    }), T.current.querySelectorAll(".artifactuse-pdf-container, [data-pdf-viewer]").forEach((H) => {
-      H._pdfHandler && (H.removeEventListener("click", H._pdfHandler), delete H._pdfHandler);
-    }), T.current.querySelectorAll(".artifactuse-video-preview-wrapper, .video-preview-wrapper").forEach((H) => {
-      H._clickHandler && (H.removeEventListener("click", H._clickHandler), delete H._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);
     });
-  }, []), ae = d(() => {
-    Z.current && clearTimeout(Z.current), Z.current = setTimeout(async () => {
-      if (O != null && O.initializeContent && T.current)
+  }, []), ce = d(() => {
+    Y.current && clearTimeout(Y.current), Y.current = setTimeout(async () => {
+      if (U != null && U.initializeContent && M.current)
         try {
-          await O.initializeContent(T.current);
-        } catch (g) {
-          console.error("Failed to initialize content:", g);
+          await U.initializeContent(M.current);
+        } catch (v) {
+          console.error("Failed to initialize content:", v);
         }
-      ye();
+      pe();
     }, 100);
-  }, [O, ye]);
-  R(() => {
+  }, [U, pe]);
+  q(() => {
     if (t) {
-      const g = w(t, a);
-      me(g.html), he(g.artifacts), g.artifacts.length > 0 && r && r(g.artifacts), n || ae();
+      const v = x(t, r);
+      me(v.html), Ee(v.artifacts), v.artifacts.length > 0 && a && a(v.artifacts), n || ce();
     }
-  }, [t, a, w, n, ae, r]), R(() => {
-    Q.current === !0 && n === !1 && ae(), Q.current = n;
-  }, [n, ae]), R(() => (n && K(!0), n || ae(), () => {
-    Z.current && clearTimeout(Z.current), He();
+  }, [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();
   }), []);
-  const Ie = d((g) => {
-    f(g), E && E(g);
-  }, [f, E]), we = d((g) => {
-    p && p(g);
-  }, [p]), ie = d((g) => {
-    y && y(g);
-  }, [y]), Be = d((g) => {
-    i && i(g);
-  }, [i]), fe = d((g) => {
-    x && x(g);
-  }, [x]), Fe = d((g) => {
-    A && A(g);
-  }, [A]), ue = d((g) => {
-    L && L(g);
-  }, [L]), de = (g, re) => {
-    switch (g.type) {
+  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) {
       case "html":
         return /* @__PURE__ */ e.createElement(
           "div",
           {
-            key: `html-${re}`,
-            dangerouslySetInnerHTML: { __html: g.content }
+            key: `html-${te}`,
+            dangerouslySetInnerHTML: { __html: v.content }
           }
         );
       case "form":
-        return g.artifact.isInline ? /* @__PURE__ */ e.createElement(
-          Wt,
+        return v.artifact.isInline ? /* @__PURE__ */ e.createElement(
+          Ut,
           {
-            key: `form-${g.artifact.id}`,
-            artifact: g.artifact,
-            theme: W,
-            initialState: pe,
-            onSubmit: Be,
-            onCancel: fe,
-            onButtonClick: Fe
+            key: `form-${v.artifact.id}`,
+            artifact: v.artifact,
+            theme: X,
+            initialState: be,
+            onSubmit: we,
+            onCancel: ie,
+            onButtonClick: He
           }
         ) : null;
       case "social":
         return /* @__PURE__ */ e.createElement(
-          Xt,
+          ea,
           {
-            key: `social-${g.artifact.id}`,
-            artifact: g.artifact,
-            theme: W,
-            onCopy: ue
+            key: `social-${v.artifact.id}`,
+            artifact: v.artifact,
+            theme: X,
+            onCopy: he
           }
         );
       case "panel":
         return l ? /* @__PURE__ */ e.createElement(
-          It,
+          Rt,
           {
-            key: `panel-${g.artifact.id}`,
-            artifact: g.artifact,
-            isActive: ge === g.artifact.id,
-            onOpen: Ie,
-            onCopy: we,
-            onDownload: ie
+            key: `panel-${v.artifact.id}`,
+            artifact: v.artifact,
+            isActive: Ne === v.artifact.id,
+            onOpen: Ae,
+            onCopy: ye,
+            onDownload: $e
           }
         ) : null;
       default:
@@ -793,342 +793,373 @@ function Gt({
   return /* @__PURE__ */ e.createElement(
     "div",
     {
-      ref: D,
-      className: `artifactuse-agent-message ${h}`.trim()
+      ref: $,
+      className: `artifactuse-agent-message ${g}`.trim()
     },
-    /* @__PURE__ */ e.createElement("div", { ref: T, className: "artifactuse-message-content" }, _e.map(de)),
+    /* @__PURE__ */ e.createElement("div", { ref: M, className: "artifactuse-message-content" }, Z.map(Ie)),
     /* @__PURE__ */ e.createElement(
-      Zt,
+      ta,
       {
-        isOpen: le,
-        type: ce,
-        src: M,
-        alt: P,
-        caption: b,
-        onClose: ke
+        isOpen: se,
+        type: de,
+        src: le,
+        alt: _,
+        caption: k,
+        onClose: ve
       }
     )
   );
 }
-Gt.propTypes = {
+na.propTypes = {
   /** The raw message content (markdown/HTML from AI) */
-  content: (t, a) => {
-    if (typeof t[a] != "string")
-      return new Error(`${a} must be a string`);
+  content: (t, r) => {
+    if (typeof t[r] != "string")
+      return new Error(`${r} must be a string`);
   },
   /** Unique message ID */
-  messageId: (t, a) => {
-    if (t[a] !== void 0 && typeof t[a] != "string")
-      return new Error(`${a} must be a string`);
+  messageId: (t, r) => {
+    if (t[r] !== void 0 && typeof t[r] != "string")
+      return new Error(`${r} must be a string`);
   },
   /** Whether to show artifact cards inline */
-  inlineCards: (t, a) => {
-    if (t[a] !== void 0 && typeof t[a] != "boolean")
-      return new Error(`${a} must be a boolean`);
+  inlineCards: (t, r) => {
+    if (t[r] !== void 0 && typeof t[r] != "boolean")
+      return new Error(`${r} must be a boolean`);
   },
   /** Whether the message is still being typed/streamed */
-  typing: (t, a) => {
-    if (t[a] !== void 0 && typeof t[a] != "boolean")
-      return new Error(`${a} must be a boolean`);
+  typing: (t, r) => {
+    if (t[r] !== void 0 && typeof t[r] != "boolean")
+      return new Error(`${r} must be a boolean`);
   },
   /** Whether this is the last/most recent message in the conversation */
-  isLastMessage: (t, a) => {
-    if (t[a] !== void 0 && typeof t[a] != "boolean")
-      return new Error(`${a} must be a boolean`);
+  isLastMessage: (t, r) => {
+    if (t[r] !== void 0 && typeof t[r] != "boolean")
+      return new Error(`${r} must be a boolean`);
   }
 };
-function ca({
+function pa({
   onAIRequest: t,
-  onSave: a,
+  onSave: r,
   onExport: l,
   className: n = ""
 }) {
+  var it;
   const {
     state: s,
-    activeArtifact: r,
+    activeArtifact: a,
     artifactCount: E,
     hasArtifacts: p,
-    closePanel: y,
+    closePanel: N,
     toggleFullscreen: i,
-    setViewMode: x,
-    getPanelUrl: A,
-    openArtifact: L,
-    instance: u
-  } = ve(), h = z(null), w = z(null), f = z(null), v = z(null), B = z(null), [O, D] = N(!1), [T, Z] = N(!1), [Q, J] = N(!0), [me, te] = N(!1), [he, ne] = N(!1), [K, le] = N(!1), [G, ce] = N(!1), [X, M] = N("options"), [o, P] = N(""), [_, b] = N(null), [I, W] = N(""), [ge, _e] = N(!1), [pe, Y] = N(!1), [ke, ye] = N([]), [He, ae] = N(!1), [Ie, we] = N(""), [ie, Be] = N(65), [fe, Fe] = N(50), ue = z(null), de = z(null), g = z(null), re = z(null), Ne = z(null), xe = S(() => r ? Ae(r.language) : "", [r]), H = S(() => r ? Xe(r.language) : "", [r]), Ce = S(() => r ? A(r) : null, [r, A]), m = S(() => r ? Mt(r.language) : "plaintext", [r]), k = S(() => s.artifacts.filter((c) => !c.isInline), [s.artifacts]), $ = S(() => r ? k.findIndex((c) => c.id === r.id) : -1, [r, k]), j = S(() => {
+    setViewMode: w,
+    getPanelUrl: S,
+    openArtifact: P,
+    instance: m
+  } = _e(), g = W(null), x = W(null), f = W(null), h = W(null), B = W(null), U = W(null), $ = W(null), [M, Y] = b(!1), [Q, O] = b(!1), [me, K] = b(!0), [Ee, re] = b(!1), [ue, se] = b(!1), [J, de] = b(!1), [ne, le] = b(!1), [o, _] = b("options"), [y, k] = b(""), [H, X] = b(null), [Ne, Z] = b(""), [be, G] = b(!1), [ve, pe] = b(!1), [ke, ce] = b([]), [Ae, ye] = b(!1), [$e, we] = b(""), [ie, He] = b(65), [he, Ie] = b(50), v = W(null), te = W(null), Be = W(null), fe = W(null), A = W(null), Fe = T(() => a ? Te(a.language) : "", [a]), u = T(() => a ? Ke(a.language) : "", [a]), I = T(() => a ? S(a) : null, [a, S]), F = T(() => a ? Bt(a.language) : "plaintext", [a]), L = T(() => s.artifacts.filter((c) => !c.isInline), [s.artifacts]), j = T(() => a ? L.findIndex((c) => c.id === a.id) : -1, [a, L]), We = T(() => {
     var c;
-    return ((c = u == null ? void 0 : u.config) == null ? void 0 : c.branding) !== !1;
-  }, [u]), be = S(() => {
+    return ((c = m == null ? void 0 : m.config) == null ? void 0 : c.branding) !== !1;
+  }, [m]), ft = T(() => {
     var c;
-    return ((c = u == null ? void 0 : u.share) == null ? void 0 : c.enabled) !== !1;
-  }, [u]), Le = S(() => {
+    return ((c = m == null ? void 0 : m.share) == null ? void 0 : c.enabled) !== !1;
+  }, [m]), xe = T(() => {
     var c;
-    return ((c = u == null ? void 0 : u.share) == null ? void 0 : c.isAuthenticated()) || !1;
-  }, [u]), Ye = S(() => r ? ie : Math.min(ie, 30), [r, ie]), Qe = d((c) => `<svg viewBox="0 0 24 24" fill="currentColor">${Xe(c)}</svg>`, []), mt = d(() => {
-    ne(!1), u.state.clearActiveArtifact();
-  }, [u]), Ge = d(() => {
-    if (!v.current || !(r != null && r.code)) return;
-    const c = r.code.split(`
-`).length, C = Array.from({ length: c }, (q, V) => `<div>${V + 1}</div>`).join("");
-    v.current.innerHTML = C;
-  }, [r]), et = d(() => {
-    if (w.current && St() && (r != null && r.code)) {
-      const c = window.Prism.languages[m];
-      c ? w.current.innerHTML = window.Prism.highlight(
-        r.code,
+    return ((c = m == null ? void 0 : m.share) == null ? void 0 : c.isAuthenticated()) || !1;
+  }, [m]), Ge = T(() => a ? ie : Math.min(ie, 30), [a, ie]), et = d((c) => `<svg viewBox="0 0 24 24" fill="currentColor">${Ke(c)}</svg>`, []), Et = d(() => {
+    se(!1), m.state.clearActiveArtifact();
+  }, [m]), tt = d(() => {
+    if (!h.current || !(a != null && a.code)) return;
+    const c = a.code.split(`
+`).length, C = Array.from({ length: c }, (R, z) => `<div>${z + 1}</div>`).join("");
+    h.current.innerHTML = C;
+  }, [a]), at = d(() => {
+    if (x.current && Ft() && (a != null && a.code)) {
+      const c = window.Prism.languages[F];
+      c ? x.current.innerHTML = window.Prism.highlight(
+        a.code,
         c,
-        m
-      ) : w.current.textContent = r.code, w.current.dataset.highlighted = "true", setTimeout(() => {
-        ut();
+        F
+      ) : x.current.textContent = a.code, x.current.dataset.highlighted = "true", setTimeout(() => {
+        vt();
       }, 0);
     }
-  }, [r == null ? void 0 : r.code, m]), ut = d(() => {
+  }, [a == null ? void 0 : a.code, F]), vt = d(() => {
     var C;
-    const c = (C = w.current) == null ? void 0 : C.closest("pre");
-    if (c && B.current && v.current) {
-      const V = window.getComputedStyle(c).backgroundColor;
-      V && V !== "rgba(0, 0, 0, 0)" && V !== "transparent" && (B.current.style.backgroundColor = V, v.current.style.backgroundColor = V);
+    const c = (C = x.current) == null ? void 0 : C.closest("pre");
+    if (c && B.current && h.current) {
+      const z = window.getComputedStyle(c).backgroundColor;
+      z && z !== "rgba(0, 0, 0, 0)" && z !== "transparent" && (B.current.style.backgroundColor = z, h.current.style.backgroundColor = z);
     }
-  }, []), tt = d(() => {
-    B.current && (B.current.style.backgroundColor = ""), v.current && (v.current.style.backgroundColor = "");
-  }, []), We = d(() => {
-    Ge(), et();
-  }, [Ge, et]), dt = d(() => {
-    clearTimeout(re.current), J(!1), h.current && r && (u.bridge.setIframe(h.current), u.bridge.loadArtifact(r));
-  }, [r, u]), pt = d(() => {
-    clearTimeout(re.current), J(!1);
-  }, []), ft = d(() => {
-    clearTimeout(re.current), re.current = setTimeout(() => {
-      J(!1);
+  }, []), 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.language || "plaintext",
+      sdkTheme: m.getTheme()
+    }));
+  }, [ze, a, m]), ht = d(() => {
+    if (!$.current || !a) return;
+    const c = $.current.getCode();
+    m.emit("edit:save", {
+      artifactId: a.id,
+      artifact: a,
+      code: c
+    });
+  }, [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);
     }, 1e3);
-  }, []), Et = d(async () => {
-    if (r)
+  }, []), Nt = d(async () => {
+    if (a)
       try {
-        await navigator.clipboard.writeText(r.code), D(!0), setTimeout(() => D(!1), 2e3);
+        await navigator.clipboard.writeText(a.code), Y(!0), setTimeout(() => Y(!1), 2e3);
       } catch (c) {
         console.error("Failed to copy:", c);
       }
-  }, [r]), vt = d(() => {
-    if (!r) return;
-    const { code: c, language: C, title: q } = r, V = Ze(C), se = `${q.toLowerCase().replace(/\s+/g, "-")}.${V}`, Se = new Blob([c], { type: "text/plain" }), oe = URL.createObjectURL(Se), ee = document.createElement("a");
-    ee.href = oe, ee.download = se, document.body.appendChild(ee), ee.click(), document.body.removeChild(ee), URL.revokeObjectURL(oe);
-  }, [r]), ht = d(async () => {
-    if (!(K || k.length === 0)) {
-      le(!0);
+  }, [a]), bt = d(() => {
+    if (!a) return;
+    const { code: c, language: C, title: R } = a, z = Ye(C), ae = `${R.toLowerCase().replace(/\s+/g, "-")}.${z}`, Me = new Blob([c], { type: "text/plain" }), oe = URL.createObjectURL(Me), ee = document.createElement("a");
+    ee.href = oe, ee.download = ae, document.body.appendChild(ee), ee.click(), document.body.removeChild(ee), URL.revokeObjectURL(oe);
+  }, [a]), kt = d(async () => {
+    if (!(J || L.length === 0)) {
+      de(!0);
       try {
-        const c = new $t(), C = /* @__PURE__ */ new Map();
-        for (const ee of k) {
+        const c = new Vt(), C = /* @__PURE__ */ new Map();
+        for (const ee of L) {
           if (!ee.code) continue;
-          const Ue = Ze(ee.language);
-          let je = (ee.title || "untitled").toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, ""), Oe = `${je}.${Ue}`;
-          const Je = C.get(Oe) || 0;
-          Je > 0 && (Oe = `${je}-${Je}.${Ue}`), C.set(`${je}.${Ue}`, Je + 1), c.file(Oe, ee.code);
+          const Oe = Ye(ee.language);
+          let Je = (ee.title || "untitled").toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, ""), Xe = `${Je}.${Oe}`;
+          const Ze = C.get(Xe) || 0;
+          Ze > 0 && (Xe = `${Je}-${Ze}.${Oe}`), C.set(`${Je}.${Oe}`, Ze + 1), c.file(Xe, ee.code);
         }
-        const q = await c.generateAsync({ type: "blob" }), se = `artifacts-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.zip`, Se = URL.createObjectURL(q), oe = document.createElement("a");
-        oe.href = Se, oe.download = se, document.body.appendChild(oe), oe.click(), document.body.removeChild(oe), URL.revokeObjectURL(Se);
+        const R = await c.generateAsync({ type: "blob" }), ae = `artifacts-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.zip`, Me = URL.createObjectURL(R), oe = document.createElement("a");
+        oe.href = Me, oe.download = ae, document.body.appendChild(oe), oe.click(), document.body.removeChild(oe), URL.revokeObjectURL(Me);
       } catch (c) {
         console.error("Failed to create ZIP:", c);
       } finally {
-        le(!1);
+        de(!1);
       }
     }
-  }, [K, k]), at = d((c) => c ? new Date(c).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }) : "", []), gt = d(() => {
-    if (G) {
-      ce(!1);
+  }, [J, L]), nt = d((c) => c ? new Date(c).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }) : "", []), wt = d(() => {
+    if (ne) {
+      le(!1);
       return;
     }
-    r && (M("options"), P(""), b(null), W(""), _e(!1), Y(!1), ye([]), ae(!1), we(""), ce(!0));
-  }, [r, u, G]), _t = d(() => {
-    ce(!1);
-  }, []), Ve = d(async () => {
-    if (!(!r || !(u != null && u.share))) {
-      M("loading"), W("");
+    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("");
       try {
-        const c = await u.share.share(r);
-        P(c.url), b(c.expiresAt), Y(!1), M("success");
+        const c = await m.share.share(a);
+        k(c.url), X(c.expiresAt), pe(!1), _("success");
       } catch (c) {
-        W(c.message || "Failed to create share link"), M("error");
+        Z(c.message || "Failed to create share link"), _("error");
       }
     }
-  }, [r, u]), rt = d(async () => {
-    if (Le)
-      Pe();
+  }, [a, m]), lt = d(async () => {
+    if (xe)
+      Ce();
     else {
-      M("loading");
+      _("loading");
       try {
-        await u.share.openAuthPopup(), Pe();
+        await m.share.openAuthPopup(), Ce();
       } catch (c) {
-        c.message === "Authentication cancelled" ? M("options") : (W(c.message || "Authentication failed"), M("error"));
+        c.message === "Authentication cancelled" ? _("options") : (Z(c.message || "Authentication failed"), _("error"));
       }
     }
-  }, [Le, u]), Pe = d(async () => {
-    if (!(!r || !(u != null && u.share))) {
-      M("loading"), W("");
+  }, [xe, m]), Ce = d(async () => {
+    if (!(!a || !(m != null && m.share))) {
+      _("loading"), Z("");
       try {
-        const c = await u.share.save(r);
-        P(c.url), b(null), Y(!0), M("success");
+        const c = await m.share.save(a);
+        k(c.url), X(null), pe(!0), _("success");
       } catch (c) {
-        W(c.message || "Failed to save artifact"), M("error");
+        Z(c.message || "Failed to save artifact"), _("error");
       }
     }
-  }, [r, u]), yt = d(() => {
-    pe ? Pe() : Ve();
-  }, [pe, Pe, Ve]), Nt = d(async () => {
-    if (u != null && u.share) {
-      if (!Le) {
-        M("loading");
+  }, [a, m]), Ct = d(() => {
+    ve ? Ce() : Re();
+  }, [ve, Ce, Re]), Lt = d(async () => {
+    if (m != null && m.share) {
+      if (!xe) {
+        _("loading");
         try {
-          await u.share.openAuthPopup();
+          await m.share.openAuthPopup();
         } catch (c) {
-          c.message === "Authentication cancelled" ? M("options") : (W(c.message || "Authentication failed"), M("error"));
+          c.message === "Authentication cancelled" ? _("options") : (Z(c.message || "Authentication failed"), _("error"));
           return;
         }
       }
-      M("update-list"), ae(!0);
+      _("update-list"), ye(!0);
       try {
-        const c = (r == null ? void 0 : r.language) || null, C = await u.share.listArtifacts(c);
-        ye(C.projects || []);
+        const c = (a == null ? void 0 : a.language) || null, C = await m.share.listArtifacts(c);
+        ce(C.projects || []);
       } catch (c) {
-        W(c.message || "Failed to load artifacts"), M("error");
+        Z(c.message || "Failed to load artifacts"), _("error");
       } finally {
-        ae(!1);
+        ye(!1);
       }
     }
-  }, [r, u, Le]), bt = d(async (c) => {
-    var q, V;
-    if (!r || !(u != null && u.share)) return;
-    const C = (q = c.project) == null ? void 0 : q.uuid;
+  }, [a, m, xe]), Pt = d(async (c) => {
+    var R, z;
+    if (!a || !(m != null && m.share)) return;
+    const C = (R = c.project) == null ? void 0 : R.uuid;
     if (C) {
-      M("loading"), W("");
+      _("loading"), Z("");
       try {
-        const se = await u.share.updateArtifact(C, r);
-        P(se.url || ""), b(null), Y(!0), we(((V = c.project) == null ? void 0 : V.name) || "Untitled"), M("success");
-      } catch (se) {
-        W(se.message || "Failed to update artifact"), M("error");
+        const ae = await m.share.updateArtifact(C, a);
+        k(ae.url || ""), X(null), pe(!0), we(((z = c.project) == null ? void 0 : z.name) || "Untitled"), _("success");
+      } catch (ae) {
+        Z(ae.message || "Failed to update artifact"), _("error");
       }
     }
-  }, [r, u]), kt = d(async () => {
-    if (o)
+  }, [a, m]), Mt = d(async () => {
+    if (y)
       try {
-        await navigator.clipboard.writeText(o), _e(!0), setTimeout(() => _e(!1), 2e3);
+        await navigator.clipboard.writeText(y), G(!0), setTimeout(() => G(!1), 2e3);
       } catch (c) {
         console.error("Failed to copy link:", c);
       }
-  }, [o]), wt = d(() => {
-    $ > 0 && L(k[$ - 1]);
-  }, [$, L, k]), xt = d(() => {
-    $ < k.length - 1 && L(k[$ + 1]);
-  }, [$, L, k]), st = d((c) => {
-    ne(!0), L(c), Z(!1);
-  }, [L]), ze = d((c) => {
-    ue.current = {
+  }, [y]), Tt = d(() => {
+    j > 0 && P(L[j - 1]);
+  }, [j, P, L]), St = d(() => {
+    j < L.length - 1 && P(L[j + 1]);
+  }, [j, P, L]), ct = d((c) => {
+    se(!0), P(c), O(!1);
+  }, [P]), qe = d((c) => {
+    v.current = {
       startX: c.clientX,
       startWidth: ie
-    }, document.addEventListener("mousemove", qe), document.addEventListener("mouseup", Te), document.body.style.cursor = "ew-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((C) => {
+    }, document.addEventListener("mousemove", De), document.addEventListener("mouseup", Le), document.body.style.cursor = "ew-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((C) => {
       C.style.pointerEvents = "none";
     });
-  }, [ie]), qe = d((c) => {
-    if (!ue.current) return;
-    const C = window.innerWidth, V = (ue.current.startX - c.clientX) / C * 100, se = ue.current.startWidth + V;
-    Be(Math.min(Math.max(se, 25), 75));
-  }, []), Te = d(() => {
-    ue.current = null, document.removeEventListener("mousemove", qe), document.removeEventListener("mouseup", Te), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((c) => {
+  }, [ie]), De = d((c) => {
+    if (!v.current) return;
+    const C = window.innerWidth, z = (v.current.startX - c.clientX) / C * 100, ae = v.current.startWidth + z;
+    He(Math.min(Math.max(ae, 25), 75));
+  }, []), Le = d(() => {
+    v.current = null, document.removeEventListener("mousemove", De), document.removeEventListener("mouseup", Le), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((c) => {
       c.style.pointerEvents = "";
     });
-  }, [qe]), Ct = d((c) => {
+  }, [De]), At = d((c) => {
     if (!f.current) return;
     const C = f.current.getBoundingClientRect();
-    de.current = {
+    te.current = {
       startX: c.clientX,
-      startPosition: fe,
+      startPosition: he,
       contentLeft: C.left,
       contentWidth: C.width
-    }, document.addEventListener("mousemove", Re), document.addEventListener("mouseup", Me), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((q) => {
-      q.style.pointerEvents = "none";
+    }, 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";
     });
-  }, [fe]), Re = d((c) => {
-    if (!de.current) return;
-    const q = (c.clientX - de.current.contentLeft) / de.current.contentWidth * 100;
-    Fe(Math.min(Math.max(q, 20), 80));
-  }, []), Me = d(() => {
-    de.current = null, document.removeEventListener("mousemove", Re), document.removeEventListener("mouseup", Me), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((c) => {
+  }, [he]), Ue = d((c) => {
+    if (!te.current) return;
+    const R = (c.clientX - te.current.contentLeft) / te.current.contentWidth * 100;
+    Ie(Math.min(Math.max(R, 20), 80));
+  }, []), Pe = d(() => {
+    te.current = null, document.removeEventListener("mousemove", Ue), document.removeEventListener("mouseup", Pe), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((c) => {
       c.style.pointerEvents = "";
     });
-  }, [Re]);
-  if (R(() => {
-    r && (Ne.current && Ne.current.isPreviewable !== r.isPreviewable && (te(!0), setTimeout(() => te(!1), 150)), Ne.current = r, tt(), J(!0), ft(), We());
-  }, [r == null ? void 0 : r.id, tt]), R(() => {
-    (s.viewMode === "code" || s.viewMode === "split") && We();
-  }, [s.viewMode, We]), R(() => (t && u.on("ai:request", t), a && u.on("save:request", a), l && u.on("export:complete", l), () => {
-    t && u.off("ai:request", t), a && u.off("save:request", a), l && u.off("export:complete", l);
-  }), [u, t, a, l]), R(() => () => {
-    Te(), Me(), clearTimeout(g.current), clearTimeout(re.current);
-  }, [Te, Me]), !s.isPanelOpen) return null;
-  const De = [
+  }, [Ue]);
+  if (q(() => {
+    a && (A.current && A.current.isPreviewable !== a.isPreviewable && (re(!0), setTimeout(() => re(!1), 150)), A.current = a, rt(), K(!0), yt(), Ve());
+  }, [a == null ? void 0 : a.id, rt]), q(() => {
+    (s.viewMode === "code" || s.viewMode === "split") && Ve(), s.viewMode === "edit" && st();
+  }, [s.viewMode, Ve, st]), q(() => (t && m.on("ai:request", t), r && m.on("save:request", r), l && m.on("export:complete", l), () => {
+    t && m.off("ai:request", t), r && m.off("save:request", r), l && m.off("export:complete", l);
+  }), [m, t, r, l]), q(() => () => {
+    Le(), Pe(), $.current && ($.current.destroy(), $.current = null), clearTimeout(Be.current), clearTimeout(fe.current);
+  }, [Le, Pe]), !s.isPanelOpen) return null;
+  const je = [
     "artifactuse-panel",
     s.isFullscreen && "artifactuse-panel--fullscreen",
-    !r && p && "artifactuse-panel--list",
+    !a && p && "artifactuse-panel--list",
     !p && "artifactuse-panel--empty",
     n
-  ].filter(Boolean).join(" "), Lt = [
+  ].filter(Boolean).join(" "), $t = [
     "artifactuse-panel__content",
     `artifactuse-panel__content--${s.viewMode}`,
-    me && "artifactuse-panel__content--transitioning"
+    Ee && "artifactuse-panel__content--transitioning"
   ].filter(Boolean).join(" ");
-  return p ? r ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+  return p ? a ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: De,
+      className: je,
       style: s.isFullscreen ? void 0 : { width: `${ie}%` }
     },
     !s.isFullscreen && /* @__PURE__ */ e.createElement(
       "div",
       {
         className: "artifactuse-panel__resize-handle",
-        onMouseDown: ze
+        onMouseDown: qe
       },
       /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__resize-handle-line" })
     ),
-    /* @__PURE__ */ e.createElement("header", { className: "artifactuse-panel__header" }, he && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("header", { className: "artifactuse-panel__header" }, ue && /* @__PURE__ */ e.createElement(
       "button",
       {
         className: "artifactuse-panel__back",
         title: "Back to list",
-        onClick: mt
+        onClick: Et
       },
       /* @__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">${H}</svg>` }
+        dangerouslySetInnerHTML: { __html: `<svg viewBox="0 0 24 24" fill="currentColor">${u}</svg>` }
       }
-    ), /* @__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" }, xe, r.lineCount && ` • ${r.lineCount} lines`))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__tabs" }, /* @__PURE__ */ e.createElement(
+    ), /* @__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(
       "button",
       {
         className: `artifactuse-panel__tab ${s.viewMode === "preview" ? "artifactuse-panel__tab--active" : ""}`,
-        disabled: !r.isPreviewable,
+        disabled: !a.isPreviewable,
         title: "Preview",
-        onClick: () => x("preview")
+        onClick: () => w("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" }))
-    ), /* @__PURE__ */ e.createElement(
+    ), (!a.tabs || a.tabs.includes("code")) && /* @__PURE__ */ e.createElement(
       "button",
       {
         className: `artifactuse-panel__tab ${s.viewMode === "code" ? "artifactuse-panel__tab--active" : ""}`,
         title: "Code",
-        onClick: () => x("code")
+        onClick: () => w("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" }))
-    ), /* @__PURE__ */ e.createElement(
+    ), (!a.tabs || a.tabs.includes("split")) && /* @__PURE__ */ e.createElement(
       "button",
       {
         className: `artifactuse-panel__tab ${s.viewMode === "split" ? "artifactuse-panel__tab--active" : ""}`,
-        disabled: !r.isPreviewable,
+        disabled: !a.isPreviewable,
         title: "Split view",
-        onClick: () => x("split")
+        onClick: () => w("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" }))
-    )), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__actions" }, /* @__PURE__ */ e.createElement(
+    ), a.tabs && a.tabs.includes("edit") && ze && /* @__PURE__ */ e.createElement(
+      "button",
+      {
+        className: `artifactuse-panel__tab ${s.viewMode === "edit" ? "artifactuse-panel__tab--active" : ""}`,
+        title: "Edit",
+        onClick: () => w("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(
+      "button",
+      {
+        className: "artifactuse-panel__action artifactuse-panel__action--save",
+        title: "Save",
+        onClick: ht
+      },
+      /* @__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(
       "button",
       {
         className: "artifactuse-panel__action",
@@ -1141,35 +1172,35 @@ function ca({
       {
         className: "artifactuse-panel__action artifactuse-panel__action--close",
         title: "Close",
-        onClick: y
+        onClick: N
       },
       /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), /* @__PURE__ */ e.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" }))
     ))),
-    /* @__PURE__ */ e.createElement("div", { className: Lt, ref: f }, me && /* @__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: $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(
       "div",
       {
         className: "artifactuse-panel__preview",
-        style: s.viewMode === "split" ? { width: `${fe}%` } : void 0
+        style: s.viewMode === "split" ? { width: `${he}%` } : void 0
       },
-      Q && Ce && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__loading" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__spinner" })),
-      Ce ? /* @__PURE__ */ e.createElement(
+      me && I && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__loading" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__spinner" })),
+      I ? /* @__PURE__ */ e.createElement(
         "iframe",
         {
-          ref: h,
-          src: Ce,
-          className: `artifactuse-panel__iframe ${Q ? "artifactuse-panel__iframe--loading" : ""}`,
+          ref: g,
+          src: I,
+          className: `artifactuse-panel__iframe ${me ? "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: dt,
-          onError: pt
+          onLoad: gt,
+          onError: _t
         }
-      ) : /* @__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 ", xe))
+      ) : /* @__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__code",
         style: {
-          ...s.viewMode === "split" ? { width: `${100 - fe}%` } : {},
+          ...s.viewMode === "split" ? { width: `${100 - he}%` } : {},
           display: s.viewMode === "code" || s.viewMode === "split" ? void 0 : "none"
         }
       },
@@ -1177,19 +1208,26 @@ function ca({
         "div",
         {
           className: "artifactuse-panel__split-handle",
-          onMouseDown: Ct
+          onMouseDown: At
         },
         /* @__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: v }), /* @__PURE__ */ e.createElement("pre", { className: `artifactuse-panel__code-block language-${m}` }, /* @__PURE__ */ e.createElement(
+      /* @__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(
         "code",
         {
-          ref: w,
-          className: `language-${m}`
+          ref: x,
+          className: `language-${F}`
         }
       )))
+    ), /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        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("footer", { className: "artifactuse-panel__footer" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__footer-left" }, j && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("footer", { className: "artifactuse-panel__footer" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__footer-left" }, We && /* @__PURE__ */ e.createElement(
       "a",
       {
         href: "https://artifactuse.com",
@@ -1200,142 +1238,142 @@ function ca({
       },
       /* @__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")
-    ), r.code && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__badge artifactuse-panel__badge--secondary" }, ct(r.size))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__footer-right" }, /* @__PURE__ */ e.createElement(
+    ), 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(
       "button",
       {
-        className: `artifactuse-panel__footer-action ${O ? "artifactuse-panel__footer-action--success" : ""}`,
-        title: O ? "Copied!" : "Copy code",
-        onClick: Et
+        className: `artifactuse-panel__footer-action ${M ? "artifactuse-panel__footer-action--success" : ""}`,
+        title: M ? "Copied!" : "Copy code",
+        onClick: Nt
       },
-      O ? /* @__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" }))
+      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" }))
     ), /* @__PURE__ */ e.createElement(
       "button",
       {
         className: "artifactuse-panel__footer-action",
         title: "Download",
-        onClick: vt
+        onClick: bt
       },
       /* @__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" }))
-    ), be && /* @__PURE__ */ e.createElement("div", { style: { position: "relative" } }, /* @__PURE__ */ e.createElement(
+    ), ft && /* @__PURE__ */ e.createElement("div", { style: { position: "relative" } }, /* @__PURE__ */ e.createElement(
       "button",
       {
         className: "artifactuse-panel__footer-action",
         title: "Share",
-        onClick: gt
+        onClick: wt
       },
       /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("circle", { cx: "18", cy: "5", r: "3" }), /* @__PURE__ */ e.createElement("circle", { cx: "6", cy: "12", r: "3" }), /* @__PURE__ */ e.createElement("circle", { cx: "18", cy: "19", r: "3" }), /* @__PURE__ */ e.createElement("line", { x1: "8.59", y1: "13.51", x2: "15.42", y2: "17.49" }), /* @__PURE__ */ e.createElement("line", { x1: "15.41", y1: "6.51", x2: "8.59", y2: "10.49" }))
-    ), G && /* @__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" }, X === "success" ? Ie ? "Artifact updated!" : "Link created!" : X === "update-list" ? "Update saved artifact" : "Share Artifact"), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__close", onClick: _t }, /* @__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" }, X === "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...")), X === "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" }, I)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__actions" }, /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__btn artifactuse-share-popup__btn--secondary", onClick: () => M("options") }, "Back"), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__btn artifactuse-share-popup__btn--primary", onClick: yt }, "Retry"))), X === "options" && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__options" }, /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__option", onClick: Ve }, /* @__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: rt }, /* @__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: Nt }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__option-icon" }, /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("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")))), X === "update-list" && /* @__PURE__ */ e.createElement("div", null, He ? /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__loading" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__spinner" }), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-share-popup__loading-text" }, "Loading artifacts...")) : ke.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__empty" }, "No saved artifacts of this type") : /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__artifact-list" }, ke.map((c) => {
-      var C, q, V;
+    ), ne && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__header" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-share-popup__title" }, o === "success" ? $e ? "Artifact updated!" : "Link created!" : o === "update-list" ? "Update saved artifact" : "Share Artifact"), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__close", onClick: xt }, /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), /* @__PURE__ */ e.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" })))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__body" }, o === "loading" && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__loading" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__spinner" }), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-share-popup__loading-text" }, "Creating link...")), o === "error" && /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__error" }, /* @__PURE__ */ e.createElement("p", { className: "artifactuse-share-popup__error-text" }, Ne)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__actions" }, /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__btn artifactuse-share-popup__btn--secondary", onClick: () => _("options") }, "Back"), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__btn artifactuse-share-popup__btn--primary", onClick: Ct }, "Retry"))), o === "options" && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__options" }, /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__option", onClick: Re }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__option-icon" }, /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }), /* @__PURE__ */ e.createElement("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" }))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__option-content" }, /* @__PURE__ */ e.createElement("p", { className: "artifactuse-share-popup__option-title" }, "Share link"), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-share-popup__option-desc" }, "Expires in 30 days"))), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__option", onClick: lt }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__option-icon" }, /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("path", { d: "M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" }), /* @__PURE__ */ e.createElement("polyline", { points: "17 21 17 13 7 13 7 21" }), /* @__PURE__ */ e.createElement("polyline", { points: "7 3 7 8 15 8" }))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__option-content" }, /* @__PURE__ */ e.createElement("p", { className: "artifactuse-share-popup__option-title" }, "Save to account"), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-share-popup__option-desc" }, "Permanent, manageable"))), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__option", onClick: Lt }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__option-icon" }, /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("polyline", { points: "23 4 23 10 17 10" }), /* @__PURE__ */ e.createElement("polyline", { points: "1 20 1 14 7 14" }), /* @__PURE__ */ e.createElement("path", { d: "M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15" }))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__option-content" }, /* @__PURE__ */ e.createElement("p", { className: "artifactuse-share-popup__option-title" }, "Update saved"), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-share-popup__option-desc" }, "Replace an existing artifact")))), o === "update-list" && /* @__PURE__ */ e.createElement("div", null, Ae ? /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__loading" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__spinner" }), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-share-popup__loading-text" }, "Loading artifacts...")) : ke.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__empty" }, "No saved artifacts of this type") : /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__artifact-list" }, ke.map((c) => {
+      var C, R, z;
       return /* @__PURE__ */ e.createElement(
         "button",
         {
           key: ((C = c.project) == null ? void 0 : C.uuid) || c.id,
           className: "artifactuse-share-popup__artifact-item",
-          onClick: () => bt(c)
+          onClick: () => Pt(c)
         },
-        /* @__PURE__ */ e.createElement("span", { className: "artifactuse-share-popup__artifact-name" }, ((q = c.project) == null ? void 0 : q.name) || "Untitled"),
-        /* @__PURE__ */ e.createElement("span", { className: "artifactuse-share-popup__artifact-date" }, at((V = c.project) == null ? void 0 : V.created_at))
+        /* @__PURE__ */ e.createElement("span", { className: "artifactuse-share-popup__artifact-name" }, ((R = c.project) == null ? void 0 : R.name) || "Untitled"),
+        /* @__PURE__ */ e.createElement("span", { className: "artifactuse-share-popup__artifact-date" }, nt((z = c.project) == null ? void 0 : z.created_at))
       );
-    })), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__back-btn", onClick: () => M("options") }, "Back")), X === "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(
+    })), /* @__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",
       {
         type: "text",
         className: "artifactuse-share-popup__link",
-        value: o,
+        value: y,
         readOnly: !0,
         onClick: (c) => c.target.select()
       }
     ), /* @__PURE__ */ e.createElement(
       "button",
       {
-        className: `artifactuse-share-popup__copy-btn ${ge ? "artifactuse-share-popup__copy-btn--copied" : ""}`,
-        onClick: kt
+        className: `artifactuse-share-popup__copy-btn ${be ? "artifactuse-share-popup__copy-btn--copied" : ""}`,
+        onClick: Mt
       },
-      ge ? "Copied!" : "Copy"
-    )), _ && !pe && /* @__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 ", at(_))), !pe && /* @__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: rt }, "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"))))), k.length > 1 && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__nav" }, /* @__PURE__ */ e.createElement(
+      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(
       "button",
       {
         className: "artifactuse-panel__nav-btn",
-        disabled: $ <= 0,
+        disabled: j <= 0,
         title: "Previous artifact",
-        onClick: wt
+        onClick: Tt
       },
       /* @__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: () => Z(!T)
+        onClick: () => O(!Q)
       },
-      /* @__PURE__ */ e.createElement("span", null, $ + 1, " / ", k.length),
+      /* @__PURE__ */ e.createElement("span", null, j + 1, " / ", L.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: $ >= k.length - 1,
+        disabled: j >= L.length - 1,
         title: "Next artifact",
-        onClick: xt
+        onClick: St
       },
       /* @__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" }))
-    ), T && /* @__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 (", k.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 (", L.length, ")"), /* @__PURE__ */ e.createElement(
       "button",
       {
         className: "artifactuse-panel__artifact-list-close",
-        onClick: () => Z(!1)
+        onClick: () => O(!1)
       },
       /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), /* @__PURE__ */ e.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" }))
-    )), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__artifact-list-items" }, k.map((c, C) => /* @__PURE__ */ e.createElement(
+    )), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__artifact-list-items" }, L.map((c, C) => /* @__PURE__ */ e.createElement(
       "button",
       {
         key: c.id,
-        className: `artifactuse-panel__artifact-item ${c.id === r.id ? "artifactuse-panel__artifact-item--active" : ""}`,
-        onClick: () => st(c)
+        className: `artifactuse-panel__artifact-item ${c.id === a.id ? "artifactuse-panel__artifact-item--active" : ""}`,
+        onClick: () => ct(c)
       },
       /* @__PURE__ */ e.createElement(
         "span",
         {
           className: "artifactuse-panel__artifact-item-icon",
-          dangerouslySetInnerHTML: { __html: Qe(c.language) }
+          dangerouslySetInnerHTML: { __html: et(c.language) }
         }
       ),
-      /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__artifact-item-content" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__artifact-item-title" }, c.title || "Untitled"), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__artifact-item-meta" }, Ae(c.language), c.lineCount && ` • ${c.lineCount} lines`)),
+      /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__artifact-item-content" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__artifact-item-title" }, c.title || "Untitled"), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__artifact-item-meta" }, Te(c.language), c.lineCount && ` • ${c.lineCount} lines`)),
       /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__artifact-item-index" }, C + 1)
     )))))))
-  )) : /* @__PURE__ */ e.createElement("div", { className: De, style: s.isFullscreen ? void 0 : { width: `${Ye}%` } }, !s.isFullscreen && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__resize-handle", onMouseDown: ze }, /* @__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" }, k.length, " available"))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__actions" }, /* @__PURE__ */ e.createElement(
+  )) : /* @__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(
     "button",
     {
-      className: `artifactuse-panel__action ${K ? "artifactuse-panel__action--loading" : ""}`,
-      disabled: K,
+      className: `artifactuse-panel__action ${J ? "artifactuse-panel__action--loading" : ""}`,
+      disabled: J,
       title: "Download all as ZIP",
-      onClick: ht
+      onClick: kt
     },
-    K ? /* @__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" }))
+    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" }))
   ), /* @__PURE__ */ e.createElement(
     "button",
     {
       className: "artifactuse-panel__action artifactuse-panel__action--close",
       title: "Close panel",
-      onClick: y
+      onClick: N
     },
     /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), /* @__PURE__ */ e.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" }))
-  ))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__list" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__list-items" }, k.map((c, C) => /* @__PURE__ */ e.createElement(
+  ))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__list" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__list-items" }, L.map((c, C) => /* @__PURE__ */ e.createElement(
     "button",
     {
       key: c.id,
       className: "artifactuse-panel__list-item",
-      onClick: () => st(c)
+      onClick: () => ct(c)
     },
     /* @__PURE__ */ e.createElement(
       "span",
       {
         className: "artifactuse-panel__list-item-icon",
-        dangerouslySetInnerHTML: { __html: Qe(c.language) }
+        dangerouslySetInnerHTML: { __html: et(c.language) }
       }
     ),
-    /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__list-item-content" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__list-item-title" }, c.title || "Untitled"), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__list-item-meta" }, Ae(c.language), c.lineCount && ` • ${c.lineCount} lines`)),
+    /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__list-item-content" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__list-item-title" }, c.title || "Untitled"), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__list-item-meta" }, Te(c.language), c.lineCount && ` • ${c.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" }, j && /* @__PURE__ */ e.createElement(
+  )))), /* @__PURE__ */ e.createElement("footer", { className: "artifactuse-panel__footer artifactuse-panel__footer--simple" }, We && /* @__PURE__ */ e.createElement(
     "a",
     {
       href: "https://artifactuse.com",
@@ -1345,15 +1383,15 @@ function ca({
     },
     /* @__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: De, style: s.isFullscreen ? void 0 : { width: `${Ye}%` } }, !s.isFullscreen && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__resize-handle", onMouseDown: ze }, /* @__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: 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(
     "button",
     {
       className: "artifactuse-panel__action artifactuse-panel__action--close",
       title: "Close panel",
-      onClick: y
+      onClick: N
     },
     /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), /* @__PURE__ */ e.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" }))
-  ))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__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" }, j && /* @__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" }, We && /* @__PURE__ */ e.createElement(
     "a",
     {
       href: "https://artifactuse.com",
@@ -1365,10 +1403,10 @@ function ca({
     /* @__PURE__ */ e.createElement("span", null, "Artifactuse")
   )));
 }
-function ia({ className: t = "" }) {
-  const { state: a, artifactCount: l, hasArtifacts: n, togglePanel: s } = ve(), r = S(() => l > 99 ? "99+" : String(l), [l]), E = [
+function fa({ className: t = "" }) {
+  const { state: r, artifactCount: l, hasArtifacts: n, togglePanel: s } = _e(), a = T(() => l > 99 ? "99+" : String(l), [l]), E = [
     "artifactuse-panel-toggle",
-    a.isPanelOpen && "artifactuse-panel-toggle--active",
+    r.isPanelOpen && "artifactuse-panel-toggle--active",
     n && "artifactuse-panel-toggle--has-artifacts",
     t
   ].filter(Boolean).join(" ");
@@ -1377,56 +1415,58 @@ function ia({ className: t = "" }) {
     {
       className: E,
       onClick: s,
-      title: a.isPanelOpen ? "Close artifacts panel" : "Open artifacts panel"
+      title: r.isPanelOpen ? "Close artifacts panel" : "Open artifacts panel"
     },
     /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("polyline", { points: "16 18 22 12 16 6" }), /* @__PURE__ */ e.createElement("polyline", { points: "8 6 2 12 8 18" })),
-    l > 0 && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel-toggle-badge" }, r)
+    l > 0 && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel-toggle-badge" }, a)
   );
 }
-const ot = Pt(null);
-function ea({ children: t, config: a = {} }) {
-  const l = z(null);
-  l.current || (l.current = At(a));
-  const n = l.current, [s, r] = N({
+const pt = Ht(null);
+function la({ children: t, config: r = {} }) {
+  const l = W(null);
+  l.current || (l.current = Wt(r));
+  const n = l.current, [s, a] = b({
     artifacts: [],
     activeArtifactId: null,
     isPanelOpen: !1,
     viewMode: "preview",
     isFullscreen: !1
-  }), [E, p] = N(() => n.getPanelTypes());
-  R(() => {
-    const f = n.state.subscribe((v) => {
-      r({
-        artifacts: v.artifacts,
-        activeArtifactId: v.activeArtifactId,
-        isPanelOpen: v.isPanelOpen,
-        viewMode: v.viewMode,
-        isFullscreen: v.isFullscreen
+  }), [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
       });
     });
     return n.applyTheme(), () => {
       f(), n.destroy();
     };
   }, [n]);
-  const y = S(() => s.activeArtifactId && s.artifacts.find((f) => f.id === s.activeArtifactId) || null, [s.artifacts, s.activeArtifactId]), i = s.artifacts.filter((f) => !f.isInline).length, x = i > 0, A = S(() => y ? n.getPanelUrl(y) : null, [y, n]), L = d((f) => {
+  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]), u = d((f, v) => {
-    n.registerPanel(f, v), p(n.getPanelTypes());
-  }, [n]), h = d((f) => {
+  }, [n]), m = d((f, h) => {
+    n.registerPanel(f, h), p(n.getPanelTypes());
+  }, [n]), g = d((f) => {
     n.unregisterPanel(f), p(n.getPanelTypes());
-  }, [n]), w = S(() => ({
+  }, [n]), x = T(() => ({
     instance: n,
     state: s,
-    activeArtifact: y,
+    activeArtifact: N,
     artifactCount: i,
-    hasArtifacts: x,
+    hasArtifacts: w,
     // Panel computed
     panelTypes: E,
-    activePanelUrl: A,
+    activePanelUrl: S,
     // Methods
     processMessage: n.processMessage,
     initializeContent: n.initializeContent,
     openArtifact: n.openArtifact,
+    openFile: n.openFile,
+    openCode: n.openCode,
     closePanel: n.closePanel,
     togglePanel: n.togglePanel,
     toggleFullscreen: n.toggleFullscreen,
@@ -1435,8 +1475,8 @@ function ea({ children: t, config: a = {} }) {
     sendToPanel: n.sendToPanel,
     // Panel management
     hasPanel: n.hasPanel,
-    registerPanel: u,
-    unregisterPanel: h,
+    registerPanel: m,
+    unregisterPanel: g,
     getPanelTypes: n.getPanelTypes,
     // Events
     on: n.on,
@@ -1445,76 +1485,76 @@ function ea({ children: t, config: a = {} }) {
     clearArtifacts: () => n.state.clear(),
     // Theme
     applyTheme: n.applyTheme,
-    setTheme: L,
+    setTheme: P,
     getTheme: n.getTheme
   }), [
     n,
     s,
-    y,
+    N,
     i,
-    x,
+    w,
     E,
-    A,
-    L,
-    u,
-    h
+    S,
+    P,
+    m,
+    g
   ]);
-  return /* @__PURE__ */ e.createElement(ot.Provider, { value: w }, t);
+  return /* @__PURE__ */ e.createElement(pt.Provider, { value: x }, t);
 }
-function ve() {
-  const t = Tt(ot);
+function _e() {
+  const t = It(pt);
   if (!t)
     throw new Error("useArtifactuse must be used within an ArtifactuseProvider");
   return t;
 }
-function ta(t, a) {
-  const { on: l, off: n } = ve();
-  R(() => {
-    const s = l(t, a);
+function ca(t, r) {
+  const { on: l, off: n } = _e();
+  q(() => {
+    const s = l(t, r);
     return () => {
-      typeof s == "function" ? s() : n(t, a);
+      typeof s == "function" ? s() : n(t, r);
     };
-  }, [t, a, l, n]);
+  }, [t, r, l, n]);
 }
-function aa() {
+function ia() {
   const {
     registerPanel: t,
-    unregisterPanel: a,
+    unregisterPanel: r,
     hasPanel: l,
     panelTypes: n,
     instance: s
-  } = ve(), r = d((p) => l({ type: p }), [l]), E = d((p, y = {}) => {
+  } = _e(), a = d((p) => l({ type: p }), [l]), E = d((p, N = {}) => {
     var i;
-    return ((i = s.panelResolver) == null ? void 0 : i.resolve(p, y)) || null;
+    return ((i = s.panelResolver) == null ? void 0 : i.resolve(p, N)) || null;
   }, [s]);
   return {
     register: t,
-    unregister: a,
-    isRegistered: r,
+    unregister: r,
+    isRegistered: a,
     getPanelUrl: E,
     types: n,
-    defaults: it
+    defaults: dt
   };
 }
-const oa = {
-  ArtifactuseProvider: ea,
-  useArtifactuse: ve,
-  useArtifactuseEvent: ta,
-  usePanelRegistry: aa,
-  DEFAULT_PANELS: it
+const Ea = {
+  ArtifactuseProvider: la,
+  useArtifactuse: _e,
+  useArtifactuseEvent: ca,
+  usePanelRegistry: ia,
+  DEFAULT_PANELS: dt
 };
 export {
-  Gt as ArtifactuseAgentMessage,
-  It as ArtifactuseCard,
-  Wt as ArtifactuseInlineForm,
-  ca as ArtifactusePanel,
-  ia as ArtifactusePanelToggle,
-  ea as ArtifactuseProvider,
-  Xt as ArtifactuseSocialPreview,
-  Zt as ArtifactuseViewer,
-  it as DEFAULT_PANELS,
-  oa as default,
-  ve as useArtifactuse,
-  ta as useArtifactuseEvent,
-  aa as usePanelRegistry
+  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
 };