@fiction/sdk 1.0.12 → 1.0.13

package/dist/self.js

@@ -2,7 +2,7 @@ var Ct = Object.defineProperty;
 var ao = (e, r, o) => r in e ? Ct(e, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[r] = o;
 var s = (e, r) => Ct(e, "name", { value: r, configurable: !0 });
 var D = (e, r, o) => ao(e, typeof r != "symbol" ? r + "" : r, o);
-import { ref as T, defineComponent as j, createElementBlock as v, openBlock as d, createElementVNode as l, normalizeClass as z, watch as oe, computed as F, createCommentVNode as E, renderSlot as Ae, onMounted as Ce, Fragment as Ie, renderList as rt, withDirectives as Pt, vModelText as Ft, toDisplayString as R, createBlock as Q, withKeys as io, createVNode as U, withCtx as se, createTextVNode as He, unref as Y, resolveDynamicComponent as lo, nextTick as Xe, Transition as _e, withModifiers as et, TransitionGroup as co, normalizeStyle as st, onUnmounted as ft, shallowRef as uo, Teleport as ho, normalizeProps as fo, guardReactiveProps as go, mergeProps as St } from "vue";
+import { ref as T, defineComponent as j, createElementBlock as v, openBlock as d, createElementVNode as l, normalizeClass as z, watch as oe, computed as F, createCommentVNode as E, renderSlot as Me, onMounted as Ie, Fragment as Ae, renderList as rt, withDirectives as Pt, vModelText as Ft, toDisplayString as R, createBlock as Q, withKeys as io, createVNode as U, withCtx as se, createTextVNode as He, unref as Y, resolveDynamicComponent as lo, nextTick as Xe, Transition as _e, withModifiers as et, TransitionGroup as co, normalizeStyle as st, onUnmounted as ft, shallowRef as uo, Teleport as ho, normalizeProps as fo, guardReactiveProps as go, mergeProps as St } from "vue";
 import { S as Vt } from "./base-CEr2lLFg.js";
 import { Conversation as Mt } from "@elevenlabs/client";
 import { objectId as mo } from "@fiction/utils";
@@ -820,7 +820,7 @@ const So = {
           key: 0,
           class: z([e.icon, t.value])
         }, null, 2)) : E("", !0),
