artifactuse 0.2.5 → 0.3.0

package/dist/react/index.js

@@ -1,284 +1,284 @@
-import e, { useState as w, useMemo as L, useCallback as p, useRef as W, useEffect as D, createContext as qt, useContext as Dt } from "react";
-import { g as De, f as yt, a as rt, b as st, n as Ut, i as vt, c as jt, D as _t, d as Ot } from "../index-W575iBkm.js";
-import { J as Jt } from "../jszip.min-CdmYyw5L.js";
-import { createPortal as Xt } from "react-dom";
-function Zt({
+import e, { useState as y, useMemo as w, useCallback as d, useRef as V, useEffect as B, createContext as na, useContext as sa } from "react";
+import { g as Ze, f as St, a as mt, b as dt, n as la, i as Tt, c as ca, D as $t, d as ia } from "../index-vmcpJRYe.js";
+import { J as oa } from "../jszip.min-CdmYyw5L.js";
+import { createPortal as ua } from "react-dom";
+function ma({
   artifact: t,
-  isActive: a = !1,
+  isActive: r = !1,
   onOpen: c,
   onCopy: l,
-  onDownload: o,
+  onDownload: i,
   className: u = ""
 }) {
-  const [E, i] = w(!1), r = L(() => De(t.language), [t.language]), m = L(() => {
-    var k;
-    return yt(t.size || ((k = t.code) == null ? void 0 : k.length) || 0);
-  }, [t.size, t.code]), x = L(() => rt(t.language), [t.language]), T = p((k) => {
-    k.stopPropagation(), c && c(t);
-  }, [t, c]), A = p(async (k) => {
-    k.stopPropagation();
+  const [h, E] = y(!1), o = w(() => Ze(t.language), [t.language]), a = w(() => {
+    var x;
+    return St(t.size || ((x = t.code) == null ? void 0 : x.length) || 0);
+  }, [t.size, t.code]), k = w(() => mt(t.language), [t.language]), P = d((x) => {
+    x.stopPropagation(), c && c(t);
+  }, [t, c]), $ = d(async (x) => {
+    x.stopPropagation();
     try {
-      await navigator.clipboard.writeText(t.code), i(!0), l && l(t), setTimeout(() => {
-        i(!1);
+      await navigator.clipboard.writeText(t.code), E(!0), l && l(t), setTimeout(() => {
+        E(!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();
+      const s = document.createElement("textarea");
+      s.value = t.code, s.style.position = "fixed", s.style.opacity = "0", document.body.appendChild(s), s.select();
       try {
-        document.execCommand("copy"), i(!0), l && l(t), setTimeout(() => {
-          i(!1);
+        document.execCommand("copy"), E(!0), l && l(t), setTimeout(() => {
+          E(!1);
         }, 2e3);
-      } catch (F) {
-        console.error("Failed to copy:", F);
+      } catch (O) {
+        console.error("Failed to copy:", O);
       }
-      document.body.removeChild(g);
+      document.body.removeChild(s);
     }
-  }, [t, l]), $ = p((k) => {
-    var R;
-    k.stopPropagation();
-    const n = new Blob([t.code], { type: "text/plain" }), g = URL.createObjectURL(n), F = document.createElement("a"), ae = st(t.language), P = ((R = t.title) == null ? void 0 : R.replace(/[^a-z0-9]/gi, "_").toLowerCase()) || "code";
-    F.href = g, F.download = `${P}.${ae}`, document.body.appendChild(F), F.click(), document.body.removeChild(F), URL.revokeObjectURL(g), o && o(t);
-  }, [t, o]), h = [
+  }, [t, l]), W = d((x) => {
+    var F;
+    x.stopPropagation();
+    const p = new Blob([t.code], { type: "text/plain" }), s = URL.createObjectURL(p), O = document.createElement("a"), X = dt(t.language), z = ((F = t.title) == null ? void 0 : F.replace(/[^a-z0-9]/gi, "_").toLowerCase()) || "code";
+    O.href = s, O.download = `${z}.${X}`, document.body.appendChild(O), O.click(), document.body.removeChild(O), URL.revokeObjectURL(s), i && i(t);
+  }, [t, i]), _ = [
     "artifactuse-card",
-    a && "artifactuse-card--active",
+    r && "artifactuse-card--active",
     u
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.createElement("div", { className: h, onClick: T }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-card__icon" }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: _, onClick: P }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-card__icon" }, /* @__PURE__ */ e.createElement(
     "svg",
     {
       viewBox: "0 0 24 24",
       fill: "none",
       stroke: "currentColor",
       strokeWidth: "1.5",
-      dangerouslySetInnerHTML: { __html: x }
+      dangerouslySetInnerHTML: { __html: 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" }, r), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-card__separator" }, "•"), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-card__size" }, m))), /* @__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" }, o), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-card__separator" }, "•"), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-card__size" }, a))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-card__actions" }, /* @__PURE__ */ e.createElement(
     "button",
     {
       className: "artifactuse-card__action",
-      title: E ? "Copied!" : "Copy code",
-      onClick: A
+      title: h ? "Copied!" : "Copy code",
+      onClick: $
     },
-    E ? /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("polyline", { points: "20 6 9 17 4 12" })) : /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }), /* @__PURE__ */ e.createElement("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" }))
+    h ? /* @__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: $
+      onClick: W
     },
     /* @__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 Kt(t) {
+function da(t) {
   if (!t) return null;
-  const a = t.trim();
-  if (a.startsWith("#")) {
-    let o = a.slice(1);
-    if (o.length === 3 && (o = o.split("").map((u) => u + u).join("")), o.length === 6) {
-      const u = parseInt(o.slice(0, 2), 16), E = parseInt(o.slice(2, 4), 16), i = parseInt(o.slice(4, 6), 16);
-      if (!isNaN(u) && !isNaN(E) && !isNaN(i)) return `${u}, ${E}, ${i}`;
+  const r = t.trim();
+  if (r.startsWith("#")) {
+    let i = r.slice(1);
+    if (i.length === 3 && (i = i.split("").map((u) => u + u).join("")), i.length === 6) {
+      const u = parseInt(i.slice(0, 2), 16), h = parseInt(i.slice(2, 4), 16), E = parseInt(i.slice(4, 6), 16);
+      if (!isNaN(u) && !isNaN(h) && !isNaN(E)) return `${u}, ${h}, ${E}`;
     }
   }
-  const c = a.match(/^rgba?\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i);
+  const c = r.match(/^rgba?\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i);
   if (c) return `${c[1]}, ${c[2]}, ${c[3]}`;
-  const l = a.split(/[\s,]+/).map(Number).filter((o) => !isNaN(o));
+  const l = r.split(/[\s,]+/).map(Number).filter((i) => !isNaN(i));
   return l.length >= 3 ? `${l[0]}, ${l[1]}, ${l[2]}` : null;
 }
-function ht(t) {
-  return t ? t.map((a) => typeof a == "string" ? { label: a, value: a } : a) : [];
+function Mt(t) {
+  return t ? t.map((r) => typeof r == "string" ? { label: r, value: r } : r) : [];
 }
-function Yt(t) {
+function fa(t) {
   return ["text", "email", "password", "tel", "url", "number", "date", "time", "datetime-local"].includes(t);
 }
-function Qt({
+function pa({
   artifact: t,
-  onSubmit: a,
+  onSubmit: r,
   onCancel: c,
   onReset: l,
-  onButtonClick: o,
+  onButtonClick: i,
   className: u = "",
-  theme: E = "dark",
-  accent: i = null,
-  initialState: r = "active"
+  theme: h = "dark",
+  accent: E = null,
+  initialState: o = "active"
   // 'active' | 'submitted' | 'cancelled' | 'inactive'
 }) {
-  var he, ce, re;
-  const m = W(null), [x, T] = w(r), A = x !== "active", $ = x === "active" ? "" : `artifactuse-form--${x}`, h = L(() => {
+  var ue, ge, me;
+  const a = V(null), [k, P] = y(o), $ = k !== "active", W = k === "active" ? "" : `artifactuse-form--${k}`, _ = w(() => {
     try {
       return JSON.parse(t.code);
     } catch {
       return { title: "Invalid Form", variant: "fields", data: { fields: [] } };
     }
-  }, [t.code]), k = t.id || h.id || `form-${Date.now()}`, n = ((he = h.data) == null ? void 0 : he.fields) || [], g = h.title || "Form", F = L(() => n.some((f) => f.type === "buttons"), [n]), ae = L(() => h.variant === "buttons" ? n : [], [h.variant, n]), [P, R] = w(() => {
-    var M;
-    const f = {};
-    return n.forEach((b) => {
-      ["buttons", "divider", "heading"].includes(b.type) || (b.defaultValue !== void 0 ? f[b.name] = b.defaultValue : b.type === "checkbox" ? f[b.name] = !1 : f[b.name] = "");
-    }), (M = h.data) != null && M.defaults && Object.assign(f, h.data.defaults), f;
-  }), [ne, S] = w({}), [Q, H] = w(!1);
-  D(() => {
-    T(r);
-  }, [r]), D(() => {
-    var M;
-    const f = {};
-    n.forEach((b) => {
-      ["buttons", "divider", "heading"].includes(b.type) || (b.defaultValue !== void 0 ? f[b.name] = b.defaultValue : b.type === "checkbox" ? f[b.name] = !1 : f[b.name] = "");
-    }), (M = h.data) != null && M.defaults && Object.assign(f, h.data.defaults), R(f), S({});
-  }, [t.code]), D(() => {
-    if (m.current && (m.current.setAttribute("data-artifactuse-theme", E), i)) {
-      const f = Kt(i);
-      f && m.current.style.setProperty("--artifactuse-primary", f);
+  }, [t.code]), x = t.id || _.id || `form-${Date.now()}`, p = ((ue = _.data) == null ? void 0 : ue.fields) || [], s = _.title || "Form", O = w(() => p.some((m) => m.type === "buttons"), [p]), X = w(() => _.variant === "buttons" ? p : [], [_.variant, p]), [z, F] = y(() => {
+    var S;
+    const m = {};
+    return p.forEach((b) => {
+      ["buttons", "divider", "heading"].includes(b.type) || (b.defaultValue !== void 0 ? m[b.name] = b.defaultValue : b.type === "checkbox" ? m[b.name] = !1 : m[b.name] = "");
+    }), (S = _.data) != null && S.defaults && Object.assign(m, _.data.defaults), m;
+  }), [te, q] = y({}), [D, H] = y(!1);
+  B(() => {
+    P(o);
+  }, [o]), B(() => {
+    var S;
+    const m = {};
+    p.forEach((b) => {
+      ["buttons", "divider", "heading"].includes(b.type) || (b.defaultValue !== void 0 ? m[b.name] = b.defaultValue : b.type === "checkbox" ? m[b.name] = !1 : m[b.name] = "");
+    }), (S = _.data) != null && S.defaults && Object.assign(m, _.data.defaults), F(m), q({});
+  }, [t.code]), B(() => {
+    if (a.current && (a.current.setAttribute("data-artifactuse-theme", h), E)) {
+      const m = da(E);
+      m && a.current.style.setProperty("--artifactuse-primary", m);
     }
-  }, [E, i]);
-  const O = p((f) => {
-    T(f);
-  }, []), oe = p((f, M) => {
-    R((b) => ({ ...b, [f]: M })), S((b) => {
+  }, [h, E]);
+  const Z = d((m) => {
+    P(m);
+  }, []), ve = d((m, S) => {
+    F((b) => ({ ...b, [m]: S })), q((b) => {
       const N = { ...b };
-      return delete N[f], N;
+      return delete N[m], N;
     });
-  }, []), me = p(() => {
+  }, []), se = d(() => {
     var b;
-    const f = {};
-    n.forEach((N) => {
+    const m = {};
+    p.forEach((N) => {
       if (["buttons", "divider", "heading"].includes(N.type)) return;
-      const _ = P[N.name];
-      if (N.required && !_ && _ !== 0 && _ !== !1) {
-        f[N.name] = `${N.label || "This field"} is required`;
+      const M = z[N.name];
+      if (N.required && !M && M !== 0 && M !== !1) {
+        m[N.name] = `${N.label || "This field"} is required`;
         return;
       }
-      if (N.pattern && _ && !new RegExp(N.pattern).test(_)) {
-        f[N.name] = N.patternMessage || `${N.label || "This field"} is invalid`;
+      if (N.pattern && M && !new RegExp(N.pattern).test(M)) {
+        m[N.name] = N.patternMessage || `${N.label || "This field"} is invalid`;
         return;
       }
-      if (N.type === "email" && _ && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(_)) {
-        f[N.name] = "Please enter a valid email address";
+      if (N.type === "email" && M && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(M)) {
+        m[N.name] = "Please enter a valid email address";
         return;
       }
-      if (N.minLength && _ && _.length < N.minLength) {
-        f[N.name] = `Minimum ${N.minLength} characters required`;
+      if (N.minLength && M && M.length < N.minLength) {
+        m[N.name] = `Minimum ${N.minLength} characters required`;
         return;
       }
-      if (N.maxLength && _ && _.length > N.maxLength) {
-        f[N.name] = `Maximum ${N.maxLength} characters allowed`;
+      if (N.maxLength && M && M.length > N.maxLength) {
+        m[N.name] = `Maximum ${N.maxLength} characters allowed`;
         return;
       }
     });
-    const M = (b = h.data) == null ? void 0 : b.validation;
-    return M && Object.entries(M).forEach(([N, _]) => {
-      if (f[N]) return;
-      const G = P[N];
-      _.pattern && G && (new RegExp(_.pattern).test(G) || (f[N] = _.message || `${N} is invalid`));
-    }), S(f), Object.keys(f).length === 0;
-  }, [n, P, (ce = h.data) == null ? void 0 : ce.validation]), le = p(() => {
-    var M;
-    const f = {};
-    n.forEach((b) => {
-      ["buttons", "divider", "heading"].includes(b.type) || (b.defaultValue !== void 0 ? f[b.name] = b.defaultValue : b.type === "checkbox" ? f[b.name] = !1 : f[b.name] = "");
-    }), (M = h.data) != null && M.defaults && Object.assign(f, h.data.defaults), R(f), S({});
-  }, [n, (re = h.data) == null ? void 0 : re.defaults]), ve = p((f) => {
-    f == null || f.preventDefault(), me() && (H(!0), a == null || a({
-      formId: k,
+    const S = (b = _.data) == null ? void 0 : b.validation;
+    return S && Object.entries(S).forEach(([N, M]) => {
+      if (m[N]) return;
+      const L = z[N];
+      M.pattern && L && (new RegExp(M.pattern).test(L) || (m[N] = M.message || `${N} is invalid`));
+    }), q(m), Object.keys(m).length === 0;
+  }, [p, z, (ge = _.data) == null ? void 0 : ge.validation]), he = d(() => {
+    var S;
+    const m = {};
+    p.forEach((b) => {
+      ["buttons", "divider", "heading"].includes(b.type) || (b.defaultValue !== void 0 ? m[b.name] = b.defaultValue : b.type === "checkbox" ? m[b.name] = !1 : m[b.name] = "");
+    }), (S = _.data) != null && S.defaults && Object.assign(m, _.data.defaults), F(m), q({});
+  }, [p, (me = _.data) == null ? void 0 : me.defaults]), le = d((m) => {
+    m == null || m.preventDefault(), se() && (H(!0), r == null || r({
+      formId: x,
       action: "submit",
-      values: { ...P },
+      values: { ...z },
       timestamp: Date.now()
     }), setTimeout(() => {
-      H(!1), O("submitted");
+      H(!1), Z("submitted");
     }, 300));
-  }, [k, P, a, me, O]), ue = p((f) => {
-    const M = f.action || "custom";
-    switch (M) {
+  }, [x, z, r, se, Z]), oe = d((m) => {
+    const S = m.action || "custom";
+    switch (S) {
       case "submit":
-        ve();
+        le();
         break;
       case "cancel":
         c == null || c({
-          formId: k,
+          formId: x,
           action: "cancel",
-          buttonName: f.name || "cancel",
+          buttonName: m.name || "cancel",
           timestamp: Date.now()
         }), setTimeout(() => {
-          O("cancelled");
+          Z("cancelled");
         }, 150);
         break;
       case "reset":
-        le(), l == null || l({
-          formId: k,
+        he(), l == null || l({
+          formId: x,
           action: "reset",
-          buttonName: f.name || "reset",
+          buttonName: m.name || "reset",
           timestamp: Date.now()
         });
         break;
       case "custom":
       default:
-        o == null || o({
-          formId: k,
-          action: M,
-          buttonName: f.name || f.label,
-          buttonLabel: f.label,
-          values: { ...P },
+        i == null || i({
+          formId: x,
+          action: S,
+          buttonName: m.name || m.label,
+          buttonLabel: m.label,
+          values: { ...z },
           timestamp: Date.now()
         }), setTimeout(() => {
-          O("submitted");
+          Z("submitted");
         }, 150);
         break;
     }
-  }, [k, P, ve, c, l, o, le, O]);
-  return A ? /* @__PURE__ */ e.createElement(
+  }, [x, z, le, c, l, i, he, Z]);
+  return $ ? /* @__PURE__ */ e.createElement(
     "div",
     {
-      ref: m,
-      className: `artifactuse-inline-form artifactuse-form-${h.variant || "fields"} ${$} ${u}`,
-      "data-artifactuse-theme": E
+      ref: a,
+      className: `artifactuse-inline-form artifactuse-form-${_.variant || "fields"} ${W} ${u}`,
+      "data-artifactuse-theme": h
     },
-    /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-collapsed" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-collapsed-icon" }, x === "submitted" && /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("polyline", { points: "20 6 9 17 4 12" })), x === "cancelled" && /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), /* @__PURE__ */ e.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" })), x === "inactive" && /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("line", { x1: "5", y1: "12", x2: "19", y2: "12" }))), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-form-collapsed-title" }, g))
-  ) : h.variant === "buttons" ? /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-collapsed" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-collapsed-icon" }, k === "submitted" && /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("polyline", { points: "20 6 9 17 4 12" })), k === "cancelled" && /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), /* @__PURE__ */ e.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" })), k === "inactive" && /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("line", { x1: "5", y1: "12", x2: "19", y2: "12" }))), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-form-collapsed-title" }, s))
+  ) : _.variant === "buttons" ? /* @__PURE__ */ e.createElement(
     "div",
     {
-      ref: m,
+      ref: a,
       className: `artifactuse-inline-form artifactuse-form-buttons ${u}`,
-      "data-artifactuse-theme": E
+      "data-artifactuse-theme": h
     },
-    (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" }, ae.map((f, M) => /* @__PURE__ */ e.createElement(
+    (_.title || _.description) && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-header" }, _.title && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-title" }, _.title), _.description && /* @__PURE__ */ e.createElement("p", { className: "artifactuse-form-description" }, _.description)),
+    /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-buttons" }, X.map((m, S) => /* @__PURE__ */ e.createElement(
       "button",
       {
-        key: f.name || f.label || M,
+        key: m.name || m.label || S,
         type: "button",
-        className: `artifactuse-form-btn artifactuse-form-btn-${f.variant || "secondary"}`,
-        onClick: () => ue(f),
-        disabled: f.disabled || Q
+        className: `artifactuse-form-btn artifactuse-form-btn-${m.variant || "secondary"}`,
+        onClick: () => oe(m),
+        disabled: m.disabled || D
       },
