artifactuse 0.2.3 → 0.2.5

package/dist/vue/index.js

@@ -1,19 +1,19 @@
-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 = {
+import { ref as T, computed as C, createElementBlock as s, openBlock as a, normalizeClass as N, createElementVNode as e, toDisplayString as l, 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 He, createStaticVNode as Ut, createBlock as xe, resolveDynamicComponent as Dt, nextTick as Ce, onUnmounted as We, Teleport as jt, createVNode as ze, Transition as Ee, withCtx as Be, withKeys as Nt, onBeforeUnmount as Wt, unref as y, withDirectives as ot, vShow as rt, reactive as ut, provide as Jt, inject as Xt } from "vue";
+import { g as Se, f as dt, a as je, b as Ne, n as Zt, i as ct, c as Kt, D as Yt, d as vt } from "../index-W575iBkm.js";
+import { J as Qt } from "../jszip.min-CdmYyw5L.js";
+const Gt = { class: "artifactuse-card__icon" }, ea = ["innerHTML"], ta = { class: "artifactuse-card__content" }, aa = { class: "artifactuse-card__title" }, sa = { class: "artifactuse-card__meta" }, ia = { class: "artifactuse-card__type" }, la = { class: "artifactuse-card__size" }, na = { class: "artifactuse-card__actions" }, oa = ["title"], ra = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, ra = {
+}, ca = {
   key: 1,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, ca = {
+}, ua = {
   __name: "ArtifactuseCard",
   props: {
     artifact: {
@@ -27,57 +27,57 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
   },
   emits: ["open", "copy", "download"],
   setup(H, { emit: c }) {
-    const _ = H, T = c, f = M(!1), o = C(() => Se(_.artifact.language)), q = C(() => {
-      var x;
-      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);
+    const _ = H, M = c, f = T(!1), o = C(() => Se(_.artifact.language)), q = C(() => {
+      var $;
+      return dt(_.artifact.size || (($ = _.artifact.code) == null ? void 0 : $.length) || 0);
+    }), E = C(() => je(_.artifact.language));
+    function g($) {
+      $.stopPropagation(), M("open", _.artifact);
     }
     async function n() {
       try {
         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);
+        }, 2e3), M("copy", _.artifact);
+      } catch ($) {
+        console.error("Failed to copy:", $);
       }
     }
     function h() {
       var W;
-      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);
+      const $ = new Blob([_.artifact.code], { type: "text/plain" }), I = URL.createObjectURL($), x = document.createElement("a"), j = Ne(_.artifact.language), O = ((W = _.artifact.title) == null ? void 0 : W.replace(/[^a-z0-9]/gi, "_").toLowerCase()) || "code";
+      x.href = I, x.download = `${O}.${j}`, document.body.appendChild(x), x.click(), document.body.removeChild(x), URL.revokeObjectURL(I), M("download", _.artifact);
     }
-    return (x, I) => (a(), s("div", {
-      class: j(["artifactuse-card", { "artifactuse-card--active": H.isActive }]),
+    return ($, I) => (a(), s("div", {
+      class: N(["artifactuse-card", { "artifactuse-card--active": H.isActive }]),
       onClick: g
     }, [
-      e("div", Qt, [
+      e("div", Gt, [
         (a(), s("svg", {
           viewBox: "0 0 24 24",
           fill: "none",
           stroke: "currentColor",
           "stroke-width": "1.5",
           innerHTML: E.value
-        }, null, 8, Gt))
+        }, null, 8, ea))
       ]),
-      e("div", ea, [
-        e("div", ta, l(H.artifact.title), 1),
-        e("div", aa, [
-          e("span", sa, l(o.value), 1),
+      e("div", ta, [
+        e("div", aa, l(H.artifact.title), 1),
+        e("div", sa, [
+          e("span", ia, l(o.value), 1),
           I[0] || (I[0] = e("span", { class: "artifactuse-card__separator" }, "•", -1)),
-          e("span", ia, l(q.value), 1)
+          e("span", la, l(q.value), 1)
         ])
       ]),
-      e("div", la, [
+      e("div", na, [
         e("button", {
           class: "artifactuse-card__action",
           onClick: he(n, ["stop"]),
           title: f.value ? "Copied!" : "Copy code"
         }, [
-          f.value ? (a(), s("svg", ra, [...I[2] || (I[2] = [
+          f.value ? (a(), s("svg", ca, [...I[2] || (I[2] = [
             e("polyline", { points: "20 6 9 17 4 12" }, null, -1)
-          ])])) : (a(), s("svg", oa, [...I[1] || (I[1] = [
+          ])])) : (a(), s("svg", ra, [...I[1] || (I[1] = [
             e("rect", {
               x: "9",
               y: "9",
@@ -88,7 +88,7 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { 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, na),
+        ], 8, oa),
         e("button", {
           class: "artifactuse-card__action",
           onClick: he(h, ["stop"]),
@@ -123,10 +123,10 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
       ], -1))
     ], 2));
   }
-}, ua = ["data-artifactuse-theme"], da = {
+}, da = ["data-artifactuse-theme"], va = {
   key: 0,
   class: "artifactuse-form-collapsed"
-}, va = { class: "artifactuse-form-collapsed-icon" }, fa = {
+}, fa = { class: "artifactuse-form-collapsed-icon" }, pa = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
@@ -134,7 +134,7 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
   "stroke-width": "2.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, pa = {
+}, _a = {
   key: 1,
   viewBox: "0 0 24 24",
   fill: "none",
@@ -142,7 +142,7 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
   "stroke-width": "2.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, _a = {
+}, ha = {
   key: 2,
   viewBox: "0 0 24 24",
   fill: "none",
@@ -150,64 +150,64 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
   "stroke-width": "2.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, ha = { class: "artifactuse-form-collapsed-title" }, ma = {
+}, ma = { class: "artifactuse-form-collapsed-title" }, ya = {
   key: 0,
   class: "artifactuse-form-header"
-}, ya = {
+}, ga = {
   key: 0,
   class: "artifactuse-form-title"
-}, ga = {
+}, ka = {
   key: 1,
   class: "artifactuse-form-description"
-}, ka = {
+}, wa = {
   key: 1,
   class: "artifactuse-form-buttons"
-}, wa = ["disabled", "onClick"], ba = ["innerHTML"], Ca = { class: "artifactuse-form-fields" }, xa = {
+}, ba = ["disabled", "onClick"], Ca = ["innerHTML"], xa = { class: "artifactuse-form-fields" }, $a = {
   key: 0,
   class: "artifactuse-form-buttons"
-}, $a = ["type", "disabled", "onClick"], Ma = {
+}, Ma = ["type", "disabled", "onClick"], Ta = {
   key: 0,
   class: "artifactuse-form-btn-spinner"
-}, Ta = ["innerHTML"], La = {
+}, La = ["innerHTML"], Pa = {
   key: 1,
   class: "artifactuse-form-divider"
-}, Pa = {
+}, Aa = {
   key: 2,
   class: "artifactuse-form-heading"
-}, Aa = {
+}, Ha = {
   key: 3,
   class: "artifactuse-form-field"
-}, Ha = { class: "artifactuse-checkbox-label" }, Ea = ["checked", "disabled", "onChange"], Ba = { class: "artifactuse-checkbox-text" }, Sa = {
+}, Ea = { class: "artifactuse-checkbox-label" }, Ba = ["checked", "disabled", "onChange"], Sa = { class: "artifactuse-checkbox-text" }, za = {
   key: 0,
   class: "artifactuse-required"
-}, za = {
+}, Va = {
   key: 0,
   class: "artifactuse-help-text"
-}, Va = {
+}, Ia = {
   key: 1,
   class: "artifactuse-error-text"
-}, Ia = {
+}, Fa = {
   key: 4,
   class: "artifactuse-form-field"
-}, Fa = ["for"], Ra = {
+}, Ra = ["for"], qa = {
   key: 0,
   class: "artifactuse-required"
-}, 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 = {
+}, Oa = ["id", "type", "value", "placeholder", "disabled", "required", "onInput"], Ua = ["id", "value", "placeholder", "disabled", "required", "rows", "onInput"], Da = ["id", "value", "disabled", "required", "onChange"], ja = { value: "" }, Na = ["value", "disabled"], Wa = {
   key: 3,
   class: "artifactuse-radio-group"
-}, Wa = ["name", "value", "checked", "disabled", "onChange"], Ja = {
+}, Ja = ["name", "value", "checked", "disabled", "onChange"], Xa = {
   key: 4,
   class: "artifactuse-help-text"
-}, Xa = {
+}, Za = {
   key: 5,
   class: "artifactuse-error-text"
-}, Za = {
+}, Ka = {
   key: 0,
   class: "artifactuse-form-buttons artifactuse-form-buttons-default"
-}, Ka = ["disabled"], Ya = {
+}, Ya = ["disabled"], Qa = {
   key: 0,
   class: "artifactuse-form-btn-spinner"
-}, Qa = {
+}, Ga = {
   __name: "ArtifactuseInlineForm",
   props: {
     artifact: { type: Object, required: !0 },
@@ -221,7 +221,7 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
   },
   emits: ["submit", "cancel", "reset", "button-click"],
   setup(H, { emit: c }) {
-    const _ = H, T = c, f = M(_.initialState), o = C(() => f.value !== "active"), q = C(() => f.value === "active" ? "" : `artifactuse-form--${f.value}`);
+    const _ = H, M = c, f = T(_.initialState), o = C(() => f.value !== "active"), q = C(() => f.value === "active" ? "" : `artifactuse-form--${f.value}`);
     function E(w) {
       f.value = w;
     }
@@ -231,7 +231,7 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
       } catch {
         return { title: "Invalid Form", variant: "fields", data: { fields: [] } };
       }
-    }), 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(() => {
+    }), n = T(null), h = C(() => _.artifact.id || g.value.id || `form-${Date.now()}`), $ = C(() => `artifactuse-form-${g.value.variant || "fields"}`), I = C(() => g.value.title || "Form"), x = T({}), j = T({}), O = T(!1), W = C(() => {
       var w;
       return ((w = g.value.data) == null ? void 0 : w.fields) || [];
     }), Y = C(() => {
@@ -259,7 +259,7 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
         w && n.value.style.setProperty("--artifactuse-primary", w);
       }
     }
-    Me(() => {
+    $e(() => {
       Z(), f.value = _.initialState;
     }), de(() => _.accent, Z), de(() => _.initialState, (w) => {
       f.value = w;
@@ -269,7 +269,7 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
       const 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;
+      }), (r = g.value.data) != null && r.defaults && Object.assign(w, g.value.data.defaults), x.value = w;
     }
     X(), de(() => _.artifact.code, X);
     function oe(w) {
@@ -279,14 +279,14 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
       return w ? w.map((L) => typeof L == "string" ? { label: L, value: L } : L) : [];
     }
     function k(w, L) {
-      $.value[w] = L, N.value[w] && delete N.value[w];
+      x.value[w] = L, j.value[w] && delete j.value[w];
     }
     function ee() {
       var B;
       const w = {};
       W.value.forEach((u) => {
         if (["buttons", "divider", "heading"].includes(u.type)) return;
-        const z = $.value[u.name];
+        const z = x.value[u.name];
         if (u.required && !z && z !== 0 && z !== !1) {
           w[u.name] = `${u.label || "This field"} is required`;
           return;
@@ -311,18 +311,18 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
       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];
+        const le = x.value[u];
         z.pattern && le && (new RegExp(z.pattern).test(le) || (w[u] = z.message || `${u} is invalid`));
-      }), N.value = w, Object.keys(w).length === 0;
+      }), j.value = w, Object.keys(w).length === 0;
     }
     function re() {
-      X(), N.value = {};
+      X(), j.value = {};
     }
     function P() {
-      ee() && (O.value = !0, T("submit", {
+      ee() && (O.value = !0, M("submit", {
         formId: h.value,
         action: "submit",
-        values: { ...$.value },
+        values: { ...x.value },
         timestamp: Date.now()
       }), setTimeout(() => {
         O.value = !1, E("submitted");
@@ -335,7 +335,7 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
           P();
           break;
         case "cancel":
-          T("cancel", {
+          M("cancel", {
             formId: h.value,
             action: "cancel",
             buttonName: w.name || "cancel",
@@ -345,7 +345,7 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
           }, 150);
           break;
         case "reset":
-          re(), T("reset", {
+          re(), M("reset", {
             formId: h.value,
             action: "reset",
             buttonName: w.name || "reset",
@@ -354,12 +354,12 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
           break;
         case "custom":
         default:
-          T("button-click", {
+          M("button-click", {
             formId: h.value,
             action: L,
             buttonName: w.name || w.label,
             buttonLabel: w.label,
-            values: { ...$.value },
+            values: { ...x.value },
             timestamp: Date.now()
           }), setTimeout(() => {
             E("submitted");
@@ -370,18 +370,18 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
     return (w, L) => (a(), s("div", {
       ref_key: "containerRef",
       ref: n,
-      class: j([
+      class: N([
         "artifactuse-inline-form",
-        x.value,
+        $.value,
         q.value
       ]),
       "data-artifactuse-theme": H.theme
     }, [
-      o.value ? (a(), s("div", da, [
-        e("div", va, [
-          f.value === "submitted" ? (a(), s("svg", fa, [...L[1] || (L[1] = [
+      o.value ? (a(), s("div", va, [
+        e("div", fa, [
+          f.value === "submitted" ? (a(), s("svg", pa, [...L[1] || (L[1] = [
             e("polyline", { points: "20 6 9 17 4 12" }, null, -1)
-          ])])) : f.value === "cancelled" ? (a(), s("svg", pa, [...L[2] || (L[2] = [
+          ])])) : f.value === "cancelled" ? (a(), s("svg", _a, [...L[2] || (L[2] = [
             e("line", {
               x1: "18",
               y1: "6",
@@ -394,7 +394,7 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
               x2: "18",
               y2: "18"
             }, null, -1)
-          ])])) : (a(), s("svg", _a, [...L[3] || (L[3] = [
+          ])])) : (a(), s("svg", ha, [...L[3] || (L[3] = [
             e("line", {
               x1: "5",
               y1: "12",
@@ -403,17 +403,17 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
             }, null, -1)
           ])]))
         ]),
-        e("span", ha, l(I.value), 1)
+        e("span", ma, l(I.value), 1)
       ])) : (a(), s(R, { key: 1 }, [
-        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)
+        g.value.title || g.value.description ? (a(), s("div", ya, [
+          g.value.title ? (a(), s("div", ga, l(g.value.title), 1)) : v("", !0),
+          g.value.description ? (a(), s("p", ka, l(g.value.description), 1)) : v("", !0)
         ])) : v("", !0),
-        g.value.variant === "buttons" ? (a(), s("div", ka, [
+        g.value.variant === "buttons" ? (a(), s("div", wa, [
           (a(!0), s(R, null, ve(Y.value, (r) => (a(), s("button", {
             key: r.name || r.label,
             type: "button",
-            class: j(["artifactuse-form-btn", `artifactuse-form-btn-${r.variant || "secondary"}`]),
+            class: N(["artifactuse-form-btn", `artifactuse-form-btn-${r.variant || "secondary"}`]),
             disabled: r.disabled || O.value,
             onClick: (B) => Q(r)
           }, [
@@ -421,93 +421,93 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
               key: 0,
               class: "artifactuse-form-btn-icon",
               innerHTML: r.icon
-            }, null, 8, ba)) : v("", !0),
+            }, null, 8, Ca)) : v("", !0),
             K(" " + l(r.label), 1)
-          ], 10, wa))), 128))
+          ], 10, ba))), 128))
         ])) : (a(), s("form", {
           key: 2,
           class: "artifactuse-form",
           onSubmit: he(P, ["prevent"])
         }, [
-          e("div", Ca, [
+          e("div", xa, [
             (a(!0), s(R, null, ve(W.value, (r, B) => (a(), s(R, {
               key: r.name || B
             }, [
-              r.type === "buttons" ? (a(), s("div", xa, [
+              r.type === "buttons" ? (a(), s("div", $a, [
                 (a(!0), s(R, null, ve(r.fields || [], (u) => (a(), s("button", {
                   key: u.name || u.label,
                   type: u.action === "submit" ? "submit" : "button",
-                  class: j(["artifactuse-form-btn", `artifactuse-form-btn-${u.variant || "secondary"}`]),
+                  class: N(["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", Ma)) : u.icon ? (a(), s("span", {
+                  O.value && u.action === "submit" ? (a(), s("span", Ta)) : u.icon ? (a(), s("span", {
                     key: 1,
                     class: "artifactuse-form-btn-icon",
                     innerHTML: u.icon
-                  }, null, 8, Ta)) : v("", !0),
+                  }, null, 8, La)) : 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, [
+                ], 10, Ma))), 128))
+              ])) : r.type === "divider" ? (a(), s("div", Pa)) : r.type === "heading" ? (a(), s("div", Aa, l(r.label), 1)) : r.type === "checkbox" ? (a(), s("div", Ha, [
+                e("label", Ea, [
                   e("input", {
                     type: "checkbox",
-                    checked: $.value[r.name],
+                    checked: x.value[r.name],
                     disabled: r.disabled,
                     class: "artifactuse-checkbox",
                     onChange: (u) => k(r.name, u.target.checked)
-                  }, null, 40, Ea),
-                  e("span", Ba, [
+                  }, null, 40, Ba),
+                  e("span", Sa, [
                     K(l(r.label) + " ", 1),
-                    r.required ? (a(), s("span", Sa, "*")) : v("", !0)
+                    r.required ? (a(), s("span", za, "*")) : 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, [
+                r.helpText ? (a(), s("span", Va, l(r.helpText), 1)) : v("", !0),
+                j.value[r.name] ? (a(), s("span", Ia, l(j.value[r.name]), 1)) : v("", !0)
+              ])) : (a(), s("div", Fa, [
                 e("label", {
                   for: `${h.value}-${r.name}`,
                   class: "artifactuse-label"
                 }, [
                   K(l(r.label) + " ", 1),
-                  r.required ? (a(), s("span", Ra, "*")) : v("", !0)
-                ], 8, Fa),
+                  r.required ? (a(), s("span", qa, "*")) : v("", !0)
+                ], 8, Ra),
                 oe(r.type) ? (a(), s("input", {
                   key: 0,
                   id: `${h.value}-${r.name}`,
                   type: r.type,
-                  value: $.value[r.name],
+                  value: x.value[r.name],
                   placeholder: r.placeholder,
                   disabled: r.disabled,
                   required: r.required,
                   class: "artifactuse-input",
                   onInput: (u) => k(r.name, u.target.value)
-                }, null, 40, qa)) : r.type === "textarea" ? (a(), s("textarea", {
+                }, null, 40, Oa)) : r.type === "textarea" ? (a(), s("textarea", {
                   key: 1,
                   id: `${h.value}-${r.name}`,
-                  value: $.value[r.name],
+                  value: x.value[r.name],
                   placeholder: r.placeholder,
                   disabled: r.disabled,
                   required: r.required,
                   rows: r.rows || 3,
                   class: "artifactuse-textarea",
                   onInput: (u) => k(r.name, u.target.value)
-                }, null, 40, Oa)) : r.type === "select" ? (a(), s("select", {
+                }, null, 40, Ua)) : r.type === "select" ? (a(), s("select", {
                   key: 2,
                   id: `${h.value}-${r.name}`,
-                  value: $.value[r.name],
+                  value: x.value[r.name],
                   disabled: r.disabled,
                   required: r.required,
                   class: "artifactuse-select",
                   onChange: (u) => k(r.name, u.target.value)
                 }, [
-                  e("option", Da, l(r.placeholder || "Select..."), 1),
+                  e("option", ja, 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
                   }, l(u.label), 9, Na))), 128))
-                ], 40, Ua)) : r.type === "radio" ? (a(), s("div", ja, [
+                ], 40, Da)) : r.type === "radio" ? (a(), s("div", Wa, [
                   (a(!0), s(R, null, ve(m(r.options), (u) => (a(), s("label", {
                     key: u.value,
                     class: "artifactuse-radio-label"
@@ -516,20 +516,20 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                       type: "radio",
                       name: r.name,
                       value: u.value,
-                      checked: $.value[r.name] === u.value,
+                      checked: x.value[r.name] === u.value,
                       disabled: u.disabled || r.disabled,
                       class: "artifactuse-radio",
                       onChange: (z) => k(r.name, u.value)
-                    }, null, 40, Wa),
+                    }, null, 40, Ja),
                     e("span", null, l(u.label), 1)
                   ]))), 128))
                 ])) : 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)
+                r.helpText ? (a(), s("span", Xa, l(r.helpText), 1)) : v("", !0),
+                j.value[r.name] ? (a(), s("span", Za, l(j.value[r.name]), 1)) : v("", !0)
               ]))
             ], 64))), 128))
           ]),
-          S.value ? v("", !0) : (a(), s("div", Za, [
+          S.value ? v("", !0) : (a(), s("div", Ka, [
             e("button", {
               type: "button",
               class: "artifactuse-form-btn artifactuse-form-btn-ghost",
@@ -540,79 +540,79 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
               class: "artifactuse-form-btn artifactuse-form-btn-primary",
               disabled: O.value
             }, [
-              O.value ? (a(), s("span", Ya)) : v("", !0),
+              O.value ? (a(), s("span", Qa)) : v("", !0),
               K(" " + l(O.value ? "Submitting..." : "Submit"), 1)
-            ], 8, Ka)
+            ], 8, Ya)
           ]))
         ], 32))
       ], 64))
-    ], 10, ua));
+    ], 10, da));
   }
-}, 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 = {
+}, es = ["data-artifactuse-theme"], ts = { class: "artifactuse-social-header" }, as = ["src", "alt"], ss = { class: "artifactuse-social-author" }, is = { class: "artifactuse-social-author-name" }, ls = { class: "artifactuse-social-author-meta" }, ns = { class: "artifactuse-social-author-handle" }, os = { class: "artifactuse-social-timestamp" }, rs = { class: "artifactuse-social-content" }, cs = ["innerHTML"], us = {
   key: 0,
   class: "artifactuse-social-media"
-}, us = ["data-count"], ds = ["src", "alt"], vs = {
+}, ds = ["data-count"], vs = ["src", "alt"], fs = {
   key: 1,
   class: "artifactuse-social-link-card"
-}, fs = ["src", "alt"], ps = { class: "artifactuse-social-link-info" }, _s = { class: "artifactuse-social-link-domain" }, hs = { class: "artifactuse-social-link-title" }, ms = {
+}, ps = ["src", "alt"], _s = { class: "artifactuse-social-link-info" }, hs = { class: "artifactuse-social-link-domain" }, ms = { class: "artifactuse-social-link-title" }, ys = {
   key: 0,
   class: "artifactuse-social-link-description"
-}, ys = {
+}, gs = {
   key: 2,
   class: "artifactuse-social-poll"
-}, gs = { class: "artifactuse-social-poll-label" }, ks = { class: "artifactuse-social-poll-label-percent" }, ws = { class: "artifactuse-social-poll-meta" }, bs = {
+}, ks = { class: "artifactuse-social-poll-label" }, ws = { class: "artifactuse-social-poll-label-percent" }, bs = { class: "artifactuse-social-poll-meta" }, Cs = {
   key: 3,
   class: "artifactuse-social-quote"
-}, 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 = {
+}, xs = { class: "artifactuse-social-quote-header" }, $s = ["src"], Ms = { class: "artifactuse-social-quote-author" }, Ts = { class: "artifactuse-social-quote-handle" }, Ls = { class: "artifactuse-social-quote-text" }, Ps = {
   key: 0,
   class: "artifactuse-social-engagement"
-}, 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 = {
+}, As = { class: "artifactuse-social-stat" }, Hs = { class: "artifactuse-social-stat" }, Es = { class: "artifactuse-social-stat" }, Bs = { class: "artifactuse-social-stat" }, Ss = { class: "artifactuse-social-header" }, zs = ["src", "alt"], Vs = { class: "artifactuse-social-author-info" }, Is = { class: "artifactuse-social-author-name" }, Fs = {
   key: 0,
   class: "artifactuse-social-author-connection"
-}, Fs = { class: "artifactuse-social-author-headline" }, Rs = { class: "artifactuse-social-timestamp" }, qs = { class: "artifactuse-social-content" }, Os = ["innerHTML"], Us = {
+}, Rs = { class: "artifactuse-social-author-headline" }, qs = { class: "artifactuse-social-timestamp" }, Os = { class: "artifactuse-social-content" }, Us = ["innerHTML"], Ds = {
   key: 0,
   class: "artifactuse-social-link-card"
-}, Ds = ["src", "alt"], Ns = { class: "artifactuse-social-link-info" }, js = { class: "artifactuse-social-link-title" }, Ws = { class: "artifactuse-social-link-domain" }, Js = {
+}, js = ["src", "alt"], Ns = { class: "artifactuse-social-link-info" }, Ws = { class: "artifactuse-social-link-title" }, Js = { class: "artifactuse-social-link-domain" }, Xs = {
   key: 0,
   class: "artifactuse-social-engagement"
-}, Xs = { class: "artifactuse-social-reactions" }, Zs = { class: "artifactuse-social-header" }, Ks = ["src", "alt"], Ys = { class: "artifactuse-social-author-name" }, Qs = {
+}, Zs = { class: "artifactuse-social-reactions" }, Ks = { class: "artifactuse-social-header" }, Ys = ["src", "alt"], Qs = { class: "artifactuse-social-author-name" }, Gs = {
   key: 0,
   class: "artifactuse-social-verified",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, Gs = {
+}, ei = {
   key: 0,
   class: "artifactuse-social-media"
-}, 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 = {
+}, ti = ["src", "alt"], ai = { class: "artifactuse-social-likes" }, si = { class: "artifactuse-social-caption" }, ii = { class: "artifactuse-social-caption-author" }, li = ["innerHTML"], ni = { class: "artifactuse-social-timestamp" }, oi = { class: "artifactuse-social-header" }, ri = ["src", "alt"], ci = { class: "artifactuse-social-author-info" }, ui = { class: "artifactuse-social-author-name" }, di = { class: "artifactuse-social-timestamp" }, vi = { class: "artifactuse-social-content" }, fi = ["innerHTML"], pi = {
   key: 0,
   class: "artifactuse-social-link-card"
-}, pi = ["src", "alt"], _i = { class: "artifactuse-social-link-info" }, hi = { class: "artifactuse-social-link-domain" }, mi = { class: "artifactuse-social-link-title" }, yi = {
+}, _i = ["src", "alt"], hi = { class: "artifactuse-social-link-info" }, mi = { class: "artifactuse-social-link-domain" }, yi = { class: "artifactuse-social-link-title" }, gi = {
   key: 0,
   class: "artifactuse-social-link-description"
-}, gi = {
+}, ki = {
   key: 0,
   class: "artifactuse-social-engagement"
-}, 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 = {
+}, wi = { class: "artifactuse-social-reactions" }, bi = { class: "artifactuse-social-reaction-count" }, Ci = { class: "artifactuse-social-comments-shares" }, xi = { class: "artifactuse-social-header" }, $i = ["src", "alt"], Mi = { class: "artifactuse-social-author-info" }, Ti = { class: "artifactuse-social-author-name" }, Li = {
   key: 0,
   class: "artifactuse-social-verified",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, Li = { class: "artifactuse-social-timestamp" }, Pi = { class: "artifactuse-social-content" }, Ai = ["innerHTML"], Hi = {
+}, Pi = { class: "artifactuse-social-timestamp" }, Ai = { class: "artifactuse-social-content" }, Hi = ["innerHTML"], Ei = {
   key: 0,
   class: "artifactuse-social-engagement"
-}, Ei = { class: "artifactuse-social-stat" }, Bi = { class: "artifactuse-social-stat" }, Si = { class: "artifactuse-social-stat" }, zi = { class: "artifactuse-social-thumbnail" }, Vi = ["src", "alt"], Ii = {
+}, Bi = { class: "artifactuse-social-stat" }, Si = { class: "artifactuse-social-stat" }, zi = { class: "artifactuse-social-stat" }, Vi = { class: "artifactuse-social-thumbnail" }, Ii = ["src", "alt"], Fi = {
   key: 1,
   class: "artifactuse-social-duration"
-}, Fi = { class: "artifactuse-social-info" }, Ri = { class: "artifactuse-social-header" }, qi = ["src", "alt"], Oi = { class: "artifactuse-social-author-name" }, Ui = ["innerHTML"], Di = {
+}, Ri = { class: "artifactuse-social-info" }, qi = { class: "artifactuse-social-header" }, Oi = ["src", "alt"], Ui = { class: "artifactuse-social-author-name" }, Di = ["innerHTML"], ji = {
   key: 0,
   class: "artifactuse-social-sound"
 }, Ni = {
   key: 1,
   class: "artifactuse-social-engagement"
-}, ji = { class: "artifactuse-social-thumbnail" }, Wi = ["src", "alt"], Ji = {
+}, Wi = { class: "artifactuse-social-thumbnail" }, Ji = ["src", "alt"], Xi = {
   key: 1,
   class: "artifactuse-social-duration"
-}, 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 = {
+}, Zi = { class: "artifactuse-social-info" }, Ki = ["src", "alt"], Yi = { class: "artifactuse-social-title" }, Qi = { class: "artifactuse-social-channel" }, Gi = { class: "artifactuse-social-meta" }, el = { class: "artifactuse-social-actions-bar" }, tl = { 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>', al = {
   __name: "ArtifactuseSocialPreview",
   props: {
     artifact: {
@@ -626,7 +626,7 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
   },
   emits: ["copy", "edit"],
   setup(H, { emit: c }) {
-    const _ = H, T = c, f = M(null), o = M("Copy"), q = C(() => {
+    const _ = H, M = c, f = T(null), o = T("Copy"), q = C(() => {
       try {
         return JSON.parse(_.artifact.code);
       } catch {
@@ -649,13 +649,13 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
     }), h = C(() => {
       var m, k;
       return ((k = (m = q.value) == null ? void 0 : m.data) == null ? void 0 : k.engagement) || {};
-    }), x = C(() => {
+    }), $ = 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(() => ({
+    }), x = C(() => `artifactuse-social-verified-${g.value.verifiedType || "blue"}`), j = C(() => ({
       twitter: "X",
       linkedin: "LinkedIn",
       instagram: "Instagram",
@@ -719,7 +719,7 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
       navigator.clipboard.writeText(m).then(() => {
         o.value = "Copied!", setTimeout(() => {
           o.value = "Copy";
-        }, 2e3), T("copy", { platform: E.value, text: m });
+        }, 2e3), M("copy", { platform: E.value, text: m });
       });
     }
     return (m, k) => {
@@ -727,43 +727,43 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
       return a(), s("div", {
         ref_key: "containerRef",
         ref: f,
-        class: j(["artifactuse-social", [`artifactuse-social-${E.value}`]]),
+        class: N(["artifactuse-social", [`artifactuse-social-${E.value}`]]),
         "data-artifactuse-theme": H.theme
       }, [
         E.value === "twitter" ? (a(), s(R, { key: 0 }, [
-          e("div", es, [
+          e("div", ts, [
             e("img", {
               src: g.value.avatar || _e,
               alt: g.value.name,
               class: "artifactuse-social-avatar",
               onError: Z
-            }, null, 40, ts),
-            e("div", as, [
-              e("div", ss, [
+            }, null, 40, as),
+            e("div", ss, [
+              e("div", is, [
                 e("span", null, l(g.value.name), 1),
                 g.value.verified ? (a(), s("svg", {
                   key: 0,
-                  class: j(["artifactuse-social-verified", $.value]),
+                  class: N(["artifactuse-social-verified", x.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", is, [
-                e("span", ls, l(g.value.handle), 1),
-                e("span", ns, "· " + l(x.value.timestamp || "Just now"), 1)
+              e("div", ls, [
+                e("span", ns, l(g.value.handle), 1),
+                e("span", os, "· " + l($.value.timestamp || "Just now"), 1)
               ])
             ])
           ]),
-          e("div", os, [
+          e("div", rs, [
             e("p", {
               class: "artifactuse-social-text",
               innerHTML: W.value
-            }, null, 8, rs),
-            (ee = n.value.media) != null && ee.length ? (a(), s("div", cs, [
+            }, null, 8, cs),
+            (ee = n.value.media) != null && ee.length ? (a(), s("div", us, [
               e("div", {
-                class: j(["artifactuse-social-media-grid", { "artifactuse-social-media-single": n.value.media.length === 1 }]),
+                class: N(["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(n.value.media.slice(0, 4), (r, B) => (a(), s("img", {
@@ -771,19 +771,19 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                   src: r.url,
                   alt: r.alt || "",
                   onError: X
-                }, null, 40, ds))), 128))
-              ], 10, us)
+                }, null, 40, vs))), 128))
+              ], 10, ds)
             ])) : v("", !0),
-            n.value.link && !((re = n.value.media) != null && re.length) ? (a(), s("div", vs, [
+            n.value.link && !((re = n.value.media) != null && re.length) ? (a(), s("div", fs, [
               n.value.link.image ? (a(), s("img", {
                 key: 0,
                 src: n.value.link.image,
                 alt: n.value.link.title,
                 class: "artifactuse-social-link-image",
                 onError: X
-              }, null, 40, fs)) : v("", !0),
-              e("div", ps, [
-                e("div", _s, [
+              }, null, 40, ps)) : v("", !0),
+              e("div", _s, [
+                e("div", hs, [
                   k[1] || (k[1] = e("svg", {
                     fill: "none",
                     viewBox: "0 0 24 24",
@@ -798,11 +798,11 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                   ], -1)),
                   K(" " + l(n.value.link.domain || ie(n.value.link.url)), 1)
                 ]),
-                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)
+                e("div", ms, l(n.value.link.title), 1),
+                n.value.link.description ? (a(), s("div", ys, l(n.value.link.description), 1)) : v("", !0)
               ])
             ])) : v("", !0),
-            n.value.poll ? (a(), s("div", ys, [
+            n.value.poll ? (a(), s("div", gs, [
               (a(!0), s(R, null, ve(n.value.poll.options, (r, B) => {
                 var u, z;
                 return a(), s("div", {
@@ -813,28 +813,28 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                     class: "artifactuse-social-poll-bar",
                     style: He({ width: `${((u = n.value.poll.votes) == null ? void 0 : u[B]) || 0}%` })
                   }, null, 4),
-                  e("div", gs, [
+                  e("div", ks, [
                     e("span", null, l(r), 1),
-                    e("span", ks, l(((z = n.value.poll.votes) == null ? void 0 : z[B]) || 0) + "%", 1)
+                    e("span", ws, l(((z = n.value.poll.votes) == null ? void 0 : z[B]) || 0) + "%", 1)
                   ])
                 ]);
               }), 128)),
-              e("div", ws, l(S(n.value.poll.totalVotes || 0)) + " votes · " + l(n.value.poll.duration || "Poll ended"), 1)
+              e("div", bs, l(S(n.value.poll.totalVotes || 0)) + " votes · " + l(n.value.poll.duration || "Poll ended"), 1)
             ])) : v("", !0),
-            n.value.quote ? (a(), s("div", bs, [
-              e("div", Cs, [
+            n.value.quote ? (a(), s("div", Cs, [
+              e("div", xs, [
                 e("img", {
                   src: ((P = n.value.quote.author) == null ? void 0 : P.avatar) || _e,
                   class: "artifactuse-social-quote-avatar"
-                }, 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)
+                }, null, 8, $s),
+                e("span", Ms, l((Q = n.value.quote.author) == null ? void 0 : Q.name), 1),
+                e("span", Ts, l((w = n.value.quote.author) == null ? void 0 : w.handle), 1)
               ]),
-              e("p", Ts, l(n.value.quote.text), 1)
+              e("p", Ls, l(n.value.quote.text), 1)
             ])) : v("", !0)
           ]),
-          I.value ? (a(), s("div", Ls, [
-            e("div", Ps, [
+          I.value ? (a(), s("div", Ps, [
+            e("div", As, [
               k[2] || (k[2] = e("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
@@ -845,7 +845,7 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
               ], -1)),
               e("span", null, l(S(h.value.replies || 0)), 1)
             ]),
-            e("div", As, [
+            e("div", Hs, [
               k[3] || (k[3] = e("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
@@ -856,7 +856,7 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
               ], -1)),
               e("span", null, l(S(h.value.retweets || 0)), 1)
             ]),
-            e("div", Hs, [
+            e("div", Es, [
               k[4] || (k[4] = e("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
@@ -867,7 +867,7 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
               ], -1)),
               e("span", null, l(S(h.value.likes || 0)), 1)
             ]),
-            e("div", Es, [
+            e("div", Bs, [
               k[5] || (k[5] = e("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
@@ -880,21 +880,21 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
             ])
           ])) : v("", !0)
         ], 64)) : E.value === "linkedin" ? (a(), s(R, { key: 1 }, [
-          e("div", Bs, [
+          e("div", Ss, [
             e("img", {
               src: g.value.avatar || _e,
               alt: g.value.name,
               class: "artifactuse-social-avatar",
               onError: Z
-            }, null, 40, Ss),
-            e("div", zs, [
-              e("div", Vs, [
+            }, null, 40, zs),
+            e("div", Vs, [
+              e("div", Is, [
                 K(l(g.value.name) + " ", 1),
-                g.value.connection ? (a(), s("span", Is, "· " + l(g.value.connection), 1)) : v("", !0)
+                g.value.connection ? (a(), s("span", Fs, "· " + 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),
+              e("div", Rs, l(g.value.headline), 1),
+              e("div", qs, [
+                K(l($.value.timestamp || "Just now") + " · ", 1),
                 k[6] || (k[6] = e("svg", {
                   viewBox: "0 0 24 24",
                   fill: "currentColor"
@@ -904,27 +904,27 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
               ])
             ])
           ]),
-          e("div", qs, [
+          e("div", Os, [
             e("p", {
               class: "artifactuse-social-text",
               innerHTML: W.value
-            }, null, 8, Os),
-            n.value.link ? (a(), s("div", Us, [
+            }, null, 8, Us),
+            n.value.link ? (a(), s("div", Ds, [
               n.value.link.image ? (a(), s("img", {
                 key: 0,
                 src: n.value.link.image,
                 alt: n.value.link.title,
                 class: "artifactuse-social-link-image",
                 onError: X
-              }, null, 40, Ds)) : v("", !0),
+              }, null, 40, js)) : 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)
+                e("div", Ws, l(n.value.link.title), 1),
+                e("div", Js, l(n.value.link.domain || ie(n.value.link.url)), 1)
               ])
             ])) : v("", !0)
           ]),
-          I.value ? (a(), s("div", Js, [
-            e("div", Xs, [
+          I.value ? (a(), s("div", Xs, [
+            e("div", Zs, [
               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" }, "❤️"),
@@ -935,49 +935,49 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
             e("span", null, l(S(h.value.comments || 0)) + " comments · " + l(S(h.value.shares || 0)) + " shares", 1)
           ])) : v("", !0)
         ], 64)) : E.value === "instagram" ? (a(), s(R, { key: 2 }, [
-          e("div", Zs, [
+          e("div", Ks, [
             e("img", {
               src: g.value.avatar || _e,
               alt: g.value.name,
               class: "artifactuse-social-avatar",
               onError: Z
-            }, null, 40, Ks),
-            e("div", Ys, [
+            }, null, 40, Ys),
+            e("div", Qs, [
               K(l(g.value.name) + " ", 1),
-              g.value.verified ? (a(), s("svg", Qs, [...k[8] || (k[8] = [
+              g.value.verified ? (a(), s("svg", Gs, [...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 = n.value.media) != null && L.length ? (a(), s("div", Gs, [
+          (L = n.value.media) != null && L.length ? (a(), s("div", ei, [
             e("img", {
               src: n.value.media[0].url,
               alt: n.value.media[0].alt || "",
               onError: X
-            }, null, 40, ei)
+            }, null, 40, ti)
           ])) : v("", !0),
-          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),
+          k[9] || (k[9] = Ut('<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", ai, l(S(h.value.likes || 0)) + " likes", 1),
+          e("div", si, [
+            e("span", ii, l(g.value.name), 1),
             e("span", {
               class: "artifactuse-social-caption-text",
               innerHTML: W.value
-            }, null, 8, ii)
+            }, null, 8, li)
           ]),
-          e("div", li, l(x.value.timestamp || "Just now"), 1)
+          e("div", ni, l($.value.timestamp || "Just now"), 1)
         ], 64)) : E.value === "facebook" ? (a(), s(R, { key: 3 }, [
-          e("div", ni, [
+          e("div", oi, [
             e("img", {
               src: g.value.avatar || _e,
               alt: g.value.name,
               class: "artifactuse-social-avatar",
               onError: Z
-            }, 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),
+            }, null, 40, ri),
+            e("div", ci, [
+              e("div", ui, l(g.value.name), 1),
+              e("div", di, [
+                K(l($.value.timestamp || "Just now") + " · ", 1),
                 k[10] || (k[10] = e("svg", {
                   viewBox: "0 0 24 24",
                   fill: "currentColor"
@@ -987,63 +987,63 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
               ])
             ])
           ]),
-          e("div", di, [
+          e("div", vi, [
             e("p", {
               class: "artifactuse-social-text",
               innerHTML: W.value
-            }, null, 8, vi),
-            n.value.link ? (a(), s("div", fi, [
+            }, null, 8, fi),
+            n.value.link ? (a(), s("div", pi, [
               n.value.link.image ? (a(), s("img", {
                 key: 0,
                 src: n.value.link.image,
                 alt: n.value.link.title,
                 class: "artifactuse-social-link-image",
                 onError: X
-              }, 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)
+              }, null, 40, _i)) : v("", !0),
+              e("div", hi, [
+                e("div", mi, l(n.value.link.domain || ie(n.value.link.url)), 1),
+                e("div", yi, l(n.value.link.title), 1),
+                n.value.link.description ? (a(), s("div", gi, l(n.value.link.description), 1)) : v("", !0)
               ])
             ])) : v("", !0)
           ]),
-          I.value ? (a(), s("div", gi, [
-            e("div", ki, [
+          I.value ? (a(), s("div", ki, [
+            e("div", wi, [
               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", wi, l(S(Y.value)), 1)
+              e("span", bi, l(S(Y.value)), 1)
             ]),
-            e("span", bi, l(S(h.value.comments || 0)) + " comments · " + l(S(h.value.shares || 0)) + " shares", 1)
+            e("span", Ci, l(S(h.value.comments || 0)) + " comments · " + l(S(h.value.shares || 0)) + " shares", 1)
           ])) : v("", !0)
         ], 64)) : E.value === "threads" ? (a(), s(R, { key: 4 }, [
-          e("div", Ci, [
+          e("div", xi, [
             e("img", {
               src: g.value.avatar || _e,
               alt: g.value.name,
               class: "artifactuse-social-avatar",
               onError: Z
-            }, null, 40, xi),
-            e("div", $i, [
-              e("div", Mi, [
+            }, null, 40, $i),
+            e("div", Mi, [
+              e("div", Ti, [
                 K(l(g.value.name) + " ", 1),
-                g.value.verified ? (a(), s("svg", Ti, [...k[12] || (k[12] = [
+                g.value.verified ? (a(), s("svg", Li, [...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", Li, l(x.value.timestamp || "Just now"), 1)
+              e("span", Pi, l($.value.timestamp || "Just now"), 1)
             ])
           ]),
-          e("div", Pi, [
+          e("div", Ai, [
             e("p", {
               class: "artifactuse-social-text",
               innerHTML: W.value
-            }, null, 8, Ai)
+            }, null, 8, Hi)
           ]),
-          I.value ? (a(), s("div", Hi, [
-            e("div", Ei, [
+          I.value ? (a(), s("div", Ei, [
+            e("div", Bi, [
               k[13] || (k[13] = e("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
@@ -1054,7 +1054,7 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
               ], -1)),
               e("span", null, l(S(h.value.likes || 0)), 1)
             ]),
-            e("div", Bi, [
+            e("div", Si, [
               k[14] || (k[14] = e("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
@@ -1065,7 +1065,7 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
               ], -1)),
               e("span", null, l(S(h.value.comments || 0)), 1)
             ]),
-            e("div", Si, [
+            e("div", zi, [
               k[15] || (k[15] = e("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
@@ -1078,13 +1078,13 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
             ])
           ])) : v("", !0)
         ], 64)) : E.value === "tiktok" ? (a(), s(R, { key: 5 }, [
-          e("div", zi, [
+          e("div", Vi, [
             n.value.thumbnail ? (a(), s("img", {
               key: 0,
               src: n.value.thumbnail,
               alt: n.value.text,
               onError: X
-            }, null, 40, Vi)) : v("", !0),
+            }, null, 40, Ii)) : v("", !0),
             k[16] || (k[16] = e("div", { class: "artifactuse-social-play-button" }, [
               e("div", { class: "artifactuse-social-play-icon" }, [
                 e("svg", {
@@ -1095,23 +1095,23 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                 ])
               ])
             ], -1)),
-            n.value.duration ? (a(), s("div", Ii, l(n.value.duration), 1)) : v("", !0)
+            n.value.duration ? (a(), s("div", Fi, l(n.value.duration), 1)) : v("", !0)
           ]),
-          e("div", Fi, [
-            e("div", Ri, [
+          e("div", Ri, [
+            e("div", qi, [
               e("img", {
                 src: g.value.avatar || _e,
                 alt: g.value.name,
                 class: "artifactuse-social-avatar",
                 onError: Z
-              }, null, 40, qi),
-              e("span", Oi, l(g.value.name), 1)
+              }, null, 40, Oi),
+              e("span", Ui, l(g.value.name), 1)
             ]),
             e("p", {
               class: "artifactuse-social-text",
               innerHTML: W.value
-            }, null, 8, Ui),
-            n.value.sound ? (a(), s("div", Di, [
+            }, null, 8, Di),
+            n.value.sound ? (a(), s("div", ji, [
               k[17] || (k[17] = e("svg", {
                 viewBox: "0 0 24 24",
                 fill: "currentColor"
@@ -1127,33 +1127,33 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
             ])) : v("", !0)
           ])
         ], 64)) : E.value === "youtube" ? (a(), s(R, { key: 6 }, [
-          e("div", ji, [
+          e("div", Wi, [
             n.value.thumbnail ? (a(), s("img", {
               key: 0,
               src: n.value.thumbnail,
               alt: n.value.title,
               onError: X
-            }, null, 40, Wi)) : v("", !0),
-            n.value.duration ? (a(), s("div", Ji, l(n.value.duration), 1)) : v("", !0)
+            }, null, 40, Ji)) : v("", !0),
+            n.value.duration ? (a(), s("div", Xi, l(n.value.duration), 1)) : v("", !0)
           ]),
-          e("div", Xi, [
+          e("div", Zi, [
             e("img", {
               src: g.value.avatar || _e,
               alt: g.value.name,
               class: "artifactuse-social-avatar",
               onError: Z
-            }, null, 40, Zi),
+            }, null, 40, Ki),
             e("div", null, [
-              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)
+              e("div", Yi, l(n.value.title || n.value.text), 1),
+              e("div", Qi, l(g.value.name), 1),
+              e("div", Gi, l(S(h.value.views || 0)) + " views · " + l($.value.timestamp || "Just now"), 1)
             ])
           ])
         ], 64)) : v("", !0),
-        e("div", Gi, [
-          e("div", el, [
-            (a(), $e(Ut(O.value))),
-            e("span", null, l(N.value), 1)
+        e("div", el, [
+          e("div", tl, [
+            (a(), xe(Dt(O.value))),
+            e("span", null, l(j.value), 1)
           ]),
           e("button", {
             class: "artifactuse-social-copy-btn",
@@ -1178,28 +1178,28 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
             K(" " + l(o.value), 1)
           ])
         ])
-      ], 10, Ga);
+      ], 10, es);
     };
   }
-}, al = ["src", "alt"], sl = ["src"], il = {
+}, sl = ["src", "alt"], il = ["src"], ll = {
   key: 2,
   class: "artifactuse-viewer-controls"
-}, ll = ["title"], nl = {
+}, nl = ["title"], ol = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, ol = {
+}, rl = {
   key: 1,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, rl = {
+}, cl = {
   key: 3,
   class: "artifactuse-viewer-caption"
-}, cl = {
+}, ul = {
   __name: "ArtifactuseViewer",
   props: {
     // Whether the viewer is open
@@ -1230,9 +1230,9 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
   },
   emits: ["close"],
   setup(H, { emit: c }) {
-    const _ = H, T = c, f = M(null), o = M(!1);
+    const _ = H, M = c, f = T(null), o = T(!1);
     function q() {
-      o.value = !1, T("close");
+      o.value = !1, M("close");
     }
     function E() {
       _.type === "image" && (o.value = !o.value);
@@ -1245,15 +1245,15 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
       h.key === "Escape" && _.isOpen && q();
     }
     return de(() => _.isOpen, (h) => {
-      h ? (xe(() => {
-        var x;
-        (x = f.value) == null || x.focus();
+      h ? (Ce(() => {
+        var $;
+        ($ = f.value) == null || $.focus();
       }), document.body.style.overflow = "hidden") : (document.body.style.overflow = "", o.value = !1);
-    }), Me(() => {
+    }), $e(() => {
       document.addEventListener("keydown", n);
     }), We(() => {
       document.removeEventListener("keydown", n), document.body.style.overflow = "";
-    }), (h, x) => (a(), $e(Dt, { to: "body" }, [
+    }), (h, $) => (a(), xe(jt, { to: "body" }, [
       ze(Ee, { name: "artifactuse-viewer" }, {
         default: Be(() => [
           H.isOpen ? (a(), s("div", {
@@ -1267,25 +1267,25 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
           }, [
             e("div", {
               class: "artifactuse-viewer-content",
-              onClick: x[0] || (x[0] = he(() => {
+              onClick: $[0] || ($[0] = he(() => {
               }, ["stop"]))
             }, [
               H.type === "image" ? (a(), s("img", {
                 key: 0,
                 src: H.src,
                 alt: H.alt,
-                class: j(["artifactuse-viewer-image", { "artifactuse-viewer-image--zoomed": o.value }]),
+                class: N(["artifactuse-viewer-image", { "artifactuse-viewer-image--zoomed": o.value }]),
                 onClick: E
-              }, null, 10, al)) : H.type === "pdf" ? (a(), s("iframe", {
+              }, null, 10, sl)) : H.type === "pdf" ? (a(), s("iframe", {
                 key: 1,
                 src: H.src,
                 class: "artifactuse-viewer-pdf"
-              }, null, 8, sl)) : v("", !0),
+              }, null, 8, il)) : v("", !0),
               e("button", {
                 class: "artifactuse-viewer-close",
                 onClick: q,
                 title: "Close (Esc)"
-              }, [...x[1] || (x[1] = [
+              }, [...$[1] || ($[1] = [
                 e("svg", {
                   viewBox: "0 0 24 24",
                   fill: "none",
@@ -1306,13 +1306,13 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                   })
                 ], -1)
               ])]),
-              H.type === "image" ? (a(), s("div", il, [
+              H.type === "image" ? (a(), s("div", ll, [
                 e("button", {
                   class: "artifactuse-viewer-control",
                   onClick: he(E, ["stop"]),
                   title: o.value ? "Zoom out" : "Zoom in"
                 }, [
-                  o.value ? (a(), s("svg", ol, [...x[3] || (x[3] = [
+                  o.value ? (a(), s("svg", rl, [...$[3] || ($[3] = [
                     e("circle", {
                       cx: "11",
                       cy: "11",
@@ -1330,7 +1330,7 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                       x2: "14",
                       y2: "11"
                     }, null, -1)
-                  ])])) : (a(), s("svg", nl, [...x[2] || (x[2] = [
+                  ])])) : (a(), s("svg", ol, [...$[2] || ($[2] = [
                     e("circle", {
                       cx: "11",
                       cy: "11",
@@ -1355,12 +1355,12 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                       y2: "11"
                     }, null, -1)
                   ])]))
-                ], 8, ll),
+                ], 8, nl),
                 e("button", {
                   class: "artifactuse-viewer-control",
                   onClick: he(g, ["stop"]),
                   title: "Download"
-                }, [...x[4] || (x[4] = [
+                }, [...$[4] || ($[4] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
                     fill: "none",
@@ -1378,7 +1378,7 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                   ], -1)
                 ])])
               ])) : v("", !0),
-              H.caption ? (a(), s("div", rl, l(H.caption), 1)) : v("", !0)
+              H.caption ? (a(), s("div", cl, l(H.caption), 1)) : v("", !0)
             ])
           ], 544)) : v("", !0)
         ]),
@@ -1386,7 +1386,7 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
       })
     ]));
   }
-}, ul = ["innerHTML"], co = {
+}, dl = ["innerHTML"], uo = {
   __name: "ArtifactuseAgentMessage",
   props: {
     // The raw message content (markdown/HTML from AI)
@@ -1448,24 +1448,24 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
     "media-open"
   ],
   setup(H, { expose: c, emit: _ }) {
-    const T = H, f = _, {
+    const M = H, f = _, {
       processMessage: o,
       openArtifact: q,
       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(() => {
+    } = Ve(), h = T(null), $ = T(null), I = T(""), x = T([]);
+    let j = null;
+    const O = T(!1), W = T("image"), Y = T(""), S = T(""), ie = T(""), Z = C(() => (g == null ? void 0 : g()) || "dark"), X = C(() => E.activeArtifactId), oe = C(() => {
       var b;
-      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) => {
+      return M.inlineCards ?? ((b = n == null ? void 0 : n.config) == null ? void 0 : b.inlineCards) ?? !0;
+    }), m = T(!1);
+    $e(() => {
+      M.typing && (m.value = !0);
+    }), de(() => M.typing, (b) => {
       b && (m.value = !0);
     });
-    const k = C(() => m.value || T.isLastMessage ? "active" : "inactive");
+    const k = C(() => m.value || M.isLastMessage ? "active" : "inactive");
     function ee(b) {
       if (!b) return null;
       try {
@@ -1507,8 +1507,8 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
       O.value = !1, Y.value = "", S.value = "", ie.value = "";
     }
     function w() {
-      if (!x.value) return;
-      x.value.querySelectorAll('img[data-lightbox="true"]').forEach((d) => {
+      if (!$.value) return;
+      $.value.querySelectorAll('img[data-lightbox="true"]').forEach((d) => {
         d._lightboxHandler && d.removeEventListener("click", d._lightboxHandler), d._lightboxHandler = (U) => {
           U.preventDefault(), U.stopPropagation(), P({
             type: "image",
@@ -1517,29 +1517,29 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
             caption: d.dataset.caption || d.alt || ""
           });
         }, d.addEventListener("click", d._lightboxHandler), d.style.cursor = "zoom-in";
-      }), x.value.querySelectorAll(".artifactuse-image-container img").forEach((d) => {
+      }), $.value.querySelectorAll(".artifactuse-image-container img").forEach((d) => {
         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 || "";
+          const G = d.closest(".artifactuse-image-container"), ce = G == null ? void 0 : G.querySelector(".artifactuse-image-caption"), Me = (ce == null ? void 0 : ce.textContent) || d.dataset.caption || d.alt || "";
           P({
             type: "image",
             src: d.src,
             alt: d.alt || "",
-            caption: ke
+            caption: Me
           });
         }, d.addEventListener("click", d._lightboxHandler), d.style.cursor = "zoom-in");
-      }), x.value.querySelectorAll(".artifactuse-gallery-item img, .artifactuse-image-gallery img").forEach((d) => {
+      }), $.value.querySelectorAll(".artifactuse-gallery-item img, .artifactuse-image-gallery img").forEach((d) => {
         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 || "";
+          const G = d.closest(".artifactuse-gallery-item"), ce = G == null ? void 0 : G.querySelector(".artifactuse-gallery-caption"), Me = (ce == null ? void 0 : ce.textContent) || d.dataset.caption || d.alt || "";
           P({
             type: "image",
             src: d.src,
             alt: d.alt || "",
-            caption: ke
+            caption: Me
           });
         }, d.addEventListener("click", d._lightboxHandler), d.style.cursor = "zoom-in");
-      }), x.value.querySelectorAll('a[href$=".pdf"], a[data-type="pdf"]').forEach((d) => {
+      }), $.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(), P({
             type: "pdf",
@@ -1548,7 +1548,7 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
             caption: d.title || d.textContent || ""
           });
         }, d.addEventListener("click", d._pdfHandler);
-      }), x.value.querySelectorAll(".artifactuse-pdf-container, [data-pdf-viewer]").forEach((d) => {
+      }), $.value.querySelectorAll(".artifactuse-pdf-container, [data-pdf-viewer]").forEach((d) => {
         var G;
         d._pdfHandler && d.removeEventListener("click", d._pdfHandler);
         const U = d.dataset.pdfSrc || ((G = d.querySelector("iframe")) == null ? void 0 : G.src) || "";
@@ -1560,7 +1560,7 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
             caption: d.dataset.caption || ""
           });
         }, d.addEventListener("click", d._pdfHandler), d.style.cursor = "pointer");
-      }), x.value.querySelectorAll(".artifactuse-video-preview-wrapper, .video-preview-wrapper").forEach((d) => {
+      }), $.value.querySelectorAll(".artifactuse-video-preview-wrapper, .video-preview-wrapper").forEach((d) => {
         d._clickHandler && d.removeEventListener("click", d._clickHandler), d._clickHandler = (U) => {
           if (U.target.closest(".artifactuse-video-play-button")) return;
           const G = d.dataset.videoUrl || d.dataset.url;
@@ -1569,22 +1569,22 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
       });
     }
     function L() {
-      if (!x.value) return;
-      x.value.querySelectorAll("img").forEach((A) => {
+      if (!$.value) return;
+      $.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) => {
+      }), $.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) => {
+      }), $.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) => {
+      }), $.value.querySelectorAll(".artifactuse-video-preview-wrapper, .video-preview-wrapper").forEach((A) => {
         A._clickHandler && (A.removeEventListener("click", A._clickHandler), delete A._clickHandler);
       });
     }
     function r() {
-      N && clearTimeout(N), N = setTimeout(async () => {
-        if (await xe(), n != null && n.initializeContent && x.value)
+      j && clearTimeout(j), j = setTimeout(async () => {
+        if (await Ce(), n != null && n.initializeContent && $.value)
           try {
-            await n.initializeContent(x.value);
+            await n.initializeContent($.value);
           } catch (b) {
             console.error("Failed to initialize content:", b);
           }
@@ -1592,28 +1592,28 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
       }, 100);
     }
     de(
-      () => T.content,
+      () => M.content,
       (b) => {
         if (b) {
-          const V = o(b, T.messageId, {
-            inlinePreview: T.inlinePreview,
-            inlineCode: T.inlineCode,
-            tabs: T.tabs,
-            viewMode: T.viewMode
+          const V = o(b, M.messageId, {
+            inlinePreview: M.inlinePreview,
+            inlineCode: M.inlineCode,
+            tabs: M.tabs,
+            viewMode: M.viewMode
           });
-          I.value = V.html, $.value = V.artifacts, V.artifacts.length > 0 && f("artifact-detected", V.artifacts), T.typing || r();
+          I.value = V.html, x.value = V.artifacts, V.artifacts.length > 0 && f("artifact-detected", V.artifacts), M.typing || r();
         }
       },
       { immediate: !0 }
     ), de(
-      () => T.typing,
+      () => M.typing,
       (b, V) => {
         V === !0 && b === !1 && r();
       }
-    ), Me(() => {
-      T.typing || r();
-    }), jt(() => {
-      N && clearTimeout(N), L();
+    ), $e(() => {
+      M.typing || r();
+    }), Wt(() => {
+      j && clearTimeout(j), L();
     });
     function B(b) {
       const V = b.target.closest(".artifactuse-inline-preview");
@@ -1647,7 +1647,7 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
     function Pe(b) {
       f("social-copy", b);
     }
-    return C(() => E.artifacts.filter((b) => b.messageId === T.messageId)), c({
+    return C(() => E.artifacts.filter((b) => b.messageId === M.messageId)), c({
       openViewer: P,
       closeViewer: Q,
       attachMediaListeners: w
@@ -1659,14 +1659,14 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
       e("div", {
         class: "artifactuse-message-content",
         ref_key: "contentRef",
-        ref: x,
+        ref: $,
         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, ul)) : D.type === "form" && D.artifact.isInline ? (a(), $e(Qa, {
+          }, null, 8, dl)) : D.type === "form" && D.artifact.isInline ? (a(), xe(Ga, {
             key: 1,
             artifact: D.artifact,
             theme: Z.value,
@@ -1674,12 +1674,12 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
             onSubmit: pe,
             onCancel: ye,
             onButtonClick: fe
-          }, null, 8, ["artifact", "theme", "initial-state"])) : D.type === "social" ? (a(), $e(tl, {
+          }, null, 8, ["artifact", "theme", "initial-state"])) : D.type === "social" ? (a(), xe(al, {
             key: 2,
             artifact: D.artifact,
             theme: Z.value,
             onCopy: Pe
-          }, null, 8, ["artifact", "theme"])) : D.type === "panel" && oe.value ? (a(), $e(ca, {
+          }, null, 8, ["artifact", "theme"])) : D.type === "panel" && oe.value ? (a(), xe(ua, {
             key: 3,
             artifact: D.artifact,
             "is-active": X.value === D.artifact.id,
@@ -1689,7 +1689,7 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
           }, null, 8, ["artifact", "is-active"])) : v("", !0)
         ], 64))), 128))
       ], 512),
-      ze(cl, {
+      ze(ul, {
         "is-open": O.value,
         type: W.value,
         src: Y.value,
@@ -1699,134 +1699,135 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
       }, null, 8, ["is-open", "type", "src", "alt", "caption"])
     ], 512));
   }
-}, dl = { class: "artifactuse-panel__header artifactuse-panel__header--simple" }, vl = { class: "artifactuse-panel__title" }, fl = { class: "artifactuse-panel__icon" }, pl = {
+}, vl = { class: "artifactuse-panel__header artifactuse-panel__header--simple" }, fl = { class: "artifactuse-panel__title" }, pl = { class: "artifactuse-panel__icon" }, _l = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, _l = {
+}, hl = {
   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 = {
+}, ml = { class: "artifactuse-panel__title-content" }, yl = { class: "artifactuse-panel__name" }, gl = { class: "artifactuse-panel__actions" }, kl = { class: "artifactuse-panel__empty" }, wl = { class: "artifactuse-panel__empty-title" }, bl = { class: "artifactuse-panel__empty-text" }, Cl = { class: "artifactuse-panel__footer artifactuse-panel__footer--simple" }, xl = {
   key: 0,
   href: "https://artifactuse.com",
   target: "_blank",
   rel: "noopener noreferrer",
   class: "artifactuse-panel__branding"
-}, 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 = {
+}, $l = { class: "artifactuse-panel__header artifactuse-panel__header--simple" }, Ml = { class: "artifactuse-panel__title" }, Tl = { class: "artifactuse-panel__title-content" }, Ll = { class: "artifactuse-panel__meta" }, Pl = { class: "artifactuse-panel__actions" }, Al = ["disabled"], Hl = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, Hl = {
+}, El = {
   key: 1,
   class: "artifactuse-panel__spinner-icon",
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, 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 = {
+}, Bl = { class: "artifactuse-panel__list" }, Sl = { class: "artifactuse-panel__list-items" }, zl = ["onClick"], Vl = ["innerHTML"], Il = { class: "artifactuse-panel__list-item-content" }, Fl = { class: "artifactuse-panel__list-item-title" }, Rl = { class: "artifactuse-panel__list-item-meta" }, ql = { class: "artifactuse-panel__footer artifactuse-panel__footer--simple" }, Ol = {
   key: 0,
   href: "https://artifactuse.com",
   target: "_blank",
   rel: "noopener noreferrer",
   class: "artifactuse-panel__branding"
-}, 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 = {
+}, Ul = { class: "artifactuse-panel__header" }, Dl = ["title"], jl = { class: "artifactuse-panel__title" }, Nl = ["innerHTML"], Wl = { class: "artifactuse-panel__title-content" }, Jl = { class: "artifactuse-panel__name" }, Xl = { class: "artifactuse-panel__meta" }, Zl = { class: "artifactuse-panel__tabs" }, Kl = ["disabled"], Yl = ["disabled"], Ql = { class: "artifactuse-panel__actions" }, Gl = ["title"], en = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, en = {
+}, tn = {
   key: 1,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, tn = {
+}, an = {
   key: 0,
   class: "artifactuse-panel__file-tabs"
-}, an = { class: "artifactuse-panel__file-tabs-scroll" }, sn = ["onClick"], ln = ["innerHTML"], nn = { class: "artifactuse-panel__file-tab-title" }, on = ["onClick"], rn = {
+}, sn = { class: "artifactuse-panel__file-tabs-scroll" }, ln = ["onClick"], nn = ["innerHTML"], on = { class: "artifactuse-panel__file-tab-title" }, rn = ["onClick"], cn = {
   key: 0,
   class: "artifactuse-panel__loading"
-}, cn = {
+}, un = {
   key: 0,
   class: "artifactuse-panel__loading"
-}, un = ["src"], dn = {
+}, dn = ["src"], vn = {
   key: 2,
   class: "artifactuse-panel__no-preview"
-}, vn = { class: "artifactuse-panel__edit" }, fn = { class: "artifactuse-panel__footer" }, pn = { class: "artifactuse-panel__footer-left" }, _n = {
+}, fn = { class: "artifactuse-panel__edit" }, pn = { class: "artifactuse-panel__footer" }, _n = { class: "artifactuse-panel__footer-left" }, hn = {
   key: 0,
   href: "https://artifactuse.com",
   target: "_blank",
   rel: "noopener noreferrer",
   class: "artifactuse-panel__branding"
-}, hn = {
+}, mn = {
   key: 1,
   class: "artifactuse-panel__badge"
-}, mn = { class: "artifactuse-panel__footer-right" }, yn = ["title"], gn = {
+}, yn = { class: "artifactuse-panel__footer-right" }, gn = ["title"], kn = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, kn = {
+}, wn = {
   key: 1,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, wn = {
+}, bn = {
   key: 0,
   style: { position: "relative" }
-}, bn = {
+}, Cn = {
   key: 0,
   class: "artifactuse-share-popup"
-}, Cn = { class: "artifactuse-share-popup__header" }, xn = { class: "artifactuse-share-popup__title" }, $n = { class: "artifactuse-share-popup__body" }, Mn = {
+}, xn = { class: "artifactuse-share-popup__header" }, $n = { class: "artifactuse-share-popup__title" }, Mn = { class: "artifactuse-share-popup__body" }, Tn = {
   key: 0,
   class: "artifactuse-share-popup__loading"
-}, Tn = { key: 1 }, Ln = { class: "artifactuse-share-popup__error" }, Pn = { class: "artifactuse-share-popup__error-text" }, An = { class: "artifactuse-share-popup__actions" }, Hn = {
+}, Ln = { key: 1 }, Pn = { class: "artifactuse-share-popup__error" }, An = { class: "artifactuse-share-popup__error-text" }, Hn = { class: "artifactuse-share-popup__actions" }, En = {
   key: 2,
   class: "artifactuse-share-popup__options"
-}, En = { key: 3 }, Bn = {
+}, Bn = { key: 3 }, Sn = {
   key: 0,
   class: "artifactuse-share-popup__loading"
-}, Sn = {
+}, zn = {
   key: 1,
   class: "artifactuse-share-popup__empty"
-}, zn = {
+}, Vn = {
   key: 2,
   class: "artifactuse-share-popup__artifact-list"
-}, Vn = ["onClick"], In = { class: "artifactuse-share-popup__artifact-name" }, Fn = { class: "artifactuse-share-popup__artifact-date" }, Rn = {
+}, In = ["onClick"], Fn = { class: "artifactuse-share-popup__artifact-name" }, Rn = { class: "artifactuse-share-popup__artifact-date" }, qn = {
   key: 4,
   class: "artifactuse-share-popup__success"
-}, qn = { class: "artifactuse-share-popup__link-wrapper" }, On = ["value"], Un = {
+}, On = { class: "artifactuse-share-popup__link-wrapper" }, Un = ["value"], Dn = {
   key: 0,
   class: "artifactuse-share-popup__expiry"
-}, Dn = { class: "artifactuse-share-popup__expiry-text" }, Nn = {
+}, jn = { class: "artifactuse-share-popup__expiry-text" }, Nn = {
   key: 1,
   class: "artifactuse-share-popup__save-prompt"
-}, jn = {
+}, Wn = {
   key: 2,
   class: "artifactuse-panel__nav"
-}, Wn = ["disabled"], Jn = ["disabled"], Xn = {
+}, Jn = ["disabled"], Xn = ["disabled"], Zn = {
   key: 0,
   class: "artifactuse-panel__artifact-list"
-}, 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 = {
+}, Kn = { class: "artifactuse-panel__artifact-list-header" }, Yn = { class: "artifactuse-panel__artifact-list-items" }, Qn = ["onClick"], Gn = ["innerHTML"], eo = { class: "artifactuse-panel__artifact-item-content" }, to = { class: "artifactuse-panel__artifact-item-title" }, ao = { class: "artifactuse-panel__artifact-item-meta" }, so = { class: "artifactuse-panel__artifact-item-index" }, vo = {
   __name: "ArtifactusePanel",
   props: {
     panelWidth: { type: Number, default: void 0 },
-    splitPosition: { type: Number, default: void 0 }
+    splitPosition: { type: Number, default: void 0 },
+    externalPreview: { type: Boolean, default: void 0 }
   },
   emits: ["close", "ai-request", "save", "export", "resize"],
   setup(H, { emit: c }) {
-    var st, it;
-    const _ = c, T = H, {
+    var lt, nt;
+    const _ = c, M = H, {
       state: f,
       activeArtifact: o,
       artifactCount: q,
@@ -1834,58 +1835,61 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
       closePanel: g,
       toggleFullscreen: n,
       setViewMode: h,
-      getPanelUrl: x,
+      getPanelUrl: $,
       openArtifact: I,
-      instance: $
-    } = 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("");
+      instance: x
+    } = Ve(), j = T(null), O = T(null), W = T(null), Y = T(null), S = T(null), ie = T(null), Z = T(!1), X = T(!1), oe = T(!0), m = T(!1), k = T(!1), ee = T(!1), re = T(!1), P = T("options"), Q = T(""), w = T(null), L = T(""), r = T(!1), B = T(!1), u = T([]), z = T(!1), le = T("");
     let pe = null, ye = null, fe = null;
     const Pe = C(() => {
       var i;
-      return ((i = $.editor) == null ? void 0 : i.isAvailable()) || !1;
-    }), b = M(
-      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(() => {
+      return ((i = x.editor) == null ? void 0 : i.isAvailable()) || !1;
+    }), b = T(
+      Math.min(Math.max(M.panelWidth ?? ((lt = x.config) == null ? void 0 : lt.panelWidth) ?? 65, 25), 75)
+    ), V = T(
+      Math.min(Math.max(M.splitPosition ?? ((nt = x.config) == null ? void 0 : nt.splitPosition) ?? 50, 20), 80)
+    ), D = C(() => o.value ? Se(o.value.language) : ""), te = C(() => o.value ? `<svg viewBox="0 0 24 24" fill="currentColor">${je(o.value.language)}</svg>` : ""), A = C(() => {
       if (!o.value) return null;
-      let i = x(o.value);
+      let i = $(o.value);
       return i && o.value._refreshToken && (i += (i.includes("?") ? "&" : "?") + "_t=" + o.value._refreshToken), i;
     });
     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(() => {
+    const ae = C(() => o.value ? Zt(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;
+      return ((i = x.config) == null ? void 0 : i.branding) !== !1;
     }), ce = C(() => {
+      var i, t;
+      return A.value ? ((i = o.value) == null ? void 0 : i.externalPreview) !== void 0 ? o.value.externalPreview : M.externalPreview !== void 0 ? M.externalPreview : ((t = x.config) == null ? void 0 : t.externalPreview) ?? !1 : !1;
+    }), Me = C(() => {
       var i;
-      return ((i = $.share) == null ? void 0 : i.enabled) !== !1;
-    }), ke = C(() => {
+      return ((i = x.share) == null ? void 0 : i.enabled) !== !1;
+    }), Je = C(() => {
       var i;
-      return ((i = $.share) == null ? void 0 : i.isAuthenticated()) || !1;
-    }), ft = C(() => !o.value && !f.forceEmptyView ? Math.min(b.value, 30) : b.value), Te = C(() => {
+      return ((i = x.share) == null ? void 0 : i.isAuthenticated()) || !1;
+    }), _t = 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(() => f.forceEmptyView), Je = C(() => Te.value ? f.openTabs.map((i) => f.artifacts.find((t) => t.id === i)).filter(Boolean) : []);
+      return ((i = x.config) == null ? void 0 : i.multiTab) === !0;
+    }), ke = C(() => f.forceEmptyView), Xe = 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">${Ne(i)}</svg>`;
+      return `<svg viewBox="0 0 24 24" fill="currentColor">${je(i)}</svg>`;
     }
-    function pt(i) {
+    function ht(i) {
       I(i);
     }
-    function _t(i) {
-      $.closeTab(i), f.openTabs.length === 0 && (k.value = !1);
+    function mt(i) {
+      x.closeTab(i), f.openTabs.length === 0 && (k.value = !1);
     }
-    function ht() {
-      k.value = !1, $.state.clearActiveArtifact();
+    function yt() {
+      k.value = !1, x.state.clearActiveArtifact();
     }
-    function Xe(i) {
+    function Ze(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 p = t.language || "plaintext", F = ot() && window.Prism.languages[p], J = Zt(t.oldCode, t.newCode).split(`
+        const p = t.language || "plaintext", F = ct() && window.Prism.languages[p], J = Kt(t.oldCode, t.newCode).split(`
 `);
         return { html: J.map((ue) => {
-          const ne = ue[0], Ce = ue.slice(1), ge = F ? window.Prism.highlight(Ce, F, p) : Ce;
+          const ne = ue[0], be = ue.slice(1), ge = F ? window.Prism.highlight(be, F, p) : be;
           return ne === "-" ? `<span class="token deleted">${ge}</span>` : ne === "+" ? `<span class="token inserted">${ge}</span>` : ge;
         }).join(`
 `), lineCount: J.length };
@@ -1893,18 +1897,18 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
         return null;
       }
     }
-    function mt() {
+    function gt() {
       var i;
       if (Y.value && ((i = o.value) != null && i.code)) {
-        const t = Xe(o.value), p = t ? t.lineCount : o.value.code.split(`
+        const t = Ze(o.value), p = t ? t.lineCount : o.value.code.split(`
 `).length;
         Y.value.innerHTML = Array.from({ length: p }, (F, J) => `<div>${J + 1}</div>`).join("");
       }
     }
-    function yt() {
+    function kt() {
       var i;
-      if (O.value && ot() && ((i = o.value) != null && i.code)) {
-        const t = Xe(o.value);
+      if (O.value && ct() && ((i = o.value) != null && i.code)) {
+        const t = Ze(o.value);
         if (t)
           O.value.innerHTML = t.html;
         else {
@@ -1915,12 +1919,12 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
             ae.value
           ) : O.value.textContent = o.value.code;
         }
-        O.value.dataset.highlighted = "true", xe(() => {
-          gt();
+        O.value.dataset.highlighted = "true", Ce(() => {
+          wt();
         });
       }
     }
-    function gt() {
+    function wt() {
       var t;
       const i = (t = O.value) == null ? void 0 : t.closest("pre");
       if (i && S.value && Y.value) {
@@ -1928,45 +1932,45 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
         F && F !== "rgba(0, 0, 0, 0)" && F !== "transparent" && (S.value.style.backgroundColor = F, Y.value.style.backgroundColor = F);
       }
     }
-    function kt() {
+    function bt() {
       S.value && (S.value.style.backgroundColor = ""), Y.value && (Y.value.style.backgroundColor = "");
     }
     function Ae() {
-      xe(() => {
-        mt(), yt();
+      Ce(() => {
+        gt(), kt();
       });
     }
-    function Ze() {
-      !Pe.value || !ie.value || !o.value || (Fe(), fe = $.editor.create(ie.value, {
+    function Ke() {
+      !Pe.value || !ie.value || !o.value || (Fe(), fe = x.editor.create(ie.value, {
         code: o.value.code || "",
         language: o.value.editorLanguage || o.value.language || "plaintext",
-        sdkTheme: $.getTheme()
+        sdkTheme: x.getTheme()
       }));
     }
     function Fe() {
       fe && (fe.destroy(), fe = null);
     }
-    function wt() {
+    function Ct() {
       if (!fe || !o.value) return;
       const i = fe.getCode();
-      $.emit("edit:save", {
+      x.emit("edit:save", {
         artifactId: o.value.id,
         artifact: o.value,
         code: i
       });
     }
-    function bt() {
-      clearTimeout(ye), oe.value = !1, N.value && o.value && ($.bridge.setIframe(N.value), $.bridge.loadArtifact(o.value));
+    function xt() {
+      clearTimeout(ye), oe.value = !1, j.value && o.value && (x.bridge.setIframe(j.value), x.bridge.loadArtifact(o.value));
     }
-    function Ct() {
+    function $t() {
       clearTimeout(ye), oe.value = !1;
     }
-    function xt() {
+    function Mt() {
       clearTimeout(ye), ye = setTimeout(() => {
         oe.value = !1;
       }, 1e3);
     }
-    async function $t() {
+    async function Tt() {
       if (o.value)
         try {
           await navigator.clipboard.writeText(o.value.code), Z.value = !0, setTimeout(() => {
@@ -1976,22 +1980,22 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
           console.error("Failed to copy:", i);
         }
     }
-    function Mt() {
+    function Lt() {
       if (!o.value) return;
-      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");
+      const { code: i, language: t, title: p } = o.value, F = Ne(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 Tt() {
+    async function Pt() {
       if (!(ee.value || d.value.length === 0)) {
         ee.value = !0;
         try {
-          const i = new Yt(), t = /* @__PURE__ */ new Map();
+          const i = new Qt(), t = /* @__PURE__ */ new Map();
           for (const ne of d.value) {
             if (!ne.code) continue;
-            const Ce = je(ne.language);
-            let ge = (ne.title || "untitled").toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, ""), Ue = `${ge}.${Ce}`;
+            const be = Ne(ne.language);
+            let ge = (ne.title || "untitled").toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, ""), Ue = `${ge}.${be}`;
             const De = t.get(Ue) || 0;
-            De > 0 && (Ue = `${ge}-${De}.${Ce}`), t.set(`${ge}.${Ce}`, De + 1), i.file(Ue, ne.code);
+            De > 0 && (Ue = `${ge}-${De}.${be}`), t.set(`${ge}.${be}`, De + 1), i.file(Ue, ne.code);
           }
           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);
@@ -2002,63 +2006,63 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
         }
       }
     }
-    function Lt() {
+    function At() {
       if (re.value) {
         re.value = !1;
         return;
       }
       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 Pt() {
+    function Ht() {
       re.value = !1;
     }
-    function Ke(i) {
+    function Ye(i) {
       return i ? new Date(i).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }) : "";
     }
-    async function Ye() {
-      if (!(!o.value || !$.share)) {
+    async function Qe() {
+      if (!(!o.value || !x.share)) {
         P.value = "loading", L.value = "";
         try {
-          const i = await $.share.share(o.value);
+          const i = await x.share.share(o.value);
           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", P.value = "error";
         }
       }
     }
-    async function Qe() {
-      if (ke.value)
+    async function Ge() {
+      if (Je.value)
         Re();
       else {
         P.value = "loading";
         try {
-          await $.share.openAuthPopup(), Re();
+          await x.share.openAuthPopup(), Re();
         } catch (i) {
           i.message === "Authentication cancelled" ? P.value = "options" : (L.value = i.message || "Authentication failed", P.value = "error");
         }
       }
     }
     async function Re() {
-      if (!(!o.value || !$.share)) {
+      if (!(!o.value || !x.share)) {
         P.value = "loading", L.value = "";
         try {
-          const i = await $.share.save(o.value);
+          const i = await x.share.save(o.value);
           Q.value = i.url, w.value = null, B.value = !0, P.value = "success";
         } catch (i) {
           L.value = i.message || "Failed to save artifact", P.value = "error";
         }
       }
     }
-    function At() {
-      B.value ? Re() : Ye();
+    function Et() {
+      B.value ? Re() : Qe();
     }
-    async function Ht() {
+    async function Bt() {
       var i;
-      if ($.share) {
-        if (!ke.value) {
+      if (x.share) {
+        if (!Je.value) {
           P.value = "loading";
           try {
-            await $.share.openAuthPopup();
+            await x.share.openAuthPopup();
           } catch (t) {
             t.message === "Authentication cancelled" ? P.value = "options" : (L.value = t.message || "Authentication failed", P.value = "error");
             return;
@@ -2066,7 +2070,7 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
         }
         P.value = "update-list", z.value = !0;
         try {
-          const t = ((i = o.value) == null ? void 0 : i.language) || null, p = await $.share.listArtifacts(t);
+          const t = ((i = o.value) == null ? void 0 : i.language) || null, p = await x.share.listArtifacts(t);
           u.value = p.projects || [];
         } catch (t) {
           L.value = t.message || "Failed to load artifacts", P.value = "error";
@@ -2075,21 +2079,21 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
         }
       }
     }
-    async function Et(i) {
+    async function St(i) {
       var p, F;
-      if (!o.value || !$.share) return;
+      if (!o.value || !x.share) return;
       const t = (p = i.project) == null ? void 0 : p.uuid;
       if (t) {
         P.value = "loading", L.value = "";
         try {
-          const J = await $.share.updateArtifact(t, o.value);
+          const J = await x.share.updateArtifact(t, o.value);
           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", P.value = "error";
         }
       }
     }
-    async function Bt() {
+    async function zt() {
       if (Q.value)
         try {
           await navigator.clipboard.writeText(Q.value), r.value = !0, setTimeout(() => {
@@ -2099,48 +2103,48 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
           console.error("Failed to copy link:", i);
         }
     }
-    function St() {
-      A.value && window.open(A.value, "_blank");
+    function et() {
+      A.value && window.open(A.value, "_blank", "noopener,noreferrer");
     }
-    function zt() {
+    function Vt() {
       Y.value && S.value && (Y.value.style.transform = `translateY(-${S.value.scrollTop}px)`);
     }
-    function Vt() {
+    function It() {
       X.value = !X.value;
     }
-    function Ge(i) {
+    function tt(i) {
       k.value = !0, I(i), X.value = !1;
     }
-    function It() {
+    function Ft() {
       const i = U.value - 1;
       i >= 0 && I(d.value[i]);
     }
-    function Ft() {
+    function Rt() {
       const i = U.value + 1;
       i < d.value.length && I(d.value[i]);
     }
-    function et(i) {
+    function at(i) {
       const t = document.querySelector(".artifactuse-panel__nav");
       t && !t.contains(i.target) && (X.value = !1);
     }
-    let be = null;
-    function Rt(i) {
-      be = {
+    let we = null;
+    function qt(i) {
+      we = {
         startX: i.clientX,
         startWidth: b.value
-      }, 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");
+      }, document.addEventListener("mousemove", st), 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 tt(i) {
-      if (!be) return;
-      const t = window.innerWidth, F = (be.startX - i.clientX) / t * 100, J = be.startWidth + F;
+    function st(i) {
+      if (!we) return;
+      const t = window.innerWidth, F = (we.startX - i.clientX) / t * 100, J = we.startWidth + F;
       b.value = Math.min(Math.max(J, 25), 75), _("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 });
+      const i = we !== null;
+      we = null, document.removeEventListener("mousemove", st), 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 Le = null;
-    function qt(i) {
+    function Ot(i) {
       if (!W.value) return;
       const t = W.value.getBoundingClientRect();
       Le = {
@@ -2148,69 +2152,69 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
         startPosition: V.value,
         contentLeft: t.left,
         contentWidth: t.width
-      }, 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");
+      }, document.addEventListener("mousemove", it), 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 at(i) {
+    function it(i) {
       if (!Le) return;
       const p = (i.clientX - Le.contentLeft) / Le.contentWidth * 100;
       V.value = Math.min(Math.max(p, 20), 80);
     }
     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 = "");
+      Le = null, document.removeEventListener("mousemove", it), 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 && (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);
+      }, 150)), (!t || i.id !== t.id) && (bt(), oe.value = !0, Mt()), (!t || i.id !== t.id || i.code !== t.code) && (Ae(), f.viewMode === "edit" && (!t || i.id !== t.id ? Ce(() => Ke()) : fe && fe.setCode(i.code || "")), clearTimeout(pe), pe = setTimeout(() => {
+        j.value && i.isPreviewable && x.bridge.loadArtifact(i);
       }, 500)));
     }, { deep: !0 }), de(() => f.viewMode, (i) => {
-      (i === "code" || i === "split") && Ae(), i === "edit" && xe(() => Ze());
+      (i === "code" || i === "split") && Ae(), i === "edit" && Ce(() => Ke());
     }), de(() => f.isPanelOpen, (i) => {
       i && o.value && Ae(), i || Fe();
-    }), de(() => T.panelWidth, (i) => {
+    }), de(() => M.panelWidth, (i) => {
       i !== void 0 && (b.value = Math.min(Math.max(i, 25), 75));
-    }), de(() => T.splitPosition, (i) => {
+    }), de(() => M.splitPosition, (i) => {
       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();
+    }), $e(() => {
+      x.on("ai:request", (i) => _("ai-request", i)), x.on("save:request", (i) => _("save", i)), x.on("export:complete", (i) => _("export", i)), document.addEventListener("click", at), 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" }, {
+      qe(), Oe(), Fe(), document.removeEventListener("click", at), clearTimeout(pe), clearTimeout(ye);
+    }), (i, t) => (a(), xe(Ee, { name: "artifactuse-panel" }, {
       default: Be(() => [
         y(f).isPanelOpen ? (a(), s("div", {
           key: 0,
-          class: j(["artifactuse-panel", {
+          class: N(["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: He(y(f).isFullscreen ? void 0 : { width: `${ft.value}%` })
+          style: He(y(f).isFullscreen ? void 0 : { width: `${_t.value}%` })
         }, [
           y(f).isFullscreen ? v("", !0) : (a(), s("div", {
             key: 0,
             class: "artifactuse-panel__resize-handle",
-            onMousedown: he(Rt, ["prevent"])
+            onMousedown: he(qt, ["prevent"])
           }, [...t[12] || (t[12] = [
             e("div", { class: "artifactuse-panel__resize-handle-line" }, null, -1)
           ])], 32)),
-          !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] = [
+          !y(E) || ke.value ? (a(), s(R, { key: 1 }, [
+            e("header", vl, [
+              e("div", fl, [
+                e("span", pl, [
+                  ke.value ? (a(), s("svg", _l, [...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] = [
+                  ])])) : (a(), s("svg", hl, [...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", ml, [
+                  e("span", yl, l(ke.value ? "Artifact Viewer" : "Artifacts"), 1)
                 ])
               ]),
-              e("div", yl, [
+              e("div", gl, [
                 e("button", {
                   class: "artifactuse-panel__action artifactuse-panel__action--close",
                   title: "Close panel",
@@ -2238,7 +2242,7 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                 ])])
               ])
             ]),
-            e("div", gl, [
+            e("div", kl, [
               t[16] || (t[16] = e("div", { class: "artifactuse-panel__empty-icon" }, [
                 e("svg", {
                   viewBox: "0 0 24 24",
@@ -2250,11 +2254,11 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                   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("h3", wl, l(ke.value ? "No artifact selected" : "No artifacts yet"), 1),
+              e("p", bl, l(ke.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("footer", Cl, [
+              G.value ? (a(), s("a", xl, [...t[17] || (t[17] = [
                 e("svg", {
                   width: "16",
                   height: "16",
@@ -2274,9 +2278,9 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                 e("span", null, "Artifactuse", -1)
               ])])) : v("", !0)
             ])
-          ], 64)) : !y(o) && !we.value ? (a(), s(R, { key: 2 }, [
-            e("header", xl, [
-              e("div", $l, [
+          ], 64)) : !y(o) && !ke.value ? (a(), s(R, { key: 2 }, [
+            e("header", $l, [
+              e("div", Ml, [
                 t[19] || (t[19] = e("span", { class: "artifactuse-panel__icon" }, [
                   e("svg", {
                     viewBox: "0 0 24 24",
@@ -2288,19 +2292,19 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                     e("polyline", { points: "8 6 2 12 8 18" })
                   ])
                 ], -1)),
-                e("div", Ml, [
+                e("div", Tl, [
                   t[18] || (t[18] = e("span", { class: "artifactuse-panel__name" }, "Artifacts", -1)),
-                  e("span", Tl, l(d.value.length) + " available", 1)
+                  e("span", Ll, l(d.value.length) + " available", 1)
                 ])
               ]),
-              e("div", Ll, [
+              e("div", Pl, [
                 e("button", {
-                  class: j(["artifactuse-panel__action", { "artifactuse-panel__action--loading": ee.value }]),
+                  class: N(["artifactuse-panel__action", { "artifactuse-panel__action--loading": ee.value }]),
                   disabled: ee.value,
                   title: "Download all as ZIP",
-                  onClick: Tt
+                  onClick: Pt
                 }, [
-                  ee.value ? (a(), s("svg", Hl, [...t[21] || (t[21] = [
+                  ee.value ? (a(), s("svg", El, [...t[21] || (t[21] = [
                     e("circle", {
                       cx: "12",
                       cy: "12",
@@ -2308,7 +2312,7 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                       "stroke-dasharray": "32",
                       "stroke-dashoffset": "32"
                     }, null, -1)
-                  ])])) : (a(), s("svg", Al, [...t[20] || (t[20] = [
+                  ])])) : (a(), s("svg", Hl, [...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", {
@@ -2318,7 +2322,7 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                       y2: "3"
                     }, null, -1)
                   ])]))
-                ], 10, Pl),
+                ], 10, Al),
                 e("button", {
                   class: "artifactuse-panel__action artifactuse-panel__action--close",
                   title: "Close panel",
@@ -2346,20 +2350,20 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                 ])])
               ])
             ]),
-            e("div", El, [
-              e("div", Bl, [
+            e("div", Bl, [
+              e("div", Sl, [
                 (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)
+                  onClick: (J) => tt(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, [
+                  }, null, 8, Vl),
+                  e("div", Il, [
+                    e("span", Fl, l(p.title || "Untitled"), 1),
+                    e("span", Rl, [
                       K(l(y(Se)(p.language)) + " ", 1),
                       p.lineCount ? (a(), s(R, { key: 0 }, [
                         K(" • " + l(p.lineCount) + " lines ", 1)
@@ -2376,11 +2380,11 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                       e("polyline", { points: "9 18 15 12 9 6" })
                     ])
                   ], -1))
-                ], 8, Sl))), 128))
+                ], 8, zl))), 128))
               ])
             ]),
-            e("footer", Rl, [
-              G.value ? (a(), s("a", ql, [...t[24] || (t[24] = [
+            e("footer", ql, [
+              G.value ? (a(), s("a", Ol, [...t[24] || (t[24] = [
                 e("svg", {
                   width: "16",
                   height: "16",
@@ -2401,12 +2405,12 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
               ])])) : v("", !0)
             ])
           ], 64)) : (a(), s(R, { key: 3 }, [
-            e("header", Ol, [
+            e("header", Ul, [
               Te.value || k.value ? (a(), s("button", {
                 key: 0,
                 class: "artifactuse-panel__back",
                 title: Te.value ? "Browse artifacts" : "Back to list",
-                onClick: ht
+                onClick: yt
               }, [...t[25] || (t[25] = [
                 e("svg", {
                   viewBox: "0 0 24 24",
@@ -2416,15 +2420,15 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                 }, [
                   e("polyline", { points: "15 18 9 12 15 6" })
                 ], -1)
-              ])], 8, Ul)) : v("", !0),
-              e("div", Dl, [
+              ])], 8, Dl)) : v("", !0),
+              e("div", jl, [
                 e("span", {
                   class: "artifactuse-panel__icon",
                   innerHTML: te.value
                 }, null, 8, Nl),
-                e("div", jl, [
-                  e("span", Wl, l(y(o).title || "Untitled"), 1),
-                  e("span", Jl, [
+                e("div", Wl, [
+                  e("span", Jl, l(y(o).title || "Untitled"), 1),
+                  e("span", Xl, [
                     K(l(D.value) + " ", 1),
                     y(o).lineCount ? (a(), s(R, { key: 0 }, [
                       K(" • " + l(y(o).lineCount) + " lines ", 1)
@@ -2432,10 +2436,10 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                   ])
                 ])
               ]),
-              e("div", Xl, [
+              e("div", Zl, [
                 !y(o).tabs || y(o).tabs.includes("preview") ? (a(), s("button", {
                   key: 0,
-                  class: j(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": y(f).viewMode === "preview" }]),
+                  class: N(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": y(f).viewMode === "preview" }]),
                   disabled: !y(o).isPreviewable,
                   title: "Preview",
                   onClick: t[2] || (t[2] = (p) => y(h)("preview"))
@@ -2453,10 +2457,10 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                       r: "3"
                     })
                   ], -1)
-                ])], 10, Zl)) : v("", !0),
+                ])], 10, Kl)) : v("", !0),
                 !y(o).tabs || y(o).tabs.includes("code") ? (a(), s("button", {
                   key: 1,
-                  class: j(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": y(f).viewMode === "code" }]),
+                  class: N(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": y(f).viewMode === "code" }]),
                   title: "Code",
                   onClick: t[3] || (t[3] = (p) => y(h)("code"))
                 }, [...t[27] || (t[27] = [
@@ -2472,7 +2476,7 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                 ])], 2)) : v("", !0),
                 !y(o).tabs || y(o).tabs.includes("split") ? (a(), s("button", {
                   key: 2,
-                  class: j(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": y(f).viewMode === "split" }]),
+                  class: N(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": y(f).viewMode === "split" }]),
                   disabled: !y(o).isPreviewable,
                   title: "Split view",
                   onClick: t[4] || (t[4] = (p) => y(h)("split"))
@@ -2498,10 +2502,10 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                       y2: "21"
                     })
                   ], -1)
-                ])], 10, Kl)) : v("", !0),
+                ])], 10, Yl)) : v("", !0),
                 y(o).tabs && y(o).tabs.includes("edit") && Pe.value ? (a(), s("button", {
                   key: 3,
-                  class: j(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": y(f).viewMode === "edit" }]),
+                  class: N(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": y(f).viewMode === "edit" }]),
                   title: "Edit",
                   onClick: t[5] || (t[5] = (p) => y(h)("edit"))
                 }, [...t[29] || (t[29] = [
@@ -2516,12 +2520,12 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                   ], -1)
                 ])], 2)) : v("", !0)
               ]),
-              e("div", Yl, [
+              e("div", Ql, [
                 y(f).viewMode === "edit" ? (a(), s("button", {
                   key: 0,
                   class: "artifactuse-panel__action artifactuse-panel__action--save",
                   title: "Save",
-                  onClick: wt
+                  onClick: Ct
                 }, [...t[30] || (t[30] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
@@ -2534,12 +2538,34 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                     e("polyline", { points: "7 3 7 8 15 8" })
                   ], -1)
                 ])])) : v("", !0),
+                ce.value ? (a(), s("button", {
+                  key: 1,
+                  class: "artifactuse-panel__action",
+                  title: "Open in new tab",
+                  onClick: et
+                }, [...t[31] || (t[31] = [
+                  e("svg", {
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "2"
+                  }, [
+                    e("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+                    e("polyline", { points: "15 3 21 3 21 9" }),
+                    e("line", {
+                      x1: "10",
+                      y1: "14",
+                      x2: "21",
+                      y2: "3"
+                    })
+                  ], -1)
+                ])])) : v("", !0),
                 e("button", {
                   class: "artifactuse-panel__action",
                   title: y(f).isFullscreen ? "Exit fullscreen" : "Fullscreen",
                   onClick: t[6] || (t[6] = (...p) => y(n) && y(n)(...p))
                 }, [
-                  y(f).isFullscreen ? (a(), s("svg", en, [...t[32] || (t[32] = [
+                  y(f).isFullscreen ? (a(), s("svg", tn, [...t[33] || (t[33] = [
                     e("polyline", { points: "4 14 10 14 10 20" }, null, -1),
                     e("polyline", { points: "20 10 14 10 14 4" }, null, -1),
                     e("line", {
@@ -2554,7 +2580,7 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                       x2: "10",
                       y2: "14"
                     }, null, -1)
-                  ])])) : (a(), s("svg", Gl, [...t[31] || (t[31] = [
+                  ])])) : (a(), s("svg", en, [...t[32] || (t[32] = [
                     e("polyline", { points: "15 3 21 3 21 9" }, null, -1),
                     e("polyline", { points: "9 21 3 21 3 15" }, null, -1),
                     e("line", {
@@ -2570,12 +2596,12 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                       y2: "14"
                     }, null, -1)
                   ])]))
-                ], 8, Ql),
+                ], 8, Gl),
                 e("button", {
                   class: "artifactuse-panel__action artifactuse-panel__action--close",
                   title: "Close panel",
                   onClick: t[7] || (t[7] = (...p) => y(g) && y(g)(...p))
-                }, [...t[33] || (t[33] = [
+                }, [...t[34] || (t[34] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
                     fill: "none",
@@ -2598,25 +2624,25 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                 ])])
               ])
             ]),
-            Te.value && Je.value.length > 0 ? (a(), s("div", tn, [
-              e("div", an, [
-                (a(!0), s(R, null, ve(Je.value, (p) => {
+            Te.value && Xe.value.length > 0 ? (a(), s("div", an, [
+              e("div", sn, [
+                (a(!0), s(R, null, ve(Xe.value, (p) => {
                   var F;
                   return a(), s("button", {
                     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)
+                    class: N(["artifactuse-panel__file-tab", { "artifactuse-panel__file-tab--active": p.id === ((F = y(o)) == null ? void 0 : F.id) }]),
+                    onClick: (J) => ht(p)
                   }, [
                     e("span", {
                       class: "artifactuse-panel__file-tab-icon",
                       innerHTML: Ie(p.language)
-                    }, null, 8, ln),
-                    e("span", nn, l(p.title || "Untitled"), 1),
+                    }, null, 8, nn),
+                    e("span", on, l(p.title || "Untitled"), 1),
                     e("button", {
                       class: "artifactuse-panel__file-tab-close",
                       title: "Close tab",
-                      onClick: he((J) => _t(p.id), ["stop"])
-                    }, [...t[34] || (t[34] = [
+                      onClick: he((J) => mt(p.id), ["stop"])
+                    }, [...t[35] || (t[35] = [
                       e("svg", {
                         viewBox: "0 0 24 24",
                         fill: "none",
@@ -2636,20 +2662,20 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                           y2: "18"
                         })
                       ], -1)
-                    ])], 8, on)
-                  ], 10, sn);
+                    ])], 8, rn)
+                  ], 10, ln);
                 }), 128))
               ])
             ])) : v("", !0),
             e("div", {
               ref_key: "contentRef",
               ref: W,
-              class: j(["artifactuse-panel__content", [
+              class: N(["artifactuse-panel__content", [
                 `artifactuse-panel__content--${y(f).viewMode}`,
                 { "artifactuse-panel__content--transitioning": m.value }
               ]])
             }, [
-              m.value ? (a(), s("div", rn, [...t[35] || (t[35] = [
+              m.value ? (a(), s("div", cn, [...t[36] || (t[36] = [
                 e("div", { class: "artifactuse-panel__spinner" }, null, -1)
               ])])) : v("", !0),
               y(f).viewMode === "preview" || y(f).viewMode === "split" ? (a(), s("div", {
@@ -2657,21 +2683,21 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                 class: "artifactuse-panel__preview",
                 style: He(y(f).viewMode === "split" ? { width: `${V.value}%` } : void 0)
               }, [
-                oe.value && A.value ? (a(), s("div", cn, [...t[36] || (t[36] = [
+                oe.value && A.value ? (a(), s("div", un, [...t[37] || (t[37] = [
                   e("div", { class: "artifactuse-panel__spinner" }, null, -1)
                 ])])) : v("", !0),
                 A.value ? (a(), s("iframe", {
                   key: 1,
                   ref_key: "iframeRef",
-                  ref: N,
+                  ref: j,
                   src: A.value,
-                  class: j(["artifactuse-panel__iframe", { "artifactuse-panel__iframe--loading": oe.value }]),
+                  class: N(["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: bt,
-                  onError: Ct
-                }, null, 42, un)) : (a(), s("div", dn, [
-                  t[37] || (t[37] = e("svg", {
+                  onLoad: xt,
+                  onError: $t
+                }, null, 42, dn)) : (a(), s("div", vn, [
+                  t[38] || (t[38] = e("svg", {
                     viewBox: "0 0 24 24",
                     fill: "none",
                     stroke: "currentColor",
@@ -2689,22 +2715,22 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                   e("p", null, "Preview not available for " + l(D.value), 1)
                 ]))
               ], 4)) : v("", !0),
-              lt(e("div", {
+              ot(e("div", {
                 class: "artifactuse-panel__code",
                 style: He(y(f).viewMode === "split" ? { width: `${100 - V.value}%` } : void 0)
               }, [
                 y(f).viewMode === "split" ? (a(), s("div", {
                   key: 0,
                   class: "artifactuse-panel__split-handle",
-                  onMousedown: he(qt, ["prevent"])
-                }, [...t[38] || (t[38] = [
+                  onMousedown: he(Ot, ["prevent"])
+                }, [...t[39] || (t[39] = [
                   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: zt
+                  onScroll: Vt
                 }, [
                   e("div", {
                     class: "artifactuse-panel__line-numbers",
@@ -2712,32 +2738,32 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                     ref: Y
                   }, null, 512),
                   e("pre", {
-                    class: j(["artifactuse-panel__code-block", `language-${ae.value}`])
+                    class: N(["artifactuse-panel__code-block", `language-${ae.value}`])
                   }, [
                     (a(), s("code", {
                       ref_key: "codeRef",
                       ref: O,
                       key: y(o).id,
-                      class: j(`language-${ae.value}`)
+                      class: N(`language-${ae.value}`)
                     }, null, 2))
                   ], 2)
                 ], 544)
               ], 4), [
-                [nt, y(f).viewMode === "code" || y(f).viewMode === "split"]
+                [rt, y(f).viewMode === "code" || y(f).viewMode === "split"]
               ]),
-              lt(e("div", vn, [
+              ot(e("div", fn, [
                 e("div", {
                   ref_key: "editorContainerRef",
                   ref: ie,
                   class: "artifactuse-panel__editor-container"
                 }, null, 512)
               ], 512), [
-                [nt, y(f).viewMode === "edit"]
+                [rt, y(f).viewMode === "edit"]
               ])
             ], 2),
-            e("footer", fn, [
-              e("div", pn, [
-                G.value ? (a(), s("a", _n, [...t[39] || (t[39] = [
+            e("footer", pn, [
+              e("div", _n, [
+                G.value ? (a(), s("a", hn, [...t[40] || (t[40] = [
                   e("svg", {
                     width: "16",
                     height: "16",
@@ -2756,17 +2782,17 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                   ], -1),
                   e("span", null, "Artifactuse", -1)
                 ])])) : v("", !0),
-                y(o).size ? (a(), s("span", hn, l(y(ct)(y(o).size)), 1)) : v("", !0)
+                y(o).size ? (a(), s("span", mn, l(y(dt)(y(o).size)), 1)) : v("", !0)
               ]),
-              e("div", mn, [
+              e("div", yn, [
                 e("button", {
-                  class: j(["artifactuse-panel__footer-action", { "artifactuse-panel__footer-action--success": Z.value }]),
+                  class: N(["artifactuse-panel__footer-action", { "artifactuse-panel__footer-action--success": Z.value }]),
                   title: Z.value ? "Copied!" : "Copy code",
-                  onClick: $t
+                  onClick: Tt
                 }, [
-                  Z.value ? (a(), s("svg", kn, [...t[41] || (t[41] = [
+                  Z.value ? (a(), s("svg", wn, [...t[42] || (t[42] = [
                     e("polyline", { points: "20 6 9 17 4 12" }, null, -1)
-                  ])])) : (a(), s("svg", gn, [...t[40] || (t[40] = [
+                  ])])) : (a(), s("svg", kn, [...t[41] || (t[41] = [
                     e("rect", {
                       x: "9",
                       y: "9",
@@ -2777,12 +2803,12 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { 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, yn),
+                ], 10, gn),
                 e("button", {
                   class: "artifactuse-panel__footer-action",
                   title: "Download file",
-                  onClick: Mt
-                }, [...t[42] || (t[42] = [
+                  onClick: Lt
+                }, [...t[43] || (t[43] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
                     fill: "none",
@@ -2799,12 +2825,12 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                     })
                   ], -1)
                 ])]),
-                ce.value ? (a(), s("div", wn, [
+                Me.value ? (a(), s("div", bn, [
                   e("button", {
                     class: "artifactuse-panel__footer-action",
                     title: "Share",
-                    onClick: Lt
-                  }, [...t[43] || (t[43] = [
+                    onClick: At
+                  }, [...t[44] || (t[44] = [
                     e("svg", {
                       viewBox: "0 0 24 24",
                       fill: "none",
@@ -2842,13 +2868,13 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                   ])]),
                   ze(Ee, { name: "artifactuse-popup" }, {
                     default: Be(() => [
-                      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),
+                      re.value ? (a(), s("div", Cn, [
+                        e("div", xn, [
+                          e("span", $n, 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: Pt
-                          }, [...t[44] || (t[44] = [
+                            onClick: Ht
+                          }, [...t[45] || (t[45] = [
                             e("svg", {
                               viewBox: "0 0 24 24",
                               fill: "none",
@@ -2870,29 +2896,29 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                             ], -1)
                           ])])
                         ]),
-                        e("div", $n, [
-                          P.value === "loading" ? (a(), s("div", Mn, [...t[45] || (t[45] = [
+                        e("div", Mn, [
+                          P.value === "loading" ? (a(), s("div", Tn, [...t[46] || (t[46] = [
                             e("div", { class: "artifactuse-share-popup__spinner" }, null, -1),
                             e("p", { class: "artifactuse-share-popup__loading-text" }, "Creating link...", -1)
-                          ])])) : P.value === "error" ? (a(), s("div", Tn, [
-                            e("div", Ln, [
-                              e("p", Pn, l(L.value), 1)
+                          ])])) : P.value === "error" ? (a(), s("div", Ln, [
+                            e("div", Pn, [
+                              e("p", An, l(L.value), 1)
                             ]),
-                            e("div", An, [
+                            e("div", Hn, [
                               e("button", {
                                 class: "artifactuse-share-popup__btn artifactuse-share-popup__btn--secondary",
                                 onClick: t[8] || (t[8] = (p) => P.value = "options")
                               }, " Back "),
                               e("button", {
                                 class: "artifactuse-share-popup__btn artifactuse-share-popup__btn--primary",
-                                onClick: At
+                                onClick: Et
                               }, " Retry ")
                             ])
-                          ])) : P.value === "options" ? (a(), s("div", Hn, [
+                          ])) : P.value === "options" ? (a(), s("div", En, [
                             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",
@@ -2911,8 +2937,8 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                             ])]),
                             e("button", {
                               class: "artifactuse-share-popup__option",
-                              onClick: Qe
-                            }, [...t[47] || (t[47] = [
+                              onClick: Ge
+                            }, [...t[48] || (t[48] = [
                               e("div", { class: "artifactuse-share-popup__option-icon" }, [
                                 e("svg", {
                                   viewBox: "0 0 24 24",
@@ -2932,8 +2958,8 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                             ])]),
                             e("button", {
                               class: "artifactuse-share-popup__option",
-                              onClick: Ht
-                            }, [...t[48] || (t[48] = [
+                              onClick: Bt
+                            }, [...t[49] || (t[49] = [
                               e("div", { class: "artifactuse-share-popup__option-icon" }, [
                                 e("svg", {
                                   viewBox: "0 0 24 24",
@@ -2951,29 +2977,29 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                                 e("p", { class: "artifactuse-share-popup__option-desc" }, "Replace an existing artifact")
                               ], -1)
                             ])])
-                          ])) : P.value === "update-list" ? (a(), s("div", En, [
-                            z.value ? (a(), s("div", Bn, [...t[49] || (t[49] = [
+                          ])) : P.value === "update-list" ? (a(), s("div", Bn, [
+                            z.value ? (a(), s("div", Sn, [...t[50] || (t[50] = [
                               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", Sn, " No saved artifacts of this type ")) : (a(), s("div", zn, [
+                            ])])) : u.value.length === 0 ? (a(), s("div", zn, " No saved artifacts of this type ")) : (a(), s("div", Vn, [
                               (a(!0), s(R, null, ve(u.value, (p) => {
                                 var F, J, me;
                                 return a(), s("button", {
                                   key: ((F = p.project) == null ? void 0 : F.uuid) || p.id,
                                   class: "artifactuse-share-popup__artifact-item",
-                                  onClick: (ue) => Et(p)
+                                  onClick: (ue) => St(p)
                                 }, [
-                                  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);
+                                  e("span", Fn, l(((J = p.project) == null ? void 0 : J.name) || "Untitled"), 1),
+                                  e("span", Rn, l(Ye((me = p.project) == null ? void 0 : me.created_at)), 1)
+                                ], 8, In);
                               }), 128))
                             ])),
                             e("button", {
                               class: "artifactuse-share-popup__back-btn",
                               onClick: t[9] || (t[9] = (p) => P.value = "options")
                             }, "Back")
-                          ])) : P.value === "success" ? (a(), s("div", Rn, [
-                            t[52] || (t[52] = e("div", { class: "artifactuse-share-popup__success-icon" }, [
+                          ])) : P.value === "success" ? (a(), s("div", qn, [
+                            t[53] || (t[53] = e("div", { class: "artifactuse-share-popup__success-icon" }, [
                               e("svg", {
                                 viewBox: "0 0 24 24",
                                 fill: "none",
@@ -2983,21 +3009,21 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                                 e("polyline", { points: "20 6 9 17 4 12" })
                               ])
                             ], -1)),
-                            e("div", qn, [
+                            e("div", On, [
                               e("input", {
                                 type: "text",
                                 class: "artifactuse-share-popup__link",
                                 value: Q.value,
                                 readonly: "",
                                 onClick: t[10] || (t[10] = (p) => p.target.select())
-                              }, null, 8, On),
+                              }, null, 8, Un),
                               e("button", {
-                                class: j(["artifactuse-share-popup__copy-btn", { "artifactuse-share-popup__copy-btn--copied": r.value }]),
-                                onClick: Bt
+                                class: N(["artifactuse-share-popup__copy-btn", { "artifactuse-share-popup__copy-btn--copied": r.value }]),
+                                onClick: zt
                               }, l(r.value ? "Copied!" : "Copy"), 3)
                             ]),
-                            w.value && !B.value ? (a(), s("div", Un, [
-                              t[50] || (t[50] = e("span", { class: "artifactuse-share-popup__expiry-icon" }, [
+                            w.value && !B.value ? (a(), s("div", Dn, [
+                              t[51] || (t[51] = e("span", { class: "artifactuse-share-popup__expiry-icon" }, [
                                 e("svg", {
                                   viewBox: "0 0 24 24",
                                   fill: "none",
@@ -3023,18 +3049,18 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                                   })
                                 ])
                               ], -1)),
-                              e("span", Dn, " Expires " + l(Ke(w.value)), 1)
+                              e("span", jn, " Expires " + l(Ye(w.value)), 1)
                             ])) : v("", !0),
                             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)),
+                              t[52] || (t[52] = e("p", { class: "artifactuse-share-popup__save-prompt-text" }, "Keep it permanently?", -1)),
                               e("button", {
                                 class: "artifactuse-share-popup__save-prompt-btn",
-                                onClick: Qe
+                                onClick: Ge
                               }, " Save to account ")
                             ]))
                           ])) : v("", !0)
                         ]),
-                        t[53] || (t[53] = e("div", { class: "artifactuse-share-popup__footer" }, [
+                        t[54] || (t[54] = e("div", { class: "artifactuse-share-popup__footer" }, [
                           e("a", {
                             href: "https://artifactuse.com",
                             target: "_blank",
@@ -3069,8 +3095,8 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                   key: 1,
                   class: "artifactuse-panel__footer-action",
                   title: "Open in new tab",
-                  onClick: St
-                }, [...t[54] || (t[54] = [
+                  onClick: et
+                }, [...t[55] || (t[55] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
                     fill: "none",
@@ -3087,13 +3113,13 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                     })
                   ], -1)
                 ])])) : v("", !0),
-                !Te.value && d.value.length > 1 ? (a(), s("div", jn, [
+                !Te.value && d.value.length > 1 ? (a(), s("div", Wn, [
                   e("button", {
                     class: "artifactuse-panel__nav-btn",
                     disabled: U.value <= 0,
                     title: "Previous artifact",
-                    onClick: It
-                  }, [...t[55] || (t[55] = [
+                    onClick: Ft
+                  }, [...t[56] || (t[56] = [
                     e("svg", {
                       viewBox: "0 0 24 24",
                       fill: "none",
@@ -3102,14 +3128,14 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                     }, [
                       e("polyline", { points: "15 18 9 12 15 6" })
                     ], -1)
-                  ])], 8, Wn),
+                  ])], 8, Jn),
                   e("button", {
                     class: "artifactuse-panel__nav-trigger",
                     title: "View all artifacts",
-                    onClick: Vt
+                    onClick: It
                   }, [
                     e("span", null, l(U.value + 1) + " / " + l(d.value.length), 1),
-                    t[56] || (t[56] = e("svg", {
+                    t[57] || (t[57] = e("svg", {
                       viewBox: "0 0 24 24",
                       fill: "none",
                       stroke: "currentColor",
@@ -3122,8 +3148,8 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                     class: "artifactuse-panel__nav-btn",
                     disabled: U.value >= d.value.length - 1,
                     title: "Next artifact",
-                    onClick: Ft
-                  }, [...t[57] || (t[57] = [
+                    onClick: Rt
+                  }, [...t[58] || (t[58] = [
                     e("svg", {
                       viewBox: "0 0 24 24",
                       fill: "none",
@@ -3132,16 +3158,16 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                     }, [
                       e("polyline", { points: "9 18 15 12 9 6" })
                     ], -1)
-                  ])], 8, Jn),
+                  ])], 8, Xn),
                   ze(Ee, { name: "artifactuse-popup" }, {
                     default: Be(() => [
-                      X.value ? (a(), s("div", Xn, [
-                        e("div", Zn, [
-                          t[59] || (t[59] = e("span", null, "Artifacts", -1)),
+                      X.value ? (a(), s("div", Zn, [
+                        e("div", Kn, [
+                          t[60] || (t[60] = e("span", null, "Artifacts", -1)),
                           e("button", {
                             class: "artifactuse-panel__artifact-list-close",
                             onClick: t[11] || (t[11] = (p) => X.value = !1)
-                          }, [...t[58] || (t[58] = [
+                          }, [...t[59] || (t[59] = [
                             e("svg", {
                               viewBox: "0 0 24 24",
                               fill: "none",
@@ -3163,27 +3189,27 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
                             ], -1)
                           ])])
                         ]),
-                        e("div", Kn, [
+                        e("div", Yn, [
                           (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)
+                            class: N(["artifactuse-panel__artifact-item", { "artifactuse-panel__artifact-item--active": p.id === y(o).id }]),
+                            onClick: (J) => tt(p)
                           }, [
                             e("span", {
                               class: "artifactuse-panel__artifact-item-icon",
                               innerHTML: Ie(p.language)
-                            }, null, 8, Qn),
-                            e("div", Gn, [
-                              e("span", eo, l(p.title || "Untitled"), 1),
-                              e("span", to, [
+                            }, null, 8, Gn),
+                            e("div", eo, [
+                              e("span", to, l(p.title || "Untitled"), 1),
+                              e("span", ao, [
                                 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", ao, l(F + 1), 1)
-                          ], 10, Yn))), 128))
+                            e("span", so, l(F + 1), 1)
+                          ], 10, Qn))), 128))
                         ])
                       ])) : v("", !0)
                     ]),
@@ -3198,17 +3224,17 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
       _: 1
     }));
   }
-}, so = ["title"], io = {
+}, io = ["title"], lo = {
   key: 0,
   class: "artifactuse-panel-toggle-badge"
-}, vo = {
+}, fo = {
   __name: "ArtifactusePanelToggle",
   setup(H) {
-    const { state: c, artifactCount: _, hasArtifacts: T, togglePanel: f } = Ve();
+    const { state: c, artifactCount: _, hasArtifacts: M, togglePanel: f } = Ve();
     return (o, q) => (a(), s("button", {
-      class: j(["artifactuse-panel-toggle", {
+      class: N(["artifactuse-panel-toggle", {
         "artifactuse-panel-toggle--active": y(c).isPanelOpen,
-        "artifactuse-panel-toggle--has-artifacts": y(T)
+        "artifactuse-panel-toggle--has-artifacts": y(M)
       }]),
       onClick: q[0] || (q[0] = (...E) => y(f) && y(f)(...E)),
       title: y(c).isPanelOpen ? "Close artifacts panel" : "Open artifacts panel"
@@ -3224,13 +3250,13 @@ const Qt = { class: "artifactuse-card__icon" }, Gt = ["innerHTML"], ea = { class
         e("polyline", { points: "16 18 22 12 16 6" }),
         e("polyline", { points: "8 6 2 12 8 18" })
       ], -1)),
-      y(_) > 0 ? (a(), s("span", io, l(y(_) > 99 ? "99+" : y(_)), 1)) : v("", !0)
-    ], 10, so));
+      y(_) > 0 ? (a(), s("span", lo, l(y(_) > 99 ? "99+" : y(_)), 1)) : v("", !0)
+    ], 10, io));
   }
-}, dt = Symbol("artifactuse");
-function vt(H = {}) {
+}, ft = Symbol("artifactuse");
+function pt(H = {}) {
   var n;
-  const c = ut(H), _ = rt({
+  const c = vt(H), _ = ut({
     artifacts: [],
     activeArtifactId: null,
     isPanelOpen: !1,
@@ -3243,7 +3269,7 @@ function vt(H = {}) {
   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(() => _.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);
+  const M = 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(() => M.value ? c.getPanelUrl(M.value) : null);
   if (c.applyTheme(), H.theme === "auto" || !H.theme) {
     const h = ((n = c.bridge) == null ? void 0 : n.theme) || c.theme;
     h != null && h.watchSystemTheme && h.watchSystemTheme(() => {
@@ -3253,7 +3279,7 @@ function vt(H = {}) {
   const g = {
     instance: c,
     state: _,
-    activeArtifact: T,
+    activeArtifact: M,
     artifactCount: f,
     hasArtifacts: o,
     // Panel computed
@@ -3294,14 +3320,14 @@ function vt(H = {}) {
     },
     getTheme: c.getTheme
   };
-  return Wt(dt, g), g;
+  return Jt(ft, g), g;
 }
 function Ve() {
-  const H = Jt(dt);
-  return H || (console.warn("useArtifactuse() called without provideArtifactuse(). Creating standalone instance."), vt());
+  const H = Xt(ft);
+  return H || (console.warn("useArtifactuse() called without provideArtifactuse(). Creating standalone instance."), pt());
 }
-function lo(H = {}) {
-  const c = ut(H), _ = rt({
+function no(H = {}) {
+  const c = vt(H), _ = ut({
     artifacts: [],
     activeArtifactId: null,
     isPanelOpen: !1,
@@ -3311,13 +3337,13 @@ function lo(H = {}) {
     tabViewModes: {},
     forceEmptyView: !1
   });
-  let T;
-  Me(() => {
-    T = c.state.subscribe((n) => {
+  let M;
+  $e(() => {
+    M = 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();
   }), We(() => {
-    T && T(), c.destroy();
+    M && M(), c.destroy();
   });
   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 {
@@ -3365,23 +3391,23 @@ function lo(H = {}) {
     getTheme: c.getTheme
   };
 }
-const fo = {
-  provideArtifactuse: vt,
+const po = {
+  provideArtifactuse: pt,
   useArtifactuse: Ve,
-  createArtifactuseComposable: lo,
-  DEFAULT_PANELS: Kt
+  createArtifactuseComposable: no,
+  DEFAULT_PANELS: Yt
 };
 export {
-  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,
+  uo as ArtifactuseAgentMessage,
+  ua as ArtifactuseCard,
+  Ga as ArtifactuseInlineForm,
+  vo as ArtifactusePanel,
+  fo as ArtifactusePanelToggle,
+  al as ArtifactuseSocialPreview,
+  ul as ArtifactuseViewer,
+  Yt as DEFAULT_PANELS,
+  no as createArtifactuseComposable,
+  po as default,
+  pt as provideArtifactuse,
   Ve as useArtifactuse
 };