artifactuse 0.3.1 → 0.3.2

package/dist/vue/index.js

@@ -1,5 +1,5 @@
-import { ref as M, computed as b, createElementBlock as s, openBlock as a, normalizeClass as I, createElementVNode as e, toDisplayString as n, withModifiers as _e, onMounted as Te, watch as oe, Fragment as F, createCommentVNode as v, renderList as de, createTextVNode as Y, h as ne, normalizeStyle as Se, createStaticVNode as ea, createBlock as Me, resolveDynamicComponent as ta, nextTick as ke, onUnmounted as Ye, Teleport as aa, createVNode as Fe, Transition as ze, withCtx as Ve, withKeys as sa, onBeforeUnmount as la, unref as y, withDirectives as _t, vShow as ht, reactive as yt, provide as ia, inject as na } from "vue";
-import { g as Ie, f as gt, a as Ze, b as Ke, n as oa, i as mt, c as ra, D as ca, d as kt } from "../index-vmcpJRYe.js";
+import { ref as M, computed as b, createElementBlock as s, openBlock as a, normalizeClass as I, createElementVNode as e, toDisplayString as n, withModifiers as he, onMounted as Te, watch as oe, Fragment as F, createCommentVNode as v, renderList as ue, createTextVNode as Y, h as ne, normalizeStyle as Se, createStaticVNode as ea, createBlock as Me, resolveDynamicComponent as ta, nextTick as we, onUnmounted as Ye, Teleport as aa, createVNode as Fe, Transition as ze, withCtx as Ve, withKeys as sa, onBeforeUnmount as la, unref as y, withDirectives as _t, vShow as ht, reactive as yt, provide as ia, inject as na } from "vue";
+import { g as Ie, f as gt, a as Ze, b as Ke, n as oa, i as mt, c as ra, D as ca, d as kt } from "../index-ABusvYh9.js";
 import { J as ua } from "../jszip.min-CdmYyw5L.js";
 const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class: "artifactuse-card__content" }, pa = { class: "artifactuse-card__title" }, _a = { class: "artifactuse-card__meta" }, ha = { class: "artifactuse-card__type" }, ma = { class: "artifactuse-card__size" }, ya = { class: "artifactuse-card__actions" }, ga = ["title"], ka = {
   key: 0,
@@ -27,26 +27,26 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
   },
   emits: ["open", "copy", "download"],
   setup(P, { emit: c }) {
-    const _ = P, T = c, p = M(!1), r = b(() => Ie(_.artifact.language)), q = b(() => {
+    const p = P, T = c, _ = M(!1), r = b(() => Ie(p.artifact.language)), q = b(() => {
       var $;
-      return gt(_.artifact.size || (($ = _.artifact.code) == null ? void 0 : $.length) || 0);
-    }), A = b(() => Ze(_.artifact.language));
+      return gt(p.artifact.size || (($ = p.artifact.code) == null ? void 0 : $.length) || 0);
+    }), A = b(() => Ze(p.artifact.language));
     function g($) {
-      $.stopPropagation(), T("open", _.artifact);
+      $.stopPropagation(), T("open", p.artifact);
     }
     async function o() {
       try {
-        await navigator.clipboard.writeText(_.artifact.code), p.value = !0, setTimeout(() => {
-          p.value = !1;
-        }, 2e3), T("copy", _.artifact);
+        await navigator.clipboard.writeText(p.artifact.code), _.value = !0, setTimeout(() => {
+          _.value = !1;
+        }, 2e3), T("copy", p.artifact);
       } catch ($) {
         console.error("Failed to copy:", $);
       }
     }
     function h() {
       var N;
-      const $ = new Blob([_.artifact.code], { type: "text/plain" }), V = URL.createObjectURL($), x = document.createElement("a"), D = Ke(_.artifact.language), U = ((N = _.artifact.title) == null ? void 0 : N.replace(/[^a-z0-9]/gi, "_").toLowerCase()) || "code";
-      x.href = V, x.download = `${U}.${D}`, document.body.appendChild(x), x.click(), document.body.removeChild(x), URL.revokeObjectURL(V), T("download", _.artifact);
+      const $ = new Blob([p.artifact.code], { type: "text/plain" }), V = URL.createObjectURL($), x = document.createElement("a"), D = Ke(p.artifact.editorLanguage || p.artifact.language), U = ((N = p.artifact.title) == null ? void 0 : N.replace(/[^a-z0-9]/gi, "_").toLowerCase()) || "code";
+      x.href = V, x.download = `${U}.${D}`, document.body.appendChild(x), x.click(), document.body.removeChild(x), URL.revokeObjectURL(V), T("download", p.artifact);
     }
     return ($, V) => (a(), s("div", {
       class: I(["artifactuse-card", { "artifactuse-card--active": P.isActive }]),
@@ -72,10 +72,10 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
       e("div", ya, [
         e("button", {
           class: "artifactuse-card__action",
-          onClick: _e(o, ["stop"]),
-          title: p.value ? "Copied!" : "Copy code"
+          onClick: he(o, ["stop"]),
+          title: _.value ? "Copied!" : "Copy code"
         }, [
-          p.value ? (a(), s("svg", wa, [...V[2] || (V[2] = [
+          _.value ? (a(), s("svg", wa, [...V[2] || (V[2] = [
             e("polyline", { points: "20 6 9 17 4 12" }, null, -1)
           ])])) : (a(), s("svg", ka, [...V[1] || (V[1] = [
             e("rect", {
@@ -91,7 +91,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
         ], 8, ga),
         e("button", {
           class: "artifactuse-card__action",
-          onClick: _e(h, ["stop"]),
+          onClick: he(h, ["stop"]),
           title: "Download file"
         }, [...V[3] || (V[3] = [
           e("svg", {
@@ -221,17 +221,17 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
   },
   emits: ["submit", "cancel", "reset", "button-click"],
   setup(P, { emit: c }) {
-    const _ = P, T = c, p = M(_.initialState), r = b(() => p.value !== "active"), q = b(() => p.value === "active" ? "" : `artifactuse-form--${p.value}`);
+    const p = P, T = c, _ = M(p.initialState), r = b(() => _.value !== "active"), q = b(() => _.value === "active" ? "" : `artifactuse-form--${_.value}`);
     function A(w) {
-      p.value = w;
+      _.value = w;
     }
     const g = b(() => {
       try {
-        return JSON.parse(_.artifact.code);
+        return JSON.parse(p.artifact.code);
       } catch {
         return { title: "Invalid Form", variant: "fields", data: { fields: [] } };
       }
-    }), o = M(null), h = b(() => _.artifact.id || g.value.id || `form-${Date.now()}`), $ = b(() => `artifactuse-form-${g.value.variant || "fields"}`), V = b(() => g.value.title || "Form"), x = M({}), D = M({}), U = M(!1), N = b(() => {
+    }), o = M(null), h = b(() => p.artifact.id || g.value.id || `form-${Date.now()}`), $ = b(() => `artifactuse-form-${g.value.variant || "fields"}`), V = b(() => g.value.title || "Form"), x = M({}), D = M({}), U = M(!1), N = b(() => {
       var w;
       return ((w = g.value.data) == null ? void 0 : w.fields) || [];
     }), ee = b(() => {
@@ -254,15 +254,15 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
       return H.length >= 3 ? `${H[0]}, ${H[1]}, ${H[2]}` : null;
     }
     function K() {
-      if (o.value && _.accent) {
-        const w = re(_.accent);
+      if (o.value && p.accent) {
+        const w = re(p.accent);
         w && o.value.style.setProperty("--artifactuse-primary", w);
       }
     }
     Te(() => {
-      K(), p.value = _.initialState;
-    }), oe(() => _.accent, K), oe(() => _.initialState, (w) => {
-      p.value = w;
+      K(), _.value = p.initialState;
+    }), oe(() => p.accent, K), oe(() => p.initialState, (w) => {
+      _.value = w;
     });
     function Z() {
       var i;
@@ -271,8 +271,8 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
         ["buttons", "divider", "heading"].includes(H.type) || (H.defaultValue !== void 0 ? w[H.name] = H.defaultValue : H.type === "checkbox" ? w[H.name] = !1 : w[H.name] = "");
       }), (i = g.value.data) != null && i.defaults && Object.assign(w, g.value.data.defaults), x.value = w;
     }
-    Z(), oe(() => _.artifact.code, Z);
-    function ve(w) {
+    Z(), oe(() => p.artifact.code, Z);
+    function de(w) {
       return ["text", "email", "password", "tel", "url", "number", "date", "time", "datetime-local"].includes(w);
     }
     function m(w) {
@@ -379,9 +379,9 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
     }, [
       r.value ? (a(), s("div", xa, [
         e("div", $a, [
-          p.value === "submitted" ? (a(), s("svg", Ma, [...E[1] || (E[1] = [
+          _.value === "submitted" ? (a(), s("svg", Ma, [...E[1] || (E[1] = [
             e("polyline", { points: "20 6 9 17 4 12" }, null, -1)
-          ])])) : p.value === "cancelled" ? (a(), s("svg", Ta, [...E[2] || (E[2] = [
+          ])])) : _.value === "cancelled" ? (a(), s("svg", Ta, [...E[2] || (E[2] = [
             e("line", {
               x1: "18",
               y1: "6",
@@ -410,7 +410,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
           g.value.description ? (a(), s("p", Ha, n(g.value.description), 1)) : v("", !0)
         ])) : v("", !0),
         g.value.variant === "buttons" ? (a(), s("div", Ba, [
-          (a(!0), s(F, null, de(ee.value, (i) => (a(), s("button", {
+          (a(!0), s(F, null, ue(ee.value, (i) => (a(), s("button", {
             key: i.name || i.label,
             type: "button",
             class: I(["artifactuse-form-btn", `artifactuse-form-btn-${i.variant || "secondary"}`]),
@@ -427,14 +427,14 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
         ])) : (a(), s("form", {
           key: 2,
           class: "artifactuse-form",
-          onSubmit: _e(W, ["prevent"])
+          onSubmit: he(W, ["prevent"])
         }, [
           e("div", Va, [
-            (a(!0), s(F, null, de(N.value, (i, H) => (a(), s(F, {
+            (a(!0), s(F, null, ue(N.value, (i, H) => (a(), s(F, {
               key: i.name || H
             }, [
               i.type === "buttons" ? (a(), s("div", Ia, [
-                (a(!0), s(F, null, de(i.fields || [], (d) => (a(), s("button", {
+                (a(!0), s(F, null, ue(i.fields || [], (d) => (a(), s("button", {
                   key: d.name || d.label,
                   type: d.action === "submit" ? "submit" : "button",
                   class: I(["artifactuse-form-btn", `artifactuse-form-btn-${d.variant || "secondary"}`]),
@@ -472,7 +472,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                   Y(n(i.label) + " ", 1),
                   i.required ? (a(), s("span", Qa, "*")) : v("", !0)
                 ], 8, Ya),
-                ve(i.type) ? (a(), s("input", {
+                de(i.type) ? (a(), s("input", {
                   key: 0,
                   id: `${h.value}-${i.name}`,
                   type: i.type,
@@ -502,13 +502,13 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                   onChange: (d) => k(i.name, d.target.value)
                 }, [
                   e("option", as, n(i.placeholder || "Select..."), 1),
-                  (a(!0), s(F, null, de(m(i.options), (d) => (a(), s("option", {
+                  (a(!0), s(F, null, ue(m(i.options), (d) => (a(), s("option", {
                     key: d.value,
                     value: d.value,
                     disabled: d.disabled
                   }, n(d.label), 9, ss))), 128))
                 ], 40, ts)) : i.type === "radio" ? (a(), s("div", ls, [
-                  (a(!0), s(F, null, de(m(i.options), (d) => (a(), s("label", {
+                  (a(!0), s(F, null, ue(m(i.options), (d) => (a(), s("label", {
                     key: d.value,
                     class: "artifactuse-radio-label"
                   }, [
@@ -612,7 +612,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
 }, li = { class: "artifactuse-social-thumbnail" }, ii = ["src", "alt"], ni = {
   key: 1,
   class: "artifactuse-social-duration"
-}, oi = { class: "artifactuse-social-info" }, ri = ["src", "alt"], ci = { class: "artifactuse-social-title" }, ui = { class: "artifactuse-social-channel" }, di = { class: "artifactuse-social-meta" }, vi = { class: "artifactuse-social-actions-bar" }, fi = { class: "artifactuse-social-platform-badge" }, he = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23888"><circle cx="12" cy="8" r="4"/><path d="M12 14c-6 0-8 3-8 6v2h16v-2c0-3-2-6-8-6z"/></svg>', pi = {
+}, oi = { class: "artifactuse-social-info" }, ri = ["src", "alt"], ci = { class: "artifactuse-social-title" }, ui = { class: "artifactuse-social-channel" }, di = { class: "artifactuse-social-meta" }, vi = { class: "artifactuse-social-actions-bar" }, fi = { class: "artifactuse-social-platform-badge" }, me = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23888"><circle cx="12" cy="8" r="4"/><path d="M12 14c-6 0-8 3-8 6v2h16v-2c0-3-2-6-8-6z"/></svg>', pi = {
   __name: "ArtifactuseSocialPreview",
   props: {
     artifact: {
@@ -626,9 +626,9 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
   },
   emits: ["copy", "edit"],
   setup(P, { emit: c }) {
-    const _ = P, T = c, p = M(null), r = M("Copy"), q = b(() => {
+    const p = P, T = c, _ = M(null), r = M("Copy"), q = b(() => {
       try {
-        return JSON.parse(_.artifact.code);
+        return JSON.parse(p.artifact.code);
       } catch {
         return { platform: "twitter", data: {} };
       }
@@ -709,12 +709,12 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
       }
     }
     function K(m) {
-      m.target.src = he;
+      m.target.src = me;
     }
     function Z(m) {
       m.target.style.display = "none";
     }
-    function ve() {
+    function de() {
       const m = o.value.text || "";
       navigator.clipboard.writeText(m).then(() => {
         r.value = "Copied!", setTimeout(() => {
@@ -726,14 +726,14 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
       var ae, Q, W, ie, w, E;
       return a(), s("div", {
         ref_key: "containerRef",
-        ref: p,
+        ref: _,
         class: I(["artifactuse-social", [`artifactuse-social-${A.value}`]]),
         "data-artifactuse-theme": P.theme
       }, [
         A.value === "twitter" ? (a(), s(F, { key: 0 }, [
           e("div", fs, [
             e("img", {
-              src: g.value.avatar || he,
+              src: g.value.avatar || me,
               alt: g.value.name,
               class: "artifactuse-social-avatar",
               onError: K
@@ -766,7 +766,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                 class: I(["artifactuse-social-media-grid", { "artifactuse-social-media-single": o.value.media.length === 1 }]),
                 "data-count": o.value.media.length
               }, [
-                (a(!0), s(F, null, de(o.value.media.slice(0, 4), (i, H) => (a(), s("img", {
+                (a(!0), s(F, null, ue(o.value.media.slice(0, 4), (i, H) => (a(), s("img", {
                   key: H,
                   src: i.url,
                   alt: i.alt || "",
@@ -803,7 +803,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
               ])
             ])) : v("", !0),
             o.value.poll ? (a(), s("div", As, [
-              (a(!0), s(F, null, de(o.value.poll.options, (i, H) => {
+              (a(!0), s(F, null, ue(o.value.poll.options, (i, H) => {
                 var d, L;
                 return a(), s("div", {
                   key: H,
@@ -824,7 +824,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
             o.value.quote ? (a(), s("div", zs, [
               e("div", Vs, [
                 e("img", {
-                  src: ((W = o.value.quote.author) == null ? void 0 : W.avatar) || he,
+                  src: ((W = o.value.quote.author) == null ? void 0 : W.avatar) || me,
                   class: "artifactuse-social-quote-avatar"
                 }, null, 8, Is),
                 e("span", Fs, n((ie = o.value.quote.author) == null ? void 0 : ie.name), 1),
@@ -882,7 +882,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
         ], 64)) : A.value === "linkedin" ? (a(), s(F, { key: 1 }, [
           e("div", Ws, [
             e("img", {
-              src: g.value.avatar || he,
+              src: g.value.avatar || me,
               alt: g.value.name,
               class: "artifactuse-social-avatar",
               onError: K
@@ -937,7 +937,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
         ], 64)) : A.value === "instagram" ? (a(), s(F, { key: 2 }, [
           e("div", rl, [
             e("img", {
-              src: g.value.avatar || he,
+              src: g.value.avatar || me,
               alt: g.value.name,
               class: "artifactuse-social-avatar",
               onError: K
@@ -969,7 +969,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
         ], 64)) : A.value === "facebook" ? (a(), s(F, { key: 3 }, [
           e("div", gl, [
             e("img", {
-              src: g.value.avatar || he,
+              src: g.value.avatar || me,
               alt: g.value.name,
               class: "artifactuse-social-avatar",
               onError: K
@@ -1021,7 +1021,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
         ], 64)) : A.value === "threads" ? (a(), s(F, { key: 4 }, [
           e("div", Vl, [
             e("img", {
-              src: g.value.avatar || he,
+              src: g.value.avatar || me,
               alt: g.value.name,
               class: "artifactuse-social-avatar",
               onError: K
@@ -1100,7 +1100,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
           e("div", Yl, [
             e("div", Ql, [
               e("img", {
-                src: g.value.avatar || he,
+                src: g.value.avatar || me,
                 alt: g.value.name,
                 class: "artifactuse-social-avatar",
                 onError: K
@@ -1138,7 +1138,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
           ]),
           e("div", oi, [
             e("img", {
-              src: g.value.avatar || he,
+              src: g.value.avatar || me,
               alt: g.value.name,
               class: "artifactuse-social-avatar",
               onError: K
@@ -1157,7 +1157,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
           ]),
           e("button", {
             class: "artifactuse-social-copy-btn",
-            onClick: ve
+            onClick: de
           }, [
             k[18] || (k[18] = e("svg", {
               viewBox: "0 0 24 24",
@@ -1230,24 +1230,24 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
   },
   emits: ["close"],
   setup(P, { emit: c }) {
-    const _ = P, T = c, p = M(null), r = M(!1);
+    const p = P, T = c, _ = M(null), r = M(!1);
     function q() {
       r.value = !1, T("close");
     }
     function A() {
-      _.type === "image" && (r.value = !r.value);
+      p.type === "image" && (r.value = !r.value);
     }
     function g() {
       const h = document.createElement("a");
-      h.href = _.src, h.download = _.alt || "download", document.body.appendChild(h), h.click(), document.body.removeChild(h);
+      h.href = p.src, h.download = p.alt || "download", document.body.appendChild(h), h.click(), document.body.removeChild(h);
     }
     function o(h) {
-      h.key === "Escape" && _.isOpen && q();
+      h.key === "Escape" && p.isOpen && q();
     }
-    return oe(() => _.isOpen, (h) => {
-      h ? (ke(() => {
+    return oe(() => p.isOpen, (h) => {
+      h ? (we(() => {
         var $;
-        ($ = p.value) == null || $.focus();
+        ($ = _.value) == null || $.focus();
       }), document.body.style.overflow = "hidden") : (document.body.style.overflow = "", r.value = !1);
     }), Te(() => {
       document.addEventListener("keydown", o);
@@ -1263,11 +1263,11 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
             onKeydown: sa(q, ["escape"]),
             tabindex: "-1",
             ref_key: "overlayRef",
-            ref: p
+            ref: _
           }, [
             e("div", {
               class: "artifactuse-viewer-content",
-              onClick: $[0] || ($[0] = _e(() => {
+              onClick: $[0] || ($[0] = he(() => {
               }, ["stop"]))
             }, [
               P.type === "image" ? (a(), s("img", {
@@ -1309,7 +1309,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
               P.type === "image" ? (a(), s("div", mi, [
                 e("button", {
                   class: "artifactuse-viewer-control",
-                  onClick: _e(A, ["stop"]),
+                  onClick: he(A, ["stop"]),
                   title: r.value ? "Zoom out" : "Zoom in"
                 }, [
                   r.value ? (a(), s("svg", ki, [...$[3] || ($[3] = [
@@ -1358,7 +1358,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                 ], 8, yi),
                 e("button", {
                   class: "artifactuse-viewer-control",
-                  onClick: _e(g, ["stop"]),
+                  onClick: he(g, ["stop"]),
                   title: "Download"
                 }, [...$[4] || ($[4] = [
                   e("svg", {
@@ -1447,8 +1447,8 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
     "social-copy",
     "media-open"
   ],
-  setup(P, { expose: c, emit: _ }) {
-    const T = P, p = _, {
+  setup(P, { expose: c, emit: p }) {
+    const T = P, _ = p, {
       processMessage: r,
       openArtifact: q,
       state: A,
@@ -1456,7 +1456,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
       instance: o
     } = Re(), h = M(null), $ = M(null), V = M(""), x = M([]);
     let D = null;
-    const U = M(!1), N = M("image"), ee = M(""), B = M(""), re = M(""), K = b(() => (g == null ? void 0 : g()) || "dark"), Z = b(() => A.activeArtifactId), ve = b(() => {
+    const U = M(!1), N = M("image"), ee = M(""), B = M(""), re = M(""), K = b(() => (g == null ? void 0 : g()) || "dark"), Z = b(() => A.activeArtifactId), de = b(() => {
       var C;
       return T.inlineCards ?? ((C = o == null ? void 0 : o.config) == null ? void 0 : C.inlineCards) ?? !0;
     }), m = M(!1);
@@ -1501,7 +1501,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
       return C.length === 0 && R.trim() && C.push({ type: "html", content: R }), C;
     });
     function W(C) {
-      N.value = C.type || "image", ee.value = C.src || "", B.value = C.alt || "", re.value = C.caption || "", U.value = !0, p("media-open", C);
+      N.value = C.type || "image", ee.value = C.src || "", B.value = C.alt || "", re.value = C.caption || "", U.value = !0, _("media-open", C);
     }
     function ie() {
       U.value = !1, ee.value = "", B.value = "", re.value = "";
@@ -1520,23 +1520,23 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
       }), $.value.querySelectorAll(".artifactuse-image-container img").forEach((f) => {
         f._lightboxHandler || (f._lightboxHandler = (j) => {
           j.preventDefault(), j.stopPropagation();
-          const le = f.closest(".artifactuse-image-container"), G = le == null ? void 0 : le.querySelector(".artifactuse-image-caption"), me = (G == null ? void 0 : G.textContent) || f.dataset.caption || f.alt || "";
+          const le = f.closest(".artifactuse-image-container"), G = le == null ? void 0 : le.querySelector(".artifactuse-image-caption"), ye = (G == null ? void 0 : G.textContent) || f.dataset.caption || f.alt || "";
           W({
             type: "image",
             src: f.src,
             alt: f.alt || "",
-            caption: me
+            caption: ye
           });
         }, f.addEventListener("click", f._lightboxHandler), f.style.cursor = "zoom-in");
       }), $.value.querySelectorAll(".artifactuse-gallery-item img, .artifactuse-image-gallery img").forEach((f) => {
         f._lightboxHandler || (f._lightboxHandler = (j) => {
           j.preventDefault(), j.stopPropagation();
-          const le = f.closest(".artifactuse-gallery-item"), G = le == null ? void 0 : le.querySelector(".artifactuse-gallery-caption"), me = (G == null ? void 0 : G.textContent) || f.dataset.caption || f.alt || "";
+          const le = f.closest(".artifactuse-gallery-item"), G = le == null ? void 0 : le.querySelector(".artifactuse-gallery-caption"), ye = (G == null ? void 0 : G.textContent) || f.dataset.caption || f.alt || "";
           W({
             type: "image",
             src: f.src,
             alt: f.alt || "",
-            caption: me
+            caption: ye
           });
         }, f.addEventListener("click", f._lightboxHandler), f.style.cursor = "zoom-in");
       }), $.value.querySelectorAll('a[href$=".pdf"], a[data-type="pdf"]').forEach((f) => {
@@ -1582,7 +1582,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
     }
     function i() {
       D && clearTimeout(D), D = setTimeout(async () => {
-        if (await ke(), o != null && o.initializeContent && $.value)
+        if (await we(), o != null && o.initializeContent && $.value)
           try {
             await o.initializeContent($.value);
           } catch (C) {
@@ -1601,7 +1601,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
             tabs: T.tabs,
             viewMode: T.viewMode
           });
-          V.value = R.html, x.value = R.artifacts, R.artifacts.length > 0 && p("artifact-detected", R.artifacts), T.typing || i();
+          V.value = R.html, x.value = R.artifacts, R.artifacts.length > 0 && _("artifact-detected", R.artifacts), T.typing || i();
         }
       },
       { immediate: !0 }
@@ -1627,25 +1627,25 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
       }
     }
     function d(C) {
-      q(C), p("artifact-open", C);
+      q(C), _("artifact-open", C);
     }
     function L(C) {
-      p("artifact-copy", C);
+      _("artifact-copy", C);
     }
     function se(C) {
-      p("artifact-download", C);
+      _("artifact-download", C);
     }
     function ce(C) {
-      p("form-submit", C);
-    }
-    function we(C) {
-      p("form-cancel", C);
+      _("form-submit", C);
     }
     function be(C) {
-      p("form-button-click", C);
+      _("form-cancel", C);
+    }
+    function Ce(C) {
+      _("form-button-click", C);
     }
     function Le(C) {
-      p("social-copy", C);
+      _("social-copy", C);
     }
     return b(() => A.artifacts.filter((C) => C.messageId === T.messageId)), c({
       openViewer: W,
@@ -1662,7 +1662,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
         ref: $,
         onClick: H
       }, [
-        (a(!0), s(F, null, de(Q.value, (O, J) => (a(), s(F, { key: J }, [
+        (a(!0), s(F, null, ue(Q.value, (O, J) => (a(), s(F, { key: J }, [
           O.type === "html" ? (a(), s("div", {
             key: 0,
             innerHTML: O.content
@@ -1672,14 +1672,14 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
             theme: K.value,
             "initial-state": k.value,
             onSubmit: ce,
-            onCancel: we,
-            onButtonClick: be
+            onCancel: be,
+            onButtonClick: Ce
           }, null, 8, ["artifact", "theme", "initial-state"])) : O.type === "social" ? (a(), Me(pi, {
             key: 2,
             artifact: O.artifact,
             theme: K.value,
             onCopy: Le
-          }, null, 8, ["artifact", "theme"])) : O.type === "panel" && ve.value ? (a(), Me(ba, {
+          }, null, 8, ["artifact", "theme"])) : O.type === "panel" && de.value ? (a(), Me(ba, {
             key: 3,
             artifact: O.artifact,
             "is-active": Z.value === O.artifact.id,
@@ -1828,8 +1828,8 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
   emits: ["close", "ai-request", "save", "export", "resize"],
   setup(P, { emit: c }) {
     var ft, pt;
-    const _ = c, T = P, {
-      state: p,
+    const p = c, T = P, {
+      state: _,
       activeArtifact: r,
       artifactCount: q,
       hasArtifacts: A,
@@ -1839,7 +1839,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
       getPanelUrl: $,
       openArtifact: V,
       instance: x
-    } = Re(), D = M(null), U = M(null), N = M(null), ee = M(null), B = M(null), re = M(null), K = M(!1), Z = M(!1), ve = M(!0), m = M(!1), k = M(!1), ae = M(!1), Q = M([]), W = M(!1), ie = M(null), w = M(/* @__PURE__ */ new Set(["log", "warn", "error", "info"])), E = M(!1), i = M("options"), H = M(""), d = M(null), L = M(""), se = M(!1), ce = M(!1), we = M([]), be = M(!1), Le = M("");
+    } = Re(), D = M(null), U = M(null), N = M(null), ee = M(null), B = M(null), re = M(null), K = M(!1), Z = M(!1), de = M(!0), m = M(!1), k = M(!1), ae = M(!1), Q = M([]), W = M(!1), ie = M(null), w = M(/* @__PURE__ */ new Set(["log", "warn", "error", "info"])), E = M(!1), i = M("options"), H = M(""), d = M(null), L = M(""), se = M(!1), ce = M(!1), be = M([]), Ce = M(!1), Le = M("");
     let C = null, R = null, O = null, J = null;
     const S = b(() => {
       var l;
@@ -1853,8 +1853,8 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
       let l = $(r.value);
       return l && r.value._refreshToken && (l += (l.includes("?") ? "&" : "?") + "_t=" + r.value._refreshToken), l;
     });
-    b(() => !r.value || !p.artifacts.length ? -1 : p.artifacts.findIndex((l) => l.id === r.value.id));
-    const me = b(() => r.value ? oa(r.value.language || "plaintext") : "plaintext"), fe = b(() => p.artifacts.filter((l) => !l.isInline)), Pe = b(() => r.value ? fe.value.findIndex((l) => l.id === r.value.id) : -1), qe = b(() => {
+    b(() => !r.value || !_.artifacts.length ? -1 : _.artifacts.findIndex((l) => l.id === r.value.id));
+    const ye = b(() => r.value ? oa(r.value.language || "plaintext") : "plaintext"), ve = b(() => _.artifacts.filter((l) => !l.isInline)), Pe = b(() => r.value ? ve.value.findIndex((l) => l.id === r.value.id) : -1), qe = b(() => {
       var l;
       return ((l = x.config) == null ? void 0 : l.branding) !== !1;
     }), Ct = b(() => {
@@ -1874,10 +1874,10 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
     }), tt = b(() => {
       var l;
       return ((l = x.share) == null ? void 0 : l.isAuthenticated()) || !1;
-    }), Tt = b(() => !r.value && !p.forceEmptyView ? Math.min(te.value, 30) : te.value), Ee = b(() => {
+    }), Tt = b(() => !r.value && !_.forceEmptyView ? Math.min(te.value, 30) : te.value), Ee = b(() => {
       var l;
       return ((l = x.config) == null ? void 0 : l.multiTab) === !0;
-    }), Ce = b(() => p.forceEmptyView), at = b(() => Ee.value ? p.openTabs.map((l) => p.artifacts.find((t) => t.id === l)).filter(Boolean) : []);
+    }), xe = b(() => _.forceEmptyView), at = b(() => Ee.value ? _.openTabs.map((l) => _.artifacts.find((t) => t.id === l)).filter(Boolean) : []);
     function Ue(l) {
       return `<svg viewBox="0 0 24 24" fill="currentColor">${Ze(l)}</svg>`;
     }
@@ -1885,7 +1885,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
       V(l);
     }
     function Pt(l) {
-      x.closeTab(l), p.openTabs.length === 0 && (k.value = !1);
+      x.closeTab(l), _.openTabs.length === 0 && (k.value = !1);
     }
     function Et() {
       k.value = !1, x.state.clearActiveArtifact();
@@ -1898,8 +1898,8 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
         const u = t.language || "plaintext", z = mt() && window.Prism.languages[u], X = ra(t.oldCode, t.newCode).split(`
 `);
         return { html: X.map((pe) => {
-          const ue = pe[0], $e = pe.slice(1), ge = z ? window.Prism.highlight($e, z, u) : $e;
-          return ue === "-" ? `<span class="token deleted">${ge}</span>` : ue === "+" ? `<span class="token inserted">${ge}</span>` : ge;
+          const _e = pe[0], fe = pe.slice(1), ke = z ? window.Prism.highlight(fe, z, u) : fe;
+          return _e === "-" ? `<span class="token deleted">${ke}</span>` : _e === "+" ? `<span class="token inserted">${ke}</span>` : ke;
         }).join(`
 `), lineCount: X.length };
       } catch {
@@ -1921,14 +1921,14 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
         if (t)
           U.value.innerHTML = t.html;
         else {
-          const u = window.Prism.languages[me.value];
+          const u = window.Prism.languages[ye.value];
           u ? U.value.innerHTML = window.Prism.highlight(
             r.value.code,
             u,
-            me.value
+            ye.value
           ) : U.value.textContent = r.value.code;
         }
-        U.value.dataset.highlighted = "true", ke(() => {
+        U.value.dataset.highlighted = "true", we(() => {
           Bt();
         });
       }
@@ -1945,7 +1945,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
       B.value && (B.value.style.backgroundColor = ""), ee.value && (ee.value.style.backgroundColor = "");
     }
     function Be() {
-      ke(() => {
+      we(() => {
         At(), Ht();
       });
     }
@@ -1969,14 +1969,14 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
       });
     }
     function Vt() {
-      clearTimeout(O), ve.value = !1, D.value && r.value && (x.bridge.setIframe(D.value), x.bridge.loadArtifact(r.value));
+      clearTimeout(O), de.value = !1, D.value && r.value && (x.bridge.setIframe(D.value), x.bridge.loadArtifact(r.value));
     }
     function It() {
-      clearTimeout(O), ve.value = !1;
+      clearTimeout(O), de.value = !1;
     }
     function Ft() {
       clearTimeout(O), O = setTimeout(() => {
-        ve.value = !1;
+        de.value = !1;
       }, 1e3);
     }
     async function Rt() {
@@ -1991,23 +1991,23 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
     }
     function qt() {
       if (!r.value) return;
-      const { code: l, language: t, title: u } = r.value, z = Ke(t), X = `${u.toLowerCase().replace(/\s+/g, "-")}.${z}`, ye = new Blob([l], { type: "text/plain" }), pe = URL.createObjectURL(ye), ue = document.createElement("a");
-      ue.href = pe, ue.download = X, document.body.appendChild(ue), ue.click(), document.body.removeChild(ue), URL.revokeObjectURL(pe);
+      const { code: l, language: t, editorLanguage: u, title: z } = r.value, X = Ke(u || t), ge = `${z.toLowerCase().replace(/\s+/g, "-")}.${X}`, pe = new Blob([l], { type: "text/plain" }), _e = URL.createObjectURL(pe), fe = document.createElement("a");
+      fe.href = _e, fe.download = ge, document.body.appendChild(fe), fe.click(), document.body.removeChild(fe), URL.revokeObjectURL(_e);
     }
     async function Ot() {
-      if (!(ae.value || fe.value.length === 0)) {
+      if (!(ae.value || ve.value.length === 0)) {
         ae.value = !0;
         try {
           const l = new ua(), t = /* @__PURE__ */ new Map();
-          for (const ue of fe.value) {
-            if (!ue.code) continue;
-            const $e = Ke(ue.language);
-            let ge = (ue.title || "untitled").toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, ""), Je = `${ge}.${$e}`;
+          for (const _e of ve.value) {
+            if (!_e.code) continue;
+            const fe = Ke(_e.editorLanguage || _e.language);
+            let ke = (_e.title || "untitled").toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, ""), Je = `${ke}.${fe}`;
             const Xe = t.get(Je) || 0;
-            Xe > 0 && (Je = `${ge}-${Xe}.${$e}`), t.set(`${ge}.${$e}`, Xe + 1), l.file(Je, ue.code);
+            Xe > 0 && (Je = `${ke}-${Xe}.${fe}`), t.set(`${ke}.${fe}`, Xe + 1), l.file(Je, _e.code);
           }
-          const u = await l.generateAsync({ type: "blob" }), X = `artifacts-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.zip`, ye = URL.createObjectURL(u), pe = document.createElement("a");
-          pe.href = ye, pe.download = X, document.body.appendChild(pe), pe.click(), document.body.removeChild(pe), URL.revokeObjectURL(ye);
+          const u = await l.generateAsync({ type: "blob" }), X = `artifacts-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.zip`, ge = URL.createObjectURL(u), pe = document.createElement("a");
+          pe.href = ge, pe.download = X, document.body.appendChild(pe), pe.click(), document.body.removeChild(pe), URL.revokeObjectURL(ge);
         } catch (l) {
           console.error("Failed to create ZIP:", l);
         } finally {
@@ -2020,7 +2020,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
         E.value = !1;
         return;
       }
-      r.value && (i.value = "options", H.value = "", d.value = null, L.value = "", se.value = !1, ce.value = !1, we.value = [], be.value = !1, Le.value = "", E.value = !0);
+      r.value && (i.value = "options", H.value = "", d.value = null, L.value = "", se.value = !1, ce.value = !1, be.value = [], Ce.value = !1, Le.value = "", E.value = !0);
     }
     function Dt() {
       E.value = !1;
@@ -2077,14 +2077,14 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
             return;
           }
         }
-        i.value = "update-list", be.value = !0;
+        i.value = "update-list", Ce.value = !0;
         try {
           const t = ((l = r.value) == null ? void 0 : l.language) || null, u = await x.share.listArtifacts(t);
-          we.value = u.projects || [];
+          be.value = u.projects || [];
         } catch (t) {
           L.value = t.message || "Failed to load artifacts", i.value = "error";
         } finally {
-          be.value = !1;
+          Ce.value = !1;
         }
       }
     }
@@ -2126,31 +2126,31 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
     }
     function Kt() {
       const l = Pe.value - 1;
-      l >= 0 && V(fe.value[l]);
+      l >= 0 && V(ve.value[l]);
     }
     function Yt() {
       const l = Pe.value + 1;
-      l < fe.value.length && V(fe.value[l]);
+      l < ve.value.length && V(ve.value[l]);
     }
     function ut(l) {
       const t = document.querySelector(".artifactuse-panel__nav");
       t && !t.contains(l.target) && (Z.value = !1);
     }
-    let xe = null;
+    let $e = null;
     function Qt(l) {
-      xe = {
+      $e = {
         startX: l.clientX,
         startWidth: te.value
       }, document.addEventListener("mousemove", dt), document.addEventListener("mouseup", Ne), document.body.style.cursor = "ew-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((u) => u.style.pointerEvents = "none");
     }
     function dt(l) {
-      if (!xe) return;
-      const t = window.innerWidth, z = (xe.startX - l.clientX) / t * 100, X = xe.startWidth + z;
-      te.value = Math.min(Math.max(X, 25), 75), _("resize", { width: te.value });
+      if (!$e) return;
+      const t = window.innerWidth, z = ($e.startX - l.clientX) / t * 100, X = $e.startWidth + z;
+      te.value = Math.min(Math.max(X, 25), 75), p("resize", { width: te.value });
     }
     function Ne() {
-      const l = xe !== null;
-      xe = null, document.removeEventListener("mousemove", dt), document.removeEventListener("mouseup", Ne), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((u) => u.style.pointerEvents = ""), l && _("resize", { width: te.value });
+      const l = $e !== null;
+      $e = null, document.removeEventListener("mousemove", dt), document.removeEventListener("mouseup", Ne), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((u) => u.style.pointerEvents = ""), l && p("resize", { width: te.value });
     }
     let Ae = null;
     function Gt(l) {
@@ -2174,12 +2174,12 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
     return oe(r, (l, t) => {
       l && (t && t.isPreviewable !== l.isPreviewable && (m.value = !0, setTimeout(() => {
         m.value = !1;
-      }, 150)), (!t || l.id !== t.id) && (St(), ve.value = !0, Ft()), (!t || l.id !== t.id || l.code !== t.code) && (Be(), p.viewMode === "edit" && (!t || l.id !== t.id ? ke(() => lt()) : J && J.setCode(l.code || "")), clearTimeout(R), R = setTimeout(() => {
+      }, 150)), (!t || l.id !== t.id) && (St(), de.value = !0, Ft()), (!t || l.id !== t.id || l.code !== t.code) && (Be(), _.viewMode === "edit" && (!t || l.id !== t.id ? we(() => lt()) : J && J.setCode(l.code || "")), clearTimeout(R), R = setTimeout(() => {
         D.value && l.isPreviewable && x.bridge.loadArtifact(l);
       }, 500)));
-    }, { deep: !0 }), oe(() => p.viewMode, (l) => {
-      (l === "code" || l === "split") && Be(), l === "edit" && ke(() => lt());
-    }), oe(() => p.isPanelOpen, (l) => {
+    }, { deep: !0 }), oe(() => _.viewMode, (l) => {
+      (l === "code" || l === "split") && Be(), l === "edit" && we(() => lt());
+    }), oe(() => _.isPanelOpen, (l) => {
       l && r.value && Be(), l || De();
     }), oe(() => {
       var l;
@@ -2187,7 +2187,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
     }, () => {
       Q.value = [], W.value = !1;
     }), oe([Q, W], () => {
-      ie.value && W.value && ke(() => {
+      ie.value && W.value && we(() => {
         ie.value.scrollTop = ie.value.scrollHeight;
       });
     }), oe(() => T.panelWidth, (l) => {
@@ -2195,34 +2195,34 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
     }), oe(() => T.splitPosition, (l) => {
       l !== void 0 && (f.value = Math.min(Math.max(l, 20), 80));
     }), Te(() => {
-      x.on("ai:request", (l) => _("ai-request", l)), x.on("save:request", (l) => _("save", l)), x.on("export:complete", (l) => _("export", l)), x && (C = x.on("console:log", ({ entry: l }) => {
+      x.on("ai:request", (l) => p("ai-request", l)), x.on("save:request", (l) => p("save", l)), x.on("export:complete", (l) => p("export", l)), x && (C = x.on("console:log", ({ entry: l }) => {
         Q.value = [...Q.value, l].slice(-500), l.type === "error" && (W.value = !0);
-      })), document.addEventListener("click", ut), p.isPanelOpen && r.value && Be();
+      })), document.addEventListener("click", ut), _.isPanelOpen && r.value && Be();
     }), Ye(() => {
       Ne(), We(), De(), document.removeEventListener("click", ut), clearTimeout(R), clearTimeout(O), C && C();
     }), (l, t) => (a(), Me(ze, { name: "artifactuse-panel" }, {
       default: Ve(() => [
-        y(p).isPanelOpen ? (a(), s("div", {
+        y(_).isPanelOpen ? (a(), s("div", {
           key: 0,
           class: I(["artifactuse-panel", {
-            "artifactuse-panel--fullscreen": y(p).isFullscreen,
-            "artifactuse-panel--list": !y(r) && y(A) && !y(p).forceEmptyView,
-            "artifactuse-panel--empty": !y(A) && !y(p).forceEmptyView
+            "artifactuse-panel--fullscreen": y(_).isFullscreen,
+            "artifactuse-panel--list": !y(r) && y(A) && !y(_).forceEmptyView,
+            "artifactuse-panel--empty": !y(A) && !y(_).forceEmptyView
           }]),
-          style: Se(y(p).isFullscreen ? void 0 : { width: `${Tt.value}%` })
+          style: Se(y(_).isFullscreen ? void 0 : { width: `${Tt.value}%` })
         }, [
-          y(p).isFullscreen ? v("", !0) : (a(), s("div", {
+          y(_).isFullscreen ? v("", !0) : (a(), s("div", {
             key: 0,
             class: "artifactuse-panel__resize-handle",
-            onMousedown: _e(Qt, ["prevent"])
+            onMousedown: he(Qt, ["prevent"])
           }, [...t[19] || (t[19] = [
             e("div", { class: "artifactuse-panel__resize-handle-line" }, null, -1)
           ])], 32)),
-          !y(A) || Ce.value ? (a(), s(F, { key: 1 }, [
+          !y(A) || xe.value ? (a(), s(F, { key: 1 }, [
             e("header", xi, [
               e("div", $i, [
                 e("span", Mi, [
-                  Ce.value ? (a(), s("svg", Ti, [...t[20] || (t[20] = [
+                  xe.value ? (a(), s("svg", Ti, [...t[20] || (t[20] = [
                     e("path", { d: "M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" }, null, -1),
                     e("polyline", { points: "14 2 14 8 20 8" }, null, -1)
                   ])])) : (a(), s("svg", Li, [...t[21] || (t[21] = [
@@ -2231,7 +2231,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                   ])]))
                 ]),
                 e("div", Pi, [
-                  e("span", Ei, n(Ce.value ? "Artifact Viewer" : "Artifacts"), 1)
+                  e("span", Ei, n(xe.value ? "Artifact Viewer" : "Artifacts"), 1)
                 ])
               ]),
               e("div", Ai, [
@@ -2274,8 +2274,8 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                   e("polyline", { points: "14 2 14 8 20 8" })
                 ])
               ], -1)),
-              e("h3", Bi, n(Ce.value ? "No artifact selected" : "No artifacts yet"), 1),
-              e("p", Si, n(Ce.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", Bi, n(xe.value ? "No artifact selected" : "No artifacts yet"), 1),
+              e("p", Si, n(xe.value ? "Open an artifact to have it appear here" : "Code blocks, forms, and other interactive content will appear here as the AI generates them."), 1)
             ]),
             e("footer", zi, [
               qe.value ? (a(), s("a", Vi, [...t[24] || (t[24] = [
@@ -2298,7 +2298,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                 e("span", null, "Artifactuse", -1)
               ])])) : v("", !0)
             ])
-          ], 64)) : !y(r) && !Ce.value ? (a(), s(F, { key: 2 }, [
+          ], 64)) : !y(r) && !xe.value ? (a(), s(F, { key: 2 }, [
             e("header", Ii, [
               e("div", Fi, [
                 t[26] || (t[26] = e("span", { class: "artifactuse-panel__icon" }, [
@@ -2314,7 +2314,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                 ], -1)),
                 e("div", Ri, [
                   t[25] || (t[25] = e("span", { class: "artifactuse-panel__name" }, "Artifacts", -1)),
-                  e("span", qi, n(fe.value.length) + " available", 1)
+                  e("span", qi, n(ve.value.length) + " available", 1)
                 ])
               ]),
               e("div", Oi, [
@@ -2372,7 +2372,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
             ]),
             e("div", Ni, [
               e("div", Wi, [
-                (a(!0), s(F, null, de(fe.value, (u, z) => (a(), s("button", {
+                (a(!0), s(F, null, ue(ve.value, (u, z) => (a(), s("button", {
                   key: u.id,
                   class: "artifactuse-panel__list-item",
                   onClick: (X) => ct(u)
@@ -2459,7 +2459,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
               e("div", rn, [
                 !y(r).tabs || y(r).tabs.includes("preview") ? (a(), s("button", {
                   key: 0,
-                  class: I(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": y(p).viewMode === "preview" }]),
+                  class: I(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": y(_).viewMode === "preview" }]),
                   disabled: !y(r).isPreviewable,
                   title: "Preview",
                   onClick: t[2] || (t[2] = (u) => y(h)("preview"))
@@ -2480,7 +2480,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                 ])], 10, cn)) : v("", !0),
                 !y(r).tabs || y(r).tabs.includes("code") ? (a(), s("button", {
                   key: 1,
-                  class: I(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": y(p).viewMode === "code" }]),
+                  class: I(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": y(_).viewMode === "code" }]),
                   title: "Code",
                   onClick: t[3] || (t[3] = (u) => y(h)("code"))
                 }, [...t[34] || (t[34] = [
@@ -2496,7 +2496,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                 ])], 2)) : v("", !0),
                 !y(r).tabs || y(r).tabs.includes("split") ? (a(), s("button", {
                   key: 2,
-                  class: I(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": y(p).viewMode === "split" }]),
+                  class: I(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": y(_).viewMode === "split" }]),
                   disabled: !y(r).isPreviewable,
                   title: "Split view",
                   onClick: t[4] || (t[4] = (u) => y(h)("split"))
@@ -2525,7 +2525,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                 ])], 10, un)) : v("", !0),
                 y(r).tabs && y(r).tabs.includes("edit") && S.value ? (a(), s("button", {
                   key: 3,
-                  class: I(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": y(p).viewMode === "edit" }]),
+                  class: I(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": y(_).viewMode === "edit" }]),
                   title: "Edit",
                   onClick: t[5] || (t[5] = (u) => y(h)("edit"))
                 }, [...t[36] || (t[36] = [
@@ -2541,7 +2541,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                 ])], 2)) : v("", !0)
               ]),
               e("div", dn, [
-                y(p).viewMode === "edit" ? (a(), s("button", {
+                y(_).viewMode === "edit" ? (a(), s("button", {
                   key: 0,
                   class: "artifactuse-panel__action artifactuse-panel__action--save",
                   title: "Save",
@@ -2582,10 +2582,10 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                 ])])) : v("", !0),
                 e("button", {
                   class: "artifactuse-panel__action",
-                  title: y(p).isFullscreen ? "Exit fullscreen" : "Fullscreen",
+                  title: y(_).isFullscreen ? "Exit fullscreen" : "Fullscreen",
                   onClick: t[6] || (t[6] = (...u) => y(o) && y(o)(...u))
                 }, [
-                  y(p).isFullscreen ? (a(), s("svg", pn, [...t[40] || (t[40] = [
+                  y(_).isFullscreen ? (a(), s("svg", pn, [...t[40] || (t[40] = [
                     e("polyline", { points: "4 14 10 14 10 20" }, null, -1),
                     e("polyline", { points: "20 10 14 10 14 4" }, null, -1),
                     e("line", {
@@ -2646,7 +2646,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
             ]),
             Ee.value && at.value.length > 0 ? (a(), s("div", _n, [
               e("div", hn, [
-                (a(!0), s(F, null, de(at.value, (u) => {
+                (a(!0), s(F, null, ue(at.value, (u) => {
                   var z;
                   return a(), s("button", {
                     key: u.id,
@@ -2661,7 +2661,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                     e("button", {
                       class: "artifactuse-panel__file-tab-close",
                       title: "Close tab",
-                      onClick: _e((X) => Pt(u.id), ["stop"])
+                      onClick: he((X) => Pt(u.id), ["stop"])
                     }, [...t[42] || (t[42] = [
                       e("svg", {
                         viewBox: "0 0 24 24",
@@ -2691,19 +2691,19 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
               ref_key: "contentRef",
               ref: N,
               class: I(["artifactuse-panel__content", [
-                `artifactuse-panel__content--${y(p).viewMode}`,
+                `artifactuse-panel__content--${y(_).viewMode}`,
                 { "artifactuse-panel__content--transitioning": m.value }
               ]])
             }, [
               m.value ? (a(), s("div", wn, [...t[43] || (t[43] = [
                 e("div", { class: "artifactuse-panel__spinner" }, null, -1)
               ])])) : v("", !0),
-              y(p).viewMode === "preview" || y(p).viewMode === "split" ? (a(), s("div", {
+              y(_).viewMode === "preview" || y(_).viewMode === "split" ? (a(), s("div", {
                 key: 1,
                 class: "artifactuse-panel__preview",
-                style: Se(y(p).viewMode === "split" ? { width: `${f.value}%` } : void 0)
+                style: Se(y(_).viewMode === "split" ? { width: `${f.value}%` } : void 0)
               }, [
-                ve.value && G.value ? (a(), s("div", bn, [...t[44] || (t[44] = [
+                de.value && G.value ? (a(), s("div", bn, [...t[44] || (t[44] = [
                   e("div", { class: "artifactuse-panel__spinner" }, null, -1)
                 ])])) : v("", !0),
                 G.value ? (a(), s("iframe", {
@@ -2711,7 +2711,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                   ref_key: "iframeRef",
                   ref: D,
                   src: G.value,
-                  class: I(["artifactuse-panel__iframe", { "artifactuse-panel__iframe--loading": ve.value }]),
+                  class: I(["artifactuse-panel__iframe", { "artifactuse-panel__iframe--loading": de.value }]),
                   sandbox: "allow-scripts allow-same-origin allow-forms allow-popups allow-modals allow-downloads allow-top-navigation-by-user-activation",
                   allow: "camera; microphone; fullscreen; geolocation; display-capture; autoplay; clipboard-write; encrypted-media; gyroscope; accelerometer; picture-in-picture",
                   onLoad: Vt,
@@ -2737,12 +2737,12 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
               ], 4)) : v("", !0),
               _t(e("div", {
                 class: "artifactuse-panel__code",
-                style: Se(y(p).viewMode === "split" ? { width: `${100 - f.value}%` } : void 0)
+                style: Se(y(_).viewMode === "split" ? { width: `${100 - f.value}%` } : void 0)
               }, [
-                y(p).viewMode === "split" ? (a(), s("div", {
+                y(_).viewMode === "split" ? (a(), s("div", {
                   key: 0,
                   class: "artifactuse-panel__split-handle",
-                  onMousedown: _e(Gt, ["prevent"])
+                  onMousedown: he(Gt, ["prevent"])
                 }, [...t[46] || (t[46] = [
                   e("div", { class: "artifactuse-panel__split-handle-line" }, null, -1)
                 ])], 32)) : v("", !0),
@@ -2758,18 +2758,18 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                     ref: ee
                   }, null, 512),
                   e("pre", {
-                    class: I(["artifactuse-panel__code-block", `language-${me.value}`])
+                    class: I(["artifactuse-panel__code-block", `language-${ye.value}`])
                   }, [
                     (a(), s("code", {
                       ref_key: "codeRef",
                       ref: U,
                       key: y(r).id,
-                      class: I(`language-${me.value}`)
+                      class: I(`language-${ye.value}`)
                     }, null, 2))
                   ], 2)
                 ], 544)
               ], 4), [
-                [ht, y(p).viewMode === "code" || y(p).viewMode === "split"]
+                [ht, y(_).viewMode === "code" || y(_).viewMode === "split"]
               ]),
               _t(e("div", $n, [
                 e("div", {
@@ -2778,7 +2778,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                   class: "artifactuse-panel__editor-container"
                 }, null, 512)
               ], 512), [
-                [ht, y(p).viewMode === "edit"]
+                [ht, y(_).viewMode === "edit"]
               ])
             ], 2),
             $t.value ? (a(), s("div", {
@@ -2801,7 +2801,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                 t[48] || (t[48] = e("span", null, "Console", -1)),
                 e("div", {
                   class: "artifactuse-panel__console-filters",
-                  onClick: t[12] || (t[12] = _e(() => {
+                  onClick: t[12] || (t[12] = he(() => {
                   }, ["stop"]))
                 }, [
                   Oe.value > 0 ? (a(), s("button", {
@@ -2827,7 +2827,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                 ]),
                 e("button", {
                   class: "artifactuse-panel__console-clear",
-                  onClick: t[13] || (t[13] = _e((u) => Q.value = [], ["stop"]))
+                  onClick: t[13] || (t[13] = he((u) => Q.value = [], ["stop"]))
                 }, "Clear")
               ]),
               W.value ? (a(), s("div", {
@@ -2836,7 +2836,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                 ref: ie,
                 class: "artifactuse-panel__console-entries"
               }, [
-                (a(!0), s(F, null, de(xt.value, (u, z) => (a(), s("div", {
+                (a(!0), s(F, null, ue(xt.value, (u, z) => (a(), s("div", {
                   key: z,
                   class: I("artifactuse-panel__console-entry artifactuse-panel__console-entry--" + u.type)
                 }, [
@@ -3063,19 +3063,19 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                               ], -1)
                             ])])
                           ])) : i.value === "update-list" ? (a(), s("div", Xn, [
-                            be.value ? (a(), s("div", Zn, [...t[59] || (t[59] = [
+                            Ce.value ? (a(), s("div", Zn, [...t[59] || (t[59] = [
                               e("div", { class: "artifactuse-share-popup__spinner" }, null, -1),
                               e("p", { class: "artifactuse-share-popup__loading-text" }, "Loading artifacts...", -1)
-                            ])])) : we.value.length === 0 ? (a(), s("div", Kn, " No saved artifacts of this type ")) : (a(), s("div", Yn, [
-                              (a(!0), s(F, null, de(we.value, (u) => {
-                                var z, X, ye;
+                            ])])) : be.value.length === 0 ? (a(), s("div", Kn, " No saved artifacts of this type ")) : (a(), s("div", Yn, [
+                              (a(!0), s(F, null, ue(be.value, (u) => {
+                                var z, X, ge;
                                 return a(), s("button", {
                                   key: ((z = u.project) == null ? void 0 : z.uuid) || u.id,
                                   class: "artifactuse-share-popup__artifact-item",
                                   onClick: (pe) => Wt(u)
                                 }, [
                                   e("span", Gn, n(((X = u.project) == null ? void 0 : X.name) || "Untitled"), 1),
-                                  e("span", eo, n(it((ye = u.project) == null ? void 0 : ye.created_at)), 1)
+                                  e("span", eo, n(it((ge = u.project) == null ? void 0 : ge.created_at)), 1)
                                 ], 8, Qn);
                               }), 128))
                             ])),
@@ -3198,7 +3198,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                     })
                   ], -1)
                 ])])) : v("", !0),
-                !Ee.value && fe.value.length > 1 ? (a(), s("div", oo, [
+                !Ee.value && ve.value.length > 1 ? (a(), s("div", oo, [
                   e("button", {
                     class: "artifactuse-panel__nav-btn",
                     disabled: Pe.value <= 0,
@@ -3219,7 +3219,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                     title: "View all artifacts",
                     onClick: Zt
                   }, [
-                    e("span", null, n(Pe.value + 1) + " / " + n(fe.value.length), 1),
+                    e("span", null, n(Pe.value + 1) + " / " + n(ve.value.length), 1),
                     t[66] || (t[66] = e("svg", {
                       viewBox: "0 0 24 24",
                       fill: "none",
@@ -3231,7 +3231,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                   ]),
                   e("button", {
                     class: "artifactuse-panel__nav-btn",
-                    disabled: Pe.value >= fe.value.length - 1,
+                    disabled: Pe.value >= ve.value.length - 1,
                     title: "Next artifact",
                     onClick: Yt
                   }, [...t[67] || (t[67] = [
@@ -3275,7 +3275,7 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
                           ])])
                         ]),
                         e("div", fo, [
-                          (a(!0), s(F, null, de(fe.value, (u, z) => (a(), s("button", {
+                          (a(!0), s(F, null, ue(ve.value, (u, z) => (a(), s("button", {
                             key: u.id,
                             class: I(["artifactuse-panel__artifact-item", { "artifactuse-panel__artifact-item--active": u.id === y(r).id }]),
                             onClick: (X) => ct(u)
@@ -3315,13 +3315,13 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
 }, Lo = {
   __name: "ArtifactusePanelToggle",
   setup(P) {
-    const { state: c, artifactCount: _, hasArtifacts: T, togglePanel: p } = Re();
+    const { state: c, artifactCount: p, hasArtifacts: T, togglePanel: _ } = Re();
     return (r, q) => (a(), s("button", {
       class: I(["artifactuse-panel-toggle", {
         "artifactuse-panel-toggle--active": y(c).isPanelOpen,
         "artifactuse-panel-toggle--has-artifacts": y(T)
       }]),
-      onClick: q[0] || (q[0] = (...A) => y(p) && y(p)(...A)),
+      onClick: q[0] || (q[0] = (...A) => y(_) && y(_)(...A)),
       title: y(c).isPanelOpen ? "Close artifacts panel" : "Open artifacts panel"
     }, [
       q[1] || (q[1] = e("svg", {
@@ -3335,13 +3335,13 @@ const da = { class: "artifactuse-card__icon" }, va = ["innerHTML"], fa = { class
         e("polyline", { points: "16 18 22 12 16 6" }),
         e("polyline", { points: "8 6 2 12 8 18" })
       ], -1)),
-      y(_) > 0 ? (a(), s("span", wo, n(y(_) > 99 ? "99+" : y(_)), 1)) : v("", !0)
+      y(p) > 0 ? (a(), s("span", wo, n(y(p) > 99 ? "99+" : y(p)), 1)) : v("", !0)
     ], 10, ko));
   }
 }, wt = Symbol("artifactuse");
 function bt(P = {}) {
   var o;
-  const c = kt(P), _ = yt({
+  const c = kt(P), p = yt({
     artifacts: [],
     activeArtifactId: null,
     isPanelOpen: !1,
@@ -3352,9 +3352,9 @@ function bt(P = {}) {
     forceEmptyView: !1
   });
   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;
+    p.artifacts = h.artifacts, p.activeArtifactId = h.activeArtifactId, p.isPanelOpen = h.isPanelOpen, p.viewMode = h.viewMode, p.isFullscreen = h.isFullscreen, p.openTabs = h.openTabs, p.tabViewModes = h.tabViewModes, p.forceEmptyView = h.forceEmptyView;
   });
-  const T = b(() => _.activeArtifactId && _.artifacts.find((h) => h.id === _.activeArtifactId) || null), p = b(() => _.artifacts.filter((h) => !h.isInline).length), r = b(() => _.artifacts.some((h) => !h.isInline)), q = b(() => c.getPanelTypes()), A = b(() => T.value ? c.getPanelUrl(T.value) : null);
+  const T = b(() => p.activeArtifactId && p.artifacts.find((h) => h.id === p.activeArtifactId) || null), _ = b(() => p.artifacts.filter((h) => !h.isInline).length), r = b(() => p.artifacts.some((h) => !h.isInline)), q = b(() => c.getPanelTypes()), A = b(() => T.value ? c.getPanelUrl(T.value) : null);
   if (c.applyTheme(), P.theme === "auto" || !P.theme) {
     const h = ((o = c.bridge) == null ? void 0 : o.theme) || c.theme;
     h != null && h.watchSystemTheme && h.watchSystemTheme(() => {
@@ -3363,9 +3363,9 @@ function bt(P = {}) {
   }
   const g = {
     instance: c,
-    state: _,
+    state: p,
     activeArtifact: T,
-    artifactCount: p,
+    artifactCount: _,
     hasArtifacts: r,
     // Panel computed
     panelTypes: q,
@@ -3412,7 +3412,7 @@ function Re() {
   return P || (console.warn("useArtifactuse() called without provideArtifactuse(). Creating standalone instance."), bt());
 }
 function bo(P = {}) {
-  const c = kt(P), _ = yt({
+  const c = kt(P), p = yt({
     artifacts: [],
     activeArtifactId: null,
     isPanelOpen: !1,
@@ -3425,16 +3425,16 @@ function bo(P = {}) {
   let T;
   Te(() => {
     T = c.state.subscribe((o) => {
-      _.artifacts = o.artifacts, _.activeArtifactId = o.activeArtifactId, _.isPanelOpen = o.isPanelOpen, _.viewMode = o.viewMode, _.isFullscreen = o.isFullscreen, _.openTabs = o.openTabs, _.tabViewModes = o.tabViewModes, _.forceEmptyView = o.forceEmptyView;
+      p.artifacts = o.artifacts, p.activeArtifactId = o.activeArtifactId, p.isPanelOpen = o.isPanelOpen, p.viewMode = o.viewMode, p.isFullscreen = o.isFullscreen, p.openTabs = o.openTabs, p.tabViewModes = o.tabViewModes, p.forceEmptyView = o.forceEmptyView;
     }), c.applyTheme();
   }), Ye(() => {
     T && T(), c.destroy();
   });
-  const p = b(() => _.activeArtifactId && _.artifacts.find((o) => o.id === _.activeArtifactId) || null), r = b(() => _.artifacts.filter((o) => !o.isInline).length), q = b(() => _.artifacts.some((o) => !o.isInline)), A = b(() => c.getPanelTypes()), g = b(() => p.value ? c.getPanelUrl(p.value) : null);
+  const _ = b(() => p.activeArtifactId && p.artifacts.find((o) => o.id === p.activeArtifactId) || null), r = b(() => p.artifacts.filter((o) => !o.isInline).length), q = b(() => p.artifacts.some((o) => !o.isInline)), A = b(() => c.getPanelTypes()), g = b(() => _.value ? c.getPanelUrl(_.value) : null);
   return {
     instance: c,
-    state: _,
-    activeArtifact: p,
+    state: p,
+    activeArtifact: _,
     artifactCount: r,
     hasArtifacts: q,
     // Panel computed