artifactuse 0.1.30 → 0.2.2

package/dist/react/index.js

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