-        Ae(n.$slots, "default"),
+        Me(n.$slots, "default"),
         e.iconAfter ? (d(), v("i", {
           key: 1,
           class: z([e.iconAfter, t.value])
@@ -856,7 +856,7 @@ const So = {
   emits: ["update:modelValue", "autoSubmit"],
   setup(e, { emit: r }) {
     const o = e, t = r, n = T([]), a = T(Array.from({ length: o.length }).fill("")), i = T(!1);
-    Ce(() => {
+    Ie(() => {
       o.modelValue && (a.value = o.modelValue.split("").slice(0, o.length)), o.focusFirst && !("ontouchstart" in window) && n.value[0]?.focus();
     }), oe(() => o.modelValue, (c) => {
       a.value = c ? c.split("").slice(0, o.length) : Array.from({ length: o.length }).fill("");
@@ -898,7 +898,7 @@ const So = {
           a.value[m] = "";
     }
     return s(u, "onFocus"), (c, m) => (d(), v("div", Io, [
-      (d(!0), v(Ie, null, rt(e.length, (y) => Pt((d(), v("input", {
+      (d(!0), v(Ae, null, rt(e.length, (y) => Pt((d(), v("input", {
         key: y,
         ref_for: !0,
         ref: /* @__PURE__ */ s((g) => n.value[y - 1] = g, "ref"),
@@ -920,18 +920,14 @@ const So = {
   }
 }), Eo = { class: "flex flex-col items-center justify-center h-full p-6" }, Lo = { class: "w-full max-w-xs space-y-12" }, To = {
   key: 0,
-  class: "text-xs text-red-400 text-center"
+  class: "text-xs text-theme-400 text-center"
 }, Po = { class: "text-lg font-light text-white text-center" }, Fo = { class: "space-y-6" }, Vo = { class: "space-y-4" }, zt = /* @__PURE__ */ j({
   __name: "ElAuthGate",
   props: {
     sdk: {}
   },
   setup(e) {
-    const r = T({ email: "", code: "" }), o = T("email");
-    Ce(async () => {
-      e.sdk.token.value && await e.sdk.getCurrentUser();
-    });
-    const t = {
+    const r = T({ email: "", code: "" }), o = T("email"), t = {
       email: {
         title: "Continue with Email",
         button: { label: "Continue", disabled: /* @__PURE__ */ s(() => !r.value.email, "disabled") },
@@ -1237,14 +1233,14 @@ const So = {
       }
       H = !1;
     }
-    const ze = a(m).join(":"), Se = y ? ze + ut : ze, ue = Se + X;
+    const ze = a(m).join(":"), Ce = y ? ze + ut : ze, ue = Ce + X;
     if (i.includes(ue))
       continue;
     i.push(ue);
     const pe = n(X, H);
     for (let he = 0; he < pe.length; ++he) {
       const re = pe[he];
-      i.push(Se + re);
+      i.push(Ce + re);
     }
     h = u + (h.length > 0 ? " " + h : h);
   }
@@ -1292,14 +1288,14 @@ const Z = /* @__PURE__ */ s((e) => {
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   rr.test(e) && !sr.test(e)
-), "isLengthOnly"), Gt = /* @__PURE__ */ s(() => !1, "isNever"), cr = /* @__PURE__ */ s((e) => nr.test(e), "isShadow"), dr = /* @__PURE__ */ s((e) => ar.test(e), "isImage"), ur = /* @__PURE__ */ s((e) => !p(e) && !x(e), "isAnyNonArbitrary"), hr = /* @__PURE__ */ s((e) => De(e, Ht, Gt), "isArbitrarySize"), p = /* @__PURE__ */ s((e) => Rt.test(e), "isArbitraryValue"), Me = /* @__PURE__ */ s((e) => De(e, qt, lr), "isArbitraryLength"), it = /* @__PURE__ */ s((e) => De(e, vr, I), "isArbitraryNumber"), Lt = /* @__PURE__ */ s((e) => De(e, Ot, Gt), "isArbitraryPosition"), fr = /* @__PURE__ */ s((e) => De(e, Ut, dr), "isArbitraryImage"), Ye = /* @__PURE__ */ s((e) => De(e, Wt, cr), "isArbitraryShadow"), x = /* @__PURE__ */ s((e) => Nt.test(e), "isArbitraryVariable"), Ue = /* @__PURE__ */ s((e) => Be(e, qt), "isArbitraryVariableLength"), gr = /* @__PURE__ */ s((e) => Be(e, pr), "isArbitraryVariableFamilyName"), Tt = /* @__PURE__ */ s((e) => Be(e, Ot), "isArbitraryVariablePosition"), mr = /* @__PURE__ */ s((e) => Be(e, Ht), "isArbitraryVariableSize"), br = /* @__PURE__ */ s((e) => Be(e, Ut), "isArbitraryVariableImage"), Je = /* @__PURE__ */ s((e) => Be(e, Wt, !0), "isArbitraryVariableShadow"), De = /* @__PURE__ */ s((e, r, o) => {
+), "isLengthOnly"), Gt = /* @__PURE__ */ s(() => !1, "isNever"), cr = /* @__PURE__ */ s((e) => nr.test(e), "isShadow"), dr = /* @__PURE__ */ s((e) => ar.test(e), "isImage"), ur = /* @__PURE__ */ s((e) => !p(e) && !x(e), "isAnyNonArbitrary"), hr = /* @__PURE__ */ s((e) => De(e, Ht, Gt), "isArbitrarySize"), p = /* @__PURE__ */ s((e) => Rt.test(e), "isArbitraryValue"), Se = /* @__PURE__ */ s((e) => De(e, qt, lr), "isArbitraryLength"), it = /* @__PURE__ */ s((e) => De(e, vr, I), "isArbitraryNumber"), Lt = /* @__PURE__ */ s((e) => De(e, Ot, Gt), "isArbitraryPosition"), fr = /* @__PURE__ */ s((e) => De(e, Ut, dr), "isArbitraryImage"), Ye = /* @__PURE__ */ s((e) => De(e, Wt, cr), "isArbitraryShadow"), x = /* @__PURE__ */ s((e) => Nt.test(e), "isArbitraryVariable"), Ue = /* @__PURE__ */ s((e) => Be(e, qt), "isArbitraryVariableLength"), gr = /* @__PURE__ */ s((e) => Be(e, pr), "isArbitraryVariableFamilyName"), Tt = /* @__PURE__ */ s((e) => Be(e, Ot), "isArbitraryVariablePosition"), mr = /* @__PURE__ */ s((e) => Be(e, Ht), "isArbitraryVariableSize"), br = /* @__PURE__ */ s((e) => Be(e, Ut), "isArbitraryVariableImage"), Je = /* @__PURE__ */ s((e) => Be(e, Wt, !0), "isArbitraryVariableShadow"), De = /* @__PURE__ */ s((e, r, o) => {
   const t = Rt.exec(e);
   return t ? t[1] ? r(t[1]) : o(t[2]) : !1;
 }, "getIsArbitraryValue"), Be = /* @__PURE__ */ s((e, r, o = !1) => {
   const t = Nt.exec(e);
   return t ? t[1] ? r(t[1]) : o : !1;
 }, "getIsArbitraryVariable"), Ot = /* @__PURE__ */ s((e) => e === "position" || e === "percentage", "isLabelPosition"), Ut = /* @__PURE__ */ s((e) => e === "image" || e === "url", "isLabelImage"), Ht = /* @__PURE__ */ s((e) => e === "length" || e === "size" || e === "bg-size", "isLabelSize"), qt = /* @__PURE__ */ s((e) => e === "length", "isLabelLength"), vr = /* @__PURE__ */ s((e) => e === "number", "isLabelNumber"), pr = /* @__PURE__ */ s((e) => e === "family-name", "isLabelFamilyName"), Wt = /* @__PURE__ */ s((e) => e === "shadow", "isLabelShadow"), xr = /* @__PURE__ */ s(() => {
-  const e = Z("color"), r = Z("font"), o = Z("text"), t = Z("font-weight"), n = Z("tracking"), a = Z("leading"), i = Z("breakpoint"), f = Z("container"), h = Z("spacing"), C = Z("radius"), u = Z("shadow"), c = Z("inset-shadow"), m = Z("text-shadow"), y = Z("drop-shadow"), g = Z("blur"), P = Z("perspective"), H = Z("aspect"), X = Z("ease"), ze = Z("animate"), Se = /* @__PURE__ */ s(() => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], "scaleBreak"), ue = /* @__PURE__ */ s(() => [
+  const e = Z("color"), r = Z("font"), o = Z("text"), t = Z("font-weight"), n = Z("tracking"), a = Z("leading"), i = Z("breakpoint"), f = Z("container"), h = Z("spacing"), C = Z("radius"), u = Z("shadow"), c = Z("inset-shadow"), m = Z("text-shadow"), y = Z("drop-shadow"), g = Z("blur"), P = Z("perspective"), H = Z("aspect"), X = Z("ease"), ze = Z("animate"), Ce = /* @__PURE__ */ s(() => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], "scaleBreak"), ue = /* @__PURE__ */ s(() => [
     "center",
     "top",
     "bottom",
@@ -1325,7 +1321,7 @@ const Z = /* @__PURE__ */ s((e) => {
     repeat: ["", "x", "y", "space", "round"]
   }], "scaleBgRepeat"), xe = /* @__PURE__ */ s(() => ["auto", "cover", "contain", mr, hr, {
     size: [x, p]
-  }], "scaleBgSize"), ye = /* @__PURE__ */ s(() => [at, Ue, Me], "scaleGradientStopPosition"), N = /* @__PURE__ */ s(() => [
+  }], "scaleBgSize"), ye = /* @__PURE__ */ s(() => [at, Ue, Se], "scaleGradientStopPosition"), N = /* @__PURE__ */ s(() => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -1333,7 +1329,7 @@ const Z = /* @__PURE__ */ s((e) => {
     C,
     x,
     p
-  ], "scaleRadius"), W = /* @__PURE__ */ s(() => ["", I, Ue, Me], "scaleBorderWidth"), Ee = /* @__PURE__ */ s(() => ["solid", "dashed", "dotted", "double"], "scaleLineStyle"), Le = /* @__PURE__ */ s(() => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], "scaleBlendMode"), B = /* @__PURE__ */ s(() => [I, at, Tt, Lt], "scaleMaskImagePosition"), Re = /* @__PURE__ */ s(() => [
+  ], "scaleRadius"), W = /* @__PURE__ */ s(() => ["", I, Ue, Se], "scaleBorderWidth"), Ee = /* @__PURE__ */ s(() => ["solid", "dashed", "dotted", "double"], "scaleLineStyle"), Le = /* @__PURE__ */ s(() => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], "scaleBlendMode"), B = /* @__PURE__ */ s(() => [I, at, Tt, Lt], "scaleMaskImagePosition"), Re = /* @__PURE__ */ s(() => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -1393,14 +1389,14 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": Se()
+        "break-after": Ce()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": Se()
+        "break-before": Ce()
       }],
       /**
        * Break Inside
@@ -2033,7 +2029,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", o, Ue, Me]
+        text: ["base", o, Ue, Se]
       }],
       /**
        * Font Smoothing
@@ -2181,7 +2177,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [I, "from-font", "auto", x, Me]
+        decoration: [I, "from-font", "auto", x, Se]
       }],
       /**
        * Text Decoration Color
@@ -2668,7 +2664,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", I, Ue, Me]
+        outline: ["", I, Ue, Se]
       }],
       /**
        * Outline Color
@@ -2743,7 +2739,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [I, Me]
+        "ring-offset": [I, Se]
       }],
       /**
        * Ring Offset Color
@@ -3693,7 +3689,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [I, Ue, Me, it]
+        stroke: [I, Ue, Se, it]
       }],
       /**
        * Stroke
@@ -4124,7 +4120,7 @@ const Z = /* @__PURE__ */ s((e) => {
             key: 0,
             class: z(["flex items-center size-[1.1em] mt-[-.07em]", [r.value.icon, a.value]])
           }, null, 2)) : E("", !0),
-          Ae(i.$slots, "default"),
+          Me(i.$slots, "default"),
           r.value.iconAfter ? (d(), v("span", {
             key: 1,
             class: z(["flex items-center size-[1.1em] mt-[-.07em]", [r.value.iconAfter, a.value]])
@@ -4219,7 +4215,7 @@ const Z = /* @__PURE__ */ s((e) => {
         r.value.length > 0 ? (d(), v("div", Lr, [
           t[3] || (t[3] = l("h3", { class: "text-sm font-medium text-white/90" }, " Connect ", -1)),
           l("div", Tr, [
-            (d(!0), v(Ie, null, rt(r.value, (n) => (d(), Q(wr, {
+            (d(!0), v(Ae, null, rt(r.value, (n) => (d(), Q(wr, {
               key: n.title,
               design: "ghost",
               theme: "default",
@@ -4262,7 +4258,7 @@ const Z = /* @__PURE__ */ s((e) => {
       const m = u[c], y = u[c + 1];
       return !y || y.sender !== m.sender;
     }
-    s(a, "shouldShowAvatar"), Ce(async () => {
+    s(a, "shouldShowAvatar"), Ie(async () => {
       if (e.selfController && !e.selfController.textState.value.isConnected)
         try {
           await e.selfController.startTextConversation();
@@ -4313,7 +4309,7 @@ const Z = /* @__PURE__ */ s((e) => {
         ref: o,
         class: "flex-1 overflow-y-auto overflow-x-hidden py-8 space-y-1 min-h-0 [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden"
       }, [
-        (d(!0), v(Ie, null, rt(e.selfController?.sharedMessages.value.filter((m) => m.sender !== "system") ?? [], (m, y) => (d(), v("div", {
+        (d(!0), v(Ae, null, rt(e.selfController?.sharedMessages.value.filter((m) => m.sender !== "system") ?? [], (m, y) => (d(), v("div", {
           key: m.id,
           class: z(["flex gap-2 items-end", {
             "justify-end": m.sender === "user",
@@ -4408,7 +4404,7 @@ const Z = /* @__PURE__ */ s((e) => {
   emits: ["click"],
   setup(e) {
     const r = T(!1);
-    return Ce(() => {
+    return Ie(() => {
       setTimeout(() => {
         r.value = !0;
       }, 100);
@@ -4469,7 +4465,7 @@ const Z = /* @__PURE__ */ s((e) => {
       position: "justify-end",
       closeButton: "-left-16"
     });
-    return (u, c) => (d(), v(Ie, null, [
+    return (u, c) => (d(), v(Ae, null, [
       U(_e, {
         "enter-active-class": "transition-opacity duration-300 ease-out",
         "leave-active-class": "transition-opacity duration-200 ease-in",
@@ -4514,7 +4510,7 @@ const Z = /* @__PURE__ */ s((e) => {
                 l("h3", os, R(e.title), 1)
               ])) : E("", !0),
               u.$slots.header ? (d(), v("div", rs, [
-                Ae(u.$slots, "header")
+                Me(u.$slots, "header")
               ])) : E("", !0),
               l("div", {
                 class: z(["flex-1 p-6 space-y-2 overflow-y-auto", { "pt-6": !e.title && !u.$slots.header, "pt-4": e.title || u.$slots.header }])
@@ -4528,7 +4524,7 @@ const Z = /* @__PURE__ */ s((e) => {
                   "leave-to-class": Y(n) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0"
                 }, {
                   default: se(() => [
-                    (d(!0), v(Ie, null, rt(f.value, (m, y) => (d(), v("button", {
+                    (d(!0), v(Ae, null, rt(f.value, (m, y) => (d(), v("button", {
                       key: m.key || m.label || y,
                       style: st({ transitionDelay: `${y * 40}ms` }),
                       class: z(["cursor-pointer w-full text-left p-3 rounded-xl transition-all duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group", [
@@ -4559,7 +4555,7 @@ const Z = /* @__PURE__ */ s((e) => {
                 }, 8, ["enter-from-class", "leave-to-class"])
               ], 2),
               l("div", ls, [
-                Ae(u.$slots, "footer", {}, () => [
+                Me(u.$slots, "footer", {}, () => [
                   c[4] || (c[4] = l("div", { class: "text-center" }, [
                     l("p", { class: "text-[10px] text-white/40 font-sans" }, [
                       He(" Digital Self by "),
@@ -4688,7 +4684,7 @@ const Z = /* @__PURE__ */ s((e) => {
     let t = null, n = null;
     const a = T(!1), i = T(!0), f = /* @__PURE__ */ new Map();
     let h = null, C = null, u = null;
-    const c = T(!1), m = T(null), { bars: y, barWidth: g, barSpacing: P, minHeight: H, maxHeight: X, STIFFNESS: ze, DAMPING: Se, PEAK_HOLD_TIME: ue, PEAK_DECAY_STIFFNESS: pe, PEAK_DECAY_DAMPING: he } = xo, re = new Float32Array(y).fill(H), S = new Float32Array(y).fill(0), ne = new Float32Array(y).fill(H), ce = new Float32Array(y).fill(H), fe = new Float32Array(y).fill(0), ge = new Float32Array(y).fill(0);
+    const c = T(!1), m = T(null), { bars: y, barWidth: g, barSpacing: P, minHeight: H, maxHeight: X, STIFFNESS: ze, DAMPING: Ce, PEAK_HOLD_TIME: ue, PEAK_DECAY_STIFFNESS: pe, PEAK_DECAY_DAMPING: he } = xo, re = new Float32Array(y).fill(H), S = new Float32Array(y).fill(0), ne = new Float32Array(y).fill(H), ce = new Float32Array(y).fill(H), fe = new Float32Array(y).fill(0), ge = new Float32Array(y).fill(0);
     function We(b) {
       return b < 200 ? { stiffnessMultiplier: 0.7, dampingMultiplier: 1.2 } : b < 1e3 ? { stiffnessMultiplier: 1, dampingMultiplier: 1 } : b < 4e3 ? { stiffnessMultiplier: 1.3, dampingMultiplier: 0.8 } : { stiffnessMultiplier: 1.5, dampingMultiplier: 0.6 };
     }
@@ -4892,7 +4888,7 @@ const Z = /* @__PURE__ */ s((e) => {
           ne[k] = H + O[k] * (X - H);
         const be = 16.67;
         for (let k = 0; k < y; k++) {
-          const de = _[k], ee = We(de), J = ne[k] - re[k], ae = ze * ee.stiffnessMultiplier, Fe = Se * ee.dampingMultiplier, le = J * ae - S[k] * Fe;
+          const de = _[k], ee = We(de), J = ne[k] - re[k], ae = ze * ee.stiffnessMultiplier, Fe = Ce * ee.dampingMultiplier, le = J * ae - S[k] * Fe;
           if (S[k] += le, re[k] += S[k], re[k] > ce[k])
             ce[k] = re[k], fe[k] = ue, ge[k] = 0;
           else if (fe[k] = Math.max(0, fe[k] - be), fe[k] <= 0) {
@@ -4944,7 +4940,7 @@ const Z = /* @__PURE__ */ s((e) => {
       }
       s(L, "animate"), n = requestAnimationFrame(L);
     }
-    s(nt, "startAnimation"), Ce(() => {
+    s(nt, "startAnimation"), Ie(() => {
       if (o.value) {
         if (t = o.value.getContext("2d"), ie(), typeof window < "u") {
           window.addEventListener("resize", yt, { passive: !0 });
@@ -5121,7 +5117,7 @@ const Z = /* @__PURE__ */ s((e) => {
         f.value.style.setProperty(`--primary-${P}`, H);
       });
     }
-    return s(m, "applyTheme"), Ce(() => {
+    return s(m, "applyTheme"), Ie(() => {
       try {
         c(), m(e.theme);
       } catch (y) {
@@ -5207,7 +5203,7 @@ const Z = /* @__PURE__ */ s((e) => {
               })
             ])
           ])) : h.value === "talk" ? (d(), v("div", Ls, [
-            C.value ? (d(), v(Ie, { key: 1 }, [
+            C.value ? (d(), v(Ae, { key: 1 }, [
               l("div", null, [
                 l("div", Ts, [
                   U(No, { self: e.self }, null, 8, ["self"])
@@ -5220,7 +5216,7 @@ const Z = /* @__PURE__ */ s((e) => {
             }, null, 8, ["sdk"]))
           ])) : (d(), v("div", Ps, [
             l("div", Fs, [
-              h.value === "chat" ? (d(), v(Ie, { key: 0 }, [
+              h.value === "chat" ? (d(), v(Ae, { key: 0 }, [
                 C.value ? (d(), Q(qr, {
                   key: 1,
                   "self-controller": t.value,
@@ -5291,7 +5287,7 @@ const Z = /* @__PURE__ */ s((e) => {
   },
   setup(e) {
     const r = e, o = T(!r.self), t = T(r.self), n = T();
-    return Ce(async () => {
+    return Ie(async () => {
       if (r.self) {
         o.value = !1;
         return;
@@ -5312,7 +5308,7 @@ const Z = /* @__PURE__ */ s((e) => {
     }), (a, i) => (d(), v("div", Rs, [
       o.value ? (d(), v("div", Ns, [...i[0] || (i[0] = [
         l("div", { class: "animate-spin rounded-full size-6 border-b-2 border-white" }, null, -1)
-      ])])) : t.value ? Ae(a.$slots, "default", {
+      ])])) : t.value ? Me(a.$slots, "default", {
         key: 1,
         self: t.value,
         context: e.context,
@@ -5462,7 +5458,7 @@ const Z = /* @__PURE__ */ s((e) => {
       ...a,
       ...i
     ], h = T(!1), C = [];
-    Ce(async () => {
+    Ie(async () => {
       t.value = !0;
       const c = oe(
         () => e.vis,
@@ -5536,7 +5532,7 @@ const Z = /* @__PURE__ */ s((e) => {
                   }, [
                     e.title ? (d(), v("h2", Ks, R(e.title), 1)) : E("", !0),
                     e.hasClose || c.$slots.actions ? (d(), v("div", Zs, [
-                      Ae(c.$slots, "actions"),
+                      Me(c.$slots, "actions"),
                       e.hasClose ? (d(), Q(Kt, {
                         key: 0,
                         class: "relative",
@@ -5545,7 +5541,7 @@ const Z = /* @__PURE__ */ s((e) => {
                       })) : E("", !0)
                     ])) : E("", !0)
                   ], 2)) : E("", !0),
-                  Ae(c.$slots, "default")
+                  Me(c.$slots, "default")
                 ])) : E("", !0)
               ]),
               _: 3