artifactuse 0.3.2 → 0.4.1

package/dist/vue/index.js

@@ -1,19 +1,19 @@
-import { ref as M, computed as b, createElementBlock as s, openBlock as a, normalizeClass as I, createElementVNode as e, toDisplayString as n, withModifiers as he, onMounted as Te, watch as oe, Fragment as F, createCommentVNode as v, renderList as ue, createTextVNode as Y, h as ne, normalizeStyle as Se, createStaticVNode as ea, createBlock as Me, resolveDynamicComponent as ta, nextTick as we, onUnmounted as Ye, Teleport as aa, createVNode as Fe, Transition as ze, withCtx as Ve, withKeys as sa, onBeforeUnmount as la, unref as y, withDirectives as _t, vShow as ht, reactive as yt, provide as ia, inject as na } from "vue";
-import { g as Ie, f as gt, a as Ze, b as Ke, n as oa, i as mt, c as ra, D as ca, d as kt } from "../index-ABusvYh9.js";
-import { J as ua } from "../jszip.min-CdmYyw5L.js";
-const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class: "artifactuse-card__content" }, pa = { class: "artifactuse-card__title" }, _a = { class: "artifactuse-card__meta" }, ha = { class: "artifactuse-card__type" }, ma = { class: "artifactuse-card__size" }, ya = { class: "artifactuse-card__actions" }, ga = ["title"], ka = {
+import { ref as M, computed as k, createElementBlock as l, openBlock as s, normalizeClass as R, createElementVNode as e, toDisplayString as i, withModifiers as me, onMounted as Ee, watch as ne, Fragment as V, createCommentVNode as v, renderList as fe, createTextVNode as G, h as re, normalizeStyle as Le, createStaticVNode as ua, createBlock as Pe, resolveDynamicComponent as da, nextTick as xe, onUnmounted as st, Teleport as va, createVNode as De, Transition as qe, withCtx as Oe, withKeys as fa, onBeforeUnmount as pa, unref as p, withDirectives as Ct, vShow as xt, reactive as Tt, provide as _a, inject as ha } from "vue";
+import { g as Ue, f as Lt, a as tt, b as at, n as ma, i as $t, c as ya, D as ga, d as Pt } from "../index-CBGheZYZ.js";
+import { g as Mt, r as ka, J as wa, b as ba } from "../jszip.min-BdBnWAEK.js";
+const Ca = { class: "artifactuse-card__icon" }, xa = ["innerHTML"], $a = { class: "artifactuse-card__content" }, Ma = { class: "artifactuse-card__title" }, Ta = { class: "artifactuse-card__meta" }, La = { class: "artifactuse-card__type" }, Pa = { class: "artifactuse-card__size" }, Ea = { class: "artifactuse-card__actions" }, Aa = ["title"], Ha = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, wa = {
+}, Ba = {
   key: 1,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, ba = {
+}, Sa = {
   __name: "ArtifactuseCard",
   props: {
     artifact: {
@@ -26,58 +26,58 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
     }
   },
   emits: ["open", "copy", "download"],
-  setup(P, { emit: c }) {
-    const p = P, T = c, _ = M(!1), r = b(() => Ie(p.artifact.language)), q = b(() => {
+  setup(L, { emit: d }) {
+    const _ = L, T = d, f = M(!1), n = k(() => Ue(_.artifact.language)), O = k(() => {
       var $;
-      return gt(p.artifact.size || (($ = p.artifact.code) == null ? void 0 : $.length) || 0);
-    }), A = b(() => Ze(p.artifact.language));
+      return Lt(_.artifact.size || (($ = _.artifact.code) == null ? void 0 : $.length) || 0);
+    }), H = k(() => tt(_.artifact.language));
     function g($) {
-      $.stopPropagation(), T("open", p.artifact);
+      $.stopPropagation(), T("open", _.artifact);
     }
-    async function o() {
+    async function r() {
       try {
-        await navigator.clipboard.writeText(p.artifact.code), _.value = !0, setTimeout(() => {
-          _.value = !1;
-        }, 2e3), T("copy", p.artifact);
+        await navigator.clipboard.writeText(_.artifact.code), f.value = !0, setTimeout(() => {
+          f.value = !1;
+        }, 2e3), T("copy", _.artifact);
       } catch ($) {
         console.error("Failed to copy:", $);
       }
     }
     function h() {
-      var N;
-      const $ = new Blob([p.artifact.code], { type: "text/plain" }), V = URL.createObjectURL($), x = document.createElement("a"), D = Ke(p.artifact.editorLanguage || p.artifact.language), U = ((N = p.artifact.title) == null ? void 0 : N.replace(/[^a-z0-9]/gi, "_").toLowerCase()) || "code";
-      x.href = V, x.download = `${U}.${D}`, document.body.appendChild(x), x.click(), document.body.removeChild(x), URL.revokeObjectURL(V), T("download", p.artifact);
+      var J;
+      const $ = new Blob([_.artifact.code], { type: "text/plain" }), I = URL.createObjectURL($), x = document.createElement("a"), N = at(_.artifact.editorLanguage || _.artifact.language), D = ((J = _.artifact.title) == null ? void 0 : J.replace(/[^a-z0-9]/gi, "_").toLowerCase()) || "code";
+      x.href = I, x.download = `${D}.${N}`, document.body.appendChild(x), x.click(), document.body.removeChild(x), URL.revokeObjectURL(I), T("download", _.artifact);
     }
-    return ($, V) => (a(), s("div", {
-      class: I(["artifactuse-card", { "artifactuse-card--active": P.isActive }]),
+    return ($, I) => (s(), l("div", {
+      class: R(["artifactuse-card", { "artifactuse-card--active": L.isActive }]),
       onClick: g
     }, [
-      e("div", da, [
-        (a(), s("svg", {
+      e("div", Ca, [
+        (s(), l("svg", {
           viewBox: "0 0 24 24",
           fill: "none",
           stroke: "currentColor",
           "stroke-width": "1.5",
-          innerHTML: A.value
-        }, null, 8, va))
+          innerHTML: H.value
+        }, null, 8, xa))
       ]),
-      e("div", fa, [
-        e("div", pa, n(P.artifact.title), 1),
-        e("div", _a, [
-          e("span", ha, n(r.value), 1),
-          V[0] || (V[0] = e("span", { class: "artifactuse-card__separator" }, "•", -1)),
-          e("span", ma, n(q.value), 1)
+      e("div", $a, [
+        e("div", Ma, i(L.artifact.title), 1),
+        e("div", Ta, [
+          e("span", La, i(n.value), 1),
+          I[0] || (I[0] = e("span", { class: "artifactuse-card__separator" }, "•", -1)),
+          e("span", Pa, i(O.value), 1)
         ])
       ]),
-      e("div", ya, [
+      e("div", Ea, [
         e("button", {
           class: "artifactuse-card__action",
-          onClick: he(o, ["stop"]),
-          title: _.value ? "Copied!" : "Copy code"
+          onClick: me(r, ["stop"]),
+          title: f.value ? "Copied!" : "Copy code"
         }, [
-          _.value ? (a(), s("svg", wa, [...V[2] || (V[2] = [
+          f.value ? (s(), l("svg", Ba, [...I[2] || (I[2] = [
             e("polyline", { points: "20 6 9 17 4 12" }, null, -1)
-          ])])) : (a(), s("svg", ka, [...V[1] || (V[1] = [
+          ])])) : (s(), l("svg", Ha, [...I[1] || (I[1] = [
             e("rect", {
               x: "9",
               y: "9",
@@ -88,12 +88,12 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { 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, ga),
+        ], 8, Aa),
         e("button", {
           class: "artifactuse-card__action",
-          onClick: he(h, ["stop"]),
+          onClick: me(h, ["stop"]),
           title: "Download file"
-        }, [...V[3] || (V[3] = [
+        }, [...I[3] || (I[3] = [
           e("svg", {
             viewBox: "0 0 24 24",
             fill: "none",
@@ -111,7 +111,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
           ], -1)
         ])])
       ]),
-      V[4] || (V[4] = e("div", { class: "artifactuse-card__arrow" }, [
+      I[4] || (I[4] = e("div", { class: "artifactuse-card__arrow" }, [
         e("svg", {
           viewBox: "0 0 24 24",
           fill: "none",
@@ -123,10 +123,10 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
       ], -1))
     ], 2));
   }
-}, Ca = ["data-artifactuse-theme"], xa = {
+}, za = ["data-artifactuse-theme"], Va = {
   key: 0,
   class: "artifactuse-form-collapsed"
-}, $a = { class: "artifactuse-form-collapsed-icon" }, Ma = {
+}, Ia = { class: "artifactuse-form-collapsed-icon" }, Fa = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
@@ -134,7 +134,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
   "stroke-width": "2.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Ta = {
+}, Ra = {
   key: 1,
   viewBox: "0 0 24 24",
   fill: "none",
@@ -142,7 +142,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
   "stroke-width": "2.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, La = {
+}, qa = {
   key: 2,
   viewBox: "0 0 24 24",
   fill: "none",
@@ -150,64 +150,64 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
   "stroke-width": "2.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Pa = { class: "artifactuse-form-collapsed-title" }, Ea = {
+}, Oa = { class: "artifactuse-form-collapsed-title" }, Ua = {
   key: 0,
   class: "artifactuse-form-header"
-}, Aa = {
+}, Da = {
   key: 0,
   class: "artifactuse-form-title"
-}, Ha = {
+}, ja = {
   key: 1,
   class: "artifactuse-form-description"
-}, Ba = {
+}, Na = {
   key: 1,
   class: "artifactuse-form-buttons"
-}, Sa = ["disabled", "onClick"], za = ["innerHTML"], Va = { class: "artifactuse-form-fields" }, Ia = {
+}, Wa = ["disabled", "onClick"], Ja = ["innerHTML"], Xa = { class: "artifactuse-form-fields" }, Za = {
   key: 0,
   class: "artifactuse-form-buttons"
-}, Fa = ["type", "disabled", "onClick"], Ra = {
+}, Ka = ["type", "disabled", "onClick"], Ya = {
   key: 0,
   class: "artifactuse-form-btn-spinner"
-}, qa = ["innerHTML"], Oa = {
+}, Ga = ["innerHTML"], Qa = {
   key: 1,
   class: "artifactuse-form-divider"
-}, Ua = {
+}, es = {
   key: 2,
   class: "artifactuse-form-heading"
-}, Da = {
+}, ts = {
   key: 3,
   class: "artifactuse-form-field"
-}, ja = { class: "artifactuse-checkbox-label" }, Na = ["checked", "disabled", "onChange"], Wa = { class: "artifactuse-checkbox-text" }, Ja = {
+}, as = { class: "artifactuse-checkbox-label" }, ss = ["checked", "disabled", "onChange"], ls = { class: "artifactuse-checkbox-text" }, is = {
   key: 0,
   class: "artifactuse-required"
-}, Xa = {
+}, ns = {
   key: 0,
   class: "artifactuse-help-text"
-}, Za = {
+}, os = {
   key: 1,
   class: "artifactuse-error-text"
-}, Ka = {
+}, rs = {
   key: 4,
   class: "artifactuse-form-field"
-}, Ya = ["for"], Qa = {
+}, cs = ["for"], us = {
   key: 0,
   class: "artifactuse-required"
-}, Ga = ["id", "type", "value", "placeholder", "disabled", "required", "onInput"], es = ["id", "value", "placeholder", "disabled", "required", "rows", "onInput"], ts = ["id", "value", "disabled", "required", "onChange"], as = { value: "" }, ss = ["value", "disabled"], ls = {
+}, ds = ["id", "type", "value", "placeholder", "disabled", "required", "onInput"], vs = ["id", "value", "placeholder", "disabled", "required", "rows", "onInput"], fs = ["id", "value", "disabled", "required", "onChange"], ps = { value: "" }, _s = ["value", "disabled"], hs = {
   key: 3,
   class: "artifactuse-radio-group"
-}, is = ["name", "value", "checked", "disabled", "onChange"], ns = {
+}, ms = ["name", "value", "checked", "disabled", "onChange"], ys = {
   key: 4,
   class: "artifactuse-help-text"
-}, os = {
+}, gs = {
   key: 5,
   class: "artifactuse-error-text"
-}, rs = {
+}, ks = {
   key: 0,
   class: "artifactuse-form-buttons artifactuse-form-buttons-default"
-}, cs = ["disabled"], us = {
+}, ws = ["disabled"], bs = {
   key: 0,
   class: "artifactuse-form-btn-spinner"
-}, ds = {
+}, Cs = {
   __name: "ArtifactuseInlineForm",
   props: {
     artifact: { type: Object, required: !0 },
@@ -216,121 +216,121 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
     initialState: {
       type: String,
       default: "active",
-      validator: (P) => ["active", "submitted", "cancelled", "inactive"].includes(P)
+      validator: (L) => ["active", "submitted", "cancelled", "inactive"].includes(L)
     }
   },
   emits: ["submit", "cancel", "reset", "button-click"],
-  setup(P, { emit: c }) {
-    const p = P, T = c, _ = M(p.initialState), r = b(() => _.value !== "active"), q = b(() => _.value === "active" ? "" : `artifactuse-form--${_.value}`);
-    function A(w) {
-      _.value = w;
+  setup(L, { emit: d }) {
+    const _ = L, T = d, f = M(_.initialState), n = k(() => f.value !== "active"), O = k(() => f.value === "active" ? "" : `artifactuse-form--${f.value}`);
+    function H(b) {
+      f.value = b;
     }
-    const g = b(() => {
+    const g = k(() => {
       try {
-        return JSON.parse(p.artifact.code);
+        return JSON.parse(_.artifact.code);
       } catch {
         return { title: "Invalid Form", variant: "fields", data: { fields: [] } };
       }
-    }), o = M(null), h = b(() => p.artifact.id || g.value.id || `form-${Date.now()}`), $ = b(() => `artifactuse-form-${g.value.variant || "fields"}`), V = b(() => g.value.title || "Form"), x = M({}), D = M({}), U = M(!1), N = b(() => {
-      var w;
-      return ((w = g.value.data) == null ? void 0 : w.fields) || [];
-    }), ee = b(() => {
-      var w;
-      return g.value.variant === "buttons" ? ((w = g.value.data) == null ? void 0 : w.fields) || [] : [];
-    }), B = b(() => N.value.some((w) => w.type === "buttons"));
-    function re(w) {
-      if (!w) return null;
-      const E = w.trim();
-      if (E.startsWith("#")) {
-        let d = E.slice(1);
-        if (d.length === 3 && (d = d.split("").map((L) => L + L).join("")), d.length === 6) {
-          const L = parseInt(d.slice(0, 2), 16), se = parseInt(d.slice(2, 4), 16), ce = parseInt(d.slice(4, 6), 16);
-          if (!isNaN(L) && !isNaN(se) && !isNaN(ce)) return `${L}, ${se}, ${ce}`;
+    }), r = M(null), h = k(() => _.artifact.id || g.value.id || `form-${Date.now()}`), $ = k(() => `artifactuse-form-${g.value.variant || "fields"}`), I = k(() => g.value.title || "Form"), x = M({}), N = M({}), D = M(!1), J = k(() => {
+      var b;
+      return ((b = g.value.data) == null ? void 0 : b.fields) || [];
+    }), ee = k(() => {
+      var b;
+      return g.value.variant === "buttons" ? ((b = g.value.data) == null ? void 0 : b.fields) || [] : [];
+    }), S = k(() => J.value.some((b) => b.type === "buttons"));
+    function ce(b) {
+      if (!b) return null;
+      const B = b.trim();
+      if (B.startsWith("#")) {
+        let o = B.slice(1);
+        if (o.length === 3 && (o = o.split("").map((P) => P + P).join("")), o.length === 6) {
+          const P = parseInt(o.slice(0, 2), 16), se = parseInt(o.slice(2, 4), 16), te = parseInt(o.slice(4, 6), 16);
+          if (!isNaN(P) && !isNaN(se) && !isNaN(te)) return `${P}, ${se}, ${te}`;
         }
       }
-      const i = E.match(/^rgba?\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i);
-      if (i) return `${i[1]}, ${i[2]}, ${i[3]}`;
-      const H = E.split(/[\s,]+/).map(Number).filter((d) => !isNaN(d));
-      return H.length >= 3 ? `${H[0]}, ${H[1]}, ${H[2]}` : null;
+      const u = B.match(/^rgba?\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i);
+      if (u) return `${u[1]}, ${u[2]}, ${u[3]}`;
+      const z = B.split(/[\s,]+/).map(Number).filter((o) => !isNaN(o));
+      return z.length >= 3 ? `${z[0]}, ${z[1]}, ${z[2]}` : null;
     }
     function K() {
-      if (o.value && p.accent) {
-        const w = re(p.accent);
-        w && o.value.style.setProperty("--artifactuse-primary", w);
+      if (r.value && _.accent) {
+        const b = ce(_.accent);
+        b && r.value.style.setProperty("--artifactuse-primary", b);
       }
     }
-    Te(() => {
-      K(), _.value = p.initialState;
-    }), oe(() => p.accent, K), oe(() => p.initialState, (w) => {
-      _.value = w;
+    Ee(() => {
+      K(), f.value = _.initialState;
+    }), ne(() => _.accent, K), ne(() => _.initialState, (b) => {
+      f.value = b;
     });
     function Z() {
-      var i;
-      const w = {};
-      N.value.forEach((H) => {
-        ["buttons", "divider", "heading"].includes(H.type) || (H.defaultValue !== void 0 ? w[H.name] = H.defaultValue : H.type === "checkbox" ? w[H.name] = !1 : w[H.name] = "");
-      }), (i = g.value.data) != null && i.defaults && Object.assign(w, g.value.data.defaults), x.value = w;
-    }
-    Z(), oe(() => p.artifact.code, Z);
-    function de(w) {
-      return ["text", "email", "password", "tel", "url", "number", "date", "time", "datetime-local"].includes(w);
-    }
-    function m(w) {
-      return w ? w.map((E) => typeof E == "string" ? { label: E, value: E } : E) : [];
-    }
-    function k(w, E) {
-      x.value[w] = E, D.value[w] && delete D.value[w];
-    }
-    function ae() {
-      var H;
-      const w = {};
-      N.value.forEach((d) => {
-        if (["buttons", "divider", "heading"].includes(d.type)) return;
-        const L = x.value[d.name];
-        if (d.required && !L && L !== 0 && L !== !1) {
-          w[d.name] = `${d.label || "This field"} is required`;
+      var u;
+      const b = {};
+      J.value.forEach((z) => {
+        ["buttons", "divider", "heading"].includes(z.type) || (z.defaultValue !== void 0 ? b[z.name] = z.defaultValue : z.type === "checkbox" ? b[z.name] = !1 : b[z.name] = "");
+      }), (u = g.value.data) != null && u.defaults && Object.assign(b, g.value.data.defaults), x.value = b;
+    }
+    Z(), ne(() => _.artifact.code, Z);
+    function pe(b) {
+      return ["text", "email", "password", "tel", "url", "number", "date", "time", "datetime-local"].includes(b);
+    }
+    function m(b) {
+      return b ? b.map((B) => typeof B == "string" ? { label: B, value: B } : B) : [];
+    }
+    function w(b, B) {
+      x.value[b] = B, N.value[b] && delete N.value[b];
+    }
+    function ie() {
+      var z;
+      const b = {};
+      J.value.forEach((o) => {
+        if (["buttons", "divider", "heading"].includes(o.type)) return;
+        const P = x.value[o.name];
+        if (o.required && !P && P !== 0 && P !== !1) {
+          b[o.name] = `${o.label || "This field"} is required`;
           return;
         }
-        if (d.pattern && L && !new RegExp(d.pattern).test(L)) {
-          w[d.name] = d.patternMessage || `${d.label || "This field"} is invalid`;
+        if (o.pattern && P && !new RegExp(o.pattern).test(P)) {
+          b[o.name] = o.patternMessage || `${o.label || "This field"} is invalid`;
           return;
         }
-        if (d.type === "email" && L && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(L)) {
-          w[d.name] = "Please enter a valid email address";
+        if (o.type === "email" && P && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(P)) {
+          b[o.name] = "Please enter a valid email address";
           return;
         }
-        if (d.minLength && L && L.length < d.minLength) {
-          w[d.name] = `Minimum ${d.minLength} characters required`;
+        if (o.minLength && P && P.length < o.minLength) {
+          b[o.name] = `Minimum ${o.minLength} characters required`;
           return;
         }
-        if (d.maxLength && L && L.length > d.maxLength) {
-          w[d.name] = `Maximum ${d.maxLength} characters allowed`;
+        if (o.maxLength && P && P.length > o.maxLength) {
+          b[o.name] = `Maximum ${o.maxLength} characters allowed`;
           return;
         }
       });
-      const i = (H = g.value.data) == null ? void 0 : H.validation;
-      return i && Object.entries(i).forEach(([d, L]) => {
-        if (w[d]) return;
-        const se = x.value[d];
-        L.pattern && se && (new RegExp(L.pattern).test(se) || (w[d] = L.message || `${d} is invalid`));
-      }), D.value = w, Object.keys(w).length === 0;
+      const u = (z = g.value.data) == null ? void 0 : z.validation;
+      return u && Object.entries(u).forEach(([o, P]) => {
+        if (b[o]) return;
+        const se = x.value[o];
+        P.pattern && se && (new RegExp(P.pattern).test(se) || (b[o] = P.message || `${o} is invalid`));
+      }), N.value = b, Object.keys(b).length === 0;
     }
-    function Q() {
-      Z(), D.value = {};
+    function oe() {
+      Z(), N.value = {};
     }
     function W() {
-      ae() && (U.value = !0, T("submit", {
+      ie() && (D.value = !0, T("submit", {
         formId: h.value,
         action: "submit",
         values: { ...x.value },
         timestamp: Date.now()
       }), setTimeout(() => {
-        U.value = !1, A("submitted");
+        D.value = !1, H("submitted");
       }, 300));
     }
-    function ie(w) {
-      const E = w.action || "custom";
-      switch (E) {
+    function X(b) {
+      const B = b.action || "custom";
+      switch (B) {
         case "submit":
           W();
           break;
@@ -338,17 +338,17 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
           T("cancel", {
             formId: h.value,
             action: "cancel",
-            buttonName: w.name || "cancel",
+            buttonName: b.name || "cancel",
             timestamp: Date.now()
           }), setTimeout(() => {
-            A("cancelled");
+            H("cancelled");
           }, 150);
           break;
         case "reset":
-          Q(), T("reset", {
+          oe(), T("reset", {
             formId: h.value,
             action: "reset",
-            buttonName: w.name || "reset",
+            buttonName: b.name || "reset",
             timestamp: Date.now()
           });
           break;
@@ -356,32 +356,32 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
         default:
           T("button-click", {
             formId: h.value,
-            action: E,
-            buttonName: w.name || w.label,
-            buttonLabel: w.label,
+            action: B,
+            buttonName: b.name || b.label,
+            buttonLabel: b.label,
             values: { ...x.value },
             timestamp: Date.now()
           }), setTimeout(() => {
-            A("submitted");
+            H("submitted");
           }, 150);
           break;
       }
     }
-    return (w, E) => (a(), s("div", {
+    return (b, B) => (s(), l("div", {
       ref_key: "containerRef",
-      ref: o,
-      class: I([
+      ref: r,
+      class: R([
         "artifactuse-inline-form",
         $.value,
-        q.value
+        O.value
       ]),
-      "data-artifactuse-theme": P.theme
+      "data-artifactuse-theme": L.theme
     }, [
-      r.value ? (a(), s("div", xa, [
-        e("div", $a, [
-          _.value === "submitted" ? (a(), s("svg", Ma, [...E[1] || (E[1] = [
+      n.value ? (s(), l("div", Va, [
+        e("div", Ia, [
+          f.value === "submitted" ? (s(), l("svg", Fa, [...B[1] || (B[1] = [
             e("polyline", { points: "20 6 9 17 4 12" }, null, -1)
-          ])])) : _.value === "cancelled" ? (a(), s("svg", Ta, [...E[2] || (E[2] = [
+          ])])) : f.value === "cancelled" ? (s(), l("svg", Ra, [...B[2] || (B[2] = [
             e("line", {
               x1: "18",
               y1: "6",
@@ -394,7 +394,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
               x2: "18",
               y2: "18"
             }, null, -1)
-          ])])) : (a(), s("svg", La, [...E[3] || (E[3] = [
+          ])])) : (s(), l("svg", qa, [...B[3] || (B[3] = [
             e("line", {
               x1: "5",
               y1: "12",
@@ -403,216 +403,216 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
             }, null, -1)
           ])]))
         ]),
-        e("span", Pa, n(V.value), 1)
-      ])) : (a(), s(F, { key: 1 }, [
-        g.value.title || g.value.description ? (a(), s("div", Ea, [
-          g.value.title ? (a(), s("div", Aa, n(g.value.title), 1)) : v("", !0),
-          g.value.description ? (a(), s("p", Ha, n(g.value.description), 1)) : v("", !0)
+        e("span", Oa, i(I.value), 1)
+      ])) : (s(), l(V, { key: 1 }, [
+        g.value.title || g.value.description ? (s(), l("div", Ua, [
+          g.value.title ? (s(), l("div", Da, i(g.value.title), 1)) : v("", !0),
+          g.value.description ? (s(), l("p", ja, i(g.value.description), 1)) : v("", !0)
         ])) : v("", !0),
-        g.value.variant === "buttons" ? (a(), s("div", Ba, [
-          (a(!0), s(F, null, ue(ee.value, (i) => (a(), s("button", {
-            key: i.name || i.label,
+        g.value.variant === "buttons" ? (s(), l("div", Na, [
+          (s(!0), l(V, null, fe(ee.value, (u) => (s(), l("button", {
+            key: u.name || u.label,
             type: "button",
-            class: I(["artifactuse-form-btn", `artifactuse-form-btn-${i.variant || "secondary"}`]),
-            disabled: i.disabled || U.value,
-            onClick: (H) => ie(i)
+            class: R(["artifactuse-form-btn", `artifactuse-form-btn-${u.variant || "secondary"}`]),
+            disabled: u.disabled || D.value,
+            onClick: (z) => X(u)
           }, [
-            i.icon ? (a(), s("span", {
+            u.icon ? (s(), l("span", {
               key: 0,
               class: "artifactuse-form-btn-icon",
-              innerHTML: i.icon
-            }, null, 8, za)) : v("", !0),
-            Y(" " + n(i.label), 1)
-          ], 10, Sa))), 128))
-        ])) : (a(), s("form", {
+              innerHTML: u.icon
+            }, null, 8, Ja)) : v("", !0),
+            G(" " + i(u.label), 1)
+          ], 10, Wa))), 128))
+        ])) : (s(), l("form", {
           key: 2,
           class: "artifactuse-form",
-          onSubmit: he(W, ["prevent"])
+          onSubmit: me(W, ["prevent"])
         }, [
-          e("div", Va, [
-            (a(!0), s(F, null, ue(N.value, (i, H) => (a(), s(F, {
-              key: i.name || H
+          e("div", Xa, [
+            (s(!0), l(V, null, fe(J.value, (u, z) => (s(), l(V, {
+              key: u.name || z
             }, [
-              i.type === "buttons" ? (a(), s("div", Ia, [
-                (a(!0), s(F, null, ue(i.fields || [], (d) => (a(), s("button", {
-                  key: d.name || d.label,
-                  type: d.action === "submit" ? "submit" : "button",
-                  class: I(["artifactuse-form-btn", `artifactuse-form-btn-${d.variant || "secondary"}`]),
-                  disabled: d.disabled || d.action === "submit" && U.value,
-                  onClick: (L) => d.action !== "submit" ? ie(d) : null
+              u.type === "buttons" ? (s(), l("div", Za, [
+                (s(!0), l(V, null, fe(u.fields || [], (o) => (s(), l("button", {
+                  key: o.name || o.label,
+                  type: o.action === "submit" ? "submit" : "button",
+                  class: R(["artifactuse-form-btn", `artifactuse-form-btn-${o.variant || "secondary"}`]),
+                  disabled: o.disabled || o.action === "submit" && D.value,
+                  onClick: (P) => o.action !== "submit" ? X(o) : null
                 }, [
-                  U.value && d.action === "submit" ? (a(), s("span", Ra)) : d.icon ? (a(), s("span", {
+                  D.value && o.action === "submit" ? (s(), l("span", Ya)) : o.icon ? (s(), l("span", {
                     key: 1,
                     class: "artifactuse-form-btn-icon",
-                    innerHTML: d.icon
-                  }, null, 8, qa)) : v("", !0),
-                  Y(" " + n(U.value && d.action === "submit" ? "Submitting..." : d.label), 1)
-                ], 10, Fa))), 128))
-              ])) : i.type === "divider" ? (a(), s("div", Oa)) : i.type === "heading" ? (a(), s("div", Ua, n(i.label), 1)) : i.type === "checkbox" ? (a(), s("div", Da, [
-                e("label", ja, [
+                    innerHTML: o.icon
+                  }, null, 8, Ga)) : v("", !0),
+                  G(" " + i(D.value && o.action === "submit" ? "Submitting..." : o.label), 1)
+                ], 10, Ka))), 128))
+              ])) : u.type === "divider" ? (s(), l("div", Qa)) : u.type === "heading" ? (s(), l("div", es, i(u.label), 1)) : u.type === "checkbox" ? (s(), l("div", ts, [
+                e("label", as, [
                   e("input", {
                     type: "checkbox",
-                    checked: x.value[i.name],
-                    disabled: i.disabled,
+                    checked: x.value[u.name],
+                    disabled: u.disabled,
                     class: "artifactuse-checkbox",
-                    onChange: (d) => k(i.name, d.target.checked)
-                  }, null, 40, Na),
-                  e("span", Wa, [
-                    Y(n(i.label) + " ", 1),
-                    i.required ? (a(), s("span", Ja, "*")) : v("", !0)
+                    onChange: (o) => w(u.name, o.target.checked)
+                  }, null, 40, ss),
+                  e("span", ls, [
+                    G(i(u.label) + " ", 1),
+                    u.required ? (s(), l("span", is, "*")) : v("", !0)
                   ])
                 ]),
-                i.helpText ? (a(), s("span", Xa, n(i.helpText), 1)) : v("", !0),
-                D.value[i.name] ? (a(), s("span", Za, n(D.value[i.name]), 1)) : v("", !0)
-              ])) : (a(), s("div", Ka, [
+                u.helpText ? (s(), l("span", ns, i(u.helpText), 1)) : v("", !0),
+                N.value[u.name] ? (s(), l("span", os, i(N.value[u.name]), 1)) : v("", !0)
+              ])) : (s(), l("div", rs, [
                 e("label", {
-                  for: `${h.value}-${i.name}`,
+                  for: `${h.value}-${u.name}`,
                   class: "artifactuse-label"
                 }, [
-                  Y(n(i.label) + " ", 1),
-                  i.required ? (a(), s("span", Qa, "*")) : v("", !0)
-                ], 8, Ya),
-                de(i.type) ? (a(), s("input", {
+                  G(i(u.label) + " ", 1),
+                  u.required ? (s(), l("span", us, "*")) : v("", !0)
+                ], 8, cs),
+                pe(u.type) ? (s(), l("input", {
                   key: 0,
-                  id: `${h.value}-${i.name}`,
-                  type: i.type,
-                  value: x.value[i.name],
-                  placeholder: i.placeholder,
-                  disabled: i.disabled,
-                  required: i.required,
+                  id: `${h.value}-${u.name}`,
+                  type: u.type,
+                  value: x.value[u.name],
+                  placeholder: u.placeholder,
+                  disabled: u.disabled,
+                  required: u.required,
                   class: "artifactuse-input",
-                  onInput: (d) => k(i.name, d.target.value)
-                }, null, 40, Ga)) : i.type === "textarea" ? (a(), s("textarea", {
+                  onInput: (o) => w(u.name, o.target.value)
+                }, null, 40, ds)) : u.type === "textarea" ? (s(), l("textarea", {
                   key: 1,
-                  id: `${h.value}-${i.name}`,
-                  value: x.value[i.name],
-                  placeholder: i.placeholder,
-                  disabled: i.disabled,
-                  required: i.required,
-                  rows: i.rows || 3,
+                  id: `${h.value}-${u.name}`,
+                  value: x.value[u.name],
+                  placeholder: u.placeholder,
+                  disabled: u.disabled,
+                  required: u.required,
+                  rows: u.rows || 3,
                   class: "artifactuse-textarea",
-                  onInput: (d) => k(i.name, d.target.value)
-                }, null, 40, es)) : i.type === "select" ? (a(), s("select", {
+                  onInput: (o) => w(u.name, o.target.value)
+                }, null, 40, vs)) : u.type === "select" ? (s(), l("select", {
                   key: 2,
-                  id: `${h.value}-${i.name}`,
-                  value: x.value[i.name],
-                  disabled: i.disabled,
-                  required: i.required,
+                  id: `${h.value}-${u.name}`,
+                  value: x.value[u.name],
+                  disabled: u.disabled,
+                  required: u.required,
                   class: "artifactuse-select",
-                  onChange: (d) => k(i.name, d.target.value)
+                  onChange: (o) => w(u.name, o.target.value)
                 }, [
-                  e("option", as, n(i.placeholder || "Select..."), 1),
-                  (a(!0), s(F, null, ue(m(i.options), (d) => (a(), s("option", {
-                    key: d.value,
-                    value: d.value,
-                    disabled: d.disabled
-                  }, n(d.label), 9, ss))), 128))
-                ], 40, ts)) : i.type === "radio" ? (a(), s("div", ls, [
-                  (a(!0), s(F, null, ue(m(i.options), (d) => (a(), s("label", {
-                    key: d.value,
+                  e("option", ps, i(u.placeholder || "Select..."), 1),
+                  (s(!0), l(V, null, fe(m(u.options), (o) => (s(), l("option", {
+                    key: o.value,
+                    value: o.value,
+                    disabled: o.disabled
+                  }, i(o.label), 9, _s))), 128))
+                ], 40, fs)) : u.type === "radio" ? (s(), l("div", hs, [
+                  (s(!0), l(V, null, fe(m(u.options), (o) => (s(), l("label", {
+                    key: o.value,
                     class: "artifactuse-radio-label"
                   }, [
                     e("input", {
                       type: "radio",
-                      name: i.name,
-                      value: d.value,
-                      checked: x.value[i.name] === d.value,
-                      disabled: d.disabled || i.disabled,
+                      name: u.name,
+                      value: o.value,
+                      checked: x.value[u.name] === o.value,
+                      disabled: o.disabled || u.disabled,
                       class: "artifactuse-radio",
-                      onChange: (L) => k(i.name, d.value)
-                    }, null, 40, is),
-                    e("span", null, n(d.label), 1)
+                      onChange: (P) => w(u.name, o.value)
+                    }, null, 40, ms),
+                    e("span", null, i(o.label), 1)
                   ]))), 128))
                 ])) : v("", !0),
-                i.helpText ? (a(), s("span", ns, n(i.helpText), 1)) : v("", !0),
-                D.value[i.name] ? (a(), s("span", os, n(D.value[i.name]), 1)) : v("", !0)
+                u.helpText ? (s(), l("span", ys, i(u.helpText), 1)) : v("", !0),
+                N.value[u.name] ? (s(), l("span", gs, i(N.value[u.name]), 1)) : v("", !0)
               ]))
             ], 64))), 128))
           ]),
-          B.value ? v("", !0) : (a(), s("div", rs, [
+          S.value ? v("", !0) : (s(), l("div", ks, [
             e("button", {
               type: "button",
               class: "artifactuse-form-btn artifactuse-form-btn-ghost",
-              onClick: E[0] || (E[0] = (i) => ie({ action: "cancel", label: "Cancel" }))
+              onClick: B[0] || (B[0] = (u) => X({ action: "cancel", label: "Cancel" }))
             }, " Cancel "),
             e("button", {
               type: "submit",
               class: "artifactuse-form-btn artifactuse-form-btn-primary",
-              disabled: U.value
+              disabled: D.value
             }, [
-              U.value ? (a(), s("span", us)) : v("", !0),
-              Y(" " + n(U.value ? "Submitting..." : "Submit"), 1)
-            ], 8, cs)
+              D.value ? (s(), l("span", bs)) : v("", !0),
+              G(" " + i(D.value ? "Submitting..." : "Submit"), 1)
+            ], 8, ws)
           ]))
         ], 32))
       ], 64))
-    ], 10, Ca));
+    ], 10, za));
   }
-}, vs = ["data-artifactuse-theme"], fs = { class: "artifactuse-social-header" }, ps = ["src", "alt"], _s = { class: "artifactuse-social-author" }, hs = { class: "artifactuse-social-author-name" }, ms = { class: "artifactuse-social-author-meta" }, ys = { class: "artifactuse-social-author-handle" }, gs = { class: "artifactuse-social-timestamp" }, ks = { class: "artifactuse-social-content" }, ws = ["innerHTML"], bs = {
+}, xs = ["data-artifactuse-theme"], $s = { class: "artifactuse-social-header" }, Ms = ["src", "alt"], Ts = { class: "artifactuse-social-author" }, Ls = { class: "artifactuse-social-author-name" }, Ps = { class: "artifactuse-social-author-meta" }, Es = { class: "artifactuse-social-author-handle" }, As = { class: "artifactuse-social-timestamp" }, Hs = { class: "artifactuse-social-content" }, Bs = ["innerHTML"], Ss = {
   key: 0,
   class: "artifactuse-social-media"
-}, Cs = ["data-count"], xs = ["src", "alt"], $s = {
+}, zs = ["data-count"], Vs = ["src", "alt"], Is = {
   key: 1,
   class: "artifactuse-social-link-card"
-}, Ms = ["src", "alt"], Ts = { class: "artifactuse-social-link-info" }, Ls = { class: "artifactuse-social-link-domain" }, Ps = { class: "artifactuse-social-link-title" }, Es = {
+}, Fs = ["src", "alt"], Rs = { class: "artifactuse-social-link-info" }, qs = { class: "artifactuse-social-link-domain" }, Os = { class: "artifactuse-social-link-title" }, Us = {
   key: 0,
   class: "artifactuse-social-link-description"
-}, As = {
+}, Ds = {
   key: 2,
   class: "artifactuse-social-poll"
-}, Hs = { class: "artifactuse-social-poll-label" }, Bs = { class: "artifactuse-social-poll-label-percent" }, Ss = { class: "artifactuse-social-poll-meta" }, zs = {
+}, js = { class: "artifactuse-social-poll-label" }, Ns = { class: "artifactuse-social-poll-label-percent" }, Ws = { class: "artifactuse-social-poll-meta" }, Js = {
   key: 3,
   class: "artifactuse-social-quote"
-}, Vs = { class: "artifactuse-social-quote-header" }, Is = ["src"], Fs = { class: "artifactuse-social-quote-author" }, Rs = { class: "artifactuse-social-quote-handle" }, qs = { class: "artifactuse-social-quote-text" }, Os = {
+}, Xs = { class: "artifactuse-social-quote-header" }, Zs = ["src"], Ks = { class: "artifactuse-social-quote-author" }, Ys = { class: "artifactuse-social-quote-handle" }, Gs = { class: "artifactuse-social-quote-text" }, Qs = {
   key: 0,
   class: "artifactuse-social-engagement"
-}, Us = { class: "artifactuse-social-stat" }, Ds = { class: "artifactuse-social-stat" }, js = { class: "artifactuse-social-stat" }, Ns = { class: "artifactuse-social-stat" }, Ws = { class: "artifactuse-social-header" }, Js = ["src", "alt"], Xs = { class: "artifactuse-social-author-info" }, Zs = { class: "artifactuse-social-author-name" }, Ks = {
+}, el = { class: "artifactuse-social-stat" }, tl = { class: "artifactuse-social-stat" }, al = { class: "artifactuse-social-stat" }, sl = { class: "artifactuse-social-stat" }, ll = { class: "artifactuse-social-header" }, il = ["src", "alt"], nl = { class: "artifactuse-social-author-info" }, ol = { class: "artifactuse-social-author-name" }, rl = {
   key: 0,
   class: "artifactuse-social-author-connection"
-}, Ys = { class: "artifactuse-social-author-headline" }, Qs = { class: "artifactuse-social-timestamp" }, Gs = { class: "artifactuse-social-content" }, el = ["innerHTML"], tl = {
+}, cl = { class: "artifactuse-social-author-headline" }, ul = { class: "artifactuse-social-timestamp" }, dl = { class: "artifactuse-social-content" }, vl = ["innerHTML"], fl = {
   key: 0,
   class: "artifactuse-social-link-card"
-}, al = ["src", "alt"], sl = { class: "artifactuse-social-link-info" }, ll = { class: "artifactuse-social-link-title" }, il = { class: "artifactuse-social-link-domain" }, nl = {
+}, pl = ["src", "alt"], _l = { class: "artifactuse-social-link-info" }, hl = { class: "artifactuse-social-link-title" }, ml = { class: "artifactuse-social-link-domain" }, yl = {
   key: 0,
   class: "artifactuse-social-engagement"
-}, ol = { class: "artifactuse-social-reactions" }, rl = { class: "artifactuse-social-header" }, cl = ["src", "alt"], ul = { class: "artifactuse-social-author-name" }, dl = {
+}, gl = { class: "artifactuse-social-reactions" }, kl = { class: "artifactuse-social-header" }, wl = ["src", "alt"], bl = { class: "artifactuse-social-author-name" }, Cl = {
   key: 0,
   class: "artifactuse-social-verified",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, vl = {
+}, xl = {
   key: 0,
   class: "artifactuse-social-media"
-}, fl = ["src", "alt"], pl = { class: "artifactuse-social-likes" }, _l = { class: "artifactuse-social-caption" }, hl = { class: "artifactuse-social-caption-author" }, ml = ["innerHTML"], yl = { class: "artifactuse-social-timestamp" }, gl = { class: "artifactuse-social-header" }, kl = ["src", "alt"], wl = { class: "artifactuse-social-author-info" }, bl = { class: "artifactuse-social-author-name" }, Cl = { class: "artifactuse-social-timestamp" }, xl = { class: "artifactuse-social-content" }, $l = ["innerHTML"], Ml = {
+}, $l = ["src", "alt"], Ml = { class: "artifactuse-social-likes" }, Tl = { class: "artifactuse-social-caption" }, Ll = { class: "artifactuse-social-caption-author" }, Pl = ["innerHTML"], El = { class: "artifactuse-social-timestamp" }, Al = { class: "artifactuse-social-header" }, Hl = ["src", "alt"], Bl = { class: "artifactuse-social-author-info" }, Sl = { class: "artifactuse-social-author-name" }, zl = { class: "artifactuse-social-timestamp" }, Vl = { class: "artifactuse-social-content" }, Il = ["innerHTML"], Fl = {
   key: 0,
   class: "artifactuse-social-link-card"
-}, Tl = ["src", "alt"], Ll = { class: "artifactuse-social-link-info" }, Pl = { class: "artifactuse-social-link-domain" }, El = { class: "artifactuse-social-link-title" }, Al = {
+}, Rl = ["src", "alt"], ql = { class: "artifactuse-social-link-info" }, Ol = { class: "artifactuse-social-link-domain" }, Ul = { class: "artifactuse-social-link-title" }, Dl = {
   key: 0,
   class: "artifactuse-social-link-description"
-}, Hl = {
+}, jl = {
   key: 0,
   class: "artifactuse-social-engagement"
-}, Bl = { class: "artifactuse-social-reactions" }, Sl = { class: "artifactuse-social-reaction-count" }, zl = { class: "artifactuse-social-comments-shares" }, Vl = { class: "artifactuse-social-header" }, Il = ["src", "alt"], Fl = { class: "artifactuse-social-author-info" }, Rl = { class: "artifactuse-social-author-name" }, ql = {
+}, Nl = { class: "artifactuse-social-reactions" }, Wl = { class: "artifactuse-social-reaction-count" }, Jl = { class: "artifactuse-social-comments-shares" }, Xl = { class: "artifactuse-social-header" }, Zl = ["src", "alt"], Kl = { class: "artifactuse-social-author-info" }, Yl = { class: "artifactuse-social-author-name" }, Gl = {
   key: 0,
   class: "artifactuse-social-verified",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, Ol = { class: "artifactuse-social-timestamp" }, Ul = { class: "artifactuse-social-content" }, Dl = ["innerHTML"], jl = {
+}, Ql = { class: "artifactuse-social-timestamp" }, ei = { class: "artifactuse-social-content" }, ti = ["innerHTML"], ai = {
   key: 0,
   class: "artifactuse-social-engagement"
-}, Nl = { class: "artifactuse-social-stat" }, Wl = { class: "artifactuse-social-stat" }, Jl = { class: "artifactuse-social-stat" }, Xl = { class: "artifactuse-social-thumbnail" }, Zl = ["src", "alt"], Kl = {
+}, si = { class: "artifactuse-social-stat" }, li = { class: "artifactuse-social-stat" }, ii = { class: "artifactuse-social-stat" }, ni = { class: "artifactuse-social-thumbnail" }, oi = ["src", "alt"], ri = {
   key: 1,
   class: "artifactuse-social-duration"
-}, Yl = { class: "artifactuse-social-info" }, Ql = { class: "artifactuse-social-header" }, Gl = ["src", "alt"], ei = { class: "artifactuse-social-author-name" }, ti = ["innerHTML"], ai = {
+}, ci = { class: "artifactuse-social-info" }, ui = { class: "artifactuse-social-header" }, di = ["src", "alt"], vi = { class: "artifactuse-social-author-name" }, fi = ["innerHTML"], pi = {
   key: 0,
   class: "artifactuse-social-sound"
-}, si = {
+}, _i = {
   key: 1,
   class: "artifactuse-social-engagement"
-}, li = { class: "artifactuse-social-thumbnail" }, ii = ["src", "alt"], ni = {
+}, hi = { class: "artifactuse-social-thumbnail" }, mi = ["src", "alt"], yi = {
   key: 1,
   class: "artifactuse-social-duration"
-}, oi = { class: "artifactuse-social-info" }, ri = ["src", "alt"], ci = { class: "artifactuse-social-title" }, ui = { class: "artifactuse-social-channel" }, di = { class: "artifactuse-social-meta" }, vi = { class: "artifactuse-social-actions-bar" }, fi = { class: "artifactuse-social-platform-badge" }, me = '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>', pi = {
+}, gi = { class: "artifactuse-social-info" }, ki = ["src", "alt"], wi = { class: "artifactuse-social-title" }, bi = { class: "artifactuse-social-channel" }, Ci = { class: "artifactuse-social-meta" }, xi = { class: "artifactuse-social-actions-bar" }, $i = { class: "artifactuse-social-platform-badge" }, ke = '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>', Mi = {
   __name: "ArtifactuseSocialPreview",
   props: {
     artifact: {
@@ -625,37 +625,37 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
     }
   },
   emits: ["copy", "edit"],
-  setup(P, { emit: c }) {
-    const p = P, T = c, _ = M(null), r = M("Copy"), q = b(() => {
+  setup(L, { emit: d }) {
+    const _ = L, T = d, f = M(null), n = M("Copy"), O = k(() => {
       try {
-        return JSON.parse(p.artifact.code);
+        return JSON.parse(_.artifact.code);
       } catch {
         return { platform: "twitter", data: {} };
       }
-    }), A = b(() => {
+    }), H = k(() => {
       var m;
-      return ((m = q.value) == null ? void 0 : m.platform) || "twitter";
+      return ((m = O.value) == null ? void 0 : m.platform) || "twitter";
     });
-    b(() => {
+    k(() => {
       var m;
-      return ((m = q.value) == null ? void 0 : m.variant) || "post";
+      return ((m = O.value) == null ? void 0 : m.variant) || "post";
     });
-    const g = b(() => {
-      var m, k;
-      return ((k = (m = q.value) == null ? void 0 : m.data) == null ? void 0 : k.author) || {};
-    }), o = b(() => {
-      var m, k;
-      return ((k = (m = q.value) == null ? void 0 : m.data) == null ? void 0 : k.content) || {};
-    }), h = b(() => {
-      var m, k;
-      return ((k = (m = q.value) == null ? void 0 : m.data) == null ? void 0 : k.engagement) || {};
-    }), $ = b(() => {
-      var m, k;
-      return ((k = (m = q.value) == null ? void 0 : m.data) == null ? void 0 : k.meta) || {};
-    }), V = b(() => {
+    const g = k(() => {
+      var m, w;
+      return ((w = (m = O.value) == null ? void 0 : m.data) == null ? void 0 : w.author) || {};
+    }), r = k(() => {
+      var m, w;
+      return ((w = (m = O.value) == null ? void 0 : m.data) == null ? void 0 : w.content) || {};
+    }), h = k(() => {
+      var m, w;
+      return ((w = (m = O.value) == null ? void 0 : m.data) == null ? void 0 : w.engagement) || {};
+    }), $ = k(() => {
+      var m, w;
+      return ((w = (m = O.value) == null ? void 0 : m.data) == null ? void 0 : w.meta) || {};
+    }), I = k(() => {
       const m = h.value;
       return m.likes || m.comments || m.shares || m.retweets || m.replies || m.views;
-    }), x = b(() => `artifactuse-social-verified-${g.value.verifiedType || "blue"}`), D = b(() => ({
+    }), x = k(() => `artifactuse-social-verified-${g.value.verifiedType || "blue"}`), N = k(() => ({
       twitter: "X",
       linkedin: "LinkedIn",
       instagram: "Instagram",
@@ -663,45 +663,45 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
       threads: "Threads",
       tiktok: "TikTok",
       youtube: "YouTube"
-    })[A.value] || A.value), U = b(() => {
+    })[H.value] || H.value), D = k(() => {
       const m = {
-        twitter: () => ne("svg", { viewBox: "0 0 24 24", fill: "currentColor" }, [
-          ne("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" })
+        twitter: () => re("svg", { viewBox: "0 0 24 24", fill: "currentColor" }, [
+          re("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" })
         ]),
-        linkedin: () => ne("svg", { viewBox: "0 0 24 24", fill: "currentColor" }, [
-          ne("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" })
+        linkedin: () => re("svg", { viewBox: "0 0 24 24", fill: "currentColor" }, [
+          re("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" })
         ]),
-        instagram: () => ne("svg", { viewBox: "0 0 24 24", fill: "currentColor" }, [
-          ne("path", { d: "M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z" })
+        instagram: () => re("svg", { viewBox: "0 0 24 24", fill: "currentColor" }, [
+          re("path", { d: "M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z" })
         ]),
-        facebook: () => ne("svg", { viewBox: "0 0 24 24", fill: "currentColor" }, [
-          ne("path", { d: "M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z" })
+        facebook: () => re("svg", { viewBox: "0 0 24 24", fill: "currentColor" }, [
+          re("path", { d: "M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z" })
         ]),
-        threads: () => ne("svg", { viewBox: "0 0 24 24", fill: "currentColor" }, [
-          ne("path", { d: "M12.186 24h-.007c-3.581-.024-6.334-1.205-8.184-3.509C2.35 18.44 1.5 15.586 1.472 12.01v-.017c.03-3.579.879-6.43 2.525-8.482C5.845 1.205 8.6.024 12.18 0h.014c2.746.02 5.043.725 6.826 2.098 1.677 1.29 2.858 3.13 3.509 5.467l-2.04.569c-1.104-3.96-3.898-5.984-8.304-6.015-2.91.022-5.11.936-6.54 2.717C4.307 6.504 3.616 8.914 3.59 12c.025 3.086.718 5.496 2.057 7.164 1.43 1.783 3.631 2.698 6.54 2.717 2.623-.02 4.358-.631 5.8-2.045 1.647-1.613 1.618-3.593 1.09-4.798-.31-.71-.873-1.3-1.634-1.75-.192 1.352-.622 2.446-1.284 3.272-.886 1.102-2.14 1.704-3.73 1.79-1.202.065-2.361-.218-3.259-.801-1.063-.689-1.685-1.74-1.752-2.96-.065-1.182.408-2.256 1.33-3.022.88-.73 2.108-1.152 3.457-1.187 1.357-.035 2.573.283 3.58.89.034-.497.04-1.017.015-1.558-.083-1.792-.648-3.095-1.68-3.876-.99-.75-2.453-1.123-4.35-1.108-.987.008-1.866.09-2.613.246l-.464-2.086c.912-.19 1.965-.29 3.133-.298 2.467-.02 4.42.554 5.807 1.706 1.46 1.213 2.24 3.007 2.354 5.411.039.827.026 1.69-.04 2.576.962.681 1.735 1.542 2.268 2.553.846 1.6 1.026 3.639.508 5.622-.57 2.181-1.782 3.94-3.503 5.079C17.194 23.394 14.88 24 12.186 24zM9.15 13.476c-.927.037-1.628.282-2.085.728-.418.408-.618.945-.578 1.553.04.638.347 1.165.866 1.483.586.36 1.39.521 2.266.45 1.053-.085 1.86-.473 2.4-1.153.457-.576.763-1.39.884-2.356-.893-.41-1.944-.636-3.095-.705h-.009c-.216-.008-.436-.008-.65 0z" })
+        threads: () => re("svg", { viewBox: "0 0 24 24", fill: "currentColor" }, [
+          re("path", { d: "M12.186 24h-.007c-3.581-.024-6.334-1.205-8.184-3.509C2.35 18.44 1.5 15.586 1.472 12.01v-.017c.03-3.579.879-6.43 2.525-8.482C5.845 1.205 8.6.024 12.18 0h.014c2.746.02 5.043.725 6.826 2.098 1.677 1.29 2.858 3.13 3.509 5.467l-2.04.569c-1.104-3.96-3.898-5.984-8.304-6.015-2.91.022-5.11.936-6.54 2.717C4.307 6.504 3.616 8.914 3.59 12c.025 3.086.718 5.496 2.057 7.164 1.43 1.783 3.631 2.698 6.54 2.717 2.623-.02 4.358-.631 5.8-2.045 1.647-1.613 1.618-3.593 1.09-4.798-.31-.71-.873-1.3-1.634-1.75-.192 1.352-.622 2.446-1.284 3.272-.886 1.102-2.14 1.704-3.73 1.79-1.202.065-2.361-.218-3.259-.801-1.063-.689-1.685-1.74-1.752-2.96-.065-1.182.408-2.256 1.33-3.022.88-.73 2.108-1.152 3.457-1.187 1.357-.035 2.573.283 3.58.89.034-.497.04-1.017.015-1.558-.083-1.792-.648-3.095-1.68-3.876-.99-.75-2.453-1.123-4.35-1.108-.987.008-1.866.09-2.613.246l-.464-2.086c.912-.19 1.965-.29 3.133-.298 2.467-.02 4.42.554 5.807 1.706 1.46 1.213 2.24 3.007 2.354 5.411.039.827.026 1.69-.04 2.576.962.681 1.735 1.542 2.268 2.553.846 1.6 1.026 3.639.508 5.622-.57 2.181-1.782 3.94-3.503 5.079C17.194 23.394 14.88 24 12.186 24zM9.15 13.476c-.927.037-1.628.282-2.085.728-.418.408-.618.945-.578 1.553.04.638.347 1.165.866 1.483.586.36 1.39.521 2.266.45 1.053-.085 1.86-.473 2.4-1.153.457-.576.763-1.39.884-2.356-.893-.41-1.944-.636-3.095-.705h-.009c-.216-.008-.436-.008-.65 0z" })
         ]),
-        tiktok: () => ne("svg", { viewBox: "0 0 24 24", fill: "currentColor" }, [
-          ne("path", { d: "M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z" })
+        tiktok: () => re("svg", { viewBox: "0 0 24 24", fill: "currentColor" }, [
+          re("path", { d: "M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z" })
         ]),
-        youtube: () => ne("svg", { viewBox: "0 0 24 24", fill: "currentColor" }, [
-          ne("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" })
+        youtube: () => re("svg", { viewBox: "0 0 24 24", fill: "currentColor" }, [
+          re("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 m[A.value] || m.twitter;
-    }), N = b(() => {
-      let m = o.value.text || "";
+      return m[H.value] || m.twitter;
+    }), J = k(() => {
+      let m = r.value.text || "";
       return m = m.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), m = m.replace(/#(\w+)/g, '<span class="artifactuse-social-hashtag">#$1</span>'), m = m.replace(/@(\w+)/g, '<span class="artifactuse-social-mention">@$1</span>'), m = m.replace(
         /(https?:\/\/[^\s]+)/g,
         '<a href="$1" target="_blank" rel="noopener">$1</a>'
       ), m;
-    }), ee = b(() => {
+    }), ee = k(() => {
       const m = h.value.reactions || {};
-      return Object.values(m).reduce((k, ae) => k + (ae || 0), 0) || h.value.likes || 0;
+      return Object.values(m).reduce((w, ie) => w + (ie || 0), 0) || h.value.likes || 0;
     });
-    function B(m) {
+    function S(m) {
       return m ? m >= 1e6 ? `${(m / 1e6).toFixed(1)}M` : m >= 1e3 ? `${(m / 1e3).toFixed(1)}K` : m.toString() : "0";
     }
-    function re(m) {
+    function ce(m) {
       try {
         return new URL(m).hostname.replace("www.", "");
       } catch {
@@ -709,82 +709,82 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
       }
     }
     function K(m) {
-      m.target.src = me;
+      m.target.src = ke;
     }
     function Z(m) {
       m.target.style.display = "none";
     }
-    function de() {
-      const m = o.value.text || "";
+    function pe() {
+      const m = r.value.text || "";
       navigator.clipboard.writeText(m).then(() => {
-        r.value = "Copied!", setTimeout(() => {
-          r.value = "Copy";
-        }, 2e3), T("copy", { platform: A.value, text: m });
+        n.value = "Copied!", setTimeout(() => {
+          n.value = "Copy";
+        }, 2e3), T("copy", { platform: H.value, text: m });
       });
     }
-    return (m, k) => {
-      var ae, Q, W, ie, w, E;
-      return a(), s("div", {
+    return (m, w) => {
+      var ie, oe, W, X, b, B;
+      return s(), l("div", {
         ref_key: "containerRef",
-        ref: _,
-        class: I(["artifactuse-social", [`artifactuse-social-${A.value}`]]),
-        "data-artifactuse-theme": P.theme
+        ref: f,
+        class: R(["artifactuse-social", [`artifactuse-social-${H.value}`]]),
+        "data-artifactuse-theme": L.theme
       }, [
-        A.value === "twitter" ? (a(), s(F, { key: 0 }, [
-          e("div", fs, [
+        H.value === "twitter" ? (s(), l(V, { key: 0 }, [
+          e("div", $s, [
             e("img", {
-              src: g.value.avatar || me,
+              src: g.value.avatar || ke,
               alt: g.value.name,
               class: "artifactuse-social-avatar",
               onError: K
-            }, null, 40, ps),
-            e("div", _s, [
-              e("div", hs, [
-                e("span", null, n(g.value.name), 1),
-                g.value.verified ? (a(), s("svg", {
+            }, null, 40, Ms),
+            e("div", Ts, [
+              e("div", Ls, [
+                e("span", null, i(g.value.name), 1),
+                g.value.verified ? (s(), l("svg", {
                   key: 0,
-                  class: I(["artifactuse-social-verified", x.value]),
+                  class: R(["artifactuse-social-verified", x.value]),
                   viewBox: "0 0 24 24",
                   fill: "currentColor"
-                }, [...k[0] || (k[0] = [
+                }, [...w[0] || (w[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)) : v("", !0)
               ]),
-              e("div", ms, [
-                e("span", ys, n(g.value.handle), 1),
-                e("span", gs, "· " + n($.value.timestamp || "Just now"), 1)
+              e("div", Ps, [
+                e("span", Es, i(g.value.handle), 1),
+                e("span", As, "· " + i($.value.timestamp || "Just now"), 1)
               ])
             ])
           ]),
-          e("div", ks, [
+          e("div", Hs, [
             e("p", {
               class: "artifactuse-social-text",
-              innerHTML: N.value
-            }, null, 8, ws),
-            (ae = o.value.media) != null && ae.length ? (a(), s("div", bs, [
+              innerHTML: J.value
+            }, null, 8, Bs),
+            (ie = r.value.media) != null && ie.length ? (s(), l("div", Ss, [
               e("div", {
-                class: I(["artifactuse-social-media-grid", { "artifactuse-social-media-single": o.value.media.length === 1 }]),
-                "data-count": o.value.media.length
+                class: R(["artifactuse-social-media-grid", { "artifactuse-social-media-single": r.value.media.length === 1 }]),
+                "data-count": r.value.media.length
               }, [
-                (a(!0), s(F, null, ue(o.value.media.slice(0, 4), (i, H) => (a(), s("img", {
-                  key: H,
-                  src: i.url,
-                  alt: i.alt || "",
+                (s(!0), l(V, null, fe(r.value.media.slice(0, 4), (u, z) => (s(), l("img", {
+                  key: z,
+                  src: u.url,
+                  alt: u.alt || "",
                   onError: Z
-                }, null, 40, xs))), 128))
-              ], 10, Cs)
+                }, null, 40, Vs))), 128))
+              ], 10, zs)
             ])) : v("", !0),
-            o.value.link && !((Q = o.value.media) != null && Q.length) ? (a(), s("div", $s, [
-              o.value.link.image ? (a(), s("img", {
+            r.value.link && !((oe = r.value.media) != null && oe.length) ? (s(), l("div", Is, [
+              r.value.link.image ? (s(), l("img", {
                 key: 0,
-                src: o.value.link.image,
-                alt: o.value.link.title,
+                src: r.value.link.image,
+                alt: r.value.link.title,
                 class: "artifactuse-social-link-image",
                 onError: Z
-              }, null, 40, Ms)) : v("", !0),
-              e("div", Ts, [
-                e("div", Ls, [
-                  k[1] || (k[1] = e("svg", {
+              }, null, 40, Fs)) : v("", !0),
+              e("div", Rs, [
+                e("div", qs, [
+                  w[1] || (w[1] = e("svg", {
                     fill: "none",
                     viewBox: "0 0 24 24",
                     stroke: "currentColor"
@@ -796,46 +796,46 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { 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)),
-                  Y(" " + n(o.value.link.domain || re(o.value.link.url)), 1)
+                  G(" " + i(r.value.link.domain || ce(r.value.link.url)), 1)
                 ]),
-                e("div", Ps, n(o.value.link.title), 1),
-                o.value.link.description ? (a(), s("div", Es, n(o.value.link.description), 1)) : v("", !0)
+                e("div", Os, i(r.value.link.title), 1),
+                r.value.link.description ? (s(), l("div", Us, i(r.value.link.description), 1)) : v("", !0)
               ])
             ])) : v("", !0),
-            o.value.poll ? (a(), s("div", As, [
-              (a(!0), s(F, null, ue(o.value.poll.options, (i, H) => {
-                var d, L;
-                return a(), s("div", {
-                  key: H,
+            r.value.poll ? (s(), l("div", Ds, [
+              (s(!0), l(V, null, fe(r.value.poll.options, (u, z) => {
+                var o, P;
+                return s(), l("div", {
+                  key: z,
                   class: "artifactuse-social-poll-option"
                 }, [
                   e("div", {
                     class: "artifactuse-social-poll-bar",
-                    style: Se({ width: `${((d = o.value.poll.votes) == null ? void 0 : d[H]) || 0}%` })
+                    style: Le({ width: `${((o = r.value.poll.votes) == null ? void 0 : o[z]) || 0}%` })
                   }, null, 4),
-                  e("div", Hs, [
-                    e("span", null, n(i), 1),
-                    e("span", Bs, n(((L = o.value.poll.votes) == null ? void 0 : L[H]) || 0) + "%", 1)
+                  e("div", js, [
+                    e("span", null, i(u), 1),
+                    e("span", Ns, i(((P = r.value.poll.votes) == null ? void 0 : P[z]) || 0) + "%", 1)
                   ])
                 ]);
               }), 128)),
-              e("div", Ss, n(B(o.value.poll.totalVotes || 0)) + " votes · " + n(o.value.poll.duration || "Poll ended"), 1)
+              e("div", Ws, i(S(r.value.poll.totalVotes || 0)) + " votes · " + i(r.value.poll.duration || "Poll ended"), 1)
             ])) : v("", !0),
-            o.value.quote ? (a(), s("div", zs, [
-              e("div", Vs, [
+            r.value.quote ? (s(), l("div", Js, [
+              e("div", Xs, [
                 e("img", {
-                  src: ((W = o.value.quote.author) == null ? void 0 : W.avatar) || me,
+                  src: ((W = r.value.quote.author) == null ? void 0 : W.avatar) || ke,
                   class: "artifactuse-social-quote-avatar"
-                }, null, 8, Is),
-                e("span", Fs, n((ie = o.value.quote.author) == null ? void 0 : ie.name), 1),
-                e("span", Rs, n((w = o.value.quote.author) == null ? void 0 : w.handle), 1)
+                }, null, 8, Zs),
+                e("span", Ks, i((X = r.value.quote.author) == null ? void 0 : X.name), 1),
+                e("span", Ys, i((b = r.value.quote.author) == null ? void 0 : b.handle), 1)
               ]),
-              e("p", qs, n(o.value.quote.text), 1)
+              e("p", Gs, i(r.value.quote.text), 1)
             ])) : v("", !0)
           ]),
-          V.value ? (a(), s("div", Os, [
-            e("div", Us, [
-              k[2] || (k[2] = e("svg", {
+          I.value ? (s(), l("div", Qs, [
+            e("div", el, [
+              w[2] || (w[2] = e("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
                 stroke: "currentColor",
@@ -843,10 +843,10 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { 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(B(h.value.replies || 0)), 1)
+              e("span", null, i(S(h.value.replies || 0)), 1)
             ]),
-            e("div", Ds, [
-              k[3] || (k[3] = e("svg", {
+            e("div", tl, [
+              w[3] || (w[3] = e("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
                 stroke: "currentColor",
@@ -854,10 +854,10 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
               }, [
                 e("path", { d: "M7 17L17 7M17 7H8M17 7V16" })
               ], -1)),
-              e("span", null, n(B(h.value.retweets || 0)), 1)
+              e("span", null, i(S(h.value.retweets || 0)), 1)
             ]),
-            e("div", js, [
-              k[4] || (k[4] = e("svg", {
+            e("div", al, [
+              w[4] || (w[4] = e("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
                 stroke: "currentColor",
@@ -865,10 +865,10 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { 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(B(h.value.likes || 0)), 1)
+              e("span", null, i(S(h.value.likes || 0)), 1)
             ]),
-            e("div", Ns, [
-              k[5] || (k[5] = e("svg", {
+            e("div", sl, [
+              w[5] || (w[5] = e("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
                 stroke: "currentColor",
@@ -876,26 +876,26 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { 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(B(h.value.views || 0)), 1)
+              e("span", null, i(S(h.value.views || 0)), 1)
             ])
           ])) : v("", !0)
-        ], 64)) : A.value === "linkedin" ? (a(), s(F, { key: 1 }, [
-          e("div", Ws, [
+        ], 64)) : H.value === "linkedin" ? (s(), l(V, { key: 1 }, [
+          e("div", ll, [
             e("img", {
-              src: g.value.avatar || me,
+              src: g.value.avatar || ke,
               alt: g.value.name,
               class: "artifactuse-social-avatar",
               onError: K
-            }, null, 40, Js),
-            e("div", Xs, [
-              e("div", Zs, [
-                Y(n(g.value.name) + " ", 1),
-                g.value.connection ? (a(), s("span", Ks, "· " + n(g.value.connection), 1)) : v("", !0)
+            }, null, 40, il),
+            e("div", nl, [
+              e("div", ol, [
+                G(i(g.value.name) + " ", 1),
+                g.value.connection ? (s(), l("span", rl, "· " + i(g.value.connection), 1)) : v("", !0)
               ]),
-              e("div", Ys, n(g.value.headline), 1),
-              e("div", Qs, [
-                Y(n($.value.timestamp || "Just now") + " · ", 1),
-                k[6] || (k[6] = e("svg", {
+              e("div", cl, i(g.value.headline), 1),
+              e("div", ul, [
+                G(i($.value.timestamp || "Just now") + " · ", 1),
+                w[6] || (w[6] = e("svg", {
                   viewBox: "0 0 24 24",
                   fill: "currentColor"
                 }, [
@@ -904,81 +904,81 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
               ])
             ])
           ]),
-          e("div", Gs, [
+          e("div", dl, [
             e("p", {
               class: "artifactuse-social-text",
-              innerHTML: N.value
-            }, null, 8, el),
-            o.value.link ? (a(), s("div", tl, [
-              o.value.link.image ? (a(), s("img", {
+              innerHTML: J.value
+            }, null, 8, vl),
+            r.value.link ? (s(), l("div", fl, [
+              r.value.link.image ? (s(), l("img", {
                 key: 0,
-                src: o.value.link.image,
-                alt: o.value.link.title,
+                src: r.value.link.image,
+                alt: r.value.link.title,
                 class: "artifactuse-social-link-image",
                 onError: Z
-              }, null, 40, al)) : v("", !0),
-              e("div", sl, [
-                e("div", ll, n(o.value.link.title), 1),
-                e("div", il, n(o.value.link.domain || re(o.value.link.url)), 1)
+              }, null, 40, pl)) : v("", !0),
+              e("div", _l, [
+                e("div", hl, i(r.value.link.title), 1),
+                e("div", ml, i(r.value.link.domain || ce(r.value.link.url)), 1)
               ])
             ])) : v("", !0)
           ]),
-          V.value ? (a(), s("div", nl, [
-            e("div", ol, [
-              k[7] || (k[7] = e("div", { class: "artifactuse-social-reaction-icons" }, [
+          I.value ? (s(), l("div", yl, [
+            e("div", gl, [
+              w[7] || (w[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(B(h.value.likes || 0)), 1)
+              e("span", null, i(S(h.value.likes || 0)), 1)
             ]),
-            e("span", null, n(B(h.value.comments || 0)) + " comments · " + n(B(h.value.shares || 0)) + " shares", 1)
+            e("span", null, i(S(h.value.comments || 0)) + " comments · " + i(S(h.value.shares || 0)) + " shares", 1)
           ])) : v("", !0)
-        ], 64)) : A.value === "instagram" ? (a(), s(F, { key: 2 }, [
-          e("div", rl, [
+        ], 64)) : H.value === "instagram" ? (s(), l(V, { key: 2 }, [
+          e("div", kl, [
             e("img", {
-              src: g.value.avatar || me,
+              src: g.value.avatar || ke,
               alt: g.value.name,
               class: "artifactuse-social-avatar",
               onError: K
-            }, null, 40, cl),
-            e("div", ul, [
-              Y(n(g.value.name) + " ", 1),
-              g.value.verified ? (a(), s("svg", dl, [...k[8] || (k[8] = [
+            }, null, 40, wl),
+            e("div", bl, [
+              G(i(g.value.name) + " ", 1),
+              g.value.verified ? (s(), l("svg", Cl, [...w[8] || (w[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)
               ])])) : v("", !0)
             ])
           ]),
-          (E = o.value.media) != null && E.length ? (a(), s("div", vl, [
+          (B = r.value.media) != null && B.length ? (s(), l("div", xl, [
             e("img", {
-              src: o.value.media[0].url,
-              alt: o.value.media[0].alt || "",
+              src: r.value.media[0].url,
+              alt: r.value.media[0].alt || "",
               onError: Z
-            }, null, 40, fl)
+            }, null, 40, $l)
           ])) : v("", !0),
-          k[9] || (k[9] = ea('<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", pl, n(B(h.value.likes || 0)) + " likes", 1),
-          e("div", _l, [
-            e("span", hl, n(g.value.name), 1),
+          w[9] || (w[9] = ua('<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", Ml, i(S(h.value.likes || 0)) + " likes", 1),
+          e("div", Tl, [
+            e("span", Ll, i(g.value.name), 1),
             e("span", {
               class: "artifactuse-social-caption-text",
-              innerHTML: N.value
-            }, null, 8, ml)
+              innerHTML: J.value
+            }, null, 8, Pl)
           ]),
-          e("div", yl, n($.value.timestamp || "Just now"), 1)
-        ], 64)) : A.value === "facebook" ? (a(), s(F, { key: 3 }, [
-          e("div", gl, [
+          e("div", El, i($.value.timestamp || "Just now"), 1)
+        ], 64)) : H.value === "facebook" ? (s(), l(V, { key: 3 }, [
+          e("div", Al, [
             e("img", {
-              src: g.value.avatar || me,
+              src: g.value.avatar || ke,
               alt: g.value.name,
               class: "artifactuse-social-avatar",
               onError: K
-            }, null, 40, kl),
-            e("div", wl, [
-              e("div", bl, n(g.value.name), 1),
-              e("div", Cl, [
-                Y(n($.value.timestamp || "Just now") + " · ", 1),
-                k[10] || (k[10] = e("svg", {
+            }, null, 40, Hl),
+            e("div", Bl, [
+              e("div", Sl, i(g.value.name), 1),
+              e("div", zl, [
+                G(i($.value.timestamp || "Just now") + " · ", 1),
+                w[10] || (w[10] = e("svg", {
                   viewBox: "0 0 24 24",
                   fill: "currentColor"
                 }, [
@@ -987,64 +987,64 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
               ])
             ])
           ]),
-          e("div", xl, [
+          e("div", Vl, [
             e("p", {
               class: "artifactuse-social-text",
-              innerHTML: N.value
-            }, null, 8, $l),
-            o.value.link ? (a(), s("div", Ml, [
-              o.value.link.image ? (a(), s("img", {
+              innerHTML: J.value
+            }, null, 8, Il),
+            r.value.link ? (s(), l("div", Fl, [
+              r.value.link.image ? (s(), l("img", {
                 key: 0,
-                src: o.value.link.image,
-                alt: o.value.link.title,
+                src: r.value.link.image,
+                alt: r.value.link.title,
                 class: "artifactuse-social-link-image",
                 onError: Z
-              }, null, 40, Tl)) : v("", !0),
-              e("div", Ll, [
-                e("div", Pl, n(o.value.link.domain || re(o.value.link.url)), 1),
-                e("div", El, n(o.value.link.title), 1),
-                o.value.link.description ? (a(), s("div", Al, n(o.value.link.description), 1)) : v("", !0)
+              }, null, 40, Rl)) : v("", !0),
+              e("div", ql, [
+                e("div", Ol, i(r.value.link.domain || ce(r.value.link.url)), 1),
+                e("div", Ul, i(r.value.link.title), 1),
+                r.value.link.description ? (s(), l("div", Dl, i(r.value.link.description), 1)) : v("", !0)
               ])
             ])) : v("", !0)
           ]),
-          V.value ? (a(), s("div", Hl, [
-            e("div", Bl, [
-              k[11] || (k[11] = e("div", { class: "artifactuse-social-reaction-emojis" }, [
+          I.value ? (s(), l("div", jl, [
+            e("div", Nl, [
+              w[11] || (w[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", Sl, n(B(ee.value)), 1)
+              e("span", Wl, i(S(ee.value)), 1)
             ]),
-            e("span", zl, n(B(h.value.comments || 0)) + " comments · " + n(B(h.value.shares || 0)) + " shares", 1)
+            e("span", Jl, i(S(h.value.comments || 0)) + " comments · " + i(S(h.value.shares || 0)) + " shares", 1)
           ])) : v("", !0)
-        ], 64)) : A.value === "threads" ? (a(), s(F, { key: 4 }, [
-          e("div", Vl, [
+        ], 64)) : H.value === "threads" ? (s(), l(V, { key: 4 }, [
+          e("div", Xl, [
             e("img", {
-              src: g.value.avatar || me,
+              src: g.value.avatar || ke,
               alt: g.value.name,
               class: "artifactuse-social-avatar",
               onError: K
-            }, null, 40, Il),
-            e("div", Fl, [
-              e("div", Rl, [
-                Y(n(g.value.name) + " ", 1),
-                g.value.verified ? (a(), s("svg", ql, [...k[12] || (k[12] = [
+            }, null, 40, Zl),
+            e("div", Kl, [
+              e("div", Yl, [
+                G(i(g.value.name) + " ", 1),
+                g.value.verified ? (s(), l("svg", Gl, [...w[12] || (w[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)
                 ])])) : v("", !0)
               ]),
-              e("span", Ol, n($.value.timestamp || "Just now"), 1)
+              e("span", Ql, i($.value.timestamp || "Just now"), 1)
             ])
           ]),
-          e("div", Ul, [
+          e("div", ei, [
             e("p", {
               class: "artifactuse-social-text",
-              innerHTML: N.value
-            }, null, 8, Dl)
+              innerHTML: J.value
+            }, null, 8, ti)
           ]),
-          V.value ? (a(), s("div", jl, [
-            e("div", Nl, [
-              k[13] || (k[13] = e("svg", {
+          I.value ? (s(), l("div", ai, [
+            e("div", si, [
+              w[13] || (w[13] = e("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
                 stroke: "currentColor",
@@ -1052,10 +1052,10 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { 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(B(h.value.likes || 0)), 1)
+              e("span", null, i(S(h.value.likes || 0)), 1)
             ]),
-            e("div", Wl, [
-              k[14] || (k[14] = e("svg", {
+            e("div", li, [
+              w[14] || (w[14] = e("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
                 stroke: "currentColor",
@@ -1063,10 +1063,10 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { 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(B(h.value.comments || 0)), 1)
+              e("span", null, i(S(h.value.comments || 0)), 1)
             ]),
-            e("div", Jl, [
-              k[15] || (k[15] = e("svg", {
+            e("div", ii, [
+              w[15] || (w[15] = e("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
                 stroke: "currentColor",
@@ -1074,18 +1074,18 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
               }, [
                 e("path", { d: "M7 17L17 7M17 7H8M17 7V16" })
               ], -1)),
-              e("span", null, n(B(h.value.shares || 0)), 1)
+              e("span", null, i(S(h.value.shares || 0)), 1)
             ])
           ])) : v("", !0)
-        ], 64)) : A.value === "tiktok" ? (a(), s(F, { key: 5 }, [
-          e("div", Xl, [
-            o.value.thumbnail ? (a(), s("img", {
+        ], 64)) : H.value === "tiktok" ? (s(), l(V, { key: 5 }, [
+          e("div", ni, [
+            r.value.thumbnail ? (s(), l("img", {
               key: 0,
-              src: o.value.thumbnail,
-              alt: o.value.text,
+              src: r.value.thumbnail,
+              alt: r.value.text,
               onError: Z
-            }, null, 40, Zl)) : v("", !0),
-            k[16] || (k[16] = e("div", { class: "artifactuse-social-play-button" }, [
+            }, null, 40, oi)) : v("", !0),
+            w[16] || (w[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 da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                 ])
               ])
             ], -1)),
-            o.value.duration ? (a(), s("div", Kl, n(o.value.duration), 1)) : v("", !0)
+            r.value.duration ? (s(), l("div", ri, i(r.value.duration), 1)) : v("", !0)
           ]),
-          e("div", Yl, [
-            e("div", Ql, [
+          e("div", ci, [
+            e("div", ui, [
               e("img", {
-                src: g.value.avatar || me,
+                src: g.value.avatar || ke,
                 alt: g.value.name,
                 class: "artifactuse-social-avatar",
                 onError: K
-              }, null, 40, Gl),
-              e("span", ei, n(g.value.name), 1)
+              }, null, 40, di),
+              e("span", vi, i(g.value.name), 1)
             ]),
             e("p", {
               class: "artifactuse-social-text",
-              innerHTML: N.value
-            }, null, 8, ti),
-            o.value.sound ? (a(), s("div", ai, [
-              k[17] || (k[17] = e("svg", {
+              innerHTML: J.value
+            }, null, 8, fi),
+            r.value.sound ? (s(), l("div", pi, [
+              w[17] || (w[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)),
-              Y(" " + n(o.value.sound), 1)
+              G(" " + i(r.value.sound), 1)
             ])) : v("", !0),
-            V.value ? (a(), s("div", si, [
-              e("span", null, n(B(h.value.likes || 0)) + " likes", 1),
-              e("span", null, n(B(h.value.comments || 0)) + " comments", 1),
-              e("span", null, n(B(h.value.shares || 0)) + " shares", 1)
+            I.value ? (s(), l("div", _i, [
+              e("span", null, i(S(h.value.likes || 0)) + " likes", 1),
+              e("span", null, i(S(h.value.comments || 0)) + " comments", 1),
+              e("span", null, i(S(h.value.shares || 0)) + " shares", 1)
             ])) : v("", !0)
           ])
-        ], 64)) : A.value === "youtube" ? (a(), s(F, { key: 6 }, [
-          e("div", li, [
-            o.value.thumbnail ? (a(), s("img", {
+        ], 64)) : H.value === "youtube" ? (s(), l(V, { key: 6 }, [
+          e("div", hi, [
+            r.value.thumbnail ? (s(), l("img", {
               key: 0,
-              src: o.value.thumbnail,
-              alt: o.value.title,
+              src: r.value.thumbnail,
+              alt: r.value.title,
               onError: Z
-            }, null, 40, ii)) : v("", !0),
-            o.value.duration ? (a(), s("div", ni, n(o.value.duration), 1)) : v("", !0)
+            }, null, 40, mi)) : v("", !0),
+            r.value.duration ? (s(), l("div", yi, i(r.value.duration), 1)) : v("", !0)
           ]),
-          e("div", oi, [
+          e("div", gi, [
             e("img", {
-              src: g.value.avatar || me,
+              src: g.value.avatar || ke,
               alt: g.value.name,
               class: "artifactuse-social-avatar",
               onError: K
-            }, null, 40, ri),
+            }, null, 40, ki),
             e("div", null, [
-              e("div", ci, n(o.value.title || o.value.text), 1),
-              e("div", ui, n(g.value.name), 1),
-              e("div", di, n(B(h.value.views || 0)) + " views · " + n($.value.timestamp || "Just now"), 1)
+              e("div", wi, i(r.value.title || r.value.text), 1),
+              e("div", bi, i(g.value.name), 1),
+              e("div", Ci, i(S(h.value.views || 0)) + " views · " + i($.value.timestamp || "Just now"), 1)
             ])
           ])
         ], 64)) : v("", !0),
-        e("div", vi, [
-          e("div", fi, [
-            (a(), Me(ta(U.value))),
-            e("span", null, n(D.value), 1)
+        e("div", xi, [
+          e("div", $i, [
+            (s(), Pe(da(D.value))),
+            e("span", null, i(N.value), 1)
           ]),
           e("button", {
             class: "artifactuse-social-copy-btn",
-            onClick: de
+            onClick: pe
           }, [
-            k[18] || (k[18] = e("svg", {
+            w[18] || (w[18] = e("svg", {
               viewBox: "0 0 24 24",
               fill: "none",
               stroke: "currentColor",
@@ -1175,31 +1175,31 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
               }),
               e("path", { d: "M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" })
             ], -1)),
-            Y(" " + n(r.value), 1)
+            G(" " + i(n.value), 1)
           ])
         ])
-      ], 10, vs);
+      ], 10, xs);
     };
   }
-}, _i = ["src", "alt"], hi = ["src"], mi = {
+}, Ti = ["src", "alt"], Li = ["src"], Pi = {
   key: 2,
   class: "artifactuse-viewer-controls"
-}, yi = ["title"], gi = {
+}, Ei = ["title"], Ai = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, ki = {
+}, Hi = {
   key: 1,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, wi = {
+}, Bi = {
   key: 3,
   class: "artifactuse-viewer-caption"
-}, bi = {
+}, Si = {
   __name: "ArtifactuseViewer",
   props: {
     // Whether the viewer is open
@@ -1229,61 +1229,61 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
     }
   },
   emits: ["close"],
-  setup(P, { emit: c }) {
-    const p = P, T = c, _ = M(null), r = M(!1);
-    function q() {
-      r.value = !1, T("close");
+  setup(L, { emit: d }) {
+    const _ = L, T = d, f = M(null), n = M(!1);
+    function O() {
+      n.value = !1, T("close");
     }
-    function A() {
-      p.type === "image" && (r.value = !r.value);
+    function H() {
+      _.type === "image" && (n.value = !n.value);
     }
     function g() {
       const h = document.createElement("a");
-      h.href = p.src, h.download = p.alt || "download", document.body.appendChild(h), h.click(), document.body.removeChild(h);
+      h.href = _.src, h.download = _.alt || "download", document.body.appendChild(h), h.click(), document.body.removeChild(h);
     }
-    function o(h) {
-      h.key === "Escape" && p.isOpen && q();
+    function r(h) {
+      h.key === "Escape" && _.isOpen && O();
     }
-    return oe(() => p.isOpen, (h) => {
-      h ? (we(() => {
+    return ne(() => _.isOpen, (h) => {
+      h ? (xe(() => {
         var $;
-        ($ = _.value) == null || $.focus();
-      }), document.body.style.overflow = "hidden") : (document.body.style.overflow = "", r.value = !1);
-    }), Te(() => {
-      document.addEventListener("keydown", o);
-    }), Ye(() => {
-      document.removeEventListener("keydown", o), document.body.style.overflow = "";
-    }), (h, $) => (a(), Me(aa, { to: "body" }, [
-      Fe(ze, { name: "artifactuse-viewer" }, {
-        default: Ve(() => [
-          P.isOpen ? (a(), s("div", {
+        ($ = f.value) == null || $.focus();
+      }), document.body.style.overflow = "hidden") : (document.body.style.overflow = "", n.value = !1);
+    }), Ee(() => {
+      document.addEventListener("keydown", r);
+    }), st(() => {
+      document.removeEventListener("keydown", r), document.body.style.overflow = "";
+    }), (h, $) => (s(), Pe(va, { to: "body" }, [
+      De(qe, { name: "artifactuse-viewer" }, {
+        default: Oe(() => [
+          L.isOpen ? (s(), l("div", {
             key: 0,
             class: "artifactuse-viewer-overlay",
-            onClick: q,
-            onKeydown: sa(q, ["escape"]),
+            onClick: O,
+            onKeydown: fa(O, ["escape"]),
             tabindex: "-1",
             ref_key: "overlayRef",
-            ref: _
+            ref: f
           }, [
             e("div", {
               class: "artifactuse-viewer-content",
-              onClick: $[0] || ($[0] = he(() => {
+              onClick: $[0] || ($[0] = me(() => {
               }, ["stop"]))
             }, [
-              P.type === "image" ? (a(), s("img", {
+              L.type === "image" ? (s(), l("img", {
                 key: 0,
-                src: P.src,
-                alt: P.alt,
-                class: I(["artifactuse-viewer-image", { "artifactuse-viewer-image--zoomed": r.value }]),
-                onClick: A
-              }, null, 10, _i)) : P.type === "pdf" ? (a(), s("iframe", {
+                src: L.src,
+                alt: L.alt,
+                class: R(["artifactuse-viewer-image", { "artifactuse-viewer-image--zoomed": n.value }]),
+                onClick: H
+              }, null, 10, Ti)) : L.type === "pdf" ? (s(), l("iframe", {
                 key: 1,
-                src: P.src,
+                src: L.src,
                 class: "artifactuse-viewer-pdf"
-              }, null, 8, hi)) : v("", !0),
+              }, null, 8, Li)) : v("", !0),
               e("button", {
                 class: "artifactuse-viewer-close",
-                onClick: q,
+                onClick: O,
                 title: "Close (Esc)"
               }, [...$[1] || ($[1] = [
                 e("svg", {
@@ -1306,13 +1306,13 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                   })
                 ], -1)
               ])]),
-              P.type === "image" ? (a(), s("div", mi, [
+              L.type === "image" ? (s(), l("div", Pi, [
                 e("button", {
                   class: "artifactuse-viewer-control",
-                  onClick: he(A, ["stop"]),
-                  title: r.value ? "Zoom out" : "Zoom in"
+                  onClick: me(H, ["stop"]),
+                  title: n.value ? "Zoom out" : "Zoom in"
                 }, [
-                  r.value ? (a(), s("svg", ki, [...$[3] || ($[3] = [
+                  n.value ? (s(), l("svg", Hi, [...$[3] || ($[3] = [
                     e("circle", {
                       cx: "11",
                       cy: "11",
@@ -1330,7 +1330,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                       x2: "14",
                       y2: "11"
                     }, null, -1)
-                  ])])) : (a(), s("svg", gi, [...$[2] || ($[2] = [
+                  ])])) : (s(), l("svg", Ai, [...$[2] || ($[2] = [
                     e("circle", {
                       cx: "11",
                       cy: "11",
@@ -1355,10 +1355,10 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                       y2: "11"
                     }, null, -1)
                   ])]))
-                ], 8, yi),
+                ], 8, Ei),
                 e("button", {
                   class: "artifactuse-viewer-control",
-                  onClick: he(g, ["stop"]),
+                  onClick: me(g, ["stop"]),
                   title: "Download"
                 }, [...$[4] || ($[4] = [
                   e("svg", {
@@ -1378,7 +1378,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                   ], -1)
                 ])])
               ])) : v("", !0),
-              P.caption ? (a(), s("div", wi, n(P.caption), 1)) : v("", !0)
+              L.caption ? (s(), l("div", Bi, i(L.caption), 1)) : v("", !0)
             ])
           ], 544)) : v("", !0)
         ]),
@@ -1386,7 +1386,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
       })
     ]));
   }
-}, Ci = ["innerHTML"], Mo = {
+}, zi = ["innerHTML"], Zo = {
   __name: "ArtifactuseAgentMessage",
   props: {
     // The raw message content (markdown/HTML from AI)
@@ -1447,211 +1447,211 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
     "social-copy",
     "media-open"
   ],
-  setup(P, { expose: c, emit: p }) {
-    const T = P, _ = p, {
-      processMessage: r,
-      openArtifact: q,
-      state: A,
+  setup(L, { expose: d, emit: _ }) {
+    const T = L, f = _, {
+      processMessage: n,
+      openArtifact: O,
+      state: H,
       getTheme: g,
-      instance: o
-    } = Re(), h = M(null), $ = M(null), V = M(""), x = M([]);
-    let D = null;
-    const U = M(!1), N = M("image"), ee = M(""), B = M(""), re = M(""), K = b(() => (g == null ? void 0 : g()) || "dark"), Z = b(() => A.activeArtifactId), de = b(() => {
+      instance: r
+    } = je(), h = M(null), $ = M(null), I = M(""), x = M([]);
+    let N = null;
+    const D = M(!1), J = M("image"), ee = M(""), S = M(""), ce = M(""), K = k(() => (g == null ? void 0 : g()) || "dark"), Z = k(() => H.activeArtifactId), pe = k(() => {
       var C;
-      return T.inlineCards ?? ((C = o == null ? void 0 : o.config) == null ? void 0 : C.inlineCards) ?? !0;
+      return T.inlineCards ?? ((C = r == null ? void 0 : r.config) == null ? void 0 : C.inlineCards) ?? !0;
     }), m = M(!1);
-    Te(() => {
+    Ee(() => {
       T.typing && (m.value = !0);
-    }), oe(() => T.typing, (C) => {
+    }), ne(() => T.typing, (C) => {
       C && (m.value = !0);
     });
-    const k = b(() => m.value || T.isLastMessage ? "active" : "inactive");
-    function ae(C) {
+    const w = k(() => m.value || T.isLastMessage ? "active" : "inactive");
+    function ie(C) {
       if (!C) return null;
       try {
-        const R = decodeURIComponent(escape(atob(C)));
-        return JSON.parse(R);
+        const q = decodeURIComponent(escape(atob(C)));
+        return JSON.parse(q);
       } catch {
         try {
-          const O = C.replace(/&#10;/g, `
+          const j = 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(O);
-        } catch (O) {
-          return console.error("Failed to parse artifact data:", O), null;
+          return JSON.parse(j);
+        } catch (j) {
+          return console.error("Failed to parse artifact data:", j), null;
         }
       }
     }
-    const Q = b(() => {
-      const C = [], R = V.value;
-      if (!R) return C;
-      const O = /<div\s+class="artifactuse-placeholder[^"]*"[^>]*data-artifact-id="([^"]+)"[^>]*data-artifact-type="([^"]+)"[^>]*data-artifact=["']([^"']*)["'][^>]*><\/div>/gi;
-      let J = 0, S;
-      for (; (S = O.exec(R)) !== null; ) {
-        if (S.index > J) {
-          const j = R.slice(J, S.index);
-          j.trim() && C.push({ type: "html", content: j });
+    const oe = k(() => {
+      const C = [], q = I.value;
+      if (!q) return C;
+      const j = /<div\s+class="artifactuse-placeholder[^"]*"[^>]*data-artifact-id="([^"]+)"[^>]*data-artifact-type="([^"]+)"[^>]*data-artifact=["']([^"']*)["'][^>]*><\/div>/gi;
+      let le = 0, E;
+      for (; (E = j.exec(q)) !== null; ) {
+        if (E.index > le) {
+          const U = q.slice(le, E.index);
+          U.trim() && C.push({ type: "html", content: U });
         }
-        const te = ae(S[3]), f = S[2];
-        te && (f === "form" && te.isInline ? C.push({ type: "form", artifact: te }) : f === "social" ? C.push({ type: "social", artifact: te }) : C.push({ type: "panel", artifact: te })), J = S.index + S[0].length;
+        const Q = ie(E[3]), y = E[2];
+        Q && (y === "form" && Q.isInline ? C.push({ type: "form", artifact: Q }) : y === "social" ? C.push({ type: "social", artifact: Q }) : C.push({ type: "panel", artifact: Q })), le = E.index + E[0].length;
       }
-      if (J < R.length) {
-        const te = R.slice(J);
-        te.trim() && C.push({ type: "html", content: te });
+      if (le < q.length) {
+        const Q = q.slice(le);
+        Q.trim() && C.push({ type: "html", content: Q });
       }
-      return C.length === 0 && R.trim() && C.push({ type: "html", content: R }), C;
+      return C.length === 0 && q.trim() && C.push({ type: "html", content: q }), C;
     });
     function W(C) {
-      N.value = C.type || "image", ee.value = C.src || "", B.value = C.alt || "", re.value = C.caption || "", U.value = !0, _("media-open", C);
+      J.value = C.type || "image", ee.value = C.src || "", S.value = C.alt || "", ce.value = C.caption || "", D.value = !0, f("media-open", C);
     }
-    function ie() {
-      U.value = !1, ee.value = "", B.value = "", re.value = "";
+    function X() {
+      D.value = !1, ee.value = "", S.value = "", ce.value = "";
     }
-    function w() {
+    function b() {
       if (!$.value) return;
-      $.value.querySelectorAll('img[data-lightbox="true"]').forEach((f) => {
-        f._lightboxHandler && f.removeEventListener("click", f._lightboxHandler), f._lightboxHandler = (j) => {
-          j.preventDefault(), j.stopPropagation(), W({
+      $.value.querySelectorAll('img[data-lightbox="true"]').forEach((y) => {
+        y._lightboxHandler && y.removeEventListener("click", y._lightboxHandler), y._lightboxHandler = (U) => {
+          U.preventDefault(), U.stopPropagation(), W({
             type: "image",
-            src: f.src,
-            alt: f.alt || "",
-            caption: f.dataset.caption || f.alt || ""
+            src: y.src,
+            alt: y.alt || "",
+            caption: y.dataset.caption || y.alt || ""
           });
-        }, f.addEventListener("click", f._lightboxHandler), f.style.cursor = "zoom-in";
-      }), $.value.querySelectorAll(".artifactuse-image-container img").forEach((f) => {
-        f._lightboxHandler || (f._lightboxHandler = (j) => {
-          j.preventDefault(), j.stopPropagation();
-          const le = f.closest(".artifactuse-image-container"), G = le == null ? void 0 : le.querySelector(".artifactuse-image-caption"), ye = (G == null ? void 0 : G.textContent) || f.dataset.caption || f.alt || "";
+        }, y.addEventListener("click", y._lightboxHandler), y.style.cursor = "zoom-in";
+      }), $.value.querySelectorAll(".artifactuse-image-container img").forEach((y) => {
+        y._lightboxHandler || (y._lightboxHandler = (U) => {
+          U.preventDefault(), U.stopPropagation();
+          const Y = y.closest(".artifactuse-image-container"), ue = Y == null ? void 0 : Y.querySelector(".artifactuse-image-caption"), Ae = (ue == null ? void 0 : ue.textContent) || y.dataset.caption || y.alt || "";
           W({
             type: "image",
-            src: f.src,
-            alt: f.alt || "",
-            caption: ye
+            src: y.src,
+            alt: y.alt || "",
+            caption: Ae
           });
-        }, f.addEventListener("click", f._lightboxHandler), f.style.cursor = "zoom-in");
-      }), $.value.querySelectorAll(".artifactuse-gallery-item img, .artifactuse-image-gallery img").forEach((f) => {
-        f._lightboxHandler || (f._lightboxHandler = (j) => {
-          j.preventDefault(), j.stopPropagation();
-          const le = f.closest(".artifactuse-gallery-item"), G = le == null ? void 0 : le.querySelector(".artifactuse-gallery-caption"), ye = (G == null ? void 0 : G.textContent) || f.dataset.caption || f.alt || "";
+        }, y.addEventListener("click", y._lightboxHandler), y.style.cursor = "zoom-in");
+      }), $.value.querySelectorAll(".artifactuse-gallery-item img, .artifactuse-image-gallery img").forEach((y) => {
+        y._lightboxHandler || (y._lightboxHandler = (U) => {
+          U.preventDefault(), U.stopPropagation();
+          const Y = y.closest(".artifactuse-gallery-item"), ue = Y == null ? void 0 : Y.querySelector(".artifactuse-gallery-caption"), Ae = (ue == null ? void 0 : ue.textContent) || y.dataset.caption || y.alt || "";
           W({
             type: "image",
-            src: f.src,
-            alt: f.alt || "",
-            caption: ye
+            src: y.src,
+            alt: y.alt || "",
+            caption: Ae
           });
-        }, f.addEventListener("click", f._lightboxHandler), f.style.cursor = "zoom-in");
-      }), $.value.querySelectorAll('a[href$=".pdf"], a[data-type="pdf"]').forEach((f) => {
-        f._pdfHandler && f.removeEventListener("click", f._pdfHandler), f._pdfHandler = (j) => {
-          j.preventDefault(), j.stopPropagation(), W({
+        }, y.addEventListener("click", y._lightboxHandler), y.style.cursor = "zoom-in");
+      }), $.value.querySelectorAll('a[href$=".pdf"], a[data-type="pdf"]').forEach((y) => {
+        y._pdfHandler && y.removeEventListener("click", y._pdfHandler), y._pdfHandler = (U) => {
+          U.preventDefault(), U.stopPropagation(), W({
             type: "pdf",
-            src: f.href,
-            alt: f.textContent || "PDF Document",
-            caption: f.title || f.textContent || ""
+            src: y.href,
+            alt: y.textContent || "PDF Document",
+            caption: y.title || y.textContent || ""
           });
-        }, f.addEventListener("click", f._pdfHandler);
-      }), $.value.querySelectorAll(".artifactuse-pdf-container, [data-pdf-viewer]").forEach((f) => {
-        var le;
-        f._pdfHandler && f.removeEventListener("click", f._pdfHandler);
-        const j = f.dataset.pdfSrc || ((le = f.querySelector("iframe")) == null ? void 0 : le.src) || "";
-        j && (f._pdfHandler = (G) => {
-          G.preventDefault(), G.stopPropagation(), W({
+        }, y.addEventListener("click", y._pdfHandler);
+      }), $.value.querySelectorAll(".artifactuse-pdf-container, [data-pdf-viewer]").forEach((y) => {
+        var Y;
+        y._pdfHandler && y.removeEventListener("click", y._pdfHandler);
+        const U = y.dataset.pdfSrc || ((Y = y.querySelector("iframe")) == null ? void 0 : Y.src) || "";
+        U && (y._pdfHandler = (ue) => {
+          ue.preventDefault(), ue.stopPropagation(), W({
             type: "pdf",
-            src: j,
+            src: U,
             alt: "PDF Document",
-            caption: f.dataset.caption || ""
+            caption: y.dataset.caption || ""
           });
-        }, f.addEventListener("click", f._pdfHandler), f.style.cursor = "pointer");
-      }), $.value.querySelectorAll(".artifactuse-video-preview-wrapper, .video-preview-wrapper").forEach((f) => {
-        f._clickHandler && f.removeEventListener("click", f._clickHandler), f._clickHandler = (j) => {
-          if (j.target.closest(".artifactuse-video-play-button")) return;
-          const le = f.dataset.videoUrl || f.dataset.url;
-          le && window.open(le, "_blank", "noopener,noreferrer");
-        }, f.addEventListener("click", f._clickHandler);
+        }, y.addEventListener("click", y._pdfHandler), y.style.cursor = "pointer");
+      }), $.value.querySelectorAll(".artifactuse-video-preview-wrapper, .video-preview-wrapper").forEach((y) => {
+        y._clickHandler && y.removeEventListener("click", y._clickHandler), y._clickHandler = (U) => {
+          if (U.target.closest(".artifactuse-video-play-button")) return;
+          const Y = y.dataset.videoUrl || y.dataset.url;
+          Y && window.open(Y, "_blank", "noopener,noreferrer");
+        }, y.addEventListener("click", y._clickHandler);
       });
     }
-    function E() {
+    function B() {
       if (!$.value) return;
-      $.value.querySelectorAll("img").forEach((S) => {
-        S._lightboxHandler && (S.removeEventListener("click", S._lightboxHandler), delete S._lightboxHandler);
-      }), $.value.querySelectorAll('a[href$=".pdf"], a[data-type="pdf"]').forEach((S) => {
-        S._pdfHandler && (S.removeEventListener("click", S._pdfHandler), delete S._pdfHandler);
-      }), $.value.querySelectorAll(".artifactuse-pdf-container, [data-pdf-viewer]").forEach((S) => {
-        S._pdfHandler && (S.removeEventListener("click", S._pdfHandler), delete S._pdfHandler);
-      }), $.value.querySelectorAll(".artifactuse-video-preview-wrapper, .video-preview-wrapper").forEach((S) => {
-        S._clickHandler && (S.removeEventListener("click", S._clickHandler), delete S._clickHandler);
+      $.value.querySelectorAll("img").forEach((E) => {
+        E._lightboxHandler && (E.removeEventListener("click", E._lightboxHandler), delete E._lightboxHandler);
+      }), $.value.querySelectorAll('a[href$=".pdf"], a[data-type="pdf"]').forEach((E) => {
+        E._pdfHandler && (E.removeEventListener("click", E._pdfHandler), delete E._pdfHandler);
+      }), $.value.querySelectorAll(".artifactuse-pdf-container, [data-pdf-viewer]").forEach((E) => {
+        E._pdfHandler && (E.removeEventListener("click", E._pdfHandler), delete E._pdfHandler);
+      }), $.value.querySelectorAll(".artifactuse-video-preview-wrapper, .video-preview-wrapper").forEach((E) => {
+        E._clickHandler && (E.removeEventListener("click", E._clickHandler), delete E._clickHandler);
       });
     }
-    function i() {
-      D && clearTimeout(D), D = setTimeout(async () => {
-        if (await we(), o != null && o.initializeContent && $.value)
+    function u() {
+      N && clearTimeout(N), N = setTimeout(async () => {
+        if (await xe(), r != null && r.initializeContent && $.value)
           try {
-            await o.initializeContent($.value);
+            await r.initializeContent($.value);
           } catch (C) {
             console.error("Failed to initialize content:", C);
           }
-        w();
+        b();
       }, 100);
     }
-    oe(
+    ne(
       () => T.content,
       (C) => {
         if (C) {
-          const R = r(C, T.messageId, {
+          const q = n(C, T.messageId, {
             inlinePreview: T.inlinePreview,
             inlineCode: T.inlineCode,
             tabs: T.tabs,
             viewMode: T.viewMode
           });
-          V.value = R.html, x.value = R.artifacts, R.artifacts.length > 0 && _("artifact-detected", R.artifacts), T.typing || i();
+          I.value = q.html, x.value = q.artifacts, q.artifacts.length > 0 && f("artifact-detected", q.artifacts), T.typing || u();
         }
       },
       { immediate: !0 }
-    ), oe(
+    ), ne(
       () => T.typing,
-      (C, R) => {
-        R === !0 && C === !1 && i();
+      (C, q) => {
+        q === !0 && C === !1 && u();
       }
-    ), Te(() => {
-      T.typing || i();
-    }), la(() => {
-      D && clearTimeout(D), E();
+    ), Ee(() => {
+      T.typing || u();
+    }), pa(() => {
+      N && clearTimeout(N), B();
     });
-    function H(C) {
-      const R = C.target.closest(".artifactuse-inline-preview");
-      if (R) {
-        if (R.dataset.nonClickable) return;
-        const O = R.dataset.artifactId;
-        if (O) {
-          const J = A.artifacts.find((S) => S.id === O);
-          J && d(J);
+    function z(C) {
+      const q = C.target.closest(".artifactuse-inline-preview");
+      if (q) {
+        if (q.dataset.nonClickable) return;
+        const j = q.dataset.artifactId;
+        if (j) {
+          const le = H.artifacts.find((E) => E.id === j);
+          le && o(le);
         }
       }
     }
-    function d(C) {
-      q(C), _("artifact-open", C);
+    function o(C) {
+      O(C), f("artifact-open", C);
     }
-    function L(C) {
-      _("artifact-copy", C);
+    function P(C) {
+      f("artifact-copy", C);
     }
     function se(C) {
-      _("artifact-download", C);
+      f("artifact-download", C);
     }
-    function ce(C) {
-      _("form-submit", C);
+    function te(C) {
+      f("form-submit", C);
     }
     function be(C) {
-      _("form-cancel", C);
+      f("form-cancel", C);
     }
-    function Ce(C) {
-      _("form-button-click", C);
+    function ge(C) {
+      f("form-button-click", C);
     }
-    function Le(C) {
-      _("social-copy", C);
+    function $e(C) {
+      f("social-copy", C);
     }
-    return b(() => A.artifacts.filter((C) => C.messageId === T.messageId)), c({
+    return k(() => H.artifacts.filter((C) => C.messageId === T.messageId)), d({
       openViewer: W,
-      closeViewer: ie,
-      attachMediaListeners: w
-    }), (C, R) => (a(), s("div", {
+      closeViewer: X,
+      attachMediaListeners: b
+    }), (C, q) => (s(), l("div", {
       class: "artifactuse-agent-message",
       ref_key: "messageRef",
       ref: h
@@ -1660,164 +1660,182 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
         class: "artifactuse-message-content",
         ref_key: "contentRef",
         ref: $,
-        onClick: H
+        onClick: z
       }, [
-        (a(!0), s(F, null, ue(Q.value, (O, J) => (a(), s(F, { key: J }, [
-          O.type === "html" ? (a(), s("div", {
+        (s(!0), l(V, null, fe(oe.value, (j, le) => (s(), l(V, { key: le }, [
+          j.type === "html" ? (s(), l("div", {
             key: 0,
-            innerHTML: O.content
-          }, null, 8, Ci)) : O.type === "form" && O.artifact.isInline ? (a(), Me(ds, {
+            innerHTML: j.content
+          }, null, 8, zi)) : j.type === "form" && j.artifact.isInline ? (s(), Pe(Cs, {
             key: 1,
-            artifact: O.artifact,
+            artifact: j.artifact,
             theme: K.value,
-            "initial-state": k.value,
-            onSubmit: ce,
+            "initial-state": w.value,
+            onSubmit: te,
             onCancel: be,
-            onButtonClick: Ce
-          }, null, 8, ["artifact", "theme", "initial-state"])) : O.type === "social" ? (a(), Me(pi, {
+            onButtonClick: ge
+          }, null, 8, ["artifact", "theme", "initial-state"])) : j.type === "social" ? (s(), Pe(Mi, {
             key: 2,
-            artifact: O.artifact,
+            artifact: j.artifact,
             theme: K.value,
-            onCopy: Le
-          }, null, 8, ["artifact", "theme"])) : O.type === "panel" && de.value ? (a(), Me(ba, {
+            onCopy: $e
+          }, null, 8, ["artifact", "theme"])) : j.type === "panel" && pe.value ? (s(), Pe(Sa, {
             key: 3,
-            artifact: O.artifact,
-            "is-active": Z.value === O.artifact.id,
-            onOpen: d,
-            onCopy: L,
+            artifact: j.artifact,
+            "is-active": Z.value === j.artifact.id,
+            onOpen: o,
+            onCopy: P,
             onDownload: se
           }, null, 8, ["artifact", "is-active"])) : v("", !0)
         ], 64))), 128))
       ], 512),
-      Fe(bi, {
-        "is-open": U.value,
-        type: N.value,
+      De(Si, {
+        "is-open": D.value,
+        type: J.value,
         src: ee.value,
-        alt: B.value,
-        caption: re.value,
-        onClose: ie
+        alt: S.value,
+        caption: ce.value,
+        onClose: X
       }, null, 8, ["is-open", "type", "src", "alt", "caption"])
     ], 512));
   }
-}, xi = { class: "artifactuse-panel__header artifactuse-panel__header--simple" }, $i = { class: "artifactuse-panel__title" }, Mi = { class: "artifactuse-panel__icon" }, Ti = {
+}, Vi = { class: "artifactuse-panel__header artifactuse-panel__header--simple" }, Ii = { class: "artifactuse-panel__title" }, Fi = { class: "artifactuse-panel__icon" }, Ri = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, Li = {
+}, qi = {
   key: 1,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, Pi = { class: "artifactuse-panel__title-content" }, Ei = { class: "artifactuse-panel__name" }, Ai = { class: "artifactuse-panel__actions" }, Hi = { class: "artifactuse-panel__empty" }, Bi = { class: "artifactuse-panel__empty-title" }, Si = { class: "artifactuse-panel__empty-text" }, zi = { class: "artifactuse-panel__footer artifactuse-panel__footer--simple" }, Vi = {
+}, Oi = { class: "artifactuse-panel__title-content" }, Ui = { class: "artifactuse-panel__name" }, Di = { class: "artifactuse-panel__actions" }, ji = { class: "artifactuse-panel__empty" }, Ni = { class: "artifactuse-panel__empty-title" }, Wi = { class: "artifactuse-panel__empty-text" }, Ji = { class: "artifactuse-panel__footer artifactuse-panel__footer--simple" }, Xi = {
   key: 0,
   href: "https://artifactuse.com",
   target: "_blank",
   rel: "noopener noreferrer",
   class: "artifactuse-panel__branding"
-}, Ii = { class: "artifactuse-panel__header artifactuse-panel__header--simple" }, Fi = { class: "artifactuse-panel__title" }, Ri = { class: "artifactuse-panel__title-content" }, qi = { class: "artifactuse-panel__meta" }, Oi = { class: "artifactuse-panel__actions" }, Ui = ["disabled"], Di = {
+}, Zi = { class: "artifactuse-panel__header artifactuse-panel__header--simple" }, Ki = { class: "artifactuse-panel__title" }, Yi = { class: "artifactuse-panel__title-content" }, Gi = { class: "artifactuse-panel__meta" }, Qi = { class: "artifactuse-panel__actions" }, en = ["disabled"], tn = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, ji = {
+}, an = {
   key: 1,
   class: "artifactuse-panel__spinner-icon",
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, Ni = { class: "artifactuse-panel__list" }, Wi = { class: "artifactuse-panel__list-items" }, Ji = ["onClick"], Xi = ["innerHTML"], Zi = { class: "artifactuse-panel__list-item-content" }, Ki = { class: "artifactuse-panel__list-item-title" }, Yi = { class: "artifactuse-panel__list-item-meta" }, Qi = { class: "artifactuse-panel__footer artifactuse-panel__footer--simple" }, Gi = {
+}, sn = { class: "artifactuse-panel__list" }, ln = { class: "artifactuse-panel__list-items" }, nn = ["onClick"], on = ["innerHTML"], rn = { class: "artifactuse-panel__list-item-content" }, cn = { class: "artifactuse-panel__list-item-title" }, un = { class: "artifactuse-panel__list-item-meta" }, dn = { class: "artifactuse-panel__footer artifactuse-panel__footer--simple" }, vn = {
   key: 0,
   href: "https://artifactuse.com",
   target: "_blank",
   rel: "noopener noreferrer",
   class: "artifactuse-panel__branding"
-}, en = { class: "artifactuse-panel__header" }, tn = ["title"], an = { class: "artifactuse-panel__title" }, sn = ["innerHTML"], ln = { class: "artifactuse-panel__title-content" }, nn = { class: "artifactuse-panel__name" }, on = { class: "artifactuse-panel__meta" }, rn = { class: "artifactuse-panel__tabs" }, cn = ["disabled"], un = ["disabled"], dn = { class: "artifactuse-panel__actions" }, vn = ["title"], fn = {
+}, fn = { class: "artifactuse-panel__header" }, pn = ["title"], _n = { class: "artifactuse-panel__title" }, hn = ["innerHTML"], mn = { class: "artifactuse-panel__title-content" }, yn = { class: "artifactuse-panel__name" }, gn = { class: "artifactuse-panel__meta" }, kn = { class: "artifactuse-panel__tabs" }, wn = ["disabled"], bn = ["disabled"], Cn = { class: "artifactuse-panel__actions" }, xn = ["title"], $n = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, pn = {
+}, Mn = {
   key: 1,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, _n = {
+}, Tn = {
   key: 0,
   class: "artifactuse-panel__file-tabs"
-}, hn = { class: "artifactuse-panel__file-tabs-scroll" }, mn = ["onClick"], yn = ["innerHTML"], gn = { class: "artifactuse-panel__file-tab-title" }, kn = ["onClick"], wn = {
+}, Ln = { class: "artifactuse-panel__file-tabs-scroll" }, Pn = ["onClick"], En = ["innerHTML"], An = { class: "artifactuse-panel__file-tab-title" }, Hn = ["onClick"], Bn = {
   key: 0,
   class: "artifactuse-panel__loading"
-}, bn = {
+}, Sn = {
   key: 0,
   class: "artifactuse-panel__loading"
-}, Cn = ["src"], xn = {
+}, zn = {
+  key: 0,
+  class: "artifactuse-panel__binary artifactuse-panel__binary--image"
+}, Vn = ["src", "alt"], In = {
+  key: 1,
+  class: "artifactuse-panel__binary artifactuse-panel__binary--audio"
+}, Fn = ["src"], Rn = {
   key: 2,
+  class: "artifactuse-panel__binary artifactuse-panel__binary--video"
+}, qn = ["src"], On = {
+  key: 3,
+  class: "artifactuse-panel__binary artifactuse-panel__binary--pdf"
+}, Un = ["src"], Dn = {
+  key: 4,
+  class: "artifactuse-panel__binary artifactuse-panel__binary--font"
+}, jn = {
+  key: 5,
+  class: "artifactuse-panel__binary artifactuse-panel__binary--hex"
+}, Nn = { class: "artifactuse-panel__hex-dump" }, Wn = ["src"], Jn = {
+  key: 1,
   class: "artifactuse-panel__no-preview"
-}, $n = { class: "artifactuse-panel__edit" }, Mn = { class: "artifactuse-panel__console-type" }, Tn = { class: "artifactuse-panel__console-content" }, Ln = { class: "artifactuse-panel__console-timestamp" }, Pn = { class: "artifactuse-panel__footer" }, En = { class: "artifactuse-panel__footer-left" }, An = {
+}, Xn = { class: "artifactuse-panel__edit" }, Zn = { class: "artifactuse-panel__console-type" }, Kn = { class: "artifactuse-panel__console-content" }, Yn = { class: "artifactuse-panel__console-timestamp" }, Gn = { class: "artifactuse-panel__footer" }, Qn = { class: "artifactuse-panel__footer-left" }, eo = {
   key: 0,
   href: "https://artifactuse.com",
   target: "_blank",
   rel: "noopener noreferrer",
   class: "artifactuse-panel__branding"
-}, Hn = {
+}, to = {
   key: 1,
   class: "artifactuse-panel__badge"
-}, Bn = { class: "artifactuse-panel__footer-right" }, Sn = ["title"], zn = {
+}, ao = { class: "artifactuse-panel__footer-right" }, so = ["title"], lo = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, Vn = {
+}, io = {
   key: 1,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, In = {
+}, no = {
   key: 0,
   style: { position: "relative" }
-}, Fn = {
+}, oo = {
   key: 0,
   class: "artifactuse-share-popup"
-}, Rn = { class: "artifactuse-share-popup__header" }, qn = { class: "artifactuse-share-popup__title" }, On = { class: "artifactuse-share-popup__body" }, Un = {
+}, ro = { class: "artifactuse-share-popup__header" }, co = { class: "artifactuse-share-popup__title" }, uo = { class: "artifactuse-share-popup__body" }, vo = {
   key: 0,
   class: "artifactuse-share-popup__loading"
-}, Dn = { key: 1 }, jn = { class: "artifactuse-share-popup__error" }, Nn = { class: "artifactuse-share-popup__error-text" }, Wn = { class: "artifactuse-share-popup__actions" }, Jn = {
+}, fo = { key: 1 }, po = { class: "artifactuse-share-popup__error" }, _o = { class: "artifactuse-share-popup__error-text" }, ho = { class: "artifactuse-share-popup__actions" }, mo = {
   key: 2,
   class: "artifactuse-share-popup__options"
-}, Xn = { key: 3 }, Zn = {
+}, yo = { key: 3 }, go = {
   key: 0,
   class: "artifactuse-share-popup__loading"
-}, Kn = {
+}, ko = {
   key: 1,
   class: "artifactuse-share-popup__empty"
-}, Yn = {
+}, wo = {
   key: 2,
   class: "artifactuse-share-popup__artifact-list"
-}, Qn = ["onClick"], Gn = { class: "artifactuse-share-popup__artifact-name" }, eo = { class: "artifactuse-share-popup__artifact-date" }, to = {
+}, bo = ["onClick"], Co = { class: "artifactuse-share-popup__artifact-name" }, xo = { class: "artifactuse-share-popup__artifact-date" }, $o = {
   key: 4,
   class: "artifactuse-share-popup__success"
-}, ao = { class: "artifactuse-share-popup__link-wrapper" }, so = ["value"], lo = {
+}, Mo = { class: "artifactuse-share-popup__link-wrapper" }, To = ["value"], Lo = {
   key: 0,
   class: "artifactuse-share-popup__expiry"
-}, io = { class: "artifactuse-share-popup__expiry-text" }, no = {
+}, Po = { class: "artifactuse-share-popup__expiry-text" }, Eo = {
   key: 1,
   class: "artifactuse-share-popup__save-prompt"
-}, oo = {
+}, Ao = {
   key: 2,
   class: "artifactuse-panel__nav"
-}, ro = ["disabled"], co = ["disabled"], uo = {
+}, Ho = ["disabled"], Bo = ["disabled"], So = {
   key: 0,
   class: "artifactuse-panel__artifact-list"
-}, vo = { class: "artifactuse-panel__artifact-list-header" }, fo = { class: "artifactuse-panel__artifact-list-items" }, po = ["onClick"], _o = ["innerHTML"], ho = { class: "artifactuse-panel__artifact-item-content" }, mo = { class: "artifactuse-panel__artifact-item-title" }, yo = { class: "artifactuse-panel__artifact-item-meta" }, go = { class: "artifactuse-panel__artifact-item-index" }, To = {
+}, zo = { class: "artifactuse-panel__artifact-list-header" }, Vo = { class: "artifactuse-panel__artifact-list-items" }, Io = ["onClick"], Fo = ["innerHTML"], Ro = { class: "artifactuse-panel__artifact-item-content" }, qo = { class: "artifactuse-panel__artifact-item-title" }, Oo = { class: "artifactuse-panel__artifact-item-meta" }, Uo = { class: "artifactuse-panel__artifact-item-index" }, Ko = {
   __name: "ArtifactusePanel",
   props: {
     panelWidth: { type: Number, default: void 0 },
@@ -1826,419 +1844,456 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
     consolePanel: { type: Boolean, default: void 0 }
   },
   emits: ["close", "ai-request", "save", "export", "resize"],
-  setup(P, { emit: c }) {
-    var ft, pt;
-    const p = c, T = P, {
-      state: _,
-      activeArtifact: r,
-      artifactCount: q,
-      hasArtifacts: A,
+  setup(L, { emit: d }) {
+    var wt, bt;
+    const _ = d, T = L, {
+      state: f,
+      activeArtifact: n,
+      artifactCount: O,
+      hasArtifacts: H,
       closePanel: g,
-      toggleFullscreen: o,
+      toggleFullscreen: r,
       setViewMode: h,
       getPanelUrl: $,
-      openArtifact: V,
+      openArtifact: I,
       instance: x
-    } = Re(), D = M(null), U = M(null), N = M(null), ee = M(null), B = M(null), re = M(null), K = M(!1), Z = M(!1), de = M(!0), m = M(!1), k = M(!1), ae = M(!1), Q = M([]), W = M(!1), ie = M(null), w = M(/* @__PURE__ */ new Set(["log", "warn", "error", "info"])), E = M(!1), i = M("options"), H = M(""), d = M(null), L = M(""), se = M(!1), ce = M(!1), be = M([]), Ce = M(!1), Le = M("");
-    let C = null, R = null, O = null, J = null;
-    const S = b(() => {
-      var l;
-      return ((l = x.editor) == null ? void 0 : l.isAvailable()) || !1;
-    }), te = M(
-      Math.min(Math.max(T.panelWidth ?? ((ft = x.config) == null ? void 0 : ft.panelWidth) ?? 65, 25), 75)
-    ), f = M(
-      Math.min(Math.max(T.splitPosition ?? ((pt = x.config) == null ? void 0 : pt.splitPosition) ?? 50, 20), 80)
-    ), j = b(() => r.value ? Ie(r.value.language) : ""), le = b(() => r.value ? `<svg viewBox="0 0 24 24" fill="currentColor">${Ze(r.value.language)}</svg>` : ""), G = b(() => {
-      if (!r.value) return null;
-      let l = $(r.value);
-      return l && r.value._refreshToken && (l += (l.includes("?") ? "&" : "?") + "_t=" + r.value._refreshToken), l;
+    } = je(), N = M(null), D = M(null), J = M(null), ee = M(null), S = M(null), ce = M(null), K = M(!1), Z = M(!1), pe = M(!0), m = M(!1), w = M(!1), ie = M(!1), oe = M({});
+    let W = null;
+    const X = M([]), b = M(!1), B = M(null), u = M(/* @__PURE__ */ new Set(["log", "warn", "error", "info"])), z = M(!1), o = M("options"), P = M(""), se = M(null), te = M(""), be = M(!1), ge = M(!1), $e = M([]), C = M(!1), q = M("");
+    let j = null, le = null, E = null, Q = null;
+    const y = k(() => {
+      var a;
+      return ((a = x.editor) == null ? void 0 : a.isAvailable()) || !1;
+    }), U = M(
+      Math.min(Math.max(T.panelWidth ?? ((wt = x.config) == null ? void 0 : wt.panelWidth) ?? 65, 25), 75)
+    ), Y = M(
+      Math.min(Math.max(T.splitPosition ?? ((bt = x.config) == null ? void 0 : bt.splitPosition) ?? 50, 20), 80)
+    ), ue = k(() => n.value ? Ue(n.value.language) : ""), Ae = k(() => n.value ? `<svg viewBox="0 0 24 24" fill="currentColor">${tt(n.value.language)}</svg>` : ""), Ce = k(() => {
+      if (!n.value) return null;
+      let a = $(n.value);
+      return a && n.value._refreshToken && (a += (a.includes("?") ? "&" : "?") + "_t=" + n.value._refreshToken), a;
     });
-    b(() => !r.value || !_.artifacts.length ? -1 : _.artifacts.findIndex((l) => l.id === r.value.id));
-    const ye = b(() => r.value ? oa(r.value.language || "plaintext") : "plaintext"), ve = b(() => _.artifacts.filter((l) => !l.isInline)), Pe = b(() => r.value ? ve.value.findIndex((l) => l.id === r.value.id) : -1), qe = b(() => {
-      var l;
-      return ((l = x.config) == null ? void 0 : l.branding) !== !1;
-    }), Ct = b(() => {
-      var l, t;
-      return G.value ? ((l = r.value) == null ? void 0 : l.externalPreview) !== void 0 ? r.value.externalPreview : T.externalPreview !== void 0 ? T.externalPreview : ((t = x.config) == null ? void 0 : t.externalPreview) ?? !1 : !1;
-    }), Oe = b(() => Q.value.filter((l) => l.type === "error").length), Qe = b(() => Q.value.filter((l) => l.type === "warn").length), Ge = b(() => Q.value.filter((l) => l.type === "info").length), et = b(() => Q.value.filter((l) => l.type === "log").length), xt = b(() => Q.value.filter((l) => w.value.has(l.type)));
-    function He(l) {
-      const t = new Set(w.value);
-      t.has(l) ? t.delete(l) : t.add(l), w.value = t;
-    }
-    const $t = b(() => {
-      var l;
-      return (T.consolePanel ?? ((l = x == null ? void 0 : x.config) == null ? void 0 : l.consolePanel)) !== !1 && Q.value.length > 0;
-    }), Mt = b(() => {
-      var l;
-      return ((l = x.share) == null ? void 0 : l.enabled) !== !1;
-    }), tt = b(() => {
-      var l;
-      return ((l = x.share) == null ? void 0 : l.isAuthenticated()) || !1;
-    }), Tt = b(() => !r.value && !_.forceEmptyView ? Math.min(te.value, 30) : te.value), Ee = b(() => {
-      var l;
-      return ((l = x.config) == null ? void 0 : l.multiTab) === !0;
-    }), xe = b(() => _.forceEmptyView), at = b(() => Ee.value ? _.openTabs.map((l) => _.artifacts.find((t) => t.id === l)).filter(Boolean) : []);
-    function Ue(l) {
-      return `<svg viewBox="0 0 24 24" fill="currentColor">${Ze(l)}</svg>`;
-    }
-    function Lt(l) {
-      V(l);
-    }
-    function Pt(l) {
-      x.closeTab(l), _.openTabs.length === 0 && (k.value = !1);
-    }
-    function Et() {
-      k.value = !1, x.state.clearActiveArtifact();
-    }
-    function st(l) {
-      if (l.language !== "smartdiff") return null;
+    k(() => !n.value || !f.artifacts.length ? -1 : f.artifacts.findIndex((a) => a.id === n.value.id));
+    const Ve = k(() => n.value ? ma(n.value.language || "plaintext") : "plaintext"), _e = k(() => f.artifacts.filter((a) => !a.isInline)), He = k(() => n.value ? _e.value.findIndex((a) => a.id === n.value.id) : -1), Ne = k(() => {
+      var a;
+      return ((a = x.config) == null ? void 0 : a.branding) !== !1;
+    }), lt = ["image", "audio", "video", "pdf", "font", "binary"], Be = k(() => {
+      var a;
+      return lt.includes((a = n.value) == null ? void 0 : a.language);
+    }), we = k(() => Be.value ? n.value.language : null), We = k(() => we.value !== "font" || !n.value ? "" : `apfont_${n.value.id.replace(/[^a-zA-Z0-9]/g, "_")}`), Ht = k(() => {
+      var a;
+      if (we.value !== "binary" || !((a = n.value) != null && a.code)) return "";
       try {
-        const t = JSON.parse(l.code);
+        const t = atob(n.value.code.slice(0, 684)), c = Math.min(t.length, 512), A = [];
+        for (let F = 0; F < c; F += 16) {
+          const he = t.slice(F, F + 16), de = Array.from(he).map((ae) => ae.charCodeAt(0).toString(16).padStart(2, "0")).join(" "), ve = Array.from(he).map((ae) => {
+            const ye = ae.charCodeAt(0);
+            return ye >= 32 && ye < 127 ? ae : ".";
+          }).join("");
+          A.push(`${F.toString(16).padStart(8, "0")}  ${de.padEnd(47, " ")}  ${ve}`);
+        }
+        return (c < t.length || n.value.code.length > 684) && A.push("..."), A.join(`
+`);
+      } catch {
+        return "(unable to decode)";
+      }
+    }), Bt = k(() => {
+      var a, t;
+      return Ce.value ? ((a = n.value) == null ? void 0 : a.externalPreview) !== void 0 ? n.value.externalPreview : T.externalPreview !== void 0 ? T.externalPreview : ((t = x.config) == null ? void 0 : t.externalPreview) ?? !1 : !1;
+    }), Je = k(() => X.value.filter((a) => a.type === "error").length), it = k(() => X.value.filter((a) => a.type === "warn").length), nt = k(() => X.value.filter((a) => a.type === "info").length), ot = k(() => X.value.filter((a) => a.type === "log").length), St = k(() => X.value.filter((a) => u.value.has(a.type)));
+    function Ie(a) {
+      const t = new Set(u.value);
+      t.has(a) ? t.delete(a) : t.add(a), u.value = t;
+    }
+    const zt = k(() => {
+      var a;
+      return (T.consolePanel ?? ((a = x == null ? void 0 : x.config) == null ? void 0 : a.consolePanel)) !== !1 && X.value.length > 0;
+    }), Vt = k(() => {
+      var a;
+      return ((a = x.share) == null ? void 0 : a.enabled) !== !1;
+    }), rt = k(() => {
+      var a;
+      return ((a = x.share) == null ? void 0 : a.isAuthenticated()) || !1;
+    }), It = k(() => !n.value && !f.forceEmptyView ? Math.min(U.value, 30) : U.value), Se = k(() => {
+      var a;
+      return ((a = x.config) == null ? void 0 : a.multiTab) === !0;
+    }), Me = k(() => f.forceEmptyView), ct = k(() => Se.value ? f.openTabs.map((a) => f.artifacts.find((t) => t.id === a)).filter(Boolean) : []);
+    function Xe(a) {
+      return `<svg viewBox="0 0 24 24" fill="currentColor">${tt(a)}</svg>`;
+    }
+    function Ft(a) {
+      I(a);
+    }
+    function Fe(a) {
+      if (!(a != null && a.code)) return null;
+      if (oe.value[a.id]) return oe.value[a.id];
+      const t = a.fileExtension || a.language, c = ba(a.code, Mt(t));
+      return oe.value[a.id] = c, c;
+    }
+    function ut(a) {
+      oe.value[a] && (ka(oe.value[a]), delete oe.value[a]);
+    }
+    function Rt(a) {
+      ut(a), x.closeTab(a), f.openTabs.length === 0 && (w.value = !1);
+    }
+    function qt() {
+      w.value = !1, x.state.clearActiveArtifact();
+    }
+    function dt(a) {
+      if (a.language !== "smartdiff") return null;
+      try {
+        const t = JSON.parse(a.code);
         if (t.oldCode === void 0 || t.newCode === void 0) return null;
-        const u = t.language || "plaintext", z = mt() && window.Prism.languages[u], X = ra(t.oldCode, t.newCode).split(`
+        const c = t.language || "plaintext", A = $t() && window.Prism.languages[c], F = ya(t.oldCode, t.newCode).split(`
 `);
-        return { html: X.map((pe) => {
-          const _e = pe[0], fe = pe.slice(1), ke = z ? window.Prism.highlight(fe, z, u) : fe;
-          return _e === "-" ? `<span class="token deleted">${ke}</span>` : _e === "+" ? `<span class="token inserted">${ke}</span>` : ke;
+        return { html: F.map((de) => {
+          const ve = de[0], ae = de.slice(1), ye = A ? window.Prism.highlight(ae, A, c) : ae;
+          return ve === "-" ? `<span class="token deleted">${ye}</span>` : ve === "+" ? `<span class="token inserted">${ye}</span>` : ye;
         }).join(`
-`), lineCount: X.length };
+`), lineCount: F.length };
       } catch {
         return null;
       }
     }
-    function At() {
-      var l;
-      if (ee.value && ((l = r.value) != null && l.code)) {
-        const t = st(r.value), u = t ? t.lineCount : r.value.code.split(`
+    function Ot() {
+      var a;
+      if (ee.value && ((a = n.value) != null && a.code)) {
+        const t = dt(n.value), c = t ? t.lineCount : n.value.code.split(`
 `).length;
-        ee.value.innerHTML = Array.from({ length: u }, (z, X) => `<div>${X + 1}</div>`).join("");
+        ee.value.innerHTML = Array.from({ length: c }, (A, F) => `<div>${F + 1}</div>`).join("");
       }
     }
-    function Ht() {
-      var l;
-      if (U.value && mt() && ((l = r.value) != null && l.code)) {
-        const t = st(r.value);
+    function Ut() {
+      var a;
+      if (D.value && $t() && ((a = n.value) != null && a.code)) {
+        const t = dt(n.value);
         if (t)
-          U.value.innerHTML = t.html;
+          D.value.innerHTML = t.html;
         else {
-          const u = window.Prism.languages[ye.value];
-          u ? U.value.innerHTML = window.Prism.highlight(
-            r.value.code,
-            u,
-            ye.value
-          ) : U.value.textContent = r.value.code;
+          const c = window.Prism.languages[Ve.value];
+          c ? D.value.innerHTML = window.Prism.highlight(
+            n.value.code,
+            c,
+            Ve.value
+          ) : D.value.textContent = n.value.code;
         }
-        U.value.dataset.highlighted = "true", we(() => {
-          Bt();
+        D.value.dataset.highlighted = "true", xe(() => {
+          Dt();
         });
       }
     }
-    function Bt() {
+    function Dt() {
       var t;
-      const l = (t = U.value) == null ? void 0 : t.closest("pre");
-      if (l && B.value && ee.value) {
-        const z = window.getComputedStyle(l).backgroundColor;
-        z && z !== "rgba(0, 0, 0, 0)" && z !== "transparent" && (B.value.style.backgroundColor = z, ee.value.style.backgroundColor = z);
+      const a = (t = D.value) == null ? void 0 : t.closest("pre");
+      if (a && S.value && ee.value) {
+        const A = window.getComputedStyle(a).backgroundColor;
+        A && A !== "rgba(0, 0, 0, 0)" && A !== "transparent" && (S.value.style.backgroundColor = A, ee.value.style.backgroundColor = A);
       }
     }
-    function St() {
-      B.value && (B.value.style.backgroundColor = ""), ee.value && (ee.value.style.backgroundColor = "");
+    function jt() {
+      S.value && (S.value.style.backgroundColor = ""), ee.value && (ee.value.style.backgroundColor = "");
     }
-    function Be() {
-      we(() => {
-        At(), Ht();
+    function Re() {
+      xe(() => {
+        Ot(), Ut();
       });
     }
-    function lt() {
-      !S.value || !re.value || !r.value || (De(), J = x.editor.create(re.value, {
-        code: r.value.code || "",
-        language: r.value.editorLanguage || r.value.language || "plaintext",
+    function vt() {
+      !y.value || !ce.value || !n.value || (Ze(), Q = x.editor.create(ce.value, {
+        code: n.value.code || "",
+        language: n.value.editorLanguage || n.value.language || "plaintext",
         sdkTheme: x.getTheme()
       }));
     }
-    function De() {
-      J && (J.destroy(), J = null);
+    function Ze() {
+      Q && (Q.destroy(), Q = null);
     }
-    function zt() {
-      if (!J || !r.value) return;
-      const l = J.getCode();
+    function Nt() {
+      if (!Q || !n.value) return;
+      const a = Q.getCode();
       x.emit("edit:save", {
-        artifactId: r.value.id,
-        artifact: r.value,
-        code: l
+        artifactId: n.value.id,
+        artifact: n.value,
+        code: a
       });
     }
-    function Vt() {
-      clearTimeout(O), de.value = !1, D.value && r.value && (x.bridge.setIframe(D.value), x.bridge.loadArtifact(r.value));
+    function Wt() {
+      clearTimeout(E), pe.value = !1, N.value && n.value && (x.bridge.setIframe(N.value), x.bridge.loadArtifact(n.value));
     }
-    function It() {
-      clearTimeout(O), de.value = !1;
+    function Jt() {
+      clearTimeout(E), pe.value = !1;
     }
-    function Ft() {
-      clearTimeout(O), O = setTimeout(() => {
-        de.value = !1;
+    function Xt() {
+      clearTimeout(E), E = setTimeout(() => {
+        pe.value = !1;
       }, 1e3);
     }
-    async function Rt() {
-      if (r.value)
+    async function Zt() {
+      if (n.value)
         try {
-          await navigator.clipboard.writeText(r.value.code), K.value = !0, setTimeout(() => {
+          await navigator.clipboard.writeText(n.value.code), K.value = !0, setTimeout(() => {
             K.value = !1;
           }, 2e3);
-        } catch (l) {
-          console.error("Failed to copy:", l);
+        } catch (a) {
+          console.error("Failed to copy:", a);
         }
     }
-    function qt() {
-      if (!r.value) return;
-      const { code: l, language: t, editorLanguage: u, title: z } = r.value, X = Ke(u || t), ge = `${z.toLowerCase().replace(/\s+/g, "-")}.${X}`, pe = new Blob([l], { type: "text/plain" }), _e = URL.createObjectURL(pe), fe = document.createElement("a");
-      fe.href = _e, fe.download = ge, document.body.appendChild(fe), fe.click(), document.body.removeChild(fe), URL.revokeObjectURL(_e);
+    function Kt() {
+      if (!n.value) return;
+      const { code: a, language: t, editorLanguage: c, title: A } = n.value, F = at(c || t), he = `${A.toLowerCase().replace(/\s+/g, "-")}.${F}`, de = new Blob([a], { type: "text/plain" }), ve = URL.createObjectURL(de), ae = document.createElement("a");
+      ae.href = ve, ae.download = he, document.body.appendChild(ae), ae.click(), document.body.removeChild(ae), URL.revokeObjectURL(ve);
     }
-    async function Ot() {
-      if (!(ae.value || ve.value.length === 0)) {
-        ae.value = !0;
+    async function Yt() {
+      if (!(ie.value || _e.value.length === 0)) {
+        ie.value = !0;
         try {
-          const l = new ua(), t = /* @__PURE__ */ new Map();
-          for (const _e of ve.value) {
-            if (!_e.code) continue;
-            const fe = Ke(_e.editorLanguage || _e.language);
-            let ke = (_e.title || "untitled").toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, ""), Je = `${ke}.${fe}`;
-            const Xe = t.get(Je) || 0;
-            Xe > 0 && (Je = `${ke}-${Xe}.${fe}`), t.set(`${ke}.${fe}`, Xe + 1), l.file(Je, _e.code);
+          const a = new wa(), t = /* @__PURE__ */ new Map();
+          for (const ve of _e.value) {
+            if (!ve.code) continue;
+            const ae = at(ve.editorLanguage || ve.language);
+            let ye = (ve.title || "untitled").toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, ""), Qe = `${ye}.${ae}`;
+            const et = t.get(Qe) || 0;
+            et > 0 && (Qe = `${ye}-${et}.${ae}`), t.set(`${ye}.${ae}`, et + 1), a.file(Qe, ve.code);
           }
-          const u = await l.generateAsync({ type: "blob" }), X = `artifacts-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.zip`, ge = URL.createObjectURL(u), pe = document.createElement("a");
-          pe.href = ge, pe.download = X, document.body.appendChild(pe), pe.click(), document.body.removeChild(pe), URL.revokeObjectURL(ge);
-        } catch (l) {
-          console.error("Failed to create ZIP:", l);
+          const c = await a.generateAsync({ type: "blob" }), F = `artifacts-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.zip`, he = URL.createObjectURL(c), de = document.createElement("a");
+          de.href = he, de.download = F, document.body.appendChild(de), de.click(), document.body.removeChild(de), URL.revokeObjectURL(he);
+        } catch (a) {
+          console.error("Failed to create ZIP:", a);
         } finally {
-          ae.value = !1;
+          ie.value = !1;
         }
       }
     }
-    function Ut() {
-      if (E.value) {
-        E.value = !1;
+    function Gt() {
+      if (z.value) {
+        z.value = !1;
         return;
       }
-      r.value && (i.value = "options", H.value = "", d.value = null, L.value = "", se.value = !1, ce.value = !1, be.value = [], Ce.value = !1, Le.value = "", E.value = !0);
+      n.value && (o.value = "options", P.value = "", se.value = null, te.value = "", be.value = !1, ge.value = !1, $e.value = [], C.value = !1, q.value = "", z.value = !0);
     }
-    function Dt() {
-      E.value = !1;
+    function Qt() {
+      z.value = !1;
     }
-    function it(l) {
-      return l ? new Date(l).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }) : "";
+    function ft(a) {
+      return a ? new Date(a).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }) : "";
     }
-    async function nt() {
-      if (!(!r.value || !x.share)) {
-        i.value = "loading", L.value = "";
+    async function pt() {
+      if (!(!n.value || !x.share)) {
+        o.value = "loading", te.value = "";
         try {
-          const l = await x.share.share(r.value);
-          H.value = l.url, d.value = l.expiresAt, ce.value = !1, i.value = "success";
-        } catch (l) {
-          L.value = l.message || "Failed to create share link", i.value = "error";
+          const a = await x.share.share(n.value);
+          P.value = a.url, se.value = a.expiresAt, ge.value = !1, o.value = "success";
+        } catch (a) {
+          te.value = a.message || "Failed to create share link", o.value = "error";
         }
       }
     }
-    async function ot() {
-      if (tt.value)
-        je();
+    async function _t() {
+      if (rt.value)
+        Ke();
       else {
-        i.value = "loading";
+        o.value = "loading";
         try {
-          await x.share.openAuthPopup(), je();
-        } catch (l) {
-          l.message === "Authentication cancelled" ? i.value = "options" : (L.value = l.message || "Authentication failed", i.value = "error");
+          await x.share.openAuthPopup(), Ke();
+        } catch (a) {
+          a.message === "Authentication cancelled" ? o.value = "options" : (te.value = a.message || "Authentication failed", o.value = "error");
         }
       }
     }
-    async function je() {
-      if (!(!r.value || !x.share)) {
-        i.value = "loading", L.value = "";
+    async function Ke() {
+      if (!(!n.value || !x.share)) {
+        o.value = "loading", te.value = "";
         try {
-          const l = await x.share.save(r.value);
-          H.value = l.url, d.value = null, ce.value = !0, i.value = "success";
-        } catch (l) {
-          L.value = l.message || "Failed to save artifact", i.value = "error";
+          const a = await x.share.save(n.value);
+          P.value = a.url, se.value = null, ge.value = !0, o.value = "success";
+        } catch (a) {
+          te.value = a.message || "Failed to save artifact", o.value = "error";
         }
       }
     }
-    function jt() {
-      ce.value ? je() : nt();
+    function ea() {
+      ge.value ? Ke() : pt();
     }
-    async function Nt() {
-      var l;
+    async function ta() {
+      var a;
       if (x.share) {
-        if (!tt.value) {
-          i.value = "loading";
+        if (!rt.value) {
+          o.value = "loading";
           try {
             await x.share.openAuthPopup();
           } catch (t) {
-            t.message === "Authentication cancelled" ? i.value = "options" : (L.value = t.message || "Authentication failed", i.value = "error");
+            t.message === "Authentication cancelled" ? o.value = "options" : (te.value = t.message || "Authentication failed", o.value = "error");
             return;
           }
         }
-        i.value = "update-list", Ce.value = !0;
+        o.value = "update-list", C.value = !0;
         try {
-          const t = ((l = r.value) == null ? void 0 : l.language) || null, u = await x.share.listArtifacts(t);
-          be.value = u.projects || [];
+          const t = ((a = n.value) == null ? void 0 : a.language) || null, c = await x.share.listArtifacts(t);
+          $e.value = c.projects || [];
         } catch (t) {
-          L.value = t.message || "Failed to load artifacts", i.value = "error";
+          te.value = t.message || "Failed to load artifacts", o.value = "error";
         } finally {
-          Ce.value = !1;
+          C.value = !1;
         }
       }
     }
-    async function Wt(l) {
-      var u, z;
-      if (!r.value || !x.share) return;
-      const t = (u = l.project) == null ? void 0 : u.uuid;
+    async function aa(a) {
+      var c, A;
+      if (!n.value || !x.share) return;
+      const t = (c = a.project) == null ? void 0 : c.uuid;
       if (t) {
-        i.value = "loading", L.value = "";
+        o.value = "loading", te.value = "";
         try {
-          const X = await x.share.updateArtifact(t, r.value);
-          H.value = X.url || "", d.value = null, ce.value = !0, Le.value = ((z = l.project) == null ? void 0 : z.name) || "Untitled", i.value = "success";
-        } catch (X) {
-          L.value = X.message || "Failed to update artifact", i.value = "error";
+          const F = await x.share.updateArtifact(t, n.value);
+          P.value = F.url || "", se.value = null, ge.value = !0, q.value = ((A = a.project) == null ? void 0 : A.name) || "Untitled", o.value = "success";
+        } catch (F) {
+          te.value = F.message || "Failed to update artifact", o.value = "error";
         }
       }
     }
-    async function Jt() {
-      if (H.value)
+    async function sa() {
+      if (P.value)
         try {
-          await navigator.clipboard.writeText(H.value), se.value = !0, setTimeout(() => {
-            se.value = !1;
+          await navigator.clipboard.writeText(P.value), be.value = !0, setTimeout(() => {
+            be.value = !1;
           }, 2e3);
-        } catch (l) {
-          console.error("Failed to copy link:", l);
+        } catch (a) {
+          console.error("Failed to copy link:", a);
         }
     }
-    function rt() {
-      G.value && window.open(G.value, "_blank", "noopener,noreferrer");
+    function ht() {
+      Ce.value && window.open(Ce.value, "_blank", "noopener,noreferrer");
     }
-    function Xt() {
-      ee.value && B.value && (ee.value.style.transform = `translateY(-${B.value.scrollTop}px)`);
+    function la() {
+      ee.value && S.value && (ee.value.style.transform = `translateY(-${S.value.scrollTop}px)`);
     }
-    function Zt() {
+    function ia() {
       Z.value = !Z.value;
     }
-    function ct(l) {
-      k.value = !0, V(l), Z.value = !1;
+    function mt(a) {
+      w.value = !0, I(a), Z.value = !1;
     }
-    function Kt() {
-      const l = Pe.value - 1;
-      l >= 0 && V(ve.value[l]);
+    function na() {
+      const a = He.value - 1;
+      a >= 0 && I(_e.value[a]);
     }
-    function Yt() {
-      const l = Pe.value + 1;
-      l < ve.value.length && V(ve.value[l]);
+    function oa() {
+      const a = He.value + 1;
+      a < _e.value.length && I(_e.value[a]);
     }
-    function ut(l) {
+    function yt(a) {
       const t = document.querySelector(".artifactuse-panel__nav");
-      t && !t.contains(l.target) && (Z.value = !1);
-    }
-    let $e = null;
-    function Qt(l) {
-      $e = {
-        startX: l.clientX,
-        startWidth: te.value
-      }, document.addEventListener("mousemove", dt), document.addEventListener("mouseup", Ne), document.body.style.cursor = "ew-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((u) => u.style.pointerEvents = "none");
-    }
-    function dt(l) {
-      if (!$e) return;
-      const t = window.innerWidth, z = ($e.startX - l.clientX) / t * 100, X = $e.startWidth + z;
-      te.value = Math.min(Math.max(X, 25), 75), p("resize", { width: te.value });
-    }
-    function Ne() {
-      const l = $e !== null;
-      $e = null, document.removeEventListener("mousemove", dt), document.removeEventListener("mouseup", Ne), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((u) => u.style.pointerEvents = ""), l && p("resize", { width: te.value });
-    }
-    let Ae = null;
-    function Gt(l) {
-      if (!N.value) return;
-      const t = N.value.getBoundingClientRect();
-      Ae = {
-        startX: l.clientX,
-        startPosition: f.value,
+      t && !t.contains(a.target) && (Z.value = !1);
+    }
+    let Te = null;
+    function ra(a) {
+      Te = {
+        startX: a.clientX,
+        startWidth: U.value
+      }, document.addEventListener("mousemove", gt), document.addEventListener("mouseup", Ye), document.body.style.cursor = "ew-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((c) => c.style.pointerEvents = "none");
+    }
+    function gt(a) {
+      if (!Te) return;
+      const t = window.innerWidth, A = (Te.startX - a.clientX) / t * 100, F = Te.startWidth + A;
+      U.value = Math.min(Math.max(F, 25), 75), _("resize", { width: U.value });
+    }
+    function Ye() {
+      const a = Te !== null;
+      Te = null, document.removeEventListener("mousemove", gt), document.removeEventListener("mouseup", Ye), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((c) => c.style.pointerEvents = ""), a && _("resize", { width: U.value });
+    }
+    let ze = null;
+    function ca(a) {
+      if (!J.value) return;
+      const t = J.value.getBoundingClientRect();
+      ze = {
+        startX: a.clientX,
+        startPosition: Y.value,
         contentLeft: t.left,
         contentWidth: t.width
-      }, document.addEventListener("mousemove", vt), document.addEventListener("mouseup", We), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((z) => z.style.pointerEvents = "none");
+      }, document.addEventListener("mousemove", kt), document.addEventListener("mouseup", Ge), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((A) => A.style.pointerEvents = "none");
     }
-    function vt(l) {
-      if (!Ae) return;
-      const u = (l.clientX - Ae.contentLeft) / Ae.contentWidth * 100;
-      f.value = Math.min(Math.max(u, 20), 80);
+    function kt(a) {
+      if (!ze) return;
+      const c = (a.clientX - ze.contentLeft) / ze.contentWidth * 100;
+      Y.value = Math.min(Math.max(c, 20), 80);
     }
-    function We() {
-      Ae = null, document.removeEventListener("mousemove", vt), document.removeEventListener("mouseup", We), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((t) => t.style.pointerEvents = "");
+    function Ge() {
+      ze = null, document.removeEventListener("mousemove", kt), document.removeEventListener("mouseup", Ge), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((t) => t.style.pointerEvents = "");
     }
-    return oe(r, (l, t) => {
-      l && (t && t.isPreviewable !== l.isPreviewable && (m.value = !0, setTimeout(() => {
+    return ne(n, (a, t) => {
+      a && (t && t.isPreviewable !== a.isPreviewable && (m.value = !0, setTimeout(() => {
         m.value = !1;
-      }, 150)), (!t || l.id !== t.id) && (St(), de.value = !0, Ft()), (!t || l.id !== t.id || l.code !== t.code) && (Be(), _.viewMode === "edit" && (!t || l.id !== t.id ? we(() => lt()) : J && J.setCode(l.code || "")), clearTimeout(R), R = setTimeout(() => {
-        D.value && l.isPreviewable && x.bridge.loadArtifact(l);
+      }, 150)), (!t || a.id !== t.id) && (jt(), pe.value = !0, Xt(), lt.includes(a.language) && f.viewMode !== "preview" && h("preview")), (!t || a.id !== t.id || a.code !== t.code) && (Re(), f.viewMode === "edit" && (!t || a.id !== t.id ? xe(() => vt()) : Q && Q.setCode(a.code || "")), clearTimeout(le), le = setTimeout(() => {
+        N.value && a.isPreviewable && x.bridge.loadArtifact(a);
       }, 500)));
-    }, { deep: !0 }), oe(() => _.viewMode, (l) => {
-      (l === "code" || l === "split") && Be(), l === "edit" && we(() => lt());
-    }), oe(() => _.isPanelOpen, (l) => {
-      l && r.value && Be(), l || De();
-    }), oe(() => {
-      var l;
-      return (l = r.value) == null ? void 0 : l.id;
+    }, { deep: !0 }), ne(() => f.viewMode, (a) => {
+      (a === "code" || a === "split") && Re(), a === "edit" && xe(() => vt());
+    }), ne(() => f.isPanelOpen, (a) => {
+      a && n.value && Re(), a || Ze();
+    }), ne(() => {
+      var a;
+      return (a = n.value) == null ? void 0 : a.id;
     }, () => {
-      Q.value = [], W.value = !1;
-    }), oe([Q, W], () => {
-      ie.value && W.value && we(() => {
-        ie.value.scrollTop = ie.value.scrollHeight;
+      X.value = [], b.value = !1;
+    }), ne([X, b], () => {
+      B.value && b.value && xe(() => {
+        B.value.scrollTop = B.value.scrollHeight;
       });
-    }), oe(() => T.panelWidth, (l) => {
-      l !== void 0 && (te.value = Math.min(Math.max(l, 25), 75));
-    }), oe(() => T.splitPosition, (l) => {
-      l !== void 0 && (f.value = Math.min(Math.max(l, 20), 80));
-    }), Te(() => {
-      x.on("ai:request", (l) => p("ai-request", l)), x.on("save:request", (l) => p("save", l)), x.on("export:complete", (l) => p("export", l)), x && (C = x.on("console:log", ({ entry: l }) => {
-        Q.value = [...Q.value, l].slice(-500), l.type === "error" && (W.value = !0);
-      })), document.addEventListener("click", ut), _.isPanelOpen && r.value && Be();
-    }), Ye(() => {
-      Ne(), We(), De(), document.removeEventListener("click", ut), clearTimeout(R), clearTimeout(O), C && C();
-    }), (l, t) => (a(), Me(ze, { name: "artifactuse-panel" }, {
-      default: Ve(() => [
-        y(_).isPanelOpen ? (a(), s("div", {
+    }), ne(() => T.panelWidth, (a) => {
+      a !== void 0 && (U.value = Math.min(Math.max(a, 25), 75));
+    }), ne(() => T.splitPosition, (a) => {
+      a !== void 0 && (Y.value = Math.min(Math.max(a, 20), 80));
+    }), Ee(() => {
+      x.on("ai:request", (a) => _("ai-request", a)), x.on("save:request", (a) => _("save", a)), x.on("export:complete", (a) => _("export", a)), x && (j = x.on("console:log", ({ entry: a }) => {
+        X.value = [...X.value, a].slice(-500), a.type === "error" && (b.value = !0);
+      })), document.addEventListener("click", yt), f.isPanelOpen && n.value && Re();
+    }), ne([we, We], ([a, t]) => {
+      var c;
+      if (W && (W.remove(), W = null), a === "font" && t && ((c = n.value) != null && c.code)) {
+        const A = n.value.fileExtension || "ttf", F = Mt(A);
+        W = document.createElement("style"), W.textContent = `@font-face { font-family: "${t}"; src: url("data:${F};base64,${n.value.code}"); }`, document.head.appendChild(W);
+      }
+    }), st(() => {
+      Ye(), Ge(), Ze(), document.removeEventListener("click", yt), clearTimeout(le), clearTimeout(E), j && j(), W && (W.remove(), W = null), Object.keys(oe.value).forEach(ut);
+    }), (a, t) => (s(), Pe(qe, { name: "artifactuse-panel" }, {
+      default: Oe(() => [
+        p(f).isPanelOpen ? (s(), l("div", {
           key: 0,
-          class: I(["artifactuse-panel", {
-            "artifactuse-panel--fullscreen": y(_).isFullscreen,
-            "artifactuse-panel--list": !y(r) && y(A) && !y(_).forceEmptyView,
-            "artifactuse-panel--empty": !y(A) && !y(_).forceEmptyView
+          class: R(["artifactuse-panel", {
+            "artifactuse-panel--fullscreen": p(f).isFullscreen,
+            "artifactuse-panel--list": !p(n) && p(H) && !p(f).forceEmptyView,
+            "artifactuse-panel--empty": !p(H) && !p(f).forceEmptyView
           }]),
-          style: Se(y(_).isFullscreen ? void 0 : { width: `${Tt.value}%` })
+          style: Le(p(f).isFullscreen ? void 0 : { width: `${It.value}%` })
         }, [
-          y(_).isFullscreen ? v("", !0) : (a(), s("div", {
+          p(f).isFullscreen ? v("", !0) : (s(), l("div", {
             key: 0,
             class: "artifactuse-panel__resize-handle",
-            onMousedown: he(Qt, ["prevent"])
+            onMousedown: me(ra, ["prevent"])
           }, [...t[19] || (t[19] = [
             e("div", { class: "artifactuse-panel__resize-handle-line" }, null, -1)
           ])], 32)),
-          !y(A) || xe.value ? (a(), s(F, { key: 1 }, [
-            e("header", xi, [
-              e("div", $i, [
-                e("span", Mi, [
-                  xe.value ? (a(), s("svg", Ti, [...t[20] || (t[20] = [
+          !p(H) || Me.value ? (s(), l(V, { key: 1 }, [
+            e("header", Vi, [
+              e("div", Ii, [
+                e("span", Fi, [
+                  Me.value ? (s(), l("svg", Ri, [...t[20] || (t[20] = [
                     e("path", { d: "M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" }, null, -1),
                     e("polyline", { points: "14 2 14 8 20 8" }, null, -1)
-                  ])])) : (a(), s("svg", Li, [...t[21] || (t[21] = [
+                  ])])) : (s(), l("svg", qi, [...t[21] || (t[21] = [
                     e("polyline", { points: "16 18 22 12 16 6" }, null, -1),
                     e("polyline", { points: "8 6 2 12 8 18" }, null, -1)
                   ])]))
                 ]),
-                e("div", Pi, [
-                  e("span", Ei, n(xe.value ? "Artifact Viewer" : "Artifacts"), 1)
+                e("div", Oi, [
+                  e("span", Ui, i(Me.value ? "Artifact Viewer" : "Artifacts"), 1)
                 ])
               ]),
-              e("div", Ai, [
+              e("div", Di, [
                 e("button", {
                   class: "artifactuse-panel__action artifactuse-panel__action--close",
                   title: "Close panel",
-                  onClick: t[0] || (t[0] = (...u) => y(g) && y(g)(...u))
+                  onClick: t[0] || (t[0] = (...c) => p(g) && p(g)(...c))
                 }, [...t[22] || (t[22] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
@@ -2262,7 +2317,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                 ])])
               ])
             ]),
-            e("div", Hi, [
+            e("div", ji, [
               t[23] || (t[23] = e("div", { class: "artifactuse-panel__empty-icon" }, [
                 e("svg", {
                   viewBox: "0 0 24 24",
@@ -2274,11 +2329,11 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                   e("polyline", { points: "14 2 14 8 20 8" })
                 ])
               ], -1)),
-              e("h3", Bi, n(xe.value ? "No artifact selected" : "No artifacts yet"), 1),
-              e("p", Si, n(xe.value ? "Open an artifact to have it appear here" : "Code blocks, forms, and other interactive content will appear here as the AI generates them."), 1)
+              e("h3", Ni, i(Me.value ? "No artifact selected" : "No artifacts yet"), 1),
+              e("p", Wi, i(Me.value ? "Open an artifact to have it appear here" : "Code blocks, forms, and other interactive content will appear here as the AI generates them."), 1)
             ]),
-            e("footer", zi, [
-              qe.value ? (a(), s("a", Vi, [...t[24] || (t[24] = [
+            e("footer", Ji, [
+              Ne.value ? (s(), l("a", Xi, [...t[24] || (t[24] = [
                 e("svg", {
                   width: "16",
                   height: "16",
@@ -2298,9 +2353,9 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                 e("span", null, "Artifactuse", -1)
               ])])) : v("", !0)
             ])
-          ], 64)) : !y(r) && !xe.value ? (a(), s(F, { key: 2 }, [
-            e("header", Ii, [
-              e("div", Fi, [
+          ], 64)) : !p(n) && !Me.value ? (s(), l(V, { key: 2 }, [
+            e("header", Zi, [
+              e("div", Ki, [
                 t[26] || (t[26] = e("span", { class: "artifactuse-panel__icon" }, [
                   e("svg", {
                     viewBox: "0 0 24 24",
@@ -2312,19 +2367,19 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                     e("polyline", { points: "8 6 2 12 8 18" })
                   ])
                 ], -1)),
-                e("div", Ri, [
+                e("div", Yi, [
                   t[25] || (t[25] = e("span", { class: "artifactuse-panel__name" }, "Artifacts", -1)),
-                  e("span", qi, n(ve.value.length) + " available", 1)
+                  e("span", Gi, i(_e.value.length) + " available", 1)
                 ])
               ]),
-              e("div", Oi, [
+              e("div", Qi, [
                 e("button", {
-                  class: I(["artifactuse-panel__action", { "artifactuse-panel__action--loading": ae.value }]),
-                  disabled: ae.value,
+                  class: R(["artifactuse-panel__action", { "artifactuse-panel__action--loading": ie.value }]),
+                  disabled: ie.value,
                   title: "Download all as ZIP",
-                  onClick: Ot
+                  onClick: Yt
                 }, [
-                  ae.value ? (a(), s("svg", ji, [...t[28] || (t[28] = [
+                  ie.value ? (s(), l("svg", an, [...t[28] || (t[28] = [
                     e("circle", {
                       cx: "12",
                       cy: "12",
@@ -2332,7 +2387,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                       "stroke-dasharray": "32",
                       "stroke-dashoffset": "32"
                     }, null, -1)
-                  ])])) : (a(), s("svg", Di, [...t[27] || (t[27] = [
+                  ])])) : (s(), l("svg", tn, [...t[27] || (t[27] = [
                     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", {
@@ -2342,11 +2397,11 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                       y2: "3"
                     }, null, -1)
                   ])]))
-                ], 10, Ui),
+                ], 10, en),
                 e("button", {
                   class: "artifactuse-panel__action artifactuse-panel__action--close",
                   title: "Close panel",
-                  onClick: t[1] || (t[1] = (...u) => y(g) && y(g)(...u))
+                  onClick: t[1] || (t[1] = (...c) => p(g) && p(g)(...c))
                 }, [...t[29] || (t[29] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
@@ -2370,23 +2425,23 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                 ])])
               ])
             ]),
-            e("div", Ni, [
-              e("div", Wi, [
-                (a(!0), s(F, null, ue(ve.value, (u, z) => (a(), s("button", {
-                  key: u.id,
+            e("div", sn, [
+              e("div", ln, [
+                (s(!0), l(V, null, fe(_e.value, (c, A) => (s(), l("button", {
+                  key: c.id,
                   class: "artifactuse-panel__list-item",
-                  onClick: (X) => ct(u)
+                  onClick: (F) => mt(c)
                 }, [
                   e("span", {
                     class: "artifactuse-panel__list-item-icon",
-                    innerHTML: Ue(u.language)
-                  }, null, 8, Xi),
-                  e("div", Zi, [
-                    e("span", Ki, n(u.title || "Untitled"), 1),
-                    e("span", Yi, [
-                      Y(n(y(Ie)(u.language)) + " ", 1),
-                      u.lineCount ? (a(), s(F, { key: 0 }, [
-                        Y(" • " + n(u.lineCount) + " lines ", 1)
+                    innerHTML: Xe(c.language)
+                  }, null, 8, on),
+                  e("div", rn, [
+                    e("span", cn, i(c.title || "Untitled"), 1),
+                    e("span", un, [
+                      G(i(p(Ue)(c.language)) + " ", 1),
+                      c.lineCount ? (s(), l(V, { key: 0 }, [
+                        G(" • " + i(c.lineCount) + " lines ", 1)
                       ], 64)) : v("", !0)
                     ])
                   ]),
@@ -2400,11 +2455,11 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                       e("polyline", { points: "9 18 15 12 9 6" })
                     ])
                   ], -1))
-                ], 8, Ji))), 128))
+                ], 8, nn))), 128))
               ])
             ]),
-            e("footer", Qi, [
-              qe.value ? (a(), s("a", Gi, [...t[31] || (t[31] = [
+            e("footer", dn, [
+              Ne.value ? (s(), l("a", vn, [...t[31] || (t[31] = [
                 e("svg", {
                   width: "16",
                   height: "16",
@@ -2424,13 +2479,13 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                 e("span", null, "Artifactuse", -1)
               ])])) : v("", !0)
             ])
-          ], 64)) : (a(), s(F, { key: 3 }, [
-            e("header", en, [
-              Ee.value || k.value ? (a(), s("button", {
+          ], 64)) : (s(), l(V, { key: 3 }, [
+            e("header", fn, [
+              Se.value || w.value ? (s(), l("button", {
                 key: 0,
                 class: "artifactuse-panel__back",
-                title: Ee.value ? "Browse artifacts" : "Back to list",
-                onClick: Et
+                title: Se.value ? "Browse artifacts" : "Back to list",
+                onClick: qt
               }, [...t[32] || (t[32] = [
                 e("svg", {
                   viewBox: "0 0 24 24",
@@ -2440,29 +2495,29 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                 }, [
                   e("polyline", { points: "15 18 9 12 15 6" })
                 ], -1)
-              ])], 8, tn)) : v("", !0),
-              e("div", an, [
+              ])], 8, pn)) : v("", !0),
+              e("div", _n, [
                 e("span", {
                   class: "artifactuse-panel__icon",
-                  innerHTML: le.value
-                }, null, 8, sn),
-                e("div", ln, [
-                  e("span", nn, n(y(r).title || "Untitled"), 1),
-                  e("span", on, [
-                    Y(n(j.value) + " ", 1),
-                    y(r).lineCount ? (a(), s(F, { key: 0 }, [
-                      Y(" • " + n(y(r).lineCount) + " lines ", 1)
+                  innerHTML: Ae.value
+                }, null, 8, hn),
+                e("div", mn, [
+                  e("span", yn, i(p(n).title || "Untitled"), 1),
+                  e("span", gn, [
+                    G(i(ue.value) + " ", 1),
+                    p(n).lineCount ? (s(), l(V, { key: 0 }, [
+                      G(" • " + i(p(n).lineCount) + " lines ", 1)
                     ], 64)) : v("", !0)
                   ])
                 ])
               ]),
-              e("div", rn, [
-                !y(r).tabs || y(r).tabs.includes("preview") ? (a(), s("button", {
+              e("div", kn, [
+                !p(n).tabs || p(n).tabs.includes("preview") ? (s(), l("button", {
                   key: 0,
-                  class: I(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": y(_).viewMode === "preview" }]),
-                  disabled: !y(r).isPreviewable,
+                  class: R(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": p(f).viewMode === "preview" }]),
+                  disabled: !p(n).isPreviewable,
                   title: "Preview",
-                  onClick: t[2] || (t[2] = (u) => y(h)("preview"))
+                  onClick: t[2] || (t[2] = (c) => p(h)("preview"))
                 }, [...t[33] || (t[33] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
@@ -2477,12 +2532,12 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                       r: "3"
                     })
                   ], -1)
-                ])], 10, cn)) : v("", !0),
-                !y(r).tabs || y(r).tabs.includes("code") ? (a(), s("button", {
+                ])], 10, wn)) : v("", !0),
+                (!p(n).tabs || p(n).tabs.includes("code")) && !Be.value ? (s(), l("button", {
                   key: 1,
-                  class: I(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": y(_).viewMode === "code" }]),
+                  class: R(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": p(f).viewMode === "code" }]),
                   title: "Code",
-                  onClick: t[3] || (t[3] = (u) => y(h)("code"))
+                  onClick: t[3] || (t[3] = (c) => p(h)("code"))
                 }, [...t[34] || (t[34] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
@@ -2494,12 +2549,12 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                     e("polyline", { points: "8 6 2 12 8 18" })
                   ], -1)
                 ])], 2)) : v("", !0),
-                !y(r).tabs || y(r).tabs.includes("split") ? (a(), s("button", {
+                (!p(n).tabs || p(n).tabs.includes("split")) && !Be.value ? (s(), l("button", {
                   key: 2,
-                  class: I(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": y(_).viewMode === "split" }]),
-                  disabled: !y(r).isPreviewable,
+                  class: R(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": p(f).viewMode === "split" }]),
+                  disabled: !p(n).isPreviewable,
                   title: "Split view",
-                  onClick: t[4] || (t[4] = (u) => y(h)("split"))
+                  onClick: t[4] || (t[4] = (c) => p(h)("split"))
                 }, [...t[35] || (t[35] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
@@ -2522,12 +2577,12 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                       y2: "21"
                     })
                   ], -1)
-                ])], 10, un)) : v("", !0),
-                y(r).tabs && y(r).tabs.includes("edit") && S.value ? (a(), s("button", {
+                ])], 10, bn)) : v("", !0),
+                p(n).tabs && p(n).tabs.includes("edit") && y.value ? (s(), l("button", {
                   key: 3,
-                  class: I(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": y(_).viewMode === "edit" }]),
+                  class: R(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": p(f).viewMode === "edit" }]),
                   title: "Edit",
-                  onClick: t[5] || (t[5] = (u) => y(h)("edit"))
+                  onClick: t[5] || (t[5] = (c) => p(h)("edit"))
                 }, [...t[36] || (t[36] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
@@ -2540,12 +2595,12 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                   ], -1)
                 ])], 2)) : v("", !0)
               ]),
-              e("div", dn, [
-                y(_).viewMode === "edit" ? (a(), s("button", {
+              e("div", Cn, [
+                p(f).viewMode === "edit" ? (s(), l("button", {
                   key: 0,
                   class: "artifactuse-panel__action artifactuse-panel__action--save",
                   title: "Save",
-                  onClick: zt
+                  onClick: Nt
                 }, [...t[37] || (t[37] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
@@ -2558,11 +2613,11 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                     e("polyline", { points: "7 3 7 8 15 8" })
                   ], -1)
                 ])])) : v("", !0),
-                Ct.value ? (a(), s("button", {
+                Bt.value ? (s(), l("button", {
                   key: 1,
                   class: "artifactuse-panel__action",
                   title: "Open in new tab",
-                  onClick: rt
+                  onClick: ht
                 }, [...t[38] || (t[38] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
@@ -2582,10 +2637,10 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                 ])])) : v("", !0),
                 e("button", {
                   class: "artifactuse-panel__action",
-                  title: y(_).isFullscreen ? "Exit fullscreen" : "Fullscreen",
-                  onClick: t[6] || (t[6] = (...u) => y(o) && y(o)(...u))
+                  title: p(f).isFullscreen ? "Exit fullscreen" : "Fullscreen",
+                  onClick: t[6] || (t[6] = (...c) => p(r) && p(r)(...c))
                 }, [
-                  y(_).isFullscreen ? (a(), s("svg", pn, [...t[40] || (t[40] = [
+                  p(f).isFullscreen ? (s(), l("svg", Mn, [...t[40] || (t[40] = [
                     e("polyline", { points: "4 14 10 14 10 20" }, null, -1),
                     e("polyline", { points: "20 10 14 10 14 4" }, null, -1),
                     e("line", {
@@ -2600,7 +2655,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                       x2: "10",
                       y2: "14"
                     }, null, -1)
-                  ])])) : (a(), s("svg", fn, [...t[39] || (t[39] = [
+                  ])])) : (s(), l("svg", $n, [...t[39] || (t[39] = [
                     e("polyline", { points: "15 3 21 3 21 9" }, null, -1),
                     e("polyline", { points: "9 21 3 21 3 15" }, null, -1),
                     e("line", {
@@ -2616,11 +2671,11 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                       y2: "14"
                     }, null, -1)
                   ])]))
-                ], 8, vn),
+                ], 8, xn),
                 e("button", {
                   class: "artifactuse-panel__action artifactuse-panel__action--close",
                   title: "Close panel",
-                  onClick: t[7] || (t[7] = (...u) => y(g) && y(g)(...u))
+                  onClick: t[7] || (t[7] = (...c) => p(g) && p(g)(...c))
                 }, [...t[41] || (t[41] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
@@ -2644,24 +2699,24 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                 ])])
               ])
             ]),
-            Ee.value && at.value.length > 0 ? (a(), s("div", _n, [
-              e("div", hn, [
-                (a(!0), s(F, null, ue(at.value, (u) => {
-                  var z;
-                  return a(), s("button", {
-                    key: u.id,
-                    class: I(["artifactuse-panel__file-tab", { "artifactuse-panel__file-tab--active": u.id === ((z = y(r)) == null ? void 0 : z.id) }]),
-                    onClick: (X) => Lt(u)
+            Se.value && ct.value.length > 0 ? (s(), l("div", Tn, [
+              e("div", Ln, [
+                (s(!0), l(V, null, fe(ct.value, (c) => {
+                  var A;
+                  return s(), l("button", {
+                    key: c.id,
+                    class: R(["artifactuse-panel__file-tab", { "artifactuse-panel__file-tab--active": c.id === ((A = p(n)) == null ? void 0 : A.id) }]),
+                    onClick: (F) => Ft(c)
                   }, [
                     e("span", {
                       class: "artifactuse-panel__file-tab-icon",
-                      innerHTML: Ue(u.language)
-                    }, null, 8, yn),
-                    e("span", gn, n(u.title || "Untitled"), 1),
+                      innerHTML: Xe(c.language)
+                    }, null, 8, En),
+                    e("span", An, i(c.title || "Untitled"), 1),
                     e("button", {
                       class: "artifactuse-panel__file-tab-close",
                       title: "Close tab",
-                      onClick: he((X) => Pt(u.id), ["stop"])
+                      onClick: me((F) => Rt(c.id), ["stop"])
                     }, [...t[42] || (t[42] = [
                       e("svg", {
                         viewBox: "0 0 24 24",
@@ -2682,75 +2737,110 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                           y2: "18"
                         })
                       ], -1)
-                    ])], 8, kn)
-                  ], 10, mn);
+                    ])], 8, Hn)
+                  ], 10, Pn);
                 }), 128))
               ])
             ])) : v("", !0),
             e("div", {
               ref_key: "contentRef",
-              ref: N,
-              class: I(["artifactuse-panel__content", [
-                `artifactuse-panel__content--${y(_).viewMode}`,
+              ref: J,
+              class: R(["artifactuse-panel__content", [
+                `artifactuse-panel__content--${p(f).viewMode}`,
                 { "artifactuse-panel__content--transitioning": m.value }
               ]])
             }, [
-              m.value ? (a(), s("div", wn, [...t[43] || (t[43] = [
+              m.value ? (s(), l("div", Bn, [...t[43] || (t[43] = [
                 e("div", { class: "artifactuse-panel__spinner" }, null, -1)
               ])])) : v("", !0),
-              y(_).viewMode === "preview" || y(_).viewMode === "split" ? (a(), s("div", {
+              p(f).viewMode === "preview" || p(f).viewMode === "split" ? (s(), l("div", {
                 key: 1,
                 class: "artifactuse-panel__preview",
-                style: Se(y(_).viewMode === "split" ? { width: `${f.value}%` } : void 0)
+                style: Le(p(f).viewMode === "split" ? { width: `${Y.value}%` } : void 0)
               }, [
-                de.value && G.value ? (a(), s("div", bn, [...t[44] || (t[44] = [
+                pe.value && Ce.value && !Be.value ? (s(), l("div", Sn, [...t[44] || (t[44] = [
                   e("div", { class: "artifactuse-panel__spinner" }, null, -1)
                 ])])) : v("", !0),
-                G.value ? (a(), s("iframe", {
-                  key: 1,
-                  ref_key: "iframeRef",
-                  ref: D,
-                  src: G.value,
-                  class: I(["artifactuse-panel__iframe", { "artifactuse-panel__iframe--loading": de.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; encrypted-media; gyroscope; accelerometer; picture-in-picture",
-                  onLoad: Vt,
-                  onError: It
-                }, null, 42, Cn)) : (a(), s("div", xn, [
-                  t[45] || (t[45] = e("svg", {
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    "stroke-width": "1.5"
-                  }, [
-                    e("path", { d: "M9 17H7A5 5 0 0 1 7 7h2" }),
-                    e("path", { d: "M15 7h2a5 5 0 1 1 0 10h-2" }),
-                    e("line", {
-                      x1: "8",
-                      y1: "12",
-                      x2: "16",
-                      y2: "12"
-                    })
-                  ], -1)),
-                  e("p", null, "Preview not available for " + n(j.value), 1)
-                ]))
+                Be.value ? (s(), l(V, { key: 1 }, [
+                  we.value === "image" ? (s(), l("div", zn, [
+                    e("img", {
+                      src: Fe(p(n)),
+                      alt: p(n).title
+                    }, null, 8, Vn)
+                  ])) : we.value === "audio" ? (s(), l("div", In, [
+                    e("audio", {
+                      controls: "",
+                      src: Fe(p(n))
+                    }, null, 8, Fn)
+                  ])) : we.value === "video" ? (s(), l("div", Rn, [
+                    e("video", {
+                      controls: "",
+                      src: Fe(p(n))
+                    }, null, 8, qn)
+                  ])) : we.value === "pdf" ? (s(), l("div", On, [
+                    e("iframe", {
+                      src: Fe(p(n)) + "#toolbar=1",
+                      frameborder: "0"
+                    }, null, 8, Un)
+                  ])) : we.value === "font" ? (s(), l("div", Dn, [
+                    e("div", {
+                      class: "artifactuse-panel__font-sample",
+                      style: Le({ fontFamily: We.value })
+                    }, " AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz ", 4),
+                    e("div", {
+                      class: "artifactuse-panel__font-sample artifactuse-panel__font-sample--sm",
+                      style: Le({ fontFamily: We.value })
+                    }, " 0123456789 !@#$%^&*() ", 4)
+                  ])) : (s(), l("div", jn, [
+                    e("pre", Nn, i(Ht.value), 1)
+                  ]))
+                ], 64)) : (s(), l(V, { key: 2 }, [
+                  Ce.value ? (s(), l("iframe", {
+                    key: 0,
+                    ref_key: "iframeRef",
+                    ref: N,
+                    src: Ce.value,
+                    class: R(["artifactuse-panel__iframe", { "artifactuse-panel__iframe--loading": pe.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; encrypted-media; gyroscope; accelerometer; picture-in-picture",
+                    onLoad: Wt,
+                    onError: Jt
+                  }, null, 42, Wn)) : (s(), l("div", Jn, [
+                    t[45] || (t[45] = e("svg", {
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "1.5"
+                    }, [
+                      e("path", { d: "M9 17H7A5 5 0 0 1 7 7h2" }),
+                      e("path", { d: "M15 7h2a5 5 0 1 1 0 10h-2" }),
+                      e("line", {
+                        x1: "8",
+                        y1: "12",
+                        x2: "16",
+                        y2: "12"
+                      })
+                    ], -1)),
+                    e("p", null, "Preview not available for " + i(ue.value), 1)
+                  ]))
+                ], 64))
               ], 4)) : v("", !0),
-              _t(e("div", {
+              Ct(e("div", {
                 class: "artifactuse-panel__code",
-                style: Se(y(_).viewMode === "split" ? { width: `${100 - f.value}%` } : void 0)
+                style: Le(p(f).viewMode === "split" ? { width: `${100 - Y.value}%` } : void 0)
               }, [
-                y(_).viewMode === "split" ? (a(), s("div", {
+                p(f).viewMode === "split" ? (s(), l("div", {
                   key: 0,
                   class: "artifactuse-panel__split-handle",
-                  onMousedown: he(Gt, ["prevent"])
+                  onMousedown: me(ca, ["prevent"])
                 }, [...t[46] || (t[46] = [
                   e("div", { class: "artifactuse-panel__split-handle-line" }, null, -1)
                 ])], 32)) : v("", !0),
                 e("div", {
                   class: "artifactuse-panel__code-scroll",
                   ref_key: "codeScrollRef",
-                  ref: B,
-                  onScroll: Xt
+                  ref: S,
+                  onScroll: la
                 }, [
                   e("div", {
                     class: "artifactuse-panel__line-numbers",
@@ -2758,36 +2848,36 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                     ref: ee
                   }, null, 512),
                   e("pre", {
-                    class: I(["artifactuse-panel__code-block", `language-${ye.value}`])
+                    class: R(["artifactuse-panel__code-block", `language-${Ve.value}`])
                   }, [
-                    (a(), s("code", {
+                    (s(), l("code", {
                       ref_key: "codeRef",
-                      ref: U,
-                      key: y(r).id,
-                      class: I(`language-${ye.value}`)
+                      ref: D,
+                      key: p(n).id,
+                      class: R(`language-${Ve.value}`)
                     }, null, 2))
                   ], 2)
                 ], 544)
               ], 4), [
-                [ht, y(_).viewMode === "code" || y(_).viewMode === "split"]
+                [xt, p(f).viewMode === "code" || p(f).viewMode === "split"]
               ]),
-              _t(e("div", $n, [
+              Ct(e("div", Xn, [
                 e("div", {
                   ref_key: "editorContainerRef",
-                  ref: re,
+                  ref: ce,
                   class: "artifactuse-panel__editor-container"
                 }, null, 512)
               ], 512), [
-                [ht, y(_).viewMode === "edit"]
+                [xt, p(f).viewMode === "edit"]
               ])
             ], 2),
-            $t.value ? (a(), s("div", {
+            zt.value ? (s(), l("div", {
               key: 1,
-              class: I(["artifactuse-panel__console", { "artifactuse-panel__console--expanded": W.value }])
+              class: R(["artifactuse-panel__console", { "artifactuse-panel__console--expanded": b.value }])
             }, [
               e("div", {
                 class: "artifactuse-panel__console-header",
-                onClick: t[14] || (t[14] = (u) => W.value = !W.value)
+                onClick: t[14] || (t[14] = (c) => b.value = !b.value)
               }, [
                 t[47] || (t[47] = e("svg", {
                   class: "artifactuse-panel__console-chevron",
@@ -2801,54 +2891,54 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                 t[48] || (t[48] = e("span", null, "Console", -1)),
                 e("div", {
                   class: "artifactuse-panel__console-filters",
-                  onClick: t[12] || (t[12] = he(() => {
+                  onClick: t[12] || (t[12] = me(() => {
                   }, ["stop"]))
                 }, [
-                  Oe.value > 0 ? (a(), s("button", {
+                  Je.value > 0 ? (s(), l("button", {
                     key: 0,
-                    class: I(["artifactuse-panel__console-filter", "artifactuse-panel__console-filter--error", { "artifactuse-panel__console-filter--inactive": !w.value.has("error") }]),
-                    onClick: t[8] || (t[8] = (u) => He("error"))
-                  }, n(Oe.value) + " error" + n(Oe.value !== 1 ? "s" : ""), 3)) : v("", !0),
-                  Qe.value > 0 ? (a(), s("button", {
+                    class: R(["artifactuse-panel__console-filter", "artifactuse-panel__console-filter--error", { "artifactuse-panel__console-filter--inactive": !u.value.has("error") }]),
+                    onClick: t[8] || (t[8] = (c) => Ie("error"))
+                  }, i(Je.value) + " error" + i(Je.value !== 1 ? "s" : ""), 3)) : v("", !0),
+                  it.value > 0 ? (s(), l("button", {
                     key: 1,
-                    class: I(["artifactuse-panel__console-filter", "artifactuse-panel__console-filter--warn", { "artifactuse-panel__console-filter--inactive": !w.value.has("warn") }]),
-                    onClick: t[9] || (t[9] = (u) => He("warn"))
-                  }, n(Qe.value) + " warn", 3)) : v("", !0),
-                  Ge.value > 0 ? (a(), s("button", {
+                    class: R(["artifactuse-panel__console-filter", "artifactuse-panel__console-filter--warn", { "artifactuse-panel__console-filter--inactive": !u.value.has("warn") }]),
+                    onClick: t[9] || (t[9] = (c) => Ie("warn"))
+                  }, i(it.value) + " warn", 3)) : v("", !0),
+                  nt.value > 0 ? (s(), l("button", {
                     key: 2,
-                    class: I(["artifactuse-panel__console-filter", "artifactuse-panel__console-filter--info", { "artifactuse-panel__console-filter--inactive": !w.value.has("info") }]),
-                    onClick: t[10] || (t[10] = (u) => He("info"))
-                  }, n(Ge.value) + " info", 3)) : v("", !0),
-                  et.value > 0 ? (a(), s("button", {
+                    class: R(["artifactuse-panel__console-filter", "artifactuse-panel__console-filter--info", { "artifactuse-panel__console-filter--inactive": !u.value.has("info") }]),
+                    onClick: t[10] || (t[10] = (c) => Ie("info"))
+                  }, i(nt.value) + " info", 3)) : v("", !0),
+                  ot.value > 0 ? (s(), l("button", {
                     key: 3,
-                    class: I(["artifactuse-panel__console-filter", "artifactuse-panel__console-filter--log", { "artifactuse-panel__console-filter--inactive": !w.value.has("log") }]),
-                    onClick: t[11] || (t[11] = (u) => He("log"))
-                  }, n(et.value) + " log", 3)) : v("", !0)
+                    class: R(["artifactuse-panel__console-filter", "artifactuse-panel__console-filter--log", { "artifactuse-panel__console-filter--inactive": !u.value.has("log") }]),
+                    onClick: t[11] || (t[11] = (c) => Ie("log"))
+                  }, i(ot.value) + " log", 3)) : v("", !0)
                 ]),
                 e("button", {
                   class: "artifactuse-panel__console-clear",
-                  onClick: t[13] || (t[13] = he((u) => Q.value = [], ["stop"]))
+                  onClick: t[13] || (t[13] = me((c) => X.value = [], ["stop"]))
                 }, "Clear")
               ]),
-              W.value ? (a(), s("div", {
+              b.value ? (s(), l("div", {
                 key: 0,
                 ref_key: "consoleEntriesEl",
-                ref: ie,
+                ref: B,
                 class: "artifactuse-panel__console-entries"
               }, [
-                (a(!0), s(F, null, ue(xt.value, (u, z) => (a(), s("div", {
-                  key: z,
-                  class: I("artifactuse-panel__console-entry artifactuse-panel__console-entry--" + u.type)
+                (s(!0), l(V, null, fe(St.value, (c, A) => (s(), l("div", {
+                  key: A,
+                  class: R("artifactuse-panel__console-entry artifactuse-panel__console-entry--" + c.type)
                 }, [
-                  e("span", Mn, "[" + n(u.type) + "]", 1),
-                  e("span", Tn, n(u.content), 1),
-                  e("span", Ln, n(new Date(u.timestamp).toLocaleTimeString()), 1)
+                  e("span", Zn, "[" + i(c.type) + "]", 1),
+                  e("span", Kn, i(c.content), 1),
+                  e("span", Yn, i(new Date(c.timestamp).toLocaleTimeString()), 1)
                 ], 2))), 128))
               ], 512)) : v("", !0)
             ], 2)) : v("", !0),
-            e("footer", Pn, [
-              e("div", En, [
-                qe.value ? (a(), s("a", An, [...t[49] || (t[49] = [
+            e("footer", Gn, [
+              e("div", Qn, [
+                Ne.value ? (s(), l("a", eo, [...t[49] || (t[49] = [
                   e("svg", {
                     width: "16",
                     height: "16",
@@ -2867,17 +2957,17 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                   ], -1),
                   e("span", null, "Artifactuse", -1)
                 ])])) : v("", !0),
-                y(r).size ? (a(), s("span", Hn, n(y(gt)(y(r).size)), 1)) : v("", !0)
+                p(n).size ? (s(), l("span", to, i(p(Lt)(p(n).size)), 1)) : v("", !0)
               ]),
-              e("div", Bn, [
+              e("div", ao, [
                 e("button", {
-                  class: I(["artifactuse-panel__footer-action", { "artifactuse-panel__footer-action--success": K.value }]),
+                  class: R(["artifactuse-panel__footer-action", { "artifactuse-panel__footer-action--success": K.value }]),
                   title: K.value ? "Copied!" : "Copy code",
-                  onClick: Rt
+                  onClick: Zt
                 }, [
-                  K.value ? (a(), s("svg", Vn, [...t[51] || (t[51] = [
+                  K.value ? (s(), l("svg", io, [...t[51] || (t[51] = [
                     e("polyline", { points: "20 6 9 17 4 12" }, null, -1)
-                  ])])) : (a(), s("svg", zn, [...t[50] || (t[50] = [
+                  ])])) : (s(), l("svg", lo, [...t[50] || (t[50] = [
                     e("rect", {
                       x: "9",
                       y: "9",
@@ -2888,11 +2978,11 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { 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, Sn),
+                ], 10, so),
                 e("button", {
                   class: "artifactuse-panel__footer-action",
                   title: "Download file",
-                  onClick: qt
+                  onClick: Kt
                 }, [...t[52] || (t[52] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
@@ -2910,11 +3000,11 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                     })
                   ], -1)
                 ])]),
-                Mt.value ? (a(), s("div", In, [
+                Vt.value ? (s(), l("div", no, [
                   e("button", {
                     class: "artifactuse-panel__footer-action",
                     title: "Share",
-                    onClick: Ut
+                    onClick: Gt
                   }, [...t[53] || (t[53] = [
                     e("svg", {
                       viewBox: "0 0 24 24",
@@ -2951,14 +3041,14 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                       })
                     ], -1)
                   ])]),
-                  Fe(ze, { name: "artifactuse-popup" }, {
-                    default: Ve(() => [
-                      E.value ? (a(), s("div", Fn, [
-                        e("div", Rn, [
-                          e("span", qn, n(i.value === "success" ? Le.value ? "Artifact updated!" : "Link created!" : i.value === "update-list" ? "Update saved artifact" : "Share Artifact"), 1),
+                  De(qe, { name: "artifactuse-popup" }, {
+                    default: Oe(() => [
+                      z.value ? (s(), l("div", oo, [
+                        e("div", ro, [
+                          e("span", co, i(o.value === "success" ? q.value ? "Artifact updated!" : "Link created!" : o.value === "update-list" ? "Update saved artifact" : "Share Artifact"), 1),
                           e("button", {
                             class: "artifactuse-share-popup__close",
-                            onClick: Dt
+                            onClick: Qt
                           }, [...t[54] || (t[54] = [
                             e("svg", {
                               viewBox: "0 0 24 24",
@@ -2981,28 +3071,28 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                             ], -1)
                           ])])
                         ]),
-                        e("div", On, [
-                          i.value === "loading" ? (a(), s("div", Un, [...t[55] || (t[55] = [
+                        e("div", uo, [
+                          o.value === "loading" ? (s(), l("div", vo, [...t[55] || (t[55] = [
                             e("div", { class: "artifactuse-share-popup__spinner" }, null, -1),
                             e("p", { class: "artifactuse-share-popup__loading-text" }, "Creating link...", -1)
-                          ])])) : i.value === "error" ? (a(), s("div", Dn, [
-                            e("div", jn, [
-                              e("p", Nn, n(L.value), 1)
+                          ])])) : o.value === "error" ? (s(), l("div", fo, [
+                            e("div", po, [
+                              e("p", _o, i(te.value), 1)
                             ]),
-                            e("div", Wn, [
+                            e("div", ho, [
                               e("button", {
                                 class: "artifactuse-share-popup__btn artifactuse-share-popup__btn--secondary",
-                                onClick: t[15] || (t[15] = (u) => i.value = "options")
+                                onClick: t[15] || (t[15] = (c) => o.value = "options")
                               }, " Back "),
                               e("button", {
                                 class: "artifactuse-share-popup__btn artifactuse-share-popup__btn--primary",
-                                onClick: jt
+                                onClick: ea
                               }, " Retry ")
                             ])
-                          ])) : i.value === "options" ? (a(), s("div", Jn, [
+                          ])) : o.value === "options" ? (s(), l("div", mo, [
                             e("button", {
                               class: "artifactuse-share-popup__option",
-                              onClick: nt
+                              onClick: pt
                             }, [...t[56] || (t[56] = [
                               e("div", { class: "artifactuse-share-popup__option-icon" }, [
                                 e("svg", {
@@ -3022,7 +3112,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                             ])]),
                             e("button", {
                               class: "artifactuse-share-popup__option",
-                              onClick: ot
+                              onClick: _t
                             }, [...t[57] || (t[57] = [
                               e("div", { class: "artifactuse-share-popup__option-icon" }, [
                                 e("svg", {
@@ -3043,7 +3133,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                             ])]),
                             e("button", {
                               class: "artifactuse-share-popup__option",
-                              onClick: Nt
+                              onClick: ta
                             }, [...t[58] || (t[58] = [
                               e("div", { class: "artifactuse-share-popup__option-icon" }, [
                                 e("svg", {
@@ -3062,28 +3152,28 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                                 e("p", { class: "artifactuse-share-popup__option-desc" }, "Replace an existing artifact")
                               ], -1)
                             ])])
-                          ])) : i.value === "update-list" ? (a(), s("div", Xn, [
-                            Ce.value ? (a(), s("div", Zn, [...t[59] || (t[59] = [
+                          ])) : o.value === "update-list" ? (s(), l("div", yo, [
+                            C.value ? (s(), l("div", go, [...t[59] || (t[59] = [
                               e("div", { class: "artifactuse-share-popup__spinner" }, null, -1),
                               e("p", { class: "artifactuse-share-popup__loading-text" }, "Loading artifacts...", -1)
-                            ])])) : be.value.length === 0 ? (a(), s("div", Kn, " No saved artifacts of this type ")) : (a(), s("div", Yn, [
-                              (a(!0), s(F, null, ue(be.value, (u) => {
-                                var z, X, ge;
-                                return a(), s("button", {
-                                  key: ((z = u.project) == null ? void 0 : z.uuid) || u.id,
+                            ])])) : $e.value.length === 0 ? (s(), l("div", ko, " No saved artifacts of this type ")) : (s(), l("div", wo, [
+                              (s(!0), l(V, null, fe($e.value, (c) => {
+                                var A, F, he;
+                                return s(), l("button", {
+                                  key: ((A = c.project) == null ? void 0 : A.uuid) || c.id,
                                   class: "artifactuse-share-popup__artifact-item",
-                                  onClick: (pe) => Wt(u)
+                                  onClick: (de) => aa(c)
                                 }, [
-                                  e("span", Gn, n(((X = u.project) == null ? void 0 : X.name) || "Untitled"), 1),
-                                  e("span", eo, n(it((ge = u.project) == null ? void 0 : ge.created_at)), 1)
-                                ], 8, Qn);
+                                  e("span", Co, i(((F = c.project) == null ? void 0 : F.name) || "Untitled"), 1),
+                                  e("span", xo, i(ft((he = c.project) == null ? void 0 : he.created_at)), 1)
+                                ], 8, bo);
                               }), 128))
                             ])),
                             e("button", {
                               class: "artifactuse-share-popup__back-btn",
-                              onClick: t[16] || (t[16] = (u) => i.value = "options")
+                              onClick: t[16] || (t[16] = (c) => o.value = "options")
                             }, "Back")
-                          ])) : i.value === "success" ? (a(), s("div", to, [
+                          ])) : o.value === "success" ? (s(), l("div", $o, [
                             t[62] || (t[62] = e("div", { class: "artifactuse-share-popup__success-icon" }, [
                               e("svg", {
                                 viewBox: "0 0 24 24",
@@ -3094,20 +3184,20 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                                 e("polyline", { points: "20 6 9 17 4 12" })
                               ])
                             ], -1)),
-                            e("div", ao, [
+                            e("div", Mo, [
                               e("input", {
                                 type: "text",
                                 class: "artifactuse-share-popup__link",
-                                value: H.value,
+                                value: P.value,
                                 readonly: "",
-                                onClick: t[17] || (t[17] = (u) => u.target.select())
-                              }, null, 8, so),
+                                onClick: t[17] || (t[17] = (c) => c.target.select())
+                              }, null, 8, To),
                               e("button", {
-                                class: I(["artifactuse-share-popup__copy-btn", { "artifactuse-share-popup__copy-btn--copied": se.value }]),
-                                onClick: Jt
-                              }, n(se.value ? "Copied!" : "Copy"), 3)
+                                class: R(["artifactuse-share-popup__copy-btn", { "artifactuse-share-popup__copy-btn--copied": be.value }]),
+                                onClick: sa
+                              }, i(be.value ? "Copied!" : "Copy"), 3)
                             ]),
-                            d.value && !ce.value ? (a(), s("div", lo, [
+                            se.value && !ge.value ? (s(), l("div", Lo, [
                               t[60] || (t[60] = e("span", { class: "artifactuse-share-popup__expiry-icon" }, [
                                 e("svg", {
                                   viewBox: "0 0 24 24",
@@ -3134,13 +3224,13 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                                   })
                                 ])
                               ], -1)),
-                              e("span", io, " Expires " + n(it(d.value)), 1)
+                              e("span", Po, " Expires " + i(ft(se.value)), 1)
                             ])) : v("", !0),
-                            ce.value ? v("", !0) : (a(), s("div", no, [
+                            ge.value ? v("", !0) : (s(), l("div", Eo, [
                               t[61] || (t[61] = e("p", { class: "artifactuse-share-popup__save-prompt-text" }, "Keep it permanently?", -1)),
                               e("button", {
                                 class: "artifactuse-share-popup__save-prompt-btn",
-                                onClick: ot
+                                onClick: _t
                               }, " Save to account ")
                             ]))
                           ])) : v("", !0)
@@ -3176,11 +3266,11 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                     _: 1
                   })
                 ])) : v("", !0),
-                G.value ? (a(), s("button", {
+                Ce.value ? (s(), l("button", {
                   key: 1,
                   class: "artifactuse-panel__footer-action",
                   title: "Open in new tab",
-                  onClick: rt
+                  onClick: ht
                 }, [...t[64] || (t[64] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
@@ -3198,12 +3288,12 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                     })
                   ], -1)
                 ])])) : v("", !0),
-                !Ee.value && ve.value.length > 1 ? (a(), s("div", oo, [
+                !Se.value && _e.value.length > 1 ? (s(), l("div", Ao, [
                   e("button", {
                     class: "artifactuse-panel__nav-btn",
-                    disabled: Pe.value <= 0,
+                    disabled: He.value <= 0,
                     title: "Previous artifact",
-                    onClick: Kt
+                    onClick: na
                   }, [...t[65] || (t[65] = [
                     e("svg", {
                       viewBox: "0 0 24 24",
@@ -3213,13 +3303,13 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                     }, [
                       e("polyline", { points: "15 18 9 12 15 6" })
                     ], -1)
-                  ])], 8, ro),
+                  ])], 8, Ho),
                   e("button", {
                     class: "artifactuse-panel__nav-trigger",
                     title: "View all artifacts",
-                    onClick: Zt
+                    onClick: ia
                   }, [
-                    e("span", null, n(Pe.value + 1) + " / " + n(ve.value.length), 1),
+                    e("span", null, i(He.value + 1) + " / " + i(_e.value.length), 1),
                     t[66] || (t[66] = e("svg", {
                       viewBox: "0 0 24 24",
                       fill: "none",
@@ -3231,9 +3321,9 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                   ]),
                   e("button", {
                     class: "artifactuse-panel__nav-btn",
-                    disabled: Pe.value >= ve.value.length - 1,
+                    disabled: He.value >= _e.value.length - 1,
                     title: "Next artifact",
-                    onClick: Yt
+                    onClick: oa
                   }, [...t[67] || (t[67] = [
                     e("svg", {
                       viewBox: "0 0 24 24",
@@ -3243,15 +3333,15 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                     }, [
                       e("polyline", { points: "9 18 15 12 9 6" })
                     ], -1)
-                  ])], 8, co),
-                  Fe(ze, { name: "artifactuse-popup" }, {
-                    default: Ve(() => [
-                      Z.value ? (a(), s("div", uo, [
-                        e("div", vo, [
+                  ])], 8, Bo),
+                  De(qe, { name: "artifactuse-popup" }, {
+                    default: Oe(() => [
+                      Z.value ? (s(), l("div", So, [
+                        e("div", zo, [
                           t[69] || (t[69] = e("span", null, "Artifacts", -1)),
                           e("button", {
                             class: "artifactuse-panel__artifact-list-close",
-                            onClick: t[18] || (t[18] = (u) => Z.value = !1)
+                            onClick: t[18] || (t[18] = (c) => Z.value = !1)
                           }, [...t[68] || (t[68] = [
                             e("svg", {
                               viewBox: "0 0 24 24",
@@ -3274,27 +3364,27 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                             ], -1)
                           ])])
                         ]),
-                        e("div", fo, [
-                          (a(!0), s(F, null, ue(ve.value, (u, z) => (a(), s("button", {
-                            key: u.id,
-                            class: I(["artifactuse-panel__artifact-item", { "artifactuse-panel__artifact-item--active": u.id === y(r).id }]),
-                            onClick: (X) => ct(u)
+                        e("div", Vo, [
+                          (s(!0), l(V, null, fe(_e.value, (c, A) => (s(), l("button", {
+                            key: c.id,
+                            class: R(["artifactuse-panel__artifact-item", { "artifactuse-panel__artifact-item--active": c.id === p(n).id }]),
+                            onClick: (F) => mt(c)
                           }, [
                             e("span", {
                               class: "artifactuse-panel__artifact-item-icon",
-                              innerHTML: Ue(u.language)
-                            }, null, 8, _o),
-                            e("div", ho, [
-                              e("span", mo, n(u.title || "Untitled"), 1),
-                              e("span", yo, [
-                                Y(n(y(Ie)(u.language)) + " ", 1),
-                                u.lineCount ? (a(), s(F, { key: 0 }, [
-                                  Y(" • " + n(u.lineCount) + " lines ", 1)
+                              innerHTML: Xe(c.language)
+                            }, null, 8, Fo),
+                            e("div", Ro, [
+                              e("span", qo, i(c.title || "Untitled"), 1),
+                              e("span", Oo, [
+                                G(i(p(Ue)(c.language)) + " ", 1),
+                                c.lineCount ? (s(), l(V, { key: 0 }, [
+                                  G(" • " + i(c.lineCount) + " lines ", 1)
                                 ], 64)) : v("", !0)
                               ])
                             ]),
-                            e("span", go, n(z + 1), 1)
-                          ], 10, po))), 128))
+                            e("span", Uo, i(A + 1), 1)
+                          ], 10, Io))), 128))
                         ])
                       ])) : v("", !0)
                     ]),
@@ -3309,22 +3399,22 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
       _: 1
     }));
   }
-}, ko = ["title"], wo = {
+}, Do = ["title"], jo = {
   key: 0,
   class: "artifactuse-panel-toggle-badge"
-}, Lo = {
+}, Yo = {
   __name: "ArtifactusePanelToggle",
-  setup(P) {
-    const { state: c, artifactCount: p, hasArtifacts: T, togglePanel: _ } = Re();
-    return (r, q) => (a(), s("button", {
-      class: I(["artifactuse-panel-toggle", {
-        "artifactuse-panel-toggle--active": y(c).isPanelOpen,
-        "artifactuse-panel-toggle--has-artifacts": y(T)
+  setup(L) {
+    const { state: d, artifactCount: _, hasArtifacts: T, togglePanel: f } = je();
+    return (n, O) => (s(), l("button", {
+      class: R(["artifactuse-panel-toggle", {
+        "artifactuse-panel-toggle--active": p(d).isPanelOpen,
+        "artifactuse-panel-toggle--has-artifacts": p(T)
       }]),
-      onClick: q[0] || (q[0] = (...A) => y(_) && y(_)(...A)),
-      title: y(c).isPanelOpen ? "Close artifacts panel" : "Open artifacts panel"
+      onClick: O[0] || (O[0] = (...H) => p(f) && p(f)(...H)),
+      title: p(d).isPanelOpen ? "Close artifacts panel" : "Open artifacts panel"
     }, [
-      q[1] || (q[1] = e("svg", {
+      O[1] || (O[1] = e("svg", {
         viewBox: "0 0 24 24",
         fill: "none",
         stroke: "currentColor",
@@ -3335,13 +3425,13 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
         e("polyline", { points: "16 18 22 12 16 6" }),
         e("polyline", { points: "8 6 2 12 8 18" })
       ], -1)),
-      y(p) > 0 ? (a(), s("span", wo, n(y(p) > 99 ? "99+" : y(p)), 1)) : v("", !0)
-    ], 10, ko));
+      p(_) > 0 ? (s(), l("span", jo, i(p(_) > 99 ? "99+" : p(_)), 1)) : v("", !0)
+    ], 10, Do));
   }
-}, wt = Symbol("artifactuse");
-function bt(P = {}) {
-  var o;
-  const c = kt(P), p = yt({
+}, Et = Symbol("artifactuse");
+function At(L = {}) {
+  var r;
+  const d = Pt(L), _ = Tt({
     artifacts: [],
     activeArtifactId: null,
     isPanelOpen: !1,
@@ -3351,68 +3441,68 @@ function bt(P = {}) {
     tabViewModes: {},
     forceEmptyView: !1
   });
-  c.state.subscribe((h) => {
-    p.artifacts = h.artifacts, p.activeArtifactId = h.activeArtifactId, p.isPanelOpen = h.isPanelOpen, p.viewMode = h.viewMode, p.isFullscreen = h.isFullscreen, p.openTabs = h.openTabs, p.tabViewModes = h.tabViewModes, p.forceEmptyView = h.forceEmptyView;
+  d.state.subscribe((h) => {
+    _.artifacts = h.artifacts, _.activeArtifactId = h.activeArtifactId, _.isPanelOpen = h.isPanelOpen, _.viewMode = h.viewMode, _.isFullscreen = h.isFullscreen, _.openTabs = h.openTabs, _.tabViewModes = h.tabViewModes, _.forceEmptyView = h.forceEmptyView;
   });
-  const T = b(() => p.activeArtifactId && p.artifacts.find((h) => h.id === p.activeArtifactId) || null), _ = b(() => p.artifacts.filter((h) => !h.isInline).length), r = b(() => p.artifacts.some((h) => !h.isInline)), q = b(() => c.getPanelTypes()), A = b(() => T.value ? c.getPanelUrl(T.value) : null);
-  if (c.applyTheme(), P.theme === "auto" || !P.theme) {
-    const h = ((o = c.bridge) == null ? void 0 : o.theme) || c.theme;
+  const T = k(() => _.activeArtifactId && _.artifacts.find((h) => h.id === _.activeArtifactId) || null), f = k(() => _.artifacts.filter((h) => !h.isInline).length), n = k(() => _.artifacts.some((h) => !h.isInline)), O = k(() => d.getPanelTypes()), H = k(() => T.value ? d.getPanelUrl(T.value) : null);
+  if (d.applyTheme(), L.theme === "auto" || !L.theme) {
+    const h = ((r = d.bridge) == null ? void 0 : r.theme) || d.theme;
     h != null && h.watchSystemTheme && h.watchSystemTheme(() => {
-      c.applyTheme();
+      d.applyTheme();
     });
   }
   const g = {
-    instance: c,
-    state: p,
+    instance: d,
+    state: _,
     activeArtifact: T,
-    artifactCount: _,
-    hasArtifacts: r,
+    artifactCount: f,
+    hasArtifacts: n,
     // Panel computed
-    panelTypes: q,
-    activePanelUrl: A,
+    panelTypes: O,
+    activePanelUrl: H,
     // Methods
-    processMessage: c.processMessage,
-    initializeContent: c.initializeContent,
-    openArtifact: c.openArtifact,
-    openFile: c.openFile,
-    openCode: c.openCode,
-    updateFile: c.updateFile,
-    openPanel: c.openPanel,
-    closePanel: c.closePanel,
-    togglePanel: c.togglePanel,
-    toggleFullscreen: c.toggleFullscreen,
-    setViewMode: c.setViewMode,
-    getPanelUrl: c.getPanelUrl,
-    sendToPanel: c.sendToPanel,
+    processMessage: d.processMessage,
+    initializeContent: d.initializeContent,
+    openArtifact: d.openArtifact,
+    openFile: d.openFile,
+    openCode: d.openCode,
+    updateFile: d.updateFile,
+    openPanel: d.openPanel,
+    closePanel: d.closePanel,
+    togglePanel: d.togglePanel,
+    toggleFullscreen: d.toggleFullscreen,
+    setViewMode: d.setViewMode,
+    getPanelUrl: d.getPanelUrl,
+    sendToPanel: d.sendToPanel,
     // Panel management
-    hasPanel: c.hasPanel,
-    registerPanel: c.registerPanel,
-    unregisterPanel: c.unregisterPanel,
-    getPanelTypes: c.getPanelTypes,
+    hasPanel: d.hasPanel,
+    registerPanel: d.registerPanel,
+    unregisterPanel: d.unregisterPanel,
+    getPanelTypes: d.getPanelTypes,
     // Multi-tab
-    closeTab: c.closeTab,
-    closeOtherTabs: c.closeOtherTabs,
-    closeAllTabs: c.closeAllTabs,
+    closeTab: d.closeTab,
+    closeOtherTabs: d.closeOtherTabs,
+    closeAllTabs: d.closeAllTabs,
     // Events
-    on: c.on,
-    off: c.off,
+    on: d.on,
+    off: d.off,
     // State management
-    clearArtifacts: () => c.state.clear(),
+    clearArtifacts: () => d.state.clear(),
     // Theme - wrap setTheme to also apply
-    applyTheme: c.applyTheme,
+    applyTheme: d.applyTheme,
     setTheme: (h) => {
-      c.setTheme(h), c.applyTheme();
+      d.setTheme(h), d.applyTheme();
     },
-    getTheme: c.getTheme
+    getTheme: d.getTheme
   };
-  return ia(wt, g), g;
+  return _a(Et, g), g;
 }
-function Re() {
-  const P = na(wt);
-  return P || (console.warn("useArtifactuse() called without provideArtifactuse(). Creating standalone instance."), bt());
+function je() {
+  const L = ha(Et);
+  return L || (console.warn("useArtifactuse() called without provideArtifactuse(). Creating standalone instance."), At());
 }
-function bo(P = {}) {
-  const c = kt(P), p = yt({
+function No(L = {}) {
+  const d = Pt(L), _ = Tt({
     artifacts: [],
     activeArtifactId: null,
     isPanelOpen: !1,
@@ -3423,76 +3513,76 @@ function bo(P = {}) {
     forceEmptyView: !1
   });
   let T;
-  Te(() => {
-    T = c.state.subscribe((o) => {
-      p.artifacts = o.artifacts, p.activeArtifactId = o.activeArtifactId, p.isPanelOpen = o.isPanelOpen, p.viewMode = o.viewMode, p.isFullscreen = o.isFullscreen, p.openTabs = o.openTabs, p.tabViewModes = o.tabViewModes, p.forceEmptyView = o.forceEmptyView;
-    }), c.applyTheme();
-  }), Ye(() => {
-    T && T(), c.destroy();
+  Ee(() => {
+    T = d.state.subscribe((r) => {
+      _.artifacts = r.artifacts, _.activeArtifactId = r.activeArtifactId, _.isPanelOpen = r.isPanelOpen, _.viewMode = r.viewMode, _.isFullscreen = r.isFullscreen, _.openTabs = r.openTabs, _.tabViewModes = r.tabViewModes, _.forceEmptyView = r.forceEmptyView;
+    }), d.applyTheme();
+  }), st(() => {
+    T && T(), d.destroy();
   });
-  const _ = b(() => p.activeArtifactId && p.artifacts.find((o) => o.id === p.activeArtifactId) || null), r = b(() => p.artifacts.filter((o) => !o.isInline).length), q = b(() => p.artifacts.some((o) => !o.isInline)), A = b(() => c.getPanelTypes()), g = b(() => _.value ? c.getPanelUrl(_.value) : null);
+  const f = k(() => _.activeArtifactId && _.artifacts.find((r) => r.id === _.activeArtifactId) || null), n = k(() => _.artifacts.filter((r) => !r.isInline).length), O = k(() => _.artifacts.some((r) => !r.isInline)), H = k(() => d.getPanelTypes()), g = k(() => f.value ? d.getPanelUrl(f.value) : null);
   return {
-    instance: c,
-    state: p,
-    activeArtifact: _,
-    artifactCount: r,
-    hasArtifacts: q,
+    instance: d,
+    state: _,
+    activeArtifact: f,
+    artifactCount: n,
+    hasArtifacts: O,
     // Panel computed
-    panelTypes: A,
+    panelTypes: H,
     activePanelUrl: g,
     // Methods
-    processMessage: c.processMessage,
-    initializeContent: c.initializeContent,
-    openArtifact: c.openArtifact,
-    openFile: c.openFile,
-    openCode: c.openCode,
-    updateFile: c.updateFile,
-    openPanel: c.openPanel,
-    closePanel: c.closePanel,
-    togglePanel: c.togglePanel,
-    toggleFullscreen: c.toggleFullscreen,
-    setViewMode: c.setViewMode,
-    getPanelUrl: c.getPanelUrl,
-    sendToPanel: c.sendToPanel,
+    processMessage: d.processMessage,
+    initializeContent: d.initializeContent,
+    openArtifact: d.openArtifact,
+    openFile: d.openFile,
+    openCode: d.openCode,
+    updateFile: d.updateFile,
+    openPanel: d.openPanel,
+    closePanel: d.closePanel,
+    togglePanel: d.togglePanel,
+    toggleFullscreen: d.toggleFullscreen,
+    setViewMode: d.setViewMode,
+    getPanelUrl: d.getPanelUrl,
+    sendToPanel: d.sendToPanel,
     // Panel management
-    hasPanel: c.hasPanel,
-    registerPanel: c.registerPanel,
-    unregisterPanel: c.unregisterPanel,
-    getPanelTypes: c.getPanelTypes,
+    hasPanel: d.hasPanel,
+    registerPanel: d.registerPanel,
+    unregisterPanel: d.unregisterPanel,
+    getPanelTypes: d.getPanelTypes,
     // Multi-tab
-    closeTab: c.closeTab,
-    closeOtherTabs: c.closeOtherTabs,
-    closeAllTabs: c.closeAllTabs,
+    closeTab: d.closeTab,
+    closeOtherTabs: d.closeOtherTabs,
+    closeAllTabs: d.closeAllTabs,
     // Events
-    on: c.on,
-    off: c.off,
+    on: d.on,
+    off: d.off,
     // State management
-    clearArtifacts: () => c.state.clear(),
+    clearArtifacts: () => d.state.clear(),
     // Theme - wrap setTheme to also apply
-    applyTheme: c.applyTheme,
-    setTheme: (o) => {
-      c.setTheme(o), c.applyTheme();
+    applyTheme: d.applyTheme,
+    setTheme: (r) => {
+      d.setTheme(r), d.applyTheme();
     },
-    getTheme: c.getTheme
+    getTheme: d.getTheme
   };
 }
-const Po = {
-  provideArtifactuse: bt,
-  useArtifactuse: Re,
-  createArtifactuseComposable: bo,
-  DEFAULT_PANELS: ca
+const Go = {
+  provideArtifactuse: At,
+  useArtifactuse: je,
+  createArtifactuseComposable: No,
+  DEFAULT_PANELS: ga
 };
 export {
-  Mo as ArtifactuseAgentMessage,
-  ba as ArtifactuseCard,
-  ds as ArtifactuseInlineForm,
-  To as ArtifactusePanel,
-  Lo as ArtifactusePanelToggle,
-  pi as ArtifactuseSocialPreview,
-  bi as ArtifactuseViewer,
-  ca as DEFAULT_PANELS,
-  bo as createArtifactuseComposable,
-  Po as default,
-  bt as provideArtifactuse,
-  Re as useArtifactuse
+  Zo as ArtifactuseAgentMessage,
+  Sa as ArtifactuseCard,
+  Cs as ArtifactuseInlineForm,
+  Ko as ArtifactusePanel,
+  Yo as ArtifactusePanelToggle,
+  Mi as ArtifactuseSocialPreview,
+  Si as ArtifactuseViewer,
+  ga as DEFAULT_PANELS,
+  No as createArtifactuseComposable,
+  Go as default,
+  At as provideArtifactuse,
+  je as useArtifactuse
 };