-      f.icon && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-form-btn-icon", dangerouslySetInnerHTML: { __html: f.icon } }),
-      f.label
+      m.icon && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-form-btn-icon", dangerouslySetInnerHTML: { __html: m.icon } }),
+      m.label
     )))
   ) : /* @__PURE__ */ e.createElement(
     "div",
     {
-      ref: m,
+      ref: a,
       className: `artifactuse-inline-form artifactuse-form-fields ${u}`,
-      "data-artifactuse-theme": E
+      "data-artifactuse-theme": h
     },
-    (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: ve, className: "artifactuse-form" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-fields" }, n.map((f, M) => /* @__PURE__ */ e.createElement(
-      Gt,
+    (_.title || _.description) && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-header" }, _.title && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-title" }, _.title), _.description && /* @__PURE__ */ e.createElement("p", { className: "artifactuse-form-description" }, _.description)),
+    /* @__PURE__ */ e.createElement("form", { onSubmit: le, className: "artifactuse-form" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-fields" }, p.map((m, S) => /* @__PURE__ */ e.createElement(
+      Ea,
       {
-        key: f.name || M,
-        field: f,
-        formId: k,
-        value: P[f.name],
-        error: ne[f.name],
-        isSubmitting: Q,
-        onChange: (b) => oe(f.name, b),
-        onButtonAction: ue
+        key: m.name || S,
+        field: m,
+        formId: x,
+        value: z[m.name],
+        error: te[m.name],
+        isSubmitting: D,
+        onChange: (b) => ve(m.name, b),
+        onButtonAction: oe
       }
-    ))), !F && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-buttons artifactuse-form-buttons-default" }, /* @__PURE__ */ e.createElement(
+    ))), !O && /* @__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: () => ue({ action: "cancel", label: "Cancel" })
+        onClick: () => oe({ action: "cancel", label: "Cancel" })
       },
       "Cancel"
     ), /* @__PURE__ */ e.createElement(
@@ -286,27 +286,27 @@ function Qt({
       {
         type: "submit",
         className: "artifactuse-form-btn artifactuse-form-btn-primary",
-        disabled: Q
+        disabled: D
       },
-      Q && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-form-btn-spinner" }),
-      Q ? "Submitting..." : "Submit"
+      D && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-form-btn-spinner" }),
+      D ? "Submitting..." : "Submit"
     )))
   );
 }
-function Gt({ field: t, formId: a, value: c, error: l, isSubmitting: o, onChange: u, onButtonAction: E }) {
-  const i = `${a}-${t.name}`;
+function Ea({ field: t, formId: r, value: c, error: l, isSubmitting: i, onChange: u, onButtonAction: h }) {
+  const E = `${r}-${t.name}`;
   if (t.type === "buttons")
-    return /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-buttons" }, (t.fields || []).map((m, x) => /* @__PURE__ */ e.createElement(
+    return /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-buttons" }, (t.fields || []).map((a, k) => /* @__PURE__ */ e.createElement(
       "button",
       {
-        key: m.name || m.label || x,
-        type: m.action === "submit" ? "submit" : "button",
-        className: `artifactuse-form-btn artifactuse-form-btn-${m.variant || "secondary"}`,
-        onClick: m.action !== "submit" ? () => E(m) : void 0,
-        disabled: m.disabled || m.action === "submit" && o
+        key: a.name || a.label || k,
+        type: a.action === "submit" ? "submit" : "button",
+        className: `artifactuse-form-btn artifactuse-form-btn-${a.variant || "secondary"}`,
+        onClick: a.action !== "submit" ? () => h(a) : void 0,
+        disabled: a.disabled || a.action === "submit" && i
       },
-      o && m.action === "submit" ? /* @__PURE__ */ e.createElement("span", { className: "artifactuse-form-btn-spinner" }) : m.icon ? /* @__PURE__ */ e.createElement("span", { className: "artifactuse-form-btn-icon", dangerouslySetInnerHTML: { __html: m.icon } }) : null,
-      o && m.action === "submit" ? "Submitting..." : m.label
+      i && a.action === "submit" ? /* @__PURE__ */ e.createElement("span", { className: "artifactuse-form-btn-spinner" }) : a.icon ? /* @__PURE__ */ e.createElement("span", { className: "artifactuse-form-btn-icon", dangerouslySetInnerHTML: { __html: a.icon } }) : null,
+      i && a.action === "submit" ? "Submitting..." : a.label
     )));
   if (t.type === "divider")
     return /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-divider" });
@@ -317,44 +317,44 @@ function Gt({ field: t, formId: a, value: c, error: l, isSubmitting: o, onChange
       "input",
       {
         type: "checkbox",
-        id: i,
+        id: E,
         name: t.name,
         checked: c || !1,
         disabled: t.disabled,
         className: "artifactuse-checkbox",
-        onChange: (m) => u(m.target.checked)
+        onChange: (a) => u(a.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));
   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" }, ht(t.options).map((m) => /* @__PURE__ */ e.createElement("label", { key: m.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" }, Mt(t.options).map((a) => /* @__PURE__ */ e.createElement("label", { key: a.value, className: "artifactuse-radio-label" }, /* @__PURE__ */ e.createElement(
       "input",
       {
         type: "radio",
         name: t.name,
-        value: m.value,
-        checked: c === m.value,
-        disabled: m.disabled || t.disabled,
+        value: a.value,
+        checked: c === a.value,
+        disabled: a.disabled || t.disabled,
         className: "artifactuse-radio",
-        onChange: () => u(m.value)
+        onChange: () => u(a.value)
       }
-    ), /* @__PURE__ */ e.createElement("span", null, m.label)))), t.helpText && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-help-text" }, t.helpText), l && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-error-text" }, l));
-  const r = () => Yt(t.type) ? /* @__PURE__ */ e.createElement(
+    ), /* @__PURE__ */ e.createElement("span", null, a.label)))), t.helpText && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-help-text" }, t.helpText), l && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-error-text" }, l));
+  const o = () => fa(t.type) ? /* @__PURE__ */ e.createElement(
     "input",
     {
       type: t.type,
-      id: i,
+      id: E,
       name: t.name,
       value: c || "",
       placeholder: t.placeholder,
       disabled: t.disabled,
       required: t.required,
       className: "artifactuse-input",
-      onChange: (m) => u(t.type === "number" ? Number(m.target.value) : m.target.value)
+      onChange: (a) => u(t.type === "number" ? Number(a.target.value) : a.target.value)
     }
   ) : t.type === "textarea" ? /* @__PURE__ */ e.createElement(
     "textarea",
     {
-      id: i,
+      id: E,
       name: t.name,
       value: c || "",
       placeholder: t.placeholder,
@@ -362,36 +362,36 @@ function Gt({ field: t, formId: a, value: c, error: l, isSubmitting: o, onChange
       required: t.required,
       rows: t.rows || 3,
       className: "artifactuse-textarea",
-      onChange: (m) => u(m.target.value)
+      onChange: (a) => u(a.target.value)
     }
   ) : t.type === "select" ? /* @__PURE__ */ e.createElement(
     "select",
     {
-      id: i,
+      id: E,
       name: t.name,
       value: c || "",
       disabled: t.disabled,
       required: t.required,
       className: "artifactuse-select",
-      onChange: (m) => u(m.target.value)
+      onChange: (a) => u(a.target.value)
     },
     /* @__PURE__ */ e.createElement("option", { value: "" }, t.placeholder || "Select..."),
-    ht(t.options).map((m) => /* @__PURE__ */ e.createElement("option", { key: m.value, value: m.value, disabled: m.disabled }, m.label))
+    Mt(t.options).map((a) => /* @__PURE__ */ e.createElement("option", { key: a.value, value: a.value, disabled: a.disabled }, a.label))
   ) : /* @__PURE__ */ e.createElement(
     "input",
     {
       type: "text",
-      id: i,
+      id: E,
       name: t.name,
       value: c || "",
       disabled: t.disabled,
       className: "artifactuse-input",
-      onChange: (m) => u(m.target.value)
+      onChange: (a) => u(a.target.value)
     }
   );
-  return /* @__PURE__ */ e.createElement("div", { className: "artifactuse-form-field" }, /* @__PURE__ */ e.createElement("label", { htmlFor: i, className: "artifactuse-label" }, t.label, t.required && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-required" }, "*")), r(), 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: E, className: "artifactuse-label" }, t.label, t.required && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-required" }, "*")), o(), t.helpText && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-help-text" }, t.helpText), l && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-error-text" }, l));
 }
-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>', ea = {
+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>', va = {
   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
