artifactuse 0.1.0

package/dist/vue/index.js

@@ -0,0 +1,2745 @@
+import { ref as A, computed as C, createElementBlock as a, openBlock as t, normalizeClass as j, createElementVNode as e, toDisplayString as i, withModifiers as fe, onMounted as ge, watch as ue, Fragment as I, createCommentVNode as p, renderList as ce, createTextVNode as J, h as ae, normalizeStyle as $e, createStaticVNode as at, createBlock as ye, resolveDynamicComponent as st, nextTick as he, onUnmounted as Fe, Teleport as Ue, createVNode as be, Transition as Me, withCtx as Le, withKeys as it, onBeforeUnmount as lt, unref as k, reactive as Ne, provide as nt, inject as ot } from "vue";
+import { g as Te, f as je, a as Ie, b as qe, n as rt, i as ct, D as ut, c as Je } from "../index-_nD5FZzs.js";
+import { J as dt } from "../jszip.min-CdmYyw5L.js";
+const vt = { class: "artifactuse-card__icon" }, ft = ["innerHTML"], pt = { class: "artifactuse-card__content" }, mt = { class: "artifactuse-card__title" }, _t = { class: "artifactuse-card__meta" }, ht = { class: "artifactuse-card__type" }, yt = { class: "artifactuse-card__size" }, gt = { class: "artifactuse-card__actions" }, kt = ["title"], wt = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, bt = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, Ct = {
+  __name: "ArtifactuseCard",
+  props: {
+    artifact: {
+      type: Object,
+      required: !0
+    },
+    isActive: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["open", "copy", "download"],
+  setup(M, { emit: u }) {
+    const f = M, y = u, r = A(!1), F = C(() => Te(f.artifact.language)), E = C(() => {
+      var w;
+      return je(f.artifact.size || ((w = f.artifact.code) == null ? void 0 : w.length) || 0);
+    }), $ = C(() => Ie(f.artifact.language));
+    function _(w) {
+      w.stopPropagation(), y("open", f.artifact);
+    }
+    async function l() {
+      try {
+        await navigator.clipboard.writeText(f.artifact.code), r.value = !0, setTimeout(() => {
+          r.value = !1;
+        }, 2e3), y("copy", f.artifact);
+      } catch (w) {
+        console.error("Failed to copy:", w);
+      }
+    }
+    function h() {
+      var q;
+      const w = new Blob([f.artifact.code], { type: "text/plain" }), L = URL.createObjectURL(w), S = document.createElement("a"), V = qe(f.artifact.language), U = ((q = f.artifact.title) == null ? void 0 : q.replace(/[^a-z0-9]/gi, "_").toLowerCase()) || "code";
+      S.href = L, S.download = `${U}.${V}`, document.body.appendChild(S), S.click(), document.body.removeChild(S), URL.revokeObjectURL(L), y("download", f.artifact);
+    }
+    return (w, L) => (t(), a("div", {
+      class: j(["artifactuse-card", { "artifactuse-card--active": M.isActive }]),
+      onClick: _
+    }, [
+      e("div", vt, [
+        (t(), a("svg", {
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "1.5",
+          innerHTML: $.value
+        }, null, 8, ft))
+      ]),
+      e("div", pt, [
+        e("div", mt, i(M.artifact.title), 1),
+        e("div", _t, [
+          e("span", ht, i(F.value), 1),
+          L[0] || (L[0] = e("span", { class: "artifactuse-card__separator" }, "•", -1)),
+          e("span", yt, i(E.value), 1)
+        ])
+      ]),
+      e("div", gt, [
+        e("button", {
+          class: "artifactuse-card__action",
+          onClick: fe(l, ["stop"]),
+          title: r.value ? "Copied!" : "Copy code"
+        }, [
+          r.value ? (t(), a("svg", bt, [...L[2] || (L[2] = [
+            e("polyline", { points: "20 6 9 17 4 12" }, null, -1)
+          ])])) : (t(), a("svg", wt, [...L[1] || (L[1] = [
+            e("rect", {
+              x: "9",
+              y: "9",
+              width: "13",
+              height: "13",
+              rx: "2",
+              ry: "2"
+            }, 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, kt),
+        e("button", {
+          class: "artifactuse-card__action",
+          onClick: fe(h, ["stop"]),
+          title: "Download file"
+        }, [...L[3] || (L[3] = [
+          e("svg", {
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2"
+          }, [
+            e("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+            e("polyline", { points: "7 10 12 15 17 10" }),
+            e("line", {
+              x1: "12",
+              y1: "15",
+              x2: "12",
+              y2: "3"
+            })
+          ], -1)
+        ])])
+      ]),
+      L[4] || (L[4] = e("div", { class: "artifactuse-card__arrow" }, [
+        e("svg", {
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2"
+        }, [
+          e("polyline", { points: "9 18 15 12 9 6" })
+        ])
+      ], -1))
+    ], 2));
+  }
+}, xt = ["data-artifactuse-theme"], $t = {
+  key: 0,
+  class: "artifactuse-form-collapsed"
+}, Mt = { class: "artifactuse-form-collapsed-icon" }, Lt = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2.5",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, Tt = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2.5",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, Ht = {
+  key: 2,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2.5",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, Pt = { class: "artifactuse-form-collapsed-title" }, At = {
+  key: 0,
+  class: "artifactuse-form-header"
+}, Bt = {
+  key: 0,
+  class: "artifactuse-form-title"
+}, Et = {
+  key: 1,
+  class: "artifactuse-form-description"
+}, zt = {
+  key: 1,
+  class: "artifactuse-form-buttons"
+}, St = ["disabled", "onClick"], It = ["innerHTML"], qt = { class: "artifactuse-form-fields" }, Ft = {
+  key: 0,
+  class: "artifactuse-form-buttons"
+}, Vt = ["type", "disabled", "onClick"], Rt = {
+  key: 0,
+  class: "artifactuse-form-btn-spinner"
+}, Ot = ["innerHTML"], Dt = {
+  key: 1,
+  class: "artifactuse-form-divider"
+}, Ut = {
+  key: 2,
+  class: "artifactuse-form-heading"
+}, Nt = {
+  key: 3,
+  class: "artifactuse-form-field"
+}, jt = { class: "artifactuse-checkbox-label" }, Jt = ["checked", "disabled", "onChange"], Xt = { class: "artifactuse-checkbox-text" }, Wt = {
+  key: 0,
+  class: "artifactuse-required"
+}, Zt = {
+  key: 0,
+  class: "artifactuse-help-text"
+}, Kt = {
+  key: 1,
+  class: "artifactuse-error-text"
+}, Yt = {
+  key: 4,
+  class: "artifactuse-form-field"
+}, Gt = ["for"], Qt = {
+  key: 0,
+  class: "artifactuse-required"
+}, ea = ["id", "type", "value", "placeholder", "disabled", "required", "onInput"], ta = ["id", "value", "placeholder", "disabled", "required", "rows", "onInput"], aa = ["id", "value", "disabled", "required", "onChange"], sa = { value: "" }, ia = ["value", "disabled"], la = {
+  key: 3,
+  class: "artifactuse-radio-group"
+}, na = ["name", "value", "checked", "disabled", "onChange"], oa = {
+  key: 4,
+  class: "artifactuse-help-text"
+}, ra = {
+  key: 5,
+  class: "artifactuse-error-text"
+}, ca = {
+  key: 0,
+  class: "artifactuse-form-buttons artifactuse-form-buttons-default"
+}, ua = ["disabled"], da = {
+  key: 0,
+  class: "artifactuse-form-btn-spinner"
+}, va = {
+  __name: "ArtifactuseInlineForm",
+  props: {
+    artifact: { type: Object, required: !0 },
+    theme: { type: String, default: "dark" },
+    accent: { type: String, default: null },
+    initialState: {
+      type: String,
+      default: "active",
+      validator: (M) => ["active", "submitted", "cancelled", "inactive"].includes(M)
+    }
+  },
+  emits: ["submit", "cancel", "reset", "button-click"],
+  setup(M, { emit: u }) {
+    const f = M, y = u, r = A(f.initialState), F = C(() => r.value !== "active"), E = C(() => r.value === "active" ? "" : `artifactuse-form--${r.value}`);
+    function $(g) {
+      r.value = g;
+    }
+    const _ = C(() => {
+      try {
+        return JSON.parse(f.artifact.code);
+      } catch {
+        return { title: "Invalid Form", variant: "fields", data: { fields: [] } };
+      }
+    }), l = A(null), h = C(() => f.artifact.id || _.value.id || `form-${Date.now()}`), w = C(() => `artifactuse-form-${_.value.variant || "fields"}`), L = C(() => _.value.title || "Form"), S = A({}), V = A({}), U = A(!1), q = C(() => {
+      var g;
+      return ((g = _.value.data) == null ? void 0 : g.fields) || [];
+    }), se = C(() => {
+      var g;
+      return _.value.variant === "buttons" ? ((g = _.value.data) == null ? void 0 : g.fields) || [] : [];
+    }), B = C(() => q.value.some((g) => g.type === "buttons"));
+    function Z(g) {
+      if (!g) return null;
+      const T = g.trim();
+      if (T.startsWith("#")) {
+        let o = T.slice(1);
+        if (o.length === 3 && (o = o.split("").map((H) => H + H).join("")), o.length === 6) {
+          const H = parseInt(o.slice(0, 2), 16), ie = parseInt(o.slice(2, 4), 16), pe = parseInt(o.slice(4, 6), 16);
+          if (!isNaN(H) && !isNaN(ie) && !isNaN(pe)) return `${H}, ${ie}, ${pe}`;
+        }
+      }
+      const n = T.match(/^rgba?\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i);
+      if (n) return `${n[1]}, ${n[2]}, ${n[3]}`;
+      const z = T.split(/[\s,]+/).map(Number).filter((o) => !isNaN(o));
+      return z.length >= 3 ? `${z[0]}, ${z[1]}, ${z[2]}` : null;
+    }
+    function D() {
+      if (l.value && f.accent) {
+        const g = Z(f.accent);
+        g && l.value.style.setProperty("--artifactuse-primary", g);
+      }
+    }
+    ge(() => {
+      D(), r.value = f.initialState;
+    }), ue(() => f.accent, D), ue(() => f.initialState, (g) => {
+      r.value = g;
+    });
+    function X() {
+      var n;
+      const g = {};
+      q.value.forEach((z) => {
+        ["buttons", "divider", "heading"].includes(z.type) || (z.defaultValue !== void 0 ? g[z.name] = z.defaultValue : z.type === "checkbox" ? g[z.name] = !1 : g[z.name] = "");
+      }), (n = _.value.data) != null && n.defaults && Object.assign(g, _.value.data.defaults), S.value = g;
+    }
+    X(), ue(() => f.artifact.code, X);
+    function Q(g) {
+      return ["text", "email", "password", "tel", "url", "number", "date", "time", "datetime-local"].includes(g);
+    }
+    function d(g) {
+      return g ? g.map((T) => typeof T == "string" ? { label: T, value: T } : T) : [];
+    }
+    function m(g, T) {
+      S.value[g] = T, V.value[g] && delete V.value[g];
+    }
+    function ee() {
+      var z;
+      const g = {};
+      q.value.forEach((o) => {
+        if (["buttons", "divider", "heading"].includes(o.type)) return;
+        const H = S.value[o.name];
+        if (o.required && !H && H !== 0 && H !== !1) {
+          g[o.name] = `${o.label || "This field"} is required`;
+          return;
+        }
+        if (o.pattern && H && !new RegExp(o.pattern).test(H)) {
+          g[o.name] = o.patternMessage || `${o.label || "This field"} is invalid`;
+          return;
+        }
+        if (o.type === "email" && H && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(H)) {
+          g[o.name] = "Please enter a valid email address";
+          return;
+        }
+        if (o.minLength && H && H.length < o.minLength) {
+          g[o.name] = `Minimum ${o.minLength} characters required`;
+          return;
+        }
+        if (o.maxLength && H && H.length > o.maxLength) {
+          g[o.name] = `Maximum ${o.maxLength} characters allowed`;
+          return;
+        }
+      });
+      const n = (z = _.value.data) == null ? void 0 : z.validation;
+      return n && Object.entries(n).forEach(([o, H]) => {
+        if (g[o]) return;
+        const ie = S.value[o];
+        H.pattern && ie && (new RegExp(H.pattern).test(ie) || (g[o] = H.message || `${o} is invalid`));
+      }), V.value = g, Object.keys(g).length === 0;
+    }
+    function K() {
+      X(), V.value = {};
+    }
+    function Y() {
+      ee() && (U.value = !0, y("submit", {
+        formId: h.value,
+        action: "submit",
+        values: { ...S.value },
+        timestamp: Date.now()
+      }), setTimeout(() => {
+        U.value = !1, $("submitted");
+      }, 300));
+    }
+    function te(g) {
+      const T = g.action || "custom";
+      switch (T) {
+        case "submit":
+          Y();
+          break;
+        case "cancel":
+          y("cancel", {
+            formId: h.value,
+            action: "cancel",
+            buttonName: g.name || "cancel",
+            timestamp: Date.now()
+          }), setTimeout(() => {
+            $("cancelled");
+          }, 150);
+          break;
+        case "reset":
+          K(), y("reset", {
+            formId: h.value,
+            action: "reset",
+            buttonName: g.name || "reset",
+            timestamp: Date.now()
+          });
+          break;
+        case "custom":
+        default:
+          y("button-click", {
+            formId: h.value,
+            action: T,
+            buttonName: g.name || g.label,
+            buttonLabel: g.label,
+            values: { ...S.value },
+            timestamp: Date.now()
+          }), setTimeout(() => {
+            $("submitted");
+          }, 150);
+          break;
+      }
+    }
+    return (g, T) => (t(), a("div", {
+      ref_key: "containerRef",
+      ref: l,
+      class: j([
+        "artifactuse-inline-form",
+        w.value,
+        E.value
+      ]),
+      "data-artifactuse-theme": M.theme
+    }, [
+      F.value ? (t(), a("div", $t, [
+        e("div", Mt, [
+          r.value === "submitted" ? (t(), a("svg", Lt, [...T[1] || (T[1] = [
+            e("polyline", { points: "20 6 9 17 4 12" }, null, -1)
+          ])])) : r.value === "cancelled" ? (t(), a("svg", Tt, [...T[2] || (T[2] = [
+            e("line", {
+              x1: "18",
+              y1: "6",
+              x2: "6",
+              y2: "18"
+            }, null, -1),
+            e("line", {
+              x1: "6",
+              y1: "6",
+              x2: "18",
+              y2: "18"
+            }, null, -1)
+          ])])) : (t(), a("svg", Ht, [...T[3] || (T[3] = [
+            e("line", {
+              x1: "5",
+              y1: "12",
+              x2: "19",
+              y2: "12"
+            }, null, -1)
+          ])]))
+        ]),
+        e("span", Pt, i(L.value), 1)
+      ])) : (t(), a(I, { key: 1 }, [
+        _.value.title || _.value.description ? (t(), a("div", At, [
+          _.value.title ? (t(), a("div", Bt, i(_.value.title), 1)) : p("", !0),
+          _.value.description ? (t(), a("p", Et, i(_.value.description), 1)) : p("", !0)
+        ])) : p("", !0),
+        _.value.variant === "buttons" ? (t(), a("div", zt, [
+          (t(!0), a(I, null, ce(se.value, (n) => (t(), a("button", {
+            key: n.name || n.label,
+            type: "button",
+            class: j(["artifactuse-form-btn", `artifactuse-form-btn-${n.variant || "secondary"}`]),
+            disabled: n.disabled || U.value,
+            onClick: (z) => te(n)
+          }, [
+            n.icon ? (t(), a("span", {
+              key: 0,
+              class: "artifactuse-form-btn-icon",
+              innerHTML: n.icon
+            }, null, 8, It)) : p("", !0),
+            J(" " + i(n.label), 1)
+          ], 10, St))), 128))
+        ])) : (t(), a("form", {
+          key: 2,
+          class: "artifactuse-form",
+          onSubmit: fe(Y, ["prevent"])
+        }, [
+          e("div", qt, [
+            (t(!0), a(I, null, ce(q.value, (n, z) => (t(), a(I, {
+              key: n.name || z
+            }, [
+              n.type === "buttons" ? (t(), a("div", Ft, [
+                (t(!0), a(I, null, ce(n.fields || [], (o) => (t(), a("button", {
+                  key: o.name || o.label,
+                  type: o.action === "submit" ? "submit" : "button",
+                  class: j(["artifactuse-form-btn", `artifactuse-form-btn-${o.variant || "secondary"}`]),
+                  disabled: o.disabled || o.action === "submit" && U.value,
+                  onClick: (H) => o.action !== "submit" ? te(o) : null
+                }, [
+                  U.value && o.action === "submit" ? (t(), a("span", Rt)) : o.icon ? (t(), a("span", {
+                    key: 1,
+                    class: "artifactuse-form-btn-icon",
+                    innerHTML: o.icon
+                  }, null, 8, Ot)) : p("", !0),
+                  J(" " + i(U.value && o.action === "submit" ? "Submitting..." : o.label), 1)
+                ], 10, Vt))), 128))
+              ])) : n.type === "divider" ? (t(), a("div", Dt)) : n.type === "heading" ? (t(), a("div", Ut, i(n.label), 1)) : n.type === "checkbox" ? (t(), a("div", Nt, [
+                e("label", jt, [
+                  e("input", {
+                    type: "checkbox",
+                    checked: S.value[n.name],
+                    disabled: n.disabled,
+                    class: "artifactuse-checkbox",
+                    onChange: (o) => m(n.name, o.target.checked)
+                  }, null, 40, Jt),
+                  e("span", Xt, [
+                    J(i(n.label) + " ", 1),
+                    n.required ? (t(), a("span", Wt, "*")) : p("", !0)
+                  ])
+                ]),
+                n.helpText ? (t(), a("span", Zt, i(n.helpText), 1)) : p("", !0),
+                V.value[n.name] ? (t(), a("span", Kt, i(V.value[n.name]), 1)) : p("", !0)
+              ])) : (t(), a("div", Yt, [
+                e("label", {
+                  for: `${h.value}-${n.name}`,
+                  class: "artifactuse-label"
+                }, [
+                  J(i(n.label) + " ", 1),
+                  n.required ? (t(), a("span", Qt, "*")) : p("", !0)
+                ], 8, Gt),
+                Q(n.type) ? (t(), a("input", {
+                  key: 0,
+                  id: `${h.value}-${n.name}`,
+                  type: n.type,
+                  value: S.value[n.name],
+                  placeholder: n.placeholder,
+                  disabled: n.disabled,
+                  required: n.required,
+                  class: "artifactuse-input",
+                  onInput: (o) => m(n.name, o.target.value)
+                }, null, 40, ea)) : n.type === "textarea" ? (t(), a("textarea", {
+                  key: 1,
+                  id: `${h.value}-${n.name}`,
+                  value: S.value[n.name],
+                  placeholder: n.placeholder,
+                  disabled: n.disabled,
+                  required: n.required,
+                  rows: n.rows || 3,
+                  class: "artifactuse-textarea",
+                  onInput: (o) => m(n.name, o.target.value)
+                }, null, 40, ta)) : n.type === "select" ? (t(), a("select", {
+                  key: 2,
+                  id: `${h.value}-${n.name}`,
+                  value: S.value[n.name],
+                  disabled: n.disabled,
+                  required: n.required,
+                  class: "artifactuse-select",
+                  onChange: (o) => m(n.name, o.target.value)
+                }, [
+                  e("option", sa, i(n.placeholder || "Select..."), 1),
+                  (t(!0), a(I, null, ce(d(n.options), (o) => (t(), a("option", {
+                    key: o.value,
+                    value: o.value,
+                    disabled: o.disabled
+                  }, i(o.label), 9, ia))), 128))
+                ], 40, aa)) : n.type === "radio" ? (t(), a("div", la, [
+                  (t(!0), a(I, null, ce(d(n.options), (o) => (t(), a("label", {
+                    key: o.value,
+                    class: "artifactuse-radio-label"
+                  }, [
+                    e("input", {
+                      type: "radio",
+                      name: n.name,
+                      value: o.value,
+                      checked: S.value[n.name] === o.value,
+                      disabled: o.disabled || n.disabled,
+                      class: "artifactuse-radio",
+                      onChange: (H) => m(n.name, o.value)
+                    }, null, 40, na),
+                    e("span", null, i(o.label), 1)
+                  ]))), 128))
+                ])) : p("", !0),
+                n.helpText ? (t(), a("span", oa, i(n.helpText), 1)) : p("", !0),
+                V.value[n.name] ? (t(), a("span", ra, i(V.value[n.name]), 1)) : p("", !0)
+              ]))
+            ], 64))), 128))
+          ]),
+          B.value ? p("", !0) : (t(), a("div", ca, [
+            e("button", {
+              type: "button",
+              class: "artifactuse-form-btn artifactuse-form-btn-ghost",
+              onClick: T[0] || (T[0] = (n) => te({ action: "cancel", label: "Cancel" }))
+            }, " Cancel "),
+            e("button", {
+              type: "submit",
+              class: "artifactuse-form-btn artifactuse-form-btn-primary",
+              disabled: U.value
+            }, [
+              U.value ? (t(), a("span", da)) : p("", !0),
+              J(" " + i(U.value ? "Submitting..." : "Submit"), 1)
+            ], 8, ua)
+          ]))
+        ], 32))
+      ], 64))
+    ], 10, xt));
+  }
+}, fa = ["data-artifactuse-theme"], pa = { class: "artifactuse-social-header" }, ma = ["src", "alt"], _a = { class: "artifactuse-social-author" }, ha = { class: "artifactuse-social-author-name" }, ya = { class: "artifactuse-social-author-meta" }, ga = { class: "artifactuse-social-author-handle" }, ka = { class: "artifactuse-social-timestamp" }, wa = { class: "artifactuse-social-content" }, ba = ["innerHTML"], Ca = {
+  key: 0,
+  class: "artifactuse-social-media"
+}, xa = ["data-count"], $a = ["src", "alt"], Ma = {
+  key: 1,
+  class: "artifactuse-social-link-card"
+}, La = ["src", "alt"], Ta = { class: "artifactuse-social-link-info" }, Ha = { class: "artifactuse-social-link-domain" }, Pa = { class: "artifactuse-social-link-title" }, Aa = {
+  key: 0,
+  class: "artifactuse-social-link-description"
+}, Ba = {
+  key: 2,
+  class: "artifactuse-social-poll"
+}, Ea = { class: "artifactuse-social-poll-label" }, za = { class: "artifactuse-social-poll-label-percent" }, Sa = { class: "artifactuse-social-poll-meta" }, Ia = {
+  key: 3,
+  class: "artifactuse-social-quote"
+}, qa = { class: "artifactuse-social-quote-header" }, Fa = ["src"], Va = { class: "artifactuse-social-quote-author" }, Ra = { class: "artifactuse-social-quote-handle" }, Oa = { class: "artifactuse-social-quote-text" }, Da = {
+  key: 0,
+  class: "artifactuse-social-engagement"
+}, Ua = { class: "artifactuse-social-stat" }, Na = { class: "artifactuse-social-stat" }, ja = { class: "artifactuse-social-stat" }, Ja = { class: "artifactuse-social-stat" }, Xa = { class: "artifactuse-social-header" }, Wa = ["src", "alt"], Za = { class: "artifactuse-social-author-info" }, Ka = { class: "artifactuse-social-author-name" }, Ya = {
+  key: 0,
+  class: "artifactuse-social-author-connection"
+}, Ga = { class: "artifactuse-social-author-headline" }, Qa = { class: "artifactuse-social-timestamp" }, es = { class: "artifactuse-social-content" }, ts = ["innerHTML"], as = {
+  key: 0,
+  class: "artifactuse-social-link-card"
+}, ss = ["src", "alt"], is = { class: "artifactuse-social-link-info" }, ls = { class: "artifactuse-social-link-title" }, ns = { class: "artifactuse-social-link-domain" }, os = {
+  key: 0,
+  class: "artifactuse-social-engagement"
+}, rs = { class: "artifactuse-social-reactions" }, cs = { class: "artifactuse-social-header" }, us = ["src", "alt"], ds = { class: "artifactuse-social-author-name" }, vs = {
+  key: 0,
+  class: "artifactuse-social-verified",
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+}, fs = {
+  key: 0,
+  class: "artifactuse-social-media"
+}, ps = ["src", "alt"], ms = { class: "artifactuse-social-likes" }, _s = { class: "artifactuse-social-caption" }, hs = { class: "artifactuse-social-caption-author" }, ys = ["innerHTML"], gs = { class: "artifactuse-social-timestamp" }, ks = { class: "artifactuse-social-header" }, ws = ["src", "alt"], bs = { class: "artifactuse-social-author-info" }, Cs = { class: "artifactuse-social-author-name" }, xs = { class: "artifactuse-social-timestamp" }, $s = { class: "artifactuse-social-content" }, Ms = ["innerHTML"], Ls = {
+  key: 0,
+  class: "artifactuse-social-link-card"
+}, Ts = ["src", "alt"], Hs = { class: "artifactuse-social-link-info" }, Ps = { class: "artifactuse-social-link-domain" }, As = { class: "artifactuse-social-link-title" }, Bs = {
+  key: 0,
+  class: "artifactuse-social-link-description"
+}, Es = {
+  key: 0,
+  class: "artifactuse-social-engagement"
+}, zs = { class: "artifactuse-social-reactions" }, Ss = { class: "artifactuse-social-reaction-count" }, Is = { class: "artifactuse-social-comments-shares" }, qs = { class: "artifactuse-social-header" }, Fs = ["src", "alt"], Vs = { class: "artifactuse-social-author-info" }, Rs = { class: "artifactuse-social-author-name" }, Os = {
+  key: 0,
+  class: "artifactuse-social-verified",
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+}, Ds = { class: "artifactuse-social-timestamp" }, Us = { class: "artifactuse-social-content" }, Ns = ["innerHTML"], js = {
+  key: 0,
+  class: "artifactuse-social-engagement"
+}, Js = { class: "artifactuse-social-stat" }, Xs = { class: "artifactuse-social-stat" }, Ws = { class: "artifactuse-social-stat" }, Zs = { class: "artifactuse-social-thumbnail" }, Ks = ["src", "alt"], Ys = {
+  key: 1,
+  class: "artifactuse-social-duration"
+}, Gs = { class: "artifactuse-social-info" }, Qs = { class: "artifactuse-social-header" }, ei = ["src", "alt"], ti = { class: "artifactuse-social-author-name" }, ai = ["innerHTML"], si = {
+  key: 0,
+  class: "artifactuse-social-sound"
+}, ii = {
+  key: 1,
+  class: "artifactuse-social-engagement"
+}, li = { class: "artifactuse-social-thumbnail" }, ni = ["src", "alt"], oi = {
+  key: 1,
+  class: "artifactuse-social-duration"
+}, ri = { class: "artifactuse-social-info" }, ci = ["src", "alt"], ui = { class: "artifactuse-social-title" }, di = { class: "artifactuse-social-channel" }, vi = { class: "artifactuse-social-meta" }, fi = { class: "artifactuse-social-actions-bar" }, pi = { class: "artifactuse-social-platform-badge" }, de = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23888"><circle cx="12" cy="8" r="4"/><path d="M12 14c-6 0-8 3-8 6v2h16v-2c0-3-2-6-8-6z"/></svg>', mi = {
+  __name: "ArtifactuseSocialPreview",
+  props: {
+    artifact: {
+      type: Object,
+      required: !0
+    },
+    theme: {
+      type: String,
+      default: "dark"
+    }
+  },
+  emits: ["copy", "edit"],
+  setup(M, { emit: u }) {
+    const f = M, y = u, r = A(null), F = A("Copy"), E = C(() => {
+      try {
+        return JSON.parse(f.artifact.code);
+      } catch {
+        return { platform: "twitter", data: {} };
+      }
+    }), $ = C(() => {
+      var d;
+      return ((d = E.value) == null ? void 0 : d.platform) || "twitter";
+    });
+    C(() => {
+      var d;
+      return ((d = E.value) == null ? void 0 : d.variant) || "post";
+    });
+    const _ = C(() => {
+      var d, m;
+      return ((m = (d = E.value) == null ? void 0 : d.data) == null ? void 0 : m.author) || {};
+    }), l = C(() => {
+      var d, m;
+      return ((m = (d = E.value) == null ? void 0 : d.data) == null ? void 0 : m.content) || {};
+    }), h = C(() => {
+      var d, m;
+      return ((m = (d = E.value) == null ? void 0 : d.data) == null ? void 0 : m.engagement) || {};
+    }), w = C(() => {
+      var d, m;
+      return ((m = (d = E.value) == null ? void 0 : d.data) == null ? void 0 : m.meta) || {};
+    }), L = C(() => {
+      const d = h.value;
+      return d.likes || d.comments || d.shares || d.retweets || d.replies || d.views;
+    }), S = C(() => `artifactuse-social-verified-${_.value.verifiedType || "blue"}`), V = C(() => ({
+      twitter: "X",
+      linkedin: "LinkedIn",
+      instagram: "Instagram",
+      facebook: "Facebook",
+      threads: "Threads",
+      tiktok: "TikTok",
+      youtube: "YouTube"
+    })[$.value] || $.value), U = C(() => {
+      const d = {
+        twitter: () => ae("svg", { viewBox: "0 0 24 24", fill: "currentColor" }, [
+          ae("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" })
+        ]),
+        linkedin: () => ae("svg", { viewBox: "0 0 24 24", fill: "currentColor" }, [
+          ae("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" })
+        ]),
+        instagram: () => ae("svg", { viewBox: "0 0 24 24", fill: "currentColor" }, [
+          ae("path", { d: "M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z" })
+        ]),
+        facebook: () => ae("svg", { viewBox: "0 0 24 24", fill: "currentColor" }, [
+          ae("path", { d: "M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z" })
+        ]),
+        threads: () => ae("svg", { viewBox: "0 0 24 24", fill: "currentColor" }, [
+          ae("path", { d: "M12.186 24h-.007c-3.581-.024-6.334-1.205-8.184-3.509C2.35 18.44 1.5 15.586 1.472 12.01v-.017c.03-3.579.879-6.43 2.525-8.482C5.845 1.205 8.6.024 12.18 0h.014c2.746.02 5.043.725 6.826 2.098 1.677 1.29 2.858 3.13 3.509 5.467l-2.04.569c-1.104-3.96-3.898-5.984-8.304-6.015-2.91.022-5.11.936-6.54 2.717C4.307 6.504 3.616 8.914 3.59 12c.025 3.086.718 5.496 2.057 7.164 1.43 1.783 3.631 2.698 6.54 2.717 2.623-.02 4.358-.631 5.8-2.045 1.647-1.613 1.618-3.593 1.09-4.798-.31-.71-.873-1.3-1.634-1.75-.192 1.352-.622 2.446-1.284 3.272-.886 1.102-2.14 1.704-3.73 1.79-1.202.065-2.361-.218-3.259-.801-1.063-.689-1.685-1.74-1.752-2.96-.065-1.182.408-2.256 1.33-3.022.88-.73 2.108-1.152 3.457-1.187 1.357-.035 2.573.283 3.58.89.034-.497.04-1.017.015-1.558-.083-1.792-.648-3.095-1.68-3.876-.99-.75-2.453-1.123-4.35-1.108-.987.008-1.866.09-2.613.246l-.464-2.086c.912-.19 1.965-.29 3.133-.298 2.467-.02 4.42.554 5.807 1.706 1.46 1.213 2.24 3.007 2.354 5.411.039.827.026 1.69-.04 2.576.962.681 1.735 1.542 2.268 2.553.846 1.6 1.026 3.639.508 5.622-.57 2.181-1.782 3.94-3.503 5.079C17.194 23.394 14.88 24 12.186 24zM9.15 13.476c-.927.037-1.628.282-2.085.728-.418.408-.618.945-.578 1.553.04.638.347 1.165.866 1.483.586.36 1.39.521 2.266.45 1.053-.085 1.86-.473 2.4-1.153.457-.576.763-1.39.884-2.356-.893-.41-1.944-.636-3.095-.705h-.009c-.216-.008-.436-.008-.65 0z" })
+        ]),
+        tiktok: () => ae("svg", { viewBox: "0 0 24 24", fill: "currentColor" }, [
+          ae("path", { d: "M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z" })
+        ]),
+        youtube: () => ae("svg", { viewBox: "0 0 24 24", fill: "currentColor" }, [
+          ae("path", { d: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" })
+        ])
+      };
+      return d[$.value] || d.twitter;
+    }), q = C(() => {
+      let d = l.value.text || "";
+      return d = d.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), d = d.replace(/#(\w+)/g, '<span class="artifactuse-social-hashtag">#$1</span>'), d = d.replace(/@(\w+)/g, '<span class="artifactuse-social-mention">@$1</span>'), d = d.replace(
+        /(https?:\/\/[^\s]+)/g,
+        '<a href="$1" target="_blank" rel="noopener">$1</a>'
+      ), d;
+    }), se = C(() => {
+      const d = h.value.reactions || {};
+      return Object.values(d).reduce((m, ee) => m + (ee || 0), 0) || h.value.likes || 0;
+    });
+    function B(d) {
+      return d ? d >= 1e6 ? `${(d / 1e6).toFixed(1)}M` : d >= 1e3 ? `${(d / 1e3).toFixed(1)}K` : d.toString() : "0";
+    }
+    function Z(d) {
+      try {
+        return new URL(d).hostname.replace("www.", "");
+      } catch {
+        return d;
+      }
+    }
+    function D(d) {
+      d.target.src = de;
+    }
+    function X(d) {
+      d.target.style.display = "none";
+    }
+    function Q() {
+      const d = l.value.text || "";
+      navigator.clipboard.writeText(d).then(() => {
+        F.value = "Copied!", setTimeout(() => {
+          F.value = "Copy";
+        }, 2e3), y("copy", { platform: $.value, text: d });
+      });
+    }
+    return (d, m) => {
+      var ee, K, Y, te, g, T;
+      return t(), a("div", {
+        ref_key: "containerRef",
+        ref: r,
+        class: j(["artifactuse-social", [`artifactuse-social-${$.value}`]]),
+        "data-artifactuse-theme": M.theme
+      }, [
+        $.value === "twitter" ? (t(), a(I, { key: 0 }, [
+          e("div", pa, [
+            e("img", {
+              src: _.value.avatar || de,
+              alt: _.value.name,
+              class: "artifactuse-social-avatar",
+              onError: D
+            }, null, 40, ma),
+            e("div", _a, [
+              e("div", ha, [
+                e("span", null, i(_.value.name), 1),
+                _.value.verified ? (t(), a("svg", {
+                  key: 0,
+                  class: j(["artifactuse-social-verified", S.value]),
+                  viewBox: "0 0 24 24",
+                  fill: "currentColor"
+                }, [...m[0] || (m[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)) : p("", !0)
+              ]),
+              e("div", ya, [
+                e("span", ga, i(_.value.handle), 1),
+                e("span", ka, "· " + i(w.value.timestamp || "Just now"), 1)
+              ])
+            ])
+          ]),
+          e("div", wa, [
+            e("p", {
+              class: "artifactuse-social-text",
+              innerHTML: q.value
+            }, null, 8, ba),
+            (ee = l.value.media) != null && ee.length ? (t(), a("div", Ca, [
+              e("div", {
+                class: j(["artifactuse-social-media-grid", { "artifactuse-social-media-single": l.value.media.length === 1 }]),
+                "data-count": l.value.media.length
+              }, [
+                (t(!0), a(I, null, ce(l.value.media.slice(0, 4), (n, z) => (t(), a("img", {
+                  key: z,
+                  src: n.url,
+                  alt: n.alt || "",
+                  onError: X
+                }, null, 40, $a))), 128))
+              ], 10, xa)
+            ])) : p("", !0),
+            l.value.link && !((K = l.value.media) != null && K.length) ? (t(), a("div", Ma, [
+              l.value.link.image ? (t(), a("img", {
+                key: 0,
+                src: l.value.link.image,
+                alt: l.value.link.title,
+                class: "artifactuse-social-link-image",
+                onError: X
+              }, null, 40, La)) : p("", !0),
+              e("div", Ta, [
+                e("div", Ha, [
+                  m[1] || (m[1] = e("svg", {
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    stroke: "currentColor"
+                  }, [
+                    e("path", {
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      "stroke-width": "2",
+                      d: "M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"
+                    })
+                  ], -1)),
+                  J(" " + i(l.value.link.domain || Z(l.value.link.url)), 1)
+                ]),
+                e("div", Pa, i(l.value.link.title), 1),
+                l.value.link.description ? (t(), a("div", Aa, i(l.value.link.description), 1)) : p("", !0)
+              ])
+            ])) : p("", !0),
+            l.value.poll ? (t(), a("div", Ba, [
+              (t(!0), a(I, null, ce(l.value.poll.options, (n, z) => {
+                var o, H;
+                return t(), a("div", {
+                  key: z,
+                  class: "artifactuse-social-poll-option"
+                }, [
+                  e("div", {
+                    class: "artifactuse-social-poll-bar",
+                    style: $e({ width: `${((o = l.value.poll.votes) == null ? void 0 : o[z]) || 0}%` })
+                  }, null, 4),
+                  e("div", Ea, [
+                    e("span", null, i(n), 1),
+                    e("span", za, i(((H = l.value.poll.votes) == null ? void 0 : H[z]) || 0) + "%", 1)
+                  ])
+                ]);
+              }), 128)),
+              e("div", Sa, i(B(l.value.poll.totalVotes || 0)) + " votes · " + i(l.value.poll.duration || "Poll ended"), 1)
+            ])) : p("", !0),
+            l.value.quote ? (t(), a("div", Ia, [
+              e("div", qa, [
+                e("img", {
+                  src: ((Y = l.value.quote.author) == null ? void 0 : Y.avatar) || de,
+                  class: "artifactuse-social-quote-avatar"
+                }, null, 8, Fa),
+                e("span", Va, i((te = l.value.quote.author) == null ? void 0 : te.name), 1),
+                e("span", Ra, i((g = l.value.quote.author) == null ? void 0 : g.handle), 1)
+              ]),
+              e("p", Oa, i(l.value.quote.text), 1)
+            ])) : p("", !0)
+          ]),
+          L.value ? (t(), a("div", Da, [
+            e("div", Ua, [
+              m[2] || (m[2] = e("svg", {
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "1.5"
+              }, [
+                e("path", { d: "M12 21C6.5 21 2 16.5 2 11V3l7 3 3-3 3 3 7-3v8c0 5.5-4.5 10-10 10z" })
+              ], -1)),
+              e("span", null, i(B(h.value.replies || 0)), 1)
+            ]),
+            e("div", Na, [
+              m[3] || (m[3] = e("svg", {
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "1.5"
+              }, [
+                e("path", { d: "M7 17L17 7M17 7H8M17 7V16" })
+              ], -1)),
+              e("span", null, i(B(h.value.retweets || 0)), 1)
+            ]),
+            e("div", ja, [
+              m[4] || (m[4] = e("svg", {
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "1.5"
+              }, [
+                e("path", { d: "M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" })
+              ], -1)),
+              e("span", null, i(B(h.value.likes || 0)), 1)
+            ]),
+            e("div", Ja, [
+              m[5] || (m[5] = e("svg", {
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "1.5"
+              }, [
+                e("path", { d: "M15 3h4a2 2 0 012 2v14a2 2 0 01-2 2h-4M10 17l5-5-5-5M13.8 12H3" })
+              ], -1)),
+              e("span", null, i(B(h.value.views || 0)), 1)
+            ])
+          ])) : p("", !0)
+        ], 64)) : $.value === "linkedin" ? (t(), a(I, { key: 1 }, [
+          e("div", Xa, [
+            e("img", {
+              src: _.value.avatar || de,
+              alt: _.value.name,
+              class: "artifactuse-social-avatar",
+              onError: D
+            }, null, 40, Wa),
+            e("div", Za, [
+              e("div", Ka, [
+                J(i(_.value.name) + " ", 1),
+                _.value.connection ? (t(), a("span", Ya, "· " + i(_.value.connection), 1)) : p("", !0)
+              ]),
+              e("div", Ga, i(_.value.headline), 1),
+              e("div", Qa, [
+                J(i(w.value.timestamp || "Just now") + " · ", 1),
+                m[6] || (m[6] = e("svg", {
+                  viewBox: "0 0 24 24",
+                  fill: "currentColor"
+                }, [
+                  e("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z" })
+                ], -1))
+              ])
+            ])
+          ]),
+          e("div", es, [
+            e("p", {
+              class: "artifactuse-social-text",
+              innerHTML: q.value
+            }, null, 8, ts),
+            l.value.link ? (t(), a("div", as, [
+              l.value.link.image ? (t(), a("img", {
+                key: 0,
+                src: l.value.link.image,
+                alt: l.value.link.title,
+                class: "artifactuse-social-link-image",
+                onError: X
+              }, null, 40, ss)) : p("", !0),
+              e("div", is, [
+                e("div", ls, i(l.value.link.title), 1),
+                e("div", ns, i(l.value.link.domain || Z(l.value.link.url)), 1)
+              ])
+            ])) : p("", !0)
+          ]),
+          L.value ? (t(), a("div", os, [
+            e("div", rs, [
+              m[7] || (m[7] = e("div", { class: "artifactuse-social-reaction-icons" }, [
+                e("span", { class: "artifactuse-social-reaction-icon" }, "👍"),
+                e("span", { class: "artifactuse-social-reaction-icon" }, "❤️"),
+                e("span", { class: "artifactuse-social-reaction-icon" }, "👏")
+              ], -1)),
+              e("span", null, i(B(h.value.likes || 0)), 1)
+            ]),
+            e("span", null, i(B(h.value.comments || 0)) + " comments · " + i(B(h.value.shares || 0)) + " shares", 1)
+          ])) : p("", !0)
+        ], 64)) : $.value === "instagram" ? (t(), a(I, { key: 2 }, [
+          e("div", cs, [
+            e("img", {
+              src: _.value.avatar || de,
+              alt: _.value.name,
+              class: "artifactuse-social-avatar",
+              onError: D
+            }, null, 40, us),
+            e("div", ds, [
+              J(i(_.value.name) + " ", 1),
+              _.value.verified ? (t(), a("svg", vs, [...m[8] || (m[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)
+              ])])) : p("", !0)
+            ])
+          ]),
+          (T = l.value.media) != null && T.length ? (t(), a("div", fs, [
+            e("img", {
+              src: l.value.media[0].url,
+              alt: l.value.media[0].alt || "",
+              onError: X
+            }, null, 40, ps)
+          ])) : p("", !0),
+          m[9] || (m[9] = at('<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", ms, i(B(h.value.likes || 0)) + " likes", 1),
+          e("div", _s, [
+            e("span", hs, i(_.value.name), 1),
+            e("span", {
+              class: "artifactuse-social-caption-text",
+              innerHTML: q.value
+            }, null, 8, ys)
+          ]),
+          e("div", gs, i(w.value.timestamp || "Just now"), 1)
+        ], 64)) : $.value === "facebook" ? (t(), a(I, { key: 3 }, [
+          e("div", ks, [
+            e("img", {
+              src: _.value.avatar || de,
+              alt: _.value.name,
+              class: "artifactuse-social-avatar",
+              onError: D
+            }, null, 40, ws),
+            e("div", bs, [
+              e("div", Cs, i(_.value.name), 1),
+              e("div", xs, [
+                J(i(w.value.timestamp || "Just now") + " · ", 1),
+                m[10] || (m[10] = e("svg", {
+                  viewBox: "0 0 24 24",
+                  fill: "currentColor"
+                }, [
+                  e("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z" })
+                ], -1))
+              ])
+            ])
+          ]),
+          e("div", $s, [
+            e("p", {
+              class: "artifactuse-social-text",
+              innerHTML: q.value
+            }, null, 8, Ms),
+            l.value.link ? (t(), a("div", Ls, [
+              l.value.link.image ? (t(), a("img", {
+                key: 0,
+                src: l.value.link.image,
+                alt: l.value.link.title,
+                class: "artifactuse-social-link-image",
+                onError: X
+              }, null, 40, Ts)) : p("", !0),
+              e("div", Hs, [
+                e("div", Ps, i(l.value.link.domain || Z(l.value.link.url)), 1),
+                e("div", As, i(l.value.link.title), 1),
+                l.value.link.description ? (t(), a("div", Bs, i(l.value.link.description), 1)) : p("", !0)
+              ])
+            ])) : p("", !0)
+          ]),
+          L.value ? (t(), a("div", Es, [
+            e("div", zs, [
+              m[11] || (m[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", Ss, i(B(se.value)), 1)
+            ]),
+            e("span", Is, i(B(h.value.comments || 0)) + " comments · " + i(B(h.value.shares || 0)) + " shares", 1)
+          ])) : p("", !0)
+        ], 64)) : $.value === "threads" ? (t(), a(I, { key: 4 }, [
+          e("div", qs, [
+            e("img", {
+              src: _.value.avatar || de,
+              alt: _.value.name,
+              class: "artifactuse-social-avatar",
+              onError: D
+            }, null, 40, Fs),
+            e("div", Vs, [
+              e("div", Rs, [
+                J(i(_.value.name) + " ", 1),
+                _.value.verified ? (t(), a("svg", Os, [...m[12] || (m[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)
+                ])])) : p("", !0)
+              ]),
+              e("span", Ds, i(w.value.timestamp || "Just now"), 1)
+            ])
+          ]),
+          e("div", Us, [
+            e("p", {
+              class: "artifactuse-social-text",
+              innerHTML: q.value
+            }, null, 8, Ns)
+          ]),
+          L.value ? (t(), a("div", js, [
+            e("div", Js, [
+              m[13] || (m[13] = e("svg", {
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "1.5"
+              }, [
+                e("path", { d: "M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" })
+              ], -1)),
+              e("span", null, i(B(h.value.likes || 0)), 1)
+            ]),
+            e("div", Xs, [
+              m[14] || (m[14] = e("svg", {
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "1.5"
+              }, [
+                e("path", { d: "M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z" })
+              ], -1)),
+              e("span", null, i(B(h.value.comments || 0)), 1)
+            ]),
+            e("div", Ws, [
+              m[15] || (m[15] = e("svg", {
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "1.5"
+              }, [
+                e("path", { d: "M7 17L17 7M17 7H8M17 7V16" })
+              ], -1)),
+              e("span", null, i(B(h.value.shares || 0)), 1)
+            ])
+          ])) : p("", !0)
+        ], 64)) : $.value === "tiktok" ? (t(), a(I, { key: 5 }, [
+          e("div", Zs, [
+            l.value.thumbnail ? (t(), a("img", {
+              key: 0,
+              src: l.value.thumbnail,
+              alt: l.value.text,
+              onError: X
+            }, null, 40, Ks)) : p("", !0),
+            m[16] || (m[16] = e("div", { class: "artifactuse-social-play-button" }, [
+              e("div", { class: "artifactuse-social-play-icon" }, [
+                e("svg", {
+                  viewBox: "0 0 24 24",
+                  fill: "currentColor"
+                }, [
+                  e("path", { d: "M8 5v14l11-7z" })
+                ])
+              ])
+            ], -1)),
+            l.value.duration ? (t(), a("div", Ys, i(l.value.duration), 1)) : p("", !0)
+          ]),
+          e("div", Gs, [
+            e("div", Qs, [
+              e("img", {
+                src: _.value.avatar || de,
+                alt: _.value.name,
+                class: "artifactuse-social-avatar",
+                onError: D
+              }, null, 40, ei),
+              e("span", ti, i(_.value.name), 1)
+            ]),
+            e("p", {
+              class: "artifactuse-social-text",
+              innerHTML: q.value
+            }, null, 8, ai),
+            l.value.sound ? (t(), a("div", si, [
+              m[17] || (m[17] = e("svg", {
+                viewBox: "0 0 24 24",
+                fill: "currentColor"
+              }, [
+                e("path", { d: "M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6z" })
+              ], -1)),
+              J(" " + i(l.value.sound), 1)
+            ])) : p("", !0),
+            L.value ? (t(), a("div", ii, [
+              e("span", null, i(B(h.value.likes || 0)) + " likes", 1),
+              e("span", null, i(B(h.value.comments || 0)) + " comments", 1),
+              e("span", null, i(B(h.value.shares || 0)) + " shares", 1)
+            ])) : p("", !0)
+          ])
+        ], 64)) : $.value === "youtube" ? (t(), a(I, { key: 6 }, [
+          e("div", li, [
+            l.value.thumbnail ? (t(), a("img", {
+              key: 0,
+              src: l.value.thumbnail,
+              alt: l.value.title,
+              onError: X
+            }, null, 40, ni)) : p("", !0),
+            l.value.duration ? (t(), a("div", oi, i(l.value.duration), 1)) : p("", !0)
+          ]),
+          e("div", ri, [
+            e("img", {
+              src: _.value.avatar || de,
+              alt: _.value.name,
+              class: "artifactuse-social-avatar",
+              onError: D
+            }, null, 40, ci),
+            e("div", null, [
+              e("div", ui, i(l.value.title || l.value.text), 1),
+              e("div", di, i(_.value.name), 1),
+              e("div", vi, i(B(h.value.views || 0)) + " views · " + i(w.value.timestamp || "Just now"), 1)
+            ])
+          ])
+        ], 64)) : p("", !0),
+        e("div", fi, [
+          e("div", pi, [
+            (t(), ye(st(U.value))),
+            e("span", null, i(V.value), 1)
+          ]),
+          e("button", {
+            class: "artifactuse-social-copy-btn",
+            onClick: Q
+          }, [
+            m[18] || (m[18] = e("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2"
+            }, [
+              e("rect", {
+                x: "9",
+                y: "9",
+                width: "13",
+                height: "13",
+                rx: "2",
+                ry: "2"
+              }),
+              e("path", { d: "M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" })
+            ], -1)),
+            J(" " + i(F.value), 1)
+          ])
+        ])
+      ], 10, fa);
+    };
+  }
+}, _i = ["src", "alt"], hi = ["src"], yi = {
+  key: 2,
+  class: "artifactuse-viewer-controls"
+}, gi = ["title"], ki = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, wi = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, bi = {
+  key: 3,
+  class: "artifactuse-viewer-caption"
+}, Ci = {
+  __name: "ArtifactuseViewer",
+  props: {
+    // Whether the viewer is open
+    isOpen: {
+      type: Boolean,
+      default: !1
+    },
+    // Content type: 'image' | 'pdf'
+    type: {
+      type: String,
+      default: "image"
+    },
+    // Source URL
+    src: {
+      type: String,
+      default: ""
+    },
+    // Alt text for images
+    alt: {
+      type: String,
+      default: ""
+    },
+    // Caption text
+    caption: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["close"],
+  setup(M, { emit: u }) {
+    const f = M, y = u, r = A(null), F = A(!1);
+    function E() {
+      F.value = !1, y("close");
+    }
+    function $() {
+      f.type === "image" && (F.value = !F.value);
+    }
+    function _() {
+      const h = document.createElement("a");
+      h.href = f.src, h.download = f.alt || "download", document.body.appendChild(h), h.click(), document.body.removeChild(h);
+    }
+    function l(h) {
+      h.key === "Escape" && f.isOpen && E();
+    }
+    return ue(() => f.isOpen, (h) => {
+      h ? (he(() => {
+        var w;
+        (w = r.value) == null || w.focus();
+      }), document.body.style.overflow = "hidden") : (document.body.style.overflow = "", F.value = !1);
+    }), ge(() => {
+      document.addEventListener("keydown", l);
+    }), Fe(() => {
+      document.removeEventListener("keydown", l), document.body.style.overflow = "";
+    }), (h, w) => (t(), ye(Ue, { to: "body" }, [
+      be(Me, { name: "artifactuse-viewer" }, {
+        default: Le(() => [
+          M.isOpen ? (t(), a("div", {
+            key: 0,
+            class: "artifactuse-viewer-overlay",
+            onClick: E,
+            onKeydown: it(E, ["escape"]),
+            tabindex: "-1",
+            ref_key: "overlayRef",
+            ref: r
+          }, [
+            e("div", {
+              class: "artifactuse-viewer-content",
+              onClick: w[0] || (w[0] = fe(() => {
+              }, ["stop"]))
+            }, [
+              M.type === "image" ? (t(), a("img", {
+                key: 0,
+                src: M.src,
+                alt: M.alt,
+                class: j(["artifactuse-viewer-image", { "artifactuse-viewer-image--zoomed": F.value }]),
+                onClick: $
+              }, null, 10, _i)) : M.type === "pdf" ? (t(), a("iframe", {
+                key: 1,
+                src: M.src,
+                class: "artifactuse-viewer-pdf"
+              }, null, 8, hi)) : p("", !0),
+              e("button", {
+                class: "artifactuse-viewer-close",
+                onClick: E,
+                title: "Close (Esc)"
+              }, [...w[1] || (w[1] = [
+                e("svg", {
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2"
+                }, [
+                  e("line", {
+                    x1: "18",
+                    y1: "6",
+                    x2: "6",
+                    y2: "18"
+                  }),
+                  e("line", {
+                    x1: "6",
+                    y1: "6",
+                    x2: "18",
+                    y2: "18"
+                  })
+                ], -1)
+              ])]),
+              M.type === "image" ? (t(), a("div", yi, [
+                e("button", {
+                  class: "artifactuse-viewer-control",
+                  onClick: fe($, ["stop"]),
+                  title: F.value ? "Zoom out" : "Zoom in"
+                }, [
+                  F.value ? (t(), a("svg", wi, [...w[3] || (w[3] = [
+                    e("circle", {
+                      cx: "11",
+                      cy: "11",
+                      r: "8"
+                    }, null, -1),
+                    e("line", {
+                      x1: "21",
+                      y1: "21",
+                      x2: "16.65",
+                      y2: "16.65"
+                    }, null, -1),
+                    e("line", {
+                      x1: "8",
+                      y1: "11",
+                      x2: "14",
+                      y2: "11"
+                    }, null, -1)
+                  ])])) : (t(), a("svg", ki, [...w[2] || (w[2] = [
+                    e("circle", {
+                      cx: "11",
+                      cy: "11",
+                      r: "8"
+                    }, null, -1),
+                    e("line", {
+                      x1: "21",
+                      y1: "21",
+                      x2: "16.65",
+                      y2: "16.65"
+                    }, null, -1),
+                    e("line", {
+                      x1: "11",
+                      y1: "8",
+                      x2: "11",
+                      y2: "14"
+                    }, null, -1),
+                    e("line", {
+                      x1: "8",
+                      y1: "11",
+                      x2: "14",
+                      y2: "11"
+                    }, null, -1)
+                  ])]))
+                ], 8, gi),
+                e("button", {
+                  class: "artifactuse-viewer-control",
+                  onClick: fe(_, ["stop"]),
+                  title: "Download"
+                }, [...w[4] || (w[4] = [
+                  e("svg", {
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "2"
+                  }, [
+                    e("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+                    e("polyline", { points: "7 10 12 15 17 10" }),
+                    e("line", {
+                      x1: "12",
+                      y1: "15",
+                      x2: "12",
+                      y2: "3"
+                    })
+                  ], -1)
+                ])])
+              ])) : p("", !0),
+              M.caption ? (t(), a("div", bi, i(M.caption), 1)) : p("", !0)
+            ])
+          ], 544)) : p("", !0)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+}, xi = ["innerHTML"], Il = {
+  __name: "ArtifactuseAgentMessage",
+  props: {
+    // The raw message content (markdown/HTML from AI)
+    content: {
+      type: String,
+      required: !0
+    },
+    // Unique message ID
+    messageId: {
+      type: String,
+      default: () => `msg-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`
+    },
+    // Whether to show artifact cards inline
+    inlineCards: {
+      type: Boolean,
+      default: !0
+    },
+    // Whether the message is still being typed/streamed
+    typing: {
+      type: Boolean,
+      default: !1
+    },
+    // Whether this is the last/most recent message in the conversation
+    // Used to keep forms active after page reload for the latest message
+    isLastMessage: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "artifact-detected",
+    "artifact-open",
+    "artifact-copy",
+    "artifact-download",
+    "form-submit",
+    "form-cancel",
+    "form-button-click",
+    "social-copy",
+    "media-open"
+  ],
+  setup(M, { expose: u, emit: f }) {
+    const y = M, r = f, {
+      processMessage: F,
+      openArtifact: E,
+      state: $,
+      getTheme: _,
+      instance: l
+    } = He(), h = A(null), w = A(null), L = A(""), S = A([]);
+    let V = null;
+    const U = A(!1), q = A("image"), se = A(""), B = A(""), Z = A(""), D = C(() => (_ == null ? void 0 : _()) || "dark"), X = C(() => $.activeArtifactId), Q = A(!1);
+    ge(() => {
+      y.typing && (Q.value = !0);
+    }), ue(() => y.typing, (b) => {
+      b && (Q.value = !0);
+    });
+    const d = C(() => Q.value || y.isLastMessage ? "active" : "inactive");
+    function m(b) {
+      if (!b) return null;
+      try {
+        const R = decodeURIComponent(escape(atob(b)));
+        return JSON.parse(R);
+      } catch {
+        try {
+          const N = b.replace(/&#10;/g, `
+`).replace(/&#13;/g, "\r").replace(/&#9;/g, "	").replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&");
+          return JSON.parse(N);
+        } catch (N) {
+          return console.error("Failed to parse artifact data:", N), null;
+        }
+      }
+    }
+    const ee = C(() => {
+      const b = [], R = L.value;
+      if (!R) return b;
+      const N = /<div\s+class="artifactuse-placeholder[^"]*"[^>]*data-artifact-id="([^"]+)"[^>]*data-artifact-type="([^"]+)"[^>]*data-artifact=["']([^"']*)["'][^>]*><\/div>/gi;
+      let ne = 0, P;
+      for (; (P = N.exec(R)) !== null; ) {
+        if (P.index > ne) {
+          const O = R.slice(ne, P.index);
+          O.trim() && b.push({ type: "html", content: O });
+        }
+        const oe = m(P[3]), c = P[2];
+        oe && (c === "form" && oe.isInline ? b.push({ type: "form", artifact: oe }) : c === "social" ? b.push({ type: "social", artifact: oe }) : b.push({ type: "panel", artifact: oe })), ne = P.index + P[0].length;
+      }
+      if (ne < R.length) {
+        const oe = R.slice(ne);
+        oe.trim() && b.push({ type: "html", content: oe });
+      }
+      return b.length === 0 && R.trim() && b.push({ type: "html", content: R }), b;
+    });
+    function K(b) {
+      q.value = b.type || "image", se.value = b.src || "", B.value = b.alt || "", Z.value = b.caption || "", U.value = !0, r("media-open", b);
+    }
+    function Y() {
+      U.value = !1, se.value = "", B.value = "", Z.value = "";
+    }
+    function te() {
+      if (!w.value) return;
+      w.value.querySelectorAll('img[data-lightbox="true"]').forEach((c) => {
+        c._lightboxHandler && c.removeEventListener("click", c._lightboxHandler), c._lightboxHandler = (O) => {
+          O.preventDefault(), O.stopPropagation(), K({
+            type: "image",
+            src: c.src,
+            alt: c.alt || "",
+            caption: c.dataset.caption || c.alt || ""
+          });
+        }, c.addEventListener("click", c._lightboxHandler), c.style.cursor = "zoom-in";
+      }), w.value.querySelectorAll(".artifactuse-image-container img").forEach((c) => {
+        c._lightboxHandler || (c._lightboxHandler = (O) => {
+          O.preventDefault(), O.stopPropagation();
+          const G = c.closest(".artifactuse-image-container"), le = G == null ? void 0 : G.querySelector(".artifactuse-image-caption"), ke = (le == null ? void 0 : le.textContent) || c.dataset.caption || c.alt || "";
+          K({
+            type: "image",
+            src: c.src,
+            alt: c.alt || "",
+            caption: ke
+          });
+        }, c.addEventListener("click", c._lightboxHandler), c.style.cursor = "zoom-in");
+      }), w.value.querySelectorAll(".artifactuse-gallery-item img, .artifactuse-image-gallery img").forEach((c) => {
+        c._lightboxHandler || (c._lightboxHandler = (O) => {
+          O.preventDefault(), O.stopPropagation();
+          const G = c.closest(".artifactuse-gallery-item"), le = G == null ? void 0 : G.querySelector(".artifactuse-gallery-caption"), ke = (le == null ? void 0 : le.textContent) || c.dataset.caption || c.alt || "";
+          K({
+            type: "image",
+            src: c.src,
+            alt: c.alt || "",
+            caption: ke
+          });
+        }, c.addEventListener("click", c._lightboxHandler), c.style.cursor = "zoom-in");
+      }), w.value.querySelectorAll('a[href$=".pdf"], a[data-type="pdf"]').forEach((c) => {
+        c._pdfHandler && c.removeEventListener("click", c._pdfHandler), c._pdfHandler = (O) => {
+          O.preventDefault(), O.stopPropagation(), K({
+            type: "pdf",
+            src: c.href,
+            alt: c.textContent || "PDF Document",
+            caption: c.title || c.textContent || ""
+          });
+        }, c.addEventListener("click", c._pdfHandler);
+      }), w.value.querySelectorAll(".artifactuse-pdf-container, [data-pdf-viewer]").forEach((c) => {
+        var G;
+        c._pdfHandler && c.removeEventListener("click", c._pdfHandler);
+        const O = c.dataset.pdfSrc || ((G = c.querySelector("iframe")) == null ? void 0 : G.src) || "";
+        O && (c._pdfHandler = (le) => {
+          le.preventDefault(), le.stopPropagation(), K({
+            type: "pdf",
+            src: O,
+            alt: "PDF Document",
+            caption: c.dataset.caption || ""
+          });
+        }, c.addEventListener("click", c._pdfHandler), c.style.cursor = "pointer");
+      }), w.value.querySelectorAll(".artifactuse-video-preview-wrapper, .video-preview-wrapper").forEach((c) => {
+        c._clickHandler && c.removeEventListener("click", c._clickHandler), c._clickHandler = (O) => {
+          if (O.target.closest(".artifactuse-video-play-button")) return;
+          const G = c.dataset.videoUrl || c.dataset.url;
+          G && window.open(G, "_blank", "noopener,noreferrer");
+        }, c.addEventListener("click", c._clickHandler);
+      });
+    }
+    function g() {
+      if (!w.value) return;
+      w.value.querySelectorAll("img").forEach((P) => {
+        P._lightboxHandler && (P.removeEventListener("click", P._lightboxHandler), delete P._lightboxHandler);
+      }), w.value.querySelectorAll('a[href$=".pdf"], a[data-type="pdf"]').forEach((P) => {
+        P._pdfHandler && (P.removeEventListener("click", P._pdfHandler), delete P._pdfHandler);
+      }), w.value.querySelectorAll(".artifactuse-pdf-container, [data-pdf-viewer]").forEach((P) => {
+        P._pdfHandler && (P.removeEventListener("click", P._pdfHandler), delete P._pdfHandler);
+      }), w.value.querySelectorAll(".artifactuse-video-preview-wrapper, .video-preview-wrapper").forEach((P) => {
+        P._clickHandler && (P.removeEventListener("click", P._clickHandler), delete P._clickHandler);
+      });
+    }
+    function T() {
+      V && clearTimeout(V), V = setTimeout(async () => {
+        if (await he(), l != null && l.initializeContent && w.value)
+          try {
+            await l.initializeContent(w.value);
+          } catch (b) {
+            console.error("Failed to initialize content:", b);
+          }
+        te();
+      }, 100);
+    }
+    ue(
+      () => y.content,
+      (b) => {
+        if (b) {
+          const R = F(b, y.messageId);
+          L.value = R.html, S.value = R.artifacts, R.artifacts.length > 0 && r("artifact-detected", R.artifacts), y.typing || T();
+        }
+      },
+      { immediate: !0 }
+    ), ue(
+      () => y.typing,
+      (b, R) => {
+        R === !0 && b === !1 && T();
+      }
+    ), ge(() => {
+      y.typing || T();
+    }), lt(() => {
+      V && clearTimeout(V), g();
+    });
+    function n(b) {
+      E(b), r("artifact-open", b);
+    }
+    function z(b) {
+      r("artifact-copy", b);
+    }
+    function o(b) {
+      r("artifact-download", b);
+    }
+    function H(b) {
+      r("form-submit", b);
+    }
+    function ie(b) {
+      r("form-cancel", b);
+    }
+    function pe(b) {
+      r("form-button-click", b);
+    }
+    function Ce(b) {
+      r("social-copy", b);
+    }
+    return C(() => $.artifacts.filter((b) => b.messageId === y.messageId)), u({
+      openViewer: K,
+      closeViewer: Y,
+      attachMediaListeners: te
+    }), (b, R) => (t(), a("div", {
+      class: "artifactuse-agent-message",
+      ref_key: "messageRef",
+      ref: h
+    }, [
+      e("div", {
+        class: "artifactuse-message-content",
+        ref_key: "contentRef",
+        ref: w
+      }, [
+        (t(!0), a(I, null, ce(ee.value, (N, ne) => (t(), a(I, { key: ne }, [
+          N.type === "html" ? (t(), a("div", {
+            key: 0,
+            innerHTML: N.content
+          }, null, 8, xi)) : N.type === "form" && N.artifact.isInline ? (t(), ye(va, {
+            key: 1,
+            artifact: N.artifact,
+            theme: D.value,
+            "initial-state": d.value,
+            onSubmit: H,
+            onCancel: ie,
+            onButtonClick: pe
+          }, null, 8, ["artifact", "theme", "initial-state"])) : N.type === "social" ? (t(), ye(mi, {
+            key: 2,
+            artifact: N.artifact,
+            theme: D.value,
+            onCopy: Ce
+          }, null, 8, ["artifact", "theme"])) : N.type === "panel" && M.inlineCards ? (t(), ye(Ct, {
+            key: 3,
+            artifact: N.artifact,
+            "is-active": X.value === N.artifact.id,
+            onOpen: n,
+            onCopy: z,
+            onDownload: o
+          }, null, 8, ["artifact", "is-active"])) : p("", !0)
+        ], 64))), 128))
+      ], 512),
+      be(Ci, {
+        "is-open": U.value,
+        type: q.value,
+        src: se.value,
+        alt: B.value,
+        caption: Z.value,
+        onClose: Y
+      }, null, 8, ["is-open", "type", "src", "alt", "caption"])
+    ], 512));
+  }
+}, $i = { class: "artifactuse-panel__header artifactuse-panel__header--simple" }, Mi = { class: "artifactuse-panel__actions" }, Li = { class: "artifactuse-panel__footer artifactuse-panel__footer--simple" }, Ti = {
+  key: 0,
+  href: "https://artifactuse.com",
+  target: "_blank",
+  rel: "noopener noreferrer",
+  class: "artifactuse-panel__branding"
+}, Hi = { class: "artifactuse-panel__header artifactuse-panel__header--simple" }, Pi = { class: "artifactuse-panel__title" }, Ai = { class: "artifactuse-panel__title-content" }, Bi = { class: "artifactuse-panel__meta" }, Ei = { class: "artifactuse-panel__actions" }, zi = ["disabled"], Si = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, Ii = {
+  key: 1,
+  class: "artifactuse-panel__spinner-icon",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, qi = { class: "artifactuse-panel__list" }, Fi = { class: "artifactuse-panel__list-items" }, Vi = ["onClick"], Ri = ["innerHTML"], Oi = { class: "artifactuse-panel__list-item-content" }, Di = { class: "artifactuse-panel__list-item-title" }, Ui = { class: "artifactuse-panel__list-item-meta" }, Ni = { class: "artifactuse-panel__footer artifactuse-panel__footer--simple" }, ji = {
+  key: 0,
+  href: "https://artifactuse.com",
+  target: "_blank",
+  rel: "noopener noreferrer",
+  class: "artifactuse-panel__branding"
+}, Ji = { class: "artifactuse-panel__header" }, Xi = { class: "artifactuse-panel__title" }, Wi = ["innerHTML"], Zi = { class: "artifactuse-panel__title-content" }, Ki = { class: "artifactuse-panel__name" }, Yi = { class: "artifactuse-panel__meta" }, Gi = { class: "artifactuse-panel__tabs" }, Qi = ["disabled"], el = ["disabled"], tl = { class: "artifactuse-panel__actions" }, al = ["title"], sl = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, il = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, ll = {
+  key: 0,
+  class: "artifactuse-panel__loading"
+}, nl = ["src"], ol = {
+  key: 2,
+  class: "artifactuse-panel__no-preview"
+}, rl = { class: "artifactuse-panel__code-block" }, cl = ["textContent"], ul = { class: "artifactuse-panel__footer" }, dl = { class: "artifactuse-panel__footer-left" }, vl = {
+  key: 0,
+  href: "https://artifactuse.com",
+  target: "_blank",
+  rel: "noopener noreferrer",
+  class: "artifactuse-panel__branding"
+}, fl = {
+  key: 1,
+  class: "artifactuse-panel__badge"
+}, pl = { class: "artifactuse-panel__footer-right" }, ml = ["title"], _l = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, hl = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, yl = {
+  key: 1,
+  class: "artifactuse-panel__nav"
+}, gl = ["disabled"], kl = ["disabled"], wl = {
+  key: 0,
+  class: "artifactuse-panel__artifact-list"
+}, bl = { class: "artifactuse-panel__artifact-list-header" }, Cl = { class: "artifactuse-panel__artifact-list-items" }, xl = ["onClick"], $l = ["innerHTML"], Ml = { class: "artifactuse-panel__artifact-item-content" }, Ll = { class: "artifactuse-panel__artifact-item-title" }, Tl = { class: "artifactuse-panel__artifact-item-meta" }, Hl = { class: "artifactuse-panel__artifact-item-index" }, ql = {
+  __name: "ArtifactusePanel",
+  emits: ["close", "ai-request", "save", "export", "resize"],
+  setup(M, { emit: u }) {
+    const f = u, {
+      state: y,
+      activeArtifact: r,
+      artifactCount: F,
+      hasArtifacts: E,
+      closePanel: $,
+      toggleFullscreen: _,
+      setViewMode: l,
+      getPanelUrl: h,
+      openArtifact: w,
+      instance: L
+    } = He(), S = A(null), V = A(null), U = A(null), q = A(null), se = A(null), B = A(!1), Z = A(!1), D = A(!0), X = A(!1), Q = A(!1);
+    let d = null, m = null, ee = null;
+    const K = A(!1), Y = A(50), te = A(50), g = C(() => r.value ? Te(r.value.language) : ""), T = C(() => r.value ? `<svg viewBox="0 0 24 24" fill="currentColor">${Ie(r.value.language)}</svg>` : ""), n = C(() => r.value ? h(r.value) : null);
+    C(() => !r.value || !y.artifacts.length ? -1 : y.artifacts.findIndex((v) => v.id === r.value.id));
+    const z = C(() => r.value ? rt(r.value.language || "plaintext") : "plaintext"), o = C(() => y.artifacts.filter((v) => !v.isInline)), H = C(() => r.value ? o.value.findIndex((v) => v.id === r.value.id) : -1), ie = C(() => {
+      var v;
+      return ((v = L.config) == null ? void 0 : v.branding) !== !1;
+    }), pe = C(() => r.value ? Y.value : Math.min(Y.value, 30));
+    function Ce(v) {
+      return `<svg viewBox="0 0 24 24" fill="currentColor">${Ie(v)}</svg>`;
+    }
+    function b() {
+      X.value = !1, L.state.clearActiveArtifact();
+    }
+    function R() {
+      var v;
+      if (q.value && ((v = r.value) != null && v.code)) {
+        const s = r.value.code.split(`
+`);
+        q.value.innerHTML = s.map((x, W) => `<div>${W + 1}</div>`).join("");
+      }
+    }
+    function N() {
+      V.value && ct() && (window.Prism.highlightElement(V.value), he(() => {
+        ne();
+      }));
+    }
+    function ne() {
+      var s;
+      const v = (s = V.value) == null ? void 0 : s.closest("pre");
+      if (v && se.value && q.value) {
+        const W = window.getComputedStyle(v).backgroundColor;
+        W && W !== "rgba(0, 0, 0, 0)" && W !== "transparent" && (se.value.style.backgroundColor = W, q.value.style.backgroundColor = W);
+      }
+    }
+    function P() {
+      he(() => {
+        R(), K.value || N();
+      });
+    }
+    function oe() {
+      clearTimeout(ee), D.value = !1, S.value && r.value && (L.bridge.setIframe(S.value), L.bridge.loadArtifact(r.value));
+    }
+    function c() {
+      clearTimeout(ee), D.value = !1;
+    }
+    function O() {
+      clearTimeout(ee), ee = setTimeout(() => {
+        D.value = !1;
+      }, 1e4);
+    }
+    async function G() {
+      if (r.value)
+        try {
+          await navigator.clipboard.writeText(r.value.code), B.value = !0, setTimeout(() => {
+            B.value = !1;
+          }, 2e3);
+        } catch (v) {
+          console.error("Failed to copy:", v);
+        }
+    }
+    function le() {
+      if (!r.value) return;
+      const { code: v, language: s, title: x } = r.value, W = qe(s), me = `${x.toLowerCase().replace(/\s+/g, "-")}.${W}`, xe = new Blob([v], { type: "text/plain" }), ve = URL.createObjectURL(xe), re = document.createElement("a");
+      re.href = ve, re.download = me, document.body.appendChild(re), re.click(), document.body.removeChild(re), URL.revokeObjectURL(ve);
+    }
+    async function ke() {
+      if (!(Q.value || o.value.length === 0)) {
+        Q.value = !0;
+        try {
+          const v = new dt(), s = /* @__PURE__ */ new Map();
+          for (const re of o.value) {
+            if (!re.code) continue;
+            const Be = qe(re.language);
+            let Ee = (re.title || "untitled").toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, ""), ze = `${Ee}.${Be}`;
+            const Se = s.get(ze) || 0;
+            Se > 0 && (ze = `${Ee}-${Se}.${Be}`), s.set(`${Ee}.${Be}`, Se + 1), v.file(ze, re.code);
+          }
+          const x = await v.generateAsync({ type: "blob" }), me = `artifacts-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.zip`, xe = URL.createObjectURL(x), ve = document.createElement("a");
+          ve.href = xe, ve.download = me, document.body.appendChild(ve), ve.click(), document.body.removeChild(ve), URL.revokeObjectURL(xe);
+        } catch (v) {
+          console.error("Failed to create ZIP:", v);
+        } finally {
+          Q.value = !1;
+        }
+      }
+    }
+    function Ze() {
+      n.value && window.open(n.value, "_blank");
+    }
+    function Ke() {
+      q.value && se.value && (q.value.style.transform = `translateY(-${se.value.scrollTop}px)`);
+    }
+    function Ye() {
+      Z.value = !Z.value;
+    }
+    function Ve(v) {
+      X.value = !0, w(v), Z.value = !1;
+    }
+    function Ge() {
+      const v = H.value - 1;
+      v >= 0 && w(o.value[v]);
+    }
+    function Qe() {
+      const v = H.value + 1;
+      v < o.value.length && w(o.value[v]);
+    }
+    function Re(v) {
+      const s = document.querySelector(".artifactuse-panel__nav");
+      s && !s.contains(v.target) && (Z.value = !1);
+    }
+    let _e = null;
+    function et(v) {
+      _e = {
+        startX: v.clientX,
+        startWidth: Y.value
+      }, document.addEventListener("mousemove", Oe), document.addEventListener("mouseup", Pe), document.body.style.cursor = "ew-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((x) => x.style.pointerEvents = "none");
+    }
+    function Oe(v) {
+      if (!_e) return;
+      const s = window.innerWidth, W = (_e.startX - v.clientX) / s * 100, me = _e.startWidth + W;
+      Y.value = Math.min(Math.max(me, 25), 75), f("resize", { width: Y.value });
+    }
+    function Pe() {
+      const v = _e !== null;
+      _e = null, document.removeEventListener("mousemove", Oe), document.removeEventListener("mouseup", Pe), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((x) => x.style.pointerEvents = ""), v && f("resize", { width: Y.value });
+    }
+    let we = null;
+    function tt(v) {
+      if (!U.value) return;
+      const s = U.value.getBoundingClientRect();
+      we = {
+        startX: v.clientX,
+        startPosition: te.value,
+        contentLeft: s.left,
+        contentWidth: s.width
+      }, document.addEventListener("mousemove", De), document.addEventListener("mouseup", Ae), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((W) => W.style.pointerEvents = "none");
+    }
+    function De(v) {
+      if (!we) return;
+      const x = (v.clientX - we.contentLeft) / we.contentWidth * 100;
+      te.value = Math.min(Math.max(x, 20), 80);
+    }
+    function Ae() {
+      we = null, document.removeEventListener("mousemove", De), document.removeEventListener("mouseup", Ae), document.body.style.cursor = "", document.body.style.userSelect = "", document.querySelectorAll("iframe").forEach((s) => s.style.pointerEvents = "");
+    }
+    return ue(r, (v, s) => {
+      v && ((!s || v.id !== s.id) && (D.value = !0, O()), !s || v.code !== s.code ? (K.value = !0, clearTimeout(d), d = setTimeout(() => {
+        R();
+      }, 100), clearTimeout(m), m = setTimeout(() => {
+        K.value = !1, he(() => {
+          N(), S.value && v.isPreviewable && (D.value = !0, O(), L.bridge.loadArtifact(v));
+        });
+      }, 500)) : (S.value && v.isPreviewable && (D.value = !0, O(), he(() => {
+        L.bridge.loadArtifact(v);
+      })), P()));
+    }, { deep: !0 }), ue(() => y.viewMode, (v) => {
+      (v === "code" || v === "split") && P();
+    }), ue(() => y.isPanelOpen, (v) => {
+      v && (y.viewMode === "code" || y.viewMode === "split") && P();
+    }), ge(() => {
+      L.on("ai:request", (v) => f("ai-request", v)), L.on("save:request", (v) => f("save", v)), L.on("export:complete", (v) => f("export", v)), document.addEventListener("click", Re), y.isPanelOpen && r.value && P();
+    }), Fe(() => {
+      Pe(), Ae(), document.removeEventListener("click", Re), clearTimeout(d), clearTimeout(m), clearTimeout(ee);
+    }), (v, s) => (t(), a(I, null, [
+      be(Me, { name: "artifactuse-panel" }, {
+        default: Le(() => [
+          k(y).isPanelOpen ? (t(), a("div", {
+            key: 0,
+            class: j(["artifactuse-panel", {
+              "artifactuse-panel--fullscreen": k(y).isFullscreen,
+              "artifactuse-panel--list": !k(r) && k(E),
+              "artifactuse-panel--empty": !k(E)
+            }]),
+            style: $e(k(y).isFullscreen ? void 0 : { width: `${pe.value}%` })
+          }, [
+            k(y).isFullscreen ? p("", !0) : (t(), a("div", {
+              key: 0,
+              class: "artifactuse-panel__resize-handle",
+              onMousedown: fe(et, ["prevent"])
+            }, [...s[9] || (s[9] = [
+              e("div", { class: "artifactuse-panel__resize-handle-line" }, null, -1)
+            ])], 32)),
+            k(E) ? k(r) ? (t(), a(I, { key: 3 }, [
+              e("header", Ji, [
+                X.value ? (t(), a("button", {
+                  key: 0,
+                  class: "artifactuse-panel__back",
+                  title: "Back to list",
+                  onClick: b
+                }, [...s[21] || (s[21] = [
+                  e("svg", {
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "2"
+                  }, [
+                    e("polyline", { points: "15 18 9 12 15 6" })
+                  ], -1)
+                ])])) : p("", !0),
+                e("div", Xi, [
+                  e("span", {
+                    class: "artifactuse-panel__icon",
+                    innerHTML: T.value
+                  }, null, 8, Wi),
+                  e("div", Zi, [
+                    e("span", Ki, i(k(r).title || "Untitled"), 1),
+                    e("span", Yi, [
+                      J(i(g.value) + " ", 1),
+                      k(r).lineCount ? (t(), a(I, { key: 0 }, [
+                        J(" • " + i(k(r).lineCount) + " lines ", 1)
+                      ], 64)) : p("", !0)
+                    ])
+                  ])
+                ]),
+                e("div", Gi, [
+                  e("button", {
+                    class: j(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": k(y).viewMode === "preview" }]),
+                    disabled: !k(r).isPreviewable,
+                    title: "Preview",
+                    onClick: s[2] || (s[2] = (x) => k(l)("preview"))
+                  }, [...s[22] || (s[22] = [
+                    e("svg", {
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "2"
+                    }, [
+                      e("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+                      e("circle", {
+                        cx: "12",
+                        cy: "12",
+                        r: "3"
+                      })
+                    ], -1)
+                  ])], 10, Qi),
+                  e("button", {
+                    class: j(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": k(y).viewMode === "code" }]),
+                    title: "Code",
+                    onClick: s[3] || (s[3] = (x) => k(l)("code"))
+                  }, [...s[23] || (s[23] = [
+                    e("svg", {
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "2"
+                    }, [
+                      e("polyline", { points: "16 18 22 12 16 6" }),
+                      e("polyline", { points: "8 6 2 12 8 18" })
+                    ], -1)
+                  ])], 2),
+                  e("button", {
+                    class: j(["artifactuse-panel__tab", { "artifactuse-panel__tab--active": k(y).viewMode === "split" }]),
+                    disabled: !k(r).isPreviewable,
+                    title: "Split view",
+                    onClick: s[4] || (s[4] = (x) => k(l)("split"))
+                  }, [...s[24] || (s[24] = [
+                    e("svg", {
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "2"
+                    }, [
+                      e("rect", {
+                        x: "3",
+                        y: "3",
+                        width: "18",
+                        height: "18",
+                        rx: "2",
+                        ry: "2"
+                      }),
+                      e("line", {
+                        x1: "12",
+                        y1: "3",
+                        x2: "12",
+                        y2: "21"
+                      })
+                    ], -1)
+                  ])], 10, el)
+                ]),
+                e("div", tl, [
+                  e("button", {
+                    class: "artifactuse-panel__action",
+                    title: k(y).isFullscreen ? "Exit fullscreen" : "Fullscreen",
+                    onClick: s[5] || (s[5] = (...x) => k(_) && k(_)(...x))
+                  }, [
+                    k(y).isFullscreen ? (t(), a("svg", il, [...s[26] || (s[26] = [
+                      e("polyline", { points: "4 14 10 14 10 20" }, null, -1),
+                      e("polyline", { points: "20 10 14 10 14 4" }, null, -1),
+                      e("line", {
+                        x1: "14",
+                        y1: "10",
+                        x2: "21",
+                        y2: "3"
+                      }, null, -1),
+                      e("line", {
+                        x1: "3",
+                        y1: "21",
+                        x2: "10",
+                        y2: "14"
+                      }, null, -1)
+                    ])])) : (t(), a("svg", sl, [...s[25] || (s[25] = [
+                      e("polyline", { points: "15 3 21 3 21 9" }, null, -1),
+                      e("polyline", { points: "9 21 3 21 3 15" }, null, -1),
+                      e("line", {
+                        x1: "21",
+                        y1: "3",
+                        x2: "14",
+                        y2: "10"
+                      }, null, -1),
+                      e("line", {
+                        x1: "3",
+                        y1: "21",
+                        x2: "10",
+                        y2: "14"
+                      }, null, -1)
+                    ])]))
+                  ], 8, al),
+                  e("button", {
+                    class: "artifactuse-panel__action artifactuse-panel__action--close",
+                    title: "Close panel",
+                    onClick: s[6] || (s[6] = (...x) => k($) && k($)(...x))
+                  }, [...s[27] || (s[27] = [
+                    e("svg", {
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "2"
+                    }, [
+                      e("line", {
+                        x1: "18",
+                        y1: "6",
+                        x2: "6",
+                        y2: "18"
+                      }),
+                      e("line", {
+                        x1: "6",
+                        y1: "6",
+                        x2: "18",
+                        y2: "18"
+                      })
+                    ], -1)
+                  ])])
+                ])
+              ]),
+              e("div", {
+                ref_key: "contentRef",
+                ref: U,
+                class: j(["artifactuse-panel__content", `artifactuse-panel__content--${k(y).viewMode}`])
+              }, [
+                k(y).viewMode === "preview" || k(y).viewMode === "split" ? (t(), a("div", {
+                  key: 0,
+                  class: "artifactuse-panel__preview",
+                  style: $e(k(y).viewMode === "split" ? { width: `${te.value}%` } : void 0)
+                }, [
+                  D.value && n.value ? (t(), a("div", ll, [...s[28] || (s[28] = [
+                    e("div", { class: "artifactuse-panel__spinner" }, null, -1)
+                  ])])) : p("", !0),
+                  n.value ? (t(), a("iframe", {
+                    key: 1,
+                    ref_key: "iframeRef",
+                    ref: S,
+                    src: n.value,
+                    class: j(["artifactuse-panel__iframe", { "artifactuse-panel__iframe--loading": D.value }]),
+                    sandbox: "allow-scripts allow-same-origin allow-forms allow-popups allow-modals",
+                    onLoad: oe,
+                    onError: c
+                  }, null, 42, nl)) : (t(), a("div", ol, [
+                    s[29] || (s[29] = e("svg", {
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "1.5"
+                    }, [
+                      e("path", { d: "M9 17H7A5 5 0 0 1 7 7h2" }),
+                      e("path", { d: "M15 7h2a5 5 0 1 1 0 10h-2" }),
+                      e("line", {
+                        x1: "8",
+                        y1: "12",
+                        x2: "16",
+                        y2: "12"
+                      })
+                    ], -1)),
+                    e("p", null, "Preview not available for " + i(g.value), 1)
+                  ]))
+                ], 4)) : p("", !0),
+                k(y).viewMode === "code" || k(y).viewMode === "split" ? (t(), a("div", {
+                  key: 1,
+                  class: "artifactuse-panel__code",
+                  style: $e(k(y).viewMode === "split" ? { width: `${100 - te.value}%` } : void 0)
+                }, [
+                  k(y).viewMode === "split" ? (t(), a("div", {
+                    key: 0,
+                    class: "artifactuse-panel__split-handle",
+                    onMousedown: fe(tt, ["prevent"])
+                  }, [...s[30] || (s[30] = [
+                    e("div", { class: "artifactuse-panel__split-handle-line" }, null, -1)
+                  ])], 32)) : p("", !0),
+                  e("div", {
+                    class: "artifactuse-panel__code-scroll",
+                    ref_key: "codeScrollRef",
+                    ref: se,
+                    onScroll: Ke
+                  }, [
+                    e("div", {
+                      class: "artifactuse-panel__line-numbers",
+                      ref_key: "lineNumbersRef",
+                      ref: q
+                    }, null, 512),
+                    e("pre", rl, [
+                      e("code", {
+                        ref_key: "codeRef",
+                        ref: V,
+                        class: j(`language-${z.value}`),
+                        textContent: i(k(r).code)
+                      }, null, 10, cl)
+                    ])
+                  ], 544)
+                ], 4)) : p("", !0)
+              ], 2),
+              e("footer", ul, [
+                e("div", dl, [
+                  ie.value ? (t(), a("a", vl, [...s[31] || (s[31] = [
+                    e("svg", {
+                      width: "16",
+                      height: "16",
+                      viewBox: "0 0 42 42",
+                      fill: "none",
+                      xmlns: "http://www.w3.org/2000/svg"
+                    }, [
+                      e("path", {
+                        d: "M16.6667 41.6673V10.4173C16.6667 9.86478 16.4472 9.33488 16.0565 8.94418C15.6658 8.55348 15.1359 8.33398 14.5833 8.33398H4.16667C3.0616 8.33398 2.00179 8.77297 1.22039 9.55437C0.438987 10.3358 0 11.3956 0 12.5007V37.5006C0 38.6057 0.438987 39.6655 1.22039 40.4469C2.00179 41.2283 3.0616 41.6673 4.16667 41.6673H29.1667C30.2717 41.6673 31.3315 41.2283 32.1129 40.4469C32.8943 39.6655 33.3333 38.6057 33.3333 37.5006V27.084C33.3333 26.5314 33.1138 26.0015 32.7231 25.6108C32.3324 25.2201 31.8025 25.0007 31.25 25.0007H0",
+                        fill: "#5F51C8"
+                      }),
+                      e("path", {
+                        d: "M39.5833 0H27.0833C25.9327 0 25 0.93274 25 2.08333V14.5833C25 15.7339 25.9327 16.6667 27.0833 16.6667H39.5833C40.7339 16.6667 41.6667 15.7339 41.6667 14.5833V2.08333C41.6667 0.93274 40.7339 0 39.5833 0Z",
+                        fill: "#695AE0"
+                      })
+                    ], -1),
+                    e("span", null, "Artifactuse", -1)
+                  ])])) : p("", !0),
+                  k(r).size ? (t(), a("span", fl, i(k(je)(k(r).size)), 1)) : p("", !0)
+                ]),
+                e("div", pl, [
+                  e("button", {
+                    class: j(["artifactuse-panel__footer-action", { "artifactuse-panel__footer-action--success": B.value }]),
+                    title: B.value ? "Copied!" : "Copy code",
+                    onClick: G
+                  }, [
+                    B.value ? (t(), a("svg", hl, [...s[33] || (s[33] = [
+                      e("polyline", { points: "20 6 9 17 4 12" }, null, -1)
+                    ])])) : (t(), a("svg", _l, [...s[32] || (s[32] = [
+                      e("rect", {
+                        x: "9",
+                        y: "9",
+                        width: "13",
+                        height: "13",
+                        rx: "2",
+                        ry: "2"
+                      }, 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, ml),
+                  e("button", {
+                    class: "artifactuse-panel__footer-action",
+                    title: "Download file",
+                    onClick: le
+                  }, [...s[34] || (s[34] = [
+                    e("svg", {
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "2"
+                    }, [
+                      e("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+                      e("polyline", { points: "7 10 12 15 17 10" }),
+                      e("line", {
+                        x1: "12",
+                        y1: "15",
+                        x2: "12",
+                        y2: "3"
+                      })
+                    ], -1)
+                  ])]),
+                  n.value ? (t(), a("button", {
+                    key: 0,
+                    class: "artifactuse-panel__footer-action",
+                    title: "Open in new tab",
+                    onClick: Ze
+                  }, [...s[35] || (s[35] = [
+                    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)
+                  ])])) : p("", !0),
+                  o.value.length > 1 ? (t(), a("div", yl, [
+                    e("button", {
+                      class: "artifactuse-panel__nav-btn",
+                      disabled: H.value <= 0,
+                      title: "Previous artifact",
+                      onClick: Ge
+                    }, [...s[36] || (s[36] = [
+                      e("svg", {
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        "stroke-width": "2"
+                      }, [
+                        e("polyline", { points: "15 18 9 12 15 6" })
+                      ], -1)
+                    ])], 8, gl),
+                    e("button", {
+                      class: "artifactuse-panel__nav-trigger",
+                      title: "View all artifacts",
+                      onClick: Ye
+                    }, [
+                      e("span", null, i(H.value + 1) + " / " + i(o.value.length), 1),
+                      s[37] || (s[37] = e("svg", {
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        "stroke-width": "2"
+                      }, [
+                        e("polyline", { points: "6 9 12 15 18 9" })
+                      ], -1))
+                    ]),
+                    e("button", {
+                      class: "artifactuse-panel__nav-btn",
+                      disabled: H.value >= o.value.length - 1,
+                      title: "Next artifact",
+                      onClick: Qe
+                    }, [...s[38] || (s[38] = [
+                      e("svg", {
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        "stroke-width": "2"
+                      }, [
+                        e("polyline", { points: "9 18 15 12 9 6" })
+                      ], -1)
+                    ])], 8, kl),
+                    be(Me, { name: "artifactuse-popup" }, {
+                      default: Le(() => [
+                        Z.value ? (t(), a("div", wl, [
+                          e("div", bl, [
+                            s[40] || (s[40] = e("span", null, "Artifacts", -1)),
+                            e("button", {
+                              class: "artifactuse-panel__artifact-list-close",
+                              onClick: s[7] || (s[7] = (x) => Z.value = !1)
+                            }, [...s[39] || (s[39] = [
+                              e("svg", {
+                                viewBox: "0 0 24 24",
+                                fill: "none",
+                                stroke: "currentColor",
+                                "stroke-width": "2"
+                              }, [
+                                e("line", {
+                                  x1: "18",
+                                  y1: "6",
+                                  x2: "6",
+                                  y2: "18"
+                                }),
+                                e("line", {
+                                  x1: "6",
+                                  y1: "6",
+                                  x2: "18",
+                                  y2: "18"
+                                })
+                              ], -1)
+                            ])])
+                          ]),
+                          e("div", Cl, [
+                            (t(!0), a(I, null, ce(o.value, (x, W) => (t(), a("button", {
+                              key: x.id,
+                              class: j(["artifactuse-panel__artifact-item", { "artifactuse-panel__artifact-item--active": x.id === k(r).id }]),
+                              onClick: (me) => Ve(x)
+                            }, [
+                              e("span", {
+                                class: "artifactuse-panel__artifact-item-icon",
+                                innerHTML: Ce(x.language)
+                              }, null, 8, $l),
+                              e("div", Ml, [
+                                e("span", Ll, i(x.title || "Untitled"), 1),
+                                e("span", Tl, [
+                                  J(i(k(Te)(x.language)) + " ", 1),
+                                  x.lineCount ? (t(), a(I, { key: 0 }, [
+                                    J(" • " + i(x.lineCount) + " lines ", 1)
+                                  ], 64)) : p("", !0)
+                                ])
+                              ]),
+                              e("span", Hl, i(W + 1), 1)
+                            ], 10, xl))), 128))
+                          ])
+                        ])) : p("", !0)
+                      ]),
+                      _: 1
+                    })
+                  ])) : p("", !0)
+                ])
+              ])
+            ], 64)) : (t(), a(I, { key: 2 }, [
+              e("header", Hi, [
+                e("div", Pi, [
+                  s[15] || (s[15] = e("span", { class: "artifactuse-panel__icon" }, [
+                    e("svg", {
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "2"
+                    }, [
+                      e("polyline", { points: "16 18 22 12 16 6" }),
+                      e("polyline", { points: "8 6 2 12 8 18" })
+                    ])
+                  ], -1)),
+                  e("div", Ai, [
+                    s[14] || (s[14] = e("span", { class: "artifactuse-panel__name" }, "Artifacts", -1)),
+                    e("span", Bi, i(o.value.length) + " available", 1)
+                  ])
+                ]),
+                e("div", Ei, [
+                  e("button", {
+                    class: j(["artifactuse-panel__action", { "artifactuse-panel__action--loading": Q.value }]),
+                    disabled: Q.value,
+                    title: "Download all as ZIP",
+                    onClick: ke
+                  }, [
+                    Q.value ? (t(), a("svg", Ii, [...s[17] || (s[17] = [
+                      e("circle", {
+                        cx: "12",
+                        cy: "12",
+                        r: "10",
+                        "stroke-dasharray": "32",
+                        "stroke-dashoffset": "32"
+                      }, null, -1)
+                    ])])) : (t(), a("svg", Si, [...s[16] || (s[16] = [
+                      e("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }, null, -1),
+                      e("polyline", { points: "7 10 12 15 17 10" }, null, -1),
+                      e("line", {
+                        x1: "12",
+                        y1: "15",
+                        x2: "12",
+                        y2: "3"
+                      }, null, -1)
+                    ])]))
+                  ], 10, zi),
+                  e("button", {
+                    class: "artifactuse-panel__action artifactuse-panel__action--close",
+                    title: "Close panel",
+                    onClick: s[1] || (s[1] = (...x) => k($) && k($)(...x))
+                  }, [...s[18] || (s[18] = [
+                    e("svg", {
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "2"
+                    }, [
+                      e("line", {
+                        x1: "18",
+                        y1: "6",
+                        x2: "6",
+                        y2: "18"
+                      }),
+                      e("line", {
+                        x1: "6",
+                        y1: "6",
+                        x2: "18",
+                        y2: "18"
+                      })
+                    ], -1)
+                  ])])
+                ])
+              ]),
+              e("div", qi, [
+                e("div", Fi, [
+                  (t(!0), a(I, null, ce(o.value, (x, W) => (t(), a("button", {
+                    key: x.id,
+                    class: "artifactuse-panel__list-item",
+                    onClick: (me) => Ve(x)
+                  }, [
+                    e("span", {
+                      class: "artifactuse-panel__list-item-icon",
+                      innerHTML: Ce(x.language)
+                    }, null, 8, Ri),
+                    e("div", Oi, [
+                      e("span", Di, i(x.title || "Untitled"), 1),
+                      e("span", Ui, [
+                        J(i(k(Te)(x.language)) + " ", 1),
+                        x.lineCount ? (t(), a(I, { key: 0 }, [
+                          J(" • " + i(x.lineCount) + " lines ", 1)
+                        ], 64)) : p("", !0)
+                      ])
+                    ]),
+                    s[19] || (s[19] = e("span", { class: "artifactuse-panel__list-item-arrow" }, [
+                      e("svg", {
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        "stroke-width": "2"
+                      }, [
+                        e("polyline", { points: "9 18 15 12 9 6" })
+                      ])
+                    ], -1))
+                  ], 8, Vi))), 128))
+                ])
+              ]),
+              e("footer", Ni, [
+                ie.value ? (t(), a("a", ji, [...s[20] || (s[20] = [
+                  e("svg", {
+                    width: "16",
+                    height: "16",
+                    viewBox: "0 0 42 42",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg"
+                  }, [
+                    e("path", {
+                      d: "M16.6667 41.6673V10.4173C16.6667 9.86478 16.4472 9.33488 16.0565 8.94418C15.6658 8.55348 15.1359 8.33398 14.5833 8.33398H4.16667C3.0616 8.33398 2.00179 8.77297 1.22039 9.55437C0.438987 10.3358 0 11.3956 0 12.5007V37.5006C0 38.6057 0.438987 39.6655 1.22039 40.4469C2.00179 41.2283 3.0616 41.6673 4.16667 41.6673H29.1667C30.2717 41.6673 31.3315 41.2283 32.1129 40.4469C32.8943 39.6655 33.3333 38.6057 33.3333 37.5006V27.084C33.3333 26.5314 33.1138 26.0015 32.7231 25.6108C32.3324 25.2201 31.8025 25.0007 31.25 25.0007H0",
+                      fill: "#5F51C8"
+                    }),
+                    e("path", {
+                      d: "M39.5833 0H27.0833C25.9327 0 25 0.93274 25 2.08333V14.5833C25 15.7339 25.9327 16.6667 27.0833 16.6667H39.5833C40.7339 16.6667 41.6667 15.7339 41.6667 14.5833V2.08333C41.6667 0.93274 40.7339 0 39.5833 0Z",
+                      fill: "#695AE0"
+                    })
+                  ], -1),
+                  e("span", null, "Artifactuse", -1)
+                ])])) : p("", !0)
+              ])
+            ], 64)) : (t(), a(I, { key: 1 }, [
+              e("header", $i, [
+                s[11] || (s[11] = e("div", { class: "artifactuse-panel__title" }, [
+                  e("span", { class: "artifactuse-panel__icon" }, [
+                    e("svg", {
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "2"
+                    }, [
+                      e("polyline", { points: "16 18 22 12 16 6" }),
+                      e("polyline", { points: "8 6 2 12 8 18" })
+                    ])
+                  ]),
+                  e("div", { class: "artifactuse-panel__title-content" }, [
+                    e("span", { class: "artifactuse-panel__name" }, "Artifacts")
+                  ])
+                ], -1)),
+                e("div", Mi, [
+                  e("button", {
+                    class: "artifactuse-panel__action artifactuse-panel__action--close",
+                    title: "Close panel",
+                    onClick: s[0] || (s[0] = (...x) => k($) && k($)(...x))
+                  }, [...s[10] || (s[10] = [
+                    e("svg", {
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "2"
+                    }, [
+                      e("line", {
+                        x1: "18",
+                        y1: "6",
+                        x2: "6",
+                        y2: "18"
+                      }),
+                      e("line", {
+                        x1: "6",
+                        y1: "6",
+                        x2: "18",
+                        y2: "18"
+                      })
+                    ], -1)
+                  ])])
+                ])
+              ]),
+              s[13] || (s[13] = e("div", { class: "artifactuse-panel__empty" }, [
+                e("div", { class: "artifactuse-panel__empty-icon" }, [
+                  e("svg", {
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "1.5"
+                  }, [
+                    e("path", { d: "M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" }),
+                    e("polyline", { points: "14 2 14 8 20 8" })
+                  ])
+                ]),
+                e("h3", { class: "artifactuse-panel__empty-title" }, "No artifacts yet"),
+                e("p", { class: "artifactuse-panel__empty-text" }, " Code blocks, forms, and other interactive content will appear here as the AI generates them. ")
+              ], -1)),
+              e("footer", Li, [
+                ie.value ? (t(), a("a", Ti, [...s[12] || (s[12] = [
+                  e("svg", {
+                    width: "16",
+                    height: "16",
+                    viewBox: "0 0 42 42",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg"
+                  }, [
+                    e("path", {
+                      d: "M16.6667 41.6673V10.4173C16.6667 9.86478 16.4472 9.33488 16.0565 8.94418C15.6658 8.55348 15.1359 8.33398 14.5833 8.33398H4.16667C3.0616 8.33398 2.00179 8.77297 1.22039 9.55437C0.438987 10.3358 0 11.3956 0 12.5007V37.5006C0 38.6057 0.438987 39.6655 1.22039 40.4469C2.00179 41.2283 3.0616 41.6673 4.16667 41.6673H29.1667C30.2717 41.6673 31.3315 41.2283 32.1129 40.4469C32.8943 39.6655 33.3333 38.6057 33.3333 37.5006V27.084C33.3333 26.5314 33.1138 26.0015 32.7231 25.6108C32.3324 25.2201 31.8025 25.0007 31.25 25.0007H0",
+                      fill: "#5F51C8"
+                    }),
+                    e("path", {
+                      d: "M39.5833 0H27.0833C25.9327 0 25 0.93274 25 2.08333V14.5833C25 15.7339 25.9327 16.6667 27.0833 16.6667H39.5833C40.7339 16.6667 41.6667 15.7339 41.6667 14.5833V2.08333C41.6667 0.93274 40.7339 0 39.5833 0Z",
+                      fill: "#695AE0"
+                    })
+                  ], -1),
+                  e("span", null, "Artifactuse", -1)
+                ])])) : p("", !0)
+              ])
+            ], 64))
+          ], 6)) : p("", !0)
+        ]),
+        _: 1
+      }),
+      (t(), ye(Ue, { to: "body" }, [
+        be(Me, { name: "artifactuse-backdrop" }, {
+          default: Le(() => [
+            k(y).isPanelOpen && k(y).isFullscreen ? (t(), a("div", {
+              key: 0,
+              class: "artifactuse-panel__backdrop",
+              onClick: s[8] || (s[8] = (...x) => k($) && k($)(...x))
+            })) : p("", !0)
+          ]),
+          _: 1
+        })
+      ]))
+    ], 64));
+  }
+}, Pl = ["title"], Al = {
+  key: 0,
+  class: "artifactuse-panel-toggle-badge"
+}, Fl = {
+  __name: "ArtifactusePanelToggle",
+  setup(M) {
+    const { state: u, artifactCount: f, hasArtifacts: y, togglePanel: r } = He();
+    return (F, E) => (t(), a("button", {
+      class: j(["artifactuse-panel-toggle", {
+        "artifactuse-panel-toggle--active": k(u).isPanelOpen,
+        "artifactuse-panel-toggle--has-artifacts": k(y)
+      }]),
+      onClick: E[0] || (E[0] = (...$) => k(r) && k(r)(...$)),
+      title: k(u).isPanelOpen ? "Close artifacts panel" : "Open artifacts panel"
+    }, [
+      E[1] || (E[1] = e("svg", {
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }, [
+        e("polyline", { points: "16 18 22 12 16 6" }),
+        e("polyline", { points: "8 6 2 12 8 18" })
+      ], -1)),
+      k(f) > 0 ? (t(), a("span", Al, i(k(f) > 99 ? "99+" : k(f)), 1)) : p("", !0)
+    ], 10, Pl));
+  }
+}, Xe = Symbol("artifactuse");
+function We(M = {}) {
+  var l;
+  const u = Je(M), f = Ne({
+    artifacts: [],
+    activeArtifactId: null,
+    isPanelOpen: !1,
+    viewMode: "preview",
+    isFullscreen: !1
+  });
+  u.state.subscribe((h) => {
+    f.artifacts = h.artifacts, f.activeArtifactId = h.activeArtifactId, f.isPanelOpen = h.isPanelOpen, f.viewMode = h.viewMode, f.isFullscreen = h.isFullscreen;
+  });
+  const y = C(() => f.activeArtifactId && f.artifacts.find((h) => h.id === f.activeArtifactId) || null), r = C(() => f.artifacts.length), F = C(() => f.artifacts.length > 0), E = C(() => u.getPanelTypes()), $ = C(() => y.value ? u.getPanelUrl(y.value) : null);
+  if (u.applyTheme(), M.theme === "auto" || !M.theme) {
+    const h = ((l = u.bridge) == null ? void 0 : l.theme) || u.theme;
+    h != null && h.watchSystemTheme && h.watchSystemTheme(() => {
+      u.applyTheme();
+    });
+  }
+  const _ = {
+    instance: u,
+    state: f,
+    activeArtifact: y,
+    artifactCount: r,
+    hasArtifacts: F,
+    // Panel computed
+    panelTypes: E,
+    activePanelUrl: $,
+    // Methods
+    processMessage: u.processMessage,
+    initializeContent: u.initializeContent,
+    openArtifact: u.openArtifact,
+    closePanel: u.closePanel,
+    togglePanel: u.togglePanel,
+    toggleFullscreen: u.toggleFullscreen,
+    setViewMode: u.setViewMode,
+    getPanelUrl: u.getPanelUrl,
+    sendToPanel: u.sendToPanel,
+    // Panel management
+    hasPanel: u.hasPanel,
+    registerPanel: u.registerPanel,
+    unregisterPanel: u.unregisterPanel,
+    getPanelTypes: u.getPanelTypes,
+    // Events
+    on: u.on,
+    off: u.off,
+    // Theme - wrap setTheme to also apply
+    applyTheme: u.applyTheme,
+    setTheme: (h) => {
+      u.setTheme(h), u.applyTheme();
+    },
+    getTheme: u.getTheme
+  };
+  return nt(Xe, _), _;
+}
+function He() {
+  const M = ot(Xe);
+  return M || (console.warn("useArtifactuse() called without provideArtifactuse(). Creating standalone instance."), We());
+}
+function Bl(M = {}) {
+  const u = Je(M), f = Ne({
+    artifacts: [],
+    activeArtifactId: null,
+    isPanelOpen: !1,
+    viewMode: "preview",
+    isFullscreen: !1
+  });
+  let y;
+  ge(() => {
+    y = u.state.subscribe((l) => {
+      f.artifacts = l.artifacts, f.activeArtifactId = l.activeArtifactId, f.isPanelOpen = l.isPanelOpen, f.viewMode = l.viewMode, f.isFullscreen = l.isFullscreen;
+    }), u.applyTheme();
+  }), Fe(() => {
+    y && y(), u.destroy();
+  });
+  const r = C(() => f.activeArtifactId && f.artifacts.find((l) => l.id === f.activeArtifactId) || null), F = C(() => f.artifacts.length), E = C(() => f.artifacts.length > 0), $ = C(() => u.getPanelTypes()), _ = C(() => r.value ? u.getPanelUrl(r.value) : null);
+  return {
+    instance: u,
+    state: f,
+    activeArtifact: r,
+    artifactCount: F,
+    hasArtifacts: E,
+    // Panel computed
+    panelTypes: $,
+    activePanelUrl: _,
+    // Methods
+    processMessage: u.processMessage,
+    initializeContent: u.initializeContent,
+    openArtifact: u.openArtifact,
+    closePanel: u.closePanel,
+    togglePanel: u.togglePanel,
+    toggleFullscreen: u.toggleFullscreen,
+    setViewMode: u.setViewMode,
+    getPanelUrl: u.getPanelUrl,
+    sendToPanel: u.sendToPanel,
+    // Panel management
+    hasPanel: u.hasPanel,
+    registerPanel: u.registerPanel,
+    unregisterPanel: u.unregisterPanel,
+    getPanelTypes: u.getPanelTypes,
+    // Events
+    on: u.on,
+    off: u.off,
+    // Theme - wrap setTheme to also apply
+    applyTheme: u.applyTheme,
+    setTheme: (l) => {
+      u.setTheme(l), u.applyTheme();
+    },
+    getTheme: u.getTheme
+  };
+}
+const Vl = {
+  provideArtifactuse: We,
+  useArtifactuse: He,
+  createArtifactuseComposable: Bl,
+  DEFAULT_PANELS: ut
+};
+export {
+  Il as ArtifactuseAgentMessage,
+  Ct as ArtifactuseCard,
+  va as ArtifactuseInlineForm,
+  ql as ArtifactusePanel,
+  Fl as ArtifactusePanelToggle,
+  mi as ArtifactuseSocialPreview,
+  Ci as ArtifactuseViewer,
+  ut as DEFAULT_PANELS,
+  Bl as createArtifactuseComposable,
+  Vl as default,
+  We as provideArtifactuse,
+  He as useArtifactuse
+};