@pagelines/sdk 1.0.682 → 1.0.684

package/dist/AgentProvider.vue_vue_type_script_setup_true_lang.js

@@ -1,842 +0,0 @@
-var le = Object.defineProperty;
-var v = (e, r) => le(e, "name", { value: r, configurable: !0 });
-import { defineComponent as V, openBlock as a, createBlock as A, TransitionGroup as F, withCtx as S, renderSlot as q, ref as E, computed as k, watch as L, createElementBlock as n, createElementVNode as t, toDisplayString as $, createCommentVNode as y, createVNode as p, withKeys as ae, createTextVNode as B, Fragment as M, renderList as D, unref as w, normalizeClass as x, onMounted as R, Transition as H, withModifiers as N, normalizeStyle as Q, shallowRef as se, onUnmounted as ne, mergeProps as oe } from "vue";
-import { S as O } from "./socialPlatforms.js";
-import { c as ie, d as re, e as W, f as Y, h as K, p as ue, g as I, i as ce, b as U, A as de, _ as fe } from "./AgentWrap.vue_vue_type_script_setup_true_lang.js";
-import { getColorSchemeOklch as ve } from "@pagelines/core";
-const J = [
-  {
-    mode: "self",
-    label: "Overview",
-    icon: "i-tabler-user-square-rounded"
-  },
-  {
-    mode: "talk",
-    label: "Talk",
-    icon: "i-tabler-phone"
-  },
-  {
-    mode: "chat",
-    label: "Chat",
-    icon: "i-tabler-message-circle"
-  },
-  {
-    mode: "info",
-    label: "About",
-    icon: "i-tabler-user-circle"
-  }
-], me = /* @__PURE__ */ V({
-  __name: "EffectTransitionList",
-  props: {
-    disabled: { type: Boolean, default: !1 },
-    mode: { default: "block" }
-  },
-  setup(e) {
-    return (r, l) => (a(), A(F, {
-      name: e.disabled ? "" : "nlist"
-    }, {
-      default: S(() => [
-        q(r.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["name"]));
-  }
-}), he = ["data-test-mode"], be = { class: "w-full max-w-xs space-y-12" }, ge = {
-  key: 0,
-  class: "text-xs text-theme-400 text-center"
-}, xe = { class: "text-base font-light text-white text-center" }, ye = { class: "space-y-6 relative" }, ke = {
-  key: "email-field",
-  class: "w-full"
-}, pe = {
-  key: "code-field",
-  class: "w-full"
-}, P = /* @__PURE__ */ V({
-  __name: "ElAuthGate",
-  props: {
-    sdk: {}
-  },
-  setup(e) {
-    const r = E({ email: "", code: "" }), l = E("email"), s = E(!1), h = {
-      email: {
-        title: "Enter Your Email",
-        button: { label: "Continue", disabled: /* @__PURE__ */ v(() => !r.value.email || s.value, "disabled") },
-        action: /* @__PURE__ */ v(async () => {
-          if (!s.value) {
-            s.value = !0;
-            try {
-              await e.sdk.auth.requestAuthCode({ email: r.value.email }) && (l.value = "code");
-            } finally {
-              s.value = !1;
-            }
-          }
-        }, "action")
-      },
-      code: {
-        title: "Enter Verification Code",
-        button: { label: "Verify", disabled: /* @__PURE__ */ v(() => r.value.code.length !== 6 || s.value, "disabled") },
-        action: /* @__PURE__ */ v(async () => {
-          if (!s.value) {
-            s.value = !0;
-            try {
-              await e.sdk.auth.loginWithCode({ email: r.value.email, code: r.value.code });
-            } finally {
-              s.value = !1;
-            }
-          }
-        }, "action")
-      }
-    }, c = k(() => h[l.value]);
-    return L(() => e.sdk.activeUser.value, (u) => {
-      u && l.value === "code" && console.log("[ElAuthGate] Authentication successful", { email: u.email });
-    }), (u, i) => (a(), n("div", {
-      "data-test": "auth-form",
-      "data-test-mode": l.value,
-      class: "flex flex-col items-center justify-center h-full p-6"
-    }, [
-      t("div", be, [
-        e.sdk.error.value ? (a(), n("p", ge, $(e.sdk.error.value), 1)) : y("", !0),
-        t("h3", xe, $(c.value.title), 1),
-        t("div", ye, [
-          p(me, null, {
-            default: S(() => [
-              l.value === "email" ? (a(), n("div", ke, [
-                p(ie, {
-                  modelValue: r.value.email,
-                  "onUpdate:modelValue": i[0] || (i[0] = (d) => r.value.email = d),
-                  "data-test": "auth-email-input",
-                  onKeyup: ae(c.value.action, ["enter"])
-                }, null, 8, ["modelValue", "onKeyup"])
-              ])) : (a(), n("div", pe, [
-                p(re, {
-                  modelValue: r.value.code,
-                  "onUpdate:modelValue": i[1] || (i[1] = (d) => r.value.code = d),
-                  length: 6,
-                  "focus-first": !0,
-                  "data-test": "auth-code-input",
-                  onAutoSubmit: c.value.action
-                }, null, 8, ["modelValue", "onAutoSubmit"])
-              ])),
-              (a(), n("div", {
-                key: c.value.button.label,
-                class: "space-y-4 w-full"
-              }, [
-                p(W, {
-                  theme: "primary",
-                  size: "md",
-                  class: "w-full",
-                  "data-test": "auth-submit",
-                  loading: e.sdk.loading.value,
-                  disabled: c.value.button.disabled() || e.sdk.loading.value,
-                  onClick: c.value.action
-                }, {
-                  default: S(() => [
-                    B($(c.value.button.label), 1)
-                  ]),
-                  _: 1
-                }, 8, ["loading", "disabled", "onClick"]),
-                l.value === "code" ? (a(), n("button", {
-                  key: 0,
-                  class: "w-full text-xs text-white/50 hover:text-white/70 transition-colors py-2",
-                  onClick: i[2] || (i[2] = (d) => l.value = "email")
-                }, " Change Email ")) : y("", !0)
-              ]))
-            ]),
-            _: 1
-          })
-        ])
-      ])
-    ], 8, he));
-  }
-}), we = { class: "flex-1 flex flex-col min-h-0 py-6 space-y-6 h-full overflow-scroll [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden relative" }, $e = { class: "flex-1 space-y-6 pb-12" }, Ce = {
-  key: 0,
-  class: "text-sm bg-white/10 backdrop-blur-sm rounded-2xl p-4 border border-white/20 space-y-3"
-}, ze = ["innerHTML"], Ae = {
-  key: 1,
-  class: "bg-white/5 backdrop-blur-sm rounded-2xl p-4 border border-white/10"
-}, Ve = { class: "text-sm text-white/70 leading-relaxed" }, Ee = {
-  key: 2,
-  class: "space-y-3"
-}, Me = ["href"], Se = {
-  key: 3,
-  class: "space-y-3"
-}, Oe = { class: "grid grid-cols-2 gap-3" }, je = ["href"], Be = /* @__PURE__ */ V({
-  __name: "ElAgentAbout",
-  props: {
-    agent: {},
-    isOnline: { type: Boolean, default: !1 }
-  },
-  setup(e) {
-    return (r, l) => (a(), n("div", we, [
-      p(Y, {
-        agent: e.agent,
-        "is-online": e.isOnline
-      }, null, 8, ["agent", "is-online"]),
-      t("div", $e, [
-        e.agent.summary.value ? (a(), n("div", Ce, [
-          l[0] || (l[0] = t("h3", { class: "font-medium text-white/50" }, " About ", -1)),
-          t("div", {
-            class: "text-white/70 leading-relaxed",
-            innerHTML: e.agent.summary.value
-          }, null, 8, ze)
-        ])) : y("", !0),
-        e.agent.entityType.value === "company" ? (a(), n("div", Ae, [
-          l[1] || (l[1] = t("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " Company Info ", -1)),
-          t("p", Ve, " This is a company agent representing " + $(e.agent.name.value) + ". ", 1)
-        ])) : y("", !0),
-        e.agent.email.value ? (a(), n("div", Ee, [
-          l[3] || (l[3] = t("h3", { class: "text-sm font-medium text-white/90" }, " Contact ", -1)),
-          t("a", {
-            href: `mailto:${e.agent.email.value}`,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            class: "relative inline-flex items-center justify-center gap-2 rounded-full px-4 py-2 font-medium transition-colors duration-200 focus:outline-none active:opacity-80 cursor-pointer bg-white/5 hover:bg-white/10 border border-white/10 text-white/80 text-sm justify-start h-10 w-full"
-          }, [...l[2] || (l[2] = [
-            t("span", { class: "i-heroicons-envelope flex items-center size-[1.1em] mt-[-.07em]" }, null, -1),
-            B(" Email ", -1)
-          ])], 8, Me)
-        ])) : y("", !0),
-        e.agent.accounts.value && e.agent.accounts.value.length > 0 ? (a(), n("div", Se, [
-          l[4] || (l[4] = t("h3", { class: "text-sm font-medium text-white/90" }, " Links ", -1)),
-          t("div", Oe, [
-            (a(!0), n(M, null, D(e.agent.accounts.value, (s) => (a(), n("a", {
-              key: `${s.platform}-${s.handle}`,
-              href: w(O)[s.platform].getUrl(s.handle),
-              target: "_blank",
-              rel: "noopener noreferrer",
-              class: "relative inline-flex items-center justify-center gap-2 rounded-full px-4 py-2 font-medium transition-colors duration-200 focus:outline-none active:opacity-80 cursor-pointer bg-white/10 hover:bg-white/20 border border-white/20 text-white/80 text-sm"
-            }, [
-              t("span", {
-                class: x(["flex items-center size-[1.1em] mt-[-.07em]", w(O)[s.platform].icon])
-              }, null, 2),
-              B(" " + $(w(O)[s.platform].label), 1)
-            ], 8, je))), 128))
-          ])
-        ])) : y("", !0)
-      ])
-    ]));
-  }
-}), Te = { class: "flex flex-col items-center text-center gap-4" }, Ie = { class: "relative flex-shrink-0" }, Ue = { class: "w-20 h-20 sm:w-24 sm:h-24 rounded-full overflow-hidden border-4 border-white" }, qe = ["src", "alt"], Le = { class: "absolute top-1.5 right-1.5" }, Ne = {
-  key: 1,
-  class: "size-4 bg-theme-400 rounded-full ring-2 ring-white"
-}, De = { class: "min-w-0" }, Ge = { class: "text-3xl font-light text-white mb-2 truncate" }, He = { class: "text-base font-light text-white/60 line-clamp-1" }, Ke = /* @__PURE__ */ V({
-  __name: "ElAgentHeader",
-  props: {
-    agent: {},
-    isOnline: { type: Boolean, default: !1 }
-  },
-  setup(e) {
-    return (r, l) => (a(), n("div", Te, [
-      t("div", Ie, [
-        t("div", Ue, [
-          t("img", {
-            src: e.agent.avatarUrl.value,
-            alt: e.agent.displayName.value,
-            class: "w-full h-full object-cover",
-            onError: l[0] || (l[0] = //@ts-ignore
-            (...s) => w(K) && w(K)(...s))
-          }, null, 40, qe)
-        ]),
-        t("div", Le, [
-          e.isOnline ? (a(), n(M, { key: 0 }, [
-            l[1] || (l[1] = t("div", {
-              class: "size-4 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping",
-              style: { "animation-duration": "3s" }
-            }, null, -1)),
-            l[2] || (l[2] = t("div", { class: "size-4 bg-green-500 rounded-full ring-2 ring-white" }, null, -1))
-          ], 64)) : (a(), n("div", Ne))
-        ])
-      ]),
-      t("div", De, [
-        t("h1", Ge, $(e.agent.displayName.value), 1),
-        t("p", He, $(e.agent.title.value), 1)
-      ])
-    ]));
-  }
-}), Pe = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] overflow-hidden" }, Fe = /* @__PURE__ */ V({
-  name: "SelfSidebarClose",
-  __name: "AgentSidebarClose",
-  emits: ["click"],
-  setup(e) {
-    const r = E(!1);
-    return R(() => {
-      setTimeout(() => {
-        r.value = !0;
-      }, 100);
-    }), (l, s) => (a(), n("a", {
-      class: "close block cursor-pointer w-[60px] h-[60px] rounded-full transition-all duration-1000 ease-[cubic-bezier(0.25,1,0.33,1)] hover:scale-110 active:scale-90 hover:rotate-90",
-      onClick: s[0] || (s[0] = (h) => l.$emit("click", h))
-    }, [
-      s[1] || (s[1] = t("span", { class: "absolute inset-0 rounded-full transition-all" }, null, -1)),
-      t("span", Pe, [
-        t("span", {
-          class: x(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", r.value ? "translate-y-0 translate-x-0 rotate-45" : "translate-y-[30px] -translate-x-[30px] rotate-0"]),
-          style: { "background-color": "currentColor", "transition-delay": "0.15s" }
-        }, null, 2),
-        t("span", {
-          class: x(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", r.value ? "translate-y-0 translate-x-0 -rotate-45" : "-translate-y-[30px] -translate-x-[30px] rotate-0"]),
-          style: { "background-color": "currentColor", "transition-delay": "0.45s" }
-        }, null, 2)
-      ])
-    ]));
-  }
-}), Re = {
-  key: 0,
-  class: "px-9 pt-12 pb-4"
-}, Qe = { class: "text-base font-medium text-theme-400" }, We = {
-  key: 1,
-  class: "px-4 pb-8 border-b border-white/10"
-}, Ye = ["disabled", "onClick"], Je = { class: "flex items-center gap-3" }, Xe = { class: "flex-1" }, Ze = {
-  key: 0,
-  class: "text-xs text-white/50 mt-0.5"
-}, _e = { class: "p-6" }, X = /* @__PURE__ */ V({
-  name: "ElSidebar",
-  inheritAttrs: !1,
-  __name: "ElSidebar",
-  props: {
-    modelValue: { type: Boolean },
-    items: {},
-    position: {},
-    title: {},
-    widthClasses: {}
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: r }) {
-    const l = e, s = r, h = l.position || "left", c = l.widthClasses || "w-[80%] max-w-[300px]", u = k({
-      get: /* @__PURE__ */ v(() => l.modelValue, "get"),
-      set: /* @__PURE__ */ v((f) => s("update:modelValue", f), "set")
-    }), i = k(() => l.items.filter((f) => !f.isHidden));
-    function d(f) {
-      f.isDisabled || (f.onClick ? f.onClick({ item: f, event: new MouseEvent("click") }) : f.href && (f.href.includes("http") ? window.open(f.href, f.target || "_self")?.focus() : window.location.href = f.href), u.value = !1);
-    }
-    v(d, "handleItemClick");
-    const z = k(() => h === "left" ? {
-      enter: "-translate-x-full",
-      leave: "-translate-x-full",
-      position: "justify-start",
-      closeButton: "-right-16"
-    } : {
-      enter: "translate-x-full",
-      leave: "translate-x-full",
-      position: "justify-end",
-      closeButton: "-left-16"
-    });
-    return (f, C) => (a(), n(M, null, [
-      p(H, {
-        "enter-active-class": "transition-opacity duration-300 ease-out",
-        "leave-active-class": "transition-opacity duration-200 ease-in",
-        "enter-from-class": "opacity-0",
-        "enter-to-class": "opacity-100",
-        "leave-from-class": "opacity-100",
-        "leave-to-class": "opacity-0"
-      }, {
-        default: S(() => [
-          u.value ? (a(), n("div", {
-            key: 0,
-            class: "absolute inset-0 z-40 bg-black/50 backdrop-blur-sm",
-            onClick: C[0] || (C[0] = (b) => u.value = !1)
-          })) : y("", !0)
-        ]),
-        _: 1
-      }),
-      p(H, {
-        "enter-active-class": "transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)]",
-        "leave-active-class": "transition-all duration-400 ease-[cubic-bezier(0.25,1,0.33,1)]",
-        "enter-from-class": z.value.enter,
-        "enter-to-class": "translate-x-0",
-        "leave-from-class": "translate-x-0",
-        "leave-to-class": z.value.leave
-      }, {
-        default: S(() => [
-          u.value ? (a(), n("div", {
-            key: 0,
-            class: x(["absolute inset-0 z-50 flex", z.value.position]),
-            onClick: C[3] || (C[3] = (b) => u.value = !1)
-          }, [
-            t("div", {
-              class: x(["relative h-full shadow-2xl bg-black/30 backdrop-blur-xl flex flex-col justify-center", w(c)]),
-              onClick: C[2] || (C[2] = N(() => {
-              }, ["stop"]))
-            }, [
-              p(Fe, {
-                class: x(["absolute top-4 z-10 text-white", z.value.closeButton]),
-                onClick: C[1] || (C[1] = (b) => u.value = !1)
-              }, null, 8, ["class"]),
-              e.title ? (a(), n("div", Re, [
-                t("h3", Qe, $(e.title), 1)
-              ])) : y("", !0),
-              f.$slots.header ? (a(), n("div", We, [
-                q(f.$slots, "header")
-              ])) : y("", !0),
-              t("div", {
-                class: x(["flex-1 p-6 space-y-2 overflow-y-auto", { "pt-6": !e.title && !f.$slots.header, "pt-4": e.title || f.$slots.header }])
-              }, [
-                p(F, {
-                  "enter-active-class": "transition-all duration-400 ease-[cubic-bezier(0.25,1,0.33,1)]",
-                  "leave-active-class": "transition-all duration-200 ease-[cubic-bezier(0.25,1,0.33,1)]",
-                  "enter-from-class": w(h) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0",
-                  "enter-to-class": "translate-x-0 opacity-100",
-                  "leave-from-class": "translate-x-0 opacity-100",
-                  "leave-to-class": w(h) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0"
-                }, {
-                  default: S(() => [
-                    (a(!0), n(M, null, D(i.value, (b, j) => (a(), n("button", {
-                      key: b.key || b.label || j,
-                      style: Q({ transitionDelay: `${j * 40}ms` }),
-                      class: x(["cursor-pointer w-full text-left p-3 rounded-xl transition-all duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group", [
-                        b.isActive ? "bg-primary-500/20 border border-primary-500/40" : "hover:bg-white/10",
-                        b.isDisabled && "opacity-50 cursor-not-allowed"
-                      ]]),
-                      disabled: b.isDisabled,
-                      onClick: /* @__PURE__ */ v((T) => d(b), "onClick")
-                    }, [
-                      t("div", Je, [
-                        b.icon?.src ? (a(), n("i", {
-                          key: 0,
-                          class: x(["size-5 flex-shrink-0 transition-transform duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group-hover:scale-110", [
-                            b.icon.src,
-                            b.isActive ? "text-primary-400" : "text-white/70 group-hover:text-white"
-                          ]])
-                        }, null, 2)) : y("", !0),
-                        t("div", Xe, [
-                          t("div", {
-                            class: x(["font-medium text-sm", b.isActive ? "text-primary-300" : "text-white"])
-                          }, $(b.label), 3),
-                          b.subLabel ? (a(), n("div", Ze, $(b.subLabel), 1)) : y("", !0)
-                        ])
-                      ])
-                    ], 14, Ye))), 128))
-                  ]),
-                  _: 1
-                }, 8, ["enter-from-class", "leave-to-class"])
-              ], 2),
-              t("div", _e, [
-                q(f.$slots, "footer")
-              ])
-            ], 2)
-          ], 2)) : y("", !0)
-        ]),
-        _: 3
-      }, 8, ["enter-from-class", "leave-to-class"])
-    ], 64));
-  }
-}), et = /* @__PURE__ */ V({
-  name: "AgentModeSidebar",
-  __name: "ElAgentModeSidebar",
-  props: {
-    modelValue: { type: Boolean },
-    chatController: {}
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: r }) {
-    const l = e, s = r, h = k({
-      get: /* @__PURE__ */ v(() => l.modelValue, "get"),
-      set: /* @__PURE__ */ v((i) => s("update:modelValue", i), "set")
-    }), c = k(() => l.chatController?.agentMode?.value ?? "self"), u = k(() => J.map((i) => ({
-      key: i.mode,
-      icon: { src: i.icon },
-      label: i.label,
-      isActive: c.value === i.mode,
-      onClick: /* @__PURE__ */ v(() => {
-        l.chatController?.setMode(i.mode);
-      }, "onClick")
-    })));
-    return (i, d) => (a(), A(X, {
-      modelValue: h.value,
-      "onUpdate:modelValue": d[0] || (d[0] = (z) => h.value = z),
-      items: u.value,
-      position: "right",
-      title: "Mode",
-      "width-classes": "w-[80%] max-w-[255px]"
-    }, null, 8, ["modelValue", "items"]));
-  }
-}), tt = /* @__PURE__ */ V({
-  name: "AgentSidebar",
-  __name: "ElAgentSidebar",
-  props: {
-    modelValue: { type: Boolean },
-    agent: {},
-    sdk: {},
-    title: {}
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: r }) {
-    const l = e, s = r, h = k({
-      get: /* @__PURE__ */ v(() => l.modelValue, "get"),
-      set: /* @__PURE__ */ v((u) => s("update:modelValue", u), "set")
-    }), c = k(() => {
-      const u = [
-        {
-          key: "share",
-          icon: { src: "i-tabler-share" },
-          label: "Share this assistant",
-          onClick: /* @__PURE__ */ v(() => {
-            const i = `${window.location.origin}/@${l.agent.handle.value || l.agent.agentId.value}`;
-            navigator.clipboard.writeText(i).catch((d) => {
-              console.error("ElAgentSidebar: clipboard.writeText rejected", d);
-            });
-          }, "onClick")
-        },
-        {
-          key: "profile",
-          icon: { src: "i-tabler-user" },
-          label: "View full profile",
-          onClick: /* @__PURE__ */ v(() => {
-            window.open(`/@${l.agent.handle.value || l.agent.agentId.value}`, "_blank");
-          }, "onClick")
-        },
-        {
-          key: "create",
-          icon: { src: "i-tabler-sparkles" },
-          label: "Create your own",
-          onClick: /* @__PURE__ */ v(() => {
-            window.open("/auth", "_blank");
-          }, "onClick")
-        }
-      ];
-      return l.sdk.activeUser.value && u.push({
-        key: "logout",
-        icon: { src: "i-tabler-logout" },
-        label: "Logout",
-        onClick: /* @__PURE__ */ v(async () => {
-          await l.sdk.auth.logout();
-        }, "onClick")
-      }), u;
-    });
-    return (u, i) => (a(), A(X, {
-      modelValue: h.value,
-      "onUpdate:modelValue": i[0] || (i[0] = (d) => h.value = d),
-      items: c.value,
-      position: "left",
-      title: e.title || "Menu"
-    }, null, 8, ["modelValue", "items", "title"]));
-  }
-}), lt = {
-  key: 0,
-  class: "absolute inset-0 flex items-center justify-center bg-gradient-to-br from-theme-800 to-theme-950 rounded-3xl z-10"
-}, at = ["data-quality"], st = {
-  key: 0,
-  class: "flex items-center"
-}, nt = { class: "flex-1 flex items-center gap-3 pl-2" }, ot = ["src", "alt"], it = { class: "text-white/90 text-sm font-medium" }, rt = {
-  key: 0,
-  class: "flex justify-end"
-}, ut = { class: "text-sm" }, ct = {
-  key: 0,
-  class: "flex-1 basis-0 flex justify-end"
-}, dt = {
-  key: 0,
-  class: "flex-1 flex flex-col relative z-20 min-h-0 w-full px-4"
-}, ft = { class: "flex-1 min-h-0 max-w-md mx-auto w-full" }, vt = {
-  key: 0,
-  class: "h-full pb-12 flex-1 flex flex-col relative z-20 min-h-0 px-4 @[480px]/agent:px-6 max-w-md mx-auto w-full"
-}, mt = { class: "flex-1 basis-0 flex flex-col justify-start pt-8 gap-7" }, ht = {
-  key: 0,
-  class: "flex items-center justify-center gap-3"
-}, bt = ["href"], gt = {
-  key: 1,
-  class: "flex-1 flex flex-col relative z-20 min-h-0 w-full gap-4 px-4"
-}, xt = { class: "max-w-md mx-auto" }, yt = {
-  key: 2,
-  class: "flex-1 flex flex-col relative z-20 min-h-0 w-full px-4 @[480px]/agent:px-6"
-}, kt = { class: "flex-1 min-h-0 max-w-md mx-auto w-full" }, pt = {
-  key: 2,
-  class: "bg-gradient-to-br from-theme-800 to-theme-950 text-white flex items-center justify-center h-full p-8"
-}, wt = { class: "text-center max-w-md space-y-4" }, $t = { class: "text-sm text-white/70 leading-relaxed" }, Ct = {
-  key: 3,
-  class: "bg-white/10 backdrop-blur-sm text-white/70 flex items-center justify-center h-full"
-}, zt = /* @__PURE__ */ V({
-  __name: "AgentChat",
-  props: {
-    sdk: {},
-    agent: {},
-    context: {},
-    firstMessage: {},
-    buttonText: {},
-    buttonIcon: {},
-    hasClose: { type: Boolean, default: !1 },
-    isActive: { type: Boolean, default: !0 },
-    loading: { type: Boolean, default: !1 },
-    theme: { default: "green" },
-    requireAuth: { type: Boolean, default: !1 },
-    chatOnly: { type: Boolean, default: !1 }
-  },
-  emits: ["close", "error"],
-  setup(e, { emit: r }) {
-    const l = r, s = se(), h = E(!1), c = E(!1), u = E(), i = E(), d = k(() => s.value?.agentMode?.value ?? "self"), z = k(() => s.value?.textState.value.isConnected ?? !1), f = k(() => e.sdk.activeUser.value !== void 0), C = k(() => J.find((m) => m.mode === d.value));
-    function b() {
-      s.value && s.value.destroy();
-      try {
-        s.value = new de({
-          sdk: e.sdk,
-          agent: e.agent,
-          context: e.context,
-          firstMessage: e.firstMessage
-        });
-      } catch (m) {
-        throw console.error("AgentChatController creation failed:", m), m;
-      }
-    }
-    v(b, "createChatController");
-    function j(m) {
-      if (!i.value)
-        return;
-      const o = ve(m);
-      Object.entries(o).forEach(([g, te]) => {
-        i.value.style.setProperty(`--primary-${g}`, te);
-      });
-    }
-    v(j, "applyTheme"), R(() => {
-      try {
-        b(), j(e.theme), e.chatOnly && s.value && s.value.setMode("chat");
-      } catch (m) {
-        const o = m instanceof Error ? m.message : "Couldn't initialize your assistant";
-        u.value = o, l("error", o);
-      }
-    }), ne(() => {
-      s.value && s.value.destroy();
-    }), L(() => e.theme, (m) => {
-      j(m);
-    }), L(() => e.sdk.activeUser.value, (m, o) => {
-      o && !m && s.value && s.value.setMode("self");
-    });
-    const T = k(() => !!(e.agent.cover.value?.src && e.agent.cover.value?.quality === "low") || !!(e.agent.avatar.value?.src && e.agent.avatar.value?.quality === "low")), Z = k(() => {
-      const m = [T.value ? "backdrop-blur-sm" : ""];
-      return T.value && d.value === "self" ? m.push("from-black/80 via-black/60 to-black/80") : d.value === "self" ? m.push("from-black/70 via-black/50 to-black/80") : m.push("from-black/90 via-black/90 to-black/100"), m.join(" ");
-    }), G = {
-      phone: "i-heroicons-phone",
-      calendar: "i-heroicons-calendar",
-      question: "i-heroicons-question-mark-circle",
-      message: "i-heroicons-chat-bubble-left-right",
-      sparkles: "i-heroicons-sparkles"
-    }, _ = k(() => ue({
-      template: e.buttonText || "Talk to {name}",
-      agent: e.agent.toConfig()
-    })), ee = k(() => G[e.buttonIcon || "phone"] || G.phone);
-    return (m, o) => (a(), n("div", {
-      ref_key: "rootElement",
-      ref: i,
-      key: w(I)(e.agent.toConfig()),
-      class: "pagelines-sdk @container/agent pagelines-agent w-full h-full overflow-hidden relative",
-      "data-test": "agent-chat"
-    }, [
-      e.loading ? (a(), n("div", lt, [
-        p(ce, { class: "text-white size-8" })
-      ])) : e.agent && !u.value ? (a(), n("div", {
-        key: 1,
-        class: "absolute inset-0 bg-cover bg-center bg-no-repeat",
-        style: Q({ backgroundImage: `url(${w(I)(e.agent.toConfig())})` }),
-        "data-quality": e.agent.avatar.value?.quality || "none"
-      }, [
-        t("div", {
-          class: x(["absolute inset-0 bg-gradient-to-br z-0", Z.value])
-        }, null, 2),
-        t("div", {
-          class: x(["relative z-10 flex flex-col h-full transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] will-change-transform", e.isActive ? "opacity-100 translate-y-0" : "opacity-0 translate-y-2"])
-        }, [
-          t("div", {
-            class: x(["relative z-30 p-2", d.value !== "self" ? "backdrop-blur-lg" : ""])
-          }, [
-            e.chatOnly ? (a(), n("div", st, [
-              t("div", nt, [
-                t("img", {
-                  src: w(I)(e.agent.toConfig()),
-                  alt: e.agent.displayName.value,
-                  class: "size-8 rounded-full object-cover"
-                }, null, 8, ot),
-                t("span", it, $(e.agent.displayName.value), 1)
-              ]),
-              e.hasClose ? (a(), n("div", rt, [
-                t("button", {
-                  class: "cursor-pointer flex items-center p-3 rounded-2xl text-white/70 hover:bg-white/10 transition-colors",
-                  onClick: o[0] || (o[0] = N((g) => l("close", "button"), ["stop"]))
-                }, [...o[7] || (o[7] = [
-                  t("i", { class: "size-6 i-tabler-x" }, null, -1)
-                ])])
-              ])) : y("", !0)
-            ])) : (a(), n("div", {
-              key: 1,
-              class: x(["flex items-center", e.hasClose ? "" : "justify-between"])
-            }, [
-              t("div", {
-                class: x(e.hasClose ? "flex-1 basis-0" : "")
-              }, [
-                t("button", {
-                  class: "cursor-pointer p-2 flex items-center gap-2 rounded-2xl text-white/70 hover:bg-white/10 transition-all duration-300 ease-[cubic-bezier(0.25,1,0.33,1)] hover:scale-105 active:scale-95",
-                  onClick: o[1] || (o[1] = (g) => h.value = !0)
-                }, [...o[8] || (o[8] = [
-                  t("i", { class: "i-tabler-menu size-7" }, null, -1)
-                ])])
-              ], 2),
-              t("button", {
-                class: x(["flex items-center gap-2 px-3.5 py-3 rounded-2xl text-white/90 hover:bg-white/10 transition-all cursor-pointer flex-grow-0", { "bg-white/10": c.value }]),
-                onClick: o[2] || (o[2] = (g) => c.value = !0)
-              }, [
-                t("i", {
-                  class: x([C.value?.icon, "size-4 opacity-60"])
-                }, null, 2),
-                t("span", ut, $(C.value?.label), 1),
-                o[9] || (o[9] = t("i", { class: "i-tabler-chevron-down size-4" }, null, -1))
-              ], 2),
-              e.hasClose ? (a(), n("div", ct, [
-                t("button", {
-                  class: "cursor-pointer flex items-center p-3 rounded-2xl text-white/70 hover:bg-white/10 transition-colors",
-                  onClick: o[3] || (o[3] = N((g) => l("close", "button"), ["stop"]))
-                }, [...o[10] || (o[10] = [
-                  t("i", { class: "size-6 i-tabler-x" }, null, -1)
-                ])])
-              ])) : y("", !0)
-            ], 2))
-          ], 2),
-          e.chatOnly ? (a(), n("div", dt, [
-            t("div", ft, [
-              p(U, {
-                "chat-controller": s.value,
-                agent: e.agent,
-                "show-header": ""
-              }, null, 8, ["chat-controller", "agent"])
-            ])
-          ])) : (a(), n(M, { key: 1 }, [
-            d.value === "self" ? (a(), n("div", vt, [
-              o[11] || (o[11] = t("div", { class: "flex-1 basis-0 mb-12" }, null, -1)),
-              p(Ke, {
-                agent: e.agent,
-                "is-online": z.value
-              }, null, 8, ["agent", "is-online"]),
-              t("div", mt, [
-                p(W, {
-                  theme: "primary",
-                  size: "lg",
-                  class: "w-full",
-                  icon: ee.value,
-                  "data-test": "voice-button",
-                  onClick: o[4] || (o[4] = (g) => s.value?.setMode("talk"))
-                }, {
-                  default: S(() => [
-                    B($(_.value), 1)
-                  ]),
-                  _: 1
-                }, 8, ["icon"]),
-                e.agent.accounts.value && e.agent.accounts.value.length > 0 ? (a(), n("div", ht, [
-                  (a(!0), n(M, null, D((e.agent.accounts.value || []).filter((g) => w(O)[g.platform]), (g) => (a(), n("a", {
-                    key: `${g.platform}-${g.handle}`,
-                    href: w(O)[g.platform].getUrl(g.handle),
-                    target: "_blank",
-                    class: "size-12 rounded-full text-white/60 hover:text-white hover:bg-white/5 border border-white/0 hover:border-white/10 flex items-center justify-center transition-all duration-200 hover:scale-105"
-                  }, [
-                    t("i", {
-                      class: x([w(O)[g.platform].icon, "size-5"])
-                    }, null, 2)
-                  ], 8, bt))), 128))
-                ])) : y("", !0)
-              ])
-            ])) : d.value === "talk" ? (a(), n("div", gt, [
-              e.requireAuth && !f.value ? (a(), A(P, {
-                key: 0,
-                sdk: e.sdk
-              }, null, 8, ["sdk"])) : (a(), n(M, { key: 1 }, [
-                t("div", null, [
-                  t("div", xt, [
-                    p(Y, {
-                      agent: e.agent,
-                      "is-online": z.value
-                    }, null, 8, ["agent", "is-online"])
-                  ])
-                ]),
-                p(U, {
-                  "chat-controller": s.value,
-                  agent: e.agent
-                }, null, 8, ["chat-controller", "agent"])
-              ], 64))
-            ])) : (a(), n("div", yt, [
-              t("div", kt, [
-                d.value === "chat" ? (a(), n(M, { key: 0 }, [
-                  e.requireAuth && !f.value ? (a(), A(P, {
-                    key: 0,
-                    sdk: e.sdk
-                  }, null, 8, ["sdk"])) : (a(), A(U, {
-                    key: 1,
-                    "chat-controller": s.value,
-                    agent: e.agent,
-                    "show-header": ""
-                  }, null, 8, ["chat-controller", "agent"]))
-                ], 64)) : d.value === "info" ? (a(), A(Be, {
-                  key: 1,
-                  agent: e.agent,
-                  "is-online": z.value
-                }, null, 8, ["agent", "is-online"])) : y("", !0)
-              ])
-            ]))
-          ], 64))
-        ], 2)
-      ], 12, at)) : u.value ? (a(), n("div", pt, [
-        t("div", wt, [
-          o[12] || (o[12] = t("div", { class: "flex justify-center" }, [
-            t("div", { class: "rounded-full bg-red-500/20 flex items-center justify-center size-10" }, [
-              t("i", { class: "i-tabler-alert-circle size-6 text-red-400" })
-            ])
-          ], -1)),
-          o[13] || (o[13] = t("h3", { class: "text-lg font-medium" }, " Agent Error ", -1)),
-          t("p", $t, $(u.value), 1)
-        ])
-      ])) : (a(), n("div", Ct, " Couldn't load your assistant. Please try again later. ")),
-      e.chatOnly ? y("", !0) : (a(), A(tt, {
-        key: 4,
-        modelValue: h.value,
-        "onUpdate:modelValue": o[5] || (o[5] = (g) => h.value = g),
-        agent: e.agent,
-        sdk: e.sdk,
-        title: e.agent.displayName.value,
-        "data-test": "agent-sidebar"
-      }, null, 8, ["modelValue", "agent", "sdk", "title"])),
-      e.chatOnly ? y("", !0) : (a(), A(et, {
-        key: 5,
-        modelValue: c.value,
-        "onUpdate:modelValue": o[6] || (o[6] = (g) => c.value = g),
-        "chat-controller": s.value,
-        "data-test": "agent-mode-sidebar"
-      }, null, 8, ["modelValue", "chat-controller"]))
-    ]));
-  }
-}), Ot = /* @__PURE__ */ V({
-  __name: "AgentProvider",
-  props: {
-    sdk: {},
-    agent: {},
-    handle: {},
-    context: {},
-    firstMessage: {},
-    buttonText: {},
-    buttonIcon: {},
-    hasClose: { type: Boolean },
-    chatOnly: { type: Boolean },
-    apiBase: {}
-  },
-  emits: ["close", "error"],
-  setup(e, { emit: r }) {
-    const l = e, s = r;
-    return (h, c) => (a(), A(fe, oe(l, { class: "agent-provider size-full relative" }), {
-      default: S((u) => [
-        p(zt, {
-          sdk: u.sdk,
-          agent: u.agent,
-          context: u.context,
-          "first-message": u.firstMessage,
-          "button-text": l.buttonText,
-          "button-icon": l.buttonIcon,
-          "has-close": l.hasClose,
-          "chat-only": l.chatOnly,
-          "is-active": !0,
-          class: "size-full",
-          onClose: c[0] || (c[0] = (i) => s("close", i)),
-          onError: c[1] || (c[1] = (i) => s("error", i))
-        }, null, 8, ["sdk", "agent", "context", "first-message", "button-text", "button-icon", "has-close", "chat-only"])
-      ]),
-      _: 1
-    }, 16));
-  }
-});
-export {
-  J as A,
-  Ot as _,
-  zt as a
-};
-//# sourceMappingURL=AgentProvider.vue_vue_type_script_setup_true_lang.js.map