-}, ta = {
+}, ha = {
   twitter: "X",
   linkedin: "LinkedIn",
   instagram: "Instagram",
@@ -407,130 +407,130 @@ const j = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0
   threads: "Threads",
   tiktok: "TikTok",
   youtube: "YouTube"
-}, Ue = ({ 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" })), z = (t) => t ? t >= 1e6 ? `${(t / 1e6).toFixed(1)}M` : t >= 1e3 ? `${(t / 1e3).toFixed(1)}K` : t.toString() : "0", nt = (t) => {
+}, Ke = ({ 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" })), R = (t) => t ? t >= 1e6 ? `${(t / 1e6).toFixed(1)}M` : t >= 1e3 ? `${(t / 1e3).toFixed(1)}K` : t.toString() : "0", ft = (t) => {
   try {
     return new URL(t).hostname.replace("www.", "");
   } catch {
     return t;
   }
-}, Ce = (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;
-}, gt = ({ author: t, content: a, engagement: c, meta: l }) => {
-  var E, i, r;
-  const o = a.media || [], u = 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: (m) => m.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(Ue, { 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: Ce(a.text) } }), o.length > 0 && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-media" }, /* @__PURE__ */ e.createElement("div", { className: `artifactuse-social-media-grid ${o.length === 1 ? "artifactuse-social-media-single" : ""}`, "data-count": o.length }, o.slice(0, 4).map((m, x) => /* @__PURE__ */ e.createElement("img", { key: x, src: m.url, alt: m.alt || "", onError: (T) => T.target.style.display = "none" })))), a.link && !o.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: (m) => m.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 || nt(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((m, x) => {
-    var T, A;
-    return /* @__PURE__ */ e.createElement("div", { key: x, className: "artifactuse-social-poll-option" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-poll-bar", style: { width: `${((T = a.poll.votes) == null ? void 0 : T[x]) || 0}%` } }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-poll-label" }, /* @__PURE__ */ e.createElement("span", null, m), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-poll-percent" }, ((A = a.poll.votes) == null ? void 0 : A[x]) || 0, "%")));
-  }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-poll-meta" }, z(a.poll.totalVotes || 0), " votes · ", a.poll.duration || "Poll ended")), a.quote && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-quote" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-quote-header" }, /* @__PURE__ */ e.createElement("img", { src: ((E = a.quote.author) == null ? void 0 : E.avatar) || j, className: "artifactuse-social-quote-avatar", alt: "" }), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-quote-author" }, (i = a.quote.author) == null ? void 0 : i.name), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-quote-handle" }, (r = a.quote.author) == null ? void 0 : r.handle)), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-social-quote-text" }, a.quote.text))), u && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, z(c.replies || 0), " replies"), /* @__PURE__ */ e.createElement("span", null, z(c.retweets || 0), " reposts"), /* @__PURE__ */ e.createElement("span", null, z(c.likes || 0), " likes"), /* @__PURE__ */ e.createElement("span", null, z(c.views || 0), " views")));
-}, aa = ({ author: t, content: a, engagement: c, meta: l }) => {
-  const o = 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: (u) => u.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: Ce(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: (u) => u.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 || nt(a.link.url))))), o && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, z(c.likes || 0), " reactions"), /* @__PURE__ */ e.createElement("span", null, z(c.comments || 0), " comments"), /* @__PURE__ */ e.createElement("span", null, z(c.shares || c.reposts || 0), " reposts")));
-}, ra = ({ author: t, content: a, engagement: c, meta: l }) => {
-  const o = 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: (u) => u.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(Ue, { type: "blue" })), l.location && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-location" }, l.location))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-media" }, o[0] ? /* @__PURE__ */ e.createElement("img", { src: o[0].url, alt: o[0].alt || "", onError: (u) => u.target.style.display = "none" }) : /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-media-placeholder" })), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-likes" }, z(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: Ce(a.text) } })), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-timestamp" }, l.timestamp || "JUST NOW"));
-}, sa = ({ author: t, content: a, engagement: c, meta: l }) => {
-  const o = a.media || [], u = L(() => {
-    const i = c.reactions || {};
-    return Object.values(i).reduce((r, m) => r + (m || 0), 0) || c.likes || 0;
-  }, [c]), E = c.likes || c.comments || c.shares || u;
-  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" }, 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: Ce(a.text) } }), o.length > 0 && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-media" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-media-grid", "data-count": o.length }, o.slice(0, 4).map((i, r) => /* @__PURE__ */ e.createElement("img", { key: r, src: i.url, alt: i.alt || "", onError: (m) => m.target.style.display = "none" })))), a.link && !o.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 || nt(a.link.url)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-title" }, a.link.title)))), E && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, "👍❤️ ", z(u)), /* @__PURE__ */ e.createElement("span", null, z(c.comments || 0), " comments · ", z(c.shares || 0), " shares")));
-}, na = ({ author: t, content: a, engagement: c, meta: l }) => {
-  const o = 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: (u) => u.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(Ue, { 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: Ce(a.text) } })), o && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, z(c.likes || 0), " likes"), /* @__PURE__ */ e.createElement("span", null, z(c.replies || 0), " replies"), /* @__PURE__ */ e.createElement("span", null, z(c.reposts || 0), " reposts")));
-}, la = ({ author: t, content: a, engagement: c, meta: l }) => {
-  const o = a.media || [], u = c.likes || c.comments || c.shares;
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-thumbnail" }, o[0] ? /* @__PURE__ */ e.createElement("img", { src: o[0].url, alt: "Video thumbnail", onError: (E) => E.target.style.display = "none" }) : /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-thumbnail-placeholder" }), a.duration && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-duration" }, a.duration)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-info" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || j, alt: t.name, className: "artifactuse-social-avatar", onError: (E) => E.target.src = j }), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-author-name" }, "@", t.name), t.verified && /* @__PURE__ */ e.createElement(Ue, { type: "blue" })), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-social-text", dangerouslySetInnerHTML: { __html: Ce(a.text) } }), a.sound && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-sound" }, "🎵 ", a.sound)), u && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, z(c.likes || 0), " likes"), /* @__PURE__ */ e.createElement("span", null, z(c.comments || 0), " comments"), /* @__PURE__ */ e.createElement("span", null, z(c.shares || 0), " shares")));
-}, ca = ({ author: t, content: a, engagement: c, meta: l }) => {
-  const o = a.media || [];
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-thumbnail" }, o[0] ? /* @__PURE__ */ e.createElement("img", { src: o[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("img", { src: t.avatar || j, alt: t.name, className: "artifactuse-social-avatar", onError: (u) => u.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" }, z(c.views || 0), " views · ", l.timestamp || "Just now"))));
+  let r = t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+  return r = r.replace(/\n/g, "<br>"), r = r.replace(/#(\w+)/g, '<span class="artifactuse-social-hashtag">#$1</span>'), r = r.replace(/@(\w+)/g, '<span class="artifactuse-social-mention">@$1</span>'), r;
+}, Pt = ({ author: t, content: r, engagement: c, meta: l }) => {
+  var h, E, o;
+  const i = r.media || [], u = 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: (a) => a.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(Ke, { 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: Te(r.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((a, k) => /* @__PURE__ */ e.createElement("img", { key: k, src: a.url, alt: a.alt || "", onError: (P) => P.target.style.display = "none" })))), r.link && !i.length && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-card" }, r.link.image && /* @__PURE__ */ e.createElement("img", { src: r.link.image, alt: r.link.title, className: "artifactuse-social-link-image", onError: (a) => a.target.style.display = "none" }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-info" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-domain" }, r.link.domain || ft(r.link.url)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-title" }, r.link.title), r.link.description && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-description" }, r.link.description))), r.poll && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-poll" }, r.poll.options.map((a, k) => {
+    var P, $;
+    return /* @__PURE__ */ e.createElement("div", { key: k, className: "artifactuse-social-poll-option" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-poll-bar", style: { width: `${((P = r.poll.votes) == null ? void 0 : P[k]) || 0}%` } }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-poll-label" }, /* @__PURE__ */ e.createElement("span", null, a), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-poll-percent" }, (($ = r.poll.votes) == null ? void 0 : $[k]) || 0, "%")));
+  }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-poll-meta" }, R(r.poll.totalVotes || 0), " votes · ", r.poll.duration || "Poll ended")), r.quote && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-quote" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-quote-header" }, /* @__PURE__ */ e.createElement("img", { src: ((h = r.quote.author) == null ? void 0 : h.avatar) || J, className: "artifactuse-social-quote-avatar", alt: "" }), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-quote-author" }, (E = r.quote.author) == null ? void 0 : E.name), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-quote-handle" }, (o = r.quote.author) == null ? void 0 : o.handle)), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-social-quote-text" }, r.quote.text))), u && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, R(c.replies || 0), " replies"), /* @__PURE__ */ e.createElement("span", null, R(c.retweets || 0), " reposts"), /* @__PURE__ */ e.createElement("span", null, R(c.likes || 0), " likes"), /* @__PURE__ */ e.createElement("span", null, R(c.views || 0), " views")));
+}, ga = ({ author: t, content: r, engagement: c, meta: l }) => {
+  const i = 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: (u) => u.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: Te(r.text) } }), r.link && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-card" }, r.link.image && /* @__PURE__ */ e.createElement("img", { src: r.link.image, alt: r.link.title, className: "artifactuse-social-link-image", onError: (u) => u.target.style.display = "none" }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-info" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-title" }, r.link.title), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-domain" }, r.link.domain || ft(r.link.url))))), i && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, R(c.likes || 0), " reactions"), /* @__PURE__ */ e.createElement("span", null, R(c.comments || 0), " comments"), /* @__PURE__ */ e.createElement("span", null, R(c.shares || c.reposts || 0), " reposts")));
+}, _a = ({ author: t, content: r, engagement: c, meta: l }) => {
+  const i = r.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: (u) => u.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(Ke, { type: "blue" })), l.location && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-location" }, l.location))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-media" }, i[0] ? /* @__PURE__ */ e.createElement("img", { src: i[0].url, alt: i[0].alt || "", onError: (u) => u.target.style.display = "none" }) : /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-media-placeholder" })), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-likes" }, R(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: Te(r.text) } })), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-timestamp" }, l.timestamp || "JUST NOW"));
+}, ya = ({ author: t, content: r, engagement: c, meta: l }) => {
+  const i = r.media || [], u = w(() => {
+    const E = c.reactions || {};
+    return Object.values(E).reduce((o, a) => o + (a || 0), 0) || c.likes || 0;
+  }, [c]), h = c.likes || c.comments || c.shares || u;
+  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: (E) => E.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: Te(r.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((E, o) => /* @__PURE__ */ e.createElement("img", { key: o, src: E.url, alt: E.alt || "", onError: (a) => a.target.style.display = "none" })))), r.link && !i.length && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-card" }, r.link.image && /* @__PURE__ */ e.createElement("img", { src: r.link.image, alt: r.link.title, className: "artifactuse-social-link-image", onError: (E) => E.target.style.display = "none" }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-info" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-domain" }, r.link.domain || ft(r.link.url)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-link-title" }, r.link.title)))), h && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, "👍❤️ ", R(u)), /* @__PURE__ */ e.createElement("span", null, R(c.comments || 0), " comments · ", R(c.shares || 0), " shares")));
+}, ba = ({ author: t, content: r, engagement: c, meta: l }) => {
+  const i = 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: (u) => u.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(Ke, { 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: Te(r.text) } })), i && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, R(c.likes || 0), " likes"), /* @__PURE__ */ e.createElement("span", null, R(c.replies || 0), " replies"), /* @__PURE__ */ e.createElement("span", null, R(c.reposts || 0), " reposts")));
+}, Na = ({ author: t, content: r, engagement: c, meta: l }) => {
+  const i = r.media || [], u = c.likes || c.comments || c.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: (h) => h.target.style.display = "none" }) : /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-thumbnail-placeholder" }), r.duration && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-duration" }, r.duration)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-info" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-header" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || J, alt: t.name, className: "artifactuse-social-avatar", onError: (h) => h.target.src = J }), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-social-author-name" }, "@", t.name), t.verified && /* @__PURE__ */ e.createElement(Ke, { type: "blue" })), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-social-text", dangerouslySetInnerHTML: { __html: Te(r.text) } }), r.sound && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-sound" }, "🎵 ", r.sound)), u && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-engagement" }, /* @__PURE__ */ e.createElement("span", null, R(c.likes || 0), " likes"), /* @__PURE__ */ e.createElement("span", null, R(c.comments || 0), " comments"), /* @__PURE__ */ e.createElement("span", null, R(c.shares || 0), " shares")));
+}, wa = ({ author: t, content: r, engagement: c, meta: l }) => {
+  const i = r.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: (u) => u.target.style.display = "none" }) : /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-thumbnail-placeholder" }), r.duration && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-duration" }, r.duration)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-info" }, /* @__PURE__ */ e.createElement("img", { src: t.avatar || J, alt: t.name, className: "artifactuse-social-avatar", onError: (u) => u.target.src = J }), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-details" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-title" }, r.title), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-channel" }, t.name), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-meta" }, R(c.views || 0), " views · ", l.timestamp || "Just now"))));
 };
-function ia({ artifact: t, theme: a = "dark", onCopy: c }) {
-  const [l, o] = w("Copy"), u = L(() => {
+function ka({ artifact: t, theme: r = "dark", onCopy: c }) {
+  const [l, i] = y("Copy"), u = w(() => {
     try {
       return JSON.parse(t.code);
     } catch {
       return { platform: "twitter", data: {} };
     }
-  }, [t.code]), E = (u == null ? void 0 : u.platform) || "twitter", i = (u == null ? void 0 : u.data) || {}, { author: r = {}, content: m = {}, engagement: x = {}, meta: T = {} } = i, A = ea[E] || 280, $ = (m.text || "").length, h = $ > A ? "error" : $ > A * 0.9 ? "warning" : "", k = p(() => {
-    const g = m.text || "";
-    navigator.clipboard.writeText(g).then(() => {
-      o("Copied!"), setTimeout(() => o("Copy"), 2e3), c == null || c({ platform: E, text: g });
+  }, [t.code]), h = (u == null ? void 0 : u.platform) || "twitter", E = (u == null ? void 0 : u.data) || {}, { author: o = {}, content: a = {}, engagement: k = {}, meta: P = {} } = E, $ = va[h] || 280, W = (a.text || "").length, _ = W > $ ? "error" : W > $ * 0.9 ? "warning" : "", x = d(() => {
+    const s = a.text || "";
+    navigator.clipboard.writeText(s).then(() => {
+      i("Copied!"), setTimeout(() => i("Copy"), 2e3), c == null || c({ platform: h, text: s });
     });
-  }, [m.text, E, c]), n = () => {
-    const g = { author: r, content: m, engagement: x, meta: T };
-    switch (E) {
+  }, [a.text, h, c]), p = () => {
+    const s = { author: o, content: a, engagement: k, meta: P };
+    switch (h) {
       case "twitter":
-        return /* @__PURE__ */ e.createElement(gt, { ...g });
+        return /* @__PURE__ */ e.createElement(Pt, { ...s });
       case "linkedin":
-        return /* @__PURE__ */ e.createElement(aa, { ...g });
+        return /* @__PURE__ */ e.createElement(ga, { ...s });
       case "instagram":
-        return /* @__PURE__ */ e.createElement(ra, { ...g });
+        return /* @__PURE__ */ e.createElement(_a, { ...s });
       case "facebook":
-        return /* @__PURE__ */ e.createElement(sa, { ...g });
+        return /* @__PURE__ */ e.createElement(ya, { ...s });
       case "threads":
-        return /* @__PURE__ */ e.createElement(na, { ...g });
+        return /* @__PURE__ */ e.createElement(ba, { ...s });
       case "tiktok":
-        return /* @__PURE__ */ e.createElement(la, { ...g });
+        return /* @__PURE__ */ e.createElement(Na, { ...s });
       case "youtube":
-        return /* @__PURE__ */ e.createElement(ca, { ...g });
+        return /* @__PURE__ */ e.createElement(wa, { ...s });
       default:
-        return /* @__PURE__ */ e.createElement(gt, { ...g });
+        return /* @__PURE__ */ e.createElement(Pt, { ...s });
     }
   };
-  return /* @__PURE__ */ e.createElement("div", { className: `artifactuse-social artifactuse-social-${E}`, "data-artifactuse-theme": a }, n(), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-actions-bar" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-platform-badge" }, /* @__PURE__ */ e.createElement("span", null, ta[E] || E)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-actions-right" }, /* @__PURE__ */ e.createElement("span", { className: `artifactuse-social-char-counter ${h}` }, $, "/", A), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-social-copy-btn", onClick: k }, l))));
+  return /* @__PURE__ */ e.createElement("div", { className: `artifactuse-social artifactuse-social-${h}`, "data-artifactuse-theme": r }, p(), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-actions-bar" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-platform-badge" }, /* @__PURE__ */ e.createElement("span", null, ha[h] || h)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-social-actions-right" }, /* @__PURE__ */ e.createElement("span", { className: `artifactuse-social-char-counter ${_}` }, W, "/", $), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-social-copy-btn", onClick: x }, l))));
 }
