artifactuse 0.2.2 → 0.2.3

package/dist/vue/index.js

@@ -1,19 +1,19 @@
-import { ref as M, computed as C, createElementBlock as s, openBlock as a, normalizeClass as N, createElementVNode as e, toDisplayString as n, withModifiers as he, onMounted as $e, watch as de, Fragment as R, createCommentVNode as v, renderList as ve, createTextVNode as K, h as se, normalizeStyle as Pe, createStaticVNode as qt, createBlock as xe, resolveDynamicComponent as Ot, nextTick as Ce, onUnmounted as Ne, Teleport as Ut, createVNode as Se, Transition as He, withCtx as Be, withKeys as Dt, onBeforeUnmount as jt, unref as g, withDirectives as it, vShow as lt, reactive as ot, provide as Nt, inject as Wt } from "vue";
-import { g as Ee, f as rt, a as De, b as je, n as Jt, i as nt, c as Xt, D as Zt, d as ct } from "../index-INYOxlcg.js";
-import { J as Kt } from "../jszip.min-CdmYyw5L.js";
-const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class: "artifactuse-card__content" }, ea = { class: "artifactuse-card__title" }, ta = { class: "artifactuse-card__meta" }, aa = { class: "artifactuse-card__type" }, sa = { class: "artifactuse-card__size" }, ia = { class: "artifactuse-card__actions" }, la = ["title"], na = {
+import { ref as M, computed as C, createElementBlock as s, openBlock as a, normalizeClass as j, createElementVNode as e, toDisplayString as l, withModifiers as he, onMounted as Me, watch as de, Fragment as R, createCommentVNode as v, renderList as ve, createTextVNode as K, h as se, normalizeStyle as He, createStaticVNode as Ot, createBlock as $e, resolveDynamicComponent as Ut, nextTick as xe, onUnmounted as We, Teleport as Dt, createVNode as ze, Transition as Ee, withCtx as Be, withKeys as Nt, onBeforeUnmount as jt, unref as y, withDirectives as lt, vShow as nt, reactive as rt, provide as Wt, inject as Jt } from "vue";
+import { g as Se, f as ct, a as Ne, b as je, n as Xt, i as ot, c as Zt, D as Kt, d as ut } from "../index-B4BEvWtI.js";
+import { J as Yt } from "../jszip.min-CdmYyw5L.js";
+const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class: "artifactuse-card__content" }, ta = { class: "artifactuse-card__title" }, aa = { class: "artifactuse-card__meta" }, sa = { class: "artifactuse-card__type" }, ia = { class: "artifactuse-card__size" }, la = { class: "artifactuse-card__actions" }, na = ["title"], oa = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, oa = {
+}, ra = {
   key: 1,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, ra = {
+}, ca = {
   __name: "ArtifactuseCard",
   props: {
     artifact: {
@@ -27,57 +27,57 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
   },
   emits: ["open", "copy", "download"],
   setup(H, { emit: c }) {
-    const h = H, T = c, m = M(!1), o = C(() => Ee(h.artifact.language)), q = C(() => {
+    const _ = H, T = c, f = M(!1), o = C(() => Se(_.artifact.language)), q = C(() => {
       var x;
-      return rt(h.artifact.size || ((x = h.artifact.code) == null ? void 0 : x.length) || 0);
-    }), B = C(() => De(h.artifact.language));
-    function y(x) {
-      x.stopPropagation(), T("open", h.artifact);
+      return ct(_.artifact.size || ((x = _.artifact.code) == null ? void 0 : x.length) || 0);
+    }), E = C(() => Ne(_.artifact.language));
+    function g(x) {
+      x.stopPropagation(), T("open", _.artifact);
     }
-    async function l() {
+    async function n() {
       try {
-        await navigator.clipboard.writeText(h.artifact.code), m.value = !0, setTimeout(() => {
-          m.value = !1;
-        }, 2e3), T("copy", h.artifact);
+        await navigator.clipboard.writeText(_.artifact.code), f.value = !0, setTimeout(() => {
+          f.value = !1;
+        }, 2e3), T("copy", _.artifact);
       } catch (x) {
         console.error("Failed to copy:", x);
       }
     }
-    function _() {
+    function h() {
       var W;
-      const x = new Blob([h.artifact.code], { type: "text/plain" }), F = URL.createObjectURL(x), $ = document.createElement("a"), j = je(h.artifact.language), O = ((W = h.artifact.title) == null ? void 0 : W.replace(/[^a-z0-9]/gi, "_").toLowerCase()) || "code";
-      $.href = F, $.download = `${O}.${j}`, document.body.appendChild($), $.click(), document.body.removeChild($), URL.revokeObjectURL(F), T("download", h.artifact);
+      const x = new Blob([_.artifact.code], { type: "text/plain" }), I = URL.createObjectURL(x), $ = document.createElement("a"), N = je(_.artifact.language), O = ((W = _.artifact.title) == null ? void 0 : W.replace(/[^a-z0-9]/gi, "_").toLowerCase()) || "code";
+      $.href = I, $.download = `${O}.${N}`, document.body.appendChild($), $.click(), document.body.removeChild($), URL.revokeObjectURL(I), T("download", _.artifact);
     }
-    return (x, F) => (a(), s("div", {
-      class: N(["artifactuse-card", { "artifactuse-card--active": H.isActive }]),
-      onClick: y
+    return (x, I) => (a(), s("div", {
+      class: j(["artifactuse-card", { "artifactuse-card--active": H.isActive }]),
+      onClick: g
     }, [
-      e("div", Yt, [
+      e("div", Qt, [
         (a(), s("svg", {
           viewBox: "0 0 24 24",
           fill: "none",
           stroke: "currentColor",
           "stroke-width": "1.5",
-          innerHTML: B.value
-        }, null, 8, Qt))
+          innerHTML: E.value
+        }, null, 8, Gt))
       ]),
-      e("div", Gt, [
-        e("div", ea, n(H.artifact.title), 1),
-        e("div", ta, [
-          e("span", aa, n(o.value), 1),
-          F[0] || (F[0] = e("span", { class: "artifactuse-card__separator" }, "•", -1)),
-          e("span", sa, n(q.value), 1)
+      e("div", ea, [
+        e("div", ta, l(H.artifact.title), 1),
+        e("div", aa, [
+          e("span", sa, l(o.value), 1),
+          I[0] || (I[0] = e("span", { class: "artifactuse-card__separator" }, "•", -1)),
+          e("span", ia, l(q.value), 1)
         ])
       ]),
-      e("div", ia, [
+      e("div", la, [
         e("button", {
           class: "artifactuse-card__action",
-          onClick: he(l, ["stop"]),
-          title: m.value ? "Copied!" : "Copy code"
+          onClick: he(n, ["stop"]),
+          title: f.value ? "Copied!" : "Copy code"
         }, [
-          m.value ? (a(), s("svg", oa, [...F[2] || (F[2] = [
+          f.value ? (a(), s("svg", ra, [...I[2] || (I[2] = [
             e("polyline", { points: "20 6 9 17 4 12" }, null, -1)
-          ])])) : (a(), s("svg", na, [...F[1] || (F[1] = [
+          ])])) : (a(), s("svg", oa, [...I[1] || (I[1] = [
             e("rect", {
               x: "9",
               y: "9",
@@ -88,12 +88,12 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { 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, la),
+        ], 8, na),
         e("button", {
           class: "artifactuse-card__action",
-          onClick: he(_, ["stop"]),
+          onClick: he(h, ["stop"]),
           title: "Download file"
-        }, [...F[3] || (F[3] = [
+        }, [...I[3] || (I[3] = [
           e("svg", {
             viewBox: "0 0 24 24",
             fill: "none",
@@ -111,7 +111,7 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
           ], -1)
         ])])
       ]),
-      F[4] || (F[4] = e("div", { class: "artifactuse-card__arrow" }, [
+      I[4] || (I[4] = e("div", { class: "artifactuse-card__arrow" }, [
         e("svg", {
           viewBox: "0 0 24 24",
           fill: "none",
@@ -123,10 +123,10 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
       ], -1))
     ], 2));
   }
-}, ca = ["data-artifactuse-theme"], ua = {
+}, ua = ["data-artifactuse-theme"], da = {
   key: 0,
   class: "artifactuse-form-collapsed"
-}, da = { class: "artifactuse-form-collapsed-icon" }, va = {
+}, va = { class: "artifactuse-form-collapsed-icon" }, fa = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
@@ -134,7 +134,7 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
   "stroke-width": "2.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, fa = {
+}, pa = {
   key: 1,
   viewBox: "0 0 24 24",
   fill: "none",
@@ -142,7 +142,7 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
   "stroke-width": "2.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, pa = {
+}, _a = {
   key: 2,
   viewBox: "0 0 24 24",
   fill: "none",
@@ -150,64 +150,64 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
   "stroke-width": "2.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, _a = { class: "artifactuse-form-collapsed-title" }, ha = {
+}, ha = { class: "artifactuse-form-collapsed-title" }, ma = {
   key: 0,
   class: "artifactuse-form-header"
-}, ma = {
+}, ya = {
   key: 0,
   class: "artifactuse-form-title"
-}, ya = {
+}, ga = {
   key: 1,
   class: "artifactuse-form-description"
-}, ga = {
+}, ka = {
   key: 1,
   class: "artifactuse-form-buttons"
-}, ka = ["disabled", "onClick"], wa = ["innerHTML"], ba = { class: "artifactuse-form-fields" }, Ca = {
+}, wa = ["disabled", "onClick"], ba = ["innerHTML"], Ca = { class: "artifactuse-form-fields" }, xa = {
   key: 0,
   class: "artifactuse-form-buttons"
-}, xa = ["type", "disabled", "onClick"], $a = {
+}, $a = ["type", "disabled", "onClick"], Ma = {
   key: 0,
   class: "artifactuse-form-btn-spinner"
-}, Ma = ["innerHTML"], Ta = {
+}, Ta = ["innerHTML"], La = {
   key: 1,
   class: "artifactuse-form-divider"
-}, La = {
+}, Pa = {
   key: 2,
   class: "artifactuse-form-heading"
 }, Aa = {
   key: 3,
   class: "artifactuse-form-field"
-}, Pa = { class: "artifactuse-checkbox-label" }, Ha = ["checked", "disabled", "onChange"], Ba = { class: "artifactuse-checkbox-text" }, Ea = {
+}, Ha = { class: "artifactuse-checkbox-label" }, Ea = ["checked", "disabled", "onChange"], Ba = { class: "artifactuse-checkbox-text" }, Sa = {
   key: 0,
   class: "artifactuse-required"
-}, Sa = {
+}, za = {
   key: 0,
   class: "artifactuse-help-text"
-}, za = {
+}, Va = {
   key: 1,
   class: "artifactuse-error-text"
 }, Ia = {
   key: 4,
   class: "artifactuse-form-field"
-}, Fa = ["for"], Va = {
+}, Fa = ["for"], Ra = {
   key: 0,
   class: "artifactuse-required"
-}, Ra = ["id", "type", "value", "placeholder", "disabled", "required", "onInput"], qa = ["id", "value", "placeholder", "disabled", "required", "rows", "onInput"], Oa = ["id", "value", "disabled", "required", "onChange"], Ua = { value: "" }, Da = ["value", "disabled"], ja = {
+}, qa = ["id", "type", "value", "placeholder", "disabled", "required", "onInput"], Oa = ["id", "value", "placeholder", "disabled", "required", "rows", "onInput"], Ua = ["id", "value", "disabled", "required", "onChange"], Da = { value: "" }, Na = ["value", "disabled"], ja = {
   key: 3,
   class: "artifactuse-radio-group"
-}, Na = ["name", "value", "checked", "disabled", "onChange"], Wa = {
+}, Wa = ["name", "value", "checked", "disabled", "onChange"], Ja = {
   key: 4,
   class: "artifactuse-help-text"
-}, Ja = {
+}, Xa = {
   key: 5,
   class: "artifactuse-error-text"
-}, Xa = {
+}, Za = {
   key: 0,
   class: "artifactuse-form-buttons artifactuse-form-buttons-default"
-}, Za = ["disabled"], Ka = {
+}, Ka = ["disabled"], Ya = {
   key: 0,
   class: "artifactuse-form-btn-spinner"
-}, Ya = {
+}, Qa = {
   __name: "ArtifactuseInlineForm",
   props: {
     artifact: { type: Object, required: !0 },
@@ -221,22 +221,22 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
   },
   emits: ["submit", "cancel", "reset", "button-click"],
   setup(H, { emit: c }) {
-    const h = H, T = c, m = M(h.initialState), o = C(() => m.value !== "active"), q = C(() => m.value === "active" ? "" : `artifactuse-form--${m.value}`);
-    function B(w) {
-      m.value = w;
+    const _ = H, T = c, f = M(_.initialState), o = C(() => f.value !== "active"), q = C(() => f.value === "active" ? "" : `artifactuse-form--${f.value}`);
+    function E(w) {
+      f.value = w;
     }
-    const y = C(() => {
+    const g = C(() => {
       try {
-        return JSON.parse(h.artifact.code);
+        return JSON.parse(_.artifact.code);
       } catch {
         return { title: "Invalid Form", variant: "fields", data: { fields: [] } };
       }
-    }), l = M(null), _ = C(() => h.artifact.id || y.value.id || `form-${Date.now()}`), x = C(() => `artifactuse-form-${y.value.variant || "fields"}`), F = C(() => y.value.title || "Form"), $ = M({}), j = M({}), O = M(!1), W = C(() => {
+    }), n = M(null), h = C(() => _.artifact.id || g.value.id || `form-${Date.now()}`), x = C(() => `artifactuse-form-${g.value.variant || "fields"}`), I = C(() => g.value.title || "Form"), $ = M({}), N = M({}), O = M(!1), W = C(() => {
       var w;
-      return ((w = y.value.data) == null ? void 0 : w.fields) || [];
+      return ((w = g.value.data) == null ? void 0 : w.fields) || [];
     }), Y = C(() => {
       var w;
-      return y.value.variant === "buttons" ? ((w = y.value.data) == null ? void 0 : w.fields) || [] : [];
+      return g.value.variant === "buttons" ? ((w = g.value.data) == null ? void 0 : w.fields) || [] : [];
     }), S = C(() => W.value.some((w) => w.type === "buttons"));
     function ie(w) {
       if (!w) return null;
@@ -250,39 +250,39 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
       }
       const r = L.match(/^rgba?\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i);
       if (r) return `${r[1]}, ${r[2]}, ${r[3]}`;
-      const E = L.split(/[\s,]+/).map(Number).filter((u) => !isNaN(u));
-      return E.length >= 3 ? `${E[0]}, ${E[1]}, ${E[2]}` : null;
+      const B = L.split(/[\s,]+/).map(Number).filter((u) => !isNaN(u));
+      return B.length >= 3 ? `${B[0]}, ${B[1]}, ${B[2]}` : null;
     }
     function Z() {
-      if (l.value && h.accent) {
-        const w = ie(h.accent);
-        w && l.value.style.setProperty("--artifactuse-primary", w);
+      if (n.value && _.accent) {
+        const w = ie(_.accent);
+        w && n.value.style.setProperty("--artifactuse-primary", w);
       }
     }
-    $e(() => {
-      Z(), m.value = h.initialState;
-    }), de(() => h.accent, Z), de(() => h.initialState, (w) => {
-      m.value = w;
+    Me(() => {
+      Z(), f.value = _.initialState;
+    }), de(() => _.accent, Z), de(() => _.initialState, (w) => {
+      f.value = w;
     });
     function X() {
       var r;
       const w = {};
-      W.value.forEach((E) => {
-        ["buttons", "divider", "heading"].includes(E.type) || (E.defaultValue !== void 0 ? w[E.name] = E.defaultValue : E.type === "checkbox" ? w[E.name] = !1 : w[E.name] = "");
-      }), (r = y.value.data) != null && r.defaults && Object.assign(w, y.value.data.defaults), $.value = w;
+      W.value.forEach((B) => {
+        ["buttons", "divider", "heading"].includes(B.type) || (B.defaultValue !== void 0 ? w[B.name] = B.defaultValue : B.type === "checkbox" ? w[B.name] = !1 : w[B.name] = "");
+      }), (r = g.value.data) != null && r.defaults && Object.assign(w, g.value.data.defaults), $.value = w;
     }
-    X(), de(() => h.artifact.code, X);
+    X(), de(() => _.artifact.code, X);
     function oe(w) {
       return ["text", "email", "password", "tel", "url", "number", "date", "time", "datetime-local"].includes(w);
     }
-    function p(w) {
+    function m(w) {
       return w ? w.map((L) => typeof L == "string" ? { label: L, value: L } : L) : [];
     }
     function k(w, L) {
-      $.value[w] = L, j.value[w] && delete j.value[w];
+      $.value[w] = L, N.value[w] && delete N.value[w];
     }
     function ee() {
-      var E;
+      var B;
       const w = {};
       W.value.forEach((u) => {
         if (["buttons", "divider", "heading"].includes(u.type)) return;
@@ -308,45 +308,45 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
           return;
         }
       });
-      const r = (E = y.value.data) == null ? void 0 : E.validation;
+      const r = (B = g.value.data) == null ? void 0 : B.validation;
       return r && Object.entries(r).forEach(([u, z]) => {
         if (w[u]) return;
         const le = $.value[u];
         z.pattern && le && (new RegExp(z.pattern).test(le) || (w[u] = z.message || `${u} is invalid`));
-      }), j.value = w, Object.keys(w).length === 0;
+      }), N.value = w, Object.keys(w).length === 0;
     }
     function re() {
-      X(), j.value = {};
+      X(), N.value = {};
     }
-    function A() {
+    function P() {
       ee() && (O.value = !0, T("submit", {
-        formId: _.value,
+        formId: h.value,
         action: "submit",
         values: { ...$.value },
         timestamp: Date.now()
       }), setTimeout(() => {
-        O.value = !1, B("submitted");
+        O.value = !1, E("submitted");
       }, 300));
     }
     function Q(w) {
       const L = w.action || "custom";
       switch (L) {
         case "submit":
-          A();
+          P();
           break;
         case "cancel":
           T("cancel", {
-            formId: _.value,
+            formId: h.value,
             action: "cancel",
             buttonName: w.name || "cancel",
             timestamp: Date.now()
           }), setTimeout(() => {
-            B("cancelled");
+            E("cancelled");
           }, 150);
           break;
         case "reset":
           re(), T("reset", {
-            formId: _.value,
+            formId: h.value,
             action: "reset",
             buttonName: w.name || "reset",
             timestamp: Date.now()
@@ -355,33 +355,33 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
         case "custom":
         default:
           T("button-click", {
-            formId: _.value,
+            formId: h.value,
             action: L,
             buttonName: w.name || w.label,
             buttonLabel: w.label,
             values: { ...$.value },
             timestamp: Date.now()
           }), setTimeout(() => {
-            B("submitted");
+            E("submitted");
           }, 150);
           break;
       }
     }
     return (w, L) => (a(), s("div", {
       ref_key: "containerRef",
-      ref: l,
-      class: N([
+      ref: n,
+      class: j([
         "artifactuse-inline-form",
         x.value,
         q.value
       ]),
       "data-artifactuse-theme": H.theme
     }, [
-      o.value ? (a(), s("div", ua, [
-        e("div", da, [
-          m.value === "submitted" ? (a(), s("svg", va, [...L[1] || (L[1] = [
+      o.value ? (a(), s("div", da, [
+        e("div", va, [
+          f.value === "submitted" ? (a(), s("svg", fa, [...L[1] || (L[1] = [
             e("polyline", { points: "20 6 9 17 4 12" }, null, -1)
-          ])])) : m.value === "cancelled" ? (a(), s("svg", fa, [...L[2] || (L[2] = [
+          ])])) : f.value === "cancelled" ? (a(), s("svg", pa, [...L[2] || (L[2] = [
             e("line", {
               x1: "18",
               y1: "6",
@@ -394,7 +394,7 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
               x2: "18",
               y2: "18"
             }, null, -1)
-          ])])) : (a(), s("svg", pa, [...L[3] || (L[3] = [
+          ])])) : (a(), s("svg", _a, [...L[3] || (L[3] = [
             e("line", {
               x1: "5",
               y1: "12",
@@ -403,78 +403,78 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
             }, null, -1)
           ])]))
         ]),
-        e("span", _a, n(F.value), 1)
+        e("span", ha, l(I.value), 1)
       ])) : (a(), s(R, { key: 1 }, [
-        y.value.title || y.value.description ? (a(), s("div", ha, [
-          y.value.title ? (a(), s("div", ma, n(y.value.title), 1)) : v("", !0),
-          y.value.description ? (a(), s("p", ya, n(y.value.description), 1)) : v("", !0)
+        g.value.title || g.value.description ? (a(), s("div", ma, [
+          g.value.title ? (a(), s("div", ya, l(g.value.title), 1)) : v("", !0),
+          g.value.description ? (a(), s("p", ga, l(g.value.description), 1)) : v("", !0)
         ])) : v("", !0),
-        y.value.variant === "buttons" ? (a(), s("div", ga, [
+        g.value.variant === "buttons" ? (a(), s("div", ka, [
           (a(!0), s(R, null, ve(Y.value, (r) => (a(), s("button", {
             key: r.name || r.label,
             type: "button",
-            class: N(["artifactuse-form-btn", `artifactuse-form-btn-${r.variant || "secondary"}`]),
+            class: j(["artifactuse-form-btn", `artifactuse-form-btn-${r.variant || "secondary"}`]),
             disabled: r.disabled || O.value,
-            onClick: (E) => Q(r)
+            onClick: (B) => Q(r)
           }, [
             r.icon ? (a(), s("span", {
               key: 0,
               class: "artifactuse-form-btn-icon",
               innerHTML: r.icon
-            }, null, 8, wa)) : v("", !0),
-            K(" " + n(r.label), 1)
-          ], 10, ka))), 128))
+            }, null, 8, ba)) : v("", !0),
+            K(" " + l(r.label), 1)
+          ], 10, wa))), 128))
         ])) : (a(), s("form", {
           key: 2,
           class: "artifactuse-form",
-          onSubmit: he(A, ["prevent"])
+          onSubmit: he(P, ["prevent"])
         }, [
-          e("div", ba, [
-            (a(!0), s(R, null, ve(W.value, (r, E) => (a(), s(R, {
-              key: r.name || E
+          e("div", Ca, [
+            (a(!0), s(R, null, ve(W.value, (r, B) => (a(), s(R, {
+              key: r.name || B
             }, [
-              r.type === "buttons" ? (a(), s("div", Ca, [
+              r.type === "buttons" ? (a(), s("div", xa, [
                 (a(!0), s(R, null, ve(r.fields || [], (u) => (a(), s("button", {
                   key: u.name || u.label,
                   type: u.action === "submit" ? "submit" : "button",
-                  class: N(["artifactuse-form-btn", `artifactuse-form-btn-${u.variant || "secondary"}`]),
+                  class: j(["artifactuse-form-btn", `artifactuse-form-btn-${u.variant || "secondary"}`]),
                   disabled: u.disabled || u.action === "submit" && O.value,
                   onClick: (z) => u.action !== "submit" ? Q(u) : null
                 }, [
-                  O.value && u.action === "submit" ? (a(), s("span", $a)) : u.icon ? (a(), s("span", {
+                  O.value && u.action === "submit" ? (a(), s("span", Ma)) : u.icon ? (a(), s("span", {
                     key: 1,
                     class: "artifactuse-form-btn-icon",
                     innerHTML: u.icon
-                  }, null, 8, Ma)) : v("", !0),
-                  K(" " + n(O.value && u.action === "submit" ? "Submitting..." : u.label), 1)
-                ], 10, xa))), 128))
-              ])) : r.type === "divider" ? (a(), s("div", Ta)) : r.type === "heading" ? (a(), s("div", La, n(r.label), 1)) : r.type === "checkbox" ? (a(), s("div", Aa, [
-                e("label", Pa, [
+                  }, null, 8, Ta)) : v("", !0),
+                  K(" " + l(O.value && u.action === "submit" ? "Submitting..." : u.label), 1)
+                ], 10, $a))), 128))
+              ])) : r.type === "divider" ? (a(), s("div", La)) : r.type === "heading" ? (a(), s("div", Pa, l(r.label), 1)) : r.type === "checkbox" ? (a(), s("div", Aa, [
+                e("label", Ha, [
                   e("input", {
                     type: "checkbox",
                     checked: $.value[r.name],
                     disabled: r.disabled,
                     class: "artifactuse-checkbox",
                     onChange: (u) => k(r.name, u.target.checked)
-                  }, null, 40, Ha),
+                  }, null, 40, Ea),
                   e("span", Ba, [
-                    K(n(r.label) + " ", 1),
-                    r.required ? (a(), s("span", Ea, "*")) : v("", !0)
+                    K(l(r.label) + " ", 1),
+                    r.required ? (a(), s("span", Sa, "*")) : v("", !0)
                   ])
                 ]),
-                r.helpText ? (a(), s("span", Sa, n(r.helpText), 1)) : v("", !0),
-                j.value[r.name] ? (a(), s("span", za, n(j.value[r.name]), 1)) : v("", !0)
+                r.helpText ? (a(), s("span", za, l(r.helpText), 1)) : v("", !0),
+                N.value[r.name] ? (a(), s("span", Va, l(N.value[r.name]), 1)) : v("", !0)
               ])) : (a(), s("div", Ia, [
                 e("label", {
-                  for: `${_.value}-${r.name}`,
+                  for: `${h.value}-${r.name}`,
                   class: "artifactuse-label"
                 }, [
-                  K(n(r.label) + " ", 1),
-                  r.required ? (a(), s("span", Va, "*")) : v("", !0)
+                  K(l(r.label) + " ", 1),
+                  r.required ? (a(), s("span", Ra, "*")) : v("", !0)
                 ], 8, Fa),
                 oe(r.type) ? (a(), s("input", {
                   key: 0,
-                  id: `${_.value}-${r.name}`,
+                  id: `${h.value}-${r.name}`,
                   type: r.type,
                   value: $.value[r.name],
                   placeholder: r.placeholder,
@@ -482,9 +482,9 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                   required: r.required,
                   class: "artifactuse-input",
                   onInput: (u) => k(r.name, u.target.value)
-                }, null, 40, Ra)) : r.type === "textarea" ? (a(), s("textarea", {
+                }, null, 40, qa)) : r.type === "textarea" ? (a(), s("textarea", {
                   key: 1,
-                  id: `${_.value}-${r.name}`,
+                  id: `${h.value}-${r.name}`,
                   value: $.value[r.name],
                   placeholder: r.placeholder,
                   disabled: r.disabled,
@@ -492,23 +492,23 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                   rows: r.rows || 3,
                   class: "artifactuse-textarea",
                   onInput: (u) => k(r.name, u.target.value)
-                }, null, 40, qa)) : r.type === "select" ? (a(), s("select", {
+                }, null, 40, Oa)) : r.type === "select" ? (a(), s("select", {
                   key: 2,
-                  id: `${_.value}-${r.name}`,
+                  id: `${h.value}-${r.name}`,
                   value: $.value[r.name],
                   disabled: r.disabled,
                   required: r.required,
                   class: "artifactuse-select",
                   onChange: (u) => k(r.name, u.target.value)
                 }, [
-                  e("option", Ua, n(r.placeholder || "Select..."), 1),
-                  (a(!0), s(R, null, ve(p(r.options), (u) => (a(), s("option", {
+                  e("option", Da, l(r.placeholder || "Select..."), 1),
+                  (a(!0), s(R, null, ve(m(r.options), (u) => (a(), s("option", {
                     key: u.value,
                     value: u.value,
                     disabled: u.disabled
-                  }, n(u.label), 9, Da))), 128))
-                ], 40, Oa)) : r.type === "radio" ? (a(), s("div", ja, [
-                  (a(!0), s(R, null, ve(p(r.options), (u) => (a(), s("label", {
+                  }, l(u.label), 9, Na))), 128))
+                ], 40, Ua)) : r.type === "radio" ? (a(), s("div", ja, [
+                  (a(!0), s(R, null, ve(m(r.options), (u) => (a(), s("label", {
                     key: u.value,
                     class: "artifactuse-radio-label"
                   }, [
@@ -520,16 +520,16 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                       disabled: u.disabled || r.disabled,
                       class: "artifactuse-radio",
                       onChange: (z) => k(r.name, u.value)
-                    }, null, 40, Na),
-                    e("span", null, n(u.label), 1)
+                    }, null, 40, Wa),
+                    e("span", null, l(u.label), 1)
                   ]))), 128))
                 ])) : v("", !0),
-                r.helpText ? (a(), s("span", Wa, n(r.helpText), 1)) : v("", !0),
-                j.value[r.name] ? (a(), s("span", Ja, n(j.value[r.name]), 1)) : v("", !0)
+                r.helpText ? (a(), s("span", Ja, l(r.helpText), 1)) : v("", !0),
+                N.value[r.name] ? (a(), s("span", Xa, l(N.value[r.name]), 1)) : v("", !0)
               ]))
             ], 64))), 128))
           ]),
-          S.value ? v("", !0) : (a(), s("div", Xa, [
+          S.value ? v("", !0) : (a(), s("div", Za, [
             e("button", {
               type: "button",
               class: "artifactuse-form-btn artifactuse-form-btn-ghost",
@@ -540,79 +540,79 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
               class: "artifactuse-form-btn artifactuse-form-btn-primary",
               disabled: O.value
             }, [
-              O.value ? (a(), s("span", Ka)) : v("", !0),
-              K(" " + n(O.value ? "Submitting..." : "Submit"), 1)
-            ], 8, Za)
+              O.value ? (a(), s("span", Ya)) : v("", !0),
+              K(" " + l(O.value ? "Submitting..." : "Submit"), 1)
+            ], 8, Ka)
           ]))
         ], 32))
       ], 64))
-    ], 10, ca));
+    ], 10, ua));
   }
-}, Qa = ["data-artifactuse-theme"], Ga = { class: "artifactuse-social-header" }, es = ["src", "alt"], ts = { class: "artifactuse-social-author" }, as = { class: "artifactuse-social-author-name" }, ss = { class: "artifactuse-social-author-meta" }, is = { class: "artifactuse-social-author-handle" }, ls = { class: "artifactuse-social-timestamp" }, ns = { class: "artifactuse-social-content" }, os = ["innerHTML"], rs = {
+}, Ga = ["data-artifactuse-theme"], es = { class: "artifactuse-social-header" }, ts = ["src", "alt"], as = { class: "artifactuse-social-author" }, ss = { class: "artifactuse-social-author-name" }, is = { class: "artifactuse-social-author-meta" }, ls = { class: "artifactuse-social-author-handle" }, ns = { class: "artifactuse-social-timestamp" }, os = { class: "artifactuse-social-content" }, rs = ["innerHTML"], cs = {
   key: 0,
   class: "artifactuse-social-media"
-}, cs = ["data-count"], us = ["src", "alt"], ds = {
+}, us = ["data-count"], ds = ["src", "alt"], vs = {
   key: 1,
   class: "artifactuse-social-link-card"
-}, vs = ["src", "alt"], fs = { class: "artifactuse-social-link-info" }, ps = { class: "artifactuse-social-link-domain" }, _s = { class: "artifactuse-social-link-title" }, hs = {
+}, fs = ["src", "alt"], ps = { class: "artifactuse-social-link-info" }, _s = { class: "artifactuse-social-link-domain" }, hs = { class: "artifactuse-social-link-title" }, ms = {
   key: 0,
   class: "artifactuse-social-link-description"
-}, ms = {
+}, ys = {
   key: 2,
   class: "artifactuse-social-poll"
-}, ys = { class: "artifactuse-social-poll-label" }, gs = { class: "artifactuse-social-poll-label-percent" }, ks = { class: "artifactuse-social-poll-meta" }, ws = {
+}, gs = { class: "artifactuse-social-poll-label" }, ks = { class: "artifactuse-social-poll-label-percent" }, ws = { class: "artifactuse-social-poll-meta" }, bs = {
   key: 3,
   class: "artifactuse-social-quote"
-}, bs = { class: "artifactuse-social-quote-header" }, Cs = ["src"], xs = { class: "artifactuse-social-quote-author" }, $s = { class: "artifactuse-social-quote-handle" }, Ms = { class: "artifactuse-social-quote-text" }, Ts = {
+}, Cs = { class: "artifactuse-social-quote-header" }, xs = ["src"], $s = { class: "artifactuse-social-quote-author" }, Ms = { class: "artifactuse-social-quote-handle" }, Ts = { class: "artifactuse-social-quote-text" }, Ls = {
   key: 0,
   class: "artifactuse-social-engagement"
-}, Ls = { class: "artifactuse-social-stat" }, As = { class: "artifactuse-social-stat" }, Ps = { class: "artifactuse-social-stat" }, Hs = { class: "artifactuse-social-stat" }, Bs = { class: "artifactuse-social-header" }, Es = ["src", "alt"], Ss = { class: "artifactuse-social-author-info" }, zs = { class: "artifactuse-social-author-name" }, Is = {
+}, Ps = { class: "artifactuse-social-stat" }, As = { class: "artifactuse-social-stat" }, Hs = { class: "artifactuse-social-stat" }, Es = { class: "artifactuse-social-stat" }, Bs = { class: "artifactuse-social-header" }, Ss = ["src", "alt"], zs = { class: "artifactuse-social-author-info" }, Vs = { class: "artifactuse-social-author-name" }, Is = {
   key: 0,
   class: "artifactuse-social-author-connection"
-}, Fs = { class: "artifactuse-social-author-headline" }, Vs = { class: "artifactuse-social-timestamp" }, Rs = { class: "artifactuse-social-content" }, qs = ["innerHTML"], Os = {
+}, Fs = { class: "artifactuse-social-author-headline" }, Rs = { class: "artifactuse-social-timestamp" }, qs = { class: "artifactuse-social-content" }, Os = ["innerHTML"], Us = {
   key: 0,
   class: "artifactuse-social-link-card"
-}, Us = ["src", "alt"], Ds = { class: "artifactuse-social-link-info" }, js = { class: "artifactuse-social-link-title" }, Ns = { class: "artifactuse-social-link-domain" }, Ws = {
+}, Ds = ["src", "alt"], Ns = { class: "artifactuse-social-link-info" }, js = { class: "artifactuse-social-link-title" }, Ws = { class: "artifactuse-social-link-domain" }, Js = {
   key: 0,
   class: "artifactuse-social-engagement"
-}, Js = { class: "artifactuse-social-reactions" }, Xs = { class: "artifactuse-social-header" }, Zs = ["src", "alt"], Ks = { class: "artifactuse-social-author-name" }, Ys = {
+}, Xs = { class: "artifactuse-social-reactions" }, Zs = { class: "artifactuse-social-header" }, Ks = ["src", "alt"], Ys = { class: "artifactuse-social-author-name" }, Qs = {
   key: 0,
   class: "artifactuse-social-verified",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, Qs = {
+}, Gs = {
   key: 0,
   class: "artifactuse-social-media"
-}, Gs = ["src", "alt"], ei = { class: "artifactuse-social-likes" }, ti = { class: "artifactuse-social-caption" }, ai = { class: "artifactuse-social-caption-author" }, si = ["innerHTML"], ii = { class: "artifactuse-social-timestamp" }, li = { class: "artifactuse-social-header" }, ni = ["src", "alt"], oi = { class: "artifactuse-social-author-info" }, ri = { class: "artifactuse-social-author-name" }, ci = { class: "artifactuse-social-timestamp" }, ui = { class: "artifactuse-social-content" }, di = ["innerHTML"], vi = {
+}, ei = ["src", "alt"], ti = { class: "artifactuse-social-likes" }, ai = { class: "artifactuse-social-caption" }, si = { class: "artifactuse-social-caption-author" }, ii = ["innerHTML"], li = { class: "artifactuse-social-timestamp" }, ni = { class: "artifactuse-social-header" }, oi = ["src", "alt"], ri = { class: "artifactuse-social-author-info" }, ci = { class: "artifactuse-social-author-name" }, ui = { class: "artifactuse-social-timestamp" }, di = { class: "artifactuse-social-content" }, vi = ["innerHTML"], fi = {
   key: 0,
   class: "artifactuse-social-link-card"
-}, fi = ["src", "alt"], pi = { class: "artifactuse-social-link-info" }, _i = { class: "artifactuse-social-link-domain" }, hi = { class: "artifactuse-social-link-title" }, mi = {
+}, pi = ["src", "alt"], _i = { class: "artifactuse-social-link-info" }, hi = { class: "artifactuse-social-link-domain" }, mi = { class: "artifactuse-social-link-title" }, yi = {
   key: 0,
   class: "artifactuse-social-link-description"
-}, yi = {
+}, gi = {
   key: 0,
   class: "artifactuse-social-engagement"
-}, gi = { class: "artifactuse-social-reactions" }, ki = { class: "artifactuse-social-reaction-count" }, wi = { class: "artifactuse-social-comments-shares" }, bi = { class: "artifactuse-social-header" }, Ci = ["src", "alt"], xi = { class: "artifactuse-social-author-info" }, $i = { class: "artifactuse-social-author-name" }, Mi = {
+}, ki = { class: "artifactuse-social-reactions" }, wi = { class: "artifactuse-social-reaction-count" }, bi = { class: "artifactuse-social-comments-shares" }, Ci = { class: "artifactuse-social-header" }, xi = ["src", "alt"], $i = { class: "artifactuse-social-author-info" }, Mi = { class: "artifactuse-social-author-name" }, Ti = {
   key: 0,
   class: "artifactuse-social-verified",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, Ti = { class: "artifactuse-social-timestamp" }, Li = { class: "artifactuse-social-content" }, Ai = ["innerHTML"], Pi = {
+}, Li = { class: "artifactuse-social-timestamp" }, Pi = { class: "artifactuse-social-content" }, Ai = ["innerHTML"], Hi = {
   key: 0,
   class: "artifactuse-social-engagement"
-}, Hi = { class: "artifactuse-social-stat" }, Bi = { class: "artifactuse-social-stat" }, Ei = { class: "artifactuse-social-stat" }, Si = { class: "artifactuse-social-thumbnail" }, zi = ["src", "alt"], Ii = {
+}, Ei = { class: "artifactuse-social-stat" }, Bi = { class: "artifactuse-social-stat" }, Si = { class: "artifactuse-social-stat" }, zi = { class: "artifactuse-social-thumbnail" }, Vi = ["src", "alt"], Ii = {
   key: 1,
   class: "artifactuse-social-duration"
-}, Fi = { class: "artifactuse-social-info" }, Vi = { class: "artifactuse-social-header" }, Ri = ["src", "alt"], qi = { class: "artifactuse-social-author-name" }, Oi = ["innerHTML"], Ui = {
+}, Fi = { class: "artifactuse-social-info" }, Ri = { class: "artifactuse-social-header" }, qi = ["src", "alt"], Oi = { class: "artifactuse-social-author-name" }, Ui = ["innerHTML"], Di = {
   key: 0,
   class: "artifactuse-social-sound"
-}, Di = {
+}, Ni = {
   key: 1,
   class: "artifactuse-social-engagement"
-}, ji = { class: "artifactuse-social-thumbnail" }, Ni = ["src", "alt"], Wi = {
+}, ji = { class: "artifactuse-social-thumbnail" }, Wi = ["src", "alt"], Ji = {
   key: 1,
   class: "artifactuse-social-duration"
-}, Ji = { class: "artifactuse-social-info" }, Xi = ["src", "alt"], Zi = { class: "artifactuse-social-title" }, Ki = { class: "artifactuse-social-channel" }, Yi = { class: "artifactuse-social-meta" }, Qi = { class: "artifactuse-social-actions-bar" }, Gi = { 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>', el = {
+}, Xi = { class: "artifactuse-social-info" }, Zi = ["src", "alt"], Ki = { class: "artifactuse-social-title" }, Yi = { class: "artifactuse-social-channel" }, Qi = { class: "artifactuse-social-meta" }, Gi = { class: "artifactuse-social-actions-bar" }, el = { 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>', tl = {
   __name: "ArtifactuseSocialPreview",
   props: {
     artifact: {
@@ -626,36 +626,36 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
   },
   emits: ["copy", "edit"],
   setup(H, { emit: c }) {
-    const h = H, T = c, m = M(null), o = M("Copy"), q = C(() => {
+    const _ = H, T = c, f = M(null), o = M("Copy"), q = C(() => {
       try {
-        return JSON.parse(h.artifact.code);
+        return JSON.parse(_.artifact.code);
       } catch {
         return { platform: "twitter", data: {} };
       }
-    }), B = C(() => {
-      var p;
-      return ((p = q.value) == null ? void 0 : p.platform) || "twitter";
+    }), E = C(() => {
+      var m;
+      return ((m = q.value) == null ? void 0 : m.platform) || "twitter";
     });
     C(() => {
-      var p;
-      return ((p = q.value) == null ? void 0 : p.variant) || "post";
+      var m;
+      return ((m = q.value) == null ? void 0 : m.variant) || "post";
     });
-    const y = C(() => {
-      var p, k;
-      return ((k = (p = q.value) == null ? void 0 : p.data) == null ? void 0 : k.author) || {};
-    }), l = C(() => {
-      var p, k;
-      return ((k = (p = q.value) == null ? void 0 : p.data) == null ? void 0 : k.content) || {};
-    }), _ = C(() => {
-      var p, k;
-      return ((k = (p = q.value) == null ? void 0 : p.data) == null ? void 0 : k.engagement) || {};
+    const g = C(() => {
+      var m, k;
+      return ((k = (m = q.value) == null ? void 0 : m.data) == null ? void 0 : k.author) || {};
+    }), n = C(() => {
+      var m, k;
+      return ((k = (m = q.value) == null ? void 0 : m.data) == null ? void 0 : k.content) || {};
+    }), h = C(() => {
+      var m, k;
+      return ((k = (m = q.value) == null ? void 0 : m.data) == null ? void 0 : k.engagement) || {};
     }), x = C(() => {
-      var p, k;
-      return ((k = (p = q.value) == null ? void 0 : p.data) == null ? void 0 : k.meta) || {};
-    }), F = C(() => {
-      const p = _.value;
-      return p.likes || p.comments || p.shares || p.retweets || p.replies || p.views;
-    }), $ = C(() => `artifactuse-social-verified-${y.value.verifiedType || "blue"}`), j = C(() => ({
+      var m, k;
+      return ((k = (m = q.value) == null ? void 0 : m.data) == null ? void 0 : k.meta) || {};
+    }), I = C(() => {
+      const m = h.value;
+      return m.likes || m.comments || m.shares || m.retweets || m.replies || m.views;
+    }), $ = C(() => `artifactuse-social-verified-${g.value.verifiedType || "blue"}`), N = C(() => ({
       twitter: "X",
       linkedin: "LinkedIn",
       instagram: "Instagram",
@@ -663,8 +663,8 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
       threads: "Threads",
       tiktok: "TikTok",
       youtube: "YouTube"
-    })[B.value] || B.value), O = C(() => {
-      const p = {
+    })[E.value] || E.value), O = C(() => {
+      const m = {
         twitter: () => se("svg", { viewBox: "0 0 24 24", fill: "currentColor" }, [
           se("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" })
         ]),
@@ -687,103 +687,103 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
           se("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 p[B.value] || p.twitter;
+      return m[E.value] || m.twitter;
     }), W = C(() => {
-      let p = l.value.text || "";
-      return p = p.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), p = p.replace(/#(\w+)/g, '<span class="artifactuse-social-hashtag">#$1</span>'), p = p.replace(/@(\w+)/g, '<span class="artifactuse-social-mention">@$1</span>'), p = p.replace(
+      let m = n.value.text || "";
+      return m = m.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), m = m.replace(/#(\w+)/g, '<span class="artifactuse-social-hashtag">#$1</span>'), m = m.replace(/@(\w+)/g, '<span class="artifactuse-social-mention">@$1</span>'), m = m.replace(
         /(https?:\/\/[^\s]+)/g,
         '<a href="$1" target="_blank" rel="noopener">$1</a>'
-      ), p;
+      ), m;
     }), Y = C(() => {
-      const p = _.value.reactions || {};
-      return Object.values(p).reduce((k, ee) => k + (ee || 0), 0) || _.value.likes || 0;
+      const m = h.value.reactions || {};
+      return Object.values(m).reduce((k, ee) => k + (ee || 0), 0) || h.value.likes || 0;
     });
-    function S(p) {
-      return p ? p >= 1e6 ? `${(p / 1e6).toFixed(1)}M` : p >= 1e3 ? `${(p / 1e3).toFixed(1)}K` : p.toString() : "0";
+    function S(m) {
+      return m ? m >= 1e6 ? `${(m / 1e6).toFixed(1)}M` : m >= 1e3 ? `${(m / 1e3).toFixed(1)}K` : m.toString() : "0";
     }
-    function ie(p) {
+    function ie(m) {
       try {
-        return new URL(p).hostname.replace("www.", "");
+        return new URL(m).hostname.replace("www.", "");
       } catch {
-        return p;
+        return m;
       }
     }
-    function Z(p) {
-      p.target.src = _e;
+    function Z(m) {
+      m.target.src = _e;
     }
-    function X(p) {
-      p.target.style.display = "none";
+    function X(m) {
+      m.target.style.display = "none";
     }
     function oe() {
-      const p = l.value.text || "";
-      navigator.clipboard.writeText(p).then(() => {
+      const m = n.value.text || "";
+      navigator.clipboard.writeText(m).then(() => {
         o.value = "Copied!", setTimeout(() => {
           o.value = "Copy";
-        }, 2e3), T("copy", { platform: B.value, text: p });
+        }, 2e3), T("copy", { platform: E.value, text: m });
       });
     }
-    return (p, k) => {
-      var ee, re, A, Q, w, L;
+    return (m, k) => {
+      var ee, re, P, Q, w, L;
       return a(), s("div", {
         ref_key: "containerRef",
-        ref: m,
-        class: N(["artifactuse-social", [`artifactuse-social-${B.value}`]]),
+        ref: f,
+        class: j(["artifactuse-social", [`artifactuse-social-${E.value}`]]),
         "data-artifactuse-theme": H.theme
       }, [
-        B.value === "twitter" ? (a(), s(R, { key: 0 }, [
-          e("div", Ga, [
+        E.value === "twitter" ? (a(), s(R, { key: 0 }, [
+          e("div", es, [
             e("img", {
-              src: y.value.avatar || _e,
-              alt: y.value.name,
+              src: g.value.avatar || _e,
+              alt: g.value.name,
               class: "artifactuse-social-avatar",
               onError: Z
-            }, null, 40, es),
-            e("div", ts, [
-              e("div", as, [
-                e("span", null, n(y.value.name), 1),
-                y.value.verified ? (a(), s("svg", {
+            }, null, 40, ts),
+            e("div", as, [
+              e("div", ss, [
+                e("span", null, l(g.value.name), 1),
+                g.value.verified ? (a(), s("svg", {
                   key: 0,
-                  class: N(["artifactuse-social-verified", $.value]),
+                  class: j(["artifactuse-social-verified", $.value]),
                   viewBox: "0 0 24 24",
                   fill: "currentColor"
                 }, [...k[0] || (k[0] = [
                   e("path", { d: "M22.25 12c0-1.43-.88-2.67-2.19-3.34.46-1.39.2-2.9-.81-3.91s-2.52-1.27-3.91-.81c-.66-1.31-1.91-2.19-3.34-2.19s-2.67.88-3.34 2.19c-1.39-.46-2.9-.2-3.91.81s-1.27 2.52-.81 3.91C2.63 9.33 1.75 10.57 1.75 12s.88 2.67 2.19 3.34c-.46 1.39-.2 2.9.81 3.91s2.52 1.27 3.91.81c.66 1.31 1.91 2.19 3.34 2.19s2.67-.88 3.34-2.19c1.39.46 2.9.2 3.91-.81s1.27-2.52.81-3.91c1.31-.67 2.19-1.91 2.19-3.34zm-11.71 4.2L6.8 12.46l1.41-1.42 2.26 2.26 4.8-5.23 1.47 1.36-6.2 6.77z" }, null, -1)
                 ])], 2)) : v("", !0)
               ]),
-              e("div", ss, [
-                e("span", is, n(y.value.handle), 1),
-                e("span", ls, "· " + n(x.value.timestamp || "Just now"), 1)
+              e("div", is, [
+                e("span", ls, l(g.value.handle), 1),
+                e("span", ns, "· " + l(x.value.timestamp || "Just now"), 1)
               ])
             ])
           ]),
-          e("div", ns, [
+          e("div", os, [
             e("p", {
               class: "artifactuse-social-text",
               innerHTML: W.value
-            }, null, 8, os),
-            (ee = l.value.media) != null && ee.length ? (a(), s("div", rs, [
+            }, null, 8, rs),
+            (ee = n.value.media) != null && ee.length ? (a(), s("div", cs, [
               e("div", {
-                class: N(["artifactuse-social-media-grid", { "artifactuse-social-media-single": l.value.media.length === 1 }]),
-                "data-count": l.value.media.length
+                class: j(["artifactuse-social-media-grid", { "artifactuse-social-media-single": n.value.media.length === 1 }]),
+                "data-count": n.value.media.length
               }, [
-                (a(!0), s(R, null, ve(l.value.media.slice(0, 4), (r, E) => (a(), s("img", {
-                  key: E,
+                (a(!0), s(R, null, ve(n.value.media.slice(0, 4), (r, B) => (a(), s("img", {
+                  key: B,
                   src: r.url,
                   alt: r.alt || "",
                   onError: X
-                }, null, 40, us))), 128))
-              ], 10, cs)
+                }, null, 40, ds))), 128))
+              ], 10, us)
             ])) : v("", !0),
-            l.value.link && !((re = l.value.media) != null && re.length) ? (a(), s("div", ds, [
-              l.value.link.image ? (a(), s("img", {
+            n.value.link && !((re = n.value.media) != null && re.length) ? (a(), s("div", vs, [
+              n.value.link.image ? (a(), s("img", {
                 key: 0,
-                src: l.value.link.image,
-                alt: l.value.link.title,
+                src: n.value.link.image,
+                alt: n.value.link.title,
                 class: "artifactuse-social-link-image",
                 onError: X
-              }, null, 40, vs)) : v("", !0),
-              e("div", fs, [
-                e("div", ps, [
+              }, null, 40, fs)) : v("", !0),
+              e("div", ps, [
+                e("div", _s, [
                   k[1] || (k[1] = e("svg", {
                     fill: "none",
                     viewBox: "0 0 24 24",
@@ -796,45 +796,45 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                       d: "M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"
                     })
                   ], -1)),
-                  K(" " + n(l.value.link.domain || ie(l.value.link.url)), 1)
+                  K(" " + l(n.value.link.domain || ie(n.value.link.url)), 1)
                 ]),
-                e("div", _s, n(l.value.link.title), 1),
-                l.value.link.description ? (a(), s("div", hs, n(l.value.link.description), 1)) : v("", !0)
+                e("div", hs, l(n.value.link.title), 1),
+                n.value.link.description ? (a(), s("div", ms, l(n.value.link.description), 1)) : v("", !0)
               ])
             ])) : v("", !0),
-            l.value.poll ? (a(), s("div", ms, [
-              (a(!0), s(R, null, ve(l.value.poll.options, (r, E) => {
+            n.value.poll ? (a(), s("div", ys, [
+              (a(!0), s(R, null, ve(n.value.poll.options, (r, B) => {
                 var u, z;
                 return a(), s("div", {
-                  key: E,
+                  key: B,
                   class: "artifactuse-social-poll-option"
                 }, [
                   e("div", {
                     class: "artifactuse-social-poll-bar",
-                    style: Pe({ width: `${((u = l.value.poll.votes) == null ? void 0 : u[E]) || 0}%` })
+                    style: He({ width: `${((u = n.value.poll.votes) == null ? void 0 : u[B]) || 0}%` })
                   }, null, 4),
-                  e("div", ys, [
-                    e("span", null, n(r), 1),
-                    e("span", gs, n(((z = l.value.poll.votes) == null ? void 0 : z[E]) || 0) + "%", 1)
+                  e("div", gs, [
+                    e("span", null, l(r), 1),
+                    e("span", ks, l(((z = n.value.poll.votes) == null ? void 0 : z[B]) || 0) + "%", 1)
                   ])
                 ]);
               }), 128)),
-              e("div", ks, n(S(l.value.poll.totalVotes || 0)) + " votes · " + n(l.value.poll.duration || "Poll ended"), 1)
+              e("div", ws, l(S(n.value.poll.totalVotes || 0)) + " votes · " + l(n.value.poll.duration || "Poll ended"), 1)
             ])) : v("", !0),
-            l.value.quote ? (a(), s("div", ws, [
-              e("div", bs, [
+            n.value.quote ? (a(), s("div", bs, [
+              e("div", Cs, [
                 e("img", {
-                  src: ((A = l.value.quote.author) == null ? void 0 : A.avatar) || _e,
+                  src: ((P = n.value.quote.author) == null ? void 0 : P.avatar) || _e,
                   class: "artifactuse-social-quote-avatar"
-                }, null, 8, Cs),
-                e("span", xs, n((Q = l.value.quote.author) == null ? void 0 : Q.name), 1),
-                e("span", $s, n((w = l.value.quote.author) == null ? void 0 : w.handle), 1)
+                }, null, 8, xs),
+                e("span", $s, l((Q = n.value.quote.author) == null ? void 0 : Q.name), 1),
+                e("span", Ms, l((w = n.value.quote.author) == null ? void 0 : w.handle), 1)
               ]),
-              e("p", Ms, n(l.value.quote.text), 1)
+              e("p", Ts, l(n.value.quote.text), 1)
             ])) : v("", !0)
           ]),
-          F.value ? (a(), s("div", Ts, [
-            e("div", Ls, [
+          I.value ? (a(), s("div", Ls, [
+            e("div", Ps, [
               k[2] || (k[2] = e("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
@@ -843,7 +843,7 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
               }, [
                 e("path", { d: "M12 21C6.5 21 2 16.5 2 11V3l7 3 3-3 3 3 7-3v8c0 5.5-4.5 10-10 10z" })
               ], -1)),
-              e("span", null, n(S(_.value.replies || 0)), 1)
+              e("span", null, l(S(h.value.replies || 0)), 1)
             ]),
             e("div", As, [
               k[3] || (k[3] = e("svg", {
@@ -854,9 +854,9 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
               }, [
                 e("path", { d: "M7 17L17 7M17 7H8M17 7V16" })
               ], -1)),
-              e("span", null, n(S(_.value.retweets || 0)), 1)
+              e("span", null, l(S(h.value.retweets || 0)), 1)
             ]),
-            e("div", Ps, [
+            e("div", Hs, [
               k[4] || (k[4] = e("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
@@ -865,9 +865,9 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
               }, [
                 e("path", { d: "M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" })
               ], -1)),
-              e("span", null, n(S(_.value.likes || 0)), 1)
+              e("span", null, l(S(h.value.likes || 0)), 1)
             ]),
-            e("div", Hs, [
+            e("div", Es, [
               k[5] || (k[5] = e("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
@@ -876,25 +876,25 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
               }, [
                 e("path", { d: "M15 3h4a2 2 0 012 2v14a2 2 0 01-2 2h-4M10 17l5-5-5-5M13.8 12H3" })
               ], -1)),
-              e("span", null, n(S(_.value.views || 0)), 1)
+              e("span", null, l(S(h.value.views || 0)), 1)
             ])
           ])) : v("", !0)
-        ], 64)) : B.value === "linkedin" ? (a(), s(R, { key: 1 }, [
+        ], 64)) : E.value === "linkedin" ? (a(), s(R, { key: 1 }, [
           e("div", Bs, [
             e("img", {
-              src: y.value.avatar || _e,
-              alt: y.value.name,
+              src: g.value.avatar || _e,
+              alt: g.value.name,
               class: "artifactuse-social-avatar",
               onError: Z
-            }, null, 40, Es),
-            e("div", Ss, [
-              e("div", zs, [
-                K(n(y.value.name) + " ", 1),
-                y.value.connection ? (a(), s("span", Is, "· " + n(y.value.connection), 1)) : v("", !0)
-              ]),
-              e("div", Fs, n(y.value.headline), 1),
+            }, null, 40, Ss),
+            e("div", zs, [
               e("div", Vs, [
-                K(n(x.value.timestamp || "Just now") + " · ", 1),
+                K(l(g.value.name) + " ", 1),
+                g.value.connection ? (a(), s("span", Is, "· " + l(g.value.connection), 1)) : v("", !0)
+              ]),
+              e("div", Fs, l(g.value.headline), 1),
+              e("div", Rs, [
+                K(l(x.value.timestamp || "Just now") + " · ", 1),
                 k[6] || (k[6] = e("svg", {
                   viewBox: "0 0 24 24",
                   fill: "currentColor"
@@ -904,80 +904,80 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
               ])
             ])
           ]),
-          e("div", Rs, [
+          e("div", qs, [
             e("p", {
               class: "artifactuse-social-text",
               innerHTML: W.value
-            }, null, 8, qs),
-            l.value.link ? (a(), s("div", Os, [
-              l.value.link.image ? (a(), s("img", {
+            }, null, 8, Os),
+            n.value.link ? (a(), s("div", Us, [
+              n.value.link.image ? (a(), s("img", {
                 key: 0,
-                src: l.value.link.image,
-                alt: l.value.link.title,
+                src: n.value.link.image,
+                alt: n.value.link.title,
                 class: "artifactuse-social-link-image",
                 onError: X
-              }, null, 40, Us)) : v("", !0),
-              e("div", Ds, [
-                e("div", js, n(l.value.link.title), 1),
-                e("div", Ns, n(l.value.link.domain || ie(l.value.link.url)), 1)
+              }, null, 40, Ds)) : v("", !0),
+              e("div", Ns, [
+                e("div", js, l(n.value.link.title), 1),
+                e("div", Ws, l(n.value.link.domain || ie(n.value.link.url)), 1)
               ])
             ])) : v("", !0)
           ]),
-          F.value ? (a(), s("div", Ws, [
-            e("div", Js, [
+          I.value ? (a(), s("div", Js, [
+            e("div", Xs, [
               k[7] || (k[7] = e("div", { class: "artifactuse-social-reaction-icons" }, [
                 e("span", { class: "artifactuse-social-reaction-icon" }, "👍"),
                 e("span", { class: "artifactuse-social-reaction-icon" }, "❤️"),
                 e("span", { class: "artifactuse-social-reaction-icon" }, "👏")
               ], -1)),
-              e("span", null, n(S(_.value.likes || 0)), 1)
+              e("span", null, l(S(h.value.likes || 0)), 1)
             ]),
-            e("span", null, n(S(_.value.comments || 0)) + " comments · " + n(S(_.value.shares || 0)) + " shares", 1)
+            e("span", null, l(S(h.value.comments || 0)) + " comments · " + l(S(h.value.shares || 0)) + " shares", 1)
           ])) : v("", !0)
-        ], 64)) : B.value === "instagram" ? (a(), s(R, { key: 2 }, [
-          e("div", Xs, [
+        ], 64)) : E.value === "instagram" ? (a(), s(R, { key: 2 }, [
+          e("div", Zs, [
             e("img", {
-              src: y.value.avatar || _e,
-              alt: y.value.name,
+              src: g.value.avatar || _e,
+              alt: g.value.name,
               class: "artifactuse-social-avatar",
               onError: Z
-            }, null, 40, Zs),
-            e("div", Ks, [
-              K(n(y.value.name) + " ", 1),
-              y.value.verified ? (a(), s("svg", Ys, [...k[8] || (k[8] = [
+            }, null, 40, Ks),
+            e("div", Ys, [
+              K(l(g.value.name) + " ", 1),
+              g.value.verified ? (a(), s("svg", Qs, [...k[8] || (k[8] = [
                 e("path", { d: "M22.25 12c0-1.43-.88-2.67-2.19-3.34.46-1.39.2-2.9-.81-3.91s-2.52-1.27-3.91-.81c-.66-1.31-1.91-2.19-3.34-2.19s-2.67.88-3.34 2.19c-1.39-.46-2.9-.2-3.91.81s-1.27 2.52-.81 3.91C2.63 9.33 1.75 10.57 1.75 12s.88 2.67 2.19 3.34c-.46 1.39-.2 2.9.81 3.91s2.52 1.27 3.91.81c.66 1.31 1.91 2.19 3.34 2.19s2.67-.88 3.34-2.19c1.39.46 2.9.2 3.91-.81s1.27-2.52.81-3.91c1.31-.67 2.19-1.91 2.19-3.34zm-11.71 4.2L6.8 12.46l1.41-1.42 2.26 2.26 4.8-5.23 1.47 1.36-6.2 6.77z" }, null, -1)
               ])])) : v("", !0)
             ])
           ]),
-          (L = l.value.media) != null && L.length ? (a(), s("div", Qs, [
+          (L = n.value.media) != null && L.length ? (a(), s("div", Gs, [
             e("img", {
-              src: l.value.media[0].url,
-              alt: l.value.media[0].alt || "",
+              src: n.value.media[0].url,
+              alt: n.value.media[0].alt || "",
               onError: X
-            }, null, 40, Gs)
+            }, null, 40, ei)
           ])) : v("", !0),
-          k[9] || (k[9] = qt('<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", ei, n(S(_.value.likes || 0)) + " likes", 1),
-          e("div", ti, [
-            e("span", ai, n(y.value.name), 1),
+          k[9] || (k[9] = Ot('<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", ti, l(S(h.value.likes || 0)) + " likes", 1),
+          e("div", ai, [
+            e("span", si, l(g.value.name), 1),
             e("span", {
               class: "artifactuse-social-caption-text",
               innerHTML: W.value
-            }, null, 8, si)
+            }, null, 8, ii)
           ]),
-          e("div", ii, n(x.value.timestamp || "Just now"), 1)
-        ], 64)) : B.value === "facebook" ? (a(), s(R, { key: 3 }, [
-          e("div", li, [
+          e("div", li, l(x.value.timestamp || "Just now"), 1)
+        ], 64)) : E.value === "facebook" ? (a(), s(R, { key: 3 }, [
+          e("div", ni, [
             e("img", {
-              src: y.value.avatar || _e,
-              alt: y.value.name,
+              src: g.value.avatar || _e,
+              alt: g.value.name,
               class: "artifactuse-social-avatar",
               onError: Z
-            }, null, 40, ni),
-            e("div", oi, [
-              e("div", ri, n(y.value.name), 1),
-              e("div", ci, [
-                K(n(x.value.timestamp || "Just now") + " · ", 1),
+            }, null, 40, oi),
+            e("div", ri, [
+              e("div", ci, l(g.value.name), 1),
+              e("div", ui, [
+                K(l(x.value.timestamp || "Just now") + " · ", 1),
                 k[10] || (k[10] = e("svg", {
                   viewBox: "0 0 24 24",
                   fill: "currentColor"
@@ -987,63 +987,63 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
               ])
             ])
           ]),
-          e("div", ui, [
+          e("div", di, [
             e("p", {
               class: "artifactuse-social-text",
               innerHTML: W.value
-            }, null, 8, di),
-            l.value.link ? (a(), s("div", vi, [
-              l.value.link.image ? (a(), s("img", {
+            }, null, 8, vi),
+            n.value.link ? (a(), s("div", fi, [
+              n.value.link.image ? (a(), s("img", {
                 key: 0,
-                src: l.value.link.image,
-                alt: l.value.link.title,
+                src: n.value.link.image,
+                alt: n.value.link.title,
                 class: "artifactuse-social-link-image",
                 onError: X
-              }, null, 40, fi)) : v("", !0),
-              e("div", pi, [
-                e("div", _i, n(l.value.link.domain || ie(l.value.link.url)), 1),
-                e("div", hi, n(l.value.link.title), 1),
-                l.value.link.description ? (a(), s("div", mi, n(l.value.link.description), 1)) : v("", !0)
+              }, null, 40, pi)) : v("", !0),
+              e("div", _i, [
+                e("div", hi, l(n.value.link.domain || ie(n.value.link.url)), 1),
+                e("div", mi, l(n.value.link.title), 1),
+                n.value.link.description ? (a(), s("div", yi, l(n.value.link.description), 1)) : v("", !0)
               ])
             ])) : v("", !0)
           ]),
-          F.value ? (a(), s("div", yi, [
-            e("div", gi, [
+          I.value ? (a(), s("div", gi, [
+            e("div", ki, [
               k[11] || (k[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", ki, n(S(Y.value)), 1)
+              e("span", wi, l(S(Y.value)), 1)
             ]),
-            e("span", wi, n(S(_.value.comments || 0)) + " comments · " + n(S(_.value.shares || 0)) + " shares", 1)
+            e("span", bi, l(S(h.value.comments || 0)) + " comments · " + l(S(h.value.shares || 0)) + " shares", 1)
           ])) : v("", !0)
-        ], 64)) : B.value === "threads" ? (a(), s(R, { key: 4 }, [
-          e("div", bi, [
+        ], 64)) : E.value === "threads" ? (a(), s(R, { key: 4 }, [
+          e("div", Ci, [
             e("img", {
-              src: y.value.avatar || _e,
-              alt: y.value.name,
+              src: g.value.avatar || _e,
+              alt: g.value.name,
               class: "artifactuse-social-avatar",
               onError: Z
-            }, null, 40, Ci),
-            e("div", xi, [
-              e("div", $i, [
-                K(n(y.value.name) + " ", 1),
-                y.value.verified ? (a(), s("svg", Mi, [...k[12] || (k[12] = [
+            }, null, 40, xi),
+            e("div", $i, [
+              e("div", Mi, [
+                K(l(g.value.name) + " ", 1),
+                g.value.verified ? (a(), s("svg", Ti, [...k[12] || (k[12] = [
                   e("path", { d: "M22.25 12c0-1.43-.88-2.67-2.19-3.34.46-1.39.2-2.9-.81-3.91s-2.52-1.27-3.91-.81c-.66-1.31-1.91-2.19-3.34-2.19s-2.67.88-3.34 2.19c-1.39-.46-2.9-.2-3.91.81s-1.27 2.52-.81 3.91C2.63 9.33 1.75 10.57 1.75 12s.88 2.67 2.19 3.34c-.46 1.39-.2 2.9.81 3.91s2.52 1.27 3.91.81c.66 1.31 1.91 2.19 3.34 2.19s2.67-.88 3.34-2.19c1.39.46 2.9.2 3.91-.81s1.27-2.52.81-3.91c1.31-.67 2.19-1.91 2.19-3.34zm-11.71 4.2L6.8 12.46l1.41-1.42 2.26 2.26 4.8-5.23 1.47 1.36-6.2 6.77z" }, null, -1)
                 ])])) : v("", !0)
               ]),
-              e("span", Ti, n(x.value.timestamp || "Just now"), 1)
+              e("span", Li, l(x.value.timestamp || "Just now"), 1)
             ])
           ]),
-          e("div", Li, [
+          e("div", Pi, [
             e("p", {
               class: "artifactuse-social-text",
               innerHTML: W.value
             }, null, 8, Ai)
           ]),
-          F.value ? (a(), s("div", Pi, [
-            e("div", Hi, [
+          I.value ? (a(), s("div", Hi, [
+            e("div", Ei, [
               k[13] || (k[13] = e("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
@@ -1052,7 +1052,7 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
               }, [
                 e("path", { d: "M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" })
               ], -1)),
-              e("span", null, n(S(_.value.likes || 0)), 1)
+              e("span", null, l(S(h.value.likes || 0)), 1)
             ]),
             e("div", Bi, [
               k[14] || (k[14] = e("svg", {
@@ -1063,9 +1063,9 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
               }, [
                 e("path", { d: "M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z" })
               ], -1)),
-              e("span", null, n(S(_.value.comments || 0)), 1)
+              e("span", null, l(S(h.value.comments || 0)), 1)
             ]),
-            e("div", Ei, [
+            e("div", Si, [
               k[15] || (k[15] = e("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
@@ -1074,17 +1074,17 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
               }, [
                 e("path", { d: "M7 17L17 7M17 7H8M17 7V16" })
               ], -1)),
-              e("span", null, n(S(_.value.shares || 0)), 1)
+              e("span", null, l(S(h.value.shares || 0)), 1)
             ])
           ])) : v("", !0)
-        ], 64)) : B.value === "tiktok" ? (a(), s(R, { key: 5 }, [
-          e("div", Si, [
-            l.value.thumbnail ? (a(), s("img", {
+        ], 64)) : E.value === "tiktok" ? (a(), s(R, { key: 5 }, [
+          e("div", zi, [
+            n.value.thumbnail ? (a(), s("img", {
               key: 0,
-              src: l.value.thumbnail,
-              alt: l.value.text,
+              src: n.value.thumbnail,
+              alt: n.value.text,
               onError: X
-            }, null, 40, zi)) : v("", !0),
+            }, null, 40, Vi)) : v("", !0),
             k[16] || (k[16] = e("div", { class: "artifactuse-social-play-button" }, [
               e("div", { class: "artifactuse-social-play-icon" }, [
                 e("svg", {
@@ -1095,65 +1095,65 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                 ])
               ])
             ], -1)),
-            l.value.duration ? (a(), s("div", Ii, n(l.value.duration), 1)) : v("", !0)
+            n.value.duration ? (a(), s("div", Ii, l(n.value.duration), 1)) : v("", !0)
           ]),
           e("div", Fi, [
-            e("div", Vi, [
+            e("div", Ri, [
               e("img", {
-                src: y.value.avatar || _e,
-                alt: y.value.name,
+                src: g.value.avatar || _e,
+                alt: g.value.name,
                 class: "artifactuse-social-avatar",
                 onError: Z
-              }, null, 40, Ri),
-              e("span", qi, n(y.value.name), 1)
+              }, null, 40, qi),
+              e("span", Oi, l(g.value.name), 1)
             ]),
             e("p", {
               class: "artifactuse-social-text",
               innerHTML: W.value
-            }, null, 8, Oi),
-            l.value.sound ? (a(), s("div", Ui, [
+            }, null, 8, Ui),
+            n.value.sound ? (a(), s("div", Di, [
               k[17] || (k[17] = e("svg", {
                 viewBox: "0 0 24 24",
                 fill: "currentColor"
               }, [
                 e("path", { d: "M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6z" })
               ], -1)),
-              K(" " + n(l.value.sound), 1)
+              K(" " + l(n.value.sound), 1)
             ])) : v("", !0),
-            F.value ? (a(), s("div", Di, [
-              e("span", null, n(S(_.value.likes || 0)) + " likes", 1),
-              e("span", null, n(S(_.value.comments || 0)) + " comments", 1),
-              e("span", null, n(S(_.value.shares || 0)) + " shares", 1)
+            I.value ? (a(), s("div", Ni, [
+              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)
             ])) : v("", !0)
           ])
-        ], 64)) : B.value === "youtube" ? (a(), s(R, { key: 6 }, [
+        ], 64)) : E.value === "youtube" ? (a(), s(R, { key: 6 }, [
           e("div", ji, [
-            l.value.thumbnail ? (a(), s("img", {
+            n.value.thumbnail ? (a(), s("img", {
               key: 0,
-              src: l.value.thumbnail,
-              alt: l.value.title,
+              src: n.value.thumbnail,
+              alt: n.value.title,
               onError: X
-            }, null, 40, Ni)) : v("", !0),
-            l.value.duration ? (a(), s("div", Wi, n(l.value.duration), 1)) : v("", !0)
+            }, null, 40, Wi)) : v("", !0),
+            n.value.duration ? (a(), s("div", Ji, l(n.value.duration), 1)) : v("", !0)
           ]),
-          e("div", Ji, [
+          e("div", Xi, [
             e("img", {
-              src: y.value.avatar || _e,
-              alt: y.value.name,
+              src: g.value.avatar || _e,
+              alt: g.value.name,
               class: "artifactuse-social-avatar",
               onError: Z
-            }, null, 40, Xi),
+            }, null, 40, Zi),
             e("div", null, [
-              e("div", Zi, n(l.value.title || l.value.text), 1),
-              e("div", Ki, n(y.value.name), 1),
-              e("div", Yi, n(S(_.value.views || 0)) + " views · " + n(x.value.timestamp || "Just now"), 1)
+              e("div", Ki, l(n.value.title || n.value.text), 1),
+              e("div", Yi, l(g.value.name), 1),
+              e("div", Qi, l(S(h.value.views || 0)) + " views · " + l(x.value.timestamp || "Just now"), 1)
             ])
           ])
         ], 64)) : v("", !0),
-        e("div", Qi, [
-          e("div", Gi, [
-            (a(), xe(Ot(O.value))),
-            e("span", null, n(j.value), 1)
+        e("div", Gi, [
+          e("div", el, [
+            (a(), $e(Ut(O.value))),
+            e("span", null, l(N.value), 1)
           ]),
           e("button", {
             class: "artifactuse-social-copy-btn",
@@ -1175,31 +1175,31 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
               }),
               e("path", { d: "M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" })
             ], -1)),
-            K(" " + n(o.value), 1)
+            K(" " + l(o.value), 1)
           ])
         ])
-      ], 10, Qa);
+      ], 10, Ga);
     };
   }
-}, tl = ["src", "alt"], al = ["src"], sl = {
+}, al = ["src", "alt"], sl = ["src"], il = {
   key: 2,
   class: "artifactuse-viewer-controls"
-}, il = ["title"], ll = {
+}, ll = ["title"], nl = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, nl = {
+}, ol = {
   key: 1,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, ol = {
+}, rl = {
   key: 3,
   class: "artifactuse-viewer-caption"
-}, rl = {
+}, cl = {
   __name: "ArtifactuseViewer",
   props: {
     // Whether the viewer is open
@@ -1230,40 +1230,40 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
   },
   emits: ["close"],
   setup(H, { emit: c }) {
-    const h = H, T = c, m = M(null), o = M(!1);
+    const _ = H, T = c, f = M(null), o = M(!1);
     function q() {
       o.value = !1, T("close");
     }
-    function B() {
-      h.type === "image" && (o.value = !o.value);
+    function E() {
+      _.type === "image" && (o.value = !o.value);
     }
-    function y() {
-      const _ = document.createElement("a");
-      _.href = h.src, _.download = h.alt || "download", document.body.appendChild(_), _.click(), document.body.removeChild(_);
+    function g() {
+      const h = document.createElement("a");
+      h.href = _.src, h.download = _.alt || "download", document.body.appendChild(h), h.click(), document.body.removeChild(h);
     }
-    function l(_) {
-      _.key === "Escape" && h.isOpen && q();
+    function n(h) {
+      h.key === "Escape" && _.isOpen && q();
     }
-    return de(() => h.isOpen, (_) => {
-      _ ? (Ce(() => {
+    return de(() => _.isOpen, (h) => {
+      h ? (xe(() => {
         var x;
-        (x = m.value) == null || x.focus();
+        (x = f.value) == null || x.focus();
       }), document.body.style.overflow = "hidden") : (document.body.style.overflow = "", o.value = !1);
-    }), $e(() => {
-      document.addEventListener("keydown", l);
-    }), Ne(() => {
-      document.removeEventListener("keydown", l), document.body.style.overflow = "";
-    }), (_, x) => (a(), xe(Ut, { to: "body" }, [
-      Se(He, { name: "artifactuse-viewer" }, {
+    }), Me(() => {
+      document.addEventListener("keydown", n);
+    }), We(() => {
+      document.removeEventListener("keydown", n), document.body.style.overflow = "";
+    }), (h, x) => (a(), $e(Dt, { to: "body" }, [
+      ze(Ee, { name: "artifactuse-viewer" }, {
         default: Be(() => [
           H.isOpen ? (a(), s("div", {
             key: 0,
             class: "artifactuse-viewer-overlay",
             onClick: q,
-            onKeydown: Dt(q, ["escape"]),
+            onKeydown: Nt(q, ["escape"]),
             tabindex: "-1",
             ref_key: "overlayRef",
-            ref: m
+            ref: f
           }, [
             e("div", {
               class: "artifactuse-viewer-content",
@@ -1274,13 +1274,13 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                 key: 0,
                 src: H.src,
                 alt: H.alt,
-                class: N(["artifactuse-viewer-image", { "artifactuse-viewer-image--zoomed": o.value }]),
-                onClick: B
-              }, null, 10, tl)) : H.type === "pdf" ? (a(), s("iframe", {
+                class: j(["artifactuse-viewer-image", { "artifactuse-viewer-image--zoomed": o.value }]),
+                onClick: E
+              }, null, 10, al)) : H.type === "pdf" ? (a(), s("iframe", {
                 key: 1,
                 src: H.src,
                 class: "artifactuse-viewer-pdf"
-              }, null, 8, al)) : v("", !0),
+              }, null, 8, sl)) : v("", !0),
               e("button", {
                 class: "artifactuse-viewer-close",
                 onClick: q,
@@ -1306,13 +1306,13 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                   })
                 ], -1)
               ])]),
-              H.type === "image" ? (a(), s("div", sl, [
+              H.type === "image" ? (a(), s("div", il, [
                 e("button", {
                   class: "artifactuse-viewer-control",
-                  onClick: he(B, ["stop"]),
+                  onClick: he(E, ["stop"]),
                   title: o.value ? "Zoom out" : "Zoom in"
                 }, [
-                  o.value ? (a(), s("svg", nl, [...x[3] || (x[3] = [
+                  o.value ? (a(), s("svg", ol, [...x[3] || (x[3] = [
                     e("circle", {
                       cx: "11",
                       cy: "11",
@@ -1330,7 +1330,7 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                       x2: "14",
                       y2: "11"
                     }, null, -1)
-                  ])])) : (a(), s("svg", ll, [...x[2] || (x[2] = [
+                  ])])) : (a(), s("svg", nl, [...x[2] || (x[2] = [
                     e("circle", {
                       cx: "11",
                       cy: "11",
@@ -1355,10 +1355,10 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                       y2: "11"
                     }, null, -1)
                   ])]))
-                ], 8, il),
+                ], 8, ll),
                 e("button", {
                   class: "artifactuse-viewer-control",
-                  onClick: he(y, ["stop"]),
+                  onClick: he(g, ["stop"]),
                   title: "Download"
                 }, [...x[4] || (x[4] = [
                   e("svg", {
@@ -1378,7 +1378,7 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                   ], -1)
                 ])])
               ])) : v("", !0),
-              H.caption ? (a(), s("div", ol, n(H.caption), 1)) : v("", !0)
+              H.caption ? (a(), s("div", rl, l(H.caption), 1)) : v("", !0)
             ])
           ], 544)) : v("", !0)
         ]),
@@ -1386,7 +1386,7 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
       })
     ]));
   }
-}, cl = ["innerHTML"], Gn = {
+}, ul = ["innerHTML"], co = {
   __name: "ArtifactuseAgentMessage",
   props: {
     // The raw message content (markdown/HTML from AI)
@@ -1447,30 +1447,30 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
     "social-copy",
     "media-open"
   ],
-  setup(H, { expose: c, emit: h }) {
-    const T = H, m = h, {
+  setup(H, { expose: c, emit: _ }) {
+    const T = H, f = _, {
       processMessage: o,
       openArtifact: q,
-      state: B,
-      getTheme: y,
-      instance: l
-    } = ze(), _ = M(null), x = M(null), F = M(""), $ = M([]);
-    let j = null;
-    const O = M(!1), W = M("image"), Y = M(""), S = M(""), ie = M(""), Z = C(() => (y == null ? void 0 : y()) || "dark"), X = C(() => B.activeArtifactId), oe = C(() => {
+      state: E,
+      getTheme: g,
+      instance: n
+    } = Ve(), h = M(null), x = M(null), I = M(""), $ = M([]);
+    let N = null;
+    const O = M(!1), W = M("image"), Y = M(""), S = M(""), ie = M(""), Z = C(() => (g == null ? void 0 : g()) || "dark"), X = C(() => E.activeArtifactId), oe = C(() => {
       var b;
-      return T.inlineCards ?? ((b = l == null ? void 0 : l.config) == null ? void 0 : b.inlineCards) ?? !0;
-    }), p = M(!1);
-    $e(() => {
-      T.typing && (p.value = !0);
+      return T.inlineCards ?? ((b = n == null ? void 0 : n.config) == null ? void 0 : b.inlineCards) ?? !0;
+    }), m = M(!1);
+    Me(() => {
+      T.typing && (m.value = !0);
     }), de(() => T.typing, (b) => {
-      b && (p.value = !0);
+      b && (m.value = !0);
     });
-    const k = C(() => p.value || T.isLastMessage ? "active" : "inactive");
+    const k = C(() => m.value || T.isLastMessage ? "active" : "inactive");
     function ee(b) {
       if (!b) return null;
       try {
-        const I = decodeURIComponent(escape(atob(b)));
-        return JSON.parse(I);
+        const V = decodeURIComponent(escape(atob(b)));
+        return JSON.parse(V);
       } catch {
         try {
           const D = b.replace(/&#10;/g, `
@@ -1482,26 +1482,26 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
       }
     }
     const re = C(() => {
-      const b = [], I = F.value;
-      if (!I) return b;
+      const b = [], V = I.value;
+      if (!V) return b;
       const D = /<div\s+class="artifactuse-placeholder[^"]*"[^>]*data-artifact-id="([^"]+)"[^>]*data-artifact-type="([^"]+)"[^>]*data-artifact=["']([^"']*)["'][^>]*><\/div>/gi;
-      let te = 0, P;
-      for (; (P = D.exec(I)) !== null; ) {
-        if (P.index > te) {
-          const U = I.slice(te, P.index);
+      let te = 0, A;
+      for (; (A = D.exec(V)) !== null; ) {
+        if (A.index > te) {
+          const U = V.slice(te, A.index);
           U.trim() && b.push({ type: "html", content: U });
         }
-        const ae = ee(P[3]), d = P[2];
-        ae && (d === "form" && ae.isInline ? b.push({ type: "form", artifact: ae }) : d === "social" ? b.push({ type: "social", artifact: ae }) : b.push({ type: "panel", artifact: ae })), te = P.index + P[0].length;
+        const ae = ee(A[3]), d = A[2];
+        ae && (d === "form" && ae.isInline ? b.push({ type: "form", artifact: ae }) : d === "social" ? b.push({ type: "social", artifact: ae }) : b.push({ type: "panel", artifact: ae })), te = A.index + A[0].length;
       }
-      if (te < I.length) {
-        const ae = I.slice(te);
+      if (te < V.length) {
+        const ae = V.slice(te);
         ae.trim() && b.push({ type: "html", content: ae });
       }
-      return b.length === 0 && I.trim() && b.push({ type: "html", content: I }), b;
+      return b.length === 0 && V.trim() && b.push({ type: "html", content: V }), b;
     });
-    function A(b) {
-      W.value = b.type || "image", Y.value = b.src || "", S.value = b.alt || "", ie.value = b.caption || "", O.value = !0, m("media-open", b);
+    function P(b) {
+      W.value = b.type || "image", Y.value = b.src || "", S.value = b.alt || "", ie.value = b.caption || "", O.value = !0, f("media-open", b);
     }
     function Q() {
       O.value = !1, Y.value = "", S.value = "", ie.value = "";
@@ -1510,7 +1510,7 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
       if (!x.value) return;
       x.value.querySelectorAll('img[data-lightbox="true"]').forEach((d) => {
         d._lightboxHandler && d.removeEventListener("click", d._lightboxHandler), d._lightboxHandler = (U) => {
-          U.preventDefault(), U.stopPropagation(), A({
+          U.preventDefault(), U.stopPropagation(), P({
             type: "image",
             src: d.src,
             alt: d.alt || "",
@@ -1521,7 +1521,7 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
         d._lightboxHandler || (d._lightboxHandler = (U) => {
           U.preventDefault(), U.stopPropagation();
           const G = d.closest(".artifactuse-image-container"), ce = G == null ? void 0 : G.querySelector(".artifactuse-image-caption"), ke = (ce == null ? void 0 : ce.textContent) || d.dataset.caption || d.alt || "";
-          A({
+          P({
             type: "image",
             src: d.src,
             alt: d.alt || "",
@@ -1532,7 +1532,7 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
         d._lightboxHandler || (d._lightboxHandler = (U) => {
           U.preventDefault(), U.stopPropagation();
           const G = d.closest(".artifactuse-gallery-item"), ce = G == null ? void 0 : G.querySelector(".artifactuse-gallery-caption"), ke = (ce == null ? void 0 : ce.textContent) || d.dataset.caption || d.alt || "";
-          A({
+          P({
             type: "image",
             src: d.src,
             alt: d.alt || "",
@@ -1541,7 +1541,7 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
         }, d.addEventListener("click", d._lightboxHandler), d.style.cursor = "zoom-in");
       }), x.value.querySelectorAll('a[href$=".pdf"], a[data-type="pdf"]').forEach((d) => {
         d._pdfHandler && d.removeEventListener("click", d._pdfHandler), d._pdfHandler = (U) => {
-          U.preventDefault(), U.stopPropagation(), A({
+          U.preventDefault(), U.stopPropagation(), P({
             type: "pdf",
             src: d.href,
             alt: d.textContent || "PDF Document",
@@ -1553,7 +1553,7 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
         d._pdfHandler && d.removeEventListener("click", d._pdfHandler);
         const U = d.dataset.pdfSrc || ((G = d.querySelector("iframe")) == null ? void 0 : G.src) || "";
         U && (d._pdfHandler = (ce) => {
-          ce.preventDefault(), ce.stopPropagation(), A({
+          ce.preventDefault(), ce.stopPropagation(), P({
             type: "pdf",
             src: U,
             alt: "PDF Document",
@@ -1570,21 +1570,21 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
     }
     function L() {
       if (!x.value) return;
-      x.value.querySelectorAll("img").forEach((P) => {
-        P._lightboxHandler && (P.removeEventListener("click", P._lightboxHandler), delete P._lightboxHandler);
-      }), x.value.querySelectorAll('a[href$=".pdf"], a[data-type="pdf"]').forEach((P) => {
-        P._pdfHandler && (P.removeEventListener("click", P._pdfHandler), delete P._pdfHandler);
-      }), x.value.querySelectorAll(".artifactuse-pdf-container, [data-pdf-viewer]").forEach((P) => {
-        P._pdfHandler && (P.removeEventListener("click", P._pdfHandler), delete P._pdfHandler);
-      }), x.value.querySelectorAll(".artifactuse-video-preview-wrapper, .video-preview-wrapper").forEach((P) => {
-        P._clickHandler && (P.removeEventListener("click", P._clickHandler), delete P._clickHandler);
+      x.value.querySelectorAll("img").forEach((A) => {
+        A._lightboxHandler && (A.removeEventListener("click", A._lightboxHandler), delete A._lightboxHandler);
+      }), x.value.querySelectorAll('a[href$=".pdf"], a[data-type="pdf"]').forEach((A) => {
+        A._pdfHandler && (A.removeEventListener("click", A._pdfHandler), delete A._pdfHandler);
+      }), x.value.querySelectorAll(".artifactuse-pdf-container, [data-pdf-viewer]").forEach((A) => {
+        A._pdfHandler && (A.removeEventListener("click", A._pdfHandler), delete A._pdfHandler);
+      }), x.value.querySelectorAll(".artifactuse-video-preview-wrapper, .video-preview-wrapper").forEach((A) => {
+        A._clickHandler && (A.removeEventListener("click", A._clickHandler), delete A._clickHandler);
       });
     }
     function r() {
-      j && clearTimeout(j), j = setTimeout(async () => {
-        if (await Ce(), l != null && l.initializeContent && x.value)
+      N && clearTimeout(N), N = setTimeout(async () => {
+        if (await xe(), n != null && n.initializeContent && x.value)
           try {
-            await l.initializeContent(x.value);
+            await n.initializeContent(x.value);
           } catch (b) {
             console.error("Failed to initialize content:", b);
           }
@@ -1595,78 +1595,78 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
       () => T.content,
       (b) => {
         if (b) {
-          const I = o(b, T.messageId, {
+          const V = o(b, T.messageId, {
             inlinePreview: T.inlinePreview,
             inlineCode: T.inlineCode,
             tabs: T.tabs,
             viewMode: T.viewMode
           });
-          F.value = I.html, $.value = I.artifacts, I.artifacts.length > 0 && m("artifact-detected", I.artifacts), T.typing || r();
+          I.value = V.html, $.value = V.artifacts, V.artifacts.length > 0 && f("artifact-detected", V.artifacts), T.typing || r();
         }
       },
       { immediate: !0 }
     ), de(
       () => T.typing,
-      (b, I) => {
-        I === !0 && b === !1 && r();
+      (b, V) => {
+        V === !0 && b === !1 && r();
       }
-    ), $e(() => {
+    ), Me(() => {
       T.typing || r();
     }), jt(() => {
-      j && clearTimeout(j), L();
+      N && clearTimeout(N), L();
     });
-    function E(b) {
-      const I = b.target.closest(".artifactuse-inline-preview");
-      if (I) {
-        if (I.dataset.nonClickable) return;
-        const D = I.dataset.artifactId;
+    function B(b) {
+      const V = b.target.closest(".artifactuse-inline-preview");
+      if (V) {
+        if (V.dataset.nonClickable) return;
+        const D = V.dataset.artifactId;
         if (D) {
-          const te = B.artifacts.find((P) => P.id === D);
+          const te = E.artifacts.find((A) => A.id === D);
           te && u(te);
         }
       }
     }
     function u(b) {
-      q(b), m("artifact-open", b);
+      q(b), f("artifact-open", b);
     }
     function z(b) {
-      m("artifact-copy", b);
+      f("artifact-copy", b);
     }
     function le(b) {
-      m("artifact-download", b);
+      f("artifact-download", b);
     }
     function pe(b) {
-      m("form-submit", b);
+      f("form-submit", b);
     }
     function ye(b) {
-      m("form-cancel", b);
+      f("form-cancel", b);
     }
     function fe(b) {
-      m("form-button-click", b);
+      f("form-button-click", b);
     }
-    function Le(b) {
-      m("social-copy", b);
+    function Pe(b) {
+      f("social-copy", b);
     }
-    return C(() => B.artifacts.filter((b) => b.messageId === T.messageId)), c({
-      openViewer: A,
+    return C(() => E.artifacts.filter((b) => b.messageId === T.messageId)), c({
+      openViewer: P,
       closeViewer: Q,
       attachMediaListeners: w
-    }), (b, I) => (a(), s("div", {
+    }), (b, V) => (a(), s("div", {
       class: "artifactuse-agent-message",
       ref_key: "messageRef",
-      ref: _
+      ref: h
     }, [
       e("div", {
         class: "artifactuse-message-content",
         ref_key: "contentRef",
         ref: x,
-        onClick: E
+        onClick: B
       }, [
         (a(!0), s(R, null, ve(re.value, (D, te) => (a(), s(R, { key: te }, [
           D.type === "html" ? (a(), s("div", {
             key: 0,
             innerHTML: D.content
-          }, null, 8, cl)) : D.type === "form" && D.artifact.isInline ? (a(), xe(Ya, {
+          }, null, 8, ul)) : D.type === "form" && D.artifact.isInline ? (a(), $e(Qa, {
             key: 1,
             artifact: D.artifact,
             theme: Z.value,
@@ -1674,12 +1674,12 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
             onSubmit: pe,
             onCancel: ye,
             onButtonClick: fe
-          }, null, 8, ["artifact", "theme", "initial-state"])) : D.type === "social" ? (a(), xe(el, {
+          }, null, 8, ["artifact", "theme", "initial-state"])) : D.type === "social" ? (a(), $e(tl, {
             key: 2,
             artifact: D.artifact,
             theme: Z.value,
-            onCopy: Le
-          }, null, 8, ["artifact", "theme"])) : D.type === "panel" && oe.value ? (a(), xe(ra, {
+            onCopy: Pe
+          }, null, 8, ["artifact", "theme"])) : D.type === "panel" && oe.value ? (a(), $e(ca, {
             key: 3,
             artifact: D.artifact,
             "is-active": X.value === D.artifact.id,
@@ -1689,7 +1689,7 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
           }, null, 8, ["artifact", "is-active"])) : v("", !0)
         ], 64))), 128))
       ], 512),
-      Se(rl, {
+      ze(cl, {
         "is-open": O.value,
         type: W.value,
         src: Y.value,
@@ -1699,113 +1699,125 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
       }, null, 8, ["is-open", "type", "src", "alt", "caption"])
     ], 512));
   }
-}, ul = { class: "artifactuse-panel__header artifactuse-panel__header--simple" }, dl = { class: "artifactuse-panel__actions" }, vl = { class: "artifactuse-panel__footer artifactuse-panel__footer--simple" }, fl = {
+}, dl = { class: "artifactuse-panel__header artifactuse-panel__header--simple" }, vl = { class: "artifactuse-panel__title" }, fl = { class: "artifactuse-panel__icon" }, pl = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, _l = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, hl = { class: "artifactuse-panel__title-content" }, ml = { class: "artifactuse-panel__name" }, yl = { class: "artifactuse-panel__actions" }, gl = { class: "artifactuse-panel__empty" }, kl = { class: "artifactuse-panel__empty-title" }, wl = { class: "artifactuse-panel__empty-text" }, bl = { class: "artifactuse-panel__footer artifactuse-panel__footer--simple" }, Cl = {
   key: 0,
   href: "https://artifactuse.com",
   target: "_blank",
   rel: "noopener noreferrer",
   class: "artifactuse-panel__branding"
-}, pl = { class: "artifactuse-panel__header artifactuse-panel__header--simple" }, _l = { class: "artifactuse-panel__title" }, hl = { class: "artifactuse-panel__title-content" }, ml = { class: "artifactuse-panel__meta" }, yl = { class: "artifactuse-panel__actions" }, gl = ["disabled"], kl = {
+}, xl = { class: "artifactuse-panel__header artifactuse-panel__header--simple" }, $l = { class: "artifactuse-panel__title" }, Ml = { class: "artifactuse-panel__title-content" }, Tl = { class: "artifactuse-panel__meta" }, Ll = { class: "artifactuse-panel__actions" }, Pl = ["disabled"], Al = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, wl = {
+}, Hl = {
   key: 1,
   class: "artifactuse-panel__spinner-icon",
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, bl = { class: "artifactuse-panel__list" }, Cl = { class: "artifactuse-panel__list-items" }, xl = ["onClick"], $l = ["innerHTML"], Ml = { class: "artifactuse-panel__list-item-content" }, Tl = { class: "artifactuse-panel__list-item-title" }, Ll = { class: "artifactuse-panel__list-item-meta" }, Al = { class: "artifactuse-panel__footer artifactuse-panel__footer--simple" }, Pl = {
+}, El = { class: "artifactuse-panel__list" }, Bl = { class: "artifactuse-panel__list-items" }, Sl = ["onClick"], zl = ["innerHTML"], Vl = { class: "artifactuse-panel__list-item-content" }, Il = { class: "artifactuse-panel__list-item-title" }, Fl = { class: "artifactuse-panel__list-item-meta" }, Rl = { class: "artifactuse-panel__footer artifactuse-panel__footer--simple" }, ql = {
   key: 0,
   href: "https://artifactuse.com",
   target: "_blank",
   rel: "noopener noreferrer",
   class: "artifactuse-panel__branding"
-}, Hl = { class: "artifactuse-panel__header" }, Bl = ["title"], El = { class: "artifactuse-panel__title" }, Sl = ["innerHTML"], zl = { class: "artifactuse-panel__title-content" }, Il = { class: "artifactuse-panel__name" }, Fl = { class: "artifactuse-panel__meta" }, Vl = { class: "artifactuse-panel__tabs" }, Rl = ["disabled"], ql = ["disabled"], Ol = { class: "artifactuse-panel__actions" }, Ul = ["title"], Dl = {
+}, Ol = { class: "artifactuse-panel__header" }, Ul = ["title"], Dl = { class: "artifactuse-panel__title" }, Nl = ["innerHTML"], jl = { class: "artifactuse-panel__title-content" }, Wl = { class: "artifactuse-panel__name" }, Jl = { class: "artifactuse-panel__meta" }, Xl = { class: "artifactuse-panel__tabs" }, Zl = ["disabled"], Kl = ["disabled"], Yl = { class: "artifactuse-panel__actions" }, Ql = ["title"], Gl = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, jl = {
+}, en = {
   key: 1,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, Nl = {
+}, tn = {
   key: 0,
   class: "artifactuse-panel__file-tabs"
-}, Wl = { class: "artifactuse-panel__file-tabs-scroll" }, Jl = ["onClick"], Xl = ["innerHTML"], Zl = { class: "artifactuse-panel__file-tab-title" }, Kl = ["onClick"], Yl = {
+}, an = { class: "artifactuse-panel__file-tabs-scroll" }, sn = ["onClick"], ln = ["innerHTML"], nn = { class: "artifactuse-panel__file-tab-title" }, on = ["onClick"], rn = {
   key: 0,
   class: "artifactuse-panel__loading"
-}, Ql = {
+}, cn = {
   key: 0,
   class: "artifactuse-panel__loading"
-}, Gl = ["src"], en = {
+}, un = ["src"], dn = {
   key: 2,
   class: "artifactuse-panel__no-preview"
-}, tn = { class: "artifactuse-panel__edit" }, an = { class: "artifactuse-panel__footer" }, sn = { class: "artifactuse-panel__footer-left" }, ln = {
+}, vn = { class: "artifactuse-panel__edit" }, fn = { class: "artifactuse-panel__footer" }, pn = { class: "artifactuse-panel__footer-left" }, _n = {
   key: 0,
   href: "https://artifactuse.com",
   target: "_blank",
   rel: "noopener noreferrer",
   class: "artifactuse-panel__branding"
-}, nn = {
+}, hn = {
   key: 1,
   class: "artifactuse-panel__badge"
-}, on = { class: "artifactuse-panel__footer-right" }, rn = ["title"], cn = {
+}, mn = { class: "artifactuse-panel__footer-right" }, yn = ["title"], gn = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, un = {
+}, kn = {
   key: 1,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, dn = {
+}, wn = {
   key: 0,
   style: { position: "relative" }
-}, vn = {
+}, bn = {
   key: 0,
   class: "artifactuse-share-popup"
-}, fn = { class: "artifactuse-share-popup__header" }, pn = { class: "artifactuse-share-popup__title" }, _n = { class: "artifactuse-share-popup__body" }, hn = {
+}, Cn = { class: "artifactuse-share-popup__header" }, xn = { class: "artifactuse-share-popup__title" }, $n = { class: "artifactuse-share-popup__body" }, Mn = {
   key: 0,
   class: "artifactuse-share-popup__loading"
-}, mn = { key: 1 }, yn = { class: "artifactuse-share-popup__error" }, gn = { class: "artifactuse-share-popup__error-text" }, kn = { class: "artifactuse-share-popup__actions" }, wn = {
+}, Tn = { key: 1 }, Ln = { class: "artifactuse-share-popup__error" }, Pn = { class: "artifactuse-share-popup__error-text" }, An = { class: "artifactuse-share-popup__actions" }, Hn = {
   key: 2,
   class: "artifactuse-share-popup__options"
-}, bn = { key: 3 }, Cn = {
+}, En = { key: 3 }, Bn = {
   key: 0,
   class: "artifactuse-share-popup__loading"
-}, xn = {
+}, Sn = {
   key: 1,
   class: "artifactuse-share-popup__empty"
-}, $n = {
+}, zn = {
   key: 2,
   class: "artifactuse-share-popup__artifact-list"
-}, Mn = ["onClick"], Tn = { class: "artifactuse-share-popup__artifact-name" }, Ln = { class: "artifactuse-share-popup__artifact-date" }, An = {
+}, Vn = ["onClick"], In = { class: "artifactuse-share-popup__artifact-name" }, Fn = { class: "artifactuse-share-popup__artifact-date" }, Rn = {
   key: 4,
   class: "artifactuse-share-popup__success"
-}, Pn = { class: "artifactuse-share-popup__link-wrapper" }, Hn = ["value"], Bn = {
+}, qn = { class: "artifactuse-share-popup__link-wrapper" }, On = ["value"], Un = {
   key: 0,
   class: "artifactuse-share-popup__expiry"
-}, En = { class: "artifactuse-share-popup__expiry-text" }, Sn = {
+}, Dn = { class: "artifactuse-share-popup__expiry-text" }, Nn = {
   key: 1,
   class: "artifactuse-share-popup__save-prompt"
-}, zn = {
+}, jn = {
   key: 2,
   class: "artifactuse-panel__nav"
-}, In = ["disabled"], Fn = ["disabled"], Vn = {
+}, Wn = ["disabled"], Jn = ["disabled"], Xn = {
   key: 0,
   class: "artifactuse-panel__artifact-list"
-}, Rn = { class: "artifactuse-panel__artifact-list-header" }, qn = { class: "artifactuse-panel__artifact-list-items" }, On = ["onClick"], Un = ["innerHTML"], Dn = { class: "artifactuse-panel__artifact-item-content" }, jn = { class: "artifactuse-panel__artifact-item-title" }, Nn = { class: "artifactuse-panel__artifact-item-meta" }, Wn = { class: "artifactuse-panel__artifact-item-index" }, eo = {
+}, Zn = { class: "artifactuse-panel__artifact-list-header" }, Kn = { class: "artifactuse-panel__artifact-list-items" }, Yn = ["onClick"], Qn = ["innerHTML"], Gn = { class: "artifactuse-panel__artifact-item-content" }, eo = { class: "artifactuse-panel__artifact-item-title" }, to = { class: "artifactuse-panel__artifact-item-meta" }, ao = { class: "artifactuse-panel__artifact-item-index" }, uo = {
   __name: "ArtifactusePanel",
   props: {
     panelWidth: { type: Number, default: void 0 },
@@ -1813,34 +1825,34 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
   },
   emits: ["close", "ai-request", "save", "export", "resize"],
   setup(H, { emit: c }) {
-    var at, st;
-    const h = c, T = H, {
-      state: m,
+    var st, it;
+    const _ = c, T = H, {
+      state: f,
       activeArtifact: o,
       artifactCount: q,
-      hasArtifacts: B,
-      closePanel: y,
-      toggleFullscreen: l,
-      setViewMode: _,
+      hasArtifacts: E,
+      closePanel: g,
+      toggleFullscreen: n,
+      setViewMode: h,
       getPanelUrl: x,
-      openArtifact: F,
+      openArtifact: I,
       instance: $
-    } = ze(), j = M(null), O = M(null), W = M(null), Y = M(null), S = M(null), ie = M(null), Z = M(!1), X = M(!1), oe = M(!0), p = M(!1), k = M(!1), ee = M(!1), re = M(!1), A = M("options"), Q = M(""), w = M(null), L = M(""), r = M(!1), E = M(!1), u = M([]), z = M(!1), le = M("");
+    } = Ve(), N = M(null), O = M(null), W = M(null), Y = M(null), S = M(null), ie = M(null), Z = M(!1), X = M(!1), oe = M(!0), m = M(!1), k = M(!1), ee = M(!1), re = M(!1), P = M("options"), Q = M(""), w = M(null), L = M(""), r = M(!1), B = M(!1), u = M([]), z = M(!1), le = M("");
     let pe = null, ye = null, fe = null;
-    const Le = C(() => {
+    const Pe = C(() => {
       var i;
       return ((i = $.editor) == null ? void 0 : i.isAvailable()) || !1;
     }), b = M(
-      Math.min(Math.max(T.panelWidth ?? ((at = $.config) == null ? void 0 : at.panelWidth) ?? 65, 25), 75)
-    ), I = M(
-      Math.min(Math.max(T.splitPosition ?? ((st = $.config) == null ? void 0 : st.splitPosition) ?? 50, 20), 80)
-    ), D = C(() => o.value ? Ee(o.value.language) : ""), te = C(() => o.value ? `<svg viewBox="0 0 24 24" fill="currentColor">${De(o.value.language)}</svg>` : ""), P = C(() => {
+      Math.min(Math.max(T.panelWidth ?? ((st = $.config) == null ? void 0 : st.panelWidth) ?? 65, 25), 75)
+    ), V = M(
+      Math.min(Math.max(T.splitPosition ?? ((it = $.config) == null ? void 0 : it.splitPosition) ?? 50, 20), 80)
+    ), D = C(() => o.value ? Se(o.value.language) : ""), te = C(() => o.value ? `<svg viewBox="0 0 24 24" fill="currentColor">${Ne(o.value.language)}</svg>` : ""), A = C(() => {
       if (!o.value) return null;
       let i = x(o.value);
       return i && o.value._refreshToken && (i += (i.includes("?") ? "&" : "?") + "_t=" + o.value._refreshToken), i;
     });
-    C(() => !o.value || !m.artifacts.length ? -1 : m.artifacts.findIndex((i) => i.id === o.value.id));
-    const ae = C(() => o.value ? Jt(o.value.language || "plaintext") : "plaintext"), d = C(() => m.artifacts.filter((i) => !i.isInline)), U = C(() => o.value ? d.value.findIndex((i) => i.id === o.value.id) : -1), G = C(() => {
+    C(() => !o.value || !f.artifacts.length ? -1 : f.artifacts.findIndex((i) => i.id === o.value.id));
+    const ae = C(() => o.value ? Xt(o.value.language || "plaintext") : "plaintext"), d = C(() => f.artifacts.filter((i) => !i.isInline)), U = C(() => o.value ? d.value.findIndex((i) => i.id === o.value.id) : -1), G = C(() => {
       var i;
       return ((i = $.config) == null ? void 0 : i.branding) !== !1;
     }), ce = C(() => {
@@ -1849,31 +1861,31 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
     }), ke = C(() => {
       var i;
       return ((i = $.share) == null ? void 0 : i.isAuthenticated()) || !1;
-    }), vt = C(() => o.value ? b.value : Math.min(b.value, 30)), Me = C(() => {
+    }), ft = C(() => !o.value && !f.forceEmptyView ? Math.min(b.value, 30) : b.value), Te = C(() => {
       var i;
       return ((i = $.config) == null ? void 0 : i.multiTab) === !0;
-    }), We = C(() => Me.value ? m.openTabs.map((i) => m.artifacts.find((t) => t.id === i)).filter(Boolean) : []);
+    }), we = C(() => f.forceEmptyView), Je = C(() => Te.value ? f.openTabs.map((i) => f.artifacts.find((t) => t.id === i)).filter(Boolean) : []);
     function Ie(i) {
-      return `<svg viewBox="0 0 24 24" fill="currentColor">${De(i)}</svg>`;
-    }
-    function ft(i) {
-      F(i);
+      return `<svg viewBox="0 0 24 24" fill="currentColor">${Ne(i)}</svg>`;
     }
     function pt(i) {
-      $.closeTab(i), m.openTabs.length === 0 && (k.value = !1);
+      I(i);
     }
-    function _t() {
+    function _t(i) {
+      $.closeTab(i), f.openTabs.length === 0 && (k.value = !1);
+    }
+    function ht() {
       k.value = !1, $.state.clearActiveArtifact();
     }
-    function Je(i) {
+    function Xe(i) {
       if (i.language !== "smartdiff") return null;
       try {
         const t = JSON.parse(i.code);
         if (t.oldCode === void 0 || t.newCode === void 0) return null;
-        const f = t.language || "plaintext", V = nt() && window.Prism.languages[f], J = Xt(t.oldCode, t.newCode).split(`
+        const p = t.language || "plaintext", F = ot() && window.Prism.languages[p], J = Zt(t.oldCode, t.newCode).split(`
 `);
         return { html: J.map((ue) => {
-          const ne = ue[0], be = ue.slice(1), ge = V ? window.Prism.highlight(be, V, f) : be;
+          const ne = ue[0], Ce = ue.slice(1), ge = F ? window.Prism.highlight(Ce, F, p) : Ce;
           return ne === "-" ? `<span class="token deleted">${ge}</span>` : ne === "+" ? `<span class="token inserted">${ge}</span>` : ge;
         }).join(`
 `), lineCount: J.length };
@@ -1881,51 +1893,51 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
         return null;
       }
     }
-    function ht() {
+    function mt() {
       var i;
       if (Y.value && ((i = o.value) != null && i.code)) {
-        const t = Je(o.value), f = t ? t.lineCount : o.value.code.split(`
+        const t = Xe(o.value), p = t ? t.lineCount : o.value.code.split(`
 `).length;
-        Y.value.innerHTML = Array.from({ length: f }, (V, J) => `<div>${J + 1}</div>`).join("");
+        Y.value.innerHTML = Array.from({ length: p }, (F, J) => `<div>${J + 1}</div>`).join("");
       }
     }
-    function mt() {
+    function yt() {
       var i;
-      if (O.value && nt() && ((i = o.value) != null && i.code)) {
-        const t = Je(o.value);
+      if (O.value && ot() && ((i = o.value) != null && i.code)) {
+        const t = Xe(o.value);
         if (t)
           O.value.innerHTML = t.html;
         else {
-          const f = window.Prism.languages[ae.value];
-          f ? O.value.innerHTML = window.Prism.highlight(
+          const p = window.Prism.languages[ae.value];
+          p ? O.value.innerHTML = window.Prism.highlight(
             o.value.code,
-            f,
+            p,
             ae.value
           ) : O.value.textContent = o.value.code;
         }
-        O.value.dataset.highlighted = "true", Ce(() => {
-          yt();
+        O.value.dataset.highlighted = "true", xe(() => {
+          gt();
         });
       }
     }
-    function yt() {
+    function gt() {
       var t;
       const i = (t = O.value) == null ? void 0 : t.closest("pre");
       if (i && S.value && Y.value) {
-        const V = window.getComputedStyle(i).backgroundColor;
-        V && V !== "rgba(0, 0, 0, 0)" && V !== "transparent" && (S.value.style.backgroundColor = V, Y.value.style.backgroundColor = V);
+        const F = window.getComputedStyle(i).backgroundColor;
+        F && F !== "rgba(0, 0, 0, 0)" && F !== "transparent" && (S.value.style.backgroundColor = F, Y.value.style.backgroundColor = F);
       }
     }
-    function gt() {
+    function kt() {
       S.value && (S.value.style.backgroundColor = ""), Y.value && (Y.value.style.backgroundColor = "");
     }
     function Ae() {
-      Ce(() => {
-        ht(), mt();
+      xe(() => {
+        mt(), yt();
       });
     }
-    function Xe() {
-      !Le.value || !ie.value || !o.value || (Fe(), fe = $.editor.create(ie.value, {
+    function Ze() {
+      !Pe.value || !ie.value || !o.value || (Fe(), fe = $.editor.create(ie.value, {
         code: o.value.code || "",
         language: o.value.editorLanguage || o.value.language || "plaintext",
         sdkTheme: $.getTheme()
@@ -1934,7 +1946,7 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
     function Fe() {
       fe && (fe.destroy(), fe = null);
     }
-    function kt() {
+    function wt() {
       if (!fe || !o.value) return;
       const i = fe.getCode();
       $.emit("edit:save", {
@@ -1943,18 +1955,18 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
         code: i
       });
     }
-    function wt() {
-      clearTimeout(ye), oe.value = !1, j.value && o.value && ($.bridge.setIframe(j.value), $.bridge.loadArtifact(o.value));
-    }
     function bt() {
-      clearTimeout(ye), oe.value = !1;
+      clearTimeout(ye), oe.value = !1, N.value && o.value && ($.bridge.setIframe(N.value), $.bridge.loadArtifact(o.value));
     }
     function Ct() {
+      clearTimeout(ye), oe.value = !1;
+    }
+    function xt() {
       clearTimeout(ye), ye = setTimeout(() => {
         oe.value = !1;
       }, 1e3);
     }
-    async function xt() {
+    async function $t() {
       if (o.value)
         try {
           await navigator.clipboard.writeText(o.value.code), Z.value = !0, setTimeout(() => {
@@ -1964,24 +1976,24 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
           console.error("Failed to copy:", i);
         }
     }
-    function $t() {
+    function Mt() {
       if (!o.value) return;
-      const { code: i, language: t, title: f } = o.value, V = je(t), J = `${f.toLowerCase().replace(/\s+/g, "-")}.${V}`, me = new Blob([i], { type: "text/plain" }), ue = URL.createObjectURL(me), ne = document.createElement("a");
+      const { code: i, language: t, title: p } = o.value, F = je(t), J = `${p.toLowerCase().replace(/\s+/g, "-")}.${F}`, me = new Blob([i], { type: "text/plain" }), ue = URL.createObjectURL(me), ne = document.createElement("a");
       ne.href = ue, ne.download = J, document.body.appendChild(ne), ne.click(), document.body.removeChild(ne), URL.revokeObjectURL(ue);
     }
-    async function Mt() {
+    async function Tt() {
       if (!(ee.value || d.value.length === 0)) {
         ee.value = !0;
         try {
-          const i = new Kt(), t = /* @__PURE__ */ new Map();
+          const i = new Yt(), t = /* @__PURE__ */ new Map();
           for (const ne of d.value) {
             if (!ne.code) continue;
-            const be = je(ne.language);
-            let ge = (ne.title || "untitled").toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, ""), Oe = `${ge}.${be}`;
-            const Ue = t.get(Oe) || 0;
-            Ue > 0 && (Oe = `${ge}-${Ue}.${be}`), t.set(`${ge}.${be}`, Ue + 1), i.file(Oe, ne.code);
+            const Ce = je(ne.language);
+            let ge = (ne.title || "untitled").toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, ""), Ue = `${ge}.${Ce}`;
+            const De = t.get(Ue) || 0;
+            De > 0 && (Ue = `${ge}-${De}.${Ce}`), t.set(`${ge}.${Ce}`, De + 1), i.file(Ue, ne.code);
           }
-          const f = await i.generateAsync({ type: "blob" }), J = `artifacts-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.zip`, me = URL.createObjectURL(f), ue = document.createElement("a");
+          const p = await i.generateAsync({ type: "blob" }), J = `artifacts-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.zip`, me = URL.createObjectURL(p), ue = document.createElement("a");
           ue.href = me, ue.download = J, document.body.appendChild(ue), ue.click(), document.body.removeChild(ue), URL.revokeObjectURL(me);
         } catch (i) {
           console.error("Failed to create ZIP:", i);
@@ -1990,90 +2002,90 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
         }
       }
     }
-    function Tt() {
+    function Lt() {
       if (re.value) {
         re.value = !1;
         return;
       }
-      o.value && (A.value = "options", Q.value = "", w.value = null, L.value = "", r.value = !1, E.value = !1, u.value = [], z.value = !1, le.value = "", re.value = !0);
+      o.value && (P.value = "options", Q.value = "", w.value = null, L.value = "", r.value = !1, B.value = !1, u.value = [], z.value = !1, le.value = "", re.value = !0);
     }
-    function Lt() {
+    function Pt() {
       re.value = !1;
     }
-    function Ze(i) {
+    function Ke(i) {
       return i ? new Date(i).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }) : "";
     }
-    async function Ke() {
+    async function Ye() {
       if (!(!o.value || !$.share)) {
-        A.value = "loading", L.value = "";
+        P.value = "loading", L.value = "";
         try {
           const i = await $.share.share(o.value);
-          Q.value = i.url, w.value = i.expiresAt, E.value = !1, A.value = "success";
+          Q.value = i.url, w.value = i.expiresAt, B.value = !1, P.value = "success";
         } catch (i) {
-          L.value = i.message || "Failed to create share link", A.value = "error";
+          L.value = i.message || "Failed to create share link", P.value = "error";
         }
       }
     }
-    async function Ye() {
+    async function Qe() {
       if (ke.value)
-        Ve();
+        Re();
       else {
-        A.value = "loading";
+        P.value = "loading";
         try {
-          await $.share.openAuthPopup(), Ve();
+          await $.share.openAuthPopup(), Re();
         } catch (i) {
-          i.message === "Authentication cancelled" ? A.value = "options" : (L.value = i.message || "Authentication failed", A.value = "error");
+          i.message === "Authentication cancelled" ? P.value = "options" : (L.value = i.message || "Authentication failed", P.value = "error");
         }
       }
     }
-    async function Ve() {
+    async function Re() {
       if (!(!o.value || !$.share)) {
-        A.value = "loading", L.value = "";
+        P.value = "loading", L.value = "";
         try {
           const i = await $.share.save(o.value);
-          Q.value = i.url, w.value = null, E.value = !0, A.value = "success";
+          Q.value = i.url, w.value = null, B.value = !0, P.value = "success";
         } catch (i) {
-          L.value = i.message || "Failed to save artifact", A.value = "error";
+          L.value = i.message || "Failed to save artifact", P.value = "error";
         }
       }
     }
     function At() {
-      E.value ? Ve() : Ke();
+      B.value ? Re() : Ye();
     }
-    async function Pt() {
+    async function Ht() {
       var i;
       if ($.share) {
         if (!ke.value) {
-          A.value = "loading";
+          P.value = "loading";
           try {
             await $.share.openAuthPopup();
           } catch (t) {
-            t.message === "Authentication cancelled" ? A.value = "options" : (L.value = t.message || "Authentication failed", A.value = "error");
+            t.message === "Authentication cancelled" ? P.value = "options" : (L.value = t.message || "Authentication failed", P.value = "error");
             return;
           }
         }
-        A.value = "update-list", z.value = !0;
+        P.value = "update-list", z.value = !0;
         try {
-          const t = ((i = o.value) == null ? void 0 : i.language) || null, f = await $.share.listArtifacts(t);
-          u.value = f.projects || [];
+          const t = ((i = o.value) == null ? void 0 : i.language) || null, p = await $.share.listArtifacts(t);
+          u.value = p.projects || [];
         } catch (t) {
-          L.value = t.message || "Failed to load artifacts", A.value = "error";
+          L.value = t.message || "Failed to load artifacts", P.value = "error";
         } finally {
           z.value = !1;
         }
       }
     }
-    async function Ht(i) {
-      var f, V;
+    async function Et(i) {
+      var p, F;
       if (!o.value || !$.share) return;
-      const t = (f = i.project) == null ? void 0 : f.uuid;
+      const t = (p = i.project) == null ? void 0 : p.uuid;
       if (t) {
-        A.value = "loading", L.value = "";
+        P.value = "loading", L.value = "";
         try {
           const J = await $.share.updateArtifact(t, o.value);
-          Q.value = J.url || "", w.value = null, E.value = !0, le.value = ((V = i.project) == null ? void 0 : V.name) || "Untitled", A.value = "success";
+          Q.value = J.url || "", w.value = null, B.value = !0, le.value = ((F = i.project) == null ? void 0 : F.name) || "Untitled", P.value = "success";
         } catch (J) {
-          L.value = J.message || "Failed to update artifact", A.value = "error";
+          L.value = J.message || "Failed to update artifact", P.value = "error";
         }
       }
     }
@@ -2087,109 +2099,315 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
           console.error("Failed to copy link:", i);
         }
     }
-    function Et() {
-      P.value && window.open(P.value, "_blank");
-    }
     function St() {
-      Y.value && S.value && (Y.value.style.transform = `translateY(-${S.value.scrollTop}px)`);
+      A.value && window.open(A.value, "_blank");
     }
     function zt() {
+      Y.value && S.value && (Y.value.style.transform = `translateY(-${S.value.scrollTop}px)`);
+    }
+    function Vt() {
       X.value = !X.value;
     }
-    function Qe(i) {
-      k.value = !0, F(i), X.value = !1;
+    function Ge(i) {
+      k.value = !0, I(i), X.value = !1;
     }
     function It() {
       const i = U.value - 1;
-      i >= 0 && F(d.value[i]);
+      i >= 0 && I(d.value[i]);
     }
     function Ft() {
       const i = U.value + 1;
-      i < d.value.length && F(d.value[i]);
+      i < d.value.length && I(d.value[i]);
     }
-    function Ge(i) {
+    function et(i) {
       const t = document.querySelector(".artifactuse-panel__nav");
       t && !t.contains(i.target) && (X.value = !1);
     }
-    let we = null;
-    function Vt(i) {
-      we = {
+    let be = null;
+    function Rt(i) {
+      be = {
         startX: i.clientX,
         startWidth: b.value
-      }, document.addEventListener("mousemove", et), document.addEventListener("mouseup", Re), document.body.style.cursor = "ew-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((f) => f.style.pointerEvents = "none");
+      }, document.addEventListener("mousemove", tt), document.addEventListener("mouseup", qe), document.body.style.cursor = "ew-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((p) => p.style.pointerEvents = "none");
     }
-    function et(i) {
-      if (!we) return;
-      const t = window.innerWidth, V = (we.startX - i.clientX) / t * 100, J = we.startWidth + V;
-      b.value = Math.min(Math.max(J, 25), 75), h("resize", { width: b.value });
+    function tt(i) {
+      if (!be) return;
+      const t = window.innerWidth, F = (be.startX - i.clientX) / t * 100, J = be.startWidth + F;
+      b.value = Math.min(Math.max(J, 25), 75), _("resize", { width: b.value });
     }
-    function Re() {
-      const i = we !== null;
-      we = null, document.removeEventListener("mousemove", et), document.removeEventListener("mouseup", Re), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((f) => f.style.pointerEvents = ""), i && h("resize", { width: b.value });
+    function qe() {
+      const i = be !== null;
+      be = null, document.removeEventListener("mousemove", tt), document.removeEventListener("mouseup", qe), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((p) => p.style.pointerEvents = ""), i && _("resize", { width: b.value });
     }
-    let Te = null;
-    function Rt(i) {
+    let Le = null;
+    function qt(i) {
       if (!W.value) return;
       const t = W.value.getBoundingClientRect();
-      Te = {
+      Le = {
         startX: i.clientX,
-        startPosition: I.value,
+        startPosition: V.value,
         contentLeft: t.left,
         contentWidth: t.width
-      }, document.addEventListener("mousemove", tt), document.addEventListener("mouseup", qe), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((V) => V.style.pointerEvents = "none");
+      }, document.addEventListener("mousemove", at), document.addEventListener("mouseup", Oe), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((F) => F.style.pointerEvents = "none");
     }
-    function tt(i) {
-      if (!Te) return;
-      const f = (i.clientX - Te.contentLeft) / Te.contentWidth * 100;
-      I.value = Math.min(Math.max(f, 20), 80);
+    function at(i) {
+      if (!Le) return;
+      const p = (i.clientX - Le.contentLeft) / Le.contentWidth * 100;
+      V.value = Math.min(Math.max(p, 20), 80);
     }
-    function qe() {
-      Te = null, document.removeEventListener("mousemove", tt), document.removeEventListener("mouseup", qe), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((t) => t.style.pointerEvents = "");
+    function Oe() {
+      Le = null, document.removeEventListener("mousemove", at), document.removeEventListener("mouseup", Oe), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((t) => t.style.pointerEvents = "");
     }
     return de(o, (i, t) => {
-      i && (t && t.isPreviewable !== i.isPreviewable && (p.value = !0, setTimeout(() => {
-        p.value = !1;
-      }, 150)), (!t || i.id !== t.id) && (gt(), oe.value = !0, Ct()), (!t || i.id !== t.id || i.code !== t.code) && (Ae(), m.viewMode === "edit" && (!t || i.id !== t.id ? Ce(() => Xe()) : fe && fe.setCode(i.code || "")), clearTimeout(pe), pe = setTimeout(() => {
-        j.value && i.isPreviewable && $.bridge.loadArtifact(i);
+      i && (t && t.isPreviewable !== i.isPreviewable && (m.value = !0, setTimeout(() => {
+        m.value = !1;
+      }, 150)), (!t || i.id !== t.id) && (kt(), oe.value = !0, xt()), (!t || i.id !== t.id || i.code !== t.code) && (Ae(), f.viewMode === "edit" && (!t || i.id !== t.id ? xe(() => Ze()) : fe && fe.setCode(i.code || "")), clearTimeout(pe), pe = setTimeout(() => {
+        N.value && i.isPreviewable && $.bridge.loadArtifact(i);
       }, 500)));
-    }, { deep: !0 }), de(() => m.viewMode, (i) => {
-      (i === "code" || i === "split") && Ae(), i === "edit" && Ce(() => Xe());
-    }), de(() => m.isPanelOpen, (i) => {
+    }, { deep: !0 }), de(() => f.viewMode, (i) => {
+      (i === "code" || i === "split") && Ae(), i === "edit" && xe(() => Ze());
+    }), de(() => f.isPanelOpen, (i) => {
       i && o.value && Ae(), i || Fe();
     }), de(() => T.panelWidth, (i) => {
       i !== void 0 && (b.value = Math.min(Math.max(i, 25), 75));
     }), de(() => T.splitPosition, (i) => {
-      i !== void 0 && (I.value = Math.min(Math.max(i, 20), 80));
-    }), $e(() => {
-      $.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", Ge), m.isPanelOpen && o.value && Ae();
-    }), Ne(() => {
-      Re(), qe(), Fe(), document.removeEventListener("click", Ge), clearTimeout(pe), clearTimeout(ye);
-    }), (i, t) => (a(), xe(He, { name: "artifactuse-panel" }, {
+      i !== void 0 && (V.value = Math.min(Math.max(i, 20), 80));
+    }), Me(() => {
+      $.on("ai:request", (i) => _("ai-request", i)), $.on("save:request", (i) => _("save", i)), $.on("export:complete", (i) => _("export", i)), document.addEventListener("click", et), f.isPanelOpen && o.value && Ae();
+    }), We(() => {
+      qe(), Oe(), Fe(), document.removeEventListener("click", et), clearTimeout(pe), clearTimeout(ye);
+    }), (i, t) => (a(), $e(Ee, { name: "artifactuse-panel" }, {
       default: Be(() => [
-        g(m).isPanelOpen ? (a(), s("div", {
+        y(f).isPanelOpen ? (a(), s("div", {
           key: 0,
-          class: N(["artifactuse-panel", {
-            "artifactuse-panel--fullscreen": g(m).isFullscreen,
-            "artifactuse-panel--list": !g(o) && g(B),
-            "artifactuse-panel--empty": !g(B)
+          class: j(["artifactuse-panel", {
+            "artifactuse-panel--fullscreen": y(f).isFullscreen,
+            "artifactuse-panel--list": !y(o) && y(E) && !y(f).forceEmptyView,
+            "artifactuse-panel--empty": !y(E) && !y(f).forceEmptyView
           }]),
-          style: Pe(g(m).isFullscreen ? void 0 : { width: `${vt.value}%` })
+          style: He(y(f).isFullscreen ? void 0 : { width: `${ft.value}%` })
         }, [
-          g(m).isFullscreen ? v("", !0) : (a(), s("div", {
+          y(f).isFullscreen ? v("", !0) : (a(), s("div", {
             key: 0,
             class: "artifactuse-panel__resize-handle",
-            onMousedown: he(Vt, ["prevent"])
+            onMousedown: he(Rt, ["prevent"])
           }, [...t[12] || (t[12] = [
             e("div", { class: "artifactuse-panel__resize-handle-line" }, null, -1)
           ])], 32)),
-          g(B) ? g(o) ? (a(), s(R, { key: 3 }, [
-            e("header", Hl, [
-              Me.value || k.value ? (a(), s("button", {
+          !y(E) || we.value ? (a(), s(R, { key: 1 }, [
+            e("header", dl, [
+              e("div", vl, [
+                e("span", fl, [
+                  we.value ? (a(), s("svg", pl, [...t[13] || (t[13] = [
+                    e("path", { d: "M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" }, null, -1),
+                    e("polyline", { points: "14 2 14 8 20 8" }, null, -1)
+                  ])])) : (a(), s("svg", _l, [...t[14] || (t[14] = [
+                    e("polyline", { points: "16 18 22 12 16 6" }, null, -1),
+                    e("polyline", { points: "8 6 2 12 8 18" }, null, -1)
+                  ])]))
+                ]),
+                e("div", hl, [
+                  e("span", ml, l(we.value ? "Artifact Viewer" : "Artifacts"), 1)
+                ])
+              ]),
+              e("div", yl, [
+                e("button", {
+                  class: "artifactuse-panel__action artifactuse-panel__action--close",
+                  title: "Close panel",
+                  onClick: t[0] || (t[0] = (...p) => y(g) && y(g)(...p))
+                }, [...t[15] || (t[15] = [
+                  e("svg", {
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "2"
+                  }, [
+                    e("line", {
+                      x1: "18",
+                      y1: "6",
+                      x2: "6",
+                      y2: "18"
+                    }),
+                    e("line", {
+                      x1: "6",
+                      y1: "6",
+                      x2: "18",
+                      y2: "18"
+                    })
+                  ], -1)
+                ])])
+              ])
+            ]),
+            e("div", gl, [
+              t[16] || (t[16] = e("div", { class: "artifactuse-panel__empty-icon" }, [
+                e("svg", {
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "1.5"
+                }, [
+                  e("path", { d: "M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" }),
+                  e("polyline", { points: "14 2 14 8 20 8" })
+                ])
+              ], -1)),
+              e("h3", kl, l(we.value ? "No artifact selected" : "No artifacts yet"), 1),
+              e("p", wl, l(we.value ? "Open an artifact to have it appear here" : "Code blocks, forms, and other interactive content will appear here as the AI generates them."), 1)
+            ]),
+            e("footer", bl, [
+              G.value ? (a(), s("a", Cl, [...t[17] || (t[17] = [
+                e("svg", {
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 42 42",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg"
+                }, [
+                  e("path", {
+                    d: "M16.6667 41.6673V10.4173C16.6667 9.86478 16.4472 9.33488 16.0565 8.94418C15.6658 8.55348 15.1359 8.33398 14.5833 8.33398H4.16667C3.0616 8.33398 2.00179 8.77297 1.22039 9.55437C0.438987 10.3358 0 11.3956 0 12.5007V37.5006C0 38.6057 0.438987 39.6655 1.22039 40.4469C2.00179 41.2283 3.0616 41.6673 4.16667 41.6673H29.1667C30.2717 41.6673 31.3315 41.2283 32.1129 40.4469C32.8943 39.6655 33.3333 38.6057 33.3333 37.5006V27.084C33.3333 26.5314 33.1138 26.0015 32.7231 25.6108C32.3324 25.2201 31.8025 25.0007 31.25 25.0007H0",
+                    fill: "#5F51C8"
+                  }),
+                  e("path", {
+                    d: "M39.5833 0H27.0833C25.9327 0 25 0.93274 25 2.08333V14.5833C25 15.7339 25.9327 16.6667 27.0833 16.6667H39.5833C40.7339 16.6667 41.6667 15.7339 41.6667 14.5833V2.08333C41.6667 0.93274 40.7339 0 39.5833 0Z",
+                    fill: "#695AE0"
+                  })
+                ], -1),
+                e("span", null, "Artifactuse", -1)
+              ])])) : v("", !0)
+            ])
+          ], 64)) : !y(o) && !we.value ? (a(), s(R, { key: 2 }, [
+            e("header", xl, [
+              e("div", $l, [
+                t[19] || (t[19] = e("span", { class: "artifactuse-panel__icon" }, [
+                  e("svg", {
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "2"
+                  }, [
+                    e("polyline", { points: "16 18 22 12 16 6" }),
+                    e("polyline", { points: "8 6 2 12 8 18" })
+                  ])
+                ], -1)),
+                e("div", Ml, [
+                  t[18] || (t[18] = e("span", { class: "artifactuse-panel__name" }, "Artifacts", -1)),
+                  e("span", Tl, l(d.value.length) + " available", 1)
+                ])
+              ]),
+              e("div", Ll, [
+                e("button", {
+                  class: j(["artifactuse-panel__action", { "artifactuse-panel__action--loading": ee.value }]),
+                  disabled: ee.value,
+                  title: "Download all as ZIP",
+                  onClick: Tt
+                }, [
+                  ee.value ? (a(), s("svg", Hl, [...t[21] || (t[21] = [
+                    e("circle", {
+                      cx: "12",
+                      cy: "12",
+                      r: "10",
+                      "stroke-dasharray": "32",
+                      "stroke-dashoffset": "32"
+                    }, null, -1)
+                  ])])) : (a(), s("svg", Al, [...t[20] || (t[20] = [
+                    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", {
+                      x1: "12",
+                      y1: "15",
+                      x2: "12",
+                      y2: "3"
+                    }, null, -1)
+                  ])]))
+                ], 10, Pl),
+                e("button", {
+                  class: "artifactuse-panel__action artifactuse-panel__action--close",
+                  title: "Close panel",
+                  onClick: t[1] || (t[1] = (...p) => y(g) && y(g)(...p))
+                }, [...t[22] || (t[22] = [
+                  e("svg", {
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "2"
+                  }, [
+                    e("line", {
+                      x1: "18",
+                      y1: "6",
+                      x2: "6",
+                      y2: "18"
+                    }),
+                    e("line", {
+                      x1: "6",
+                      y1: "6",
+                      x2: "18",
+                      y2: "18"
+                    })
+                  ], -1)
+                ])])
+              ])
+            ]),
+            e("div", El, [
+              e("div", Bl, [
+                (a(!0), s(R, null, ve(d.value, (p, F) => (a(), s("button", {
+                  key: p.id,
+                  class: "artifactuse-panel__list-item",
+                  onClick: (J) => Ge(p)
+                }, [
+                  e("span", {
+                    class: "artifactuse-panel__list-item-icon",
+                    innerHTML: Ie(p.language)
+                  }, null, 8, zl),
+                  e("div", Vl, [
+                    e("span", Il, l(p.title || "Untitled"), 1),
+                    e("span", Fl, [
+                      K(l(y(Se)(p.language)) + " ", 1),
+                      p.lineCount ? (a(), s(R, { key: 0 }, [
+                        K(" • " + l(p.lineCount) + " lines ", 1)
+                      ], 64)) : v("", !0)
+                    ])
+                  ]),
+                  t[23] || (t[23] = e("span", { class: "artifactuse-panel__list-item-arrow" }, [
+                    e("svg", {
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "2"
+                    }, [
+                      e("polyline", { points: "9 18 15 12 9 6" })
+                    ])
+                  ], -1))
+                ], 8, Sl))), 128))
+              ])
+            ]),
+            e("footer", Rl, [
+              G.value ? (a(), s("a", ql, [...t[24] || (t[24] = [
+                e("svg", {
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 42 42",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg"
+                }, [
+                  e("path", {
+                    d: "M16.6667 41.6673V10.4173C16.6667 9.86478 16.4472 9.33488 16.0565 8.94418C15.6658 8.55348 15.1359 8.33398 14.5833 8.33398H4.16667C3.0616 8.33398 2.00179 8.77297 1.22039 9.55437C0.438987 10.3358 0 11.3956 0 12.5007V37.5006C0 38.6057 0.438987 39.6655 1.22039 40.4469C2.00179 41.2283 3.0616 41.6673 4.16667 41.6673H29.1667C30.2717 41.6673 31.3315 41.2283 32.1129 40.4469C32.8943 39.6655 33.3333 38.6057 33.3333 37.5006V27.084C33.3333 26.5314 33.1138 26.0015 32.7231 25.6108C32.3324 25.2201 31.8025 25.0007 31.25 25.0007H0",
+                    fill: "#5F51C8"
+                  }),
+                  e("path", {
+                    d: "M39.5833 0H27.0833C25.9327 0 25 0.93274 25 2.08333V14.5833C25 15.7339 25.9327 16.6667 27.0833 16.6667H39.5833C40.7339 16.6667 41.6667 15.7339 41.6667 14.5833V2.08333C41.6667 0.93274 40.7339 0 39.5833 0Z",
+                    fill: "#695AE0"
+                  })
+                ], -1),
+                e("span", null, "Artifactuse", -1)
+              ])])) : v("", !0)
+            ])
+          ], 64)) : (a(), s(R, { key: 3 }, [
+            e("header", Ol, [
+              Te.value || k.value ? (a(), s("button", {
                 key: 0,
                 class: "artifactuse-panel__back",
-                title: Me.value ? "Browse artifacts" : "Back to list",
-                onClick: _t
-              }, [...t[24] || (t[24] = [
+                title: Te.value ? "Browse artifacts" : "Back to list",
+                onClick: ht
+              }, [...t[25] || (t[25] = [
                 e("svg", {
                   viewBox: "0 0 24 24",
                   fill: "none",
@@ -2198,30 +2416,30 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                 }, [
                   e("polyline", { points: "15 18 9 12 15 6" })
                 ], -1)
-              ])], 8, Bl)) : v("", !0),
-              e("div", El, [
+              ])], 8, Ul)) : v("", !0),
+              e("div", Dl, [
                 e("span", {
                   class: "artifactuse-panel__icon",
                   innerHTML: te.value
-                }, null, 8, Sl),
-                e("div", zl, [
-                  e("span", Il, n(g(o).title || "Untitled"), 1),
-                  e("span", Fl, [
-                    K(n(D.value) + " ", 1),
-                    g(o).lineCount ? (a(), s(R, { key: 0 }, [
-                      K(" • " + n(g(o).lineCount) + " lines ", 1)
+                }, null, 8, Nl),
+                e("div", jl, [
+                  e("span", Wl, l(y(o).title || "Untitled"), 1),
+                  e("span", Jl, [
+                    K(l(D.value) + " ", 1),
+                    y(o).lineCount ? (a(), s(R, { key: 0 }, [
+                      K(" • " + l(y(o).lineCount) + " lines ", 1)
                     ], 64)) : v("", !0)
                   ])
                 ])
               ]),
-              e("div", Vl, [
-                !g(o).tabs || g(o).tabs.includes("preview") ? (a(), s("button", {
+              e("div", Xl, [
+                !y(o).tabs || y(o).tabs.includes("preview") ? (a(), s("button", {
                   key: 0,
-                  class: N(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": g(m).viewMode === "preview" }]),
-                  disabled: !g(o).isPreviewable,
+                  class: j(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": y(f).viewMode === "preview" }]),
+                  disabled: !y(o).isPreviewable,
                   title: "Preview",
-                  onClick: t[2] || (t[2] = (f) => g(_)("preview"))
-                }, [...t[25] || (t[25] = [
+                  onClick: t[2] || (t[2] = (p) => y(h)("preview"))
+                }, [...t[26] || (t[26] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
                     fill: "none",
@@ -2235,13 +2453,13 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                       r: "3"
                     })
                   ], -1)
-                ])], 10, Rl)) : v("", !0),
-                !g(o).tabs || g(o).tabs.includes("code") ? (a(), s("button", {
+                ])], 10, Zl)) : v("", !0),
+                !y(o).tabs || y(o).tabs.includes("code") ? (a(), s("button", {
                   key: 1,
-                  class: N(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": g(m).viewMode === "code" }]),
+                  class: j(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": y(f).viewMode === "code" }]),
                   title: "Code",
-                  onClick: t[3] || (t[3] = (f) => g(_)("code"))
-                }, [...t[26] || (t[26] = [
+                  onClick: t[3] || (t[3] = (p) => y(h)("code"))
+                }, [...t[27] || (t[27] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
                     fill: "none",
@@ -2252,13 +2470,13 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                     e("polyline", { points: "8 6 2 12 8 18" })
                   ], -1)
                 ])], 2)) : v("", !0),
-                !g(o).tabs || g(o).tabs.includes("split") ? (a(), s("button", {
+                !y(o).tabs || y(o).tabs.includes("split") ? (a(), s("button", {
                   key: 2,
-                  class: N(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": g(m).viewMode === "split" }]),
-                  disabled: !g(o).isPreviewable,
+                  class: j(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": y(f).viewMode === "split" }]),
+                  disabled: !y(o).isPreviewable,
                   title: "Split view",
-                  onClick: t[4] || (t[4] = (f) => g(_)("split"))
-                }, [...t[27] || (t[27] = [
+                  onClick: t[4] || (t[4] = (p) => y(h)("split"))
+                }, [...t[28] || (t[28] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
                     fill: "none",
@@ -2280,13 +2498,13 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                       y2: "21"
                     })
                   ], -1)
-                ])], 10, ql)) : v("", !0),
-                g(o).tabs && g(o).tabs.includes("edit") && Le.value ? (a(), s("button", {
+                ])], 10, Kl)) : v("", !0),
+                y(o).tabs && y(o).tabs.includes("edit") && Pe.value ? (a(), s("button", {
                   key: 3,
-                  class: N(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": g(m).viewMode === "edit" }]),
+                  class: j(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": y(f).viewMode === "edit" }]),
                   title: "Edit",
-                  onClick: t[5] || (t[5] = (f) => g(_)("edit"))
-                }, [...t[28] || (t[28] = [
+                  onClick: t[5] || (t[5] = (p) => y(h)("edit"))
+                }, [...t[29] || (t[29] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
                     fill: "none",
@@ -2298,13 +2516,13 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                   ], -1)
                 ])], 2)) : v("", !0)
               ]),
-              e("div", Ol, [
-                g(m).viewMode === "edit" ? (a(), s("button", {
+              e("div", Yl, [
+                y(f).viewMode === "edit" ? (a(), s("button", {
                   key: 0,
                   class: "artifactuse-panel__action artifactuse-panel__action--save",
                   title: "Save",
-                  onClick: kt
-                }, [...t[29] || (t[29] = [
+                  onClick: wt
+                }, [...t[30] || (t[30] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
                     fill: "none",
@@ -2318,10 +2536,10 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                 ])])) : v("", !0),
                 e("button", {
                   class: "artifactuse-panel__action",
-                  title: g(m).isFullscreen ? "Exit fullscreen" : "Fullscreen",
-                  onClick: t[6] || (t[6] = (...f) => g(l) && g(l)(...f))
+                  title: y(f).isFullscreen ? "Exit fullscreen" : "Fullscreen",
+                  onClick: t[6] || (t[6] = (...p) => y(n) && y(n)(...p))
                 }, [
-                  g(m).isFullscreen ? (a(), s("svg", jl, [...t[31] || (t[31] = [
+                  y(f).isFullscreen ? (a(), s("svg", en, [...t[32] || (t[32] = [
                     e("polyline", { points: "4 14 10 14 10 20" }, null, -1),
                     e("polyline", { points: "20 10 14 10 14 4" }, null, -1),
                     e("line", {
@@ -2336,7 +2554,7 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                       x2: "10",
                       y2: "14"
                     }, null, -1)
-                  ])])) : (a(), s("svg", Dl, [...t[30] || (t[30] = [
+                  ])])) : (a(), s("svg", Gl, [...t[31] || (t[31] = [
                     e("polyline", { points: "15 3 21 3 21 9" }, null, -1),
                     e("polyline", { points: "9 21 3 21 3 15" }, null, -1),
                     e("line", {
@@ -2352,12 +2570,12 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                       y2: "14"
                     }, null, -1)
                   ])]))
-                ], 8, Ul),
+                ], 8, Ql),
                 e("button", {
                   class: "artifactuse-panel__action artifactuse-panel__action--close",
                   title: "Close panel",
-                  onClick: t[7] || (t[7] = (...f) => g(y) && g(y)(...f))
-                }, [...t[32] || (t[32] = [
+                  onClick: t[7] || (t[7] = (...p) => y(g) && y(g)(...p))
+                }, [...t[33] || (t[33] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
                     fill: "none",
@@ -2380,25 +2598,25 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                 ])])
               ])
             ]),
-            Me.value && We.value.length > 0 ? (a(), s("div", Nl, [
-              e("div", Wl, [
-                (a(!0), s(R, null, ve(We.value, (f) => {
-                  var V;
+            Te.value && Je.value.length > 0 ? (a(), s("div", tn, [
+              e("div", an, [
+                (a(!0), s(R, null, ve(Je.value, (p) => {
+                  var F;
                   return a(), s("button", {
-                    key: f.id,
-                    class: N(["artifactuse-panel__file-tab", { "artifactuse-panel__file-tab--active": f.id === ((V = g(o)) == null ? void 0 : V.id) }]),
-                    onClick: (J) => ft(f)
+                    key: p.id,
+                    class: j(["artifactuse-panel__file-tab", { "artifactuse-panel__file-tab--active": p.id === ((F = y(o)) == null ? void 0 : F.id) }]),
+                    onClick: (J) => pt(p)
                   }, [
                     e("span", {
                       class: "artifactuse-panel__file-tab-icon",
-                      innerHTML: Ie(f.language)
-                    }, null, 8, Xl),
-                    e("span", Zl, n(f.title || "Untitled"), 1),
+                      innerHTML: Ie(p.language)
+                    }, null, 8, ln),
+                    e("span", nn, l(p.title || "Untitled"), 1),
                     e("button", {
                       class: "artifactuse-panel__file-tab-close",
                       title: "Close tab",
-                      onClick: he((J) => pt(f.id), ["stop"])
-                    }, [...t[33] || (t[33] = [
+                      onClick: he((J) => _t(p.id), ["stop"])
+                    }, [...t[34] || (t[34] = [
                       e("svg", {
                         viewBox: "0 0 24 24",
                         fill: "none",
@@ -2418,42 +2636,42 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                           y2: "18"
                         })
                       ], -1)
-                    ])], 8, Kl)
-                  ], 10, Jl);
+                    ])], 8, on)
+                  ], 10, sn);
                 }), 128))
               ])
             ])) : v("", !0),
             e("div", {
               ref_key: "contentRef",
               ref: W,
-              class: N(["artifactuse-panel__content", [
-                `artifactuse-panel__content--${g(m).viewMode}`,
-                { "artifactuse-panel__content--transitioning": p.value }
+              class: j(["artifactuse-panel__content", [
+                `artifactuse-panel__content--${y(f).viewMode}`,
+                { "artifactuse-panel__content--transitioning": m.value }
               ]])
             }, [
-              p.value ? (a(), s("div", Yl, [...t[34] || (t[34] = [
+              m.value ? (a(), s("div", rn, [...t[35] || (t[35] = [
                 e("div", { class: "artifactuse-panel__spinner" }, null, -1)
               ])])) : v("", !0),
-              g(m).viewMode === "preview" || g(m).viewMode === "split" ? (a(), s("div", {
+              y(f).viewMode === "preview" || y(f).viewMode === "split" ? (a(), s("div", {
                 key: 1,
                 class: "artifactuse-panel__preview",
-                style: Pe(g(m).viewMode === "split" ? { width: `${I.value}%` } : void 0)
+                style: He(y(f).viewMode === "split" ? { width: `${V.value}%` } : void 0)
               }, [
-                oe.value && P.value ? (a(), s("div", Ql, [...t[35] || (t[35] = [
+                oe.value && A.value ? (a(), s("div", cn, [...t[36] || (t[36] = [
                   e("div", { class: "artifactuse-panel__spinner" }, null, -1)
                 ])])) : v("", !0),
-                P.value ? (a(), s("iframe", {
+                A.value ? (a(), s("iframe", {
                   key: 1,
                   ref_key: "iframeRef",
-                  ref: j,
-                  src: P.value,
-                  class: N(["artifactuse-panel__iframe", { "artifactuse-panel__iframe--loading": oe.value }]),
+                  ref: N,
+                  src: A.value,
+                  class: j(["artifactuse-panel__iframe", { "artifactuse-panel__iframe--loading": oe.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: wt,
-                  onError: bt
-                }, null, 42, Gl)) : (a(), s("div", en, [
-                  t[36] || (t[36] = e("svg", {
+                  onLoad: bt,
+                  onError: Ct
+                }, null, 42, un)) : (a(), s("div", dn, [
+                  t[37] || (t[37] = e("svg", {
                     viewBox: "0 0 24 24",
                     fill: "none",
                     stroke: "currentColor",
@@ -2468,25 +2686,25 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                       y2: "12"
                     })
                   ], -1)),
-                  e("p", null, "Preview not available for " + n(D.value), 1)
+                  e("p", null, "Preview not available for " + l(D.value), 1)
                 ]))
               ], 4)) : v("", !0),
-              it(e("div", {
+              lt(e("div", {
                 class: "artifactuse-panel__code",
-                style: Pe(g(m).viewMode === "split" ? { width: `${100 - I.value}%` } : void 0)
+                style: He(y(f).viewMode === "split" ? { width: `${100 - V.value}%` } : void 0)
               }, [
-                g(m).viewMode === "split" ? (a(), s("div", {
+                y(f).viewMode === "split" ? (a(), s("div", {
                   key: 0,
                   class: "artifactuse-panel__split-handle",
-                  onMousedown: he(Rt, ["prevent"])
-                }, [...t[37] || (t[37] = [
+                  onMousedown: he(qt, ["prevent"])
+                }, [...t[38] || (t[38] = [
                   e("div", { class: "artifactuse-panel__split-handle-line" }, null, -1)
                 ])], 32)) : v("", !0),
                 e("div", {
                   class: "artifactuse-panel__code-scroll",
                   ref_key: "codeScrollRef",
                   ref: S,
-                  onScroll: St
+                  onScroll: zt
                 }, [
                   e("div", {
                     class: "artifactuse-panel__line-numbers",
@@ -2494,32 +2712,32 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                     ref: Y
                   }, null, 512),
                   e("pre", {
-                    class: N(["artifactuse-panel__code-block", `language-${ae.value}`])
+                    class: j(["artifactuse-panel__code-block", `language-${ae.value}`])
                   }, [
                     (a(), s("code", {
                       ref_key: "codeRef",
                       ref: O,
-                      key: g(o).id,
-                      class: N(`language-${ae.value}`)
+                      key: y(o).id,
+                      class: j(`language-${ae.value}`)
                     }, null, 2))
                   ], 2)
                 ], 544)
               ], 4), [
-                [lt, g(m).viewMode === "code" || g(m).viewMode === "split"]
+                [nt, y(f).viewMode === "code" || y(f).viewMode === "split"]
               ]),
-              it(e("div", tn, [
+              lt(e("div", vn, [
                 e("div", {
                   ref_key: "editorContainerRef",
                   ref: ie,
                   class: "artifactuse-panel__editor-container"
                 }, null, 512)
               ], 512), [
-                [lt, g(m).viewMode === "edit"]
+                [nt, y(f).viewMode === "edit"]
               ])
             ], 2),
-            e("footer", an, [
-              e("div", sn, [
-                G.value ? (a(), s("a", ln, [...t[38] || (t[38] = [
+            e("footer", fn, [
+              e("div", pn, [
+                G.value ? (a(), s("a", _n, [...t[39] || (t[39] = [
                   e("svg", {
                     width: "16",
                     height: "16",
@@ -2538,17 +2756,17 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                   ], -1),
                   e("span", null, "Artifactuse", -1)
                 ])])) : v("", !0),
-                g(o).size ? (a(), s("span", nn, n(g(rt)(g(o).size)), 1)) : v("", !0)
+                y(o).size ? (a(), s("span", hn, l(y(ct)(y(o).size)), 1)) : v("", !0)
               ]),
-              e("div", on, [
+              e("div", mn, [
                 e("button", {
-                  class: N(["artifactuse-panel__footer-action", { "artifactuse-panel__footer-action--success": Z.value }]),
+                  class: j(["artifactuse-panel__footer-action", { "artifactuse-panel__footer-action--success": Z.value }]),
                   title: Z.value ? "Copied!" : "Copy code",
-                  onClick: xt
+                  onClick: $t
                 }, [
-                  Z.value ? (a(), s("svg", un, [...t[40] || (t[40] = [
+                  Z.value ? (a(), s("svg", kn, [...t[41] || (t[41] = [
                     e("polyline", { points: "20 6 9 17 4 12" }, null, -1)
-                  ])])) : (a(), s("svg", cn, [...t[39] || (t[39] = [
+                  ])])) : (a(), s("svg", gn, [...t[40] || (t[40] = [
                     e("rect", {
                       x: "9",
                       y: "9",
@@ -2559,12 +2777,12 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { 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, rn),
+                ], 10, yn),
                 e("button", {
                   class: "artifactuse-panel__footer-action",
                   title: "Download file",
-                  onClick: $t
-                }, [...t[41] || (t[41] = [
+                  onClick: Mt
+                }, [...t[42] || (t[42] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
                     fill: "none",
@@ -2581,12 +2799,12 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                     })
                   ], -1)
                 ])]),
-                ce.value ? (a(), s("div", dn, [
+                ce.value ? (a(), s("div", wn, [
                   e("button", {
                     class: "artifactuse-panel__footer-action",
                     title: "Share",
-                    onClick: Tt
-                  }, [...t[42] || (t[42] = [
+                    onClick: Lt
+                  }, [...t[43] || (t[43] = [
                     e("svg", {
                       viewBox: "0 0 24 24",
                       fill: "none",
@@ -2622,15 +2840,15 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                       })
                     ], -1)
                   ])]),
-                  Se(He, { name: "artifactuse-popup" }, {
+                  ze(Ee, { name: "artifactuse-popup" }, {
                     default: Be(() => [
-                      re.value ? (a(), s("div", vn, [
-                        e("div", fn, [
-                          e("span", pn, n(A.value === "success" ? le.value ? "Artifact updated!" : "Link created!" : A.value === "update-list" ? "Update saved artifact" : "Share Artifact"), 1),
+                      re.value ? (a(), s("div", bn, [
+                        e("div", Cn, [
+                          e("span", xn, l(P.value === "success" ? le.value ? "Artifact updated!" : "Link created!" : P.value === "update-list" ? "Update saved artifact" : "Share Artifact"), 1),
                           e("button", {
                             class: "artifactuse-share-popup__close",
-                            onClick: Lt
-                          }, [...t[43] || (t[43] = [
+                            onClick: Pt
+                          }, [...t[44] || (t[44] = [
                             e("svg", {
                               viewBox: "0 0 24 24",
                               fill: "none",
@@ -2652,29 +2870,29 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                             ], -1)
                           ])])
                         ]),
-                        e("div", _n, [
-                          A.value === "loading" ? (a(), s("div", hn, [...t[44] || (t[44] = [
+                        e("div", $n, [
+                          P.value === "loading" ? (a(), s("div", Mn, [...t[45] || (t[45] = [
                             e("div", { class: "artifactuse-share-popup__spinner" }, null, -1),
                             e("p", { class: "artifactuse-share-popup__loading-text" }, "Creating link...", -1)
-                          ])])) : A.value === "error" ? (a(), s("div", mn, [
-                            e("div", yn, [
-                              e("p", gn, n(L.value), 1)
+                          ])])) : P.value === "error" ? (a(), s("div", Tn, [
+                            e("div", Ln, [
+                              e("p", Pn, l(L.value), 1)
                             ]),
-                            e("div", kn, [
+                            e("div", An, [
                               e("button", {
                                 class: "artifactuse-share-popup__btn artifactuse-share-popup__btn--secondary",
-                                onClick: t[8] || (t[8] = (f) => A.value = "options")
+                                onClick: t[8] || (t[8] = (p) => P.value = "options")
                               }, " Back "),
                               e("button", {
                                 class: "artifactuse-share-popup__btn artifactuse-share-popup__btn--primary",
                                 onClick: At
                               }, " Retry ")
                             ])
-                          ])) : A.value === "options" ? (a(), s("div", wn, [
+                          ])) : P.value === "options" ? (a(), s("div", Hn, [
                             e("button", {
                               class: "artifactuse-share-popup__option",
-                              onClick: Ke
-                            }, [...t[45] || (t[45] = [
+                              onClick: Ye
+                            }, [...t[46] || (t[46] = [
                               e("div", { class: "artifactuse-share-popup__option-icon" }, [
                                 e("svg", {
                                   viewBox: "0 0 24 24",
@@ -2693,8 +2911,8 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                             ])]),
                             e("button", {
                               class: "artifactuse-share-popup__option",
-                              onClick: Ye
-                            }, [...t[46] || (t[46] = [
+                              onClick: Qe
+                            }, [...t[47] || (t[47] = [
                               e("div", { class: "artifactuse-share-popup__option-icon" }, [
                                 e("svg", {
                                   viewBox: "0 0 24 24",
@@ -2714,8 +2932,8 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                             ])]),
                             e("button", {
                               class: "artifactuse-share-popup__option",
-                              onClick: Pt
-                            }, [...t[47] || (t[47] = [
+                              onClick: Ht
+                            }, [...t[48] || (t[48] = [
                               e("div", { class: "artifactuse-share-popup__option-icon" }, [
                                 e("svg", {
                                   viewBox: "0 0 24 24",
@@ -2733,29 +2951,29 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                                 e("p", { class: "artifactuse-share-popup__option-desc" }, "Replace an existing artifact")
                               ], -1)
                             ])])
-                          ])) : A.value === "update-list" ? (a(), s("div", bn, [
-                            z.value ? (a(), s("div", Cn, [...t[48] || (t[48] = [
+                          ])) : P.value === "update-list" ? (a(), s("div", En, [
+                            z.value ? (a(), s("div", Bn, [...t[49] || (t[49] = [
                               e("div", { class: "artifactuse-share-popup__spinner" }, null, -1),
                               e("p", { class: "artifactuse-share-popup__loading-text" }, "Loading artifacts...", -1)
-                            ])])) : u.value.length === 0 ? (a(), s("div", xn, " No saved artifacts of this type ")) : (a(), s("div", $n, [
-                              (a(!0), s(R, null, ve(u.value, (f) => {
-                                var V, J, me;
+                            ])])) : u.value.length === 0 ? (a(), s("div", Sn, " No saved artifacts of this type ")) : (a(), s("div", zn, [
+                              (a(!0), s(R, null, ve(u.value, (p) => {
+                                var F, J, me;
                                 return a(), s("button", {
-                                  key: ((V = f.project) == null ? void 0 : V.uuid) || f.id,
+                                  key: ((F = p.project) == null ? void 0 : F.uuid) || p.id,
                                   class: "artifactuse-share-popup__artifact-item",
-                                  onClick: (ue) => Ht(f)
+                                  onClick: (ue) => Et(p)
                                 }, [
-                                  e("span", Tn, n(((J = f.project) == null ? void 0 : J.name) || "Untitled"), 1),
-                                  e("span", Ln, n(Ze((me = f.project) == null ? void 0 : me.created_at)), 1)
-                                ], 8, Mn);
+                                  e("span", In, l(((J = p.project) == null ? void 0 : J.name) || "Untitled"), 1),
+                                  e("span", Fn, l(Ke((me = p.project) == null ? void 0 : me.created_at)), 1)
+                                ], 8, Vn);
                               }), 128))
                             ])),
                             e("button", {
                               class: "artifactuse-share-popup__back-btn",
-                              onClick: t[9] || (t[9] = (f) => A.value = "options")
+                              onClick: t[9] || (t[9] = (p) => P.value = "options")
                             }, "Back")
-                          ])) : A.value === "success" ? (a(), s("div", An, [
-                            t[51] || (t[51] = e("div", { class: "artifactuse-share-popup__success-icon" }, [
+                          ])) : P.value === "success" ? (a(), s("div", Rn, [
+                            t[52] || (t[52] = e("div", { class: "artifactuse-share-popup__success-icon" }, [
                               e("svg", {
                                 viewBox: "0 0 24 24",
                                 fill: "none",
@@ -2765,21 +2983,21 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                                 e("polyline", { points: "20 6 9 17 4 12" })
                               ])
                             ], -1)),
-                            e("div", Pn, [
+                            e("div", qn, [
                               e("input", {
                                 type: "text",
                                 class: "artifactuse-share-popup__link",
                                 value: Q.value,
                                 readonly: "",
-                                onClick: t[10] || (t[10] = (f) => f.target.select())
-                              }, null, 8, Hn),
+                                onClick: t[10] || (t[10] = (p) => p.target.select())
+                              }, null, 8, On),
                               e("button", {
-                                class: N(["artifactuse-share-popup__copy-btn", { "artifactuse-share-popup__copy-btn--copied": r.value }]),
+                                class: j(["artifactuse-share-popup__copy-btn", { "artifactuse-share-popup__copy-btn--copied": r.value }]),
                                 onClick: Bt
-                              }, n(r.value ? "Copied!" : "Copy"), 3)
+                              }, l(r.value ? "Copied!" : "Copy"), 3)
                             ]),
-                            w.value && !E.value ? (a(), s("div", Bn, [
-                              t[49] || (t[49] = e("span", { class: "artifactuse-share-popup__expiry-icon" }, [
+                            w.value && !B.value ? (a(), s("div", Un, [
+                              t[50] || (t[50] = e("span", { class: "artifactuse-share-popup__expiry-icon" }, [
                                 e("svg", {
                                   viewBox: "0 0 24 24",
                                   fill: "none",
@@ -2805,18 +3023,18 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                                   })
                                 ])
                               ], -1)),
-                              e("span", En, " Expires " + n(Ze(w.value)), 1)
+                              e("span", Dn, " Expires " + l(Ke(w.value)), 1)
                             ])) : v("", !0),
-                            E.value ? v("", !0) : (a(), s("div", Sn, [
-                              t[50] || (t[50] = e("p", { class: "artifactuse-share-popup__save-prompt-text" }, "Keep it permanently?", -1)),
+                            B.value ? v("", !0) : (a(), s("div", Nn, [
+                              t[51] || (t[51] = e("p", { class: "artifactuse-share-popup__save-prompt-text" }, "Keep it permanently?", -1)),
                               e("button", {
                                 class: "artifactuse-share-popup__save-prompt-btn",
-                                onClick: Ye
+                                onClick: Qe
                               }, " Save to account ")
                             ]))
                           ])) : v("", !0)
                         ]),
-                        t[52] || (t[52] = e("div", { class: "artifactuse-share-popup__footer" }, [
+                        t[53] || (t[53] = e("div", { class: "artifactuse-share-popup__footer" }, [
                           e("a", {
                             href: "https://artifactuse.com",
                             target: "_blank",
@@ -2847,12 +3065,12 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                     _: 1
                   })
                 ])) : v("", !0),
-                P.value ? (a(), s("button", {
+                A.value ? (a(), s("button", {
                   key: 1,
                   class: "artifactuse-panel__footer-action",
                   title: "Open in new tab",
-                  onClick: Et
-                }, [...t[53] || (t[53] = [
+                  onClick: St
+                }, [...t[54] || (t[54] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
                     fill: "none",
@@ -2869,13 +3087,13 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                     })
                   ], -1)
                 ])])) : v("", !0),
-                !Me.value && d.value.length > 1 ? (a(), s("div", zn, [
+                !Te.value && d.value.length > 1 ? (a(), s("div", jn, [
                   e("button", {
                     class: "artifactuse-panel__nav-btn",
                     disabled: U.value <= 0,
                     title: "Previous artifact",
                     onClick: It
-                  }, [...t[54] || (t[54] = [
+                  }, [...t[55] || (t[55] = [
                     e("svg", {
                       viewBox: "0 0 24 24",
                       fill: "none",
@@ -2884,14 +3102,14 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                     }, [
                       e("polyline", { points: "15 18 9 12 15 6" })
                     ], -1)
-                  ])], 8, In),
+                  ])], 8, Wn),
                   e("button", {
                     class: "artifactuse-panel__nav-trigger",
                     title: "View all artifacts",
-                    onClick: zt
+                    onClick: Vt
                   }, [
-                    e("span", null, n(U.value + 1) + " / " + n(d.value.length), 1),
-                    t[55] || (t[55] = e("svg", {
+                    e("span", null, l(U.value + 1) + " / " + l(d.value.length), 1),
+                    t[56] || (t[56] = e("svg", {
                       viewBox: "0 0 24 24",
                       fill: "none",
                       stroke: "currentColor",
@@ -2905,7 +3123,7 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                     disabled: U.value >= d.value.length - 1,
                     title: "Next artifact",
                     onClick: Ft
-                  }, [...t[56] || (t[56] = [
+                  }, [...t[57] || (t[57] = [
                     e("svg", {
                       viewBox: "0 0 24 24",
                       fill: "none",
@@ -2914,16 +3132,16 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                     }, [
                       e("polyline", { points: "9 18 15 12 9 6" })
                     ], -1)
-                  ])], 8, Fn),
-                  Se(He, { name: "artifactuse-popup" }, {
+                  ])], 8, Jn),
+                  ze(Ee, { name: "artifactuse-popup" }, {
                     default: Be(() => [
-                      X.value ? (a(), s("div", Vn, [
-                        e("div", Rn, [
-                          t[58] || (t[58] = e("span", null, "Artifacts", -1)),
+                      X.value ? (a(), s("div", Xn, [
+                        e("div", Zn, [
+                          t[59] || (t[59] = e("span", null, "Artifacts", -1)),
                           e("button", {
                             class: "artifactuse-panel__artifact-list-close",
-                            onClick: t[11] || (t[11] = (f) => X.value = !1)
-                          }, [...t[57] || (t[57] = [
+                            onClick: t[11] || (t[11] = (p) => X.value = !1)
+                          }, [...t[58] || (t[58] = [
                             e("svg", {
                               viewBox: "0 0 24 24",
                               fill: "none",
@@ -2945,27 +3163,27 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                             ], -1)
                           ])])
                         ]),
-                        e("div", qn, [
-                          (a(!0), s(R, null, ve(d.value, (f, V) => (a(), s("button", {
-                            key: f.id,
-                            class: N(["artifactuse-panel__artifact-item", { "artifactuse-panel__artifact-item--active": f.id === g(o).id }]),
-                            onClick: (J) => Qe(f)
+                        e("div", Kn, [
+                          (a(!0), s(R, null, ve(d.value, (p, F) => (a(), s("button", {
+                            key: p.id,
+                            class: j(["artifactuse-panel__artifact-item", { "artifactuse-panel__artifact-item--active": p.id === y(o).id }]),
+                            onClick: (J) => Ge(p)
                           }, [
                             e("span", {
                               class: "artifactuse-panel__artifact-item-icon",
-                              innerHTML: Ie(f.language)
-                            }, null, 8, Un),
-                            e("div", Dn, [
-                              e("span", jn, n(f.title || "Untitled"), 1),
-                              e("span", Nn, [
-                                K(n(g(Ee)(f.language)) + " ", 1),
-                                f.lineCount ? (a(), s(R, { key: 0 }, [
-                                  K(" • " + n(f.lineCount) + " lines ", 1)
+                              innerHTML: Ie(p.language)
+                            }, null, 8, Qn),
+                            e("div", Gn, [
+                              e("span", eo, l(p.title || "Untitled"), 1),
+                              e("span", to, [
+                                K(l(y(Se)(p.language)) + " ", 1),
+                                p.lineCount ? (a(), s(R, { key: 0 }, [
+                                  K(" • " + l(p.lineCount) + " lines ", 1)
                                 ], 64)) : v("", !0)
                               ])
                             ]),
-                            e("span", Wn, n(V + 1), 1)
-                          ], 10, On))), 128))
+                            e("span", ao, l(F + 1), 1)
+                          ], 10, Yn))), 128))
                         ])
                       ])) : v("", !0)
                     ]),
@@ -2974,234 +3192,26 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
                 ])) : v("", !0)
               ])
             ])
-          ], 64)) : (a(), s(R, { key: 2 }, [
-            e("header", pl, [
-              e("div", _l, [
-                t[18] || (t[18] = e("span", { class: "artifactuse-panel__icon" }, [
-                  e("svg", {
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    "stroke-width": "2"
-                  }, [
-                    e("polyline", { points: "16 18 22 12 16 6" }),
-                    e("polyline", { points: "8 6 2 12 8 18" })
-                  ])
-                ], -1)),
-                e("div", hl, [
-                  t[17] || (t[17] = e("span", { class: "artifactuse-panel__name" }, "Artifacts", -1)),
-                  e("span", ml, n(d.value.length) + " available", 1)
-                ])
-              ]),
-              e("div", yl, [
-                e("button", {
-                  class: N(["artifactuse-panel__action", { "artifactuse-panel__action--loading": ee.value }]),
-                  disabled: ee.value,
-                  title: "Download all as ZIP",
-                  onClick: Mt
-                }, [
-                  ee.value ? (a(), s("svg", wl, [...t[20] || (t[20] = [
-                    e("circle", {
-                      cx: "12",
-                      cy: "12",
-                      r: "10",
-                      "stroke-dasharray": "32",
-                      "stroke-dashoffset": "32"
-                    }, null, -1)
-                  ])])) : (a(), s("svg", kl, [...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", {
-                      x1: "12",
-                      y1: "15",
-                      x2: "12",
-                      y2: "3"
-                    }, null, -1)
-                  ])]))
-                ], 10, gl),
-                e("button", {
-                  class: "artifactuse-panel__action artifactuse-panel__action--close",
-                  title: "Close panel",
-                  onClick: t[1] || (t[1] = (...f) => g(y) && g(y)(...f))
-                }, [...t[21] || (t[21] = [
-                  e("svg", {
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    "stroke-width": "2"
-                  }, [
-                    e("line", {
-                      x1: "18",
-                      y1: "6",
-                      x2: "6",
-                      y2: "18"
-                    }),
-                    e("line", {
-                      x1: "6",
-                      y1: "6",
-                      x2: "18",
-                      y2: "18"
-                    })
-                  ], -1)
-                ])])
-              ])
-            ]),
-            e("div", bl, [
-              e("div", Cl, [
-                (a(!0), s(R, null, ve(d.value, (f, V) => (a(), s("button", {
-                  key: f.id,
-                  class: "artifactuse-panel__list-item",
-                  onClick: (J) => Qe(f)
-                }, [
-                  e("span", {
-                    class: "artifactuse-panel__list-item-icon",
-                    innerHTML: Ie(f.language)
-                  }, null, 8, $l),
-                  e("div", Ml, [
-                    e("span", Tl, n(f.title || "Untitled"), 1),
-                    e("span", Ll, [
-                      K(n(g(Ee)(f.language)) + " ", 1),
-                      f.lineCount ? (a(), s(R, { key: 0 }, [
-                        K(" • " + n(f.lineCount) + " lines ", 1)
-                      ], 64)) : v("", !0)
-                    ])
-                  ]),
-                  t[22] || (t[22] = e("span", { class: "artifactuse-panel__list-item-arrow" }, [
-                    e("svg", {
-                      viewBox: "0 0 24 24",
-                      fill: "none",
-                      stroke: "currentColor",
-                      "stroke-width": "2"
-                    }, [
-                      e("polyline", { points: "9 18 15 12 9 6" })
-                    ])
-                  ], -1))
-                ], 8, xl))), 128))
-              ])
-            ]),
-            e("footer", Al, [
-              G.value ? (a(), s("a", Pl, [...t[23] || (t[23] = [
-                e("svg", {
-                  width: "16",
-                  height: "16",
-                  viewBox: "0 0 42 42",
-                  fill: "none",
-                  xmlns: "http://www.w3.org/2000/svg"
-                }, [
-                  e("path", {
-                    d: "M16.6667 41.6673V10.4173C16.6667 9.86478 16.4472 9.33488 16.0565 8.94418C15.6658 8.55348 15.1359 8.33398 14.5833 8.33398H4.16667C3.0616 8.33398 2.00179 8.77297 1.22039 9.55437C0.438987 10.3358 0 11.3956 0 12.5007V37.5006C0 38.6057 0.438987 39.6655 1.22039 40.4469C2.00179 41.2283 3.0616 41.6673 4.16667 41.6673H29.1667C30.2717 41.6673 31.3315 41.2283 32.1129 40.4469C32.8943 39.6655 33.3333 38.6057 33.3333 37.5006V27.084C33.3333 26.5314 33.1138 26.0015 32.7231 25.6108C32.3324 25.2201 31.8025 25.0007 31.25 25.0007H0",
-                    fill: "#5F51C8"
-                  }),
-                  e("path", {
-                    d: "M39.5833 0H27.0833C25.9327 0 25 0.93274 25 2.08333V14.5833C25 15.7339 25.9327 16.6667 27.0833 16.6667H39.5833C40.7339 16.6667 41.6667 15.7339 41.6667 14.5833V2.08333C41.6667 0.93274 40.7339 0 39.5833 0Z",
-                    fill: "#695AE0"
-                  })
-                ], -1),
-                e("span", null, "Artifactuse", -1)
-              ])])) : v("", !0)
-            ])
-          ], 64)) : (a(), s(R, { key: 1 }, [
-            e("header", ul, [
-              t[14] || (t[14] = e("div", { class: "artifactuse-panel__title" }, [
-                e("span", { class: "artifactuse-panel__icon" }, [
-                  e("svg", {
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    "stroke-width": "2"
-                  }, [
-                    e("polyline", { points: "16 18 22 12 16 6" }),
-                    e("polyline", { points: "8 6 2 12 8 18" })
-                  ])
-                ]),
-                e("div", { class: "artifactuse-panel__title-content" }, [
-                  e("span", { class: "artifactuse-panel__name" }, "Artifacts")
-                ])
-              ], -1)),
-              e("div", dl, [
-                e("button", {
-                  class: "artifactuse-panel__action artifactuse-panel__action--close",
-                  title: "Close panel",
-                  onClick: t[0] || (t[0] = (...f) => g(y) && g(y)(...f))
-                }, [...t[13] || (t[13] = [
-                  e("svg", {
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    "stroke-width": "2"
-                  }, [
-                    e("line", {
-                      x1: "18",
-                      y1: "6",
-                      x2: "6",
-                      y2: "18"
-                    }),
-                    e("line", {
-                      x1: "6",
-                      y1: "6",
-                      x2: "18",
-                      y2: "18"
-                    })
-                  ], -1)
-                ])])
-              ])
-            ]),
-            t[16] || (t[16] = e("div", { class: "artifactuse-panel__empty" }, [
-              e("div", { class: "artifactuse-panel__empty-icon" }, [
-                e("svg", {
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  "stroke-width": "1.5"
-                }, [
-                  e("path", { d: "M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" }),
-                  e("polyline", { points: "14 2 14 8 20 8" })
-                ])
-              ]),
-              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", vl, [
-              G.value ? (a(), s("a", fl, [...t[15] || (t[15] = [
-                e("svg", {
-                  width: "16",
-                  height: "16",
-                  viewBox: "0 0 42 42",
-                  fill: "none",
-                  xmlns: "http://www.w3.org/2000/svg"
-                }, [
-                  e("path", {
-                    d: "M16.6667 41.6673V10.4173C16.6667 9.86478 16.4472 9.33488 16.0565 8.94418C15.6658 8.55348 15.1359 8.33398 14.5833 8.33398H4.16667C3.0616 8.33398 2.00179 8.77297 1.22039 9.55437C0.438987 10.3358 0 11.3956 0 12.5007V37.5006C0 38.6057 0.438987 39.6655 1.22039 40.4469C2.00179 41.2283 3.0616 41.6673 4.16667 41.6673H29.1667C30.2717 41.6673 31.3315 41.2283 32.1129 40.4469C32.8943 39.6655 33.3333 38.6057 33.3333 37.5006V27.084C33.3333 26.5314 33.1138 26.0015 32.7231 25.6108C32.3324 25.2201 31.8025 25.0007 31.25 25.0007H0",
-                    fill: "#5F51C8"
-                  }),
-                  e("path", {
-                    d: "M39.5833 0H27.0833C25.9327 0 25 0.93274 25 2.08333V14.5833C25 15.7339 25.9327 16.6667 27.0833 16.6667H39.5833C40.7339 16.6667 41.6667 15.7339 41.6667 14.5833V2.08333C41.6667 0.93274 40.7339 0 39.5833 0Z",
-                    fill: "#695AE0"
-                  })
-                ], -1),
-                e("span", null, "Artifactuse", -1)
-              ])])) : v("", !0)
-            ])
           ], 64))
         ], 6)) : v("", !0)
       ]),
       _: 1
     }));
   }
-}, Jn = ["title"], Xn = {
+}, so = ["title"], io = {
   key: 0,
   class: "artifactuse-panel-toggle-badge"
-}, to = {
+}, vo = {
   __name: "ArtifactusePanelToggle",
   setup(H) {
-    const { state: c, artifactCount: h, hasArtifacts: T, togglePanel: m } = ze();
+    const { state: c, artifactCount: _, hasArtifacts: T, togglePanel: f } = Ve();
     return (o, q) => (a(), s("button", {
-      class: N(["artifactuse-panel-toggle", {
-        "artifactuse-panel-toggle--active": g(c).isPanelOpen,
-        "artifactuse-panel-toggle--has-artifacts": g(T)
+      class: j(["artifactuse-panel-toggle", {
+        "artifactuse-panel-toggle--active": y(c).isPanelOpen,
+        "artifactuse-panel-toggle--has-artifacts": y(T)
       }]),
-      onClick: q[0] || (q[0] = (...B) => g(m) && g(m)(...B)),
-      title: g(c).isPanelOpen ? "Close artifacts panel" : "Open artifacts panel"
+      onClick: q[0] || (q[0] = (...E) => y(f) && y(f)(...E)),
+      title: y(c).isPanelOpen ? "Close artifacts panel" : "Open artifacts panel"
     }, [
       q[1] || (q[1] = e("svg", {
         viewBox: "0 0 24 24",
@@ -3214,40 +3224,41 @@ const Yt = { class: "artifactuse-card__icon" }, Qt = ["innerHTML"], Gt = { class
         e("polyline", { points: "16 18 22 12 16 6" }),
         e("polyline", { points: "8 6 2 12 8 18" })
       ], -1)),
-      g(h) > 0 ? (a(), s("span", Xn, n(g(h) > 99 ? "99+" : g(h)), 1)) : v("", !0)
-    ], 10, Jn));
+      y(_) > 0 ? (a(), s("span", io, l(y(_) > 99 ? "99+" : y(_)), 1)) : v("", !0)
+    ], 10, so));
   }
-}, ut = Symbol("artifactuse");
-function dt(H = {}) {
-  var l;
-  const c = ct(H), h = ot({
+}, dt = Symbol("artifactuse");
+function vt(H = {}) {
+  var n;
+  const c = ut(H), _ = rt({
     artifacts: [],
     activeArtifactId: null,
     isPanelOpen: !1,
     viewMode: "preview",
     isFullscreen: !1,
     openTabs: [],
-    tabViewModes: {}
+    tabViewModes: {},
+    forceEmptyView: !1
   });
-  c.state.subscribe((_) => {
-    h.artifacts = _.artifacts, h.activeArtifactId = _.activeArtifactId, h.isPanelOpen = _.isPanelOpen, h.viewMode = _.viewMode, h.isFullscreen = _.isFullscreen, h.openTabs = _.openTabs, h.tabViewModes = _.tabViewModes;
+  c.state.subscribe((h) => {
+    _.artifacts = h.artifacts, _.activeArtifactId = h.activeArtifactId, _.isPanelOpen = h.isPanelOpen, _.viewMode = h.viewMode, _.isFullscreen = h.isFullscreen, _.openTabs = h.openTabs, _.tabViewModes = h.tabViewModes, _.forceEmptyView = h.forceEmptyView;
   });
-  const T = C(() => h.activeArtifactId && h.artifacts.find((_) => _.id === h.activeArtifactId) || null), m = C(() => h.artifacts.filter((_) => !_.isInline).length), o = C(() => h.artifacts.some((_) => !_.isInline)), q = C(() => c.getPanelTypes()), B = C(() => T.value ? c.getPanelUrl(T.value) : null);
+  const T = C(() => _.activeArtifactId && _.artifacts.find((h) => h.id === _.activeArtifactId) || null), f = C(() => _.artifacts.filter((h) => !h.isInline).length), o = C(() => _.artifacts.some((h) => !h.isInline)), q = C(() => c.getPanelTypes()), E = C(() => T.value ? c.getPanelUrl(T.value) : null);
   if (c.applyTheme(), H.theme === "auto" || !H.theme) {
-    const _ = ((l = c.bridge) == null ? void 0 : l.theme) || c.theme;
-    _ != null && _.watchSystemTheme && _.watchSystemTheme(() => {
+    const h = ((n = c.bridge) == null ? void 0 : n.theme) || c.theme;
+    h != null && h.watchSystemTheme && h.watchSystemTheme(() => {
       c.applyTheme();
     });
   }
-  const y = {
+  const g = {
     instance: c,
-    state: h,
+    state: _,
     activeArtifact: T,
-    artifactCount: m,
+    artifactCount: f,
     hasArtifacts: o,
     // Panel computed
     panelTypes: q,
-    activePanelUrl: B,
+    activePanelUrl: E,
     // Methods
     processMessage: c.processMessage,
     initializeContent: c.initializeContent,
@@ -3255,6 +3266,7 @@ function dt(H = {}) {
     openFile: c.openFile,
     openCode: c.openCode,
     updateFile: c.updateFile,
+    openPanel: c.openPanel,
     closePanel: c.closePanel,
     togglePanel: c.togglePanel,
     toggleFullscreen: c.toggleFullscreen,
@@ -3277,45 +3289,46 @@ function dt(H = {}) {
     clearArtifacts: () => c.state.clear(),
     // Theme - wrap setTheme to also apply
     applyTheme: c.applyTheme,
-    setTheme: (_) => {
-      c.setTheme(_), c.applyTheme();
+    setTheme: (h) => {
+      c.setTheme(h), c.applyTheme();
     },
     getTheme: c.getTheme
   };
-  return Nt(ut, y), y;
+  return Wt(dt, g), g;
 }
-function ze() {
-  const H = Wt(ut);
-  return H || (console.warn("useArtifactuse() called without provideArtifactuse(). Creating standalone instance."), dt());
+function Ve() {
+  const H = Jt(dt);
+  return H || (console.warn("useArtifactuse() called without provideArtifactuse(). Creating standalone instance."), vt());
 }
-function Zn(H = {}) {
-  const c = ct(H), h = ot({
+function lo(H = {}) {
+  const c = ut(H), _ = rt({
     artifacts: [],
     activeArtifactId: null,
     isPanelOpen: !1,
     viewMode: "preview",
     isFullscreen: !1,
     openTabs: [],
-    tabViewModes: {}
+    tabViewModes: {},
+    forceEmptyView: !1
   });
   let T;
-  $e(() => {
-    T = c.state.subscribe((l) => {
-      h.artifacts = l.artifacts, h.activeArtifactId = l.activeArtifactId, h.isPanelOpen = l.isPanelOpen, h.viewMode = l.viewMode, h.isFullscreen = l.isFullscreen, h.openTabs = l.openTabs, h.tabViewModes = l.tabViewModes;
+  Me(() => {
+    T = c.state.subscribe((n) => {
+      _.artifacts = n.artifacts, _.activeArtifactId = n.activeArtifactId, _.isPanelOpen = n.isPanelOpen, _.viewMode = n.viewMode, _.isFullscreen = n.isFullscreen, _.openTabs = n.openTabs, _.tabViewModes = n.tabViewModes, _.forceEmptyView = n.forceEmptyView;
     }), c.applyTheme();
-  }), Ne(() => {
+  }), We(() => {
     T && T(), c.destroy();
   });
-  const m = C(() => h.activeArtifactId && h.artifacts.find((l) => l.id === h.activeArtifactId) || null), o = C(() => h.artifacts.filter((l) => !l.isInline).length), q = C(() => h.artifacts.some((l) => !l.isInline)), B = C(() => c.getPanelTypes()), y = C(() => m.value ? c.getPanelUrl(m.value) : null);
+  const f = C(() => _.activeArtifactId && _.artifacts.find((n) => n.id === _.activeArtifactId) || null), o = C(() => _.artifacts.filter((n) => !n.isInline).length), q = C(() => _.artifacts.some((n) => !n.isInline)), E = C(() => c.getPanelTypes()), g = C(() => f.value ? c.getPanelUrl(f.value) : null);
   return {
     instance: c,
-    state: h,
-    activeArtifact: m,
+    state: _,
+    activeArtifact: f,
     artifactCount: o,
     hasArtifacts: q,
     // Panel computed
-    panelTypes: B,
-    activePanelUrl: y,
+    panelTypes: E,
+    activePanelUrl: g,
     // Methods
     processMessage: c.processMessage,
     initializeContent: c.initializeContent,
@@ -3323,6 +3336,7 @@ function Zn(H = {}) {
     openFile: c.openFile,
     openCode: c.openCode,
     updateFile: c.updateFile,
+    openPanel: c.openPanel,
     closePanel: c.closePanel,
     togglePanel: c.togglePanel,
     toggleFullscreen: c.toggleFullscreen,
@@ -3345,29 +3359,29 @@ function Zn(H = {}) {
     clearArtifacts: () => c.state.clear(),
     // Theme - wrap setTheme to also apply
     applyTheme: c.applyTheme,
-    setTheme: (l) => {
-      c.setTheme(l), c.applyTheme();
+    setTheme: (n) => {
+      c.setTheme(n), c.applyTheme();
     },
     getTheme: c.getTheme
   };
 }
-const ao = {
-  provideArtifactuse: dt,
-  useArtifactuse: ze,
-  createArtifactuseComposable: Zn,
-  DEFAULT_PANELS: Zt
+const fo = {
+  provideArtifactuse: vt,
+  useArtifactuse: Ve,
+  createArtifactuseComposable: lo,
+  DEFAULT_PANELS: Kt
 };
 export {
-  Gn as ArtifactuseAgentMessage,
-  ra as ArtifactuseCard,
-  Ya as ArtifactuseInlineForm,
-  eo as ArtifactusePanel,
-  to as ArtifactusePanelToggle,
-  el as ArtifactuseSocialPreview,
-  rl as ArtifactuseViewer,
-  Zt as DEFAULT_PANELS,
-  Zn as createArtifactuseComposable,
-  ao as default,
-  dt as provideArtifactuse,
-  ze as useArtifactuse
+  co as ArtifactuseAgentMessage,
+  ca as ArtifactuseCard,
+  Qa as ArtifactuseInlineForm,
+  uo as ArtifactusePanel,
+  vo as ArtifactusePanelToggle,
+  tl as ArtifactuseSocialPreview,
+  cl as ArtifactuseViewer,
+  Kt as DEFAULT_PANELS,
+  lo as createArtifactuseComposable,
+  fo as default,
+  vt as provideArtifactuse,
+  Ve as useArtifactuse
 };