artifactuse 0.1.25 → 0.1.28

package/dist/vue/index.js

@@ -1,19 +1,19 @@
-import { ref as M, computed as b, createElementBlock as s, openBlock as a, normalizeClass as N, createElementVNode as e, toDisplayString as n, withModifiers as he, onMounted as we, watch as fe, Fragment as R, createCommentVNode as d, renderList as ue, createTextVNode as K, h as le, normalizeStyle as $e, createStaticVNode as Pt, createBlock as ke, resolveDynamicComponent as Bt, nextTick as ge, onUnmounted as Oe, Teleport as Et, createVNode as Ae, Transition as Me, withCtx as Le, withKeys as St, onBeforeUnmount as zt, unref as y, withDirectives as Qe, vShow as Ge, reactive as et, provide as It, inject as Ft } from "vue";
-import { g as Te, f as tt, a as Re, b as qe, n as Vt, i as Rt, D as qt, c as at } from "../index-Bzk5VnG1.js";
-import { J as Ot } from "../jszip.min-CdmYyw5L.js";
-const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class: "artifactuse-card__content" }, Nt = { class: "artifactuse-card__title" }, Jt = { class: "artifactuse-card__meta" }, Xt = { class: "artifactuse-card__type" }, Zt = { class: "artifactuse-card__size" }, Wt = { class: "artifactuse-card__actions" }, Kt = ["title"], Yt = {
+import { ref as M, computed as b, createElementBlock as s, openBlock as a, normalizeClass as J, createElementVNode as e, toDisplayString as o, withModifiers as ye, onMounted as xe, watch as pe, Fragment as F, createCommentVNode as d, renderList as de, createTextVNode as G, h as le, normalizeStyle as Ae, createStaticVNode as Bt, createBlock as be, resolveDynamicComponent as Et, nextTick as Ce, onUnmounted as De, Teleport as zt, createVNode as Be, Transition as Pe, withCtx as He, withKeys as It, onBeforeUnmount as Ft, unref as k, withDirectives as et, vShow as tt, reactive as st, provide as Vt, inject as Rt } from "vue";
+import { g as Se, f as it, a as Oe, b as Ue, n as qt, i as at, c as Ot, D as Ut, d as lt } from "../index-D56xsAnF.js";
+import { J as Dt } from "../jszip.min-CdmYyw5L.js";
+const jt = { class: "artifactuse-card__icon" }, Nt = ["innerHTML"], Jt = { class: "artifactuse-card__content" }, Xt = { class: "artifactuse-card__title" }, Zt = { class: "artifactuse-card__meta" }, Wt = { class: "artifactuse-card__type" }, Kt = { class: "artifactuse-card__size" }, Yt = { class: "artifactuse-card__actions" }, Qt = ["title"], Gt = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, Qt = {
+}, ea = {
   key: 1,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, Gt = {
+}, ta = {
   __name: "ArtifactuseCard",
   props: {
     artifact: {
@@ -26,58 +26,58 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
     }
   },
   emits: ["open", "copy", "download"],
-  setup(H, { emit: u }) {
-    const h = H, k = u, l = M(!1), U = b(() => Te(h.artifact.language)), S = b(() => {
-      var C;
-      return tt(h.artifact.size || ((C = h.artifact.code) == null ? void 0 : C.length) || 0);
-    }), A = b(() => Re(h.artifact.language));
-    function g(C) {
-      C.stopPropagation(), k("open", h.artifact);
-    }
-    async function o() {
+  setup(A, { emit: u }) {
+    const h = A, m = u, l = M(!1), U = b(() => Se(h.artifact.language)), E = b(() => {
+      var x;
+      return it(h.artifact.size || ((x = h.artifact.code) == null ? void 0 : x.length) || 0);
+    }), L = b(() => Oe(h.artifact.language));
+    function w(x) {
+      x.stopPropagation(), m("open", h.artifact);
+    }
+    async function n() {
       try {
         await navigator.clipboard.writeText(h.artifact.code), l.value = !0, setTimeout(() => {
           l.value = !1;
-        }, 2e3), k("copy", h.artifact);
-      } catch (C) {
-        console.error("Failed to copy:", C);
+        }, 2e3), m("copy", h.artifact);
+      } catch (x) {
+        console.error("Failed to copy:", x);
       }
     }
-    function m() {
-      var F;
-      const C = new Blob([h.artifact.code], { type: "text/plain" }), $ = URL.createObjectURL(C), q = document.createElement("a"), O = qe(h.artifact.language), J = ((F = h.artifact.title) == null ? void 0 : F.replace(/[^a-z0-9]/gi, "_").toLowerCase()) || "code";
-      q.href = $, q.download = `${J}.${O}`, document.body.appendChild(q), q.click(), document.body.removeChild(q), URL.revokeObjectURL($), k("download", h.artifact);
+    function y() {
+      var I;
+      const x = new Blob([h.artifact.code], { type: "text/plain" }), $ = URL.createObjectURL(x), V = document.createElement("a"), R = Ue(h.artifact.language), X = ((I = h.artifact.title) == null ? void 0 : I.replace(/[^a-z0-9]/gi, "_").toLowerCase()) || "code";
+      V.href = $, V.download = `${X}.${R}`, document.body.appendChild(V), V.click(), document.body.removeChild(V), URL.revokeObjectURL($), m("download", h.artifact);
     }
-    return (C, $) => (a(), s("div", {
-      class: N(["artifactuse-card", { "artifactuse-card--active": H.isActive }]),
-      onClick: g
+    return (x, $) => (a(), s("div", {
+      class: J(["artifactuse-card", { "artifactuse-card--active": A.isActive }]),
+      onClick: w
     }, [
-      e("div", Ut, [
+      e("div", jt, [
         (a(), s("svg", {
           viewBox: "0 0 24 24",
           fill: "none",
           stroke: "currentColor",
           "stroke-width": "1.5",
-          innerHTML: A.value
-        }, null, 8, Dt))
+          innerHTML: L.value
+        }, null, 8, Nt))
       ]),
-      e("div", jt, [
-        e("div", Nt, n(H.artifact.title), 1),
-        e("div", Jt, [
-          e("span", Xt, n(U.value), 1),
+      e("div", Jt, [
+        e("div", Xt, o(A.artifact.title), 1),
+        e("div", Zt, [
+          e("span", Wt, o(U.value), 1),
           $[0] || ($[0] = e("span", { class: "artifactuse-card__separator" }, "•", -1)),
-          e("span", Zt, n(S.value), 1)
+          e("span", Kt, o(E.value), 1)
         ])
       ]),
-      e("div", Wt, [
+      e("div", Yt, [
         e("button", {
           class: "artifactuse-card__action",
-          onClick: he(o, ["stop"]),
+          onClick: ye(n, ["stop"]),
           title: l.value ? "Copied!" : "Copy code"
         }, [
-          l.value ? (a(), s("svg", Qt, [...$[2] || ($[2] = [
+          l.value ? (a(), s("svg", ea, [...$[2] || ($[2] = [
             e("polyline", { points: "20 6 9 17 4 12" }, null, -1)
-          ])])) : (a(), s("svg", Yt, [...$[1] || ($[1] = [
+          ])])) : (a(), s("svg", Gt, [...$[1] || ($[1] = [
             e("rect", {
               x: "9",
               y: "9",
@@ -88,10 +88,10 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
             }, null, -1),
             e("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" }, null, -1)
           ])]))
-        ], 8, Kt),
+        ], 8, Qt),
         e("button", {
           class: "artifactuse-card__action",
-          onClick: he(m, ["stop"]),
+          onClick: ye(y, ["stop"]),
           title: "Download file"
         }, [...$[3] || ($[3] = [
           e("svg", {
@@ -123,10 +123,10 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
       ], -1))
     ], 2));
   }
-}, ea = ["data-artifactuse-theme"], ta = {
+}, aa = ["data-artifactuse-theme"], sa = {
   key: 0,
   class: "artifactuse-form-collapsed"
-}, aa = { class: "artifactuse-form-collapsed-icon" }, sa = {
+}, ia = { class: "artifactuse-form-collapsed-icon" }, la = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
@@ -134,7 +134,7 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
   "stroke-width": "2.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, ia = {
+}, na = {
   key: 1,
   viewBox: "0 0 24 24",
   fill: "none",
@@ -142,7 +142,7 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
   "stroke-width": "2.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, la = {
+}, oa = {
   key: 2,
   viewBox: "0 0 24 24",
   fill: "none",
@@ -150,64 +150,64 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
   "stroke-width": "2.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, na = { class: "artifactuse-form-collapsed-title" }, oa = {
+}, ra = { class: "artifactuse-form-collapsed-title" }, ca = {
   key: 0,
   class: "artifactuse-form-header"
-}, ra = {
+}, ua = {
   key: 0,
   class: "artifactuse-form-title"
-}, ca = {
+}, da = {
   key: 1,
   class: "artifactuse-form-description"
-}, ua = {
+}, va = {
   key: 1,
   class: "artifactuse-form-buttons"
-}, da = ["disabled", "onClick"], va = ["innerHTML"], fa = { class: "artifactuse-form-fields" }, pa = {
+}, fa = ["disabled", "onClick"], pa = ["innerHTML"], _a = { class: "artifactuse-form-fields" }, ha = {
   key: 0,
   class: "artifactuse-form-buttons"
-}, _a = ["type", "disabled", "onClick"], ha = {
+}, ma = ["type", "disabled", "onClick"], ya = {
   key: 0,
   class: "artifactuse-form-btn-spinner"
-}, ma = ["innerHTML"], ya = {
+}, ga = ["innerHTML"], ka = {
   key: 1,
   class: "artifactuse-form-divider"
-}, ga = {
+}, wa = {
   key: 2,
   class: "artifactuse-form-heading"
-}, ka = {
+}, Ca = {
   key: 3,
   class: "artifactuse-form-field"
-}, wa = { class: "artifactuse-checkbox-label" }, Ca = ["checked", "disabled", "onChange"], ba = { class: "artifactuse-checkbox-text" }, xa = {
+}, ba = { class: "artifactuse-checkbox-label" }, xa = ["checked", "disabled", "onChange"], $a = { class: "artifactuse-checkbox-text" }, Ma = {
   key: 0,
   class: "artifactuse-required"
-}, $a = {
+}, La = {
   key: 0,
   class: "artifactuse-help-text"
-}, Ma = {
+}, Ta = {
   key: 1,
   class: "artifactuse-error-text"
-}, La = {
+}, Aa = {
   key: 4,
   class: "artifactuse-form-field"
-}, Ta = ["for"], Aa = {
+}, Pa = ["for"], Ha = {
   key: 0,
   class: "artifactuse-required"
-}, Ha = ["id", "type", "value", "placeholder", "disabled", "required", "onInput"], Pa = ["id", "value", "placeholder", "disabled", "required", "rows", "onInput"], Ba = ["id", "value", "disabled", "required", "onChange"], Ea = { value: "" }, Sa = ["value", "disabled"], za = {
+}, Sa = ["id", "type", "value", "placeholder", "disabled", "required", "onInput"], Ba = ["id", "value", "placeholder", "disabled", "required", "rows", "onInput"], Ea = ["id", "value", "disabled", "required", "onChange"], za = { value: "" }, Ia = ["value", "disabled"], Fa = {
   key: 3,
   class: "artifactuse-radio-group"
-}, Ia = ["name", "value", "checked", "disabled", "onChange"], Fa = {
+}, Va = ["name", "value", "checked", "disabled", "onChange"], Ra = {
   key: 4,
   class: "artifactuse-help-text"
-}, Va = {
+}, qa = {
   key: 5,
   class: "artifactuse-error-text"
-}, Ra = {
+}, Oa = {
   key: 0,
   class: "artifactuse-form-buttons artifactuse-form-buttons-default"
-}, qa = ["disabled"], Oa = {
+}, Ua = ["disabled"], Da = {
   key: 0,
   class: "artifactuse-form-btn-spinner"
-}, Ua = {
+}, ja = {
   __name: "ArtifactuseInlineForm",
   props: {
     artifact: { type: Object, required: !0 },
@@ -216,172 +216,172 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
     initialState: {
       type: String,
       default: "active",
-      validator: (H) => ["active", "submitted", "cancelled", "inactive"].includes(H)
+      validator: (A) => ["active", "submitted", "cancelled", "inactive"].includes(A)
     }
   },
   emits: ["submit", "cancel", "reset", "button-click"],
-  setup(H, { emit: u }) {
-    const h = H, k = u, l = M(h.initialState), U = b(() => l.value !== "active"), S = b(() => l.value === "active" ? "" : `artifactuse-form--${l.value}`);
-    function A(_) {
-      l.value = _;
+  setup(A, { emit: u }) {
+    const h = A, m = u, l = M(h.initialState), U = b(() => l.value !== "active"), E = b(() => l.value === "active" ? "" : `artifactuse-form--${l.value}`);
+    function L(p) {
+      l.value = p;
     }
-    const g = b(() => {
+    const w = b(() => {
       try {
         return JSON.parse(h.artifact.code);
       } catch {
         return { title: "Invalid Form", variant: "fields", data: { fields: [] } };
       }
-    }), o = M(null), m = b(() => h.artifact.id || g.value.id || `form-${Date.now()}`), C = b(() => `artifactuse-form-${g.value.variant || "fields"}`), $ = b(() => g.value.title || "Form"), q = M({}), O = M({}), J = M(!1), F = b(() => {
-      var _;
-      return ((_ = g.value.data) == null ? void 0 : _.fields) || [];
-    }), ee = b(() => {
-      var _;
-      return g.value.variant === "buttons" ? ((_ = g.value.data) == null ? void 0 : _.fields) || [] : [];
-    }), I = b(() => F.value.some((_) => _.type === "buttons"));
-    function te(_) {
-      if (!_) return null;
-      const T = _.trim();
+    }), n = M(null), y = b(() => h.artifact.id || w.value.id || `form-${Date.now()}`), x = b(() => `artifactuse-form-${w.value.variant || "fields"}`), $ = b(() => w.value.title || "Form"), V = M({}), R = M({}), X = M(!1), I = b(() => {
+      var p;
+      return ((p = w.value.data) == null ? void 0 : p.fields) || [];
+    }), te = b(() => {
+      var p;
+      return w.value.variant === "buttons" ? ((p = w.value.data) == null ? void 0 : p.fields) || [] : [];
+    }), z = b(() => I.value.some((p) => p.type === "buttons"));
+    function ae(p) {
+      if (!p) return null;
+      const T = p.trim();
       if (T.startsWith("#")) {
         let c = T.slice(1);
-        if (c.length === 3 && (c = c.split("").map((P) => P + P).join("")), c.length === 6) {
-          const P = parseInt(c.slice(0, 2), 16), ne = parseInt(c.slice(2, 4), 16), ce = parseInt(c.slice(4, 6), 16);
-          if (!isNaN(P) && !isNaN(ne) && !isNaN(ce)) return `${P}, ${ne}, ${ce}`;
+        if (c.length === 3 && (c = c.split("").map((S) => S + S).join("")), c.length === 6) {
+          const S = parseInt(c.slice(0, 2), 16), ne = parseInt(c.slice(2, 4), 16), ue = parseInt(c.slice(4, 6), 16);
+          if (!isNaN(S) && !isNaN(ne) && !isNaN(ue)) return `${S}, ${ne}, ${ue}`;
         }
       }
       const r = T.match(/^rgba?\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i);
       if (r) return `${r[1]}, ${r[2]}, ${r[3]}`;
-      const E = T.split(/[\s,]+/).map(Number).filter((c) => !isNaN(c));
-      return E.length >= 3 ? `${E[0]}, ${E[1]}, ${E[2]}` : null;
+      const B = T.split(/[\s,]+/).map(Number).filter((c) => !isNaN(c));
+      return B.length >= 3 ? `${B[0]}, ${B[1]}, ${B[2]}` : null;
     }
-    function X() {
-      if (o.value && h.accent) {
-        const _ = te(h.accent);
-        _ && o.value.style.setProperty("--artifactuse-primary", _);
+    function Z() {
+      if (n.value && h.accent) {
+        const p = ae(h.accent);
+        p && n.value.style.setProperty("--artifactuse-primary", p);
       }
     }
-    we(() => {
-      X(), l.value = h.initialState;
-    }), fe(() => h.accent, X), fe(() => h.initialState, (_) => {
-      l.value = _;
+    xe(() => {
+      Z(), l.value = h.initialState;
+    }), pe(() => h.accent, Z), pe(() => h.initialState, (p) => {
+      l.value = p;
     });
-    function Z() {
+    function W() {
       var r;
-      const _ = {};
-      F.value.forEach((E) => {
-        ["buttons", "divider", "heading"].includes(E.type) || (E.defaultValue !== void 0 ? _[E.name] = E.defaultValue : E.type === "checkbox" ? _[E.name] = !1 : _[E.name] = "");
-      }), (r = g.value.data) != null && r.defaults && Object.assign(_, g.value.data.defaults), q.value = _;
+      const p = {};
+      I.value.forEach((B) => {
+        ["buttons", "divider", "heading"].includes(B.type) || (B.defaultValue !== void 0 ? p[B.name] = B.defaultValue : B.type === "checkbox" ? p[B.name] = !1 : p[B.name] = "");
+      }), (r = w.value.data) != null && r.defaults && Object.assign(p, w.value.data.defaults), V.value = p;
     }
-    Z(), fe(() => h.artifact.code, Z);
-    function oe(_) {
-      return ["text", "email", "password", "tel", "url", "number", "date", "time", "datetime-local"].includes(_);
+    W(), pe(() => h.artifact.code, W);
+    function ve(p) {
+      return ["text", "email", "password", "tel", "url", "number", "date", "time", "datetime-local"].includes(p);
     }
-    function f(_) {
-      return _ ? _.map((T) => typeof T == "string" ? { label: T, value: T } : T) : [];
+    function f(p) {
+      return p ? p.map((T) => typeof T == "string" ? { label: T, value: T } : T) : [];
     }
-    function p(_, T) {
-      q.value[_] = T, O.value[_] && delete O.value[_];
+    function _(p, T) {
+      V.value[p] = T, R.value[p] && delete R.value[p];
     }
-    function ae() {
-      var E;
-      const _ = {};
-      F.value.forEach((c) => {
+    function ie() {
+      var B;
+      const p = {};
+      I.value.forEach((c) => {
         if (["buttons", "divider", "heading"].includes(c.type)) return;
-        const P = q.value[c.name];
-        if (c.required && !P && P !== 0 && P !== !1) {
-          _[c.name] = `${c.label || "This field"} is required`;
+        const S = V.value[c.name];
+        if (c.required && !S && S !== 0 && S !== !1) {
+          p[c.name] = `${c.label || "This field"} is required`;
           return;
         }
-        if (c.pattern && P && !new RegExp(c.pattern).test(P)) {
-          _[c.name] = c.patternMessage || `${c.label || "This field"} is invalid`;
+        if (c.pattern && S && !new RegExp(c.pattern).test(S)) {
+          p[c.name] = c.patternMessage || `${c.label || "This field"} is invalid`;
           return;
         }
-        if (c.type === "email" && P && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(P)) {
-          _[c.name] = "Please enter a valid email address";
+        if (c.type === "email" && S && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(S)) {
+          p[c.name] = "Please enter a valid email address";
           return;
         }
-        if (c.minLength && P && P.length < c.minLength) {
-          _[c.name] = `Minimum ${c.minLength} characters required`;
+        if (c.minLength && S && S.length < c.minLength) {
+          p[c.name] = `Minimum ${c.minLength} characters required`;
           return;
         }
-        if (c.maxLength && P && P.length > c.maxLength) {
-          _[c.name] = `Maximum ${c.maxLength} characters allowed`;
+        if (c.maxLength && S && S.length > c.maxLength) {
+          p[c.name] = `Maximum ${c.maxLength} characters allowed`;
           return;
         }
       });
-      const r = (E = g.value.data) == null ? void 0 : E.validation;
-      return r && Object.entries(r).forEach(([c, P]) => {
-        if (_[c]) return;
-        const ne = q.value[c];
-        P.pattern && ne && (new RegExp(P.pattern).test(ne) || (_[c] = P.message || `${c} is invalid`));
-      }), O.value = _, Object.keys(_).length === 0;
-    }
-    function L() {
-      Z(), O.value = {};
-    }
-    function Y() {
-      ae() && (J.value = !0, k("submit", {
-        formId: m.value,
+      const r = (B = w.value.data) == null ? void 0 : B.validation;
+      return r && Object.entries(r).forEach(([c, S]) => {
+        if (p[c]) return;
+        const ne = V.value[c];
+        S.pattern && ne && (new RegExp(S.pattern).test(ne) || (p[c] = S.message || `${c} is invalid`));
+      }), R.value = p, Object.keys(p).length === 0;
+    }
+    function H() {
+      W(), R.value = {};
+    }
+    function K() {
+      ie() && (X.value = !0, m("submit", {
+        formId: y.value,
         action: "submit",
-        values: { ...q.value },
+        values: { ...V.value },
         timestamp: Date.now()
       }), setTimeout(() => {
-        J.value = !1, A("submitted");
+        X.value = !1, L("submitted");
       }, 300));
     }
-    function Q(_) {
-      const T = _.action || "custom";
+    function ee(p) {
+      const T = p.action || "custom";
       switch (T) {
         case "submit":
-          Y();
+          K();
           break;
         case "cancel":
-          k("cancel", {
-            formId: m.value,
+          m("cancel", {
+            formId: y.value,
             action: "cancel",
-            buttonName: _.name || "cancel",
+            buttonName: p.name || "cancel",
             timestamp: Date.now()
           }), setTimeout(() => {
-            A("cancelled");
+            L("cancelled");
           }, 150);
           break;
         case "reset":
-          L(), k("reset", {
-            formId: m.value,
+          H(), m("reset", {
+            formId: y.value,
             action: "reset",
-            buttonName: _.name || "reset",
+            buttonName: p.name || "reset",
             timestamp: Date.now()
           });
           break;
         case "custom":
         default:
-          k("button-click", {
-            formId: m.value,
+          m("button-click", {
+            formId: y.value,
             action: T,
-            buttonName: _.name || _.label,
-            buttonLabel: _.label,
-            values: { ...q.value },
+            buttonName: p.name || p.label,
+            buttonLabel: p.label,
+            values: { ...V.value },
             timestamp: Date.now()
           }), setTimeout(() => {
-            A("submitted");
+            L("submitted");
           }, 150);
           break;
       }
     }
-    return (_, T) => (a(), s("div", {
+    return (p, T) => (a(), s("div", {
       ref_key: "containerRef",
-      ref: o,
-      class: N([
+      ref: n,
+      class: J([
         "artifactuse-inline-form",
-        C.value,
-        S.value
+        x.value,
+        E.value
       ]),
-      "data-artifactuse-theme": H.theme
+      "data-artifactuse-theme": A.theme
     }, [
-      U.value ? (a(), s("div", ta, [
-        e("div", aa, [
-          l.value === "submitted" ? (a(), s("svg", sa, [...T[1] || (T[1] = [
+      U.value ? (a(), s("div", sa, [
+        e("div", ia, [
+          l.value === "submitted" ? (a(), s("svg", la, [...T[1] || (T[1] = [
             e("polyline", { points: "20 6 9 17 4 12" }, null, -1)
-          ])])) : l.value === "cancelled" ? (a(), s("svg", ia, [...T[2] || (T[2] = [
+          ])])) : l.value === "cancelled" ? (a(), s("svg", na, [...T[2] || (T[2] = [
             e("line", {
               x1: "18",
               y1: "6",
@@ -394,7 +394,7 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
               x2: "18",
               y2: "18"
             }, null, -1)
-          ])])) : (a(), s("svg", la, [...T[3] || (T[3] = [
+          ])])) : (a(), s("svg", oa, [...T[3] || (T[3] = [
             e("line", {
               x1: "5",
               y1: "12",
@@ -403,112 +403,112 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
             }, null, -1)
           ])]))
         ]),
-        e("span", na, n($.value), 1)
-      ])) : (a(), s(R, { key: 1 }, [
-        g.value.title || g.value.description ? (a(), s("div", oa, [
-          g.value.title ? (a(), s("div", ra, n(g.value.title), 1)) : d("", !0),
-          g.value.description ? (a(), s("p", ca, n(g.value.description), 1)) : d("", !0)
+        e("span", ra, o($.value), 1)
+      ])) : (a(), s(F, { key: 1 }, [
+        w.value.title || w.value.description ? (a(), s("div", ca, [
+          w.value.title ? (a(), s("div", ua, o(w.value.title), 1)) : d("", !0),
+          w.value.description ? (a(), s("p", da, o(w.value.description), 1)) : d("", !0)
         ])) : d("", !0),
-        g.value.variant === "buttons" ? (a(), s("div", ua, [
-          (a(!0), s(R, null, ue(ee.value, (r) => (a(), s("button", {
+        w.value.variant === "buttons" ? (a(), s("div", va, [
+          (a(!0), s(F, null, de(te.value, (r) => (a(), s("button", {
             key: r.name || r.label,
             type: "button",
-            class: N(["artifactuse-form-btn", `artifactuse-form-btn-${r.variant || "secondary"}`]),
-            disabled: r.disabled || J.value,
-            onClick: (E) => Q(r)
+            class: J(["artifactuse-form-btn", `artifactuse-form-btn-${r.variant || "secondary"}`]),
+            disabled: r.disabled || X.value,
+            onClick: (B) => ee(r)
           }, [
             r.icon ? (a(), s("span", {
               key: 0,
               class: "artifactuse-form-btn-icon",
               innerHTML: r.icon
-            }, null, 8, va)) : d("", !0),
-            K(" " + n(r.label), 1)
-          ], 10, da))), 128))
+            }, null, 8, pa)) : d("", !0),
+            G(" " + o(r.label), 1)
+          ], 10, fa))), 128))
         ])) : (a(), s("form", {
           key: 2,
           class: "artifactuse-form",
-          onSubmit: he(Y, ["prevent"])
+          onSubmit: ye(K, ["prevent"])
         }, [
-          e("div", fa, [
-            (a(!0), s(R, null, ue(F.value, (r, E) => (a(), s(R, {
-              key: r.name || E
+          e("div", _a, [
+            (a(!0), s(F, null, de(I.value, (r, B) => (a(), s(F, {
+              key: r.name || B
             }, [
-              r.type === "buttons" ? (a(), s("div", pa, [
-                (a(!0), s(R, null, ue(r.fields || [], (c) => (a(), s("button", {
+              r.type === "buttons" ? (a(), s("div", ha, [
+                (a(!0), s(F, null, de(r.fields || [], (c) => (a(), s("button", {
                   key: c.name || c.label,
                   type: c.action === "submit" ? "submit" : "button",
-                  class: N(["artifactuse-form-btn", `artifactuse-form-btn-${c.variant || "secondary"}`]),
-                  disabled: c.disabled || c.action === "submit" && J.value,
-                  onClick: (P) => c.action !== "submit" ? Q(c) : null
+                  class: J(["artifactuse-form-btn", `artifactuse-form-btn-${c.variant || "secondary"}`]),
+                  disabled: c.disabled || c.action === "submit" && X.value,
+                  onClick: (S) => c.action !== "submit" ? ee(c) : null
                 }, [
-                  J.value && c.action === "submit" ? (a(), s("span", ha)) : c.icon ? (a(), s("span", {
+                  X.value && c.action === "submit" ? (a(), s("span", ya)) : c.icon ? (a(), s("span", {
                     key: 1,
                     class: "artifactuse-form-btn-icon",
                     innerHTML: c.icon
-                  }, null, 8, ma)) : d("", !0),
-                  K(" " + n(J.value && c.action === "submit" ? "Submitting..." : c.label), 1)
-                ], 10, _a))), 128))
-              ])) : r.type === "divider" ? (a(), s("div", ya)) : r.type === "heading" ? (a(), s("div", ga, n(r.label), 1)) : r.type === "checkbox" ? (a(), s("div", ka, [
-                e("label", wa, [
+                  }, null, 8, ga)) : d("", !0),
+                  G(" " + o(X.value && c.action === "submit" ? "Submitting..." : c.label), 1)
+                ], 10, ma))), 128))
+              ])) : r.type === "divider" ? (a(), s("div", ka)) : r.type === "heading" ? (a(), s("div", wa, o(r.label), 1)) : r.type === "checkbox" ? (a(), s("div", Ca, [
+                e("label", ba, [
                   e("input", {
                     type: "checkbox",
-                    checked: q.value[r.name],
+                    checked: V.value[r.name],
                     disabled: r.disabled,
                     class: "artifactuse-checkbox",
-                    onChange: (c) => p(r.name, c.target.checked)
-                  }, null, 40, Ca),
-                  e("span", ba, [
-                    K(n(r.label) + " ", 1),
-                    r.required ? (a(), s("span", xa, "*")) : d("", !0)
+                    onChange: (c) => _(r.name, c.target.checked)
+                  }, null, 40, xa),
+                  e("span", $a, [
+                    G(o(r.label) + " ", 1),
+                    r.required ? (a(), s("span", Ma, "*")) : d("", !0)
                   ])
                 ]),
-                r.helpText ? (a(), s("span", $a, n(r.helpText), 1)) : d("", !0),
-                O.value[r.name] ? (a(), s("span", Ma, n(O.value[r.name]), 1)) : d("", !0)
-              ])) : (a(), s("div", La, [
+                r.helpText ? (a(), s("span", La, o(r.helpText), 1)) : d("", !0),
+                R.value[r.name] ? (a(), s("span", Ta, o(R.value[r.name]), 1)) : d("", !0)
+              ])) : (a(), s("div", Aa, [
                 e("label", {
-                  for: `${m.value}-${r.name}`,
+                  for: `${y.value}-${r.name}`,
                   class: "artifactuse-label"
                 }, [
-                  K(n(r.label) + " ", 1),
-                  r.required ? (a(), s("span", Aa, "*")) : d("", !0)
-                ], 8, Ta),
-                oe(r.type) ? (a(), s("input", {
+                  G(o(r.label) + " ", 1),
+                  r.required ? (a(), s("span", Ha, "*")) : d("", !0)
+                ], 8, Pa),
+                ve(r.type) ? (a(), s("input", {
                   key: 0,
-                  id: `${m.value}-${r.name}`,
+                  id: `${y.value}-${r.name}`,
                   type: r.type,
-                  value: q.value[r.name],
+                  value: V.value[r.name],
                   placeholder: r.placeholder,
                   disabled: r.disabled,
                   required: r.required,
                   class: "artifactuse-input",
-                  onInput: (c) => p(r.name, c.target.value)
-                }, null, 40, Ha)) : r.type === "textarea" ? (a(), s("textarea", {
+                  onInput: (c) => _(r.name, c.target.value)
+                }, null, 40, Sa)) : r.type === "textarea" ? (a(), s("textarea", {
                   key: 1,
-                  id: `${m.value}-${r.name}`,
-                  value: q.value[r.name],
+                  id: `${y.value}-${r.name}`,
+                  value: V.value[r.name],
                   placeholder: r.placeholder,
                   disabled: r.disabled,
                   required: r.required,
                   rows: r.rows || 3,
                   class: "artifactuse-textarea",
-                  onInput: (c) => p(r.name, c.target.value)
-                }, null, 40, Pa)) : r.type === "select" ? (a(), s("select", {
+                  onInput: (c) => _(r.name, c.target.value)
+                }, null, 40, Ba)) : r.type === "select" ? (a(), s("select", {
                   key: 2,
-                  id: `${m.value}-${r.name}`,
-                  value: q.value[r.name],
+                  id: `${y.value}-${r.name}`,
+                  value: V.value[r.name],
                   disabled: r.disabled,
                   required: r.required,
                   class: "artifactuse-select",
-                  onChange: (c) => p(r.name, c.target.value)
+                  onChange: (c) => _(r.name, c.target.value)
                 }, [
-                  e("option", Ea, n(r.placeholder || "Select..."), 1),
-                  (a(!0), s(R, null, ue(f(r.options), (c) => (a(), s("option", {
+                  e("option", za, o(r.placeholder || "Select..."), 1),
+                  (a(!0), s(F, null, de(f(r.options), (c) => (a(), s("option", {
                     key: c.value,
                     value: c.value,
                     disabled: c.disabled
-                  }, n(c.label), 9, Sa))), 128))
-                ], 40, Ba)) : r.type === "radio" ? (a(), s("div", za, [
-                  (a(!0), s(R, null, ue(f(r.options), (c) => (a(), s("label", {
+                  }, o(c.label), 9, Ia))), 128))
+                ], 40, Ea)) : r.type === "radio" ? (a(), s("div", Fa, [
+                  (a(!0), s(F, null, de(f(r.options), (c) => (a(), s("label", {
                     key: c.value,
                     class: "artifactuse-radio-label"
                   }, [
@@ -516,103 +516,103 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                       type: "radio",
                       name: r.name,
                       value: c.value,
-                      checked: q.value[r.name] === c.value,
+                      checked: V.value[r.name] === c.value,
                       disabled: c.disabled || r.disabled,
                       class: "artifactuse-radio",
-                      onChange: (P) => p(r.name, c.value)
-                    }, null, 40, Ia),
-                    e("span", null, n(c.label), 1)
+                      onChange: (S) => _(r.name, c.value)
+                    }, null, 40, Va),
+                    e("span", null, o(c.label), 1)
                   ]))), 128))
                 ])) : d("", !0),
-                r.helpText ? (a(), s("span", Fa, n(r.helpText), 1)) : d("", !0),
-                O.value[r.name] ? (a(), s("span", Va, n(O.value[r.name]), 1)) : d("", !0)
+                r.helpText ? (a(), s("span", Ra, o(r.helpText), 1)) : d("", !0),
+                R.value[r.name] ? (a(), s("span", qa, o(R.value[r.name]), 1)) : d("", !0)
               ]))
             ], 64))), 128))
           ]),
-          I.value ? d("", !0) : (a(), s("div", Ra, [
+          z.value ? d("", !0) : (a(), s("div", Oa, [
             e("button", {
               type: "button",
               class: "artifactuse-form-btn artifactuse-form-btn-ghost",
-              onClick: T[0] || (T[0] = (r) => Q({ action: "cancel", label: "Cancel" }))
+              onClick: T[0] || (T[0] = (r) => ee({ action: "cancel", label: "Cancel" }))
             }, " Cancel "),
             e("button", {
               type: "submit",
               class: "artifactuse-form-btn artifactuse-form-btn-primary",
-              disabled: J.value
+              disabled: X.value
             }, [
-              J.value ? (a(), s("span", Oa)) : d("", !0),
-              K(" " + n(J.value ? "Submitting..." : "Submit"), 1)
-            ], 8, qa)
+              X.value ? (a(), s("span", Da)) : d("", !0),
+              G(" " + o(X.value ? "Submitting..." : "Submit"), 1)
+            ], 8, Ua)
           ]))
         ], 32))
       ], 64))
-    ], 10, ea));
+    ], 10, aa));
   }
-}, Da = ["data-artifactuse-theme"], ja = { class: "artifactuse-social-header" }, Na = ["src", "alt"], Ja = { class: "artifactuse-social-author" }, Xa = { class: "artifactuse-social-author-name" }, Za = { class: "artifactuse-social-author-meta" }, Wa = { class: "artifactuse-social-author-handle" }, Ka = { class: "artifactuse-social-timestamp" }, Ya = { class: "artifactuse-social-content" }, Qa = ["innerHTML"], Ga = {
+}, Na = ["data-artifactuse-theme"], Ja = { class: "artifactuse-social-header" }, Xa = ["src", "alt"], Za = { class: "artifactuse-social-author" }, Wa = { class: "artifactuse-social-author-name" }, Ka = { class: "artifactuse-social-author-meta" }, Ya = { class: "artifactuse-social-author-handle" }, Qa = { class: "artifactuse-social-timestamp" }, Ga = { class: "artifactuse-social-content" }, es = ["innerHTML"], ts = {
   key: 0,
   class: "artifactuse-social-media"
-}, es = ["data-count"], ts = ["src", "alt"], as = {
+}, as = ["data-count"], ss = ["src", "alt"], is = {
   key: 1,
   class: "artifactuse-social-link-card"
-}, ss = ["src", "alt"], is = { class: "artifactuse-social-link-info" }, ls = { class: "artifactuse-social-link-domain" }, ns = { class: "artifactuse-social-link-title" }, os = {
+}, ls = ["src", "alt"], ns = { class: "artifactuse-social-link-info" }, os = { class: "artifactuse-social-link-domain" }, rs = { class: "artifactuse-social-link-title" }, cs = {
   key: 0,
   class: "artifactuse-social-link-description"
-}, rs = {
+}, us = {
   key: 2,
   class: "artifactuse-social-poll"
-}, cs = { class: "artifactuse-social-poll-label" }, us = { class: "artifactuse-social-poll-label-percent" }, ds = { class: "artifactuse-social-poll-meta" }, vs = {
+}, ds = { class: "artifactuse-social-poll-label" }, vs = { class: "artifactuse-social-poll-label-percent" }, fs = { class: "artifactuse-social-poll-meta" }, ps = {
   key: 3,
   class: "artifactuse-social-quote"
-}, fs = { class: "artifactuse-social-quote-header" }, ps = ["src"], _s = { class: "artifactuse-social-quote-author" }, hs = { class: "artifactuse-social-quote-handle" }, ms = { class: "artifactuse-social-quote-text" }, ys = {
+}, _s = { class: "artifactuse-social-quote-header" }, hs = ["src"], ms = { class: "artifactuse-social-quote-author" }, ys = { class: "artifactuse-social-quote-handle" }, gs = { class: "artifactuse-social-quote-text" }, ks = {
   key: 0,
   class: "artifactuse-social-engagement"
-}, gs = { class: "artifactuse-social-stat" }, ks = { class: "artifactuse-social-stat" }, ws = { class: "artifactuse-social-stat" }, Cs = { class: "artifactuse-social-stat" }, bs = { class: "artifactuse-social-header" }, xs = ["src", "alt"], $s = { class: "artifactuse-social-author-info" }, Ms = { class: "artifactuse-social-author-name" }, Ls = {
+}, ws = { class: "artifactuse-social-stat" }, Cs = { class: "artifactuse-social-stat" }, bs = { class: "artifactuse-social-stat" }, xs = { class: "artifactuse-social-stat" }, $s = { class: "artifactuse-social-header" }, Ms = ["src", "alt"], Ls = { class: "artifactuse-social-author-info" }, Ts = { class: "artifactuse-social-author-name" }, As = {
   key: 0,
   class: "artifactuse-social-author-connection"
-}, Ts = { class: "artifactuse-social-author-headline" }, As = { class: "artifactuse-social-timestamp" }, Hs = { class: "artifactuse-social-content" }, Ps = ["innerHTML"], Bs = {
+}, Ps = { class: "artifactuse-social-author-headline" }, Hs = { class: "artifactuse-social-timestamp" }, Ss = { class: "artifactuse-social-content" }, Bs = ["innerHTML"], Es = {
   key: 0,
   class: "artifactuse-social-link-card"
-}, Es = ["src", "alt"], Ss = { class: "artifactuse-social-link-info" }, zs = { class: "artifactuse-social-link-title" }, Is = { class: "artifactuse-social-link-domain" }, Fs = {
+}, zs = ["src", "alt"], Is = { class: "artifactuse-social-link-info" }, Fs = { class: "artifactuse-social-link-title" }, Vs = { class: "artifactuse-social-link-domain" }, Rs = {
   key: 0,
   class: "artifactuse-social-engagement"
-}, Vs = { class: "artifactuse-social-reactions" }, Rs = { class: "artifactuse-social-header" }, qs = ["src", "alt"], Os = { class: "artifactuse-social-author-name" }, Us = {
+}, qs = { class: "artifactuse-social-reactions" }, Os = { class: "artifactuse-social-header" }, Us = ["src", "alt"], Ds = { class: "artifactuse-social-author-name" }, js = {
   key: 0,
   class: "artifactuse-social-verified",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, Ds = {
+}, Ns = {
   key: 0,
   class: "artifactuse-social-media"
-}, js = ["src", "alt"], Ns = { class: "artifactuse-social-likes" }, Js = { class: "artifactuse-social-caption" }, Xs = { class: "artifactuse-social-caption-author" }, Zs = ["innerHTML"], Ws = { class: "artifactuse-social-timestamp" }, Ks = { class: "artifactuse-social-header" }, Ys = ["src", "alt"], Qs = { class: "artifactuse-social-author-info" }, Gs = { class: "artifactuse-social-author-name" }, ei = { class: "artifactuse-social-timestamp" }, ti = { class: "artifactuse-social-content" }, ai = ["innerHTML"], si = {
+}, Js = ["src", "alt"], Xs = { class: "artifactuse-social-likes" }, Zs = { class: "artifactuse-social-caption" }, Ws = { class: "artifactuse-social-caption-author" }, Ks = ["innerHTML"], Ys = { class: "artifactuse-social-timestamp" }, Qs = { class: "artifactuse-social-header" }, Gs = ["src", "alt"], ei = { class: "artifactuse-social-author-info" }, ti = { class: "artifactuse-social-author-name" }, ai = { class: "artifactuse-social-timestamp" }, si = { class: "artifactuse-social-content" }, ii = ["innerHTML"], li = {
   key: 0,
   class: "artifactuse-social-link-card"
-}, ii = ["src", "alt"], li = { class: "artifactuse-social-link-info" }, ni = { class: "artifactuse-social-link-domain" }, oi = { class: "artifactuse-social-link-title" }, ri = {
+}, ni = ["src", "alt"], oi = { class: "artifactuse-social-link-info" }, ri = { class: "artifactuse-social-link-domain" }, ci = { class: "artifactuse-social-link-title" }, ui = {
   key: 0,
   class: "artifactuse-social-link-description"
-}, ci = {
+}, di = {
   key: 0,
   class: "artifactuse-social-engagement"
-}, ui = { class: "artifactuse-social-reactions" }, di = { class: "artifactuse-social-reaction-count" }, vi = { class: "artifactuse-social-comments-shares" }, fi = { class: "artifactuse-social-header" }, pi = ["src", "alt"], _i = { class: "artifactuse-social-author-info" }, hi = { class: "artifactuse-social-author-name" }, mi = {
+}, vi = { class: "artifactuse-social-reactions" }, fi = { class: "artifactuse-social-reaction-count" }, pi = { class: "artifactuse-social-comments-shares" }, _i = { class: "artifactuse-social-header" }, hi = ["src", "alt"], mi = { class: "artifactuse-social-author-info" }, yi = { class: "artifactuse-social-author-name" }, gi = {
   key: 0,
   class: "artifactuse-social-verified",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, yi = { class: "artifactuse-social-timestamp" }, gi = { class: "artifactuse-social-content" }, ki = ["innerHTML"], wi = {
+}, ki = { class: "artifactuse-social-timestamp" }, wi = { class: "artifactuse-social-content" }, Ci = ["innerHTML"], bi = {
   key: 0,
   class: "artifactuse-social-engagement"
-}, Ci = { class: "artifactuse-social-stat" }, bi = { class: "artifactuse-social-stat" }, xi = { class: "artifactuse-social-stat" }, $i = { class: "artifactuse-social-thumbnail" }, Mi = ["src", "alt"], Li = {
+}, xi = { class: "artifactuse-social-stat" }, $i = { class: "artifactuse-social-stat" }, Mi = { class: "artifactuse-social-stat" }, Li = { class: "artifactuse-social-thumbnail" }, Ti = ["src", "alt"], Ai = {
   key: 1,
   class: "artifactuse-social-duration"
-}, Ti = { class: "artifactuse-social-info" }, Ai = { class: "artifactuse-social-header" }, Hi = ["src", "alt"], Pi = { class: "artifactuse-social-author-name" }, Bi = ["innerHTML"], Ei = {
+}, Pi = { class: "artifactuse-social-info" }, Hi = { class: "artifactuse-social-header" }, Si = ["src", "alt"], Bi = { class: "artifactuse-social-author-name" }, Ei = ["innerHTML"], zi = {
   key: 0,
   class: "artifactuse-social-sound"
-}, Si = {
+}, Ii = {
   key: 1,
   class: "artifactuse-social-engagement"
-}, zi = { class: "artifactuse-social-thumbnail" }, Ii = ["src", "alt"], Fi = {
+}, Fi = { class: "artifactuse-social-thumbnail" }, Vi = ["src", "alt"], Ri = {
   key: 1,
   class: "artifactuse-social-duration"
-}, Vi = { class: "artifactuse-social-info" }, Ri = ["src", "alt"], qi = { class: "artifactuse-social-title" }, Oi = { class: "artifactuse-social-channel" }, Ui = { class: "artifactuse-social-meta" }, Di = { class: "artifactuse-social-actions-bar" }, ji = { class: "artifactuse-social-platform-badge" }, _e = '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>', Ni = {
+}, qi = { class: "artifactuse-social-info" }, Oi = ["src", "alt"], Ui = { class: "artifactuse-social-title" }, Di = { class: "artifactuse-social-channel" }, ji = { class: "artifactuse-social-meta" }, Ni = { class: "artifactuse-social-actions-bar" }, Ji = { class: "artifactuse-social-platform-badge" }, _e = '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>', Xi = {
   __name: "ArtifactuseSocialPreview",
   props: {
     artifact: {
@@ -625,37 +625,37 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
     }
   },
   emits: ["copy", "edit"],
-  setup(H, { emit: u }) {
-    const h = H, k = u, l = M(null), U = M("Copy"), S = b(() => {
+  setup(A, { emit: u }) {
+    const h = A, m = u, l = M(null), U = M("Copy"), E = b(() => {
       try {
         return JSON.parse(h.artifact.code);
       } catch {
         return { platform: "twitter", data: {} };
       }
-    }), A = b(() => {
+    }), L = b(() => {
       var f;
-      return ((f = S.value) == null ? void 0 : f.platform) || "twitter";
+      return ((f = E.value) == null ? void 0 : f.platform) || "twitter";
     });
     b(() => {
       var f;
-      return ((f = S.value) == null ? void 0 : f.variant) || "post";
+      return ((f = E.value) == null ? void 0 : f.variant) || "post";
     });
-    const g = b(() => {
-      var f, p;
-      return ((p = (f = S.value) == null ? void 0 : f.data) == null ? void 0 : p.author) || {};
-    }), o = b(() => {
-      var f, p;
-      return ((p = (f = S.value) == null ? void 0 : f.data) == null ? void 0 : p.content) || {};
-    }), m = b(() => {
-      var f, p;
-      return ((p = (f = S.value) == null ? void 0 : f.data) == null ? void 0 : p.engagement) || {};
-    }), C = b(() => {
-      var f, p;
-      return ((p = (f = S.value) == null ? void 0 : f.data) == null ? void 0 : p.meta) || {};
+    const w = b(() => {
+      var f, _;
+      return ((_ = (f = E.value) == null ? void 0 : f.data) == null ? void 0 : _.author) || {};
+    }), n = b(() => {
+      var f, _;
+      return ((_ = (f = E.value) == null ? void 0 : f.data) == null ? void 0 : _.content) || {};
+    }), y = b(() => {
+      var f, _;
+      return ((_ = (f = E.value) == null ? void 0 : f.data) == null ? void 0 : _.engagement) || {};
+    }), x = b(() => {
+      var f, _;
+      return ((_ = (f = E.value) == null ? void 0 : f.data) == null ? void 0 : _.meta) || {};
     }), $ = b(() => {
-      const f = m.value;
+      const f = y.value;
       return f.likes || f.comments || f.shares || f.retweets || f.replies || f.views;
-    }), q = b(() => `artifactuse-social-verified-${g.value.verifiedType || "blue"}`), O = b(() => ({
+    }), V = b(() => `artifactuse-social-verified-${w.value.verifiedType || "blue"}`), R = b(() => ({
       twitter: "X",
       linkedin: "LinkedIn",
       instagram: "Instagram",
@@ -663,7 +663,7 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
       threads: "Threads",
       tiktok: "TikTok",
       youtube: "YouTube"
-    })[A.value] || A.value), J = b(() => {
+    })[L.value] || L.value), X = b(() => {
       const f = {
         twitter: () => le("svg", { viewBox: "0 0 24 24", fill: "currentColor" }, [
           le("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" })
@@ -687,104 +687,104 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
           le("path", { d: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" })
         ])
       };
-      return f[A.value] || f.twitter;
-    }), F = b(() => {
-      let f = o.value.text || "";
+      return f[L.value] || f.twitter;
+    }), I = b(() => {
+      let f = n.value.text || "";
       return f = f.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), f = f.replace(/#(\w+)/g, '<span class="artifactuse-social-hashtag">#$1</span>'), f = f.replace(/@(\w+)/g, '<span class="artifactuse-social-mention">@$1</span>'), f = f.replace(
         /(https?:\/\/[^\s]+)/g,
         '<a href="$1" target="_blank" rel="noopener">$1</a>'
       ), f;
-    }), ee = b(() => {
-      const f = m.value.reactions || {};
-      return Object.values(f).reduce((p, ae) => p + (ae || 0), 0) || m.value.likes || 0;
+    }), te = b(() => {
+      const f = y.value.reactions || {};
+      return Object.values(f).reduce((_, ie) => _ + (ie || 0), 0) || y.value.likes || 0;
     });
-    function I(f) {
+    function z(f) {
       return f ? f >= 1e6 ? `${(f / 1e6).toFixed(1)}M` : f >= 1e3 ? `${(f / 1e3).toFixed(1)}K` : f.toString() : "0";
     }
-    function te(f) {
+    function ae(f) {
       try {
         return new URL(f).hostname.replace("www.", "");
       } catch {
         return f;
       }
     }
-    function X(f) {
+    function Z(f) {
       f.target.src = _e;
     }
-    function Z(f) {
+    function W(f) {
       f.target.style.display = "none";
     }
-    function oe() {
-      const f = o.value.text || "";
+    function ve() {
+      const f = n.value.text || "";
       navigator.clipboard.writeText(f).then(() => {
         U.value = "Copied!", setTimeout(() => {
           U.value = "Copy";
-        }, 2e3), k("copy", { platform: A.value, text: f });
+        }, 2e3), m("copy", { platform: L.value, text: f });
       });
     }
-    return (f, p) => {
-      var ae, L, Y, Q, _, T;
+    return (f, _) => {
+      var ie, H, K, ee, p, T;
       return a(), s("div", {
         ref_key: "containerRef",
         ref: l,
-        class: N(["artifactuse-social", [`artifactuse-social-${A.value}`]]),
-        "data-artifactuse-theme": H.theme
+        class: J(["artifactuse-social", [`artifactuse-social-${L.value}`]]),
+        "data-artifactuse-theme": A.theme
       }, [
-        A.value === "twitter" ? (a(), s(R, { key: 0 }, [
-          e("div", ja, [
+        L.value === "twitter" ? (a(), s(F, { key: 0 }, [
+          e("div", Ja, [
             e("img", {
-              src: g.value.avatar || _e,
-              alt: g.value.name,
+              src: w.value.avatar || _e,
+              alt: w.value.name,
               class: "artifactuse-social-avatar",
-              onError: X
-            }, null, 40, Na),
-            e("div", Ja, [
-              e("div", Xa, [
-                e("span", null, n(g.value.name), 1),
-                g.value.verified ? (a(), s("svg", {
+              onError: Z
+            }, null, 40, Xa),
+            e("div", Za, [
+              e("div", Wa, [
+                e("span", null, o(w.value.name), 1),
+                w.value.verified ? (a(), s("svg", {
                   key: 0,
-                  class: N(["artifactuse-social-verified", q.value]),
+                  class: J(["artifactuse-social-verified", V.value]),
                   viewBox: "0 0 24 24",
                   fill: "currentColor"
-                }, [...p[0] || (p[0] = [
+                }, [..._[0] || (_[0] = [
                   e("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" }, null, -1)
                 ])], 2)) : d("", !0)
               ]),
-              e("div", Za, [
-                e("span", Wa, n(g.value.handle), 1),
-                e("span", Ka, "· " + n(C.value.timestamp || "Just now"), 1)
+              e("div", Ka, [
+                e("span", Ya, o(w.value.handle), 1),
+                e("span", Qa, "· " + o(x.value.timestamp || "Just now"), 1)
               ])
             ])
           ]),
-          e("div", Ya, [
+          e("div", Ga, [
             e("p", {
               class: "artifactuse-social-text",
-              innerHTML: F.value
-            }, null, 8, Qa),
-            (ae = o.value.media) != null && ae.length ? (a(), s("div", Ga, [
+              innerHTML: I.value
+            }, null, 8, es),
+            (ie = n.value.media) != null && ie.length ? (a(), s("div", ts, [
               e("div", {
-                class: N(["artifactuse-social-media-grid", { "artifactuse-social-media-single": o.value.media.length === 1 }]),
-                "data-count": o.value.media.length
+                class: J(["artifactuse-social-media-grid", { "artifactuse-social-media-single": n.value.media.length === 1 }]),
+                "data-count": n.value.media.length
               }, [
-                (a(!0), s(R, null, ue(o.value.media.slice(0, 4), (r, E) => (a(), s("img", {
-                  key: E,
+                (a(!0), s(F, null, de(n.value.media.slice(0, 4), (r, B) => (a(), s("img", {
+                  key: B,
                   src: r.url,
                   alt: r.alt || "",
-                  onError: Z
-                }, null, 40, ts))), 128))
-              ], 10, es)
+                  onError: W
+                }, null, 40, ss))), 128))
+              ], 10, as)
             ])) : d("", !0),
-            o.value.link && !((L = o.value.media) != null && L.length) ? (a(), s("div", as, [
-              o.value.link.image ? (a(), s("img", {
+            n.value.link && !((H = n.value.media) != null && H.length) ? (a(), s("div", is, [
+              n.value.link.image ? (a(), s("img", {
                 key: 0,
-                src: o.value.link.image,
-                alt: o.value.link.title,
+                src: n.value.link.image,
+                alt: n.value.link.title,
                 class: "artifactuse-social-link-image",
-                onError: Z
-              }, null, 40, ss)) : d("", !0),
-              e("div", is, [
-                e("div", ls, [
-                  p[1] || (p[1] = e("svg", {
+                onError: W
+              }, null, 40, ls)) : d("", !0),
+              e("div", ns, [
+                e("div", os, [
+                  _[1] || (_[1] = e("svg", {
                     fill: "none",
                     viewBox: "0 0 24 24",
                     stroke: "currentColor"
@@ -796,46 +796,46 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                       d: "M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"
                     })
                   ], -1)),
-                  K(" " + n(o.value.link.domain || te(o.value.link.url)), 1)
+                  G(" " + o(n.value.link.domain || ae(n.value.link.url)), 1)
                 ]),
-                e("div", ns, n(o.value.link.title), 1),
-                o.value.link.description ? (a(), s("div", os, n(o.value.link.description), 1)) : d("", !0)
+                e("div", rs, o(n.value.link.title), 1),
+                n.value.link.description ? (a(), s("div", cs, o(n.value.link.description), 1)) : d("", !0)
               ])
             ])) : d("", !0),
-            o.value.poll ? (a(), s("div", rs, [
-              (a(!0), s(R, null, ue(o.value.poll.options, (r, E) => {
-                var c, P;
+            n.value.poll ? (a(), s("div", us, [
+              (a(!0), s(F, null, de(n.value.poll.options, (r, B) => {
+                var c, S;
                 return a(), s("div", {
-                  key: E,
+                  key: B,
                   class: "artifactuse-social-poll-option"
                 }, [
                   e("div", {
                     class: "artifactuse-social-poll-bar",
-                    style: $e({ width: `${((c = o.value.poll.votes) == null ? void 0 : c[E]) || 0}%` })
+                    style: Ae({ width: `${((c = n.value.poll.votes) == null ? void 0 : c[B]) || 0}%` })
                   }, null, 4),
-                  e("div", cs, [
-                    e("span", null, n(r), 1),
-                    e("span", us, n(((P = o.value.poll.votes) == null ? void 0 : P[E]) || 0) + "%", 1)
+                  e("div", ds, [
+                    e("span", null, o(r), 1),
+                    e("span", vs, o(((S = n.value.poll.votes) == null ? void 0 : S[B]) || 0) + "%", 1)
                   ])
                 ]);
               }), 128)),
-              e("div", ds, n(I(o.value.poll.totalVotes || 0)) + " votes · " + n(o.value.poll.duration || "Poll ended"), 1)
+              e("div", fs, o(z(n.value.poll.totalVotes || 0)) + " votes · " + o(n.value.poll.duration || "Poll ended"), 1)
             ])) : d("", !0),
-            o.value.quote ? (a(), s("div", vs, [
-              e("div", fs, [
+            n.value.quote ? (a(), s("div", ps, [
+              e("div", _s, [
                 e("img", {
-                  src: ((Y = o.value.quote.author) == null ? void 0 : Y.avatar) || _e,
+                  src: ((K = n.value.quote.author) == null ? void 0 : K.avatar) || _e,
                   class: "artifactuse-social-quote-avatar"
-                }, null, 8, ps),
-                e("span", _s, n((Q = o.value.quote.author) == null ? void 0 : Q.name), 1),
-                e("span", hs, n((_ = o.value.quote.author) == null ? void 0 : _.handle), 1)
+                }, null, 8, hs),
+                e("span", ms, o((ee = n.value.quote.author) == null ? void 0 : ee.name), 1),
+                e("span", ys, o((p = n.value.quote.author) == null ? void 0 : p.handle), 1)
               ]),
-              e("p", ms, n(o.value.quote.text), 1)
+              e("p", gs, o(n.value.quote.text), 1)
             ])) : d("", !0)
           ]),
-          $.value ? (a(), s("div", ys, [
-            e("div", gs, [
-              p[2] || (p[2] = e("svg", {
+          $.value ? (a(), s("div", ks, [
+            e("div", ws, [
+              _[2] || (_[2] = e("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
                 stroke: "currentColor",
@@ -843,10 +843,10 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
               }, [
                 e("path", { d: "M12 21C6.5 21 2 16.5 2 11V3l7 3 3-3 3 3 7-3v8c0 5.5-4.5 10-10 10z" })
               ], -1)),
-              e("span", null, n(I(m.value.replies || 0)), 1)
+              e("span", null, o(z(y.value.replies || 0)), 1)
             ]),
-            e("div", ks, [
-              p[3] || (p[3] = e("svg", {
+            e("div", Cs, [
+              _[3] || (_[3] = e("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
                 stroke: "currentColor",
@@ -854,10 +854,10 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
               }, [
                 e("path", { d: "M7 17L17 7M17 7H8M17 7V16" })
               ], -1)),
-              e("span", null, n(I(m.value.retweets || 0)), 1)
+              e("span", null, o(z(y.value.retweets || 0)), 1)
             ]),
-            e("div", ws, [
-              p[4] || (p[4] = e("svg", {
+            e("div", bs, [
+              _[4] || (_[4] = e("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
                 stroke: "currentColor",
@@ -865,10 +865,10 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
               }, [
                 e("path", { d: "M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" })
               ], -1)),
-              e("span", null, n(I(m.value.likes || 0)), 1)
+              e("span", null, o(z(y.value.likes || 0)), 1)
             ]),
-            e("div", Cs, [
-              p[5] || (p[5] = e("svg", {
+            e("div", xs, [
+              _[5] || (_[5] = e("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
                 stroke: "currentColor",
@@ -876,26 +876,26 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
               }, [
                 e("path", { d: "M15 3h4a2 2 0 012 2v14a2 2 0 01-2 2h-4M10 17l5-5-5-5M13.8 12H3" })
               ], -1)),
-              e("span", null, n(I(m.value.views || 0)), 1)
+              e("span", null, o(z(y.value.views || 0)), 1)
             ])
           ])) : d("", !0)
-        ], 64)) : A.value === "linkedin" ? (a(), s(R, { key: 1 }, [
-          e("div", bs, [
+        ], 64)) : L.value === "linkedin" ? (a(), s(F, { key: 1 }, [
+          e("div", $s, [
             e("img", {
-              src: g.value.avatar || _e,
-              alt: g.value.name,
+              src: w.value.avatar || _e,
+              alt: w.value.name,
               class: "artifactuse-social-avatar",
-              onError: X
-            }, null, 40, xs),
-            e("div", $s, [
-              e("div", Ms, [
-                K(n(g.value.name) + " ", 1),
-                g.value.connection ? (a(), s("span", Ls, "· " + n(g.value.connection), 1)) : d("", !0)
+              onError: Z
+            }, null, 40, Ms),
+            e("div", Ls, [
+              e("div", Ts, [
+                G(o(w.value.name) + " ", 1),
+                w.value.connection ? (a(), s("span", As, "· " + o(w.value.connection), 1)) : d("", !0)
               ]),
-              e("div", Ts, n(g.value.headline), 1),
-              e("div", As, [
-                K(n(C.value.timestamp || "Just now") + " · ", 1),
-                p[6] || (p[6] = e("svg", {
+              e("div", Ps, o(w.value.headline), 1),
+              e("div", Hs, [
+                G(o(x.value.timestamp || "Just now") + " · ", 1),
+                _[6] || (_[6] = e("svg", {
                   viewBox: "0 0 24 24",
                   fill: "currentColor"
                 }, [
@@ -904,81 +904,81 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
               ])
             ])
           ]),
-          e("div", Hs, [
+          e("div", Ss, [
             e("p", {
               class: "artifactuse-social-text",
-              innerHTML: F.value
-            }, null, 8, Ps),
-            o.value.link ? (a(), s("div", Bs, [
-              o.value.link.image ? (a(), s("img", {
+              innerHTML: I.value
+            }, null, 8, Bs),
+            n.value.link ? (a(), s("div", Es, [
+              n.value.link.image ? (a(), s("img", {
                 key: 0,
-                src: o.value.link.image,
-                alt: o.value.link.title,
+                src: n.value.link.image,
+                alt: n.value.link.title,
                 class: "artifactuse-social-link-image",
-                onError: Z
-              }, null, 40, Es)) : d("", !0),
-              e("div", Ss, [
-                e("div", zs, n(o.value.link.title), 1),
-                e("div", Is, n(o.value.link.domain || te(o.value.link.url)), 1)
+                onError: W
+              }, null, 40, zs)) : d("", !0),
+              e("div", Is, [
+                e("div", Fs, o(n.value.link.title), 1),
+                e("div", Vs, o(n.value.link.domain || ae(n.value.link.url)), 1)
               ])
             ])) : d("", !0)
           ]),
-          $.value ? (a(), s("div", Fs, [
-            e("div", Vs, [
-              p[7] || (p[7] = e("div", { class: "artifactuse-social-reaction-icons" }, [
+          $.value ? (a(), s("div", Rs, [
+            e("div", qs, [
+              _[7] || (_[7] = e("div", { class: "artifactuse-social-reaction-icons" }, [
                 e("span", { class: "artifactuse-social-reaction-icon" }, "👍"),
                 e("span", { class: "artifactuse-social-reaction-icon" }, "❤️"),
                 e("span", { class: "artifactuse-social-reaction-icon" }, "👏")
               ], -1)),
-              e("span", null, n(I(m.value.likes || 0)), 1)
+              e("span", null, o(z(y.value.likes || 0)), 1)
             ]),
-            e("span", null, n(I(m.value.comments || 0)) + " comments · " + n(I(m.value.shares || 0)) + " shares", 1)
+            e("span", null, o(z(y.value.comments || 0)) + " comments · " + o(z(y.value.shares || 0)) + " shares", 1)
           ])) : d("", !0)
-        ], 64)) : A.value === "instagram" ? (a(), s(R, { key: 2 }, [
-          e("div", Rs, [
+        ], 64)) : L.value === "instagram" ? (a(), s(F, { key: 2 }, [
+          e("div", Os, [
             e("img", {
-              src: g.value.avatar || _e,
-              alt: g.value.name,
+              src: w.value.avatar || _e,
+              alt: w.value.name,
               class: "artifactuse-social-avatar",
-              onError: X
-            }, null, 40, qs),
-            e("div", Os, [
-              K(n(g.value.name) + " ", 1),
-              g.value.verified ? (a(), s("svg", Us, [...p[8] || (p[8] = [
+              onError: Z
+            }, null, 40, Us),
+            e("div", Ds, [
+              G(o(w.value.name) + " ", 1),
+              w.value.verified ? (a(), s("svg", js, [..._[8] || (_[8] = [
                 e("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" }, null, -1)
               ])])) : d("", !0)
             ])
           ]),
-          (T = o.value.media) != null && T.length ? (a(), s("div", Ds, [
+          (T = n.value.media) != null && T.length ? (a(), s("div", Ns, [
             e("img", {
-              src: o.value.media[0].url,
-              alt: o.value.media[0].alt || "",
-              onError: Z
-            }, null, 40, js)
+              src: n.value.media[0].url,
+              alt: n.value.media[0].alt || "",
+              onError: W
+            }, null, 40, Js)
           ])) : d("", !0),
-          p[9] || (p[9] = Pt('<div class="artifactuse-social-actions"><div class="artifactuse-social-action"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg></div><div class="artifactuse-social-action"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path></svg></div><div class="artifactuse-social-action"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z"></path></svg></div></div>', 1)),
-          e("div", Ns, n(I(m.value.likes || 0)) + " likes", 1),
-          e("div", Js, [
-            e("span", Xs, n(g.value.name), 1),
+          _[9] || (_[9] = Bt('<div class="artifactuse-social-actions"><div class="artifactuse-social-action"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg></div><div class="artifactuse-social-action"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path></svg></div><div class="artifactuse-social-action"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z"></path></svg></div></div>', 1)),
+          e("div", Xs, o(z(y.value.likes || 0)) + " likes", 1),
+          e("div", Zs, [
+            e("span", Ws, o(w.value.name), 1),
             e("span", {
               class: "artifactuse-social-caption-text",
-              innerHTML: F.value
-            }, null, 8, Zs)
+              innerHTML: I.value
+            }, null, 8, Ks)
           ]),
-          e("div", Ws, n(C.value.timestamp || "Just now"), 1)
-        ], 64)) : A.value === "facebook" ? (a(), s(R, { key: 3 }, [
-          e("div", Ks, [
+          e("div", Ys, o(x.value.timestamp || "Just now"), 1)
+        ], 64)) : L.value === "facebook" ? (a(), s(F, { key: 3 }, [
+          e("div", Qs, [
             e("img", {
-              src: g.value.avatar || _e,
-              alt: g.value.name,
+              src: w.value.avatar || _e,
+              alt: w.value.name,
               class: "artifactuse-social-avatar",
-              onError: X
-            }, null, 40, Ys),
-            e("div", Qs, [
-              e("div", Gs, n(g.value.name), 1),
-              e("div", ei, [
-                K(n(C.value.timestamp || "Just now") + " · ", 1),
-                p[10] || (p[10] = e("svg", {
+              onError: Z
+            }, null, 40, Gs),
+            e("div", ei, [
+              e("div", ti, o(w.value.name), 1),
+              e("div", ai, [
+                G(o(x.value.timestamp || "Just now") + " · ", 1),
+                _[10] || (_[10] = e("svg", {
                   viewBox: "0 0 24 24",
                   fill: "currentColor"
                 }, [
@@ -987,64 +987,64 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
               ])
             ])
           ]),
-          e("div", ti, [
+          e("div", si, [
             e("p", {
               class: "artifactuse-social-text",
-              innerHTML: F.value
-            }, null, 8, ai),
-            o.value.link ? (a(), s("div", si, [
-              o.value.link.image ? (a(), s("img", {
+              innerHTML: I.value
+            }, null, 8, ii),
+            n.value.link ? (a(), s("div", li, [
+              n.value.link.image ? (a(), s("img", {
                 key: 0,
-                src: o.value.link.image,
-                alt: o.value.link.title,
+                src: n.value.link.image,
+                alt: n.value.link.title,
                 class: "artifactuse-social-link-image",
-                onError: Z
-              }, null, 40, ii)) : d("", !0),
-              e("div", li, [
-                e("div", ni, n(o.value.link.domain || te(o.value.link.url)), 1),
-                e("div", oi, n(o.value.link.title), 1),
-                o.value.link.description ? (a(), s("div", ri, n(o.value.link.description), 1)) : d("", !0)
+                onError: W
+              }, null, 40, ni)) : d("", !0),
+              e("div", oi, [
+                e("div", ri, o(n.value.link.domain || ae(n.value.link.url)), 1),
+                e("div", ci, o(n.value.link.title), 1),
+                n.value.link.description ? (a(), s("div", ui, o(n.value.link.description), 1)) : d("", !0)
               ])
             ])) : d("", !0)
           ]),
-          $.value ? (a(), s("div", ci, [
-            e("div", ui, [
-              p[11] || (p[11] = e("div", { class: "artifactuse-social-reaction-emojis" }, [
+          $.value ? (a(), s("div", di, [
+            e("div", vi, [
+              _[11] || (_[11] = e("div", { class: "artifactuse-social-reaction-emojis" }, [
                 e("span", { class: "artifactuse-social-reaction-emoji" }, "👍"),
                 e("span", { class: "artifactuse-social-reaction-emoji" }, "❤️"),
                 e("span", { class: "artifactuse-social-reaction-emoji" }, "😂")
               ], -1)),
-              e("span", di, n(I(ee.value)), 1)
+              e("span", fi, o(z(te.value)), 1)
             ]),
-            e("span", vi, n(I(m.value.comments || 0)) + " comments · " + n(I(m.value.shares || 0)) + " shares", 1)
+            e("span", pi, o(z(y.value.comments || 0)) + " comments · " + o(z(y.value.shares || 0)) + " shares", 1)
           ])) : d("", !0)
-        ], 64)) : A.value === "threads" ? (a(), s(R, { key: 4 }, [
-          e("div", fi, [
+        ], 64)) : L.value === "threads" ? (a(), s(F, { key: 4 }, [
+          e("div", _i, [
             e("img", {
-              src: g.value.avatar || _e,
-              alt: g.value.name,
+              src: w.value.avatar || _e,
+              alt: w.value.name,
               class: "artifactuse-social-avatar",
-              onError: X
-            }, null, 40, pi),
-            e("div", _i, [
-              e("div", hi, [
-                K(n(g.value.name) + " ", 1),
-                g.value.verified ? (a(), s("svg", mi, [...p[12] || (p[12] = [
+              onError: Z
+            }, null, 40, hi),
+            e("div", mi, [
+              e("div", yi, [
+                G(o(w.value.name) + " ", 1),
+                w.value.verified ? (a(), s("svg", gi, [..._[12] || (_[12] = [
                   e("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" }, null, -1)
                 ])])) : d("", !0)
               ]),
-              e("span", yi, n(C.value.timestamp || "Just now"), 1)
+              e("span", ki, o(x.value.timestamp || "Just now"), 1)
             ])
           ]),
-          e("div", gi, [
+          e("div", wi, [
             e("p", {
               class: "artifactuse-social-text",
-              innerHTML: F.value
-            }, null, 8, ki)
+              innerHTML: I.value
+            }, null, 8, Ci)
           ]),
-          $.value ? (a(), s("div", wi, [
-            e("div", Ci, [
-              p[13] || (p[13] = e("svg", {
+          $.value ? (a(), s("div", bi, [
+            e("div", xi, [
+              _[13] || (_[13] = e("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
                 stroke: "currentColor",
@@ -1052,10 +1052,10 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
               }, [
                 e("path", { d: "M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" })
               ], -1)),
-              e("span", null, n(I(m.value.likes || 0)), 1)
+              e("span", null, o(z(y.value.likes || 0)), 1)
             ]),
-            e("div", bi, [
-              p[14] || (p[14] = e("svg", {
+            e("div", $i, [
+              _[14] || (_[14] = e("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
                 stroke: "currentColor",
@@ -1063,10 +1063,10 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
               }, [
                 e("path", { d: "M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z" })
               ], -1)),
-              e("span", null, n(I(m.value.comments || 0)), 1)
+              e("span", null, o(z(y.value.comments || 0)), 1)
             ]),
-            e("div", xi, [
-              p[15] || (p[15] = e("svg", {
+            e("div", Mi, [
+              _[15] || (_[15] = e("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
                 stroke: "currentColor",
@@ -1074,18 +1074,18 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
               }, [
                 e("path", { d: "M7 17L17 7M17 7H8M17 7V16" })
               ], -1)),
-              e("span", null, n(I(m.value.shares || 0)), 1)
+              e("span", null, o(z(y.value.shares || 0)), 1)
             ])
           ])) : d("", !0)
-        ], 64)) : A.value === "tiktok" ? (a(), s(R, { key: 5 }, [
-          e("div", $i, [
-            o.value.thumbnail ? (a(), s("img", {
+        ], 64)) : L.value === "tiktok" ? (a(), s(F, { key: 5 }, [
+          e("div", Li, [
+            n.value.thumbnail ? (a(), s("img", {
               key: 0,
-              src: o.value.thumbnail,
-              alt: o.value.text,
-              onError: Z
-            }, null, 40, Mi)) : d("", !0),
-            p[16] || (p[16] = e("div", { class: "artifactuse-social-play-button" }, [
+              src: n.value.thumbnail,
+              alt: n.value.text,
+              onError: W
+            }, null, 40, Ti)) : d("", !0),
+            _[16] || (_[16] = e("div", { class: "artifactuse-social-play-button" }, [
               e("div", { class: "artifactuse-social-play-icon" }, [
                 e("svg", {
                   viewBox: "0 0 24 24",
@@ -1095,71 +1095,71 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                 ])
               ])
             ], -1)),
-            o.value.duration ? (a(), s("div", Li, n(o.value.duration), 1)) : d("", !0)
+            n.value.duration ? (a(), s("div", Ai, o(n.value.duration), 1)) : d("", !0)
           ]),
-          e("div", Ti, [
-            e("div", Ai, [
+          e("div", Pi, [
+            e("div", Hi, [
               e("img", {
-                src: g.value.avatar || _e,
-                alt: g.value.name,
+                src: w.value.avatar || _e,
+                alt: w.value.name,
                 class: "artifactuse-social-avatar",
-                onError: X
-              }, null, 40, Hi),
-              e("span", Pi, n(g.value.name), 1)
+                onError: Z
+              }, null, 40, Si),
+              e("span", Bi, o(w.value.name), 1)
             ]),
             e("p", {
               class: "artifactuse-social-text",
-              innerHTML: F.value
-            }, null, 8, Bi),
-            o.value.sound ? (a(), s("div", Ei, [
-              p[17] || (p[17] = e("svg", {
+              innerHTML: I.value
+            }, null, 8, Ei),
+            n.value.sound ? (a(), s("div", zi, [
+              _[17] || (_[17] = e("svg", {
                 viewBox: "0 0 24 24",
                 fill: "currentColor"
               }, [
                 e("path", { d: "M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6z" })
               ], -1)),
-              K(" " + n(o.value.sound), 1)
+              G(" " + o(n.value.sound), 1)
             ])) : d("", !0),
-            $.value ? (a(), s("div", Si, [
-              e("span", null, n(I(m.value.likes || 0)) + " likes", 1),
-              e("span", null, n(I(m.value.comments || 0)) + " comments", 1),
-              e("span", null, n(I(m.value.shares || 0)) + " shares", 1)
+            $.value ? (a(), s("div", Ii, [
+              e("span", null, o(z(y.value.likes || 0)) + " likes", 1),
+              e("span", null, o(z(y.value.comments || 0)) + " comments", 1),
+              e("span", null, o(z(y.value.shares || 0)) + " shares", 1)
             ])) : d("", !0)
           ])
-        ], 64)) : A.value === "youtube" ? (a(), s(R, { key: 6 }, [
-          e("div", zi, [
-            o.value.thumbnail ? (a(), s("img", {
+        ], 64)) : L.value === "youtube" ? (a(), s(F, { key: 6 }, [
+          e("div", Fi, [
+            n.value.thumbnail ? (a(), s("img", {
               key: 0,
-              src: o.value.thumbnail,
-              alt: o.value.title,
-              onError: Z
-            }, null, 40, Ii)) : d("", !0),
-            o.value.duration ? (a(), s("div", Fi, n(o.value.duration), 1)) : d("", !0)
+              src: n.value.thumbnail,
+              alt: n.value.title,
+              onError: W
+            }, null, 40, Vi)) : d("", !0),
+            n.value.duration ? (a(), s("div", Ri, o(n.value.duration), 1)) : d("", !0)
           ]),
-          e("div", Vi, [
+          e("div", qi, [
             e("img", {
-              src: g.value.avatar || _e,
-              alt: g.value.name,
+              src: w.value.avatar || _e,
+              alt: w.value.name,
               class: "artifactuse-social-avatar",
-              onError: X
-            }, null, 40, Ri),
+              onError: Z
+            }, null, 40, Oi),
             e("div", null, [
-              e("div", qi, n(o.value.title || o.value.text), 1),
-              e("div", Oi, n(g.value.name), 1),
-              e("div", Ui, n(I(m.value.views || 0)) + " views · " + n(C.value.timestamp || "Just now"), 1)
+              e("div", Ui, o(n.value.title || n.value.text), 1),
+              e("div", Di, o(w.value.name), 1),
+              e("div", ji, o(z(y.value.views || 0)) + " views · " + o(x.value.timestamp || "Just now"), 1)
             ])
           ])
         ], 64)) : d("", !0),
-        e("div", Di, [
-          e("div", ji, [
-            (a(), ke(Bt(J.value))),
-            e("span", null, n(O.value), 1)
+        e("div", Ni, [
+          e("div", Ji, [
+            (a(), be(Et(X.value))),
+            e("span", null, o(R.value), 1)
           ]),
           e("button", {
             class: "artifactuse-social-copy-btn",
-            onClick: oe
+            onClick: ve
           }, [
-            p[18] || (p[18] = e("svg", {
+            _[18] || (_[18] = e("svg", {
               viewBox: "0 0 24 24",
               fill: "none",
               stroke: "currentColor",
@@ -1175,31 +1175,31 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
               }),
               e("path", { d: "M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" })
             ], -1)),
-            K(" " + n(U.value), 1)
+            G(" " + o(U.value), 1)
           ])
         ])
-      ], 10, Da);
+      ], 10, Na);
     };
   }
-}, Ji = ["src", "alt"], Xi = ["src"], Zi = {
+}, Zi = ["src", "alt"], Wi = ["src"], Ki = {
   key: 2,
   class: "artifactuse-viewer-controls"
-}, Wi = ["title"], Ki = {
+}, Yi = ["title"], Qi = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, Yi = {
+}, Gi = {
   key: 1,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, Qi = {
+}, el = {
   key: 3,
   class: "artifactuse-viewer-caption"
-}, Gi = {
+}, tl = {
   __name: "ArtifactuseViewer",
   props: {
     // Whether the viewer is open
@@ -1229,63 +1229,63 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
     }
   },
   emits: ["close"],
-  setup(H, { emit: u }) {
-    const h = H, k = u, l = M(null), U = M(!1);
-    function S() {
-      U.value = !1, k("close");
+  setup(A, { emit: u }) {
+    const h = A, m = u, l = M(null), U = M(!1);
+    function E() {
+      U.value = !1, m("close");
     }
-    function A() {
+    function L() {
       h.type === "image" && (U.value = !U.value);
     }
-    function g() {
-      const m = document.createElement("a");
-      m.href = h.src, m.download = h.alt || "download", document.body.appendChild(m), m.click(), document.body.removeChild(m);
+    function w() {
+      const y = document.createElement("a");
+      y.href = h.src, y.download = h.alt || "download", document.body.appendChild(y), y.click(), document.body.removeChild(y);
     }
-    function o(m) {
-      m.key === "Escape" && h.isOpen && S();
+    function n(y) {
+      y.key === "Escape" && h.isOpen && E();
     }
-    return fe(() => h.isOpen, (m) => {
-      m ? (ge(() => {
-        var C;
-        (C = l.value) == null || C.focus();
+    return pe(() => h.isOpen, (y) => {
+      y ? (Ce(() => {
+        var x;
+        (x = l.value) == null || x.focus();
       }), document.body.style.overflow = "hidden") : (document.body.style.overflow = "", U.value = !1);
-    }), we(() => {
-      document.addEventListener("keydown", o);
-    }), Oe(() => {
-      document.removeEventListener("keydown", o), document.body.style.overflow = "";
-    }), (m, C) => (a(), ke(Et, { to: "body" }, [
-      Ae(Me, { name: "artifactuse-viewer" }, {
-        default: Le(() => [
-          H.isOpen ? (a(), s("div", {
+    }), xe(() => {
+      document.addEventListener("keydown", n);
+    }), De(() => {
+      document.removeEventListener("keydown", n), document.body.style.overflow = "";
+    }), (y, x) => (a(), be(zt, { to: "body" }, [
+      Be(Pe, { name: "artifactuse-viewer" }, {
+        default: He(() => [
+          A.isOpen ? (a(), s("div", {
             key: 0,
             class: "artifactuse-viewer-overlay",
-            onClick: S,
-            onKeydown: St(S, ["escape"]),
+            onClick: E,
+            onKeydown: It(E, ["escape"]),
             tabindex: "-1",
             ref_key: "overlayRef",
             ref: l
           }, [
             e("div", {
               class: "artifactuse-viewer-content",
-              onClick: C[0] || (C[0] = he(() => {
+              onClick: x[0] || (x[0] = ye(() => {
               }, ["stop"]))
             }, [
-              H.type === "image" ? (a(), s("img", {
+              A.type === "image" ? (a(), s("img", {
                 key: 0,
-                src: H.src,
-                alt: H.alt,
-                class: N(["artifactuse-viewer-image", { "artifactuse-viewer-image--zoomed": U.value }]),
-                onClick: A
-              }, null, 10, Ji)) : H.type === "pdf" ? (a(), s("iframe", {
+                src: A.src,
+                alt: A.alt,
+                class: J(["artifactuse-viewer-image", { "artifactuse-viewer-image--zoomed": U.value }]),
+                onClick: L
+              }, null, 10, Zi)) : A.type === "pdf" ? (a(), s("iframe", {
                 key: 1,
-                src: H.src,
+                src: A.src,
                 class: "artifactuse-viewer-pdf"
-              }, null, 8, Xi)) : d("", !0),
+              }, null, 8, Wi)) : d("", !0),
               e("button", {
                 class: "artifactuse-viewer-close",
-                onClick: S,
+                onClick: E,
                 title: "Close (Esc)"
-              }, [...C[1] || (C[1] = [
+              }, [...x[1] || (x[1] = [
                 e("svg", {
                   viewBox: "0 0 24 24",
                   fill: "none",
@@ -1306,13 +1306,13 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                   })
                 ], -1)
               ])]),
-              H.type === "image" ? (a(), s("div", Zi, [
+              A.type === "image" ? (a(), s("div", Ki, [
                 e("button", {
                   class: "artifactuse-viewer-control",
-                  onClick: he(A, ["stop"]),
+                  onClick: ye(L, ["stop"]),
                   title: U.value ? "Zoom out" : "Zoom in"
                 }, [
-                  U.value ? (a(), s("svg", Yi, [...C[3] || (C[3] = [
+                  U.value ? (a(), s("svg", Gi, [...x[3] || (x[3] = [
                     e("circle", {
                       cx: "11",
                       cy: "11",
@@ -1330,7 +1330,7 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                       x2: "14",
                       y2: "11"
                     }, null, -1)
-                  ])])) : (a(), s("svg", Ki, [...C[2] || (C[2] = [
+                  ])])) : (a(), s("svg", Qi, [...x[2] || (x[2] = [
                     e("circle", {
                       cx: "11",
                       cy: "11",
@@ -1355,12 +1355,12 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                       y2: "11"
                     }, null, -1)
                   ])]))
-                ], 8, Wi),
+                ], 8, Yi),
                 e("button", {
                   class: "artifactuse-viewer-control",
-                  onClick: he(g, ["stop"]),
+                  onClick: ye(w, ["stop"]),
                   title: "Download"
-                }, [...C[4] || (C[4] = [
+                }, [...x[4] || (x[4] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
                     fill: "none",
@@ -1378,7 +1378,7 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                   ], -1)
                 ])])
               ])) : d("", !0),
-              H.caption ? (a(), s("div", Qi, n(H.caption), 1)) : d("", !0)
+              A.caption ? (a(), s("div", el, o(A.caption), 1)) : d("", !0)
             ])
           ], 544)) : d("", !0)
         ]),
@@ -1386,7 +1386,7 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
       })
     ]));
   }
-}, el = ["innerHTML"], Fn = {
+}, al = ["innerHTML"], Rn = {
   __name: "ArtifactuseAgentMessage",
   props: {
     // The raw message content (markdown/HTML from AI)
@@ -1414,6 +1414,26 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
     isLastMessage: {
       type: Boolean,
       default: !1
+    },
+    // Override global inlinePreview config for this message
+    inlinePreview: {
+      type: Object,
+      default: null
+    },
+    // Show full inline code (no extraction) for listed languages
+    inlineCode: {
+      type: Object,
+      default: null
+    },
+    // Override visible panel tabs for artifacts from this message
+    tabs: {
+      type: Array,
+      default: null
+    },
+    // Override initial panel view mode for artifacts from this message
+    viewMode: {
+      type: String,
+      default: null
     }
   },
   emits: [
@@ -1427,30 +1447,33 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
     "social-copy",
     "media-open"
   ],
-  setup(H, { expose: u, emit: h }) {
-    const k = H, l = h, {
+  setup(A, { expose: u, emit: h }) {
+    const m = A, l = h, {
       processMessage: U,
-      openArtifact: S,
-      state: A,
-      getTheme: g,
-      instance: o
-    } = He(), m = M(null), C = M(null), $ = M(""), q = M([]);
-    let O = null;
-    const J = M(!1), F = M("image"), ee = M(""), I = M(""), te = M(""), X = b(() => (g == null ? void 0 : g()) || "dark"), Z = b(() => A.activeArtifactId), oe = M(!1);
-    we(() => {
-      k.typing && (oe.value = !0);
-    }), fe(() => k.typing, (x) => {
-      x && (oe.value = !0);
+      openArtifact: E,
+      state: L,
+      getTheme: w,
+      instance: n
+    } = Ee(), y = M(null), x = M(null), $ = M(""), V = M([]);
+    let R = null;
+    const X = M(!1), I = M("image"), te = M(""), z = M(""), ae = M(""), Z = b(() => (w == null ? void 0 : w()) || "dark"), W = b(() => L.activeArtifactId), ve = b(() => {
+      var C;
+      return m.inlineCards ?? ((C = n == null ? void 0 : n.config) == null ? void 0 : C.inlineCards) ?? !0;
+    }), f = M(!1);
+    xe(() => {
+      m.typing && (f.value = !0);
+    }), pe(() => m.typing, (C) => {
+      C && (f.value = !0);
     });
-    const f = b(() => oe.value || k.isLastMessage ? "active" : "inactive");
-    function p(x) {
-      if (!x) return null;
+    const _ = b(() => f.value || m.isLastMessage ? "active" : "inactive");
+    function ie(C) {
+      if (!C) return null;
       try {
-        const V = decodeURIComponent(escape(atob(x)));
-        return JSON.parse(V);
+        const q = decodeURIComponent(escape(atob(C)));
+        return JSON.parse(q);
       } catch {
         try {
-          const D = x.replace(/&#10;/g, `
+          const D = C.replace(/&#10;/g, `
 `).replace(/&#13;/g, "\r").replace(/&#9;/g, "	").replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&");
           return JSON.parse(D);
         } catch (D) {
@@ -1458,650 +1481,688 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
         }
       }
     }
-    const ae = b(() => {
-      const x = [], V = $.value;
-      if (!V) return x;
+    const H = b(() => {
+      const C = [], q = $.value;
+      if (!q) return C;
       const D = /<div\s+class="artifactuse-placeholder[^"]*"[^>]*data-artifact-id="([^"]+)"[^>]*data-artifact-type="([^"]+)"[^>]*data-artifact=["']([^"']*)["'][^>]*><\/div>/gi;
-      let re = 0, z;
-      for (; (z = D.exec(V)) !== null; ) {
-        if (z.index > re) {
-          const B = V.slice(re, z.index);
-          B.trim() && x.push({ type: "html", content: B });
+      let Y = 0, P;
+      for (; (P = D.exec(q)) !== null; ) {
+        if (P.index > Y) {
+          const j = q.slice(Y, P.index);
+          j.trim() && C.push({ type: "html", content: j });
         }
-        const G = p(z[3]), v = z[2];
-        G && (v === "form" && G.isInline ? x.push({ type: "form", artifact: G }) : v === "social" ? x.push({ type: "social", artifact: G }) : x.push({ type: "panel", artifact: G })), re = z.index + z[0].length;
+        const N = ie(P[3]), v = P[2];
+        N && (v === "form" && N.isInline ? C.push({ type: "form", artifact: N }) : v === "social" ? C.push({ type: "social", artifact: N }) : C.push({ type: "panel", artifact: N })), Y = P.index + P[0].length;
       }
-      if (re < V.length) {
-        const G = V.slice(re);
-        G.trim() && x.push({ type: "html", content: G });
+      if (Y < q.length) {
+        const N = q.slice(Y);
+        N.trim() && C.push({ type: "html", content: N });
       }
-      return x.length === 0 && V.trim() && x.push({ type: "html", content: V }), x;
+      return C.length === 0 && q.trim() && C.push({ type: "html", content: q }), C;
     });
-    function L(x) {
-      F.value = x.type || "image", ee.value = x.src || "", I.value = x.alt || "", te.value = x.caption || "", J.value = !0, l("media-open", x);
+    function K(C) {
+      I.value = C.type || "image", te.value = C.src || "", z.value = C.alt || "", ae.value = C.caption || "", X.value = !0, l("media-open", C);
     }
-    function Y() {
-      J.value = !1, ee.value = "", I.value = "", te.value = "";
+    function ee() {
+      X.value = !1, te.value = "", z.value = "", ae.value = "";
     }
-    function Q() {
-      if (!C.value) return;
-      C.value.querySelectorAll('img[data-lightbox="true"]').forEach((v) => {
-        v._lightboxHandler && v.removeEventListener("click", v._lightboxHandler), v._lightboxHandler = (B) => {
-          B.preventDefault(), B.stopPropagation(), L({
+    function p() {
+      if (!x.value) return;
+      x.value.querySelectorAll('img[data-lightbox="true"]').forEach((v) => {
+        v._lightboxHandler && v.removeEventListener("click", v._lightboxHandler), v._lightboxHandler = (j) => {
+          j.preventDefault(), j.stopPropagation(), K({
             type: "image",
             src: v.src,
             alt: v.alt || "",
             caption: v.dataset.caption || v.alt || ""
           });
         }, v.addEventListener("click", v._lightboxHandler), v.style.cursor = "zoom-in";
-      }), C.value.querySelectorAll(".artifactuse-image-container img").forEach((v) => {
-        v._lightboxHandler || (v._lightboxHandler = (B) => {
-          B.preventDefault(), B.stopPropagation();
-          const W = v.closest(".artifactuse-image-container"), se = W == null ? void 0 : W.querySelector(".artifactuse-image-caption"), Ce = (se == null ? void 0 : se.textContent) || v.dataset.caption || v.alt || "";
-          L({
+      }), x.value.querySelectorAll(".artifactuse-image-container img").forEach((v) => {
+        v._lightboxHandler || (v._lightboxHandler = (j) => {
+          j.preventDefault(), j.stopPropagation();
+          const se = v.closest(".artifactuse-image-container"), oe = se == null ? void 0 : se.querySelector(".artifactuse-image-caption"), $e = (oe == null ? void 0 : oe.textContent) || v.dataset.caption || v.alt || "";
+          K({
             type: "image",
             src: v.src,
             alt: v.alt || "",
-            caption: Ce
+            caption: $e
           });
         }, v.addEventListener("click", v._lightboxHandler), v.style.cursor = "zoom-in");
-      }), C.value.querySelectorAll(".artifactuse-gallery-item img, .artifactuse-image-gallery img").forEach((v) => {
-        v._lightboxHandler || (v._lightboxHandler = (B) => {
-          B.preventDefault(), B.stopPropagation();
-          const W = v.closest(".artifactuse-gallery-item"), se = W == null ? void 0 : W.querySelector(".artifactuse-gallery-caption"), Ce = (se == null ? void 0 : se.textContent) || v.dataset.caption || v.alt || "";
-          L({
+      }), x.value.querySelectorAll(".artifactuse-gallery-item img, .artifactuse-image-gallery img").forEach((v) => {
+        v._lightboxHandler || (v._lightboxHandler = (j) => {
+          j.preventDefault(), j.stopPropagation();
+          const se = v.closest(".artifactuse-gallery-item"), oe = se == null ? void 0 : se.querySelector(".artifactuse-gallery-caption"), $e = (oe == null ? void 0 : oe.textContent) || v.dataset.caption || v.alt || "";
+          K({
             type: "image",
             src: v.src,
             alt: v.alt || "",
-            caption: Ce
+            caption: $e
           });
         }, v.addEventListener("click", v._lightboxHandler), v.style.cursor = "zoom-in");
-      }), C.value.querySelectorAll('a[href$=".pdf"], a[data-type="pdf"]').forEach((v) => {
-        v._pdfHandler && v.removeEventListener("click", v._pdfHandler), v._pdfHandler = (B) => {
-          B.preventDefault(), B.stopPropagation(), L({
+      }), x.value.querySelectorAll('a[href$=".pdf"], a[data-type="pdf"]').forEach((v) => {
+        v._pdfHandler && v.removeEventListener("click", v._pdfHandler), v._pdfHandler = (j) => {
+          j.preventDefault(), j.stopPropagation(), K({
             type: "pdf",
             src: v.href,
             alt: v.textContent || "PDF Document",
             caption: v.title || v.textContent || ""
           });
         }, v.addEventListener("click", v._pdfHandler);
-      }), C.value.querySelectorAll(".artifactuse-pdf-container, [data-pdf-viewer]").forEach((v) => {
-        var W;
+      }), x.value.querySelectorAll(".artifactuse-pdf-container, [data-pdf-viewer]").forEach((v) => {
+        var se;
         v._pdfHandler && v.removeEventListener("click", v._pdfHandler);
-        const B = v.dataset.pdfSrc || ((W = v.querySelector("iframe")) == null ? void 0 : W.src) || "";
-        B && (v._pdfHandler = (se) => {
-          se.preventDefault(), se.stopPropagation(), L({
+        const j = v.dataset.pdfSrc || ((se = v.querySelector("iframe")) == null ? void 0 : se.src) || "";
+        j && (v._pdfHandler = (oe) => {
+          oe.preventDefault(), oe.stopPropagation(), K({
             type: "pdf",
-            src: B,
+            src: j,
             alt: "PDF Document",
             caption: v.dataset.caption || ""
           });
         }, v.addEventListener("click", v._pdfHandler), v.style.cursor = "pointer");
-      }), C.value.querySelectorAll(".artifactuse-video-preview-wrapper, .video-preview-wrapper").forEach((v) => {
-        v._clickHandler && v.removeEventListener("click", v._clickHandler), v._clickHandler = (B) => {
-          if (B.target.closest(".artifactuse-video-play-button")) return;
-          const W = v.dataset.videoUrl || v.dataset.url;
-          W && window.open(W, "_blank", "noopener,noreferrer");
+      }), x.value.querySelectorAll(".artifactuse-video-preview-wrapper, .video-preview-wrapper").forEach((v) => {
+        v._clickHandler && v.removeEventListener("click", v._clickHandler), v._clickHandler = (j) => {
+          if (j.target.closest(".artifactuse-video-play-button")) return;
+          const se = v.dataset.videoUrl || v.dataset.url;
+          se && window.open(se, "_blank", "noopener,noreferrer");
         }, v.addEventListener("click", v._clickHandler);
       });
     }
-    function _() {
-      if (!C.value) return;
-      C.value.querySelectorAll("img").forEach((z) => {
-        z._lightboxHandler && (z.removeEventListener("click", z._lightboxHandler), delete z._lightboxHandler);
-      }), C.value.querySelectorAll('a[href$=".pdf"], a[data-type="pdf"]').forEach((z) => {
-        z._pdfHandler && (z.removeEventListener("click", z._pdfHandler), delete z._pdfHandler);
-      }), C.value.querySelectorAll(".artifactuse-pdf-container, [data-pdf-viewer]").forEach((z) => {
-        z._pdfHandler && (z.removeEventListener("click", z._pdfHandler), delete z._pdfHandler);
-      }), C.value.querySelectorAll(".artifactuse-video-preview-wrapper, .video-preview-wrapper").forEach((z) => {
-        z._clickHandler && (z.removeEventListener("click", z._clickHandler), delete z._clickHandler);
+    function T() {
+      if (!x.value) return;
+      x.value.querySelectorAll("img").forEach((P) => {
+        P._lightboxHandler && (P.removeEventListener("click", P._lightboxHandler), delete P._lightboxHandler);
+      }), x.value.querySelectorAll('a[href$=".pdf"], a[data-type="pdf"]').forEach((P) => {
+        P._pdfHandler && (P.removeEventListener("click", P._pdfHandler), delete P._pdfHandler);
+      }), x.value.querySelectorAll(".artifactuse-pdf-container, [data-pdf-viewer]").forEach((P) => {
+        P._pdfHandler && (P.removeEventListener("click", P._pdfHandler), delete P._pdfHandler);
+      }), x.value.querySelectorAll(".artifactuse-video-preview-wrapper, .video-preview-wrapper").forEach((P) => {
+        P._clickHandler && (P.removeEventListener("click", P._clickHandler), delete P._clickHandler);
       });
     }
-    function T() {
-      O && clearTimeout(O), O = setTimeout(async () => {
-        if (await ge(), o != null && o.initializeContent && C.value)
+    function r() {
+      R && clearTimeout(R), R = setTimeout(async () => {
+        if (await Ce(), n != null && n.initializeContent && x.value)
           try {
-            await o.initializeContent(C.value);
-          } catch (x) {
-            console.error("Failed to initialize content:", x);
+            await n.initializeContent(x.value);
+          } catch (C) {
+            console.error("Failed to initialize content:", C);
           }
-        Q();
+        p();
       }, 100);
     }
-    fe(
-      () => k.content,
-      (x) => {
-        if (x) {
-          const V = U(x, k.messageId);
-          $.value = V.html, q.value = V.artifacts, V.artifacts.length > 0 && l("artifact-detected", V.artifacts), k.typing || T();
+    pe(
+      () => m.content,
+      (C) => {
+        if (C) {
+          const q = U(C, m.messageId, {
+            inlinePreview: m.inlinePreview,
+            inlineCode: m.inlineCode,
+            tabs: m.tabs,
+            viewMode: m.viewMode
+          });
+          $.value = q.html, V.value = q.artifacts, q.artifacts.length > 0 && l("artifact-detected", q.artifacts), m.typing || r();
         }
       },
       { immediate: !0 }
-    ), fe(
-      () => k.typing,
-      (x, V) => {
-        V === !0 && x === !1 && T();
+    ), pe(
+      () => m.typing,
+      (C, q) => {
+        q === !0 && C === !1 && r();
       }
-    ), we(() => {
-      k.typing || T();
-    }), zt(() => {
-      O && clearTimeout(O), _();
+    ), xe(() => {
+      m.typing || r();
+    }), Ft(() => {
+      R && clearTimeout(R), T();
     });
-    function r(x) {
-      S(x), l("artifact-open", x);
+    function B(C) {
+      const q = C.target.closest(".artifactuse-inline-preview");
+      if (q) {
+        const D = q.dataset.artifactId;
+        if (D) {
+          const Y = L.artifacts.find((P) => P.id === D);
+          Y && c(Y);
+        }
+      }
     }
-    function E(x) {
-      l("artifact-copy", x);
+    function c(C) {
+      E(C), l("artifact-open", C);
     }
-    function c(x) {
-      l("artifact-download", x);
+    function S(C) {
+      l("artifact-copy", C);
     }
-    function P(x) {
-      l("form-submit", x);
+    function ne(C) {
+      l("artifact-download", C);
     }
-    function ne(x) {
-      l("form-cancel", x);
+    function ue(C) {
+      l("form-submit", C);
     }
-    function ce(x) {
-      l("form-button-click", x);
+    function fe(C) {
+      l("form-cancel", C);
     }
-    function de(x) {
-      l("social-copy", x);
+    function Le(C) {
+      l("form-button-click", C);
     }
-    return b(() => A.artifacts.filter((x) => x.messageId === k.messageId)), u({
-      openViewer: L,
-      closeViewer: Y,
-      attachMediaListeners: Q
-    }), (x, V) => (a(), s("div", {
+    function he(C) {
+      l("social-copy", C);
+    }
+    return b(() => L.artifacts.filter((C) => C.messageId === m.messageId)), u({
+      openViewer: K,
+      closeViewer: ee,
+      attachMediaListeners: p
+    }), (C, q) => (a(), s("div", {
       class: "artifactuse-agent-message",
       ref_key: "messageRef",
-      ref: m
+      ref: y
     }, [
       e("div", {
         class: "artifactuse-message-content",
         ref_key: "contentRef",
-        ref: C
+        ref: x,
+        onClick: B
       }, [
-        (a(!0), s(R, null, ue(ae.value, (D, re) => (a(), s(R, { key: re }, [
+        (a(!0), s(F, null, de(H.value, (D, Y) => (a(), s(F, { key: Y }, [
           D.type === "html" ? (a(), s("div", {
             key: 0,
             innerHTML: D.content
-          }, null, 8, el)) : D.type === "form" && D.artifact.isInline ? (a(), ke(Ua, {
+          }, null, 8, al)) : D.type === "form" && D.artifact.isInline ? (a(), be(ja, {
             key: 1,
             artifact: D.artifact,
-            theme: X.value,
-            "initial-state": f.value,
-            onSubmit: P,
-            onCancel: ne,
-            onButtonClick: ce
-          }, null, 8, ["artifact", "theme", "initial-state"])) : D.type === "social" ? (a(), ke(Ni, {
+            theme: Z.value,
+            "initial-state": _.value,
+            onSubmit: ue,
+            onCancel: fe,
+            onButtonClick: Le
+          }, null, 8, ["artifact", "theme", "initial-state"])) : D.type === "social" ? (a(), be(Xi, {
             key: 2,
             artifact: D.artifact,
-            theme: X.value,
-            onCopy: de
-          }, null, 8, ["artifact", "theme"])) : D.type === "panel" && H.inlineCards ? (a(), ke(Gt, {
+            theme: Z.value,
+            onCopy: he
+          }, null, 8, ["artifact", "theme"])) : D.type === "panel" && ve.value ? (a(), be(ta, {
             key: 3,
             artifact: D.artifact,
-            "is-active": Z.value === D.artifact.id,
-            onOpen: r,
-            onCopy: E,
-            onDownload: c
+            "is-active": W.value === D.artifact.id,
+            onOpen: c,
+            onCopy: S,
+            onDownload: ne
           }, null, 8, ["artifact", "is-active"])) : d("", !0)
         ], 64))), 128))
       ], 512),
-      Ae(Gi, {
-        "is-open": J.value,
-        type: F.value,
-        src: ee.value,
-        alt: I.value,
-        caption: te.value,
-        onClose: Y
+      Be(tl, {
+        "is-open": X.value,
+        type: I.value,
+        src: te.value,
+        alt: z.value,
+        caption: ae.value,
+        onClose: ee
       }, null, 8, ["is-open", "type", "src", "alt", "caption"])
     ], 512));
   }
-}, tl = { class: "artifactuse-panel__header artifactuse-panel__header--simple" }, al = { class: "artifactuse-panel__actions" }, sl = { class: "artifactuse-panel__footer artifactuse-panel__footer--simple" }, il = {
+}, sl = { class: "artifactuse-panel__header artifactuse-panel__header--simple" }, il = { class: "artifactuse-panel__actions" }, ll = { class: "artifactuse-panel__footer artifactuse-panel__footer--simple" }, nl = {
   key: 0,
   href: "https://artifactuse.com",
   target: "_blank",
   rel: "noopener noreferrer",
   class: "artifactuse-panel__branding"
-}, ll = { class: "artifactuse-panel__header artifactuse-panel__header--simple" }, nl = { class: "artifactuse-panel__title" }, ol = { class: "artifactuse-panel__title-content" }, rl = { class: "artifactuse-panel__meta" }, cl = { class: "artifactuse-panel__actions" }, ul = ["disabled"], dl = {
+}, ol = { class: "artifactuse-panel__header artifactuse-panel__header--simple" }, rl = { class: "artifactuse-panel__title" }, cl = { class: "artifactuse-panel__title-content" }, ul = { class: "artifactuse-panel__meta" }, dl = { class: "artifactuse-panel__actions" }, vl = ["disabled"], fl = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, vl = {
+}, pl = {
   key: 1,
   class: "artifactuse-panel__spinner-icon",
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, fl = { class: "artifactuse-panel__list" }, pl = { class: "artifactuse-panel__list-items" }, _l = ["onClick"], hl = ["innerHTML"], ml = { class: "artifactuse-panel__list-item-content" }, yl = { class: "artifactuse-panel__list-item-title" }, gl = { class: "artifactuse-panel__list-item-meta" }, kl = { class: "artifactuse-panel__footer artifactuse-panel__footer--simple" }, wl = {
+}, _l = { class: "artifactuse-panel__list" }, hl = { class: "artifactuse-panel__list-items" }, ml = ["onClick"], yl = ["innerHTML"], gl = { class: "artifactuse-panel__list-item-content" }, kl = { class: "artifactuse-panel__list-item-title" }, wl = { class: "artifactuse-panel__list-item-meta" }, Cl = { class: "artifactuse-panel__footer artifactuse-panel__footer--simple" }, bl = {
   key: 0,
   href: "https://artifactuse.com",
   target: "_blank",
   rel: "noopener noreferrer",
   class: "artifactuse-panel__branding"
-}, Cl = { class: "artifactuse-panel__header" }, bl = { class: "artifactuse-panel__title" }, xl = ["innerHTML"], $l = { class: "artifactuse-panel__title-content" }, Ml = { class: "artifactuse-panel__name" }, Ll = { class: "artifactuse-panel__meta" }, Tl = { class: "artifactuse-panel__tabs" }, Al = ["disabled"], Hl = ["disabled"], Pl = { class: "artifactuse-panel__actions" }, Bl = ["title"], El = {
+}, xl = { class: "artifactuse-panel__header" }, $l = { class: "artifactuse-panel__title" }, Ml = ["innerHTML"], Ll = { class: "artifactuse-panel__title-content" }, Tl = { class: "artifactuse-panel__name" }, Al = { class: "artifactuse-panel__meta" }, Pl = { class: "artifactuse-panel__tabs" }, Hl = ["disabled"], Sl = ["disabled"], Bl = { class: "artifactuse-panel__actions" }, El = ["title"], zl = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, Sl = {
+}, Il = {
   key: 1,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, zl = {
+}, Fl = {
   key: 0,
   class: "artifactuse-panel__loading"
-}, Il = {
+}, Vl = {
   key: 0,
   class: "artifactuse-panel__loading"
-}, Fl = ["src"], Vl = {
+}, Rl = ["src"], ql = {
   key: 2,
   class: "artifactuse-panel__no-preview"
-}, Rl = { class: "artifactuse-panel__edit" }, ql = { class: "artifactuse-panel__footer" }, Ol = { class: "artifactuse-panel__footer-left" }, Ul = {
+}, Ol = { class: "artifactuse-panel__edit" }, Ul = { class: "artifactuse-panel__footer" }, Dl = { class: "artifactuse-panel__footer-left" }, jl = {
   key: 0,
   href: "https://artifactuse.com",
   target: "_blank",
   rel: "noopener noreferrer",
   class: "artifactuse-panel__branding"
-}, Dl = {
+}, Nl = {
   key: 1,
   class: "artifactuse-panel__badge"
-}, jl = { class: "artifactuse-panel__footer-right" }, Nl = ["title"], Jl = {
+}, Jl = { class: "artifactuse-panel__footer-right" }, Xl = ["title"], Zl = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, Xl = {
+}, Wl = {
   key: 1,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, Zl = {
+}, Kl = {
   key: 0,
   style: { position: "relative" }
-}, Wl = {
+}, Yl = {
   key: 0,
   class: "artifactuse-share-popup"
-}, Kl = { class: "artifactuse-share-popup__header" }, Yl = { class: "artifactuse-share-popup__title" }, Ql = { class: "artifactuse-share-popup__body" }, Gl = {
+}, Ql = { class: "artifactuse-share-popup__header" }, Gl = { class: "artifactuse-share-popup__title" }, en = { class: "artifactuse-share-popup__body" }, tn = {
   key: 0,
   class: "artifactuse-share-popup__loading"
-}, en = { key: 1 }, tn = { class: "artifactuse-share-popup__error" }, an = { class: "artifactuse-share-popup__error-text" }, sn = { class: "artifactuse-share-popup__actions" }, ln = {
+}, an = { key: 1 }, sn = { class: "artifactuse-share-popup__error" }, ln = { class: "artifactuse-share-popup__error-text" }, nn = { class: "artifactuse-share-popup__actions" }, on = {
   key: 2,
   class: "artifactuse-share-popup__options"
-}, nn = { key: 3 }, on = {
+}, rn = { key: 3 }, cn = {
   key: 0,
   class: "artifactuse-share-popup__loading"
-}, rn = {
+}, un = {
   key: 1,
   class: "artifactuse-share-popup__empty"
-}, cn = {
+}, dn = {
   key: 2,
   class: "artifactuse-share-popup__artifact-list"
-}, un = ["onClick"], dn = { class: "artifactuse-share-popup__artifact-name" }, vn = { class: "artifactuse-share-popup__artifact-date" }, fn = {
+}, vn = ["onClick"], fn = { class: "artifactuse-share-popup__artifact-name" }, pn = { class: "artifactuse-share-popup__artifact-date" }, _n = {
   key: 4,
   class: "artifactuse-share-popup__success"
-}, pn = { class: "artifactuse-share-popup__link-wrapper" }, _n = ["value"], hn = {
+}, hn = { class: "artifactuse-share-popup__link-wrapper" }, mn = ["value"], yn = {
   key: 0,
   class: "artifactuse-share-popup__expiry"
-}, mn = { class: "artifactuse-share-popup__expiry-text" }, yn = {
+}, gn = { class: "artifactuse-share-popup__expiry-text" }, kn = {
   key: 1,
   class: "artifactuse-share-popup__save-prompt"
-}, gn = {
+}, wn = {
   key: 2,
   class: "artifactuse-panel__nav"
-}, kn = ["disabled"], wn = ["disabled"], Cn = {
+}, Cn = ["disabled"], bn = ["disabled"], xn = {
   key: 0,
   class: "artifactuse-panel__artifact-list"
-}, bn = { class: "artifactuse-panel__artifact-list-header" }, xn = { class: "artifactuse-panel__artifact-list-items" }, $n = ["onClick"], Mn = ["innerHTML"], Ln = { class: "artifactuse-panel__artifact-item-content" }, Tn = { class: "artifactuse-panel__artifact-item-title" }, An = { class: "artifactuse-panel__artifact-item-meta" }, Hn = { class: "artifactuse-panel__artifact-item-index" }, Vn = {
+}, $n = { class: "artifactuse-panel__artifact-list-header" }, Mn = { class: "artifactuse-panel__artifact-list-items" }, Ln = ["onClick"], Tn = ["innerHTML"], An = { class: "artifactuse-panel__artifact-item-content" }, Pn = { class: "artifactuse-panel__artifact-item-title" }, Hn = { class: "artifactuse-panel__artifact-item-meta" }, Sn = { class: "artifactuse-panel__artifact-item-index" }, qn = {
   __name: "ArtifactusePanel",
   emits: ["close", "ai-request", "save", "export", "resize"],
-  setup(H, { emit: u }) {
+  setup(A, { emit: u }) {
     const h = u, {
-      state: k,
+      state: m,
       activeArtifact: l,
       artifactCount: U,
-      hasArtifacts: S,
-      closePanel: A,
-      toggleFullscreen: g,
-      setViewMode: o,
-      getPanelUrl: m,
-      openArtifact: C,
+      hasArtifacts: E,
+      closePanel: L,
+      toggleFullscreen: w,
+      setViewMode: n,
+      getPanelUrl: y,
+      openArtifact: x,
       instance: $
-    } = He(), q = M(null), O = M(null), J = M(null), F = M(null), ee = M(null), I = M(null), te = M(!1), X = M(!1), Z = M(!0), oe = M(!1), f = M(!1), p = M(!1), ae = M(!1), L = M("options"), Y = M(""), Q = M(null), _ = M(""), T = M(!1), r = M(!1), E = M([]), c = M(!1), P = M("");
-    let ne = null, ce = null, de = null;
-    const x = b(() => {
+    } = Ee(), V = M(null), R = M(null), X = M(null), I = M(null), te = M(null), z = M(null), ae = M(!1), Z = M(!1), W = M(!0), ve = M(!1), f = M(!1), _ = M(!1), ie = M(!1), H = M("options"), K = M(""), ee = M(null), p = M(""), T = M(!1), r = M(!1), B = M([]), c = M(!1), S = M("");
+    let ne = null, ue = null, fe = null;
+    const Le = b(() => {
       var i;
       return ((i = $.editor) == null ? void 0 : i.isAvailable()) || !1;
-    }), V = M(65), D = M(50), re = b(() => l.value ? Te(l.value.language) : ""), z = b(() => l.value ? `<svg viewBox="0 0 24 24" fill="currentColor">${Re(l.value.language)}</svg>` : ""), G = b(() => {
+    }), he = M(65), C = M(50), q = b(() => l.value ? Se(l.value.language) : ""), D = b(() => l.value ? `<svg viewBox="0 0 24 24" fill="currentColor">${Oe(l.value.language)}</svg>` : ""), Y = b(() => {
       if (!l.value) return null;
-      let i = m(l.value);
+      let i = y(l.value);
       return i && l.value._refreshToken && (i += (i.includes("?") ? "&" : "?") + "_t=" + l.value._refreshToken), i;
     });
-    b(() => !l.value || !k.artifacts.length ? -1 : k.artifacts.findIndex((i) => i.id === l.value.id));
-    const v = b(() => l.value ? Vt(l.value.language || "plaintext") : "plaintext"), B = b(() => k.artifacts.filter((i) => !i.isInline)), W = b(() => l.value ? B.value.findIndex((i) => i.id === l.value.id) : -1), se = b(() => {
+    b(() => !l.value || !m.artifacts.length ? -1 : m.artifacts.findIndex((i) => i.id === l.value.id));
+    const P = b(() => l.value ? qt(l.value.language || "plaintext") : "plaintext"), N = b(() => m.artifacts.filter((i) => !i.isInline)), v = b(() => l.value ? N.value.findIndex((i) => i.id === l.value.id) : -1), j = b(() => {
       var i;
       return ((i = $.config) == null ? void 0 : i.branding) !== !1;
-    }), Ce = b(() => {
+    }), se = b(() => {
       var i;
       return ((i = $.share) == null ? void 0 : i.enabled) !== !1;
-    }), Ue = b(() => {
+    }), oe = b(() => {
       var i;
       return ((i = $.share) == null ? void 0 : i.isAuthenticated()) || !1;
-    }), lt = b(() => l.value ? V.value : Math.min(V.value, 30));
-    function De(i) {
-      return `<svg viewBox="0 0 24 24" fill="currentColor">${Re(i)}</svg>`;
+    }), $e = b(() => l.value ? he.value : Math.min(he.value, 30));
+    function je(i) {
+      return `<svg viewBox="0 0 24 24" fill="currentColor">${Oe(i)}</svg>`;
     }
-    function nt() {
+    function rt() {
       f.value = !1, $.state.clearActiveArtifact();
     }
-    function ot() {
-      var i;
-      if (F.value && ((i = l.value) != null && i.code)) {
-        const t = l.value.code.split(`
+    function Ne(i) {
+      if (i.language !== "smartdiff") return null;
+      try {
+        const t = JSON.parse(i.code);
+        if (t.oldCode === void 0 || t.newCode === void 0) return null;
+        const g = t.language || "plaintext", O = at() && window.Prism.languages[g], Q = Ot(t.oldCode, t.newCode).split(`
 `);
-        F.value.innerHTML = t.map((w, j) => `<div>${j + 1}</div>`).join("");
+        return { html: Q.map((ce) => {
+          const re = ce[0], we = ce.slice(1), ge = O ? window.Prism.highlight(we, O, g) : we;
+          return re === "-" ? `<span class="token deleted">${ge}</span>` : re === "+" ? `<span class="token inserted">${ge}</span>` : ge;
+        }).join(`
+`), lineCount: Q.length };
+      } catch {
+        return null;
       }
     }
-    function rt() {
+    function ct() {
+      var i;
+      if (I.value && ((i = l.value) != null && i.code)) {
+        const t = Ne(l.value), g = t ? t.lineCount : l.value.code.split(`
+`).length;
+        I.value.innerHTML = Array.from({ length: g }, (O, Q) => `<div>${Q + 1}</div>`).join("");
+      }
+    }
+    function ut() {
       var i;
-      if (O.value && Rt() && ((i = l.value) != null && i.code)) {
-        const t = window.Prism.languages[v.value];
-        t ? O.value.innerHTML = window.Prism.highlight(
-          l.value.code,
-          t,
-          v.value
-        ) : O.value.textContent = l.value.code, O.value.dataset.highlighted = "true", ge(() => {
-          ct();
+      if (R.value && at() && ((i = l.value) != null && i.code)) {
+        const t = Ne(l.value);
+        if (t)
+          R.value.innerHTML = t.html;
+        else {
+          const g = window.Prism.languages[P.value];
+          g ? R.value.innerHTML = window.Prism.highlight(
+            l.value.code,
+            g,
+            P.value
+          ) : R.value.textContent = l.value.code;
+        }
+        R.value.dataset.highlighted = "true", Ce(() => {
+          dt();
         });
       }
     }
-    function ct() {
+    function dt() {
       var t;
-      const i = (t = O.value) == null ? void 0 : t.closest("pre");
-      if (i && ee.value && F.value) {
-        const j = window.getComputedStyle(i).backgroundColor;
-        j && j !== "rgba(0, 0, 0, 0)" && j !== "transparent" && (ee.value.style.backgroundColor = j, F.value.style.backgroundColor = j);
+      const i = (t = R.value) == null ? void 0 : t.closest("pre");
+      if (i && te.value && I.value) {
+        const O = window.getComputedStyle(i).backgroundColor;
+        O && O !== "rgba(0, 0, 0, 0)" && O !== "transparent" && (te.value.style.backgroundColor = O, I.value.style.backgroundColor = O);
       }
     }
-    function ut() {
-      ee.value && (ee.value.style.backgroundColor = ""), F.value && (F.value.style.backgroundColor = "");
+    function vt() {
+      te.value && (te.value.style.backgroundColor = ""), I.value && (I.value.style.backgroundColor = "");
     }
-    function xe() {
-      ge(() => {
-        ot(), rt();
+    function Te() {
+      Ce(() => {
+        ct(), ut();
       });
     }
-    function je() {
-      !x.value || !I.value || !l.value || (Pe(), de = $.editor.create(I.value, {
+    function Je() {
+      !Le.value || !z.value || !l.value || (ze(), fe = $.editor.create(z.value, {
         code: l.value.code || "",
         language: l.value.editorLanguage || l.value.language || "plaintext",
         sdkTheme: $.getTheme()
       }));
     }
-    function Pe() {
-      de && (de.destroy(), de = null);
+    function ze() {
+      fe && (fe.destroy(), fe = null);
     }
-    function dt() {
-      if (!de || !l.value) return;
-      const i = de.getCode();
+    function ft() {
+      if (!fe || !l.value) return;
+      const i = fe.getCode();
       $.emit("edit:save", {
         artifactId: l.value.id,
         artifact: l.value,
         code: i
       });
     }
-    function vt() {
-      clearTimeout(ce), Z.value = !1, q.value && l.value && ($.bridge.setIframe(q.value), $.bridge.loadArtifact(l.value));
+    function pt() {
+      clearTimeout(ue), W.value = !1, V.value && l.value && ($.bridge.setIframe(V.value), $.bridge.loadArtifact(l.value));
     }
-    function ft() {
-      clearTimeout(ce), Z.value = !1;
+    function _t() {
+      clearTimeout(ue), W.value = !1;
     }
-    function pt() {
-      clearTimeout(ce), ce = setTimeout(() => {
-        Z.value = !1;
+    function ht() {
+      clearTimeout(ue), ue = setTimeout(() => {
+        W.value = !1;
       }, 1e3);
     }
-    async function _t() {
+    async function mt() {
       if (l.value)
         try {
-          await navigator.clipboard.writeText(l.value.code), te.value = !0, setTimeout(() => {
-            te.value = !1;
+          await navigator.clipboard.writeText(l.value.code), ae.value = !0, setTimeout(() => {
+            ae.value = !1;
           }, 2e3);
         } catch (i) {
           console.error("Failed to copy:", i);
         }
     }
-    function ht() {
+    function yt() {
       if (!l.value) return;
-      const { code: i, language: t, title: w } = l.value, j = qe(t), ie = `${w.toLowerCase().replace(/\s+/g, "-")}.${j}`, me = new Blob([i], { type: "text/plain" }), pe = URL.createObjectURL(me), ve = document.createElement("a");
-      ve.href = pe, ve.download = ie, document.body.appendChild(ve), ve.click(), document.body.removeChild(ve), URL.revokeObjectURL(pe);
+      const { code: i, language: t, title: g } = l.value, O = Ue(t), Q = `${g.toLowerCase().replace(/\s+/g, "-")}.${O}`, me = new Blob([i], { type: "text/plain" }), ce = URL.createObjectURL(me), re = document.createElement("a");
+      re.href = ce, re.download = Q, document.body.appendChild(re), re.click(), document.body.removeChild(re), URL.revokeObjectURL(ce);
     }
-    async function mt() {
-      if (!(p.value || B.value.length === 0)) {
-        p.value = !0;
+    async function gt() {
+      if (!(_.value || N.value.length === 0)) {
+        _.value = !0;
         try {
-          const i = new Ot(), t = /* @__PURE__ */ new Map();
-          for (const ve of B.value) {
-            if (!ve.code) continue;
-            const ze = qe(ve.language);
-            let Ie = (ve.title || "untitled").toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, ""), Fe = `${Ie}.${ze}`;
-            const Ve = t.get(Fe) || 0;
-            Ve > 0 && (Fe = `${Ie}-${Ve}.${ze}`), t.set(`${Ie}.${ze}`, Ve + 1), i.file(Fe, ve.code);
+          const i = new Dt(), t = /* @__PURE__ */ new Map();
+          for (const re of N.value) {
+            if (!re.code) continue;
+            const we = Ue(re.language);
+            let ge = (re.title || "untitled").toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, ""), Re = `${ge}.${we}`;
+            const qe = t.get(Re) || 0;
+            qe > 0 && (Re = `${ge}-${qe}.${we}`), t.set(`${ge}.${we}`, qe + 1), i.file(Re, re.code);
           }
-          const w = await i.generateAsync({ type: "blob" }), ie = `artifacts-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.zip`, me = URL.createObjectURL(w), pe = document.createElement("a");
-          pe.href = me, pe.download = ie, document.body.appendChild(pe), pe.click(), document.body.removeChild(pe), URL.revokeObjectURL(me);
+          const g = await i.generateAsync({ type: "blob" }), Q = `artifacts-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.zip`, me = URL.createObjectURL(g), ce = document.createElement("a");
+          ce.href = me, ce.download = Q, document.body.appendChild(ce), ce.click(), document.body.removeChild(ce), URL.revokeObjectURL(me);
         } catch (i) {
           console.error("Failed to create ZIP:", i);
         } finally {
-          p.value = !1;
+          _.value = !1;
         }
       }
     }
-    function yt() {
-      if (ae.value) {
-        ae.value = !1;
+    function kt() {
+      if (ie.value) {
+        ie.value = !1;
         return;
       }
-      l.value && (L.value = "options", Y.value = "", Q.value = null, _.value = "", T.value = !1, r.value = !1, E.value = [], c.value = !1, P.value = "", ae.value = !0);
+      l.value && (H.value = "options", K.value = "", ee.value = null, p.value = "", T.value = !1, r.value = !1, B.value = [], c.value = !1, S.value = "", ie.value = !0);
     }
-    function gt() {
-      ae.value = !1;
+    function wt() {
+      ie.value = !1;
     }
-    function Ne(i) {
+    function Xe(i) {
       return i ? new Date(i).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }) : "";
     }
-    async function Je() {
+    async function Ze() {
       if (!(!l.value || !$.share)) {
-        L.value = "loading", _.value = "";
+        H.value = "loading", p.value = "";
         try {
           const i = await $.share.share(l.value);
-          Y.value = i.url, Q.value = i.expiresAt, r.value = !1, L.value = "success";
+          K.value = i.url, ee.value = i.expiresAt, r.value = !1, H.value = "success";
         } catch (i) {
-          _.value = i.message || "Failed to create share link", L.value = "error";
+          p.value = i.message || "Failed to create share link", H.value = "error";
         }
       }
     }
-    async function Xe() {
-      if (Ue.value)
-        Be();
+    async function We() {
+      if (oe.value)
+        Ie();
       else {
-        L.value = "loading";
+        H.value = "loading";
         try {
-          await $.share.openAuthPopup(), Be();
+          await $.share.openAuthPopup(), Ie();
         } catch (i) {
-          i.message === "Authentication cancelled" ? L.value = "options" : (_.value = i.message || "Authentication failed", L.value = "error");
+          i.message === "Authentication cancelled" ? H.value = "options" : (p.value = i.message || "Authentication failed", H.value = "error");
         }
       }
     }
-    async function Be() {
+    async function Ie() {
       if (!(!l.value || !$.share)) {
-        L.value = "loading", _.value = "";
+        H.value = "loading", p.value = "";
         try {
           const i = await $.share.save(l.value);
-          Y.value = i.url, Q.value = null, r.value = !0, L.value = "success";
+          K.value = i.url, ee.value = null, r.value = !0, H.value = "success";
         } catch (i) {
-          _.value = i.message || "Failed to save artifact", L.value = "error";
+          p.value = i.message || "Failed to save artifact", H.value = "error";
         }
       }
     }
-    function kt() {
-      r.value ? Be() : Je();
+    function Ct() {
+      r.value ? Ie() : Ze();
     }
-    async function wt() {
+    async function bt() {
       var i;
       if ($.share) {
-        if (!Ue.value) {
-          L.value = "loading";
+        if (!oe.value) {
+          H.value = "loading";
           try {
             await $.share.openAuthPopup();
           } catch (t) {
-            t.message === "Authentication cancelled" ? L.value = "options" : (_.value = t.message || "Authentication failed", L.value = "error");
+            t.message === "Authentication cancelled" ? H.value = "options" : (p.value = t.message || "Authentication failed", H.value = "error");
             return;
           }
         }
-        L.value = "update-list", c.value = !0;
+        H.value = "update-list", c.value = !0;
         try {
-          const t = ((i = l.value) == null ? void 0 : i.language) || null, w = await $.share.listArtifacts(t);
-          E.value = w.projects || [];
+          const t = ((i = l.value) == null ? void 0 : i.language) || null, g = await $.share.listArtifacts(t);
+          B.value = g.projects || [];
         } catch (t) {
-          _.value = t.message || "Failed to load artifacts", L.value = "error";
+          p.value = t.message || "Failed to load artifacts", H.value = "error";
         } finally {
           c.value = !1;
         }
       }
     }
-    async function Ct(i) {
-      var w, j;
+    async function xt(i) {
+      var g, O;
       if (!l.value || !$.share) return;
-      const t = (w = i.project) == null ? void 0 : w.uuid;
+      const t = (g = i.project) == null ? void 0 : g.uuid;
       if (t) {
-        L.value = "loading", _.value = "";
+        H.value = "loading", p.value = "";
         try {
-          const ie = await $.share.updateArtifact(t, l.value);
-          Y.value = ie.url || "", Q.value = null, r.value = !0, P.value = ((j = i.project) == null ? void 0 : j.name) || "Untitled", L.value = "success";
-        } catch (ie) {
-          _.value = ie.message || "Failed to update artifact", L.value = "error";
+          const Q = await $.share.updateArtifact(t, l.value);
+          K.value = Q.url || "", ee.value = null, r.value = !0, S.value = ((O = i.project) == null ? void 0 : O.name) || "Untitled", H.value = "success";
+        } catch (Q) {
+          p.value = Q.message || "Failed to update artifact", H.value = "error";
         }
       }
     }
-    async function bt() {
-      if (Y.value)
+    async function $t() {
+      if (K.value)
         try {
-          await navigator.clipboard.writeText(Y.value), T.value = !0, setTimeout(() => {
+          await navigator.clipboard.writeText(K.value), T.value = !0, setTimeout(() => {
             T.value = !1;
           }, 2e3);
         } catch (i) {
           console.error("Failed to copy link:", i);
         }
     }
-    function xt() {
-      G.value && window.open(G.value, "_blank");
-    }
-    function $t() {
-      F.value && ee.value && (F.value.style.transform = `translateY(-${ee.value.scrollTop}px)`);
-    }
     function Mt() {
-      X.value = !X.value;
-    }
-    function Ze(i) {
-      f.value = !0, C(i), X.value = !1;
+      Y.value && window.open(Y.value, "_blank");
     }
     function Lt() {
-      const i = W.value - 1;
-      i >= 0 && C(B.value[i]);
+      I.value && te.value && (I.value.style.transform = `translateY(-${te.value.scrollTop}px)`);
     }
     function Tt() {
-      const i = W.value + 1;
-      i < B.value.length && C(B.value[i]);
+      Z.value = !Z.value;
     }
-    function We(i) {
-      const t = document.querySelector(".artifactuse-panel__nav");
-      t && !t.contains(i.target) && (X.value = !1);
+    function Ke(i) {
+      f.value = !0, x(i), Z.value = !1;
     }
-    let ye = null;
-    function At(i) {
-      ye = {
-        startX: i.clientX,
-        startWidth: V.value
-      }, document.addEventListener("mousemove", Ke), document.addEventListener("mouseup", Ee), document.body.style.cursor = "ew-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((w) => w.style.pointerEvents = "none");
+    function At() {
+      const i = v.value - 1;
+      i >= 0 && x(N.value[i]);
     }
-    function Ke(i) {
-      if (!ye) return;
-      const t = window.innerWidth, j = (ye.startX - i.clientX) / t * 100, ie = ye.startWidth + j;
-      V.value = Math.min(Math.max(ie, 25), 75), h("resize", { width: V.value });
+    function Pt() {
+      const i = v.value + 1;
+      i < N.value.length && x(N.value[i]);
     }
-    function Ee() {
-      const i = ye !== null;
-      ye = null, document.removeEventListener("mousemove", Ke), document.removeEventListener("mouseup", Ee), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((w) => w.style.pointerEvents = ""), i && h("resize", { width: V.value });
+    function Ye(i) {
+      const t = document.querySelector(".artifactuse-panel__nav");
+      t && !t.contains(i.target) && (Z.value = !1);
     }
-    let be = null;
+    let ke = null;
     function Ht(i) {
-      if (!J.value) return;
-      const t = J.value.getBoundingClientRect();
-      be = {
+      ke = {
+        startX: i.clientX,
+        startWidth: he.value
+      }, document.addEventListener("mousemove", Qe), document.addEventListener("mouseup", Fe), document.body.style.cursor = "ew-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((g) => g.style.pointerEvents = "none");
+    }
+    function Qe(i) {
+      if (!ke) return;
+      const t = window.innerWidth, O = (ke.startX - i.clientX) / t * 100, Q = ke.startWidth + O;
+      he.value = Math.min(Math.max(Q, 25), 75), h("resize", { width: he.value });
+    }
+    function Fe() {
+      const i = ke !== null;
+      ke = null, document.removeEventListener("mousemove", Qe), document.removeEventListener("mouseup", Fe), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((g) => g.style.pointerEvents = ""), i && h("resize", { width: he.value });
+    }
+    let Me = null;
+    function St(i) {
+      if (!X.value) return;
+      const t = X.value.getBoundingClientRect();
+      Me = {
         startX: i.clientX,
-        startPosition: D.value,
+        startPosition: C.value,
         contentLeft: t.left,
         contentWidth: t.width
-      }, document.addEventListener("mousemove", Ye), document.addEventListener("mouseup", Se), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((j) => j.style.pointerEvents = "none");
+      }, document.addEventListener("mousemove", Ge), document.addEventListener("mouseup", Ve), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((O) => O.style.pointerEvents = "none");
     }
-    function Ye(i) {
-      if (!be) return;
-      const w = (i.clientX - be.contentLeft) / be.contentWidth * 100;
-      D.value = Math.min(Math.max(w, 20), 80);
-    }
-    function Se() {
-      be = null, document.removeEventListener("mousemove", Ye), document.removeEventListener("mouseup", Se), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((t) => t.style.pointerEvents = "");
-    }
-    return fe(l, (i, t) => {
-      i && (t && t.isPreviewable !== i.isPreviewable && (oe.value = !0, setTimeout(() => {
-        oe.value = !1;
-      }, 150)), (!t || i.id !== t.id) && (ut(), Z.value = !0, pt()), (!t || i.id !== t.id || i.code !== t.code) && (xe(), k.viewMode === "edit" && (!t || i.id !== t.id ? ge(() => je()) : de && de.setCode(i.code || "")), clearTimeout(ne), ne = setTimeout(() => {
-        q.value && i.isPreviewable && $.bridge.loadArtifact(i);
+    function Ge(i) {
+      if (!Me) return;
+      const g = (i.clientX - Me.contentLeft) / Me.contentWidth * 100;
+      C.value = Math.min(Math.max(g, 20), 80);
+    }
+    function Ve() {
+      Me = null, document.removeEventListener("mousemove", Ge), document.removeEventListener("mouseup", Ve), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((t) => t.style.pointerEvents = "");
+    }
+    return pe(l, (i, t) => {
+      i && (t && t.isPreviewable !== i.isPreviewable && (ve.value = !0, setTimeout(() => {
+        ve.value = !1;
+      }, 150)), (!t || i.id !== t.id) && (vt(), W.value = !0, ht()), (!t || i.id !== t.id || i.code !== t.code) && (Te(), m.viewMode === "edit" && (!t || i.id !== t.id ? Ce(() => Je()) : fe && fe.setCode(i.code || "")), clearTimeout(ne), ne = setTimeout(() => {
+        V.value && i.isPreviewable && $.bridge.loadArtifact(i);
       }, 500)));
-    }, { deep: !0 }), fe(() => k.viewMode, (i) => {
-      (i === "code" || i === "split") && xe(), i === "edit" && ge(() => je());
-    }), fe(() => k.isPanelOpen, (i) => {
-      i && l.value && xe(), i || Pe();
-    }), we(() => {
-      $.on("ai:request", (i) => h("ai-request", i)), $.on("save:request", (i) => h("save", i)), $.on("export:complete", (i) => h("export", i)), document.addEventListener("click", We), k.isPanelOpen && l.value && xe();
-    }), Oe(() => {
-      Ee(), Se(), Pe(), document.removeEventListener("click", We), clearTimeout(ne), clearTimeout(ce);
-    }), (i, t) => (a(), ke(Me, { name: "artifactuse-panel" }, {
-      default: Le(() => [
-        y(k).isPanelOpen ? (a(), s("div", {
+    }, { deep: !0 }), pe(() => m.viewMode, (i) => {
+      (i === "code" || i === "split") && Te(), i === "edit" && Ce(() => Je());
+    }), pe(() => m.isPanelOpen, (i) => {
+      i && l.value && Te(), i || ze();
+    }), xe(() => {
+      $.on("ai:request", (i) => h("ai-request", i)), $.on("save:request", (i) => h("save", i)), $.on("export:complete", (i) => h("export", i)), document.addEventListener("click", Ye), m.isPanelOpen && l.value && Te();
+    }), De(() => {
+      Fe(), Ve(), ze(), document.removeEventListener("click", Ye), clearTimeout(ne), clearTimeout(ue);
+    }), (i, t) => (a(), be(Pe, { name: "artifactuse-panel" }, {
+      default: He(() => [
+        k(m).isPanelOpen ? (a(), s("div", {
           key: 0,
-          class: N(["artifactuse-panel", {
-            "artifactuse-panel--fullscreen": y(k).isFullscreen,
-            "artifactuse-panel--list": !y(l) && y(S),
-            "artifactuse-panel--empty": !y(S)
+          class: J(["artifactuse-panel", {
+            "artifactuse-panel--fullscreen": k(m).isFullscreen,
+            "artifactuse-panel--list": !k(l) && k(E),
+            "artifactuse-panel--empty": !k(E)
           }]),
-          style: $e(y(k).isFullscreen ? void 0 : { width: `${lt.value}%` })
+          style: Ae(k(m).isFullscreen ? void 0 : { width: `${$e.value}%` })
         }, [
-          y(k).isFullscreen ? d("", !0) : (a(), s("div", {
+          k(m).isFullscreen ? d("", !0) : (a(), s("div", {
             key: 0,
             class: "artifactuse-panel__resize-handle",
-            onMousedown: he(At, ["prevent"])
+            onMousedown: ye(Ht, ["prevent"])
           }, [...t[12] || (t[12] = [
             e("div", { class: "artifactuse-panel__resize-handle-line" }, null, -1)
           ])], 32)),
-          y(S) ? y(l) ? (a(), s(R, { key: 3 }, [
-            e("header", Cl, [
+          k(E) ? k(l) ? (a(), s(F, { key: 3 }, [
+            e("header", xl, [
               f.value ? (a(), s("button", {
                 key: 0,
                 class: "artifactuse-panel__back",
                 title: "Back to list",
-                onClick: nt
+                onClick: rt
               }, [...t[24] || (t[24] = [
                 e("svg", {
                   viewBox: "0 0 24 24",
@@ -2112,28 +2173,28 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                   e("polyline", { points: "15 18 9 12 15 6" })
                 ], -1)
               ])])) : d("", !0),
-              e("div", bl, [
+              e("div", $l, [
                 e("span", {
                   class: "artifactuse-panel__icon",
-                  innerHTML: z.value
-                }, null, 8, xl),
-                e("div", $l, [
-                  e("span", Ml, n(y(l).title || "Untitled"), 1),
-                  e("span", Ll, [
-                    K(n(re.value) + " ", 1),
-                    y(l).lineCount ? (a(), s(R, { key: 0 }, [
-                      K(" • " + n(y(l).lineCount) + " lines ", 1)
+                  innerHTML: D.value
+                }, null, 8, Ml),
+                e("div", Ll, [
+                  e("span", Tl, o(k(l).title || "Untitled"), 1),
+                  e("span", Al, [
+                    G(o(q.value) + " ", 1),
+                    k(l).lineCount ? (a(), s(F, { key: 0 }, [
+                      G(" • " + o(k(l).lineCount) + " lines ", 1)
                     ], 64)) : d("", !0)
                   ])
                 ])
               ]),
-              e("div", Tl, [
-                !y(l).tabs || y(l).tabs.includes("preview") ? (a(), s("button", {
+              e("div", Pl, [
+                !k(l).tabs || k(l).tabs.includes("preview") ? (a(), s("button", {
                   key: 0,
-                  class: N(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": y(k).viewMode === "preview" }]),
-                  disabled: !y(l).isPreviewable,
+                  class: J(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": k(m).viewMode === "preview" }]),
+                  disabled: !k(l).isPreviewable,
                   title: "Preview",
-                  onClick: t[2] || (t[2] = (w) => y(o)("preview"))
+                  onClick: t[2] || (t[2] = (g) => k(n)("preview"))
                 }, [...t[25] || (t[25] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
@@ -2148,12 +2209,12 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                       r: "3"
                     })
                   ], -1)
-                ])], 10, Al)) : d("", !0),
-                !y(l).tabs || y(l).tabs.includes("code") ? (a(), s("button", {
+                ])], 10, Hl)) : d("", !0),
+                !k(l).tabs || k(l).tabs.includes("code") ? (a(), s("button", {
                   key: 1,
-                  class: N(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": y(k).viewMode === "code" }]),
+                  class: J(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": k(m).viewMode === "code" }]),
                   title: "Code",
-                  onClick: t[3] || (t[3] = (w) => y(o)("code"))
+                  onClick: t[3] || (t[3] = (g) => k(n)("code"))
                 }, [...t[26] || (t[26] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
@@ -2165,12 +2226,12 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                     e("polyline", { points: "8 6 2 12 8 18" })
                   ], -1)
                 ])], 2)) : d("", !0),
-                !y(l).tabs || y(l).tabs.includes("split") ? (a(), s("button", {
+                !k(l).tabs || k(l).tabs.includes("split") ? (a(), s("button", {
                   key: 2,
-                  class: N(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": y(k).viewMode === "split" }]),
-                  disabled: !y(l).isPreviewable,
+                  class: J(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": k(m).viewMode === "split" }]),
+                  disabled: !k(l).isPreviewable,
                   title: "Split view",
-                  onClick: t[4] || (t[4] = (w) => y(o)("split"))
+                  onClick: t[4] || (t[4] = (g) => k(n)("split"))
                 }, [...t[27] || (t[27] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
@@ -2193,12 +2254,12 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                       y2: "21"
                     })
                   ], -1)
-                ])], 10, Hl)) : d("", !0),
-                y(l).tabs && y(l).tabs.includes("edit") && x.value ? (a(), s("button", {
+                ])], 10, Sl)) : d("", !0),
+                k(l).tabs && k(l).tabs.includes("edit") && Le.value ? (a(), s("button", {
                   key: 3,
-                  class: N(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": y(k).viewMode === "edit" }]),
+                  class: J(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": k(m).viewMode === "edit" }]),
                   title: "Edit",
-                  onClick: t[5] || (t[5] = (w) => y(o)("edit"))
+                  onClick: t[5] || (t[5] = (g) => k(n)("edit"))
                 }, [...t[28] || (t[28] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
@@ -2211,12 +2272,12 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                   ], -1)
                 ])], 2)) : d("", !0)
               ]),
-              e("div", Pl, [
-                y(k).viewMode === "edit" ? (a(), s("button", {
+              e("div", Bl, [
+                k(m).viewMode === "edit" ? (a(), s("button", {
                   key: 0,
                   class: "artifactuse-panel__action artifactuse-panel__action--save",
                   title: "Save",
-                  onClick: dt
+                  onClick: ft
                 }, [...t[29] || (t[29] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
@@ -2231,10 +2292,10 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                 ])])) : d("", !0),
                 e("button", {
                   class: "artifactuse-panel__action",
-                  title: y(k).isFullscreen ? "Exit fullscreen" : "Fullscreen",
-                  onClick: t[6] || (t[6] = (...w) => y(g) && y(g)(...w))
+                  title: k(m).isFullscreen ? "Exit fullscreen" : "Fullscreen",
+                  onClick: t[6] || (t[6] = (...g) => k(w) && k(w)(...g))
                 }, [
-                  y(k).isFullscreen ? (a(), s("svg", Sl, [...t[31] || (t[31] = [
+                  k(m).isFullscreen ? (a(), s("svg", Il, [...t[31] || (t[31] = [
                     e("polyline", { points: "4 14 10 14 10 20" }, null, -1),
                     e("polyline", { points: "20 10 14 10 14 4" }, null, -1),
                     e("line", {
@@ -2249,7 +2310,7 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                       x2: "10",
                       y2: "14"
                     }, null, -1)
-                  ])])) : (a(), s("svg", El, [...t[30] || (t[30] = [
+                  ])])) : (a(), s("svg", zl, [...t[30] || (t[30] = [
                     e("polyline", { points: "15 3 21 3 21 9" }, null, -1),
                     e("polyline", { points: "9 21 3 21 3 15" }, null, -1),
                     e("line", {
@@ -2265,11 +2326,11 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                       y2: "14"
                     }, null, -1)
                   ])]))
-                ], 8, Bl),
+                ], 8, El),
                 e("button", {
                   class: "artifactuse-panel__action artifactuse-panel__action--close",
                   title: "Close panel",
-                  onClick: t[7] || (t[7] = (...w) => y(A) && y(A)(...w))
+                  onClick: t[7] || (t[7] = (...g) => k(L) && k(L)(...g))
                 }, [...t[32] || (t[32] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
@@ -2295,34 +2356,34 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
             ]),
             e("div", {
               ref_key: "contentRef",
-              ref: J,
-              class: N(["artifactuse-panel__content", [
-                `artifactuse-panel__content--${y(k).viewMode}`,
-                { "artifactuse-panel__content--transitioning": oe.value }
+              ref: X,
+              class: J(["artifactuse-panel__content", [
+                `artifactuse-panel__content--${k(m).viewMode}`,
+                { "artifactuse-panel__content--transitioning": ve.value }
               ]])
             }, [
-              oe.value ? (a(), s("div", zl, [...t[33] || (t[33] = [
+              ve.value ? (a(), s("div", Fl, [...t[33] || (t[33] = [
                 e("div", { class: "artifactuse-panel__spinner" }, null, -1)
               ])])) : d("", !0),
-              y(k).viewMode === "preview" || y(k).viewMode === "split" ? (a(), s("div", {
+              k(m).viewMode === "preview" || k(m).viewMode === "split" ? (a(), s("div", {
                 key: 1,
                 class: "artifactuse-panel__preview",
-                style: $e(y(k).viewMode === "split" ? { width: `${D.value}%` } : void 0)
+                style: Ae(k(m).viewMode === "split" ? { width: `${C.value}%` } : void 0)
               }, [
-                Z.value && G.value ? (a(), s("div", Il, [...t[34] || (t[34] = [
+                W.value && Y.value ? (a(), s("div", Vl, [...t[34] || (t[34] = [
                   e("div", { class: "artifactuse-panel__spinner" }, null, -1)
                 ])])) : d("", !0),
-                G.value ? (a(), s("iframe", {
+                Y.value ? (a(), s("iframe", {
                   key: 1,
                   ref_key: "iframeRef",
-                  ref: q,
-                  src: G.value,
-                  class: N(["artifactuse-panel__iframe", { "artifactuse-panel__iframe--loading": Z.value }]),
+                  ref: V,
+                  src: Y.value,
+                  class: J(["artifactuse-panel__iframe", { "artifactuse-panel__iframe--loading": W.value }]),
                   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: vt,
-                  onError: ft
-                }, null, 42, Fl)) : (a(), s("div", Vl, [
+                  onLoad: pt,
+                  onError: _t
+                }, null, 42, Rl)) : (a(), s("div", ql, [
                   t[35] || (t[35] = e("svg", {
                     viewBox: "0 0 24 24",
                     fill: "none",
@@ -2338,58 +2399,58 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                       y2: "12"
                     })
                   ], -1)),
-                  e("p", null, "Preview not available for " + n(re.value), 1)
+                  e("p", null, "Preview not available for " + o(q.value), 1)
                 ]))
               ], 4)) : d("", !0),
-              Qe(e("div", {
+              et(e("div", {
                 class: "artifactuse-panel__code",
-                style: $e(y(k).viewMode === "split" ? { width: `${100 - D.value}%` } : void 0)
+                style: Ae(k(m).viewMode === "split" ? { width: `${100 - C.value}%` } : void 0)
               }, [
-                y(k).viewMode === "split" ? (a(), s("div", {
+                k(m).viewMode === "split" ? (a(), s("div", {
                   key: 0,
                   class: "artifactuse-panel__split-handle",
-                  onMousedown: he(Ht, ["prevent"])
+                  onMousedown: ye(St, ["prevent"])
                 }, [...t[36] || (t[36] = [
                   e("div", { class: "artifactuse-panel__split-handle-line" }, null, -1)
                 ])], 32)) : d("", !0),
                 e("div", {
                   class: "artifactuse-panel__code-scroll",
                   ref_key: "codeScrollRef",
-                  ref: ee,
-                  onScroll: $t
+                  ref: te,
+                  onScroll: Lt
                 }, [
                   e("div", {
                     class: "artifactuse-panel__line-numbers",
                     ref_key: "lineNumbersRef",
-                    ref: F
+                    ref: I
                   }, null, 512),
                   e("pre", {
-                    class: N(["artifactuse-panel__code-block", `language-${v.value}`])
+                    class: J(["artifactuse-panel__code-block", `language-${P.value}`])
                   }, [
                     (a(), s("code", {
                       ref_key: "codeRef",
-                      ref: O,
-                      key: y(l).id,
-                      class: N(`language-${v.value}`)
+                      ref: R,
+                      key: k(l).id,
+                      class: J(`language-${P.value}`)
                     }, null, 2))
                   ], 2)
                 ], 544)
               ], 4), [
-                [Ge, y(k).viewMode === "code" || y(k).viewMode === "split"]
+                [tt, k(m).viewMode === "code" || k(m).viewMode === "split"]
               ]),
-              Qe(e("div", Rl, [
+              et(e("div", Ol, [
                 e("div", {
                   ref_key: "editorContainerRef",
-                  ref: I,
+                  ref: z,
                   class: "artifactuse-panel__editor-container"
                 }, null, 512)
               ], 512), [
-                [Ge, y(k).viewMode === "edit"]
+                [tt, k(m).viewMode === "edit"]
               ])
             ], 2),
-            e("footer", ql, [
-              e("div", Ol, [
-                se.value ? (a(), s("a", Ul, [...t[37] || (t[37] = [
+            e("footer", Ul, [
+              e("div", Dl, [
+                j.value ? (a(), s("a", jl, [...t[37] || (t[37] = [
                   e("svg", {
                     width: "16",
                     height: "16",
@@ -2408,17 +2469,17 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                   ], -1),
                   e("span", null, "Artifactuse", -1)
                 ])])) : d("", !0),
-                y(l).size ? (a(), s("span", Dl, n(y(tt)(y(l).size)), 1)) : d("", !0)
+                k(l).size ? (a(), s("span", Nl, o(k(it)(k(l).size)), 1)) : d("", !0)
               ]),
-              e("div", jl, [
+              e("div", Jl, [
                 e("button", {
-                  class: N(["artifactuse-panel__footer-action", { "artifactuse-panel__footer-action--success": te.value }]),
-                  title: te.value ? "Copied!" : "Copy code",
-                  onClick: _t
+                  class: J(["artifactuse-panel__footer-action", { "artifactuse-panel__footer-action--success": ae.value }]),
+                  title: ae.value ? "Copied!" : "Copy code",
+                  onClick: mt
                 }, [
-                  te.value ? (a(), s("svg", Xl, [...t[39] || (t[39] = [
+                  ae.value ? (a(), s("svg", Wl, [...t[39] || (t[39] = [
                     e("polyline", { points: "20 6 9 17 4 12" }, null, -1)
-                  ])])) : (a(), s("svg", Jl, [...t[38] || (t[38] = [
+                  ])])) : (a(), s("svg", Zl, [...t[38] || (t[38] = [
                     e("rect", {
                       x: "9",
                       y: "9",
@@ -2429,11 +2490,11 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                     }, null, -1),
                     e("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" }, null, -1)
                   ])]))
-                ], 10, Nl),
+                ], 10, Xl),
                 e("button", {
                   class: "artifactuse-panel__footer-action",
                   title: "Download file",
-                  onClick: ht
+                  onClick: yt
                 }, [...t[40] || (t[40] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
@@ -2451,11 +2512,11 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                     })
                   ], -1)
                 ])]),
-                Ce.value ? (a(), s("div", Zl, [
+                se.value ? (a(), s("div", Kl, [
                   e("button", {
                     class: "artifactuse-panel__footer-action",
                     title: "Share",
-                    onClick: yt
+                    onClick: kt
                   }, [...t[41] || (t[41] = [
                     e("svg", {
                       viewBox: "0 0 24 24",
@@ -2492,14 +2553,14 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                       })
                     ], -1)
                   ])]),
-                  Ae(Me, { name: "artifactuse-popup" }, {
-                    default: Le(() => [
-                      ae.value ? (a(), s("div", Wl, [
-                        e("div", Kl, [
-                          e("span", Yl, n(L.value === "success" ? P.value ? "Artifact updated!" : "Link created!" : L.value === "update-list" ? "Update saved artifact" : "Share Artifact"), 1),
+                  Be(Pe, { name: "artifactuse-popup" }, {
+                    default: He(() => [
+                      ie.value ? (a(), s("div", Yl, [
+                        e("div", Ql, [
+                          e("span", Gl, o(H.value === "success" ? S.value ? "Artifact updated!" : "Link created!" : H.value === "update-list" ? "Update saved artifact" : "Share Artifact"), 1),
                           e("button", {
                             class: "artifactuse-share-popup__close",
-                            onClick: gt
+                            onClick: wt
                           }, [...t[42] || (t[42] = [
                             e("svg", {
                               viewBox: "0 0 24 24",
@@ -2522,28 +2583,28 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                             ], -1)
                           ])])
                         ]),
-                        e("div", Ql, [
-                          L.value === "loading" ? (a(), s("div", Gl, [...t[43] || (t[43] = [
+                        e("div", en, [
+                          H.value === "loading" ? (a(), s("div", tn, [...t[43] || (t[43] = [
                             e("div", { class: "artifactuse-share-popup__spinner" }, null, -1),
                             e("p", { class: "artifactuse-share-popup__loading-text" }, "Creating link...", -1)
-                          ])])) : L.value === "error" ? (a(), s("div", en, [
-                            e("div", tn, [
-                              e("p", an, n(_.value), 1)
-                            ]),
+                          ])])) : H.value === "error" ? (a(), s("div", an, [
                             e("div", sn, [
+                              e("p", ln, o(p.value), 1)
+                            ]),
+                            e("div", nn, [
                               e("button", {
                                 class: "artifactuse-share-popup__btn artifactuse-share-popup__btn--secondary",
-                                onClick: t[8] || (t[8] = (w) => L.value = "options")
+                                onClick: t[8] || (t[8] = (g) => H.value = "options")
                               }, " Back "),
                               e("button", {
                                 class: "artifactuse-share-popup__btn artifactuse-share-popup__btn--primary",
-                                onClick: kt
+                                onClick: Ct
                               }, " Retry ")
                             ])
-                          ])) : L.value === "options" ? (a(), s("div", ln, [
+                          ])) : H.value === "options" ? (a(), s("div", on, [
                             e("button", {
                               class: "artifactuse-share-popup__option",
-                              onClick: Je
+                              onClick: Ze
                             }, [...t[44] || (t[44] = [
                               e("div", { class: "artifactuse-share-popup__option-icon" }, [
                                 e("svg", {
@@ -2563,7 +2624,7 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                             ])]),
                             e("button", {
                               class: "artifactuse-share-popup__option",
-                              onClick: Xe
+                              onClick: We
                             }, [...t[45] || (t[45] = [
                               e("div", { class: "artifactuse-share-popup__option-icon" }, [
                                 e("svg", {
@@ -2584,7 +2645,7 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                             ])]),
                             e("button", {
                               class: "artifactuse-share-popup__option",
-                              onClick: wt
+                              onClick: bt
                             }, [...t[46] || (t[46] = [
                               e("div", { class: "artifactuse-share-popup__option-icon" }, [
                                 e("svg", {
@@ -2603,28 +2664,28 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                                 e("p", { class: "artifactuse-share-popup__option-desc" }, "Replace an existing artifact")
                               ], -1)
                             ])])
-                          ])) : L.value === "update-list" ? (a(), s("div", nn, [
-                            c.value ? (a(), s("div", on, [...t[47] || (t[47] = [
+                          ])) : H.value === "update-list" ? (a(), s("div", rn, [
+                            c.value ? (a(), s("div", cn, [...t[47] || (t[47] = [
                               e("div", { class: "artifactuse-share-popup__spinner" }, null, -1),
                               e("p", { class: "artifactuse-share-popup__loading-text" }, "Loading artifacts...", -1)
-                            ])])) : E.value.length === 0 ? (a(), s("div", rn, " No saved artifacts of this type ")) : (a(), s("div", cn, [
-                              (a(!0), s(R, null, ue(E.value, (w) => {
-                                var j, ie, me;
+                            ])])) : B.value.length === 0 ? (a(), s("div", un, " No saved artifacts of this type ")) : (a(), s("div", dn, [
+                              (a(!0), s(F, null, de(B.value, (g) => {
+                                var O, Q, me;
                                 return a(), s("button", {
-                                  key: ((j = w.project) == null ? void 0 : j.uuid) || w.id,
+                                  key: ((O = g.project) == null ? void 0 : O.uuid) || g.id,
                                   class: "artifactuse-share-popup__artifact-item",
-                                  onClick: (pe) => Ct(w)
+                                  onClick: (ce) => xt(g)
                                 }, [
-                                  e("span", dn, n(((ie = w.project) == null ? void 0 : ie.name) || "Untitled"), 1),
-                                  e("span", vn, n(Ne((me = w.project) == null ? void 0 : me.created_at)), 1)
-                                ], 8, un);
+                                  e("span", fn, o(((Q = g.project) == null ? void 0 : Q.name) || "Untitled"), 1),
+                                  e("span", pn, o(Xe((me = g.project) == null ? void 0 : me.created_at)), 1)
+                                ], 8, vn);
                               }), 128))
                             ])),
                             e("button", {
                               class: "artifactuse-share-popup__back-btn",
-                              onClick: t[9] || (t[9] = (w) => L.value = "options")
+                              onClick: t[9] || (t[9] = (g) => H.value = "options")
                             }, "Back")
-                          ])) : L.value === "success" ? (a(), s("div", fn, [
+                          ])) : H.value === "success" ? (a(), s("div", _n, [
                             t[50] || (t[50] = e("div", { class: "artifactuse-share-popup__success-icon" }, [
                               e("svg", {
                                 viewBox: "0 0 24 24",
@@ -2635,20 +2696,20 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                                 e("polyline", { points: "20 6 9 17 4 12" })
                               ])
                             ], -1)),
-                            e("div", pn, [
+                            e("div", hn, [
                               e("input", {
                                 type: "text",
                                 class: "artifactuse-share-popup__link",
-                                value: Y.value,
+                                value: K.value,
                                 readonly: "",
-                                onClick: t[10] || (t[10] = (w) => w.target.select())
-                              }, null, 8, _n),
+                                onClick: t[10] || (t[10] = (g) => g.target.select())
+                              }, null, 8, mn),
                               e("button", {
-                                class: N(["artifactuse-share-popup__copy-btn", { "artifactuse-share-popup__copy-btn--copied": T.value }]),
-                                onClick: bt
-                              }, n(T.value ? "Copied!" : "Copy"), 3)
+                                class: J(["artifactuse-share-popup__copy-btn", { "artifactuse-share-popup__copy-btn--copied": T.value }]),
+                                onClick: $t
+                              }, o(T.value ? "Copied!" : "Copy"), 3)
                             ]),
-                            Q.value && !r.value ? (a(), s("div", hn, [
+                            ee.value && !r.value ? (a(), s("div", yn, [
                               t[48] || (t[48] = e("span", { class: "artifactuse-share-popup__expiry-icon" }, [
                                 e("svg", {
                                   viewBox: "0 0 24 24",
@@ -2675,13 +2736,13 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                                   })
                                 ])
                               ], -1)),
-                              e("span", mn, " Expires " + n(Ne(Q.value)), 1)
+                              e("span", gn, " Expires " + o(Xe(ee.value)), 1)
                             ])) : d("", !0),
-                            r.value ? d("", !0) : (a(), s("div", yn, [
+                            r.value ? d("", !0) : (a(), s("div", kn, [
                               t[49] || (t[49] = e("p", { class: "artifactuse-share-popup__save-prompt-text" }, "Keep it permanently?", -1)),
                               e("button", {
                                 class: "artifactuse-share-popup__save-prompt-btn",
-                                onClick: Xe
+                                onClick: We
                               }, " Save to account ")
                             ]))
                           ])) : d("", !0)
@@ -2717,11 +2778,11 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                     _: 1
                   })
                 ])) : d("", !0),
-                G.value ? (a(), s("button", {
+                Y.value ? (a(), s("button", {
                   key: 1,
                   class: "artifactuse-panel__footer-action",
                   title: "Open in new tab",
-                  onClick: xt
+                  onClick: Mt
                 }, [...t[52] || (t[52] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
@@ -2739,12 +2800,12 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                     })
                   ], -1)
                 ])])) : d("", !0),
-                B.value.length > 1 ? (a(), s("div", gn, [
+                N.value.length > 1 ? (a(), s("div", wn, [
                   e("button", {
                     class: "artifactuse-panel__nav-btn",
-                    disabled: W.value <= 0,
+                    disabled: v.value <= 0,
                     title: "Previous artifact",
-                    onClick: Lt
+                    onClick: At
                   }, [...t[53] || (t[53] = [
                     e("svg", {
                       viewBox: "0 0 24 24",
@@ -2754,13 +2815,13 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                     }, [
                       e("polyline", { points: "15 18 9 12 15 6" })
                     ], -1)
-                  ])], 8, kn),
+                  ])], 8, Cn),
                   e("button", {
                     class: "artifactuse-panel__nav-trigger",
                     title: "View all artifacts",
-                    onClick: Mt
+                    onClick: Tt
                   }, [
-                    e("span", null, n(W.value + 1) + " / " + n(B.value.length), 1),
+                    e("span", null, o(v.value + 1) + " / " + o(N.value.length), 1),
                     t[54] || (t[54] = e("svg", {
                       viewBox: "0 0 24 24",
                       fill: "none",
@@ -2772,9 +2833,9 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                   ]),
                   e("button", {
                     class: "artifactuse-panel__nav-btn",
-                    disabled: W.value >= B.value.length - 1,
+                    disabled: v.value >= N.value.length - 1,
                     title: "Next artifact",
-                    onClick: Tt
+                    onClick: Pt
                   }, [...t[55] || (t[55] = [
                     e("svg", {
                       viewBox: "0 0 24 24",
@@ -2784,15 +2845,15 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                     }, [
                       e("polyline", { points: "9 18 15 12 9 6" })
                     ], -1)
-                  ])], 8, wn),
-                  Ae(Me, { name: "artifactuse-popup" }, {
-                    default: Le(() => [
-                      X.value ? (a(), s("div", Cn, [
-                        e("div", bn, [
+                  ])], 8, bn),
+                  Be(Pe, { name: "artifactuse-popup" }, {
+                    default: He(() => [
+                      Z.value ? (a(), s("div", xn, [
+                        e("div", $n, [
                           t[57] || (t[57] = e("span", null, "Artifacts", -1)),
                           e("button", {
                             class: "artifactuse-panel__artifact-list-close",
-                            onClick: t[11] || (t[11] = (w) => X.value = !1)
+                            onClick: t[11] || (t[11] = (g) => Z.value = !1)
                           }, [...t[56] || (t[56] = [
                             e("svg", {
                               viewBox: "0 0 24 24",
@@ -2815,27 +2876,27 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                             ], -1)
                           ])])
                         ]),
-                        e("div", xn, [
-                          (a(!0), s(R, null, ue(B.value, (w, j) => (a(), s("button", {
-                            key: w.id,
-                            class: N(["artifactuse-panel__artifact-item", { "artifactuse-panel__artifact-item--active": w.id === y(l).id }]),
-                            onClick: (ie) => Ze(w)
+                        e("div", Mn, [
+                          (a(!0), s(F, null, de(N.value, (g, O) => (a(), s("button", {
+                            key: g.id,
+                            class: J(["artifactuse-panel__artifact-item", { "artifactuse-panel__artifact-item--active": g.id === k(l).id }]),
+                            onClick: (Q) => Ke(g)
                           }, [
                             e("span", {
                               class: "artifactuse-panel__artifact-item-icon",
-                              innerHTML: De(w.language)
-                            }, null, 8, Mn),
-                            e("div", Ln, [
-                              e("span", Tn, n(w.title || "Untitled"), 1),
-                              e("span", An, [
-                                K(n(y(Te)(w.language)) + " ", 1),
-                                w.lineCount ? (a(), s(R, { key: 0 }, [
-                                  K(" • " + n(w.lineCount) + " lines ", 1)
+                              innerHTML: je(g.language)
+                            }, null, 8, Tn),
+                            e("div", An, [
+                              e("span", Pn, o(g.title || "Untitled"), 1),
+                              e("span", Hn, [
+                                G(o(k(Se)(g.language)) + " ", 1),
+                                g.lineCount ? (a(), s(F, { key: 0 }, [
+                                  G(" • " + o(g.lineCount) + " lines ", 1)
                                 ], 64)) : d("", !0)
                               ])
                             ]),
-                            e("span", Hn, n(j + 1), 1)
-                          ], 10, $n))), 128))
+                            e("span", Sn, o(O + 1), 1)
+                          ], 10, Ln))), 128))
                         ])
                       ])) : d("", !0)
                     ]),
@@ -2844,9 +2905,9 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                 ])) : d("", !0)
               ])
             ])
-          ], 64)) : (a(), s(R, { key: 2 }, [
-            e("header", ll, [
-              e("div", nl, [
+          ], 64)) : (a(), s(F, { key: 2 }, [
+            e("header", ol, [
+              e("div", rl, [
                 t[18] || (t[18] = e("span", { class: "artifactuse-panel__icon" }, [
                   e("svg", {
                     viewBox: "0 0 24 24",
@@ -2858,19 +2919,19 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                     e("polyline", { points: "8 6 2 12 8 18" })
                   ])
                 ], -1)),
-                e("div", ol, [
+                e("div", cl, [
                   t[17] || (t[17] = e("span", { class: "artifactuse-panel__name" }, "Artifacts", -1)),
-                  e("span", rl, n(B.value.length) + " available", 1)
+                  e("span", ul, o(N.value.length) + " available", 1)
                 ])
               ]),
-              e("div", cl, [
+              e("div", dl, [
                 e("button", {
-                  class: N(["artifactuse-panel__action", { "artifactuse-panel__action--loading": p.value }]),
-                  disabled: p.value,
+                  class: J(["artifactuse-panel__action", { "artifactuse-panel__action--loading": _.value }]),
+                  disabled: _.value,
                   title: "Download all as ZIP",
-                  onClick: mt
+                  onClick: gt
                 }, [
-                  p.value ? (a(), s("svg", vl, [...t[20] || (t[20] = [
+                  _.value ? (a(), s("svg", pl, [...t[20] || (t[20] = [
                     e("circle", {
                       cx: "12",
                       cy: "12",
@@ -2878,7 +2939,7 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                       "stroke-dasharray": "32",
                       "stroke-dashoffset": "32"
                     }, null, -1)
-                  ])])) : (a(), s("svg", dl, [...t[19] || (t[19] = [
+                  ])])) : (a(), s("svg", fl, [...t[19] || (t[19] = [
                     e("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }, null, -1),
                     e("polyline", { points: "7 10 12 15 17 10" }, null, -1),
                     e("line", {
@@ -2888,11 +2949,11 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                       y2: "3"
                     }, null, -1)
                   ])]))
-                ], 10, ul),
+                ], 10, vl),
                 e("button", {
                   class: "artifactuse-panel__action artifactuse-panel__action--close",
                   title: "Close panel",
-                  onClick: t[1] || (t[1] = (...w) => y(A) && y(A)(...w))
+                  onClick: t[1] || (t[1] = (...g) => k(L) && k(L)(...g))
                 }, [...t[21] || (t[21] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
@@ -2916,23 +2977,23 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                 ])])
               ])
             ]),
-            e("div", fl, [
-              e("div", pl, [
-                (a(!0), s(R, null, ue(B.value, (w, j) => (a(), s("button", {
-                  key: w.id,
+            e("div", _l, [
+              e("div", hl, [
+                (a(!0), s(F, null, de(N.value, (g, O) => (a(), s("button", {
+                  key: g.id,
                   class: "artifactuse-panel__list-item",
-                  onClick: (ie) => Ze(w)
+                  onClick: (Q) => Ke(g)
                 }, [
                   e("span", {
                     class: "artifactuse-panel__list-item-icon",
-                    innerHTML: De(w.language)
-                  }, null, 8, hl),
-                  e("div", ml, [
-                    e("span", yl, n(w.title || "Untitled"), 1),
-                    e("span", gl, [
-                      K(n(y(Te)(w.language)) + " ", 1),
-                      w.lineCount ? (a(), s(R, { key: 0 }, [
-                        K(" • " + n(w.lineCount) + " lines ", 1)
+                    innerHTML: je(g.language)
+                  }, null, 8, yl),
+                  e("div", gl, [
+                    e("span", kl, o(g.title || "Untitled"), 1),
+                    e("span", wl, [
+                      G(o(k(Se)(g.language)) + " ", 1),
+                      g.lineCount ? (a(), s(F, { key: 0 }, [
+                        G(" • " + o(g.lineCount) + " lines ", 1)
                       ], 64)) : d("", !0)
                     ])
                   ]),
@@ -2946,11 +3007,11 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                       e("polyline", { points: "9 18 15 12 9 6" })
                     ])
                   ], -1))
-                ], 8, _l))), 128))
+                ], 8, ml))), 128))
               ])
             ]),
-            e("footer", kl, [
-              se.value ? (a(), s("a", wl, [...t[23] || (t[23] = [
+            e("footer", Cl, [
+              j.value ? (a(), s("a", bl, [...t[23] || (t[23] = [
                 e("svg", {
                   width: "16",
                   height: "16",
@@ -2970,8 +3031,8 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                 e("span", null, "Artifactuse", -1)
               ])])) : d("", !0)
             ])
-          ], 64)) : (a(), s(R, { key: 1 }, [
-            e("header", tl, [
+          ], 64)) : (a(), s(F, { key: 1 }, [
+            e("header", sl, [
               t[14] || (t[14] = e("div", { class: "artifactuse-panel__title" }, [
                 e("span", { class: "artifactuse-panel__icon" }, [
                   e("svg", {
@@ -2988,11 +3049,11 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
                   e("span", { class: "artifactuse-panel__name" }, "Artifacts")
                 ])
               ], -1)),
-              e("div", al, [
+              e("div", il, [
                 e("button", {
                   class: "artifactuse-panel__action artifactuse-panel__action--close",
                   title: "Close panel",
-                  onClick: t[0] || (t[0] = (...w) => y(A) && y(A)(...w))
+                  onClick: t[0] || (t[0] = (...g) => k(L) && k(L)(...g))
                 }, [...t[13] || (t[13] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
@@ -3031,8 +3092,8 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
               e("h3", { class: "artifactuse-panel__empty-title" }, "No artifacts yet"),
               e("p", { class: "artifactuse-panel__empty-text" }, " Code blocks, forms, and other interactive content will appear here as the AI generates them. ")
             ], -1)),
-            e("footer", sl, [
-              se.value ? (a(), s("a", il, [...t[15] || (t[15] = [
+            e("footer", ll, [
+              j.value ? (a(), s("a", nl, [...t[15] || (t[15] = [
                 e("svg", {
                   width: "16",
                   height: "16",
@@ -3058,22 +3119,22 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
       _: 1
     }));
   }
-}, Pn = ["title"], Bn = {
+}, Bn = ["title"], En = {
   key: 0,
   class: "artifactuse-panel-toggle-badge"
-}, Rn = {
+}, On = {
   __name: "ArtifactusePanelToggle",
-  setup(H) {
-    const { state: u, artifactCount: h, hasArtifacts: k, togglePanel: l } = He();
-    return (U, S) => (a(), s("button", {
-      class: N(["artifactuse-panel-toggle", {
-        "artifactuse-panel-toggle--active": y(u).isPanelOpen,
-        "artifactuse-panel-toggle--has-artifacts": y(k)
+  setup(A) {
+    const { state: u, artifactCount: h, hasArtifacts: m, togglePanel: l } = Ee();
+    return (U, E) => (a(), s("button", {
+      class: J(["artifactuse-panel-toggle", {
+        "artifactuse-panel-toggle--active": k(u).isPanelOpen,
+        "artifactuse-panel-toggle--has-artifacts": k(m)
       }]),
-      onClick: S[0] || (S[0] = (...A) => y(l) && y(l)(...A)),
-      title: y(u).isPanelOpen ? "Close artifacts panel" : "Open artifacts panel"
+      onClick: E[0] || (E[0] = (...L) => k(l) && k(l)(...L)),
+      title: k(u).isPanelOpen ? "Close artifacts panel" : "Open artifacts panel"
     }, [
-      S[1] || (S[1] = e("svg", {
+      E[1] || (E[1] = e("svg", {
         viewBox: "0 0 24 24",
         fill: "none",
         stroke: "currentColor",
@@ -3084,38 +3145,38 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
         e("polyline", { points: "16 18 22 12 16 6" }),
         e("polyline", { points: "8 6 2 12 8 18" })
       ], -1)),
-      y(h) > 0 ? (a(), s("span", Bn, n(y(h) > 99 ? "99+" : y(h)), 1)) : d("", !0)
-    ], 10, Pn));
+      k(h) > 0 ? (a(), s("span", En, o(k(h) > 99 ? "99+" : k(h)), 1)) : d("", !0)
+    ], 10, Bn));
   }
-}, st = Symbol("artifactuse");
-function it(H = {}) {
-  var o;
-  const u = at(H), h = et({
+}, nt = Symbol("artifactuse");
+function ot(A = {}) {
+  var n;
+  const u = lt(A), h = st({
     artifacts: [],
     activeArtifactId: null,
     isPanelOpen: !1,
     viewMode: "preview",
     isFullscreen: !1
   });
-  u.state.subscribe((m) => {
-    h.artifacts = m.artifacts, h.activeArtifactId = m.activeArtifactId, h.isPanelOpen = m.isPanelOpen, h.viewMode = m.viewMode, h.isFullscreen = m.isFullscreen;
+  u.state.subscribe((y) => {
+    h.artifacts = y.artifacts, h.activeArtifactId = y.activeArtifactId, h.isPanelOpen = y.isPanelOpen, h.viewMode = y.viewMode, h.isFullscreen = y.isFullscreen;
   });
-  const k = b(() => h.activeArtifactId && h.artifacts.find((m) => m.id === h.activeArtifactId) || null), l = b(() => h.artifacts.filter((m) => !m.isInline).length), U = b(() => h.artifacts.some((m) => !m.isInline)), S = b(() => u.getPanelTypes()), A = b(() => k.value ? u.getPanelUrl(k.value) : null);
-  if (u.applyTheme(), H.theme === "auto" || !H.theme) {
-    const m = ((o = u.bridge) == null ? void 0 : o.theme) || u.theme;
-    m != null && m.watchSystemTheme && m.watchSystemTheme(() => {
+  const m = b(() => h.activeArtifactId && h.artifacts.find((y) => y.id === h.activeArtifactId) || null), l = b(() => h.artifacts.filter((y) => !y.isInline).length), U = b(() => h.artifacts.some((y) => !y.isInline)), E = b(() => u.getPanelTypes()), L = b(() => m.value ? u.getPanelUrl(m.value) : null);
+  if (u.applyTheme(), A.theme === "auto" || !A.theme) {
+    const y = ((n = u.bridge) == null ? void 0 : n.theme) || u.theme;
+    y != null && y.watchSystemTheme && y.watchSystemTheme(() => {
       u.applyTheme();
     });
   }
-  const g = {
+  const w = {
     instance: u,
     state: h,
-    activeArtifact: k,
+    activeArtifact: m,
     artifactCount: l,
     hasArtifacts: U,
     // Panel computed
-    panelTypes: S,
-    activePanelUrl: A,
+    panelTypes: E,
+    activePanelUrl: L,
     // Methods
     processMessage: u.processMessage,
     initializeContent: u.initializeContent,
@@ -3141,43 +3202,43 @@ function it(H = {}) {
     clearArtifacts: () => u.state.clear(),
     // Theme - wrap setTheme to also apply
     applyTheme: u.applyTheme,
-    setTheme: (m) => {
-      u.setTheme(m), u.applyTheme();
+    setTheme: (y) => {
+      u.setTheme(y), u.applyTheme();
     },
     getTheme: u.getTheme
   };
-  return It(st, g), g;
+  return Vt(nt, w), w;
 }
-function He() {
-  const H = Ft(st);
-  return H || (console.warn("useArtifactuse() called without provideArtifactuse(). Creating standalone instance."), it());
+function Ee() {
+  const A = Rt(nt);
+  return A || (console.warn("useArtifactuse() called without provideArtifactuse(). Creating standalone instance."), ot());
 }
-function En(H = {}) {
-  const u = at(H), h = et({
+function zn(A = {}) {
+  const u = lt(A), h = st({
     artifacts: [],
     activeArtifactId: null,
     isPanelOpen: !1,
     viewMode: "preview",
     isFullscreen: !1
   });
-  let k;
-  we(() => {
-    k = u.state.subscribe((o) => {
-      h.artifacts = o.artifacts, h.activeArtifactId = o.activeArtifactId, h.isPanelOpen = o.isPanelOpen, h.viewMode = o.viewMode, h.isFullscreen = o.isFullscreen;
+  let m;
+  xe(() => {
+    m = u.state.subscribe((n) => {
+      h.artifacts = n.artifacts, h.activeArtifactId = n.activeArtifactId, h.isPanelOpen = n.isPanelOpen, h.viewMode = n.viewMode, h.isFullscreen = n.isFullscreen;
     }), u.applyTheme();
-  }), Oe(() => {
-    k && k(), u.destroy();
+  }), De(() => {
+    m && m(), u.destroy();
   });
-  const l = b(() => h.activeArtifactId && h.artifacts.find((o) => o.id === h.activeArtifactId) || null), U = b(() => h.artifacts.filter((o) => !o.isInline).length), S = b(() => h.artifacts.some((o) => !o.isInline)), A = b(() => u.getPanelTypes()), g = b(() => l.value ? u.getPanelUrl(l.value) : null);
+  const l = b(() => h.activeArtifactId && h.artifacts.find((n) => n.id === h.activeArtifactId) || null), U = b(() => h.artifacts.filter((n) => !n.isInline).length), E = b(() => h.artifacts.some((n) => !n.isInline)), L = b(() => u.getPanelTypes()), w = b(() => l.value ? u.getPanelUrl(l.value) : null);
   return {
     instance: u,
     state: h,
     activeArtifact: l,
     artifactCount: U,
-    hasArtifacts: S,
+    hasArtifacts: E,
     // Panel computed
-    panelTypes: A,
-    activePanelUrl: g,
+    panelTypes: L,
+    activePanelUrl: w,
     // Methods
     processMessage: u.processMessage,
     initializeContent: u.initializeContent,
@@ -3203,29 +3264,29 @@ function En(H = {}) {
     clearArtifacts: () => u.state.clear(),
     // Theme - wrap setTheme to also apply
     applyTheme: u.applyTheme,
-    setTheme: (o) => {
-      u.setTheme(o), u.applyTheme();
+    setTheme: (n) => {
+      u.setTheme(n), u.applyTheme();
     },
     getTheme: u.getTheme
   };
 }
-const qn = {
-  provideArtifactuse: it,
-  useArtifactuse: He,
-  createArtifactuseComposable: En,
-  DEFAULT_PANELS: qt
+const Un = {
+  provideArtifactuse: ot,
+  useArtifactuse: Ee,
+  createArtifactuseComposable: zn,
+  DEFAULT_PANELS: Ut
 };
 export {
-  Fn as ArtifactuseAgentMessage,
-  Gt as ArtifactuseCard,
-  Ua as ArtifactuseInlineForm,
-  Vn as ArtifactusePanel,
-  Rn as ArtifactusePanelToggle,
-  Ni as ArtifactuseSocialPreview,
-  Gi as ArtifactuseViewer,
-  qt as DEFAULT_PANELS,
-  En as createArtifactuseComposable,
-  qn as default,
-  it as provideArtifactuse,
-  He as useArtifactuse
+  Rn as ArtifactuseAgentMessage,
+  ta as ArtifactuseCard,
+  ja as ArtifactuseInlineForm,
+  qn as ArtifactusePanel,
+  On as ArtifactusePanelToggle,
+  Xi as ArtifactuseSocialPreview,
+  tl as ArtifactuseViewer,
+  Ut as DEFAULT_PANELS,
+  zn as createArtifactuseComposable,
+  Un as default,
+  ot as provideArtifactuse,
+  Ee as useArtifactuse
 };