-function oa({
+function xa({
   isOpen: t = !1,
-  type: a = "image",
+  type: r = "image",
   src: c = "",
   alt: l = "",
-  caption: o = "",
+  caption: i = "",
   onClose: u,
-  className: E = ""
+  className: h = ""
 }) {
-  const i = W(null), [r, m] = w(!1), [x, T] = w(!1);
-  D(() => (T(!0), () => T(!1)), []), D(() => {
-    var n;
-    return t ? (document.body.style.overflow = "hidden", (n = i.current) == null || n.focus()) : (document.body.style.overflow = "", m(!1)), () => {
+  const E = V(null), [o, a] = y(!1), [k, P] = y(!1);
+  B(() => (P(!0), () => P(!1)), []), B(() => {
+    var p;
+    return t ? (document.body.style.overflow = "hidden", (p = E.current) == null || p.focus()) : (document.body.style.overflow = "", a(!1)), () => {
       document.body.style.overflow = "";
     };
-  }, [t]), D(() => {
-    function n(g) {
-      g.key === "Escape" && t && u && u();
+  }, [t]), B(() => {
+    function p(s) {
+      s.key === "Escape" && t && u && u();
     }
-    return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
+    return document.addEventListener("keydown", p), () => document.removeEventListener("keydown", p);
   }, [t, u]);
-  const A = p(() => {
-    m(!1), u && u();
-  }, [u]), $ = p(() => {
-    a === "image" && m((n) => !n);
-  }, [a]), h = p(() => {
-    const n = document.createElement("a");
-    n.href = c, n.download = l || "download", document.body.appendChild(n), n.click(), document.body.removeChild(n);
+  const $ = d(() => {
+    a(!1), u && u();
+  }, [u]), W = d(() => {
+    r === "image" && a((p) => !p);
+  }, [r]), _ = d(() => {
+    const p = document.createElement("a");
+    p.href = c, p.download = l || "download", document.body.appendChild(p), p.click(), document.body.removeChild(p);
   }, [c, l]);
-  if (!t || !x)
+  if (!t || !k)
     return null;
-  const k = /* @__PURE__ */ e.createElement(
+  const x = /* @__PURE__ */ e.createElement(
     "div",
     {
-      ref: i,
-      className: `artifactuse-viewer-overlay ${E}`,
-      onClick: A,
+      ref: E,
+      className: `artifactuse-viewer-overlay ${h}`,
+      onClick: $,
       tabIndex: -1,
       role: "dialog",
       "aria-modal": "true"
     },
-    /* @__PURE__ */ e.createElement("div", { className: "artifactuse-viewer-content", onClick: (n) => n.stopPropagation() }, a === "image" && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: "artifactuse-viewer-content", onClick: (p) => p.stopPropagation() }, r === "image" && /* @__PURE__ */ e.createElement(
       "img",
       {
         src: c,
         alt: l,
-        className: `artifactuse-viewer-image ${r ? "artifactuse-viewer-image--zoomed" : ""}`,
-        onClick: $
+        className: `artifactuse-viewer-image ${o ? "artifactuse-viewer-image--zoomed" : ""}`,
+        onClick: W
       }
-    ), a === "pdf" && /* @__PURE__ */ e.createElement(
+    ), r === "pdf" && /* @__PURE__ */ e.createElement(
       "iframe",
       {
         src: c,
@@ -541,35 +541,35 @@ function oa({
       "button",
       {
         className: "artifactuse-viewer-close",
-        onClick: A,
+        onClick: $,
         title: "Close (Esc)"
       },
       /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), /* @__PURE__ */ e.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" }))
-    ), a === "image" && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-viewer-controls" }, /* @__PURE__ */ e.createElement(
+    ), r === "image" && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-viewer-controls" }, /* @__PURE__ */ e.createElement(
       "button",
       {
         className: "artifactuse-viewer-control",
-        onClick: $,
-        title: r ? "Zoom out" : "Zoom in"
+        onClick: W,
+        title: o ? "Zoom out" : "Zoom in"
       },
-      r ? /* @__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" }))
+      o ? /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("circle", { cx: "11", cy: "11", r: "8" }), /* @__PURE__ */ e.createElement("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" }), /* @__PURE__ */ e.createElement("line", { x1: "8", y1: "11", x2: "14", y2: "11" })) : /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("circle", { cx: "11", cy: "11", r: "8" }), /* @__PURE__ */ e.createElement("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" }), /* @__PURE__ */ e.createElement("line", { x1: "11", y1: "8", x2: "11", y2: "14" }), /* @__PURE__ */ e.createElement("line", { x1: "8", y1: "11", x2: "14", y2: "11" }))
     ), /* @__PURE__ */ e.createElement(
       "button",
       {
         className: "artifactuse-viewer-control",
-        onClick: h,
+        onClick: _,
         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" }))
-    )), o && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-viewer-caption" }, o))
+    )), i && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-viewer-caption" }, i))
   );
-  return Xt(k, document.body);
+  return ua(x, document.body);
 }
-function ma(t) {
+function Ca(t) {
   if (!t) return null;
   try {
-    const a = decodeURIComponent(escape(atob(t)));
-    return JSON.parse(a);
+    const r = decodeURIComponent(escape(atob(t)));
+    return JSON.parse(r);
   } catch {
     try {
       const c = t.replace(/&#10;/g, `
@@ -580,127 +580,127 @@ function ma(t) {
     }
   }
 }
-function ua(t) {
-  const a = [];
-  if (!t) return a;
+function La(t) {
+  const r = [];
+  if (!t) return r;
   const c = /<div\s+class="artifactuse-placeholder[^"]*"[^>]*data-artifact-id="([^"]+)"[^>]*data-artifact-type="([^"]+)"[^>]*data-artifact=["']([^"']*)["'][^>]*><\/div>/gi;
-  let l = 0, o;
-  for (; (o = c.exec(t)) !== null; ) {
-    if (o.index > l) {
-      const i = t.slice(l, o.index);
-      i.trim() && a.push({ type: "html", content: i });
+  let l = 0, i;
+  for (; (i = c.exec(t)) !== null; ) {
+    if (i.index > l) {
+      const E = t.slice(l, i.index);
+      E.trim() && r.push({ type: "html", content: E });
     }
-    const u = ma(o[3]), E = o[2];
-    u && (E === "form" && u.isInline ? a.push({ type: "form", artifact: u }) : E === "social" ? a.push({ type: "social", artifact: u }) : a.push({ type: "panel", artifact: u })), l = o.index + o[0].length;
+    const u = Ca(i[3]), h = i[2];
+    u && (h === "form" && u.isInline ? r.push({ type: "form", artifact: u }) : h === "social" ? r.push({ type: "social", artifact: u }) : r.push({ type: "panel", artifact: u })), l = i.index + i[0].length;
   }
   if (l < t.length) {
     const u = t.slice(l);
-    u.trim() && a.push({ type: "html", content: u });
+    u.trim() && r.push({ type: "html", content: u });
   }
-  return a.length === 0 && t.trim() && a.push({ type: "html", content: t }), a;
+  return r.length === 0 && t.trim() && r.push({ type: "html", content: t }), r;
 }
-function da() {
+function Ta() {
   return `msg-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
 }
-function fa({
+function Ma({
   content: t,
-  messageId: a = da(),
+  messageId: r = Ta(),
   inlineCards: c = !0,
   typing: l = !1,
-  isLastMessage: o = !1,
+  isLastMessage: i = !1,
   // Whether this is the last/most recent message
   inlinePreview: u = null,
-  inlineCode: E = null,
-  tabs: i = null,
-  viewMode: r = null,
-  onArtifactDetected: m,
-  onArtifactOpen: x,
-  onArtifactCopy: T,
-  onArtifactDownload: A,
-  onFormSubmit: $,
-  onFormCancel: h,
-  onFormButtonClick: k,
-  onSocialCopy: n,
-  onMediaOpen: g,
-  className: F = ""
+  inlineCode: h = null,
+  tabs: E = null,
+  viewMode: o = null,
+  onArtifactDetected: a,
+  onArtifactOpen: k,
+  onArtifactCopy: P,
+  onArtifactDownload: $,
+  onFormSubmit: W,
+  onFormCancel: _,
+  onFormButtonClick: x,
+  onSocialCopy: p,
+  onMediaOpen: s,
+  className: O = ""
 }) {
-  var pe;
+  var be;
   const {
-    processMessage: ae,
-    openArtifact: P,
-    state: R,
-    getTheme: ne,
-    instance: S
-  } = Le(), Q = W(null), H = W(null), O = W(null), oe = W(l), [me, le] = w(""), [ve, ue] = w([]), [he, ce] = w(!1), [re, f] = w(!1), [M, b] = w("image"), [N, _] = w(""), [G, de] = w(""), [Se, ge] = w(""), Ae = L(() => typeof ne == "function" ? ne() : "dark", [ne]), K = (R == null ? void 0 : R.activeArtifactId) || null, $e = c ?? ((pe = S == null ? void 0 : S.config) == null ? void 0 : pe.inlineCards) ?? !0, Me = L(() => ua(me), [me]), Ne = L(() => he || o ? "active" : "inactive", [he, o]);
-  D(() => {
-    l && ce(!0);
+    processMessage: X,
+    openArtifact: z,
+    state: F,
+    getTheme: te,
+    instance: q
+  } = Me(), D = V(null), H = V(null), Z = V(null), ve = V(l), [se, he] = y(""), [le, oe] = y([]), [ue, ge] = y(!1), [me, m] = y(!1), [S, b] = y("image"), [N, M] = y(""), [L, de] = y(""), [we, Pe] = y(""), _e = w(() => typeof te == "function" ? te() : "dark", [te]), Ye = (F == null ? void 0 : F.activeArtifactId) || null, ee = c ?? ((be = q == null ? void 0 : q.config) == null ? void 0 : be.inlineCards) ?? !0, We = w(() => La(se), [se]), Se = w(() => ue || i ? "active" : "inactive", [ue, i]);
+  B(() => {
+    l && ge(!0);
   }, [l]);
-  const ee = p((v) => {
-    b(v.type || "image"), _(v.src || ""), de(v.alt || ""), ge(v.caption || ""), f(!0), g && g(v);
-  }, [g]), He = p(() => {
-    f(!1), _(""), de(""), ge("");
-  }, []), Te = p(() => {
+  const ae = d((v) => {
+    b(v.type || "image"), M(v.src || ""), de(v.alt || ""), Pe(v.caption || ""), m(!0), s && s(v);
+  }, [s]), ke = d(() => {
+    m(!1), M(""), de(""), Pe("");
+  }, []), $e = d(() => {
     if (!H.current) return;
-    H.current.querySelectorAll('img[data-lightbox="true"]').forEach((d) => {
-      d._lightboxHandler && d.removeEventListener("click", d._lightboxHandler), d._lightboxHandler = (I) => {
-        I.preventDefault(), I.stopPropagation(), ee({
+    H.current.querySelectorAll('img[data-lightbox="true"]').forEach((f) => {
+      f._lightboxHandler && f.removeEventListener("click", f._lightboxHandler), f._lightboxHandler = (I) => {
+        I.preventDefault(), I.stopPropagation(), ae({
           type: "image",
-          src: d.src,
-          alt: d.alt || "",
-          caption: d.dataset.caption || d.alt || ""
+          src: f.src,
+          alt: f.alt || "",
+          caption: f.dataset.caption || f.alt || ""
         });
-      }, d.addEventListener("click", d._lightboxHandler), d.style.cursor = "zoom-in";
-    }), H.current.querySelectorAll(".artifactuse-image-container img").forEach((d) => {
-      d._lightboxHandler || (d._lightboxHandler = (I) => {
+      }, f.addEventListener("click", f._lightboxHandler), f.style.cursor = "zoom-in";
+    }), H.current.querySelectorAll(".artifactuse-image-container img").forEach((f) => {
+      f._lightboxHandler || (f._lightboxHandler = (I) => {
         I.preventDefault(), I.stopPropagation();
-        const U = d.closest(".artifactuse-image-container"), Y = U == null ? void 0 : U.querySelector(".artifactuse-image-caption"), Ee = (Y == null ? void 0 : Y.textContent) || d.dataset.caption || d.alt || "";
-        ee({
+        const U = f.closest(".artifactuse-image-container"), Q = U == null ? void 0 : U.querySelector(".artifactuse-image-caption"), Be = (Q == null ? void 0 : Q.textContent) || f.dataset.caption || f.alt || "";
+        ae({
           type: "image",
-          src: d.src,
-          alt: d.alt || "",
-          caption: Ee
+          src: f.src,
+          alt: f.alt || "",
+          caption: Be
         });
-      }, d.addEventListener("click", d._lightboxHandler), d.style.cursor = "zoom-in");
-    }), H.current.querySelectorAll(".artifactuse-gallery-item img, .artifactuse-image-gallery img").forEach((d) => {
-      d._lightboxHandler || (d._lightboxHandler = (I) => {
+      }, f.addEventListener("click", f._lightboxHandler), f.style.cursor = "zoom-in");
+    }), H.current.querySelectorAll(".artifactuse-gallery-item img, .artifactuse-image-gallery img").forEach((f) => {
+      f._lightboxHandler || (f._lightboxHandler = (I) => {
         I.preventDefault(), I.stopPropagation();
-        const U = d.closest(".artifactuse-gallery-item"), Y = U == null ? void 0 : U.querySelector(".artifactuse-gallery-caption"), Ee = (Y == null ? void 0 : Y.textContent) || d.dataset.caption || d.alt || "";
-        ee({
+        const U = f.closest(".artifactuse-gallery-item"), Q = U == null ? void 0 : U.querySelector(".artifactuse-gallery-caption"), Be = (Q == null ? void 0 : Q.textContent) || f.dataset.caption || f.alt || "";
+        ae({
           type: "image",
-          src: d.src,
-          alt: d.alt || "",
-          caption: Ee
+          src: f.src,
+          alt: f.alt || "",
+          caption: Be
         });
-      }, d.addEventListener("click", d._lightboxHandler), d.style.cursor = "zoom-in");
-    }), H.current.querySelectorAll('a[href$=".pdf"], a[data-type="pdf"]').forEach((d) => {
-      d._pdfHandler && d.removeEventListener("click", d._pdfHandler), d._pdfHandler = (I) => {
-        I.preventDefault(), I.stopPropagation(), ee({
+      }, f.addEventListener("click", f._lightboxHandler), f.style.cursor = "zoom-in");
+    }), H.current.querySelectorAll('a[href$=".pdf"], a[data-type="pdf"]').forEach((f) => {
+      f._pdfHandler && f.removeEventListener("click", f._pdfHandler), f._pdfHandler = (I) => {
+        I.preventDefault(), I.stopPropagation(), ae({
           type: "pdf",
-          src: d.href,
-          alt: d.textContent || "PDF Document",
-          caption: d.title || d.textContent || ""
+          src: f.href,
+          alt: f.textContent || "PDF Document",
+          caption: f.title || f.textContent || ""
         });
-      }, d.addEventListener("click", d._pdfHandler);
-    }), H.current.querySelectorAll(".artifactuse-pdf-container, [data-pdf-viewer]").forEach((d) => {
+      }, f.addEventListener("click", f._pdfHandler);
+    }), H.current.querySelectorAll(".artifactuse-pdf-container, [data-pdf-viewer]").forEach((f) => {
       var U;
-      d._pdfHandler && d.removeEventListener("click", d._pdfHandler);
-      const I = d.dataset.pdfSrc || ((U = d.querySelector("iframe")) == null ? void 0 : U.src) || "";
-      I && (d._pdfHandler = (Y) => {
-        Y.preventDefault(), Y.stopPropagation(), ee({
+      f._pdfHandler && f.removeEventListener("click", f._pdfHandler);
+      const I = f.dataset.pdfSrc || ((U = f.querySelector("iframe")) == null ? void 0 : U.src) || "";
+      I && (f._pdfHandler = (Q) => {
+        Q.preventDefault(), Q.stopPropagation(), ae({
           type: "pdf",
           src: I,
           alt: "PDF Document",
-          caption: d.dataset.caption || ""
+          caption: f.dataset.caption || ""
         });
-      }, d.addEventListener("click", d._pdfHandler), d.style.cursor = "pointer");
-    }), H.current.querySelectorAll(".artifactuse-video-preview-wrapper, .video-preview-wrapper").forEach((d) => {
-      d._clickHandler && d.removeEventListener("click", d._clickHandler), d._clickHandler = (I) => {
+      }, f.addEventListener("click", f._pdfHandler), f.style.cursor = "pointer");
+    }), H.current.querySelectorAll(".artifactuse-video-preview-wrapper, .video-preview-wrapper").forEach((f) => {
+      f._clickHandler && f.removeEventListener("click", f._clickHandler), f._clickHandler = (I) => {
         if (I.target.closest(".artifactuse-video-play-button")) return;
-        const U = d.dataset.videoUrl || d.dataset.url;
+        const U = f.dataset.videoUrl || f.dataset.url;
         U && window.open(U, "_blank", "noopener,noreferrer");
-      }, d.addEventListener("click", d._clickHandler);
+      }, f.addEventListener("click", f._clickHandler);
     });
-  }, [ee]), je = p(() => {
+  }, [ae]), ze = d(() => {
     if (!H.current) return;
     H.current.querySelectorAll("img").forEach((C) => {
       C._lightboxHandler && (C.removeEventListener("click", C._lightboxHandler), delete C._lightboxHandler);
@@ -711,99 +711,99 @@ function fa({
     }), H.current.querySelectorAll(".artifactuse-video-preview-wrapper, .video-preview-wrapper").forEach((C) => {
       C._clickHandler && (C.removeEventListener("click", C._clickHandler), delete C._clickHandler);
     });
-  }, []), ie = p(() => {
-    O.current && clearTimeout(O.current), O.current = setTimeout(async () => {
-      if (S != null && S.initializeContent && H.current)
+  }, []), ye = d(() => {
+    Z.current && clearTimeout(Z.current), Z.current = setTimeout(async () => {
+      if (q != null && q.initializeContent && H.current)
         try {
-          await S.initializeContent(H.current);
+          await q.initializeContent(H.current);
         } catch (v) {
           console.error("Failed to initialize content:", v);
         }
-      Te();
+      $e();
     }, 100);
-  }, [S, Te]);
-  D(() => {
+  }, [q, $e]);
+  B(() => {
     if (t) {
-      const v = ae(t, a, {
+      const v = X(t, r, {
         inlinePreview: u,
-        inlineCode: E,
-        tabs: i,
-        viewMode: r
+        inlineCode: h,
+        tabs: E,
+        viewMode: o
       });
-      le(v.html), ue(v.artifacts), v.artifacts.length > 0 && m && m(v.artifacts), l || ie();
+      he(v.html), oe(v.artifacts), v.artifacts.length > 0 && a && a(v.artifacts), l || ye();
     }
-  }, [t, a, ae, l, ie, m]), D(() => {
-    oe.current === !0 && l === !1 && ie(), oe.current = l;
-  }, [l, ie]), D(() => (l && ce(!0), l || ie(), () => {
-    O.current && clearTimeout(O.current), je();
+  }, [t, r, X, l, ye, a]), B(() => {
+    ve.current === !0 && l === !1 && ye(), ve.current = l;
+  }, [l, ye]), B(() => (l && ge(!0), l || ye(), () => {
+    Z.current && clearTimeout(Z.current), ze();
   }), []);
-  const Oe = p((v) => {
-    const se = v.target.closest(".artifactuse-inline-preview");
-    if (se) {
-      if (se.dataset.nonClickable) return;
-      const ke = se.dataset.artifactId;
-      if (ke) {
-        const J = R.artifacts.find((C) => C.id === ke);
-        J && (P(J), x && x(J));
+  const Ae = d((v) => {
+    const ne = v.target.closest(".artifactuse-inline-preview");
+    if (ne) {
+      if (ne.dataset.nonClickable) return;
+      const ce = ne.dataset.artifactId;
+      if (ce) {
+        const pe = F.artifacts.find((C) => C.id === ce);
+        pe && (z(pe), k && k(pe));
       }
     }
-  }, [R, P, x]), Ie = p((v) => {
-    P(v), x && x(v);
-  }, [P, x]), fe = p((v) => {
-    T && T(v);
-  }, [T]), Be = p((v) => {
-    A && A(v);
-  }, [A]), we = p((v) => {
+  }, [F, z, k]), Qe = d((v) => {
+    z(v), k && k(v);
+  }, [z, k]), Re = d((v) => {
+    P && P(v);
+  }, [P]), K = d((v) => {
     $ && $(v);
-  }, [$]), Ve = p((v) => {
-    h && h(v);
-  }, [h]), ye = p((v) => {
-    k && k(v);
-  }, [k]), _e = p((v) => {
-    n && n(v);
-  }, [n]), Je = (v, se) => {
+  }, [$]), He = d((v) => {
+    W && W(v);
+  }, [W]), xe = d((v) => {
+    _ && _(v);
+  }, [_]), Ie = d((v) => {
+    x && x(v);
+  }, [x]), fe = d((v) => {
+    p && p(v);
+  }, [p]), Ge = (v, ne) => {
     switch (v.type) {
       case "html":
         return /* @__PURE__ */ e.createElement(
           "div",
           {
-            key: `html-${se}`,
+            key: `html-${ne}`,
             dangerouslySetInnerHTML: { __html: v.content }
           }
         );
       case "form":
         return v.artifact.isInline ? /* @__PURE__ */ e.createElement(
-          Qt,
+          pa,
           {
             key: `form-${v.artifact.id}`,
             artifact: v.artifact,
-            theme: Ae,
-            initialState: Ne,
-            onSubmit: we,
-            onCancel: Ve,
-            onButtonClick: ye
+            theme: _e,
+            initialState: Se,
+            onSubmit: He,
+            onCancel: xe,
+            onButtonClick: Ie
           }
         ) : null;
       case "social":
         return /* @__PURE__ */ e.createElement(
-          ia,
+          ka,
           {
             key: `social-${v.artifact.id}`,
             artifact: v.artifact,
-            theme: Ae,
-            onCopy: _e
+            theme: _e,
+            onCopy: fe
           }
         );
       case "panel":
-        return $e ? /* @__PURE__ */ e.createElement(
-          Zt,
+        return ee ? /* @__PURE__ */ e.createElement(
+          ma,
           {
             key: `panel-${v.artifact.id}`,
             artifact: v.artifact,
-            isActive: K === v.artifact.id,
-            onOpen: Ie,
-            onCopy: fe,
-            onDownload: Be
+            isActive: Ye === v.artifact.id,
+            onOpen: Qe,
+            onCopy: Re,
+            onDownload: K
           }
         ) : null;
       default:
@@ -813,391 +813,424 @@ function fa({
   return /* @__PURE__ */ e.createElement(
     "div",
     {
-      ref: Q,
-      className: `artifactuse-agent-message ${F}`.trim()
+      ref: D,
+      className: `artifactuse-agent-message ${O}`.trim()
     },
-    /* @__PURE__ */ e.createElement("div", { ref: H, className: "artifactuse-message-content", onClick: Oe }, Me.map(Je)),
+    /* @__PURE__ */ e.createElement("div", { ref: H, className: "artifactuse-message-content", onClick: Ae }, We.map(Ge)),
     /* @__PURE__ */ e.createElement(
-      oa,
+      xa,
       {
-        isOpen: re,
-        type: M,
+        isOpen: me,
+        type: S,
         src: N,
-        alt: G,
-        caption: Se,
-        onClose: He
+        alt: L,
+        caption: we,
+        onClose: ke
       }
     )
   );
 }
-fa.propTypes = {
+Ma.propTypes = {
   /** The raw message content (markdown/HTML from AI) */
-  content: (t, a) => {
-    if (typeof t[a] != "string")
-      return new Error(`${a} must be a string`);
+  content: (t, r) => {
+    if (typeof t[r] != "string")
+      return new Error(`${r} must be a string`);
   },
   /** Unique message ID */
-  messageId: (t, a) => {
-    if (t[a] !== void 0 && typeof t[a] != "string")
-      return new Error(`${a} must be a string`);
+  messageId: (t, r) => {
+    if (t[r] !== void 0 && typeof t[r] != "string")
+      return new Error(`${r} must be a string`);
   },
   /** Whether to show artifact cards inline */
-  inlineCards: (t, a) => {
-    if (t[a] !== void 0 && typeof t[a] != "boolean")
-      return new Error(`${a} must be a boolean`);
+  inlineCards: (t, r) => {
+    if (t[r] !== void 0 && typeof t[r] != "boolean")
+      return new Error(`${r} must be a boolean`);
   },
   /** Whether the message is still being typed/streamed */
-  typing: (t, a) => {
-    if (t[a] !== void 0 && typeof t[a] != "boolean")
-      return new Error(`${a} must be a boolean`);
+  typing: (t, r) => {
+    if (t[r] !== void 0 && typeof t[r] != "boolean")
+      return new Error(`${r} must be a boolean`);
   },
   /** Whether this is the last/most recent message in the conversation */
-  isLastMessage: (t, a) => {
-    if (t[a] !== void 0 && typeof t[a] != "boolean")
-      return new Error(`${a} must be a boolean`);
+  isLastMessage: (t, r) => {
+    if (t[r] !== void 0 && typeof t[r] != "boolean")
+      return new Error(`${r} must be a boolean`);
   },
   /** Override global inlinePreview config for this message */
-  inlinePreview: (t, a) => {
-    if (t[a] !== void 0 && t[a] !== null && typeof t[a] != "object")
-      return new Error(`${a} must be an object or null`);
+  inlinePreview: (t, r) => {
+    if (t[r] !== void 0 && t[r] !== null && typeof t[r] != "object")
+      return new Error(`${r} must be an object or null`);
   },
   /** Show full inline code (no extraction) for listed languages */
-  inlineCode: (t, a) => {
-    if (t[a] !== void 0 && t[a] !== null && typeof t[a] != "object")
-      return new Error(`${a} must be an object or null`);
+  inlineCode: (t, r) => {
+    if (t[r] !== void 0 && t[r] !== null && typeof t[r] != "object")
+      return new Error(`${r} must be an object or null`);
   },
   /** Override visible panel tabs for artifacts from this message */
-  tabs: (t, a) => {
-    if (t[a] !== void 0 && t[a] !== null && !Array.isArray(t[a]))
-      return new Error(`${a} must be an array or null`);
+  tabs: (t, r) => {
+    if (t[r] !== void 0 && t[r] !== null && !Array.isArray(t[r]))
+      return new Error(`${r} must be an array or null`);
   },
   /** Override initial panel view mode for artifacts from this message */
-  viewMode: (t, a) => {
-    if (t[a] !== void 0 && t[a] !== null && typeof t[a] != "string")
-      return new Error(`${a} must be a string or null`);
+  viewMode: (t, r) => {
+    if (t[r] !== void 0 && t[r] !== null && typeof t[r] != "string")
+      return new Error(`${r} must be a string or null`);
   }
 };
-function ba({
+function Fa({
   onAIRequest: t,
-  onSave: a,
+  onSave: r,
   onExport: c,
   className: l = "",
-  panelWidth: o,
+  panelWidth: i,
   splitPosition: u,
-  externalPreview: E
+  externalPreview: h,
+  consolePanel: E
 }) {
-  var Et;
+  var Ct, Lt;
   const {
-    state: i,
-    activeArtifact: r,
-    artifactCount: m,
-    hasArtifacts: x,
-    closePanel: T,
-    toggleFullscreen: A,
-    setViewMode: $,
-    getPanelUrl: h,
-    openArtifact: k,
-    instance: n
-  } = Le(), g = W(null), F = W(null), ae = W(null), P = W(null), R = W(null), ne = W(null), S = W(null), [Q, H] = w(!1), [O, oe] = w(!1), [me, le] = w(!0), [ve, ue] = w(!1), [he, ce] = w(!1), [re, f] = w(!1), [M, b] = w(!1), [N, _] = w("options"), [G, de] = w(""), [Se, ge] = w(null), [Ae, K] = w(""), [$e, Me] = w(!1), [Ne, ee] = w(!1), [He, Te] = w([]), [je, ie] = w(!1), [Oe, Ie] = w(""), [fe, Be] = w(
+    state: o,
+    activeArtifact: a,
+    artifactCount: k,
+    hasArtifacts: P,
+    closePanel: $,
+    toggleFullscreen: W,
+    setViewMode: _,
+    getPanelUrl: x,
+    openArtifact: p,
+    instance: s
+  } = Me(), O = V(null), X = V(null), z = V(null), F = V(null), te = V(null), q = V(null), D = V(null), [H, Z] = y(!1), [ve, se] = y(!1), [he, le] = y(!0), [oe, ue] = y(!1), [ge, me] = y(!1), [m, S] = y(!1), [b, N] = y(!1), [M, L] = y("options"), [de, we] = y(""), [Pe, _e] = y(null), [Ye, ee] = y(""), [We, Se] = y(!1), [ae, ke] = y(!1), [$e, ze] = y([]), [ye, Ae] = y(!1), [Qe, Re] = y(""), [K, He] = y([]), [xe, Ie] = y(!1), [fe, Ge] = y(/* @__PURE__ */ new Set(["log", "warn", "error", "info"])), be = V(null), [v, ne] = y(
     () => {
-      var s;
-      return Math.min(Math.max(o ?? ((s = n == null ? void 0 : n.config) == null ? void 0 : s.panelWidth) ?? 65, 25), 75);
+      var n;
+      return Math.min(Math.max(i ?? ((n = s == null ? void 0 : s.config) == null ? void 0 : n.panelWidth) ?? 65, 25), 75);
     }
-  ), [we, Ve] = w(
+  ), [ce, pe] = y(
     () => {
-      var s;
-      return Math.min(Math.max(u ?? ((s = n == null ? void 0 : n.config) == null ? void 0 : s.splitPosition) ?? 50, 20), 80);
+      var n;
+      return Math.min(Math.max(u ?? ((n = s == null ? void 0 : s.config) == null ? void 0 : n.splitPosition) ?? 50, 20), 80);
     }
-  ), ye = W(null), _e = W(null);
-  D(() => {
-    o !== void 0 && Be(Math.min(Math.max(o, 25), 75));
-  }, [o]), D(() => {
-    u !== void 0 && Ve(Math.min(Math.max(u, 20), 80));
+  ), C = V(null), Ce = V(null);
+  B(() => {
+    i !== void 0 && ne(Math.min(Math.max(i, 25), 75));
+  }, [i]), B(() => {
+    u !== void 0 && pe(Math.min(Math.max(u, 20), 80));
   }, [u]);
-  const Je = W(null), pe = W(null), v = W(null), se = L(() => r ? De(r.language) : "", [r]), ke = L(() => r ? rt(r.language) : "", [r]), J = L(() => {
-    if (!r) return null;
-    let s = h(r);
-    return s && r._refreshToken && (s += (s.includes("?") ? "&" : "?") + "_t=" + r._refreshToken), s;
-  }, [r, h]), C = L(() => r ? Ut(r.language) : "plaintext", [r]), q = L(() => i.artifacts.filter((s) => !s.isInline), [i.artifacts]), d = L(() => r ? q.findIndex((s) => s.id === r.id) : -1, [r, q]), I = L(() => {
-    var s;
-    return ((s = n == null ? void 0 : n.config) == null ? void 0 : s.branding) !== !1;
-  }, [n]), U = L(() => {
-    var s;
-    return J ? (r == null ? void 0 : r.externalPreview) !== void 0 ? r.externalPreview : E !== void 0 ? E : ((s = n == null ? void 0 : n.config) == null ? void 0 : s.externalPreview) ?? !1 : !1;
-  }, [r, E, n, J]), Y = L(() => {
-    var s;
-    return ((s = n == null ? void 0 : n.share) == null ? void 0 : s.enabled) !== !1;
-  }, [n]), Ee = L(() => {
-    var s;
-    return ((s = n == null ? void 0 : n.share) == null ? void 0 : s.isAuthenticated()) || !1;
-  }, [n]), lt = L(() => !r && !i.forceEmptyView ? Math.min(fe, 30) : fe, [r, fe, i.forceEmptyView]), Fe = L(() => {
-    var s;
-    return ((s = n == null ? void 0 : n.config) == null ? void 0 : s.multiTab) === !0;
-  }, [n]);
-  L(() => Fe ? i.openTabs.map((s) => i.artifacts.find((y) => y.id === s)).filter(Boolean) : [], [Fe, i.openTabs, i.artifacts]);
-  const ct = p((s) => `<svg viewBox="0 0 24 24" fill="currentColor">${rt(s)}</svg>`, []), Nt = p(() => {
-    ce(!1), n.state.clearActiveArtifact();
-  }, [n]), We = p((s) => {
-    if (s.language !== "smartdiff") return null;
+  const f = V(null), I = V(null), U = V(null), Q = w(() => a ? Ze(a.language) : "", [a]), Be = w(() => a ? mt(a.language) : "", [a]), Ee = w(() => {
+    if (!a) return null;
+    let n = x(a);
+    return n && a._refreshToken && (n += (n.includes("?") ? "&" : "?") + "_t=" + a._refreshToken), n;
+  }, [a, x]), Fe = w(() => a ? la(a.language) : "plaintext", [a]), j = w(() => o.artifacts.filter((n) => !n.isInline), [o.artifacts]), ie = w(() => a ? j.findIndex((n) => n.id === a.id) : -1, [a, j]), et = w(() => {
+    var n;
+    return ((n = s == null ? void 0 : s.config) == null ? void 0 : n.branding) !== !1;
+  }, [s]), Ht = w(() => {
+    var n;
+    return Ee ? (a == null ? void 0 : a.externalPreview) !== void 0 ? a.externalPreview : h !== void 0 ? h : ((n = s == null ? void 0 : s.config) == null ? void 0 : n.externalPreview) ?? !1 : !1;
+  }, [a, h, s, Ee]), tt = w(
+    () => K.filter((n) => n.type === "error").length,
+    [K]
+  ), pt = w(
+    () => K.filter((n) => n.type === "warn").length,
+    [K]
+  ), Et = w(
+    () => K.filter((n) => n.type === "info").length,
+    [K]
+  ), vt = w(
+    () => K.filter((n) => n.type === "log").length,
+    [K]
+  ), It = w(
+    () => K.filter((n) => fe.has(n.type)),
+    [K, fe]
+  ), Bt = (E ?? ((Ct = s == null ? void 0 : s.config) == null ? void 0 : Ct.consolePanel)) !== !1 && K.length > 0;
+  function qe(n) {
+    Ge((g) => {
+      const T = new Set(g);
+      return T.has(n) ? T.delete(n) : T.add(n), T;
+    });
+  }
+  B(() => s ? s.on("console:log", ({ entry: g }) => {
+    He((T) => {
+      const A = [...T, g];
+      return A.length > 500 ? A.slice(-500) : A;
+    }), g.type === "error" && Ie(!0);
+  }) : void 0, [s]), B(() => {
+    He([]), Ie(!1);
+  }, [a == null ? void 0 : a.id]), B(() => {
+    be.current && xe && (be.current.scrollTop = be.current.scrollHeight);
+  }, [K, xe]);
+  const Ft = w(() => {
+    var n;
+    return ((n = s == null ? void 0 : s.share) == null ? void 0 : n.enabled) !== !1;
+  }, [s]), De = w(() => {
+    var n;
+    return ((n = s == null ? void 0 : s.share) == null ? void 0 : n.isAuthenticated()) || !1;
+  }, [s]), ht = w(() => !a && !o.forceEmptyView ? Math.min(v, 30) : v, [a, v, o.forceEmptyView]), Ue = w(() => {
+    var n;
+    return ((n = s == null ? void 0 : s.config) == null ? void 0 : n.multiTab) === !0;
+  }, [s]);
+  w(() => Ue ? o.openTabs.map((n) => o.artifacts.find((g) => g.id === n)).filter(Boolean) : [], [Ue, o.openTabs, o.artifacts]);
+  const gt = d((n) => `<svg viewBox="0 0 24 24" fill="currentColor">${mt(n)}</svg>`, []), Vt = d(() => {
+    me(!1), s.state.clearActiveArtifact();
+  }, [s]), je = d((n) => {
+    if (n.language !== "smartdiff") return null;
     try {
-      const y = JSON.parse(s.code);
-      if (y.oldCode === void 0 || y.newCode === void 0) return null;
-      const B = y.language || "plaintext", V = vt() && window.Prism.languages[B], X = jt(y.oldCode, y.newCode).split(`
+      const g = JSON.parse(n.code);
+      if (g.oldCode === void 0 || g.newCode === void 0) return null;
+      const T = g.language || "plaintext", A = Tt() && window.Prism.languages[T], Y = ca(g.oldCode, g.newCode).split(`
 `);
-      return { html: X.map((te) => {
-        const Z = te[0], xe = te.slice(1), be = V ? window.Prism.highlight(xe, V, B) : xe;
-        return Z === "-" ? `<span class="token deleted">${be}</span>` : Z === "+" ? `<span class="token inserted">${be}</span>` : be;
+      return { html: Y.map((re) => {
+        const G = re[0], Le = re.slice(1), Ne = A ? window.Prism.highlight(Le, A, T) : Le;
+        return G === "-" ? `<span class="token deleted">${Ne}</span>` : G === "+" ? `<span class="token inserted">${Ne}</span>` : Ne;
       }).join(`
-`), lineCount: X.length };
+`), lineCount: Y.length };
     } catch {
       return null;
     }
-  }, []), it = p(() => {
-    if (!P.current || !(r != null && r.code)) return;
-    const s = We(r), y = s ? s.lineCount : r.code.split(`
-`).length, B = Array.from({ length: y }, (V, X) => `<div>${X + 1}</div>`).join("");
-    P.current.innerHTML = B;
-  }, [r, We]), ot = p(() => {
-    if (F.current && vt() && (r != null && r.code)) {
-      const s = We(r);
-      if (s)
-        F.current.innerHTML = s.html;
+  }, []), _t = d(() => {
+    if (!F.current || !(a != null && a.code)) return;
+    const n = je(a), g = n ? n.lineCount : a.code.split(`
+`).length, T = Array.from({ length: g }, (A, Y) => `<div>${Y + 1}</div>`).join("");
+    F.current.innerHTML = T;
+  }, [a, je]), yt = d(() => {
+    if (X.current && Tt() && (a != null && a.code)) {
+      const n = je(a);
+      if (n)
+        X.current.innerHTML = n.html;
       else {
-        const y = window.Prism.languages[C];
-        y ? F.current.innerHTML = window.Prism.highlight(
-          r.code,
-          y,
-          C
-        ) : F.current.textContent = r.code;
+        const g = window.Prism.languages[Fe];
+        g ? X.current.innerHTML = window.Prism.highlight(
+          a.code,
+          g,
+          Fe
+        ) : X.current.textContent = a.code;
       }
-      F.current.dataset.highlighted = "true", setTimeout(() => {
-        wt();
+      X.current.dataset.highlighted = "true", setTimeout(() => {
+        Wt();
       }, 0);
     }
-  }, [r == null ? void 0 : r.code, C, We]), wt = p(() => {
-    var y;
-    const s = (y = F.current) == null ? void 0 : y.closest("pre");
-    if (s && R.current && P.current) {
-      const V = window.getComputedStyle(s).backgroundColor;
-      V && V !== "rgba(0, 0, 0, 0)" && V !== "transparent" && (R.current.style.backgroundColor = V, P.current.style.backgroundColor = V);
+  }, [a == null ? void 0 : a.code, Fe, je]), Wt = d(() => {
+    var g;
+    const n = (g = X.current) == null ? void 0 : g.closest("pre");
+    if (n && te.current && F.current) {
+      const A = window.getComputedStyle(n).backgroundColor;
+      A && A !== "rgba(0, 0, 0, 0)" && A !== "transparent" && (te.current.style.backgroundColor = A, F.current.style.backgroundColor = A);
     }
-  }, []), mt = p(() => {
-    R.current && (R.current.style.backgroundColor = ""), P.current && (P.current.style.backgroundColor = "");
-  }, []), Xe = p(() => {
-    it(), ot();
-  }, [it, ot]), Ze = ((Et = n.editor) == null ? void 0 : Et.isAvailable()) || !1, ut = p(() => {
-    !Ze || !ne.current || !r || (S.current && (S.current.destroy(), S.current = null), S.current = n.editor.create(ne.current, {
-      code: r.code || "",
-      language: r.editorLanguage || r.language || "plaintext",
-      sdkTheme: n.getTheme()
+  }, []), bt = d(() => {
+    te.current && (te.current.style.backgroundColor = ""), F.current && (F.current.style.backgroundColor = "");
+  }, []), at = d(() => {
+    _t(), yt();
+  }, [_t, yt]), rt = ((Lt = s.editor) == null ? void 0 : Lt.isAvailable()) || !1, Nt = d(() => {
+    !rt || !q.current || !a || (D.current && (D.current.destroy(), D.current = null), D.current = s.editor.create(q.current, {
+      code: a.code || "",
+      language: a.editorLanguage || a.language || "plaintext",
+      sdkTheme: s.getTheme()
     }));
-  }, [Ze, r, n]), kt = p(() => {
-    if (!S.current || !r) return;
-    const s = S.current.getCode();
-    n.emit("edit:save", {
-      artifactId: r.id,
-      artifact: r,
-      code: s
+  }, [rt, a, s]), zt = d(() => {
+    if (!D.current || !a) return;
+    const n = D.current.getCode();
+    s.emit("edit:save", {
+      artifactId: a.id,
+      artifact: a,
+      code: n
     });
-  }, [r, n]), xt = p(() => {
-    J && window.open(J, "_blank", "noopener,noreferrer");
-  }, [J]), Ct = p(() => {
-    clearTimeout(pe.current), le(!1), g.current && r && (n.bridge.setIframe(g.current), n.bridge.loadArtifact(r));
-  }, [r, n]), Lt = p(() => {
-    clearTimeout(pe.current), le(!1);
-  }, []), Mt = p(() => {
-    clearTimeout(pe.current), pe.current = setTimeout(() => {
+  }, [a, s]), Rt = d(() => {
+    Ee && window.open(Ee, "_blank", "noopener,noreferrer");
+  }, [Ee]), qt = d(() => {
+    clearTimeout(I.current), le(!1), O.current && a && (s.bridge.setIframe(O.current), s.bridge.loadArtifact(a));
+  }, [a, s]), Dt = d(() => {
+    clearTimeout(I.current), le(!1);
+  }, []), Ut = d(() => {
+    clearTimeout(I.current), I.current = setTimeout(() => {
       le(!1);
     }, 1e3);
-  }, []), Tt = p(async () => {
-    if (r)
+  }, []), jt = d(async () => {
+    if (a)
       try {
-        await navigator.clipboard.writeText(r.code), H(!0), setTimeout(() => H(!1), 2e3);
-      } catch (s) {
-        console.error("Failed to copy:", s);
+        await navigator.clipboard.writeText(a.code), Z(!0), setTimeout(() => Z(!1), 2e3);
+      } catch (n) {
+        console.error("Failed to copy:", n);
       }
-  }, [r]), Pt = p(() => {
-    if (!r) return;
-    const { code: s, language: y, title: B } = r, V = st(y), X = `${B.toLowerCase().replace(/\s+/g, "-")}.${V}`, Pe = new Blob([s], { type: "text/plain" }), te = URL.createObjectURL(Pe), Z = document.createElement("a");
-    Z.href = te, Z.download = X, document.body.appendChild(Z), Z.click(), document.body.removeChild(Z), URL.revokeObjectURL(te);
-  }, [r]), St = p(async () => {
-    if (!(re || q.length === 0)) {
-      f(!0);
+  }, [a]), Ot = d(() => {
+    if (!a) return;
+    const { code: n, language: g, title: T } = a, A = dt(g), Y = `${T.toLowerCase().replace(/\s+/g, "-")}.${A}`, Ve = new Blob([n], { type: "text/plain" }), re = URL.createObjectURL(Ve), G = document.createElement("a");
+    G.href = re, G.download = Y, document.body.appendChild(G), G.click(), document.body.removeChild(G), URL.revokeObjectURL(re);
+  }, [a]), Jt = d(async () => {
+    if (!(m || j.length === 0)) {
+      S(!0);
       try {
-        const s = new Jt(), y = /* @__PURE__ */ new Map();
-        for (const Z of q) {
-          if (!Z.code) continue;
-          const xe = st(Z.language);
-          let be = (Z.title || "untitled").toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, ""), tt = `${be}.${xe}`;
-          const at = y.get(tt) || 0;
-          at > 0 && (tt = `${be}-${at}.${xe}`), y.set(`${be}.${xe}`, at + 1), s.file(tt, Z.code);
+        const n = new oa(), g = /* @__PURE__ */ new Map();
+        for (const G of j) {
+          if (!G.code) continue;
+          const Le = dt(G.language);
+          let Ne = (G.title || "untitled").toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, ""), ot = `${Ne}.${Le}`;
+          const ut = g.get(ot) || 0;
+          ut > 0 && (ot = `${Ne}-${ut}.${Le}`), g.set(`${Ne}.${Le}`, ut + 1), n.file(ot, G.code);
         }
-        const B = await s.generateAsync({ type: "blob" }), X = `artifacts-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.zip`, Pe = URL.createObjectURL(B), te = document.createElement("a");
-        te.href = Pe, te.download = X, document.body.appendChild(te), te.click(), document.body.removeChild(te), URL.revokeObjectURL(Pe);
-      } catch (s) {
-        console.error("Failed to create ZIP:", s);
+        const T = await n.generateAsync({ type: "blob" }), Y = `artifacts-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.zip`, Ve = URL.createObjectURL(T), re = document.createElement("a");
+        re.href = Ve, re.download = Y, document.body.appendChild(re), re.click(), document.body.removeChild(re), URL.revokeObjectURL(Ve);
+      } catch (n) {
+        console.error("Failed to create ZIP:", n);
       } finally {
-        f(!1);
+        S(!1);
       }
     }
-  }, [re, q]), dt = p((s) => s ? new Date(s).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }) : "", []), At = p(() => {
-    if (M) {
-      b(!1);
+  }, [m, j]), wt = d((n) => n ? new Date(n).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }) : "", []), Xt = d(() => {
+    if (b) {
+      N(!1);
       return;
     }
-    r && (_("options"), de(""), ge(null), K(""), Me(!1), ee(!1), Te([]), ie(!1), Ie(""), b(!0));
-  }, [r, n, M]), $t = p(() => {
-    b(!1);
-  }, []), Ke = p(async () => {
-    if (!(!r || !(n != null && n.share))) {
-      _("loading"), K("");
+    a && (L("options"), we(""), _e(null), ee(""), Se(!1), ke(!1), ze([]), Ae(!1), Re(""), N(!0));
+  }, [a, s, b]), Zt = d(() => {
+    N(!1);
+  }, []), nt = d(async () => {
+    if (!(!a || !(s != null && s.share))) {
+      L("loading"), ee("");
       try {
-        const s = await n.share.share(r);
-        de(s.url), ge(s.expiresAt), ee(!1), _("success");
-      } catch (s) {
-        K(s.message || "Failed to create share link"), _("error");
+        const n = await s.share.share(a);
+        we(n.url), _e(n.expiresAt), ke(!1), L("success");
+      } catch (n) {
+        ee(n.message || "Failed to create share link"), L("error");
       }
     }
-  }, [r, n]), ft = p(async () => {
-    if (Ee)
-      ze();
+  }, [a, s]), kt = d(async () => {
+    if (De)
+      Oe();
     else {
-      _("loading");
+      L("loading");
       try {
-        await n.share.openAuthPopup(), ze();
-      } catch (s) {
-        s.message === "Authentication cancelled" ? _("options") : (K(s.message || "Authentication failed"), _("error"));
+        await s.share.openAuthPopup(), Oe();
+      } catch (n) {
+        n.message === "Authentication cancelled" ? L("options") : (ee(n.message || "Authentication failed"), L("error"));
       }
     }
-  }, [Ee, n]), ze = p(async () => {
-    if (!(!r || !(n != null && n.share))) {
-      _("loading"), K("");
+  }, [De, s]), Oe = d(async () => {
+    if (!(!a || !(s != null && s.share))) {
+      L("loading"), ee("");
       try {
-        const s = await n.share.save(r);
-        de(s.url), ge(null), ee(!0), _("success");
-      } catch (s) {
-        K(s.message || "Failed to save artifact"), _("error");
+        const n = await s.share.save(a);
+        we(n.url), _e(null), ke(!0), L("success");
+      } catch (n) {
+        ee(n.message || "Failed to save artifact"), L("error");
       }
     }
-  }, [r, n]), Ht = p(() => {
-    Ne ? ze() : Ke();
-  }, [Ne, ze, Ke]), It = p(async () => {
-    if (n != null && n.share) {
-      if (!Ee) {
-        _("loading");
+  }, [a, s]), Kt = d(() => {
+    ae ? Oe() : nt();
+  }, [ae, Oe, nt]), Yt = d(async () => {
+    if (s != null && s.share) {
+      if (!De) {
+        L("loading");
         try {
-          await n.share.openAuthPopup();
-        } catch (s) {
-          s.message === "Authentication cancelled" ? _("options") : (K(s.message || "Authentication failed"), _("error"));
+          await s.share.openAuthPopup();
+        } catch (n) {
+          n.message === "Authentication cancelled" ? L("options") : (ee(n.message || "Authentication failed"), L("error"));
           return;
         }
       }
-      _("update-list"), ie(!0);
+      L("update-list"), Ae(!0);
       try {
-        const s = (r == null ? void 0 : r.language) || null, y = await n.share.listArtifacts(s);
-        Te(y.projects || []);
-      } catch (s) {
-        K(s.message || "Failed to load artifacts"), _("error");
+        const n = (a == null ? void 0 : a.language) || null, g = await s.share.listArtifacts(n);
+        ze(g.projects || []);
+      } catch (n) {
+        ee(n.message || "Failed to load artifacts"), L("error");
       } finally {
-        ie(!1);
+        Ae(!1);
       }
     }
-  }, [r, n, Ee]), Bt = p(async (s) => {
-    var B, V;
-    if (!r || !(n != null && n.share)) return;
-    const y = (B = s.project) == null ? void 0 : B.uuid;
-    if (y) {
-      _("loading"), K("");
+  }, [a, s, De]), Qt = d(async (n) => {
+    var T, A;
+    if (!a || !(s != null && s.share)) return;
+    const g = (T = n.project) == null ? void 0 : T.uuid;
+    if (g) {
+      L("loading"), ee("");
       try {
-        const X = await n.share.updateArtifact(y, r);
-        de(X.url || ""), ge(null), ee(!0), Ie(((V = s.project) == null ? void 0 : V.name) || "Untitled"), _("success");
-      } catch (X) {
-        K(X.message || "Failed to update artifact"), _("error");
+        const Y = await s.share.updateArtifact(g, a);
+        we(Y.url || ""), _e(null), ke(!0), Re(((A = n.project) == null ? void 0 : A.name) || "Untitled"), L("success");
+      } catch (Y) {
+        ee(Y.message || "Failed to update artifact"), L("error");
       }
     }
-  }, [r, n]), Vt = p(async () => {
-    if (G)
+  }, [a, s]), Gt = d(async () => {
+    if (de)
       try {
-        await navigator.clipboard.writeText(G), Me(!0), setTimeout(() => Me(!1), 2e3);
-      } catch (s) {
-        console.error("Failed to copy link:", s);
+        await navigator.clipboard.writeText(de), Se(!0), setTimeout(() => Se(!1), 2e3);
+      } catch (n) {
+        console.error("Failed to copy link:", n);
       }
-  }, [G]);
-  p((s) => {
-    k(s);
-  }, [k]), p((s) => {
-    n.closeTab(s), i.openTabs.length === 0 && ce(!1);
-  }, [n, i.openTabs]);
-  const Ft = p(() => {
-    d > 0 && k(q[d - 1]);
-  }, [d, k, q]), Wt = p(() => {
-    d < q.length - 1 && k(q[d + 1]);
-  }, [d, k, q]), pt = p((s) => {
-    ce(!0), k(s), oe(!1);
-  }, [k]), Ye = p((s) => {
-    ye.current = {
-      startX: s.clientX,
-      startWidth: fe
-    }, document.addEventListener("mousemove", Qe), document.addEventListener("mouseup", Re), document.body.style.cursor = "ew-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((y) => {
-      y.style.pointerEvents = "none";
+  }, [de]);
+  d((n) => {
+    p(n);
+  }, [p]), d((n) => {
+    s.closeTab(n), o.openTabs.length === 0 && me(!1);
+  }, [s, o.openTabs]);
+  const ea = d(() => {
+    ie > 0 && p(j[ie - 1]);
+  }, [ie, p, j]), ta = d(() => {
+    ie < j.length - 1 && p(j[ie + 1]);
+  }, [ie, p, j]), xt = d((n) => {
+    me(!0), p(n), se(!1);
+  }, [p]), st = d((n) => {
+    C.current = {
+      startX: n.clientX,
+      startWidth: v
+    }, document.addEventListener("mousemove", lt), document.addEventListener("mouseup", Je), document.body.style.cursor = "ew-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((g) => {
+      g.style.pointerEvents = "none";
     });
-  }, [fe]), Qe = p((s) => {
-    if (!ye.current) return;
-    const y = window.innerWidth, V = (ye.current.startX - s.clientX) / y * 100, X = ye.current.startWidth + V;
-    Be(Math.min(Math.max(X, 25), 75));
-  }, []), Re = p(() => {
-    ye.current = null, document.removeEventListener("mousemove", Qe), document.removeEventListener("mouseup", Re), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((s) => {
-      s.style.pointerEvents = "";
+  }, [v]), lt = d((n) => {
+    if (!C.current) return;
+    const g = window.innerWidth, A = (C.current.startX - n.clientX) / g * 100, Y = C.current.startWidth + A;
+    ne(Math.min(Math.max(Y, 25), 75));
+  }, []), Je = d(() => {
+    C.current = null, document.removeEventListener("mousemove", lt), document.removeEventListener("mouseup", Je), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((n) => {
+      n.style.pointerEvents = "";
     });
-  }, [Qe]), zt = p((s) => {
-    if (!ae.current) return;
-    const y = ae.current.getBoundingClientRect();
-    _e.current = {
-      startX: s.clientX,
-      startPosition: we,
-      contentLeft: y.left,
-      contentWidth: y.width
-    }, document.addEventListener("mousemove", Ge), document.addEventListener("mouseup", qe), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((B) => {
-      B.style.pointerEvents = "none";
+  }, [lt]), aa = d((n) => {
+    if (!z.current) return;
+    const g = z.current.getBoundingClientRect();
+    Ce.current = {
+      startX: n.clientX,
+      startPosition: ce,
+      contentLeft: g.left,
+      contentWidth: g.width
+    }, document.addEventListener("mousemove", ct), document.addEventListener("mouseup", Xe), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((T) => {
+      T.style.pointerEvents = "none";
     });
-  }, [we]), Ge = p((s) => {
-    if (!_e.current) return;
-    const B = (s.clientX - _e.current.contentLeft) / _e.current.contentWidth * 100;
-    Ve(Math.min(Math.max(B, 20), 80));
-  }, []), qe = p(() => {
-    _e.current = null, document.removeEventListener("mousemove", Ge), document.removeEventListener("mouseup", qe), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((s) => {
-      s.style.pointerEvents = "";
+  }, [ce]), ct = d((n) => {
+    if (!Ce.current) return;
+    const T = (n.clientX - Ce.current.contentLeft) / Ce.current.contentWidth * 100;
+    pe(Math.min(Math.max(T, 20), 80));
+  }, []), Xe = d(() => {
+    Ce.current = null, document.removeEventListener("mousemove", ct), document.removeEventListener("mouseup", Xe), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((n) => {
+      n.style.pointerEvents = "";
     });
-  }, [Ge]);
-  if (D(() => {
-    r && (v.current && v.current.isPreviewable !== r.isPreviewable && (ue(!0), setTimeout(() => ue(!1), 150)), v.current = r, mt(), le(!0), Mt(), Xe());
-  }, [r == null ? void 0 : r.id, mt]), D(() => {
-    (i.viewMode === "code" || i.viewMode === "split") && Xe(), i.viewMode === "edit" && ut();
-  }, [i.viewMode, Xe, ut]), D(() => (t && n.on("ai:request", t), a && n.on("save:request", a), c && n.on("export:complete", c), () => {
-    t && n.off("ai:request", t), a && n.off("save:request", a), c && n.off("export:complete", c);
-  }), [n, t, a, c]), D(() => () => {
-    Re(), qe(), S.current && (S.current.destroy(), S.current = null), clearTimeout(Je.current), clearTimeout(pe.current);
-  }, [Re, qe]), !i.isPanelOpen) return null;
-  const et = [
+  }, [ct]);
+  if (B(() => {
+    a && (U.current && U.current.isPreviewable !== a.isPreviewable && (ue(!0), setTimeout(() => ue(!1), 150)), U.current = a, bt(), le(!0), Ut(), at());
+  }, [a == null ? void 0 : a.id, bt]), B(() => {
+    (o.viewMode === "code" || o.viewMode === "split") && at(), o.viewMode === "edit" && Nt();
+  }, [o.viewMode, at, Nt]), B(() => (t && s.on("ai:request", t), r && s.on("save:request", r), c && s.on("export:complete", c), () => {
+    t && s.off("ai:request", t), r && s.off("save:request", r), c && s.off("export:complete", c);
+  }), [s, t, r, c]), B(() => () => {
+    Je(), Xe(), D.current && (D.current.destroy(), D.current = null), clearTimeout(f.current), clearTimeout(I.current);
+  }, [Je, Xe]), !o.isPanelOpen) return null;
+  const it = [
     "artifactuse-panel",
-    i.isFullscreen && "artifactuse-panel--fullscreen",
-    !r && x && !i.forceEmptyView && "artifactuse-panel--list",
-    !x && !i.forceEmptyView && "artifactuse-panel--empty",
+    o.isFullscreen && "artifactuse-panel--fullscreen",
+    !a && P && !o.forceEmptyView && "artifactuse-panel--list",
+    !P && !o.forceEmptyView && "artifactuse-panel--empty",
     l
-  ].filter(Boolean).join(" "), Rt = [
+  ].filter(Boolean).join(" "), ra = [
     "artifactuse-panel__content",
-    `artifactuse-panel__content--${i.viewMode}`,
-    ve && "artifactuse-panel__content--transitioning"
+    `artifactuse-panel__content--${o.viewMode}`,
+    oe && "artifactuse-panel__content--transitioning"
   ].filter(Boolean).join(" ");
-  return !x || i.forceEmptyView ? /* @__PURE__ */ e.createElement("div", { className: et, style: i.isFullscreen ? void 0 : { width: `${lt}%` } }, !i.isFullscreen && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__resize-handle", onMouseDown: Ye }, /* @__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" }, i.forceEmptyView ? /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__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("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" }, i.forceEmptyView ? "Artifact Viewer" : "Artifacts"))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__actions" }, /* @__PURE__ */ e.createElement(
+  return !P || o.forceEmptyView ? /* @__PURE__ */ e.createElement("div", { className: it, style: o.isFullscreen ? void 0 : { width: `${ht}%` } }, !o.isFullscreen && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__resize-handle", onMouseDown: st }, /* @__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" }, o.forceEmptyView ? /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__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("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" }, o.forceEmptyView ? "Artifact Viewer" : "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: T
+      onClick: $
     },
     /* @__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" }, i.forceEmptyView ? "No artifact selected" : "No artifacts yet"), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-panel__empty-text" }, i.forceEmptyView ? "Open an artifact to have it appear here" : "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" }, I && /* @__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" }, o.forceEmptyView ? "No artifact selected" : "No artifacts yet"), /* @__PURE__ */ e.createElement("p", { className: "artifactuse-panel__empty-text" }, o.forceEmptyView ? "Open an artifact to have it appear here" : "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" }, et && /* @__PURE__ */ e.createElement(
     "a",
     {
       href: "https://artifactuse.com",
@@ -1207,153 +1240,173 @@ function ba({
     },
     /* @__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 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+  ))) : a ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: et,
-      style: i.isFullscreen ? void 0 : { width: `${fe}%` }
+      className: it,
+      style: o.isFullscreen ? void 0 : { width: `${v}%` }
     },
-    !i.isFullscreen && /* @__PURE__ */ e.createElement(
+    !o.isFullscreen && /* @__PURE__ */ e.createElement(
       "div",
       {
         className: "artifactuse-panel__resize-handle",
-        onMouseDown: Ye
+        onMouseDown: st
       },
       /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__resize-handle-line" })
     ),
-    /* @__PURE__ */ e.createElement("header", { className: "artifactuse-panel__header" }, (Fe || he) && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("header", { className: "artifactuse-panel__header" }, (Ue || ge) && /* @__PURE__ */ e.createElement(
       "button",
       {
         className: "artifactuse-panel__back",
-        title: Fe ? "Browse artifacts" : "Back to list",
-        onClick: Nt
+        title: Ue ? "Browse artifacts" : "Back to list",
+        onClick: Vt
       },
       /* @__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">${ke}</svg>` }
+        dangerouslySetInnerHTML: { __html: `<svg viewBox="0 0 24 24" fill="currentColor">${Be}</svg>` }
       }
-    ), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__title-content" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__name" }, r.title || "Untitled"), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__meta" }, se, 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" }, a.title || "Untitled"), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__meta" }, Q, a.lineCount && ` • ${a.lineCount} lines`))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__tabs" }, (!a.tabs || a.tabs.includes("preview")) && /* @__PURE__ */ e.createElement(
       "button",
       {
-        className: `artifactuse-panel__tab ${i.viewMode === "preview" ? "artifactuse-panel__tab--active" : ""}`,
-        disabled: !r.isPreviewable,
+        className: `artifactuse-panel__tab ${o.viewMode === "preview" ? "artifactuse-panel__tab--active" : ""}`,
+        disabled: !a.isPreviewable,
         title: "Preview",
-        onClick: () => $("preview")
+        onClick: () => _("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(
+    ), (!a.tabs || a.tabs.includes("code")) && /* @__PURE__ */ e.createElement(
       "button",
       {
-        className: `artifactuse-panel__tab ${i.viewMode === "code" ? "artifactuse-panel__tab--active" : ""}`,
+        className: `artifactuse-panel__tab ${o.viewMode === "code" ? "artifactuse-panel__tab--active" : ""}`,
         title: "Code",
-        onClick: () => $("code")
+        onClick: () => _("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(
+    ), (!a.tabs || a.tabs.includes("split")) && /* @__PURE__ */ e.createElement(
       "button",
       {
-        className: `artifactuse-panel__tab ${i.viewMode === "split" ? "artifactuse-panel__tab--active" : ""}`,
-        disabled: !r.isPreviewable,
+        className: `artifactuse-panel__tab ${o.viewMode === "split" ? "artifactuse-panel__tab--active" : ""}`,
+        disabled: !a.isPreviewable,
         title: "Split view",
-        onClick: () => $("split")
+        onClick: () => _("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") && Ze && /* @__PURE__ */ e.createElement(
+    ), a.tabs && a.tabs.includes("edit") && rt && /* @__PURE__ */ e.createElement(
       "button",
       {
-        className: `artifactuse-panel__tab ${i.viewMode === "edit" ? "artifactuse-panel__tab--active" : ""}`,
+        className: `artifactuse-panel__tab ${o.viewMode === "edit" ? "artifactuse-panel__tab--active" : ""}`,
         title: "Edit",
-        onClick: () => $("edit")
+        onClick: () => _("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" }, i.viewMode === "edit" && /* @__PURE__ */ e.createElement(
+    )), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__actions" }, o.viewMode === "edit" && /* @__PURE__ */ e.createElement(
       "button",
       {
         className: "artifactuse-panel__action artifactuse-panel__action--save",
         title: "Save",
-        onClick: kt
+        onClick: zt
       },
       /* @__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" }))
-    ), U && /* @__PURE__ */ e.createElement(
+    ), Ht && /* @__PURE__ */ e.createElement(
       "button",
       {
         className: "artifactuse-panel__action",
         title: "Open in new tab",
-        onClick: xt
+        onClick: Rt
       },
       /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }), /* @__PURE__ */ e.createElement("polyline", { points: "15 3 21 3 21 9" }), /* @__PURE__ */ e.createElement("line", { x1: "10", y1: "14", x2: "21", y2: "3" }))
     ), /* @__PURE__ */ e.createElement(
       "button",
       {
         className: "artifactuse-panel__action",
-        title: i.isFullscreen ? "Exit fullscreen" : "Fullscreen",
-        onClick: A
+        title: o.isFullscreen ? "Exit fullscreen" : "Fullscreen",
+        onClick: W
       },
-      i.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" }))
+      o.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: T
+        onClick: $
       },
       /* @__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: Rt, ref: ae }, ve && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__loading" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__spinner" })), (i.viewMode === "preview" || i.viewMode === "split") && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: ra, ref: z }, oe && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__loading" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__spinner" })), (o.viewMode === "preview" || o.viewMode === "split") && /* @__PURE__ */ e.createElement(
       "div",
       {
         className: "artifactuse-panel__preview",
-        style: i.viewMode === "split" ? { width: `${we}%` } : void 0
+        style: o.viewMode === "split" ? { width: `${ce}%` } : void 0
       },
-      me && J && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__loading" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__spinner" })),
-      J ? /* @__PURE__ */ e.createElement(
+      he && Ee && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__loading" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__spinner" })),
+      Ee ? /* @__PURE__ */ e.createElement(
         "iframe",
         {
-          ref: g,
-          src: J,
-          className: `artifactuse-panel__iframe ${me ? "artifactuse-panel__iframe--loading" : ""}`,
+          ref: O,
+          src: Ee,
+          className: `artifactuse-panel__iframe ${he ? "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: Ct,
-          onError: Lt
+          allow: "camera; microphone; fullscreen; geolocation; display-capture; autoplay; clipboard-write; encrypted-media; gyroscope; accelerometer; picture-in-picture",
+          onLoad: qt,
+          onError: Dt
         }
-      ) : /* @__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 ", se))
+      ) : /* @__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 ", Q))
     ), /* @__PURE__ */ e.createElement(
       "div",
       {
         className: "artifactuse-panel__code",
         style: {
-          ...i.viewMode === "split" ? { width: `${100 - we}%` } : {},
-          display: i.viewMode === "code" || i.viewMode === "split" ? void 0 : "none"
+          ...o.viewMode === "split" ? { width: `${100 - ce}%` } : {},
+          display: o.viewMode === "code" || o.viewMode === "split" ? void 0 : "none"
         }
       },
-      i.viewMode === "split" && /* @__PURE__ */ e.createElement(
+      o.viewMode === "split" && /* @__PURE__ */ e.createElement(
         "div",
         {
           className: "artifactuse-panel__split-handle",
-          onMouseDown: zt
+          onMouseDown: aa
         },
         /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__split-handle-line" })
       ),
-      /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__code-scroll", ref: R }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__line-numbers", ref: P }), /* @__PURE__ */ e.createElement("pre", { className: `artifactuse-panel__code-block language-${C}` }, /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__code-scroll", ref: te }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__line-numbers", ref: F }), /* @__PURE__ */ e.createElement("pre", { className: `artifactuse-panel__code-block language-${Fe}` }, /* @__PURE__ */ e.createElement(
         "code",
         {
-          ref: F,
-          className: `language-${C}`
+          ref: X,
+          className: `language-${Fe}`
         }
       )))
     ), /* @__PURE__ */ e.createElement(
       "div",
       {
         className: "artifactuse-panel__edit",
-        style: { display: i.viewMode === "edit" ? void 0 : "none" }
+        style: { display: o.viewMode === "edit" ? void 0 : "none" }
       },
-      /* @__PURE__ */ e.createElement("div", { ref: ne, 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" }, I && /* @__PURE__ */ e.createElement(
+    Bt && /* @__PURE__ */ e.createElement("div", { className: `artifactuse-panel__console ${xe ? "artifactuse-panel__console--expanded" : ""}` }, /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        className: "artifactuse-panel__console-header",
+        onClick: () => Ie((n) => !n)
+      },
+      /* @__PURE__ */ e.createElement("svg", { className: "artifactuse-panel__console-chevron", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("polyline", { points: "18 15 12 9 6 15" })),
+      /* @__PURE__ */ e.createElement("span", null, "Console"),
+      /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__console-filters", onClick: (n) => n.stopPropagation() }, tt > 0 && /* @__PURE__ */ e.createElement("button", { className: `artifactuse-panel__console-filter artifactuse-panel__console-filter--error${fe.has("error") ? "" : " artifactuse-panel__console-filter--inactive"}`, onClick: () => qe("error") }, tt, " error", tt !== 1 ? "s" : ""), pt > 0 && /* @__PURE__ */ e.createElement("button", { className: `artifactuse-panel__console-filter artifactuse-panel__console-filter--warn${fe.has("warn") ? "" : " artifactuse-panel__console-filter--inactive"}`, onClick: () => qe("warn") }, pt, " warn"), Et > 0 && /* @__PURE__ */ e.createElement("button", { className: `artifactuse-panel__console-filter artifactuse-panel__console-filter--info${fe.has("info") ? "" : " artifactuse-panel__console-filter--inactive"}`, onClick: () => qe("info") }, Et, " info"), vt > 0 && /* @__PURE__ */ e.createElement("button", { className: `artifactuse-panel__console-filter artifactuse-panel__console-filter--log${fe.has("log") ? "" : " artifactuse-panel__console-filter--inactive"}`, onClick: () => qe("log") }, vt, " log")),
+      /* @__PURE__ */ e.createElement(
+        "button",
+        {
+          className: "artifactuse-panel__console-clear",
+          onClick: (n) => {
+            n.stopPropagation(), He([]);
+          }
+        },
+        "Clear"
+      )
+    ), xe && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__console-entries", ref: be }, It.map((n, g) => /* @__PURE__ */ e.createElement("div", { key: g, className: `artifactuse-panel__console-entry artifactuse-panel__console-entry--${n.type}` }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__console-type" }, "[", n.type, "]"), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__console-content" }, n.content), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__console-timestamp" }, new Date(n.timestamp).toLocaleTimeString()))))),
+    /* @__PURE__ */ e.createElement("footer", { className: "artifactuse-panel__footer" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__footer-left" }, et && /* @__PURE__ */ e.createElement(
       "a",
       {
         href: "https://artifactuse.com",
@@ -1364,142 +1417,142 @@ function ba({
       },
       /* @__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" }, yt(r.size))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__footer-right" }, /* @__PURE__ */ e.createElement(
+    ), a.code && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__badge artifactuse-panel__badge--secondary" }, St(a.size))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__footer-right" }, /* @__PURE__ */ e.createElement(
       "button",
       {
-        className: `artifactuse-panel__footer-action ${Q ? "artifactuse-panel__footer-action--success" : ""}`,
-        title: Q ? "Copied!" : "Copy code",
-        onClick: Tt
+        className: `artifactuse-panel__footer-action ${H ? "artifactuse-panel__footer-action--success" : ""}`,
+        title: H ? "Copied!" : "Copy code",
+        onClick: jt
       },
-      Q ? /* @__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" }))
+      H ? /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("polyline", { points: "20 6 9 17 4 12" })) : /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }), /* @__PURE__ */ e.createElement("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" }))
     ), /* @__PURE__ */ e.createElement(
       "button",
       {
         className: "artifactuse-panel__footer-action",
         title: "Download",
-        onClick: Pt
+        onClick: Ot
       },
       /* @__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" }))
-    ), Y && /* @__PURE__ */ e.createElement("div", { style: { position: "relative" } }, /* @__PURE__ */ e.createElement(
+    ), Ft && /* @__PURE__ */ e.createElement("div", { style: { position: "relative" } }, /* @__PURE__ */ e.createElement(
       "button",
       {
         className: "artifactuse-panel__footer-action",
         title: "Share",
-        onClick: At
+        onClick: Xt
       },
       /* @__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" }))
-    ), M && /* @__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" }, N === "success" ? Oe ? "Artifact updated!" : "Link created!" : N === "update-list" ? "Update saved artifact" : "Share Artifact"), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__close", onClick: $t }, /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), /* @__PURE__ */ e.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" })))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__body" }, N === "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...")), N === "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" }, Ae)), /* @__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: Ht }, "Retry"))), N === "options" && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__options" }, /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__option", onClick: Ke }, /* @__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: ft }, /* @__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: It }, /* @__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")))), N === "update-list" && /* @__PURE__ */ e.createElement("div", null, je ? /* @__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...")) : He.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" }, He.map((s) => {
-      var y, B, V;
+    ), b && /* @__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" }, M === "success" ? Qe ? "Artifact updated!" : "Link created!" : M === "update-list" ? "Update saved artifact" : "Share Artifact"), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__close", onClick: Zt }, /* @__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" }, M === "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...")), M === "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" }, Ye)), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__actions" }, /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__btn artifactuse-share-popup__btn--secondary", onClick: () => L("options") }, "Back"), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__btn artifactuse-share-popup__btn--primary", onClick: Kt }, "Retry"))), M === "options" && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__options" }, /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__option", onClick: nt }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-share-popup__option-icon" }, /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("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: kt }, /* @__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: Yt }, /* @__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")))), M === "update-list" && /* @__PURE__ */ e.createElement("div", null, ye ? /* @__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...")) : $e.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" }, $e.map((n) => {
+      var g, T, A;
       return /* @__PURE__ */ e.createElement(
         "button",
         {
-          key: ((y = s.project) == null ? void 0 : y.uuid) || s.id,
+          key: ((g = n.project) == null ? void 0 : g.uuid) || n.id,
           className: "artifactuse-share-popup__artifact-item",
-          onClick: () => Bt(s)
+          onClick: () => Qt(n)
         },
-        /* @__PURE__ */ e.createElement("span", { className: "artifactuse-share-popup__artifact-name" }, ((B = s.project) == null ? void 0 : B.name) || "Untitled"),
-        /* @__PURE__ */ e.createElement("span", { className: "artifactuse-share-popup__artifact-date" }, dt((V = s.project) == null ? void 0 : V.created_at))
+        /* @__PURE__ */ e.createElement("span", { className: "artifactuse-share-popup__artifact-name" }, ((T = n.project) == null ? void 0 : T.name) || "Untitled"),
+        /* @__PURE__ */ e.createElement("span", { className: "artifactuse-share-popup__artifact-date" }, wt((A = n.project) == null ? void 0 : A.created_at))
       );
-    })), /* @__PURE__ */ e.createElement("button", { className: "artifactuse-share-popup__back-btn", onClick: () => _("options") }, "Back")), N === "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: () => L("options") }, "Back")), M === "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: G,
+        value: de,
         readOnly: !0,
-        onClick: (s) => s.target.select()
+        onClick: (n) => n.target.select()
       }
     ), /* @__PURE__ */ e.createElement(
       "button",
       {
-        className: `artifactuse-share-popup__copy-btn ${$e ? "artifactuse-share-popup__copy-btn--copied" : ""}`,
-        onClick: Vt
+        className: `artifactuse-share-popup__copy-btn ${We ? "artifactuse-share-popup__copy-btn--copied" : ""}`,
+        onClick: Gt
       },
-      $e ? "Copied!" : "Copy"
-    )), Se && !Ne && /* @__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 ", dt(Se))), !Ne && /* @__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: ft }, "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"))))), q.length > 1 && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__nav" }, /* @__PURE__ */ e.createElement(
+      We ? "Copied!" : "Copy"
+    )), Pe && !ae && /* @__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 ", wt(Pe))), !ae && /* @__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: kt }, "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"))))), j.length > 1 && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__nav" }, /* @__PURE__ */ e.createElement(
       "button",
       {
         className: "artifactuse-panel__nav-btn",
-        disabled: d <= 0,
+        disabled: ie <= 0,
         title: "Previous artifact",
-        onClick: Ft
+        onClick: ea
       },
       /* @__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: () => oe(!O)
+        onClick: () => se(!ve)
       },
-      /* @__PURE__ */ e.createElement("span", null, d + 1, " / ", q.length),
+      /* @__PURE__ */ e.createElement("span", null, ie + 1, " / ", j.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: d >= q.length - 1,
+        disabled: ie >= j.length - 1,
         title: "Next artifact",
-        onClick: Wt
+        onClick: ta
       },
       /* @__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" }))
-    ), O && /* @__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 (", q.length, ")"), /* @__PURE__ */ e.createElement(
+    ), ve && /* @__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 (", j.length, ")"), /* @__PURE__ */ e.createElement(
       "button",
       {
         className: "artifactuse-panel__artifact-list-close",
-        onClick: () => oe(!1)
+        onClick: () => se(!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" }, q.map((s, y) => /* @__PURE__ */ e.createElement(
+    )), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__artifact-list-items" }, j.map((n, g) => /* @__PURE__ */ e.createElement(
       "button",
       {
-        key: s.id,
-        className: `artifactuse-panel__artifact-item ${s.id === r.id ? "artifactuse-panel__artifact-item--active" : ""}`,
-        onClick: () => pt(s)
+        key: n.id,
+        className: `artifactuse-panel__artifact-item ${n.id === a.id ? "artifactuse-panel__artifact-item--active" : ""}`,
+        onClick: () => xt(n)
       },
       /* @__PURE__ */ e.createElement(
         "span",
         {
           className: "artifactuse-panel__artifact-item-icon",
-          dangerouslySetInnerHTML: { __html: ct(s.language) }
+          dangerouslySetInnerHTML: { __html: gt(n.language) }
         }
       ),
-      /* @__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" }, De(s.language), s.lineCount && ` • ${s.lineCount} lines`)),
-      /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__artifact-item-index" }, y + 1)
+      /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__artifact-item-content" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__artifact-item-title" }, n.title || "Untitled"), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__artifact-item-meta" }, Ze(n.language), n.lineCount && ` • ${n.lineCount} lines`)),
+      /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__artifact-item-index" }, g + 1)
     )))))))
-  )) : /* @__PURE__ */ e.createElement("div", { className: et, style: i.isFullscreen ? void 0 : { width: `${lt}%` } }, !i.isFullscreen && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__resize-handle", onMouseDown: Ye }, /* @__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" }, q.length, " available"))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__actions" }, /* @__PURE__ */ e.createElement(
+  )) : /* @__PURE__ */ e.createElement("div", { className: it, style: o.isFullscreen ? void 0 : { width: `${ht}%` } }, !o.isFullscreen && /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__resize-handle", onMouseDown: st }, /* @__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" }, j.length, " available"))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__actions" }, /* @__PURE__ */ e.createElement(
     "button",
     {
-      className: `artifactuse-panel__action ${re ? "artifactuse-panel__action--loading" : ""}`,
-      disabled: re,
+      className: `artifactuse-panel__action ${m ? "artifactuse-panel__action--loading" : ""}`,
+      disabled: m,
       title: "Download all as ZIP",
-      onClick: St
+      onClick: Jt
     },
-    re ? /* @__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" }))
+    m ? /* @__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: T
+      onClick: $
     },
     /* @__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" }, q.map((s, y) => /* @__PURE__ */ e.createElement(
+  ))), /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__list" }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__list-items" }, j.map((n, g) => /* @__PURE__ */ e.createElement(
     "button",
     {
-      key: s.id,
+      key: n.id,
       className: "artifactuse-panel__list-item",
-      onClick: () => pt(s)
+      onClick: () => xt(n)
     },
     /* @__PURE__ */ e.createElement(
       "span",
       {
         className: "artifactuse-panel__list-item-icon",
-        dangerouslySetInnerHTML: { __html: ct(s.language) }
+        dangerouslySetInnerHTML: { __html: gt(n.language) }
       }
     ),
-    /* @__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" }, De(s.language), s.lineCount && ` • ${s.lineCount} lines`)),
+    /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__list-item-content" }, /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__list-item-title" }, n.title || "Untitled"), /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__list-item-meta" }, Ze(n.language), n.lineCount && ` • ${n.lineCount} lines`)),
     /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel__list-item-arrow" }, /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ e.createElement("polyline", { points: "9 18 15 12 9 6" })))
-  )))), /* @__PURE__ */ e.createElement("footer", { className: "artifactuse-panel__footer artifactuse-panel__footer--simple" }, I && /* @__PURE__ */ e.createElement(
+  )))), /* @__PURE__ */ e.createElement("footer", { className: "artifactuse-panel__footer artifactuse-panel__footer--simple" }, et && /* @__PURE__ */ e.createElement(
     "a",
     {
       href: "https://artifactuse.com",
@@ -1511,29 +1564,29 @@ function ba({
     /* @__PURE__ */ e.createElement("span", null, "Artifactuse")
   )));
 }
-function Na({ className: t = "" }) {
-  const { state: a, artifactCount: c, hasArtifacts: l, togglePanel: o } = Le(), u = L(() => c > 99 ? "99+" : String(c), [c]), E = [
+function Va({ className: t = "" }) {
+  const { state: r, artifactCount: c, hasArtifacts: l, togglePanel: i } = Me(), u = w(() => c > 99 ? "99+" : String(c), [c]), h = [
     "artifactuse-panel-toggle",
-    a.isPanelOpen && "artifactuse-panel-toggle--active",
+    r.isPanelOpen && "artifactuse-panel-toggle--active",
     l && "artifactuse-panel-toggle--has-artifacts",
     t
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ e.createElement(
     "button",
     {
-      className: E,
-      onClick: o,
-      title: a.isPanelOpen ? "Close artifacts panel" : "Open artifacts panel"
+      className: h,
+      onClick: i,
+      title: r.isPanelOpen ? "Close artifacts panel" : "Open artifacts panel"
     },
     /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("polyline", { points: "16 18 22 12 16 6" }), /* @__PURE__ */ e.createElement("polyline", { points: "8 6 2 12 8 18" })),
     c > 0 && /* @__PURE__ */ e.createElement("span", { className: "artifactuse-panel-toggle-badge" }, u)
   );
 }
-const bt = qt(null);
-function pa({ children: t, config: a = {} }) {
-  const c = W(null);
-  c.current || (c.current = Ot(a));
-  const l = c.current, [o, u] = w({
+const At = na(null);
+function Pa({ children: t, config: r = {} }) {
+  const c = V(null);
+  c.current || (c.current = ia(r));
+  const l = c.current, [i, u] = y({
     artifacts: [],
     activeArtifactId: null,
     isPanelOpen: !1,
@@ -1542,39 +1595,39 @@ function pa({ children: t, config: a = {} }) {
     openTabs: [],
     tabViewModes: {},
     forceEmptyView: !1
-  }), [E, i] = w(() => l.getPanelTypes());
-  D(() => {
-    const n = l.state.subscribe((g) => {
+  }), [h, E] = y(() => l.getPanelTypes());
+  B(() => {
+    const p = l.state.subscribe((s) => {
       u({
-        artifacts: g.artifacts,
-        activeArtifactId: g.activeArtifactId,
-        isPanelOpen: g.isPanelOpen,
-        viewMode: g.viewMode,
-        isFullscreen: g.isFullscreen,
-        openTabs: g.openTabs,
-        tabViewModes: g.tabViewModes,
-        forceEmptyView: g.forceEmptyView
+        artifacts: s.artifacts,
+        activeArtifactId: s.activeArtifactId,
+        isPanelOpen: s.isPanelOpen,
+        viewMode: s.viewMode,
+        isFullscreen: s.isFullscreen,
+        openTabs: s.openTabs,
+        tabViewModes: s.tabViewModes,
+        forceEmptyView: s.forceEmptyView
       });
     });
     return l.applyTheme(), () => {
-      n(), l.destroy();
+      p(), l.destroy();
     };
   }, [l]);
-  const r = L(() => o.activeArtifactId && o.artifacts.find((n) => n.id === o.activeArtifactId) || null, [o.artifacts, o.activeArtifactId]), m = o.artifacts.filter((n) => !n.isInline).length, x = m > 0, T = L(() => r ? l.getPanelUrl(r) : null, [r, l]), A = p((n) => {
-    l.setTheme(n), l.applyTheme();
-  }, [l]), $ = p((n, g) => {
-    l.registerPanel(n, g), i(l.getPanelTypes());
-  }, [l]), h = p((n) => {
-    l.unregisterPanel(n), i(l.getPanelTypes());
-  }, [l]), k = L(() => ({
+  const o = w(() => i.activeArtifactId && i.artifacts.find((p) => p.id === i.activeArtifactId) || null, [i.artifacts, i.activeArtifactId]), a = i.artifacts.filter((p) => !p.isInline).length, k = a > 0, P = w(() => o ? l.getPanelUrl(o) : null, [o, l]), $ = d((p) => {
+    l.setTheme(p), l.applyTheme();
+  }, [l]), W = d((p, s) => {
+    l.registerPanel(p, s), E(l.getPanelTypes());
+  }, [l]), _ = d((p) => {
+    l.unregisterPanel(p), E(l.getPanelTypes());
+  }, [l]), x = w(() => ({
     instance: l,
-    state: o,
-    activeArtifact: r,
-    artifactCount: m,
-    hasArtifacts: x,
+    state: i,
+    activeArtifact: o,
+    artifactCount: a,
+    hasArtifacts: k,
     // Panel computed
-    panelTypes: E,
-    activePanelUrl: T,
+    panelTypes: h,
+    activePanelUrl: P,
     // Methods
     processMessage: l.processMessage,
     initializeContent: l.initializeContent,
@@ -1591,8 +1644,8 @@ function pa({ children: t, config: a = {} }) {
     sendToPanel: l.sendToPanel,
     // Panel management
     hasPanel: l.hasPanel,
-    registerPanel: $,
-    unregisterPanel: h,
+    registerPanel: W,
+    unregisterPanel: _,
     getPanelTypes: l.getPanelTypes,
     // Multi-tab
     closeTab: l.closeTab,
@@ -1605,76 +1658,76 @@ function pa({ children: t, config: a = {} }) {
     clearArtifacts: () => l.state.clear(),
     // Theme
     applyTheme: l.applyTheme,
-    setTheme: A,
+    setTheme: $,
     getTheme: l.getTheme
   }), [
     l,
+    i,
     o,
-    r,
-    m,
-    x,
-    E,
-    T,
-    A,
+    a,
+    k,
+    h,
+    P,
     $,
-    h
+    W,
+    _
   ]);
-  return /* @__PURE__ */ e.createElement(bt.Provider, { value: k }, t);
+  return /* @__PURE__ */ e.createElement(At.Provider, { value: x }, t);
 }
-function Le() {
-  const t = Dt(bt);
+function Me() {
+  const t = sa(At);
   if (!t)
     throw new Error("useArtifactuse must be used within an ArtifactuseProvider");
   return t;
 }
-function Ea(t, a) {
-  const { on: c, off: l } = Le();
-  D(() => {
-    const o = c(t, a);
+function Sa(t, r) {
+  const { on: c, off: l } = Me();
+  B(() => {
+    const i = c(t, r);
     return () => {
-      typeof o == "function" ? o() : l(t, a);
+      typeof i == "function" ? i() : l(t, r);
     };
-  }, [t, a, c, l]);
+  }, [t, r, c, l]);
 }
-function va() {
+function $a() {
   const {
     registerPanel: t,
-    unregisterPanel: a,
+    unregisterPanel: r,
     hasPanel: c,
     panelTypes: l,
-    instance: o
-  } = Le(), u = p((i) => c({ type: i }), [c]), E = p((i, r = {}) => {
-    var m;
-    return ((m = o.panelResolver) == null ? void 0 : m.resolve(i, r)) || null;
-  }, [o]);
+    instance: i
+  } = Me(), u = d((E) => c({ type: E }), [c]), h = d((E, o = {}) => {
+    var a;
+    return ((a = i.panelResolver) == null ? void 0 : a.resolve(E, o)) || null;
+  }, [i]);
   return {
     register: t,
-    unregister: a,
+    unregister: r,
     isRegistered: u,
-    getPanelUrl: E,
+    getPanelUrl: h,
     types: l,
-    defaults: _t
+    defaults: $t
   };
 }
-const wa = {
-  ArtifactuseProvider: pa,
-  useArtifactuse: Le,
-  useArtifactuseEvent: Ea,
-  usePanelRegistry: va,
-  DEFAULT_PANELS: _t
+const Wa = {
+  ArtifactuseProvider: Pa,
+  useArtifactuse: Me,
+  useArtifactuseEvent: Sa,
+  usePanelRegistry: $a,
+  DEFAULT_PANELS: $t
 };
 export {
-  fa as ArtifactuseAgentMessage,
-  Zt as ArtifactuseCard,
-  Qt as ArtifactuseInlineForm,
-  ba as ArtifactusePanel,
-  Na as ArtifactusePanelToggle,
-  pa as ArtifactuseProvider,
-  ia as ArtifactuseSocialPreview,
-  oa as ArtifactuseViewer,
-  _t as DEFAULT_PANELS,
-  wa as default,
-  Le as useArtifactuse,
-  Ea as useArtifactuseEvent,
-  va as usePanelRegistry
+  Ma as ArtifactuseAgentMessage,
+  ma as ArtifactuseCard,
+  pa as ArtifactuseInlineForm,
+  Fa as ArtifactusePanel,
+  Va as ArtifactusePanelToggle,
+  Pa as ArtifactuseProvider,
+  ka as ArtifactuseSocialPreview,
+  xa as ArtifactuseViewer,
+  $t as DEFAULT_PANELS,
+  Wa as default,
+  Me as useArtifactuse,
+  Sa as useArtifactuseEvent,
+  $a as usePanelRegistry
 };