artifactuse 0.1.21 → 0.1.22

package/dist/vue/index.js

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